:root{--bg: #0a0a0b;--bg-surface: #111113;--bg-elevated: #1a1a1e;--bg-input: #151518;--border: #2a2a2e;--border-focus: #444450;--text-primary: #f0f0f0;--text-secondary: #8a8a9a;--text-muted: #505060;--accent: #e83030;--accent-dim: rgba(232, 48, 48, .12);--accent-hover: #ff3f3f;--success: #1a5c32;--success-text: #4ade80;--warning-text: #facc15;--font-ui: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-display: "Bebas Neue", sans-serif;--radius: 6px;--radius-lg: 10px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-ui);line-height:1.5;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}h1,h2,h3{font-weight:600;line-height:1.2}button{font-family:var(--font-ui);cursor:pointer;border:none;border-radius:var(--radius);padding:.45rem 1rem;font-size:.875rem;font-weight:500;transition:background .15s,opacity .15s,color .15s}button:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary)}.btn-danger{background:transparent;color:var(--accent);border:1px solid var(--accent)}.btn-danger:hover:not(:disabled){background:var(--accent-dim)}.btn-sm{padding:.28rem .6rem;font-size:.8rem}input,select,textarea{font-family:var(--font-ui);font-size:.875rem;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .75rem;width:100%;transition:border-color .15s;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--border-focus)}input::placeholder,textarea::placeholder{color:var(--text-muted)}select option{background:var(--bg-elevated)}label{font-size:.8rem;font-weight:500;color:var(--text-secondary);display:block;margin-bottom:.35rem}.field{display:flex;flex-direction:column;gap:.2rem}.field-hint{font-size:.75rem;color:var(--text-muted);margin-top:.2rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}#toast{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;min-width:240px;max-width:400px;padding:.7rem 1.2rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s}#toast.visible{opacity:1;transform:translateY(0)}#toast.success{background:var(--success);color:var(--success-text);border:1px solid rgba(74,222,128,.2)}#toast.error{background:#2a0c0c;color:var(--accent);border:1px solid rgba(232,48,48,.3)}dialog{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;max-width:440px;width:calc(100vw - 2rem)}dialog::backdrop{background:#000000bf}dialog h3{margin-bottom:1rem;font-size:1rem}.dialog-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);margin-top:1.25rem}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th{text-align:left;padding:.5rem .75rem;color:var(--text-muted);font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:.6rem .75rem;border-bottom:1px solid var(--border);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:#ffffff05}tr .edit-input{display:none}tr.editing .edit-input{display:inline-block;width:auto;min-width:120px}tr.editing .display-val,tr .actions-edit{display:none}tr.editing .actions-edit{display:flex;gap:.4rem;align-items:center}tr.editing .actions-view{display:none!important}.actions-view{display:flex;gap:.4rem;align-items:center}.cell-actions{white-space:nowrap}.row-inactive td:not(.cell-actions){opacity:.45}.badge{display:inline-block;padding:.18rem .5rem;border-radius:4px;font-size:.72rem;font-weight:500;font-family:var(--font-mono);letter-spacing:.02em}.badge-pending{background:#facc151f;color:var(--warning-text)}.badge-accepted{background:#4ade801f;color:var(--success-text)}.badge-rejected{background:var(--accent-dim);color:var(--accent)}.badge-inactive,.badge-default{background:#ffffff0d;color:var(--text-muted)}.badge-custom{background:#facc1514;color:var(--warning-text)}.empty-state{padding:2.5rem 1rem;text-align:center;color:var(--text-muted);font-size:.875rem}.loading{padding:2rem;text-align:center;color:var(--text-muted);font-size:.875rem}.loading:after{content:"…";animation:blink 1.2s infinite}.error-state{padding:1rem;color:var(--accent);font-size:.875rem}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.font-mono{font-family:var(--font-mono);font-size:.875rem}.cell-notes{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-size:.8rem}.add-form{margin-bottom:.25rem}.add-form-row{display:flex;gap:.75rem;align-items:flex-end;flex-wrap:wrap}.add-form-row .field{flex:1;min-width:140px}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-primary);cursor:pointer}.checkbox-label input[type=checkbox]{width:auto;cursor:pointer;accent-color:var(--accent)}.sensitive,.sensitive-name{transition:filter .3s ease}.privacy-on .sensitive{filter:blur(8px);user-select:none}
