@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{--surface:#f8f9fe;--surface-container:#e8eef7;--surface-container-low:#f0f4fa;--surface-container-lowest:#fff;--surface-container-high:#e1e9f3;--surface-container-highest:#d9e4f0;--surface-dim:#cfdbe9;--surface-bright:#f8f9fe;--primary:#005eb4;--primary-dim:#00529e;--primary-container:#d5e3ff;--primary-fixed-dim:#bfd5ff;--on-primary:#f6f7ff;--on-primary-container:#00519d;--secondary:#5d5f65;--secondary-container:#e1e2e9;--on-secondary:#f8f8ff;--tertiary:#5d5d78;--tertiary-container:#d9d7f8;--on-tertiary:#fbf7ff;--on-surface:#29343d;--on-surface-variant:#56606a;--on-background:#29343d;--outline:#717c87;--outline-variant:#a9b3bf;--error:#9f403d;--error-container:#fe8983;--on-error:#fff7f6;--status-success:#1a7a4c;--status-success-bg:#e6f7ef;--status-warning:#b8860b;--status-warning-bg:#fff8e6;--status-danger:#c53030;--status-danger-bg:#fff5f5;--status-info:#005eb4;--status-info-bg:#d5e3ff;--priority-high:#c53030;--priority-high-bg:#fff5f5;--priority-medium:#b8860b;--priority-medium-bg:#fff8e6;--priority-low:#1a7a4c;--priority-low-bg:#e6f7ef;--font-headline:"Manrope", sans-serif;--font-body:"Inter", sans-serif;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:.9rem;--spacing-5:1.125rem;--spacing-6:1.375rem;--spacing-8:1.75rem;--spacing-10:2.25rem;--spacing-12:3rem;--spacing-16:4rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-xs:0 1px 2px #29343d08;--shadow-sm:0 1px 4px #29343d0d, 0 0 1px #29343d0a;--shadow-md:0 4px 20px #29343d0f, 0 1px 3px #29343d08;--shadow-lg:0 8px 32px #29343d12, 0 2px 6px #29343d08;--shadow-xl:0 16px 56px #29343d14, 0 4px 12px #29343d08;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.22s cubic-bezier(.4, 0, .2, 1);--transition-slow:.32s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--sidebar-width:260px;--sidebar-collapsed:72px;--topbar-height:64px;--topbar-bg:#f8f9fed9;--content-max-width:1400px}[data-theme=dark]{--surface:#111827;--surface-container:#1e293b;--surface-container-low:#1a2332;--surface-container-lowest:#0f172a;--surface-container-high:#253347;--surface-container-highest:#2d3f56;--surface-dim:#0d1420;--surface-bright:#1e293b;--primary:#60a5fa;--primary-dim:#3b82f6;--primary-container:#1e3a5f;--primary-fixed-dim:#2563eb;--on-primary:#0f172a;--on-primary-container:#93c5fd;--secondary:#94a3b8;--secondary-container:#334155;--on-secondary:#0f172a;--tertiary:#a78bfa;--tertiary-container:#312e81;--on-tertiary:#0f172a;--on-surface:#e2e8f0;--on-surface-variant:#94a3b8;--on-background:#e2e8f0;--outline:#475569;--outline-variant:#334155;--error:#f87171;--error-container:#7f1d1d;--on-error:#0f172a;--status-success:#34d399;--status-success-bg:#34d3991f;--status-warning:#fbbf24;--status-warning-bg:#fbbf241f;--status-danger:#f87171;--status-danger-bg:#f871711f;--status-info:#60a5fa;--status-info-bg:#60a5fa1f;--priority-high:#f87171;--priority-high-bg:#f871711f;--priority-medium:#fbbf24;--priority-medium-bg:#fbbf241f;--priority-low:#34d399;--priority-low-bg:#34d3991f;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 4px #00000040, 0 0 1px #00000026;--shadow-md:0 4px 20px #0000004d, 0 1px 3px #00000026;--shadow-lg:0 8px 32px #00000059, 0 2px 6px #00000026;--shadow-xl:0 16px 56px #0006, 0 4px 12px #00000026;--topbar-bg:#0f172ad9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);color:var(--on-surface);background:var(--surface);font-size:.875rem;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-headline);color:var(--on-surface);font-weight:700;line-height:1.2}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:.9375rem}h6{font-size:.8125rem}a{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-dim)}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none;font-size:.875rem}input,textarea,select{font-family:var(--font-body);border:none;outline:none;font-size:.875rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--outline)}.app-layout{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);padding:var(--spacing-8);padding-top:calc(var(--topbar-height) + var(--spacing-8));max-width:calc(100vw - var(--sidebar-width));transition:margin-left var(--transition-base);flex:1}.sidebar{width:var(--sidebar-width);background:var(--surface-container-lowest);border-right:1px solid var(--outline-variant);z-index:100;padding:var(--spacing-6);transition:all var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;box-shadow:1px 0 12px #29343d08}.sidebar-logo{align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) 0;margin-bottom:var(--spacing-8);display:flex}.sidebar-logo-icon{background:linear-gradient(135deg, var(--primary), var(--on-primary-container));border-radius:var(--radius-lg);color:#fff;width:36px;height:36px;font-weight:800;font-family:var(--font-headline);justify-content:center;align-items:center;font-size:1rem;display:flex}.sidebar-logo-text{font-family:var(--font-headline);color:var(--on-surface);font-size:1.0625rem;font-weight:700}.sidebar-logo-sub{color:var(--on-surface-variant);letter-spacing:.02em;font-size:.6875rem;font-weight:400}.sidebar-nav{gap:var(--spacing-1);flex-direction:column;flex:1;display:flex}.sidebar-section-label{color:var(--outline);text-transform:uppercase;letter-spacing:.08em;padding:var(--spacing-4) var(--spacing-3) var(--spacing-2);margin-top:var(--spacing-2);font-size:.6875rem;font-weight:600}.sidebar-link{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-3);border-radius:var(--radius-lg);color:var(--on-surface-variant);transition:all var(--transition-fast);font-size:.8125rem;font-weight:500;text-decoration:none;display:flex;position:relative;overflow:hidden}.sidebar-link:before{content:"";background:var(--primary);opacity:0;transition:opacity var(--transition-fast);border-radius:var(--radius-lg);position:absolute;inset:0}.sidebar-link:hover{color:var(--on-surface)}.sidebar-link:hover:before{opacity:.04}.sidebar-link.active{color:var(--primary);background:var(--primary-container);font-weight:600}.sidebar-link.active:before{opacity:0}.sidebar-link .icon{text-align:center;z-index:1;width:24px;font-size:1.25rem;position:relative}.sidebar-link span{z-index:1;position:relative}.sidebar-user{align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-3);border-top:1px solid var(--outline-variant);padding-top:var(--spacing-6);margin-top:auto;display:flex}.sidebar-user-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--primary-container), var(--primary-fixed-dim));width:36px;height:36px;color:var(--primary);justify-content:center;align-items:center;font-size:.8125rem;font-weight:700;display:flex}.sidebar-user-name{color:var(--on-surface);font-size:.8125rem;font-weight:600}.sidebar-user-role{color:var(--on-surface-variant);text-transform:capitalize;font-size:.6875rem}.topbar{top:0;left:var(--sidebar-width);height:var(--topbar-height);background:var(--topbar-bg);-webkit-backdrop-filter:blur(20px);z-index:50;padding:0 var(--spacing-8);border-bottom:1px solid var(--outline-variant);transition:left var(--transition-base), background var(--transition-base);justify-content:space-between;align-items:center;display:flex;position:fixed;right:0}.topbar-title{font-family:var(--font-headline);font-size:1.25rem;font-weight:700}.topbar-actions{align-items:center;gap:var(--spacing-4);display:flex}.topbar-search{align-items:center;gap:var(--spacing-2);background:var(--surface-container-lowest);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);min-width:200px;transition:all var(--transition-base);display:flex}.topbar-search:focus-within{min-width:280px;box-shadow:0 0 0 2px #005eb433}.topbar-search input{color:var(--on-surface);background:0 0;width:100%}.topbar-search input::placeholder{color:var(--outline)}.card{background:var(--surface-container-lowest);border-radius:var(--radius-2xl);padding:var(--spacing-6);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-header{margin-bottom:var(--spacing-6);justify-content:space-between;align-items:center;display:flex}.card-title{font-family:var(--font-headline);font-size:1rem;font-weight:700}.card-subtitle{color:var(--on-surface-variant);margin-top:var(--spacing-1);font-size:.75rem}.btn{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-5);border-radius:var(--radius-lg);transition:all var(--transition-base);white-space:nowrap;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-dim));color:var(--on-primary);box-shadow:0 2px 8px #005eb426}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #005eb44d}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #005eb426}.btn-secondary{background:var(--surface-container-high);color:var(--on-surface)}.btn-secondary:hover{background:var(--surface-container-highest)}.btn-ghost{color:var(--on-surface-variant);background:0 0}.btn-ghost:hover{color:var(--on-surface);background:#005eb40a}.btn-danger{background:var(--status-danger);color:#fff}.btn-sm{padding:var(--spacing-1) var(--spacing-3);font-size:.75rem}.btn-lg{padding:var(--spacing-3) var(--spacing-8);font-size:.9375rem}.btn-icon{border-radius:var(--radius-lg);width:36px;height:36px;padding:0}.badge{align-items:center;gap:var(--spacing-1);padding:.125rem var(--spacing-2);border-radius:var(--radius-full);text-transform:capitalize;font-size:.6875rem;font-weight:600;line-height:1.4;display:inline-flex}.badge-primary{background:var(--primary-container);color:var(--on-primary-container)}.badge-tertiary{background:var(--tertiary-container);color:var(--tertiary)}.badge-success{background:var(--status-success-bg);color:var(--status-success)}.badge-warning{background:var(--status-warning-bg);color:var(--status-warning)}.badge-danger{background:var(--status-danger-bg);color:var(--status-danger)}.badge-info{background:var(--status-info-bg);color:var(--status-info)}.table-container{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table thead{background:var(--surface-container-highest)}.table th{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.06em;color:var(--on-surface-variant);padding:var(--spacing-3) var(--spacing-4);text-align:left;font-size:.6875rem;font-weight:600}.table td{padding:var(--spacing-4);font-size:.8125rem}.table tbody tr:nth-child(2n){background:var(--surface-container-low)}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--surface-container)}.form-group{gap:var(--spacing-2);flex-direction:column;display:flex}.form-label{color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.form-input{background:var(--surface-container-lowest);color:var(--on-surface);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);border:1px solid var(--outline-variant);transition:all var(--transition-base)}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #005eb41f}.form-input::placeholder{color:var(--outline)}.form-select{background:var(--surface-container-lowest);color:var(--on-surface);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);border:1px solid var(--outline-variant);cursor:pointer;transition:all var(--transition-base)}.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #005eb41f}textarea.form-input{resize:vertical;min-height:100px}.stat-grid{gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.stat-card{background:var(--surface-container-lowest);border-radius:var(--radius-2xl);padding:var(--spacing-6);gap:var(--spacing-2);box-shadow:var(--shadow-sm);transition:all var(--transition-base);flex-direction:column;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card-label{color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:500}.stat-card-value{font-family:var(--font-headline);color:var(--on-surface);font-size:1.75rem;font-weight:800}.stat-card-meta{color:var(--outline);font-size:.6875rem}.stat-card-icon{border-radius:var(--radius-lg);width:40px;height:40px;margin-bottom:var(--spacing-2);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:fadeIn var(--transition-base) ease-out;background:#29343d66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface-container-lowest);border-radius:var(--radius-2xl);padding:var(--spacing-8);width:90%;max-width:560px;max-height:90vh;animation:slideUp var(--transition-spring) ease-out;box-shadow:var(--shadow-xl);overflow-y:auto}.modal-header{margin-bottom:var(--spacing-6);justify-content:space-between;align-items:center;display:flex}.modal-title{font-family:var(--font-headline);font-size:1.25rem;font-weight:700}.modal-close{border-radius:var(--radius-full);width:32px;height:32px;color:var(--on-surface-variant);transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.modal-close:hover{background:var(--surface-container);color:var(--on-surface)}.modal-body{gap:var(--spacing-5);flex-direction:column;display:flex}.modal-footer{justify-content:flex-end;gap:var(--spacing-3);margin-top:var(--spacing-8);display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) ease-out;animation-fill-mode:both}.animate-slide-in-left{animation:slideInLeft var(--transition-slow) ease-out;animation-fill-mode:both}.animate-scale-in{animation:scaleIn var(--transition-spring) ease-out;animation-fill-mode:both}.stagger-children>*{animation:fadeInUp var(--transition-slow) ease-out both}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:50ms}.stagger-children>:nth-child(3){animation-delay:.1s}.stagger-children>:nth-child(4){animation-delay:.15s}.stagger-children>:nth-child(5){animation-delay:.2s}.stagger-children>:nth-child(6){animation-delay:.25s}.stagger-children>:nth-child(7){animation-delay:.3s}.stagger-children>:nth-child(8){animation-delay:.35s}.stagger-children>:nth-child(9){animation-delay:.4s}.stagger-children>:nth-child(10){animation-delay:.45s}.empty-state{padding:var(--spacing-16) var(--spacing-8);text-align:center;justify-content:center;align-items:center;gap:var(--spacing-4);animation:fadeInUp var(--transition-slow) ease-out;flex-direction:column;display:flex}.empty-state-icon{color:var(--outline-variant);opacity:.5;font-size:3rem}.empty-state-title{font-family:var(--font-headline);color:var(--on-surface);font-size:1.125rem;font-weight:600}.empty-state-text{color:var(--on-surface-variant);max-width:400px;font-size:.8125rem}.skeleton{background:linear-gradient(90deg, var(--surface-container) 25%, var(--surface-container-high) 50%, var(--surface-container) 75%);border-radius:var(--radius-2xl);background-size:200% 100%;animation:1.5s infinite shimmer}.spinner{border:3px solid var(--surface-container);border-top-color:var(--primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page-header{margin-bottom:var(--spacing-8);animation:fadeInUp var(--transition-slow) ease-out;justify-content:space-between;align-items:center;display:flex}.page-title{font-family:var(--font-headline);font-size:1.75rem;font-weight:800}.page-subtitle{color:var(--on-surface-variant);margin-top:var(--spacing-1);font-size:.8125rem}.grid-2{gap:var(--spacing-6);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--spacing-6);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--spacing-6);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1200px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.main-content{max-width:100%;padding:var(--spacing-4);padding-top:calc(var(--topbar-height) + var(--spacing-4));margin-left:0}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.topbar{left:0}}.toast-container{top:var(--spacing-8);right:var(--spacing-8);z-index:2000;gap:var(--spacing-3);flex-direction:column;display:flex;position:fixed}.toast{background:var(--surface-container-lowest);border-radius:var(--radius-2xl);padding:var(--spacing-4) var(--spacing-5);box-shadow:var(--shadow-lg);align-items:center;gap:var(--spacing-3);animation:slideInRight var(--transition-spring) ease-out;max-width:380px;display:flex}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-success{border-left:3px solid var(--status-success)}.toast-error{border-left:3px solid var(--status-danger)}.toast-warning{border-left:3px solid var(--status-warning)}.toast-info{border-left:3px solid var(--status-info)}.toast-exit{animation:.3s ease-out forwards slideOutRight}@keyframes slideOutRight{to{opacity:0;transform:translate(120%)}}.toast{cursor:pointer}.toast-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.6875rem;font-weight:700;display:flex}.toast-success .toast-icon{background:var(--status-success-bg);color:var(--status-success)}.toast-error .toast-icon{background:var(--status-danger-bg);color:var(--status-danger)}.toast-warning .toast-icon{background:var(--status-warning-bg);color:var(--status-warning)}.toast-info .toast-icon{background:var(--status-info-bg);color:var(--status-info)}.toast-message{color:var(--on-surface);font-size:.8125rem;font-weight:500;line-height:1.4}.filter-bar{align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-6);flex-wrap:wrap;display:flex}.filter-chip{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);background:var(--surface-container-low);color:var(--on-surface-variant);cursor:pointer;transition:all var(--transition-fast);font-size:.75rem;font-weight:500;display:inline-flex}.filter-chip:hover{background:var(--surface-container);color:var(--on-surface)}.filter-chip.active{background:var(--primary-container);color:var(--on-primary-container)}.tabs{gap:var(--spacing-1);background:var(--surface-container-low);padding:var(--spacing-1);border-radius:var(--radius-lg);margin-bottom:var(--spacing-6);display:flex}.tab{padding:var(--spacing-2) var(--spacing-5);border-radius:var(--radius-lg);color:var(--on-surface-variant);transition:all var(--transition-fast);cursor:pointer;background:0 0;font-size:.8125rem;font-weight:500}.tab:hover{color:var(--on-surface)}.tab.active{background:var(--surface-container-lowest);color:var(--on-surface);box-shadow:var(--shadow-sm);font-weight:600}.progress-bar{background:var(--surface-container);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--primary), var(--primary-dim));border-radius:var(--radius-full);height:100%;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);background:var(--on-surface);color:var(--surface);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-md);white-space:nowrap;opacity:0;pointer-events:none;transition:all var(--transition-fast);font-size:.6875rem;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}.tooltip:hover:after{opacity:1;transform:translate(-50%)translateY(0)}.tour-backdrop{z-index:9990;pointer-events:none;position:fixed;inset:0}.tour-spotlight{z-index:9991;border-radius:var(--radius-lg,12px);pointer-events:none;transition:all .35s cubic-bezier(.4,0,.2,1);position:fixed;box-shadow:0 0 0 9999px #000000a6}.tour-spotlight:after{content:"";border-radius:inherit;border:2px solid var(--primary,#005eb4);animation:2s ease-in-out infinite tourPulse;position:absolute;inset:-3px}.tour-tooltip{z-index:9992;background:var(--surface-container-lowest,#fff);border-radius:var(--radius-xl,16px);width:340px;max-width:calc(100vw - 32px);box-shadow:0 20px 60px #0003, 0 0 0 1px var(--outline-variant,#00000014);pointer-events:all;padding:24px;animation:.3s ease-out tourFadeIn;position:fixed}.tour-tooltip-arrow{background:var(--surface-container-lowest,#fff);width:12px;height:12px;position:absolute;transform:rotate(45deg);box-shadow:-2px 2px 4px #0000000f}.tour-tooltip-arrow.left{top:24px;left:-6px}.tour-tooltip-step{background:var(--primary-container,#e0edff);color:var(--primary,#005eb4);font-size:.6875rem;font-weight:600;font-family:var(--font-mono,monospace);border-radius:99px;align-items:center;gap:6px;margin-bottom:12px;padding:3px 10px;display:inline-flex}.tour-tooltip-title{font-family:var(--font-headline,"Inter", sans-serif);color:var(--on-surface,#1a1a1a);margin-bottom:8px;font-size:1.0625rem;font-weight:700;line-height:1.3}.tour-tooltip-desc{color:var(--on-surface-variant,#555);margin-bottom:20px;font-size:.8125rem;line-height:1.55}.tour-tooltip-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.tour-tooltip-actions .tour-skip{color:var(--outline,#999);cursor:pointer;background:0 0;border:none;padding:6px 2px;font-size:.75rem;transition:color .15s}.tour-tooltip-actions .tour-skip:hover{color:var(--on-surface-variant,#555)}.tour-tooltip-actions .tour-nav{gap:8px;display:flex}.tour-tooltip-actions .tour-btn{border-radius:var(--radius-md,10px);cursor:pointer;border:none;padding:8px 18px;font-size:.8125rem;font-weight:600;transition:all .15s}.tour-btn-secondary{background:var(--surface-container-high,#eee);color:var(--on-surface,#333)}.tour-btn-secondary:hover{background:var(--surface-container-highest,#ddd)}.tour-btn-primary{background:var(--primary,#005eb4);color:#fff}.tour-btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.tour-overlay{z-index:9992;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:all;background:#000000a6;justify-content:center;align-items:center;animation:.3s ease-out tourFadeIn;display:flex;position:fixed;inset:0}.tour-modal{background:var(--surface-container-lowest,#fff);border-radius:var(--radius-xl,16px);text-align:center;width:90%;max-width:440px;padding:48px 40px;animation:.35s cubic-bezier(.34,1.56,.64,1) tourScaleIn;box-shadow:0 24px 80px #00000040}.tour-modal-emoji{margin-bottom:16px;font-size:3.5rem;animation:.6s ease-out tourBounce}.tour-modal h2{font-family:var(--font-headline,"Inter", sans-serif);color:var(--on-surface,#1a1a1a);margin-bottom:12px;font-size:1.5rem;font-weight:800}.tour-modal p{color:var(--on-surface-variant,#555);margin-bottom:28px;font-size:.875rem;line-height:1.6}.tour-modal .tour-btn{border-radius:var(--radius-md,10px);cursor:pointer;border:none;padding:12px 32px;font-size:.9375rem;font-weight:700;transition:all .15s}.tour-progress{justify-content:center;gap:5px;margin-top:20px;display:flex}.tour-dot{background:var(--outline-variant,#ccc);border-radius:50%;width:6px;height:6px;transition:all .25s}.tour-dot.active{background:var(--primary,#005eb4);border-radius:3px;width:20px}.tour-dot.done{background:var(--primary,#005eb4);opacity:.4}.tour-replay-btn{border:1px dashed var(--outline-variant,#ccc);border-radius:var(--radius-md,10px);width:100%;color:var(--on-surface-variant,#777);cursor:pointer;background:0 0;align-items:center;gap:8px;margin-top:8px;padding:8px 16px;font-size:.75rem;font-weight:500;transition:all .15s;display:flex}.tour-replay-btn:hover{background:var(--primary-container,#e0edff);color:var(--primary,#005eb4);border-color:var(--primary,#005eb4)}@keyframes tourFadeIn{0%{opacity:0}to{opacity:1}}@keyframes tourScaleIn{0%{opacity:0;transform:scale(.9)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes tourPulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes tourBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.login-page{background:#0a0e1a;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-bg{position:absolute;inset:0;overflow:hidden}.login-bg-orb{filter:blur(80px);opacity:.4;border-radius:50%;position:absolute}.login-bg-orb-1{background:radial-gradient(circle,#005eb4,#0000 70%);width:600px;height:600px;animation:20s ease-in-out infinite orbFloat1;top:-200px;right:-100px}.login-bg-orb-2{background:radial-gradient(circle,#00529e,#0000 70%);width:500px;height:500px;animation:25s ease-in-out infinite orbFloat2;bottom:-150px;left:-100px}.login-bg-orb-3{background:radial-gradient(circle,#5d5d78,#0000 70%);width:300px;height:300px;animation:18s ease-in-out infinite orbFloat3;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes orbFloat1{0%,to{transform:translate(0)scale(1)}25%{transform:translate(-40px,60px)scale(1.1)}50%{transform:translate(30px,-40px)scale(.95)}75%{transform:translate(-20px,20px)scale(1.05)}}@keyframes orbFloat2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(50px,-30px)scale(1.08)}66%{transform:translate(-30px,40px)scale(.92)}}@keyframes orbFloat3{0%,to{opacity:.3;transform:translate(-50%,-50%)scale(1)}50%{opacity:.5;transform:translate(-50%,-50%)scale(1.2)}}.login-bg-grid{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:64px 64px;animation:4s ease-in-out infinite gridPulse;position:absolute;inset:0}@keyframes gridPulse{0%,to{opacity:.5}50%{opacity:1}}.login-particles{pointer-events:none;position:absolute;inset:0}.login-particle{left:var(--x);top:var(--y);width:var(--size);height:var(--size);animation:particleFloat var(--duration) ease-in-out var(--delay) infinite;background:#005eb44d;border-radius:50%;position:absolute}@keyframes particleFloat{0%,to{opacity:0;transform:translate(0)scale(1)}10%{opacity:1}90%{opacity:1}50%{transform:translate(calc(var(--x) * -.3), -200px) scale(.5)}}.login-container{z-index:10;-webkit-backdrop-filter:blur(24px);background:#ffffff08;border:1px solid #ffffff0f;border-radius:1.25rem;grid-template-columns:1fr 1fr;width:90%;max-width:1000px;min-height:600px;animation:.8s cubic-bezier(.16,1,.3,1) both containerReveal;display:grid;position:relative;overflow:hidden;box-shadow:0 32px 64px #0006,inset 0 1px #ffffff0d}@keyframes containerReveal{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.login-branding{flex-direction:column;justify-content:center;padding:3rem;display:flex;position:relative;overflow:hidden}.login-branding:before{content:"";background:linear-gradient(135deg,#005eb426,#00529e0d);position:absolute;inset:0}.login-branding-content{z-index:1;position:relative}.login-logo-animated{width:80px;height:80px;margin-bottom:2rem;position:relative}.login-logo-ring{border:2px solid #005eb44d;border-radius:50%;position:absolute}.login-logo-ring-1{border-top-color:#005eb4;border-right-color:#0000;animation:8s linear infinite ringRotate1;inset:0}.login-logo-ring-2{border-bottom-color:#bfd5ff;border-left-color:#0000;animation:6s linear infinite reverse ringRotate2;inset:8px}.login-logo-ring-3{border-top-color:#d5e3ff;border-right-color:#0000;animation:10s linear infinite ringRotate3;inset:16px}@keyframes ringRotate1{to{transform:rotate(360deg)}}@keyframes ringRotate2{to{transform:rotate(-360deg)}}@keyframes ringRotate3{to{transform:rotate(360deg)}}.login-logo-core{color:#fff;background:linear-gradient(135deg,#005eb4,#00529e);border-radius:50%;justify-content:center;align-items:center;font-family:Manrope,sans-serif;font-size:1.25rem;font-weight:800;animation:3s ease-in-out infinite corePulse;display:flex;position:absolute;inset:22px}@keyframes corePulse{0%,to{box-shadow:0 0 20px #005eb44d}50%{box-shadow:0 0 40px #005eb499}}.login-brand-title{color:#fff;margin-bottom:.375rem;font-family:Manrope,sans-serif;font-size:2rem;font-weight:800;animation:.6s ease-out .3s both textReveal}.login-brand-sub{color:#ffffff80;margin-bottom:2.5rem;font-size:.875rem;animation:.6s ease-out .4s both textReveal}@keyframes textReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.login-features{flex-direction:column;gap:1.125rem;display:flex}.login-feature{align-items:flex-start;gap:.875rem;animation:.5s ease-out both featureSlide;display:flex}.login-feature:first-child{animation-delay:.5s}.login-feature:nth-child(2){animation-delay:.6s}.login-feature:nth-child(3){animation-delay:.7s}.login-feature:nth-child(4){animation-delay:.8s}@keyframes featureSlide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.login-feature-icon{background:#ffffff0f;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.25rem;display:flex}.login-feature strong{color:#ffffffe6;margin-bottom:.125rem;font-family:Manrope,sans-serif;font-size:.8125rem;font-weight:700;display:block}.login-feature p{color:#fff6;font-size:.75rem;line-height:1.4}.login-form-section{background:#0003;justify-content:center;align-items:center;padding:3rem;display:flex}.login-form{flex-direction:column;gap:1.5rem;width:100%;max-width:360px;display:flex}.login-form-header{margin-bottom:.5rem;animation:.6s ease-out .2s both textReveal}.login-form-header h2{color:#fff;margin-bottom:.375rem;font-family:Manrope,sans-serif;font-size:1.5rem;font-weight:800}.login-form-header p{color:#fff6;font-size:.8125rem}.login-error{color:#fe8983;background:#9f403d26;border:1px solid #9f403d4d;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.8125rem;animation:.5s ease-out shakeError;display:flex}@keyframes shakeError{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.login-field.vibrate input{animation:.5s ease-in-out vibrateField;border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444433!important}.login-field.vibrate label{color:#fe8983!important}@keyframes vibrateField{0%{transform:translate(0)}10%{transform:translate(-6px)rotate(-.5deg)}20%{transform:translate(5px)rotate(.5deg)}30%{transform:translate(-4px)rotate(-.3deg)}40%{transform:translate(4px)rotate(.3deg)}50%{transform:translate(-3px)rotate(-.2deg)}60%{transform:translate(3px)rotate(.2deg)}70%{transform:translate(-2px)rotate(-.1deg)}80%{transform:translate(2px)rotate(.1deg)}90%{transform:translate(-1px)}to{transform:translate(0)}}.login-field{flex-direction:column;gap:.375rem;animation:.5s ease-out both textReveal;display:flex;position:relative}.login-field:nth-child(4){animation-delay:.3s}.login-field:nth-child(5){animation-delay:.4s}.login-field label{color:#fff6;text-transform:uppercase;letter-spacing:.08em;font-size:.6875rem;font-weight:600;transition:color .2s ease-out}.login-field.focused label{color:#bfd5ff}.login-field input{color:#fff;background:#ffffff0d;border:1px solid #ffffff14;border-radius:.5rem;padding:.875rem 1rem;font-size:.875rem;transition:all .2s ease-out}.login-field input::placeholder{color:#fff3}.login-field input:focus{background:#ffffff14;border-color:#005eb480;box-shadow:0 0 0 3px #005eb426}.login-field-line{background:linear-gradient(90deg,#0000,#005eb4,#0000);width:0;height:2px;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.login-field.focused .login-field-line{width:100%}.login-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#005eb4,#00529e);border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.9375rem 1.5rem;font-family:Manrope,sans-serif;font-size:.9375rem;font-weight:700;transition:all .3s ease-out;animation:.5s ease-out .5s both textReveal;display:flex;position:relative;overflow:hidden}.login-submit:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff1a,#0000);transition:opacity .3s ease-out;position:absolute;inset:0}.login-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 32px #005eb466}.login-submit:hover:before{opacity:1}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{opacity:.7;cursor:not-allowed}.login-submit-arrow{transition:transform .2s ease-out}.login-submit:hover .login-submit-arrow{transform:translate(4px)}.login-submit-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.login-hint{text-align:center;color:#ffffff40;flex-direction:column;gap:.25rem;font-size:.6875rem;animation:.5s ease-out .6s both textReveal;display:flex}.login-hint code{color:#bfd5ff80;font-size:.75rem}@media (width<=768px){.login-container{grid-template-columns:1fr;max-width:440px}.login-branding{padding:2rem}.login-features{display:none}.login-form-section{padding:2rem}}.login-password-toggle{cursor:pointer;opacity:.6;z-index:1;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;line-height:1;transition:opacity .2s;display:flex;position:absolute;top:38px;right:12px}.login-password-toggle:hover{opacity:1}.login-field.has-error input{border-color:#ef4444!important}.login-field.has-error .login-field-line{transform:scaleX(1);background:#ef4444!important}.login-field.is-valid .login-field-line{transform:scaleX(1);background:#22c55e!important}.login-field-hint{margin-top:6px;font-size:.6875rem;animation:.25s fieldHintIn}.login-field-hint-error{color:#ef4444}@keyframes fieldHintIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.login-field-check{color:#22c55e;font-size:.875rem;font-weight:700;animation:.25s fieldHintIn;position:absolute;top:40px;right:12px}.login-field{position:relative}.login-password-strength{align-items:center;gap:8px;margin-top:8px;animation:.3s fieldHintIn;display:flex}.login-password-strength-bar{background:#ffffff14;border-radius:2px;flex:1;height:3px;overflow:hidden}.login-password-strength-fill{border-radius:2px;height:100%;transition:width .3s,background-color .3s}.login-password-strength-fill.weak{background:#ef4444}.login-password-strength-fill.fair{background:#f59e0b}.login-password-strength-fill.medium{background:#3b82f6}.login-password-strength-fill.strong{background:#22c55e}.login-password-strength-label{text-transform:uppercase;letter-spacing:.06em;color:#ffffffa6;white-space:nowrap;font-size:.5625rem;font-weight:600}