:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1f2937;background:#f3f5f9;line-height:1.45}*{box-sizing:border-box}body{margin:0;background:#f3f5f9;color:#1f2937;font-size:14px}.app-shell{min-height:100vh;display:flex}.sidebar{width:250px;flex:0 0 250px;background:#111827;color:#9ca3af;padding:18px 14px;display:flex;flex-direction:column;transition:.2s}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:15px;padding:0 10px 24px}.brand-mark{width:30px;height:30px;background:#2563eb;color:white;border-radius:5px;display:grid;place-items:center;font-weight:800}.menu-label{margin:17px 10px 7px;color:#64748b;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.side-nav{display:grid;gap:2px}.side-link{height:37px;border:0;border-radius:4px;background:transparent;color:#9ca3af;display:flex;align-items:center;gap:10px;padding:0 10px;text-decoration:none;font-size:12px;cursor:pointer;width:100%;text-align:left}.side-link:hover,.side-link.active{background:#273449;color:#fff}.side-link .chevron{margin-left:auto;color:#64748b}.side-sub{display:grid;gap:2px;padding:2px 0 5px 35px}.side-sub a{color:#94a3b8;text-decoration:none;font-size:11px;padding:6px 0}.side-sub a.active{color:#fff}.icon{width:16px;height:16px;display:grid;place-items:center;flex:0 0 16px}.icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.side-foot{margin-top:auto;border-top:1px solid #ffffff14;padding:14px 10px 0;color:#64748b;font-size:10px;line-height:1.7}.main{min-width:0;flex:1}.topbar{height:64px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;padding:0 27px;gap:18px}.breadcrumbs{font-size:12px;color:#6b7280}.breadcrumbs b{color:#1f2937;font-weight:600}.top-actions{margin-left:auto;display:flex;align-items:center;gap:13px}.top-search{width:210px;height:34px;border:1px solid #dfe3e9;border-radius:4px;padding:0 10px;font:inherit;font-size:11px}.icon-button{width:30px;height:30px;border:0;border-radius:50%;background:#f3f4f6;color:#475569;cursor:pointer}.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#dbeafe;color:#1d4ed8;font-size:10px;font-weight:700}.content{padding:25px 28px;max-width:1500px}.page-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.page-heading h1{font-size:22px;letter-spacing:-.025em;margin:0 0 5px}.page-heading p{margin:0;color:#6b7280;font-size:12px}.button{height:34px;border:1px solid #dfe3e9;border-radius:4px;background:#fff;color:#667085;padding:0 12px;font:600 11px inherit;cursor:pointer}.button:hover{background:#f8fafc}.button.primary{border-color:#2563eb;background:#2563eb;color:white}.button.danger{border-color:#dc2626;background:#dc2626;color:white}.panel{background:#fff;border:1px solid #dfe4eb;border-radius:5px;overflow:hidden}.panel-header{min-height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #e5e7eb}.panel-header h2{font-size:12px;margin:0}.panel-header a{font-size:10px;color:#2563eb;text-decoration:none}.filters{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:11px;padding:15px}.field label{display:block;color:#667085;font-size:10px;font-weight:650;margin-bottom:5px}.field input,.field select{width:100%;height:34px;border:1px solid #d9dfe8;border-radius:4px;background:#fff;color:#1f2937;padding:0 9px;font:inherit;font-size:11px}.field input:focus,.field select:focus{outline:3px solid #2563eb20;border-color:#2563eb}.actions{display:flex;align-items:end;gap:7px}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:10px 12px;background:#fafafa;border-bottom:1px solid #e5e7eb;color:#667085;text-align:left;font-size:10px;font-weight:650;white-space:nowrap}.data-table td{padding:12px;border-bottom:1px solid #f0f1f3;font-size:11px;white-space:nowrap}.data-table tr:last-child td{border-bottom:0}.data-table tr:hover td{background:#fafcff}.link{color:#2563eb;font-weight:650;text-decoration:none}.link:hover{text-decoration:underline}.muted{color:#98a2b3}.badge{display:inline-flex;border-radius:3px;padding:4px 7px;font-size:9px;font-weight:650}.badge-active,.badge-success{color:#0f9f6e;background:#ecfdf5}.badge-inactive,.badge-danger{color:#b42318;background:#fef2f2}.badge-warning{color:#b45309;background:#fff7ed}.summary-row{display:flex;justify-content:space-between;align-items:center;margin:18px 0 10px;color:#667085;font-size:12px}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;padding:15px}.pagination button:disabled{opacity:.45;cursor:default}.detail-card{padding:20px}.detail-head{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:23px}.detail-head h2{margin:0 0 5px;font-size:21px}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:15px}.detail-item small{display:block;color:#667085;font-size:10px;margin-bottom:3px}.detail-section{margin-top:24px}.detail-section h3{font-size:13px;margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.detail-table{width:100%;border-collapse:collapse}.detail-table th,.detail-table td{padding:9px;text-align:left;border-bottom:1px solid #f0f1f3;font-size:11px}.back{margin-bottom:15px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat{background:#fff;border:1px solid #dfe4eb;border-radius:5px;padding:15px 16px}.stat-label{color:#667085;font-size:10px}.stat-value{font-size:23px;font-weight:700;letter-spacing:-.03em;margin:8px 0 4px}.stat-note{font-size:10px;color:#0f9f6e}.two-col{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.75fr);gap:16px}.list-row{padding:14px 16px;border-bottom:1px solid #f0f1f3}.list-row:last-child{border-bottom:0}.list-row-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:9px}.list-title{font-weight:650;font-size:11px}.list-meta{color:#667085;font-size:10px;margin-top:3px}.progress{height:6px;background:#e5e7eb;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;border-radius:inherit;background:#2563eb}.progress-row{display:flex;justify-content:space-between;color:#667085;font-size:10px;margin-top:6px}.metric-list{padding:15px 16px}.metric{display:flex;justify-content:space-between;border-bottom:1px solid #f0f1f3;padding:10px 0;font-size:11px}.metric:last-child{border-bottom:0}.metric span{color:#667085}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px}.form-actions{display:flex;justify-content:flex-end;gap:8px;padding:0 16px 16px}.checkbox{display:flex;align-items:center;gap:7px;font-size:11px;margin:4px 16px}.checkbox input{accent-color:#2563eb}.notice{margin:14px 16px;padding:10px;border-radius:4px;background:#eff6ff;color:#1d4ed8;font-size:10px}.error-text{color:#b42318;font-size:12px;margin:10px 0}.mobile-toggle{display:none}@media(max-width:960px){.sidebar{width:220px;flex-basis:220px}.filters{grid-template-columns:repeat(3,1fr)}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.sidebar{display:none}.mobile-toggle{display:grid;place-items:center;width:30px;height:30px;border:1px solid #dfe3e9;border-radius:4px;background:#fff;color:#475569}.topbar{height:56px;padding:0 14px}.top-search{width:120px}.top-user-name{display:none}.content{padding:20px 14px}.page-heading{display:block}.page-heading .button{margin-top:12px}.filters{grid-template-columns:1fr 1fr;padding:12px}.actions{grid-column:1/-1}.actions .button{flex:1}.two-col{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr 1fr}.data-table th:nth-child(2),.data-table td:nth-child(2),.data-table th:nth-child(4),.data-table td:nth-child(4){display:none}.data-table{min-width:600px}.panel.table-panel{overflow:hidden}.form-grid{grid-template-columns:1fr}.form-actions{justify-content:stretch}.form-actions .button{flex:1}}