:root{--canvas:#f8fafc;--surface:#fff;--ink:#14213d;--muted:#64748b;--subtle:#f1f5f9;--line:#e2e8f0;--blue:#2563eb;--blue-hover:#1d4ed8;--blue-soft:#eff6ff;--violet:#7c3aed;--violet-soft:#f5f3ff;--amber:#d97706;--amber-soft:#fffbeb;--green:#15803d;--green-soft:#f0fdf4;--red:#dc2626;--red-soft:#fef2f2;--radius-sm:7px;--radius:10px;--radius-lg:14px;--shadow:0 14px 40px #0f172a12;color:var(--ink);background:var(--canvas);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:var(--canvas);min-height:100vh;font-size:14px;line-height:1.5}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #2563eb3d}h1,h2,h3,p{margin-top:0}a{color:inherit}.button{border:1px solid var(--line);color:#334155;background:var(--surface);border-radius:8px;min-height:38px;padding:0 14px;font-size:13px;font-weight:680}.button:hover{background:var(--subtle)}.button.primary{color:#fff;border-color:var(--blue);background:var(--blue)}.button.primary:hover{background:var(--blue-hover)}.button.wide{width:100%;min-height:44px}.brand{letter-spacing:-.03em;align-items:center;gap:10px;font-size:21px;font-weight:780;display:inline-flex}.brand-mark{color:#fff;background:var(--blue);border-radius:8px 8px 12px;place-items:center;width:30px;height:30px;font-weight:900;display:grid;transform:rotate(-4deg)}.text-link{color:var(--blue);font-weight:650;text-decoration:none}.form-error{color:#b91c1c;background:var(--red-soft);border:1px solid #fecaca;border-radius:8px;margin:0;padding:9px 10px}.center-state{min-height:100vh;color:var(--muted);place-items:center;display:grid}.loading-spinner{border:2.5px solid #dbeafe;border-top-color:var(--blue);border-radius:999px;flex:none;animation:.7s linear infinite loading-spin;display:inline-block}.loading-state{color:var(--muted);justify-content:center;align-items:center;gap:10px;font-size:13px;font-weight:650;display:inline-flex}.loading-block{min-height:160px;color:var(--muted);place-content:center;display:grid}@keyframes loading-spin{to{transform:rotate(360deg)}}.toast-viewport{z-index:80;pointer-events:none;gap:10px;width:min(420px,100vw - 28px);display:grid;position:fixed;top:20px;left:50%;transform:translate(-50%)}.toast{background:var(--surface);pointer-events:auto;border:1px solid #0000;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;padding:12px 12px 12px 14px;animation:.18s ease-out toast-in;display:grid;box-shadow:0 18px 40px #0f172a1f,0 2px 8px #0f172a0f}.toast-icon{border-radius:999px;place-items:center;width:28px;height:28px;margin-top:1px;display:grid}.toast-message{color:var(--ink);margin:0;padding-top:4px;font-size:13.5px;font-weight:650;line-height:1.45}.toast-close{width:28px;height:28px;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;margin:-2px -2px 0 0;padding:0;display:grid}.toast-close:hover{color:var(--ink);background:var(--subtle)}.toast-success{border-color:#bbf7d0}.toast-success .toast-icon{color:#15803d;background:var(--green-soft)}.toast-error{border-color:#fecaca}.toast-error .toast-icon{color:#b91c1c;background:var(--red-soft)}.toast-info{border-color:#bfdbfe}.toast-info .toast-icon{color:var(--blue);background:var(--blue-soft)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-layout{background:#fff;grid-template-columns:minmax(360px,1.08fr) minmax(420px,.92fr);min-height:100vh;display:grid}.auth-intro{border-right:1px solid var(--line);background:var(--canvas);flex-direction:column;justify-content:space-between;padding:clamp(32px,6vw,76px);display:flex}.auth-intro h1{max-width:520px;color:var(--ink);letter-spacing:-.05em;margin-bottom:18px;font-size:clamp(34px,4.2vw,58px);line-height:1.12}.auth-intro p{max-width:520px;color:var(--muted);margin:0;font-size:17px;line-height:1.8}.auth-panel{background:#fff;place-items:center;padding:30px;display:grid}.auth-form{gap:18px;width:min(390px,100%);display:grid}.auth-form h1,.auth-form h2{letter-spacing:-.03em;margin-bottom:5px;font-size:26px}.auth-form p{color:var(--muted);margin-bottom:0}.auth-form label{color:#334155;gap:7px;font-size:13px;font-weight:700;display:grid}.auth-form input{width:100%;height:44px;color:var(--ink);background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:0 12px}.auth-form .text-link{justify-self:center}.auth-single{background:var(--canvas);place-content:center;gap:34px;min-height:100vh;padding:24px;display:grid}.auth-single>.brand{justify-self:center}.auth-single .auth-form{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;padding:30px}@media (width<=760px){.auth-layout{background:var(--canvas);padding:22px;display:block}.auth-intro{border:0;min-height:auto;padding:4px 0 32px}.auth-intro>div:last-child{display:none}.auth-panel{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:24px 20px}}.app-shell,.admin-shell{background:#fff;min-height:100vh}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:64px;padding:0 26px;display:flex}.top-actions{align-items:center;gap:13px;display:flex}.mobile-detail-title{display:none}.top-actions>button,.notification-menu>button{width:36px;height:36px;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.top-actions>button:hover,.notification-menu>button:hover{background:var(--subtle)}.account-name{text-align:right;font-weight:700;line-height:1.3;display:grid}.account-name small{color:var(--muted);font-size:11px;font-weight:500}.notification-menu,.notification-menu>button{position:relative}.notification-menu>button b{color:#fff;background:var(--red);border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:10px;line-height:16px;position:absolute;top:0;right:1px}.notification-popover{z-index:20;border:1px solid var(--line);border-radius:var(--radius);width:330px;max-height:430px;box-shadow:var(--shadow);background:#fff;padding:14px;position:absolute;top:44px;right:0;overflow:auto}.notification-popover-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.notification-popover-header h3{margin:0}.notification-popover-header button{color:var(--blue);cursor:pointer;background:0 0;border:0;padding:2px 0;font-size:12px}.notification-popover-header button:hover{color:#1d4ed8}.notification-popover article{border-top:1px solid var(--line);padding:10px 0}.notification-popover article p{color:var(--muted);margin:3px 0 0;font-size:12px}.notification-popover article.unread{border-left:3px solid var(--blue);padding-left:9px}.notification-popover article a,.notification-popover article strong{color:var(--ink);font-weight:750;text-decoration:none}.notification-popover article a:hover{color:var(--blue)}.notification-popover article time{color:#94a3b8;font-size:11px}.notification-error{margin-bottom:10px}.workspace{grid-template-columns:210px 370px minmax(520px,1fr);height:calc(100dvh - 64px);min-height:0;display:grid;overflow:hidden}.ticket-sidebar{border-right:1px solid var(--line);background:var(--canvas);padding:22px 12px}.sidebar-title{color:var(--ink);margin:0 12px 13px;font-size:15px;font-weight:780}.ticket-sidebar button{color:#475569;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;width:100%;min-height:42px;padding:0 11px;font-size:13px;display:flex}.ticket-sidebar button span{align-items:center;gap:9px;display:flex}.ticket-sidebar button b{font-size:12px;font-weight:650}.ticket-sidebar button:hover{background:var(--subtle)}.ticket-sidebar button.active{color:var(--blue);background:var(--blue-soft);font-weight:750}.admin-ticket-links{border-top:1px solid var(--line);gap:4px;margin-top:14px;padding-top:14px;display:grid}.admin-ticket-links a{color:var(--muted);border-radius:7px;padding:9px 11px;font-size:13px;text-decoration:none}.admin-ticket-links a:hover,.admin-ticket-links a:focus-visible{color:var(--blue);background:var(--blue-soft)}.ticket-list-panel{border-right:1px solid var(--line);grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid;overflow:hidden}.list-toolbar{border-bottom:1px solid var(--line);padding:21px 20px 15px}.list-heading{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.list-heading h1{letter-spacing:-.02em;margin:0;font-size:17px}.search-box{color:#94a3b8;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:8px;height:38px;padding:0 10px;display:flex}.search-box input{min-width:0;color:var(--ink);border:0;outline:0;flex:1;font-size:13px}.compact-filter{border:1px solid var(--line);min-height:32px;color:var(--muted);background:#fff;border-radius:7px;align-items:center;gap:6px;margin-top:9px;padding:0 9px;font-size:12px;display:inline-flex}.ticket-filter-panel{border:1px solid var(--line);background:var(--canvas);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px;padding:12px;display:grid}.ticket-filter-panel label{color:#475569;gap:5px;font-size:11px;font-weight:700;display:grid}.ticket-filter-panel select{width:100%;min-width:0;height:34px;color:var(--ink);background:#fff;border:1px solid #cbd5e1;border-radius:7px;padding:0 8px}.ticket-filter-actions{grid-column:1/-1;justify-content:flex-end;gap:7px;display:flex}.ticket-rows-wrap{min-height:0;position:relative;overflow:hidden}.ticket-rows{overscroll-behavior:contain;scrollbar-width:none;content-visibility:auto;height:100%;overflow-y:auto}.ticket-rows::-webkit-scrollbar{width:0;height:0;display:none}.ticket-detail::-webkit-scrollbar{width:0;height:0;display:none}.ticket-row{border:0;border-bottom:1px solid var(--line);width:100%;min-height:122px;color:var(--ink);text-align:left;background:#fff;padding:17px 20px;display:block}.ticket-row:hover{background:#fcfdff}.ticket-row.active{background:linear-gradient(90deg, var(--blue-soft), white);box-shadow:inset 3px 0 var(--blue)}.ticket-row-top{color:var(--blue);justify-content:space-between;align-items:center;font-size:12px;font-weight:750;display:flex}.ticket-row-labels{height:20px;margin-top:5px}.ticket-row>strong{text-overflow:ellipsis;white-space:nowrap;margin:3px 0 6px;font-size:14px;display:block;overflow:hidden}.ticket-row>p{color:var(--muted);gap:7px;margin:0;font-size:12px;display:flex}.ticket-pagination{border-top:1px solid var(--line);min-height:55px;color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:8px 12px;font-size:12px;display:flex}.ticket-pagination .button{min-height:32px;padding:0 10px}.status{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-weight:650;display:inline-flex}.status>span{background:currentColor;border-radius:50%;width:8px;height:8px}.status-pending{color:var(--blue)}.status-processing{color:var(--violet)}.status-needs_info,.status-awaiting_confirmation{color:var(--amber)}.status-completed{color:var(--green)}.status-rejected{color:var(--red)}.priority{border-radius:5px;padding:2px 6px;font-size:11px;font-weight:700;display:inline-flex}.priority-low{color:var(--green);background:var(--green-soft)}.priority-normal{color:var(--muted);background:var(--subtle)}.priority-high{color:#ea580c;background:#fff7ed}.priority-urgent{color:var(--red);background:var(--red-soft)}.ticket-detail{overscroll-behavior:contain;scrollbar-width:none;min-width:0;min-height:0;padding:28px 30px 0;overflow-y:auto}.detail-head{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.detail-title>span{color:var(--blue);font-size:12px;font-weight:750}.detail-title h2{letter-spacing:-.03em;margin:4px 0 0;font-size:22px}.detail-meta{color:var(--muted);flex-wrap:wrap;gap:8px 24px;margin:19px 0;font-size:12px;display:flex}.detail-meta>span{align-items:center;gap:7px;display:inline-flex}.detail-actions{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px;padding-bottom:20px;display:flex}.button.warning{color:#a16207;background:var(--amber-soft);border-color:#fde68a}.button.danger{color:#b91c1c;background:#fff;border-color:#fecaca}.button svg{vertical-align:-2px;margin-right:5px}.detail-section{border-bottom:1px solid var(--line);padding:21px 0}.detail-section h3{margin-bottom:11px;font-size:14px}.ticket-content-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 180px;gap:26px;min-width:0;display:grid}.ticket-content-row>.detail-section{border-bottom:0;min-width:0;padding:17px 0}.description-copy{color:#334155;overflow-wrap:anywhere;white-space:pre-wrap;max-width:800px;margin:0;line-height:1.8}.muted-copy{color:var(--muted)}.attachment-list{flex-wrap:wrap;gap:8px;display:flex}.attachment-item{border:1px solid var(--line);color:#334155;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;min-width:220px;padding:10px;display:flex}.attachment-item>div:first-child{min-width:0;display:grid}.attachment-item strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attachment-item small{color:var(--muted)}.attachment-actions{gap:4px;display:flex}.attachment-actions button{width:32px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.attachment-actions button:hover{color:var(--blue);background:var(--blue-soft)}.attachment-actions button:last-child:hover{color:var(--red);background:var(--red-soft)}.attachment-upload{align-items:center;gap:10px;margin-top:12px;display:flex}.attachment-upload>span{color:var(--muted);font-size:12px}.attachment-upload .button{margin-left:auto}.attachment-upload-panel{gap:10px;margin-top:12px;display:grid}.attachment-upload-panel>.button{justify-self:end;width:fit-content}.attachment-picker{gap:10px;margin-top:10px;display:grid}.attachment-picker-toolbar{align-items:center;gap:10px;display:flex}.attachment-picker-toolbar>small{color:var(--muted);font-size:11px}.attach-control.disabled{cursor:not-allowed;opacity:.55}.attachment-picker-error{margin:0}.attachment-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.attachment-upload-card{border:1px solid var(--line);color:#334155;background:#fff;border-radius:10px;min-width:0;position:relative;overflow:hidden}.attachment-upload-card.upload-status-failed{border-color:#fecaca}.attachment-preview-button{background:var(--subtle);border:0;width:100%;padding:0;display:block;overflow:hidden}.attachment-preview-button img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.attachment-file-icon{aspect-ratio:4/3;color:var(--muted);background:var(--canvas);place-items:center;display:grid}.attachment-upload-meta{gap:3px;min-width:0;padding:9px 10px 10px;display:grid}.attachment-upload-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.attachment-upload-meta small{color:var(--muted);font-size:11px}.attachment-upload-status{width:fit-content;color:var(--muted);margin-top:2px;font-size:11px;font-weight:750}.upload-status-uploading .attachment-upload-status{color:var(--blue)}.upload-status-completed .attachment-upload-status{color:var(--green)}.upload-status-failed .attachment-upload-status,.attachment-upload-error{color:var(--red)!important}.attachment-remove{color:#fff;background:#0f172aad;border:0;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:6px;right:6px}.attachment-remove:hover{background:var(--red)}.attachment-progress{gap:6px;display:grid}.attachment-progress-copy{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.attachment-progress-copy strong{color:var(--ink)}.attachment-progress progress{width:100%;height:8px;accent-color:var(--blue);border:0;border-radius:999px;overflow:hidden}.attachment-retry{width:fit-content;color:var(--red);background:#fff;border:1px solid #fecaca;border-radius:7px;align-items:center;gap:5px;padding:6px 9px;font-size:12px;display:inline-flex}.attachment-gallery{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;display:grid}.attachment-gallery-card{border:1px solid var(--line);color:#334155;background:#fff;border-radius:10px;min-width:0;position:relative;overflow:hidden}.attachment-gallery-preview,.attachment-gallery-preview>button,.attachment-gallery-file-icon{aspect-ratio:4/3;width:100%}.attachment-gallery-preview{background:var(--canvas)}.attachment-gallery-preview>button{background:0 0;border:0;padding:0;display:block}.attachment-gallery-preview img{object-fit:cover;width:100%;height:100%;display:block}.attachment-gallery-file-icon{color:var(--muted);background:var(--canvas);place-items:center;display:grid}.attachment-thumbnail-state{height:100%;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:7px;padding:10px;font-size:11px;display:grid}.attachment-thumbnail-state.failed{color:var(--red)}.attachment-thumbnail-state button{color:var(--red);background:#fff;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:4px;padding:5px 8px;display:inline-flex}.attachment-gallery-meta{gap:3px;min-width:0;padding:9px 10px 4px;display:grid}.attachment-gallery-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.attachment-gallery-meta small{color:var(--muted);font-size:11px}.attachment-gallery-actions{justify-content:flex-end;gap:3px;padding:3px 6px 7px;display:flex}.attachment-gallery-actions button{width:34px;height:34px;color:var(--muted);background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.attachment-gallery-actions button:hover{color:var(--blue);background:var(--blue-soft)}.attachment-gallery-actions button:last-child:hover{color:var(--red);background:var(--red-soft)}.ticket-content-row .ticket-attachments-section .attachment-gallery{grid-template-columns:minmax(0,1fr);gap:8px}.ticket-content-row .ticket-attachments-section .attachment-gallery-card{border-radius:8px;grid-template-rows:minmax(38px,1fr) 28px;grid-template-columns:64px minmax(0,1fr);height:76px;display:grid}.ticket-content-row .ticket-attachments-section .attachment-gallery-preview,.ticket-content-row .ticket-attachments-section .attachment-gallery-file-icon{aspect-ratio:auto;grid-area:1/1/3;width:64px;height:100%}.ticket-content-row .ticket-attachments-section .attachment-gallery-preview>button{aspect-ratio:auto;width:100%;height:100%}.ticket-content-row .ticket-attachments-section .attachment-gallery-meta{grid-area:1/2;padding:7px 8px 0}.ticket-content-row .ticket-attachments-section .attachment-gallery-actions{grid-area:2/2;padding:0 4px}.ticket-content-row .ticket-attachments-section .attachment-gallery-actions button{width:28px;height:28px}.ticket-content-row .ticket-attachments-section .attachment-thumbnail-state{gap:3px;padding:4px;font-size:8px}.ticket-content-row .ticket-attachments-section .attachment-thumbnail-state svg{width:17px;height:17px}.ticket-content-row .ticket-attachments-section .attachment-upload-panel{gap:7px;margin-top:9px}.ticket-content-row .ticket-attachments-section .attachment-picker{gap:7px;margin-top:0}.ticket-content-row .ticket-attachments-section .attachment-picker-toolbar{gap:4px;display:grid}.ticket-content-row .ticket-attachments-section .attachment-grid{grid-template-columns:minmax(0,1fr)}.ticket-content-row .ticket-attachments-section .attachment-upload-panel>.button{justify-self:stretch;width:100%}.image-lightbox-backdrop{z-index:80;background:#020617e0;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.image-lightbox{color:#fff;gap:12px;width:min(1180px,96vw);max-height:94vh;display:grid;position:relative}.image-lightbox-close{z-index:2;color:#fff;background:#0f172ab8;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:8px;right:8px}.image-lightbox-stage{grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:12px;min-height:200px;display:grid}.image-lightbox-stage img{object-fit:contain;grid-column:2;justify-self:center;max-width:min(1100px,82vw);max-height:78vh}.image-lightbox-nav{color:#fff;background:#ffffff29;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.image-lightbox footer{align-items:center;min-height:38px;display:grid}.image-lightbox footer p{box-sizing:border-box;text-align:center;text-overflow:ellipsis;white-space:nowrap;grid-area:1/1;width:100%;min-width:0;margin:0;padding:0 124px;overflow:hidden}.image-lightbox footer button{color:#fff;background:#ffffff1a;border:1px solid #ffffff59;border-radius:8px;grid-area:1/1;justify-self:end;align-items:center;gap:6px;min-height:38px;padding:0 12px;display:inline-flex}.ticket-progress-section{padding-top:18px;padding-bottom:17px;overflow:hidden}.ticket-progress-section h3{margin-bottom:14px}.ticket-progress-section .timeline{--progress-column-gap:20px;gap:20px var(--progress-column-gap);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.ticket-progress-section .timeline li{overflow-wrap:anywhere;min-width:0;padding:28px 0 0;position:relative}.ticket-progress-section .timeline li:before{content:"";width:calc(100% + var(--progress-column-gap));background:#cbdaf3;height:1px;position:absolute;top:8px;left:8px}.ticket-progress-section .timeline li:nth-child(3n):before,.ticket-progress-section .timeline li:last-child:before{display:none}.ticket-progress-section .timeline-icon{z-index:1;background:var(--blue);border:3px solid #fff;border-radius:50%;width:13px;height:13px;position:absolute;top:2px;left:1px;box-shadow:0 0 0 2px #bfdbfe}.ticket-progress-section .timeline li:last-child .timeline-icon{background:var(--green);box-shadow:0 0 0 2px #bbf7d0}.ticket-progress-section .timeline li>div{min-width:0}.ticket-progress-section .timeline li strong{color:var(--ink);margin-bottom:3px;font-size:12px;line-height:1.45;display:block}.ticket-progress-section .timeline li p{color:#52627b;margin:0 0 3px;font-size:11px;line-height:1.45}.ticket-progress-section .timeline li time{color:#94a3b8;font-size:10px;line-height:1.4;display:block}.ticket-progress-toggle{min-height:28px;color:var(--blue);background:0 0;border:0;border-radius:4px;margin-top:8px;padding:2px 0;font-size:11px;font-weight:700}.ticket-progress-toggle:after{content:"›";margin-left:6px;transition:transform .16s;display:inline-block}.ticket-progress-toggle[aria-expanded=true]:after{transform:rotate(90deg)}.ticket-progress-toggle:hover{color:var(--blue-hover);text-underline-offset:3px;text-decoration:underline}.ticket-messages-section{padding-top:18px;padding-bottom:20px;position:relative}.ticket-messages-section>h3{margin-bottom:6px}.ticket-message-count{color:var(--muted);font-size:11px;position:absolute;top:20px;right:0}.ticket-message-list{margin:0;padding:0;list-style:none}.ticket-message{border-bottom:1px solid #eef2f7;grid-template-columns:30px minmax(0,1fr);gap:10px;min-width:0;padding:11px 0;display:grid}.ticket-message-avatar{width:30px;height:30px;color:var(--blue);background:var(--blue-soft);border-radius:50%;place-items:center;font-size:11px;font-weight:780;display:grid}.ticket-message-avatar.role-developer{color:var(--violet);background:var(--violet-soft)}.ticket-message-avatar.role-admin{color:var(--red);background:var(--red-soft)}.ticket-message-avatar.role-business{color:var(--green);background:var(--green-soft)}.ticket-message-body{min-width:0}.ticket-message-meta{align-items:baseline;gap:7px;min-width:0;display:flex}.ticket-message-meta strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.ticket-message-role{color:var(--blue);background:var(--blue-soft);border-radius:5px;flex:none;padding:1px 5px;font-size:10px;font-weight:650}.ticket-message-role.role-developer{color:var(--violet);background:var(--violet-soft)}.ticket-message-role.role-admin{color:var(--red);background:var(--red-soft)}.ticket-message-role.role-business{color:var(--green);background:var(--green-soft)}.ticket-message-meta time{color:#94a3b8;flex:none;margin-left:auto;font-size:10px}.ticket-message-content{color:#334155;overflow-wrap:anywhere;white-space:pre-wrap;margin:4px 0 0;font-size:12px;line-height:1.55}.ticket-message .attachment-gallery{grid-template-columns:repeat(auto-fill,minmax(0,220px));justify-content:start;margin-top:9px}.ticket-message .attachment-gallery-card{border-radius:8px;grid-template-rows:minmax(36px,auto) 28px;grid-template-columns:64px minmax(0,1fr);width:min(220px,100%);display:grid}.ticket-message .attachment-gallery-preview,.ticket-message .attachment-gallery-file-icon{aspect-ratio:auto;grid-area:1/1/3;width:64px;height:64px}.ticket-message .attachment-gallery-preview>button{aspect-ratio:auto;width:64px;height:64px}.ticket-message .attachment-gallery-meta{grid-area:1/2;padding:7px 8px 0}.ticket-message .attachment-gallery-actions{grid-area:2/2;padding:0 4px 3px}.ticket-message .attachment-gallery-actions button{width:28px;height:28px}.ticket-message .attachment-thumbnail-state{padding:4px;font-size:8px}.ticket-message .attachment-thumbnail-state svg{width:17px;height:17px}.message-composer{background:#fff;border:1px solid #cbd5e1;border-radius:9px;margin-top:12px;padding:10px}.message-composer:focus-within{border-color:#93b4f4;box-shadow:0 0 0 3px #2563eb1a}.message-composer textarea{resize:vertical;width:100%;min-height:45px;color:var(--ink);background:0 0;border:0;outline:0;padding:0;font-size:12px}.message-composer>.attachment-picker{border-top:1px solid #eef2f7;margin-top:7px;padding-top:8px}.message-actions{justify-content:space-between;align-items:center;gap:10px;margin-top:8px;display:flex}.message-actions>span{color:var(--muted);font-size:11px}.composer-error{margin-top:8px}.attach-control{color:var(--muted);cursor:pointer;align-items:center;gap:6px;font-size:12px;display:inline-flex}.empty-state,.detail-empty{min-height:240px;color:var(--muted);text-align:center;place-content:center;display:grid}.ticket-rows.is-loading{opacity:.62;pointer-events:none}.ticket-loading-overlay{z-index:2;background:#ffffff9e;place-items:center;display:grid;position:absolute;inset:0}.empty-state .loading-state,.detail-empty .loading-state{min-height:auto}.mobile-back{display:none}.modal-backdrop{z-index:40;background:#0f172a66;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.action-dialog{background:#fff;border-radius:12px;width:min(460px,100%);padding:24px;position:relative;box-shadow:0 24px 70px #0f172a40}.action-dialog h2{margin-bottom:5px}.action-dialog>p{color:var(--muted)}.action-dialog label{gap:7px;font-size:13px;font-weight:700;display:grid}.action-dialog textarea{resize:vertical;border:1px solid #cbd5e1;border-radius:8px;min-height:110px;padding:10px}.action-dialog input,.action-dialog select{width:100%;color:var(--ink);font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:10px}.dialog-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.edit-dialog{width:min(620px,100%)}.action-dialog>div:last-child{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.dialog-close{background:0 0;border:0;position:absolute;top:14px;right:14px}.settings-form{gap:16px;display:grid}.settings-form label{gap:7px;font-size:13px;font-weight:700;display:grid}.form-attachment-field{border:0;min-width:0;margin:0;padding:0}.form-attachment-field legend{color:var(--ink);margin-bottom:7px;padding:0;font-size:13px;font-weight:700}.settings-form input{background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:10px}.admin-body{grid-template-columns:220px 1fr;min-height:calc(100vh - 64px);display:grid}.admin-nav{border-right:1px solid var(--line);background:var(--canvas);padding:20px 12px}.admin-nav-title{align-items:center;gap:8px;margin:0 11px 13px;font-weight:780;display:flex}.admin-nav a{color:#475569;border-radius:8px;align-items:center;gap:9px;min-height:42px;padding:0 11px;font-size:13px;text-decoration:none;display:flex}.admin-nav a:hover,.admin-nav a.active{color:var(--blue);background:var(--blue-soft)}.admin-content{background:#fff;min-width:0;padding:30px}.admin-page>header{justify-content:space-between;gap:20px;margin-bottom:24px;display:flex}.admin-page h1{margin-bottom:4px;font-size:22px}.admin-page header p{color:var(--muted);margin:0}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);position:relative;overflow:auto}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:13px 14px}th{color:var(--muted);background:var(--canvas);font-size:12px;font-weight:750}td{color:#334155;font-size:13px}tbody tr:last-child td{border-bottom:0}code{color:#475569;background:var(--subtle);border-radius:5px;padding:3px 6px}.empty-cell{height:160px;color:var(--muted);text-align:center}.empty-cell .loading-state{width:100%;min-height:120px}tbody[aria-busy=true] .is-loading-row{opacity:.62;pointer-events:none}.table-loading-overlay{z-index:2;background:#ffffff9e;place-items:center;display:grid;position:absolute;inset:41px 0 0}.table-loading-overlay .loading-state,.ticket-loading-overlay .loading-state{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:999px;padding:10px 14px}.table-actions{align-items:center;gap:6px;display:flex}.table-actions .button{min-height:32px;padding:0 10px}.settings-form{border:1px solid var(--line);border-radius:var(--radius);max-width:620px;padding:24px}.settings-form .button{justify-self:start}.settings-form .checkbox{align-items:center;display:flex}.settings-form .checkbox input{width:auto}.security-warning{color:#92400e;background:var(--amber-soft);border:1px solid #fde68a;border-radius:8px;padding:12px}.settings-layout{grid-template-columns:minmax(0,620px) minmax(280px,420px);align-items:start;gap:18px;display:grid}.test-email-form h2{margin:0 0 4px;font-size:17px}.test-email-form p{color:var(--muted);margin:0;font-size:13px}.admin-pagination{color:var(--muted);justify-content:flex-end;align-items:center;gap:12px;margin-top:14px;font-size:13px;display:flex}.delete-dialog{width:min(440px,100%)}.business-key{text-overflow:ellipsis;vertical-align:middle;max-width:220px;display:inline-block;overflow:hidden}.revealed-key{border-radius:var(--radius);background:var(--blue-soft);border:1px solid #bfdbfe;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;margin-top:16px;padding:18px;display:grid}.revealed-key h2,.integration-guide h2{margin:0 0 4px;font-size:16px}.revealed-key p{color:var(--muted);margin:0;font-size:13px}.revealed-key code{overflow-wrap:anywhere;white-space:normal;-webkit-user-select:all;user-select:all;max-width:360px}.integration-guide{border:1px solid var(--line);border-radius:var(--radius);background:var(--canvas);margin-top:22px;padding:20px}.integration-guide>p{color:var(--muted);margin:6px 0 12px}.integration-guide details{margin-top:16px}.integration-guide summary{color:var(--blue);cursor:pointer;font-weight:700}.integration-guide pre{background:#0f172a;border-radius:8px;margin:12px 0 0;padding:14px;overflow-x:auto}.integration-guide pre code{color:#e2e8f0;white-space:pre;background:0 0;padding:0}.test-link-result{gap:10px;margin-top:12px;display:grid}.test-link-result code{overflow-wrap:anywhere;white-space:normal;-webkit-user-select:all;user-select:all;max-height:110px;overflow:auto}.test-link-result .button{color:#fff;justify-self:start;text-decoration:none}@media (width<=1100px){.workspace{grid-template-columns:180px 320px minmax(0,1fr)}.ticket-detail{padding-left:22px;padding-right:22px}.ticket-content-row{grid-template-columns:minmax(0,1fr);gap:0}}@media (width>=761px) and (width<=1100px){.ticket-content-row>.detail-section+.detail-section{border-top:1px solid var(--line)}}@media (width>=761px) and (width<=900px){.workspace{grid-template-columns:160px 280px minmax(0,1fr)}}@media (width<=760px){.topbar{height:58px;padding:0 15px}.brand{font-size:18px}.brand-mark{width:27px;height:27px}.account-name{display:none}.mobile-detail-topbar{z-index:12;position:sticky;top:0}.mobile-detail-topbar .brand{visibility:hidden}.mobile-detail-topbar .mobile-detail-title{font-size:17px;display:block;position:absolute;left:50%;transform:translate(-50%)}.mobile-detail-topbar .top-actions>button{display:none}.workspace{height:auto;min-height:calc(100dvh - 58px);display:block;overflow:visible}.ticket-sidebar{border-right:0;border-bottom:1px solid var(--line);white-space:nowrap;align-items:center;gap:5px;padding:8px 10px;display:flex;overflow-x:auto}.sidebar-title{display:none}.ticket-sidebar button{flex:none;width:auto;min-height:38px}.ticket-sidebar button b{display:none}.admin-ticket-links{border-top:0;flex:none;gap:5px;margin:0;padding:0;display:flex}.admin-ticket-links a{flex:none;align-items:center;min-height:38px;padding:0 11px;display:flex}.ticket-list-panel{border-right:0;display:block;overflow:visible}.ticket-rows-wrap{overflow:visible}.ticket-rows{overscroll-behavior:auto;height:auto;max-height:none;overflow:visible}.ticket-filter-panel{grid-template-columns:1fr}.ticket-filter-actions{grid-column:1}.ticket-detail,.detail-empty,.workspace.show-mobile-detail .ticket-sidebar,.workspace.show-mobile-detail .ticket-list-panel{display:none}.workspace.show-mobile-detail .ticket-detail,.workspace.show-mobile-detail .detail-empty{display:block}.ticket-detail{overscroll-behavior:auto;background:var(--canvas);min-height:calc(100dvh - 58px);padding:17px 14px 0;overflow:visible}.mobile-back{color:var(--blue);background:0 0;border:0;margin-bottom:12px;padding:0;display:inline-flex}.detail-head{flex-wrap:wrap}.detail-head .mobile-back{width:100%}.detail-title h2{font-size:22px}.detail-meta{border-top:1px solid var(--line);gap:0;margin:17px 0;display:grid}.detail-meta>span{border-bottom:1px solid var(--line);min-height:44px}.detail-head .status{background:var(--subtle);border-radius:8px;padding:5px 9px}.detail-head .status-pending{background:var(--blue-soft)}.detail-head .status-processing{background:var(--violet-soft)}.detail-head .status-needs_info,.detail-head .status-awaiting_confirmation{background:var(--amber-soft)}.detail-head .status-completed{background:var(--green-soft)}.detail-head .status-rejected{background:var(--red-soft)}.detail-actions{grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:14px;display:grid}.detail-actions .button{min-height:44px;padding:0 8px}.detail-section{border:1px solid var(--line);background:#fff;border-radius:10px;margin-top:12px;padding:16px 14px}.ticket-content-row{border-bottom:0;display:block}.ticket-content-row>.detail-section{border:1px solid var(--line);background:#fff;border-radius:10px;margin-top:12px;padding:16px 14px}.ticket-content-row .ticket-attachments-section .attachment-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ticket-content-row .ticket-attachments-section .attachment-gallery-card{border-radius:10px;height:auto;display:block}.ticket-content-row .ticket-attachments-section .attachment-gallery-preview,.ticket-content-row .ticket-attachments-section .attachment-gallery-file-icon,.ticket-content-row .ticket-attachments-section .attachment-gallery-preview>button{aspect-ratio:4/3;width:100%;height:auto}.ticket-content-row .ticket-attachments-section .attachment-gallery-meta{padding:9px 10px 4px}.ticket-content-row .ticket-attachments-section .attachment-gallery-actions{padding:3px 6px 7px}.ticket-content-row .ticket-attachments-section .attachment-gallery-actions button{width:34px;height:34px}.ticket-content-row .ticket-attachments-section .attachment-thumbnail-state{gap:7px;padding:10px;font-size:11px}.ticket-content-row .ticket-attachments-section .attachment-picker-toolbar{display:flex}.ticket-content-row .ticket-attachments-section .attachment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-progress-section{overflow:visible}.ticket-progress-section .timeline{display:block}.ticket-progress-section .timeline li{grid-template-columns:18px minmax(0,1fr);gap:9px;padding:0 0 18px;display:grid}.ticket-progress-section .timeline li:last-child{padding-bottom:0}.ticket-progress-section .timeline li:before{display:none}.ticket-progress-section .timeline li:not(:last-child):after{content:"";background:#cbdaf3;width:1px;position:absolute;top:12px;bottom:-1px;left:6px}.ticket-progress-section .timeline-icon{grid-area:1/1;position:relative;top:3px;left:0}.ticket-progress-section .timeline li>div{grid-area:1/2}.ticket-progress-section .timeline li strong{font-size:12px}.ticket-progress-toggle{min-height:36px;margin-top:8px}.ticket-message-count{top:18px;right:14px}.ticket-message{grid-template-columns:30px minmax(0,1fr)}.ticket-message-meta{flex-wrap:wrap}.ticket-message-meta strong{max-width:100%}.ticket-message-meta time{width:100%;margin-left:0}.ticket-message .attachment-gallery{grid-template-columns:minmax(0,220px)}.ticket-message .attachment-gallery-card{grid-template-rows:minmax(36px,auto) minmax(44px,auto)}.ticket-message .attachment-gallery-preview,.ticket-message .attachment-gallery-file-icon,.ticket-message .attachment-gallery-preview>button{height:80px}.ticket-message .attachment-gallery-actions{padding:0 4px}.ticket-message .attachment-gallery-actions button{width:44px;height:44px}.ticket-message-body,.ticket-message-content,.message-composer,.message-composer .attachment-picker{min-width:0;max-width:100%}.message-composer{margin:12px 0 0;padding:10px}.message-actions{flex-direction:column;align-items:stretch}.message-actions .button{width:100%}.attachment-list{display:grid}.attachment-item{width:100%}.attachment-upload{flex-direction:column;align-items:stretch}.attachment-upload .button{width:100%;margin-left:0}.attachment-upload-panel>.button{width:100%}.attachment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attachment-picker-toolbar,.attachment-progress-copy{flex-wrap:wrap}.attachment-remove,.image-lightbox button{min-width:44px;min-height:44px}.image-lightbox-backdrop{padding:12px}.image-lightbox{width:100%}.image-lightbox-stage{grid-template-columns:42px minmax(0,1fr) 42px;gap:4px}.image-lightbox-stage img{max-width:calc(100vw - 108px);max-height:72vh}.image-lightbox footer{justify-items:center;gap:8px}.image-lightbox footer p{grid-area:1/1;padding:0}.image-lightbox footer button{grid-area:2/1;justify-self:center}.notification-popover{width:auto;position:fixed;top:62px;left:12px;right:12px}.admin-body{display:block}.admin-nav{border-right:0;border-bottom:1px solid var(--line);gap:4px;padding:8px 10px;display:flex;overflow-x:auto}.admin-nav-title{display:none}.admin-nav a{flex:none;min-height:40px}.admin-content{padding:20px 14px}.admin-pagination{flex-wrap:wrap;justify-content:center}.admin-page>header{flex-direction:column;align-items:flex-start}.revealed-key{grid-template-columns:1fr}.revealed-key code{max-width:100%}.dialog-grid,.settings-layout{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.reporter-shell{background:var(--canvas);min-height:100vh}.reporter-shell>.topbar{background:#fffffff5;height:58px}.reporter-workspace{width:min(1100px,100%);margin:0 auto;padding:32px 28px 72px}.reporter-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:17px;display:flex}.reporter-heading h1{letter-spacing:-.025em;margin:0 0 4px;font-size:20px;line-height:1.3}.reporter-heading p{color:var(--muted);align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.reporter-heading p>span{background:var(--blue);border-radius:999px;flex:none;width:8px;height:8px}.reporter-tabs{border-bottom:1px solid var(--line);gap:18px;margin-bottom:15px;display:flex}.reporter-tabs button{min-height:42px;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:0 2px 10px;font-weight:700}.reporter-tabs button:hover{color:var(--ink)}.reporter-tabs button.active{border-color:var(--blue);color:var(--blue)}.reporter-grid{grid-template-columns:290px minmax(0,1fr);align-items:start;gap:22px;display:grid}.reporter-list-card,.reporter-detail-card,.reporter-form-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);position:relative;overflow:hidden}.reporter-ticket-list{transition:opacity .15s}.reporter-ticket-list.is-loading{opacity:.56;pointer-events:none}.reporter-ticket-row{border:0;border-bottom:1px solid var(--line);width:100%;min-height:100px;color:var(--ink);background:var(--surface);text-align:left;padding:15px}.reporter-ticket-row:last-child{border-bottom:0}.reporter-ticket-row:hover{background:#fcfdff}.reporter-ticket-row.active{background:var(--blue-soft);box-shadow:inset 3px 0 var(--blue)}.reporter-ticket-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.reporter-ticket-top>strong{color:var(--blue);font-size:12px;font-weight:780}.reporter-ticket-row>p{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin:3px 0 7px;font-weight:680;overflow:hidden}.reporter-ticket-meta{color:var(--muted);align-items:center;gap:5px;font-size:12px;display:flex}.reporter-list-state{min-height:220px;color:var(--muted);text-align:center;place-content:center;justify-items:center;gap:8px;padding:24px;display:grid}.reporter-list-state p{margin:0}.reporter-list-error{color:var(--red)}.reporter-list-loading{z-index:2;background:#ffffffa6;place-items:center;display:grid;position:absolute;inset:0 0 48px}.reporter-pagination{border-top:1px solid var(--line);min-height:48px;color:var(--muted);justify-content:center;align-items:center;gap:12px;font-size:12px;display:flex}.reporter-pagination .button{place-items:center;width:32px;min-height:32px;padding:0;display:grid}.reporter-pagination .button svg{margin:0}.reporter-detail-card{min-height:430px}.reporter-detail-card .ticket-detail{min-height:430px;padding:28px 28px 0;overflow:visible}.reporter-detail-card .detail-title h2{font-size:21px}.reporter-detail-card .detail-actions{padding-bottom:18px}.reporter-detail-card .message-composer{margin-left:-28px;margin-right:-28px;padding-left:28px;padding-right:28px}.reporter-detail-empty{min-height:430px;color:var(--muted);text-align:center;place-items:center;padding:28px;display:grid}.reporter-form-card{width:min(700px,100%);padding:28px}.reporter-form-card>header h2{letter-spacing:-.025em;margin-bottom:6px;font-size:22px}.reporter-form-card>header p{color:var(--muted);margin-bottom:22px}.reporter-form-card form{gap:16px;display:grid}.reporter-form-card form>label{color:#334155;gap:7px;font-size:13px;font-weight:700;display:grid}.reporter-form-card input,.reporter-form-card select,.reporter-form-card textarea{width:100%;color:var(--ink);background:var(--surface);border:1px solid #cbd5e1;border-radius:8px;padding:10px 11px}.reporter-form-card input,.reporter-form-card select{min-height:44px}.reporter-form-card input[readonly],.reporter-form-card select:disabled{color:#475569;background:var(--subtle);opacity:1}.reporter-form-card textarea{resize:vertical;min-height:150px;line-height:1.7}.reporter-file-field{min-height:48px;color:var(--muted);background:var(--canvas);border:1px dashed #b8c5d6;border-radius:8px;align-items:center;gap:9px;padding:0 13px;font-weight:500;display:flex;position:relative;overflow:hidden}.reporter-file-field:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-soft)}.reporter-file-field input{opacity:0;cursor:pointer;border:0;height:100%;padding:0;position:absolute;inset:0}.reporter-form-card .form-attachment-field{margin-top:2px}.reporter-form-card .attachment-picker{background:var(--canvas);border:1px dashed #b8c5d6;border-radius:9px;padding:12px}.reporter-submit{justify-self:start;min-width:112px}@media (width<=760px){.reporter-workspace{padding:24px 16px 48px}.reporter-heading{margin-bottom:18px}.reporter-heading h1{font-size:19px}.reporter-heading p{align-items:flex-start;line-height:1.55}.reporter-heading p>span{margin-top:6px}.reporter-tabs{margin-bottom:16px}.reporter-grid{display:block}.reporter-grid:not(.show-mobile-detail) .reporter-detail-card,.reporter-grid.show-mobile-detail .reporter-list-card{display:none}.reporter-detail-card{box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}.reporter-grid .reporter-detail-card .ticket-detail{background:0 0;min-height:calc(100vh - 180px);padding:0;display:block}.reporter-detail-card .message-composer{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.reporter-form-card{box-shadow:none;padding:21px 18px}.reporter-form-card>header h2{font-size:20px}.reporter-submit{width:100%;min-height:44px}}