:root{color:#172033;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit}button:disabled{cursor:not-allowed;opacity:.6}.topbar{align-items:center;background:#fff;border-bottom:1px solid #dfe4ea;display:flex;height:64px;justify-content:space-between;padding:0 24px}.brand,.top-actions,.tabs{align-items:center;display:flex;gap:10px}.brand{color:#1f2937;font-weight:700}.page{margin:0 auto;max-width:1180px;padding:28px 24px 48px}.summary,.login-panel,.empty-state,.customer-section{background:#fff;border:1px solid #dfe4ea;border-radius:8px}.summary{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:24px}.eyebrow{color:#64748b;font-size:.78rem;font-weight:700;letter-spacing:0;margin:0 0 6px;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{font-size:1.8rem;line-height:1.2;margin-bottom:8px}h2{font-size:1.15rem;margin-bottom:4px}h3{font-size:1rem;margin-bottom:8px}p{color:#64748b;line-height:1.55}.stats{display:flex;gap:12px}.stat{border:1px solid #dfe4ea;border-radius:8px;min-width:110px;padding:14px 16px}.stat strong{display:block;font-size:1.5rem}.stat span{color:#64748b;font-size:.85rem}.customer-list{display:grid;gap:18px}.customer-section{border-top:4px solid var(--accent);padding:20px}.customer-header{align-items:center;display:flex;gap:12px;margin-bottom:18px}.brand-mark{align-items:center;background:#f8fafc;border:1px solid #dfe4ea;border-radius:8px;display:flex;height:48px;justify-content:center;overflow:hidden;width:48px}.brand-mark img{display:block;max-height:100%;max-width:100%;object-fit:contain}.service-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.service-card{align-items:center;border:1px solid #dfe4ea;border-radius:8px;display:flex;justify-content:space-between;min-height:132px;padding:16px;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.service-card:hover{border-color:var(--accent);box-shadow:0 10px 30px #0f172a1a;transform:translateY(-1px)}.service-card p{margin-bottom:0}.service-icon{align-items:center;background:#eef4ff;border-radius:8px;color:var(--accent);display:flex;height:34px;justify-content:center;margin-bottom:14px;width:34px}.login-panel{align-items:center;display:flex;justify-content:space-between;margin-top:12vh;padding:32px}.login-copy{margin-bottom:0;max-width:620px}.primary-button,.ghost-button,.icon-button{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;gap:8px;justify-content:center}.primary-button{background:#2563eb;color:#fff;font-weight:700;min-height:44px;padding:0 18px}.ghost-button,.icon-button{background:#fff;border:1px solid #dfe4ea;color:#334155;min-height:38px}.ghost-button{padding:0 12px}.icon-button{width:38px}.tabs{background:#f4f6f8;border:1px solid #dfe4ea;border-radius:8px;padding:3px}.tab{align-items:center;background:transparent;border:0;border-radius:6px;color:#64748b;cursor:pointer;display:inline-flex;gap:6px;min-height:32px;padding:0 10px}.tab.active{background:#fff;color:#1f2937;font-weight:700}.admin-layout{display:grid;gap:18px;grid-template-columns:minmax(260px,.85fr) minmax(0,2fr)}.admin-column{display:grid;gap:18px}.panel{background:#fff;border:1px solid #dfe4ea;border-radius:8px;padding:18px}.panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.panel-header h2{margin-bottom:0}.small-status{align-items:center;background:#eef4ff;border-radius:999px;color:#2563eb;display:inline-flex;font-size:.82rem;font-weight:700;min-height:28px;padding:0 10px}.inline-form,.stack-form{margin-bottom:14px}.inline-form{display:grid;gap:8px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.inline-form.two{grid-template-columns:minmax(0,1fr) auto}.stack-form{display:grid;gap:10px}.form-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.form-notice{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#9a3412;font-size:.88rem;margin:0;padding:9px 10px}.inline-form .form-notice{grid-column:1 / -1}input,select,textarea{background:#fff;border:1px solid #dfe4ea;border-radius:8px;color:#172033;padding:0 10px;width:100%}input,select{min-height:38px}textarea{font:inherit;line-height:1.5;min-height:96px;padding:10px;resize:vertical}.secondary-button{align-items:center;background:#172033;border:0;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;justify-content:center;min-height:40px;padding:0 14px;width:fit-content}.table-list,.service-admin-grid{display:grid;gap:8px}.row-button{align-items:flex-start;background:#fff;border:1px solid #dfe4ea;border-radius:8px;color:#172033;cursor:pointer;display:flex;flex-direction:column;gap:4px;min-height:58px;padding:10px;text-align:left}.row-button.active{border-color:#2563eb;box-shadow:inset 3px 0 #2563eb}.row-button small,.admin-card small,.admin-card span{color:#64748b}.service-admin-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.admin-card{background:#fff;border:1px solid #dfe4ea;border-radius:8px;color:#172033;display:grid;gap:6px;min-height:94px;overflow-wrap:anywhere;padding:12px;text-align:left}.admin-card.selectable{cursor:pointer}.admin-card.selectable.active{border-color:#2563eb;box-shadow:inset 3px 0 #2563eb}.admin-status{color:#334155;font-size:.9rem}.admin-split{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px}.compact-list{border:1px solid #dfe4ea;border-radius:8px;list-style:none;margin:0;max-height:190px;overflow:auto;padding:0}.compact-list li{border-bottom:1px solid #edf1f5;color:#334155;font-size:.88rem;overflow-wrap:anywhere;padding:9px 10px}.compact-list li:last-child{border-bottom:0}.compact-empty{border:1px dashed #dfe4ea;border-radius:8px;margin-bottom:0;padding:12px}.branding-editor{display:grid;gap:12px}.branding-preview{align-items:center;border:1px solid #dfe4ea;border-left:4px solid var(--accent);border-radius:8px;display:flex;gap:12px;padding:14px}.branding-preview strong,.branding-preview span{display:block}.branding-preview span{color:#64748b;font-size:.85rem;margin-top:3px}.brand-mark.large{height:58px;width:58px}.color-field{align-items:center;border:1px solid #dfe4ea;border-radius:8px;display:grid;gap:8px;grid-template-columns:auto 38px minmax(0,1fr);min-height:38px;padding:0 8px}.color-field span{color:#64748b;font-size:.82rem}.color-field input{border:0;padding:0}.color-field input[type=color]{background:transparent;cursor:pointer;height:28px;min-height:28px}.empty-state{align-items:center;display:flex;flex-direction:column;min-height:260px;justify-content:center;padding:32px;text-align:center}.muted{margin-bottom:0}.spin{animation:spin 1s linear infinite;display:inline-flex}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 720px){.topbar,.summary,.login-panel{align-items:stretch;flex-direction:column;height:auto}.topbar{gap:12px;padding:16px}.page{padding:18px 14px 36px}.summary,.login-panel{gap:20px}.stats{width:100%}.stat{flex:1;min-width:0}.primary-button,.ghost-button{width:100%}.admin-layout,.admin-split,.form-grid,.inline-form{grid-template-columns:1fr}}