:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172030;background:#f4f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit}.shell{max-width:960px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.qa-banner{margin:12px 20px 0;border:1px solid #f3b43f;border-radius:10px;background:#fff5d9;color:#7a4a00;padding:10px 14px;text-align:center;font-weight:800}header{display:flex;justify-content:space-between;align-items:center;padding:24px 20px}.brand{font-weight:800;font-size:20px;text-decoration:none}nav{display:flex;gap:20px}nav a{text-decoration:none;color:#536078}main{flex:1;padding:20px}.site-footer{padding:24px 20px 28px;color:#738096;font-size:14px;text-align:center}.site-footer a{text-decoration:none}.site-footer a:hover{color:#2875e8;text-decoration:underline}.hero{padding:72px 0;max-width:640px}.hero h1{font-size:clamp(40px,9vw,72px);letter-spacing:-.05em;margin:10px 0}.hero>p:not(.eyebrow){font-size:20px;color:#627087;line-height:1.6}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:#2875e8}.actions{display:flex;gap:12px;margin-top:32px}.button{display:inline-block;border:1px solid #d5deea;border-radius:10px;background:#fff;padding:12px 18px;text-decoration:none;cursor:pointer;font-weight:700}.button.primary{color:#fff;background:#2875e8;border-color:#2875e8}.button.danger{color:#a72835;border-color:#e8bbc0;background:#fff7f7}.button:disabled{opacity:.55;cursor:wait}.button.disabled{opacity:.55;cursor:wait}.card{background:#fff;border-radius:18px;padding:28px;box-shadow:0 12px 40px #1a2e4c14}form{display:grid;gap:18px}label,.submitter-display{display:grid;gap:8px;font-weight:700}.submitter-display strong{font-size:18px}input,textarea,select{width:100%;border:1px solid #cfd9e6;border-radius:9px;padding:11px 12px;font:inherit;background:#fff}textarea{resize:vertical}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.form-start{grid-template-columns:repeat(2,1fr)}.conditional-fields{display:grid;gap:18px}fieldset{border:1px solid #d9e2ee;border-radius:10px;display:grid;gap:12px;margin:0;padding:16px}legend{font-weight:700;padding:0 6px}.radio-options,.checkbox-options{display:flex;flex-wrap:wrap;gap:12px 20px}.vertical-options{align-items:flex-start;flex-direction:column}.radio-options label,.checkbox-options label{align-items:center;display:flex;font-weight:500;gap:8px}.radio-options input,.checkbox-options input{width:auto}.approver-picker{display:grid;gap:14px;grid-template-columns:1fr 1fr}.approver-combobox{display:grid;gap:8px;position:relative}.approver-combobox>label{display:block}.approver-help{margin:-2px 0 2px}.selected-approvers{display:flex;flex-wrap:wrap;gap:8px}.selected-approver{align-items:center;background:#e8f1ff;border:1px solid #cfe2fb;border-radius:9px;color:#245b9d;display:inline-flex;font-size:14px;font-weight:700;gap:8px;padding:7px 9px}.selected-approver button{background:transparent;border:0;color:#1767d2;cursor:pointer;font:inherit;font-size:12px;padding:0;text-decoration:underline}.approver-options{background:#fff;border:1px solid #cfd9e6;border-radius:9px;box-shadow:0 12px 28px #1a2e4c1f;display:grid;left:0;max-height:280px;overflow-y:auto;padding:6px;position:absolute;right:0;top:100%;z-index:2}.approver-options button{background:#fff;border:0;border-radius:7px;color:#172030;cursor:pointer;display:flex;justify-content:space-between;padding:10px;text-align:left}.approver-options button:hover,.approver-options button.active{background:#e8f1ff}.approver-options button span{color:#738096;font-size:13px}.approver-options>p{margin:8px}.deadline{color:#a64b09;font-variant-numeric:tabular-nums;font-weight:700}.compact-deadline{display:block;font-size:12px;margin-top:5px}.structured-details,.approver-editor{border-top:1px solid #e6ecf3;margin-top:28px;padding-top:24px}.structured-details h2{margin-top:0}.definition-row{display:contents}.error{color:#bc2d3b;font-size:14px}.muted{color:#738096;font-weight:400;font-size:14px}.field-meta{color:#738096;font-size:13px;font-weight:400;text-align:right}.description{white-space:pre-wrap}.file-selection{color:#536078;font-size:14px;font-weight:400}.list{display:grid;gap:10px}.ticket-row{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:12px;padding:18px;text-decoration:none}.ticket-row small{display:block;color:#738096;margin-top:5px}.status{background:#e8f1ff;color:#1767d2;border-radius:999px;padding:6px 10px;font-size:12px}.status-done{background:#e8f7ee;color:#14783c}.status-cancelled{background:#edf0f4;color:#596579}.status-rework{background:#fff0e4;color:#a64b09}.status-pending_verify{background:#f2ecff;color:#6741b3}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.page-heading h1{margin:4px 0 0}.management-row small+small{margin-top:3px}.management-scope{background:#eaf3ff;border:1px solid #cfe2fb;border-radius:10px;color:#245b9d;margin:-10px 0 20px;padding:11px 13px}.ticket-tabs{border-bottom:1px solid #d5deea;display:flex;gap:20px;margin-bottom:18px}.ticket-tabs button{background:transparent;border:0;border-bottom:3px solid transparent;color:#596579;cursor:pointer;font:inherit;font-weight:700;padding:11px 2px 10px}.ticket-tabs button.active{border-bottom-color:#2875e8;color:#1767d2}dl{display:grid;grid-template-columns:140px 1fr;gap:10px;margin:28px 0}dt{color:#738096}dd{margin:0;font-weight:700}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:8px}.segmented button{border:1px solid #d5deea;background:#fff;padding:12px;border-radius:9px}.segmented button.active{border-color:#2875e8;background:#e8f1ff;color:#1767d2}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.metric{background:#fff;border-radius:14px;padding:20px}.metric small{display:block;color:#738096;word-break:break-word}.metric strong{display:block;font-size:30px;margin-top:10px}.attachments,.management-panel,.submitter-actions,.ticket-history,.ticket-flow{border-top:1px solid #e6ecf3;margin-top:28px;padding-top:24px}.flow-table-wrap{border:1px solid #e1e8f1;border-radius:12px;overflow-x:auto}.flow-table{border-collapse:collapse;min-width:680px;width:100%}.flow-table th,.flow-table td{border-bottom:1px solid #e8edf4;padding:14px 16px;text-align:left;vertical-align:middle}.flow-table th{background:#f7f9fc;color:#637087;font-size:13px}.flow-table td{font-size:14px}.flow-table tr:last-child td{border-bottom:0}.timeline{display:grid;gap:0;list-style:none;margin:0;padding:0}.timeline-item{border-left:2px solid #dce7f5;margin-left:7px;padding:0 0 20px 22px;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{background:#2875e8;border:3px solid #e8f1ff;border-radius:50%;content:"";height:12px;left:-7px;position:absolute;top:4px;width:12px}.timeline-meta{color:#738096;display:block;font-size:13px;margin-top:4px}.timeline-reason{background:#f7f9fc;border-radius:8px;margin:8px 0 0;padding:10px 12px;white-space:pre-wrap}.assignment-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;align-items:end;margin-bottom:22px}.compact-actions{margin-top:0}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}.section-heading h2,.section-heading p{margin:0 0 6px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.attachment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.attachment-card{min-width:0;border:1px solid #dce4ee;border-radius:12px;overflow:hidden;background:#f8fafc}.attachment-card img,.attachment-card video{display:block;width:100%;max-height:320px;object-fit:contain;background:#111827}.attachment-card audio{display:block;width:calc(100% - 24px);margin:18px 12px 0}.attachment-meta{display:grid;gap:5px;padding:12px}.attachment-meta strong{overflow-wrap:anywhere}.attachment-meta small{color:#738096}.attachment-meta a{color:#1767d2;font-size:14px}.kpi-heading{align-items:flex-start}.month-control{min-width:180px}.report-actions{align-items:center;display:flex;justify-content:space-between;margin:18px 0 30px}.kpi-section{margin-top:34px}.kpi-section>h2{margin-bottom:16px}.kpi-overview{background:#fff;border-radius:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden}.kpi-stat{border-bottom:1px solid #e6ecf3;border-right:1px solid #e6ecf3;min-width:0;padding:18px}.kpi-stat:nth-child(4n){border-right:0}.kpi-stat:nth-last-child(-n+4){border-bottom:0}.kpi-stat span{color:#738096;display:block;font-size:13px}.kpi-stat strong{display:block;font-size:23px;font-variant-numeric:tabular-nums;margin-top:8px;overflow-wrap:anywhere}.kpi-observations{display:grid;gap:10px;margin:0;padding-left:20px}.kpi-alerts{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.kpi-alerts span{background:#eef3f9;border-radius:8px;color:#536078;font-size:13px;padding:7px 10px}.report-table-wrap{background:#fff;border:1px solid #e1e8f1;border-radius:12px;overflow-x:auto}.report-table{border-collapse:collapse;min-width:820px;width:100%}.report-table th,.report-table td{border-bottom:1px solid #e8edf4;padding:13px 14px;text-align:left;vertical-align:top}.report-table th{background:#f7f9fc;color:#637087;font-size:12px;white-space:nowrap}.report-table td{font-size:13px;font-variant-numeric:tabular-nums}.report-table tbody tr:last-child td{border-bottom:0}.report-table td small{color:#738096;display:block;margin-top:3px}.report-empty{color:#738096;margin:0;padding:24px}.kpi-employee-detail{margin-top:8px}.kpi-employee-detail summary,.kpi-daily>summary{color:#1767d2;cursor:pointer;font-weight:700}.kpi-employee-detail dl{font-size:12px;gap:6px;grid-template-columns:90px 1fr;margin:10px 0 0}.kpi-daily>.report-table-wrap{margin-top:14px}.kpi-loading{background:#e7edf5;border-radius:14px;height:180px;margin-top:24px}@media(max-width:640px){header{align-items:flex-start}nav{flex-direction:column;gap:8px;text-align:right}.grid,.approver-picker,.attachment-grid,.metrics{grid-template-columns:1fr}.section-heading{flex-direction:column}.assignment-row{grid-template-columns:1fr}.page-heading{align-items:flex-start}.kpi-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-stat:nth-child(4n){border-right:1px solid #e6ecf3}.kpi-stat:nth-child(2n){border-right:0}.report-actions{align-items:flex-start;flex-direction:column;gap:12px}}@media print{header,.site-footer,.month-control,.report-actions .actions{display:none}.shell{max-width:none}main{padding:0}.report-table-wrap{overflow:visible}.report-table{min-width:0}}