:root{--color-primary: #0f4c81;--color-primary-hover: #0b3d6a;--color-primary-light: rgba(15, 76, 129, .08);--color-primary-ring: rgba(15, 76, 129, .25);--color-dark: #0d1b2a;--color-accent: #c9a84c;--color-neutral: #eeeee8;--color-neutral-hover: #e2e2dc;--color-danger: #c94c4c;--color-danger-hover: #b33e3e;--color-danger-light: rgba(201, 76, 76, .08);--color-danger-ring: rgba(201, 76, 76, .25);--color-success: #2a7f62;--color-success-light: rgba(42, 127, 98, .1);--color-warning: #d4852f;--color-warning-light: rgba(212, 133, 47, .1);--color-text: #1a1a2e;--color-text-body: #4a4a5e;--color-text-muted: #8a8a9e;--color-text-inverse: #ffffff;--color-bg: #f8f7f4;--color-bg-card: #ffffff;--color-bg-secondary: var(--color-neutral);--color-bg-hover: #f0efe9;--color-border: #ddd8d0;--color-border-light: #eeeee8;--sidebar-width: 250px;--sidebar-collapsed-width: 60px;--sidebar-bg: var(--color-dark);--sidebar-color: #94a3b8;--sidebar-active-bg: var(--color-primary);--sidebar-hover-bg: rgba(255, 255, 255, .06);--sidebar-border: rgba(255, 255, 255, .08);--header-height: 56px;--header-bg: var(--color-bg-card);--font-body: "DM Sans", system-ui, -apple-system, sans-serif;--font-heading: "DM Serif Display", "DM Sans", serif;--font-mono: "JetBrains Mono", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-pill: 12px;--shadow-sm: 0 1px 3px rgba(13, 27, 42, .04);--shadow-md: 0 4px 12px rgba(13, 27, 42, .07);--shadow-overlay: 0 8px 32px rgba(13, 27, 42, .14);--transition-fast: .15s ease;--transition-normal: .2s ease;--z-overlay: 10000;--primary-color: var(--color-primary);--border-color: var(--color-border);--text-primary: var(--color-text);--text-secondary: var(--color-text-body);--text-muted: var(--color-text-muted);--bg-secondary: var(--color-bg-secondary);--bg-hover: var(--color-bg-hover);font-family:var(--font-body);line-height:1.5;color:var(--color-text);background-color:var(--color-bg)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text);line-height:1.3}::selection{background:#0f4c8133;color:var(--color-text)}html{scroll-behavior:smooth}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button,input,select,textarea{transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.app-layout{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;padding:var(--space-8)}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--space-4);background:linear-gradient(135deg,#0d1b2a,#0f4c81 60%,#1a6bb5);color:var(--color-text-inverse);position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(201,168,76,.08) 0%,transparent 50%);pointer-events:none}.login-page .login-card{background:#ffffff12;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:3rem 2.5rem;text-align:center;max-width:400px;width:90%;position:relative;z-index:1}.login-page .login-brand{font-family:var(--font-heading);font-size:2.25rem;font-weight:400;letter-spacing:.02em;margin-bottom:.5rem}.login-page .login-subtitle{font-size:var(--text-base);opacity:.7;margin-bottom:2rem}.login-page button{padding:var(--space-3) var(--space-8);font-family:var(--font-body);font-size:var(--text-md);font-weight:600;border:none;border-radius:var(--radius-sm);background:var(--color-accent);color:#0d1b2a;cursor:pointer;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),background var(--transition-fast)}.login-page button:hover{background:#d4b45c;transform:translateY(-1px);box-shadow:0 6px 20px #c9a84c4d}.login-page button:active{transform:translateY(0)}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh}@media(max-width:768px){:root{--sidebar-width: 0px}}@media(min-width:769px)and (max-width:1024px){:root{--sidebar-width: var(--sidebar-collapsed-width, 60px)}}