.device{background:#f7f9fb;border:11px solid #17212b;border-radius:24px 24px 0 0;grid-template-columns:118px 1fr;width:760px;min-height:520px;display:grid;overflow:hidden;transform:rotate(-1deg);box-shadow:0 35px 80px #17212b35}.device-side{color:#fff;background:#101820;flex-direction:column;gap:8px;padding:22px 12px;display:flex}.device-side>strong{margin-bottom:12px;font-size:20px}.device-side>span{border-radius:6px;align-items:center;gap:7px;padding:9px 8px;font-size:9px;display:flex}.device-side>span.active{background:var(--red)}.device-side>span>i{border:1px solid #fff8;border-radius:2px;width:9px;height:9px}.chart-glyph{gap:1px;display:flex;align-items:end!important}.chart-glyph i{background:#fff;width:2px}.chart-glyph i:first-child{height:4px}.chart-glyph i:nth-child(2){height:7px}.chart-glyph i:nth-child(3){height:9px}.device-main{padding:20px}.welcome{justify-content:space-between;align-items:flex-start;display:flex}.welcome h3{margin:0;font-size:17px}.welcome p{color:var(--muted);margin:4px 0;font-size:8px}.welcome>span{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px;font-size:8px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0;display:grid}.metric{border:1px solid var(--line);background:#fff;border-radius:9px;grid-template-rows:auto auto;grid-template-columns:26px 1fr;align-items:center;padding:10px;display:grid}.metric svg{color:var(--red);background:#fff1f2;border-radius:50%;grid-row:1/3;width:25px;height:25px;padding:5px}.metric b{font-size:17px}.metric small{color:var(--muted);font-size:7px}.visual-grid{grid-template-columns:.9fr 1.1fr;gap:10px;display:grid}.visual-grid .card{box-shadow:none;border-radius:10px;padding:13px}.health h4,.department h4{margin:0 0 10px;font-size:10px}.score-row{align-items:center;gap:14px;display:flex}.score{border:9px solid #21b876;border-right-color:#e8eef0;border-radius:50%;place-items:center;width:74px;height:74px;display:grid;position:relative}.score strong{font-size:23px}.score small{font-size:7px;position:absolute;top:46px}.score-row>div:last-child b{color:var(--green);font-size:12px}.score-row p{color:var(--muted);font-size:7px;line-height:1.5}.visual-title{align-items:center;gap:9px;display:flex}.visual-title .avatar{color:#fff;background:#17212b;border-radius:50%;place-items:center;width:32px;height:32px;font-size:9px;display:grid}.visual-title b{font-size:12px;display:block}.visual-title small{color:var(--muted);font-size:7px;display:block}.ask-input{color:#80909d;background:#f6f8fa;border-radius:7px;justify-content:space-between;margin:10px 0;padding:9px;font-size:7px;display:flex}.prompt-row{flex-wrap:wrap;gap:4px;display:flex}.prompt-row span{background:#f4f6f8;border-radius:7px;padding:6px;font-size:6px}.department-row{border-top:1px solid var(--line);grid-template-columns:1fr auto auto;align-items:center;gap:7px;padding:7px 0;font-size:7px;display:grid}.dept-name{align-items:center;gap:5px;display:flex}.dept-name svg{color:#238ae6}.department-row em{border-radius:5px;padding:4px 6px;font-style:normal}.department-row em.good{color:#15935b;background:#e8f8ef}.department-row em.warn{color:var(--red);background:#fff0f1}.map-head{justify-content:space-between;font-size:9px;display:flex}.map-head span{color:var(--green);font-size:7px}.map-canvas{background:#eaf0f2;border-radius:7px;height:132px;margin:8px 0;position:relative;overflow:hidden}.road{transform-origin:0;background:#fff;width:130%;height:9px;position:absolute}.r1{top:25%;transform:rotate(16deg)}.r2{top:80%;transform:rotate(-18deg)}.r3{width:9px;height:130%;top:-10%;left:50%}.zone{color:#1b78cc;background:#55a5ef22;border:2px solid #5aa6ef;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:absolute;top:12%;left:31%}.zone strong{font-size:7px}.zone small{font-size:6px}.map-dot{background:#20b875;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute}.map-dot.d2{background:#e51d2a}.map-key{gap:12px;font-size:7px;display:flex}.map-key i{border-radius:50%;width:7px;height:7px;margin-right:3px;display:inline-block}.green{background:#20b875}.red-bg{background:#e51d2a}.live-panel{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.live-panel>div{background:#18212a;border:1px solid #ffffff0d;border-radius:10px;gap:14px;min-height:125px;padding:20px;display:flex}.live-icon svg{width:33px;height:33px}.live-icon.green{color:#41cb91}.live-icon.orange{color:#ff863f}.live-icon.red{color:#ff4551}.live-icon.blue{color:#83caff}.live-icon.cyan{color:#4bcbea}.live-panel section b{min-height:31px;font-size:11px;display:block}.live-panel section strong{margin:5px 0;font-size:15px;font-weight:500;display:block}.live-panel section small{color:#7ad8a8;font-size:9px}.roster{padding:24px}.roster-head{justify-content:space-between;margin-bottom:18px;display:flex}.roster-head span{color:var(--green);font-size:12px}.roster-table>div{grid-template-columns:100px repeat(5,1fr);align-items:center;gap:8px;margin:8px 0;display:grid}.roster-table b{font-size:12px}.roster-table span{color:#198459;text-align:center;background:#edf7f3;border-radius:7px;padding:10px 4px;font-size:10px}.roster-table .empty{color:var(--red);background:#fff0f1}.analytics{padding:28px}.analytics-head{justify-content:space-between;display:flex}.analytics-head small,.analytics-head strong{display:block}.analytics-head strong{font-size:32px}.analytics-head span{font-size:11px}.bars{border-bottom:1px solid var(--line);align-items:end;gap:8px;height:185px;padding-top:20px;display:flex}.bars i{background:linear-gradient(#ef3340,#b8101c);border-radius:5px 5px 0 0;flex:1}.chart-labels{color:var(--muted);justify-content:space-between;margin-top:8px;font-size:9px;display:flex}@media (max-width:900px){.device{width:690px}.live-panel{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.device{transform-origin:0 0;width:660px;margin-bottom:-145px;transform:scale(.72)}.live-panel{grid-template-columns:1fr}.roster-table>div{grid-template-columns:70px repeat(5,75px)}.roster{overflow:auto}}@media (max-width:500px){.device{margin-bottom:-245px;transform:scale(.53)}.visual-grid{grid-template-columns:1fr 1fr}}