@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJuktqQ4E.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtq.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJuktqQ4E.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtq.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJuktqQ4E.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtq.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJuktqQ4E.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtq.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJuktqQ4E.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtq.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJuktqQ4E.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtq.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--scale-ratio: 1;--base-unit: .25rem;--base-font-size: 1rem}@media (max-width: 1400px){:root{--scale-ratio: .9}}@media (max-width: 1200px){:root{--scale-ratio: .85}}@media (max-width: 992px){:root{--scale-ratio: .8}}@media (max-width: 768px){:root{--scale-ratio: .75}}@media (max-width: 576px){:root{--scale-ratio: .7}}:root{--color-50: #EFF6FF;--color-100: #DBEAFE;--color-200: #BFDBFE;--color-300: #93C5FD;--color-400: #60A5FA;--color-500: #3366FF;--color-600: #0047FF;--color-700: #0038CC;--color-800: #002B99;--color-900: #1E3A8A;--color-950: #172554;--accent-50: #ECFEFF;--accent-100: #CFFAFE;--accent-200: #A5F3FC;--accent-300: #67E8F9;--accent-400: #22D3EE;--accent-500: #06B6D4;--accent-600: #0891B2;--accent-700: #0E7490;--accent-800: #155E75;--accent-900: #164E63;--neutral-50: #F8FAFC;--neutral-100: #F1F5F9;--neutral-200: #E2E8F0;--neutral-300: #CBD5E1;--neutral-400: #94A3B8;--neutral-500: #64748B;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #1E293B;--neutral-900: #0F172A;--neutral-950: #020617;--success-500: #10B981;--success-600: #059669;--error-500: #EF4444;--error-600: #DC2626;--warning-500: #F59E0B;--warning-600: #D97706;--info-500: #3B82F6;--info-600: #2563EB}:root,[data-theme=light]{--theme-primary: var(--color-600);--theme-primary-hover: var(--color-700);--theme-primary-active: var(--color-800);--theme-primary-subtle: rgba(0, 71, 255, .08);--theme-accent: var(--accent-500);--theme-accent-hover: var(--accent-600);--theme-accent-subtle: rgba(6, 182, 212, .08);--theme-bg-base: #F0F4FF;--theme-bg-surface: rgba(255, 255, 255, .65);--theme-bg-sidebar: rgba(255, 255, 255, .4);--theme-bg-navbar: rgba(255, 255, 255, .88);--theme-bg-elevated: rgba(255, 255, 255, .9);--theme-bg-overlay: rgba(255, 255, 255, .96);--theme-bg-input: rgba(255, 255, 255, .8);--theme-bg-hover: rgba(0, 71, 255, .06);--theme-text-primary: var(--neutral-800);--theme-text-secondary: var(--neutral-600);--theme-text-muted: var(--neutral-400);--theme-text-inverse: #FFFFFF;--theme-border-subtle: rgba(255, 255, 255, .75);--theme-border-default: rgba(0, 71, 255, .12);--theme-border-strong: rgba(0, 71, 255, .25);--theme-border-focus: var(--color-500);--theme-glow: rgba(0, 71, 255, .2);--theme-glow-soft: rgba(0, 71, 255, .08);--theme-shadow-color: rgba(0, 71, 255, .08);--theme-shadow-elevated: 0 20px 60px -12px rgba(0, 71, 255, .15);--theme-backdrop-color: rgba(15, 23, 42, .35);--theme-gradient-primary: linear-gradient(135deg, var(--color-500) 0%, var(--color-700) 100%);--theme-gradient-accent: linear-gradient(135deg, var(--accent-400) 0%, var(--color-500) 100%);--theme-gradient-bg: radial-gradient(circle at top left, #ffffff, #F0F4FF 60%);--theme-grid-color: rgba(0, 71, 255, .045);--theme-grid-size: 48px;--theme-glass-blur: 20px;--theme-glass-border: rgba(255, 255, 255, .8);--theme-glass-shadow: 0 8px 32px rgba(0, 71, 255, .08), 0 1px 0 rgba(255, 255, 255, .9) inset;--theme-success: var(--success-500);--theme-success-bg: rgba(16, 185, 129, .08);--theme-error: var(--error-500);--theme-error-bg: rgba(239, 68, 68, .08);--theme-warning: var(--warning-500);--theme-warning-bg: rgba(245, 158, 11, .08);--theme-info: var(--info-500);--theme-info-bg: rgba(59, 130, 246, .08)}:root{--color-primary: #2563EB;--color-primary-hover: #1D4ED8;--color-primary-light: #3B82F6;--color-secondary: #06B6D4;--color-secondary-hover: #0891B2;--color-secondary-light: rgba(6, 182, 212, .12);--color-accent: #6366F1;--color-bg-deep: #EDF2FF;--color-bg-dark: #F0F4FF;--color-bg-card: rgba(255, 255, 255, .72);--color-bg-input: rgba(255, 255, 255, .8);--color-bg-hover: rgba(37, 99, 235, .06);--color-text-primary: #1E293B;--color-text-secondary: #475569;--color-text-muted: #94A3B8;--color-text-inverse: #FFFFFF;--color-border-subtle: rgba(255, 255, 255, .75);--color-border-default: rgba(37, 99, 235, .12);--color-border-glow: rgba(37, 99, 235, .25);--color-border-glass: rgba(255, 255, 255, .85);--color-success: #10B981;--color-success-bg: rgba(16, 185, 129, .08);--color-success-border: rgba(16, 185, 129, .25);--color-error: #EF4444;--color-error-bg: rgba(239, 68, 68, .08);--color-error-border: rgba(239, 68, 68, .25);--color-warning: #F59E0B;--color-warning-bg: rgba(245, 158, 11, .08);--color-warning-border: rgba(245, 158, 11, .25);--color-info: #3B82F6;--color-info-bg: rgba(59, 130, 246, .08);--color-info-border: rgba(59, 130, 246, .25);--gradient-primary: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);--gradient-accent: linear-gradient(135deg, #06B6D4 0%, #3B82F6 100%);--gradient-purple: linear-gradient(135deg, #6366F1 0%, #8B5CF6 100%);--gradient-glow: rgba(37, 99, 235, .2);--gradient-glow-soft: rgba(37, 99, 235, .08)}:root{--font-family-base: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--font-size-xs: calc(.75 * var(--base-font-size) * var(--scale-ratio));--font-size-sm: calc(.875 * var(--base-font-size) * var(--scale-ratio));--font-size-md: calc(1 * var(--base-font-size) * var(--scale-ratio));--font-size-lg: calc(1.125 * var(--base-font-size) * var(--scale-ratio));--font-size-xl: calc(1.25 * var(--base-font-size) * var(--scale-ratio));--font-size-2xl: calc(1.5 * var(--base-font-size) * var(--scale-ratio));--font-size-3xl: calc(1.875 * var(--base-font-size) * var(--scale-ratio));--font-size-4xl: calc(2.25 * var(--base-font-size) * var(--scale-ratio));--font-size-5xl: calc(3 * var(--base-font-size) * var(--scale-ratio));--font-weight-light: 300;--font-weight-normal: 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-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em}:root{--space-0: 0;--space-1: calc(1 * var(--base-unit) * var(--scale-ratio));--space-2: calc(2 * var(--base-unit) * var(--scale-ratio));--space-3: calc(3 * var(--base-unit) * var(--scale-ratio));--space-4: calc(4 * var(--base-unit) * var(--scale-ratio));--space-5: calc(5 * var(--base-unit) * var(--scale-ratio));--space-6: calc(6 * var(--base-unit) * var(--scale-ratio));--space-8: calc(8 * var(--base-unit) * var(--scale-ratio));--space-10: calc(10 * var(--base-unit) * var(--scale-ratio));--space-12: calc(12 * var(--base-unit) * var(--scale-ratio));--space-16: calc(16 * var(--base-unit) * var(--scale-ratio));--space-20: calc(20 * var(--base-unit) * var(--scale-ratio));--space-24: calc(24 * var(--base-unit) * var(--scale-ratio));--spacing-input-x: var(--space-4);--spacing-input-y: var(--space-4);--spacing-button-x: var(--space-6);--spacing-button-y: var(--space-4);--spacing-card: var(--space-6);--spacing-section: var(--space-8)}:root{--radius-none: 0;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px}:root{--shadow-none: none;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-glow: 0 0 20px var(--gradient-glow-soft);--shadow-glow-lg: 0 0 40px var(--gradient-glow-soft);--shadow-card: 0 0 0 1px rgba(255, 255, 255, .05) inset, 0 25px 50px -12px rgba(0, 0, 0, .5), 0 0 80px -20px var(--gradient-glow-soft)}:root{--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-drawer: 400;--z-modal-backdrop: 9999;--z-modal: 10000;--z-popover: 10100;--z-tooltip: 10200;--z-toast: 99999;--z-max: 999999}:root{--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}html,body{height:100%;width:100%}body{font-family:var(--font-family-base);font-size:var(--font-size-md);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--theme-text-primary, #1E293B);background-color:var(--theme-bg-base, #EDF2FF)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}p{margin-bottom:var(--space-4)}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary-hover)}ul,ol{list-style:none}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}table{border-collapse:collapse;border-spacing:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2563eb38;border-radius:999px;border:1px solid rgba(255,255,255,.6)}::-webkit-scrollbar-thumb:hover{background:#2563eb66}::-webkit-scrollbar-thumb:active{background:#2563eb8c}::-webkit-scrollbar-corner{background:transparent}*{scrollbar-width:thin;scrollbar-color:rgba(37,99,235,.22) transparent}body{background-color:#edf2ff;background-image:linear-gradient(var(--theme-grid-color, rgba(37,99,235,.045)) 1px,transparent 1px),linear-gradient(90deg,var(--theme-grid-color, rgba(37,99,235,.045)) 1px,transparent 1px),radial-gradient(ellipse 70% 50% at 15% 15%,rgba(99,102,241,.1) 0%,transparent 55%),radial-gradient(ellipse 60% 40% at 85% 85%,rgba(6,182,212,.07) 0%,transparent 45%),radial-gradient(ellipse 50% 40% at 50% 50%,rgba(59,130,246,.05) 0%,transparent 60%),linear-gradient(135deg,#edf2ff,#f0eaff,#edf2ff);background-size:var(--theme-grid-size, 48px) var(--theme-grid-size, 48px),var(--theme-grid-size, 48px) var(--theme-grid-size, 48px),100% 100%,100% 100%,100% 100%,100% 100%;background-attachment:fixed;min-height:100vh}.bg-container{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.bg-glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.6;animation:glow-drift 18s ease-in-out infinite;will-change:transform,opacity}.bg-glow-1{width:650px;height:650px;background:radial-gradient(circle,rgba(99,102,241,.18) 0%,transparent 70%);top:-180px;left:-100px}.bg-glow-2{width:500px;height:500px;background:radial-gradient(circle,rgba(6,182,212,.14) 0%,transparent 70%);bottom:-150px;right:-80px;animation-delay:-9s}.bg-glow-3{width:400px;height:400px;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);top:40%;left:60%;animation-delay:-4s}@keyframes glow-drift{0%,to{transform:translate(0) scale(1);opacity:.55}33%{transform:translate(30px,-20px) scale(1.06);opacity:.7}66%{transform:translate(-20px,15px) scale(.96);opacity:.6}}.bg-grid{position:absolute;inset:0;background-image:linear-gradient(var(--theme-grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--theme-grid-color) 1px,transparent 1px);background-size:var(--theme-grid-size) var(--theme-grid-size);mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,black 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,black 30%,transparent 75%);pointer-events:none}@media (max-width: 768px){.bg-glow-1,.bg-glow-2,.bg-glow-3{width:280px;height:280px;filter:blur(60px)}}@media (prefers-reduced-motion: reduce){.bg-glow{animation:none}}.u-hidden{display:none!important}.u-block{display:block!important}.u-inline{display:inline!important}.u-inline-block{display:inline-block!important}.u-flex{display:flex!important}.u-inline-flex{display:inline-flex!important}.u-grid{display:grid!important}.u-flex-center{display:flex;align-items:center;justify-content:center}.u-flex-between{display:flex;align-items:center;justify-content:space-between}.u-flex-col{flex-direction:column}.u-flex-wrap{flex-wrap:wrap}.u-flex-1{flex:1}.u-flex-shrink-0{flex-shrink:0}.u-text-left{text-align:left!important}.u-text-center{text-align:center!important}.u-text-right{text-align:right!important}.u-uppercase{text-transform:uppercase!important}.u-lowercase{text-transform:lowercase!important}.u-capitalize{text-transform:capitalize!important}.u-font-normal{font-weight:var(--font-weight-normal)!important}.u-font-medium{font-weight:var(--font-weight-medium)!important}.u-font-semibold{font-weight:var(--font-weight-semibold)!important}.u-font-bold{font-weight:var(--font-weight-bold)!important}.u-m-0{margin:0!important}.u-m-auto{margin:auto!important}.u-mt-4{margin-top:var(--space-4)!important}.u-mb-4{margin-bottom:var(--space-4)!important}.u-mx-auto{margin-left:auto!important;margin-right:auto!important}.u-p-0{padding:0!important}.u-p-4{padding:var(--space-4)!important}.u-px-4{padding-left:var(--space-4)!important;padding-right:var(--space-4)!important}.u-py-4{padding-top:var(--space-4)!important;padding-bottom:var(--space-4)!important}.u-w-full{width:100%!important}.u-h-full{height:100%!important}.u-min-h-screen{min-height:100vh!important}.u-overflow-hidden{overflow:hidden!important}.u-overflow-auto{overflow:auto!important}.u-overflow-x-auto{overflow-x:auto!important}.u-overflow-y-auto{overflow-y:auto!important}.u-cursor-pointer{cursor:pointer!important}.u-cursor-not-allowed{cursor:not-allowed!important}.u-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.u-transition{transition:all .2s ease}.u-transition-fast{transition:all .15s ease}.u-transition-slow{transition:all .3s ease}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}input,textarea,[contenteditable]{-webkit-touch-callout:default;-webkit-user-select:text;user-select:text}button,[role=button],label,select{min-height:44px}button.tap-sm,[role=button].tap-sm{min-height:unset}@media (hover: none) and (pointer: coarse){button:active,[role=button]:active{transform:scale(.96);opacity:.85;transition:transform .08s ease,opacity .08s ease}a:active{opacity:.7;transition:opacity .08s ease}.card:active,.class-card:active,.stat-card--clickable:active,.incident-item:active{transform:scale(.98);transition:transform .1s ease}}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}button,a,input,select,textarea{touch-action:manipulation}.table-scroll,.shell__main,.attendance-table-wrap,.feed-body,.overview-page{-webkit-overflow-scrolling:touch}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1;text-decoration:none;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative;overflow:hidden}.btn:hover,.btn:visited,.btn:focus{text-decoration:none}.btn:disabled,.btn[disabled]{opacity:.45;cursor:not-allowed;pointer-events:none}.btn--xs{padding:var(--space-1) var(--space-2);font-size:11px;border-radius:var(--radius-sm);gap:var(--space-1)}.btn--sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-md)}.btn--primary{background:var(--theme-gradient-primary);color:#fff;border:none;box-shadow:0 4px 16px #2563eb4d}.btn--primary:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,var(--color-600) 0%,var(--color-700) 100%);box-shadow:0 8px 24px #2563eb66}.btn--primary:active:not(:disabled){color:#fff;background:var(--color-700);box-shadow:0 2px 8px #2563eb40}.btn--secondary{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--theme-text-primary);border-color:#ffffffe6;box-shadow:0 2px 8px #2563eb0f,0 1px #fffc inset}.btn--secondary:hover:not(:disabled){background:#ffffffe6;border-color:var(--theme-primary);color:var(--theme-primary);box-shadow:0 4px 16px #2563eb1a}.btn--ghost{background:transparent;color:var(--theme-text-secondary);border:none}.btn--ghost:hover:not(:disabled){background:var(--theme-bg-hover);color:var(--theme-primary)}.btn--outline{background:transparent;color:var(--theme-primary);border-color:var(--theme-primary)}.btn--outline:hover:not(:disabled){background:var(--theme-primary);color:#fff;box-shadow:0 4px 16px #2563eb40}.btn--glass{background:#fff9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--theme-primary);border:1px solid rgba(255,255,255,.85);box-shadow:0 4px 16px #2563eb14,0 1px #ffffffe6 inset}.btn--glass:hover:not(:disabled){background:#ffffffd1;border-color:#2563eb33;box-shadow:0 8px 24px #2563eb1f,0 1px #fffffff2 inset;transform:translateY(-1px)}.btn--danger{background:var(--theme-error);color:#fff;border:none;box-shadow:0 4px 16px #ef444440}.btn--danger:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 8px 24px #ef444459}.btn--danger-outline{background:transparent;color:var(--theme-error);border-color:var(--theme-error)}.btn--danger-outline:hover:not(:disabled){background:var(--theme-error);color:#fff}.btn--success{background:var(--theme-success);color:#fff;border:none;box-shadow:0 4px 16px #10b98140}.btn--success:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 8px 24px #10b98159}.btn--success-outline{background:transparent;color:var(--theme-success);border-color:var(--theme-success)}.btn--success-outline:hover:not(:disabled){background:var(--theme-success);color:#fff}.btn--warning{background:var(--theme-warning);color:#1e293b;border:none;box-shadow:0 4px 16px #f59e0b40}.btn--warning:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.btn--warning-outline{background:transparent;color:var(--theme-warning);border-color:var(--theme-warning)}.btn--warning-outline:hover:not(:disabled){background:var(--theme-warning);color:#1e293b}.btn--info{background:var(--theme-info);color:#fff;border:none;box-shadow:0 4px 16px #3b82f640}.btn--info:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.btn--loading{pointer-events:none}.btn--loading .btn__text{visibility:hidden}.btn--loading:after{content:"";position:absolute;width:15px;height:15px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:btn-spin .6s linear infinite}.btn__icon{width:16px;height:16px;flex-shrink:0}.btn--xs .btn__icon{width:12px;height:12px}.btn--sm .btn__icon{width:14px;height:14px}.btn--lg .btn__icon{width:20px;height:20px}.btn--icon{padding:var(--space-2);width:36px;height:36px}.btn--icon.btn--xs{width:24px;height:24px;padding:var(--space-1)}.btn--icon.btn--sm{width:32px;height:32px}.btn--icon.btn--lg{width:44px;height:44px}.btn--icon svg{width:18px;height:18px}.btn--icon.btn--xs svg{width:14px;height:14px}.btn--icon.btn--sm svg{width:16px;height:16px}.btn--icon.btn--lg svg{width:22px;height:22px}.btn--pill{border-radius:var(--radius-full)}.btn--block{width:100%}.btn-group{display:inline-flex;gap:0}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.btn-group .btn:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.btn-group .btn:not(:last-child){border-right:none}.input-btn-group{display:inline-flex;align-items:stretch}.input-btn-group .input{border-radius:var(--radius-md) 0 0 var(--radius-md);border-right:none}.input-btn-group .btn{border-radius:0 var(--radius-md) var(--radius-md) 0}.btn--search{background:var(--theme-primary);color:#fff;border:none}.btn--search:hover:not(:disabled){filter:brightness(1.08)}.btn--clear{background:#ffffffb3;color:var(--theme-text-muted);border-color:#ffffffd9}.btn--clear:hover:not(:disabled){background:#ffffffe6;color:var(--theme-text-primary)}.btn--reset{background:transparent;color:var(--theme-error);border-color:transparent}.btn--reset:hover:not(:disabled){background:var(--theme-error-bg)}.btn--apply{background:var(--theme-success);color:#fff;border:none}.btn--apply:hover:not(:disabled){filter:brightness(1.08)}.btn--cyber{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:600}.btn--cyber-primary{background:#0f172a;color:var(--theme-primary);border:1px solid rgba(14,165,233,.3);box-shadow:0 0 10px #0ea5e90d,inset 0 0 20px #0ea5e90d}.btn--cyber-primary:hover:not(:disabled){background:#0ea5e91a;color:#e0f2fe;border-color:var(--theme-primary);box-shadow:0 0 15px #0ea5e933,inset 0 0 10px #0ea5e91a;text-shadow:0 0 8px rgba(14,165,233,.6);transform:translateY(-1px)}.btn--cyber-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 0 5px #0ea5e933}.btn--cyber-secondary{background:#020617;color:var(--theme-accent);border:1px solid rgba(45,212,191,.2);box-shadow:0 0 10px #2dd4bf0d}.btn--cyber-secondary:hover:not(:disabled){background:#2dd4bf1a;color:#ccfbf1;border-color:var(--theme-accent);box-shadow:0 0 15px #2dd4bf33;text-shadow:0 0 8px rgba(45,212,191,.6)}.btn--cyber-danger{background:#1a0505;color:#f87171;border:1px solid rgba(248,113,113,.2)}.btn--cyber-danger:hover:not(:disabled){background:#f871711a;color:#fee2e2;border-color:#f87171;box-shadow:0 0 15px #f8717140;text-shadow:0 0 5px rgba(248,113,113,.5)}.btn--cyber-warning{background:#1c0e00;color:#fbbf24;border:1px solid rgba(251,191,36,.2)}.btn--cyber-warning:hover:not(:disabled){background:#fbbf241a;color:#fef3c7;border-color:#fbbf24;box-shadow:0 0 15px #fbbf2440;text-shadow:0 0 5px rgba(251,191,36,.5)}.btn--cyber-ghost{background:transparent;color:var(--theme-text-secondary);border:1px solid transparent}.btn--cyber-ghost:hover:not(:disabled){background:#ffffff08;color:var(--theme-text-primary);border-color:#ffffff1a}.btn--glitch{position:relative}.btn--glitch:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:.5s}.btn--glitch:hover:before{left:100%}.btn--cyber-outline-primary{background:transparent;color:var(--theme-primary);border:1px solid var(--theme-primary);box-shadow:inset 0 0 10px #0ea5e91a}.btn--cyber-outline-primary:hover:not(:disabled){background:#0ea5e91a;box-shadow:0 0 15px #0ea5e94d,inset 0 0 10px #0ea5e933;text-shadow:0 0 8px rgba(14,165,233,.6)}.btn--cyber-outline-secondary{background:transparent;color:var(--theme-accent);border:1px solid var(--theme-accent);box-shadow:inset 0 0 10px #2dd4bf1a}.btn--cyber-outline-secondary:hover:not(:disabled){background:#2dd4bf1a;box-shadow:0 0 15px #2dd4bf4d,inset 0 0 10px #2dd4bf33;text-shadow:0 0 8px rgba(45,212,191,.6)}.btn--cyber-outline-danger{background:transparent;color:#f87171;border:1px solid #f87171;box-shadow:inset 0 0 10px #f871711a}.btn--cyber-outline-danger:hover:not(:disabled){background:#f871711a;box-shadow:0 0 15px #f871714d;text-shadow:0 0 8px rgba(248,113,113,.6)}.input--cyber{background:#020617cc;border:1px solid rgba(148,163,184,.2);color:var(--theme-text-primary);font-family:inherit;font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);transition:all .2s ease}.input--cyber::placeholder{color:#94a3b880}.input--cyber:focus{outline:none;border-color:var(--theme-primary);box-shadow:0 0 0 1px var(--theme-primary),0 0 10px #0ea5e933;background:#020617f2}.input-btn-group .btn--cyber{border-radius:0 var(--radius-md) var(--radius-md) 0}.input-btn-group .input--cyber{border-radius:var(--radius-md) 0 0 var(--radius-md);border-right:none}.btn-group .btn--cyber{border-radius:0;border-right:1px solid rgba(255,255,255,.05)}.btn-group .btn--cyber:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.btn-group .btn--cyber:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0;border-right:1px solid rgba(14,165,233,.3)}.btn-group .btn--cyber.is-active,.btn-group .btn--cyber:active{background:#0ea5e926;color:var(--theme-primary);box-shadow:inset 0 0 10px #0ea5e91a}.btn--cyber:disabled{background:#ffffff05;color:#fff3;border-color:#ffffff0d;box-shadow:none;text-shadow:none;cursor:not-allowed;pointer-events:none}.btn--cyber-loading:after{border-top-color:var(--theme-primary);border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;box-shadow:0 0 10px var(--theme-primary)}[data-theme=light] .btn--cyber{font-weight:700}[data-theme=light] .btn--cyber-primary{background:#f8fafc;color:#0369a1;border:1px solid #0ea5e9;box-shadow:0 2px 5px #0ea5e91a}[data-theme=light] .btn--cyber-primary:hover:not(:disabled){background:#e0f2fe;color:#0369a1;border-color:#0ea5e9;box-shadow:0 0 15px #0ea5e94d;text-shadow:none;transform:translateY(-1px)}[data-theme=light] .btn--cyber-secondary{background:#fff;color:#0f766e;border:1px solid #0d9488;box-shadow:0 2px 5px #0d94881a}[data-theme=light] .btn--cyber-secondary:hover:not(:disabled){background:#ccfbf1;color:#0f766e;border-color:#0d9488;box-shadow:0 0 15px #0d94884d;text-shadow:none;transform:translateY(-1px)}[data-theme=light] .btn--cyber-danger{background:#fff;color:#b91c1c;border:1px solid #ef4444}[data-theme=light] .btn--cyber-danger:hover:not(:disabled){background:#fee2e2;color:#b91c1c;border-color:#ef4444;box-shadow:0 0 15px #ef44444d;text-shadow:none;transform:translateY(-1px)}[data-theme=light] .btn--cyber-warning{background:#fff;color:#b45309;border:1px solid #f59e0b}[data-theme=light] .btn--cyber-warning:hover:not(:disabled){background:#fef3c7;color:#b45309;border-color:#f59e0b;box-shadow:0 0 15px #f59e0b4d;transform:translateY(-1px)}[data-theme=light] .btn--cyber-ghost{color:#475569}[data-theme=light] .btn--cyber-ghost:hover:not(:disabled){background:#0f172a0d;color:#0f172a;border-color:#0f172a1a}[data-theme=light] .input--cyber{background:#fff;border:1px solid #cbd5e1;color:#0f172a}[data-theme=light] .input--cyber::placeholder{color:#94a3b8}[data-theme=light] .input--cyber:focus{background:#f8fafc;border-color:#0ea5e9;box-shadow:0 0 0 2px #0ea5e91a}[data-theme=light] .btn--cyber-outline-primary{color:#0284c7;border-color:#0284c7}[data-theme=light] .btn--cyber-outline-secondary{color:#0d9488;border-color:#0d9488}[data-theme=light] .btn--cyber-outline-danger{color:#dc2626;border-color:#dc2626}[data-theme=light] .btn-group .btn--cyber{border-right:1px solid #e2e8f0}[data-theme=light] .btn-group .btn--cyber:last-child{border-right:1px solid #0d9488}[data-theme=light] .btn-group .btn--cyber.is-active{background:#f0f9ff;color:#0284c7;box-shadow:inset 0 0 10px #0ea5e91a}.cyber-filter-bar{display:flex;align-items:flex-end;gap:var(--space-4);padding:var(--space-4) var(--space-6);background:#0f172a99;border:1px solid rgba(14,165,233,.1);border-radius:var(--radius-xl);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);width:100%;flex-wrap:wrap}.cyber-filter-group{display:flex;flex-direction:column;gap:4px;min-width:150px}.cyber-filter-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--theme-text-secondary);margin-left:2px}.cyber-filter-bar .input--cyber{background:#02061780;border-color:#94a3b81a;height:38px}.cyber-filter-bar .input--cyber:focus{background:#020617cc;border-color:#06b6d4;box-shadow:0 0 0 1px #06b6d4,0 0 8px #06b6d466;outline:none}[data-theme=dark] .cyber-filter-bar select.input--cyber,.cyber-filter-bar select.input--cyber{background:#0f1423f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,180,216,.3);color:#e2e8f0;box-shadow:0 2px 10px #0003,inset 0 1px #ffffff0d;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300b4d8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:16px;padding:8px 32px 8px 12px;line-height:1.2;appearance:none;-webkit-appearance:none;-moz-appearance:none}[data-theme=dark] .cyber-filter-bar select.input--cyber:focus,.cyber-filter-bar select.input--cyber:focus{border-color:#22d3ee;box-shadow:0 0 0 1px #22d3ee,0 0 12px #22d3ee40}[data-theme=dark] .cyber-filter-bar select.input--cyber:focus:hover,.cyber-filter-bar select.input--cyber:focus:hover{background:#0f1423f2;border-color:#22d3ee;box-shadow:0 0 0 1px #22d3ee,0 0 12px #22d3ee40}.cyber-filter-bar select.input--cyber option{background-color:#0f1423;color:#e2e8f0}.input--cyber.select,select.input--cyber{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300b4d8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:16px;appearance:none;-webkit-appearance:none;-moz-appearance:none}.input--cyber.select option:not(.cyber-filter-bar *),select.input--cyber:not(.cyber-filter-bar select) option{background:#0f1423f2!important;color:#e2e8f0!important;border:1px solid rgba(0,180,216,.2);padding:12px 16px!important;font-size:13px;font-weight:500;line-height:1.4;outline:none;border-radius:0}.input--cyber.select option:not(.cyber-filter-bar *):hover,select.input--cyber:not(.cyber-filter-bar select) option:hover{background:#00b4d81a!important;color:#fff!important}.input--cyber.select option:not(.cyber-filter-bar *):checked,.input--cyber.select option:not(.cyber-filter-bar *)[selected],select.input--cyber:not(.cyber-filter-bar select) option:checked,select.input--cyber:not(.cyber-filter-bar select) option[selected]{background:#00b4d833!important;color:#e0f7ff!important;font-weight:600}.input--cyber.select:focus,select.input--cyber:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300b4d8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='18 15 12 9 6 15'%3E%3C/polyline%3E%3C/svg%3E")}[data-theme=light] .input--cyber.select,[data-theme=light] select.input--cyber{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f172a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}[data-theme=light] .input--cyber.select:focus,[data-theme=light] select.input--cyber:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f172a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='18 15 12 9 6 15'%3E%3C/polyline%3E%3C/svg%3E")}[data-theme=light] .input--cyber.select option:not(.cyber-filter-bar *),[data-theme=light] select.input--cyber:not(.cyber-filter-bar select) option{background:#fffffffa!important;color:#1e293b!important;border:1px solid rgba(0,150,180,.25)!important;padding:12px 16px!important;font-size:13px;font-weight:500;line-height:1.4}[data-theme=light] .input--cyber.select option:not(.cyber-filter-bar *):hover,[data-theme=light] select.input--cyber:not(.cyber-filter-bar select) option:hover{background:#e0f2fee6!important;color:#0c4a6e!important;border-color:#0096b466!important}[data-theme=light] .input--cyber.select option:not(.cyber-filter-bar *):checked,[data-theme=light] .input--cyber.select option:not(.cyber-filter-bar *)[selected],[data-theme=light] select.input--cyber:not(.cyber-filter-bar select) option:checked,[data-theme=light] select.input--cyber:not(.cyber-filter-bar select) option[selected]{background:#dbeafef2!important;color:#1e40af!important;font-weight:600;border-color:#3b82f64d!important}[data-theme=light] select.input--cyber option[selected]{background:#dbeafef2!important;color:#1e40af!important;font-weight:600;border-color:#3b82f64d!important}.cyber-filter-bar .btn--cyber{height:38px;display:inline-flex;align-items:center;justify-content:center}[data-theme=light] .cyber-filter-bar{background:#cbd5e166;border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}[data-theme=light] .cyber-filter-label{color:#475569}[data-theme=light] .cyber-filter-bar .input--cyber{background:#334155;color:#f1f5f9;border:1px solid #475569}[data-theme=light] .cyber-filter-bar .input--cyber:focus{border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf8;background:#1e293b}[data-theme=light] .cyber-filter-bar select.input--cyber{background-color:#fffffffa!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,150,180,.25);color:#1e293b;box-shadow:0 4px 20px #0000001f,0 0 12px #0096b41a,inset 0 1px #fffc;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f172a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 8px center!important;background-size:16px!important;padding:8px 32px 8px 12px;line-height:1.2;transition:all .2s ease;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important}[data-theme=light] .cyber-filter-bar select.input--cyber::-ms-expand{display:none}[data-theme=light] .cyber-filter-bar select.input--cyber:hover:not(:focus){background-color:#fffffffa!important;border-color:#0096b459;box-shadow:0 4px 20px #0000001f,0 0 12px #0096b426,inset 0 1px #fffc;background-position:right 8px center;background-repeat:no-repeat;background-size:16px}[data-theme=light] .cyber-filter-bar select.input--cyber:focus{background-color:#fffffffa!important;border-color:#0ea5e9;box-shadow:0 0 0 2px #0ea5e933,0 4px 20px #0000001f,0 0 12px #0ea5e94d}[data-theme=light] .cyber-filter-bar select.input--cyber:focus:hover{background-color:#fffffffa!important;border-color:#0ea5e9;box-shadow:0 0 0 2px #0ea5e933,0 4px 20px #0000001f,0 0 12px #0ea5e94d}[data-theme=light] .cyber-filter-bar select.input--cyber option,[data-theme=light] .cyber-filter-bar select option,[data-theme=light] .input--cyber option,[data-theme=light] select[data-cyber-dropdown] option{background:#fffffffa!important;background-color:#fffffffa!important;color:#1e293b!important;border:1px solid rgba(0,150,180,.25)!important;padding:12px 16px!important;font-size:13px!important;font-weight:500!important;line-height:1.4!important;outline:none!important;border-radius:0!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}[data-theme=dark] .cyber-filter-bar select.input--cyber option,[data-theme=dark] .cyber-filter-bar select option,[data-theme=dark] .input--cyber option,[data-theme=dark] select[data-cyber-dropdown] option,.cyber-filter-bar select.input--cyber option,.cyber-filter-bar select option,select[data-cyber-dropdown] option{background:#0f1423f2!important;background-color:#0f1423f2!important;color:#e2e8f0!important;border:1px solid rgba(0,180,216,.3)!important;padding:12px 16px!important;font-size:13px!important;font-weight:500!important;line-height:1.4!important;outline:none!important;border-radius:0!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}[data-theme=light] .cyber-filter-bar select.input--cyber option:hover{background:#e0f2fef2!important;color:#0c4a6e!important;border-color:#0096b466!important}[data-theme=dark] .cyber-filter-bar select.input--cyber option:hover,.cyber-filter-bar select.input--cyber option:hover{background:#00b4d826!important;color:#fff!important;border-color:#00b4d880!important}[data-theme=light] .cyber-filter-bar select.input--cyber option:checked,[data-theme=light] .cyber-filter-bar select.input--cyber option[selected]{background:#dbeafef2!important;color:#1e40af!important;font-weight:600!important;border-color:#3b82f666!important}[data-theme=dark] .cyber-filter-bar select.input--cyber option:checked,[data-theme=dark] .cyber-filter-bar select.input--cyber option[selected],.cyber-filter-bar select.input--cyber option:checked,.cyber-filter-bar select.input--cyber option[selected]{background:#00b4d840!important;color:#e0f7ff!important;font-weight:600!important;border-color:#00b4d899!important}[data-theme=light] .cyber-filter-bar .input-btn-group .btn--cyber{border-color:#475569}[data-theme=light] .cyber-filter-bar .btn--cyber-secondary{background:#fff;border-color:#e2e8f0}select[data-cyber-dropdown]{color-scheme:dark!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga" off;background-attachment:local!important;background-origin:padding-box!important;background-clip:padding-box!important}[data-theme=light] select[data-cyber-dropdown]{color-scheme:light!important}@media screen and (-webkit-min-device-pixel-ratio: 0){select[data-cyber-dropdown] optgroup,select[data-cyber-dropdown] option,.input--cyber option,.cyber-filter-bar select option{background:#0f1423f2!important;color:#e2e8f0!important;padding:12px 16px!important;font-size:13px!important;font-weight:500!important;line-height:1.4!important;border:none!important;outline:none!important}[data-theme=light] select[data-cyber-dropdown] optgroup,[data-theme=light] select[data-cyber-dropdown] option,[data-theme=light] .input--cyber option,[data-theme=light] .cyber-filter-bar select option{background:#fffffffa!important;color:#1e293b!important}select[data-cyber-dropdown] option:hover,.input--cyber option:hover,.cyber-filter-bar select option:hover{background:#00b4d826!important;color:#fff!important}[data-theme=light] select[data-cyber-dropdown] option:hover,[data-theme=light] .input--cyber option:hover,[data-theme=light] .cyber-filter-bar select option:hover{background:#e0f2fee6!important;color:#0c4a6e!important}}@supports (-webkit-appearance: none){select[data-cyber-dropdown]::-webkit-dropdown,.input--cyber.select::-webkit-dropdown,select.input--cyber::-webkit-dropdown{background:#0f1423f2!important;border:1px solid rgba(0,180,216,.3)!important;color:#e2e8f0!important}[data-theme=light] select[data-cyber-dropdown]::-webkit-dropdown,[data-theme=light] .input--cyber.select::-webkit-dropdown,[data-theme=light] select.input--cyber::-webkit-dropdown{background:#fffffffa!important;border:1px solid rgba(0,150,180,.25)!important;color:#1e293b!important}select[data-cyber-dropdown]::-webkit-listbox,.input--cyber.select::-webkit-listbox,select.input--cyber::-webkit-listbox{background:#0f1423f2!important;border:1px solid rgba(0,180,216,.3)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;box-shadow:0 4px 20px #0006,0 0 15px #00b4d826!important}[data-theme=light] select[data-cyber-dropdown]::-webkit-listbox,[data-theme=light] .input--cyber.select::-webkit-listbox,[data-theme=light] select.input--cyber::-webkit-listbox{background:#fffffffa!important;border:1px solid rgba(0,150,180,.25)!important;box-shadow:0 4px 20px #0000001f,0 0 12px #0096b41a!important}select[data-cyber-dropdown]::-webkit-option,.input--cyber.select::-webkit-option,select.input--cyber::-webkit-option{background:#0f1423f2!important;color:#e2e8f0!important;padding:12px 16px!important;font-size:13px!important;font-weight:500!important;border:none!important}[data-theme=light] select[data-cyber-dropdown]::-webkit-option,[data-theme=light] .input--cyber.select::-webkit-option,[data-theme=light] select.input--cyber::-webkit-option{background:#fffffffa!important;color:#1e293b!important}select[data-cyber-dropdown]::-webkit-option:hover,.input--cyber.select::-webkit-option:hover,select.input--cyber::-webkit-option:hover{background:#00b4d826!important;color:#fff!important}[data-theme=light] select[data-cyber-dropdown]::-webkit-option:hover,[data-theme=light] .input--cyber.select::-webkit-option:hover,[data-theme=light] select.input--cyber::-webkit-option:hover{background:#e0f2fee6!important;color:#0c4a6e!important}.input--cyber.select::-webkit-scrollbar,select.input--cyber::-webkit-scrollbar,select[data-cyber-dropdown]::-webkit-scrollbar{width:8px}.input--cyber.select::-webkit-scrollbar-track,select.input--cyber::-webkit-scrollbar-track,select[data-cyber-dropdown]::-webkit-scrollbar-track{background:#0f14234d;border-radius:4px}.input--cyber.select::-webkit-scrollbar-thumb,select.input--cyber::-webkit-scrollbar-thumb,select[data-cyber-dropdown]::-webkit-scrollbar-thumb{background:#00b4d880;border-radius:4px}.input--cyber.select::-webkit-scrollbar-thumb:hover,select.input--cyber::-webkit-scrollbar-thumb:hover,select[data-cyber-dropdown]::-webkit-scrollbar-thumb:hover{background:#00b4d8b3}[data-theme=light] .input--cyber.select::-webkit-scrollbar-track,[data-theme=light] select.input--cyber::-webkit-scrollbar-track,[data-theme=light] select[data-cyber-dropdown]::-webkit-scrollbar-track{background:#ffffff4d}[data-theme=light] .input--cyber.select::-webkit-scrollbar-thumb,[data-theme=light] select.input--cyber::-webkit-scrollbar-thumb,[data-theme=light] select[data-cyber-dropdown]::-webkit-scrollbar-thumb{background:#0096b466}[data-theme=light] .input--cyber.select::-webkit-scrollbar-thumb:hover,[data-theme=light] select.input--cyber::-webkit-scrollbar-thumb:hover,[data-theme=light] select[data-cyber-dropdown]::-webkit-scrollbar-thumb:hover{background:#0096b499}}@-moz-document url-prefix(){.input--cyber.select option,select.input--cyber option,select[data-cyber-dropdown] option{background-color:#0f1423!important;color:#e2e8f0!important}[data-theme=light] .input--cyber.select option,[data-theme=light] select.input--cyber option,[data-theme=light] select[data-cyber-dropdown] option{background-color:#fffffffa!important;color:#1e293b!important}}.cyber-dropdown-custom{position:relative;display:inline-block;width:100%}.cyber-dropdown-custom__trigger{width:100%;background:#0f1423f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,180,216,.3);color:#e2e8f0;padding:8px 32px 8px 12px;font-size:13px;font-weight:500;line-height:1.4;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300b4d8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:16px}.cyber-dropdown-custom__trigger:hover{border-color:#00b4d880;box-shadow:0 0 10px #00b4d833}.cyber-dropdown-custom__trigger.is-open{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300b4d8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='18 15 12 9 6 15'%3E%3C/polyline%3E%3C/svg%3E");border-color:#22d3ee;box-shadow:0 0 0 1px #22d3ee,0 0 12px #22d3ee40}.cyber-dropdown-custom__list{position:absolute;top:100%;left:0;right:0;background:#0f1423f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,180,216,.3);border-radius:var(--radius-md);box-shadow:0 4px 20px #0006,0 0 15px #00b4d826,inset 0 1px #ffffff0d;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .15s ease;max-height:200px;overflow-y:auto;margin-top:4px}.cyber-dropdown-custom__list.is-open{opacity:1;visibility:visible;transform:translateY(0)}.cyber-dropdown-custom__option{padding:12px 16px;font-size:13px;font-weight:500;line-height:1.4;color:#e2e8f0;cursor:pointer;transition:all .15s ease;border-bottom:1px solid rgba(0,180,216,.1)}.cyber-dropdown-custom__option:last-child{border-bottom:none}.cyber-dropdown-custom__option:hover{background:#00b4d826;color:#fff}.cyber-dropdown-custom__option.is-selected{background:#00b4d840;color:#e0f7ff;font-weight:600}[data-theme=light] .cyber-dropdown-custom__trigger{background:#fffffffa;border-color:#0096b440;color:#1e293b;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f172a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}[data-theme=light] .cyber-dropdown-custom__trigger.is-open{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f172a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='18 15 12 9 6 15'%3E%3C/polyline%3E%3C/svg%3E");border-color:#0ea5e9;box-shadow:0 0 0 2px #0ea5e933,0 0 12px #0ea5e94d}[data-theme=light] .cyber-dropdown-custom__list{background:#fffffffa;border-color:#0096b440;box-shadow:0 4px 20px #0000001f,0 0 12px #0096b41a,inset 0 1px #fffc}[data-theme=light] .cyber-dropdown-custom__option{color:#1e293b;border-bottom-color:#0096b41a}[data-theme=light] .cyber-dropdown-custom__option:hover{background:#e0f2fee6;color:#0c4a6e}[data-theme=light] .cyber-dropdown-custom__option.is-selected{background:#dbeafef2;color:#1e40af}.input-group{display:flex;flex-direction:column;gap:6px}.input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--theme-text-secondary);letter-spacing:.01em;line-height:1;margin-bottom:8px;min-height:0;margin-top:10px}.input-label--required:after{content:" *";color:var(--theme-error)}.input-container{position:relative;display:flex;align-items:center}.input{width:100%;padding:var(--space-2) var(--space-3);font-family:inherit;font-size:var(--font-size-sm);color:var(--theme-text-primary);background:#ffffffb8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(232,231,231,.9);border-radius:var(--radius-md);outline:none;transition:all .2s ease;box-shadow:0 2px 8px #2563eb0a,0 1px #ffffffd9 inset}.input::placeholder{color:var(--theme-text-muted)}.input:hover:not(:disabled){background:#ffffffd9;border-color:#2563eb2e}.input:focus{background:#fffffff2;border-color:var(--theme-primary);box-shadow:0 0 0 3px #2563eb1a,0 2px 8px #2563eb0f}.input:disabled{opacity:.55;cursor:not-allowed;background:#fff6}.input--error{border-color:var(--theme-error);background:#ffffffe6}.input--error:focus{border-color:var(--theme-error);box-shadow:0 0 0 3px #ef44441a}.input--success{border-color:var(--theme-success)}.input--success:focus{border-color:var(--theme-success);box-shadow:0 0 0 3px #10b9811a}.input--with-icon-left{padding-left:calc(var(--space-4) + 28px)}.input--with-icon-right{padding-right:calc(var(--space-4) + 28px)}.input-icon{position:absolute;width:18px;height:18px;color:var(--theme-text-muted);pointer-events:none;transition:color .2s ease;flex-shrink:0}.input-icon--left{left:var(--space-4)}.input-icon--right{right:var(--space-4)}.input-container:focus-within .input-icon{color:var(--theme-primary)}.input-icon--btn{pointer-events:auto;cursor:pointer;background:transparent;border:none;padding:0;display:flex;align-items:center;justify-content:center;color:var(--theme-text-muted);transition:color .2s ease}.input-icon--btn:hover{color:var(--theme-primary)}.input-icon--btn svg{width:18px;height:18px;flex-shrink:0}.input-helper{font-size:var(--font-size-xs);color:var(--theme-text-muted)}.input-error{font-size:var(--font-size-xs);color:var(--theme-error)}textarea.input{min-height:100px;resize:vertical;line-height:var(--line-height-normal)}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394A3B8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:calc(var(--space-4) + 20px);cursor:pointer}.input-check{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.input-check input[type=checkbox],.input-check input[type=radio]{width:18px;height:18px;border:1.5px solid rgba(37,99,235,.3);border-radius:var(--radius-sm);background:#fffc;appearance:none;cursor:pointer;transition:all .15s ease;flex-shrink:0}.input-check input[type=radio]{border-radius:var(--radius-full)}.input-check input[type=checkbox]:checked,.input-check input[type=radio]:checked{background:var(--theme-primary);border-color:var(--theme-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2 6l3 3 5-5' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.input-check input[type=radio]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' viewBox='0 0 6 6'%3E%3Ccircle cx='3' cy='3' r='3' fill='white'/%3E%3C/svg%3E")}.input-check input:focus-visible{outline:2px solid var(--theme-primary);outline-offset:2px}.input--search{padding-left:calc(var(--space-4) + 28px);border-radius:var(--radius-full);background:#fffc}.input--sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.input--lg{padding:var(--space-4) var(--space-5);font-size:var(--font-size-md)}.card{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.85);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:0 8px 32px #2563eb12,0 1px #ffffffe6 inset;transition:box-shadow .2s ease,transform .2s ease}.card--elevated{box-shadow:0 16px 48px #2563eb1f,0 4px 16px #2563eb0f,0 1px #fffffff2 inset}.card--solid{background:#fffffff5;backdrop-filter:none;-webkit-backdrop-filter:none}.card--bordered{border:1px solid rgba(37,99,235,.18);background:#fffc}.card--glass{background:#ffffff8c;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-color:#fffc}.card--tinted{background:#2563eb0d;border-color:#2563eb26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.card--tinted-success{background:#10b9810f;border-color:#10b98133}.card--tinted-warning{background:#f59e0b0f;border-color:#f59e0b33}.card--tinted-error{background:#ef44440f;border-color:#ef444433}.card--interactive{cursor:pointer}.card--interactive:hover{transform:translateY(-3px);box-shadow:0 20px 56px #2563eb24,0 8px 24px #2563eb12,0 1px #fffffff2 inset;border-color:#2563eb38}.card__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid rgba(37,99,235,.08)}.card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--theme-text-primary);margin:0}.card__subtitle{font-size:var(--font-size-sm);color:var(--theme-text-muted);margin-top:var(--space-1)}.card__body{color:var(--theme-text-secondary)}.card__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-4);margin-top:var(--space-4);border-top:1px solid rgba(37,99,235,.08)}.card--sm{padding:var(--space-4)}.card--lg{padding:var(--space-8)}.stat-card{display:flex;flex-direction:column;gap:var(--space-3)}.stat-card__icon{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:var(--theme-primary-subtle);color:var(--theme-primary);flex-shrink:0}.stat-card__value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--theme-text-primary);line-height:1}.stat-card__label{font-size:var(--font-size-sm);color:var(--theme-text-muted)}.stat-card__trend{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:4px}.stat-card__trend--up{color:var(--theme-success)}.stat-card__trend--down{color:var(--theme-error)}.course-card{display:flex;flex-direction:column;gap:var(--space-4);cursor:pointer}.course-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.course-card__icon{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.course-card__badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--theme-text-muted);background:#2563eb12;border:1px solid rgba(37,99,235,.12);border-radius:999px;padding:2px 10px;white-space:nowrap}.course-card__info{display:flex;flex-direction:column;gap:var(--space-1)}.course-card__name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--theme-text-primary);line-height:1.3}.course-card__teacher{font-size:var(--font-size-xs);color:var(--theme-text-muted)}.course-card__progress{display:flex;flex-direction:column;gap:var(--space-2)}.course-card__progress-header{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs)}.course-card__progress-label{color:var(--theme-text-muted)}.course-card__progress-value{font-weight:var(--font-weight-semibold);color:var(--theme-primary)}.course-card__stats{display:flex;align-items:center;gap:var(--space-4)}.course-card__stat{display:flex;align-items:center;gap:4px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--theme-text-secondary)}.course-card__stat svg{color:var(--theme-primary)}.tactile-card{border-radius:32px;transition:all .3s ease}.tactile-card--white{background:#ffffffe6;box-shadow:0 15px 35px -10px #00000014,inset 2px 2px 8px #ffffffe6;border:1px solid rgba(255,255,255,.6)}.tactile-card--blue{background:#0047ff;color:#fff;box-shadow:0 20px 40px -10px #0047ff66,inset 2px 2px 12px #ffffff4d;border:1px solid rgba(0,71,255,.5)}.tactile-card--glass{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 10px 30px -10px #0000001a,inset 1px 1px 4px #fff6;border:1px solid rgba(255,255,255,.3)}.tactile-card--accent{background:#ff3b30;color:#fff;box-shadow:0 15px 30px -10px #ff3b3066,inset 2px 2px 10px #ffffff4d;border:1px solid rgba(255,59,48,.5)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1;border-radius:var(--radius-full);white-space:nowrap}.badge--default{background:var(--theme-bg-hover);color:var(--theme-text-secondary)}.badge--primary{background:var(--theme-primary-subtle);color:var(--theme-primary)}.badge--success{background:var(--theme-success-bg);color:var(--theme-success)}.badge--feminale{background:#ffe9f2;color:#be185d}.badge--male{background:#d5ddf1;color:#1d4ed8}.badge--warning{background:var(--theme-warning-bg);color:var(--theme-warning)}.badge--error{background:var(--theme-error-bg);color:var(--theme-error)}.badge--info{background:var(--theme-info-bg);color:var(--theme-info)}.badge--sm{padding:2px var(--space-1);font-size:10px}.badge--lg{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.badge--dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge--outline{background:transparent;border:1px solid currentColor}.spinner{display:inline-block;border-radius:50%;border:3px solid var(--theme-border-subtle);border-top-color:var(--theme-primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner--xs{width:16px;height:16px;border-width:2px}.spinner--sm{width:24px;height:24px;border-width:2px}.spinner--md{width:32px;height:32px;border-width:3px}.spinner--lg{width:48px;height:48px;border-width:4px}.spinner--xl{width:64px;height:64px;border-width:4px}.spinner--primary{border-top-color:var(--theme-primary)}.spinner--white{border-color:#ffffff4d;border-top-color:#fff}.spinner--success{border-top-color:var(--theme-success)}.spinner--error{border-top-color:var(--theme-error)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-10);min-height:200px}.loading-container__text{font-size:var(--font-size-sm);color:var(--theme-text-secondary);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading-inline{display:inline-flex;align-items:center;gap:var(--space-2)}.loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100}:host-context([data-theme="light"]) .spinner{border-color:#e2e8f0;border-top-color:var(--theme-primary)}:host-context([data-theme="light"]) .loading-overlay{background:#fffc}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-10);min-height:300px}.empty-state__icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#0ea5e91a;border-radius:50%;margin-bottom:var(--space-5)}.empty-state__icon svg{width:40px;height:40px;color:var(--theme-primary);opacity:.7}.empty-state__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--theme-text-primary);margin:0 0 var(--space-2) 0}.empty-state__description{font-size:var(--font-size-sm);color:var(--theme-text-secondary);margin:0 0 var(--space-5) 0;max-width:400px}.empty-state__action{margin-top:var(--space-2)}.empty-state--compact{padding:var(--space-6);min-height:150px}.empty-state--compact .empty-state__icon{width:56px;height:56px;margin-bottom:var(--space-3)}.empty-state--compact .empty-state__icon svg{width:28px;height:28px}.empty-state--compact .empty-state__title{font-size:var(--font-size-base)}.empty-state--error .empty-state__icon{background:#ef44441a}.empty-state--error .empty-state__icon svg{color:var(--theme-error)}.empty-state--warning .empty-state__icon{background:#f59e0b1a}.empty-state--warning .empty-state__icon svg{color:var(--theme-warning)}.empty-state--success .empty-state__icon{background:#10b9811a}.empty-state--success .empty-state__icon svg{color:var(--theme-success)}.empty-state--in-card{background:var(--theme-bg-surface);border:2px dashed var(--theme-border-subtle);border-radius:var(--radius-xl)}:host-context([data-theme="light"]) .empty-state__icon{background:#f1f5f9}:host-context([data-theme="light"]) .empty-state__title{color:#1e293b}:host-context([data-theme="light"]) .empty-state__description{color:#64748b}:host-context([data-theme="light"]) .empty-state--in-card{background:#fff;border-color:#e2e8f0}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:var(--font-weight-semibold);color:#fff;background:var(--theme-gradient-primary);overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.avatar--xs{width:24px;height:24px;font-size:10px}.avatar--sm{width:32px;height:32px;font-size:var(--font-size-xs)}.avatar--md{width:40px;height:40px;font-size:var(--font-size-sm)}.avatar--lg{width:56px;height:56px;font-size:var(--font-size-lg)}.avatar--xl{width:80px;height:80px;font-size:var(--font-size-2xl)}.avatar--neutral{background:var(--theme-bg-surface);color:var(--theme-text-secondary);border:1px solid var(--theme-border-subtle)}.avatar--success{background:linear-gradient(135deg,#10b981,#059669)}.avatar--warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.avatar--error{background:linear-gradient(135deg,#ef4444,#dc2626)}.avatar-wrapper{position:relative;display:inline-block}.avatar__status{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:2px solid var(--theme-bg-base);background:var(--theme-text-muted)}.avatar__status--online{background:#22c55e}.avatar__status--offline{background:#94a3b8}.avatar__status--busy{background:#ef4444}.avatar__status--away{background:#f59e0b}.avatar-group{display:flex;flex-direction:row-reverse}.avatar-group .avatar{margin-left:-8px;border:2px solid var(--theme-bg-base)}.avatar-group .avatar:last-child{margin-left:0}:host-context([data-theme="light"]) .avatar--neutral{background:#f8fafc;color:#475569;border-color:#e2e8f0}:host-context([data-theme="light"]) .avatar__status{border-color:#fff}:host-context([data-theme="light"]) .avatar-group .avatar{border-color:#fff}.loading-screen{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--color-950) 0%,#042F43 50%,#064E6F 100%);overflow:hidden}.loading-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 100% 100% at 50% 120%,rgba(14,165,233,.15) 0%,transparent 50%),radial-gradient(ellipse 80% 60% at 20% 80%,rgba(0,212,170,.1) 0%,transparent 40%);animation:underwaterGlow 4s ease-in-out infinite}@keyframes underwaterGlow{0%,to{opacity:.5}50%{opacity:1}}.fish-container{position:relative;width:180px;height:180px}.fish-orbit{position:absolute;inset:0;animation:fishSwim 2.8s linear infinite}@keyframes fishSwim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fish{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:45px;height:30px;filter:drop-shadow(0 0 12px rgba(255,255,255,.5))}.fish svg{width:100%;height:100%}.bubbles-container{position:absolute;inset:0;animation:fishSwim 2.8s linear infinite;pointer-events:none}.bubble{position:absolute;background:#ffffffb3;border-radius:50%;box-shadow:inset -2px -2px 4px #ffffff4d,0 0 8px #fff3}.bubble:nth-child(1){width:10px;height:10px;top:5px;left:calc(50% - 25px);animation:bubblePop 1s ease-out infinite}.bubble:nth-child(2){width:7px;height:7px;top:15px;left:calc(50% - 35px);animation:bubblePop 1s ease-out .2s infinite}.bubble:nth-child(3){width:12px;height:12px;top:25px;left:calc(50% - 40px);animation:bubblePop 1s ease-out .4s infinite}.bubble:nth-child(4){width:6px;height:6px;top:38px;left:calc(50% - 42px);animation:bubblePop 1s ease-out .6s infinite}.bubble:nth-child(5){width:9px;height:9px;top:52px;left:calc(50% - 40px);animation:bubblePop 1s ease-out .8s infinite}.bubble:nth-child(6){width:5px;height:5px;top:10px;left:calc(50% - 30px);animation:bubblePop 1s ease-out .3s infinite}@keyframes bubblePop{0%{opacity:.8;transform:scale(1) translateY(0)}50%{opacity:.5;transform:scale(1.2) translateY(-15px)}to{opacity:0;transform:scale(.5) translateY(-30px)}}.loading-screen__text{margin-top:var(--space-8);text-align:center;z-index:1}.loading-screen__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#fff;margin:0 0 var(--space-2) 0;letter-spacing:.05em}.loading-screen__subtitle{font-size:var(--font-size-sm);color:#ffffffb3;margin:0;display:flex;align-items:center;justify-content:center;gap:var(--space-1)}.loading-dots{display:inline-flex;gap:4px}.loading-dots span{width:6px;height:6px;background:var(--theme-primary);border-radius:50%;animation:dotPulse 1.4s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.loading-progress{width:200px;height:4px;background:#fff3;border-radius:2px;margin-top:var(--space-6);overflow:hidden}.loading-progress__bar{height:100%;background:var(--theme-gradient-primary);border-radius:2px;animation:progressIndeterminate 1.5s ease-in-out infinite}@keyframes progressIndeterminate{0%{width:0%;margin-left:0%}50%{width:70%;margin-left:15%}to{width:0%;margin-left:100%}}.particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:#ffffff4d;border-radius:50%;animation:particleFloat 8s linear infinite}.particle:nth-child(1){left:10%;animation-delay:0s}.particle:nth-child(2){left:20%;animation-delay:1s}.particle:nth-child(3){left:35%;animation-delay:2s;width:3px;height:3px}.particle:nth-child(4){left:50%;animation-delay:3s}.particle:nth-child(5){left:65%;animation-delay:4s;width:5px;height:5px}.particle:nth-child(6){left:80%;animation-delay:5s}.particle:nth-child(7){left:90%;animation-delay:6s;width:3px;height:3px}@keyframes particleFloat{0%{bottom:-10px;opacity:0}10%{opacity:.5}90%{opacity:.3}to{bottom:100%;opacity:0}}.loading-screen--light{background:linear-gradient(180deg,#e0f2fe,#7dd3fc,#0ea5e9)}.loading-screen--light .fish svg{fill:#0c4a6e}.loading-screen--light .bubble{background:#fffc;box-shadow:inset 0 0 4px #ffffff80}.loading-screen--light .loading-screen__title{color:#0c4a6e}.loading-screen--light .loading-screen__subtitle{color:#0c4a6eb3}.data-cards-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media (max-width: 767px){.data-cards-grid{grid-template-columns:1fr}}@media (min-width: 768px) and (max-width: 1023px){.data-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.data-cards-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1400px){.data-cards-grid{grid-template-columns:repeat(4,1fr)}}.data-card{background:#0f1423f2;border:1px solid rgba(0,180,216,.2);border-radius:var(--radius-xl);padding:var(--space-4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.data-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(14,165,233,.5),rgba(45,212,191,.5),transparent);opacity:0;transition:opacity .3s ease}.data-card:hover{border-color:#0ea5e966;box-shadow:0 0 20px #00b4d826,0 8px 32px #0000004d;transform:translateY(-2px)}.data-card:hover:before{opacity:1}.data-card__header{margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid rgba(255,255,255,.08)}.data-card__title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--theme-text-primary);line-height:1.3}.data-card__subtitle{display:block;margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--theme-primary);font-weight:var(--font-weight-medium)}.data-card__body{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.data-card__field{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.data-card__field-label{color:var(--theme-text-muted);text-transform:uppercase;font-size:var(--font-size-xs);letter-spacing:.5px}.data-card__field-value{color:var(--theme-text-primary);font-weight:var(--font-weight-medium);text-align:right}.data-card__footer{display:flex;justify-content:flex-end;padding-top:var(--space-3);border-top:1px solid rgba(255,255,255,.08)}.data-view__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10);color:var(--theme-text-muted);text-align:center;grid-column:1 / -1}.data-view__empty svg{width:48px;height:48px;margin-bottom:var(--space-3);opacity:.5}.view-toggle{display:flex;gap:2px;background:#0f172a99;border:1px solid rgba(14,165,233,.2);border-radius:var(--radius-lg);padding:3px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.view-toggle__btn{display:flex;align-items:center;justify-content:center;width:36px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--theme-text-muted);cursor:pointer;transition:all .2s ease}.view-toggle__btn svg{width:18px;height:18px}.view-toggle__btn:hover:not(.is-active){color:var(--theme-text-secondary);background:#ffffff0d}.view-toggle__btn.is-active{background:#0ea5e926;color:var(--theme-primary);box-shadow:0 0 8px #0ea5e933}[data-theme=light] .view-toggle{background:#f1f5f9f2;border-color:#e2e8f0}[data-theme=light] .view-toggle__btn{color:#64748b}[data-theme=light] .view-toggle__btn:hover:not(.is-active){color:#475569;background:#0000000d}[data-theme=light] .view-toggle__btn.is-active{background:#0ea5e926;color:#0284c7}[data-theme=light] .data-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000f}[data-theme=light] .data-card:hover{border-color:#0ea5e9;box-shadow:0 0 15px #0ea5e91a,0 8px 24px #0000001a}[data-theme=light] .data-card:before{background:linear-gradient(90deg,transparent,rgba(14,165,233,.6),rgba(6,182,212,.6),transparent)}[data-theme=light] .data-card__header{border-bottom-color:#f1f5f9}[data-theme=light] .data-card__title{color:#1e293b}[data-theme=light] .data-card__subtitle{color:#0284c7}[data-theme=light] .data-card__field-label{color:#64748b}[data-theme=light] .data-card__field-value{color:#1e293b}[data-theme=light] .data-card__footer{border-top-color:#f1f5f9}[data-theme=light] .data-view__empty{color:#64748b}@keyframes dataCardFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.data-card{animation:dataCardFadeIn .3s ease forwards}.data-card:nth-child(1){animation-delay:.05s}.data-card:nth-child(2){animation-delay:.1s}.data-card:nth-child(3){animation-delay:.15s}.data-card:nth-child(4){animation-delay:.2s}.data-card:nth-child(5){animation-delay:.25s}.data-card:nth-child(6){animation-delay:.3s}.data-table-container{background:transparent;border:none;border-radius:0;overflow-x:auto}.data-table{width:100%;border-collapse:separate;border-spacing:0;text-align:left;font-size:var(--font-size-sm)}.data-table thead tr th{padding:.75rem 1rem;background:#f9fafb;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#6b7280;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.data-table thead tr th:first-child{border-radius:.75rem 0 0 .75rem}.data-table thead tr th:last-child{border-radius:0 .75rem .75rem 0}.data-table th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease}.data-table th--sortable:hover{color:#0047ff}.data-table th__sort-icon{display:inline-block;margin-left:var(--space-1);font-size:.65em;opacity:.6}.data-table td{padding:1rem;font-size:var(--font-size-sm);color:#4b5563;border-bottom:1px solid #F9FAFB;vertical-align:middle}.data-table td:first-child{font-weight:var(--font-weight-medium);color:#111827}.data-table__row{transition:background .15s ease}.data-table__row:hover{background:#f9fafb99}.data-table__row--clickable{cursor:pointer}.data-table__cell--highlight{font-weight:var(--font-weight-bold)!important;color:#0047ff!important}.data-table__empty{text-align:center;padding:3rem!important;color:#9ca3af}.data-table__empty svg{width:2.5rem;height:2.5rem;margin-bottom:.75rem;opacity:.4}.data-table__empty span{display:block;font-size:var(--font-size-sm)}.data-table__user-cell{display:flex;align-items:center;gap:var(--space-3)}.data-table__user-avatar{width:2rem;height:2rem;min-width:2rem;min-height:2rem;display:flex;align-items:center;justify-content:center;background:#e0e7ff;border-radius:50%;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:#0047ff;line-height:1;flex-shrink:0}.data-table__user-info{display:flex;flex-direction:column;gap:.125rem}.data-table__user-info strong{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#111827}.data-table__user-info span{font-size:var(--font-size-xs);color:#9ca3af}.data-table__device-cell{display:flex;flex-direction:column;gap:.25rem;min-width:150px}.data-table__device-main{font-weight:var(--font-weight-medium);color:#111827;font-size:var(--font-size-sm)}.data-table__device-secondary{font-size:var(--font-size-xs);color:#9ca3af;display:flex;align-items:center;gap:.25rem}.data-table__device-secondary:before{content:"\2192";color:#0047ff;font-weight:700}.data-table__code{display:inline-block;padding:.125rem .5rem;background:#f3f4f6;border-radius:var(--radius-sm);font-family:Fira Code,Consolas,monospace;font-size:var(--font-size-xs);color:#0047ff;max-width:100%;word-break:break-all;white-space:normal}.data-table__truncate{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-table__badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.25rem .625rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:9999px}.data-table__badge-dot{width:.375rem;height:.375rem;border-radius:50%;background:currentColor}.data-table__badge--success{background:#dcfce7;color:#16a34a}.data-table__badge--warning{background:#fef3c7;color:#d97706}.data-table__badge--error{background:#fee2e2;color:#dc2626}.data-table__badge--info{background:#dbeafe;color:#2563eb}.data-table__badge--neutral{background:#f3f4f6;color:#6b7280}.data-table__timeago{color:#9ca3af}.data-table__timeago--recent{color:#16a34a;font-weight:var(--font-weight-medium)}.data-table__btn-action{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:transparent;border:1px solid #E5E7EB;border-radius:var(--radius-md);color:#9ca3af;cursor:pointer;transition:all .15s ease}.data-table__btn-action svg{width:1rem;height:1rem}.data-table__btn-action:hover{background:#eef2ff;border-color:#0047ff;color:#0047ff}.data-table__btn-action:active{transform:scale(.95)}.data-table__btn-action--danger:hover{background:#fee2e2;border-color:#dc2626;color:#dc2626}.data-table__actions{display:flex;align-items:center;gap:var(--space-2)}.data-table__loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#ffffffb3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:5;border-radius:var(--radius-xl)}@media (max-width: 768px){.data-table-container{overflow-x:auto}}[data-theme=dark] .data-table thead tr th{background:#ffffff0d;color:#9ca3af}[data-theme=dark] .data-table td{color:#d1d5db;border-bottom-color:#ffffff0d}[data-theme=dark] .data-table td:first-child{color:#f9fafb}[data-theme=dark] .data-table__row:hover{background:#ffffff0a}[data-theme=dark] .data-table__user-avatar{background:#0047ff33;color:#93c5fd}[data-theme=dark] .data-table__user-info strong{color:#f9fafb}[data-theme=dark] .data-table__user-info span{color:#6b7280}[data-theme=dark] .data-table__device-main{color:#f9fafb}[data-theme=dark] .data-table__code{background:#0047ff1a;color:#93c5fd}[data-theme=dark] .data-table__badge--success{background:#16a34a26;color:#4ade80}[data-theme=dark] .data-table__badge--warning{background:#d9770626;color:#fcd34d}[data-theme=dark] .data-table__badge--error{background:#dc262626;color:#fca5a5}[data-theme=dark] .data-table__badge--info{background:#2563eb26;color:#93c5fd}[data-theme=dark] .data-table__badge--neutral{background:#6b728026;color:#9ca3af}[data-theme=dark] .data-table__timeago{color:#6b7280}[data-theme=dark] .data-table__btn-action{border-color:#ffffff1a;color:#6b7280}[data-theme=dark] .data-table__btn-action:hover{background:#0047ff26;border-color:#0047ff;color:#93c5fd}[data-theme=dark] .data-table__loading{background:#111827b3}.progress-demo{display:flex;flex-direction:column;gap:var(--space-4, 1rem)}.progress-item{display:flex;flex-direction:column;gap:var(--space-2, .5rem)}.progress-item__header{display:flex;justify-content:space-between;align-items:center}.progress-item__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--theme-text-secondary)}.progress-item__value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--theme-text-primary)}.progress-track{height:8px;background:#2563eb14;border-radius:var(--radius-full);overflow:hidden}.progress-track--lg{height:12px}.progress-fill{height:100%;border-radius:var(--radius-full);transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-fill--primary{background:var(--theme-gradient-primary)}.progress-fill--success{background:linear-gradient(90deg,#10b981,#059669)}.progress-fill--warning{background:linear-gradient(90deg,#f59e0b,#d97706)}.progress-fill--accent{background:linear-gradient(90deg,#06b6d4,#0891b2)}.modal-backdrop{position:fixed;inset:0;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop, 9999);opacity:0;visibility:hidden;pointer-events:none;transition:all .3s cubic-bezier(.16,1,.3,1);padding:var(--space-4, 1rem)}.modal-backdrop.is-open{opacity:1;visibility:visible;pointer-events:all}.modal{position:relative;width:100%;max-width:520px;max-height:90vh;background:#0d1821;border:1px solid rgba(0,255,255,.15);border-radius:var(--radius-xl, 16px);box-shadow:0 0 40px #0009,0 0 20px #00ffff14,inset 0 1px #ffffff0d;transform:scale(.95) translateY(20px);transition:transform .3s cubic-bezier(.16,1,.3,1);overflow:hidden;display:flex;flex-direction:column}.modal-backdrop.is-open .modal{transform:scale(1) translateY(0)}[data-theme=light] .modal{background:#fff;border-color:#0000001a;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d}.modal--sm{max-width:400px}.modal--md{max-width:520px}.modal--lg{max-width:680px}.modal--xl{max-width:900px}.modal--full{max-width:calc(100vw - var(--space-8, 32px));max-height:calc(100vh - var(--space-8, 32px))}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5, 1.25rem) var(--space-6, 1.5rem);border-bottom:1px solid rgba(255,255,255,.06);background:#ffffff05;flex-shrink:0}[data-theme=light] .modal__header{border-bottom-color:#00000014;background:#00000005}.modal__title{margin:0;font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-semibold, 600);color:var(--theme-text-primary, #fff)}.modal__subtitle{margin:var(--space-1, .25rem) 0 0 0;font-size:var(--font-size-sm, .875rem);color:var(--theme-text-muted, #666)}.modal__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md, 8px);color:var(--theme-text-muted, #666);cursor:pointer;transition:all .2s ease}.modal__close:hover{background:#ff3b301a;border-color:#ff3b304d;color:#ff3b30}.modal__close svg{width:18px;height:18px}.modal__body{padding:var(--space-6, 1.5rem);overflow-y:auto;flex:1;color:var(--theme-text-secondary, #aaa)}.modal__footer,[modal-footer]{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3, .75rem);padding:var(--space-4, 1rem) var(--space-6, 1.5rem);border-top:1px solid rgba(255,255,255,.06);background:#ffffff05;flex-shrink:0}[data-theme=light] .modal__footer,[data-theme=light] [modal-footer]{border-top-color:#00000014;background:transparent}.modal__form-group{margin-bottom:var(--space-4, 1rem)}.modal__form-group:last-child{margin-bottom:0}.modal__form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4, 1rem)}@media (max-width: 480px){.modal__form-row{grid-template-columns:1fr}}.modal__label{display:block;margin-bottom:var(--space-2, .5rem);font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-medium, 500);color:var(--theme-text-secondary, #aaa)}.modal__label--required:after{content:" *";color:#ff3b30}.modal__input{width:100%;padding:var(--space-3, .75rem) var(--space-4, 1rem);font-size:var(--font-size-md, 1rem);font-family:inherit;background:#0a1117;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg, 12px);color:var(--theme-text-primary, #fff);transition:all .2s ease}.modal__input::placeholder{color:var(--theme-text-muted, #555)}.modal__input:focus{outline:none;border-color:var(--color-primary, #0047FF);box-shadow:0 0 0 3px #0047ff1f}.modal__input:disabled{opacity:.5;cursor:not-allowed;background:#ffffff05}[data-theme=light] .modal__input{background-color:#f5f5f5;border-color:#0000001a;color:#1a1a1a}[data-theme=light] .modal__input::placeholder{color:#888}[data-theme=light] .modal__input:focus{border-color:var(--color-primary, #0047FF);box-shadow:0 0 0 3px #0047ff1f}.modal__textarea{width:100%;padding:var(--space-3, .75rem) var(--space-4, 1rem);font-size:var(--font-size-md, 1rem);font-family:inherit;background:#0a1117;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg, 12px);color:var(--theme-text-primary, #fff);transition:all .2s ease;min-height:100px;resize:vertical}.modal__textarea::placeholder{color:var(--theme-text-muted, #555)}.modal__textarea:focus{outline:none;border-color:var(--color-primary, #0047FF);box-shadow:0 0 0 3px #0047ff1f}[data-theme=light] .modal__textarea{background-color:#f5f5f5;border-color:#0000001a;color:#1a1a1a}[data-theme=light] .modal__textarea::placeholder{color:#888}[data-theme=light] .modal__textarea:focus{border-color:var(--color-primary, #0047FF);box-shadow:0 0 0 3px #0047ff1f}.modal__select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.modal__checkbox-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3, .75rem) var(--space-4, 1rem);background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg, 12px)}[data-theme=light] .modal__checkbox-row{background:#00000005;border-color:#0000000f}.modal__checkbox-label{font-size:var(--font-size-md, 1rem);color:var(--theme-text-primary, #fff)}.modal__checkbox{width:20px;height:20px;accent-color:var(--color-primary, #00b4d8);cursor:pointer}.modal__context{display:flex;align-items:center;gap:var(--space-2, .5rem);padding:var(--space-3, .75rem) var(--space-4, 1rem);background:#00b4d814;border:1px solid rgba(0,180,216,.15);border-radius:var(--radius-lg, 12px);margin-bottom:var(--space-5, 1.25rem)}.modal__context-label{font-size:var(--font-size-sm, .875rem);color:var(--theme-text-secondary, #888)}.modal__context-value{font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-medium, 500);color:var(--color-primary, #00b4d8)}.modal__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2, .5rem);padding:var(--space-3, .75rem) var(--space-5, 1.25rem);font-size:var(--font-size-md, 1rem);font-weight:var(--font-weight-medium, 500);font-family:inherit;border-radius:var(--radius-lg, 12px);cursor:pointer;transition:all .2s ease;border:none;min-width:100px}.modal__btn:disabled{opacity:.5;cursor:not-allowed}.modal__btn--primary{background:var(--color-primary, #0047FF);color:#fff;box-shadow:0 4px 14px #0047ff40}.modal__btn--primary:hover:not(:disabled){background:var(--color-primary-hover, #0035cc);box-shadow:0 6px 20px #0047ff59;transform:translateY(-1px)}.modal__btn--primary:active:not(:disabled){transform:translateY(0)}.modal__btn--secondary{background:#ffffff0f;color:var(--theme-text-secondary, #aaa);border:1px solid rgba(255,255,255,.1)}.modal__btn--secondary:hover:not(:disabled){background:#ffffff1a;color:var(--theme-text-primary, #fff);border-color:#fff3}[data-theme=light] .modal__btn--secondary{background:#0000000a;color:#555;border-color:#0000001a}[data-theme=light] .modal__btn--secondary:hover:not(:disabled){background:#00000014;color:#333}.modal__btn--danger{background:linear-gradient(135deg,#ff3b30,#e62e23);color:#fff;box-shadow:0 4px 14px #ff3b304d}.modal__btn--danger:hover:not(:disabled){box-shadow:0 6px 20px #ff3b3066,0 0 20px #ff3b3033;transform:translateY(-1px)}.modal__error{display:block;margin-top:var(--space-2, .5rem);font-size:var(--font-size-sm, .875rem);color:#ff3b30}.modal__input--error{border-color:#ff3b3080;box-shadow:0 0 0 3px #ff3b301a}@media (max-width: 768px){.modal-backdrop{padding:var(--space-3, .75rem)}.modal{max-width:100%;max-height:85vh}.modal__header,.modal__body,.modal__footer{padding-left:var(--space-4, 1rem);padding-right:var(--space-4, 1rem)}}@media (max-width: 480px){.modal-backdrop{align-items:flex-end;padding:0}.modal{max-height:90vh;border-radius:var(--radius-xl, 16px) var(--radius-xl, 16px) 0 0;transform:translateY(100%)}.modal-backdrop.is-open .modal{transform:translateY(0)}.modal__header{position:relative;padding-top:var(--space-6, 1.5rem)}.modal__header:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:40px;height:4px;background:#fff3;border-radius:2px}[data-theme=light] .modal__header:before{background:#00000026}.modal__footer,[modal-footer]{flex-direction:column;gap:var(--space-2, .5rem)}.modal__btn{width:100%}}.modal__select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.modal__select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2300b4d8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}[data-theme=light] .modal__select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.modal__btn--loading{position:relative;pointer-events:none}.btn-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:btn-spin .8s linear infinite}[data-theme=light] .modal__btn--secondary .btn-spinner{border-color:#0003;border-top-color:#333}@keyframes btn-spin{to{transform:rotate(360deg)}}.drawer-backdrop{position:fixed;inset:0;background:var(--theme-bg-overlay);z-index:var(--z-drawer);opacity:0;visibility:hidden;transition:all .3s ease}.drawer-backdrop.is-open{opacity:1;visibility:visible}.drawer{position:fixed;top:0;bottom:0;width:100%;max-width:400px;background:var(--theme-bg-elevated);border:1px solid var(--theme-border-subtle);box-shadow:0 24px 48px -12px var(--theme-shadow-color);z-index:var(--z-drawer);display:flex;flex-direction:column;transition:transform .3s ease}.drawer--right{right:0;border-left:1px solid var(--theme-border-subtle);transform:translate(100%)}.drawer--right.is-open{transform:translate(0)}.drawer--left{left:0;border-right:1px solid var(--theme-border-subtle);transform:translate(-100%)}.drawer--left.is-open{transform:translate(0)}.drawer--sm{max-width:300px}.drawer--lg{max-width:500px}.drawer--xl{max-width:700px}.drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--theme-border-subtle);flex-shrink:0}.drawer__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--theme-text-primary)}.drawer__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--theme-bg-hover);border:1px solid var(--theme-border-subtle);border-radius:var(--radius-full);color:var(--theme-text-muted);cursor:pointer;transition:all .2s ease}.drawer__close:hover{background:var(--theme-error-bg);border-color:var(--theme-error);color:var(--theme-error)}.drawer__body{padding:var(--space-6);overflow-y:auto;flex:1;color:var(--theme-text-secondary)}.drawer__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-6);border-top:1px solid var(--theme-border-subtle);flex-shrink:0}.tooltip{position:absolute;padding:var(--space-2) var(--space-3);background:var(--theme-bg-surface);border:1px solid var(--theme-border-default);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--theme-text-primary);white-space:nowrap;z-index:var(--z-tooltip);opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;box-shadow:0 4px 16px -4px var(--theme-shadow-color)}.tooltip.is-visible{opacity:1;visibility:visible}.tooltip--top{bottom:100%;left:50%;transform:translate(-50%) translateY(-8px)}.tooltip--bottom{top:100%;left:50%;transform:translate(-50%) translateY(8px)}.tooltip--left{right:100%;top:50%;transform:translateY(-50%) translate(-8px)}.tooltip--right{left:100%;top:50%;transform:translateY(-50%) translate(8px)}.tooltip:after{content:"";position:absolute;border:6px solid transparent}.tooltip--top:after{top:100%;left:50%;transform:translate(-50%);border-top-color:var(--theme-bg-surface)}.tooltip--bottom:after{bottom:100%;left:50%;transform:translate(-50%);border-bottom-color:var(--theme-bg-surface)}.tooltip--left:after{left:100%;top:50%;transform:translateY(-50%);border-left-color:var(--theme-bg-surface)}.tooltip--right:after{right:100%;top:50%;transform:translateY(-50%);border-right-color:var(--theme-bg-surface)}[data-tooltip]{position:relative;cursor:help}.app-tooltip{position:fixed;z-index:10000;max-width:280px;padding:8px 14px;background:#0f1423f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,180,216,.3);border-radius:8px;box-shadow:0 4px 20px #0006,0 0 15px #00b4d826,inset 0 1px #ffffff0d;font-family:var(--font-family-base, "Inter", sans-serif);font-size:13px;font-weight:500;line-height:1.4;color:#e2e8f0;text-align:center;white-space:nowrap;opacity:0;pointer-events:none}.app-tooltip--visible{opacity:1}.app-tooltip:before{content:"";position:absolute;width:10px;height:10px;background:#0f1423f2;border:1px solid rgba(0,180,216,.3);transform:rotate(45deg)}.app-tooltip--top{transform:translateY(4px);transition:opacity .15s ease-out,transform .15s ease-out}.app-tooltip--top.app-tooltip--visible{transform:translateY(0)}.app-tooltip--top:before{bottom:-6px;left:50%;margin-left:-5px;border-top:none;border-left:none;box-shadow:2px 2px 4px #0003}.app-tooltip--bottom{transform:translateY(-4px);transition:opacity .15s ease-out,transform .15s ease-out}.app-tooltip--bottom.app-tooltip--visible{transform:translateY(0)}.app-tooltip--bottom:before{top:-6px;left:50%;margin-left:-5px;border-bottom:none;border-right:none;box-shadow:-2px -2px 4px #0003}.app-tooltip--left{transform:translate(4px);transition:opacity .15s ease-out,transform .15s ease-out}.app-tooltip--left.app-tooltip--visible{transform:translate(0)}.app-tooltip--left:before{right:-6px;top:50%;margin-top:-5px;border-bottom:none;border-left:none;box-shadow:2px -2px 4px #0003}.app-tooltip--right{transform:translate(-4px);transition:opacity .15s ease-out,transform .15s ease-out}.app-tooltip--right.app-tooltip--visible{transform:translate(0)}.app-tooltip--right:before{left:-6px;top:50%;margin-top:-5px;border-top:none;border-right:none;box-shadow:-2px 2px 4px #0003}[data-theme=light] .app-tooltip{background:#fffffffa;border-color:#0096b440;color:#1e293b;box-shadow:0 4px 20px #0000001f,0 0 12px #0096b41a,inset 0 1px #fffc}[data-theme=light] .app-tooltip:before{background:#fffffffa;border-color:#0096b440}.app-tooltip--multiline{white-space:normal;text-align:left;max-width:300px}.toast-container{position:fixed;z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-4);pointer-events:none;padding:var(--space-6)}.toast-container--bottom-right{bottom:0;right:0}.toast{position:relative;display:flex;align-items:flex-start;gap:var(--space-3);min-width:320px;max-width:400px;padding:var(--space-4) var(--space-5);background:#0a0f1ed9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);clip-path:polygon(0 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%);pointer-events:auto;animation:toast-slide-in .4s cubic-bezier(.2,.8,.2,1);overflow:hidden}.toast:after{content:"";position:absolute;bottom:0;right:0;width:15px;height:15px;background:linear-gradient(135deg,transparent 50%,rgba(255,255,255,.1) 50%);pointer-events:none}.toast.is-closing{animation:toast-slide-out .3s ease forwards}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast__icon{width:24px;height:24px;flex-shrink:0;filter:drop-shadow(0 0 5px currentColor)}.toast__content{flex:1;z-index:2}.toast__title{font-family:JetBrains Mono,monospace,sans-serif;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-1);color:#fff;text-shadow:0 0 10px rgba(0,0,0,.5)}.toast__message{font-size:var(--font-size-sm);color:#fffc;line-height:1.4}.toast__close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#fff6;cursor:pointer;transition:all .2s ease;flex-shrink:0;z-index:2}.toast__close:hover{color:#fff;text-shadow:0 0 8px #fff}.toast__progress{position:absolute;bottom:0;left:0;height:2px;background:currentColor;width:100%;transform-origin:left;animation:progress-shrink 3s linear forwards;z-index:1;box-shadow:0 0 10px currentColor}@keyframes progress-shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast:hover .toast__progress{animation-play-state:paused}.toast--success{border-left:2px solid var(--theme-success);box-shadow:inset 10px 0 20px -10px rgba(var(--theme-success-rgb),.2)}.toast--success .toast__title{color:var(--theme-success);text-shadow:0 0 10px var(--theme-success)}.toast--success .toast__icon,.toast--success .toast__progress{color:var(--theme-success)}.toast--error{border-left:2px solid var(--theme-error);box-shadow:inset 10px 0 20px -10px rgba(var(--theme-error-rgb),.2)}.toast--error .toast__title{color:var(--theme-error);text-shadow:0 0 10px var(--theme-error)}.toast--error .toast__icon,.toast--error .toast__progress{color:var(--theme-error)}.toast--warning{border-left:2px solid var(--theme-warning);box-shadow:inset 10px 0 20px -10px rgba(var(--theme-warning-rgb),.2)}.toast--warning .toast__title{color:var(--theme-warning);text-shadow:0 0 10px var(--theme-warning)}.toast--warning .toast__icon,.toast--warning .toast__progress{color:var(--theme-warning)}.toast--info{border-left:2px solid var(--theme-info);box-shadow:inset 10px 0 20px -10px rgba(var(--theme-info-rgb),.2)}.toast--info .toast__title{color:var(--theme-info);text-shadow:0 0 10px var(--theme-info)}.toast--info .toast__icon{color:var(--theme-info)}:host-context([data-theme="light"]) .toast,[data-theme=light] .toast{background:#ffffffe6;border-color:#0000001a;box-shadow:0 10px 30px -10px #00000026}[data-theme=light] .toast:after{background:linear-gradient(135deg,transparent 50%,rgba(0,0,0,.05) 50%)}[data-theme=light] .toast__title{color:#1a1f2e;text-shadow:none;font-weight:800}[data-theme=light] .toast__message{color:#4a5568}[data-theme=light] .toast__close{color:#a0aec0}[data-theme=light] .toast__close:hover{color:#1a1f2e;text-shadow:none;background:#0000000d}[data-theme=light] .toast--success{border-left-color:var(--theme-success);box-shadow:inset 10px 0 20px -10px rgba(var(--theme-success-rgb),.1),0 10px 30px -10px rgba(var(--theme-success-rgb),.15)}[data-theme=light] .toast--success .toast__title{color:var(--theme-success-dark, #059669);text-shadow:none}[data-theme=light] .toast--error{border-left-color:var(--theme-error);box-shadow:inset 10px 0 20px -10px rgba(var(--theme-error-rgb),.1),0 10px 30px -10px rgba(var(--theme-error-rgb),.15)}[data-theme=light] .toast--error .toast__title{color:var(--theme-error-dark, #dc2626);text-shadow:none}[data-theme=light] .toast--warning{border-left-color:var(--theme-warning);box-shadow:inset 10px 0 20px -10px rgba(var(--theme-warning-rgb),.1),0 10px 30px -10px rgba(var(--theme-warning-rgb),.15)}[data-theme=light] .toast--warning .toast__title{color:var(--theme-warning-dark, #d97706);text-shadow:none}[data-theme=light] .toast--info{border-left-color:var(--theme-info);box-shadow:inset 10px 0 20px -10px rgba(var(--theme-info-rgb),.1),0 10px 30px -10px rgba(var(--theme-info-rgb),.15)}[data-theme=light] .toast--info .toast__title{color:var(--theme-info-dark, #2563eb);text-shadow:none}