@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;800&display=swap";.text-button{color:#7a5714;text-align:left;background:0 0;border:0;margin:0 0 10px;padding:2px 0;font-weight:700}.text-button.centered{text-align:center;margin:17px auto 0;display:block}:root{color:#1d1d1f;font-synthesis:none;--black:#060606;--graphite:#1d1d1f;--charcoal:#2b2b2e;--steel:#5b6472;--teal:#c6a15b;--mint:#f7eedb;--cloud:#fff;background:#f5f5f4;font-family:Roboto,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.center{place-items:center;min-height:100vh;display:grid}.login-shell{background:#f3f3f1;grid-template-columns:1.15fr .85fr;min-height:100vh;display:grid}.login-brand{color:#fff;background:radial-gradient(circle at 18% 18%,#c6a15b38,#0000 34%),linear-gradient(145deg,#060606,#1d1d1f);flex-direction:column;justify-content:center;padding:9vw;display:flex}.login-brand h1{letter-spacing:-.045em;margin:24px 0;font-size:clamp(42px,5vw,76px);line-height:1.03}.login-brand>p:last-child{color:#b8bcc4;max-width:650px;font-size:18px;line-height:1.7}.brand{align-items:center;gap:13px;display:flex}.brand img{object-fit:contain;width:48px;height:48px}.brand span{flex-direction:column;display:flex}.brand strong{letter-spacing:.14em}.brand small{color:#9ba2ad}.eyebrow{letter-spacing:.16em;color:var(--teal);font-size:11px;font-weight:800}.login-card{background:#fff;border:1px solid #dedede;border-radius:20px;width:min(430px,84%);margin:auto;padding:38px;box-shadow:0 24px 70px #0000001a}h1,h2,p{margin-top:0}label{flex-direction:column;gap:8px;margin:16px 0;font-size:13px;font-weight:600;display:flex}input,select,textarea{width:100%;color:var(--graphite);background:#fff;border:1px solid #d9dadd;border-radius:9px;outline:none;padding:12px 14px}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #c6a15b1f}input:disabled{color:#777;background:#f2f2f2}.check{flex-direction:row;align-items:center}.check input{width:auto}.primary,.secondary,.back{border:0;border-radius:9px;padding:12px 18px;font-weight:700}.primary{background:var(--black);color:#fff}.primary:hover{background:var(--charcoal)}.secondary,.back{color:#2d2d30;background:#ededed}.login-card .primary{width:100%;margin-top:10px}.error{color:#b42335;background:#fff0f1;border-radius:10px;padding:12px}.notice{background:var(--mint);color:#7a5714;border-radius:10px;padding:12px}.layout{grid-template-columns:256px 1fr;min-height:100vh;display:grid}.layout>aside{background:var(--black);color:#fff;border-right:1px solid #202024;flex-direction:column;height:100vh;padding:27px 18px;display:flex;position:sticky;top:0}.layout>aside .brand img{width:54px;height:54px}.layout nav{gap:7px;margin-top:46px;display:grid}.layout nav button,.profile button{text-align:left;color:#aeb2ba;background:0 0;border:0;border-radius:9px;padding:13px}.layout nav button.active,.layout nav button:hover{color:#fff;box-shadow:inset 3px 0 var(--teal);background:#1e1f21}.profile{border-top:1px solid #292a2d;flex-direction:column;margin-top:auto;padding-top:18px;display:flex}.profile small{color:#818690;margin:4px 0 8px}.content{min-width:0;padding:38px clamp(22px,4vw,64px)}.content>header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.content>header h1{letter-spacing:-.025em;font-size:30px}.role-banner{color:#fff;background:linear-gradient(105deg,#060606,#2b2b2e);border-radius:16px;justify-content:space-between;align-items:center;padding:24px 27px;display:flex;box-shadow:0 16px 35px #00000024}.role-banner>div{flex-direction:column;gap:5px;display:flex}.role-banner small{color:var(--teal);letter-spacing:.08em;font-weight:700}.role-banner b{font-size:21px}.role-banner span{color:#c7c9cd}.security-badge{letter-spacing:.12em;border:1px solid #3b504f;border-radius:999px;padding:8px 12px;color:#9be6df!important;font-size:10px!important}.stats{grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0;display:grid}.stats article,.panel{background:#fff;border:1px solid #e1e1e1;border-radius:14px;padding:22px;box-shadow:0 8px 28px #0000000b}.stats article{border-top:3px solid var(--black);flex-direction:column;gap:14px;display:flex}.stats article:last-child{border-top-color:var(--teal)}.stats span{color:#6e737c}.stats strong{color:var(--black);font-size:32px}.panel h2{font-size:18px}.panel-title{justify-content:space-between;align-items:center;display:flex}.link-button{color:#52565e;background:0 0;border:0;font-weight:700}.ticket-row{text-align:left;background:#fff;border:0;border-top:1px solid #ebebeb;justify-content:space-between;align-items:center;width:100%;padding:16px 4px;display:flex}.ticket-row:hover{background:#fafafa}.ticket-row span{flex-direction:column;gap:5px;display:flex}.ticket-row small{color:#7b7f86}.ticket-row em,.ticket-head em{color:#4d5057;background:#ededed;border-radius:999px;padding:6px 9px;font-size:11px;font-style:normal;font-weight:700}.ticket-row em[data-status=IN_PROGRESS],.ticket-head em[data-status=IN_PROGRESS]{color:#304f70;background:#e8eef5}.ticket-row em[data-status=RESOLVED],.ticket-head em[data-status=RESOLVED]{background:var(--mint);color:#7a5714}.ticket-row em[data-status=CLOSED],.ticket-head em[data-status=CLOSED]{color:#fff;background:#1d1d1f}.form-grid{grid-template-columns:1fr 1fr;gap:0 18px;display:grid}.form-grid h2,.form-grid .wide{grid-column:1/-1}.form-grid button{margin-right:10px}.detail-grid,.users-grid{grid-template-columns:1.5fr 1fr;gap:20px;margin-top:18px;display:grid}.ticket-head{justify-content:space-between;gap:20px;display:flex}.ticket-head small{color:#718096}.panel dl{grid-template-columns:1fr 1fr;gap:16px;display:grid}.panel dt{color:#80848c;font-size:12px}.panel dd{margin:4px 0;font-weight:600}.actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.status-control{border:1px solid #dedede;border-left:3px solid var(--teal);background:#f6f6f5;border-radius:10px;margin-top:22px;padding:18px}.status-control label{margin:12px 0}.permission-note{color:#6c7077;background:#f2f2f2;border-radius:9px;margin-top:22px;padding:13px;font-size:13px}.timeline div,.comment-item{border-left:2px solid var(--teal);flex-direction:column;padding:0 0 18px 15px;display:flex}.timeline small,.comment-item small{color:#81858d;margin-top:4px}.comment{margin-top:20px}.comment textarea{margin-bottom:12px}.back{margin-bottom:6px}@media (width<=900px){.login-shell{grid-template-columns:1fr}.login-brand{display:none}.layout{grid-template-columns:1fr}.layout>aside{flex-direction:row;align-items:center;gap:14px;height:auto;position:static;overflow:auto}.layout nav{margin:0;display:flex}.profile{border:0;min-width:150px;margin:0 0 0 auto}.profile span,.profile small{display:none}.stats{grid-template-columns:1fr 1fr}.detail-grid,.users-grid{grid-template-columns:1fr}.content{padding:24px}.form-grid{grid-template-columns:1fr}.form-grid>*{grid-column:1!important}}@media (width<=560px){.content>header{align-items:flex-start;gap:14px}.content>header h1{font-size:23px}.stats{grid-template-columns:1fr}.layout>aside .brand span{display:none}.layout nav button{font-size:0}.profile{min-width:auto}.ticket-row{gap:12px}.panel dl{grid-template-columns:1fr}.role-banner{flex-direction:column;align-items:flex-start;gap:18px}}.layout nav button,.profile button{align-items:center;gap:9px;display:flex}.layout nav button i{background:var(--teal);color:#041211;border-radius:999px;margin-left:auto;padding:2px 6px;font-size:10px;font-style:normal}.nav-label{color:#686d75;letter-spacing:.14em;margin:20px 10px 3px;font-size:9px}.stats article.danger-stat{border-top-color:#db4c5b}.stats article.danger-stat strong{color:#b42335}.ticket-badges{align-items:center;gap:7px;flex-direction:row!important;display:flex!important}.ticket-badges em[data-sla=OVERDUE]{color:#b42335;background:#ffe8eb}.ticket-badges em[data-sla=AT_RISK]{color:#9a5a00;background:#fff2d9}.ticket-badges em[data-sla=ON_TIME],.ticket-badges em[data-sla=COMPLETED]{background:var(--mint);color:#7a5714}.filters{grid-template-columns:repeat(4,minmax(140px,1fr));gap:10px;margin-bottom:18px;display:grid}.filters input,.filters select,.filters button{margin:0}.pagination{justify-content:center;align-items:center;gap:14px;margin-top:18px;display:flex}.pagination button{background:#fff;border:1px solid #ddd;border-radius:8px;padding:8px 13px}.pagination button:disabled{opacity:.35}.attachments{border-top:1px solid #eee;flex-direction:column;gap:8px;margin:20px 0;padding-top:17px;display:flex}.attachments a{color:#7a5714;text-decoration:none}.unread{background:var(--teal);border-radius:50%;width:9px;height:9px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #eee;padding:12px 9px}th{color:#666;background:#fafafa}@media (width<=900px){.nav-label{display:none}.filters{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.layout nav button span{display:none}.layout nav button{padding:11px;font-size:initial!important}.filters{grid-template-columns:1fr}.ticket-badges{align-items:flex-end;flex-direction:column!important}.content>header{flex-direction:column}}