*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--bg-primary: #0a0a0f;--bg-surface: #0e0e16;--bg-secondary: #111118;--bg-panel: #111120;--bg-card: #14141c;--bg-tertiary: #1a1a24;--bg-deep: #0d0d14;--border-faint: rgba(255,255,255,.04);--border-subtle: rgba(255,255,255,.05);--border-base: rgba(255,255,255,.08);--border-mid: rgba(255,255,255,.1);--border: #1e1e2e;--border-light: #2a2a3e;--text-primary: #e8e8f0;--text-hi: #e8e8f0;--text-md: #c8c8d8;--text-secondary: #8888a8;--text-muted: #555570;--text-dim: #444458;--text-ghost: #333348;--text-phantom: #2a2a3e;--primary: #7c5cfc;--primary-hover: #6a4de8;--primary-dim: rgba(124,92,252,.15);--accent-light: #a78bfa;--accent-dark: #6d48f0;--success: #22c55e;--warning: #f59e0b;--info: #3b82f6;--danger: #ef4444;--overlay: rgba(0,0,0,.7);--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}[data-theme=light]{--bg-primary: #f2f2f8;--bg-surface: #ffffff;--bg-secondary: #ffffff;--bg-panel: #ededf8;--bg-card: #f8f8fc;--bg-tertiary: #e6e6f2;--bg-deep: #f0f0fa;--border-faint: rgba(0,0,0,.04);--border-subtle: rgba(0,0,0,.07);--border-base: rgba(0,0,0,.1);--border-mid: rgba(0,0,0,.14);--border: #d4d4e4;--border-light: #c8c8dc;--text-primary: #1a1a2e;--text-hi: #1a1a2e;--text-md: #2e2e4a;--text-secondary: #5a5a7a;--text-muted: #7878a0;--text-dim: #9090b8;--text-ghost: #a8a8c8;--text-phantom: #bbbbd0;--overlay: rgba(0,0,0,.5)}html,body,#root{height:100%;width:100%}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font);font-size:14px;font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.3}a{color:var(--primary);text-decoration:none}button{cursor:pointer;font-family:var(--font);font-weight:400;border:none;outline:none;transition:all .15s ease}input,textarea,select{font-family:var(--font);font-weight:400;font-size:14px}input:focus,textarea:focus,select:focus{outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border-radius:8px;font-size:13px;font-weight:400;letter-spacing:.01em;transition:all .15s ease;cursor:pointer;border:none}.btn-primary{background:linear-gradient(135deg,#7c5cfc,#6d48f0);color:#fff;box-shadow:0 2px 8px #7c5cfc4d}.btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 14px #7c5cfc66}.btn-outline{background:transparent;color:var(--primary);border:1px solid var(--primary)}.btn-outline:hover{background:var(--primary-dim)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-danger{background:transparent;color:var(--danger);border:1px solid var(--danger)}.btn-danger:hover{background:#ef44441a}.btn-sm{padding:5px 10px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:12px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.form-input{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;padding:10px 13px;color:var(--text-primary);font-size:14px;font-weight:300;width:100%;transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #7c5cfc1a}.form-input::placeholder{color:var(--text-muted)}select.form-input option{background:var(--bg-tertiary);color:var(--text-primary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-box{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:16px;padding:28px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 40px #00000040,0 0 0 1px #7c5cfc14}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-title{font-size:16px;font-weight:500;color:var(--text-primary)}.modal-close{background:none;border:none;color:var(--text-muted);font-size:20px;line-height:1;cursor:pointer;padding:2px 6px;border-radius:4px;transition:color .15s}.modal-close:hover{color:var(--text-primary)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;padding:10px 12px;font-size:11px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)}td{padding:12px;border-bottom:1px solid var(--border);color:var(--text-primary);font-size:14px}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg-tertiary)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500}.badge-admin{background:var(--primary-dim);color:var(--primary)}.badge-client{background:#22c55e1f;color:var(--success)}.badge-collaborator{background:#38bdf81f;color:#38bdf8}.badge-pending{background:#5555704d;color:var(--text-secondary)}.badge-approved{background:#22c55e1f;color:var(--success)}.badge-needs_changes{background:#f59e0b1f;color:var(--warning)}.badge-changed{background:#3b82f61f;color:var(--info)}.error-msg{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:10px 14px;color:var(--danger);font-size:13px}.success-msg{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:8px;padding:10px 14px;color:var(--success);font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}