@font-face{font-family:YS Text;src:url(/fonts/ys-text-regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:YS Text;src:url(/fonts/ys-text-medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:YS Text;src:url(/fonts/ys-text-bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--font-primary:"YS Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:.95rem;--text-sm:1.05rem;--text-base:1.05rem;--text-lg:1.15rem;--text-xl:1.35rem;--text-2xl:1.6rem;--text-3xl:2rem;--text-4xl:2.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000d;--shadow-glow:0 0 20px rgba(var(--accent-rgb),.3);--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.35s cubic-bezier(.4,0,.2,1);--sidebar-width:240px;--sidebar-collapsed:72px;--header-height:64px}[data-accent=blue],:root{--accent:#3b82f6;--accent-rgb:59,130,246;--accent-hover:#2563eb;--accent-light:#dbeafe;--accent-dark:#1e40af}[data-accent=emerald]{--accent:#10b981;--accent-rgb:16,185,129;--accent-hover:#059669;--accent-light:#d1fae5;--accent-dark:#065f46}[data-accent=violet]{--accent:#8b5cf6;--accent-rgb:139,92,246;--accent-hover:#7c3aed;--accent-light:#ede9fe;--accent-dark:#5b21b6}[data-accent=amber]{--accent:#f59e0b;--accent-rgb:245,158,11;--accent-hover:#d97706;--accent-light:#fef3c7;--accent-dark:#92400e}[data-accent=rose]{--accent:#f43f5e;--accent-rgb:244,63,94;--accent-hover:#e11d48;--accent-light:#ffe4e6;--accent-dark:#9f1239}[data-accent=cyan]{--accent:#06b6d4;--accent-rgb:6,182,212;--accent-hover:#0891b2;--accent-light:#cffafe;--accent-dark:#155e75}[data-accent=pink]{--accent:#ec4899;--accent-rgb:236,72,153;--accent-hover:#db2777;--accent-light:#fce7f3;--accent-dark:#be185d}[data-theme=light],:root{--bg-primary:#f8fafc;--bg-primary-rgb:248,250,252;--bg-secondary:#fff;--bg-secondary-rgb:255,255,255;--bg-tertiary:#f1f5f9;--bg-hover:#e2e8f0;--bg-card:#fff;--bg-card-rgb:255,255,255;--text-primary:#000;--text-secondary:#1e293b;--text-tertiary:#475569;--text-inverse:#fff;--border:#94a3b8;--border-hover:#64748b;--glass-bg:#fffffff0;--glass-border:#0000001f;--glass-glow:#fffc;--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--bg-pattern:url(/chat-pattern-light.svg)}[data-theme=dark]{--bg-primary:#0f172a;--bg-primary-rgb:15,23,42;--bg-secondary:#1e293b;--bg-secondary-rgb:30,41,59;--bg-tertiary:#334155;--bg-hover:#475569;--bg-card:#1e293b;--bg-card-rgb:30,41,59;--text-primary:#fff;--text-secondary:#e2e8f0;--text-tertiary:#94a3b8;--text-inverse:#000;--border:#334155;--border-hover:#475569;--glass-bg:#0f172af5;--glass-border:#ffffff14;--glass-glow:#ffffff08;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080;--shadow-xl:0 20px 25px -5px #00000080;--bg-pattern:url(/chat-pattern-dark.svg)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:12px}body{font-family:var(--font-primary);background-color:var(--bg-primary);background-image:radial-gradient(circle at 15% 50%,rgba(var(--accent-rgb),.15),transparent 35%),radial-gradient(circle at 85% 30%,rgba(var(--accent-rgb),.12),transparent 40%),radial-gradient(circle at 50% 80%,#8b5cf614,transparent 45%),var(--bg-pattern);color:var(--text-primary);min-height:100vh;transition:background-color var(--transition-base),color var(--transition-base);background-size:auto,auto,auto,750px 750px;background-attachment:fixed,fixed,fixed,fixed;line-height:1.6}a{color:var(--accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-hover)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px)saturate(180%);border:1px solid var(--glass-border)}.card{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-md);transition:box-shadow var(--transition-base),transform var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);border-radius:var(--radius-lg);font-family:var(--font-primary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);border:none;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(#ffffff1a,#0000);position:absolute;inset:0}.btn:hover:after{opacity:1}.btn-primary{background:var(--accent);color:var(--text-inverse);box-shadow:0 2px 8px rgba(var(--accent-rgb),.35)}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 4px 16px rgba(var(--accent-rgb),.45);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-hover)}.input{width:100%;padding:var(--space-3)var(--space-4);background:var(--bg-tertiary);border:1.5px solid var(--border);border-radius:var(--radius-lg);font-family:var(--font-primary);font-size:var(--text-base);color:var(--text-primary);transition:all var(--transition-fast);outline:none}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15);background:var(--bg-secondary)}.input::placeholder{color:var(--text-tertiary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px rgba(var(--accent-rgb),.2)}50%{box-shadow:0 0 20px rgba(var(--accent-rgb),.4)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-fade-in{animation:.5s ease-out forwards fadeIn}.animate-slide-in{animation:.4s ease-out forwards slideInLeft}.stagger>:first-child{animation-delay:50ms}.stagger>:nth-child(2){animation-delay:.1s}.stagger>:nth-child(3){animation-delay:.15s}.stagger>:nth-child(4){animation-delay:.2s}.stagger>:nth-child(5){animation-delay:.25s}.stagger>:nth-child(6){animation-delay:.3s}.error-modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.error-modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;width:90%;max-width:420px;box-shadow:var(--shadow-xl),0 0 30px #ef444426;animation:.25s ease-out fadeIn}.error-modal-icon{margin-bottom:var(--space-3);font-size:40px}.error-modal-title{color:#ef4444;font-size:var(--text-lg);margin-bottom:var(--space-3);font-weight:700}.error-modal-text{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-6);word-break:break-word;line-height:1.6}.error-modal-btn{padding:var(--space-3)var(--space-8);border-radius:var(--radius-lg);background:var(--accent);color:#fff;font-family:var(--font-primary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.error-modal-btn:hover{filter:brightness(1.1);box-shadow:0 2px 8px rgba(var(--accent-rgb),.3)}.overtime-modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.overtime-modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;width:90%;max-width:440px;box-shadow:var(--shadow-xl),0 0 30px #f59e0b26;animation:.25s ease-out fadeIn}.overtime-modal-icon{margin-bottom:var(--space-3);font-size:48px}.overtime-modal-title{color:#f59e0b;font-size:var(--text-lg);margin-bottom:var(--space-3);font-weight:700}.overtime-modal-text{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-6);word-break:break-word;line-height:1.6}.overtime-modal-buttons{gap:var(--space-3);justify-content:center;display:flex}.overtime-modal-btn{padding:var(--space-3)var(--space-6);border-radius:var(--radius-lg);font-family:var(--font-primary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.overtime-modal-btn-continue{background:var(--accent);color:#fff}.overtime-modal-btn-continue:hover{filter:brightness(1.1);box-shadow:0 2px 8px rgba(var(--accent-rgb),.3)}.overtime-modal-btn-stop{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.overtime-modal-btn-stop:hover{background:var(--bg-hover);border-color:var(--border-hover)}