:root{color-scheme:light;font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif;--ink: #172231;--muted: #687586;--line: #dfe4ea;--surface: #ffffff;--canvas: #f3f5f7;--nav: #101c2b;--nav-soft: #1a2b3e;--teal: #0e7490;--teal-soft: #e5f5f7;--amber: #c26b0a;--amber-soft: #fff4df;--red: #c2413b;--red-soft: #fdeceb;--green: #167a55;--green-soft: #e8f6ef;--blue: #2869b7;--blue-soft: #eaf2fd;--shadow: 0 12px 34px rgba(20, 36, 55, .08)}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:var(--canvas);color:var(--ink);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}h1,h2,h3,p{margin:0}svg{width:18px;height:18px}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.15fr) minmax(360px,.85fr);background:linear-gradient(135deg,#0e7490f5,#101c2bfa),radial-gradient(circle at 82% 20%,rgba(245,158,11,.35),transparent 34%)}.login-brand{padding:10vh 8vw;color:#fff;display:flex;flex-direction:column;justify-content:center;gap:22px}.login-brand h1{max-width:620px;font-size:clamp(44px,6vw,82px);line-height:.98;letter-spacing:0}.login-intro{max-width:600px;color:#ffffffbd;font-size:17px;line-height:1.8}.login-points{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.login-points span{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid rgba(255,255,255,.18);background:#ffffff12;border-radius:7px;font-size:13px}.login-panel{display:grid;place-items:center;padding:32px;background:#f7f9fbf7}.login-card{width:min(420px,100%);display:grid;gap:18px;background:#fff;padding:38px;border-radius:10px;box-shadow:0 24px 70px #0817262e}.login-card h2{margin-top:6px;font-size:28px}.login-card label,.stack-form label,.form-grid label,.field{display:grid;gap:7px}label>span{color:#4e5a69;font-size:13px;font-weight:600}input,select,textarea{width:100%;min-height:42px;border:1px solid #cfd6df;border-radius:7px;background:#fff;color:var(--ink);padding:9px 11px;outline:none;transition:border-color .16s,box-shadow .16s}textarea{resize:vertical;line-height:1.6}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0e74901f}.eyebrow{color:#79909e;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.brand-mark{width:50px;height:50px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:8px;background:#ffffff1f;color:#fff;font-size:15px;font-weight:800}.primary-button,.secondary-button,.ghost-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border-radius:7px;border:1px solid transparent;font-weight:650;white-space:nowrap}.primary-button{background:var(--teal);color:#fff}.primary-button:hover{background:#0b637d}.secondary-button{background:#fff;color:#344252;border-color:#d5dbe3}.secondary-button:hover{border-color:#9cb5c2;color:var(--teal)}.ghost-button{background:#ffffff12;border-color:#ffffff21;color:#dce5ee}.icon-button{width:38px;min-height:38px;padding:0;background:transparent;border-color:#d7dde5;color:#667382}.wide{width:100%}.compact{min-height:33px;padding:0 10px;font-size:12px}.text-button{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:var(--teal);font-weight:650}.danger-text{color:var(--red)}.form-error{min-height:20px;color:var(--red);font-size:13px}.login-hint{color:#7b8794;text-align:center;font-size:12px}.app-shell{display:grid;grid-template-columns:246px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:var(--nav);color:#dfe7ef;padding:22px 16px 16px;z-index:20}.sidebar .brand{display:flex;align-items:center;gap:12px;padding:0 6px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar .brand .brand-mark{width:42px;height:42px;font-size:13px}.sidebar .brand div:last-child{display:grid;gap:3px}.sidebar .brand strong{color:#fff;font-size:15px}.sidebar .brand span{color:#8fa1b4;font-size:11px}.nav-list{flex:1;overflow:auto;padding-top:14px}.nav-group{margin:16px 10px 6px;color:#74879b;font-size:10px;font-weight:700;letter-spacing:.12em}.nav-item{width:100%;min-height:42px;display:flex;align-items:center;gap:10px;padding:0 11px;margin:2px 0;border:0;border-radius:7px;background:transparent;color:#afbdcb;text-align:left}.nav-item:hover,.nav-item.active{background:var(--nav-soft);color:#fff}.nav-item.active{box-shadow:inset 3px 0 var(--teal)}.sidebar-foot{display:grid;gap:10px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}.plan-badge{display:grid;gap:3px;padding:10px 12px;border-radius:7px;background:#ffffff0d}.plan-badge span{color:#fff;font-weight:700}.plan-badge small{color:#91a2b5}.main{min-width:0}.topbar{position:sticky;top:0;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:86px;padding:16px 28px;background:#f7f9fbeb;border-bottom:1px solid #e1e6eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar h1{margin-top:3px;font-size:24px}.topbar p:last-child{margin-top:3px;color:var(--muted);font-size:12px}.top-actions{display:flex;align-items:center;gap:12px}.user-chip{display:flex;align-items:center;gap:9px;padding-left:12px;border-left:1px solid #dde3e9}.user-chip>span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--teal-soft);color:var(--teal);font-weight:800}.user-chip div{display:grid;gap:2px}.user-chip strong{font-size:13px}.user-chip small{color:var(--muted);font-size:11px}.mobile-menu{display:none}.page-content{padding:24px 28px 40px;display:grid;gap:20px;max-width:1500px}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.metric-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{display:flex;gap:12px;min-height:118px;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 4px 16px #1424370a}.metric-icon,.module-icon{width:38px;height:38px;display:grid;place-items:center;flex:none;border-radius:7px;background:var(--teal-soft);color:var(--teal)}.metric-card>div{display:grid;align-content:start;gap:3px}.metric-card small{color:var(--muted);font-size:12px}.metric-card strong{margin:4px 0;font-size:23px}.metric-card p{color:#919ba7;font-size:11px}.metric-card.warning .metric-icon{background:var(--amber-soft);color:var(--amber)}.panel{min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 4px 16px #1424370a}.panel-head{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;border-bottom:1px solid #edf0f3}.panel-head h2{font-size:16px}.panel-head span{display:block;margin-top:4px;color:var(--muted);font-size:12px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr);gap:20px}.chart-panel{min-height:380px}#dashboard-chart{height:310px;padding:10px 14px 16px}.list-stack{display:grid;max-height:310px;overflow:auto}.alert-row{display:grid;grid-template-columns:9px 1fr;gap:10px;padding:15px 18px;border-bottom:1px solid #f0f2f5}.alert-row:last-child{border-bottom:0}.alert-dot{width:8px;height:8px;margin-top:5px;border-radius:50%;background:var(--blue)}.alert-row.warning .alert-dot{background:var(--amber)}.alert-row.error .alert-dot{background:var(--red)}.alert-row strong{font-size:13px}.alert-row p{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.55}.table-wrap{width:100%;overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:720px}.data-table th,.data-table td{padding:13px 18px;border-bottom:1px solid #edf0f3;text-align:left;vertical-align:middle}.data-table th{background:#fafbfc;color:#74808e;font-size:11px;font-weight:700}.data-table td{font-size:13px}.data-table td small{display:block;margin-top:3px;color:#9aa4b0}.tag-count,.status-pill,.risk-tag{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:0 8px;border-radius:5px;background:#eef2f5;color:#52606f;font-size:11px;font-weight:700}.status-pill.ready,.status-pill.succeeded,.status-pill.online{background:var(--green-soft);color:var(--green)}.status-pill.pending_approval,.status-pill.local_confirmation_required{background:var(--amber-soft);color:var(--amber)}.status-pill.running,.status-pill.claimed,.status-pill.approved{background:var(--blue-soft);color:var(--blue)}.status-pill.failed,.status-pill.revoked{background:var(--red-soft);color:var(--red)}.agent-layout{display:grid;grid-template-columns:minmax(340px,.78fr) minmax(0,1.22fr);gap:20px}.agent-command{position:relative;padding-bottom:18px}.agent-mark{position:absolute;right:20px;top:20px;width:44px;height:44px;display:grid;place-items:center;border-radius:8px;background:var(--teal);color:#fff}.agent-command form{display:grid;gap:16px;padding:18px}.agent-options{display:grid;grid-template-columns:120px 1fr;gap:12px}.agent-options select[multiple]{min-height:120px}.agent-boundary{display:flex;gap:8px;margin:0 18px;padding:12px;border-radius:7px;background:#f6f8fa;color:var(--muted);font-size:12px;line-height:1.55}.agent-result{padding-bottom:18px}.answer-summary,.finding-list article,.action-option,.risk-flags,.import-summary{margin:14px 18px 0}.answer-summary{padding:16px;border-left:3px solid var(--teal);background:var(--teal-soft);line-height:1.75}.agent-result h3{margin:20px 18px 8px;font-size:14px}.finding-list,.action-list{display:grid;gap:10px}.finding-list article,.action-option{padding:13px;border:1px solid var(--line);border-radius:7px}.finding-list p,.action-option p{margin-top:5px;color:var(--muted);font-size:12px;line-height:1.55}.finding-list span{display:block;margin-top:7px;color:var(--teal);font-size:12px}.action-option{display:grid;grid-template-columns:auto 1fr;gap:10px}.action-option .risk-tag{margin-top:8px}.risk-tag.low{background:var(--green-soft);color:var(--green)}.risk-tag.medium{background:var(--amber-soft);color:var(--amber)}.risk-tag.high{background:var(--red-soft);color:var(--red)}.risk-flags{display:flex;flex-wrap:wrap;gap:8px}.risk-flags span{padding:7px 9px;border-radius:5px;background:var(--red-soft);color:var(--red);font-size:11px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border-bottom:1px solid #edf0f3}.search-box{width:min(360px,100%);display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid #d6dce4;border-radius:7px;background:#fff}.search-box input{border:0;box-shadow:none}.platform-dots{display:flex;gap:5px}.platform-dots span{width:25px;height:25px;display:grid;place-items:center;border-radius:5px;background:#eef1f4;color:#9aa4b0;font-size:11px;font-weight:800}.platform-dots span.bound{background:var(--teal-soft);color:var(--teal)}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.module-card{display:grid;gap:16px;padding:20px;border:1px solid var(--line);border-radius:8px;background:#fff}.module-card h2{font-size:17px}.module-card p{margin-top:5px;color:var(--muted);line-height:1.6}.module-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.quick-card{min-height:150px;display:grid;align-content:start;gap:8px;padding:18px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);text-align:left}.quick-card:hover{border-color:var(--teal);transform:translateY(-1px)}.quick-card>span{width:38px;height:38px;display:grid;place-items:center;border-radius:7px;background:var(--teal-soft);color:var(--teal)}.quick-card small{color:var(--muted);line-height:1.55}.process-flow{display:grid;grid-template-columns:repeat(6,1fr);gap:0;padding:22px 18px}.process-flow div{position:relative;display:grid;justify-items:center;gap:8px;text-align:center}.process-flow div:not(:last-child):after{content:"";position:absolute;top:15px;left:58%;width:84%;height:1px;background:#d9e0e7}.process-flow span{width:32px;height:32px;display:grid;place-items:center;z-index:1;border:1px solid #b9cdd5;border-radius:50%;background:#fff;color:var(--teal);font-weight:800}.process-flow strong{font-size:12px}.two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.stack-form{display:grid;gap:15px;padding:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.drop-zone,.upload-area{min-height:190px;display:grid;place-items:center;align-content:center;gap:8px;padding:22px;border:1px dashed #b9c4cf;border-radius:8px;background:#fafbfc;color:var(--muted);text-align:center;cursor:pointer}.asset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:18px}.asset-card{display:grid;gap:8px;padding:10px;border:1px solid var(--line);border-radius:7px;background:#fff}.asset-card img,.asset-file-icon{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:grid;place-items:center;border-radius:5px;background:#eef2f5;color:var(--teal)}.asset-card small{color:var(--muted)}.drop-zone.dragging{border-color:var(--teal);background:var(--teal-soft)}.drop-zone svg,.upload-area svg{width:30px;height:30px;color:var(--teal)}.drop-zone strong,.upload-area strong{color:var(--ink)}.import-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:7px;background:var(--green-soft)}.import-summary span{color:var(--green);font-size:12px}.issue-list{display:grid;gap:6px;margin:10px 18px 0}.issue-list span{padding:8px 10px;border-radius:5px;background:var(--amber-soft);color:#8a520d;font-size:12px}.filter-tabs{display:flex;gap:6px;overflow:auto;padding:12px 18px;border-bottom:1px solid #edf0f3}.filter-tabs button{min-height:32px;padding:0 11px;border:1px solid transparent;border-radius:6px;background:#f3f5f7;color:#5d6978;white-space:nowrap}.filter-tabs button.active{background:var(--nav);color:#fff}.task-list,.device-list{display:grid}.task-card,.device-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 18px;border-bottom:1px solid #edf0f3}.task-card:last-child,.device-card:last-child{border-bottom:0}.task-main{min-width:0}.task-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.task-card p{margin-top:7px;color:var(--muted);font-size:12px;line-height:1.55}.priority{padding:3px 6px;border-radius:4px;background:#edf0f3;font-size:10px;font-weight:800}.priority.P0{background:var(--red-soft);color:var(--red)}.priority.P1{background:var(--amber-soft);color:var(--amber)}.task-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:9px;color:#8a95a2;font-size:11px}.task-actions{display:flex;gap:7px;flex:none}.device-card>div{flex:1}.device-card p{margin-top:5px;color:var(--muted);font-size:12px}.device-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;background:var(--blue-soft);color:var(--blue)}.pairing-panel{padding-bottom:18px}.pair-code{display:grid;justify-items:center;gap:6px;margin:28px 18px;padding:24px;border-radius:8px;background:var(--nav);color:#fff}.pair-code small,.pair-code span{color:#92a5b8}.pair-code strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:42px;letter-spacing:.2em}.pairing-steps{display:grid;gap:12px;margin:22px 18px 0;padding:0;list-style:none}.pairing-steps li{display:flex;align-items:center;gap:10px;color:var(--muted)}.pairing-steps span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--teal-soft);color:var(--teal);font-weight:800}.subscription-hero{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:24px;padding:26px;border-radius:8px;background:linear-gradient(120deg,#102439,#174e62);color:#fff}.subscription-hero h2{margin-top:6px;font-size:34px}.subscription-hero p:last-child{margin-top:5px;color:#a7b7c7}.point-balance{display:grid;justify-items:end}.point-balance span{font-size:34px;font-weight:800}.point-balance small{color:#9eb0c0}.inline-form{display:grid;grid-template-columns:1fr auto;gap:12px;padding:18px}.status-list{display:grid;padding:8px 18px 18px}.status-list div{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid #edf0f3}.status-list span{color:var(--muted)}.empty-state,.loading-state{min-height:180px;display:grid;place-items:center;align-content:center;gap:10px;padding:24px;color:#8b96a3;text-align:center}.empty-state svg{width:28px;height:28px}.loading-state{margin:40px auto;max-width:520px}.spinner{width:28px;height:28px;border:3px solid #d9e0e7;border-top-color:var(--teal);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal{width:min(660px,calc(100vw - 32px));padding:0;border:0;border-radius:9px;box-shadow:0 28px 90px #0714214d}.modal::backdrop{background:#07142194}.modal-card{display:grid;gap:18px;padding:18px}.modal-card .panel-head{margin:-18px -18px 0}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.toast{position:fixed;right:24px;bottom:24px;z-index:100;max-width:380px;padding:12px 16px;border-radius:7px;background:var(--nav);color:#fff;opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translateY(0)}.toast.error{background:var(--red)}.mobile-nav{display:none}@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid,.agent-layout{grid-template-columns:1fr}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.module-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:840px){.login-page{grid-template-columns:1fr}.login-brand{min-height:42vh;padding:48px 28px}.login-brand h1{font-size:48px}.login-panel{padding:24px 18px 40px}.app-shell{display:block;padding-bottom:66px}.sidebar{position:fixed;left:0;top:0;width:min(290px,86vw);transform:translate(-105%);transition:transform .22s ease;box-shadow:18px 0 50px #08142038}.sidebar.open{transform:translate(0)}.topbar{min-height:74px;padding:12px 14px}.topbar h1{font-size:19px}.mobile-menu{display:grid;place-items:center;width:38px;height:38px;border:1px solid #d5dce4;border-radius:7px;background:#fff;color:#465362}.top-actions>.secondary-button,.user-chip div{display:none}.page-content{padding:16px 14px 28px}.metric-grid,.metric-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.two-column,.form-grid,.module-grid,.module-grid.compact{grid-template-columns:1fr}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-flow{grid-template-columns:repeat(3,1fr);gap:16px 0}.process-flow div:nth-child(3):after{display:none}.task-card,.device-card{align-items:stretch;flex-direction:column}.task-actions{justify-content:flex-end}.mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:18;display:grid;grid-template-columns:repeat(5,1fr);min-height:62px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid #dce2e8;background:#fffffff7;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.mobile-nav button{display:grid;justify-items:center;align-content:center;gap:3px;border:0;background:transparent;color:#74808d;font-size:10px}.mobile-nav button.active{color:var(--teal)}.mobile-nav svg{width:20px;height:20px}}@media(max-width:520px){.metric-grid,.metric-grid.three{grid-template-columns:1fr}.metric-card{min-height:98px}.panel-head{align-items:flex-start;flex-direction:column}.panel-head>button{width:100%}.toolbar{align-items:stretch;flex-direction:column}.subscription-hero{grid-template-columns:1fr}.point-balance{justify-items:start}.inline-form{grid-template-columns:1fr}}