*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;background:#f5f7fa;color:#172033}button,input{font:inherit}button{cursor:pointer}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);background:white;border:1px solid #e1e6ef;border-radius:14px;padding:36px;box-shadow:0 12px 40px rgba(0,0,0,.08)}.brand{font-weight:800;letter-spacing:1px;margin-bottom:30px}.login-card h1{margin:0 0 8px}.subtitle{color:#667085;margin-bottom:28px}.login-card form{display:grid;grid-gap:18px;gap:18px}.login-card label{display:grid;grid-gap:8px;gap:8px;font-weight:600}.login-card input{width:100%;padding:12px 14px;border:1px solid #ccd3df;border-radius:8px}.admin-loading button,.login-card button,.topbar button{border:0;border-radius:8px;padding:12px 18px;background:#172033;color:white;font-weight:700}.login-card button:disabled{opacity:.6;cursor:not-allowed}.login-error{padding:12px;border-radius:8px;background:#fff1f0;color:#b42318}.admin-shell{min-height:100vh;display:flex}.sidebar{width:250px;min-height:100vh;background:#111827;color:white;padding:24px 16px}.sidebar .brand{padding:0 12px 24px}.sidebar nav{display:grid;grid-gap:4px;gap:4px}.sidebar nav a{color:#cbd5e1;text-decoration:none;padding:11px 12px;border-radius:7px}.sidebar nav a.active,.sidebar nav a:hover{background:#263244;color:white}.admin-content{flex:1 1;padding:28px;overflow-x:auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.topbar h1{margin:0 0 5px}.topbar p{margin:0;color:#667085}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));grid-gap:18px;gap:18px}.kpi-card{background:white;border:1px solid #e1e6ef;border-radius:12px;padding:22px}.kpi-card span{display:block;color:#667085;margin-bottom:12px}.kpi-card strong{font-size:26px}.admin-loading{min-height:100vh;display:grid;place-items:center;align-content:center;grid-gap:12px;gap:12px;padding:24px}@media (max-width:1000px){.sidebar{width:210px}.kpi-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}}@media (max-width:700px){.admin-shell{display:block}.sidebar{width:100%;min-height:auto}.sidebar nav{grid-template-columns:repeat(2,1fr)}.admin-content{padding:18px}}.admin-panel{margin-top:24px;padding:24px;background:white;border:1px solid #e1e6ef;border-radius:12px}.admin-panel h2{margin-top:0}.role-list{display:flex;flex-wrap:wrap;gap:8px}.role-badge{padding:6px 10px;border-radius:999px;background:#eef2f7;font-size:13px;font-weight:700}.role-table{display:grid;grid-gap:1px;gap:1px;background:#e1e6ef;border:1px solid #e1e6ef}.role-row{display:grid;grid-template-columns:220px 1fr;grid-gap:20px;gap:20px;padding:14px;background:white}.status-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.status-card{padding:18px;border:1px solid #e1e6ef;border-radius:10px}.status-card span{display:block;color:#667085;margin-bottom:8px}.status-card strong{font-size:16px}@media (max-width:800px){.status-grid{grid-template-columns:repeat(2,1fr)}.role-row{grid-template-columns:1fr;gap:6px}}.ui-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.ui-page-header h1{margin:0 0 6px;font-size:28px;line-height:1.2}.ui-page-header p{margin:0;color:#667085;line-height:1.5}.ui-page-header-actions,.ui-panel-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ui-panel{margin-top:20px;background:#fff;border:1px solid #e1e6ef;border-radius:12px;overflow:hidden}.ui-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 24px;border-bottom:1px solid #e1e6ef}.ui-panel-header h2{margin:0 0 5px;font-size:18px}.ui-panel-header p{margin:0;color:#667085;font-size:14px}.ui-panel-body{padding:0}.ui-button{border:0;border-radius:8px;font-weight:700;transition:opacity .15s ease,transform .05s ease}.ui-button:hover:not(:disabled){opacity:.9}.ui-button:active:not(:disabled){transform:translateY(1px)}.ui-button:disabled{opacity:.5;cursor:not-allowed}.ui-button-md{padding:10px 16px;font-size:14px}.ui-button-sm{padding:7px 11px;font-size:13px}.ui-button-primary{background:#172033;color:#fff}.ui-button-secondary{background:#eef2f7;color:#172033}.ui-button-danger{background:#b42318;color:#fff}.ui-button-success{background:#067647;color:#fff}.ui-button-warning{background:#b54708;color:#fff}.ui-badge{display:inline-flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;padding:5px 9px;border-radius:999px;font-size:12px;line-height:1;font-weight:700;white-space:nowrap}.ui-badge-neutral{background:#eef2f7;color:#475467}.ui-badge-success{background:#ecfdf3;color:#067647}.ui-badge-warning{background:#fffaeb;color:#b54708}.ui-badge-danger{background:#fef3f2;color:#b42318}.ui-badge-info{background:#eff8ff;color:#175cd3}.ui-stat-card{min-width:0;padding:20px;background:#fff;border:1px solid #e1e6ef;border-radius:12px}.ui-stat-card span{display:block;margin-bottom:8px;color:#667085;font-size:13px;font-weight:600}.ui-stat-card strong{display:block;font-size:25px;line-height:1.2}.ui-stat-card small{display:block;margin-top:7px;color:#667085;font-size:12px}.ui-table-wrap{width:100%;overflow-x:auto}.ui-table{width:100%;border-collapse:collapse;min-width:700px}.ui-table th{padding:13px 16px;background:#f8fafc;border-bottom:1px solid #e1e6ef;color:#475467;text-align:left;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.ui-table td{padding:15px 16px;border-bottom:1px solid #eef2f6;color:#344054;font-size:14px;vertical-align:middle}.ui-table tbody tr:hover{background:#fafcff}.ui-table tbody tr:last-child td{border-bottom:0}.ui-empty-state{padding:56px 24px;text-align:center}.ui-empty-icon{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 14px;border-radius:50%;background:#f2f4f7;color:#667085;font-size:20px;font-weight:700}.ui-empty-state h3{margin:0 0 6px;font-size:16px}.ui-empty-state p{max-width:460px;margin:0 auto;color:#667085;line-height:1.5}.ui-error-state{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;padding:18px 20px;border:1px solid #fecdca;border-radius:10px;background:#fef3f2}.ui-error-state h3{margin:0 0 5px;color:#912018;font-size:15px}.ui-error-state p{margin:0;color:#b42318;font-size:13px}.ui-error-state button{flex:0 0 auto;border:0;border-radius:7px;padding:8px 13px;background:#b42318;color:#fff;font-weight:700;cursor:pointer}@media (max-width:700px){.ui-error-state,.ui-page-header,.ui-panel-header{flex-direction:column}.ui-page-header h1{font-size:24px}.ui-page-header-actions,.ui-panel-actions{width:100%}.ui-page-header-actions .ui-button{flex:1 1}.ui-panel-header{padding:18px}}.ui-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:18px;gap:18px;margin-bottom:20px}.ui-stats-grid>*{min-width:0}@media (max-width:1000px){.ui-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.ui-stats-grid{grid-template-columns:1fr}}.ui-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:18px;gap:18px;margin-bottom:20px}@media (max-width:1100px){.ui-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.ui-stat-grid{grid-template-columns:1fr}}.table-secondary{margin-top:3px;color:#667085;font-size:12px}.table-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.table-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.ui-select{min-width:150px;padding:9px 12px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#172033;font-size:14px}.ui-select:focus{outline:2px solid #d0d5dd;outline-offset:1px}