*{box-sizing:border-box}body{color:#111827;background:#f4f6f8;margin:0;font-family:Inter,Arial,sans-serif}button,input,select{font:inherit}button{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:10px;padding:10px 14px}button.secondary{color:#111827;background:#eef2f7}.login{background:linear-gradient(135deg,#0f172a,#1f2937);justify-content:center;align-items:center;min-height:100vh;display:flex}.loginCard{background:#fff;border-radius:20px;width:min(430px,92vw);padding:34px;box-shadow:0 20px 60px #0005}.loginCard h1{margin:0 0 8px}.loginCard p{color:#64748b}.loginCard form{gap:10px;display:grid}.loginCard input{border:1px solid #d1d5db;border-radius:10px;padding:12px}.loginCard button{margin-top:8px}.error{color:#991b1b;background:#fee2e2;border-radius:10px;padding:10px}.notice{color:#065f46;background:#ecfdf5;border-radius:10px;padding:10px}.app{grid-template-columns:260px 1fr;min-height:100vh;display:grid}aside{color:#fff;background:#0f172a;height:100vh;padding:18px;position:sticky;top:0;overflow:auto}.brand{flex-direction:column;margin:0 0 18px;display:flex}.brand b{letter-spacing:2px;font-size:24px}.brand span{color:#cbd5e1}aside button{text-align:left;color:#cbd5e1;background:0 0;border-radius:12px;align-items:center;gap:10px;width:100%;margin:3px 0;padding:11px;display:flex}aside button:hover,aside button.active{color:#fff;background:#1e293b}aside a{text-align:left;color:#cbd5e1;cursor:pointer;width:100%;font-size:inherit;background:0 0;border-radius:12px;align-items:center;gap:10px;margin:3px 0;padding:11px;text-decoration:none;display:flex}aside a:hover,aside a.active{color:#fff;background:#1e293b}aside a.sub-item{color:#94a3b8;padding:8px 11px 8px 22px;font-size:13.5px}aside a.sub-item:hover,aside a.sub-item.active{color:#fff;background:#1e293b}.menu-group-header{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;gap:8px;margin:6px 0 2px;padding:9px 11px;font-size:12px;font-weight:600;display:flex}.menu-group-header:hover{color:#cbd5e1;background:#1e293b}.menu-group-header .chevron{margin-left:auto;font-size:11px}aside button.sub-item{color:#94a3b8;padding:8px 11px 8px 22px;font-size:13.5px}aside button.sub-item:hover,aside button.sub-item.active{color:#fff;background:#1e293b}.dot{background:#475569;border-radius:50%;flex-shrink:0;width:6px;height:6px}aside button.sub-item.active .dot{background:#60a5fa}.mTabs{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.mTab{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:14px;min-width:120px;padding:14px 18px;transition:all .15s}.mTab:hover{border-color:#94a3b8}.mTabActive{color:#fff;background:#0f172a;border-color:#0f172a}.mTabLabel{font-size:13px;font-weight:600;display:block}.mTabCount{opacity:.6;margin-top:3px;font-size:11px;display:block}.mbadge{color:#64748b;background:#f1f5f9;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.mbadge.active{color:#fff;background:#0f172a}.mOverlay{z-index:100;background:#0005;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mModal{background:#fff;border-radius:18px;width:min(420px,92vw);max-height:90vh;overflow:auto;box-shadow:0 20px 60px #0004}.mModalHdr{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:18px 20px 12px;display:flex}main{padding:24px;overflow:auto}header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}header h2{margin:0;font-size:26px}header p{color:#64748b;margin:4px 0}.grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:18px;display:grid}.cards{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.card,.panel{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px;box-shadow:0 8px 24px #00000008}.card p{color:#64748b;margin:0}.card h3{margin:8px 0 0;font-size:28px}.panel{margin-bottom:18px}.panelHead{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.form{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:12px;display:grid}.form input,.form select,.toolbar input,.toolbar select{background:#fff;border:1px solid #d1d5db;border-radius:10px;padding:11px}.toolbar{gap:10px;margin-bottom:14px;display:flex}.toolbar input{min-width:260px}.tableWrap{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #e5e7eb;padding:11px}th{white-space:nowrap;text-transform:uppercase;color:#64748b;background:#f8fafc;font-size:12px}td{white-space:normal;word-break:break-word}.actions{gap:6px;display:flex}.actions button{padding:7px 9px;font-size:12px}@media (width<=800px){.app{grid-template-columns:1fr}aside{height:auto;position:relative}.form{grid-template-columns:1fr}.toolbar{flex-direction:column}}