:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#111827;background:#f3f4f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.hidden{display:none!important}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#111827,#374151)}.login-card{width:min(390px,100%);background:white;padding:34px;border-radius:22px;box-shadow:0 25px 60px #0004}.login-card h1{margin:15px 0 2px}.login-card label{display:grid;gap:7px;margin:18px 0;font-size:14px;font-weight:600}.login-card input,.modal input,.modal select,.modal textarea{width:100%;padding:11px 12px;border:1px solid #d1d5db;border-radius:10px;font:inherit}.brand-mark{width:46px;height:46px;border-radius:12px;background:#111827;color:white;display:grid;place-items:center;font-weight:800}.brand-mark.small{width:36px;height:36px;border-radius:9px}.primary,.ghost,.sidebar button,.btn{border:0;border-radius:10px;padding:10px 14px;font-weight:650;cursor:pointer}.primary{background:#111827;color:white;width:100%}.ghost{background:white;border:1px solid #e5e7eb}.error{color:#b91c1c;margin-top:10px;font-size:13px}.muted{color:#6b7280}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#111827;color:#fff;padding:18px 14px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;padding:5px 8px 20px}.brand span{display:block;color:#9ca3af;font-size:12px;margin-top:2px}.sidebar nav{display:grid;gap:4px}.sidebar nav button{background:transparent;color:#d1d5db;text-align:left}.sidebar nav button.active,.sidebar nav button:hover{background:#1f2937;color:white}.user-box{margin-top:auto;border-top:1px solid #374151;padding:15px 8px 0}.user-box button{margin-top:10px;width:100%;background:#1f2937;color:white}.content{padding:28px;min-width:0}.content header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.content header h1{margin:0 0 4px;font-size:28px}.grid{display:grid;gap:14px}.metrics{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.card{background:white;border:1px solid #e5e7eb;border-radius:16px;padding:18px;box-shadow:0 1px 2px #00000008}.metric b{display:block;font-size:28px;margin-top:7px}.metric span{font-size:13px;color:#6b7280}.section-title{display:flex;justify-content:space-between;align-items:center;margin:24px 0 10px}.section-title h2{font-size:18px;margin:0}.table-wrap{background:white;border:1px solid #e5e7eb;border-radius:16px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid #f0f1f3;white-space:nowrap}th{font-size:12px;color:#6b7280;background:#fafafa;text-transform:uppercase;letter-spacing:.03em}.badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:#f3f4f6;font-size:12px;font-weight:650}.badge.red{background:#fee2e2;color:#991b1b}.badge.orange{background:#ffedd5;color:#9a3412}.badge.green{background:#dcfce7;color:#166534}.badge.blue{background:#dbeafe;color:#1e40af}.actions{display:flex;gap:8px;flex-wrap:wrap}.btn{background:#111827;color:white;font-size:13px}.btn.alt{background:#eef2ff;color:#3730a3}.btn.warn{background:#fff7ed;color:#9a3412}.btn.danger{background:#fee2e2;color:#991b1b}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.empty{padding:30px;text-align:center;color:#6b7280}.modal{position:fixed;inset:0;background:#0007;display:grid;place-items:center;padding:20px;z-index:20}.modal-card{width:min(620px,100%);max-height:85vh;overflow:auto;background:white;border-radius:18px;padding:22px}.modal-card h2{margin-top:0}.modal label{display:grid;gap:5px;margin:12px 0;font-size:13px;font-weight:600}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-grid .card{box-shadow:none}.audit{display:grid;gap:8px}.audit-item{padding:10px 12px;border-left:3px solid #d1d5db;background:#fafafa;border-radius:0 8px 8px 0;font-size:13px}.clickable{cursor:pointer}.clickable:hover{background:#f9fafb}@media(max-width:850px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.sidebar nav{grid-template-columns:repeat(3,1fr)}.sidebar nav button{text-align:center;padding:9px 6px;font-size:12px}.user-box{display:none}.content{padding:16px}.detail-grid{grid-template-columns:1fr}}