:root{--bg-color:#f8f8f6;--sidebar-bg:#fff;--card-bg:#fff;--card-bg-2:#f3f4f6;--border-color:#e5e7eb;--border-hover:#d1d5db;--text-primary:#111;--text-secondary:#374151;--text-muted:#6b7280;--color-success:#22c55e;--color-success-dim:#22c55e1a;--color-success-ink:#15803d;--color-warning:#f59e0b;--color-warning-dim:#f59e0b1a;--color-warning-ink:#b45309;--color-danger:#f43f5e;--color-danger-dim:#f43f5e1a;--color-danger-ink:#be123c;--neutral-dim:#f3f4f6;--neutral-ink:#6b7280;--color-brainbow:#03f;--on-brainbow:#fff;--color-brainbow-ink:#03f;--color-brainbow-dim:#0033ff14;--color-brainbow-dim-2:#0033ff1f;--color-brainbow-border:#0033ff40;--shadow-card:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-sm:0 1px 2px #0000000d;--shadow-hover:0 4px 12px #0000001a}[data-theme=dark]{--bg-color:#0f1013;--sidebar-bg:#16171c;--card-bg:#16171c;--card-bg-2:#1e1f26;--border-color:#2b2c35;--border-hover:#3a3b47;--text-primary:#f2f2f5;--text-secondary:#b4b5c0;--text-muted:#85868f;--color-success:#34d399;--color-success-dim:#34d39924;--color-success-ink:#6ee7b7;--color-warning:#fbbf24;--color-warning-dim:#fbbf2424;--color-warning-ink:#fcd34d;--color-danger:#fb7185;--color-danger-dim:#fb718524;--color-danger-ink:#fda4af;--neutral-dim:#24252d;--neutral-ink:#a3a4ad;--color-brainbow-ink:#7d97ff;--color-brainbow-dim:#0033ff38;--color-brainbow-dim-2:#0033ff4d;--color-brainbow-border:#7d97ff59;--shadow-card:0 1px 3px #00000080, 0 1px 2px #0000004d;--shadow-sm:0 1px 2px #0006;--shadow-hover:0 4px 16px #0009}*{box-sizing:border-box;margin:0;padding:0}img,video{max-width:100%;height:auto}html,body{max-width:100vw;overflow-x:hidden}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.card{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-card);border-radius:12px}.btn{border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:opacity .15s,background .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-brainbow);color:var(--on-brainbow)}.btn-primary:hover:not(:disabled){opacity:.88}.btn-secondary{background:var(--color-brainbow-dim);color:var(--color-brainbow-ink);border:1px solid var(--color-brainbow-border)}.btn-secondary:hover:not(:disabled){background:var(--color-brainbow-dim-2)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-color);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-color)}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--text-secondary);font-size:13px;font-weight:500}.field input,.field textarea,.field select{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);border-radius:8px;outline:none;padding:10px 12px;font-size:16px;transition:border-color .15s}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--color-brainbow);box-shadow:0 0 0 3px var(--color-brainbow-dim)}.field-error{color:var(--color-danger);font-size:12px}.badge{border-radius:20px;align-items:center;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.badge-blue{background:var(--color-brainbow-dim);color:var(--color-brainbow-ink)}.badge-green{background:var(--color-success-dim);color:var(--color-success-ink)}.badge-yellow{background:var(--color-warning-dim);color:var(--color-warning-ink)}.badge-red{background:var(--color-danger-dim);color:var(--color-danger-ink)}.badge-gray{background:var(--neutral-dim);color:var(--neutral-ink)}.status-sent{background:var(--color-warning-dim);color:var(--color-warning-ink)}.status-approved,.status-won{background:var(--color-success-dim);color:var(--color-success-ink)}.status-lost{background:var(--neutral-dim);color:var(--neutral-ink)}.status-signed{background:var(--color-success-dim);color:var(--color-success-ink)}.status-active{background:var(--color-brainbow-dim);color:var(--color-brainbow-ink)}.status-terminated{background:var(--neutral-dim);color:var(--neutral-ink)}.status-paid{background:var(--color-success-dim);color:var(--color-success-ink)}.status-issued,.status-partial{background:var(--color-warning-dim);color:var(--color-warning-ink)}