@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--background);font-synthesis:none;text-rendering:optimizeLegibility;--sidebar-width: 252px;--background: #0b0b0e;--surface: #17171b;--surface-raised: #1c1c21;--surface-soft: #222229;--surface-hover: #282830;--text: #f7f7f8;--text-muted: #a3a3ad;--text-subtle: #797983;--border: #2b2b32;--border-strong: #393941;--primary: #1685f5;--primary-strong: #087cf0;--violet: #7c3aed;--pink: #f24f86;--success: #57d39a;--warning: #e6ad50;--danger: #ff7a86;--focus: #76b6ff;--shadow: 0 20px 60px rgb(0 0 0 / .22);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--ease: .18s ease}:root[data-theme=light]{--background: #f5f5f8;--surface: #ffffff;--surface-raised: #ffffff;--surface-soft: #f0f1f5;--surface-hover: #e9eaf0;--text: #111116;--text-muted: #656671;--text-subtle: #858690;--border: #e1e2e8;--border-strong: #d1d2da;--success: #0b7a52;--warning: #95600b;--danger: #b92336;--shadow: 0 20px 60px rgb(30 30 55 / .09)}*{box-sizing:border-box}.app-loading{min-height:100vh;display:grid;place-items:center;color:var(--muted);background:var(--bg);font-weight:700}html{min-width:320px;min-height:100%}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:var(--background);color:var(--text)}button,input,textarea,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button,a{color:inherit}svg{width:19px;height:19px;stroke-width:1.8;flex:none}::selection{background:#1685f559}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:10px;left:10px;z-index:1000;transform:translateY(-150%);background:var(--text);color:var(--background);padding:10px 14px;border-radius:8px;text-decoration:none}.skip-link:focus{transform:translateY(0)}.muted{color:var(--text-muted)}.eyebrow{margin:0 0 8px;color:var(--text-subtle);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.button{min-height:44px;border:1px solid var(--border);border-radius:12px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--surface);color:var(--text);font-size:13px;font-weight:750;cursor:pointer;text-decoration:none;transition:background var(--ease),border-color var(--ease),opacity var(--ease),transform var(--ease)}.button:hover{border-color:var(--border-strong);background:var(--surface-hover)}.button:active{transform:scale(.98)}.button:disabled{opacity:.48;cursor:not-allowed;transform:none}.button.primary{color:#fff;border-color:transparent;background:linear-gradient(105deg,var(--violet),var(--primary-strong));box-shadow:0 9px 26px #1969e33d}.button.primary:hover{filter:brightness(1.08)}.button.secondary{background:var(--surface)}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:50;width:var(--sidebar-width);padding:27px 20px 21px;display:flex;flex-direction:column;background:#0b0b0e;color:#fff;border-right:1px solid #24242a}.sidebar-head{display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:flex-start;color:#fff;text-decoration:none;font-size:29px;line-height:1;font-weight:850;letter-spacing:-1.8px}.brand sup{margin:1px 0 0 2px;font-size:8px;letter-spacing:0}.nav-label{margin:42px 10px 10px;color:#6f6f75;font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.primary-nav{display:grid;gap:5px}.primary-nav a,.settings-link{min-height:46px;display:flex;align-items:center;gap:13px;padding:0 13px;color:#a4a4ad;border-radius:12px;text-decoration:none;font-size:14px;font-weight:600;transition:color var(--ease),background var(--ease)}.primary-nav a:hover,.settings-link:hover{color:#fff;background:#19191d}.primary-nav a.active{color:#fff;background:linear-gradient(100deg,#7533e6,#087cf0);box-shadow:0 8px 24px #1a68e133}.primary-nav a b{min-width:24px;margin-left:auto;padding:2px 7px;border-radius:99px;background:#ffffff1f;color:#fff;font-size:11px;text-align:center}.sidebar-spacer{flex:1}.settings-link{margin-bottom:12px}.profile-card{display:grid;grid-template-columns:38px minmax(0,1fr) 40px;align-items:center;gap:10px;padding:14px 3px 0;border-top:1px solid #242428}.avatar{width:38px;height:38px;border-radius:50%;display:inline-grid;place-items:center;flex:none;background:linear-gradient(135deg,#9b45ee,#006ff8);color:#fff;font-size:11px;font-weight:800}.profile-copy{min-width:0}.profile-copy strong,.profile-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-copy strong{font-size:12px}.profile-copy small{margin-top:3px;color:#85858e;font-size:9px}.profile-card button,.mobile-close,.mobile-menu,.icon-button,.login-theme{min-width:42px;min-height:42px;display:inline-grid;place-items:center;border:0;border-radius:11px;background:transparent;cursor:pointer}.profile-card button:hover{background:#202026}.mobile-close,.mobile-menu,.sidebar-scrim{display:none}.app-main{min-height:100vh;margin-left:var(--sidebar-width);background:radial-gradient(circle at 92% 0,rgb(71 34 119 / .26) 0,transparent 23%),var(--background)}.topbar{height:76px;margin:0 34px;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--border)}.global-search{width:min(440px,45vw);min-height:42px;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text-subtle)}.global-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:13px}.global-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #1685f524}.top-actions{margin-left:auto;display:flex;gap:9px;position:relative}.theme-toggle,.icon-button{height:42px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text-muted);cursor:pointer}.theme-toggle{min-width:82px;padding:0 10px;display:flex;align-items:center;justify-content:center;gap:6px}.theme-toggle svg{width:14px;height:14px}.toggle-track{width:32px;height:18px;padding:2px;border-radius:99px;display:flex;align-items:center;background:#3a3a43}.toggle-knob{width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 5px #00000059;transform:translate(14px);transition:transform var(--ease),background var(--ease)}[data-theme=light] .toggle-track{background:#d4d6df}[data-theme=light] .toggle-knob{transform:translate(0);background:#17171b}.icon-button{width:42px;position:relative;display:grid;place-items:center}.icon-button:hover,.theme-toggle:hover{background:var(--surface-hover)}.notification-dot{position:absolute;top:8px;right:8px;width:7px;height:7px;border:2px solid var(--surface);border-radius:50%;background:var(--pink)}.notification-popover{position:absolute;z-index:80;top:51px;right:0;width:min(390px,calc(100vw - 30px));overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.notification-popover>header{min-height:62px;padding:12px 13px 12px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.notification-popover>header strong,.notification-popover>header small{display:block}.notification-popover>header strong{font-size:12px}.notification-popover>header small{margin-top:3px;color:var(--text-muted);font-size:9px}.notification-popover>header button{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:10px;background:transparent;color:var(--text-muted);cursor:pointer}.notification-popover>header button:hover{background:var(--surface-hover)}.notification-list{max-height:340px;overflow-y:auto}.notification-list a{padding:13px 16px;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:10px;border-bottom:1px solid var(--border);color:inherit;text-decoration:none}.notification-list a:hover{background:var(--surface-hover)}.notification-list a>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#1685f51f;color:#6eaeff}.notification-list svg{width:15px}.notification-list strong,.notification-list small{display:block}.notification-list strong{font-size:10px;line-height:1.4}.notification-list small{margin-top:4px;color:var(--text-muted);font-size:9px}.notification-popover>footer,.notification-empty{margin:0;padding:11px 16px;color:var(--text-subtle);font-size:9px}.notification-empty{padding-block:28px;text-align:center}.page{width:min(100%,1580px);margin:0 auto;padding:34px 34px 48px}.page-header{min-height:102px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:25px}.page-header h1,.ticket-detail-header h1{margin:0;font-size:clamp(27px,3vw,35px);line-height:1.08;letter-spacing:-1.25px}.page-description{margin:9px 0 0;color:var(--text-muted);font-size:13px;line-height:1.55}.page-actions{display:flex;gap:10px}.panel{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 1px #ffffff05}.panel-header{min-height:68px;padding:15px 19px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border)}.panel-header h2{margin:0;font-size:15px}.panel-header p{margin:5px 0 0;color:var(--text-muted);font-size:10px}.panel-empty{margin:0;padding:38px 20px;color:var(--text-muted);font-size:13px;text-align:center}.text-link,.back-link{display:inline-flex;align-items:center;gap:7px;color:var(--primary);font-size:12px;font-weight:700;text-decoration:none}.text-link svg,.back-link svg{width:15px}.back-link{margin-bottom:20px;color:var(--text-muted)}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:16px}.metrics-grid>*{min-width:0}.metric-card{min-height:132px;padding:19px;overflow:hidden;position:relative;border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(145deg,var(--surface-raised),var(--surface))}.metric-card.primary-metric{background:radial-gradient(circle at 100% 0,rgb(21 75 154 / .62) 0,transparent 53%),linear-gradient(145deg,var(--surface-raised),var(--surface))}[data-theme=light] .metric-card.primary-metric{background:radial-gradient(circle at 100% 0,#dceaff 0,transparent 53%),linear-gradient(145deg,#fff,#f8f9fc)}.metric-card>span{display:flex;align-items:center;justify-content:space-between;color:var(--text-muted);font-size:11px;font-weight:650}.metric-card>span i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#ffffff0f;color:#6eaeff}[data-theme=light] .metric-card>span i{background:#eef4ff;color:#1479e8}.metric-card>span svg{width:16px}.metric-card>strong{display:block;margin-top:10px;font-size:30px;line-height:1;letter-spacing:-1px}.metric-card>p{margin:8px 0 0;color:var(--text-subtle);font-size:10px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(285px,.72fr);gap:16px}.dashboard-grid>*,.ticket-detail-grid>*,.client-detail-grid>*,.settings-grid>*{min-width:0}.activity-list{padding:6px 18px 18px}.activity-item{display:grid;grid-template-columns:31px 1fr;gap:10px;padding:12px 0;position:relative;color:inherit;text-decoration:none}.activity-item:not(:last-child):after{content:"";position:absolute;left:15px;top:43px;bottom:-2px;width:1px;background:var(--border)}.activity-icon{width:31px;height:31px;z-index:1;display:grid;place-items:center;border-radius:9px;background:var(--surface-soft);color:var(--text-muted)}.activity-icon svg{width:14px}.activity-item strong{font-size:10px}.activity-item p{margin:2px 0 4px;color:var(--text-muted);font-size:10px;line-height:1.45}.activity-item p b{color:var(--text)}.activity-item time{color:var(--text-subtle);font-size:9px}.table-scroll{position:relative;max-width:100%;overflow-x:auto}.data-table{width:100%;min-width:760px;border-collapse:collapse}.data-table th{padding:11px 14px;border-bottom:1px solid var(--border);background:#111114;color:var(--text-subtle);font-size:9px;font-weight:750;letter-spacing:.075em;text-align:left;text-transform:uppercase}[data-theme=light] .data-table th{background:#f7f7f9}.data-table td{padding:14px;border-bottom:1px solid var(--border);color:var(--text-muted);font-size:11px;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr{transition:background var(--ease)}.data-table tbody tr:hover{background:var(--surface-hover)}.ticket-cell{min-width:255px;display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none}.ticket-sequence{width:42px;height:40px;display:grid;place-items:center;flex:none;border-radius:10px;background:var(--surface-soft);color:var(--text-muted);font-size:9px;font-weight:800}.ticket-cell strong,.ticket-cell small{display:block}.ticket-cell strong{max-width:330px;font-size:11px;line-height:1.35}.ticket-cell small{margin-top:4px;color:var(--text-subtle);font-size:9px}.client-name{color:var(--text)}.status-badge{width:max-content;display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:99px;font-size:9px;font-weight:750;white-space:nowrap}.status-badge i{width:6px;height:6px;border-radius:50%;background:currentColor}.status-received,.status-reviewing{color:#86b8ff;background:#18315b}.status-in_progress,.status-ready_staging{color:#69a7ff;background:#18315b}.status-pending_client{color:#f0b757;background:#4a3618}.status-client_review,.status-ready_production{color:#bd83ed;background:#38224e}.status-completed,.status-closed{color:#66d2a2;background:#163c2c}[data-theme=light] .status-received,[data-theme=light] .status-reviewing,[data-theme=light] .status-in_progress,[data-theme=light] .status-ready_staging{color:#1766d5;background:#eaf2ff}[data-theme=light] .status-pending_client{color:#895604;background:#fff3dd}[data-theme=light] .status-client_review,[data-theme=light] .status-ready_production{color:#7130bc;background:#f2eafe}[data-theme=light] .status-completed,[data-theme=light] .status-closed{color:#0e7650;background:#e6f7ef}.priority-badge{font-size:9px;font-weight:750;white-space:nowrap}.priority-critical{color:var(--danger)}.priority-high{color:#ef9a55}.priority-medium{color:var(--warning)}.priority-low{color:var(--text-muted)}.assignee{display:inline-flex;align-items:center;gap:7px;color:var(--text)}.assignee i{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#1579bb;color:#fff;font-size:8px;font-style:normal;font-weight:800}.row-link{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;color:var(--text-muted)}.row-link:hover{background:var(--surface-soft);color:var(--text)}.row-link svg{width:16px}.filter-bar{min-height:66px;padding:11px 14px;display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--border)}.filter-bar label{position:relative;min-height:40px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--border);border-radius:10px;background:var(--surface-raised);color:var(--text-muted)}.filter-bar label:focus-within{border-color:var(--primary)}.filter-bar select,.filter-bar input{border:0;outline:0;background:transparent;color:var(--text);font-size:11px}.filter-bar select option{background:var(--surface)}.filter-search{min-width:min(370px,38vw)}.filter-search input{width:100%}.filter-bar svg{width:15px}.filter-count{margin-left:auto;color:var(--text-subtle);font-size:10px}.empty-state{padding:60px 20px;display:grid;justify-items:center;text-align:center}.empty-state-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:var(--surface-soft);color:var(--primary)}.empty-state h2{margin:16px 0 7px;font-size:17px}.empty-state p{max-width:420px;margin:0 0 18px;color:var(--text-muted);font-size:12px}.ticket-detail-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:25px}.creation-success{margin-bottom:18px;padding:14px 16px;display:flex;align-items:flex-start;gap:11px;border:1px solid rgb(87 211 154 / .3);border-radius:13px;background:#57d39a17;color:var(--success)}.creation-success>svg{margin-top:1px}.creation-success strong{display:block;font-size:12px}.creation-success p{margin:4px 0 0;color:var(--text-muted);font-size:10px;line-height:1.5}.creation-success p b{color:var(--text)}.ticket-detail-header h1{max-width:900px}.ticket-header-badges{display:flex;gap:8px;margin-top:14px}.status-select{display:grid;gap:7px;color:var(--text-muted);font-size:10px;font-weight:700}.status-select select,.dialog select,.dialog input,.dialog textarea,.report-form select{min-height:44px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);padding:0 12px;outline:0}.status-select select:focus,.dialog select:focus,.dialog input:focus,.dialog textarea:focus,.report-form select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1685f524}.ticket-detail-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.7fr);gap:16px}.ticket-conversation,.ticket-side-column{display:grid;align-content:start;gap:16px}.description-card{padding:20px}.description-card>p:not(.eyebrow){margin:0;font-size:13px;line-height:1.7}.ticket-attachments{margin-top:20px;padding-top:17px;border-top:1px solid var(--border)}.ticket-attachments h2{margin:0 0 9px;font-size:11px}.ticket-attachments>button{width:100%;min-height:52px;padding:8px 10px;display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:10px;border:1px solid var(--border);border-radius:11px;background:var(--surface-raised);color:var(--text);text-align:left;cursor:pointer}.ticket-attachments>button+button{margin-top:7px}.ticket-attachments>button:hover{border-color:var(--border-strong);background:var(--surface-hover)}.ticket-attachments>button>span:first-child{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#1685f51f;color:#6eaeff}.ticket-attachments strong,.ticket-attachments small{display:block}.ticket-attachments strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.ticket-attachments small{margin-top:3px;color:var(--text-muted);font-size:9px}.ticket-attachments svg{width:15px}.message-list{padding:4px 19px}.message{display:grid;grid-template-columns:38px 1fr;gap:11px;padding:18px 0}.message+.message{border-top:1px solid var(--border)}.message>div>header{display:flex;align-items:center;gap:8px}.message>div>header strong{font-size:11px}.message>div>header time{margin-left:auto;color:var(--text-subtle);font-size:9px}.message>div>header span{display:inline-flex;align-items:center;gap:4px;color:var(--warning);font-size:9px}.message>div>header span svg{width:12px}.message p{margin:8px 0 0;color:var(--text-muted);font-size:12px;line-height:1.6}.message.internal{margin:6px -9px;padding:16px 9px;border:1px solid rgb(230 173 80 / .25);border-radius:12px;background:#e6ad500f}.message-composer{padding:16px 19px 19px;border-top:1px solid var(--border)}.visibility-tabs{display:flex;gap:6px;margin-bottom:9px}.visibility-tabs button{min-height:36px;padding:0 10px;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:9px;background:transparent;color:var(--text-muted);font-size:10px;cursor:pointer}.visibility-tabs button.active{border-color:#1685f56b;background:#1685f51f;color:#75b6ff}.visibility-tabs svg{width:14px}.message-composer textarea{width:100%;padding:12px;resize:vertical;border:1px solid var(--border);border-radius:11px;outline:0;background:var(--surface-raised);color:var(--text);font-size:12px;line-height:1.55}.message-composer textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1685f524}.composer-label{display:grid;gap:6px}.composer-label>strong{font-size:11px}.composer-label>small{color:var(--text-muted);font-size:9px}.message-composer footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:10px}.message-composer footer small{color:var(--text-subtle);font-size:9px}.ticket-metadata,.timeline-card{padding:19px}.ticket-metadata h2,.timeline-card h2{margin:0;font-size:15px}.ticket-metadata dl{margin:18px 0 0}.ticket-metadata dl div{padding:11px 0;display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--border)}.ticket-metadata dt{display:flex;align-items:center;gap:7px;color:var(--text-muted);font-size:10px}.ticket-metadata dt svg{width:14px}.ticket-metadata dd{margin:0;font-size:10px;font-weight:700;text-align:right}.assignment-row dd{width:min(170px,55%)}.assignment-row select{width:100%;min-height:38px;padding:0 8px;border:1px solid var(--border);border-radius:9px;outline:0;background:var(--surface-raised);color:var(--text);font-size:10px}.assignment-row select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1685f524}.mini-action{min-height:38px;padding:0 11px;border:1px solid rgb(22 133 245 / .4);border-radius:9px;background:#1685f51f;color:#75b6ff;font-size:10px;font-weight:750;cursor:pointer}.timeline-card>header p{margin:5px 0 0;color:var(--text-muted);font-size:10px}.timeline-card ol{margin:18px 0 0;padding:0;list-style:none}.timeline-card li{display:grid;grid-template-columns:12px 1fr;gap:10px;position:relative;padding-bottom:18px}.timeline-card li:not(:last-child):after{content:"";position:absolute;left:5px;top:12px;bottom:0;width:1px;background:var(--border)}.timeline-card li>i{width:11px;height:11px;z-index:1;margin-top:3px;border:3px solid var(--surface);border-radius:50%;background:var(--primary);box-shadow:0 0 0 1px var(--primary)}.timeline-card li p{margin:0;color:var(--text-muted);font-size:10px;line-height:1.45}.timeline-card li p strong{color:var(--text)}.timeline-card li time{display:block;margin-top:4px;color:var(--text-subtle);font-size:8px}.client-grid,.contracts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.client-card{padding:20px;color:inherit;text-decoration:none;transition:border-color var(--ease),transform var(--ease),background var(--ease)}.client-card:hover{transform:translateY(-2px);border-color:var(--border-strong);background:var(--surface-raised)}.client-card header{display:grid;grid-template-columns:43px 1fr 20px;align-items:center;gap:12px}.client-card header>span,.integration-card>span,.report-copy>span{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:#1685f51f;color:#6eaefe}.client-card h2{margin:0;font-size:16px}.client-card header p{margin:4px 0 0;color:var(--text-muted);font-size:10px}.client-card header>svg{color:var(--text-subtle)}.client-card dl{margin:20px 0 15px;display:grid;grid-template-columns:1fr 1.3fr;gap:18px}.client-card dl div{padding-top:13px;border-top:1px solid var(--border)}.client-card dt{display:flex;align-items:center;gap:7px;color:var(--text-muted);font-size:9px}.client-card dt svg{width:13px}.client-card dd{margin:8px 0 0;font-size:13px;font-weight:750}.usage-bar{height:6px;overflow:hidden;border-radius:99px;background:var(--surface-soft)}.usage-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--violet),var(--primary))}.usage-bar.large{height:8px}.contract-summary{min-height:180px;padding:23px;display:grid;grid-template-columns:120px 1fr minmax(220px,.7fr);align-items:center;gap:25px;margin-bottom:16px}.contract-ring{width:112px;height:112px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--primary) 0 var(--usage),var(--surface-soft) var(--usage) 360deg)}.contract-ring>div{width:82px;height:82px;display:grid;place-content:center;border-radius:50%;background:var(--surface);text-align:center}.contract-ring strong,.contract-ring span{display:block}.contract-ring strong{font-size:22px}.contract-ring span{color:var(--text-muted);font-size:8px}.contract-copy h2{margin:0;font-size:22px}.contract-copy>p:not(.eyebrow){color:var(--text-muted);font-size:11px}.contract-copy .usage-bar{margin-top:16px}.contract-summary dl{margin:0}.contract-summary dl div{padding:12px 0;border-bottom:1px solid var(--border)}.contract-summary dt{display:flex;align-items:center;gap:7px;color:var(--text-muted);font-size:9px}.contract-summary dt svg{width:14px}.contract-summary dd{margin:6px 0 0;font-size:11px;font-weight:700}.client-detail-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.6fr);gap:16px}.participants-card{padding:19px}.participants-card>header{display:flex;align-items:center;gap:10px;margin-bottom:17px}.participants-card>header>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--surface-soft);color:var(--primary)}.participants-card h2{margin:0;font-size:14px}.participants-card header p{margin:4px 0 0;color:var(--text-muted);font-size:9px}.participant{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--border)}.participant strong,.participant small{display:block}.participant strong{font-size:11px}.participant small{margin-top:3px;color:var(--text-muted);font-size:9px}.contract-card{padding:20px}.contract-card header{display:flex;justify-content:space-between}.contract-card h2{margin:0;font-size:18px}.contract-card header>span{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:var(--surface-soft);color:var(--primary)}.contract-numbers{margin:22px 0 17px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.contract-numbers div{padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-raised)}.contract-numbers small,.contract-numbers strong{display:block}.contract-numbers small{color:var(--text-muted);font-size:9px}.contract-numbers strong{margin-top:7px;font-size:15px}.contract-card footer{margin-top:17px;display:flex;align-items:center;justify-content:space-between;color:var(--text-muted);font-size:9px}.contract-card footer span{display:flex;align-items:center;gap:7px}.contract-card footer svg{width:14px}.contract-card footer a{color:var(--primary);font-weight:700}.report-builder{padding:23px;display:grid;grid-template-columns:minmax(0,.75fr) minmax(430px,1.25fr);gap:40px;align-items:start}.report-copy{display:flex;gap:14px}.report-copy h2{margin:2px 0 7px;font-size:17px}.report-copy p{margin:0;color:var(--text-muted);font-size:11px;line-height:1.6}.report-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.report-form>label{display:grid;gap:7px;color:var(--text-muted);font-size:10px;font-weight:700}.report-form fieldset{grid-column:1 / -1;display:flex;gap:9px;padding:0;border:0}.report-form legend{margin-bottom:8px;color:var(--text-muted);font-size:10px;font-weight:700}.format-option{min-height:42px;padding:0 12px;display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:11px}.format-option svg{width:16px}.report-form .button{grid-column:1 / -1;justify-self:end}.report-history{margin-top:16px}.settings-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.6fr);gap:16px}.user-list{padding:0 19px}.user-row{min-height:68px;display:grid;grid-template-columns:38px minmax(180px,1fr) minmax(100px,.5fr) minmax(130px,.6fr);align-items:center;gap:12px;border-bottom:1px solid var(--border)}.user-row:last-child{border-bottom:0}.user-row strong,.user-row small{display:block}.user-row strong{font-size:11px}.user-row small{margin-top:3px;color:var(--text-muted);font-size:9px}.user-row>span:not(.avatar),.user-row>b{font-size:10px}.user-row>b{font-weight:700}.integration-card{padding:22px}.integration-card h2{margin:16px 0 8px;font-size:17px}.integration-card>p:not(.eyebrow){color:var(--text-muted);font-size:11px;line-height:1.6}.integration-card .eyebrow{margin-top:20px}.integration-status{margin-top:18px;padding:11px;display:flex;align-items:center;gap:8px;border-radius:10px;background:#57d39a1a;color:var(--success);font-size:10px;font-weight:700}.integration-status svg{width:15px}.dialog-backdrop{position:fixed;inset:0;z-index:100;padding:20px;display:grid;place-items:center;background:#00000094;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog{width:min(100%,620px);max-height:calc(100dvh - 40px);overflow-y:auto;border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:var(--shadow)}.dialog>header{padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.dialog>header h2{margin:0;font-size:20px}.dialog form{padding:20px;display:grid;gap:15px}.dialog form>label{display:grid;gap:7px;color:var(--text-muted);font-size:11px;font-weight:700}.dialog textarea{min-height:120px;padding:11px 12px;resize:vertical}.dialog label small{color:var(--text-subtle);font-size:9px;font-weight:400}.attachment-field{display:grid;gap:8px}.field-label{color:var(--text-muted);font-size:11px;font-weight:700}.field-label small{margin-left:5px;color:var(--text-subtle);font-size:9px;font-weight:400}.attachment-input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.attachment-dropzone{min-height:92px;padding:14px;display:grid;justify-items:center;gap:4px;border:1px dashed var(--border-strong);border-radius:12px;background:var(--surface-raised);color:var(--text);cursor:pointer}.attachment-dropzone:hover{border-color:var(--primary);background:#1685f50f}.attachment-dropzone>span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#1685f51f;color:#6eaeff}.attachment-dropzone svg{width:15px}.attachment-dropzone strong{font-size:10px}.attachment-dropzone small{color:var(--text-subtle);font-size:9px;text-align:center}.selected-files{margin:0;padding:0;display:grid;gap:6px;list-style:none}.selected-files li{min-height:52px;padding:7px 7px 7px 10px;display:grid;grid-template-columns:30px 1fr 40px;align-items:center;gap:9px;border:1px solid var(--border);border-radius:10px;background:var(--surface-raised)}.selected-files li>span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:var(--surface-soft);color:var(--primary)}.selected-files li svg{width:14px}.selected-files strong,.selected-files small{display:block}.selected-files strong{max-width:420px;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.selected-files small{margin-top:3px;color:var(--text-muted);font-size:8px}.selected-files button{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:9px;background:transparent;color:var(--danger);cursor:pointer}.selected-files button:hover{background:#ff7a861a}.dialog footer{margin-top:5px;display:flex;justify-content:flex-end;gap:9px}.login-page{min-height:100dvh;display:grid;grid-template-columns:minmax(420px,.9fr) minmax(520px,1.1fr);background:var(--background)}.login-brand-panel{min-height:100dvh;padding:42px 54px;display:flex;flex-direction:column;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 85%,rgb(12 113 239 / .68),transparent 32%),radial-gradient(circle at 17% 20%,rgb(121 51 232 / .42),transparent 30%),#09090b;color:#fff}.login-brand-panel:after{content:"";position:absolute;width:520px;height:520px;right:-300px;top:-190px;border:1px solid rgb(255 255 255 / .12);border-radius:50%;box-shadow:0 0 0 75px #ffffff06,0 0 0 150px #ffffff05}.login-brand{position:relative;z-index:1}.login-message{max-width:560px;margin:auto 0;position:relative;z-index:1}.login-message h1{margin:0;font-size:clamp(38px,4.4vw,66px);line-height:.98;letter-spacing:-3.2px}.login-message>p:not(.eyebrow){max-width:530px;margin:24px 0;color:#b9b9c3;font-size:15px;line-height:1.65}.login-message ul{margin:30px 0 0;padding:0;display:grid;gap:12px;list-style:none}.login-message li{display:flex;align-items:center;gap:10px;color:#dddde2;font-size:12px}.login-message li svg{width:17px;color:#66d2a2}.login-legal{position:relative;z-index:1;margin:0;color:#777782;font-size:10px}.login-form-panel{min-height:100dvh;padding:35px;display:grid;place-items:center;position:relative}.login-theme{position:absolute;top:25px;right:25px;border:1px solid var(--border);background:var(--surface)}.login-card{width:min(100%,470px)}.login-icon{width:48px;height:48px;display:grid;place-items:center;margin-bottom:22px;border-radius:14px;background:linear-gradient(135deg,#7c3aed2e,#1685f52e);color:#6eaeff}.login-card h2{margin:0;font-size:31px;letter-spacing:-1px}.login-card>p.muted{margin:9px 0 19px;font-size:12px;line-height:1.5}.demo-users{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.demo-users button{min-height:61px;padding:9px;display:flex;align-items:center;gap:9px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);text-align:left;cursor:pointer;transition:border-color var(--ease),background var(--ease)}.demo-users button:hover{background:var(--surface-hover)}.demo-users button.active{border-color:var(--primary);box-shadow:0 0 0 3px #1685f51f}.demo-users button i{width:33px;height:33px;display:grid;place-items:center;flex:none;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#1685f5);color:#fff;font-size:9px;font-style:normal;font-weight:800}.demo-users button strong,.demo-users button small{display:block}.demo-users button strong{max-width:145px;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.demo-users button small{margin-top:3px;color:var(--text-muted);font-size:8px}.login-card form{display:grid;gap:14px}.login-card form>label{display:grid;gap:7px;color:var(--text-muted);font-size:11px;font-weight:700}.login-card input{width:100%;height:46px;padding:0 12px;border:1px solid var(--border);border-radius:11px;outline:0;background:var(--surface);color:var(--text);font-size:13px}.login-card input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1685f524}.password-field{position:relative}.password-field input{padding-right:48px}.password-field button{position:absolute;top:2px;right:2px;width:42px;height:42px;display:grid;place-items:center;border:0;background:transparent;color:var(--text-muted);cursor:pointer}.password-field svg{width:17px}.form-error{margin:-2px 0 0;padding:10px 11px;border-radius:9px;background:#ff7a861a;color:var(--danger);font-size:10px;line-height:1.4}.login-submit{width:100%;margin-top:3px}.demo-password{margin:15px 0 0;color:var(--text-subtle);font-size:9px;text-align:center}.demo-password code{color:var(--text-muted)}@media(max-width:1180px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.ticket-detail-grid,.client-detail-grid,.settings-grid{grid-template-columns:1fr}.activity-panel{max-height:none}.contract-summary{grid-template-columns:112px 1fr}.contract-summary dl{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:15px}.report-builder{grid-template-columns:1fr;gap:25px}}@media(max-width:900px){:root{--sidebar-width: 0px}.sidebar{width:270px;transform:translate(-102%);transition:transform var(--ease);box-shadow:20px 0 60px #00000059}.sidebar.is-open{transform:translate(0)}.mobile-close,.mobile-menu{display:inline-grid}.mobile-close{color:#fff}.mobile-menu{border:1px solid var(--border);background:var(--surface)}.sidebar-scrim{position:fixed;inset:0;z-index:40;display:block;border:0;background:#0000008c}.app-main{margin-left:0}.topbar{margin:0 22px}.page{padding-inline:22px}.login-page{grid-template-columns:1fr}.login-brand-panel{display:none}.login-form-panel{padding:24px}.client-grid,.contracts-grid{grid-template-columns:1fr}}@media(max-width:680px){.topbar{height:66px;margin:0 15px;gap:9px}.global-search{width:0;min-width:0;max-width:none;flex:1 1 0;overflow:hidden}.top-actions{flex:none}.global-search input{font-size:16px}.theme-toggle{min-width:68px;padding:0 6px}.page{padding:24px 15px 85px}.page-header,.ticket-detail-header{min-height:0;align-items:flex-start;flex-direction:column}.page-header h1,.ticket-detail-header h1{font-size:28px}.page-actions{width:100%}.page-actions .button{flex:1}.metrics-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{min-height:125px;padding:15px}.metric-card>strong{font-size:27px}.filter-bar{align-items:stretch;flex-direction:column}.filter-bar label,.filter-search{width:100%;min-width:0}.filter-bar select{width:100%;font-size:16px}.filter-count{margin:4px 0 0}.contract-summary{grid-template-columns:1fr;justify-items:start}.contract-summary dl{grid-column:auto;grid-template-columns:1fr;width:100%}.contract-numbers,.report-form{grid-template-columns:1fr}.report-form fieldset,.report-form .button{grid-column:auto}.report-form .button{width:100%}.user-row{grid-template-columns:38px 1fr;padding:12px 0}.user-row>span:not(.avatar),.user-row>b{grid-column:2}.message-composer footer{align-items:stretch;flex-direction:column}.message-composer footer .button{align-self:flex-end}.dialog-backdrop{padding:0;align-items:end}.dialog{max-height:94dvh;border-radius:22px 22px 0 0}.login-form-panel{align-items:start;padding-top:72px}.login-card h2{font-size:27px}.demo-users{grid-template-columns:1fr}}@media(max-width:430px){.metrics-grid{grid-template-columns:1fr}.theme-toggle>svg{display:none}.theme-toggle{min-width:48px}.login-form-panel{padding-inline:16px}}.notifications-control{position:relative}.notification-popover{max-height:calc(100dvh - 86px);display:flex;flex-direction:column}.notification-popover>header,.notification-popover>footer,.notification-popover>.mark-read-button{flex-shrink:0}.notification-list{min-height:0}.notification-count{position:absolute;top:-5px;right:-6px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 4px;border-radius:99px;background:var(--pink);color:#fff;font-size:10px;font-weight:750;border:2px solid var(--surface)}.notification-row{width:100%;display:flex;align-items:flex-start;gap:12px;padding:16px;border:0;border-bottom:1px solid var(--border);background:var(--surface);color:var(--text);text-align:left;cursor:pointer}.notification-row:hover{background:var(--surface-hover)}.notification-row.unread{background:color-mix(in srgb,var(--primary) 7%,var(--surface))}.notification-row .notice-icon{width:34px;height:34px;display:grid;place-items:center;flex:none;border-radius:10px;background:var(--surface-soft);color:var(--primary)}.notice-icon svg{width:16px}.notice-copy{display:grid;min-width:0;flex:1;gap:6px}.notice-copy strong{font-size:12px;line-height:1.5}.notice-copy>span{color:var(--text-muted);font-size:11px;line-height:1.5;white-space:pre-line;overflow-wrap:anywhere}.notice-copy time{color:var(--text-muted);font-size:10px}.notice-unread{width:7px;height:7px;flex:none;margin-top:7px;border-radius:99px;background:var(--primary)}.notice-arrow{width:16px;color:var(--text-muted)}.mark-read-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-size:12px;cursor:pointer}.mark-read-button svg{width:16px}.notification-popover>.mark-read-button{width:100%;border-width:0 0 1px;border-radius:0}.notification-popover>footer a{display:flex;justify-content:space-between;align-items:center;min-height:34px;color:var(--primary);font-size:12px;font-weight:700;text-decoration:none}.inbox-panel{max-width:1000px}.inbox-filters{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.inbox-filters button{min-height:44px;padding:0 14px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:12px;cursor:pointer}.inbox-filters button[aria-pressed=true]{background:var(--surface-soft);color:var(--text);border-color:var(--primary)}.inbox-filters span{margin-left:6px}.inbox-filters small{margin-left:auto;color:var(--text-muted);font-size:10px}.email-channel-card strong{overflow-wrap:anywhere}.email-channel-card .pending{color:var(--warning)}.email-counts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:22px 0}.email-counts dt{color:var(--text-muted);font-size:11px;line-height:1.5}.email-counts dd{margin:5px 0 0;font-weight:750;font-size:23px}.email-actions{display:flex;flex-wrap:wrap;gap:10px}.email-actions .button{flex:1;padding:0 10px;font-size:11px}.email-channel-help,.email-test-mode{font-size:11px!important;line-height:1.6}select:not([multiple]):not([size]){appearance:none;-webkit-appearance:none;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23878793' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;min-width:0;max-width:100%}select:disabled,button:disabled{cursor:not-allowed;opacity:.6}.app-main,.page,.page-header>div,.ticket-conversation,.ticket-side-column,.message>div,.ticket-attachments>button>span,.selected-files li>div,.client-card header>div,.dialog form>label{min-width:0}.message p,.description-card>p,.ticket-detail-header h1,.client-card h2{overflow-wrap:anywhere}.message>div>header{flex-wrap:wrap}.feedback-region{position:fixed;right:24px;bottom:max(24px,env(safe-area-inset-bottom));z-index:200;display:grid;gap:10px;width:min(420px,calc(100% - 32px));pointer-events:none}.feedback-notice{display:grid;grid-template-columns:22px minmax(0,1fr) 36px;align-items:center;gap:12px;padding:12px 10px 12px 16px;border:1px solid var(--border-strong);border-left:4px solid var(--success);border-radius:14px;background:var(--surface-raised);color:var(--text);box-shadow:var(--shadow);pointer-events:auto;animation:notice-in .18s ease-out}.feedback-notice>svg{width:22px;color:var(--success)}.feedback-notice.error{border-left-color:var(--danger)}.feedback-notice.error>svg{color:var(--danger)}.feedback-notice p{margin:0;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.feedback-notice button{width:36px;height:44px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer}.feedback-notice button:hover{background:var(--surface-hover)}.feedback-notice button svg{width:16px}@keyframes notice-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.client-dialog{padding:0;color:var(--text)}.client-dialog::backdrop{background:#00000094;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.form-help{margin:0;color:var(--text-muted);font-size:12px;line-height:1.6}.dialog .checkbox-label{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:500;line-height:1.5;cursor:pointer}.dialog .checkbox-label input{flex:none;width:20px;height:20px;min-height:20px;padding:0;accent-color:var(--primary)}.client-contract-fields{min-width:0;margin:0;padding:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;border:1px solid var(--border);border-radius:12px}.client-contract-fields legend{padding:0 6px;color:var(--text-muted);font-size:12px;font-weight:700}.client-contract-fields>label{display:grid;gap:7px;min-width:0;color:var(--text-muted);font-size:11px;font-weight:700}.client-contract-fields input,.client-contract-fields select{width:100%;min-width:0}.client-contract-fields .checkbox-label{grid-column:1 / -1}@media(max-width:900px),(pointer:coarse){input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important}input,select{min-height:44px}input[type=checkbox],input[type=radio]{min-height:auto}}@media(max-width:680px){.status-select{width:100%}.dialog{width:100%;max-width:100%}.dialog form{padding-bottom:max(20px,env(safe-area-inset-bottom))}.client-dialog{margin:auto 0 0}.client-contract-fields{grid-template-columns:minmax(0,1fr)}.client-contract-fields .checkbox-label{grid-column:auto}.feedback-region{right:16px;bottom:max(16px,env(safe-area-inset-bottom))}.ticket-metadata dd{min-width:0;overflow-wrap:anywhere}.assignment-row dd{width:min(190px,64%)}.dialog input,.dialog select,.dialog textarea{min-width:0;max-width:100%}.selected-files strong{max-width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}