.client-shell{min-height:100vh;background:#f5f6f8}.client-top{height:70px;display:flex;align-items:center;gap:28px;padding:0 clamp(18px,4vw,66px);background:#fff;border-bottom:1px solid #e8ebef}.client-top .site-brand{min-width:190px}.client-top nav{display:flex;align-items:center;gap:6px;flex:1}.client-top nav a{padding:11px 13px;border-radius:5px;color:#69727d;font-size:12px;font-weight:690;white-space:nowrap}.client-top nav a.active,.client-top nav a:hover{background:#fbeaec;color:#c92334}.client-account{display:flex;align-items:center;gap:13px;color:#6c7580;font-size:12px;white-space:nowrap}.client-account button{border:0;background:none;color:#a64750;cursor:pointer;font-size:12px}.client-main{max-width:1200px;margin:auto;padding:34px 22px 70px}.client-heading{margin-bottom:22px}.client-heading h1{margin:8px 0 7px;font-size:28px}.client-heading p{margin:0;color:#8a939d;font-size:12px}.client-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.client-metric{padding:23px;background:#fff;border:1px solid #e9ecf0;border-radius:8px}.client-metric small{display:block;color:#808994;font-size:12px}.client-metric strong{display:block;margin:14px 0 5px;font-size:30px}.client-metric span{color:#9da5ae;font-size:11px}.client-metric.red{background:#d5293a;border-color:#d5293a;color:#fff}.client-metric.red small,.client-metric.red span{color:#ffe2e5}.client-panel{margin-top:18px;padding:25px;background:#fff;border:1px solid #e8ebef;border-radius:8px}.client-panel h2{margin:0 0 18px;font-size:17px}.client-actions{display:flex;gap:10px;flex-wrap:wrap}.client-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;padding:10px 15px;border:1px solid #dbe0e5;border-radius:5px;background:#fff;color:#3d4651;font-size:12px;font-weight:690;cursor:pointer}.client-btn:hover{background:#f5f6f8}.client-btn.red{border-color:#d5293a;background:#d5293a;color:#fff}.client-btn.red:hover{background:#b92131}.client-btn:disabled{opacity:.5;cursor:not-allowed}.client-form{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.client-field{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#4c5661;font-weight:700}.client-field.wide{grid-column:1/-1}.client-field input,.client-field select,.client-field textarea{width:100%;min-height:43px;padding:10px 12px;border:1px solid #dce1e6;border-radius:5px;background:#fff;color:#27303a;outline:none}.client-field input:focus,.client-field select:focus,.client-field textarea:focus{border-color:#d5293a;box-shadow:0 0 0 3px #f8e2e5}.client-field textarea{min-height:90px;resize:vertical}.client-help{padding:12px 14px;border-left:3px solid #d5293a;background:#fff4f5;color:#85515a;font-size:12px;line-height:1.7}.client-help.wide{grid-column:1/-1}.client-table{width:100%;border-collapse:collapse;white-space:nowrap}.client-table th,.client-table td{padding:13px;border-bottom:1px solid #edf0f2;text-align:left;font-size:12px}.client-table th{background:#f7f8fa;color:#78818c;font-size:11px}.client-table-wrap{overflow:auto}.client-empty{text-align:center;color:#9da5ad;padding:48px 12px;font-size:12px}.client-badge{display:inline-block;padding:5px 9px;border-radius:4px;background:#fce9ec;color:#bb2635;font-size:11px;font-weight:700}.client-data{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.client-data div{padding:13px;border-bottom:1px solid #ecedf0}.client-data small{display:block;color:#89919a;font-size:11px}.client-data strong{display:block;margin-top:5px;font-size:13px;word-break:break-word}.client-qr{text-align:center;padding:25px}.client-qr img{width:260px;max-width:100%;margin:auto}.client-qr p{font-size:12px;color:#818a94}.client-login{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.client-login-art{display:flex;flex-direction:column;justify-content:space-between;padding:50px 9%;background:#20242a;color:#fff}.client-login-art h1{font-size:clamp(38px,4vw,60px);line-height:1.28}.client-login-art h1 span{color:#ed6571}.client-login-art p{max-width:480px;color:#b9c0c8;line-height:1.8}.client-login-side{display:grid;place-items:center;padding:35px;background:#fff}.client-login-card{width:min(390px,100%)}.client-login-card h2{font-size:30px;margin:12px 0 7px}.client-login-card>p{color:#89939d;font-size:12px;margin:0 0 30px}.role-switch{display:flex;gap:8px;margin:0 0 24px}.role-switch button{flex:1;padding:11px;border:1px solid #dfe3e8;border-radius:5px;background:#fff;font-size:12px;cursor:pointer}.role-switch button.active{border-color:#d5293a;background:#fbeaec;color:#c82334;font-weight:700}.client-login-card .client-field{margin-bottom:16px}.code-row{display:flex;gap:8px}.code-row input{flex:1;min-width:0}.code-row button{white-space:nowrap}.client-login-card .client-btn.red{width:100%;margin-top:10px}.client-login-card .client-help{margin-top:22px}.client-back{display:block;margin-top:23px;color:#818a95;font-size:12px}.client-footer{padding:28px;text-align:center;color:#9aa2ab;font-size:11px}#client-toast{position:fixed;right:20px;bottom:20px;z-index:100;display:none;padding:13px 18px;border-radius:5px;background:#23272e;color:#fff;box-shadow:0 10px 30px #2228;font-size:12px}#client-toast.show{display:block}
@media(max-width:850px){.client-top{gap:8px;padding:0 13px}.client-top .site-brand{min-width:auto}.client-top nav{overflow:auto}.client-top nav a{padding:9px 8px}.client-account span{display:none}.client-login{grid-template-columns:1fr}.client-login-art{min-height:250px;padding:28px}.client-login-art h1{font-size:34px}.client-login-side{min-height:calc(100vh - 250px)}.client-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.client-top{height:auto;min-height:66px;flex-wrap:wrap;padding:9px 13px}.client-top nav{order:3;width:100%;flex:auto}.client-top nav a{flex:none}.client-account{margin-left:auto}.client-main{padding:23px 13px 60px}.client-heading h1{font-size:24px}.client-grid{gap:9px}.client-metric{padding:16px}.client-metric strong{font-size:24px}.client-panel{padding:17px}.client-form,.client-data{grid-template-columns:1fr}.client-field.wide,.client-help.wide{grid-column:auto}}
.auth-switch{width:100%;margin-top:8px;border:0;background:transparent;color:#c42535}.auth-switch:hover{background:#fff4f5}.client-login-card .client-help{margin-top:16px}