:root{--text:#717580;--text-h:#232323;--bg:#fff;--card-bg:#fff;--border:#e4e4e4;--field-bg:#f7f7f7;--base-color:#d87724;--base-color-dark:#b0601e;--base-color-bg:#d877241a;--success:#2ebb79;--success-bg:#2ebb791a;--error:#dc3131;--error-bg:#feedec;--shadow:#23232314 0 10px 25px -5px, #2323230d 0 4px 6px -2px;--sans:"Ubuntu", system-ui, "Segoe UI", Roboto, sans-serif;font:16px/145% var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--field-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#a8a8a8;--text-h:#f3f4f6;--bg:#16171d;--card-bg:#1c1d24;--border:#2e303a;--field-bg:#22232b;--base-color:#e88a3d;--base-color-dark:#f2a561;--base-color-bg:#e88a3d26;--success-bg:#2ebb7926;--error-bg:#dc313126;--shadow:#0006 0 10px 25px -5px, #00000040 0 4px 6px -2px}}*{box-sizing:border-box}body{margin:0}h1,h2,h3{color:var(--text-h);font-weight:700}.app{box-sizing:border-box;justify-content:center;width:100%;min-height:100svh;padding:48px 20px;display:flex}.ticket-card{background:var(--card-bg);border:1px solid var(--border);width:100%;max-width:680px;box-shadow:var(--shadow);text-align:left;border-radius:16px;padding:40px}@media (width<=640px){.ticket-card{padding:28px 20px}}.ticket-header{align-items:center;gap:16px;margin-bottom:4px;display:flex}.ticket-logo{border-radius:50%;flex-shrink:0;width:56px;height:56px}.ticket-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--base-color);margin-bottom:2px;font-size:12px;font-weight:500;display:block}.ticket-header h1{letter-spacing:-.02em;margin:0;font-size:26px}.subtitle{color:var(--text);margin:8px 0 28px;font-size:15px}.tab-switcher{border-bottom:1px solid var(--border);gap:4px;margin-bottom:4px;display:flex}.tab-switcher button{font:inherit;color:var(--text);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-right:24px;padding:10px 4px;font-size:14px;font-weight:600}.tab-switcher button.active{color:var(--base-color);border-bottom-color:var(--base-color)}.lookup-result{border:1px solid var(--border);background:var(--field-bg);border-radius:10px;padding:20px}.lookup-result-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.lookup-result-ticket{color:var(--text-h);font-size:15px;font-weight:700}.status-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.status-badge.status-new{background:var(--base-color-bg);color:var(--base-color-dark)}.status-badge.status-in-progress{color:#d39121;background:#d4912126}.status-badge.status-resolved{background:var(--success-bg);color:var(--success)}.status-badge.status-hold{background:var(--error-bg);color:var(--error)}.lookup-result-subject{color:var(--text-h);margin:0 0 10px;font-size:15px;font-weight:600}.lookup-result-comment{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;margin:10px 0;padding:10px 12px}.lookup-result-comment p{color:var(--text-h);margin:4px 0 0;font-size:14px}.lookup-result-date{color:var(--text);margin:8px 0 0;font-size:12px}.ticket-form{flex-direction:column;gap:20px;display:flex}.field-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=560px){.field-grid{grid-template-columns:1fr}}.field{flex-direction:column;gap:6px;display:flex}.field label,.group-label{color:var(--text-h);font-size:13px;font-weight:500}.field input[type=text],.field input[type=email],.field input[type=tel],.field select,.field textarea{font:inherit;border:1px solid var(--border);background:var(--field-bg);color:var(--text-h);box-sizing:border-box;border-radius:8px;padding:11px 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}.field select{appearance:auto;cursor:pointer}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--base-color);box-shadow:0 0 0 3px var(--base-color-bg);background:var(--card-bg);outline:none}.field input.invalid,.field select.invalid,.field textarea.invalid,.dropzone.invalid{border-color:var(--error)}.field input:disabled,.field select:disabled,.field textarea:disabled{opacity:.6;cursor:not-allowed}.field textarea{resize:vertical;font-family:var(--sans)}.segmented-control{border:1px solid var(--border);border-radius:8px;width:fit-content;display:inline-flex;overflow:hidden}.segmented-option{color:var(--text);cursor:pointer;background:var(--field-bg);border-right:1px solid var(--border);padding:9px 20px;font-size:14px;font-weight:500;transition:background .15s,color .15s;position:relative}.segmented-option:last-child{border-right:none}.segmented-option input{opacity:0;pointer-events:none;position:absolute}.segmented-option.active{background:var(--base-color);color:#fff}.dropzone{border:1.5px dashed var(--border);text-align:center;cursor:pointer;background:var(--field-bg);border-radius:10px;padding:24px 16px;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone.dragging{border-color:var(--base-color);background:var(--base-color-bg)}.dropzone-text{color:var(--text-h);font-size:14px;display:block}.dropzone-text strong{color:var(--base-color)}.dropzone-hint{color:var(--text);margin-top:4px;font-size:12px;display:block}.file-chip{border:1px solid var(--border);background:var(--field-bg);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.file-chip-info{flex-direction:column;min-width:0;display:flex}.file-chip-name{color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.file-chip-size{color:var(--text);font-size:12px}.file-chip-remove{color:var(--error);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px 8px;font-size:13px;font-weight:500}.field-error,.form-error{color:var(--error);margin:0;font-size:13px}.form-error{background:var(--error-bg);border-radius:8px;padding:10px 12px}.form-success{color:var(--success);background:var(--success-bg);border-radius:8px;margin:0;padding:10px 12px;font-size:14px}.ticket-form button[type=submit]{font:inherit;background:var(--base-color);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:13px 20px;font-size:15px;font-weight:700;transition:background .15s;display:inline-flex}.ticket-form button[type=submit]:hover:not(:disabled){background:var(--base-color-dark)}.ticket-form button[type=submit]:disabled{opacity:.7;cursor:not-allowed}.spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ticket-footer{border-top:1px solid var(--border);text-align:center;margin-top:28px;padding-top:20px}.ticket-footer p{color:var(--text);margin:0 0 4px;font-size:12px}