:root{--bg-main:#f8fafc;--bg-card:#fff;--bg-header:#fff;--text-main:#0f172a;--text-muted:#64748b;--border-color:#e2e8f0;--primary-color:#2563eb;--primary-hover:#1d4ed8;--primary-text:#fff;--success-bg:#dcfce7;--success-text:#15803d;--success-border:#bbf7d0;--danger-bg:#fee2e2;--danger-text:#b91c1c;--danger-border:#fecaca;--work-bg:#e0f2fe;--work-text:#0369a1;--work-border:#bae6fd;--active-btn:#0f172a;--active-btn-text:#fff;--inactive-btn-bg:#f1f5f9;--inactive-btn-text:#475569;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--border-radius-base:12px;--header-height:70px}[data-theme=dark]{--bg-main:#0b0f19;--bg-card:#151b28;--bg-header:#111520;--text-main:#e2e8f0;--text-muted:#94a3b8;--border-color:#1e293b;--primary-color:#3b82f6;--primary-hover:#60a5fa;--primary-text:#fff;--success-bg:#064e3b;--success-text:#34d399;--success-border:#059669;--danger-bg:#4c1d95;--danger-bg:#450a0a;--danger-text:#fda4af;--danger-border:#9f1239;--work-bg:#082f49;--work-text:#7dd3fc;--work-border:#0284c7;--active-btn:#3b82f6;--active-btn-text:#fff;--inactive-btn-bg:#1e293b;--inactive-btn-text:#cbd5e1;--shadow-sm:0 4px 12px #00000080;--shadow-md:0 8px 24px #000c;--shadow-lg:0 15px 35px #000000e6}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background-color:#f8fafc;background-color:var(--bg-main);color:#0f172a;color:var(--text-main);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;transition:background-color .3s ease,color .3s ease}.app-container{display:flex;flex-direction:column;min-height:100vh}.top-nav{align-items:center;background-color:#fff;background-color:var(--bg-header);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;height:70px;height:var(--header-height);justify-content:space-between;padding:0 32px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.card-container,.top-nav{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm);transition:all .3s ease}.card-container{background-color:#fff;background-color:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius-base);margin-bottom:24px;padding:24px}.btn{align-items:center;background-color:#f1f5f9;background-color:var(--inactive-btn-bg);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;color:#475569;color:var(--inactive-btn-text);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:8px 16px;transition:all .2s ease}.btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.active{background-color:#0f172a;background-color:var(--active-btn);border-color:#0f172a;border-color:var(--active-btn);box-shadow:0 2px 8px #2563eb4d;color:#fff;color:var(--active-btn-text)}.btn-icon{align-items:center;background-color:initial;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:50%;color:#0f172a;color:var(--text-main);display:flex;font-size:18px;height:40px;justify-content:center;padding:0;width:40px}.btn-icon:hover{background-color:#f1f5f9;background-color:var(--inactive-btn-bg)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .4s ease forwards}.animate-slide-down{animation:slideDown .4s cubic-bezier(.16,1,.3,1) forwards}
/*# sourceMappingURL=main.510783bc.css.map*/