:root{--font-main:"Sukhumvit Set", "Sukhumvit", "Prompt", "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--bg-main:#f8fafc;--bg-gradient:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 40%, #edf2f7 100%);--glass-bg:#ffffffbf;--glass-bg-hover:#ffffffe6;--glass-border:#ffffffd9;--glass-border-subtle:#e2e8f0b3;--glass-shadow:0 10px 30px -5px #0f172a0d, 0 4px 12px #0f172a05;--glass-shadow-lg:0 20px 40px -10px #0f172a14, 0 8px 24px #0f172a08;--text-main:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--accent-primary:#2563eb;--accent-primary-light:#eff6ff;--accent-primary-gradient:linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--accent-purple:#7c3aed;--accent-secondary:#7c3aed;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-danger:#ef4444;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--backdrop-blur:blur(16px)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background:var(--bg-gradient);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#fff3}::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b99}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-md);transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1),background .25s}.glass-card-hover:hover{background:var(--glass-bg-hover);box-shadow:var(--glass-shadow-lg);border-color:#fffffff2;transform:translateY(-3px)}.glass-header{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border-subtle);z-index:40;background:#ffffffd9;position:sticky;top:0}.glass-input{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border-subtle);border-radius:var(--radius-sm);font-family:var(--font-main);color:var(--text-main);background:#fffc;outline:none;padding:10px 14px;font-size:.9rem;transition:all .2s}.glass-input:focus{border-color:var(--accent-primary);background:#fffffffa;box-shadow:0 0 0 3px #2563eb26}.glass-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #fff9;border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent-primary-gradient);color:#fff;border-radius:var(--radius-sm);font-family:var(--font-main);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #2563eb40}.btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 6px 20px #2563eb59}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-main);border:1px solid var(--glass-border-subtle);border-radius:var(--radius-sm);font-family:var(--font-main);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:#fffffffa;border-color:#cbd5e1e6;transform:translateY(-1px)}.btn-danger{color:#fff;border-radius:var(--radius-sm);font-family:var(--font-main);cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #ef444440}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ef444459}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn}.empty-state-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1px dashed var(--glass-border-subtle);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--glass-shadow);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px 24px;display:flex}@media print{body{color:#000!important;background:#fff!important}.glass-header,.btn-primary,.btn-secondary,nav,button{display:none!important}.glass-panel,.glass-card{box-shadow:none!important;background:#fff!important;border:1px solid #ccc!important}}