:root{--bg: #f4f5f8;--surface: #ffffff;--surface-2: #eef0f5;--border: #e1e4ea;--text: #1b1f2a;--text-soft: #6b7280;--text-faint: #9aa1ad;--primary: #2554c7;--primary-hover: #1e46a8;--primary-soft: #e9eefb;--danger: #d64545;--danger-soft: #fbeaea;--ok: #1f9d64;--accent: #2554c7;--accent-dim: #2554c714;--good: #1f9d64;--good-dim: #1f9d6414;--warn: #c97a2a;--warn-dim: #c97a2a16;--bad: #d64545;--bad-dim: #d6454514;--radius: 14px;--radius-sm: 10px;--shadow-sm: 0 1px 2px rgba(20, 22, 45, .06), 0 1px 3px rgba(20, 22, 45, .05);--shadow-lg: 0 24px 60px -20px rgba(29, 30, 74, .35);--font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}.muted{color:var(--text-soft)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.auth{min-height:100%;display:grid;place-items:center;padding:32px}.auth__card{width:min(960px,100%);display:grid;grid-template-columns:1.05fr 1fr;background:var(--surface);border-radius:22px;overflow:hidden;box-shadow:var(--shadow-lg)}.auth__brand{position:relative;padding:48px 44px;color:#fff;background:radial-gradient(120% 120% at 0% 0%,rgba(255,255,255,.18),transparent 55%),linear-gradient(155deg,#4b2fe0,#3b3ff0 45%,#6a3ff0);display:flex;flex-direction:column;justify-content:space-between}.auth__logo{display:inline-flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.02em;font-size:15px}.auth__logo span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#fff3}.auth__headline{font-size:34px;line-height:1.15;font-weight:700;margin:40px 0 12px}.auth__sub{font-size:15px;opacity:.82;max-width:34ch}.auth__points{display:grid;gap:12px;margin-top:28px}.auth__point{display:flex;align-items:center;gap:10px;font-size:13.5px;opacity:.92}.auth__point:before{content:"";width:18px;height:18px;border-radius:6px;background:#ffffff40;flex:none}.auth__form{padding:48px 44px;display:flex;flex-direction:column;justify-content:center}.auth__title{font-size:22px;font-weight:700;margin:0 0 4px}.auth__hint{font-size:14px;color:var(--text-soft);margin:0 0 28px}.field{margin-bottom:18px}.field label{display:block;font-size:12.5px;font-weight:600;color:var(--text-soft);margin-bottom:7px}.field__control{display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;transition:border-color .15s,box-shadow .15s,background .15s}.field__control:focus-within{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px var(--primary-soft)}.field__control input{flex:1;border:0;outline:0;background:transparent;padding:13px 0;font:inherit;color:var(--text)}.field__icon{color:var(--text-faint);display:grid;place-items:center}.field__toggle{border:0;background:transparent;cursor:pointer;color:var(--text-faint);padding:4px;display:grid;place-items:center}.field__toggle:hover{color:var(--text-soft)}.auth__row{display:flex;align-items:center;justify-content:space-between;margin:4px 0 22px;font-size:13px}.auth__check{display:flex;align-items:center;gap:8px;color:var(--text-soft)}.auth__check input{accent-color:var(--primary);width:15px;height:15px}.btn{border:0;border-radius:var(--radius-sm);font:inherit;font-weight:600;cursor:pointer;padding:13px 18px;transition:background .15s,transform .05s,opacity .15s}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--primary);color:#fff;width:100%;font-size:15px}.btn--primary:hover{background:var(--primary-hover)}.btn--primary:disabled{opacity:.6;cursor:not-allowed}.btn--ghost{background:var(--surface-2);border:1px solid var(--border);color:var(--text-soft)}.btn--ghost:hover{background:#eef0f6}.alert{background:var(--danger-soft);color:#a51f1a;border:1px solid #f6cfcc;border-radius:var(--radius-sm);padding:11px 13px;font-size:13.5px;margin-bottom:18px}.auth__footnote{margin-top:26px;font-size:12.5px;color:var(--text-faint);text-align:center}.auth__footnote code{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:1px 6px;font-size:12px}@media (max-width: 760px){.auth__card{grid-template-columns:1fr}.auth__brand{display:none}.auth__form{padding:36px 28px}}.shell{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:var(--surface);border-bottom:1px solid var(--border)}.topbar__brand{display:flex;align-items:center;gap:10px;font-weight:700}.topbar__brand span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--primary);color:#fff;font-size:14px}.topbar__user{display:flex;align-items:center;gap:14px;font-size:13.5px;color:var(--text-soft)}:root{--sidebar-w: 250px;--sidebar-w-collapsed: 72px}.layout{min-height:100%;display:flex}.layout__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#14162d66;border:0;padding:0;cursor:pointer}.sidebar{width:var(--sidebar-w);flex:none;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;transition:width .2s ease}.sidebar--collapsed{width:var(--sidebar-w-collapsed)}.sidebar__brand{display:flex;align-items:center;gap:10px;padding:18px 20px;font-weight:700;border-bottom:1px solid var(--border);min-height:61px}.sidebar__brand span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;flex:none;background:var(--accent);color:#fff;font-size:14px}.sidebar--collapsed .sidebar__brand strong,.sidebar--collapsed .sidebar__group-label,.sidebar--collapsed .sidebar__link span,.sidebar--collapsed .sidebar__footer div{display:none}.sidebar__nav{flex:1;overflow-y:auto;padding:14px 12px}.sidebar__group-label{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);padding:14px 12px 6px}.sidebar__link{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:1px solid transparent;border-radius:var(--radius-sm);background:none;font:inherit;font-size:14px;font-weight:500;color:var(--text-soft);cursor:pointer;text-align:left}.sidebar__link svg{width:18px;height:18px;flex:none}.sidebar__link:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.sidebar__link.is-active{background:var(--accent-dim);color:var(--accent);border-color:#2554c733}.sidebar__link .sidebar__badge{margin-left:auto;font-size:11px;font-weight:600;padding:1px 7px;border-radius:999px;background:var(--surface-2);color:var(--text-soft)}.sidebar__link.is-active .sidebar__badge{background:var(--accent);color:#fff}.sidebar__dot{width:8px;height:8px;border-radius:50%;flex:none}.sidebar__link--system{padding-left:16px}.sidebar--collapsed .sidebar__link{justify-content:center}.sidebar__footer{display:flex;align-items:center;gap:10px;padding:14px 20px;border-top:1px solid var(--border);font-size:13px}.sidebar__footer .user-role{font-size:11.5px;color:var(--text-faint)}.layout__main{flex:1;min-width:0;display:flex;flex-direction:column}.layout__topbar{display:flex;align-items:center;gap:14px;padding:0 24px;min-height:61px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.icon-btn{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-soft);cursor:pointer}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.layout__topbar-title{font-weight:600;font-size:15px}.layout__topbar-sub{font-size:12.5px;color:var(--text-faint)}.layout__status{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-soft);border:1px solid var(--border);border-radius:999px;padding:6px 12px}.layout__content{flex:1}.layout__content .page{max-width:1180px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}@media (max-width: 1080px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.kpi-grid{grid-template-columns:1fr 1fr}}.kpi{background:#eef2fb;border:1px solid #d9e2f5;border-left:4px solid var(--accent);border-radius:10px;box-shadow:var(--shadow-sm);padding:18px}.kpi:nth-child(4n+1){background:#eef2fb;border-color:#d9e2f5;border-left-color:var(--accent)}.kpi:nth-child(4n+2){background:#e9f6ef;border-color:#cfe9db;border-left-color:var(--good)}.kpi:nth-child(4n+3){background:#fbf1e5;border-color:#f0dfc6;border-left-color:var(--warn)}.kpi:nth-child(4n+4){background:#fbecec;border-color:#f2d5d5;border-left-color:var(--bad)}.kpi__label{font-size:12.5px;font-weight:500;color:var(--text-soft)}.kpi__value{font-size:25px;font-weight:600;margin-top:10px;letter-spacing:-.01em}.kpi__delta{font-size:12px;margin-top:6px;display:flex;align-items:center;gap:4px}.kpi__delta--up{color:var(--ok)}.kpi__delta--down{color:var(--danger)}.dash-cols{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;align-items:start}@media (max-width: 900px){.dash-cols{grid-template-columns:1fr}}.chart-placeholder{height:220px;border:1px dashed var(--border);border-radius:var(--radius-sm);display:grid;place-items:center;color:var(--text-faint);font-size:13px;background:var(--surface-2)}.shortcut-grid{display:grid;gap:10px}.shortcut{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text)}.shortcut:hover{background:var(--surface-2);text-decoration:none}.shortcut span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--primary-soft);color:var(--primary);flex:none}.shortcut small{display:block;color:var(--text-faint);font-size:12px}.page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.page__actions{display:flex;gap:10px;flex-wrap:wrap}.btn--sm{padding:9px 14px;font-size:13px}.btn--outline{background:var(--surface);border:1px solid var(--border);color:var(--text-soft)}.btn--outline:hover{background:var(--surface-2)}.btn--contrato{background:var(--good);color:#fff}.btn--contrato:hover{background:#187a4d}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;align-items:end}.filters .field{margin-bottom:0}.filters select,.filters input{width:100%;border:1px solid var(--border);background:var(--surface-2);border-radius:var(--radius-sm);padding:11px 12px;font:inherit;color:var(--text)}.filters select:focus,.filters input:focus{outline:0;border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px var(--primary-soft)}.table-wrap{overflow-x:auto}.table .tag{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:600}.tag--ok{background:#e5f6ec;color:var(--ok)}.tag--pending{background:var(--primary-soft);color:var(--primary)}.tag--late{background:var(--danger-soft);color:#a51f1a}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:14px;font-size:13px;color:var(--text-soft)}.empty-row{color:var(--text-faint);text-align:center;padding:22px 10px}.tag--status-aberto{background:var(--primary-soft);color:var(--primary)}.tag--status-andamento{background:#fff3e0;color:#a15c00}.tag--status-cliente{background:#fde3c3;color:#8a5a00}.tag--status-resolvido{background:#e5f6ec;color:var(--ok)}.tag--status-fechado{background:var(--surface-2);color:var(--text-faint)}.tag--prio-baixa{background:var(--surface-2);color:var(--text-soft)}.tag--prio-media{background:var(--primary-soft);color:var(--primary)}.tag--prio-alta{background:#fff3e0;color:#a15c00}.tag--prio-urgente{background:var(--danger-soft);color:#a51f1a}.table tr.row-clickable{cursor:pointer}.table tr.row-clickable:hover td{background:var(--surface-2)}.aberto-cell{display:inline-flex;align-items:center;gap:8px}.lampada{display:inline-grid;place-items:center;color:var(--warn);filter:drop-shadow(0 0 4px var(--warn));animation:lampada-pulse 1.6s ease-in-out infinite}@keyframes lampada-pulse{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion: reduce){.lampada{animation:none}}.modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#14162d73;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto}.modal{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:min(680px,100%)}.modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--border)}.modal__head h2{font-size:16px;margin:0}.modal__close{border:0;background:none;cursor:pointer;font-size:20px;line-height:1;color:var(--text-faint)}.modal__body{padding:20px}.modal__footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid var(--border)}.form-grid{display:grid;gap:14px}.form-grid label{display:block;font-size:12.5px;font-weight:600;color:var(--text-soft);margin-bottom:6px}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid var(--border);background:var(--surface-2);border-radius:var(--radius-sm);padding:11px 12px;font:inherit;color:var(--text)}.form-grid textarea{resize:vertical;min-height:84px}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline:0;border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px var(--primary-soft)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 520px){.form-row{grid-template-columns:1fr}}.thread{display:flex;flex-direction:column;gap:12px;margin:4px 0 16px}.thread__msg{border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;background:var(--surface-2);max-width:88%}.thread__msg--org{align-self:flex-end;background:var(--primary-soft);border-color:#d6d8ff}.thread__meta{font-size:11.5px;color:var(--text-faint);margin-bottom:4px}.thread__text{font-size:13.5px;white-space:pre-wrap}.thread__empty{color:var(--text-faint);font-size:13px}@media (max-width: 860px){.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:40;transform:translate(-100%);transition:transform .24s ease;box-shadow:var(--shadow-lg)}.sidebar.is-open{transform:translate(0)}.sidebar--collapsed{width:var(--sidebar-w)}.sidebar--collapsed .sidebar__brand strong,.sidebar--collapsed .sidebar__group-label,.sidebar--collapsed .sidebar__link span,.sidebar--collapsed .sidebar__footer div{display:revert}}@media (min-width: 861px){.layout__overlay,.layout__topbar .icon-btn--menu{display:none}}.avatar{width:32px;height:32px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-weight:700;font-size:13px}.page{max-width:1024px;width:100%;margin:0 auto;padding:28px}.page h1{font-size:22px;margin:0 0 4px}.page .muted{color:var(--text-soft);margin-top:0}.view-header{margin-bottom:22px}.view-header h1{font-size:22px;margin:0 0 4px}.view-header p{margin:0;color:var(--text-soft);font-size:13.5px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px;margin-top:20px}.card h2{font-size:15px;margin:0 0 14px}.table{width:100%;border-collapse:collapse;font-size:13.5px}.table th{text-align:left;color:var(--text-faint);font-weight:600;padding:8px 10px}.table td{padding:10px;border-top:1px solid var(--border)}.table td.num,.table th.num{text-align:right}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}@media (max-width: 720px){.stats{grid-template-columns:1fr}}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px 20px;display:flex;flex-direction:column;gap:8px}.stat__label{font-size:12.5px;font-weight:600;color:var(--text-faint)}.stat__value{font-size:30px;font-weight:700;letter-spacing:-.01em}.stat__value--na{font-size:16px;font-weight:600;color:var(--text-faint)}.stat__hint{font-size:11.5px;color:var(--text-faint)}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot--on{background:var(--ok)}.dot--off{background:var(--danger)}.int-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--border)}.int-row:first-of-type{border-top:0}.int-row code{color:var(--text-faint);font-size:12px}.int-row .btn{margin-left:auto;padding:8px 14px;font-size:13px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-bottom:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border);gap:12px}.panel-head h3{margin:0;font-size:14.5px;font-weight:600}.panel-head span{font-size:12px;color:var(--text-soft)}.panel table{width:100%;border-collapse:collapse}.panel th,.panel td{text-align:left;padding:12px 18px;font-size:13.5px;border-bottom:1px solid var(--border)}.panel th{color:var(--text-soft);font-weight:500;font-size:12px}.panel tbody tr:last-child td{border-bottom:none}.panel td.num,.panel th.num{text-align:right}.panel tbody tr.clickable{cursor:pointer}.panel tbody tr.clickable:hover{background:var(--surface-2)}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-soft);margin-bottom:10px;flex-wrap:wrap}.breadcrumb button{border:0;background:none;padding:0;cursor:pointer;font:inherit;color:var(--text-soft)}.breadcrumb button:hover{color:var(--accent)}.breadcrumb .current{color:var(--text);font-weight:500}.cell-name{display:flex;align-items:center;gap:10px}.system-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}.client-avatar{width:30px;height:30px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:600;color:var(--accent);flex:none}.chev{color:var(--text-faint);text-align:right}.row-actions{display:inline-flex;gap:8px;white-space:nowrap}.kpi--btn{display:block;width:100%;text-align:left;cursor:pointer;font:inherit}.kpi--btn:hover{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.kebab{position:relative;display:inline-block}.kebab__btn{display:grid;place-items:center;width:30px;height:30px;border:1px solid transparent;border-radius:var(--radius-sm);background:none;color:var(--text-soft);cursor:pointer}.kebab__btn:hover{background:var(--surface-2);color:var(--text)}.kebab__menu{position:absolute;z-index:60;top:calc(100% + 4px);min-width:210px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);padding:6px;display:flex;flex-direction:column}.kebab__menu--right{right:0}.kebab__menu--left{left:0}.kebab__item{border:0;background:none;cursor:pointer;font:inherit;font-size:13px;text-align:left;padding:9px 10px;border-radius:8px;color:var(--text)}.kebab__item:hover:not(:disabled){background:var(--surface-2)}.kebab__item:disabled{color:var(--text-faint);cursor:not-allowed}.kebab__item--perigo{color:var(--bad)}.tag--paid{background:var(--good-dim);color:var(--good)}.tag--pending{background:var(--warn-dim);color:var(--warn)}.tag--overdue{background:var(--bad-dim);color:var(--bad)}.two-col{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;align-items:start}@media (max-width: 1080px){.two-col{grid-template-columns:1fr}}.nps-box{padding:20px 18px 22px}.nps-score{display:flex;align-items:baseline;gap:10px;margin:6px 0 4px}.nps-score .big{font-size:44px;font-weight:700;letter-spacing:-.02em}.nps-bar{height:8px;border-radius:999px;background:var(--surface-2);overflow:hidden;margin:14px 0 18px;display:flex}.nps-bar span{height:100%}.legend{display:flex;gap:18px;font-size:12.5px;color:var(--text-soft);flex-wrap:wrap}.legend .dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.comment-list{display:flex;flex-direction:column}.comment{padding:14px 18px;border-bottom:1px solid var(--border)}.comment:last-child{border-bottom:none}.comment-top{display:flex;justify-content:space-between;margin-bottom:4px;font-size:13px;font-weight:500}.comment-score{font-weight:700}.comment p{margin:0;font-size:13px;color:var(--text-soft)}.page__actions .field select{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);padding:9px 12px;font:inherit;color:var(--text)}.grafico-nps{padding:12px 8px 8px}.nps-toggle{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-soft);cursor:pointer}.nps-toggle input{accent-color:var(--accent)}.link-btn{border:0;background:none;padding:0;cursor:pointer;font:inherit;color:var(--accent)}.link-btn:hover{text-decoration:underline}.nps-grupos{display:flex;flex-direction:column}.nps-grupo{border-top:1px solid var(--border)}.nps-grupo:first-child{border-top:0}.nps-grupo__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;flex-wrap:wrap}.nps-grupo__toggle{display:flex;align-items:center;gap:8px;border:0;background:none;padding:0;cursor:pointer;font:inherit;color:var(--text)}.nps-grupo__chev{color:var(--text-faint);width:12px}.nps-grupo__nome{color:var(--accent)}.nps-grupo__nome:hover{text-decoration:underline}.nps-grupo__meta{font-size:12px;color:var(--text-soft)}.nps-grupo__lista{margin:0;padding:0 18px 14px 40px;list-style:none;display:grid;gap:10px}.nps-grupo__lista li{border-left:2px solid var(--border);padding-left:12px}.nps-grupo__linha{display:flex;align-items:center;gap:8px;font-size:13px}.nps-grupo__lista p{margin:2px 0 0;font-size:13px;color:var(--text-soft)}