:root{--color-primary: #2563eb;--color-secondary: #0f172a;--color-menu-text: #cbd5f5;font-family:Inter,sans-serif;color:#0f172a;background-color:#f8fafc}body{margin:0;min-height:100vh;background:#f1f5f9}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;padding:.6rem 1rem;border-radius:.5rem;background:var(--color-primary);color:#fff;font-weight:600}.layout{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{background:var(--color-secondary);color:#fff;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem;align-items:flex-start}.sidebar-header{width:100%;display:flex;flex-direction:column;align-items:center;gap:.5rem}.sidebar h2{margin:0;text-align:center}.sidebar nav{display:flex;flex-direction:column;gap:.5rem;width:100%;align-items:flex-start}.sidebar a{padding:.75rem 1rem;border-radius:.5rem;color:var(--color-menu-text);width:100%;text-align:left;box-sizing:border-box}.sidebar a.active{background:var(--color-primary);color:#fff;box-shadow:0 6px 16px #0000001f}main{display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:#fff;border-bottom:1px solid #e2e8f0}.content{padding:2rem}.grid{display:grid;gap:1.5rem}.grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{background:#fff;padding:1.5rem;border-radius:1rem;border:1px solid #e2e8f0;box-shadow:0 10px 40px #0f172a0d}.table{width:100%;border-spacing:0}.table th,.table td{padding:.75rem;text-align:left}.table th{border-bottom:1px solid #e2e8f0}.table tr:nth-child(2n){background:#f8fafc}.tag{display:inline-flex;align-items:center;padding:.25rem .6rem;border-radius:999px;background:#dbeafe;color:var(--color-primary);font-size:.75rem}.forms-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}input,select,textarea{border:1px solid #cbd5f5;border-radius:.6rem;padding:.65rem .8rem;font-family:inherit;box-sizing:border-box;max-width:100%}form label{display:flex;flex-direction:column;gap:.3rem;font-weight:500}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem 1.25rem;align-items:start}.form-grid input,.form-grid select,.form-grid textarea{min-width:0;width:100%}.color-preview{width:60px;height:24px;border-radius:.5rem;border:1px solid #e2e8f0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;display:flex;align-items:center;justify-content:center}.modal{background:#fff;border-radius:1rem;padding:2.25rem;width:min(880px,94vw);box-shadow:0 30px 80px #0f172a26}