.monitoring-photo{margin:34px 0 20px;border-radius:22px;overflow:hidden;position:relative;background:linear-gradient(145deg,#dceaff,#f1edff);min-height:360px;border:1px solid #dce7f5;box-shadow:0 20px 55px rgba(35,73,129,.11)}.monitoring-photo img{width:100%;height:100%;min-height:360px;object-fit:cover;display:block}.monitoring-photo figcaption{position:absolute;left:16px;right:16px;bottom:16px;padding:13px 15px;border:1px solid rgba(255,255,255,.4);border-radius:14px;background:rgba(255,255,255,.88);backdrop-filter:blur(15px);display:flex;align-items:center;gap:12px}.monitoring-photo figcaption>div{flex:1}.monitoring-photo strong,.monitoring-photo small{display:block}.monitoring-photo small{color:#7889a3;font-size:9px}.monitoring-photo button{width:34px;height:34px;border:0;border-radius:10px;background:#276fe0;color:#fff}.live-pill{font-size:8px;font-weight:800;color:#11835b}.live-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#16c482;margin-right:5px}.screen-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.screen-card{overflow:hidden;border:1px solid #dce7f4;border-radius:17px;background:#fff;box-shadow:0 12px 32px rgba(38,76,132,.07)}.screen-browser{height:36px;display:flex;align-items:center;gap:5px;padding:0 10px;background:#f6f9fd;border-bottom:1px solid #e2eaf4;font-size:8px;color:#8190a6}.screen-browser i{width:6px;height:6px;border-radius:50%;background:#ccd5e1}.screen-browser span{margin-left:5px;flex:1}.screen-browser b{font-weight:700;color:#4e6b95}.screen-content{min-height:210px;padding:15px;background:linear-gradient(145deg,#fbfdff,#f5f9ff)}.live-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.live-grid>div{text-align:center;padding:12px 4px;border:1px solid #e3ebf5;border-radius:10px;background:#fff}.screen-person{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;margin:0 auto 5px;color:#fff;font-size:8px;font-weight:800}.p1,.p4{background:#4e80e7}.p2,.p5{background:#40b98a}.p3,.p6{background:#8069d8}.live-grid small,.live-grid i{display:block;font-size:7px}.live-grid i{font-style:normal;color:#27a875}.screen-caption{display:flex;gap:10px;padding:13px}.screen-caption>span{color:#7fa0cd;font-weight:800}.screen-caption strong{font-size:11px}.screen-caption p{margin:2px 0;color:#7e8da3;font-size:9px}.timeline-head{display:flex;justify-content:space-between;font-size:7px;color:#8d9bb0}.timeline-ui .timeline-row{display:grid;grid-template-columns:60px 1fr;gap:6px;font-size:8px}.timeline-ui .timeline-row p{height:16px;background:#e9eef5;border-radius:5px;position:relative}.timeline-ui .timeline-row i{position:absolute;top:2px;height:12px;border-radius:4px;background:#4d7be1}.timeline-ui .deep.a{left:6%;width:22%}.timeline-ui .deep.b{left:39%;width:18%}.timeline-ui .deep.c{left:68%;width:25%}.timeline-ui .meeting.a{left:25%;width:16%;background:#9b70df}.timeline-ui .meeting.b{left:62%;width:19%;background:#9b70df}.timeline-ui .break.a{left:15%;width:8%;background:#54c69c}.timeline-ui .break.b{left:49%;width:7%;background:#54c69c}.timeline-ui .break.c{left:85%;width:5%;background:#54c69c}.timeline-summary{display:flex;gap:8px;margin-top:13px;padding:9px;background:#eef5ff;border-radius:9px}.timeline-summary small,.timeline-summary strong{display:block;font-size:7px}.report-score{display:flex;align-items:center;gap:12px}.donut{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#3fc795 86%,#e7edf5 0);position:relative}.donut:before{content:"";position:absolute;width:55px;height:55px;border-radius:50%;background:#fff}.donut strong{z-index:1;font-size:11px}.report-score small,.report-score strong,.report-score span{display:block;font-size:8px}.report-score span{color:#2ab07d}.report-bars{display:grid;gap:9px;margin-top:16px}.report-bars>span{display:grid;grid-template-columns:65px 1fr 42px;align-items:center;gap:6px;font-size:7px}.report-bars i{height:6px;border-radius:5px;background:#e7edf5;overflow:hidden}.report-bars b{display:block;height:100%;background:#4782e5}.report-bars em{font-style:normal;color:#8392a8}.pulse-bars{display:flex;align-items:end;gap:4px;height:90px;margin-top:25px}.pulse-bars i{flex:1;border-radius:4px 4px 1px 1px;background:linear-gradient(#4f8ce8,#bed6fb)}.pulse-bars i:nth-child(1){height:30%}.pulse-bars i:nth-child(2){height:48%}.pulse-bars i:nth-child(3){height:62%}.pulse-bars i:nth-child(4){height:50%}.pulse-bars i:nth-child(5){height:78%}.pulse-bars i:nth-child(6){height:68%}.pulse-bars i:nth-child(7){height:86%}.pulse-bars i:nth-child(8){height:73%}.risk-scale{height:12px;border-radius:999px;background:linear-gradient(90deg,#3bc996,#f5bd4f,#ef5364);position:relative;margin-top:45px}.risk-scale b{position:absolute;left:20%;top:-34px;width:30px;height:25px;border-radius:8px;background:#fff;border:1px solid #dce7f3;display:grid;place-items:center;font-size:9px;box-shadow:0 5px 15px rgba(40,70,110,.1)}@media(max-width:900px){.screen-gallery{grid-template-columns:1fr}.monitoring-photo{min-height:260px}.monitoring-photo img{min-height:260px}}