:root{--navy:#071a2f;--navy2:#0c2948;--blue:#176bff;--cyan:#13b8d4;--green:#15b879;--red:#f05261;--amber:#f2aa33;--violet:#7657e8;--ink:#162237;--muted:#6d7b91;--line:#e4eaf2;--bg:#f3f6fa;--white:#fff;--shadow:0 12px 36px rgba(21,45,78,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.45 Inter,Segoe UI,Arial,sans-serif}.eyebrow{margin:0 0 7px;color:#6d7c91;font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.muted{color:var(--muted)}button,input{font:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:linear-gradient(175deg,#06172b,#0a2846 70%,#0c3557);color:white;padding:24px 16px;display:flex;flex-direction:column;z-index:20;box-shadow:8px 0 30px rgba(5,24,46,.08)}.side-brand{display:flex;align-items:center;gap:12px;padding:0 10px 25px;border-bottom:1px solid rgba(255,255,255,.1)}.side-brand strong{display:block;font-size:18px;letter-spacing:.01em}.side-brand small{color:#93abc2}.brand-mark{width:30px;height:34px;display:flex;flex-direction:column;gap:4px;justify-content:center}.brand-mark span{display:block;height:7px;border-radius:2px 10px 10px 2px;background:#ff5a42}.brand-mark span:nth-child(1){width:14px}.brand-mark span:nth-child(2){width:24px}.brand-mark span:nth-child(3){width:18px}.sidebar nav{display:grid;gap:7px;margin-top:28px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:10px;color:#a9bdd0;text-decoration:none;font-weight:600}.sidebar nav a:hover,.sidebar nav a.active{color:white;background:rgba(39,130,220,.24)}.sidebar nav i{display:grid;place-items:center;width:25px;height:25px;font-style:normal;font-size:17px}.side-status{margin-top:auto;display:flex;gap:10px;align-items:center;padding:13px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.04)}.side-status b,.side-status small{display:block}.side-status b{font-size:11px}.side-status small{color:#8fa8be;font-size:9px;margin-top:3px}.pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#1dd78d;box-shadow:0 0 0 5px rgba(29,215,141,.12)}.main-content{margin-left:238px;min-width:0}.topbar{height:82px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 32px;position:sticky;top:0;z-index:15}.topbar h1{font-size:21px;margin:0}.topbar .eyebrow{margin-bottom:2px}.user-box{margin-left:auto;display:flex;align-items:center;gap:10px}.avatar{width:38px;height:38px;border-radius:12px;background:#e8f1ff;color:var(--blue);display:grid;place-items:center;font-weight:800}.user-box b,.user-box small{display:block}.user-box small{font-size:10px;color:var(--muted)}.user-box a{margin-left:8px;color:#7d8aa0;text-decoration:none;font-size:20px}.menu-button{display:none;border:0;background:transparent;font-size:22px}.hero{min-height:260px;background:linear-gradient(120deg,#081c33 5%,#0d3153 67%,#0b4062);padding:42px 52px;color:white;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:460px;height:460px;border:1px solid rgba(84,176,255,.14);border-radius:50%;right:-100px;top:-185px;box-shadow:0 0 0 65px rgba(61,155,236,.035),0 0 0 130px rgba(61,155,236,.025)}.live-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:rgba(255,255,255,.05);font-size:11px}.live-pill i{width:7px;height:7px;border-radius:50%;background:#19da90;box-shadow:0 0 0 4px rgba(25,218,144,.12)}.hero h2{font-size:35px;line-height:1.15;margin:19px 0 13px;letter-spacing:-.04em}.hero h2 em{font-style:normal;color:#55bcff}.hero p{color:#b2c4d6;max-width:600px;margin:0}.hero-orbit{width:175px;height:175px;border:1px solid rgba(80,180,255,.25);border-radius:50%;display:grid;place-items:center;position:relative;margin-right:50px;z-index:2}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border:1px dashed rgba(80,180,255,.16);border-radius:50%;inset:18px}.hero-orbit:after{inset:-22px}.hero-orbit div{text-align:center}.hero-orbit strong{display:block;font-size:34px}.hero-orbit span{font-size:10px;color:#95b5cf;text-transform:uppercase;letter-spacing:.1em}.hero-orbit>i{position:absolute;width:9px;height:9px;border-radius:50%;background:#36adff;top:11px;left:36px}.hero-orbit>i:last-child{background:#1bd695;bottom:10px;right:35px;top:auto;left:auto}.filter-panel{margin:-24px 30px 0;position:relative;z-index:4;background:white;border-radius:14px;box-shadow:var(--shadow);padding:16px 20px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.quick-periods{display:flex;gap:6px}.quick-periods button{border:1px solid var(--line);background:#f8fafc;padding:8px 11px;border-radius:8px;color:#627087;cursor:pointer;font-size:11px;font-weight:700}.quick-periods button:hover{border-color:#aacbff;color:var(--blue)}#filters-form{display:flex;gap:8px;align-items:end}#filters-form label{font-size:10px;font-weight:800;color:#7b899d;text-transform:uppercase}#filters-form input{display:block;margin-top:4px;border:1px solid var(--line);border-radius:8px;padding:8px;color:var(--ink)}#filters-form button{border:0;border-radius:9px;padding:10px 15px;background:var(--blue);color:#fff;font-weight:700;cursor:pointer}.update-info{margin-left:auto;color:#77869a;font-size:11px;display:flex;gap:9px;align-items:center}.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(145px,1fr));gap:14px;padding:26px 30px 18px}.kpi-card{background:#fff;border:1px solid #e8edf4;border-radius:13px;padding:17px;box-shadow:0 6px 22px rgba(28,52,84,.04);position:relative;overflow:hidden}.kpi-card:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:var(--tone)}.kpi-card.blue{--tone:var(--blue)}.kpi-card.cyan{--tone:var(--cyan)}.kpi-card.red{--tone:var(--red)}.kpi-card.green{--tone:var(--green)}.kpi-card.violet{--tone:var(--violet)}.kpi-card.amber{--tone:var(--amber)}.kpi-icon{width:31px;height:31px;border-radius:9px;background:color-mix(in srgb,var(--tone) 12%,white);color:var(--tone);display:grid;place-items:center;font-weight:900}.kpi-card p{font-size:11px;color:#78869a;font-weight:700;margin:13px 0 4px}.kpi-card strong{font-size:25px;letter-spacing:-.03em}.kpi-card>span{display:block;margin-top:6px;color:#8b98a9;font-size:9px}.panel{background:white;border:1px solid #e5ebf3;border-radius:14px;box-shadow:0 6px 24px rgba(18,43,73,.04);margin:0 30px 18px;overflow:hidden}.panel-head{padding:20px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf1f6}.panel-head h3{font-size:18px;margin:0 0 3px}.panel-head p:not(.eyebrow){margin:0;color:var(--muted);font-size:11px}.panel-head.compact{padding-bottom:14px}.export-button{border:1px solid var(--line);background:white;border-radius:8px;padding:9px 12px;color:#57667a;font-weight:700;cursor:pointer}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:1450px}th{background:#f5f8fc;padding:11px 13px;color:#65758a;text-align:left;font-size:9px;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}td{padding:14px 13px;border-top:1px solid #edf1f5;font-size:12px;white-space:nowrap}tbody tr:hover{background:#f9fbfe}.queue-name{font-weight:800;color:#20324a}.queue-name small{display:block;color:#8a97a8;font-weight:500;margin-top:2px}.metric-main{font-weight:800}.rate-bar{min-width:75px}.rate-bar b{font-size:11px}.rate-bar i{display:block;margin-top:5px;height:3px;border-radius:2px;background:#e7edf4;overflow:hidden}.rate-bar i:after{content:"";display:block;width:var(--rate);height:100%;background:var(--bar,var(--blue));border-radius:2px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;background:var(--green)}.empty-dash{color:#a4afbd}.total-row{background:#f7faff;font-weight:700}.loading-cell{text-align:center;padding:30px;color:#8593a5}.analytics-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);gap:18px;margin:0 30px 18px}.analytics-grid .panel{margin:0}.legend{display:flex;gap:13px;font-size:9px;color:#718096}.legend span:before{content:"";width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:5px}.l-offered:before{background:var(--blue)}.l-answered:before{background:var(--green)}.l-abandoned:before{background:var(--red)}.trend-chart{height:300px;padding:15px 18px 20px}.trend-chart svg{width:100%;height:100%;overflow:visible}.chart-grid{stroke:#e9eef5;stroke-width:1}.chart-label{font-size:9px;fill:#8290a2}.chart-offered{fill:none;stroke:var(--blue);stroke-width:2.5}.chart-answered{fill:none;stroke:var(--green);stroke-width:2.5}.chart-abandoned{fill:none;stroke:var(--red);stroke-width:2}.chart-area{fill:url(#areaGradient);opacity:.22}.insights{padding:13px 20px 22px;display:grid;gap:10px}.insight{display:flex;gap:11px;padding:12px;border-radius:10px;background:#f7f9fc;border:1px solid #edf1f5}.insight i{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;font-style:normal;background:#eaf2ff;color:var(--blue);flex:0 0 auto}.insight.warn i{background:#fff1e8;color:#ec7a28}.insight.good i{background:#e9f9f2;color:#0d9e68}.insight b{display:block;font-size:11px}.insight span{display:block;color:#77869a;font-size:10px;margin-top:3px}.channel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:20px}.channel-card{border:1px solid #e8edf4;border-radius:12px;padding:16px}.channel-top{display:flex;justify-content:space-between;align-items:center}.channel-icon{width:34px;height:34px;border-radius:10px;background:#edf4ff;display:grid;place-items:center;color:var(--blue);font-size:18px}.channel-card strong{font-size:22px;display:block;margin-top:13px}.channel-card p{margin:2px 0 10px;color:#758398;font-size:10px}.channel-bar{height:5px;background:#edf1f5;border-radius:3px;overflow:hidden}.channel-bar i{display:block;height:100%;background:var(--channel-color,var(--blue));width:var(--channel-share);border-radius:3px}.channel-card small{display:block;margin-top:8px;color:#8a97a8}footer{margin:20px 30px 30px;color:#8c98a8;font-size:10px;display:flex;justify-content:space-between}.page-loading{position:fixed;inset:0;background:rgba(244,247,251,.78);backdrop-filter:blur(2px);z-index:50;display:none;place-items:center;align-content:center;gap:12px}.page-loading.show{display:grid}.loader{width:38px;height:38px;border:4px solid #d9e6f8;border-top-color:var(--blue);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{height:60px;border-radius:10px;background:linear-gradient(90deg,#f0f3f7,#fafbfd,#f0f3f7);background-size:200%;animation:shine 1.2s infinite}@keyframes shine{to{background-position:-200%}}.login-body{min-height:100vh;background:#071a2f;color:white}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1.25fr .75fr}.login-visual{padding:11vh 9vw;background:radial-gradient(circle at 75% 20%,rgba(31,128,223,.3),transparent 35%),linear-gradient(145deg,#06172c,#0a3153);display:flex;flex-direction:column;justify-content:center}.login-visual .brand-mark{margin-bottom:55px}.login-visual .eyebrow{color:#63bcff}.login-visual h1{font-size:48px;max-width:650px;line-height:1.08;letter-spacing:-.05em;margin:14px 0}.login-visual>p:not(.eyebrow){color:#a9bfd2;font-size:16px;max-width:540px}.login-stats{margin-top:60px;display:grid;grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:12px;max-width:480px;border-top:1px solid rgba(255,255,255,.12);padding-top:24px}.login-stats b{font-size:26px}.login-stats span{color:#8ca6bc;font-size:11px}.login-card{align-self:center;margin:7vw;max-width:430px;color:var(--ink);background:white;padding:40px;border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.2)}.login-card .eyebrow{color:var(--blue)}.login-card h2{font-size:27px;margin:4px 0}.login-icon{width:44px;height:44px;border-radius:13px;background:#eaf2ff;color:var(--blue);display:grid;place-items:center;font-size:22px;margin-bottom:25px}.login-card label{display:block;font-size:11px;font-weight:800;color:#57667a;margin-top:18px}.login-card input{width:100%;border:1px solid #dce4ee;border-radius:9px;padding:12px;margin-top:6px;outline:none}.login-card input:focus{border-color:#75aaff;box-shadow:0 0 0 3px #e9f2ff}.login-card button{width:100%;margin-top:22px;padding:13px;border:0;border-radius:9px;background:var(--blue);color:white;font-weight:800;display:flex;justify-content:space-between;cursor:pointer}.login-card small{display:block;text-align:center;color:#9aa5b3;margin-top:17px}.login-error{background:#fff0f1;color:#bf3948;border:1px solid #ffd5da;padding:10px;border-radius:8px;margin-top:16px;font-size:11px}@media(max-width:1250px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.channel-grid{grid-template-columns:repeat(2,1fr)}.filter-panel{align-items:flex-start}.update-info{width:100%;margin-left:0}.hero-orbit{margin-right:10px}}@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.main-content{margin-left:0}.menu-button{display:block;margin-right:14px}.analytics-grid{grid-template-columns:1fr}.login-wrap{grid-template-columns:1fr}.login-visual{display:none}.login-card{margin:8vh auto;width:min(90%,430px)}.hero{padding:35px 25px}.hero-orbit{display:none}.filter-panel,.panel{margin-left:15px;margin-right:15px}.kpi-grid{padding-left:15px;padding-right:15px}.analytics-grid{margin-left:15px;margin-right:15px}}@media(max-width:620px){.topbar{padding:0 15px}.user-box>div:nth-child(2){display:none}.hero h2{font-size:27px}.quick-periods{overflow:auto;width:100%}#filters-form{width:100%;flex-wrap:wrap}#filters-form label{flex:1;min-width:130px}#filters-form input{width:100%}#filters-form button{width:100%}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:9px}.kpi-card{padding:14px}.channel-grid{grid-template-columns:1fr}.panel-head{align-items:flex-start;gap:10px;flex-direction:column}footer{display:block}.login-card{padding:28px}}

/* Menu lateral recolhível */
.sidebar,.main-content{transition:width .22s ease,margin-left .22s ease,transform .22s ease}
.menu-button{display:grid;place-items:center;width:38px;height:38px;margin-right:14px;border:1px solid var(--line);border-radius:10px;background:#f7f9fc;color:#52647a;cursor:pointer}
.menu-button:hover{background:#edf4ff;color:var(--blue);border-color:#cfe0fb}
body.sidebar-collapsed .sidebar{width:78px;padding-left:10px;padding-right:10px}
body.sidebar-collapsed .main-content{margin-left:78px}
body.sidebar-collapsed .side-brand{padding-left:14px;padding-right:14px;justify-content:center}
body.sidebar-collapsed .side-brand>div:last-child,body.sidebar-collapsed .sidebar nav a span,body.sidebar-collapsed .side-status>div{display:none}
body.sidebar-collapsed .sidebar nav a{justify-content:center;padding-left:8px;padding-right:8px}
body.sidebar-collapsed .side-status{justify-content:center;padding:13px 8px}
@media(max-width:900px){body.sidebar-collapsed .sidebar{width:238px;padding:24px 16px}body.sidebar-collapsed .main-content{margin-left:0}body.sidebar-collapsed .side-brand{padding:0 10px 25px;justify-content:flex-start}body.sidebar-collapsed .side-brand>div:last-child,body.sidebar-collapsed .sidebar nav a span,body.sidebar-collapsed .side-status>div{display:block}body.sidebar-collapsed .sidebar nav a{justify-content:flex-start;padding:12px 13px}body.sidebar-collapsed .side-status{justify-content:flex-start;padding:13px}}