:root{color-scheme:light;--ink:#172019;--muted:#6d786f;--line:#dfe5df;--paper:#fff;--canvas:#f3f5f2;--green:#235d3b;--lime:#dfff38;--danger:#a33e35;--shadow:0 18px 48px rgba(36,49,39,.08)}*{box-sizing:border-box}body{margin:0;min-width:920px;color:var(--ink);background:var(--canvas);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}button,input{font:inherit}button:focus-visible,input:focus-visible{outline:3px solid #315cff;outline-offset:2px}.is-hidden{display:none!important}.login-view{min-height:100vh;display:grid;grid-template-columns:1fr minmax(380px,520px) 1fr;grid-template-rows:auto 1fr auto;align-items:center;padding:28px;background:radial-gradient(circle at 24% 40%,#dbe8d8 0 12%,transparent 12.2%),linear-gradient(120deg,#edf2eb 0 50%,#151d17 50%)}.login-brand{grid-column:1/-1;align-self:start;display:flex;align-items:center;gap:12px;color:#162018}.login-brand i,.brand i{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:#172019;background:var(--lime);font-style:normal;font-weight:900}.login-brand span,.login-brand b,.login-brand small,.brand span,.brand b,.brand small{display:block}.login-brand small{margin-top:3px;color:#667168;font-size:10px}.login-card{grid-column:2;width:100%;display:grid;gap:16px;padding:38px;border:1px solid #dce4dc;border-radius:18px;background:#fff;box-shadow:0 28px 80px rgba(14,24,17,.18)}.login-card>span{color:#477156;font-size:11px;font-weight:800;letter-spacing:.08em}.login-card h1{margin:0;font-size:32px;line-height:1.15;letter-spacing:-.04em}.login-card>p{margin:-5px 0 5px;color:var(--muted);font-size:13px}.login-card label{display:grid;gap:7px}.login-card label span{font-size:11px;font-weight:700}.login-card input{height:44px;padding:0 12px;border:1px solid #cfd8d0;border-radius:10px;background:#fbfcfa}.login-card button{height:46px;border:0;border-radius:10px;color:#fff;background:var(--green);font-weight:800;cursor:pointer}.login-card button:disabled{opacity:.55;cursor:wait}.form-error{min-height:16px;color:var(--danger);font-size:11px}.login-view>footer{grid-column:1/-1;align-self:end;color:#8f9a91;font-size:10px}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #29332b;color:#fff;background:#161d18}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand b{font-size:15px}.brand small{margin-top:3px;color:#9baa9e;font-size:10px}.topbar>div{display:flex;align-items:center;gap:12px;color:#aeb9b0;font-size:12px}.topbar>div>b{color:#fff}.topbar button{margin-left:14px;padding:9px 12px;border:1px solid #3a473d;border-radius:9px;color:#e9efea;background:#212a23;cursor:pointer}.console-view>main{min-height:calc(100vh - 70px);display:grid;grid-template-columns:275px minmax(0,1fr)}.customers{display:flex;flex-direction:column;padding:22px 16px;border-right:1px solid var(--line);background:#fafbf9}.customers>header{display:flex;align-items:center;justify-content:space-between;padding:0 8px 14px}.customers>header span{font-size:12px;font-weight:800}.customers>header em{color:var(--muted);font-size:10px;font-style:normal}.search{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:0 11px;border:1px solid var(--line);border-radius:10px;background:#fff}.search span{color:#8d978f}.search input{width:100%;height:38px;border:0;outline:0;background:transparent}.customers nav{display:grid;gap:7px}.customers nav button{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:11px;border:1px solid transparent;border-radius:12px;color:var(--ink);background:transparent;text-align:left;cursor:pointer}.customers nav button:hover{background:#f0f3ef}.customers nav button.active{border-color:#bfcbbf;background:#fff;box-shadow:var(--shadow)}.customers nav i{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#315740;background:#e5eee6;font-style:normal;font-weight:800}.customers nav span,.customers nav b,.customers nav small{display:block;min-width:0}.customers nav b{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.customers nav small{margin-top:4px;color:var(--muted);font-size:10px}.customers nav em{color:#9ca59e;font-style:normal}.customers>footer{display:flex;justify-content:space-between;margin-top:auto;padding:16px 8px 0;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.workspace{min-width:0;padding:34px 40px 110px}.empty-state{min-height:60vh;display:grid;place-items:center;align-content:center;color:var(--muted);text-align:center}.empty-state i{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;color:#fff;background:var(--green);font-style:normal;font-weight:900}.empty-state h1{margin:17px 0 5px;color:var(--ink);font-size:21px}.empty-state p{margin:0;font-size:12px}.workspace-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;max-width:1120px;margin:0 auto 20px}.workspace-head>div>span{color:#477156;font-size:11px;font-weight:800;letter-spacing:.08em}.workspace-head h1{margin:8px 0 7px;font-size:27px;letter-spacing:-.03em}.workspace-head p{margin:0;color:var(--muted);font-size:13px}.summary{min-width:140px;padding:12px 15px;border-left:3px solid var(--lime);background:#202922;color:#fff}.summary small,.summary strong,.summary em{display:block}.summary small,.summary em{color:#aebcaf;font-size:9px}.summary strong{margin:4px 0;font-size:18px}.summary em{font-style:normal}.notice{max-width:1120px;display:flex;align-items:center;gap:12px;margin:0 auto 18px;padding:13px 15px;border:1px solid #d8e2d8;border-radius:12px;background:#edf4ed}.notice i{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--green);font-style:normal}.notice span,.notice b,.notice small{display:block}.notice b{font-size:12px}.notice small{margin-top:3px;color:#627065;font-size:10px}.page-error{max-width:1120px;margin:0 auto 16px;padding:11px 13px;border:1px solid #e3b8b3;border-radius:10px;color:#8b332c;background:#fff2f1;font-size:11px}.designs{max-width:1120px;display:grid;grid-template-columns:repeat(4,minmax(175px,1fr));gap:14px;margin:0 auto}.design-card{position:relative;padding:9px 9px 13px;border:1px solid var(--line);border-radius:14px;background:var(--paper);box-shadow:0 8px 24px rgba(38,49,41,.04);cursor:pointer}.design-card input{position:absolute;opacity:0}.design-card .check{position:absolute;top:17px;right:17px;width:22px;height:22px;display:grid;place-items:center;border:1px solid #bcc6bd;border-radius:50%;color:transparent;background:#fff;z-index:2}.design-card input:checked~.check{border-color:var(--green);color:#fff;background:var(--green)}.design-card:has(input:checked){border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green),0 12px 28px rgba(35,93,59,.12)}.mini{height:112px;overflow:hidden;display:grid;place-items:center;border-radius:9px;background:var(--mini-bg);box-shadow:inset 0 0 0 1px #0000000d}.mini:before{content:"";width:58%;height:62%;border-radius:var(--mini-radius);background:linear-gradient(180deg,var(--mini-accent) 0 28%,var(--mini-surface) 28%);box-shadow:0 9px 18px #0002}.design-card:nth-child(1){--mini-bg:#f2f6ed;--mini-accent:#dfff38;--mini-surface:#fff;--mini-radius:12px}.design-card:nth-child(2){--mini-bg:#ece8df;--mini-accent:#9c2d2d;--mini-surface:#fbfaf6;--mini-radius:1px}.design-card:nth-child(3){--mini-bg:#fff4d1;--mini-accent:#ffd653;--mini-surface:#fffdf5;--mini-radius:10px}.design-card:nth-child(4){--mini-bg:#0a0920;--mini-accent:#00e6c3;--mini-surface:#ff3d9a;--mini-radius:2px}.design-card:nth-child(5){--mini-bg:#fff;--mini-accent:#1d42ff;--mini-surface:#fff;--mini-radius:28px}.design-card:nth-child(6){--mini-bg:#eee4cf;--mini-accent:#f2c84b;--mini-surface:#f8f1df;--mini-radius:0}.design-card:nth-child(7){--mini-bg:#211810;--mini-accent:#d19a49;--mini-surface:#37271b;--mini-radius:3px}.design-card>strong{display:block;margin:12px 3px 0;font-size:14px}.design-card>small{display:block;margin:5px 3px 0;color:var(--muted);font-size:10px;line-height:1.45}.custom-service{max-width:1120px;display:flex;align-items:center;justify-content:space-between;margin:20px auto 0;padding:17px 18px;border:1px solid var(--line);border-radius:14px;background:#fff}.custom-service span{color:#477156;font-size:9px;font-weight:800}.custom-service h2{margin:5px 0 3px;font-size:15px}.custom-service p{margin:0;color:var(--muted);font-size:10px}.custom-service label{display:flex;align-items:center;gap:9px;cursor:pointer}.custom-service input{position:absolute;opacity:0}.custom-service label>span{width:36px;height:20px;padding:2px;border-radius:999px;background:#cbd2cc}.custom-service label>span:before{content:"";display:block;width:16px;height:16px;border-radius:50%;background:#fff;transition:.18s}.custom-service input:checked+span{background:var(--green)}.custom-service input:checked+span:before{transform:translateX(16px)}.custom-service label b{min-width:42px;color:var(--muted);font-size:10px}.actions{position:fixed;left:275px;right:0;bottom:0;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 40px;border-top:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:blur(12px)}.actions>div{margin-right:auto}.actions b,.actions small{display:block}.actions b{font-size:11px}.actions small{margin-top:3px;color:var(--muted);font-size:9px}.actions button{min-height:40px;padding:0 18px;border-radius:10px;font-weight:700;cursor:pointer}.secondary{border:1px solid var(--line);color:#445048;background:#fff}.primary{border:1px solid var(--green);color:#fff;background:var(--green)}.primary:disabled{opacity:.45;cursor:not-allowed}.toast{position:fixed;right:28px;bottom:84px;padding:12px 16px;border-radius:10px;color:#fff;background:#172019;box-shadow:var(--shadow);font-size:11px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}@media(max-width:1120px){.workspace{padding-left:24px;padding-right:24px}.designs{grid-template-columns:repeat(3,minmax(175px,1fr))}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}