:root{--primary:#0f766e;--primary-deep:#095f59;--primary-soft:#e7f4f1;--primary-dark:#17343d;--accent:#c96a16;--accent-soft:#fff3e5;--background:#f3f6f5;--surface:#fff;--surface-muted:#f8faf9;--line:#dfe7e5;--line-strong:#ccd8d5;--text:#17272d;--text-soft:#75858a;--danger:#b8423d;--success:#0f8268;--shadow:0 14px 38px #142f3b1a;color:var(--text);background:var(--background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Noto Sans SC,Microsoft YaHei UI,sans-serif}*{box-sizing:border-box;letter-spacing:0}html,body,#app{touch-action:manipulation;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;width:100%;min-width:320px;height:100%;min-height:100%;margin:0}body{background:var(--background);overscroll-behavior:none;overscroll-behavior-y:none;overflow-x:hidden}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.72}a{color:inherit}.app-shell{min-height:100dvh}.mobile-shell{min-height:100vh;padding-bottom:calc(68px + env(safe-area-inset-bottom))}.content-width{width:min(100%,720px);margin:0 auto}.mobile-page{background:var(--background);min-height:calc(100vh - 68px)}.page-pad{padding:16px 18px 22px}.card{border:1px solid var(--line);background:var(--surface);box-shadow:none;border-radius:7px}.section-title{align-items:center;gap:6px;margin:0 0 12px;font-size:16px;font-weight:800;display:flex}.muted{color:var(--text-soft)}.primary-button,.ghost-button{border-radius:6px;width:100%;min-height:44px;font-weight:800}.primary-button{background:var(--primary);color:#fff;border:0}.primary-button,.ghost-button,.admin-logout{justify-content:center;align-items:center;gap:8px;display:inline-flex}.ghost-button{border:1px solid var(--line);color:var(--primary);background:#fff}.field{text-align:left;gap:7px;margin-bottom:14px;display:grid}.field span{color:var(--text-soft);font-size:13px}.field input,.field textarea{border:1px solid var(--line);width:100%;min-height:44px;color:var(--text);background:#fff;border-radius:6px;outline:none;padding:0 12px}.field textarea{resize:vertical;min-height:84px;padding:11px 12px}.field input:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0f766e1f}.error-text{color:var(--danger);font-size:13px}.success-text{color:var(--success);align-items:center;gap:6px;font-size:13px;font-weight:800;display:flex}.bottom-nav{z-index:20;height:calc(58px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);box-shadow:none;background:#fffffffc;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#87939a;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;font-size:12px;display:flex}.bottom-nav .active{color:var(--primary);font-weight:800}.bottom-nav .active svg{stroke-width:2.6px}.auth-page{min-height:100dvh;padding:calc(54px + env(safe-area-inset-top)) 18px 24px;background:var(--background);align-items:start;display:grid}.auth-card{text-align:center;width:min(100%,420px);margin:0 auto;padding:28px 18px 20px}.tenant-logo{background:var(--primary-deep);color:#fff;border-radius:12px;place-items:center;width:68px;height:68px;margin:0 auto 16px;font-size:28px;font-weight:900;display:grid;overflow:hidden}.tenant-logo img{object-fit:cover;width:100%;height:100%}.auth-card h1{color:var(--text);margin:0;font-size:22px}.auth-card p{color:var(--text-soft);margin:8px 0 22px}.auth-form{gap:2px;margin-top:22px;display:grid}.input-with-icon{border:1px solid var(--line);background:var(--surface);height:46px;color:var(--text-soft);border-radius:6px;align-items:center;gap:9px;padding:0 12px;display:flex}.input-with-icon svg{color:var(--text-soft);flex:none}.input-with-icon:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #0f766e1a}.input-with-icon input{min-width:0;height:44px;min-height:0;box-shadow:none;appearance:none;background:0 0;border:0;flex:1;padding:0;font-size:15px;line-height:44px}.auth-link{color:var(--primary);margin-top:16px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.customer-hero{padding:calc(20px + env(safe-area-inset-top)) 20px 32px;background:linear-gradient(180deg, var(--primary) 0%, var(--primary-deep) 100%);color:#fff;justify-content:space-between;align-items:center;gap:14px;display:flex}.customer-hero p{color:#d8f1eb;margin:0 0 8px}.customer-hero h1,.mobile-title{margin:0;font-size:24px}.hero-logo{object-fit:cover;background:#fff;border-radius:7px;width:44px;height:44px}.hero-refresh{color:#fff;background:#ffffff1f;border:1px solid #ffffff3d;border-radius:7px;flex:none;place-items:center;width:44px;height:44px;display:grid}.balance-card,.revenue-panel{margin-top:-24px;padding:22px}.balance-card span,.revenue-panel span{color:var(--text-soft)}.balance-card strong,.revenue-panel strong{color:var(--primary-deep);margin:8px 0 6px;font-size:34px;display:block}.balance-card small,.revenue-panel small{color:var(--accent);font-weight:800}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.home-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:14px;padding:12px;display:grid}.home-actions a,.home-actions button{border:1px solid var(--line);background:var(--surface-muted);min-width:0;min-height:70px;color:var(--primary);text-align:center;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:7px;text-decoration:none;display:flex}.home-actions span{color:#34454d;font-size:12px;font-weight:800}.quick-card{color:var(--text);gap:8px;padding:16px;text-decoration:none;display:grid}.quick-card svg{color:var(--primary)}.quick-card span{color:var(--text-soft);font-size:13px}.quick-card strong{font-size:24px}.notice-card,.profile-card,.profile-list{margin-top:14px;padding:16px}.notice-card p{margin:0;line-height:1.7}.node-panel{margin-top:14px;padding:16px}.node-panel header,.page-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.page-heading{margin-bottom:14px}.page-heading span,.page-heading button{color:var(--text-soft);flex:none;font-size:13px}.page-heading button{border:1px solid var(--line);min-height:34px;color:var(--primary);background:#fff;border-radius:8px;padding:0 12px;font-weight:800}.node-panel header strong{color:var(--primary);font-size:20px}.node-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.node-metrics button,.platform-list button{border:1px solid var(--line);background:var(--surface-muted);color:var(--text-soft);border-radius:8px;padding:10px;font-size:12px}.node-metrics button{min-height:44px}.node-metrics b,.platform-list b{color:var(--text);margin-left:5px}.node-metrics b.online{color:var(--success)}.node-metrics b.offline{color:var(--danger)}.platform-list{gap:8px;margin-top:10px;display:grid}.platform-list button{text-align:left;justify-content:space-between;align-items:center;display:flex}.notice-row{border-top:1px solid var(--line);padding:10px 0}.notice-row strong{margin-bottom:5px;display:block}.mobile-subheader{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;min-height:54px;display:grid;position:sticky;top:0}.mobile-subheader h1{text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:17px;font-weight:900;overflow:hidden}.mobile-subheader button{width:44px;height:44px;color:var(--primary);background:0 0;border:0;place-items:center;display:grid}.bind-page{background:linear-gradient(180deg, #0f766e1a, transparent 180px), var(--background)}.bind-ribbon{background:linear-gradient(180deg, var(--primary) 0%, var(--primary-deep) 100%);color:#fff;justify-content:space-between;align-items:center;gap:16px;min-height:112px;padding:22px 20px;display:flex}.bind-ribbon span{color:#ffffffa8;font-size:11px;font-weight:900}.bind-ribbon strong{margin-top:5px;font-size:24px;display:block}.bind-ribbon svg{color:#ffffffd1;flex:none}.bind-panel{gap:12px;padding:14px 18px 24px;display:grid}.bind-section{padding:15px}.bind-section h2{align-items:center;gap:8px;margin:0 0 14px;font-size:15px;display:flex}.bind-section h2 span{color:var(--primary);font-size:11px;font-weight:900}.compact-button{min-height:40px;margin:-2px 0 14px}.bind-two-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.bandwidth-total{background:var(--primary-soft);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:12px;display:flex}.bandwidth-total span{color:#65756f;font-size:12px}.bandwidth-total strong{color:var(--primary-deep);font-size:16px}.option-block{gap:8px;margin-top:12px;display:grid}.option-block>span{color:var(--text-soft);font-size:13px}.bind-submit{margin-top:2px}.device-filter{gap:10px;margin-bottom:14px;padding:12px;display:grid}.device-filter label{border:1px solid var(--line);min-height:42px;color:var(--text-soft);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex}.device-filter input{border:0;outline:0;flex:1;min-width:0}.segmented-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.segmented-row button{border:1px solid var(--line);min-height:36px;color:var(--text-soft);background:#fff;border-radius:8px;font-size:12px;font-weight:800}.segmented-row button.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.list-stack{gap:10px;margin-top:14px;display:grid}.device-card{justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.device-card small{color:#9aa4a8;margin-top:5px;font-size:12px;display:block}.device-card strong,.device-card span{display:block}.device-card span{color:var(--text-soft);word-break:break-all;margin-top:5px;font-size:13px}.device-card em{background:var(--primary-soft);color:var(--primary);border-radius:999px;flex:none;padding:4px 9px;font-size:12px;font-style:normal;font-weight:800}.device-card aside{justify-items:end;gap:8px;display:grid}.device-card aside button{border:1px solid var(--line);width:32px;height:32px;color:var(--primary);background:#fff;border-radius:8px;place-items:center;display:grid}.empty-card{color:var(--text-soft);text-align:center;padding:26px 16px}.wallet-summary{background:linear-gradient(180deg, var(--primary) 0%, var(--primary-deep) 100%);color:#fff;margin-top:0;padding:18px}.wallet-summary>span{color:#ffffffb8;font-size:12px}.wallet-summary>strong{margin-top:7px;font-size:32px;display:block}.wallet-summary div{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.wallet-summary small{color:#ffffffb8;min-width:0;font-size:11px}.wallet-summary button{min-height:36px;color:var(--primary);background:#fff;border:0;border-radius:8px;flex:none;padding:0 13px;font-size:12px;font-weight:900}.bill-tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(2,1fr);margin:12px 0;display:grid}.bill-tabs button{min-height:42px;color:var(--text-soft);background:0 0;border:0;font-weight:800;position:relative}.bill-tabs button.active{color:var(--primary)}.bill-tabs button.active:after{background:var(--primary);content:"";height:2px;position:absolute;bottom:-1px;left:28%;right:28%}.bill-list{gap:10px;display:grid}.bill-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.bill-row strong,.bill-row span,.bill-row small{display:block}.bill-row div{min-width:0}.bill-row div strong,.bill-row div span,.bill-row div small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bill-row div span{color:var(--text-soft);margin-top:4px;font-size:12px}.bill-row div small{color:#9aa4a8;margin-top:5px;font-size:11px}.bill-row aside{justify-items:end;gap:6px;display:grid}.bill-row aside strong{color:var(--primary);font-size:17px}.bill-row aside em{background:var(--accent-soft);color:var(--accent);border-radius:6px;padding:3px 7px;font-size:11px;font-style:normal;font-weight:800}.bill-row aside em.done{background:var(--primary-soft);color:var(--success)}.profile-card{text-align:center}.profile-avatar{background:var(--primary);color:#fff;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 14px;font-size:24px;font-weight:900;display:grid}.profile-card h1,.profile-card p{margin:0}.profile-card p{color:var(--text-soft);margin-top:6px}.profile-list{gap:12px;display:grid}.profile-wallet{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:14px;padding:0;display:grid;overflow:hidden}.profile-wallet article{border-right:1px solid var(--line);min-width:0;padding:14px 10px}.profile-wallet article:last-child{border-right:0}.profile-wallet span,.profile-wallet strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.profile-wallet span{color:var(--text-soft);font-size:12px}.profile-wallet strong{color:var(--primary);margin-top:6px;font-size:18px}.account-menu{margin-top:14px;padding:0;display:grid;overflow:hidden}.account-menu button{border:0;border-bottom:1px solid var(--line);min-height:50px;color:var(--text);text-align:left;background:#fff;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 14px;display:grid}.account-menu button:last-child{border-bottom:0}.account-menu svg{color:var(--primary)}.account-menu span,.account-menu b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-menu b{color:var(--text-soft);font-size:12px}.profile-list div{justify-content:space-between;align-items:center;gap:12px;display:flex}.profile-list span{color:var(--text-soft)}.logout-button{margin-top:14px}.modal-mask{z-index:40;background:#081c2361;place-items:end center;padding:18px;display:grid;position:fixed;inset:0}.modal-card{border-radius:10px 10px 8px 8px;width:min(100%,440px);padding:18px}.payee-modal{max-height:86vh;overflow-y:auto}.select-field{border:1px solid var(--line);background:var(--surface);width:100%;min-height:44px;color:var(--text);border-radius:6px;outline:none;padding:0 12px}.select-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0f766e1f}.file-upload-action{border:1px solid var(--primary);width:fit-content;min-height:32px;color:var(--primary);border-radius:6px;align-items:center;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.modal-card h2,.modal-card p{margin:0}.modal-card h2{font-size:18px}.modal-card p{color:var(--text-soft);word-break:break-all;margin:8px 0 14px}.modal-card footer{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.invite-link{border:1px solid var(--line);width:100%;min-height:92px;color:var(--text);resize:none;border-radius:8px;padding:10px}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.admin-layout{background:#eef3f2;grid-template-columns:232px minmax(0,1fr);min-height:100vh;display:grid}.admin-sidebar{color:#d8e6e8;background:#12354a;padding:22px 16px}.admin-brand{color:#fff;align-items:center;gap:10px;padding:0 8px 22px;display:flex}.admin-brand img,.admin-brand span{color:#fff;object-fit:cover;background:#ffffff24;border-radius:8px;flex:none;place-items:center;width:34px;height:34px;font-size:16px;font-weight:900;display:grid;overflow:hidden}.admin-brand strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:19px;font-weight:900;overflow:hidden}.admin-nav{gap:7px;display:grid}.admin-nav a{color:#d8e6e8;border-radius:8px;align-items:center;gap:9px;padding:11px 12px;text-decoration:none;display:flex}.admin-nav a.router-link-active{color:#fff;background:#ffffff21}.admin-main{min-width:0;padding:24px}.admin-topbar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.admin-title{color:#102f45;margin:0;font-size:22px}.admin-kicker{color:var(--text-soft);margin:0 0 5px;font-size:13px}.admin-logout{border:1px solid var(--line);min-height:38px;color:var(--primary-deep);background:#fff;border-radius:8px;padding:0 14px;font-weight:800}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.metric-card{padding:18px}.metric-card span{color:var(--text-soft);font-size:13px}.metric-card strong{margin-top:8px;font-size:26px;display:block}.data-table{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;overflow:hidden}.data-table th,.data-table td{border-bottom:1px solid var(--line);text-align:left;padding:13px 14px;font-size:14px}.data-table th{color:var(--text-soft);background:#f8faf9;font-weight:800}.admin-section{overflow:hidden}.admin-section-head{justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.admin-section-head h2{margin:0;font-size:18px}.admin-section-head span,.empty-cell{color:var(--text-soft)}.empty-cell{text-align:center;padding:36px 14px}@media (width>=760px){.app-shell:not(.app-shell--admin){background:var(--background);width:min(100%,720px);margin:0 auto;box-shadow:0 0 42px #142f3b1c}.bottom-nav{left:calc(50vw - min(100vw,720px)/2);right:calc(50vw - min(100vw,720px)/2)}}@media (width<=860px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{display:none}.admin-main{padding:18px}.metric-grid{grid-template-columns:1fr}}