:root{--color-primary-50:#e6f3f9;--color-primary-100:#cce7f3;--color-primary-200:#99cee7;--color-primary-300:#66b6db;--color-primary-400:#339dcf;--color-primary-500:#0077be;--color-primary-600:#005a8c;--color-primary-700:#046;--color-primary-800:#002d44;--color-primary-900:#001722;--color-secondary-50:#e6f7fc;--color-secondary-100:#cceff9;--color-secondary-200:#99dff3;--color-secondary-300:#66cfed;--color-secondary-400:#33bfe7;--color-secondary-500:#09c;--color-secondary-600:#007399;--color-secondary-700:#005573;--color-secondary-800:#00384d;--color-secondary-900:#001c26;--color-accent-blue:#0077be;--color-accent-dark-blue:#005a8c;--color-accent-light-blue:#09c;--color-accent-ocean:#0a1628;--color-accent-sky-blue:#4a9fcc;--color-neutral-50:#f8fafc;--color-neutral-100:#f1f5f9;--color-neutral-200:#e2e8f0;--color-neutral-300:#cbd5e1;--color-neutral-400:#94a3b8;--color-neutral-500:#64748b;--color-neutral-600:#475569;--color-neutral-700:#334155;--color-neutral-800:#1e293b;--color-neutral-900:#0f172a;--color-neutral-950:#020617;--color-success-light:#d1fae5;--color-success:#10b981;--color-success-dark:#065f46;--color-warning-light:#fef3c7;--color-warning:#f59e0b;--color-warning-dark:#92400e;--color-error-light:#fee2e2;--color-error:#dc2626;--color-error-dark:#991b1b;--color-info-light:#dbeafe;--color-info:#3b82f6;--color-info-dark:#1e40af;--color-bg-primary:#fff;--color-bg-secondary:#f8fafc;--color-bg-tertiary:#f1f5f9;--color-bg-dark:#0a1628;--color-bg-overlay:rgba(10,22,40,.8);--color-text-primary:#1a2332;--color-text-secondary:#475569;--color-text-tertiary:#64748b;--color-text-disabled:#94a3b8;--color-text-inverse:#fff;--color-text-link:#0077be;--color-text-link-hover:#005a8c;--color-border-light:#e2e8f0;--color-border:#cbd5e1;--color-border-dark:#94a3b8;--color-border-focus:#0077be;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue","Arial",sans-serif;--font-mono:"JetBrains Mono","Consolas","Monaco","Courier New",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-size-7xl:4.5rem;--font-size-8xl:6rem;--font-size-9xl:8rem;--line-height-xs:1rem;--line-height-sm:1.25rem;--line-height-base:1.5rem;--line-height-lg:1.75rem;--line-height-xl:1.75rem;--line-height-2xl:2rem;--line-height-3xl:2.25rem;--line-height-4xl:2.5rem;--line-height-5xl:1;--line-height-6xl:1;--line-height-7xl:1;--line-height-8xl:1;--line-height-9xl:1;--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--letter-spacing-tighter:-0.05em;--letter-spacing-tight:-0.025em;--letter-spacing-normal:0em;--letter-spacing-wide:0.025em;--letter-spacing-wider:0.05em;--letter-spacing-widest:0.1em;--spacing-0:0px;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-32:8rem;--spacing-40:10rem;--spacing-48:12rem;--spacing-56:14rem;--spacing-64:16rem;--radius-none:0px;--radius-sm:0.125rem;--radius:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--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-inner:inset 0 2px 4px 0 rgba(0,0,0,.05);--shadow-card:0 8px 32px rgba(0,0,0,.1);--shadow-elevated:0 12px 40px rgba(0,0,0,.15);--shadow-glow:0 0 20px rgba(0,119,190,.3);--duration-fast:150ms;--duration-base:200ms;--duration-slow:300ms;--duration-slower:500ms;--easing-linear:linear;--easing-in:cubic-bezier(0.4,0,1,1);--easing-out:cubic-bezier(0,0,0.2,1);--easing-in-out:cubic-bezier(0.4,0,0.2,1);--glass-light-bg:hsla(0,0%,100%,.98);--glass-light-bg-semi:hsla(0,0%,100%,.85);--glass-light-bg-soft:hsla(0,0%,100%,.7);--glass-light-blur:10px;--glass-light-blur-heavy:20px;--glass-light-blur-soft:5px;--glass-light-border:1px solid hsla(0,0%,100%,.2);--glass-light-shadow:0 8px 32px rgba(0,0,0,.1);--glass-dark-bg:rgba(10,22,40,.95);--glass-dark-bg-semi:rgba(10,22,40,.85);--glass-dark-bg-soft:rgba(10,22,40,.7);--glass-dark-blur:10px;--glass-dark-blur-heavy:20px;--glass-dark-blur-soft:5px;--glass-dark-border:1px solid hsla(0,0%,100%,.1);--glass-dark-shadow:0 8px 32px rgba(0,0,0,.3);--glass-card-bg:hsla(0,0%,100%,.9);--glass-card-bg-hover:hsla(0,0%,100%,.95);--glass-card-blur:12px;--glass-card-border:1px solid hsla(0,0%,100%,.3);--glass-card-border-hover:1px solid rgba(0,119,190,.3);--glass-card-shadow:0 8px 32px rgba(0,0,0,.08);--glass-modal-bg:hsla(0,0%,100%,.98);--glass-modal-backdrop:rgba(10,22,40,.75);--glass-modal-backdrop-blur:8px;--glass-modal-blur:15px;--glass-modal-border:1px solid hsla(0,0%,100%,.25);--glass-modal-shadow:0 16px 48px rgba(0,0,0,.15);--glass-navbar-bg:hsla(0,0%,100%,.92);--glass-navbar-bg-scrolled:hsla(0,0%,100%,.98);--glass-navbar-blur:12px;--glass-navbar-border:1px solid rgba(0,0,0,.05);--glass-navbar-shadow:0 2px 16px rgba(0,0,0,.06);--glass-sidebar-bg:rgba(248,250,252,.95);--glass-sidebar-bg-active:rgba(0,119,190,.08);--glass-sidebar-blur:10px;--glass-sidebar-border:1px solid rgba(0,0,0,.05);--btn-primary-bg:#0077be;--btn-primary-bg-hover:#005a8c;--btn-primary-text:#fff;--btn-primary-shadow:0 4px 12px rgba(0,119,190,.3);--btn-secondary-bg:#fff;--btn-secondary-bg-hover:#f1f5f9;--btn-secondary-text:#0077be;--btn-secondary-border:#cbd5e1;--btn-danger-bg:#dc2626;--btn-danger-bg-hover:#991b1b;--btn-danger-text:#fff;--btn-danger-shadow:0 4px 12px rgba(220,38,38,.3);--btn-glass-bg:hsla(0,0%,100%,.85);--btn-glass-bg-hover:hsla(0,0%,100%,.95);--btn-glass-text:#0077be;--btn-glass-blur:10px;--btn-glass-border:1px solid hsla(0,0%,100%,.3);--btn-glass-shadow:0 4px 16px rgba(0,119,190,.15);--input-bg:#f5f8fa;--input-bg-focus:#fff;--input-border:transparent;--input-border-focus:#0077be;--input-text:#1a2332;--input-placeholder:#64748b;--input-glass-bg:hsla(0,0%,100%,.7);--input-glass-bg-focus:hsla(0,0%,100%,.9);--input-glass-blur:8px;--input-glass-border:1px solid hsla(0,0%,100%,.3);--input-glass-border-focus:1px solid rgba(0,119,190,.5);--card-bg:#fff;--card-bg-secondary:#f8fafc;--card-border:#e2e8f0;--card-shadow:0 8px 32px rgba(0,0,0,.1);--login-card-bg:hsla(0,0%,100%,.98);--login-card-blur:10px;--login-card-border:1px solid hsla(0,0%,100%,.2);--login-card-shadow:0 8px 32px rgba(0,0,0,.3);--login-card-radius:16px}@media (prefers-color-scheme:dark){:root{--color-bg-primary:#0a1628;--color-bg-secondary:#0f172a;--color-bg-tertiary:#1e293b;--color-text-primary:#fff;--color-text-secondary:#cbd5e1;--color-text-tertiary:#94a3b8;--color-text-inverse:#1a2332;--card-bg:#1e293b;--card-bg-secondary:#0f172a;--card-border:#334155}}.dark{--color-bg-primary:#0a1628;--color-bg-secondary:#0f172a;--color-bg-tertiary:#1e293b;--color-text-primary:#fff;--color-text-secondary:#cbd5e1;--color-text-tertiary:#94a3b8;--color-text-inverse:#1a2332;--card-bg:#1e293b;--card-bg-secondary:#0f172a;--card-border:#334155}.glass-light{background:hsla(0,0%,100%,.98)}.glass-light,.glass-light-semi{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);box-shadow:0 8px 32px rgba(0,0,0,.1)}.glass-light-semi{background:hsla(0,0%,100%,.85)}.glass-light-soft{background:hsla(0,0%,100%,.7);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid hsla(0,0%,100%,.15);box-shadow:0 4px 16px rgba(0,0,0,.08)}.glass-dark{background:rgba(10,22,40,.95)}.glass-dark,.glass-dark-semi{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 8px 32px rgba(0,0,0,.3)}.glass-dark-semi{background:rgba(10,22,40,.85)}.glass-card{background:hsla(0,0%,100%,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.3);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.08);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{background:hsla(0,0%,100%,.95);border-color:rgba(0,119,190,.3);box-shadow:0 12px 40px rgba(0,0,0,.12);transform:translateY(-2px)}.glass-modal{background:hsla(0,0%,100%,.98);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid hsla(0,0%,100%,.25);border-radius:20px;box-shadow:0 16px 48px rgba(0,0,0,.15)}.glass-modal-backdrop{background:rgba(10,22,40,.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.glass-navbar{background:hsla(0,0%,100%,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.05);box-shadow:0 2px 16px rgba(0,0,0,.06);transition:background .3s ease}.glass-navbar.scrolled{background:hsla(0,0%,100%,.98);box-shadow:0 4px 20px rgba(0,0,0,.08)}.glass-sidebar{background:rgba(248,250,252,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-right:1px solid rgba(0,0,0,.05)}.glass-sidebar-item{transition:background .2s ease}.glass-sidebar-item:hover{background:rgba(0,119,190,.05)}.glass-sidebar-item.active{background:rgba(0,119,190,.08);border-left:3px solid #0077be}.glass-input{background:hsla(0,0%,100%,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.3);border-radius:8px;transition:all .2s ease}.glass-input:focus{background:hsla(0,0%,100%,.9);border-color:rgba(0,119,190,.5);box-shadow:0 0 0 3px rgba(0,119,190,.1);outline:none}.glass-input::-moz-placeholder{color:rgba(100,116,139,.7)}.glass-input::placeholder{color:rgba(100,116,139,.7)}.glass-button{background:hsla(0,0%,100%,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3);border-radius:8px;color:#0077be;box-shadow:0 4px 16px rgba(0,119,190,.15);transition:all .2s ease}.glass-button:hover{background:hsla(0,0%,100%,.95);box-shadow:0 6px 20px rgba(0,119,190,.25);transform:translateY(-1px)}.glass-button:active{transform:translateY(0)}.glass-login-card{background:hsla(0,0%,100%,.98);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.3);padding:3rem 2.5rem;max-width:450px;width:100%}.backdrop-blur-sm{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.backdrop-blur{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.backdrop-blur-md{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.backdrop-blur-lg{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.backdrop-blur-xl{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}@media (prefers-color-scheme:dark){.glass-auto{background:rgba(10,22,40,.95);color:#fff}.glass-auto,.glass-card-auto{border-color:hsla(0,0%,100%,.1)}.glass-card-auto{background:rgba(30,41,59,.9)}.glass-input-auto{background:rgba(15,23,42,.7);border-color:hsla(0,0%,100%,.1);color:#fff}.glass-input-auto::-moz-placeholder{color:rgba(148,163,184,.7)}.glass-input-auto::placeholder{color:rgba(148,163,184,.7)}}@media (prefers-color-scheme:light){.glass-auto{background:hsla(0,0%,100%,.98);border-color:hsla(0,0%,100%,.2);color:#1a2332}.glass-card-auto{background:hsla(0,0%,100%,.9);border-color:hsla(0,0%,100%,.3)}.glass-input-auto{background:hsla(0,0%,100%,.7);border-color:hsla(0,0%,100%,.3);color:#1a2332}.glass-input-auto::-moz-placeholder{color:rgba(100,116,139,.7)}.glass-input-auto::placeholder{color:rgba(100,116,139,.7)}}@media (max-width:640px){.glass-card{border-radius:12px;padding:1.5rem}.glass-modal{border-radius:16px;margin:1rem}.glass-login-card{padding:2rem 1.5rem;margin:1rem}}@media (prefers-reduced-motion:reduce){.glass-button,.glass-card,.glass-dark,.glass-input,.glass-light,.glass-login-card,.glass-modal,.glass-navbar,.glass-sidebar{backdrop-filter:none;-webkit-backdrop-filter:none}}.glass-button,.glass-card,.glass-input{will-change:transform,box-shadow}