:root{--color-primary:#5a0bee;--color-primary-hover:#4a08c4;--color-primary-soft:#f1ebfe;--color-background:#f6f5fb;--color-surface:#fff;--color-surface-alt:#faf9ff;--color-text-primary:#1a1b2e;--color-text-secondary:#5b5c70;--color-text-muted:#8a8b9c;--color-border:#ebe7f4;--color-border-strong:#d7d1e8;--color-success:#1a9b58;--color-success-soft:#e6f6ed;--color-warning:#b8860b;--color-warning-soft:#fbf3dc;--color-danger:#c0263b;--color-danger-soft:#fbe6e9;--color-info:#2563eb;--color-info-soft:#e7effe;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-sm:0 1px 2px #1a1b2e0f;--shadow-md:0 6px 20px #1a1b2e14;--transition:.15s ease;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"SFMono-Regular", ui-monospace, Menlo, Consolas, monospace}[data-theme=dark]{--color-primary:#7c3aed;--color-primary-hover:#8b5cf6;--color-primary-soft:#2a2147;--color-background:#14151f;--color-surface:#1a1b2e;--color-surface-alt:#20223a;--color-text-primary:#f4f4fb;--color-text-secondary:#b9bad0;--color-text-muted:#8587a3;--color-border:#2c2d44;--color-border-strong:#3a3b57}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);background:var(--color-background);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{color:var(--color-text-primary);margin:0 0 .5rem}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;gap:.25rem;width:232px;padding:1.25rem .75rem;display:flex}.sidebar-brand{color:var(--color-primary);align-items:center;gap:.5rem;padding:.25rem .75rem 1rem;font-size:1.05rem;font-weight:700;display:flex}.nav-item{border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;align-items:center;gap:.6rem;padding:.55rem .75rem;font-weight:500;display:flex}.nav-item:hover{background:var(--color-surface-alt);text-decoration:none}.nav-item.active{background:var(--color-primary-soft);color:var(--color-primary)}.sidebar-footer{border-top:1px solid var(--color-border);margin-top:auto;padding:.5rem .75rem}.main-content{flex:1;min-width:0;padding:1.75rem 2rem;overflow-x:auto}.mobile-topbar{display:none}.menu-btn{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:.4rem;display:inline-flex}.menu-btn:hover{background:var(--color-surface-alt)}.sidebar-backdrop{display:none}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:1.25rem;padding:1.25rem 1.4rem}.card-title{align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem;font-weight:600;display:flex}.btn{font:inherit;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition), border-color var(--transition);border:1px solid #0000;align-items:center;gap:.45rem;padding:.5rem .95rem;font-weight:600;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-alt)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(.93)}.btn-sm{padding:.3rem .6rem;font-size:.82rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem 1.2rem;display:grid}.form-field{flex-direction:column;gap:.3rem;display:flex}.form-field.full{grid-column:1/-1}label{color:var(--color-text-secondary);font-size:.8rem;font-weight:600}input,select,textarea{font:inherit;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary);padding:.5rem .65rem}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-primary-soft);border-color:var(--color-primary)}textarea{font-family:var(--font-mono);resize:vertical;min-height:160px;font-size:.82rem}.checkbox-row{align-items:center;gap:.5rem;display:flex}.checkbox-row input{width:auto}.field-hint{color:var(--color-text-muted);font-size:.75rem}.table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.86rem}th,td{text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap;padding:.65rem .85rem}th{background:var(--color-surface-alt);color:var(--color-text-secondary);font-weight:600}tbody tr:hover{background:var(--color-surface-alt)}tbody tr.clickable{cursor:pointer}td.mono,.mono{font-family:var(--font-mono);font-size:.8rem}.badge{border-radius:999px;padding:.15rem .55rem;font-size:.74rem;font-weight:600;display:inline-block}.badge-success{background:var(--color-success-soft);color:var(--color-success)}.badge-warning{background:var(--color-warning-soft);color:var(--color-warning)}.badge-danger{background:var(--color-danger-soft);color:var(--color-danger)}.badge-info{background:var(--color-info-soft);color:var(--color-info)}.badge-neutral{background:var(--color-border);color:var(--color-text-secondary)}.alert{border-radius:var(--radius-md);border:1px solid #0000;margin-bottom:1rem;padding:.75rem 1rem;font-size:.88rem}.alert-danger{background:var(--color-danger-soft);color:var(--color-danger);border-color:var(--color-danger)}.alert-success{background:var(--color-success-soft);color:var(--color-success)}.alert-warning{background:var(--color-warning-soft);color:var(--color-warning);border-color:var(--color-warning)}.row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.spacer{flex:1}.muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.center-screen{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.spinner{border:2px solid var(--color-border-strong);border-top-color:var(--color-primary);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:380px;box-shadow:var(--shadow-md);padding:2rem}.login-card h1{font-size:1.25rem}.modal-overlay{z-index:50;background:#14151f8c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);width:100%;max-width:520px;max-height:calc(100dvh - 2rem);padding:1.5rem;overflow-y:auto}@media (width<=1024px) and (width>=769px){.sidebar{width:200px}.main-content{padding:1.5rem}}@media (width<=768px){.form-grid{grid-template-columns:1fr}.app-shell{flex-direction:column;min-height:100dvh}.mobile-topbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:40;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem 1rem;display:flex;position:sticky;top:0}.sidebar{width:min(82vw,280px);transition:transform var(--transition);z-index:60;box-shadow:var(--shadow-md);position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{z-index:55;background:#14151f80;display:block;position:fixed;inset:0}.main-content{padding:1.25rem 1rem}.card{padding:1.1rem 1rem}.page-header{margin-bottom:1rem}}@media (width<=480px){body{font-size:13.5px}.main-content{padding:1rem .85rem}.modal,.login-card{padding:1.25rem}.btn{padding:.5rem .8rem}.page-header h1{font-size:1.4rem}}