:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#202b43;background:#f4f6fb;font-synthesis:none;--el-color-primary:#315de8;--el-border-radius-base:8px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{cursor:pointer}a{color:#315de8}h1,h2,h3,p{margin-top:0}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600;color:#8590a8}p{color:#8390a5;line-height:1.8;font-size:13px}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr 1fr;background:#fff}.login-story{padding:10vh 9vw;background:radial-gradient(ellipse at 0 0,#284ca0,transparent 70%),linear-gradient(145deg,#12233f,#1e3675);color:#fff;display:flex;flex-direction:column;justify-content:center}.brand-mark{width:58px;height:58px;border-radius:17px;background:#426bec;color:#fff;font-size:42px;text-align:center;font-weight:700;margin-bottom:48px}.login-story .eyebrow{color:#aebff0}.login-story h1{font-size:clamp(32px,3vw,48px);line-height:1.5;margin:24px 0}.login-story p{color:#a4b4d3;font-size:15px}.story-grid{display:flex;gap:28px;margin-top:60px;font-size:11px;color:#9caed4}.login-card{width:360px;max-width:85%;align-self:center;justify-self:center}.login-card h2{font-size:28px;margin:16px 0}.login-card .el-form{margin-top:32px}.login-submit{width:100%;margin-top:18px}.login-foot{font-size:11px;color:#a1aabd;margin-top:42px;border-top:1px solid #edf0f6;padding-top:24px}.app-shell{display:flex;min-height:100vh}aside{width:224px;flex-shrink:0;background:#fff;border-right:1px solid #e9edf6;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:28px 18px 18px;z-index:10}.logo{display:flex;gap:12px;align-items:center;font-size:19px;font-weight:700;padding:0 12px 30px;letter-spacing:.8px}.logo b{background:#315de8;border-radius:12px;width:40px;height:40px;text-align:center;line-height:40px;color:#fff;font-size:29px}.logo small{display:block;font-size:10px;font-weight:400;color:#929caf;letter-spacing:2px;margin-top:3px}nav{overflow-y:auto;flex:1}.nav-group{display:block;font-size:10px;color:#9da6b6;margin:20px 16px 10px;letter-spacing:1px}nav button{border:0;background:none;width:100%;padding:12px 15px;display:flex;gap:13px;align-items:center;text-align:left;color:#778299;font-size:13px;border-radius:8px;margin-bottom:4px}nav button:hover{background:#f6f8fd}nav button.selected{background:#edf2ff;color:#315de8;font-weight:600}.nav-icon{font-size:10px;color:#a7b2c9}.nav-dot{width:5px;height:5px;border-radius:50%;background:#315de8;margin-left:auto}.sidebar-bottom{border-top:1px solid #edf0f6;padding:20px 10px 0;font-size:11px;color:#8a94a8;display:flex;align-items:center;gap:7px}.sidebar-bottom>span:last-child{margin-left:auto}.status-dot{width:6px;height:6px;background:#38b394;border-radius:50%}main{margin-left:224px;flex:1;min-width:0}header{height:82px;background:#ffffffbc;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid #e8edf6}.breadcrumb{font-size:12px;color:#8c96aa}.breadcrumb span{margin:0 18px;color:#bec6d5}.user-area{display:flex;align-items:center;gap:10px;font-size:12px}.user-area small{display:block;font-size:10px;color:#9aa4b7;margin-top:4px}.avatar{width:34px;height:34px;background:#edf1ff;color:#315de8;border-radius:50%;display:grid;place-items:center}.workspace{padding:34px 40px;max-width:1760px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-heading h1{font-size:27px;margin:10px 0}.page-heading p{margin:0}.section-gap{margin-bottom:24px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.stats-grid article,.panel{background:#fff;border:1px solid #e6ebf5;border-radius:13px;box-shadow:0 3px 12px #142e5c03}.stats-grid article{padding:25px}.stats-grid article>span{font-size:12px;color:#7a869e}.stats-grid strong{display:block;font-size:36px;letter-spacing:-1px;font-weight:600;margin:22px 0 15px;color:#243656}.stats-grid strong.danger{color:#dd6a52}.stats-grid em{font-size:16px;font-weight:400;font-style:normal;letter-spacing:0;color:#9ba5b8;margin-left:6px}.stats-grid small{font-size:11px;color:#a3acc0}.overview-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.panel{padding:24px;margin-bottom:24px}.panel h3{font-size:15px;font-weight:600}.panel-heading{display:flex;justify-content:space-between;align-items:center}.panel-heading h3{margin-bottom:0}.device-card{display:flex;align-items:center;gap:18px;border:1px solid #edf0f7;padding:20px;margin-top:24px;border-radius:10px}.device-card h3{margin:0 0 8px}.device-card p{margin:0;font-size:11px}.device-card .el-tag{margin-left:auto}.device-symbol{width:50px;height:58px;border-radius:11px;background:#f0f4ff;color:#5576d8;font-size:35px;display:grid;place-items:center}.alert-row{padding:18px 0;display:flex;gap:12px;font-size:13px;border-bottom:1px solid #f1f3f8}.alert-row small{display:block;color:#a4adbd;margin-top:7px;font-size:10px}.alert-dot{width:7px;height:7px;margin-top:5px;border-radius:50%;background:#e8a55b}.getting-started{display:flex;align-items:center;justify-content:space-between;padding:28px;gap:20px}.getting-started h3{margin:10px 0 0}.getting-started>div:not(:first-child){display:flex;gap:12px;align-items:center;font-size:12px}.getting-started b{font-size:25px;font-weight:500;color:#c3cde3}.getting-started small{display:block;color:#a0aabe;font-size:10px;margin-top:8px}.table-tools{display:flex;gap:10px;align-items:center;margin-bottom:24px;flex-wrap:wrap}.record-count{margin-left:auto;font-size:11px;color:#919db3}.el-table{--el-table-header-bg-color:#f8faff;--el-table-header-text-color:#78879f;--el-table-text-color:#546079;font-size:12px}.el-table th.el-table__cell{font-weight:500;height:48px}.el-table .el-table__cell{padding:14px 0}.el-table .el-button{padding:6px 3px;font-size:11px}.el-table .el-button+.el-button{margin-left:4px}.el-pagination{justify-content:flex-end;margin-top:24px}footer{display:flex;justify-content:space-between;font-size:10px;color:#a8b1c2;padding:10px 0}.secret-output{white-space:pre-wrap;word-break:break-all;padding:20px;background:#f5f7fb;border-radius:8px;line-height:1.8;font-size:12px;max-height:380px;overflow:auto}.settings-row{display:flex;align-items:center;justify-content:space-between}.settings-row p{margin-bottom:0}.sim-card{padding:18px;border:1px solid #edf0f6;border-radius:8px;margin-bottom:12px}.el-descriptions__content{word-break:break-all}.el-drawer h3{margin:25px 0 18px}@media(max-width:1100px){aside{width:185px}main{margin-left:185px}.workspace{padding:26px 24px}.stats-grid{gap:12px}.stats-grid article{padding:20px}.getting-started{flex-wrap:wrap}.overview-grid{grid-template-columns:1fr}header{padding:0 24px}}@media(max-width:760px){.login-shell{grid-template-columns:1fr}.login-story{display:none}.login-card{margin:70px 0}aside{width:65px;padding:20px 7px}.logo{padding:0 5px 20px}.logo>div,.nav-group,.nav-dot,.sidebar-bottom{display:none}nav button{font-size:0;padding:15px}.nav-icon{font-size:11px}main{margin-left:65px}.workspace{padding:24px 16px}.stats-grid{grid-template-columns:1fr 1fr}.page-heading{align-items:flex-start;gap:16px}.page-heading h1{font-size:23px}.page-heading>div:last-child{display:flex;flex-direction:column;gap:8px}.page-heading .el-button+.el-button{margin:0}footer span{display:none}.user-area>span:not(.avatar){display:none}.getting-started{display:block}.getting-started>div{margin:15px 0}.settings-row{align-items:flex-start;gap:15px}.breadcrumb{font-size:11px}}.device-event-scroll{max-height:340px;overflow-y:auto;overscroll-behavior:contain;padding:10px 12px 0 0;margin-bottom:16px}.strong-alerts{position:fixed;right:20px;bottom:20px;z-index:3000;display:flex;flex-direction:column-reverse;gap:12px;width:380px;max-width:calc(100vw - 40px)}.strong-alert{background:#fff;border:2px solid #e5484d;border-radius:10px;padding:14px 16px;box-shadow:0 12px 32px #e5484d40;animation:strong-alert-pulse 1.4s ease-in-out 4}.strong-alert-head{display:flex;align-items:center;justify-content:space-between;color:#c9302c;font-size:14px}.strong-alert-close{border:0;background:none;color:#9aa4b7;font-size:20px;line-height:1;padding:0 2px}.strong-alert p{margin:8px 0 4px;color:#243656;font-size:13px;line-height:1.6}.strong-alert small{color:#8c96aa;font-size:11px}.strong-alert-actions{display:flex;gap:8px;margin-top:12px}@keyframes strong-alert-pulse{0%,to{box-shadow:0 12px 32px #e5484d40}50%{box-shadow:0 0 0 8px #e5484d38}}.inbound-popup{border-color:#315de8;box-shadow:0 12px 32px #315de838;animation:none}.inbound-popup .strong-alert-head{color:#315de8}