:root{--primary:#3975e6;--primary-dark:#2863cf;--primary-soft:#edf3ff;--ink:#29374e;--muted:#939db0;--line:#e9edf4;--canvas:#f6f8fc;font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);font-size:14px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--canvas)}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{cursor:default;opacity:.4}a{color:inherit;text-decoration:none}input,select,textarea{min-width:0;border:1px solid #e1e7f0;border-radius:7px;background:white;padding:11px 12px;color:var(--ink);outline:none}input::placeholder,textarea::placeholder{color:#a3adbe}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3975e612}button:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:4px}textarea{resize:vertical;line-height:1.7}h1,h2,h3,p{margin:0}svg{flex-shrink:0}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.svg-library{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.muted{color:var(--muted);line-height:1.7}.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}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:9px 15px;border:1px solid #e0e6f0;border-radius:7px;background:white;white-space:nowrap;font-size:13px;transition:background .15s,box-shadow .15s}.button:hover{background:#f6f8fc}.button.primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 3px 6px #3975e619}.button.primary:hover{background:var(--primary-dark)}.button.primary .icon{width:18px;height:18px}.button.subtle{border:0;background:transparent;color:#8290a7;padding:6px}.button.subtle:hover{color:var(--primary)}.icon-button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;color:#93a0b5;flex-shrink:0}.icon-button:hover{background:var(--primary-soft);color:var(--primary)}.icon-button .icon{width:18px;height:18px}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:600;color:#94a5bf}.brand{display:flex;align-items:center;gap:11px;font-weight:700;font-size:22px;letter-spacing:1px}.brand-mark{width:37px;height:39px;border-radius:10px;background:var(--primary);display:grid;place-items:center;color:white;box-shadow:0 3px 7px #3975e620;transform:rotate(-5deg)}.brand-mark .icon{width:25px;height:25px;stroke-width:2.8;transform:rotate(5deg)}.brand-en{display:block;font-size:8px;letter-spacing:2.8px;color:#99a7bf;margin-top:3px;font-weight:600}
.workspace{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:226px;background:white;border-right:1px solid var(--line);padding:33px 20px 0;z-index:20;display:flex;flex-direction:column;overflow-y:auto}.sidebar .brand{margin-left:12px}.nav-caption{font-size:10px;letter-spacing:1px;color:#a8b2c3;margin:0 13px 12px}.second-caption{margin-top:35px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{display:flex;align-items:center;gap:11px;min-height:42px;padding:0 12px;color:#6e7f99;font-size:13px;border-radius:6px;transition:background .15s}.sidebar nav a:hover{background:#f6f8fd}.sidebar nav a.active{color:var(--primary);background:#edf3ff;font-weight:600}.sidebar nav .icon{width:17px;height:17px}.nav-count{font-size:10px;background:#f0f3f9;border-radius:4px;padding:2px 6px;margin-left:auto}.active .nav-count{background:#dce9ff;color:var(--primary)}.nav-number{margin-left:auto;font-size:11px;color:#a3afc1}.status-dot{width:7px;height:7px;display:inline-block;border-radius:50%;margin:0 5px}.status-dot.pending{background:#e5b15c}.status-dot.progress{background:#729fe7}.status-dot.done{background:#73b5a6}.sidebar-bottom{margin-top:auto;padding-top:28px}.help-link{display:flex;align-items:center;gap:9px;width:100%;padding:20px 9px;font-size:11px;color:#94a1b7}.help-link .icon{width:16px;height:16px}.help-link .arrow-small{margin-left:auto;width:13px}.profile{border-top:1px solid var(--line);display:flex;gap:10px;align-items:center;padding:20px 0}.avatar{width:29px;height:29px;border-radius:50%;display:inline-grid;place-items:center;flex-shrink:0;font-size:10px;line-height:1;font-weight:500;background:#eef1f7;color:#8194b0}.avatar-blue{background:#e4edff;color:#658bc6}.avatar-purple{background:#f0ebfa;color:#a18abb}.avatar-teal{background:#e8f4f2;color:#79a69c}.avatar-peach{background:#fcf0e9;color:#c29c80}.profile .avatar{width:33px;height:33px;font-size:13px}.profile strong{font-size:12px;font-weight:600;display:block}.profile small{display:block;color:#a1acbf;font-size:9px;margin-top:4px}.profile .icon-button{margin-left:auto}
.main-shell{margin-left:226px;min-width:0}.topbar{height:72px;border-bottom:1px solid var(--line);background:#ffffffcd;display:flex;align-items:center;justify-content:space-between;padding:0 36px}.breadcrumb{display:flex;align-items:center;gap:17px;font-size:11px;color:#9ca8bc}.breadcrumb strong{font-weight:500;color:#687b99}.slash{color:#d3dce8}.topbar-right{display:flex;align-items:center;gap:21px}.today{display:flex;align-items:center;gap:8px;font-size:10px;color:#98a5bb}.today .icon{width:15px;height:15px}.topbar-divider{height:18px;width:1px;background:var(--line)}.small-avatar{width:27px;height:27px;font-size:11px}.mobile-menu{display:none}main{max-width:1640px;margin:auto;padding:36px 36px 20px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px}.page-heading>.button{margin-top:15px;padding:10px 16px;height:40px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:29px}.stat-card{border:1px solid var(--line);background:white;border-radius:9px;padding:19px 20px 17px;position:relative;overflow:hidden;text-align:left;transition:border-color .15s,transform .15s}.stat-card:hover{border-color:#b5cdfa;transform:translateY(-2px)}.stat-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#8494ad}.stat-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:7px;background:#eef3fd;color:#81a3db}.stat-icon .icon{width:16px;height:16px}.stat-value{font-size:32px;font-weight:550;letter-spacing:-1.3px;line-height:1.4;margin-top:5px;display:block;color:#3f608d}.stat-bottom{font-size:10px;color:#a0aec4;display:flex;align-items:center;gap:6px;margin-top:9px}.stat-bottom strong{font-weight:500;color:#6998d5}.stat-card:nth-child(2) .stat-icon{background:#fcf5e9;color:#d2ad70}.stat-card:nth-child(3) .stat-icon{background:#eef3fd;color:#81a0d3}.stat-card:nth-child(4) .stat-icon{background:#edf7f5;color:#83b5a8}.stat-card:nth-child(2) .stat-value{color:#bf9a61}.stat-card:nth-child(3) .stat-value{color:#7397cc}.stat-card:nth-child(4) .stat-value{color:#72a398}.stat-decoration{position:absolute;right:18px;bottom:20px;display:flex;align-items:flex-end;gap:4px;height:24px;opacity:.5}.stat-decoration i{width:5px;background:#a8c5ee;border-radius:2px}.stat-decoration i:nth-child(1){height:8px}.stat-decoration i:nth-child(2){height:15px}.stat-decoration i:nth-child(3){height:11px}.stat-decoration i:nth-child(4){height:20px}.stat-decoration i:nth-child(5){height:16px}.stat-decoration i:nth-child(6){height:24px}.stat-card:nth-child(2) .stat-decoration i{background:#e1c18e}.stat-card:nth-child(4) .stat-decoration i{background:#a5cdc4}
.ticket-panel{background:white;border:1px solid var(--line);border-radius:9px;overflow:hidden;box-shadow:0 2px 5px #29467503}.list-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 6px;gap:12px}.list-heading>div{display:flex;align-items:center;gap:8px}.list-heading h2{font-size:14px;font-weight:600}.total-chip{font-size:10px;min-width:24px;text-align:center;border:1px solid #e9edf5;background:#f8faff;color:#8ba0bf;padding:2px 6px;border-radius:5px}.list-controls{padding:0 22px}.status-tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);padding-top:8px}.status-tabs button{padding:13px 0 14px;font-size:11px;color:#909fb6;display:flex;align-items:center;gap:6px;position:relative;white-space:nowrap}.status-tabs button span{font-size:9px;background:#f3f6fb;min-width:19px;border-radius:4px;padding:2px 4px}.status-tabs button.active{color:var(--primary);font-weight:600}.status-tabs button.active:after{content:"";height:2px;background:var(--primary);position:absolute;bottom:-1px;left:0;right:0}.status-tabs button.active span{background:#edf3ff;color:#7b9dd5}.filters{display:flex;gap:9px;padding:17px 0}.search-box{display:flex;align-items:center;position:relative;max-width:310px;width:100%;margin-right:auto}.search-box .icon{position:absolute;left:11px;width:15px;height:15px;color:#a3aec1}.search-box input{width:100%;height:34px;padding:8px 12px 8px 33px;font-size:11px;background:#fcfdff}.filters select{height:34px;font-size:11px;padding:5px 27px 5px 11px;min-width:112px;color:#8494af}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}thead{background:#f8faff}th{font-size:10px;color:#9baac1;font-weight:500;height:38px;border-bottom:1px solid var(--line)}td{border-bottom:1px solid #eef2f8;height:76px;font-size:11px;color:#8497b3;padding-right:14px}th:first-child,td:first-child{padding-left:22px}.ticket-title-column{width:43%}th:nth-child(2){width:12%}th:nth-child(3){width:13%}th:nth-child(4){width:14%}th:nth-child(5){width:15%}tbody tr{transition:background .15s}tbody tr:hover{background:#fafcff}tbody tr:last-child td{border-bottom:0}.ticket-title{text-align:left;padding:0;display:block;max-width:100%;color:#485e7d;font-weight:500;font-size:14px;letter-spacing:.15px}.ticket-title:hover{color:var(--primary);text-decoration:underline;text-underline-offset:3px}.ticket-title-text{display:block;overflow:hidden;text-overflow:ellipsis;max-width:390px}.ticket-meta{display:flex;align-items:center;gap:7px;font-size:11px;color:#8495af;margin-top:7px}.ticket-id{font-family:"Segoe UI",sans-serif;color:#9caec8;font-size:10px;letter-spacing:.3px}.meta-separator{color:#d6deec}.category-tag{font-size:10px;border-radius:3px;background:#f3f6fb;color:#92a5c0;padding:2px 5px}.priority{display:inline-flex;gap:5px;align-items:center;font-size:11px}.priority svg{width:11px;height:12px}.priority.urgent{color:#cd857c}.priority.high{color:#cba875}.priority.normal{color:#8da4c1}.priority.low{color:#a3aec0}.status{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:5px;font-size:11px;line-height:1.25;white-space:nowrap}.status:before{content:"";width:4px;height:4px;background:currentColor;border-radius:50%}.status.pending{background:#fcf6e9;color:#a7792b}.status.progress{background:#edf3ff;color:#507abc}.status.done{background:#edf7f4;color:#4d8978}.assignee{display:flex;align-items:center;gap:7px;color:#6c7e99;font-size:12px}.assignee .avatar{width:23px;height:23px;font-size:8px}.assignee.unassigned{color:#b3bed0}.assignee.unassigned .avatar{background:white;border:1px dashed #d9e1ee}.created-date{font-size:11px;color:#7c8ca5}.row-arrow{width:26px;height:26px;opacity:.5}.row-arrow .icon{width:13px}.sort-button{display:flex;gap:8px;align-items:center;padding:0;color:inherit;font-size:inherit}.pagination{border-top:1px solid var(--line);padding:15px 22px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#a1aec4;gap:10px}.pagination>div{display:flex;align-items:center;gap:7px}.pagination .icon-button{border:1px solid #edf1f8;width:26px;height:26px;font-size:17px}.page-buttons{display:flex;gap:5px}.page-buttons button{font-size:10px;height:26px;min-width:26px;border-radius:5px;color:#92a4bf}.page-buttons button.active{background:#edf3ff;color:var(--primary)}.page-size-label{margin-right:8px}.page-footer{display:flex;justify-content:space-between;gap:12px;padding-top:20px;color:#a9b5c9;font-size:9px}.page-footer>span{display:flex;align-items:center;gap:6px}.tiny-dot{width:4px;height:4px;background:#9bb9df;border-radius:50%}.footer-brand{font-size:8px;letter-spacing:1.4px;margin-left:11px;color:#b5c0d3}.active-filter-note{padding:9px 22px;background:#f4f8ff;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#859bbc}.text-button{font-size:11px;color:var(--primary);text-decoration:underline;text-underline-offset:3px}.empty-state{text-align:center;padding:55px 20px}.empty-state>span{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--primary-soft);color:#8fadd9}.empty-state h3{font-size:14px;margin:16px 0 8px;font-weight:500}.empty-state p{font-size:12px;color:#a0aec5;margin-bottom:18px}
.overview-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;margin-bottom:24px}.overview-card{border:1px solid var(--line);border-radius:9px;background:white;padding:22px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.section-heading h2{font-size:13px;font-weight:600}.section-heading>span{font-size:10px;color:#9faec5}.category-chart{display:grid;gap:18px}.chart-row{display:flex;align-items:center;gap:12px;font-size:10px;color:#8f9eb8}.chart-row>span{width:58px}.chart-track{flex:1;height:7px;background:#f1f5fc;border-radius:5px;overflow:hidden}.chart-track div{background:#92b3e9;height:100%;border-radius:5px}.chart-row strong{width:16px;font-weight:500}.completion-content{display:flex;justify-content:space-evenly;align-items:center;gap:18px}.completion-ring{width:136px;height:136px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#eff4fd}.completion-ring>div{display:flex;align-items:center;justify-content:center;flex-direction:column;width:113px;height:113px;border-radius:50%;background:white}.completion-ring strong{font-size:27px;font-weight:500;color:#6f92ca}.completion-ring span{font-size:9px;color:#9cacc5;margin-top:5px}.completion-legend{display:grid;gap:17px;min-width:90px}.completion-legend>div{display:flex;align-items:center;font-size:10px;gap:5px;color:#8e9fb9}.completion-legend strong{font-weight:500;margin-left:auto}
dialog{border:1px solid var(--line);padding:0;color:var(--ink);box-shadow:0 20px 100px #17294022;max-height:92dvh;background:white}dialog::backdrop{background:#1b2c4a5e;backdrop-filter:blur(3px)}.form-dialog{width:570px;max-width:calc(100vw - 32px);border-radius:12px}.dialog-heading{padding:24px 26px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.dialog-heading h2{font-size:20px;font-weight:600;margin-top:5px}.dialog-heading .eyebrow{font-size:9px}.form-body{padding:21px 26px 25px}.form-intro{font-size:12px;margin-bottom:21px}form label{font-size:12px;display:flex;flex-direction:column;gap:8px;margin-bottom:18px;color:#7a8da9;position:relative}form label em{font-style:normal;color:#c38a80;position:absolute;top:0;left:54px}form label input,form label select,form label textarea{width:100%;font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-body>label:last-child{margin-bottom:0}.dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 26px;border-top:1px solid var(--line);background:#fafcff}.dialog-footer>span{font-size:11px;color:#a6b3c9}.dialog-footer>div{display:flex;gap:9px}.detail-dialog{margin:0 0 0 auto;height:100dvh;max-height:100dvh;width:590px;max-width:100vw;border-radius:14px 0 0 14px;border-right:0}.detail-dialog .dialog-heading{padding:25px 28px}.detail-dialog .dialog-heading h2{font-size:12px;color:#8da4c3;font-weight:500;letter-spacing:.5px}.detail-main{padding:25px 28px}.detail-main>h2{font-size:21px;line-height:1.6;font-weight:600;margin-bottom:13px;overflow-wrap:anywhere}.detail-meta{font-size:10px;color:#a2b1c9;line-height:1.8}.detail-description{padding:19px;background:#f6f9ff;border-radius:8px;font-size:12px;line-height:1.9;margin:23px 0;color:#687e9f;white-space:pre-wrap;overflow-wrap:anywhere}.detail-fields{border-bottom:1px solid var(--line);margin-bottom:25px;padding-bottom:6px}.detail-fields label,.detail-fields select{font-size:11px}.activity-title{font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px;margin-bottom:22px}.activity-title>span{font-size:10px;color:#9eafc9}.timeline{padding:0;list-style:none;margin:0 0 25px}.timeline li{position:relative;padding:0 0 23px 25px;border-left:1px solid #e6edf9;margin-left:6px}.timeline li:before{content:"";position:absolute;left:-4px;top:4px;width:7px;height:7px;border-radius:50%;background:#a7bfdf;box-shadow:0 0 0 4px white}.timeline li:last-child{border-color:transparent;padding-bottom:0}.timeline header{font-size:11px;color:#7d94b5;display:flex;justify-content:space-between;gap:10px}.timeline time{font-size:9px;color:#adbad0}.timeline p{font-size:11px;color:#7b91b0;margin-top:7px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.detail-footer{position:sticky;bottom:0;background:white;z-index:2}.detail-note-label{margin-bottom:0}.help-body{padding:26px}.help-body>div{display:flex;align-items:flex-start;gap:18px;margin-bottom:25px}.help-body>div>span{font-size:18px;color:#93b3e4;font-weight:500;line-height:1.2}.help-body h3{font-size:13px;font-weight:500;margin-bottom:8px}.help-body p{font-size:12px;line-height:1.8;color:#96a7c2}.help-notice{background:#f3f7ff;padding:14px;border-radius:6px}.help-body .reference-links{font-size:10px;margin-top:18px}.reference-links a{color:var(--primary)}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:100;padding:13px 22px;border-radius:8px;background:#35517e;color:white;box-shadow:0 6px 26px #18305622;font-size:12px;max-width:calc(100vw - 30px);text-align:center;line-height:1.7}.nav-shade{position:fixed;inset:0;background:#1b2d4b77;z-index:19}
.login-screen{display:grid;grid-template-columns:1.12fr 1fr;min-height:100dvh;background:white}.login-story{background:#eff4ff;padding:49px 11%;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-story:after{content:"";position:absolute;width:470px;height:470px;border-radius:50%;border:1px solid #dfe8fc;right:-190px;bottom:-230px;box-shadow:0 0 0 55px #e5edff77,0 0 0 110px #e8efff77;pointer-events:none}.login-copy{margin:auto 0;padding:65px 0;z-index:1}.login-copy .eyebrow{font-size:10px;color:#93a9d1}.login-copy h1{font-size:clamp(35px,4vw,62px);letter-spacing:2px;line-height:1.55;color:#45638d;margin:24px 0}.login-copy>p{font-size:13px;line-height:2.1;color:#90a5c9}.sample-ticket{margin-top:43px;display:flex;align-items:center;gap:13px;background:#ffffffdd;border:1px solid white;border-radius:10px;padding:22px 20px;box-shadow:0 13px 32px #41567d08;max-width:350px;transform:rotate(-3deg)}.sample-check{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#edf3ff;color:#8eade0;flex-shrink:0}.sample-ticket strong{font-size:13px;font-weight:500;color:#6b85af}.sample-ticket p{font-size:9px;color:#a1b4d4;margin-top:6px}.sample-line{width:27px;height:5px;border-radius:3px;background:#e5edfc;margin-left:auto}.login-foot{font-size:10px;color:#a0b3d5;letter-spacing:1px;z-index:1}.login-panel{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:55px 40px}.login-panel form{max-width:330px;width:100%;margin:auto}.login-panel h2{font-size:26px;letter-spacing:.5px;font-weight:600;margin:15px 0 10px}.login-panel .muted{font-size:12px;margin-bottom:36px}.login-panel form label{margin-bottom:20px}.login-panel .button{width:100%;height:43px;justify-content:space-between;margin-top:6px}.login-panel input{height:43px}.demo-note{border:1px dashed #dee8fc;border-radius:7px;line-height:2.1;font-size:10px;color:#9eafd0;padding:12px 14px;margin-top:23px;background:#fafcff}.demo-note strong{font-weight:500;color:#7e98c1;margin-left:8px;letter-spacing:.5px}.login-disclaimer{font-size:9px;color:#b4c0d6;margin-top:40px}.form-error{font-size:11px;line-height:1.7;color:#c58177;margin-bottom:10px}
@media(min-width:1600px){main{padding-top:43px}.page-heading{margin-bottom:35px}.stat-card{padding:23px 25px}.stat-value{font-size:36px}.stats{margin-bottom:35px}td{height:82px}.ticket-title-text{max-width:550px}.sidebar{width:244px;padding-left:24px;padding-right:24px}.main-shell{margin-left:244px}}
@media(max-width:1190px){.sidebar{width:201px;padding-left:15px;padding-right:15px}.main-shell{margin-left:201px}main{padding:29px 24px 18px}.topbar{padding:0 24px}.stats{gap:11px}.stat-card{padding:15px 16px}.stat-decoration{right:12px;gap:3px}.stat-decoration i{width:4px}.stat-bottom{font-size:9px}.ticket-title-text{max-width:270px}.ticket-title-column{width:38%}.ticket-meta{font-size:8px;gap:4px}.ticket-id{font-size:8px}.filters select{min-width:105px}.search-box{max-width:260px}.list-heading,.pagination{padding-left:18px;padding-right:18px}.list-controls{padding-left:18px;padding-right:18px}th:first-child,td:first-child{padding-left:18px}.stat-top{font-size:10px}.ticket-title{font-size:11px}.completion-ring{width:119px;height:119px}.completion-ring>div{width:99px;height:99px}}
@media(max-width:980px){.sidebar{width:180px;padding-left:12px;padding-right:12px}.main-shell{margin-left:180px}main{padding-left:19px;padding-right:19px}.sidebar .brand{margin-left:9px}.sidebar nav a{font-size:11px;gap:8px;padding-left:10px}.stats{gap:9px}.stat-card{padding:14px 12px}.stat-decoration{display:none}table{min-width:660px}.ticket-title-text{max-width:248px}.filters{flex-wrap:wrap}.search-box{max-width:none;flex:1;min-width:190px}.filters select{min-width:98px;padding-left:7px;font-size:10px}.footer-brand{display:none}.overview-panel{gap:12px}.overview-card{padding:17px}.completion-content{gap:12px}.completion-ring{width:105px;height:105px}.completion-ring>div{width:88px;height:88px}.completion-ring strong{font-size:22px}.completion-legend{min-width:72px}.completion-legend .status-dot{margin:0 2px}}
@media(max-width:760px){.sidebar{width:226px;transform:translateX(-100%);transition:transform .2s;padding-left:20px;padding-right:20px}.sidebar.open{transform:translateX(0)}.sidebar nav a{font-size:12px;gap:11px}.main-shell{margin-left:0}.mobile-menu{display:inline-flex}.topbar{height:60px;padding:0 17px}.breadcrumb{gap:10px}.topbar-right{gap:12px}.today{font-size:9px}.today .icon,.topbar-divider{display:none}main{padding:25px 19px 18px}.page-heading{gap:12px;margin-bottom:24px}.eyebrow{font-size:8px;letter-spacing:1.6px}.page-heading>.button{font-size:11px;padding:9px 11px;height:36px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:24px}.stat-card{padding:16px}.stat-value{font-size:29px}.stat-decoration{display:flex;bottom:18px}.stat-bottom{font-size:9px}.list-heading{padding-top:14px}.list-controls{padding-left:16px;padding-right:16px}.status-tabs{gap:23px}.status-tabs button{font-size:10px;gap:4px}.filters{gap:8px;padding:14px 0}.search-box{min-width:100%;height:35px}.filters select{flex:1;height:32px}.pagination{font-size:9px;padding:13px 14px}.pagination>div{gap:4px}.page-size-label{display:none}.page-footer{font-size:8px;flex-wrap:wrap;gap:9px}.page-footer>span:last-child{margin-left:auto}.overview-panel{grid-template-columns:1fr}.completion-content{justify-content:center;gap:45px}.category-chart{margin-bottom:6px}.login-screen{grid-template-columns:1fr}.login-story{padding:27px 27px 30px}.login-story .brand{font-size:19px}.login-story .brand-mark{width:32px;height:34px}.login-copy{padding:20px 0 0;margin:0}.login-copy h1{font-size:30px;line-height:1.5;letter-spacing:1px;margin:14px 0 9px}.login-copy h1 br,.login-copy>p br{display:none}.login-copy>p{font-size:10px;line-height:1.7}.sample-ticket,.login-foot,.login-copy>.eyebrow{display:none}.login-panel{padding:31px 26px 20px}.login-panel form{max-width:380px}.login-panel h2{font-size:22px}.login-panel .muted{margin-bottom:24px}.login-panel label{font-size:11px}.login-disclaimer{margin-top:24px}.form-dialog{max-height:94dvh}.dialog-heading{padding:20px}.form-body{padding:20px}.dialog-footer{padding:16px 20px}.detail-dialog{width:100%;border-radius:0}.detail-dialog .dialog-heading{padding:20px}.detail-main{padding:22px 20px}.detail-main>h2{font-size:19px}.help-body{padding:22px}}
@media(max-height:780px) and (min-width:761px){.sidebar{padding-top:25px}.second-caption{margin-top:27px}.sidebar nav a{min-height:38px}.sidebar-bottom{padding-top:12px}.help-link{padding:16px 9px}.profile{padding:16px 0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}



.heading-actions{display:flex;gap:10px;align-items:center;margin-left:auto}.heading-actions .button{font-size:12px}.list-heading #refresh-button{margin-left:auto}.portal-body{padding:25px;text-align:center}.portal-body img{display:block;max-width:100%;height:auto;margin:0 auto 18px}.portal-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:18px}#password-button.help-link{padding-top:0}@media(max-width:760px){.page-heading{align-items:flex-start;flex-wrap:wrap}.heading-actions{width:100%;justify-content:flex-end}.heading-actions .button{font-size:11px}.portal-body{padding:20px}}

/* Supplier customer and equipment directories */
.directory-controls{padding:0 24px 18px}.directory-controls .search-box{max-width:480px;min-height:40px}.directory-table{table-layout:fixed;min-width:720px}.directory-table th:first-child{width:26%}.directory-table th:last-child{width:75px}.directory-table td{height:auto;min-height:76px;padding-top:18px;padding-bottom:18px;line-height:1.8;overflow-wrap:anywhere}.directory-table strong{font-weight:500}.directory-table code{font-size:11px;color:var(--primary-dark)}.spec-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap}.directory-empty{text-align:center;color:var(--muted);padding:48px 20px}.picker-field{font-size:12px;margin-bottom:18px;min-width:0}.picker-field>span{display:block;margin-bottom:9px}.customer-picker,.device-picker,#device-customer-picker{display:grid;gap:7px;min-width:0}.customer-picker input,.customer-picker select,.device-picker input,.device-picker select,#device-customer-picker input,#device-customer-picker select{width:100%;font-size:12px}.picker-pages{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);gap:8px}.picker-pages button{padding:5px 0;color:var(--primary)}.ticket-equipment{margin:20px 0;padding:18px;border:1px solid #e0e9fa;border-radius:9px;background:#f8faff}.ticket-equipment h3{font-size:13px;font-weight:600;margin-bottom:10px}.ticket-equipment>.muted{font-size:11px;margin:8px 0;overflow-wrap:anywhere}.ticket-equipment .form-grid{margin-top:16px}.equipment-summary{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.8;margin-bottom:14px}.ticket-equipment .button{font-size:11px}.sidebar{overflow-y:auto}.second-caption{margin-top:18px}
@media(max-width:760px){.heading-actions{flex-wrap:wrap;justify-content:flex-end}.heading-actions .button{font-size:11px;padding:8px 10px}.directory-controls{padding-left:16px;padding-right:16px}.ticket-equipment{padding:14px}.ticket-equipment .form-grid{grid-template-columns:1fr}}

.sidebar>.brand{margin-bottom:28px}

.ticket-attachments{margin:18px 0}.ticket-attachments h3{font-size:13px;font-weight:500;color:#55749d;margin:0 0 12px}.ticket-attachments h3 span{color:#90a5c1;margin-left:7px}.ticket-attachment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ticket-attachment{min-width:0;border:1px solid #e2eafa;border-radius:8px;overflow:hidden;background:#f8faff}.ticket-attachment img,.ticket-attachment video{display:block;width:100%;height:160px;object-fit:contain;background:#edf3fc}.ticket-attachment>a:last-child{display:block;padding:9px 10px;font-size:11px;color:#3975e6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-attachments>p{font-size:10px;color:#8c9eba;line-height:1.8;margin:9px 0 0}@media(max-width:460px){.ticket-attachment-grid{grid-template-columns:1fr}}

.ticket-title{display:flex;align-items:center;gap:10px}.ticket-title-text{min-width:0}.ticket-detail-hint{flex-shrink:0;font-size:10px;font-weight:400;color:var(--primary);background:#edf4ff;border:1px solid #dce8fc;border-radius:4px;padding:3px 6px;letter-spacing:0}.detail-dialog .dialog-heading h2{font-size:17px;color:var(--ink);font-weight:600}.ticket-report{margin:20px 0;padding:18px;border:1px solid #e1eafa;border-radius:9px;background:#f8faff}.ticket-report h3,.detail-section-title{font-size:13px;font-weight:600;color:#425c82;margin:0 0 15px}.ticket-report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0}.ticket-report-grid>div{min-width:0}.ticket-report-grid dt{font-size:11px;color:#8194b0;margin-bottom:6px}.ticket-report-grid dd{margin:0;font-size:13px;color:#354f75;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.detail-section-title+.detail-description{margin-top:0;margin-bottom:20px;font-size:13px;color:#435e83}.ticket-equipment summary{cursor:pointer;font-size:12px;color:#7185a4}.ticket-equipment[open] summary{margin-bottom:14px}.ticket-equipment summary:focus-visible{outline:2px solid var(--primary);outline-offset:4px}@media(max-width:460px){.ticket-report-grid{grid-template-columns:1fr;gap:14px}.ticket-report{padding:16px}}