:root{--bg:#f5f7f9;--ink:#172833;--muted:#75828c;--line:#e5eaee;--brand:#087b70;--brand-light:#e8f5f1;--nav:#122b30;--white:#fff;--danger:#b84243}*{box-sizing:border-box}body{margin:0;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--ink);font-size:14px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{outline-offset:3px}button{cursor:pointer;border:0;border-radius:8px;padding:11px 17px;transition:background .16s}button:disabled{opacity:.5;cursor:wait}button:hover{filter:brightness(.96)}h1,h2,h3,p{margin-top:0}h1{font-size:32px;letter-spacing:-1px;margin-bottom:10px}h2{font-size:19px}h3{font-size:16px}.hidden{display:none!important}.muted{color:var(--muted);line-height:1.7}.primary{background:var(--brand);color:#fff;font-weight:600;box-shadow:0 3px 7px #087b7014}.secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}.link{background:none;padding:0;color:var(--brand)}.wide{width:100%}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;color:var(--brand);display:block;margin-bottom:15px}.brand{font-size:20px;font-weight:750;display:flex;align-items:center;gap:11px;letter-spacing:.3px}.brand-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#28bfa0;color:#fff;font-size:26px}.auth-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh}.auth-story{padding:52px 11%;background:radial-gradient(ellipse at 85% 80%,#256759 0,transparent 55%),#122b30;color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:100dvh}.auth-story h1{font-size:clamp(38px,4vw,62px);line-height:1.35;letter-spacing:-2px}.auth-story .eyebrow{color:#71d7be}.auth-story p{color:#b3c8c6;font-size:16px;line-height:1.9}.auth-foot{font-size:12px;color:#94b0ad}.auth-panel{display:flex;align-items:center;justify-content:center;padding:40px}.auth-box{width:350px}.auth-box h2{font-size:30px;margin-bottom:10px}.auth-box form{margin:30px 0 15px}label{display:flex;flex-direction:column;gap:9px;color:#475860;margin-bottom:20px;font-size:13px}input,select{width:100%;border:1px solid #dce3e7;border-radius:7px;padding:12px;background:#fff;color:var(--ink);min-width:0}input:focus,select:focus{outline:2px solid #91d4c6;border-color:var(--brand)}.notice{padding:13px 17px;background:#fff7e7;border:1px solid #eddfba;border-radius:8px;color:#806126;line-height:1.6;margin:20px 0;font-size:13px}.notice.real{background:var(--brand-light);border-color:#bedfd4;color:#34695b}.download{display:block;margin-top:24px;color:var(--muted);font-size:12px}.error{color:var(--danger);line-height:1.6;white-space:pre-wrap}.app-layout{display:flex;min-height:100dvh}.sidebar{width:230px;background:var(--nav);color:#c7d6d8;padding:30px 19px;position:fixed;top:0;bottom:0;display:flex;flex-direction:column}.sidebar .brand{color:#fff;margin:0 8px 48px}.nav-label{font-size:11px;color:#829d9f;letter-spacing:1px;padding:0 14px;margin-bottom:13px}.nav{padding:14px 16px;border-radius:8px;margin-bottom:8px;font-size:14px}.nav.active{background:#24534f;color:#d9fff1}.nav:hover{background:#204346}.sidebar-bottom{display:flex;align-items:center;gap:10px;margin-top:auto;padding:20px 7px 0;border-top:1px solid #ffffff13}.avatar{height:35px;width:35px;border-radius:50%;background:#345451;display:grid;place-items:center;color:#b9dfd5}.sidebar-bottom strong{font-size:13px;display:block}.sidebar-bottom small{font-size:11px;color:#92aaad;display:block;margin-top:5px}.icon-button{background:none;color:#b4cace;margin-left:auto;padding:7px;font-size:20px}.main{margin-left:230px;padding:42px 44px;width:calc(100% - 230px);max-width:1800px}.page-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.page-header .muted{margin-bottom:0}.page-header .eyebrow{margin-bottom:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:12px;margin:25px 0 32px;padding:25px 0}.stats>div{padding:0 26px;border-right:1px solid var(--line)}.stats>div:last-child{border:0}.stats span{display:block;color:var(--muted);font-size:12px;margin-bottom:12px}.stats strong{display:block;font-size:29px;font-weight:650}.stats strong.stat-text{font-size:21px;line-height:35px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-heading h2{margin-bottom:0}.count{font-size:12px;padding:3px 8px;background:#e9edf0;color:#5b6c76;border-radius:20px;margin-left:8px}.phone-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px}.phone-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.phone-preview{height:160px;background:radial-gradient(ellipse at 85% 0%,#2b605d,transparent 75%),#192d35;position:relative;display:flex;align-items:center;justify-content:center;color:#9cbdb5;flex-direction:column;gap:12px}.phone-preview .badge{position:absolute;right:12px;top:12px}.phone-outline{height:61px;width:97px;border:1px solid #80b6a46b;border-radius:7px;display:grid;place-items:center;background:#4c8a7418;font-size:25px;color:#84c8b3}.phone-preview small{font-size:11px;letter-spacing:1px}.phone-content{padding:20px}.phone-content h3{margin-bottom:8px}.phone-content .muted{font-size:12px;margin-bottom:18px}.phone-actions{display:flex;gap:8px;flex-wrap:wrap}.phone-actions .primary{flex:1}.phone-actions button{padding:9px 12px;font-size:12px}.badge{font-size:11px;display:inline-block;padding:5px 9px;border-radius:20px;background:#eef1f4;color:#667984;white-space:nowrap}.badge.running,.badge.done{background:#e3f4ea;color:#23744e}.badge.error,.badge.failed,.badge.interrupted{background:#fcecec;color:#b64747}.badge.creating,.badge.updating{background:#fff3d9;color:#8a6727}.empty-card{min-height:270px;border:1px dashed #cbd7d7;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:25px;color:var(--muted);gap:15px}.empty-card .plus{font-size:38px;font-weight:300;color:#80a99f}.empty-card h3{color:#496860;margin:0}.footnote{margin-top:25px;font-size:12px;color:var(--muted)}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#193c3a;color:#fff;padding:14px 23px;border-radius:9px;box-shadow:0 8px 25px #0002;z-index:99;max-width:85%;line-height:1.5}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:23px;overflow:auto}.tabs button{background:none;white-space:nowrap;color:#65767f}.tabs button.active{background:var(--brand-light);color:var(--brand);font-weight:650}.panel{padding:26px;background:#fff;border:1px solid var(--line);border-radius:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{font-size:12px;color:#75828c;background:#f6f8fa;font-weight:500;padding:13px 14px;white-space:nowrap}td{padding:16px 14px;border-bottom:1px solid #edf1f3;vertical-align:middle}td small{display:block;color:var(--muted);margin-top:6px;max-width:300px;word-break:break-all}td button{font-size:12px;padding:8px 10px;margin-right:5px;margin-bottom:3px}td input[type=number]{width:70px;padding:8px}td input[type=checkbox]{width:auto}.upload{display:flex;gap:14px;align-items:center;background:#f6f8f9;border-radius:8px;padding:18px;margin:20px 0}.upload input{flex:1;background:#fff}.upload button{white-space:nowrap}.install-box{border-top:1px solid var(--line);margin-top:28px;padding-top:25px}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:20px;gap:10px}.check,.checkbox-grid label{display:flex;flex-direction:row;align-items:center;gap:8px;margin:0}.check input,.checkbox-grid input{width:auto}.form-grid{max-width:620px;display:grid;grid-template-columns:1fr 1fr;gap:14px 25px}.form-grid label{margin-bottom:5px}.form-grid button{width:fit-content;align-self:end}.deployment-info{font-size:13px;color:#697c85;background:#f6f8fa;padding:18px;border-radius:8px;margin:25px 0;line-height:1.9;word-break:break-all}.audit-list{max-height:250px;overflow:auto;font-size:12px;color:#77838e;line-height:2.3}.viewer-body{background:#0c171d;color:#d6e4e5;display:flex;flex-direction:column;height:100dvh}.viewer-header{display:flex;gap:12px;align-items:center;padding:12px 18px;background:#15282f;flex-wrap:wrap}.viewer-header button,.viewer-header a{font-size:12px;padding:8px 13px}.viewer-header strong{margin-right:auto}.viewer-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.viewer-stage video{width:100%;height:100%;object-fit:contain;touch-action:none;user-select:none}.viewer-message{position:absolute;text-align:center;max-width:600px;padding:25px;background:#0c171de8;pointer-events:none}.viewer-message .brand-icon{margin-bottom:20px}.viewer-message h1{font-size:23px}.viewer-message p{color:#9eb1b8;line-height:1.8}.viewer-footer{display:flex;justify-content:space-between;gap:10px;padding:10px 20px;background:#15282f;font-size:11px;color:#8ba3aa}code{font-size:11px;word-break:break-all}
@media(max-width:1000px){.main{padding:30px 25px}.sidebar{width:200px}.main{margin-left:200px;width:calc(100% - 200px)}.stats>div{padding:0 16px}.auth-story{padding:40px 9%}}
@media(max-width:720px){.auth-layout{display:block}.auth-story{min-height:auto;padding:25px}.auth-story>div:nth-child(2){padding-top:25px}.auth-story h1{font-size:32px;letter-spacing:-1px}.auth-story p,.auth-foot{display:none}.auth-panel{padding:30px 24px}.auth-box{width:100%;max-width:420px}.sidebar{position:static;width:100%;padding:15px 18px;flex-direction:row;align-items:center;gap:10px;flex-wrap:wrap}.sidebar .brand{margin:0 auto 0 0;font-size:17px}.sidebar .nav-label{display:none}.sidebar-bottom{display:flex;padding:0;margin:0;border:0}.sidebar-bottom>span,.sidebar-bottom>div{display:none}.sidebar .nav{font-size:12px;padding:9px;margin:0}.app-layout{display:block}.main{margin:0;width:100%;padding:25px 18px}.page-header{align-items:flex-start}.page-header h1{font-size:26px}.page-header .eyebrow{font-size:9px;letter-spacing:1px}.page-header button{padding:10px 12px;white-space:nowrap;font-size:12px}.page-header p{font-size:12px}.stats{grid-template-columns:repeat(2,1fr);gap:25px;padding:20px 0;margin:20px 0}.stats>div:nth-child(2){border:0}.stats strong{font-size:25px}.stats strong.stat-text{font-size:19px}.phone-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:15px}.phone-preview{height:140px}.panel{padding:17px}.upload{flex-direction:column;align-items:stretch}.form-grid{grid-template-columns:1fr}.viewer-header{gap:7px;padding:8px}.viewer-header button,.viewer-header a{padding:7px 9px}.viewer-footer{font-size:10px}.viewer-message h1{font-size:20px}}

.brand-icon{object-fit:contain;flex-shrink:0;background:transparent}.brand{white-space:nowrap}