.monitor-page{--monitor-navy:#11233f;--monitor-blue:#157aa4;--monitor-cyan:#18a7b8;--monitor-green:#16a57d;--monitor-violet:#6d62e8;--monitor-line:#e6edf3;--monitor-muted:#7b8b9f;max-width:1440px;margin:0 auto}
.monitor-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:22px;padding:27px 30px;overflow:hidden;border:1px solid rgba(211,224,233,.9);border-radius:25px;background:linear-gradient(118deg,rgba(255,255,255,.98),rgba(244,251,253,.98));box-shadow:0 18px 50px rgba(22,53,76,.06)}
.monitor-hero:after{content:"";position:absolute;right:-80px;top:-120px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(24,167,184,.11),transparent 68%);pointer-events:none}
.monitor-overline{display:flex;align-items:center;gap:9px;color:#0b7699;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.monitor-live-dot{width:8px;height:8px;border-radius:50%;background:#1bb58b;box-shadow:0 0 0 5px rgba(27,181,139,.11);animation:monitorPulse 2s ease-in-out infinite}
.monitor-hero h1{margin:9px 0 5px;color:var(--monitor-navy);font-size:30px;letter-spacing:-.045em}
.monitor-hero p{margin:0;color:var(--monitor-muted);font-size:12px}
.monitor-sync{position:relative;z-index:1;display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid rgba(184,218,223,.7);border-radius:16px;background:rgba(255,255,255,.76);backdrop-filter:blur(12px)}
.monitor-filter{position:relative;z-index:1;display:grid;gap:6px;min-width:min(330px,100%)}.monitor-filter label{color:#587184;font-size:9px;font-weight:850}.monitor-filter select{height:43px;padding:0 35px 0 13px;border:1px solid #cfe1e7;border-radius:13px;background:#fff;color:#244158;font-size:11px;font-weight:750;outline:none;box-shadow:0 8px 20px rgba(29,82,103,.05)}.monitor-filter select:focus{border-color:#16a7af;box-shadow:0 0 0 4px rgba(22,167,175,.1)}.monitor-filter-context{color:#168b8f;font-size:8px;font-weight:800}
.monitor-sync-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#e9f8f8;color:#108e9d}
.monitor-sync-icon svg,.monitor-kpi-icon svg{display:block;width:19px;height:19px;margin:0;flex:0 0 19px;fill:none;stroke:currentColor;stroke-width:1.95;stroke-linecap:round;stroke-linejoin:round;transform:translateY(0)}
.monitor-sync>span:last-child{display:grid;gap:3px}.monitor-sync strong{color:#244158;font-size:11px}.monitor-sync small{color:#8798a8;font-size:9px}
.monitor-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.monitor-kpis .monitor-kpi{position:relative;display:flex;align-items:center;gap:15px;min-height:112px;padding:19px 20px;overflow:hidden;border:1px solid var(--monitor-line);border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(22,45,70,.045);transition:transform .2s ease,box-shadow .2s ease}
.monitor-kpi:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(22,45,70,.08)}
.monitor-kpi:after{content:"";position:absolute;right:-26px;bottom:-38px;width:105px;height:105px;border-radius:50%;background:currentColor;opacity:.035}
.monitor-kpi-icon{display:flex;align-items:center;justify-content:center;flex:0 0 45px;width:45px;height:45px;padding:0;border:1px solid color-mix(in srgb,currentColor 15%,white);border-radius:15px;background:color-mix(in srgb,currentColor 10%,white);color:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 6px 13px color-mix(in srgb,currentColor 9%,transparent);line-height:0}
.monitor-kpis .monitor-kpi-icon{display:flex;align-items:center;justify-content:center;width:45px;height:45px;padding:0;color:inherit;line-height:0;text-align:center}.monitor-kpis .monitor-kpi-icon svg{display:block;width:19px;height:19px;margin:auto;position:static;transform:none}
.monitor-kpi-icon--calendar{background:linear-gradient(145deg,#edf6ff,#f7fbff)}.monitor-kpi-icon--users{background:linear-gradient(145deg,#eaf9f4,#f8fdfb)}.monitor-kpi-icon--clipboard{background:linear-gradient(145deg,#f0efff,#faf9ff)}.monitor-kpi-icon--alert{background:linear-gradient(145deg,#fff2f4,#fffafa)}
.monitor-kpi>div{display:grid;gap:3px}.monitor-kpi>div>span{color:var(--monitor-muted);font-size:9px;font-weight:850;letter-spacing:.02em}.monitor-kpi>div>strong{margin:0;color:var(--monitor-navy);font-size:29px;line-height:1.05}.monitor-kpi>div>small{color:#a0adba;font-size:8px}
.monitor-kpi--blue{color:var(--monitor-blue)}.monitor-kpi--green{color:var(--monitor-green)}.monitor-kpi--violet{color:var(--monitor-violet)}.monitor-kpi--calm{color:#22a66f}.monitor-kpi--alert{color:#e4556d;border-color:#f5d9df!important;background:linear-gradient(135deg,#fff,#fff8f9)!important}
.monitor-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.75fr);gap:18px;margin-bottom:18px}
.monitor-side-stack{display:grid;align-content:start;gap:18px}
.monitor-card{border:1px solid var(--monitor-line);border-radius:22px;background:#fff;box-shadow:0 14px 38px rgba(22,45,70,.05)}
.monitor-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:20px 22px;border-bottom:1px solid #edf2f5}
.monitor-card-head h2{margin:4px 0 0;color:var(--monitor-navy);font-size:17px;letter-spacing:-.025em}
.monitor-section-label{color:#0a789d;font-size:8px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.monitor-count{padding:6px 9px;border-radius:999px;background:#f0f6f8;color:#678092;font-size:8px;font-weight:850}
.monitor-today{display:flex;gap:12px}.monitor-today span{display:flex;align-items:center;gap:6px;color:#728397;font-size:9px;font-weight:750}.monitor-today i{width:7px;height:7px;border-radius:50%;background:#4d77d5}.monitor-today i.is-presence{background:#18a889}
.monitor-timeline{overflow-x:auto;padding:3px 22px 10px}.monitor-timeline-head,.monitor-timeline-row{display:grid;grid-template-columns:minmax(210px,1.8fr) minmax(88px,.7fr) minmax(120px,1fr) minmax(115px,1fr) 72px 52px;align-items:center;gap:12px;min-width:760px}.monitor-timeline-head{padding:12px 0 8px;border-bottom:1px solid #e8eef3;color:#9aa7b5;font-size:7px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.monitor-timeline-row{position:relative;min-height:58px;padding:9px 0;border-bottom:1px solid #eff3f6}.monitor-timeline-row:last-child{border-bottom:0}
.monitor-timeline-icon{display:grid;flex:0 0 auto;place-items:center;width:30px;height:30px;border-radius:10px;font-size:10px;font-weight:900}.monitor-timeline-icon--checkin{background:#eaf2ff;color:#3e6fcc}.monitor-timeline-icon--presenca{background:#e8f8f3;color:#0a9875}.monitor-timeline-icon--combined{background:linear-gradient(145deg,#edf3ff,#e9f8f3);color:#34799b}
.monitor-participant{display:flex;align-items:center;gap:10px;min-width:0;color:#1b2b43;font-size:10px}.monitor-participant>span:last-child,.monitor-inline-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monitor-inline-text{color:#718296;font-size:8px}.monitor-inline-code{width:max-content;padding:5px 7px;border-radius:7px;background:#f1f6f8;color:#176487;font-size:8px;font-weight:800}
.monitor-action{display:inline-flex!important;width:max-content;padding:4px 7px!important;border-radius:999px;font-size:7px!important;font-weight:900!important}.monitor-action--checkin{background:#eef3ff!important;color:#4169bd!important}.monitor-action--presenca{background:#e9f8f3!important;color:#0b8c70!important}
.monitor-time-pill{display:inline-flex;justify-content:center;min-width:42px;padding:6px 5px;border-radius:8px;font-size:9px;font-weight:900}.monitor-time-pill.has-time.is-checkin{background:#eef3ff;color:#4169bd}.monitor-time-pill.has-time.is-presence{background:#e9f8f3;color:#0b8c70}.monitor-time-pill.is-pending{background:#f5f7f9;color:#a7b2bd;font-weight:700}
.monitor-timeline-row time{display:grid;gap:2px;color:#2c455d;font-size:11px;font-weight:850;text-align:right}.monitor-timeline-row time small{color:#9aa8b5;font-size:8px;font-weight:650}
.monitor-health-badge{padding:6px 9px;border-radius:999px;background:#e9f8f2;color:#098564;font-size:8px;font-weight:900}.monitor-health-badge.has-alerts{background:#fff0f2;color:#d64a62}
.monitor-health-list{display:grid;padding:9px 20px 14px}.monitor-health-list>div{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid #f0f3f6}.monitor-health-list>div:last-child{border-bottom:0}.monitor-health-list p,.monitor-operators p,.monitor-pending-list p,.monitor-alert-list p{display:grid;flex:1;gap:3px;margin:0;min-width:0}.monitor-health-list strong,.monitor-operators strong,.monitor-pending-list strong,.monitor-alert-list strong{color:#26384d;font-size:10px}.monitor-health-list small,.monitor-operators small,.monitor-pending-list small,.monitor-alert-list small{color:#909ead;font-size:8px}
.monitor-health-icon{display:grid;flex:0 0 auto;place-items:center;width:27px;height:27px;border-radius:10px;font-size:10px;font-weight:900}.monitor-health-icon.is-ok{background:#eaf8f3;color:#0c966f}.monitor-health-icon.is-warning{background:#fff0f2;color:#d94b63}
.monitor-operators{display:grid;padding:8px 20px 14px}.monitor-operators>div{display:flex;align-items:center;gap:11px;padding:8px 0}.monitor-avatar{position:relative;display:grid;flex:0 0 auto;place-items:center;width:32px;height:32px;border-radius:11px;background:linear-gradient(145deg,#edf5f8,#e8eff8);color:#31536d;font-size:10px;font-weight:900}.monitor-avatar i{position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#c8d1da}.monitor-avatar i.is-online{background:#17ad83}
.monitor-events{margin-bottom:18px}.monitor-event-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:13px;padding:16px 18px 19px}.monitor-event-grid>article{padding:17px;border:1px solid #e9eef3;border-radius:17px;background:linear-gradient(145deg,#fff,#fbfdfe)}
.monitor-event-title{display:flex;align-items:flex-start;gap:9px}.monitor-event-title>div{display:grid;gap:4px}.monitor-event-title strong{color:#1a2c43;font-size:11px}.monitor-event-title small{color:#8b99a8;font-size:8px}.monitor-event-pulse{flex:0 0 auto;width:8px;height:8px;margin-top:2px;border-radius:50%;background:#1cab83;box-shadow:0 0 0 4px rgba(28,171,131,.1)}
.monitor-progress{display:grid;gap:10px;margin:17px 0}.monitor-progress>div{display:grid;gap:6px}.monitor-progress span{display:flex;justify-content:space-between;color:#77879a;font-size:8px;font-weight:750}.monitor-progress b{color:#4468bd}.monitor-progress i{height:5px;overflow:hidden;border-radius:999px;background:#edf1f5}.monitor-progress em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4771d1,#7295df)}.monitor-progress .is-presence b{color:#078a6b}.monitor-progress .is-presence em{background:linear-gradient(90deg,#11a47e,#4fc4a3)}
.monitor-event-foot{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid #edf1f4}.monitor-event-foot span{color:#8998a7;font-size:8px}.monitor-event-foot a{color:#08789e;font-size:8px;font-weight:850;text-decoration:none}
.monitor-bottom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.monitor-pending-list,.monitor-alert-list{display:grid;max-height:360px;overflow:auto;padding:8px 20px 14px}.monitor-pending-list>div,.monitor-alert-list>div{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #eff3f6}.monitor-pending-list>div:last-child,.monitor-alert-list>div:last-child{border-bottom:0}.monitor-pending-list>div>span{display:grid;flex:0 0 auto;place-items:center;width:29px;height:29px;border-radius:10px;background:#edf5f8;color:#28627d;font-size:9px;font-weight:900}.monitor-pending-list code{padding:5px 7px;border-radius:7px;background:#f1f6f8;color:#1f6583;font-size:8px;font-weight:800}.monitor-alert-list time{color:#8c9aa8;font-size:8px;white-space:nowrap}
.monitor-warning{display:grid!important;flex:0 0 auto;place-items:center!important;width:27px!important;height:27px!important;border-radius:10px!important;background:#fff0f2!important;color:#db4d65!important;font-size:10px;font-weight:900}
.monitor-empty{display:grid!important;grid-column:1/-1!important;justify-items:center!important;gap:5px!important;padding:32px!important;color:#8b9aa9!important;text-align:center!important}.monitor-empty>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#eaf8f3;color:#0b946f;font-size:14px}.monitor-empty strong{color:#4d6073!important;font-size:11px!important}.monitor-empty small{font-size:9px!important}.monitor-empty--compact{padding:20px!important}
@keyframes monitorPulse{0%,100%{box-shadow:0 0 0 5px rgba(27,181,139,.1)}50%{box-shadow:0 0 0 9px rgba(27,181,139,0)}}
@media(max-width:1100px){.monitor-kpis{grid-template-columns:repeat(2,1fr)}.monitor-layout{grid-template-columns:1fr}.monitor-side-stack{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.monitor-hero{align-items:flex-start;flex-direction:column;padding:23px}.monitor-hero h1{font-size:25px}.monitor-sync,.monitor-filter{width:100%}.monitor-kpis,.monitor-side-stack,.monitor-bottom-grid{grid-template-columns:1fr}.monitor-today{display:none}.monitor-card-head{padding:18px}.monitor-timeline{padding-inline:18px}.monitor-event-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.monitor-live-dot{animation:none}.monitor-kpi{transition:none!important}}