:root{--ink:#20242d;--muted:#6d7280;--line:#e7e8eb;--bg:#f5f6f8;--yellow:#f6c945;--red:#f06755;--green:#3aa889;--blue:#6174d8;--side:#171a20}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a.button{cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:244px 1fr}aside#side{position:sticky;top:0;height:100vh;background:var(--side);color:#fff;padding:25px 17px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;font-size:18px}.brand>b{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:var(--yellow);color:#171a20;font-size:20px}.brand span{display:flex;flex-direction:column;line-height:1.1}.brand span strong{font-size:19px}.brand span{color:#aeb2bc;text-transform:uppercase;letter-spacing:.09em;font-size:9px}.brand strong{text-transform:none;letter-spacing:0;color:#fff}nav{margin-top:35px;display:grid;gap:5px}nav small{color:#727783;text-transform:uppercase;letter-spacing:.12em;font-size:10px;margin:17px 12px 5px}nav a{padding:11px 13px;border-radius:9px;color:#b8bcc5;display:flex;gap:12px;align-items:center;font-weight:600}nav a span{width:20px;text-align:center}nav a:hover,nav a.active{background:#282c34;color:#fff}.profile{margin-top:auto;border-top:1px solid #2b2e35;padding-top:18px;display:flex;align-items:center;gap:10px}.profile>b,.avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--yellow);color:#252830}.profile>span{display:flex;flex-direction:column;flex:1}.profile small{color:#90949f}.profile>a{color:#90949f;font-size:20px}main{min-width:0}header{height:73px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 34px;gap:18px}.menu{display:none}.search{height:40px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;padding:0 13px;max-width:430px;flex:1}.search input{border:0;outline:0;width:100%}.button{border:0;border-radius:9px;background:var(--ink);color:#fff;padding:10px 17px;font-weight:700;display:inline-block}.button:hover{background:#000}.content{padding:30px 34px;max-width:1600px;margin:auto}.heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px;gap:18px}.heading h1{font-size:31px;line-height:1.15;margin:3px 0 0}.heading small,.heading>div>a{color:var(--muted)}.pill{background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px 12px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.metrics article,.panel{background:#fff;border:1px solid var(--line);border-radius:13px}.metrics article{padding:20px}.metrics article>span{display:block;color:var(--muted);font-weight:600}.metrics article>strong{font-size:32px;display:block;margin:7px 0}.metrics small{color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(290px,1fr);gap:20px}.panel{overflow:hidden}.panel-head{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.panel-head h2{font-size:18px;margin:0}.panel-head p{color:var(--muted);margin:2px 0 0}.panel-head a{font-weight:700}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;color:#777c87;font-size:11px;text-transform:uppercase;letter-spacing:.05em;background:#fafafa}th,td{padding:14px 16px;border-bottom:1px solid #eeeeef}tbody tr:hover{background:#fbfbfc}.ticket-title{display:flex;align-items:center;gap:10px}.ticket-title span{display:flex;flex-direction:column}.ticket-title small{color:var(--muted)}.priority{width:4px;height:34px;border-radius:4px;background:#a8abb2}.priority.high,.priority.urgent{background:var(--red)}.priority.low{background:var(--green)}.status{display:inline-flex;padding:5px 9px;border-radius:20px;background:#eef0f3;font-size:12px;font-weight:700}.status.open{background:#fff5d4;color:#7f6200}.status.in_progress{background:#e8edff;color:#4055b3}.status.waiting{background:#f2eafa;color:#745099}.status.resolved{background:#e3f6ef;color:#267b65}.allowances{padding-bottom:8px}.allowance{padding:17px 20px;border-bottom:1px solid var(--line)}.allowance>div:first-child{display:flex;align-items:center;gap:10px}.allowance>div>div{display:flex;flex-direction:column;flex:1}.allowance small{color:var(--muted)}.progress{height:6px;background:#eceef0;border-radius:10px;margin:13px 0 5px;overflow:hidden}.progress i{display:block;height:100%;background:var(--ink);border-radius:10px}.cards{padding:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;background:transparent;border:0}.cards article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:flex-start}.cards h3{margin:12px 0 2px}.cards p{color:var(--muted);margin:0 0 10px}.cards a{margin-top:18px;color:#394eae;font-weight:700}.ticket-layout{display:grid;grid-template-columns:minmax(0,2fr) 310px;gap:20px}.conversation{padding:22px}.original{border-bottom:1px solid var(--line);padding-bottom:15px}.original small,.message small{color:var(--muted)}.message{display:flex;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}.message>div:last-child{flex:1}.message strong{display:flex;gap:8px}.message em{font-size:11px;background:#fff0c1;padding:2px 6px;border-radius:10px}.message.note{background:#fffbeb;margin:0 -22px;padding:18px 22px}.reply{margin-top:22px}.reply>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.detail{padding:20px}.detail h2,.settings h2{margin-top:0}.detail label{margin-bottom:13px}.detail .button{width:100%}label{display:flex;flex-direction:column;gap:6px;font-weight:650;margin:12px 0}input,select,textarea{width:100%;border:1px solid #d8dadd;border-radius:8px;padding:10px 11px;background:#fff;color:var(--ink)}textarea{resize:vertical}.check{flex-direction:row;align-items:center;font-weight:500}.check input{width:auto}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal{display:none;position:fixed;inset:0;background:#1118;z-index:20;padding:30px;overflow:auto}.modal.show{display:grid;place-items:center}.modal-box{position:relative;width:min(560px,100%);background:#fff;border-radius:14px;padding:25px;box-shadow:0 20px 60px #0004}.modal-box h2{margin:0}.modal-box>p{color:var(--muted);margin-top:4px}.close{position:absolute;right:14px;top:11px;border:0;background:transparent;font-size:27px}.alert{padding:12px 15px;border-radius:8px;background:#e4f5ee;color:#226b58;margin-bottom:20px}.alert.error{background:#fee9e6;color:#a2392d}.actions{display:flex;gap:10px}.actions a,.actions button{border:0;background:none;color:#3d53ae;padding:0}.actions button{color:#b13b31}.report-bars{padding:22px}.report-bars>div{display:grid;grid-template-columns:180px 1fr 60px 70px;align-items:center;gap:12px;margin:14px 0}.report-bars>div>div{height:10px;background:#eef0f2;border-radius:10px;overflow:hidden}.report-bars i{display:block;height:100%;background:var(--yellow)}.settings{padding:25px;max-width:720px}.settings h2:not(:first-child){margin-top:28px}.settings dt{color:var(--muted)}.settings dd{margin:0 0 12px}.empty{padding:30px;color:var(--muted)}.auth-page{min-height:100vh;display:grid;place-items:center;padding:25px;background:#eef0f3}.auth-card{width:min(480px,100%);background:#fff;padding:34px;border-radius:16px;box-shadow:0 16px 50px #17202c18}.auth-card .brand span{color:#777}.auth-card .brand strong{color:var(--ink)}.auth-card h1{margin:28px 0 4px}.auth-card>p{color:var(--muted)}.auth-card .button{width:100%;text-align:center;margin-top:8px}.auth-card hr{border:0;border-top:1px solid var(--line);margin:22px 0}
@media(max-width:1050px){.metrics{grid-template-columns:1fr 1fr}.dashboard-grid,.ticket-layout{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.shell{display:block}aside#side{position:fixed;z-index:30;left:-260px;width:244px;transition:.2s}aside#side.open{left:0}.menu{display:block;border:0;background:none;font-size:23px}header{padding:0 15px}.search{display:none}.content{padding:22px 15px}.metrics{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr}.heading{align-items:center}.heading h1{font-size:26px}.modal{padding:12px}.report-bars>div{grid-template-columns:100px 1fr 45px}.report-bars small{display:none}}
@media(max-width:460px){.metrics{grid-template-columns:1fr}.grid2{grid-template-columns:1fr}header .button{padding:9px 11px}.reply>div{align-items:flex-start;flex-direction:column}}