:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f3f6fb;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}.login-page{background:radial-gradient(circle at 0 0,#dce8ff 0,#0000 36%),#f3f6fb;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;width:min(100%,420px);padding:40px;box-shadow:0 24px 70px #1c2e501f}.brand-mark{color:#fff;background:#2457e6;border-radius:14px;place-items:center;width:48px;height:48px;font-size:22px;font-weight:800;display:grid}.eyebrow{color:#2457e6;letter-spacing:.14em;margin:24px 0 8px;font-size:12px;font-weight:800}h1,h2,p{margin-top:0}.login-card h1{margin-bottom:8px;font-size:28px}.description{color:#69758c;margin-bottom:30px}form{gap:18px;display:grid}label{color:#39455a;gap:8px;font-size:14px;font-weight:650;display:grid}input{border:1px solid #ccd5e4;border-radius:10px;outline:none;width:100%;padding:13px 14px}input:focus{border-color:#2457e6;box-shadow:0 0 0 3px #2457e61f}form button{color:#fff;background:#2457e6;border:0;border-radius:10px;min-height:46px;font-weight:750}.form-error{color:#c62828;margin:-4px 0;font-size:14px}.dashboard-page{min-height:100vh;padding:40px}.dashboard-header{justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto 32px;display:flex}.dashboard-header .eyebrow{margin-top:0}.secondary-button{background:#fff;border:1px solid #ccd5e4;border-radius:9px;padding:10px 16px}.welcome-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;max-width:1180px;margin:0 auto;padding:30px}.header-description{color:#69758c;margin:0}.admin-actions{align-items:center;gap:18px;display:flex}.admin-identity{text-align:right;gap:3px;display:grid}.admin-identity span{color:#69758c;font-size:13px}.summary-grid{grid-template-columns:repeat(3,1fr);gap:16px;max-width:1180px;margin:0 auto 24px;display:grid}.summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:22px}.summary-card span{color:#69758c;margin-bottom:10px;font-size:14px;display:block}.summary-card strong{font-size:24px}.customer-panel{background:#fff;border:1px solid #e2e8f0;border-radius:18px;max-width:1180px;margin:0 auto;overflow:hidden}.panel-heading{justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.panel-heading h2{margin-bottom:5px}.panel-heading p{color:#69758c;margin-bottom:0}.search-form{grid-template-columns:none;gap:10px;display:flex}.search-form input{width:280px}.search-form button{min-height:42px;padding:0 20px}.panel-error{color:#9f1c1c;background:#fff0f0;border-radius:9px;margin:0 24px 20px;padding:12px 14px}.table-wrap{border-top:1px solid #e9edf4;border-bottom:1px solid #e9edf4;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:980px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #edf1f6;padding:14px 16px}th{color:#657087;background:#f8faff;font-size:13px}td{font-size:14px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcff}.empty-cell{color:#758097;text-align:center;padding:46px}.status-badge{border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700;display:inline-flex}.status-badge.active{color:#147a45;background:#e9f8ef}.status-badge.disabled{color:#a12626;background:#fff0f0}.pagination{color:#69758c;justify-content:space-between;align-items:center;padding:18px 24px;font-size:14px;display:flex}.pagination div{align-items:center;gap:14px;display:flex}.pagination button{background:#fff;border:1px solid #ccd5e4;border-radius:8px;padding:8px 13px}@media (width<=760px){.dashboard-page{padding:20px}.dashboard-header,.panel-heading,.pagination{flex-direction:column;align-items:stretch}.admin-actions{justify-content:space-between}.summary-grid{grid-template-columns:1fr}.search-form,.search-form input{width:100%}}.panel-tools{align-items:center;gap:12px;display:flex}.primary-button{color:#fff;background:#2457e6;border:0;border-radius:9px;min-height:42px;padding:0 18px;font-weight:750}.modal-backdrop{z-index:100;background:#0e172a8c;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal-card{background:#fff;border-radius:20px;width:min(100%,680px);max-height:calc(100vh - 48px);padding:28px;overflow-y:auto;box-shadow:0 30px 90px #0000003d}.modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.modal-header .eyebrow{margin-top:0}.icon-button{color:#566177;background:#fff;border:1px solid #d5ddeb;border-radius:9px;width:38px;height:38px;font-size:25px;line-height:1}.customer-form{gap:22px}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.full-field{grid-column:1/-1}select{width:100%;font:inherit;background:#fff;border:1px solid #ccd5e4;border-radius:10px;outline:none;padding:13px 14px}select:focus{border-color:#2457e6;box-shadow:0 0 0 3px #2457e61f}label small{color:#778197;font-weight:400}.password-row{align-items:center;gap:10px;display:flex}.password-row input{flex:1}.password-row button{flex:none;min-height:46px}.modal-footer{justify-content:flex-end;gap:12px;display:flex}.credential-warning{color:#7b5700;background:#fff8df;border:1px solid #f0cf78;border-radius:10px;padding:13px 15px}.credential-result dl{gap:14px;display:grid}.credential-result dl div{background:#f8faff;border:1px solid #e1e7f0;border-radius:10px;padding:14px}.credential-result dt{color:#69758c;margin-bottom:8px;font-size:13px}.credential-result dd{align-items:center;gap:10px;margin:0;display:flex}.credential-result code{overflow-wrap:anywhere;color:#172033;flex:1;font-size:13px}.credential-result dd button{background:#fff;border:1px solid #ccd5e4;border-radius:7px;padding:7px 11px}.full-button{width:100%;margin-top:20px}@media (width<=760px){.panel-tools,.password-row{flex-direction:column;align-items:stretch}.form-grid{grid-template-columns:1fr}.full-field{grid-column:auto}}button.secondary-button{color:#172033;white-space:nowrap;background:#fff;font-weight:650}.small-button{background:#fff;border:1px solid #0000;border-radius:8px;padding:7px 12px;font-size:13px;font-weight:700}.danger-button{color:#b42323;background:#fff5f5;border-color:#efc3c3}.success-button{color:#147a45;background:#f0fbf4;border-color:#b9dfc9}.action-buttons{align-items:center;gap:8px;display:flex}.warning-button{color:#815c00;background:#fff9e8;border-color:#ead08d}
