:root{--ink:#162f38;--muted:#7b898e;--green:#12634e;--mint:#d5ede3;--line:#e2e7e5;--paper:#f5f7f4;--white:#fff;--danger:#a23b33;font-family:"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #79bfa8;outline-offset:3px}input,textarea,select{border:1px solid #d9e2de;background:#fff;border-radius:9px;padding:12px 13px;color:var(--ink);min-width:0;width:100%}textarea{resize:vertical}label{display:grid;gap:9px;font-size:13px;font-weight:600}form>label,form>.form-grid{margin-top:22px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:650}p{line-height:1.85}button{border:0;background:none;color:inherit}button:disabled{opacity:.55}[hidden]{display:none!important}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--muted)}.muted,.hint{color:var(--muted)}.hint{font-size:12px;line-height:1.8}.error{color:var(--danger);font-size:13px;min-height:8px}.error:empty{margin:0}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:12px 18px;border-radius:8px;font-weight:600;white-space:nowrap;transition:background .18s,transform .18s}.button:hover{transform:translateY(-1px)}.primary{background:var(--green);color:#fff}.primary:hover{background:#0d513f}.secondary{background:#fff;border:1px solid var(--line)}.secondary:hover{background:#f3f7f4}.complete{background:#e5efe6;color:#3e6147}.danger{background:var(--danger);color:#fff}.compact{font-size:12px;padding:9px 13px}.wide{width:100%;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:650;letter-spacing:.04em}.brand-mark{display:inline-flex;align-items:center;justify-content:center;background:#b5e8d1;color:#102c35;width:38px;height:38px;border-radius:10px;font:italic bold 33px Georgia,serif;letter-spacing:-3px;padding-right:3px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#69ac8b;margin-right:7px;vertical-align:2px}.app-shell{display:flex;min-height:100vh}.sidebar{width:228px;flex-shrink:0;background:#142f38;color:#edf4ef;padding:31px 23px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.sidebar-label{margin-top:65px;font-size:11px;color:#91a8aa;margin-bottom:17px}.nav-item{display:flex;align-items:center;gap:10px;padding:13px 12px;border-radius:8px;text-align:left;font-size:13px}.nav-item.active{background:#26434a;color:#d5ede3}.nav-item>span:first-child{font-size:20px;color:#aed5c4}.nav-arrow{margin-left:auto}.sidebar-note{margin-top:38px;padding:0 12px;font-size:11px;color:#b0c2c3}.sidebar-note p{margin-top:12px;color:#80999d;line-height:1.9}.sidebar-bottom{margin-top:auto;border-top:1px solid #355057;padding-top:19px;display:grid;gap:9px}.sidebar-bottom button{text-align:left;color:#aabfc1;font-size:12px;padding:7px 9px}.sidebar-bottom button span{float:right}.workspace{margin-left:228px;min-width:0;flex:1}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted);background:#fafbf9}.topbar strong{color:#4c6268;margin-left:7px;font-weight:500}.admin-chip{border:1px solid var(--line);border-radius:30px;padding:8px 13px;background:white;font-size:11px;color:#5d7075}main#customers-view{max-width:1500px;margin:auto;padding:45px 48px 25px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-heading h1{font-size:30px;letter-spacing:-.04em;margin:13px 0 12px}.heading-dot{color:#419575;margin-left:2px}.page-heading p{color:var(--muted);font-size:12px;margin:0}.overview{display:grid;grid-template-columns:1fr 1fr 1fr;background:#eef2ec;border:1px solid #dfe6de;border-radius:12px;padding:24px 28px;gap:24px;margin-bottom:38px}.overview>div{border-right:1px solid #d6e0d6}.stat-label{display:block;color:#7c8d82;font-size:11px;margin-bottom:12px}.overview strong{display:block;font:32px Georgia,serif;letter-spacing:-.03em}.overview strong span{font:11px "Microsoft YaHei",sans-serif;margin-left:12px;color:#7c8d82}.overview .small-stat{font-size:17px;font-family:inherit;margin-top:17px;letter-spacing:0}.overview>p{margin:0;align-self:center;padding-left:7px;font-size:12px;color:#668071;line-height:1.9}.step-number{display:block;font:10px Georgia,serif;color:#90a28c;letter-spacing:.15em;margin-bottom:5px}.account-section{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;min-height:315px}.section-toolbar{display:flex;align-items:center;justify-content:space-between;padding:23px 25px;gap:16px}.section-toolbar h2{font-size:15px;margin:0}.section-toolbar h2 span{margin-left:8px;background:#edf2ee;color:#698071;border-radius:6px;padding:3px 7px;font-size:10px}.search{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:7px;padding:0 10px;min-width:190px}.search>span{font-size:24px;color:#91a298}.search input{border:0;padding:9px 3px;font-size:11px;max-width:210px}.table-head,.customer-row{display:grid;grid-template-columns:1.3fr 1fr 1fr 160px;align-items:center;gap:16px;padding:15px 25px}.table-head{background:#fafbf9;color:#92a098;font-size:10px;border-block:1px solid #edf0ed}.customer-row{padding-block:24px;border-bottom:1px solid #edf0ed;font-size:12px}.customer-row:last-child{border-bottom:0}.customer-main{display:flex;gap:13px;align-items:center;min-width:0}.customer-avatar{height:42px;width:42px;display:grid;place-items:center;border:1px solid #e0e8de;border-radius:11px;background:#eef3ed;color:#41634f;font-size:14px;flex-shrink:0}.customer-main strong{font-size:13px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px}.customer-main small{display:block;font-size:10px;color:#90a097;margin-top:7px}.customer-detail small{display:block;margin-top:6px;color:#8e9c96;font-size:10px}.status-tag{display:inline-flex;border:1px solid #e5e9e6;background:#f7f9f6;border-radius:5px;padding:5px 7px;font-size:10px;color:#819187}.status-tag.running{border-color:#c9e3d6;color:#287151;background:#edf7ef}.identity-time{font-size:10px;color:#8d9b93;margin-top:7px}.row-actions{display:flex;gap:5px;justify-content:flex-end;align-items:center}.row-actions .button{font-size:11px;padding:9px 12px;gap:6px}.more-button{font-size:18px;padding:7px}.empty-state{text-align:center;padding:42px 20px 46px}.empty-icon{height:47px;width:47px;border:1px dashed #adbeae;border-radius:13px;background:#f2f6ef;display:grid;place-items:center;font-size:23px;color:#5f8167;margin:0 auto 18px}.empty-state h3{font-size:15px;margin-bottom:10px}.empty-state p{color:#8d9b93;font-size:12px}.empty-state .button{font-size:12px;margin-top:7px}.workspace-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;color:#93a198;font-size:10px;margin-top:20px}.workspace-foot button{font-size:11px;color:#748b7c}.login-view{display:grid;grid-template-columns:47% 53%;min-height:100vh;background:#fcfdfb}.login-story{background:#142f38;color:#fff;padding:44px 58px;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;position:relative;overflow:hidden}.login-story:after{content:"";position:absolute;width:470px;height:470px;border:1px solid #34555a;border-radius:50%;bottom:-240px;right:-240px;box-shadow:0 0 0 70px #1b3840,0 0 0 71px #34555a;pointer-events:none}.login-story .eyebrow{color:#7faba0;font-size:10px}.login-story h1{font-size:clamp(32px,3.1vw,48px);letter-spacing:-.03em;line-height:1.55;margin:26px 0 24px}.login-story p{font-size:13px;color:#a8c0bf;line-height:2.1}.story-flow{display:flex;gap:20px;margin-top:37px;color:#8db1a4;font-size:10px;flex-wrap:wrap}.login-story small{font-size:10px;letter-spacing:.1em;color:#779d98}.login-panel{display:flex;align-items:center;justify-content:center;padding:50px}.login-form{width:340px;max-width:100%}.login-form h2{font-size:25px;margin:16px 0}.login-form>.muted{font-size:12px;margin-bottom:35px}.login-form .wide{margin-top:26px}.login-foot{font-size:10px;color:#9ca9a1;margin-top:22px;text-align:center}dialog{border:1px solid var(--line);border-radius:16px;background:#fff;padding:30px;width:500px;max-width:calc(100vw - 28px);color:var(--ink);box-shadow:0 24px 90px #142f3826;max-height:90vh;overflow:auto}dialog::backdrop{background:#152e3859;backdrop-filter:blur(3px)}.dialog-title{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:25px}.dialog-title h2{margin:6px 0 0;font-size:22px}.icon-close{font-size:24px;color:#8d9d94;line-height:1;padding:2px 3px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:27px}.dialog-actions .button{font-size:12px}.delete-note{background:#fbf2e9;border:1px solid #edddcd;color:#8c674d;border-radius:8px;padding:15px;font-size:12px;line-height:1.8}.browser-view{padding:30px clamp(16px,3vw,42px);max-width:1600px;margin:auto}.browser-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.browser-heading h1{font-size:25px;margin:14px 0 6px}.browser-heading p{font-size:11px;margin:0}.text-button{font-size:12px;color:#6c8777;padding:4px 0}.button-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.browser-heading .button{font-size:11px;padding:10px 12px}.identity-banner{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 18px;border:1px solid #dce7d7;background:#eef4e9;border-radius:9px;margin-bottom:19px}.identity-banner strong{font-size:12px;color:#577247}.identity-banner p{font-size:10px;color:#829474;margin:5px 0 0}.remote-tools{display:flex;gap:10px;align-items:center;background:#e9eeea;border:1px solid #d5ded7;border-bottom:0;border-radius:10px 10px 0 0;padding:9px 12px}.remote-tools button{color:#6c8172;padding:5px 7px;font-size:19px}.address{display:flex;flex:1;background:#fff;border:1px solid #dde5df;border-radius:6px;min-width:80px}.address input{border:0;background:none;font-size:11px;padding:8px}.address button{font-size:15px}.remote-tools select{font-size:10px;max-width:200px;background:#f6f8f5;padding:9px;border-radius:6px}.remote-stage{position:relative;aspect-ratio:1280/800;width:100%;background:#f1f3f1;border:1px solid #d5ded7;overflow:hidden}.remote-stage img{display:block;width:100%;height:100%;object-fit:contain;cursor:default;touch-action:none}.remote-stage img:not([src]){visibility:hidden}.remote-stage img:focus-visible{outline:2px solid #75ab88;outline-offset:-2px}#frame-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#8da08f;font-size:12px;pointer-events:none}.remote-footer{padding:13px 15px;border:1px solid #d5ded7;border-top:0;display:flex;justify-content:space-between;align-items:center;border-radius:0 0 9px 9px;background:#fff;gap:12px;font-size:10px}.remote-footer .text-button{font-size:10px}.remote-footer .button-row{gap:18px}.browser-help{font-size:10px;color:#8a9a8e;margin:12px 0}#download-list{display:grid;gap:10px}#download-list a{display:block;padding:12px;background:#f2f6ef;border-radius:8px;color:#316449;overflow-wrap:anywhere;font-size:12px}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);max-width:90vw;background:#173b32;color:#fff;border-radius:10px;padding:14px 23px;font-size:12px;box-shadow:0 7px 24px #142f3826;z-index:20}#toast.bad{background:#843e35}@media(min-width:1500px){main#customers-view{padding-top:60px}.account-section{margin-top:42px}.customer-row{padding-block:30px}}@media(max-width:1100px){.sidebar{width:195px;padding-inline:18px}.workspace{margin-left:195px}.topbar{padding-inline:28px}main#customers-view{padding-inline:28px}.table-head,.customer-row{grid-template-columns:1.2fr 1fr 130px;gap:12px}.table-head>span:nth-child(3),.customer-row>.identity-col{display:none}.browser-heading{align-items:flex-start;flex-direction:column}.remote-tools select{max-width:140px}}@media(max-width:750px){.sidebar{position:static;width:auto;padding:16px 20px;flex-direction:row;align-items:center;gap:12px}.sidebar .brand{font-size:15px}.brand-mark{width:30px;height:30px;font-size:27px}.sidebar-label,.nav-item,.sidebar-note,.sidebar-bottom>button:first-child{display:none}.sidebar-bottom{margin:0 0 0 auto;padding:0;border:0}.sidebar-bottom button{font-size:11px}.app-shell{display:block}.workspace{margin:0}.topbar{height:49px;padding-inline:20px;font-size:10px}main#customers-view{padding:28px 18px}.page-heading{gap:12px}.page-heading h1{font-size:23px}.page-heading p{font-size:10px}.page-heading>.button{font-size:11px;padding:10px 12px;gap:4px}.eyebrow{font-size:9px}.overview{grid-template-columns:1fr 1fr;padding:20px;gap:15px;margin-bottom:25px}.overview>div:nth-child(2){border:0}.overview>p{display:none}.overview strong{font-size:29px}.overview .small-stat{font-size:15px}.overview strong span{margin-left:7px;font-size:10px}.section-toolbar{padding:18px 15px;gap:9px}.section-toolbar h2{font-size:13px;white-space:nowrap}.search{min-width:0;max-width:180px}.search input{width:100%;font-size:10px}.table-head{display:none}.customer-row{grid-template-columns:1fr auto;padding:20px 15px}.customer-detail{display:none}.customer-main{gap:9px}.customer-main strong{font-size:12px;max-width:155px}.customer-avatar{width:35px;height:35px;font-size:12px}.row-actions .button{font-size:10px;padding:8px 10px}.workspace-foot{align-items:flex-start;font-size:9px;line-height:1.8}.workspace-foot>span{max-width:75%}.workspace-foot button{white-space:nowrap;font-size:9px}.browser-view{padding:22px 12px}.identity-banner{padding:12px}.identity-banner .button{font-size:10px}.browser-heading h1{font-size:23px}.remote-tools{gap:5px;padding:7px}.remote-tools .button-row{gap:0}.remote-tools button{font-size:15px;padding-inline:5px}.remote-tools select{max-width:90px;font-size:9px}.remote-footer{flex-direction:column;align-items:flex-start;padding:10px}.remote-footer .button-row{gap:12px}.remote-footer .text-button{font-size:9px}.browser-help{line-height:1.8}.login-view{grid-template-columns:1fr}.login-story{min-height:0;padding:25px 26px 28px}.login-story h1{font-size:28px;line-height:1.5;margin:18px 0 5px}.login-story h1 br{display:none}.login-story>div:nth-child(2){margin-top:27px}.login-story p{font-size:11px;margin-bottom:0}.login-story p br{display:none}.login-story .story-flow,.login-story>small{display:none}.login-story:after{width:220px;height:220px;right:-150px;bottom:-140px;box-shadow:0 0 0 40px #1b3840,0 0 0 41px #34555a}.login-panel{padding:35px 26px}.login-form{width:100%}.login-form h2{font-size:23px}.login-form>.muted{margin-bottom:24px}.form-grid{gap:12px}dialog{padding:23px}.dialog-title h2{font-size:20px}.button-row{gap:7px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
