@media (width<=950px){.support-layout{grid-template-columns:1fr}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-color:#0b1221;--bg-card:#121e33;--text-primary:#f1f5fc;--text-secondary:#b9c7dc;--border-color:#31415c;--accent-primary:#00b5d8;background:var(--bg-color);color:var(--text-primary);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:10px;padding:12px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent-primary);outline-offset:3px}.primary-btn,.secondary-btn{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);border-radius:10px;padding:11px 16px}.primary-btn{color:#061828;background:#00a6c7;font-weight:700}.brand{letter-spacing:.15em;color:#14c4e4;font-weight:800}h1{margin:10px 0;font-size:1.7rem}p{line-height:1.55}.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;gap:14px;width:min(100%,440px);padding:32px;display:grid}.login-card p{color:var(--text-secondary);margin:0}#login-error{color:#ffb8b8;min-height:24px}main{max-width:1600px;margin:auto;padding:30px}header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;padding-bottom:20px;display:flex}#session-role{color:var(--text-secondary);margin:0}#view-support h2{font-size:1.3rem}#support-detail{border:1px solid var(--border-color);border-radius:16px;padding:20px}#support-detail h3{overflow-wrap:anywhere}small{line-height:1.5}#support-search{min-width:160px}#support-company{width:150px}[hidden]{display:none!important}@media (width<=650px){main{padding:18px}.login-card{padding:24px}.support-filters>*{width:100%!important}header{align-items:flex-start}}.support-heading,.support-filters,.support-pagination{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.support-heading{justify-content:space-between}.support-heading p,#support-feedback{color:var(--text-secondary);margin:8px 0}.support-filters input,.support-filters select,#support-reply-form textarea,#support-reply-form select{background:var(--bg-card,#182033);color:var(--text-primary,#eee);border:1px solid var(--border-color,#43506a);border-radius:10px;max-width:100%;padding:10px}.support-layout{grid-template-columns:minmax(240px,1fr) minmax(320px,2fr);gap:24px;display:grid}.support-ticket{text-align:left;border:1px solid var(--border-color,#43506a);background:var(--bg-card,#182033);width:100%;color:var(--text-primary,#eee);cursor:pointer;border-radius:12px;flex-direction:column;gap:8px;margin-bottom:10px;padding:16px;display:flex}.support-ticket.unread{border-left:4px solid var(--accent-primary,#00b5d8)}.support-ticket:hover{border-color:var(--accent-primary,#00b5d8)}.support-ticket span,.support-message small{color:var(--text-secondary,#b9c7dc)}.support-message{border:1px solid var(--border-color,#43506a);overflow-wrap:anywhere;border-radius:12px;margin:14px 0;padding:16px}.support-message p{white-space:pre-wrap;margin-top:8px}.support-message small{margin-top:5px;display:block}.support-message.staff{border-left:4px solid #00b5d8}.support-message.internal{background:#e5a62b12;border:2px dashed #e5a62b}#support-reply-form{gap:14px;margin:20px 0;display:grid}#support-reply-form textarea{box-sizing:border-box;width:100%;margin-top:8px;display:block}#support-reply-form label{display:block}#support-detail{min-width:0}#support-feedback{min-height:24px}#support-nav-count{color:#091428;background:#00b5d8;border-radius:12px;padding:0 7px}@media (width<=950px){.support-layout{grid-template-columns:1fr}}