@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";
:root{--font-family:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--border-width:1px;--border-width-thick:1.5px;--primary:#c29b76;--primary-light:#d6b89c;--primary-dark:#a8815c;--primary-glow:#c29b7640;--accent:#e5a48e;--accent-light:#f1c5b8;--success:#65b891;--warning:#eab269;--danger:#e27d72;--info:#85b4c9;--bg:#f9f6f0;--bg-secondary:#eee9dd;--surface:#ffffffb3;--surface-hover:#ffffffe6;--surface-overlay:#fffffff5;--surface-border:#00000014;--text:#2a2522;--text-secondary:#4f4741;--text-muted:#6b6058;--sidebar-bg:#ffffff80;--sidebar-text:#665d56;--sidebar-hover:#fff9;--sidebar-active:#c29b7640;--sidebar-width:264px;--sidebar-collapsed:76px;--topbar-height:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 4px 15px #00000008;--shadow-md:0 8px 25px #0000000d;--shadow-lg:0 15px 35px #00000014;--shadow-glow:0 0 24px var(--primary-glow);--transition:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg:#221f1d;--bg-secondary:#2f2b28;--surface:#2b2724d9;--surface-hover:#36312df2;--surface-overlay:#2b2724f7;--surface-border:#ffffff1f;--text:#f9f6f0;--text-secondary:#e0d7cf;--text-muted:#aba29a;--sidebar-bg:#191715cc;--sidebar-text:#d1c8c0;--shadow-sm:0 4px 15px #0003;--shadow-md:0 8px 25px #0000004d;--shadow-lg:0 15px 35px #0006}[data-theme=high-contrast]{--bg:#000;--bg-secondary:#000;--surface:#000;--surface-hover:#1a1a1a;--surface-overlay:#000;--surface-border:#fff;--border-width:3px;--border-width-thick:3px;--primary-invert:#000;--text:#fff;--text-secondary:#fff;--text-muted:#e5e5e5;--primary:#ff0;--primary-light:#ff0;--primary-dark:#cf0;--primary-glow:#ff06;--accent:#0ff;--sidebar-bg:#000;--sidebar-text:#fff;--sidebar-active:#ff03;--shadow-sm:none;--shadow-md:0 0 0 1px #fff;--shadow-lg:0 0 0 2px #fff}[data-theme=high-contrast-light]{--bg:#fff;--bg-secondary:#fff;--surface:#fff;--surface-hover:#f0f0f0;--surface-overlay:#fff;--surface-border:#000;--border-width:3px;--border-width-thick:3px;--primary-invert:#fff;--text:#000;--text-secondary:#000;--text-muted:#111;--primary:#00c;--primary-light:#00f;--primary-dark:#009;--primary-glow:#00f6;--accent:red;--sidebar-bg:#fff;--sidebar-text:#000;--sidebar-active:#00f3;--shadow-sm:none;--shadow-md:0 0 0 1px #000;--shadow-lg:0 0 0 2px #000}[data-theme=seafoam]{--bg:#f0f9f6;--bg-secondary:#e1eee9;--surface:#ffffffbf;--surface-hover:#fffffff2;--surface-overlay:#fffffffa;--surface-border:#00000014;--primary:#5b9e8c;--primary-light:#82c4b3;--primary-dark:#3f7b6b;--primary-glow:#5b9e8c40;--accent:#eab269;--text:#1f2b27;--text-secondary:#364741;--text-muted:#576d64;--sidebar-bg:#fff9;--sidebar-active:#5b9e8c40}[data-theme=seafoam-dark]{--bg:#151e1b;--bg-secondary:#202d29;--surface:#1c2623d9;--surface-hover:#26332ff2;--surface-overlay:#1c2623f7;--surface-border:#ffffff1f;--primary:#5b9e8c;--primary-light:#82c4b3;--primary-dark:#3f7b6b;--primary-glow:#5b9e8c40;--accent:#eab269;--text:#e8f4f0;--text-secondary:#bdcec8;--text-muted:#9bb1a8;--sidebar-bg:#141c19cc;--sidebar-active:#5b9e8c40}[data-theme=rose]{--bg:#fdf5f7;--bg-secondary:#f6e8ea;--surface:#ffffffbf;--surface-hover:#fffffff2;--surface-overlay:#fffffffa;--surface-border:#00000014;--primary:#c97a8e;--primary-light:#e69ab0;--primary-dark:#a3566b;--primary-glow:#c97a8e40;--accent:#85b4c9;--text:#361f25;--text-secondary:#54333c;--text-muted:#825e68;--sidebar-bg:#fff9;--sidebar-active:#c97a8e40}[data-theme=rose-dark]{--bg:#211317;--bg-secondary:#2e1b21;--surface:#291a1ed9;--surface-hover:#38252af2;--surface-overlay:#291a1ef7;--surface-border:#ffffff1f;--primary:#c97a8e;--primary-light:#e69ab0;--primary-dark:#a3566b;--primary-glow:#c97a8e40;--accent:#85b4c9;--text:#faebef;--text-secondary:#d6b8c1;--text-muted:#bf9ca7;--sidebar-bg:#1e1216cc;--sidebar-active:#c97a8e40}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}h1,h2,h3,h4,h5,h6,button,.btn,.badge,header,.sidebar,.time-clock-pill,.workspace-action-btn{-webkit-user-select:none;user-select:none}body{font-family:var(--font-family);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}a{color:var(--primary-light);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font-family);cursor:pointer;border:none;outline:none;font-size:.875rem}input,select,textarea{font-family:var(--font-family);border:var(--border-width-thick) solid var(--surface-border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);transition:border var(--transition), box-shadow var(--transition);-webkit-appearance:none;width:100%;padding:10px 14px;font-size:.875rem}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:.9}textarea{resize:vertical;min-height:80px}select{cursor:pointer}input[type=checkbox],input[type=radio]{appearance:auto;background:0 0;border-radius:2px;width:auto;height:auto;padding:0}.btn{border-radius:var(--radius-md);transition:all var(--transition);white-space:nowrap;letter-spacing:-.01em;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;box-shadow:0 2px 8px #6366f14d}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.btn-secondary{background:var(--bg-secondary);color:var(--text)}.btn-secondary:hover{background:var(--surface-border)}.btn-success{color:#fff;background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 2px 8px #10b9814d}.btn-danger{color:#fff;background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 2px 8px #ef44444d}.btn-danger:hover{filter:brightness(1.08)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-secondary);color:var(--text)}.btn-sm{border-radius:var(--radius-sm);padding:6px 12px;font-size:.8rem}.btn-lg{padding:14px 28px;font-size:1rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:var(--surface);border:var(--border-width) solid var(--surface-border);border-radius:var(--radius-lg);transition:all var(--transition);-webkit-backdrop-filter:blur(20px);padding:24px}.card:hover{box-shadow:var(--shadow-md);background:var(--surface-hover)}.card-glow:hover{box-shadow:var(--shadow-glow);border-color:var(--primary-light);background:var(--surface-hover)}.card-gradient{background:linear-gradient(135deg,#6366f10d,#f472b60d);border-color:#6366f126}.badge{white-space:nowrap;letter-spacing:.02em;text-transform:uppercase;border-radius:50px;align-items:center;gap:4px;padding:4px 12px;font-size:.72rem;font-weight:600;display:inline-flex}.badge-new{color:#3b82f6;background:#60a5fa1f}.badge-contacted{color:#d97706;background:#fbbf241f}.badge-qualified{color:#059669;background:#34d3991f}.badge-proposal{color:#7c3aed;background:#a78bfa1f}.badge-closed{color:#059669;background:#34d3991f}.badge-lost{color:#dc2626;background:#f871711f}.badge-pending{color:#d97706;background:#fbbf241f}.badge-approved{color:#059669;background:#34d3991f}.badge-rejected{color:#dc2626;background:#f871711f}.badge-submitted{color:#3b82f6;background:#60a5fa1f}.badge-reviewed{color:#059669;background:#34d3991f}.badge-flagged{color:#dc2626;background:#f871711f}.badge-low{color:#3b82f6;background:#60a5fa1f}.badge-medium{color:#d97706;background:#fbbf241f}.badge-high{color:#ea580c;background:#f973161f}.badge-urgent{color:#dc2626;background:#f871711f}.badge-hot{color:#fff;background:linear-gradient(135deg,#ef4444,#f97316)}.badge-success{color:#059669;background:#34d3991f}.badge-warning{color:#d97706;background:#fbbf241f}.badge-danger{color:#dc2626;background:#f871711f}.badge-info{color:#6366f1;background:#6366f11f}[data-theme=dark] .badge-new{color:#93c5fd;background:#60a5fa26}[data-theme=dark] .badge-contacted{color:#fcd34d;background:#fbbf2426}[data-theme=dark] .badge-qualified,[data-theme=dark] .badge-closed,[data-theme=dark] .badge-approved,[data-theme=dark] .badge-reviewed,[data-theme=dark] .badge-success{color:#6ee7b7;background:#34d39926}[data-theme=dark] .badge-proposal{color:#c4b5fd;background:#a78bfa26}[data-theme=dark] .badge-lost,[data-theme=dark] .badge-rejected,[data-theme=dark] .badge-flagged,[data-theme=dark] .badge-urgent,[data-theme=dark] .badge-danger{color:#fca5a5;background:#f8717126}[data-theme=dark] .badge-pending,[data-theme=dark] .badge-medium,[data-theme=dark] .badge-warning{color:#fcd34d;background:#fbbf2426}[data-theme=dark] .badge-submitted,[data-theme=dark] .badge-low,[data-theme=dark] .badge-info{color:#93c5fd;background:#60a5fa26}[data-theme=dark] .badge-high{color:#fdba74;background:#f9731626}.table-container{border-radius:var(--radius-lg);border:var(--border-width) solid var(--surface-border);background:var(--surface);overflow-x:auto}table{border-collapse:collapse;width:100%}th{background:var(--bg-secondary);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;text-align:left;white-space:nowrap;border-bottom:var(--border-width) solid var(--surface-border);padding:14px 16px;font-size:.72rem;font-weight:600}td{border-top:var(--border-width) solid var(--surface-border);padding:14px 16px;font-size:.875rem}tr{transition:background var(--transition)}tbody tr:hover{background:var(--surface-hover)}.form-group{margin-bottom:20px}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:.78rem;font-weight:600;display:block}.form-error{color:var(--danger);margin-top:4px;font-size:.8rem}.form-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.form-actions{border-top:var(--border-width) solid var(--surface-border);justify-content:flex-end;gap:12px;margin-top:24px;padding-top:24px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface);border-radius:var(--radius-xl);width:90%;max-width:560px;max-height:85vh;box-shadow:var(--shadow-lg);border:var(--border-width) solid var(--surface-border);padding:32px;animation:.3s slideUp;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-title{letter-spacing:-.02em;font-size:1.2rem;font-weight:700}.modal-close{background:var(--bg-secondary);width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.modal-close:hover{background:var(--danger);color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade{animation:.4s fadeIn}.animate-slide-up{animation:.4s slideUp}.animate-slide-left{animation:.4s slideInLeft}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.text-center{text-align:center}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:8px}.gap-md{gap:16px}.gap-lg{gap:24px}.mt-md{margin-top:16px}.mb-md{margin-bottom:16px}.w-full{width:100%}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:768px){.form-grid{grid-template-columns:1fr}.hide-mobile{display:none!important}.modal-content{margin:16px;padding:20px}}
