:root{--bg:#f5f8fb;--surface:#fff;--text:#1f2937;--muted:#6b7280;--primary:#1b84ff;--border:#e5e7eb}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}
.demo1{--sidebar-transition-duration:.3s;--sidebar-transition-timing:ease;--sidebar-width:280px;--header-height:70px}.demo1 .sidebar{width:var(--sidebar-width);color:#f9fafb;background:#111827;border-right:1px solid #1f2937;position:fixed;inset:0 auto 0 0}.demo1 .sidebar-header{height:var(--header-height);border-bottom:1px solid #1f2937;align-items:center;gap:.5rem;padding:0 1rem;display:flex}.demo1 .sidebar-nav{gap:.25rem;padding:1rem;display:grid}.demo1 .sidebar-nav a{color:#d1d5db;border-radius:.5rem;padding:.55rem .75rem}.demo1 .sidebar-nav a:hover,.demo1 .sidebar-nav a[aria-current=page]{color:#fff;background:#1f2937}.demo1 .wrapper{min-height:100vh;padding-left:var(--sidebar-width);transition:padding-inline-start var(--sidebar-transition-duration) var(--sidebar-transition-timing)}.demo1 .header{height:var(--header-height);border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:1rem;padding:0 1.25rem;display:flex}.demo1 .header h1{margin:0;font-size:1rem}.demo1 .header p{color:var(--muted);margin:.125rem 0 0;font-size:.9rem}.demo1 .header button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:.5rem;padding:.5rem .75rem}.demo1 .content{padding:1.25rem}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1rem}.metric-card h2{margin:0;font-size:.95rem}.metric-card p{color:var(--muted);margin:.5rem 0 0}.auth-wrapper{place-items:center;min-height:100vh;padding:1rem;display:grid}.auth-card{border:1px solid var(--border);background:#fff;border-radius:.75rem;width:100%;max-width:420px;padding:1.25rem}.auth-kicker{color:var(--primary);margin:0;font-size:.85rem}.auth-card h1{margin:.35rem 0;font-size:1.2rem}.auth-copy{color:var(--muted);margin:0}.auth-form{gap:.5rem;margin-top:1rem;display:grid}.auth-form input{border:1px solid var(--border);border-radius:.5rem;padding:.55rem .7rem}.metronic-toolbar{justify-content:flex-end;margin-bottom:1rem;display:flex}.metronic-card{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1rem}.metronic-card h2{margin:0 0 .85rem;font-size:1rem}.metronic-table-wrapper{overflow-x:auto}.metronic-table{border-collapse:collapse;width:100%}.metronic-table th,.metronic-table td{text-align:left;border-bottom:1px solid var(--border);padding:.7rem .5rem;font-size:.9rem}.metronic-table th{color:var(--muted);font-weight:600}.metronic-form{gap:.45rem;display:grid}.metronic-form input,.metronic-form select{border:1px solid var(--border);background:#fff;border-radius:.5rem;padding:.55rem .7rem}.metronic-form-actions{justify-content:flex-end;gap:.6rem;margin-top:.65rem;display:flex}.metronic-btn{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:.5rem;padding:.6rem .8rem}.metronic-btn[disabled]{opacity:.65;cursor:not-allowed}.metronic-btn-secondary{border:1px solid var(--border);color:var(--text);background:#fff}.metronic-error{color:#b42318;margin:0 0 .9rem}.auth-form button{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:.5rem;margin-top:.5rem;padding:.65rem .8rem}@media (max-width:1024px){.demo1 .sidebar{width:100%;position:static}.demo1 .wrapper{padding-left:0}.metric-grid{grid-template-columns:1fr}}