@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", "Consolas", monospace}:root,[data-theme=light]{--color-success-50: #ECFDF5;--color-success-100: #D1FAE5;--color-success-200: #A7F3D0;--color-success-500: #10B981;--color-success-600: #059669;--color-success-700: #047857;--color-danger-50: #FEF2F2;--color-danger-100: #FEE2E2;--color-danger-200: #FECACA;--color-danger-500: #EF4444;--color-danger-600: #DC2626;--color-danger-700: #B91C1C;--color-warning-50: #FFFBEB;--color-warning-100: #FEF3C7;--color-warning-200: #FDE68A;--color-warning-500: #F59E0B;--color-warning-600: #D97706;--color-warning-700: #B45309;--color-info-50: #EFF6FF;--color-info-100: #DBEAFE;--color-info-200: #BFDBFE;--color-info-500: #3B82F6;--color-info-600: #2563EB;--color-info-700: #1D4ED8;--company-primary-color: #C40C0C;--company-primary-hover: #A30A0A;--company-primary-light: rgba(196, 12, 12, .1);--color-primary-50: #F0F4F8;--color-primary-100: #D9E2EC;--color-primary-500: #102E50;--color-primary-600: #0B1F3A;--color-primary-700: #0A1929;--color-primary-800: #071321;--color-primary-900: #030B15;--color-accent-50: #EFF6FF;--color-accent-100: #DBEAFE;--color-accent-200: #BFDBFE;--color-accent-500: #2E5BBA;--color-accent-600: #2547A3;--color-accent-700: #1E3A8A;--color-neutral-50: #F9FAFB;--color-neutral-100: #F3F4F6;--color-neutral-200: #E5E7EB;--color-neutral-300: #D1D5DB;--color-neutral-400: #9CA3AF;--color-neutral-500: #6B7280;--color-neutral-600: #4B5563;--color-neutral-700: #374151;--color-neutral-800: #1F2937;--color-neutral-900: #111827;--color-background-primary: #F8F9FC;--color-background-secondary: #F0F1F5;--color-background-elevated: #FFFFFF;--color-background-overlay: rgba(0, 0, 0, .4);--color-surface-primary: #FFFFFF;--color-surface-secondary: #F9FAFB;--color-surface-tertiary: #F3F4F6;--color-surface-hover: rgba(0, 0, 0, .03);--color-surface-active: rgba(0, 0, 0, .06);--color-text-primary: #1A1D23;--color-text-secondary: #6B7280;--color-text-tertiary: #9CA3AF;--color-text-disabled: #D1D5DB;--color-text-inverse: #F2F2F7;--color-text-on-dark: #F2F2F7;--color-text-accent: var(--color-accent-600);--color-border-light: #E5E7EB;--color-border-medium: #D1D5DB;--color-border-strong: #9CA3AF;--color-border-focus: var(--color-accent-500);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .08), 0 1px 2px -1px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .06);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .06);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .2);--shadow-inset: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--shadow-glow: 0 0 0 3px rgba(46, 91, 186, .15);--chart-grid: rgba(0, 0, 0, .06);--chart-text: #6B7280;--chart-line-1: #2E5BBA;--chart-line-2: #10B981;--chart-line-3: #F59E0B;--chart-line-4: #EF4444;--chart-fill-opacity: .1;--ticker-bg: #0D1117;--ticker-text: #E6EDF3;--ticker-border: rgba(255, 255, 255, .06);--ticker-up: #3FB950;--ticker-down: #F85149;--ticker-neutral: #8B949E;--sidebar-bg-start: #0A1628;--sidebar-bg-middle: #142844;--sidebar-bg-end: #1a3650;--sidebar-text-normal: #8B95A5;--sidebar-text-hover: #FFFFFF;--sidebar-text-active: #FFFFFF;--sidebar-border-active: #4A7BA7;--sidebar-border-gradient-start: #4A7BA7;--sidebar-border-gradient-end: rgba(46, 91, 143, .2);--sidebar-glow-internal: rgba(255, 255, 255, .1);--sidebar-glow-external: rgba(46, 91, 143, .15);--sidebar-logout-hover: #E74C3C;--sidebar-logout-bg-hover: rgba(231, 76, 60, .1);--overlay-light: rgba(0, 0, 0, .04);--overlay-medium: rgba(0, 0, 0, .12);--scrollbar-track: transparent;--scrollbar-thumb: rgba(0, 0, 0, .15);--scrollbar-thumb-hover: rgba(0, 0, 0, .25);--bg-image-opacity: .04}[data-theme=dark]{--color-success-50: rgba(16, 185, 129, .08);--color-success-100: rgba(16, 185, 129, .15);--color-success-200: rgba(16, 185, 129, .25);--color-success-500: #3FB950;--color-success-600: #2EA043;--color-success-700: #238636;--color-danger-50: rgba(248, 81, 73, .08);--color-danger-100: rgba(248, 81, 73, .15);--color-danger-200: rgba(248, 81, 73, .25);--color-danger-500: #F85149;--color-danger-600: #DA3633;--color-danger-700: #B62324;--color-warning-50: rgba(210, 153, 34, .08);--color-warning-100: rgba(210, 153, 34, .15);--color-warning-200: rgba(210, 153, 34, .25);--color-warning-500: #D29922;--color-warning-600: #BB8009;--color-warning-700: #9E6A03;--color-info-50: rgba(56, 139, 253, .08);--color-info-100: rgba(56, 139, 253, .15);--color-info-200: rgba(56, 139, 253, .25);--color-info-500: #388BFD;--color-info-600: #1F6FEB;--color-info-700: #1158C7;--company-primary-color: #E53935;--company-primary-hover: #FF5252;--company-primary-light: rgba(229, 57, 53, .12);--color-primary-50: #161B22;--color-primary-100: #21262D;--color-primary-500: #58A6FF;--color-primary-600: #79C0FF;--color-primary-700: #A5D6FF;--color-primary-800: #CAE8FF;--color-primary-900: #F0F6FC;--color-accent-50: rgba(56, 139, 253, .08);--color-accent-100: rgba(56, 139, 253, .15);--color-accent-200: rgba(56, 139, 253, .25);--color-accent-500: #58A6FF;--color-accent-600: #79C0FF;--color-accent-700: #A5D6FF;--color-neutral-50: #0D1117;--color-neutral-100: #161B22;--color-neutral-200: #21262D;--color-neutral-300: #30363D;--color-neutral-400: #484F58;--color-neutral-500: #6E7681;--color-neutral-600: #8B949E;--color-neutral-700: #C9D1D9;--color-neutral-800: #E6EDF3;--color-neutral-900: #F0F6FC;--color-background-primary: #0D1117;--color-background-secondary: #010409;--color-background-elevated: #161B22;--color-background-overlay: rgba(0, 0, 0, .6);--color-surface-primary: #161B22;--color-surface-secondary: #1C2128;--color-surface-tertiary: #21262D;--color-surface-hover: rgba(255, 255, 255, .04);--color-surface-active: rgba(255, 255, 255, .08);--color-text-primary: #E6EDF3;--color-text-secondary: #8B949E;--color-text-tertiary: #6E7681;--color-text-disabled: #484F58;--color-text-inverse: #1A1D23;--color-text-on-dark: #E6EDF3;--color-text-accent: #58A6FF;--color-border-light: #21262D;--color-border-medium: #30363D;--color-border-strong: #484F58;--color-border-focus: #58A6FF;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 20px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 32px rgba(0, 0, 0, .5);--shadow-2xl: 0 24px 48px rgba(0, 0, 0, .6);--shadow-inset: inset 0 2px 4px 0 rgba(0, 0, 0, .2);--shadow-glow: 0 0 0 3px rgba(88, 166, 255, .2);--chart-grid: rgba(255, 255, 255, .06);--chart-text: #8B949E;--chart-line-1: #58A6FF;--chart-line-2: #3FB950;--chart-line-3: #D29922;--chart-line-4: #F85149;--chart-fill-opacity: .15;--ticker-bg: #010409;--ticker-text: #C9D1D9;--ticker-border: rgba(255, 255, 255, .04);--ticker-up: #3FB950;--ticker-down: #F85149;--ticker-neutral: #6E7681;--sidebar-bg-start: #010409;--sidebar-bg-middle: #0D1117;--sidebar-bg-end: #161B22;--sidebar-text-normal: #6E7681;--sidebar-text-hover: #E6EDF3;--sidebar-text-active: #F0F6FC;--sidebar-border-active: #58A6FF;--sidebar-border-gradient-start: #58A6FF;--sidebar-border-gradient-end: rgba(88, 166, 255, .15);--sidebar-glow-internal: rgba(255, 255, 255, .05);--sidebar-glow-external: rgba(88, 166, 255, .1);--sidebar-logout-hover: #F85149;--sidebar-logout-bg-hover: rgba(248, 81, 73, .1);--overlay-light: rgba(255, 255, 255, .03);--overlay-medium: rgba(255, 255, 255, .08);--scrollbar-track: transparent;--scrollbar-thumb: rgba(255, 255, 255, .12);--scrollbar-thumb-hover: rgba(255, 255, 255, .2);--bg-image-opacity: .02}:root{--spacing-0: 0;--spacing-px: 1px;--spacing-0_5: 4px;--spacing-1: 8px;--spacing-1_5: 12px;--spacing-2: 16px;--spacing-3: 24px;--spacing-4: 32px;--spacing-5: 40px;--spacing-6: 48px;--spacing-7: 56px;--spacing-8: 64px;--spacing-10: 80px;--spacing-12: 96px;--font-size-2xs: 10px;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px;--font-size-5xl: 48px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--letter-spacing-tighter: -.05em;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--z-base: 0;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-ticker: 1080;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-slower: .5s cubic-bezier(.4, 0, .2, 1);--transition-theme: .35s cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--sidebar-width: 220px;--sidebar-collapsed-width: 72px;--header-height: 60px;--ticker-height: 54px;--content-max-width: 1600px}:root,[data-theme=light],[data-theme=dark]{--primary-navy: var(--color-primary-500);--primary-navy-dark: var(--color-primary-700);--primary-navy-light: var(--color-primary-100);--primary-navy-soft: var(--color-primary-50);--accent-blue: var(--color-accent-500);--accent-blue-light: var(--color-accent-100);--success-green: var(--color-success-500);--danger-red: var(--color-danger-500);--danger-red-light: var(--color-danger-600);--danger-red-soft: var(--color-danger-50);--info-blue: var(--color-info-500);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-tertiary: var(--color-text-tertiary);--background-primary: var(--color-background-primary);--background-secondary: var(--color-background-secondary);--background-elevated: var(--color-background-elevated);--border-light: var(--color-border-light);--border-medium: var(--color-border-medium);--separator: var(--color-border-strong);--shadow-soft: var(--shadow-sm);--shadow-elevated: var(--shadow-md);--shadow-floating: var(--shadow-xl);--warning-orange: var(--color-warning-500);--warning-orange-soft: var(--color-warning-50);--success-green-soft: var(--color-success-50);--text-on-dark: var(--color-text-on-dark)}[data-theme-transitioning] *,[data-theme-transitioning] *:before,[data-theme-transitioning] *:after{transition:background-color var(--transition-theme),color var(--transition-theme),border-color var(--transition-theme),box-shadow var(--transition-theme)!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.text-success{color:var(--color-success-500)}.text-danger{color:var(--color-danger-500)}.text-warning{color:var(--color-warning-500)}.text-info{color:var(--color-info-500)}.bg-success{background-color:var(--color-success-50)}.bg-danger{background-color:var(--color-danger-50)}.bg-warning{background-color:var(--color-warning-50)}.bg-info{background-color:var(--color-info-50)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.font-normal{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-mono{font-family:var(--font-family-mono)}.tabular-nums{font-variant-numeric:tabular-nums}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background-primary);overflow-x:hidden;width:100%;max-width:100vw}code{font-family:var(--font-family-mono)}::selection{background:#c40c0c33;color:inherit}[data-theme=dark] ::selection{background:#58a6ff40}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}button{font-family:inherit;cursor:pointer}html{scroll-behavior:smooth}ul{list-style:none;padding:0;margin:0}.App{display:flex;height:100vh;overflow:hidden;width:100%;max-width:100vw;position:relative}.content{flex-grow:1;padding:var(--spacing-2);overflow-y:auto;overflow-x:hidden;height:100vh;box-sizing:border-box;transition:margin-left var(--transition-slow);margin-left:var(--sidebar-width);max-width:calc(100vw - var(--sidebar-width));width:calc(100vw - var(--sidebar-width));position:relative}.content:before{content:"";position:fixed;top:0;left:var(--sidebar-width);right:0;bottom:0;background-image:url(/assets/rede_ancora-background-D8Eg9-3N.png);background-size:60%;background-repeat:no-repeat;background-position:center center;opacity:var(--bg-image-opacity);pointer-events:none;z-index:0;transition:left var(--transition-slow),opacity var(--transition-theme)}.content>*{position:relative;z-index:1}.App.sidebar-collapsed .content{margin-left:var(--sidebar-collapsed-width);max-width:calc(100vw - var(--sidebar-collapsed-width));width:calc(100vw - var(--sidebar-collapsed-width))}.App.sidebar-collapsed .content:before{left:var(--sidebar-collapsed-width)}@media(max-width:768px){.App{flex-direction:row}.sidebar{width:var(--sidebar-collapsed-width)!important;position:fixed;z-index:var(--z-fixed);transition:transform var(--transition-slow)}.content{margin-left:var(--sidebar-collapsed-width)!important;max-width:calc(100vw - var(--sidebar-collapsed-width))!important;width:calc(100vw - var(--sidebar-collapsed-width))!important;padding:var(--spacing-1);overflow-x:hidden}.content:before{left:var(--sidebar-collapsed-width)!important}.App.sidebar-collapsed .content{margin-left:var(--sidebar-collapsed-width)!important;max-width:calc(100vw - var(--sidebar-collapsed-width))!important;width:calc(100vw - var(--sidebar-collapsed-width))!important}}@media(max-width:480px){.sidebar{transform:translate(-100%);width:var(--sidebar-collapsed-width)!important;position:fixed;z-index:var(--z-fixed)}.sidebar:hover,.sidebar:focus-within{transform:translate(0)}.content{margin-left:0!important;max-width:100vw!important;width:100vw!important;padding:var(--spacing-0_5)}.content:before{left:0!important}.App.sidebar-collapsed .content{margin-left:0!important;max-width:100vw!important;width:100vw!important}.sidebar:hover~.content:after,.sidebar:focus-within~.content:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-background-overlay);z-index:999}}.metric-cards-container{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-2);margin-top:var(--spacing-1)}.metric-card{background-color:var(--color-surface-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-2);flex:1 1 200px;min-width:180px;display:flex;flex-direction:column;align-items:flex-start;transition:box-shadow var(--transition-base),border-color var(--transition-base)}.metric-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-medium)}.charts-container-side-by-side{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-2);width:100%}.chart-wrapper{flex:1 1 calc(50% - 10px);min-width:270px;background-color:var(--color-surface-primary);border:1px solid var(--color-border-light);padding:var(--spacing-2);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);box-sizing:border-box;height:400px;transition:box-shadow var(--transition-base),border-color var(--transition-base)}.chart-wrapper:hover{box-shadow:var(--shadow-md)}.chart-wrapper h4{margin-top:0;margin-bottom:var(--spacing-1_5);font-size:var(--font-size-md);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;position:relative;overflow:hidden;background:var(--color-background-primary);font-family:var(--font-family-sans)}.login-bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(var(--color-border-light) 1px,transparent 1px),linear-gradient(90deg,var(--color-border-light) 1px,transparent 1px);background-size:60px 60px;opacity:.4}.login-bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 40%,var(--company-primary-light) 0%,transparent 70%)}.login-card{position:relative;z-index:1;width:100%;max-width:420px;margin:var(--spacing-2);background:var(--color-surface-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden;animation:loginCardIn .6s cubic-bezier(.16,1,.3,1) both}@keyframes loginCardIn{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.login-card-accent{height:4px;background:linear-gradient(90deg,var(--company-primary-color) 0%,var(--color-accent-500) 50%,var(--company-primary-color) 100%);background-size:200% 100%;animation:accentShimmer 3s ease-in-out infinite}@keyframes accentShimmer{0%,to{background-position:0% 0%}50%{background-position:100% 0%}}.login-card-content{padding:var(--spacing-5) var(--spacing-4);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3)}.login-logo{max-width:180px;height:auto;display:block;filter:drop-shadow(0 2px 8px rgba(0,0,0,.08))}[data-theme=dark] .login-logo{filter:brightness(1.1) drop-shadow(0 2px 8px rgba(0,0,0,.3))}.login-header{text-align:center}.login-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-0_5) 0;letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight)}.login-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-normal)}.login-divider{width:100%;display:flex;align-items:center;gap:var(--spacing-1_5)}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--color-border-light)}.login-divider-text{font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-widest);white-space:nowrap}.login-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-1_5);width:100%;padding:var(--spacing-1_5) var(--spacing-3);background:var(--color-surface-primary);color:var(--color-text-primary);border:1px solid var(--color-border-medium);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);font-family:var(--font-family-sans);transition:all var(--transition-base);position:relative;overflow:hidden;min-height:48px}.login-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--company-primary-light);opacity:0;transition:opacity var(--transition-base)}.login-btn:hover:not(:disabled){border-color:var(--company-primary-color);box-shadow:var(--shadow-md);transform:translateY(-1px)}.login-btn:hover:not(:disabled):before{opacity:1}.login-btn:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.login-btn:focus-visible{outline:2px solid var(--company-primary-color);outline-offset:2px}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-btn-icon{flex-shrink:0;position:relative;z-index:1}.login-btn span{position:relative;z-index:1}.login-btn--loading{pointer-events:none}.login-spinner{width:20px;height:20px;border:2px solid var(--color-border-medium);border-top-color:var(--company-primary-color);border-radius:50%;animation:loginSpin .7s linear infinite}@keyframes loginSpin{to{transform:rotate(360deg)}}.login-footer{font-size:var(--font-size-2xs);color:var(--color-text-tertiary);margin:0;text-align:center;letter-spacing:var(--letter-spacing-wide)}@media(max-width:480px){.login-card-content{padding:var(--spacing-4) var(--spacing-3);gap:var(--spacing-2)}.login-logo{max-width:140px}.login-title{font-size:var(--font-size-xl)}}@media(prefers-reduced-motion:reduce){.login-card,.login-card-accent{animation:none}}.sidebar{width:220px;height:100vh;position:fixed;left:0;top:0;z-index:1000;background:linear-gradient(180deg,var(--sidebar-bg-start) 0%,var(--sidebar-bg-middle) 40%,var(--sidebar-bg-end) 100%);border-radius:0 16px 16px 0;box-shadow:4px 0 24px #0000004d;display:flex;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;overflow-x:hidden;overflow-y:auto}.sidebar.collapsed{width:72px}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:#ffffff05}.sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.sidebar::-webkit-scrollbar-thumb:hover{background:#fff3}.sidebar-toggle-btn{position:absolute;top:16px;right:16px;z-index:1001;width:32px;height:32px;background:#0a162899;border:none;border-radius:50%;color:var(--color-text-on-dark);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease-in-out;font-size:16px}.sidebar-toggle-btn:hover{background:#0a1628cc;color:var(--color-text-on-dark);opacity:.85}.sidebar-toggle-btn:active{transform:scale(.95)}.sidebar-header{padding:40px 24px 32px;display:flex;justify-content:center;align-items:center;transition:padding .3s ease}.sidebar.collapsed .sidebar-header{padding:40px 16px 32px}.logo-link{display:block;text-decoration:none;transition:transform .3s ease}.logo-link:hover{transform:scale(1.05)}.sidebar-logo{width:160px;height:auto;display:block;transition:opacity .3s ease}.logo-collapsed{width:40px;height:40px;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.logo-letter{font-size:24px;font-weight:800;color:var(--color-text-on-dark);letter-spacing:-1px}.logo-collapsed-icon{width:40px;height:40px;object-fit:contain;transition:transform .3s ease}.logo-collapsed-icon:hover{transform:scale(1.05)}.sidebar-nav{flex:1;padding:0 16px}.nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.nav-item{position:relative}.nav-link{display:flex;align-items:center;gap:12px;padding:14px 20px;margin:0;background:transparent;border-radius:12px;border:1px solid transparent;color:var(--sidebar-text-normal);text-decoration:none;font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);letter-spacing:.2px;transition:all .3s ease-in-out;position:relative;overflow:hidden}.sidebar.collapsed .nav-link{justify-content:center;padding:14px}.nav-icon{font-size:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease-in-out;color:inherit}.nav-text{white-space:nowrap;overflow:hidden;transition:opacity .2s ease}.sidebar.collapsed .nav-text{opacity:0;width:0}.nav-link:hover{background:var(--sidebar-glow-internal);color:var(--sidebar-text-hover)}.nav-link:hover .nav-icon{color:var(--sidebar-text-hover)}.nav-link.active{background:#4a7c9e0f;border:none;border-radius:13px;box-shadow:inset 0 1px 2px #ffffff26,0 2px 6px #00000026;color:var(--sidebar-text-active);font-weight:var(--font-weight-semibold);position:relative}.nav-link.active .nav-icon{color:var(--sidebar-text-active)}.nav-link.active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:13px;padding:1px;background:linear-gradient(90deg,#8caabe1a,#8caabe4d 25%,#8caabe99 60%,#8caabed9);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;z-index:1}.nav-link.active:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 20%,rgba(255,255,255,.2) 80%,transparent 100%);opacity:.6;pointer-events:none;z-index:2}.sidebar-footer{padding:0 16px 32px;margin-top:auto;display:flex;flex-direction:column;gap:4px}.theme-toggle-btn{display:flex;align-items:center;gap:12px;width:100%;padding:14px 20px;background:transparent;border:1px solid transparent;border-radius:12px;color:var(--sidebar-text-normal);font-family:var(--font-family-sans);font-size:14px;font-weight:400;letter-spacing:.2px;cursor:pointer;transition:all .3s ease-in-out}.sidebar.collapsed .theme-toggle-btn{justify-content:center;padding:14px}.theme-toggle-btn .nav-icon{font-size:20px;color:inherit;transition:transform .3s ease}.theme-toggle-btn:hover{background:#ffffff0d;color:var(--color-text-on-dark)}.theme-toggle-btn:hover .nav-icon{color:var(--color-warning-500);transform:rotate(15deg)}.theme-toggle-btn:active{transform:scale(.98)}.logout-btn{display:flex;align-items:center;gap:12px;width:100%;padding:14px 20px;background:transparent;border:1px solid transparent;border-radius:12px;color:var(--sidebar-text-normal);font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);letter-spacing:.2px;cursor:pointer;transition:all .3s ease-in-out}.sidebar.collapsed .logout-btn{justify-content:center;padding:14px}.logout-btn .nav-icon{font-size:20px;color:inherit}.logout-btn:hover{background:var(--sidebar-logout-bg-hover);color:var(--sidebar-logout-hover)}.logout-btn:hover .nav-icon{color:var(--sidebar-logout-hover)}.logout-btn:active{transform:scale(.98)}@media(max-width:768px){.sidebar{width:72px}.sidebar-toggle-btn,.nav-text,.sidebar-logo{display:none}.logo-collapsed{display:flex}}.nav-link:focus-visible,.logout-btn:focus-visible,.theme-toggle-btn:focus-visible,.sidebar-toggle-btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){.sidebar,.nav-link,.logout-btn,.theme-toggle-btn,.sidebar-toggle-btn{transition:none}}@media print{.sidebar{display:none}}