:root{--ink:#172033;--muted:#748095;--line:#e8ebf2;--paper:#fff;--bg:#f5f7fb;--blue:#4169ee;--blue-soft:#eef2ff;--green:#21a877;--amber:#e5a532;--purple:#7359dc;--shadow:0 10px 35px rgba(33,44,78,.07)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px Manrope,"Microsoft YaHei",sans-serif;letter-spacing:0}button,input,select{font:inherit}button{cursor:pointer;border:0} .hidden{display:none!important}.login-screen{min-height:100vh;display:grid;place-items:center;background:#10182b;color:#f5f7ff;background-image:linear-gradient(140deg,#10182b 0%,#192746 70%,#253766 100%)}.login-card{width:420px;background:#fff;color:var(--ink);padding:44px;border-radius:10px;box-shadow:0 25px 80px #080e1c88}.brand-mark,.logo-icon{display:grid;place-items:center;background:linear-gradient(140deg,#3159e9,#8099ff);color:#fff;font-weight:800;border-radius:10px}.brand-mark{width:48px;height:48px;font-size:15px;margin-bottom:26px}.eyebrow{font:500 11px "DM Mono",monospace;letter-spacing:1.5px;color:#7c8799;margin:0 0 9px}.login-card h1{margin:0 0 10px;font-size:26px;letter-spacing:-.5px}.muted,.login-card small{color:var(--muted);line-height:1.7}.login-card form{margin-top:28px}.login-card label,.form-panel label{display:flex;flex-direction:column;gap:8px;color:#4d5870;font-size:12px;font-weight:700;margin-bottom:16px}.login-card input,.form-panel input,.form-panel select{width:100%;height:44px;border:1px solid #e0e5ef;border-radius:6px;padding:0 13px;color:var(--ink);outline:none;background:#fff}.login-card input:focus,.form-panel input:focus,.form-panel select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #4169ee18}.primary{height:42px;border-radius:6px;background:var(--blue);color:#fff;padding:0 17px;font-weight:800;box-shadow:0 7px 18px #4169ee2b}.primary:hover{background:#3355d1}.primary span,.secondary span{margin-left:9px}.wide{width:100%;margin-top:8px}.error{height:18px;color:#d64b57;font-size:12px}.app{display:flex;min-height:100vh}.sidebar{width:238px;background:#10182b;color:#a9b4c9;display:flex;flex-direction:column;padding:27px 15px}.logo{display:flex;gap:11px;align-items:center;padding:0 12px 31px;color:#fff}.logo-icon{width:34px;height:34px;font-size:11px;border-radius:8px}.logo strong{display:block;font-size:13px;letter-spacing:.1px}.logo small{display:block;font:10px "DM Mono";color:#65738e;letter-spacing:1px;margin-top:4px}.workspace{font-size:12px;border:1px solid #29344c;background:#17223a;border-radius:6px;padding:12px 11px;margin:0 6px 28px;color:#d6ddea}.online-dot,.live i,.preview-live i,.pulse,.token-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2bd892;margin-right:7px}.chevron{float:right;color:#7484a4}.nav-label{font:10px "DM Mono";letter-spacing:1px;color:#65738e;padding:0 13px;margin:0 0 9px}.nav-label.second{margin-top:25px}.nav-item{display:flex;gap:13px;align-items:center;text-decoration:none;color:#9daac0;border-radius:6px;padding:12px 13px;margin:3px 0;font-size:13px;font-weight:600}.nav-item span{width:18px;color:#7d8cac;text-align:center;font-size:17px}.nav-item.active,.nav-item:hover{background:#26375f;color:#fff}.nav-item.active span{color:#88a0ff}.sidebar-foot{margin-top:auto;border-top:1px solid #29334a;padding:18px 10px 2px;display:flex;align-items:center;gap:10px}.avatar{width:30px;height:30px;display:grid;place-items:center;background:#dce4ff;color:#3655c4;border-radius:50%;font-size:10px;font-weight:800}.sidebar-foot strong{display:block;color:#dce3ef;font-size:12px}.sidebar-foot small{font-size:10px;color:#65738e}.sidebar-foot button{margin-left:auto;background:none;color:#7988a5;font-size:18px}.main{flex:1;min-width:0;padding:0 43px 50px}.topbar{height:105px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:31px}.topbar h1{font-size:22px;margin:0;letter-spacing:-.4px}.top-actions{display:flex;gap:23px;align-items:center}.live{color:#248c67;font-size:12px;font-weight:700}.icon-btn{background:#fff;border:1px solid var(--line);width:35px;height:35px;border-radius:6px;color:#7d89a2;font-size:21px}.date{text-align:right;font:11px "DM Mono";color:#5c6780;line-height:1.7}.date small{color:#9ca5b6;font-size:10px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:20px}.stat-card,.panel{background:var(--paper);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.stat-card{padding:18px 20px}.stat-top{display:flex;justify-content:space-between;color:#748095;font-size:12px;font-weight:700}.stat-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:6px;font-size:15px}.stat-icon.blue{background:#eaf0ff;color:#4369eb}.stat-icon.green{background:#e7faf1;color:#1da475}.stat-icon.amber{background:#fff4df;color:#da982c}.stat-icon.violet{background:#f0ebff;color:#7359dc}.stat-card>strong{display:block;font-size:27px;margin:13px 0 7px;letter-spacing:-1px}.stat-card p{font-size:11px;color:#9aa3b3;margin:0}.stat-card em{font-style:normal;color:#1ca477;font-weight:700;margin-right:6px}.amber-text{color:#d9982c!important}.content-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:19px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;padding:21px 23px 13px}.panel-head h2,.panel-head h3{font-size:15px;margin:0 0 5px}.panel-head p{font-size:11px;color:#9aa3b3;margin:0}.panel-head select{border:1px solid var(--line);padding:7px 10px;border-radius:5px;color:#6e7890;font-size:11px;background:#fff}.activity{height:336px}.chart{display:flex;height:245px;padding:17px 22px 0 13px}.chart-y{display:flex;flex-direction:column;justify-content:space-between;height:189px;color:#b0b7c5;font:10px "DM Mono";padding:2px 10px 0 0}.chart-area{flex:1;min-width:0}.chart-area svg{width:100%;height:190px;overflow:visible}.chart-area svg .area{fill:url(#fillBlue)}.chart-area svg .line{fill:none;stroke:#5074ed;stroke-width:2.5}.chart-area svg circle{fill:#fff;stroke:#5074ed;stroke-width:2}.chart-x{display:flex;justify-content:space-between;color:#b0b7c5;font:10px "DM Mono";margin-top:10px}.quick{height:336px}.quick>button{display:flex;align-items:center;gap:12px;width:calc(100% - 42px);margin:3px 21px;padding:13px 3px;background:#fff;border-top:1px solid #f1f3f7;text-align:left}.quick>button b{margin-left:auto;color:#9fa9ba;font-size:18px;font-weight:400}.quick-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:6px;font-size:17px}.quick-icon.purple{background:#f0ebff;color:#7359dc}.quick-icon.cyan{background:#e4f8f8;color:#16a3a2}.quick-icon.orange{background:#fff2e4;color:#db8b35}.quick strong{display:block;font-size:12px}.quick small{display:block;color:#a1a9b8;font-size:10px;margin-top:3px}.bot-banner{margin-top:20px;padding:18px 23px;display:flex;align-items:center;gap:15px;background:#182544;color:#e8edff;border-color:#26375d}.bot-orb{width:37px;height:37px;display:grid;place-items:center;background:#334d9c;border-radius:50%;color:#a7b7ff}.bot-banner h2{font-size:13px;margin:0 0 4px}.bot-banner p{font-size:11px;color:#9eacce;margin:0}.bot-banner .secondary{margin-left:auto}.secondary{height:37px;border-radius:6px;padding:0 14px;color:#4b5c89;background:#eef2ff;font-size:12px;font-weight:700}.view{animation:appear .25s ease}@keyframes appear{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:23px}.section-intro h2{margin:0 0 6px;font-size:25px;letter-spacing:-.6px}.section-intro p:not(.eyebrow){margin:0;color:#8490a5;font-size:12px}.menu-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:19px}.button-editor{padding-bottom:11px}.count,.tag{font:10px "DM Mono";color:#9099aa;letter-spacing:1px}.button-list{padding:0 22px 8px}.button-row{display:grid;grid-template-columns:38px 1.1fr 100px 1.2fr 44px;gap:11px;align-items:center;border-top:1px solid #eff1f5;padding:13px 0}.button-row:first-child{border-top:0}.button-row .emoji-input{width:35px;height:35px;text-align:center;padding:0;font-size:17px}.button-row input,.button-row select{height:35px;border:1px solid #e3e7ef;border-radius:5px;padding:0 8px;color:#38445e;min-width:0}.button-row input:focus,.button-row select:focus{outline:1px solid var(--blue)}.button-row .key{font:10px "DM Mono";color:#9ba4b5}.switch{width:34px;height:19px;border-radius:12px;background:#d9deea;position:relative;display:block;cursor:pointer}.switch input{display:none}.switch:after{content:"";width:15px;height:15px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:.2s;box-shadow:0 1px 3px #0002}.switch:has(input:checked){background:#3eaf7f}.switch:has(input:checked):after{left:17px}.subhead{border-top:1px solid var(--line);margin-top:8px;padding-top:20px}.preview-panel{padding-bottom:20px}.preview-live{font:10px "DM Mono";color:#2ca57d}.phone{width:285px;height:485px;background:#dcefc9;margin:8px auto 0;border:8px solid #e8ebf2;border-radius:23px;overflow:hidden;position:relative;background-image:linear-gradient(135deg,#d8edcf,#b8d4a1)}.phone:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#8fb58055 1px,transparent 1px);background-size:13px 13px;opacity:.4}.phone-head{position:relative;background:#fff;padding:12px 14px 9px;display:flex;align-items:center;gap:8px;box-shadow:0 1px 4px #50604030}.phone-head .mini-logo{width:26px;height:26px;background:#d93039;color:#fff;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:800}.phone-head strong{font-size:11px}.phone-head small{display:block;color:#a0a7b4;font-size:8px;margin-top:2px}.phone-content{position:relative;padding:14px 11px}.bubble{background:#fff;border-radius:3px 12px 12px 12px;padding:11px 12px;font-size:10px;line-height:1.7;box-shadow:0 1px 2px #617c5a33;white-space:pre-line}.bubble strong{font-size:11px;color:#3b66df}.bubble .welcome{background:#f0e9ff;border-left:3px solid #8c58dc;padding:6px 8px;margin-bottom:9px;border-radius:0 4px 4px 0}.phone-menu{position:absolute;bottom:0;left:0;right:0;background:#fff;padding:7px 5px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.phone-menu button{background:#f0f0f1;border-radius:9px;padding:9px 2px;color:#20222a;font-size:9px;font-weight:700;min-height:32px}.phone-menu button:hover{background:#e2e6f6;color:#3159d6}.link-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.link-card{padding:22px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.link-card-head{display:flex;align-items:center;gap:12px;margin-bottom:20px}.link-card .link-emoji{width:38px;height:38px;border-radius:8px;background:#eef2ff;display:grid;place-items:center;font-size:20px}.link-card h3{margin:0 0 4px;font-size:14px}.link-card p{margin:0;color:#909aad;font-size:11px}.link-card label{display:block;color:#768197;font-size:11px;font-weight:700}.link-card input{width:100%;height:40px;margin-top:8px;border:1px solid #e0e5ef;border-radius:5px;padding:0 10px;color:#36415b;font-size:12px}.link-card input:focus{outline:1px solid var(--blue)}.notice{margin-top:19px;padding:16px 20px;display:flex;gap:13px;background:#eef6ff;border:1px solid #dbeaff;border-radius:7px;color:#4e6b9e}.notice>span{font-size:20px}.notice strong{font-size:12px}.notice p{font-size:11px;line-height:1.7;margin:4px 0 0;color:#7184a2}.notice code{font-family:"DM Mono"}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.form-panel{padding-bottom:19px}.form-panel>.panel-head{padding-bottom:20px}.form-panel>label,.form-grid{padding:0 22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.form-grid label.full{grid-column:1/-1}.form-panel label input,.form-panel label select{margin-top:1px}.copy-input{display:flex}.copy-input input{border-radius:5px 0 0 5px!important}.copy-input button{width:42px;border:1px solid #e0e5ef;border-left:0;background:#f7f8fb;color:#75819a;border-radius:0 5px 5px 0}.token-status{margin:4px 22px 0;background:#f7f9fc;border-radius:5px;padding:10px;color:#8590a5;font-size:11px}.token-status i{background:#d3a14b}.green-tag{color:#239d74}.form-hint{font-size:10px;color:#a0a8b7;margin:2px 22px}.table-panel{overflow:hidden}.table-tabs{padding:0 21px;border-bottom:1px solid var(--line);display:flex;gap:22px}.tab{padding:15px 2px 12px;background:#fff;color:#8e98a8;font-size:12px;font-weight:700;border-bottom:2px solid transparent}.tab.active{color:var(--blue);border-color:var(--blue)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 22px;border-bottom:1px solid #f0f2f6;font-size:12px}th{color:#9ca4b3;font:10px "DM Mono";letter-spacing:.5px}td{color:#536078}td strong{color:#26324a}.status{font-size:10px;padding:4px 8px;border-radius:10px;background:#e8f8f0;color:#27976e}.status.pending{background:#fff4df;color:#c48825}.empty{padding:40px;text-align:center;color:#9aa3b3}.toast{position:fixed;bottom:26px;right:27px;padding:12px 17px;background:#19243b;color:#fff;border-radius:6px;box-shadow:0 8px 22px #19243b33;transform:translateY(20px);opacity:0;transition:.25s;pointer-events:none;font-size:12px}.toast.show{transform:none;opacity:1}@media(max-width:1100px){.sidebar{width:205px}.main{padding:0 25px 40px}.stats-grid{grid-template-columns:repeat(2,1fr)}.content-grid,.menu-layout,.settings-grid{grid-template-columns:1fr}.preview-panel{min-height:570px}.link-cards{grid-template-columns:1fr}}@media(max-width:700px){.sidebar{width:62px;padding:18px 7px}.logo{padding:0 7px 24px}.logo>div:last-child,.workspace,nav .nav-label,.sidebar-foot>div:not(.avatar),.sidebar-foot button{display:none}.nav-item{justify-content:center;padding:13px 0}.nav-item span{margin:0}.main{padding:0 14px 35px}.topbar{height:83px;margin-bottom:20px}.top-actions .date,.top-actions .live{display:none}.topbar h1{font-size:19px}.stats-grid{gap:9px}.stat-card{padding:14px}.stat-card>strong{font-size:21px}.stat-card p{font-size:9px}.section-intro{align-items:flex-start;gap:12px;flex-direction:column}.button-row{grid-template-columns:32px 1fr 36px;gap:8px}.button-row select,.button-row input:not(.emoji-input),.button-row .key{grid-column:2/-1}.button-row .switch{grid-column:3;grid-row:1}.panel-head{padding-left:15px;padding-right:15px}.button-list,.form-grid,.form-panel>label{padding-left:15px;padding-right:15px}.form-grid{display:block}.form-panel .panel-head{padding-left:15px}.link-cards{display:block}.link-card{margin-bottom:12px}.phone{transform:scale(.92);transform-origin:top center;margin-bottom:-35px}}