:root{--yellow:#ffe600;--graphite:#464344;--black:#151515;--bg:#f5f6f2;--muted:#6b6b6b;--line:#e2e2dc}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,Arial,sans-serif;color:#232323}.sidebar{position:fixed;left:0;top:0;width:292px;height:100vh;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{padding:30px 28px 18px}.brand img{max-width:220px}.nav-link{color:#4b4b4b;border-radius:14px;padding:12px 15px;font-weight:700}.nav-link i{margin-right:10px}.nav-link.active,.nav-link:hover{background:var(--yellow);color:#111}.powered{margin-top:auto;padding:24px 28px;border-top:1px solid var(--line)}.powered span{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-bottom:10px}.powered img{width:180px}.content{margin-left:292px;padding:28px}.hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;background:linear-gradient(135deg,var(--yellow),#fff7a2);border-radius:28px;padding:36px;margin-bottom:22px;box-shadow:0 16px 40px rgba(0,0,0,.08)}.eyebrow{display:inline-block;background:#fff;border-radius:999px;padding:7px 12px;font-weight:900;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.hero h1{font-size:2.3rem;font-weight:900;margin:16px 0 10px;color:#1b1b1b}.hero p{font-size:1.08rem;max-width:820px;color:#3e3e3e}.kpi,.panel{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 12px 34px rgba(0,0,0,.05)}.kpi{padding:21px}.kpi span,.kpi small{display:block;color:var(--muted)}.kpi strong{font-size:2.2rem;line-height:1;color:var(--graphite)}.panel{padding:26px}.panel h2{font-size:1.25rem;font-weight:900;margin-bottom:6px}.panel p{color:var(--muted);margin:0}.panel-head{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:20px}.filters{display:flex;gap:10px}.kanban-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kanban-column{background:#fafaf7;border:1px solid var(--line);border-radius:20px;padding:14px;min-height:330px}.kanban-title{display:flex;justify-content:space-between;align-items:center;font-weight:900;margin-bottom:12px;color:var(--graphite)}.task-card{background:#fff;border:1px solid #e8e8e2;border-left:6px solid var(--yellow);border-radius:18px;padding:14px;margin-bottom:12px}.task-card h3{font-size:.96rem;font-weight:900;margin:8px 0}.task-card p{font-size:.86rem;color:#666;margin-bottom:10px}.priority{font-size:.72rem;font-weight:900;border-radius:999px;padding:5px 10px}.priority.ALTA{background:#ffe4e4;color:#a40000}.priority.MEDIA{background:#fff2c8;color:#8a6500}.priority.BAIXA{background:#e6f0ff;color:#164f91}.timeline{display:grid;gap:16px;margin-top:16px}.timeline div{border-left:5px solid var(--yellow);padding:5px 0 5px 16px}.timeline b,.timeline span{display:block}.timeline span{color:var(--muted);margin-top:4px}.table thead th{color:#666;font-size:.82rem;text-transform:uppercase;letter-spacing:.05em}@media(max-width:1000px){.sidebar{position:static;width:100%;height:auto}.content{margin-left:0;padding:16px}.hero,.panel-head{flex-direction:column}.kanban-grid{grid-template-columns:1fr}.filters{width:100%;flex-direction:column}}
.support-card{background:#fafaf7;border:1px solid var(--line);border-radius:18px;padding:18px}
.support-card span,.support-card small{display:block;color:var(--muted)}
.support-card strong{font-size:2rem;line-height:1;color:var(--graphite)}
.helpdesk-layout{display:grid;grid-template-columns:1.7fr .9fr;gap:20px;align-items:start}
.helpdesk-side{background:#fafaf7;border:1px solid var(--line);border-radius:20px;padding:20px}
.helpdesk-side h3{font-size:1.05rem;font-weight:900;margin-bottom:12px}
.helpdesk-side ol{padding-left:18px;color:#565656}
.helpdesk-side li{margin-bottom:10px}
.sla-box{display:grid;gap:8px;background:#fff;border-left:6px solid var(--yellow);border-radius:16px;padding:14px;margin-top:14px}
.sla-box span{color:#555;font-size:.9rem}
.ticket-title{font-weight:900;color:#2a2a2a}
.ticket-desc{display:block;color:#777;font-size:.8rem;margin-top:3px}
@media(max-width:1000px){.helpdesk-layout{grid-template-columns:1fr}}