*{box-sizing:border-box}:root{color-scheme:light;--jb-void: #0d0d0d;--jb-ink: #1f2d36;--jb-ink-soft: #52605a;--jb-faint: #8a8a82;--jb-line: #d8d0c3;--jb-line-soft: #e7dfd2;--jb-sand: #e8dcc4;--jb-sand-soft: #f6f0e4;--jb-paper: #fffdf8;--jb-terracotta: #d97757;--jb-terracotta-dark: #8a4a35;--jb-kelp: #3d5a4a;--jb-depth: #1f2d36;--jb-ok: #4f8f62;--jb-cinnabar: #b8432c;--font-sans: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: "Noto Serif SC", "Songti SC", "STSong", "SimSun", serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--shadow-soft: 0 18px 42px rgba(31, 45, 54, .1)}body{margin:0;color:var(--jb-ink);background:linear-gradient(180deg,#e8dcc438,#f6f0e400 360px),#f7f4ee;font-family:var(--font-sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea,select{font-family:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:minmax(320px,.92fr) minmax(360px,520px);gap:48px;align-items:center;width:min(1180px,calc(100% - 48px));margin:0 auto;padding:48px 0}.brand{display:grid;gap:20px}.eyebrow{color:var(--jb-terracotta-dark);font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.brand h1,.brand [class*=largeTitle]{max-width:680px;font-size:clamp(46px,7vw,82px);line-height:1.04;font-weight:720;letter-spacing:-.01em;color:var(--jb-depth)}.lede{max-width:560px;font-size:20px;color:var(--jb-ink-soft)}.metrics{display:flex;flex-wrap:wrap;gap:10px}.metrics span{border:1px solid var(--jb-line);background:#fffdf8db;padding:10px 14px;font-weight:700;box-shadow:0 8px 18px #1f2d360d}.portal{border-radius:3px;border:1px solid var(--jb-line);background:var(--jb-paper);box-shadow:0 24px 70px #1f2d3629;padding:28px}.form,.compact-form{display:grid;gap:14px}.form{margin-top:24px}.login-only-form{margin-top:18px;padding-top:18px;border-top:1px solid var(--jb-line-soft)}.captcha-row{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(120px,1fr) auto;gap:10px;align-items:center}.captcha-question{min-height:38px;display:grid;place-items:center;border:1px solid var(--jb-line);border-radius:4px;background:var(--jb-sand-soft);font-weight:800}.hint,.signed-in{margin:0;color:var(--jb-ink-soft)}.signed-in{font-weight:800;overflow-wrap:anywhere}details{border-top:1px solid var(--jb-line-soft);margin-top:22px;padding-top:18px}summary{cursor:pointer;font-weight:800}.compact-form{margin-top:18px}.page{min-height:100vh;display:grid;place-items:center;padding:32px}.page-card{width:min(720px,100%);border-radius:0;padding:28px}.app-shell{min-height:100vh;background:#f7f4ee}.app-header{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 32px;border-bottom:1px solid var(--jb-line);background:#fffdf8f0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-title-lockup{display:grid;gap:6px;min-width:260px}.brand-logo{display:flex;align-items:center;gap:16px;color:var(--jb-terracotta)}.brand-logo.is-compact{gap:10px}.brand-fin{width:58px;height:58px;flex:0 0 auto}.brand-logo.is-compact .brand-fin{width:34px;height:34px}.brand-logo-copy{display:grid;gap:2px;line-height:1}.brand-cn{color:var(--jb-void);font-family:var(--font-serif);font-size:28px;font-weight:400;letter-spacing:.16em}.brand-logo.is-compact .brand-cn{font-size:18px;letter-spacing:.14em}.brand-en{color:var(--jb-faint);font-family:var(--font-mono);font-size:12px;letter-spacing:.04em}.brand-en span{color:var(--jb-terracotta)}.brand-logo.is-compact .brand-en{font-size:10px}.app-title-lockup .app-title{margin:0;color:var(--jb-depth);font-size:26px;line-height:1.12;font-weight:760}.app-header nav{display:flex;align-items:center;gap:18px;font-weight:700}.app-header a{color:var(--jb-terracotta-dark);text-decoration-color:#8a4a3552;text-underline-offset:4px}.workspace{width:min(1540px,calc(100% - 48px));margin:0 auto;padding:28px 0 48px}.two-column{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px}.main-pane,.ticket-list{display:grid;gap:14px}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.ticket-card{border-radius:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px}.ticket-meta,.actions{display:flex;align-items:center;gap:10px}.side-pane,.queue-card,.metric-card,.inline-form-card,.ai-card,.composer-card,.comment-card{border-radius:3px}.side-pane{display:grid;align-content:start;gap:14px;min-width:0}.stats{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:14px;margin-bottom:18px}.workspace-notice{margin-bottom:18px}.inline-form-card{margin-bottom:14px}.metric-card{display:grid;gap:6px}.queue-grid{display:grid;grid-template-columns:minmax(720px,1fr) minmax(420px,460px);gap:20px;align-items:start}.queue-card{overflow-x:auto}.queue-table{width:100%;border-collapse:collapse;table-layout:fixed}.queue-table th,.queue-table td{border-top:1px solid var(--jb-line-soft);padding:13px 10px;text-align:left;vertical-align:middle}.queue-table th{color:var(--jb-ink-soft);font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase}.queue-table th:nth-child(1),.queue-table td:nth-child(1){width:110px}.queue-table th:nth-child(3),.queue-table td:nth-child(3),.queue-table th:nth-child(4),.queue-table td:nth-child(4){width:130px}.queue-table th:nth-child(5),.queue-table td:nth-child(5),.queue-table th:nth-child(6),.queue-table td:nth-child(6){width:230px}.queue-table th:nth-child(7),.queue-table td:nth-child(7){width:130px}.queue-table tbody tr{cursor:pointer}.queue-table tbody tr:hover,.queue-table tbody tr:focus,.queue-table tbody tr.is-selected{background:#f8eadf;outline:none}.queue-table tbody tr.is-selected td:first-child{font-weight:800}.detail-stack{display:grid;gap:8px;color:var(--jb-ink-soft)}.ai-card{display:grid;gap:10px;background:#fff8e6;border:1px solid #ead0a2;overflow:visible;min-width:0}.ai-card ul{margin:0;padding-left:18px;color:var(--jb-ink-soft)}.composer-card,.comment-card{display:grid;gap:10px;border:1px solid var(--jb-line)}.comment-card{background:var(--jb-paper)}.comment-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.workspace-side{max-height:none;overflow:visible;padding:18px;gap:14px}.action-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.conversation{display:grid;gap:10px;margin-top:4px;min-width:0}.conversation-empty{color:var(--jb-ink-soft)}.conversation-bubble{border:1px solid var(--jb-line-soft);border-radius:6px;padding:10px 12px;background:var(--jb-paper);display:grid;gap:6px}.conversation-bubble.is-internal{background:#fff8e6;border-color:#ead0a2}.conversation-bubble.is-public{background:#f8f5ef;border-color:#d9cfc1}.conversation-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--jb-ink-soft)}.conversation-body{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--jb-ink)}.conversation-event{color:var(--jb-faint);padding-left:6px;border-left:2px solid var(--jb-line)}.composer{display:grid;gap:8px;border:1px solid var(--jb-line);border-radius:8px;padding:12px;background:var(--jb-paper)}.composer-tabs{display:flex;gap:6px}.composer-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.workspace-side .fui-CardHeader{min-width:0}.workspace-side,.workspace-side *{overflow-wrap:anywhere}.ticket-card.is-open{background:var(--jb-paper)}.ticket-card-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;cursor:pointer;padding:4px 0}.ticket-card-summary:focus{outline:2px solid var(--jb-terracotta);outline-offset:2px}.ticket-detail{display:grid;gap:14px;border-top:1px solid var(--jb-line-soft);margin-top:14px;padding-top:14px}.ticket-description{display:grid;gap:6px}@media(max-width:860px){.shell{grid-template-columns:1fr;gap:28px;width:min(100% - 28px,560px)}.brand h1,.brand [class*=largeTitle]{font-size:44px}.app-header,.section-heading{align-items:stretch;flex-direction:column}.two-column,.queue-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.attachment-list{display:grid;gap:6px}.attachment-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;border:1px solid #e3eaeb;border-radius:6px;background:#fff}.attachment-row a{color:#4a7bd6;font-weight:600;text-decoration:none}.attachment-row a:hover{text-decoration:underline}.attachment-uploader{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.draft-attachment-zone{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 12px;border:1px dashed #b8c7cf;background:#f8fbfc;border-radius:6px}.pending-attachment-list{display:flex;flex-wrap:wrap;gap:8px;width:100%}.pending-attachment-chip{display:inline-flex;align-items:center;gap:6px;background:#eaf4ff;border:1px solid #c7ddf4;color:#123b62;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:700}.pending-attachment-chip button{border:0;background:transparent;color:#345;cursor:pointer;font-weight:900;padding:0 2px}.csat-stars,.csat-score-grid{display:flex;gap:6px;margin:12px 0}.csat-star{background:none;border:none;font-size:38px;color:#d8d8de;cursor:pointer;line-height:1;padding:0}.csat-star.is-on{color:#f7b801}.csat-star:focus{outline:2px solid #4a7bd6;border-radius:4px}.csat-score{width:44px;height:44px;border:1px solid #cfd8dc;border-radius:6px;background:#fff;font-weight:700;cursor:pointer}.csat-score.is-on{background:#0f6cbd;border-color:#0f6cbd;color:#fff}.csat-reasons{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.csat-reason{display:inline-flex;align-items:center;gap:6px;border:1px solid #cfd8dc;background:#fff;border-radius:999px;padding:7px 10px;cursor:pointer}.csat-reason.is-selected{border-color:#0f6cbd;background:#eaf4ff}.service-star{color:#d13438;font-size:18px}.inline-csat-card{border-left:4px solid #0f6cbd;background:#f7fbff;display:grid;gap:10px;margin:12px 0}.inline-csat-card.is-starred{border-left-color:#d13438;background:#fff7f7}.inline-csat-card .csat-reasons.is-readonly{margin:0}.inline-csat-card .csat-reason{cursor:default}.button-link{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:36px;padding:0 14px;border-radius:4px;background:#0f6cbd;color:#fff;font-weight:700;text-decoration:none}.button-link:hover{background:#115ea3;color:#fff}.escalate-form{display:grid;gap:10px;border:1px solid #f1d39a;background:#fff8e6;padding:12px}.native-select{width:100%;padding:8px 10px;font-size:14px;border:1px solid #c8c8cf;border-radius:4px;background:#fff}.roster-list{display:grid;gap:10px;margin-top:16px}.add-engineer-card{margin:16px 0;padding:14px 16px}.add-engineer-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;align-items:end}.add-engineer-form>div:first-child{align-self:center}.enterprise-form{display:grid;gap:12px;margin-top:18px}.invite-card{width:min(820px,100%)}.enterprise-admin-card{padding:18px;margin-bottom:18px;border:1px solid #dfe8ea;box-shadow:0 8px 22px #142d370f}.invite-card-heading{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding-bottom:12px;color:#52606d}.enterprise-admin-form{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr)) auto;gap:10px;align-items:end}.org-list{display:grid;gap:10px}.org-row{display:grid;grid-template-columns:minmax(260px,1fr) 180px 160px;gap:16px;align-items:center;padding:12px 16px}.customer-invite-form{display:grid;grid-template-columns:minmax(240px,1.2fr) minmax(180px,.8fr) 150px minmax(180px,.8fr) minmax(180px,.8fr) 120px;gap:12px;align-items:end}.customer-team-grid{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:18px;align-items:start}.team-panel{display:grid;gap:14px;padding:18px;border:1px solid #dfe8ea;box-shadow:0 8px 22px #142d370f}.team-panel-head{display:flex;gap:8px;justify-content:space-between;align-items:flex-start;padding-bottom:10px;border-bottom:1px solid #e5edef}.team-panel-head>div,.section-heading>div{display:grid;gap:4px}.customer-member-list,.invitation-list{display:grid;gap:12px}.customer-member-row{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:18px;align-items:start;padding:18px;border:1px solid #e2eaec;border-radius:8px;background:#fbfdfd}.member-summary{display:flex;align-items:center;gap:12px;min-width:0}.member-avatar{width:40px;height:40px;border-radius:8px;display:grid;place-items:center;background:#e8f4f1;color:#126352;font-weight:800;flex:0 0 auto}.member-copy{display:grid;gap:2px;min-width:0}.member-copy span{overflow-wrap:anywhere}.member-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.role-pill,.status-pill{display:inline-flex;align-items:center;min-height:22px;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:700;background:#eef3f7;color:#3f4d5a}.status-pill.active{background:#e7f7ef;color:#0c6a43}.status-pill.disabled{background:#f6e9e9;color:#9b1c1c}.role-pill{background:#eef4ff;color:#174a9c}.role-pill.muted{background:#f3f5f6;color:#61707e}.member-fields{display:grid;grid-template-columns:minmax(180px,1.15fr) minmax(140px,.75fr) minmax(180px,1fr);gap:12px;align-items:end;min-width:0}.member-fields>*,.member-fields .fui-Field,.member-fields .fui-Input,.member-fields .native-select{min-width:0;width:100%;box-sizing:border-box}.member-actions{grid-column:2 / 3;display:flex;gap:10px;justify-content:flex-end;align-items:center;padding-top:4px}.invitation-row{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:12px;align-items:center;padding:14px;border:1px solid #e2eaec;border-radius:8px;background:#fbfdfd}.invitation-copy{display:grid;gap:4px;min-width:0}.invitation-copy span{overflow-wrap:anywhere}.roster-card{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(220px,.6fr) minmax(260px,.8fr);align-items:center;gap:16px;padding:12px 16px}.roster-identity{display:flex;align-items:center;gap:10px;min-width:0}.online-dot{width:9px;height:9px;border-radius:999px;background:#9aa6b2;display:inline-block;flex:0 0 auto}.online-dot.is-online{background:#21a67a;box-shadow:0 0 0 3px #21a67a24}.roster-roles{display:flex;gap:6px;flex-wrap:wrap}.role-picker{display:grid;gap:8px;min-width:0}.role-chip-row{display:flex;flex-wrap:wrap;gap:6px;min-height:28px;align-items:center}.role-token{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:3px 9px;border:1px solid #bdd3ee;border-radius:999px;background:#eef5ff;color:#174a9c;font-size:12px;font-weight:750;cursor:pointer}.role-token:disabled{cursor:default;opacity:.72}.role-token span{font-size:14px;line-height:1}.role-empty{color:#7a8794;font-size:12px}.role-custom-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.compact-tags{margin-top:4px}.tag-chip{display:inline-flex;align-items:center;min-height:22px;padding:2px 8px;border:1px solid #b7d6cc;background:#eef8f4;color:#0f5f4c;border-radius:999px;font-size:12px;line-height:1.2;font-weight:650}.tag-chip.earned{border-color:#c9d6f2;background:#f1f5ff;color:#174a9c}.roster-editor{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;align-items:end;padding-top:12px;border-top:1px solid #e3eaeb}.oncall-editor-card{padding:18px}.oncall-form{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(220px,1.4fr) repeat(2,minmax(190px,1fr)) minmax(180px,1fr) auto;gap:12px;align-items:end}.oncall-now-card{min-height:126px;align-content:start}.oncall-table th:nth-child(1),.oncall-table td:nth-child(1){width:110px}.oncall-table th:nth-child(6),.oncall-table td:nth-child(6){width:120px}.queue-single{display:grid;gap:16px}.queue-row{cursor:pointer}.queue-row.is-alert{background:#fff8e6;box-shadow:inset 4px 0 #f7630c}.queue-row.is-alert:hover{background:#fff3d6}.queue-row:not(.is-alert):hover{background:#f5f8fc}.queue-alert-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-right:6px;border-radius:50%;background:#f7630c;color:#fff;font-size:13px;font-weight:900}.queue-alert-text{display:block;margin-top:4px;color:#9a3412;font-weight:650}.queue-subject{display:grid;gap:3px;min-width:0}.queue-subject span,.queue-table td{overflow-wrap:anywhere}.queue-assignee-select{min-width:190px}.queue-filter-bar{display:flex;flex-wrap:wrap;gap:12px;padding:8px 0 14px;align-items:flex-end;border-bottom:1px solid #e3eaeb;margin-bottom:8px}.queue-filter-bar>*{min-width:160px}.queue-filter-bar>:first-child{min-width:280px;flex:1 1 320px}.compact-stats .metric-card{min-height:90px}.worktime-list{display:grid;gap:14px}.worktime-card{display:grid;gap:12px}.dense-list{margin:0;padding-left:20px;color:#475569}.compact-table th,.compact-table td{padding:9px 10px}.ticket-workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;margin-top:12px}.ticket-main{display:grid;gap:14px;min-width:0}.ticket-aside{display:grid;gap:14px;align-content:start}.prop-grid{display:grid;grid-template-columns:100px minmax(0,1fr);gap:8px 12px;align-items:center;margin-top:8px}.compact-heading{margin-bottom:8px;align-items:center}.recommendation-list{display:grid;gap:8px}.recommendation-row{width:100%;display:flex;gap:10px;align-items:flex-start;text-align:left;border:1px solid #d9e2e4;border-radius:6px;background:#fff;padding:9px 10px;cursor:pointer}.recommendation-row:hover{background:#f3f8fb}.recommendation-row small,.recommendation-row strong{display:block}.recommendation-row small{color:#52606d;margin-top:2px}.mini-tag-line{display:block;margin-top:4px;color:#0f5f4c;font-size:12px;font-weight:650}.resolve-card{width:100%;display:grid;gap:8px;padding:12px}@media(max-width:980px){.ticket-workspace-grid{grid-template-columns:1fr}}@media(max-width:1180px){.queue-table{min-width:980px}.roster-card,.enterprise-admin-form,.customer-invite-form,.customer-team-grid,.customer-member-row,.org-row,.add-engineer-form,.roster-editor{grid-template-columns:1fr}}