:root{font-family:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#efedf4;background:#101014;font-synthesis:none;--bg:#101014;--panel:#19191f;--panel-hover:#202027;--line:#2a2a34;--muted:#92909f;--faint:#646272;--purple:#bca7ff;--green:#8bd7b2;--red:#ff9eaa;--radius:14px}*{box-sizing:border-box}body{margin:0;font-size:14px;-webkit-font-smoothing:antialiased}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}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--purple);outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid #bca7ff75;outline-offset:1px;border-color:#a68be0}svg{width:19px;height:19px;display:block;flex-shrink:0}[hidden]{display:none!important}h1,h2,h3,p{margin:0}button{color:inherit}button,input,select,textarea{border-radius:8px}input,textarea,select{width:100%;background:#131318;border:1px solid #37353f;color:#eeedf3;padding:11px 12px;min-height:43px}input::placeholder,textarea::placeholder{color:#676573}textarea{resize:vertical;line-height:1.65}label{display:flex;flex-direction:column;gap:9px;font-size:12px;font-weight:500;color:#c2bfcd}small{font-size:11px}code,.code-editor,.logs-output{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace}code{font-size:.9em}.brand{display:flex;align-items:center;gap:11px;font-size:27px;letter-spacing:-1.6px;font-weight:650;width:max-content}.brand-mark{background:var(--purple);color:#171320;width:33px;height:33px;display:grid;place-items:center;border-radius:10px;font-size:25px;font-weight:800;font-style:italic;letter-spacing:-6px;padding-right:6px;transform:rotate(-3deg)}.brand-dot{color:var(--purple)}.app-shell{display:flex;min-height:100vh}.sidebar{width:232px;flex-shrink:0;padding:30px 20px 17px;border-right:1px solid #26262d;position:fixed;inset:0 auto 0 0;background:#141418;display:flex;flex-direction:column;z-index:10}.sidebar .brand{margin-left:11px}.workspace-badge{margin:36px 0 31px;display:flex;align-items:center;gap:10px;border:1px solid #313039;border-radius:10px;padding:12px 10px;background:#1b1b21}.workspace-icon{width:31px;height:31px;background:#2a2635;color:#bbaaeb;display:grid;place-items:center;border-radius:8px;font-size:13px}.workspace-badge strong{font-size:12px;font-weight:500}.workspace-badge small{display:block;color:#777382;font-size:8px;letter-spacing:1.6px;margin-top:5px}.workspace-chevron{color:#817d8e;margin-left:auto}.nav-label{margin:0 13px 12px;color:#6e6a7b;font-size:10px;letter-spacing:1px}.main-nav{display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:11px;border:0;background:none;padding:12px;color:#95909f;font-size:12px;text-align:left;min-height:43px}.nav-item.active{background:#2a2438;color:#d1bdfd}.nav-item:hover{background:#211e29}.nav-item svg{width:17px;height:17px}.nav-count{margin-left:auto;border-radius:5px;min-width:22px;padding:2px 5px;text-align:center;font-size:10px;background:#423650;color:#d2b9ff}.nav-external{margin-left:auto;color:#686371}.sidebar-bottom{margin-top:auto;padding-top:32px}.host-mini{display:flex;align-items:center;gap:9px;padding:14px 5px 21px;border-bottom:1px solid #2c2933;margin-bottom:16px}.host-mini strong,.profile-button strong{font-size:11px;font-weight:500}.host-mini small,.profile-button small{display:block;color:#747080;font-size:9px;margin-top:5px}.host-mini>span:last-child{margin-left:auto;color:#696474}.status-dot,.small-dot{width:6px;height:6px;border-radius:100%;background:var(--green);display:inline-block;flex-shrink:0;box-shadow:0 0 9px #8bd7b21a}.status-dot{width:7px;height:7px}.status-dot.off,.small-dot.off{background:#e2aa78}.profile-button{display:flex;width:100%;align-items:center;gap:10px;text-align:left;border:0;padding:0 5px;background:none}.avatar{width:31px;height:31px;display:grid;place-items:center;background:#383143;border:1px solid #594962;border-radius:50%;font-size:11px;color:#d9bcdf}.profile-button>span:last-child{margin-left:auto;color:#79717f}.profile-button svg{width:16px;height:16px}.main-shell{margin-left:232px;width:calc(100% - 232px);display:flex;flex-direction:column;min-height:100vh}.topbar{height:75px;border-bottom:1px solid #25252e;padding:0 42px;display:flex;align-items:center;justify-content:space-between;gap:20px}.breadcrumb{display:flex;gap:14px;font-size:11px;color:#807b8c}.breadcrumb strong{font-weight:400;color:#d8d4df}.breadcrumb-slash{color:#494452}.topbar-right{display:flex;align-items:center;gap:18px}.version-pill{font-size:8px;letter-spacing:1.3px;color:#8a8496;background:#1c1b22;border:1px solid #2b2933;padding:5px 8px;border-radius:5px}.top-divider{height:17px;width:1px;background:#2e2b35}.host-connected{display:flex;align-items:center;gap:7px;color:#928e9e;font-size:10px}.main-content{padding:38px 42px 40px;max-width:1530px;width:100%;margin:0 auto;flex:1}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{display:block;font-size:9px;letter-spacing:2px;color:#a68ccf;font-weight:500;margin-bottom:11px}.page-heading h1{font-size:29px;letter-spacing:-1px;font-weight:550;line-height:1.25}.page-heading p{color:#8b8596;font-size:12px;margin-top:11px;line-height:1.8}.heading-actions{display:flex;gap:10px;align-items:center;padding-bottom:3px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#212027;border:1px solid #37323f;min-height:38px;padding:10px 14px;font-size:11px;font-weight:500;white-space:nowrap;border-radius:8px;transition:background .15s,transform .15s}.button svg{width:14px;height:14px}.button:hover{background:#302b38}.button.primary{background:#bca7fb;color:#211831;border-color:#bca7fb;box-shadow:0 2px 12px #bca7fb0a}.button.primary:hover{background:#cbbbff;transform:translateY(-1px)}.button.ghost{background:transparent;border-color:#322e3b;color:#aaa3b8}.button.danger{color:#ffadb6;border-color:#5b363e;background:#392229}.button.small{min-height:32px;font-size:10px;padding:7px 10px}.button.icon-button{padding:9px;width:36px;min-height:36px}.button.link-button{border:0;background:none;color:#bca7ff;padding:0;min-height:auto}.button.full-width{width:100%}.stats-grid{display:grid;grid-template-columns:1.05fr 1.05fr 1fr 1fr;gap:15px;margin-bottom:29px}.stat-card{background:linear-gradient(130deg,#1b1a22,#19191f);border:1px solid #2c2935;border-radius:12px;padding:18px 19px;min-height:126px;position:relative;overflow:hidden}.stat-card:first-child{background:radial-gradient(ellipse at 100% 0,#3a29404d,transparent 65%),#1c1923}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#a6a0b3;font-size:10px}.stat-icon{color:#8e809f}.stat-icon svg{width:15px;height:15px}.stat-value{font-size:29px;letter-spacing:-1px;font-weight:500;margin-top:16px;display:flex;align-items:baseline;gap:7px;line-height:1}.stat-value>small{font-size:11px;letter-spacing:0;color:#746d82;font-weight:400}.stat-foot{margin-top:13px;font-size:9px;color:#777080;display:flex;align-items:center;gap:6px}.stat-foot .small-dot{width:4px;height:4px}.mini-bars{position:absolute;bottom:18px;right:19px;display:flex;gap:3px;align-items:flex-end;height:28px}.mini-bars span{width:5px;background:#b297ef50;border-radius:2px 2px 0 0}.stat-progress{position:absolute;right:18px;bottom:19px;display:flex;gap:3px}.stat-progress span{width:4px;height:13px;border-radius:1px;background:#332d3f}.stat-progress span.filled{background:#b7a0ed}.section-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 17px}.section-title{display:flex;align-items:center;gap:10px}.section-title h2{font-size:15px;font-weight:500;letter-spacing:-.2px}.section-title .count-tag{color:#9285a7;background:#25202f;border:1px solid #3b304b;padding:2px 6px;font-size:9px;border-radius:5px}.filter-tools{display:flex;gap:9px;align-items:center}.search-wrap{position:relative}.search-wrap svg{position:absolute;top:11px;left:11px;width:13px;height:13px;color:#6e657e}.search-wrap input{width:204px;min-height:34px;height:34px;padding:8px 10px 8px 32px;background:#16151c;border-color:#2f2a38;font-size:10px}.filter-select{min-height:34px;height:34px;width:106px;font-size:10px;padding:6px 9px;background:#16151c;border-color:#2f2a38;color:#afa6bd}.instance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.instance-card{background:#19181f;border:1px solid #2e2938;border-radius:12px;padding:19px;min-width:0;transition:border-color .18s,transform .18s;position:relative}.instance-card:hover{border-color:#5b476f;transform:translateY(-2px)}.instance-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}.claw-avatar{height:39px;width:39px;display:grid;place-items:center;border-radius:11px;background:#322a3e;border:1px solid #453550;color:#c4acf7}.claw-avatar svg{height:21px;width:21px}.claw-avatar.hue-1{background:#233737;border-color:#2e4944;color:#8dbfad}.claw-avatar.hue-2{background:#382e29;border-color:#4a3c30;color:#d1b28c}.claw-avatar.hue-3{background:#2b2f3f;border-color:#383e56;color:#a3b0df}.status-badge{display:inline-flex;align-items:center;gap:6px;background:#20352c;color:#91c9a9;font-size:9px;padding:5px 8px;border:1px solid #2d4537;border-radius:5px;white-space:nowrap}.status-badge .small-dot{width:4px;height:4px}.status-badge.stopped{background:#2b2832;color:#96909f;border-color:#3a3444}.status-badge.stopped .small-dot{background:#817889}.status-badge.error{background:#38252b;border-color:#50343e;color:#ed9fab}.status-badge.error .small-dot{background:#ed9fab}.status-badge.pending{background:#342e21;border-color:#4c422c;color:#d3b47f}.status-badge.pending .small-dot{background:#d3b47f}.instance-name{font-size:15px;font-weight:500;letter-spacing:-.25px;margin-bottom:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.instance-id{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#6d657a;font-size:9px;letter-spacing:.1px}.instance-image{display:flex;align-items:center;gap:7px;color:#9b90ad;font-size:9px;margin:18px 0 15px;white-space:nowrap;overflow:hidden}.instance-image svg{height:12px;width:12px;color:#736780}.instance-image span{overflow:hidden;text-overflow:ellipsis}.instance-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid #2b2634;border-bottom:1px solid #2b2634;padding:14px 0;margin-bottom:16px}.instance-metric{font-size:9px;color:#756b84;display:flex;gap:5px;align-items:center}.instance-metric strong{font-size:10px;font-weight:400;color:#c0b5ce;margin-left:auto}.instance-metric:last-child{border-left:1px solid #302936;padding-left:11px}.instance-metric svg{width:12px;height:12px}.instance-card-actions{display:flex;justify-content:space-between;gap:8px}.instance-card-actions .button{min-height:31px;font-size:9px;padding:7px 10px;border-color:#3a3045;background:#24202d;color:#beb0d1}.instance-card-actions .button.primary{background:#bca7fb;color:#24192f;border-color:#bca7fb}.instance-card-actions .button svg{height:12px;width:12px}.instance-controls{display:flex;gap:6px}.instance-controls .button{width:31px;padding:7px}.new-instance-card{border:1px dashed #403249;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#17151c;cursor:pointer;min-height:271px;gap:12px;color:#aa9abb;border-radius:12px}.new-instance-card:hover{background:#201a29;border-color:#806593}.new-instance-card .add-circle{height:35px;width:35px;display:grid;place-items:center;border:1px solid #4a385d;border-radius:50%;color:#ac8fca;background:#282032}.new-instance-card .add-circle svg{width:16px;height:16px}.new-instance-card strong{font-size:12px;font-weight:400}.new-instance-card small{font-size:9px;color:#6e607d}.budget-panel{display:flex;align-items:center;gap:20px;padding:19px 21px;border:1px solid #2f2839;background:linear-gradient(110deg,#201b28,#1a171f);border-radius:11px;margin-top:25px}.budget-icon{width:36px;height:36px;display:grid;place-items:center;color:#bba3da;background:#33263f;border:1px solid #473254;border-radius:9px;flex-shrink:0}.budget-copy{min-width:160px}.budget-copy h3{font-size:11px;font-weight:500;margin-bottom:7px;color:#d0bedf}.budget-copy p{font-size:9px;color:#8d7a9d;line-height:1.7}.budget-track-group{display:flex;gap:25px;margin-left:auto;max-width:420px;flex:1}.budget-track{flex:1;min-width:90px}.track-label{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#8b799a;margin-bottom:9px;gap:10px}.track-label strong{font-weight:400;color:#bda7d0}.progress-track{height:4px;border-radius:3px;background:#3b2c48;overflow:hidden}.progress-fill{height:100%;background:#b49bd7;border-radius:3px;width:0}.progress-fill.warning{background:#e0b17a}.budget-panel .info-icon{color:#74617f;align-self:flex-start}.budget-panel .info-icon svg{width:14px;height:14px}.page-footer{display:flex;justify-content:space-between;gap:20px;margin:0 42px;padding:17px 0 21px;border-top:1px solid #24212b;color:#595161;font-size:9px}.page-footer>span:last-child{display:flex;align-items:center;gap:6px}.page-footer .small-dot{width:4px;height:4px;background:#776489}.empty-state{grid-column:1/-1;padding:40px 20px;text-align:center;background:#19171f;border:1px dashed #40324b;border-radius:12px}.empty-state h3{font-size:15px;font-weight:500;margin:14px 0 8px}.empty-state p{font-size:11px;color:#94859f;line-height:1.9;margin-bottom:20px}.empty-icon{display:flex;justify-content:center;color:#b496d5}.empty-icon svg{width:30px;height:30px}.inline-alert{border:1px solid #614035;background:#30261f;color:#d9b697;display:flex;gap:12px;padding:14px 16px;border-radius:9px;font-size:11px;line-height:1.8;margin-bottom:20px}.inline-alert svg{width:17px;height:17px;flex-shrink:0;margin-top:1px}.inline-alert.error{background:#302129;border-color:#593340;color:#e6a3b6}.form-error{color:#ffa8b7;font-size:12px;line-height:1.8}.settings-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:22px;align-items:start}.panel{border:1px solid #302a39;border-radius:12px;background:#19171f;padding:24px}.panel h2{font-size:15px;font-weight:500;margin-bottom:9px}.panel>p{font-size:11px;color:#91839f;line-height:1.85;margin-bottom:22px}.form-stack{display:flex;flex-direction:column;gap:22px}.field-hint{font-size:10px;color:#84758f;line-height:1.8;font-weight:400;margin-top:-3px}.field-hint code{color:#b59acb}.form-divider{border:0;border-top:1px solid #302636;width:100%;margin:1px 0}.settings-info{display:flex;justify-content:space-between;gap:20px;font-size:11px;margin-top:17px;color:#9786a4}.settings-info strong{font-weight:400;color:#c6b4d4}.info-title{display:flex;gap:9px;align-items:center}.info-title svg{width:17px;height:17px;color:#c0a2dd}.help-panel{max-width:900px}.help-step{display:flex;gap:16px;padding:22px 0;border-top:1px solid #302736}.help-step:first-of-type{border:0;padding-top:7px}.step-number{width:27px;height:27px;background:#31253e;color:#bb9cda;border-radius:8px;display:grid;place-items:center;flex-shrink:0;font-size:11px}.help-step h3{font-size:13px;font-weight:500;margin:3px 0 9px}.help-step p{font-size:11px;color:#a08aa9;line-height:1.95}.help-step code{background:#28212e;padding:2px 5px;border-radius:4px;color:#c7b1d8;word-break:break-word}.help-note{margin-top:18px;padding:13px 15px;background:#251e2f;border:1px solid #3e304e;border-radius:8px;font-size:11px;color:#aa94ba;line-height:1.9}.modal-overlay{position:fixed;inset:0;background:#060509b8;backdrop-filter:blur(7px);z-index:30;display:flex;align-items:center;justify-content:center;padding:30px;animation:fade-in .15s ease}.modal{width:510px;max-width:100%;max-height:calc(100dvh - 60px);display:flex;flex-direction:column;background:#1b1822;border:1px solid #49374e;border-radius:16px;box-shadow:0 25px 120px #0008;overflow:hidden}.modal.wide{width:880px}.modal-header{padding:23px 25px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;border-bottom:1px solid #322838}.modal-header h2{font-size:18px;font-weight:500;letter-spacing:-.4px}.modal-header p{font-size:11px;color:#93809f;margin-top:8px;line-height:1.7}.close-button{border:0;background:none;color:#96809f;padding:0;min-width:22px;min-height:22px;display:grid;place-items:center}.close-button:hover{color:#e9d7f3}.close-button svg{height:18px;width:18px}.modal-body{padding:24px 25px;overflow:auto}.modal-footer{padding:17px 25px;display:flex;align-items:center;justify-content:flex-end;gap:10px;border-top:1px solid #322838;background:#18151e}.modal-footer .footer-note{font-size:10px;color:#876f97;margin-right:auto;line-height:1.8}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.check-label{flex-direction:row;align-items:center;gap:10px;font-size:11px}.check-label input{width:15px;height:15px;min-height:auto;accent-color:#bca7ff}.resource-hint{padding:12px;border-radius:8px;background:#282030;border:1px solid #3c2c48;color:#ad91bf;font-size:10px;line-height:1.9}.modal-tabs{display:flex;gap:3px;padding:0 24px;border-bottom:1px solid #35283b;background:#1b1722;overflow:auto}.tab-button{background:none;border:0;border-radius:0;border-bottom:2px solid transparent;color:#90769f;padding:15px 13px;font-size:11px;white-space:nowrap}.tab-button.active{color:#d4b4eb;border-bottom-color:#bda0db}.detail-title-row{display:flex;align-items:center;gap:12px;min-width:0}.detail-title-row h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:460px}.detail-subtitle{display:flex;gap:8px;align-items:center;font-size:10px;color:#95809e;margin-top:10px}.detail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.file-select{width:auto;max-width:100%;min-width:180px;font-size:11px;min-height:36px;padding:8px 10px}.editor-file-note{font-size:10px;color:#8d739d;margin-bottom:14px;line-height:1.8}.code-editor{font-size:11px;min-height:315px;background:#131018;border:1px solid #3d2c47;color:#c9b0d9;tab-size:2;line-height:1.8;padding:16px;resize:vertical}.code-editor.short{min-height:135px}.editor-label{margin-bottom:12px}.config-editor+.editor-label{margin-top:22px}.logs-output{background:#100e15;border:1px solid #36283e;border-radius:8px;padding:16px;font-size:10px;line-height:1.9;color:#bfa2cd;min-height:300px;max-height:420px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.device-section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.device-section-title h3{font-size:12px;font-weight:500}.device-section-title span{font-size:9px;color:#8b709c}.device-row{display:flex;gap:15px;align-items:center;padding:15px;border:1px solid #3a2b44;background:#221b2a;border-radius:9px;margin-top:10px}.device-row>div{flex:1;min-width:0}.device-row strong{font-size:11px;display:block;word-break:break-word;font-weight:500}.device-row small{color:#9477a4;font-size:9px;display:block;line-height:1.7;margin-top:6px;word-break:break-all}.device-row .device-icon{flex:none;color:#ac8bc5}.device-empty{border:1px dashed #44314f;border-radius:8px;text-align:center;padding:25px;color:#967ba5;font-size:11px}.paired-title{margin-top:25px}.access-url{display:block;padding:13px 14px;background:#131018;border:1px solid #403049;border-radius:8px;word-break:break-all;color:#c5a8dc;font-size:11px;line-height:1.8}.access-token-note{font-size:10px;color:#8e739e;line-height:1.9;margin-top:12px}.token-wrap{display:flex;gap:8px;margin:17px 0}.token-wrap input{font-family:ui-monospace,monospace;font-size:11px}.danger-message{font-size:12px;line-height:1.9;color:#b99ac8}.danger-message strong{color:#eedaf8;font-weight:500}.delete-note{font-size:11px;color:#8f759d;line-height:1.9;margin-top:15px}.toast-region{position:fixed;right:26px;bottom:25px;z-index:60;display:flex;flex-direction:column;gap:10px;max-width:420px}.toast{display:flex;align-items:flex-start;gap:10px;padding:14px 17px;background:#292131;border:1px solid #60476e;box-shadow:0 10px 40px #0005;border-radius:10px;color:#dfc9ed;font-size:11px;line-height:1.75;animation:toast-in .2s ease}.toast svg{width:16px;height:16px;color:#a7d3b9;margin-top:1px}.toast.error{background:#34202b;border-color:#694052;color:#f1b6cc}.toast.error svg{color:#f1a6c2}.login-view{display:flex;min-height:100vh}.login-art{position:relative;width:52%;background:#1b1428;overflow:hidden;border-right:1px solid #382441;display:flex;justify-content:center;flex-direction:column;padding:12%;padding-right:5%}.login-art::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 70% 60%,#81509a55,transparent 60%),linear-gradient(150deg,#170f20,#241b33)}.orb{position:absolute;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#ccb5f0,#6e4088 45%,#281631 75%);filter:blur(.5px);box-shadow:0 0 100px #ac6ec62b}.orb-one{right:-60px;top:25%;opacity:.8}.orb-two{width:110px;height:110px;bottom:20%;left:20%;opacity:.5}.orbit{position:absolute;border:1px solid #ba8cda2b;width:600px;height:600px;border-radius:50%;transform:rotate(-25deg) scaleX(.6);right:-180px;top:10%}.orbit-two{transform:rotate(40deg) scaleX(.8);width:500px;height:500px;right:-100px;top:13%}.art-word{font-size:clamp(38px,4.5vw,70px);font-weight:500;position:relative;line-height:1.15;letter-spacing:-3px;margin-top:-80px;color:#f0e2fc}.art-caption{position:absolute;bottom:46px;left:14%;font-size:8px;letter-spacing:2px;color:#9d7fb2}.login-main{width:48%;max-width:720px;padding:60px 10% 45px;display:flex;flex-direction:column;justify-content:center;position:relative;min-height:100vh}.login-brand{position:absolute;top:47px;left:calc(100% / 4.8)}.login-copy{margin:65px 0 33px}.login-copy .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:14px}.login-copy h1{font-size:30px;font-weight:500;letter-spacing:-1px}.login-copy p{font-size:12px;color:#94839e;line-height:1.9;margin-top:13px}.login-form{display:flex;flex-direction:column;gap:22px}.login-form label{font-size:11px}.login-form input{background:#1c1723;border-color:#3a2c45;min-height:46px}.login-submit{margin-top:6px;min-height:46px;font-size:12px}.login-submit span{margin-left:auto;font-size:17px}.login-foot{font-size:10px;color:#7d658d;display:flex;gap:8px;align-items:center;margin-top:55px}.login-foot .small-dot{background:#aa89c6;width:5px;height:5px}.boot-view{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px}.boot-view .brand-mark{width:43px;height:43px;font-size:32px}.loading-line{width:80px;height:2px;background:linear-gradient(90deg,transparent,#bca7ff,transparent);animation:pulse 1s ease infinite}.loading-placeholder{padding:60px;text-align:center;color:#8e769d;font-size:12px}.spinner{display:inline-block;width:13px;height:13px;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}.last-updated{font-size:9px;color:#6c5c78;margin-left:8px}.no-results{grid-column:1/-1;padding:30px;text-align:center;font-size:12px;color:#9b83ab}.error-detail{font-size:9px;color:#d998b1;line-height:1.8;padding-top:10px;overflow-wrap:anywhere}.hint-link{color:#c4a4de;text-decoration:underline;text-underline-offset:3px}.text-muted{color:#8f769f}.mobile-wordmark{display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.3}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1550px){.instance-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.main-content{padding-top:44px}.stat-card{min-height:142px}}@media(max-width:1180px){.sidebar{width:207px;padding:27px 15px 17px}.main-shell{margin-left:207px;width:calc(100% - 207px)}.topbar{padding:0 28px}.main-content{padding:30px 28px}.page-footer{margin:0 28px}.instance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{gap:10px}.stat-card{padding:16px 13px}.mini-bars{right:12px;bottom:16px;gap:2px}.mini-bars span{width:4px}.stat-progress{right:12px;gap:2px}.stat-progress span{width:3px}.budget-panel{gap:14px}.budget-track-group{gap:18px}.budget-copy{min-width:140px}.login-main{padding:60px 7% 40px}.login-brand{left:14.5%}.login-art{padding-left:9%}}@media(max-width:850px){.sidebar{width:78px;padding:25px 13px 20px;align-items:center}.sidebar .brand{margin:0}.sidebar .brand>span:last-child,.workspace-badge,.nav-label,.nav-item>span:not(:first-child),.sidebar-bottom .host-mini,.profile-button>span:not(:first-child){display:none}.main-nav{margin-top:42px;width:100%}.nav-item{font-size:0;padding:15px;justify-content:center;gap:0;width:100%}.nav-item svg{height:19px;width:19px}.sidebar-bottom{width:100%;display:flex;justify-content:center}.profile-button{padding:0;width:auto}.main-shell{margin-left:78px;width:calc(100% - 78px)}.main-content{padding:29px 25px}.topbar{padding:0 25px;height:64px}.page-footer{margin:0 25px}.stats-grid{grid-template-columns:1fr 1fr}.stat-card{padding:16px 18px;min-height:123px}.mini-bars{right:20px}.stat-progress{right:20px}.budget-panel{flex-wrap:wrap}.budget-track-group{min-width:100%;margin-top:6px}.budget-panel .info-icon{margin-left:auto}.settings-grid{grid-template-columns:1fr}.page-heading h1{font-size:25px}.page-heading p{font-size:11px}.heading-actions{gap:8px}.last-updated{display:none}}@media(max-width:600px){.sidebar{width:59px;padding:23px 7px 16px}.brand-mark{width:29px;height:29px;font-size:23px}.main-shell{margin-left:59px;width:calc(100% - 59px)}.main-content{padding:27px 17px}.topbar{height:62px;padding:0 17px}.topbar-right{gap:0}.version-pill,.top-divider{display:none}.host-connected{font-size:9px}.breadcrumb{font-size:10px;gap:8px}.page-heading{align-items:flex-start;margin-bottom:24px;gap:14px}.page-heading h1{font-size:23px}.page-heading p{font-size:10px;max-width:200px;line-height:1.9}.eyebrow{font-size:7px;letter-spacing:1.5px}.heading-actions .button{padding:9px 11px;font-size:10px;min-height:34px}.heading-actions .refresh-button{display:none}.stats-grid{gap:10px;margin-bottom:26px}.stat-card{padding:15px 12px;min-height:117px}.stat-top{font-size:9px}.stat-value{font-size:25px;margin-top:14px}.stat-value>small{font-size:9px}.stat-foot{font-size:8px}.stat-icon svg{width:13px;height:13px}.mini-bars{display:none}.stat-progress{right:12px;bottom:18px}.stat-progress span{width:3px;height:10px;gap:2px}.section-toolbar{align-items:flex-start;gap:12px;flex-wrap:wrap}.section-title h2{font-size:14px}.filter-tools{width:100%}.search-wrap{flex:1}.search-wrap input{width:100%}.filter-select{width:100px}.instance-grid{grid-template-columns:1fr;gap:13px}.instance-card{padding:18px}.instance-card-top{margin-bottom:15px}.instance-metrics{padding:13px 0;margin-bottom:14px}.instance-name{font-size:16px}.instance-id,.instance-image,.instance-metric{font-size:10px}.instance-card-actions .button{font-size:10px;min-height:33px}.instance-controls .button{width:33px}.new-instance-card{min-height:140px;gap:10px}.budget-panel{padding:17px;gap:12px;margin-top:21px}.budget-copy{min-width:0;flex:1}.budget-icon{width:31px;height:31px}.budget-copy h3{font-size:10px}.budget-copy p{font-size:9px}.budget-panel .info-icon{display:none}.budget-track-group{gap:18px}.page-footer{margin:0 17px;font-size:8px;padding:16px 0}.page-footer>span:last-child{display:none}.modal-overlay{padding:13px}.modal{max-height:calc(100dvh - 26px);border-radius:12px}.modal-header{padding:19px}.modal-header h2{font-size:16px}.modal-header p{font-size:10px}.modal-body{padding:19px}.modal-footer{padding:15px 19px;flex-wrap:wrap}.modal-footer .footer-note{width:100%;font-size:9px;margin-bottom:3px}.modal-tabs{padding:0 8px}.tab-button{padding:13px 10px;font-size:10px}.form-stack{gap:20px}.form-row{gap:12px}.detail-title-row{gap:8px}.detail-title-row h2{max-width:165px}.detail-title-row .status-badge{font-size:8px;padding:4px 6px}.detail-subtitle{font-size:9px}.code-editor{min-height:290px;font-size:10px;padding:12px}.editor-file-note{font-size:9px}.file-select{min-width:145px;font-size:10px}.detail-toolbar{gap:10px}.device-row{padding:12px;gap:10px;flex-wrap:wrap}.device-row .button{margin-left:auto}.toast-region{right:16px;left:75px;bottom:16px}.toast{font-size:10px;padding:12px}.panel{padding:20px}.login-art{display:none}.login-main{width:100%;max-width:440px;margin:auto;padding:100px 32px 40px;min-height:100dvh}.login-brand{left:32px;top:37px}.login-copy{margin:38px 0 32px}.login-copy h1{font-size:29px}.login-foot{margin-top:48px}.help-step{gap:12px}.help-step p{font-size:10px}.help-note{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* First-party mini app controls share the existing instance detail dialog. */
.miniapp-instruction{overflow-wrap:anywhere}.miniapps-heading .status-badge{flex-shrink:0}.settings-restarts .miniapp-actions{margin-top:12px}.settings-restarts .button{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.miniapps-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.miniapps-heading h3{margin:0 0 8px}.miniapps-heading p,.miniapps-foot{color:var(--muted,#94929e);font-size:13px;line-height:1.7}.miniapp-card{margin:20px 0;padding:24px;border:1px solid var(--border,#36343e);border-radius:16px;background:var(--surface,#1c1b23)}.miniapp-card-top{display:flex;align-items:center;gap:14px}.miniapp-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#b8a2ff22;color:#b8a2ff}.miniapp-icon svg{width:23px;height:23px}.miniapp-card h3{margin:0 0 5px}.miniapp-card small{color:var(--muted,#94929e)}.miniapp-card p{line-height:1.8}.miniapp-instruction{padding:14px 16px;border-radius:10px;background:#0002;font-size:13px;line-height:1.7}.miniapp-actions{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}.miniapps-foot{display:flex;align-items:center;gap:18px;margin-top:24px}.miniapps-foot>span{max-width:520px}@media(max-width:640px){.miniapps-heading,.miniapps-foot{align-items:flex-start;flex-direction:column}.miniapp-card{padding:18px}}
/* Knowledge controls are shared by instance details and the OpenClaw embedded page. */
.knowledge-page{min-height:100dvh;width:100%;padding:28px 32px;background:var(--bg)}.knowledge-page-content{width:100%;max-width:1100px;min-width:0;margin:0 auto}.knowledge-page-mode .login-art{display:none}.knowledge-page-mode .login-main{width:100%;max-width:440px;margin:auto;padding:100px 32px 40px;min-height:100dvh}.knowledge-page-mode .login-brand{left:32px;top:37px}.knowledge-page-mode .toast-region{left:16px;right:16px;bottom:16px;margin-left:auto}.knowledge-page .knowledge-heading h3{font-size:20px}.knowledge-page-mode{overflow:auto}@media(max-width:640px){.knowledge-page{padding:20px 18px}}
.knowledge-capabilities{border:1px solid #3b2f45;border-radius:8px;padding:11px 13px;margin:14px 0;color:var(--muted);font-size:10px;line-height:1.9}.knowledge-capabilities summary{cursor:pointer;overflow-wrap:anywhere}.knowledge-capabilities .knowledge-note{margin:9px 0 0}
.knowledge-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.knowledge-heading h3{font-size:15px;font-weight:500}.knowledge-heading p{color:var(--muted);font-size:11px;line-height:1.8;margin-top:7px}.knowledge-note{color:var(--muted);font-size:10px;line-height:1.9;margin:10px 0 16px;overflow-wrap:anywhere}.knowledge-controls,.knowledge-create,.knowledge-upload-actions{display:flex;align-items:center;gap:10px;margin:12px 0}.knowledge-base-select{flex:1;min-width:0;min-height:36px;font-size:12px}.knowledge-create input{flex:1;min-width:0;min-height:36px;padding:8px 11px;font-size:11px}.knowledge-upload-actions{margin-top:21px}.knowledge-upload-summary{padding:14px 16px;margin:16px 0;border:1px solid #493955;border-radius:9px;background:#251d2d;line-height:1.8;font-size:11px;overflow-wrap:anywhere}.knowledge-upload-summary .knowledge-note{margin:8px 0 0}.knowledge-upload-summary progress{display:block;width:100%;height:7px;margin-top:12px;accent-color:var(--purple)}.knowledge-upload-errors{margin-top:10px;color:var(--red)}.knowledge-upload-errors summary{cursor:pointer}.knowledge-upload-errors ul{padding-left:19px;max-height:180px;overflow:auto;margin-bottom:0}.knowledge-section-title{font-size:12px;font-weight:500;margin:23px 0 13px}.knowledge-document{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid #34293d}.knowledge-document-copy{flex:1;min-width:0}.button.knowledge-document-title{border:0;background:none;color:#cdb2e5;justify-content:flex-start;text-align:left;white-space:normal;overflow-wrap:anywhere;padding:0;min-height:24px;font-size:11px;line-height:1.8;max-width:100%}.button.knowledge-document-title:hover{color:#e2cff4;text-decoration:underline;text-underline-offset:3px}.knowledge-document-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:9px;line-height:1.8;color:var(--muted);margin-top:5px}.knowledge-file-status{padding:2px 6px;background:#34252d;border-radius:5px;flex-shrink:0}.knowledge-file-status.ready{background:#24342f;color:var(--green)}.knowledge-file-status.error{color:var(--red)}.knowledge-file-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.knowledge-file-actions .icon-button{min-height:30px;width:30px;padding:7px}.knowledge-document .error-detail{font-size:10px;padding-top:7px}.knowledge-search-form{display:grid;grid-template-columns:minmax(0,1fr) 157px auto;gap:9px;align-items:center}.knowledge-search-form input,.knowledge-search-form select{min-height:36px;font-size:11px;padding:8px 10px}.knowledge-result{border:1px solid #3d2e48;border-radius:9px;background:#211a29;padding:14px;margin-top:11px}.knowledge-result-heading,.knowledge-preview-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.knowledge-result-text,.knowledge-preview-text{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.9;tab-size:2;color:#c5b1d4;margin:12px 0 0}.knowledge-result-text{max-height:230px;overflow:auto}.knowledge-preview{border:1px solid #4a3756;border-radius:10px;padding:17px;margin-top:24px;background:#151019}.knowledge-preview-heading h3{font-size:12px;font-weight:500;overflow-wrap:anywhere}.knowledge-preview-text{max-height:480px;overflow:auto}.knowledge-preview .knowledge-note{margin:9px 0}.knowledge-preview .inline-alert{margin:12px 0 0}@media(max-width:640px){.knowledge-document{flex-direction:column;gap:9px}.knowledge-file-actions{align-self:flex-end}.knowledge-search-form{grid-template-columns:minmax(0,1fr) auto}.knowledge-search-form input{grid-column:1/-1}.knowledge-search-form select{width:100%}.knowledge-result-heading{flex-direction:column;gap:7px}.knowledge-result-heading>.button:last-child{align-self:flex-end}.knowledge-controls{align-items:stretch}.knowledge-controls .button{white-space:normal}.knowledge-create .button{padding:7px 9px}.knowledge-preview{padding:13px}}

/* Embedded knowledge uses the light OpenClaw surface. */
body.knowledge-page-mode {
  color-scheme: light;
  color: #252a31;
  background: #faf9f6;
  --bg: #faf9f6;
  --panel: #ffffff;
  --panel-hover: #f1efeb;
  --line: #d5d8dc;
  --muted: #56616e;
  --faint: #65707d;
  --purple: #b4432e;
  --green: #176b43;
  --red: #b42318;
}
.knowledge-page-mode .knowledge-page { color: #252a31; font-size: 14px; }
.knowledge-page-mode .knowledge-heading h3 { font-size: 24px; font-weight: 600; }
.knowledge-page-mode .knowledge-heading p,
.knowledge-page-mode .knowledge-note,
.knowledge-page-mode .knowledge-capabilities,
.knowledge-page-mode .knowledge-document-meta { font-size: 13px; }
.knowledge-page-mode label { color: #414b57; }
.knowledge-page-mode input,
.knowledge-page-mode textarea,
.knowledge-page-mode select {
  color: #252a31;
  background: #ffffff;
  border-color: #c9cdd3;
  font-size: 14px;
  min-height: 40px;
}
.knowledge-page-mode input::placeholder,
.knowledge-page-mode textarea::placeholder { color: #65707d; opacity: 1; }
.knowledge-page-mode input:focus,
.knowledge-page-mode textarea:focus,
.knowledge-page-mode select:focus { border-color: #b4432e; outline: 2px solid #b4432e55; }
.knowledge-page-mode .button {
  color: #343d48;
  background: #ffffff;
  border-color: #c9cdd3;
  font-size: 13px;
  min-height: 38px;
}
.knowledge-page-mode .button:hover { background: #f1efeb; border-color: #9ca4ae; }
.knowledge-page-mode .button.primary { color: #ffffff; background: #b4432e; border-color: #b4432e; box-shadow: none; }
.knowledge-page-mode .button.primary:hover { background: #963621; border-color: #963621; }
.knowledge-page-mode .button:disabled { opacity: 1; color: #6b737c; background: #eeece8; border-color: #d5d8dc; cursor: not-allowed; }
.knowledge-page-mode .knowledge-capabilities { background: #ffffff; border-color: #d5d8dc; }
.knowledge-page-mode .device-empty { color: #56616e; background: #ffffff; border-color: #d5d8dc; font-size: 14px; line-height: 1.8; }
.knowledge-page-mode .knowledge-section-title { font-size: 15px; }
.knowledge-page-mode .knowledge-document { border-color: #d5d8dc; }
.knowledge-page-mode .button.knowledge-document-title { color: #a53b27; background: transparent; font-size: 14px; }
.knowledge-page-mode .button.knowledge-document-title:hover { color: #84301f; }
.knowledge-page-mode .knowledge-file-status { background: #eef0f3; color: #414b57; }
.knowledge-page-mode .knowledge-file-status.ready { background: #e7f3eb; color: #176b43; }
.knowledge-page-mode .knowledge-file-status.error { background: #fff0ed; color: #b42318; }
.knowledge-page-mode .knowledge-upload-summary { background: #fff7ec; border-color: #e2cbb0; color: #57412b; font-size: 14px; }
.knowledge-page-mode .knowledge-result { background: #ffffff; border-color: #d5d8dc; }
.knowledge-page-mode .knowledge-preview { background: #ffffff; border-color: #c9cdd3; }
.knowledge-page-mode .knowledge-preview-heading h3 { font-size: 15px; }
.knowledge-page-mode .knowledge-result-text,
.knowledge-page-mode .knowledge-preview-text { color: #303a46; font-size: 14px; }
.knowledge-page-mode .inline-alert { background: #fff7ec; border-color: #e2cbb0; color: #69451c; font-size: 14px; }
.knowledge-page-mode .inline-alert.error { background: #fff0ed; border-color: #edc1b9; color: #a92318; }
.knowledge-page-mode .error-detail,
.knowledge-page-mode .form-error { color: #b42318; font-size: 13px; }
.knowledge-page-mode .toast { background: #ffffff; border-color: #d5d8dc; color: #252a31; font-size: 14px; }
.knowledge-page-mode .toast.error { border-color: #edc1b9; color: #a92318; }
.knowledge-page-mode .boot-view { background: #faf9f6; }
.knowledge-page-mode .login-copy p,
.knowledge-page-mode .login-foot { color: #56616e; font-size: 14px; }
@media (max-width: 640px) {
  .knowledge-page-mode .knowledge-heading h3 { font-size: 21px; }
  .knowledge-page-mode .knowledge-create { flex-wrap: wrap; }
  .knowledge-page-mode .knowledge-create input { flex-basis: 100%; }
  .knowledge-page-mode .knowledge-create .button { margin-left: auto; }
}

.settings-main{display:flex;flex-direction:column;gap:22px;min-width:0}.model-channel-choice{font-size:12px;margin-bottom:12px;line-height:1.8;cursor:pointer}.model-channel-choice input{flex-shrink:0}.model-channel-status{font-size:11px;color:var(--purple);margin:17px 0 12px;line-height:1.8}.model-channel-pending{font-size:11px;color:var(--muted);margin-top:20px;line-height:1.8}#model-channel-panel>.button{margin-top:17px}#model-channel-panel>.form-error{margin-top:12px}#model-channel-panel .miniapp-actions{margin-top:12px;flex-wrap:wrap}

/* Credits and payments remain inside the authenticated, same-origin console. */
.billing-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:26px 0 18px}.billing-stat{display:flex;flex-direction:column;gap:13px;padding:25px}.billing-label{font-size:12px;color:#b9b4c5}.billing-stat-value{font-size:34px;font-weight:550;letter-spacing:-1px;font-variant-numeric:tabular-nums}.billing-stat small{font-size:10px;line-height:1.8;color:var(--muted)}.billing-current{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:12px;padding:4px 0 12px}.billing-current strong{font-weight:500}.billing-period{font-size:11px;color:var(--muted);line-height:1.8}.billing-status{display:inline-block;padding:4px 9px;border-radius:6px;background:#bca7ff16;color:#d2bfff;font-size:10px;line-height:1.5;white-space:nowrap}.billing-section{margin-top:32px;min-width:0}.billing-section h2{font-size:16px;font-weight:550;margin-bottom:15px}.billing-section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:18px}.billing-section-heading h2{margin-bottom:8px}.billing-note{font-size:11px;line-height:1.9;color:var(--muted);overflow-wrap:anywhere}.billing-period-choice{display:flex;gap:6px;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.billing-period-choice .button{min-height:32px;font-size:11px}.billing-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.billing-plan{min-width:0;padding:22px;display:flex;flex-direction:column;gap:14px}.billing-plan.current{border-color:#8970b9}.billing-plan-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.billing-plan-heading h3{font-size:14px;font-weight:550;overflow-wrap:anywhere}.billing-plan-credits strong{font-size:27px;font-weight:550;letter-spacing:-.6px;font-variant-numeric:tabular-nums}.billing-plan-credits span{font-size:10px;color:var(--muted)}.billing-plan-price{font-size:15px;font-weight:500;margin-top:3px;font-variant-numeric:tabular-nums}.billing-plan .billing-note{font-size:10px;line-height:1.8}.billing-plan-buy{margin-top:auto;width:100%;font-size:11px;min-height:36px}.billing-table-wrap{width:100%;overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--panel);margin-top:16px}.billing-table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}.billing-table th{color:var(--muted);font-size:10px;font-weight:500;white-space:nowrap;background:#141419}.billing-table th,.billing-table td{padding:15px 17px;border-bottom:1px solid var(--line);line-height:1.8}.billing-table td{overflow-wrap:anywhere;max-width:320px;min-width:85px;font-variant-numeric:tabular-nums}.billing-table td:first-child{min-width:155px}.billing-table tr:last-child td{border-bottom:0}.billing-table .button{white-space:nowrap}.billing-credit{color:var(--green)}.billing-debit{color:var(--red)}.billing-checkout-summary{display:flex;align-items:center;gap:13px;flex-wrap:wrap;padding:16px 18px;background:#bca7ff0d;border:1px solid var(--line);border-radius:10px}.billing-checkout-summary>strong:first-child{font-size:15px;font-weight:550}.billing-checkout-summary>span{font-size:11px;color:var(--muted)}.billing-checkout-amount{margin-left:auto;font-size:22px;font-weight:550;font-variant-numeric:tabular-nums}.billing-order-number{margin:16px 0 12px;overflow-wrap:anywhere}.billing-checkout-status{text-align:center;margin:19px 0;font-size:13px;color:#d2bfff}.billing-checkout-status.paid{color:var(--green)}.billing-qr{display:block;width:240px;max-width:100%;height:auto;aspect-ratio:1;margin:15px auto;padding:10px;border-radius:10px;background:#fff}.billing-checkout-note{text-align:center;margin-top:12px}.billing-section>.device-empty{margin-top:15px}.billing-plan-grid>.device-empty{grid-column:1/-1}.billing-section .device-empty{line-height:1.9}
@media(max-width:1100px){.billing-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-summary{gap:13px}.billing-stat{padding:20px}.billing-stat-value{font-size:28px}}@media(max-width:640px){.billing-summary{grid-template-columns:1fr;margin-top:20px;gap:10px}.billing-stat{padding:18px;gap:9px}.billing-stat-value{font-size:29px}.billing-current{gap:10px;line-height:1.8}.billing-period{flex-basis:100%}.billing-section{margin-top:27px}.billing-section-heading{gap:14px}.billing-period-choice{width:100%}.billing-period-choice .button{flex:1}.billing-plan-grid{gap:10px}.billing-plan{padding:16px 13px;gap:12px}.billing-plan-heading h3{font-size:13px}.billing-plan-credits strong{font-size:23px}.billing-plan-credits span{display:block;margin-top:5px}.billing-plan-price{font-size:13px}.billing-table th,.billing-table td{padding:12px}.billing-checkout-summary{padding:13px;gap:10px}.billing-checkout-amount{font-size:19px}.billing-note{font-size:11px}}

/* Phone accounts and the public-facing mini app workbench. */
.phone-policy{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px;padding:22px}.phone-policy-copy{min-width:0;flex:1}.phone-policy-copy h2{font-size:14px;font-weight:550}.phone-policy-copy p{font-size:12px;line-height:1.8;color:#c0b6cc;margin-top:10px}.phone-policy-copy small{display:block;font-size:11px;line-height:1.8;color:var(--muted);margin-top:6px}.phone-policy-toggle{display:inline-flex;align-items:center;gap:10px;position:relative;flex-shrink:0;min-width:108px;padding:8px 0;background:transparent;border:0}.phone-policy-toggle::before{content:"";display:block;width:38px;height:22px;flex-shrink:0;background:#49434e;border:1px solid var(--line);border-radius:20px;transition:background .15s}.phone-policy-toggle::after{content:"";position:absolute;left:3px;top:50%;margin-top:-8px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}.phone-policy-toggle[aria-checked="true"]{color:var(--purple)}.phone-policy-toggle[aria-checked="true"]::before{background:var(--purple)}.phone-policy-toggle[aria-checked="true"]::after{transform:translateX(16px)}.phone-policy-toggle[aria-checked="false"]{color:var(--muted)}@media(max-width:600px){.phone-policy{padding:18px;gap:14px;align-items:flex-start;flex-wrap:wrap}.phone-policy-copy{flex-basis:200px}.phone-policy-toggle{margin-left:auto}}
.phone-login-link{display:flex;justify-content:space-between;gap:10px;margin-top:25px;color:var(--purple);font-size:11px;line-height:1.8}.phone-login-link:hover,.phone-admin-link:hover{text-decoration:underline;text-underline-offset:4px}.phone-create{display:flex;align-items:center;gap:18px;margin:22px 0 30px;padding:22px}.phone-create>label{flex:1;max-width:420px}.phone-create>.button{margin-top:0}.phone-toolbar input{max-width:280px;min-height:38px;font-size:12px}.phone-toolbar .section-title{display:flex;gap:12px;align-items:center}.phone-toolbar .section-title>span{font-size:11px}.phone-row{display:flex;align-items:center;gap:16px;padding:21px 24px;background:var(--panel);border:1px solid var(--line);border-radius:12px;margin:12px 0}.phone-row-icon{width:40px;height:40px;display:grid;place-items:center;background:#bca7ff17;color:var(--purple);border-radius:12px;flex-shrink:0}.phone-row-copy{min-width:0;flex:1}.phone-row-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.phone-row h3{font-size:15px;letter-spacing:.5px;font-weight:550}.phone-row p{font-size:11px;color:#c0b6cc;margin-top:9px}.phone-row small{display:block;font-size:10px;color:var(--muted);margin-top:8px}.phone-enabled{display:flex;align-items:center;flex-direction:row;gap:10px}.phone-enabled input,.phone-app-choice input{width:17px;height:17px;min-height:17px;padding:0;flex-shrink:0;accent-color:var(--purple)}.phone-app-choices{display:flex;flex-direction:column;max-height:340px;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:0 15px;margin-top:12px}.phone-app-choice{display:flex;align-items:center;flex-direction:row;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);cursor:pointer}.phone-app-choice:last-child{border-bottom:0}.phone-app-choice>span{min-width:0}.phone-app-choice strong{font-weight:500;font-size:12px;overflow-wrap:anywhere}.phone-app-choice small{display:block;color:var(--muted);font-size:10px;line-height:1.8;margin-top:5px;overflow-wrap:anywhere}
.phone-workbench{min-height:100dvh;background:radial-gradient(ellipse at 80% 0,#36244555,transparent 48%),var(--bg)}.phone-login{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:38px 24px}.phone-login-main{width:100%;max-width:380px}.phone-login-main>.brand{margin-bottom:72px}.phone-login-main .login-copy{margin-top:0}.phone-login-main .login-copy p{font-size:13px}.phone-code-row{display:flex;gap:10px;min-width:0}.phone-code-row input{flex:1;min-width:0;width:0}.phone-code-row .button{flex-shrink:0;min-width:116px;font-size:12px;padding:10px}.phone-code-status{color:var(--green);font-size:12px;line-height:1.8}.phone-admin-link{display:inline-block;color:var(--muted);font-size:12px;margin-top:30px}.phone-workspace{min-height:100dvh;display:flex;flex-direction:column}.phone-workspace-header{width:100%;max-width:1200px;margin:0 auto;padding:30px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.phone-workspace-user{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.phone-workspace-main{width:100%;max-width:1200px;margin:0 auto;padding:50px 40px 60px;flex:1}.phone-workspace-main .page-heading p{font-size:13px}.phone-apps-status{font-size:12px;color:var(--muted);line-height:1.9;margin:0 0 20px}.phone-workspace-main>.inline-alert{font-size:13px;line-height:1.8;margin-bottom:20px}.phone-app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.phone-app-card{display:flex;flex-direction:column;min-width:0;min-height:225px;padding:25px;background:var(--panel);border:1px solid var(--line);border-radius:16px;transition:border-color .2s,transform .2s}.phone-app-card[href]:hover{border-color:#8670b8;transform:translateY(-3px);background:var(--panel-hover)}.phone-app-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:12px}.phone-app-avatar{display:grid;place-items:center;background:#bca7ff20;color:#d2c2ff;width:43px;height:43px;border-radius:13px;font-size:22px;font-weight:600}.phone-app-arrow{font-size:17px;color:var(--muted)}.phone-app-card h2{font-size:18px;font-weight:550;line-height:1.5;overflow-wrap:anywhere}.phone-app-card p{font-size:12px;line-height:1.9;color:#b5aabd;margin-top:12px;overflow-wrap:anywhere;white-space:pre-line}.phone-app-card small{font-size:10px;color:var(--muted);padding-top:25px;margin-top:auto;overflow-wrap:anywhere}.phone-workspace-footer{padding:24px 30px;border-top:1px solid var(--line);text-align:center;font-size:11px;color:var(--faint)}
@media(max-width:850px){.phone-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.phone-workspace-header{padding:25px}.phone-workspace-main{padding:38px 25px}.phone-row{padding:18px}.phone-create{flex-wrap:wrap}.phone-create>label{max-width:none;min-width:180px}}@media(max-width:600px){.phone-create{padding:18px;gap:14px}.phone-create>label{flex-basis:100%}.phone-create>.button{width:100%}.phone-toolbar input{width:100%;max-width:none}.phone-toolbar{flex-wrap:wrap;gap:14px}.phone-row{gap:10px;flex-wrap:wrap;padding:18px 15px}.phone-row-icon{display:none}.phone-row>.button{margin-left:auto}.phone-row-title{gap:9px}.phone-row h3{font-size:14px}.phone-workbench .brand{font-size:24px;gap:9px}.phone-workspace-header{padding:21px 20px;align-items:flex-start;gap:12px}.phone-workspace-user{gap:8px;font-size:11px;justify-content:flex-end;max-width:170px}.phone-workspace-user .button{min-height:29px;padding:5px 9px;font-size:10px}.phone-workspace-main{padding:35px 20px 45px}.phone-workspace-main .page-heading p{font-size:12px}.phone-workspace-main .page-heading h1{font-size:25px}.phone-app-grid{grid-template-columns:1fr;gap:15px}.phone-app-card{padding:22px;min-height:210px}.phone-app-card h2{font-size:19px}.phone-app-card p{font-size:13px}.phone-app-card small{font-size:11px}.phone-workbench .eyebrow{font-size:9px}.phone-login-main>.brand{margin-bottom:58px}.phone-login-main .login-form label{font-size:12px}.phone-login-main .login-form input{font-size:16px;min-height:48px}.phone-login-main .login-copy h1{font-size:28px}.phone-workspace-main .page-heading{align-items:center}.phone-workspace-main .page-heading>.button{font-size:11px;white-space:nowrap;padding:9px 11px}}