:root{color:#172033;font-synthesis:none;--ink:#172033;--muted:#70798d;--line:#e5e9f1;--panel:#fff;--navy:#111a2e;--purple:#6558e8;--purple-soft:#f0efff;--green:#13a976;--orange:#e98b35;background:#f4f6fa;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{background:#f4f6fa;min-width:1180px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--navy);color:#d4d9e5;z-index:10;flex-direction:column;flex:0 0 224px;width:224px;padding:24px 14px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:0 10px 29px;display:flex}.brand strong{color:#fff;letter-spacing:.1px;font-size:19px;display:block}.brand small{color:#7f8aa3;letter-spacing:1.1px;margin-top:2px;font-size:10px;display:block}.brand-mark{width:30px;height:31px;position:relative;transform:rotate(-3deg)}.brand-mark span{background:#8c81ff;border-radius:2px;width:7px;position:absolute;bottom:1px;transform:skew(-13deg)}.brand-mark span:first-child{opacity:.75;height:14px;left:1px}.brand-mark span:nth-child(2){height:23px;left:10px}.brand-mark span:nth-child(3){background:#55d5c2;height:30px;left:20px}.nav-section{text-transform:uppercase;letter-spacing:1.4px;color:#68738c;padding:0 12px 9px;font-size:10px}.nav-list{flex:1}.nav-item{color:#9da7ba;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;height:42px;margin-bottom:4px;padding:0 12px;font-size:13px;display:flex;position:relative}.nav-item:hover{color:#fff;background:#19243c}.nav-item.active{color:#fff;background:#272d50}.nav-item.active:before{content:"";background:#8074ff;border-radius:0 4px 4px 0;width:3px;height:22px;position:absolute;left:-14px}.nav-item em{color:#cfd4e7;text-align:center;background:#3b4264;border-radius:10px;min-width:22px;margin-left:auto;padding:2px 6px;font-size:10px;font-style:normal}.sidebar-bottom{border-top:1px solid #263047;padding-top:12px}.user-card{background:#182238;border-radius:9px;align-items:center;gap:9px;margin:13px 2px 0;padding:11px 10px;display:flex}.user-card .avatar{color:#fff;background:#5950c4;border-radius:8px;place-items:center;width:31px;height:31px;font-size:12px;display:grid}.user-card div:nth-child(2){flex:1}.user-card strong{color:#e8ebf3;font-size:12px;font-weight:600;display:block}.user-card small{color:#77839b;margin-top:2px;font-size:9px;display:block}.main{width:calc(100% - 224px);min-height:100vh;margin-left:224px}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:54px;padding:0 24px;display:flex}.breadcrumb{color:#8b94a6;align-items:center;gap:7px;font-size:12px;display:flex}.breadcrumb b{color:#4f586a;font-weight:550}.top-actions{color:#757f91;align-items:center;display:flex}.icon-button{color:#768094;background:0 0;border:0;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.icon-button:hover{background:#f2f4f8}.top-divider{background:var(--line);width:1px;height:18px;margin:0 11px 0 6px}.env-dot{background:var(--green);border-radius:50%;width:7px;height:7px;margin-right:7px;box-shadow:0 0 0 3px #dff7ef}.env-dot.offline{background:#e98b35;box-shadow:0 0 0 3px #fff0dc}.env-text{font-size:11px}.source-badge{color:#16875f;background:#e9f8f2;border-radius:5px;margin-right:8px;padding:4px 7px;font-size:9px;font-weight:650}.source-badge.demo{color:#93621e;background:#fff2d8}.page-head{background:#fff;justify-content:space-between;align-items:center;height:89px;padding:0 24px;display:flex}.device-identity{align-items:center;gap:11px;display:flex}.back-button{color:#7c8597;background:0 0;border:0;padding:5px 7px 8px 0;font-size:27px;line-height:1}.device-icon{color:#665ae1;background:#f0efff;border-radius:10px;place-items:center;width:41px;height:41px;display:grid;position:relative}.device-icon i{background:#1abc83;border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;bottom:-1px;right:-1px}.device-icon i.offline{background:#a6adba}.title-line{align-items:center;gap:8px;display:flex}.title-line h1{color:#182135;letter-spacing:-.2px;margin:0;font-size:18px}.title-line>span{letter-spacing:.3px;border-radius:5px;align-items:center;height:20px;padding:0 7px;font-size:9px;font-weight:650;display:inline-flex}.status-badge{color:#16875f;background:#e9f8f2;gap:5px}.status-badge i{background:#1bad79;border-radius:50%;width:5px;height:5px}.status-badge.offline{color:#7c8595;background:#f0f2f5}.status-badge.offline i{background:#9aa2b1}.mode-badge{color:#6558d8;background:#f7f6ff;border:1px solid #dcd8ff}.device-identity p{color:#838c9e;margin:5px 0 0;font-size:11px}.page-actions{align-items:center;gap:7px;display:flex}.page-actions button{color:#586174;background:#fff;border:1px solid #dfe3eb;border-radius:7px;align-items:center;gap:7px;height:35px;padding:0 13px;font-size:11px;font-weight:550;display:flex}.page-actions .primary{color:#fff;background:#6357df;border-color:#6357df;box-shadow:0 3px 8px #574bc833}.page-actions .primary:disabled{opacity:.75;cursor:wait}.page-actions .live-button{color:#5b4fd5;background:#f8f7ff;border-color:#cec9ff}.page-actions .live-button.active{color:#d5534b;background:#fff1f0;border-color:#f1c3bf}.page-actions .more-button{justify-content:center;width:35px;padding:0}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.summary-strip{border:1px solid var(--line);background:#fff;border-radius:9px;grid-template-columns:1.25fr 1.25fr 1.35fr .8fr .85fr;min-height:61px;margin:0 24px;padding:10px 17px;display:grid;box-shadow:0 2px 7px #19223409}.summary-strip>div{border-right:1px solid #edf0f5;flex-direction:column;justify-content:center;min-width:0;padding:0 17px;display:flex}.summary-strip>div:first-child{padding-left:0}.summary-strip>div:last-child{border:0}.summary-strip span{color:#929bad;margin-bottom:5px;font-size:9px}.summary-strip b{color:#323c50;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;font-size:11px;font-weight:600;display:flex;overflow:hidden}.summary-strip b.good{color:#12926a}.summary-strip em{color:#168a64;background:#e7f7f1;border-radius:4px;padding:2px 4px;font-size:8px;font-style:normal}.summary-strip small{color:#9aa2b1;font-size:9px;font-weight:400}.capability-row{align-items:center;gap:6px;min-height:25px;margin:9px 24px 0;display:flex}.cap-label{color:#8a93a5;align-items:center;gap:4px;margin-right:2px;font-size:10px;display:flex}.cap{color:#59647a;background:#e9edf4;border-radius:4px;padding:4px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;font-weight:700}.cap.root{color:#756523;background:#fbf1ce}.capability-row button{color:#6458d8;background:0 0;border:0;align-items:center;padding:4px;font-size:9px;display:flex}.tabs{background:#f4f6fa;border-bottom:1px solid #dfe4ec;align-items:flex-end;gap:25px;height:46px;margin-top:6px;padding:0 24px;display:flex}.tabs button{color:#7f8899;background:0 0;border:0;height:42px;padding:0 1px;font-size:11px;position:relative}.tabs button.active{color:#5c50d1;font-weight:600}.tabs button.active:after{content:"";background:#6558df;border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.tabs button i{background:#e45151;border-radius:50%;width:6px;height:6px;margin-left:4px;display:inline-block;box-shadow:0 0 0 3px #ffe5e5}.workspace{grid-template-columns:minmax(350px,1.25fr) minmax(290px,.95fr) minmax(270px,.8fr);gap:9px;height:calc(100vh - 402px);min-height:410px;padding:12px 24px 0;display:grid}.inspector-panel{background:#fff;border:1px solid #dfe4ec;border-radius:8px;min-width:0;overflow:hidden;box-shadow:0 2px 7px #1a233309}.panel-title{border-bottom:1px solid #e8ebf1;justify-content:space-between;align-items:center;height:42px;padding:0 12px;display:flex}.panel-title>div:first-child{color:#596377;align-items:center;gap:7px;display:flex}.panel-title strong{color:#343e51;font-size:11px}.panel-title span{color:#8c95a6;background:#f0f2f6;border-radius:4px;padding:2px 5px;font-size:8px}.panel-title span.latest{color:#128a64;background:#e8f8f2}.panel-title button,.preview-tools button{color:#8790a1;background:0 0;border:0;border-radius:5px;place-items:center;width:28px;height:28px;padding:0;display:grid}.panel-title button:hover,.preview-tools button:hover{color:#5347ca;background:#f1f3f7}.preview-tools{display:flex}.phone-stage{background-color:#edf0f5;background-image:linear-gradient(#e3e7ed 1px,#0000 1px),linear-gradient(90deg,#e3e7ed 1px,#0000 1px);background-size:18px 18px;flex-direction:column;justify-content:center;align-items:center;height:calc(100% - 42px);padding:10px 14px 28px;display:flex;position:relative}.screen-scale{z-index:2;color:#778195;background:#ffffffeb;border:1px solid #dfe3ea;border-radius:5px;align-items:center;gap:4px;padding:4px 7px;font-size:8px;display:flex;position:absolute;top:9px;left:10px}.phone-shell{aspect-ratio:9/19.4;background:#232733;border:5px solid #232733;border-radius:28px;height:min(94%,585px);position:relative;overflow:hidden;box-shadow:0 15px 28px #191e2a29}.phone-speaker{z-index:3;background:#141720;border-radius:5px;width:35px;height:5px;margin-left:-17px;position:absolute;top:5px;left:50%}.phone-screen{color:#1e2a39;background:#fafbfc;border-radius:22px;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.mobile-status{flex:0 0 26px;justify-content:space-between;height:26px;padding:7px 15px 0;font-size:7px;font-weight:700;display:flex}.mobile-status span:last-child{align-items:center;gap:2px;display:flex}.mobile-head{flex:0 0 54px;justify-content:space-between;align-items:center;height:54px;padding:7px 17px 5px;display:flex}.mobile-head small{color:#8c96a7;font-size:6px;display:block}.mobile-head h3{letter-spacing:-.4px;margin:2px 0 0;font-size:14px}.mini-avatar{color:#fff;background:#7b6ee4;border-radius:50%;place-items:center;width:27px;height:27px;font-size:9px;display:grid}.balance-card{color:#fff;background:#292b52;border-radius:14px;flex:0 0 116px;margin:6px 13px 11px;padding:13px 14px;box-shadow:0 8px 15px #302e5b2e}.balance-top{color:#c5c5d9;justify-content:space-between;font-size:7px;display:flex}.balance-card>strong{letter-spacing:-.5px;margin-top:8px;font-size:22px;display:block}.balance-card>strong small{font-size:12px}.balance-change{color:#b7b8cc;justify-content:space-between;margin-top:12px;font-size:6px;display:flex}.balance-change b{color:#79e2b2;font-size:7px}.quick-actions{flex:0 0 66px;gap:8px;height:66px;padding:0 13px 8px;display:flex}.quick-actions button{color:#465064;background:#fff;border:1px solid #0000;border-radius:9px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;font-size:7px;display:flex;position:relative;box-shadow:0 2px 8px #1d28370d}.quick-actions button:hover{border-color:#9a91ec}.quick-actions button.selected{border:1.5px solid #6b5ee2;box-shadow:0 0 0 2px #6b5ee21f}.quick-actions button.selected:before{content:attr(data-node)}.quick-actions i{color:#6659d6;background:#eeecff;border-radius:7px;place-items:center;width:22px;height:22px;font-style:normal;font-weight:700;display:grid}.transactions-head{flex:0 0 29px;justify-content:space-between;height:29px;padding:6px 15px 4px;font-size:8px;display:flex}.transactions-head span{color:#6d61d4;font-size:6px}.transaction{flex:0 0 43px;align-items:center;gap:8px;height:43px;padding:4px 15px;display:flex}.transaction i{color:#98642d;background:#f5eade;border-radius:8px;place-items:center;width:25px;height:25px;font-size:7px;font-style:normal;display:grid}.transaction i.salary{color:#13845f;background:#e6f6ef}.transaction i.taxi{color:#5574b0;background:#e8eefb}.transaction div{flex:1}.transaction b{font-size:7px;display:block}.transaction small{color:#9aa2b1;margin-top:2px;font-size:5.5px;display:block}.transaction>strong{font-size:7px}.transaction>strong.income{color:#16a273}.mobile-nav{background:#fff;border-top:1px solid #eceef3;flex:0 0 39px;grid-template-columns:repeat(4,1fr);height:39px;margin-top:auto;display:grid}.mobile-nav span{color:#9ba2af;flex-direction:column;justify-content:center;align-items:center;gap:1px;font-size:5.5px;display:flex}.mobile-nav span.active{color:#6559d7}.capture-foot{color:#818b9c;justify-content:space-between;font-size:8px;display:flex;position:absolute;bottom:7px;left:13px;right:13px}.capture-foot span{align-items:center;gap:4px;display:flex}.tree-panel,.property-panel{flex-direction:column;display:flex}.tree-search{color:#8f98a8;border:1px solid #dfe3ea;border-radius:6px;flex:0 0 37px;align-items:center;height:37px;margin:8px 9px 0;padding:0 8px;display:flex}.tree-search input{color:#3e485b;border:0;outline:0;width:100%;padding:0 6px;font-size:9px}.tree-search button{color:#929bad;background:0 0;border:0;place-items:center;padding:2px;display:grid}.tree-search kbd{color:#9ba3b2;white-space:nowrap;background:#f0f2f6;border:0;border-radius:3px;padding:2px 4px;font-family:inherit;font-size:7px}.tree-meta{color:#8d96a7;background:#fafbfc;border-top:1px solid #eef0f4;border-bottom:1px solid #eef0f4;flex:0 0 31px;justify-content:space-between;align-items:center;height:31px;margin-top:7px;padding:0 11px;font-size:8px;display:flex}.tree-meta span:first-child{color:#5d6678;font-weight:600}.node-tree{flex:1;padding:5px 0;overflow:auto}.tree-node{text-align:left;color:#7b8597;background:0 0;border:0;border-radius:5px;align-items:center;gap:4px;width:calc(100% - 8px);min-height:34px;margin:1px 4px;padding-right:7px;display:flex}.tree-node:hover{background:#f5f5fa}.tree-node.active{color:#584bd1;background:#edeaff}.tree-spacer{flex:0 0 13px;width:13px}.node-icon{color:#6e788a;background:#edf0f5;border-radius:5px;flex:0 0 20px;place-items:center;width:20px;height:20px;display:grid}.node-icon.action{color:#168864;background:#e6f5ef}.tree-node.active .node-icon{color:#5c4fd2;background:#dcd8ff}.node-copy{flex:1;min-width:0}.node-copy b,.node-copy small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.node-copy b{color:#3e485b;font-size:9px;font-weight:600}.node-copy small{color:#9aa2b0;margin-top:2px;font-size:7px}.tree-node.active .node-copy b{color:#5548c8}.empty-search{color:#9ba3b1;text-align:center;padding:38px 10px;font-size:10px}.tree-footer{color:#8e97a7;border-top:1px solid #e9ecf1;flex:0 0 35px;justify-content:space-between;align-items:center;height:35px;padding:0 10px;font-size:8px;display:flex}.tree-footer span{align-items:center;gap:5px;display:flex}.dot.fresh{background:#1ab681;border-radius:50%;width:6px;height:6px}.tree-footer button{color:#5d51d0;background:0 0;border:0;align-items:center;gap:4px;font-size:8px;display:flex}.selected-node-head{background:#f7f7fb;border:1px solid #ececf3;border-radius:7px;align-items:center;gap:8px;margin:10px;padding:9px;display:flex}.node-big-icon{color:#138663;background:#e6f5ef;border-radius:7px;place-items:center;width:31px;height:31px;display:grid}.selected-node-head>div:nth-child(2){flex:1;min-width:0}.selected-node-head b{text-overflow:ellipsis;white-space:nowrap;font-size:10px;display:block;overflow:hidden}.selected-node-head small{color:#8d96a6;margin-top:3px;font-family:ui-monospace,monospace;font-size:7px;display:block}.selected-node-head span{color:#5f52d2;background:#e8e5ff;border-radius:4px;flex:none;padding:3px 5px;font-size:7px}.property-scroll{flex:1;overflow:auto}.property-section{border-bottom:1px solid #eceff3;padding:0 11px 7px}.property-section h4{text-transform:uppercase;letter-spacing:.6px;color:#8b94a5;margin:9px 0 5px;font-size:8px}.property-row{grid-template-columns:76px 1fr;align-items:start;padding:5px 0;font-size:8px;display:grid}.property-row>span{color:#929aab}.property-row>div{color:#3f495c;word-break:break-all;min-width:0}.property-row .mono{color:#5549c8;background:#f6f5fd;border-radius:3px;padding:3px 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:7px}.property-row em{color:#a6adba;font-style:normal}.coordinate-grid{grid-template-columns:repeat(4,1fr);gap:4px;margin:5px 0;display:grid}.coordinate-grid span{text-align:center;color:#9aa2b1;border:1px solid #e6e9ef;border-radius:5px;padding:5px 3px;font-size:7px}.coordinate-grid b{color:#4a5364;margin-top:2px;font-size:8px;display:block}.flag-grid{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.flag-grid span{color:#667084;border-bottom:1px dashed #eceef2;justify-content:space-between;align-items:center;padding:6px 0;font-family:ui-monospace,monospace;font-size:7px;display:flex}.flag-grid i{color:#a1a8b4;font-style:normal}.flag-grid i.on{color:#15936a}.property-actions{border-top:1px solid #e8ebf0;flex:0 0 42px;gap:5px;height:42px;padding:6px 9px;display:flex}.property-actions button{color:#5e52d0;background:#f7f6ff;border:1px solid #dfdcef;border-radius:5px;justify-content:center;align-items:center;gap:5px;font-size:8px;display:flex}.property-actions button:first-child{flex:1}.property-actions button:last-child{width:31px}.snapshot-bar{background:#fff;border:1px solid #dfe4ec;border-radius:8px;align-items:center;gap:18px;height:47px;margin:9px 24px 12px;padding:0 12px;display:flex;box-shadow:0 2px 7px #1a233309}.snapshot-status{align-items:center;gap:8px;min-width:200px;display:flex}.success-ring{color:#14956b;background:#e6f8f1;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.snapshot-status b,.snapshot-status small{display:block}.snapshot-status b{color:#344054;font-size:9px}.snapshot-status small{color:#929aab;margin-top:2px;font-size:7px}.metric{color:#8a93a4;border-left:1px solid #e7eaf0;align-items:center;gap:5px;padding-left:17px;font-size:8px;display:flex}.metric b{color:#404a5d}.stages{flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.stages span{color:#727c8f;align-items:center;gap:4px;font-size:7px;display:flex}.stages span i{background:#20b27f;border-radius:50%;width:5px;height:5px}.stages span b{color:#454f62}.stages>em{background:#dfe3ea;width:25px;height:1px}.snapshot-bar>button{color:#6256d6;background:0 0;border:0;align-items:center;gap:5px;font-size:8px;display:flex}.toast{z-index:20;color:#fff;background:#273047;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:11px;animation:.2s ease-out toastIn;display:flex;position:fixed;top:68px;right:25px;box-shadow:0 8px 22px #0f172a33}@keyframes toastIn{0%{opacity:0;transform:translateY(-6px)}}.live-pill{z-index:30;color:#fff;background:#242b3c;border-radius:20px;align-items:center;gap:8px;height:38px;padding:0 6px 0 12px;font-size:9px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #141a2847}.live-pill>span{background:#ff5a58;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #ff5a5829}.live-pill small{color:#aab2c0}.live-pill button{color:#d84d4b;background:#fff;border:0;border-radius:15px;height:27px;padding:0 11px;font-size:9px;font-weight:600}@media (width<=1320px){.sidebar{flex-basis:204px;width:204px}.main{width:calc(100% - 204px);margin-left:204px}.page-actions .secondary{display:none}.summary-strip{grid-template-columns:1.2fr 1.1fr 1.25fr .72fr .8fr}.workspace{grid-template-columns:minmax(330px,1.12fr) minmax(280px,.92fr) minmax(255px,.8fr)}}.console-brand{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0}.console-main{background:#f4f6fa;width:calc(100% - 224px);min-height:100vh;margin-left:224px}.console-topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:54px;padding:0 28px;display:flex}.console-environment,.console-health{color:#758094;align-items:center;gap:7px;font-size:11px;display:flex}.console-environment span{color:#394359;font-weight:600}.console-health i{background:#14ad78;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #dcf6ec}.console-health i.offline{background:#e65c58;box-shadow:0 0 0 3px #fde6e4}.console-page{max-width:1500px;margin:0 auto;padding:27px 30px 40px}.console-page-heading{justify-content:space-between;align-items:flex-end;min-height:66px;margin-bottom:22px;display:flex}.console-page-heading p{color:#6d60df;letter-spacing:.9px;text-transform:uppercase;margin:0 0 5px;font-size:10px;font-weight:750}.console-page-heading h1{color:#172033;letter-spacing:-.4px;margin:0;font-size:24px}.console-page-heading span{color:#818a9c;margin-top:7px;font-size:11px;display:block}.console-primary,.console-secondary{border-radius:8px;align-items:center;gap:7px;height:37px;padding:0 15px;font-size:11px;font-weight:650;display:inline-flex}.console-primary{color:#fff;background:#6256df;border:1px solid #6256df;box-shadow:0 4px 11px #574bc82e}.console-secondary{color:#4e596e;background:#fff;border:1px solid #dfe3eb}.console-secondary:disabled{opacity:.55;cursor:not-allowed}.console-card{background:#fff;border:1px solid #e1e5ed;border-radius:11px;overflow:hidden;box-shadow:0 2px 8px #19223409}.console-card-title{border-bottom:1px solid #e9ecf2;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.console-card-title>div{color:#59647a;align-items:center;gap:8px;display:flex}.console-card-title strong{color:#354055;font-size:12px}.console-card-title button{color:#6256d8;background:0 0;border:0;align-items:center;gap:5px;font-size:9px;display:flex}.console-card-title>span{color:#8a93a4;font-size:9px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;display:grid}.metric-card{background:#fff;border:1px solid #e1e5ed;border-radius:11px;align-items:center;gap:14px;min-height:105px;padding:20px;display:flex}.metric-icon{color:#6558e8;background:#efedff;border-radius:11px;place-items:center;width:43px;height:43px;display:grid}.metric-icon.blue{color:#4775cf;background:#eaf1ff}.metric-icon.green{color:#11916a;background:#e6f7f0}.metric-icon.orange{color:#c77a27;background:#fff1df}.metric-card span{color:#8992a4;font-size:10px}.metric-card strong{color:#202a3e;margin-top:7px;font-size:25px;display:block}.metric-card small{color:#8f98a7;font-size:11px;font-weight:500}.dashboard-grid{grid-template-columns:1.15fr .85fr;gap:14px;display:grid}.console-list{padding:5px 0}.device-list-item,.command-list-item{text-align:left;background:#fff;border:0;border-bottom:1px solid #f0f2f5;align-items:center;gap:10px;width:100%;min-height:61px;padding:8px 16px;display:flex}.device-list-item:last-child,.command-list-item:last-child{border-bottom:0}.device-list-item:hover,.command-list-item:hover{background:#fafaff}.list-device-icon,.command-symbol{color:#6357df;background:#eeecff;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.command-symbol{color:#53647f;background:#eef1f5;font-size:8px;font-weight:800}.list-grow{flex:1;min-width:0}.list-grow strong,.list-grow span{display:block}.list-grow strong{color:#354055;font-size:11px}.list-grow span{color:#8b94a5;margin-top:4px;font-size:9px}.list-right{text-align:right}.list-right small{color:#9aa2b1;margin-top:5px;font-size:8px;display:block}.console-status{color:#677184;white-space:nowrap;background:#eef1f5;border-radius:12px;align-items:center;gap:5px;width:fit-content;padding:4px 7px;font-size:8px;font-weight:650;display:inline-flex}.console-status i{background:#8992a2;border-radius:50%;width:5px;height:5px}.console-status.online,.console-status.succeeded,.console-status.verified{color:#12855f;background:#e5f7ef}.console-status.online i,.console-status.succeeded i,.console-status.verified i{background:#18aa78}.console-status.failed,.console-status.timed-out,.console-status.denied{color:#c54e4a;background:#fdebea}.console-status.failed i,.console-status.timed-out i,.console-status.denied i{background:#dc5d58}.console-status.routed,.console-status.acknowledged,.console-status.running{color:#5e51d2;background:#eceaff}.console-empty{color:#a0a8b6;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:150px;font-size:10px;display:flex}.console-empty.full{background:#fff;border:1px dashed #dce1e9;border-radius:11px;grid-column:1/-1}.table-card{overflow:visible}.table-toolbar{border-bottom:1px solid #e8ebf1;justify-content:space-between;align-items:center;height:58px;padding:0 15px;display:flex}.table-toolbar label{color:#929aaa;border:1px solid #dfe3ea;border-radius:7px;align-items:center;gap:7px;width:340px;height:34px;padding:0 10px;display:flex}.table-toolbar input{color:#394459;border:0;outline:0;width:100%;font-size:10px}.segmented{color:#8c95a5;align-items:center;gap:3px;display:flex}.segmented button{color:#7e8797;background:0 0;border:0;border-radius:5px;height:28px;padding:0 9px;font-size:8px}.segmented button.active{color:#5e52d4;background:#eeecff}.table-count{color:#8d96a6;font-size:9px}.console-table .table-head,.console-table .table-row{align-items:center;padding:0 15px;display:grid}.device-table .table-head,.device-table .table-row{grid-template-columns:1.4fr 1fr .75fr .8fr .7fr .45fr}.command-table .table-head,.command-table .table-row{grid-template-columns:1.1fr 1.1fr .65fr .75fr .55fr .3fr}.console-table .table-head{color:#929aaa;background:#fafbfc;height:36px;font-size:8px}.console-table .table-row{color:#596477;text-align:left;background:#fff;border:0;border-top:1px solid #edf0f4;width:100%;min-height:61px;font-size:9px;position:relative}.device-table button.table-row:hover{background:#fafaff}.console-table .table-row>span{min-width:0}.console-table .table-row b,.console-table .table-row small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.console-table .table-row b{color:#374257;font-size:10px}.console-table .table-row small{color:#929aaa;margin-top:4px;font-size:8px}.device-cell{align-items:center;gap:9px;display:flex}.device-cell>i{color:#6256d8;background:#efedff;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.capability-summary>b{color:#6256d8!important;display:inline!important}.table-empty{color:#9aa2b1;grid-column:1/-1;justify-content:center;align-items:center;gap:7px;min-height:150px;font-size:10px;display:flex}.console-back{color:#6d7688;background:0 0;border:0;align-items:center;gap:5px;margin:0 0 14px;padding:0;font-size:10px;display:flex}.device-detail-head{background:#fff;border:1px solid #e1e5ed;border-radius:11px;align-items:center;gap:13px;min-height:86px;margin-bottom:13px;padding:16px 19px;display:flex}.detail-device-icon{color:#6256dd;background:#eceaff;border-radius:12px;place-items:center;width:48px;height:48px;display:grid}.detail-title{align-items:center;gap:8px;display:flex}.detail-title h1{color:#202a3e;margin:0;font-size:20px}.device-detail-head p{color:#8992a3;margin:6px 0 0;font-size:10px}.mode-chip{color:#6558d8;background:#efedff;border-radius:5px;padding:4px 7px;font-size:8px;font-weight:650}.detail-grid{grid-template-columns:.8fr 1.2fr;gap:13px;margin-bottom:13px;display:grid}.detail-info dl,.gateway-card dl{margin:0;padding:8px 16px 15px}.detail-info dl>div,.gateway-card dl>div{border-bottom:1px dashed #e9ecf1;justify-content:space-between;align-items:center;min-height:38px;display:flex}.detail-info dt,.gateway-card dt{color:#929aaa;font-size:9px}.detail-info dd,.gateway-card dd{color:#434e62;margin:0;font-size:9px;font-weight:600}.capability-cloud{flex-wrap:wrap;gap:6px;padding:16px 16px 8px;display:flex}.capability-cloud span{color:#4e5c73;background:#edf0f5;border-radius:5px;padding:5px 8px;font:700 8px ui-monospace,monospace}.detail-capabilities>p{color:#8e97a7;margin:3px 16px 16px;font-size:9px}.actions-card{margin-bottom:13px}.action-grid{grid-template-columns:repeat(4,1fr);gap:9px;padding:13px;display:grid}.action-grid button{color:#5c6679;text-align:left;background:#fff;border:1px solid #e4e7ee;border-radius:9px;flex-direction:column;align-items:flex-start;min-height:122px;padding:14px;display:flex}.action-grid button:hover:not(:disabled){border-color:#aaa2ee;box-shadow:0 4px 12px #564bc814}.action-grid button:disabled{opacity:.58;cursor:not-allowed;background:#fafbfc}.action-grid i{color:#6256da;background:#efedff;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.action-grid b{color:#344055;margin-top:10px;font-size:10px}.action-grid span{margin-top:4px;font-size:8px}.action-grid small{color:#6559d7;margin-top:auto;font-size:8px}.command-result{color:#147c5b;background:#e9f8f2;border:1px solid #cceee1;border-radius:9px;justify-content:space-between;margin-bottom:13px;padding:14px 16px;display:flex}.command-result.error{color:#b94c48;background:#fdefee;border-color:#f2d2d0}.command-result strong,.command-result span{font-size:10px;display:block}.command-result span{white-space:pre-wrap;margin-top:5px}.command-result button{color:inherit;background:0 0;border:0;font-size:9px}.mini-command-table{padding:5px 15px 12px}.mini-command-table>div{border-bottom:1px solid #edf0f4;grid-template-columns:1fr .7fr .5fr;align-items:center;min-height:42px;font-size:9px;display:grid}.mini-command-table p{color:#999;font-size:9px}.gateway-grid{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.gateway-card-head{border-bottom:1px solid #e9ecf1;align-items:center;gap:11px;padding:17px;display:flex}.gateway-icon{color:#4776ca;background:#eaf1ff;border-radius:10px;place-items:center;width:42px;height:42px;display:grid}.gateway-icon.agent{color:#6357d8;background:#efedff}.gateway-foot{color:#7d8798;background:#fafbfc;align-items:center;gap:6px;height:38px;padding:0 16px;font-size:8px;display:flex}.row-detail{color:#7f8899;background:0 0;border:0;border-radius:5px;place-items:center;width:28px;height:28px;display:grid}.row-detail:hover{background:#eeeefe}.rotate{transform:rotate(180deg)}.command-detail-row{background:#f8f9fc;border-top:1px solid #e7eaf0;grid-column:1/-1;grid-template-columns:.5fr .5fr 2fr;gap:16px;margin:0 -15px;padding:13px 15px;display:grid}.command-detail-row label{color:#949cac;font-size:8px;display:block}.command-detail-row b{margin-top:5px}.result-json pre{color:#48546a;white-space:pre-wrap;max-height:130px;margin:5px 0 0;font:8px ui-monospace,monospace;overflow:auto}.onboarding-layout{grid-template-columns:.9fr 1.1fr;gap:14px;display:grid}.mode-selector,.onboarding-steps{padding:20px}.mode-selector h3,.onboarding-steps h3{color:#344055;margin:0 0 16px;font-size:13px}.mode-selector>button{color:#7c8698;text-align:left;background:#fff;border:1px solid #e1e5ed;border-radius:9px;align-items:center;gap:12px;width:100%;min-height:88px;margin-top:9px;padding:14px;display:flex}.mode-selector>button.selected{color:#6256d9;background:#f7f6ff;border-color:#9b92ec}.mode-selector button>i{background:#eeecff;border-radius:9px;place-items:center;width:39px;height:39px;display:grid}.mode-selector button>span{flex:1}.mode-selector b,.mode-selector small{display:block}.mode-selector b{color:#354055;font-size:11px}.mode-selector small{color:#8992a3;margin-top:6px;font-size:9px}.onboarding-steps ol{margin:0;padding:0;list-style:none}.onboarding-steps li{gap:12px;min-height:75px;display:flex;position:relative}.onboarding-steps li>i{z-index:1;color:#6256da;background:#eeecff;border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.onboarding-steps li:not(:last-child):before{content:"";background:#ddd9ff;width:1px;position:absolute;top:34px;bottom:0;left:17px}.onboarding-steps b,.onboarding-steps span{display:block}.onboarding-steps b{color:#394459;font-size:10px}.onboarding-steps span{color:#8791a2;margin-top:5px;font-size:9px}.onboarding-steps code,.onboarding-steps a{color:#5e52d3;background:#f0efff;border-radius:5px;width:fit-content;margin-top:7px;padding:5px 8px;font-size:8px;text-decoration:none;display:block}.onboarding-notice{color:#91631f;background:#fff5df;border:1px solid #f0dfba;border-radius:9px;gap:10px;margin-top:14px;padding:14px 17px;display:flex}.onboarding-notice b,.onboarding-notice span{font-size:9px;display:block}.onboarding-notice span{color:#9e7d4b;margin-top:5px}.console-error{color:#b74b47;background:#fdefee;border:1px solid #f2d2d0;border-radius:8px;align-items:center;gap:8px;margin:14px 30px -8px;padding:10px 13px;font-size:10px;display:flex}.console-error span{flex:1}.console-error button{color:inherit;background:0 0;border:0;align-items:center;gap:4px;font-size:9px;display:flex}.console-loading,.not-found{color:#8791a3;justify-content:center;align-items:center;gap:9px;min-height:300px;font-size:11px;display:flex}.not-found{flex-direction:column}.not-found button{color:#6256da;background:0 0;border:0}@media (width<=1320px){.console-main{width:calc(100% - 204px);margin-left:204px}.action-grid,.metric-grid{grid-template-columns:repeat(2,1fr)}}