*,*:before,*:after{box-sizing:border-box}:root{--color-bg: #0f1117;--color-surface: #1a1d27;--color-surface-2: #232636;--color-border: #2d3149;--color-text: #e8eaf0;--color-text-muted: #8891aa;--color-primary: #4f8ef7;--color-primary-hover: #3a7cf0;--color-success: #34d399;--color-warning: #fbbf24;--color-danger: #f87171;--radius: 10px;--radius-sm: 6px;--font-sans: "Inter", -apple-system, sans-serif;--font-mono: "DM Mono", monospace}html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}input,textarea,select{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);padding:8px 12px;font-family:var(--font-sans);font-size:14px;outline:none;transition:border-color .2s;width:100%}input:focus,textarea:focus,select:focus{border-color:var(--color-primary)}button{cursor:pointer;font-family:var(--font-sans);font-size:14px;border:none;border-radius:var(--radius-sm);padding:8px 16px;transition:all .2s}.btn-primary{background:var(--color-primary);color:#fff;font-weight:500}.btn-primary:hover{background:var(--color-primary-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-primary)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:24px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-draft{background:#2d3149;color:#8891aa}.badge-self{background:#1e3a5f;color:#60a5fa}.badge-manager{background:#2d1f5f;color:#a78bfa}.badge-moderated{background:#1a3d2f;color:#34d399}.spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}.error-msg{color:var(--color-danger);font-size:13px;margin-top:6px}