:root{color:#172033;font-synthesis:none;background:#f3f6fa;font-family:Inter,Microsoft YaHei UI,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.eyebrow{color:#3975e9;letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:800}.muted{color:#778195}.auth-shell{background:#f7f9fc;grid-template-columns:minmax(0,1.2fr) minmax(380px,.8fr);min-height:100vh;display:grid}.auth-story{color:#fff;background:radial-gradient(circle at 14% 20%,#488bff73,#0000 32rem),linear-gradient(145deg,#122a58 0%,#0c1c3c 62%,#09162f 100%);flex-direction:column;justify-content:center;min-height:100vh;padding:clamp(48px,8vw,120px);display:flex}.brand-mark{color:#fff;background:#3975e9;border:1px solid #ffffff47;border-radius:17px;place-items:center;width:54px;height:54px;margin-bottom:48px;font-size:24px;font-weight:850;display:grid;box-shadow:0 16px 36px #0000003d}.brand-mark.small{width:38px;height:38px;box-shadow:none;border:0;border-radius:12px;margin:0;font-size:17px}.auth-story .eyebrow{color:#8db6ff}.auth-story h1{letter-spacing:-.045em;max-width:760px;margin:0;font-size:clamp(38px,5vw,68px);line-height:1.12}.auth-story>p:not(.eyebrow){color:#bac8e5;max-width:630px;margin:28px 0 0;font-size:17px;line-height:1.8}.security-note{color:#c9d5ec;align-items:center;gap:10px;margin-top:50px;font-size:13px;display:flex}.security-note span{background:#44d49a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #44d49a1f}.auth-card{background:#fff;border:1px solid #e4e9f1;border-radius:22px;align-self:center;width:min(420px,100% - 64px);margin:auto;padding:44px;box-shadow:0 24px 60px #1c30501a}.auth-card h2,.page-heading h2,.drawer h2{color:#172033;letter-spacing:-.025em;margin:0}.auth-card h2{font-size:30px}.auth-card>.muted{margin:10px 0 30px;font-size:14px}.customer-entry-link,.operator-entry-link{color:#3975e9;font-size:13px;font-weight:750;text-decoration:none}.customer-entry-link{text-align:center;margin-top:24px;display:block}.operator-entry-link{justify-self:end}.customer-request-shell{background:#f7f9fc;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);min-height:100vh;display:grid}.customer-request-intro{color:#fff;background:radial-gradient(circle at 14% 20%,#488bff73,#0000 32rem),linear-gradient(145deg,#122a58 0%,#0c1c3c 62%,#09162f 100%);flex-direction:column;justify-content:center;min-height:100vh;padding:clamp(48px,8vw,120px);display:flex}.customer-request-intro .eyebrow{color:#8db6ff}.customer-request-intro h1{letter-spacing:-.045em;max-width:700px;margin:0;font-size:clamp(38px,5vw,64px);line-height:1.12}.customer-request-intro>p:not(.eyebrow){color:#bac8e5;max-width:680px;margin:28px 0 0;font-size:17px;line-height:1.8}.customer-request-intro ul{color:#d8e2f5;gap:12px;max-width:650px;margin:34px 0 0;padding-left:22px;line-height:1.65;display:grid}.customer-request-card{background:#fff;border:1px solid #e4e9f1;border-radius:22px;align-self:center;width:min(520px,100% - 64px);margin:auto;padding:44px;box-shadow:0 24px 60px #1c30501a}.customer-request-card h2{letter-spacing:-.025em;margin:0 0 28px;font-size:30px;line-height:1.25}.customer-consent-copy,.customer-status-hint{color:#68748a;margin:0;font-size:12px;line-height:1.7}.customer-ticket-status{gap:18px;display:grid}.customer-ticket-status h3,.customer-ticket-status p{margin:0}.customer-ticket-status dl{gap:10px;margin:0;display:grid}.customer-ticket-status dl div{background:#f8faff;border:1px solid #e4e9f1;border-radius:12px;gap:5px;padding:13px 15px;display:grid}.customer-ticket-status dt{color:#778195;font-size:11px;font-weight:800}.customer-ticket-status dd{overflow-wrap:anywhere;margin:0;font-size:13px}@media (width<=860px){.customer-request-shell{grid-template-columns:1fr}.customer-request-intro{min-height:auto;padding:48px 28px}.customer-request-card{width:min(100% - 32px,560px);margin:32px auto;padding:28px}}form,.detail-section{gap:18px;display:grid}label{color:#3b465a;gap:8px;font-size:13px;font-weight:700;display:grid}input,select,textarea{color:#172033;background:#fbfcfe;border:1px solid #dce3ee;border-radius:10px;outline:none;width:100%;height:46px;padding:0 14px;transition:all .16s}textarea{resize:vertical;min-height:96px;padding:12px 14px}input:focus,select:focus,textarea:focus{background:#fff;border-color:#3975e9;box-shadow:0 0 0 4px #3975e91a}.primary{color:#fff;background:#3975e9;border:0;border-radius:10px;min-height:42px;padding:0 18px;font-weight:750;box-shadow:0 9px 20px #3975e938}.primary:hover:not(:disabled){background:#2f68d5}.primary:disabled{cursor:not-allowed;opacity:.55}.wide{width:100%;margin-top:4px}.text-button{color:#3975e9;background:0 0;border:0;padding:12px 0;font-size:13px;font-weight:700}.text-button.compact{padding:4px}.form-error,.notice{border-radius:9px;padding:12px 14px;font-size:13px}.form-error{color:#a33a3a;background:#fff0f0}.notice{color:#225d49;background:#eaf8f2;margin:0 24px}.workspace{grid-template-columns:236px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#d7e1f5;background:#102449;flex-direction:column;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:2px 8px 28px;display:flex}.brand strong,.brand span{display:block}.brand strong{color:#fff;font-size:15px}.brand span{color:#7790bc;letter-spacing:.1em;text-transform:uppercase;margin-top:3px;font-size:10px;font-weight:750}nav{gap:6px;display:grid}nav button{color:#9eafd0;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:11px 13px;font-size:14px;font-weight:650;display:flex}nav button span{color:#7187ad;text-align:center;width:20px;font-size:17px}nav button:hover,nav button.active{color:#fff;background:#ffffff14}nav button.active span{color:#6ca1ff}.sidebar-security{background:#4573c717;border:1px solid #7ea5eb29;border-radius:11px;align-items:center;gap:10px;margin-top:auto;padding:13px;display:flex}.sidebar-security>span{color:#44d49a;font-size:10px}.sidebar-security strong,.sidebar-security p{margin:0;display:block}.sidebar-security strong{color:#e5ecf8;font-size:12px}.sidebar-security p{color:#7f93b7;margin-top:2px;font-size:10px}.profile{color:inherit;text-align:left;background:0 0;border:0;border-top:1px solid #ffffff14;align-items:center;gap:10px;margin-top:14px;padding:11px 9px;display:flex}.profile>span{color:#fff;background:#3975e9;border-radius:50%;place-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:grid}.profile strong,.profile small{display:block}.profile strong{color:#fff;font-size:12px}.profile small{color:#8296ba;margin-top:2px;font-size:10px}.content{background:#f3f6fa;min-width:0;min-height:100vh}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd6;border-bottom:1px solid #e5eaf1;justify-content:space-between;align-items:center;height:64px;padding:0 clamp(24px,4vw,54px);display:flex}.mobile-title{color:#59657a;font-size:13px;font-weight:750}.realtime-status{color:#7a8494;align-items:center;gap:7px;margin-left:auto;margin-right:12px;font-size:12px;font-weight:700;display:inline-flex}.session-time{color:#758095;white-space:nowrap;font-size:10px;font-weight:700}.session-time.warning{color:#b16c22}.realtime-status span{color:#c5ccd6;font-size:9px}.realtime-status.connected{color:#287a53}.realtime-status.connected span{color:#29b36f}.refresh,.icon-button{color:#5f6b7e;background:#fff;border:1px solid #dde4ee}.refresh{border-radius:8px;padding:8px 12px;font-size:12px;font-weight:700}.page-stack{gap:24px;padding:38px clamp(24px,4vw,54px) 60px;display:grid}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.page-heading h2{font-size:29px}.page-heading .muted{margin:0 0 5px;font-size:12px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metrics article{background:#fff;border:1px solid #e3e8f0;border-radius:14px;align-items:center;gap:14px;min-height:108px;padding:20px;display:flex;box-shadow:0 8px 24px #2235540d}.metric-icon{border-radius:11px;place-items:center;width:38px;height:38px;font-size:11px;display:grid}.metric-icon.blue{color:#3975e9;background:#edf3ff}.metric-icon.green{color:#27966d;background:#eaf8f2}.metric-icon.amber{color:#cc841f;background:#fff5e6}.metric-icon.violet{color:#7655cf;background:#f2edff}.metrics strong,.metrics span{display:block}.metrics strong{color:#172033;letter-spacing:-.03em;font-size:27px}.metrics div span{color:#7c879a;margin-top:3px;font-size:11px;font-weight:650}.panel{background:#fff;border:1px solid #e2e7ef;border-radius:14px;overflow:hidden;box-shadow:0 8px 28px #2639580d}.panel-title{justify-content:space-between;align-items:center;padding:20px 22px 14px;display:flex}.section-actions{align-items:center;gap:8px;display:flex}.panel-title h3,.panel-title p,.detail-section h3,.detail-section p,.section-heading h3,.section-heading p{margin:0}.panel-title h3,.detail-section h3,.section-heading h3{color:#273248;font-size:14px}.panel-title p,.detail-section p,.section-heading p{color:#8a94a7;margin-top:5px;font-size:11px;line-height:1.6}.table-wrap{overflow-x:auto}.directory-panel{overflow:hidden}.directory-toolbar{background:#fafbfd;border-bottom:1px solid #e8ecf2;grid-template-columns:minmax(240px,1fr) minmax(150px,190px) auto auto;align-items:center;gap:10px;padding:16px 18px;display:grid}.ticket-directory-toolbar{grid-template-columns:minmax(190px,1fr) minmax(125px,155px) minmax(115px,145px) minmax(115px,145px) auto auto}.assignment-badge{border-radius:999px;align-items:center;min-height:23px;padding:4px 8px;font-size:9px;font-weight:750;display:inline-flex}.assignment-mine{color:#25684f;background:#e9f7f1}.assignment-other{color:#75602f;background:#fff5dc}.assignment-none{color:#778195;background:#f0f3f7}.directory-toolbar input,.directory-toolbar select{border-radius:8px;height:38px;font-size:11px}.directory-count{color:#7f899b;white-space:nowrap;font-size:10px;font-weight:700}.device-retirement-actions{justify-items:start;gap:.2rem;display:grid}.device-name-button{max-width:380px;color:inherit;text-align:left;background:0 0;border:0;padding:0}.device-name-button:hover strong,.device-name-button:focus-visible strong{color:#3975e9}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;white-space:nowrap;border-top:1px solid #edf0f5;padding:14px 22px}th{color:#8993a5;letter-spacing:.06em;text-transform:uppercase;background:#fafbfd;font-size:10px;font-weight:800}td{color:#59657a}td strong,td small{display:block}td strong{color:#263248;text-overflow:ellipsis;max-width:380px;overflow:hidden}td small{color:#9ba4b4;margin-top:4px;font-size:9px}td code{color:#536179;background:#f1f4f8;border-radius:6px;padding:4px 7px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.short-code-cell{align-items:center;gap:7px;display:flex}.copy-code-button{color:#3975e9;background:#fff;border:1px solid #dce4ef;border-radius:6px;padding:4px 7px;font-size:9px;font-weight:750}.copy-code-button:hover{background:#f2f6ff;border-color:#a9c4f9}.device-drawer{width:min(560px,100%)}.detail-copy-button{flex:none;padding:7px 12px}.support-code-large{color:#245ec8;letter-spacing:.14em;margin:18px 0 12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:28px;font-weight:800;display:inline-block}.device-security-note{color:#6d788c;margin:0;font-size:11px}.drawer-feedback{margin:14px 24px 0}.ownership-notice{color:#675321;background:#fff9e9;border:1px solid #f0dca8;border-radius:9px;gap:5px;margin:14px 24px 0;padding:13px 15px;font-size:11px;display:grid}.ownership-notice span{color:#857346;line-height:1.55}.device-facts{gap:14px;margin:16px 0 0;display:grid}.device-facts div{grid-template-columns:108px minmax(0,1fr);gap:14px;display:grid}.device-facts dt{color:#8a94a6;font-size:10px;font-weight:750}.device-facts dd{color:#344056;overflow-wrap:anywhere;min-width:0;margin:0}.mono-value{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.device-name-form{border-top:1px solid #edf0f5;gap:12px;margin-top:4px;padding-top:18px}.device-name-actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.device-name-actions small{color:#7c879a;max-width:310px;font-size:10px;line-height:1.55}.device-name-actions .primary{flex:none}.device-danger-zone{background:snow;border-color:#f0d7d7}.history-count{color:#68758a;background:#eef2f7;border-radius:999px;flex:none;padding:5px 8px;font-size:9px;font-weight:750}.device-ticket-list{gap:8px;display:grid}.device-ticket-item{color:#344056;text-align:left;background:#fbfcfe;border:1px solid #e4e9f1;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:13px 14px;display:flex}.device-ticket-item:hover,.device-ticket-item:focus-visible{background:#f4f7ff;border-color:#aac5f9}.device-ticket-item>span:first-child{min-width:0}.device-ticket-item strong,.device-ticket-item small{display:block}.device-ticket-item strong{color:#263248;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.device-ticket-item small{color:#929daf;margin-top:5px;font-size:9px}.device-ticket-item .badge{flex:none}.history-limit{color:#8b96a8;margin:0;font-size:10px}tr.clickable{cursor:pointer}tr.clickable:hover td{background:#f8faff}.badge{color:#667085;background:#f0f2f5;border-radius:999px;align-items:center;padding:4px 8px;font-size:9px;font-weight:800;display:inline-flex}.priority-badge{color:#667085;background:#f7f8fa;border:1px solid #dde3ec;border-radius:999px;align-items:center;padding:4px 8px;font-size:9px;font-weight:800;display:inline-flex}.priority-low{color:#68758a}.priority-normal{color:#3567b7;background:#f1f6ff;border-color:#d5e2f8}.priority-high{color:#9b6313;background:#fff8e8;border-color:#f1dfbd}.priority-urgent{color:#ad3b3b;background:#fff1f1;border-color:#f1cece}.status-online,.status-active,.status-succeeded,.status-authorized,.status-in_progress{color:#217755;background:#e8f7f0}.status-submitted,.status-pending,.status-running,.status-claimed,.status-cancel_requested{color:#9a661d;background:#fff4df}.status-failed,.status-timed_out,.status-disabled{color:#aa4545;background:#ffeded}.status-trusted{color:#217755;background:#e8f7f0}.status-revoked{color:#aa4545;background:#ffeded}.catalog-boundary{color:#47617f;background:#f4f8ff;border:1px solid #d8e4f8;border-radius:12px;padding:14px 16px;font-size:12px;line-height:1.7}.catalog-notice{margin:0}.catalog-form-panel{overflow:visible}.catalog-form{grid-template-columns:repeat(2,minmax(0,1fr));padding:4px 22px 24px}.catalog-form .span-2{grid-column:1/-1}.catalog-form-actions{justify-content:flex-end;display:flex}.team-form label small{color:#8a94a7;margin-top:5px;font-size:10px}.mono-input{letter-spacing:.03em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.danger-text{color:#aa4545}.empty,.loading{color:#98a1b1;text-align:center;padding:52px 24px;font-size:12px}.empty.small{padding:20px}.drawer-backdrop{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0c182f59;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:#f7f9fc;width:min(640px,100%);height:100%;overflow-y:auto;box-shadow:-24px 0 70px #0a1b392e}.drawer>header{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border-bottom:1px solid #e6eaf1;justify-content:space-between;align-items:flex-start;gap:20px;padding:26px 28px 20px;display:flex;position:sticky;top:0}.drawer h2{max-width:520px;font-size:21px;line-height:1.35}.icon-button{border-radius:9px;flex:none;width:34px;height:34px;font-size:20px}.detail-meta{background:#e1e6ef;border:1px solid #e1e6ef;border-radius:11px;grid-template-columns:repeat(3,1fr);gap:1px;margin:20px 24px 0;display:grid;overflow:hidden}.detail-meta>span{color:#8a94a6;letter-spacing:.05em;text-transform:uppercase;background:#fff;min-width:0;padding:13px 14px;font-size:9px;font-weight:750}.detail-meta strong,.detail-meta .badge{color:#344056;text-overflow:ellipsis;text-transform:none;white-space:nowrap;width:max-content;max-width:100%;margin-top:7px;display:block;overflow:hidden}.detail-section{background:#fff;border:1px solid #e1e6ef;border-radius:12px;margin:20px 24px;padding:20px}.ticket-priority-section{grid-template-columns:minmax(0,1fr) auto;align-items:center}.ticket-priority-section h3,.ticket-priority-section p{margin:0}.ticket-priority-section p{margin-top:6px}.ticket-priority-control{align-items:center;gap:9px;display:flex}.ticket-priority-control select{width:116px;height:38px;font-size:11px}.ticket-notes-section{gap:14px}.note-count{color:#7d8799;flex:none;font-size:11px;font-weight:750}.ticket-note-list{gap:9px;display:grid}.ticket-note{background:#fafbfd;border:1px solid #e6eaf1;border-radius:9px;padding:13px 14px}.ticket-note>div,.ticket-note-form-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.ticket-note strong{color:#354157;font-size:11px}.ticket-note time,.ticket-note-form-actions>span{color:#929bad;font-size:10px}.ticket-note p{color:#59657a;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0;font-size:12px;line-height:1.7}.ticket-note-form{border-top:1px solid #edf0f5;gap:10px;padding-top:4px}.ticket-note-form textarea{font-size:12px;line-height:1.6}.ticket-note-form-actions .primary{margin:0}.note-locked{color:#7f8999;background:#f4f6f9;border-radius:8px;padding:11px 13px}.section-heading,.timeline-title{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.timeline-status-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.capability-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.capability{color:#677287;cursor:pointer;background:#fafbfd;border:1px solid #e0e6ef;border-radius:8px;align-items:center;gap:8px;min-height:39px;padding:8px 10px;font-size:11px;display:flex}.capability.selected{color:#3266c8;background:#f2f6ff;border-color:#a9c4f9}.capability input{accent-color:#3975e9;width:14px;height:14px}.live-dot{color:#217755;background:#e8f7f0;border-radius:999px;align-items:center;gap:6px;padding:5px 8px;font-size:9px;font-weight:800;display:inline-flex}.live-dot:before{content:"";background:#2aaa76;border-radius:50%;width:6px;height:6px}.chain-valid,.chain-invalid{border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800}.chain-valid{color:#217755;background:#e8f7f0}.chain-invalid{color:#aa4545;background:#ffeded}.report-preview>strong{color:#2f3b51;font-size:13px}.report-preview>p{color:#69758a;margin-top:8px}.report-preview pre{max-height:320px}.action-buttons{flex-wrap:wrap;gap:8px;display:flex}.action-buttons button{color:#41506a;background:#f9fbfd;border:1px solid #dbe3ef;border-radius:8px;min-height:36px;padding:0 12px;font-size:10px;font-weight:750}.action-buttons button:hover:not(:disabled){color:#2f64cb;background:#f2f6ff;border-color:#a7c1f3}.action-buttons .danger-soft{color:#a84b4b;background:#fff5f5;border-color:#f1caca}.timeline{gap:0;display:grid}.timeline article{grid-template-columns:18px minmax(0,1fr);gap:10px;padding:12px 0;display:grid;position:relative}.timeline article:not(:last-child):before{content:"";background:#e1e6ef;width:1px;position:absolute;top:27px;bottom:-13px;left:5px}.timeline-dot{z-index:1;background:#aab3c1;border:3px solid #fff;border-radius:50%;width:11px;height:11px;margin-top:4px;position:relative;box-shadow:0 0 0 1px #d7dce5}.timeline-dot.status-succeeded{background:#2aaa76}.timeline-dot.status-failed,.timeline-dot.status-timed_out{background:#d05a5a}.timeline-title strong{color:#344056;font-size:11px}.timeline article p{color:#99a2b2;margin:4px 0 0;font-size:9px}pre{color:#546077;white-space:pre-wrap;background:#f4f6f9;border-radius:8px;max-height:180px;margin:10px 0 0;padding:11px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;line-height:1.55;overflow:auto}@media (width<=980px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-shell{grid-template-columns:1fr}.auth-story{display:none}}@media (width<=720px){.workspace{display:block}.sidebar{width:100%;height:auto;padding:14px;position:static}.brand,.sidebar-security{display:none}nav{grid-template-columns:repeat(6,1fr)}nav button{justify-content:center}.profile{border:0;width:auto;margin:0;position:absolute;top:8px;right:8px}.profile div,nav button span{display:none}.page-heading{flex-direction:column;align-items:flex-start}.directory-toolbar,.ticket-priority-section{grid-template-columns:1fr}.directory-count{white-space:normal}.metrics,.capability-grid,.detail-meta,.catalog-form{grid-template-columns:1fr}.catalog-form .span-2{grid-column:auto}.drawer{width:100%}.device-name-actions{flex-direction:column;align-items:stretch}.device-name-actions small{max-width:none}}