@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap");:root{--color-bg:#0d0f14;--color-bg-2:#13161e;--color-bg-3:#1a1f2c;--color-surface:hsla(0,0%,100%,.04);--color-surface-2:hsla(0,0%,100%,.08);--color-border:hsla(0,0%,100%,.09);--color-border-2:hsla(0,0%,100%,.15);--color-accent:#f59e0b;--color-accent-dim:rgba(245,158,11,.15);--color-accent-glow:rgba(245,158,11,.3);--color-success:#22c55e;--color-success-dim:rgba(34,197,94,.15);--color-danger:#ef4444;--color-danger-dim:rgba(239,68,68,.15);--color-info:#3b82f6;--color-info-dim:rgba(59,130,246,.15);--color-text:#f1f5f9;--color-text-muted:#94a3b8;--color-text-dim:#475569;--font-family:"Outfit",system-ui,sans-serif;--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;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:0.375rem;--radius-md:0.625rem;--radius-lg:0.875rem;--radius-xl:1.25rem;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,.4);--shadow-md:0 4px 16px rgba(0,0,0,.4);--shadow-lg:0 8px 32px rgba(0,0,0,.5);--shadow-accent:0 4px 20px rgba(245,158,11,.25);--transition-fast:all 0.12s ease;--transition-base:all 0.2s ease;--transition-slow:all 0.35s ease;--sidebar-width:280px;--topbar-height:64px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family);font-size:var(--font-size-base);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none}button,input,select,textarea{font-family:var(--font-family)}.glass{background:hsla(0,0%,100%,.04);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border)}.glass-strong{background:hsla(0,0%,100%,.08);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--color-border-2)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-2);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.25)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadein{animation:fadeIn .3s ease forwards}.animate-slidein{animation:slideInRight .3s ease forwards}.animate-slideup{animation:slideInUp .3s ease forwards}.animate-scalein{animation:scaleIn .25s ease forwards}.skeleton{background:linear-gradient(90deg,var(--color-bg-3) 25%,var(--color-surface-2) 50%,var(--color-bg-3) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-bg-3);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-base);font-family:var(--font-family);transition:var(--transition-base);outline:none;-webkit-appearance:none}.input::placeholder{color:var(--color-text-dim)}.input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-dim)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;font-family:var(--font-family);transition:var(--transition-fast);cursor:pointer;border:none;white-space:nowrap;-moz-user-select:none;user-select:none;-webkit-user-select:none;min-height:44px}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-accent);color:#0d0f14}.btn-primary:hover{background:#f6b122;box-shadow:var(--shadow-accent)}.btn-secondary{background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:hsla(0,0%,100%,.12);border-color:var(--color-border-2)}.btn-danger{background:var(--color-danger-dim);color:var(--color-danger);border:1px solid rgba(239,68,68,.25)}.btn-danger:hover{background:rgba(239,68,68,.25)}.btn-success{background:var(--color-success);color:#0d0f14}.btn-success:hover{background:#16a34a}.btn-ghost{background:transparent;color:var(--color-text-muted)}.btn-ghost:hover{background:var(--color-surface-2);color:var(--color-text)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg);min-height:56px;border-radius:var(--radius-lg)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);min-height:36px}.btn-icon{padding:var(--space-2);min-height:36px;width:36px;border-radius:var(--radius-sm)}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.badge{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge-accent{background:var(--color-accent-dim);color:var(--color-accent)}.badge-success{background:var(--color-success-dim);color:var(--color-success)}.badge-danger{background:var(--color-danger-dim);color:var(--color-danger)}.badge-info{background:var(--color-info-dim);color:var(--color-info)}.badge-muted{background:var(--color-surface-2);color:var(--color-text-muted)}.card{background:var(--color-bg-2);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6)}.divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-4) 0}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn .2s ease}.modal{background:var(--color-bg-2);border:1px solid var(--color-border-2);border-radius:var(--radius-xl);padding:var(--space-8);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;animation:scaleIn .25s ease}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.status-dot.open{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}.status-dot.closed{background:var(--color-text-dim)}.touch-target{min-height:44px;min-width:44px}.no-select{-moz-user-select:none;user-select:none;-webkit-user-select:none}@media (max-width:768px){.modal{padding:var(--space-6);max-width:100%}}