:root{--bg:#eef3f8;--surface:#fff;--ink:#17253a;--muted:#65748a;--line:#d9e3ef;--primary:#2563eb;--primary2:#3b82f6;--success:#0f9f79;--danger:#c63f56;--shadow:0 20px 60px rgba(31,58,92,.12)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink)}button,input{font:inherit}.auth-page{background:#edf3f9}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(380px,46%) 1fr}.brand-panel{position:relative;overflow:hidden;padding:44px 56px;display:flex;flex-direction:column;color:#fff;background:radial-gradient(circle at 75% 22%,rgba(96,165,250,.5),transparent 28%),radial-gradient(circle at 18% 84%,rgba(45,212,191,.19),transparent 30%),linear-gradient(145deg,#142844,#1d4d83 58%,#2563a8)}.brand-panel:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.11);border-radius:50%;right:-260px;bottom:-250px;box-shadow:0 0 0 70px rgba(255,255,255,.03),0 0 0 140px rgba(255,255,255,.025)}.brand-lockup,.mobile-logo,.dash-brand{display:flex;align-items:center;gap:12px}.brand-lockup img,.mobile-logo img,.dash-brand img{width:46px;height:46px;border-radius:14px;object-fit:cover;box-shadow:0 8px 24px rgba(0,0,0,.18)}.brand-lockup b,.mobile-logo b,.dash-brand b{font-size:24px}.brand-copy{margin:auto 0;position:relative;z-index:1}.brand-copy>span,.eyebrow,.welcome-card>div>span,.next-card>div>span,.dash-header>div>span{font-size:11px;font-weight:800;letter-spacing:2px}.brand-copy>span{color:#9ecaff}.brand-copy h1{font-size:48px;line-height:1.2;margin:18px 0}.brand-copy h1 em{font-style:normal;color:#b9ddff}.brand-copy p{max-width:480px;line-height:1.9;color:#cfdded}.brand-panel>small{color:#a9bdd3;position:relative;z-index:1}.auth-card-wrap{display:grid;place-items:center;padding:44px}.auth-card{width:min(430px,100%);background:#fff;padding:42px;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.mobile-logo{display:none}.eyebrow{color:var(--primary)}.auth-card h2{font-size:30px;margin:10px 0 6px}.subcopy{margin:0 0 24px;color:var(--muted)}.auth-form{display:grid;gap:17px}.auth-form label{font-size:13px;font-weight:750;color:#4e6178}.auth-form input{width:100%;margin-top:8px;padding:13px 14px;border:1px solid #cbd8e8;border-radius:10px;outline:0;color:var(--ink)}.auth-form input:focus{border-color:#69a0ed;box-shadow:0 0 0 4px rgba(37,99,235,.1)}.primary-btn{border:0;border-radius:10px;padding:14px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;font-weight:800;cursor:pointer;box-shadow:0 8px 20px rgba(37,99,235,.22)}.primary-btn:hover{filter:brightness(.96)}.switch-link{text-align:center;color:var(--muted);font-size:14px;margin:22px 0 0}.switch-link a{color:var(--primary);font-weight:800;text-decoration:none}.messages{display:grid;gap:8px;margin-bottom:18px}.message{padding:11px 13px;border-radius:9px;font-size:13px;background:#eaf2ff;color:#24589b}.message.error{background:#fff0f2;color:var(--danger)}.message.success{background:#eafaf5;color:#08775b}
.dashboard-page{background:var(--bg)}.dashboard-shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{height:100vh;position:sticky;top:0;padding:28px 18px;display:flex;flex-direction:column;color:#eff6ff;background:linear-gradient(180deg,#172a46,#203b60)}.dash-brand{padding:0 8px}.sidebar>small{padding:9px 8px 28px;color:#91a9c4;font-size:9px}.sidebar nav{display:grid;gap:8px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:13px;border-radius:10px;color:#c1d0e5;text-decoration:none;font-size:13px;font-weight:750}.sidebar nav a.active{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;box-shadow:0 8px 20px rgba(37,99,235,.25)}.sidebar nav a span{margin-left:auto;font-size:9px;padding:3px 6px;border-radius:20px;background:rgba(255,255,255,.1);color:#9eb5ce}.system-ok{margin-top:auto;padding:20px 8px 0;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:10px}.system-ok>i{width:9px;height:9px;border-radius:50%;background:#32cf94;box-shadow:0 0 0 5px rgba(50,207,148,.12)}.system-ok b{font-size:11px}.system-ok small{display:block;font-size:9px;color:#8299b4;margin-top:3px}.dash-main{min-width:0}.dash-header{height:92px;padding:18px 30px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.95);border-bottom:1px solid var(--line)}.dash-header h1{margin:5px 0 0;font-size:23px}.dash-header>div>span{color:#8594a8}.user-menu{display:flex;align-items:center;gap:12px}.user-menu>span{font-weight:800;letter-spacing:0!important;color:var(--ink)!important}.user-menu form{margin:0}.user-menu button{border:1px solid var(--line);background:#fff;color:#4b617b;padding:9px 12px;border-radius:9px;cursor:pointer}.dash-content{padding:30px}.welcome-card{min-height:230px;border-radius:20px;padding:36px 42px;display:flex;align-items:center;justify-content:space-between;color:#fff;background:radial-gradient(circle at 78% 22%,rgba(147,197,253,.45),transparent 30%),linear-gradient(125deg,#142844,#245f9c 58%,#2581bf);box-shadow:var(--shadow)}.welcome-card h2{font-size:35px;margin:12px 0}.welcome-card p{color:#cfdfef}.phase-ring{width:155px;height:155px;border:1px solid rgba(255,255,255,.25);border-radius:50%;display:grid;place-content:center;text-align:center;box-shadow:inset 0 0 40px rgba(255,255,255,.08)}.phase-ring b{font-size:42px}.phase-ring span{font-size:10px;color:#c3d5e7}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}.metric-grid article,.next-card{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 10px 28px rgba(38,65,98,.07)}.metric-grid article{padding:21px;position:relative}.metric-grid article>i{position:absolute;right:18px;top:18px;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-style:normal}.metric-grid i.blue{background:#eaf2ff;color:#2563eb}.metric-grid i.green{background:#e9faf3;color:#0f9f79}.metric-grid i.orange{background:#fff2e8;color:#d27a19}.metric-grid span{font-size:12px;color:var(--muted)}.metric-grid b{display:block;font-size:26px;margin:10px 0 5px}.metric-grid small{color:#8a99aa}.next-card{padding:22px 24px;display:flex;align-items:center;justify-content:space-between}.next-card h3{margin:6px 0;font-size:19px}.next-card p{margin:0;color:var(--muted)}.next-card>div>span{color:var(--primary)}.next-card button{border:0;border-radius:9px;padding:11px 15px;color:#8798aa}.error-page{min-height:100vh;display:grid;place-items:center;text-align:center}.error-page>div{padding:40px;background:#fff;border-radius:18px;box-shadow:var(--shadow)}.error-page b{font-size:34px;color:var(--primary)}.error-page a{color:var(--primary)}
@media(max-width:850px){.auth-shell{grid-template-columns:1fr}.brand-panel{display:none}.auth-card-wrap{padding:24px}.mobile-logo{display:flex;margin-bottom:25px}.dashboard-shell{grid-template-columns:78px 1fr}.sidebar{padding:22px 9px}.dash-brand b,.sidebar>small,.sidebar nav a:not(.active) span,.sidebar nav a{font-size:0}.sidebar nav a i{font-size:17px}.dash-brand img{width:44px}.system-ok div{display:none}.metric-grid{grid-template-columns:1fr}.phase-ring{display:none}.welcome-card{padding:28px}.dash-content{padding:18px}}
@media(max-width:560px){.bridge-card-head{display:block}.pair-btn{margin-top:16px;width:100%}.pair-result{display:block}.pair-result>div{min-width:0}.pair-result p{margin-top:14px}}
/* Cloud Bridge pairing */
.bridge-card{margin-top:18px;padding:22px 24px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 10px 28px rgba(38,65,98,.07)}.bridge-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.bridge-card span,.bridge-card-head>div>span{font-size:10px;letter-spacing:1.5px;font-weight:800;color:var(--primary)}.bridge-card h3{margin:7px 0 5px;font-size:19px}.bridge-card p{margin:0;color:var(--muted);font-size:13px}.pair-btn{border:0;border-radius:9px;padding:11px 15px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;font-weight:800;cursor:pointer;white-space:nowrap}.pair-btn:disabled{opacity:.6;cursor:wait}.pair-result{margin-top:18px;padding:16px 18px;border-radius:12px;background:#eef5ff;display:flex;align-items:center;gap:24px}.pair-result>div{min-width:190px}.pair-result small{display:block;color:#607999;font-size:11px}.pair-result b{display:block;margin:5px 0;font-size:30px;letter-spacing:5px;color:#1d4ed8}.pair-result span{font-size:11px;color:#7188a4}.pair-result p{font-size:12px;line-height:1.6}.device-list{display:grid;gap:8px;margin-top:16px}.device-row{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:10px}.device-row>i{width:9px;height:9px;border-radius:50%;background:#b8c4d1;box-shadow:0 0 0 4px #eef2f6}.device-row>i.online{background:#16a47f;box-shadow:0 0 0 4px #e3f8f1}.device-row div{flex:1}.device-row b{display:block;font-size:13px}.device-row small{display:block;margin-top:3px;color:var(--muted);font-size:11px}.device-row>span{font-size:11px;color:var(--muted)}.device-row>i.online+div+span{color:var(--success);font-weight:800}.muted{color:var(--muted)!important;letter-spacing:0!important;font-weight:500!important}