:root{color-scheme:light dark;--bg: #fafafa;--panel: #ffffff;--border: #e8e8e8;--text: #1a1a1a;--muted: #6b6b6b;--accent: #0099cc;--accent-strong: #007aa3;--note: #fffbf0;--note-border: #f5e6c8;--radius: 6px;--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--legacy-header: #1a1a1a;--legacy-nav: #004a80;--legacy-nav-active: rgba(255, 255, 255, .18);--legacy-page-bg: #e6e6e6;--legacy-accent-line: #ffcc00;--legacy-link: #0099cc;--control-height: 38px;--control-pad-x: 10px;--control-focus-ring: 0 0 0 2px rgba(0, 153, 204, .28);--input-bg: #ffffff;--select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b6b6b' d='M2.5 4.25L6 7.75l3.5-3.5' stroke='%236b6b6b' stroke-width='1.2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--btn-primary-text: #ffffff;--danger: #b91c1c;--ok: #15803d;--badge-bg: #eef2ff;--badge-text: #3730a3;--heading: #152238;--code-bg: #f1f5f9;--warn-border: #f59e0b;--warn-bg: #fffbeb;--warn-text: #92400e;--toolbar-text: #1e3a5f;--toolbar-hover-bg: #f8fafc;--toolbar-hover-border: #c5d4e0;--rte-toolbar-bg: #f6f6f6;--rte-btn-hover-bg: #e8e8e8;--rte-btn-hover-border: #dddddd;--rte-btn-active-bg: #dbeafe;--rte-btn-active-border: #93c5fd;--rte-btn-active-text: #1d4ed8;--rte-link-underline: #2563eb;--rte-highlight-bg: #fff59d;--rte-highlight-border: #cccccc;--avatar-bg: #b8d4f0;--avatar-text: #1e4a6d;--avatar-note-bg: #f5e6c8;--avatar-note-text: #7c5a16;--panel-fade: rgba(255, 255, 255, 0);--scroll-shade: rgba(0, 0, 0, .12);--bp-sm: 600px;--bp-md: 900px;--bp-lg: 1200px;--page-pad-x: 20px}@media(max-width:600px){:root{--control-height: 44px;--page-pad-x: 12px}}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg: #17171a;--panel: #1f1f23;--border: #35353c;--text: #ececed;--muted: #a3a3ac;--accent: #38bdf8;--accent-strong: #7dd3fc;--note: #2b2417;--note-border: #6b5320;--legacy-header: #101012;--legacy-nav: #00385f;--legacy-nav-active: rgba(255, 255, 255, .14);--legacy-page-bg: #121215;--legacy-accent-line: #d8a900;--legacy-link: #7dd3fc;--control-focus-ring: 0 0 0 2px rgba(56, 189, 248, .4);--input-bg: #16161a;--select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.25L6 7.75l3.5-3.5' stroke='%23a3a3ac' stroke-width='1.2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--btn-primary-text: #0b1620;--danger: #f87171;--ok: #4ade80;--badge-bg: #2a2f52;--badge-text: #c7d2fe;--heading: #f2f4f8;--code-bg: #26262c;--warn-border: #a16207;--warn-bg: #2a2110;--warn-text: #fcd34d;--toolbar-text: #cfe3f5;--toolbar-hover-bg: #26262c;--toolbar-hover-border: #4a4a55;--rte-toolbar-bg: #22222a;--rte-btn-hover-bg: #303038;--rte-btn-hover-border: #4a4a55;--rte-btn-active-bg: #1e3a5f;--rte-btn-active-border: #3b6fa0;--rte-btn-active-text: #9cdbff;--rte-link-underline: #7cc4ff;--rte-highlight-bg: #6b5d1a;--rte-highlight-border: #4a4a55;--avatar-bg: #2b4a66;--avatar-text: #d7ebff;--avatar-note-bg: #4a3a14;--avatar-note-text: #f5e0b0;--panel-fade: rgba(31, 31, 35, 0);--scroll-shade: rgba(0, 0, 0, .55)}}*{box-sizing:border-box}body{margin:0;font-family:var(--font);background:var(--legacy-page-bg);color:var(--text);font-size:14px;line-height:1.45}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}input,select,textarea,button{font:inherit}button{cursor:pointer}.layout{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:1px solid var(--border);background:var(--panel)}.topbar nav{display:flex;gap:16px;align-items:center}.topbar .brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:-.02em}.portal-logo{max-height:32px;max-width:180px;width:auto;object-fit:contain;display:block}.login-logo{max-height:56px;max-width:260px;width:auto;object-fit:contain}.logo-preview-img{max-height:100px;max-width:280px;object-fit:contain;border:1px solid var(--border);padding:6px;border-radius:var(--radius);background:var(--panel)}.muted{color:var(--muted);font-size:13px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.btn{border:1px solid var(--border);background:var(--panel);padding:0 14px;min-height:var(--control-height);border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;line-height:1.25;color:var(--text)}.btn:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--control-focus-ring)}.btn-primary{background:var(--accent);color:var(--btn-primary-text);border-color:var(--accent)}.btn-primary:focus-visible{border-color:var(--accent-strong);box-shadow:var(--control-focus-ring)}.btn-ghost{background:transparent}.input,.select{width:100%;padding:0 var(--control-pad-x);min-height:var(--control-height);border:1px solid var(--border);border-radius:var(--radius);background:var(--input-bg);color:var(--text);line-height:1.35}.textarea{width:100%;min-height:88px;padding:8px var(--control-pad-x);border:1px solid var(--border);border-radius:var(--radius);background:var(--input-bg);color:var(--text);line-height:1.35;resize:vertical}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--control-focus-ring)}.select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:32px;cursor:pointer;background-color:var(--input-bg);background-image:var(--select-arrow);background-repeat:no-repeat;background-position:right 10px center;background-size:12px}.select::-ms-expand{display:none}input[type=date].input,input[type=datetime-local].input{min-height:var(--control-height)}input[type=date].input::-webkit-date-and-time-value,input[type=date].input::-webkit-datetime-edit{text-align:left}input[type=date].input::-webkit-calendar-picker-indicator{opacity:.65;cursor:pointer}.field{margin-bottom:12px}.field label{display:block;margin-bottom:4px;color:var(--muted);font-size:12px}.thread{max-width:820px}.msg{padding:14px 16px;border-bottom:1px solid var(--border)}.msg.internal{background:var(--note);border-left:3px solid var(--note-border)}.msg-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:13px}.msg-body{max-width:100%;overflow-x:auto;word-wrap:break-word;overflow-wrap:anywhere}.msg-body img,.msg-body :is(video,svg,canvas){display:block;max-width:100%;width:auto;height:auto;margin-top:.75rem;border-radius:4px;box-sizing:border-box}.msg-body img:first-child,.msg-body :is(video,svg):first-child{margin-top:0}.msg-body figure,.msg-body picture{max-width:100%;margin:.75rem 0 0}.msg-body figure:first-child,.msg-body picture:first-child{margin-top:0}.msg-body figure img,.msg-body picture img{margin-top:0}.msg-body table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}.detail-grid{display:grid;grid-template-columns:1fr 300px;gap:24px;padding:20px var(--page-pad-x);max-width:1200px;margin:0 auto}.sidebar{position:sticky;top:16px;align-self:start;padding:16px}.sidebar-title{font-size:14px;margin:0 0 12px}.sidebar-note{font-size:12px}.sidebar-err{color:var(--danger);font-size:13px}.sidebar-save{width:100%}.sidebar-ok{margin:8px 0 0;text-align:center}.sidebar-toggle{display:none;width:100%;margin-bottom:12px}.ticket-detail-requester{margin-bottom:16px}.ticket-detail-loading{padding:24px}.ticket-summary{display:none;margin:0 0 16px;padding:12px 14px}.ticket-summary-row{display:flex;justify-content:space-between;gap:12px;padding:4px 0}.ticket-summary-row dt{font-size:12px}.ticket-summary-row dd{margin:0;font-size:13px;font-weight:500;text-align:right;overflow-wrap:anywhere}@media(max-width:900px){.detail-grid{grid-template-columns:1fr}.sidebar{position:static}.ticket-summary{display:block}.sidebar-toggle{display:inline-flex}.sidebar-fields.is-collapsed{display:none}}.table-wrap{overflow-x:auto;background:linear-gradient(to right,var(--panel) 30%,var(--panel-fade)),linear-gradient(to right,var(--panel-fade),var(--panel) 70%) right,radial-gradient(farthest-side at 0 50%,var(--scroll-shade),transparent),radial-gradient(farthest-side at 100% 50%,var(--scroll-shade),transparent) right;background-repeat:no-repeat;background-size:40px 100%,40px 100%,14px 100%,14px 100%;background-attachment:local,local,scroll,scroll}.filters-bar{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:flex-end;padding:14px 16px;margin-bottom:14px}.filter-field{display:flex;flex-direction:column;gap:4px;min-width:0}.filter-field label{font-size:12px;line-height:1.2;color:var(--muted)}.filter-grow{flex:1 1 200px;min-width:160px}.filter-field--status{flex:0 0 auto;width:188px}.filter-field--date{flex:0 0 auto;width:152px}.filter-actions{display:flex;flex-direction:column;gap:4px;flex:0 0 auto;margin-left:auto}.filter-actions__spacer{font-size:12px;line-height:1.2;visibility:hidden;-webkit-user-select:none;user-select:none;pointer-events:none}.filter-actions .btn{white-space:nowrap}.filters-toggle{display:none}@media(max-width:900px){.filter-field--status,.filter-field--date{flex:1 1 140px;width:auto}.filter-actions{margin-left:0;flex:1 1 100%}.filter-actions__spacer{display:none}}@media(max-width:600px){.filters-toggle{display:inline-flex;margin-bottom:12px}.filters-bar{flex-direction:column;align-items:stretch}.filters-bar.is-collapsed{display:none}.filter-field--status,.filter-field--date,.filter-grow{flex:1 1 auto;width:auto}}.page{padding:20px var(--page-pad-x);margin:0 auto;max-width:960px}.page--narrow{max-width:720px}.page--wide{max-width:1200px}.page-title{font-size:18px;font-weight:600;margin:0 0 4px}.page-lead{margin:0 0 20px}.section-title{font-size:14px;margin:0 0 12px}.section-title--tight{margin-bottom:8px}.card-stacked{padding:20px;margin-top:16px}.card-lead{font-size:13px;margin:0 0 12px}.ok-text{color:var(--ok);font-size:13px}.form-message{margin-top:8px}.page-loading{padding:24px}.page--form{max-width:560px}.logo-preview{margin-bottom:12px}.profile-crumb{margin-bottom:8px}.login-page{max-width:360px;margin:80px auto;padding:0 16px}.login-logo-wrap{text-align:center;margin-bottom:20px}.login-title{font-size:20px;font-weight:600;margin-bottom:20px}.login-form{margin-bottom:0}.login-submit{width:100%;margin-top:8px}@media(max-width:600px){.login-page{margin:32px auto}.card-stacked{padding:14px}}.import-hint{margin-top:8px;font-size:12px}.import-run{margin-top:12px}.import-result{margin-top:16px;padding:12px;font-size:12px}.import-log{margin:0}.group-name-input{max-width:320px}.form-card{padding:20px;margin-bottom:24px}.error-text{color:var(--danger);font-size:13px}.nowrap{white-space:nowrap}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-full{grid-column:1 / -1}.actions-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}@media(max-width:600px){.form-grid-2{grid-template-columns:1fr}.form-card{padding:14px}.actions-cell{white-space:normal}}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}table.simple{width:100%;border-collapse:collapse}table.simple th,table.simple td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}table.simple th{color:var(--muted);font-weight:500;font-size:12px}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;background:var(--badge-bg);color:var(--badge-text)}.layout-legacy{min-height:100vh;display:flex;flex-direction:column}.shell-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 20px;padding-top:max(10px,env(safe-area-inset-top));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));background:var(--legacy-header);color:#fff;flex-wrap:wrap}.shell-brand{display:flex;align-items:center;gap:10px}.shell-brand .portal-logo{max-height:36px;max-width:200px}.shell-brand-text{font-weight:600;font-size:16px;letter-spacing:-.02em}.shell-user{display:flex;flex-direction:column;align-items:flex-end;gap:6px;font-size:13px}.shell-welcome{color:#e5e5e5}.shell-offline{align-self:flex-end;padding:1px 8px;border-radius:10px;background:#7a2f2f;color:#ffdede;font-size:12px;white-space:nowrap}.shell-user-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.shell-user-link{color:#9cdbff;text-decoration:none}.shell-user-link:hover{text-decoration:underline}.shell-sep{color:#888;-webkit-user-select:none;user-select:none}.shell-logout{border:none;background:none;padding:0;font:inherit;color:#9cdbff;cursor:pointer;text-decoration:underline}.shell-logout:hover{color:#fff}.shell-tabs{display:flex;flex-wrap:wrap;align-items:stretch;gap:0;padding:0 8px;background:var(--legacy-nav);border-bottom:1px solid rgba(0,0,0,.12)}.shell-tab{border:none;background:transparent;font:inherit;font-size:14px;color:#ffffffeb;padding:12px 16px;cursor:pointer;text-decoration:none}.shell-tab:hover{background:#ffffff14}.shell-tab.is-active{background:var(--legacy-nav-active);font-weight:600}.shell-tab-secondary{font-size:13px;color:#ffffffd9}.shell-tabs-gap{flex:1;min-width:8px}.shell-menu-toggle{display:none;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.35);border-radius:var(--radius);background:transparent;color:#fff;font:inherit;font-size:14px;min-height:var(--control-height);padding:0 12px}.shell-menu-toggle:hover{background:#ffffff1a}.shell-menu-toggle:focus-visible{outline:2px solid #9cdbff;outline-offset:2px}@media(max-width:900px){.shell-topbar{padding:8px var(--page-pad-x);padding-top:max(8px,env(safe-area-inset-top));padding-left:max(var(--page-pad-x),env(safe-area-inset-left));padding-right:max(var(--page-pad-x),env(safe-area-inset-right));gap:8px}.shell-brand{flex:1 1 auto;min-width:0}.shell-brand-text{font-size:15px}.shell-menu-toggle{display:inline-flex;flex:0 0 auto;order:2}.shell-user{order:3;flex:1 1 100%;align-items:flex-start;max-width:100%}.shell-user-actions{justify-content:flex-start}.shell-welcome{max-width:100%}.shell-tabs{display:none;flex-direction:column;padding:0}.shell-tabs.is-open{display:flex}.shell-tab{text-align:left;min-height:44px;padding:10px var(--page-pad-x);padding-left:max(var(--page-pad-x),env(safe-area-inset-left));border-bottom:1px solid rgba(255,255,255,.12)}.shell-tab-secondary{font-size:14px}.shell-tabs-gap{display:none}}.shell-main{flex:1;background:var(--legacy-page-bg);min-height:0;padding-bottom:env(safe-area-inset-bottom)}.home-view{padding:20px;max-width:960px;margin:0 auto}.home-inner{padding:24px}.home-fallback-title{margin:0 0 12px;font-size:20px;font-weight:600}.home-fallback-title:after{content:"";display:block;width:100px;height:3px;margin-top:10px;background:var(--legacy-accent-line)}.portal-static-home{max-width:100%}.portal-static-home img{max-width:100%;height:auto}.ticket-detail-breadcrumb{margin-bottom:12px;font-size:13px}.ticket-detail-breadcrumb a{color:var(--legacy-link)}.ticket-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.btn-toolbar{border:1px solid var(--border);background:var(--panel);border-radius:var(--radius);padding:8px 14px;font-size:13px;color:var(--toolbar-text);cursor:pointer}.btn-toolbar:hover{border-color:var(--toolbar-hover-border);background:var(--toolbar-hover-bg)}.ticket-detail-title{font-size:22px;font-weight:700;margin:0 0 12px;color:var(--heading);line-height:1.25}.fd-msg{display:flex;gap:12px;align-items:flex-start}.fd-msg-avatar{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:var(--avatar-bg);color:var(--avatar-text);font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;line-height:1}.fd-msg-body{flex:1;min-width:0}.msg.internal .fd-msg-avatar{background:var(--avatar-note-bg);color:var(--avatar-note-text)}