:root{--c-bg: #F8F7F4;--c-bg-2: #FFFFFF;--c-bg-3: #F0EFE9;--c-border: #E4E2DA;--c-border-2: #D4D2CA;--c-text: #1A1917;--c-text-2: #5C5A55;--c-text-3: #9C9A95;--c-accent: #2563EB;--c-accent-soft: #EEF4FF;--c-success: #16A34A;--c-success-soft: #F0FDF4;--c-warning: #D97706;--c-warning-soft: #FFFBEB;--c-danger: #DC2626;--c-danger-soft: #FEF2F2;--font-sans: "DM Sans", sans-serif;--font-mono: "DM Mono", monospace;--sidebar-w: 240px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 12px 32px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.05);--r-sm: 6px;--r-md: 10px;--r-lg: 16px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;font-family:var(--font-sans);background:var(--c-bg);color:var(--c-text);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--c-border-2);border-radius:3px}.mono{font-family:var(--font-mono);font-size:12px}.bold{font-weight:500}.page{max-width:1100px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px}.page-header h1{font-size:22px;font-weight:600;letter-spacing:-.4px}.page-subtitle{display:block;font-size:13px;color:var(--c-text-3);margin-top:2px}.btn-primary{background:var(--c-accent);color:#fff;border:none;padding:8px 16px;border-radius:var(--r-sm);font-size:13.5px;font-weight:500;transition:background .15s}.btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{background:none;color:var(--c-text-2);border:1px solid var(--c-border);padding:8px 16px;border-radius:var(--r-sm);font-size:13.5px;transition:all .15s}.btn-ghost:hover{background:var(--c-bg-3)}.btn-sm{background:var(--c-bg-3);border:1px solid var(--c-border);color:var(--c-text-2);padding:4px 10px;border-radius:var(--r-sm);font-size:12px;transition:all .15s}.btn-sm:hover{background:var(--c-accent-soft);color:var(--c-accent);border-color:var(--c-accent)}.btn-sm.danger:hover{background:var(--c-danger-soft);color:var(--c-danger);border-color:var(--c-danger)}.section-card{background:var(--c-bg-2);border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--shadow-sm);overflow:hidden}.section-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--c-border)}.section-header h2{font-size:14px;font-weight:600}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:10px 14px;font-size:11px;font-weight:500;color:var(--c-text-3);text-transform:uppercase;letter-spacing:.04em;text-align:left;background:var(--c-bg);border-bottom:1px solid var(--c-border)}.data-table td{padding:10px 14px;font-size:13px;border-bottom:1px solid var(--c-border)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--c-bg)}.data-table .empty{text-align:center;color:var(--c-text-3);padding:32px!important}.empty-state{padding:32px;text-align:center;color:var(--c-text-3)}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:12.5px;font-weight:500;color:var(--c-text-2)}.field input,.field select{padding:8px 11px;border:1px solid var(--c-border);border-radius:var(--r-sm);background:var(--c-bg);color:var(--c-text);font-size:13.5px;outline:none;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px #2563eb1a}.form-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-error{background:var(--c-danger-soft);color:var(--c-danger);padding:8px 12px;border-radius:var(--r-sm);font-size:12.5px}.form-success{background:var(--c-success-soft);color:var(--c-success);padding:8px 12px;border-radius:var(--r-sm);font-size:12.5px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:20px}.modal{background:var(--c-bg-2);border:1px solid var(--c-border);border-radius:var(--r-lg);width:100%;max-width:460px;box-shadow:var(--shadow-lg)}.modal.wide{max-width:620px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--c-border)}.modal-header h3{font-size:15px;font-weight:600}.modal-close{background:none;border:none;color:var(--c-text-3);font-size:18px;padding:2px 6px;line-height:1;border-radius:var(--r-sm);transition:all .15s}.modal-close:hover{background:var(--c-bg-3);color:var(--c-text)}.modal-body{padding:20px;display:flex;flex-direction:column;gap:16px;max-height:60vh;overflow-y:auto}.modal-form{padding:20px;display:flex;flex-direction:column;gap:14px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;padding:16px 20px;border-top:1px solid var(--c-border)}.filters{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.filter-select{padding:7px 10px;border:1px solid var(--c-border);border-radius:var(--r-sm);background:var(--c-bg-2);color:var(--c-text);font-size:13px;outline:none}.toast{position:fixed;bottom:24px;right:24px;background:var(--c-text);color:#fff;padding:10px 16px;border-radius:var(--r-sm);font-size:13px;z-index:9999;box-shadow:var(--shadow-lg);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.row-actions{display:flex;gap:6px}.header-actions{display:flex;gap:10px;align-items:center}