@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{color-scheme:dark;--bg-main: #121212;--bg-secondary: #1e1e1e;--green: #16a34a;--green-hover: #22c55e;--yellow: #facc15;--red: #dc2626;--text: #f9fafb;--text-muted: #9ca3af;--divider: #2c2c2c;--shadow: 0 10px 30px rgba(0, 0, 0, .25);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg-main);color:var(--text)}button{font-family:inherit}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--divider);padding:24px;display:flex;flex-direction:column;gap:24px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px}.brand-logo{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--divider)}.brand-title{margin:0;font-weight:700;letter-spacing:.4px}.brand-subtitle{margin:0;color:var(--text-muted);font-size:12px}.nav{display:flex;flex-direction:column;gap:8px}.nav-item{background:transparent;color:var(--text);border:1px solid var(--divider);padding:10px 12px;border-radius:10px;text-align:left;cursor:pointer;transition:.15s ease}.nav-item:hover{border-color:var(--green)}.nav-item-active{background:#16a34a1f;border-color:var(--green)}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:12px}.user-box{background:#ffffff08;border:1px solid var(--divider);border-radius:12px;padding:12px}.user-name{margin:0;font-weight:600}.user-role{margin:0;color:var(--text-muted)}.content{padding:24px;background:var(--bg-main)}.grid{display:grid;gap:16px}.grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{background:var(--bg-secondary);border:1px solid var(--divider);border-radius:16px;padding:16px;box-shadow:var(--shadow)}.card-title{margin:0 0 8px;color:var(--text-muted);font-size:14px}.card-body{display:flex;flex-direction:column;gap:6px}.align-center{align-items:center;text-align:center}.tone-success{border-color:#22c55e4d}.tone-danger{border-color:#dc26264d}.tone-warning{border-color:#facc1559}.value{font-size:28px;font-weight:700}.muted{color:var(--text-muted)}.row{display:flex;gap:12px;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:6px}.field-label{color:var(--text-muted);font-size:14px}.field-input{background:#f3f4f6;color:#111827;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:10px;padding:12px 16px;font-weight:600;cursor:pointer;transition:.12s ease}.btn.primary{background:var(--green);color:#0b1f12}.btn.primary:hover{background:var(--green-hover)}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--divider)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;font-size:12px;border:1px solid var(--divider)}.badge.success{color:var(--green);border-color:#16a34a80}.badge.danger{color:var(--red);border-color:#dc262680}.list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.list-item{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#ffffff05;border:1px solid var(--divider);border-radius:12px;padding:12px}.danger-text{color:var(--red)}.warning-text{color:var(--yellow)}.progress{width:100%;height:10px;border-radius:999px;background:#ffffff0f;overflow:hidden;border:1px solid var(--divider)}.progress-fill{height:100%;background:var(--green)}.section-title{font-size:18px;margin:0 0 10px}.login-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 20%,rgba(22,163,74,.15),transparent 35%),radial-gradient(circle at 80% 20%,rgba(250,204,21,.15),transparent 35%),var(--bg-main);padding:24px}.login-card{background:var(--bg-secondary);border:1px solid var(--divider);border-radius:16px;padding:24px;width:min(420px,100%);box-shadow:var(--shadow)}.logo-circle{width:64px;height:64px;border-radius:50%;overflow:hidden;border:2px solid var(--divider)}.logo-circle img{width:100%;height:100%;object-fit:cover}.table-like{width:100%;border-collapse:separate;border-spacing:0 8px}.table-like th{text-align:left;color:var(--text-muted);font-weight:500;padding-bottom:4px}.table-like td{background:#ffffff05;border:1px solid var(--divider);padding:12px;border-radius:10px}input[type=text],input[type=number],input[type=date],input[type=email],input[type=password],select,textarea{font-size:16px!important}@media (max-width: 900px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;flex-direction:row;align-items:center;flex-wrap:wrap;padding:16px}.nav{flex-direction:row;flex:1;gap:6px}.nav-item{flex:1;min-width:0;text-align:center;padding:8px 10px;font-size:13px}.sidebar-footer{width:100%;margin-top:12px}.content{padding:16px}.card{padding:12px}.row{flex-direction:column;gap:8px}.field-input{font-size:16px;padding:12px}.btn{width:100%;padding:14px 16px}.grid-3{grid-template-columns:1fr}.value{font-size:24px}.section-title{font-size:16px}}@media (max-width: 480px){.sidebar{padding:12px}.brand-logo{width:40px;height:40px}.brand-title{font-size:16px}.content{padding:12px}.card{padding:10px}.value{font-size:20px}.list-item{flex-direction:column;align-items:flex-start;gap:8px}.list-item-actions{width:100%;justify-content:flex-end}}