:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#14203a;background:#f5f7fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.65;cursor:wait}.hidden{display:none!important}.app{display:flex;min-height:100vh}.sidebar{width:256px;background:#111b32;color:#e4ebfb;display:flex;flex-direction:column;padding:26px 16px 16px;position:sticky;top:0;height:100vh;flex-shrink:0;z-index:10}.logo{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:650;letter-spacing:-.8px;padding:4px 10px 42px;white-space:nowrap}.logo b{font-weight:750;color:#80b9ff}.logo small{display:block;color:#7d8dab;letter-spacing:2.2px;font-size:9px;margin-top:5px}.logo-mark{display:inline-grid;place-items:center;width:36px;height:36px;background:linear-gradient(135deg,#5b91ff,#8358e9);border-radius:11px;color:#fff;font-size:26px;box-shadow:0 7px 20px #405ad555;flex-shrink:0}.sidebar-label{font-size:10px;font-weight:800;letter-spacing:2px;color:#7386a7;margin:0 13px 13px}.sidebar nav{display:grid;gap:5px}.nav{height:46px;display:flex;gap:13px;align-items:center;width:100%;border:0;background:transparent;color:#9aabc8;border-radius:9px;padding:0 14px;text-align:left;font-weight:600;font-size:13px}.nav:hover{background:#1f3052;color:#fff}.nav.active{background:#31477c;color:#fff;box-shadow:inset 3px 0 #75a7ff}.nav-icon{font-size:20px;width:23px;text-align:center}.side-bottom{margin-top:auto}.server-widget{background:#1a2946;border:1px solid #304262;border-radius:12px;padding:16px 13px;margin-bottom:14px}.server-widget .row{display:flex;align-items:center;gap:8px;font-size:12px}.server-address{margin:10px 0 7px;font-family:ui-monospace,monospace;font-size:13px;color:#c8d9fb}.micro{font-size:10px;color:#8194b3}.tiny-dot,.pulse-dot{display:inline-block;width:8px;height:8px;border-radius:99px;background:#99a2b3;flex-shrink:0}.tiny-dot.good,.pulse-dot{background:#2bd9a3;box-shadow:0 0 0 4px #2bd9a316}.tiny-dot.bad{background:#ff776c}.side-user{border-top:1px solid #2a3b56;padding:16px 4px 0;display:flex;align-items:center;gap:10px}.side-user>div{display:grid;gap:3px;flex:1}.side-user b{font-size:12px}.side-user span:not(.avatar){font-size:10px;color:#8b9ab4}.avatar{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#5268ab;color:white;font-weight:800}.avatar.light{background:#e4e8f5;color:#5967a6}.icon-btn{border:0;background:transparent;color:#b8c7de;font-size:22px}.body-area{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:70px;background:white;border-bottom:1px solid #e7ebf3;display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:15px}.breadcrumb{font-size:12px;color:#91a0b5}.breadcrumb b{color:#253654}.breadcrumb span{margin:0 12px;color:#d0d9e7}.top-actions,.top-left{display:flex;align-items:center;gap:19px}.live-pill{font-size:10px;color:#129a74;font-weight:800;letter-spacing:.6px;display:flex;align-items:center;gap:9px}.pulse-dot{width:7px;height:7px}.top-refresh{border:1px solid #e5eaf3;border-radius:8px;background:#fff;color:#53637e;padding:9px 13px;font-size:12px;font-weight:700}.top-refresh:hover,.secondary:hover{background:#eff3fb}.mobile-menu{display:none;background:transparent;border:0;font-size:22px;color:#263650}.main{padding:32px;max-width:1540px;width:100%;margin:0 auto;flex:1}.heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow{font-size:10px;color:#8bb1ff;font-weight:800;letter-spacing:2px;margin-bottom:9px}.eyebrow.dark{color:#5e80c9}h1,h2,p{margin-top:0}.heading h1{font-size:31px;letter-spacing:-1.4px;margin-bottom:8px}.heading p{font-size:13px;color:#8592a7;margin:0}.wave{font-size:22px;color:#768ef5}.last-check{font-size:11px;color:#8390a4}.notice{display:flex;gap:12px;align-items:flex-start;background:#edf3ff;border:1px solid #dce7fb;border-radius:10px;padding:14px 16px;margin-bottom:20px;color:#3d557c}.notice-icon{color:#557fe1;font-size:21px;line-height:20px}.notice b{font-size:12px}.notice p{font-size:11.5px;margin:4px 0 0;line-height:1.55}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.metric,.panel{background:white;border:1px solid #e8edf5;border-radius:13px;box-shadow:0 3px 16px #1e3c6907}.metric{padding:19px 19px 17px}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#74829a;font-size:12px;font-weight:600}.metric-icon{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;font-size:19px}.metric-icon.blue{background:#e5efff;color:#4e84de}.metric-icon.purple{background:#efeaff;color:#9265da}.metric-icon.green{background:#dff8ee;color:#19aa7b}.metric-icon.orange{background:#fff1df;color:#e3a24a}.metric-value{font-size:30px;font-weight:780;letter-spacing:-1px;color:#202d47;margin:12px 0 4px}.metric-value.status-value{font-size:23px;margin:15px 0 9px}.metric small{font-size:10.5px;color:#a0aabb}.two-col{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:17px;margin-bottom:18px}.panel{margin-bottom:18px}.two-col>.panel{margin-bottom:0}.panel-heading{padding:20px 22px 14px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel h2{font-size:14px;font-weight:800;letter-spacing:-.15px;margin-bottom:5px}.panel-heading p,.settings-card>p{font-size:11px;color:#94a1b4;margin:0}.soft-tag{display:inline-block;background:#f1f4fa;color:#7f8ca2;border-radius:6px;padding:7px 9px;font-size:9px;font-weight:800;letter-spacing:.35px;white-space:nowrap}.chart-area{height:218px;display:flex;gap:5px;align-items:end;padding:15px 22px 28px;position:relative;border-bottom:1px solid #edf0f6;margin:0 21px 0}.chart-area:before{content:"";position:absolute;top:10px;bottom:28px;left:22px;right:22px;background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#eef2f8 25%);pointer-events:none}.chart-bar-wrap{flex:1;min-width:5px;height:100%;position:relative;display:flex;align-items:flex-end;justify-content:center;z-index:1}.chart-bar{width:65%;min-width:4px;max-width:40px;background:linear-gradient(0deg,#597feb,#8a9ef9);border-radius:5px 5px 0 0;min-height:2px}.chart-label{position:absolute;bottom:-19px;color:#95a1b5;font-size:9px;white-space:nowrap}.chart-empty{margin:auto;color:#98a5b8;font-size:12px}.chart-foot{padding:13px 22px 18px;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#98a4b6}.main-services{padding:3px 22px 9px}.service-item{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid #eef1f7}.service-icon{width:39px;height:39px;background:#eaf0ff;color:#647ee8;border-radius:11px;display:grid;place-items:center;font-size:21px}.service-item>div:nth-child(2){flex:1;display:grid;gap:5px}.service-item b{font-size:12px}.service-item small{color:#9eaabd;font-size:10px}.status-badge{font-size:10px;font-weight:800;padding:6px 9px;background:#e4f8ef;color:#179d72;border-radius:99px}.status-badge.off{background:#ffeceb;color:#c75d54}.status-badge.unknown{background:#edf1f6;color:#758198}.quick-footer{padding:16px 22px;display:flex;justify-content:space-between;gap:8px;color:#98a4b6;font-size:11px}.quick-footer b{color:#3b4a69;font-family:ui-monospace,monospace}table{width:100%;border-collapse:collapse;text-align:left}.table-wrap{overflow:auto}thead{background:#fafbfd}th{padding:14px 22px;font-size:10px;color:#a2adbf;font-weight:750;letter-spacing:.5px;white-space:nowrap}td{padding:15px 22px;border-top:1px solid #edf0f6;color:#4d5b74;font-size:12px;white-space:nowrap}td strong{color:#2d3c57}.table-service{display:flex;align-items:center;gap:10px}.dot{height:8px;width:8px;border-radius:99px;background:#a1afc0;display:inline-block}.dot.good{background:#34c89c}.dot.bad{background:#f17a70}.footer{display:flex;justify-content:space-between;gap:10px;padding:18px 32px;font-size:10px;color:#a1acbd}.primary{border:none;border-radius:9px;background:#5275e9;color:#fff;padding:11px 17px;font-size:12px;font-weight:750;box-shadow:0 5px 12px #5275e92c}.primary:hover{background:#4265d9}.primary.full{width:100%;display:flex;justify-content:space-between;align-items:center}.secondary{border:1px solid #e4e9f2;background:#fff;color:#43516d;border-radius:9px;padding:11px 17px;font-size:12px;font-weight:700}.device-tools{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px}.device-tools input{width:min(410px,100%)}input,select,textarea{background:#fff;border:1px solid #dce3ef;border-radius:8px;padding:12px;font-size:12px;color:#283650;outline:none;min-width:0}input:focus,select:focus,textarea:focus{border-color:#7697ee;box-shadow:0 0 0 3px #7a9bfd22}.small-button{border:1px solid #e7ebf3;border-radius:7px;background:white;color:#536d9e;font-weight:700;font-size:11px;padding:7px 9px;margin-right:5px}.small-button:hover{background:#f3f6fc}.small-button.danger{color:#c05e63}.type-icon{display:inline-grid;place-items:center;width:28px;height:28px;background:#eef2fd;border-radius:7px;margin-right:9px;color:#6e7fc2;font-size:16px}.empty-row{text-align:center!important;color:#97a2b4!important;padding:35px 10px!important}.events-list{padding:0 22px 15px}.event{border-top:1px solid #edf0f6;padding:15px 0;display:flex;gap:12px;align-items:flex-start}.event-dot{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#edf0ff;color:#647de0}.event-content{flex:1;min-width:0}.event-content b{font-size:12px}.event-content p{font-size:11px;color:#7e8ca1;margin:4px 0;overflow-wrap:anywhere}.event time{font-size:10px;color:#a3aec0}.settings-card{padding:22px}.settings-card>p{line-height:1.6;margin:0 0 17px}.setting-line{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid #edf0f6;font-size:12px}.setting-line span{color:#8492aa}.setting-line b{font-size:11px;color:#425270;text-align:right;word-break:break-all}.hint{padding-top:15px!important;line-height:1.6!important}.settings-card form,.modal form{display:grid;gap:10px}.settings-card form label,.modal form label,.login-box label{font-size:11px;font-weight:700;color:#4f5c72;margin-top:6px}.settings-card form button{justify-self:start;margin-top:9px}.login-stage{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at 15% 0%,#263d76,#111a2d 64%)}.login-box{width:min(420px,100%);padding:36px;background:#fff;border-radius:17px;display:flex;flex-direction:column;box-shadow:0 20px 80px #0004}.login-box .logo{padding:0 0 38px;color:#1a2542}.login-box .logo b{color:#5577db}.login-box h1{font-size:27px;letter-spacing:-1px;margin:4px 0 11px}.login-box p{font-size:12px;line-height:1.6;color:#8190a7;margin-bottom:18px}.login-box label{margin-bottom:6px}.login-box input{margin-bottom:12px}.login-note{text-align:center;font-size:10px;color:#9eaabd;margin-top:22px;line-height:1.6}.error{color:#c75055!important;font-size:11px!important;min-height:8px;margin:0 0 7px!important}.modal-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#12203aaf;padding:16px}.modal{width:min(520px,100%);max-height:95vh;overflow:auto;background:white;border-radius:16px;padding:25px 28px;box-shadow:0 25px 70px #0003}.modal-head{display:flex;justify-content:space-between;align-items:flex-start}.modal h2{font-size:21px;margin:0 0 22px}.close{border:0;background:#f3f5fa;color:#66738a;border-radius:8px;font-size:22px;width:32px;height:32px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-pair>div{display:grid;gap:9px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:12px}.toast{position:fixed;bottom:25px;right:25px;background:#172647;color:white;border-radius:11px;padding:15px 20px;z-index:100;box-shadow:0 10px 30px #0002;font-size:12px;max-width:80vw}@media(max-width:1120px){.metrics{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}}@media(max-width:780px){.sidebar{position:fixed;left:-275px;transition:left .2s;box-shadow:10px 0 30px #101e3044}.sidebar.open{left:0}.mobile-menu{display:inline-block}.topbar{height:63px;padding:0 17px}.live-pill{display:none}.top-actions{gap:10px}.main{padding:22px 15px}.heading{align-items:flex-start;flex-wrap:wrap}.heading h1{font-size:27px}.metrics{gap:10px}.metric{padding:16px 13px}.metric-value{font-size:25px}.metric-top{font-size:11px}.panel-heading{padding:17px}.chart-area{margin:0 10px}.chart-foot{padding:12px 16px}.footer{padding:16px;flex-wrap:wrap}.last-check{font-size:10px}.device-tools{padding:14px}.login-box{padding:26px}.modal{padding:20px}.form-pair{grid-template-columns:1fr}.top-refresh span{display:none}}@media(max-width:400px){.metrics{grid-template-columns:1fr 1fr}.metric-top{align-items:flex-start}.metric-icon{flex-shrink:0}.metric-value.status-value{font-size:18px}}

/* v2 — novos cartões e eventos de origem identificada */
.metrics-three{grid-template-columns:repeat(3,minmax(0,1fr))}.event-text{font-family:ui-monospace,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.sidebar nav{gap:2px}.sidebar .nav{height:39px}.sidebar{overflow-y:auto}.side-bottom{padding-top:20px}.status-badge.unknown{white-space:nowrap}@media(max-width:800px){.metrics-three{grid-template-columns:1fr}}