:root{--bg-color:#f8f8f6;--sidebar-bg:#fff;--card-bg:#fff;--border-color:#e5e7eb;--border-hover:#d1d5db;--text-primary:#111;--text-secondary:#374151;--text-muted:#6b7280;--color-success:#22c55e;--color-danger:#f43f5e;--color-warning:#f59e0b;--color-brainbow:#03f;--color-brainbow-dim:#0033ff14;--color-brainbow-border:#0033ff40;--shadow-card:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-sm:0 1px 2px #0000000d}*{box-sizing:border-box;margin:0;padding:0}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:#fff}.btn-primary:hover:not(:disabled){opacity:.88}.btn-secondary{background:var(--color-brainbow-dim);color:var(--color-brainbow);border:1px solid var(--color-brainbow-border)}.btn-secondary:hover:not(:disabled){background:#0033ff1f}.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:14px;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)}.badge-green{color:#15803d;background:#22c55e1a}.badge-yellow{color:#b45309;background:#f59e0b1a}.badge-red{color:#be123c;background:#f43f5e1a}.badge-gray{color:var(--text-muted);background:#f3f4f6}.status-sent{color:#b45309;background:#f59e0b1a}.status-approved,.status-won{color:#15803d;background:#22c55e1a}.status-lost{color:var(--text-muted);background:#f3f4f6}.status-signed{color:#15803d;background:#22c55e1a}.status-active{background:var(--color-brainbow-dim);color:var(--color-brainbow)}.status-terminated{color:var(--text-muted);background:#f3f4f6}.status-paid{color:#15803d;background:#22c55e1a}.status-issued,.status-partial{color:#b45309;background:#f59e0b1a}