:root{--color-primary: #0b5f93;--color-primary-dark: #3a4bc0;--color-primary-light: #7c8ce8;--color-header: linear-gradient(180deg, #135b7d, transparent);--color-bg: #f4f5fb;--color-card: #ffffff;--color-text: #14141f;--color-text-muted: #8b8ea0;--color-border: #dfe2f0;--color-success: #2fbf6e;--color-success-bg: #e3f8ec;--color-warning: #f2994a;--color-warning-bg: #fbe8d6;--color-pending: #4a5fd6;--color-pending-bg: #e6e9fb;--color-danger: #eb5757;--color-danger-bg: #fbe2e2;--color-late: #c9a227;--color-late-bg: #f6efd4;--radius-lg: 18px;--radius-md: 12px;--radius-full: 999px;--shadow-card: 0 4px 16px rgba(20, 20, 31, .06)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:Poppins,Segoe UI,sans-serif;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}#app{min-height:100vh;background:var(--color-bg);position:relative}.page-container{width:100%;max-width:1180px;margin:0 auto}@media (min-width: 900px){.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}}input,select,button{font-family:inherit}a{text-decoration:none}.screen{min-height:100vh;display:flex;flex-direction:column}