.brand>img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.9);box-shadow:0 4px 14px rgba(16,67,99,.18)}
.avatar-button{overflow:hidden}.avatar-button img{width:100%;height:100%;object-fit:cover}
.auth-brand-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;margin:0 auto 12px;display:block;box-shadow:0 8px 24px rgba(17,72,105,.2)}
body{background:radial-gradient(circle at 8% 12%,rgba(92,199,218,.16),transparent 27%),radial-gradient(circle at 88% 18%,rgba(141,224,194,.16),transparent 25%),linear-gradient(145deg,#f7fbfc 0%,#edf5f8 52%,#f8fbfa 100%);background-attachment:fixed}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.32;background-image:linear-gradient(rgba(21,94,132,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(21,94,132,.035) 1px,transparent 1px);background-size:36px 36px}
.app-shell{position:relative}.ticket,.card,.flow-dialog,.account-dialog{box-shadow:0 10px 30px rgba(31,74,96,.055)}
html[lang="en"] body,html[lang="en"] button,html[lang="en"] input,html[lang="en"] select,html[lang="en"] textarea{font-weight:600;color:#0b2d45}
html[lang="zh-CN"] body,html[lang="zh-CN"] button,html[lang="zh-CN"] input,html[lang="zh-CN"] select,html[lang="zh-CN"] textarea{font-weight:700;color:#082b43}
.language-toggle{min-width:58px;color:#083f67;font-weight:800;font-size:15px}
.sla-track::after{content:"🏁";position:absolute;right:-5px;top:-26px;font-size:22px}.sla-runner{animation:run-to-finish .62s ease-in-out infinite;transform-origin:center bottom}@keyframes run-to-finish{0%,100%{transform:translate(-2px,0) rotate(-3deg)}50%{transform:translate(3px,-5px) rotate(4deg)}}
.sla-fill{position:relative;overflow:hidden}.sla-fill::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.7) 48%,transparent 72%);animation:progress-shine 1.5s linear infinite}@keyframes progress-shine{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.account-dialog{width:min(92vw,560px);max-height:88vh;border:0;border-radius:24px;padding:30px;background:rgba(255,255,255,.98);color:var(--ink)}.account-dialog::backdrop{background:rgba(4,28,45,.72);backdrop-filter:blur(7px)}
.account-heading{display:flex;align-items:center;gap:18px;margin-bottom:24px}.account-heading h2,.account-heading p{margin:0}.account-heading p{color:var(--muted)}
.account-avatar{width:82px;height:82px;border-radius:50%;background:#0d4d78;color:#fff;display:grid;place-items:center;position:relative;cursor:pointer;font-size:30px;overflow:hidden}.account-avatar img{width:100%;height:100%;object-fit:cover}.account-avatar input{position:absolute;width:1px;height:1px;opacity:0}.account-avatar i{position:absolute;right:2px;bottom:2px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0d4d78;font-style:normal;font-size:13px}
.account-section{border:1px solid #d7e4ea;border-radius:16px;overflow:hidden}.account-section h3{padding:15px 16px;margin:0;background:#eef6f8}.account-row{display:grid;grid-template-columns:90px 1fr auto;gap:10px;align-items:center;padding:14px 16px;border-top:1px solid #e1e9ed}.account-row span{color:var(--muted)}.account-row strong{overflow-wrap:anywhere}.account-row button{border:0;background:#eaf4f8;color:#0c5c8d;border-radius:50%;width:32px;height:32px;cursor:pointer}
.account-form{display:grid;gap:10px;padding:16px;margin-top:14px;border-radius:16px;background:#f0f7f8}.account-form h3{margin:0 0 4px}.account-form input{border:1px solid #b8ccd6;border-radius:10px;padding:12px;background:#fff}.sign-out{width:100%;margin-top:18px;padding:12px;border:1px solid #d8a8a2;background:#fff;color:#a32820;border-radius:11px;font-weight:800;cursor:pointer}
@media(max-width:520px){.account-dialog{padding:22px 16px}.account-row{grid-template-columns:72px 1fr auto}}
.media-picker-single{grid-template-columns:1fr}.media-picker-single label{width:64px;height:58px;min-height:58px;border-radius:50%;margin:auto;border-style:solid;background:#fff;box-shadow:0 7px 20px rgba(15,72,105,.12)}.media-picker-single svg{width:29px;height:29px;fill:#0b5f91}.media-picker-single label:hover{background:#eaf6fa;transform:translateY(-1px)}
.account-form[hidden],[hidden]{display:none!important}.account-edit-back{justify-self:start;border:0;background:transparent;color:#175c82;font-weight:800;padding:2px 0 9px;cursor:pointer}.notice.duplicate{background:#ffe7ee!important;border-color:#e87e9c!important;color:#743047!important}.notice.duplicate button{color:#8d3150!important}.submit-sticky.primary{background:#9fd7ec;color:#083c59;box-shadow:0 8px 22px rgba(61,151,190,.16)}.submit-sticky.primary:hover{background:#88cbe5}.avatar-button{background:#c9e8f3!important;color:#083f62!important;border-color:#a9d3e3!important}
.sla-runner{width:34px;height:38px;top:-31px;font-size:0!important;background-repeat:no-repeat;background-position:center;background-size:contain;animation:runner-forward .48s ease-in-out infinite;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 52'%3E%3Ccircle cx='25' cy='7' r='5' fill='%230b4f75'/%3E%3Cg stroke='%230b4f75' stroke-width='4' stroke-linecap='round' fill='none'%3E%3Cpath d='M23 14 L19 29 L29 34'/%3E%3Cg%3E%3Cpath d='M20 19 L10 27'%3E%3CanimateTransform attributeName='transform' type='rotate' values='18 20 19;-18 20 19;18 20 19' dur='.48s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M22 19 L34 23'%3E%3CanimateTransform attributeName='transform' type='rotate' values='-18 22 19;18 22 19;-18 22 19' dur='.48s' repeatCount='indefinite'/%3E%3C/path%3E%3C/g%3E%3Cg%3E%3Cpath d='M20 29 L10 44'%3E%3CanimateTransform attributeName='transform' type='rotate' values='28 20 29;-30 20 29;28 20 29' dur='.48s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M20 29 L33 44'%3E%3CanimateTransform attributeName='transform' type='rotate' values='-30 20 29;28 20 29;-30 20 29' dur='.48s' repeatCount='indefinite'/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.sla-runner::before,.sla-runner::after{content:none!important}@keyframes runner-forward{0%,100%{transform:translate(0,1px)}50%{transform:translate(5px,-3px)}}
.sla-runner{animation:none!important;transform:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%230b5683' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='28' cy='7' r='5' fill='%23f4c96b' stroke='%230b5683'/%3E%3Cpath d='M25 14L20 27L31 31'/%3E%3Cpath d='M23 17L12 25'/%3E%3Cpath d='M24 17L37 21'/%3E%3Cpath d='M20 27L9 42'/%3E%3Cpath d='M20 27L36 40'/%3E%3C/g%3E%3C/svg%3E")!important}.sla-fill{animation:progress-pulse 1.45s ease-in-out infinite}@keyframes progress-pulse{0%,100%{filter:brightness(.96);box-shadow:0 0 0 rgba(22,114,173,0)}50%{filter:brightness(1.18);box-shadow:0 0 12px rgba(22,114,173,.38)}}
.flow-summary>div:nth-child(2){background:linear-gradient(145deg,#fff4ce,#ffe8b2);border:2px solid #e7b84e;box-shadow:0 8px 22px rgba(183,126,21,.16);transform:translateY(-3px)}.flow-summary>div:nth-child(2) small{color:#79530b;font-weight:800}.flow-summary>div:nth-child(2) strong{color:#5e3b00;font-size:18px}.meta>span:first-child{display:inline-flex;align-items:center;background:#fff0c9;color:#684600;border-radius:999px;padding:4px 9px;font-weight:800}.title{color:#062d48}.section-head h2,.flow-title{color:#082f49;font-weight:800}.ticket h3{color:#082f49}.pill{box-shadow:inset 0 0 0 1px rgba(17,80,119,.08)}
.sla-runner{width:40px!important;height:42px!important;top:-34px!important;font-size:0!important;transform:none!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;filter:drop-shadow(0 2px 2px rgba(7,57,88,.18));animation:runner-stride .44s steps(1,end) infinite!important}.sla-runner::before{content:none!important}@keyframes runner-stride{0%,49%{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 52'%3E%3Ccircle cx='32' cy='8' r='6' fill='%23f0b47c'/%3E%3Cpath d='M27 15L22 30L34 32' fill='none' stroke='%23ef4d91' stroke-width='7' stroke-linecap='round'/%3E%3Cpath d='M27 18L15 24M28 18L42 21' fill='none' stroke='%23ef4d91' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M23 30L9 43M23 30L40 42' fill='none' stroke='%231d55ad' stroke-width='6' stroke-linecap='round'/%3E%3Cpath d='M5 45H13M38 44H47' stroke='%230a3555' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") }50%,100%{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 52'%3E%3Ccircle cx='32' cy='8' r='6' fill='%23f0b47c'/%3E%3Cpath d='M27 15L22 30L34 32' fill='none' stroke='%23ef4d91' stroke-width='7' stroke-linecap='round'/%3E%3Cpath d='M27 18L42 23M28 18L16 20' fill='none' stroke='%23ef4d91' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M23 30L40 43M23 30L8 40' fill='none' stroke='%231d55ad' stroke-width='6' stroke-linecap='round'/%3E%3Cpath d='M38 45H47M4 42H12' stroke='%230a3555' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E")}}
.sla-runner{width:36px!important;height:40px!important;top:-32px!important;background:none!important;font-size:0!important;transform:none!important;filter:drop-shadow(0 2px 2px rgba(7,57,88,.18));animation:none!important}.sla-runner::before{content:"🏃"!important;display:block!important;font-size:31px!important;line-height:40px!important;text-align:center;transform:scaleX(-1)!important}
.header-sign-out{min-height:38px;padding:7px 13px;border:1px solid #e4b5b0;border-radius:999px;background:#fff7f6;color:#8e2d26;font:700 14px/1 "Times New Roman",serif;cursor:pointer}.header-sign-out:hover{background:#ffe9e6}.header-sign-out:disabled{opacity:.55;cursor:wait}@media(max-width:520px){.header-sign-out{padding:7px 10px;font-size:13px}}
.ops-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.ops-metrics button{text-align:left;color:inherit;cursor:pointer}.ops-metrics button:hover{border-color:#7fb9d5;transform:translateY(-2px)}.metric-highlight{background:linear-gradient(145deg,#fff7d7,#ffedba)!important;border-color:#e7c260!important}.metric-cost{background:linear-gradient(145deg,#e7f7f4,#d7f1eb)!important;border-color:#9bcfc1!important}.ticket-state{display:grid;justify-items:end;gap:8px}.countdown{font-size:13px;color:#17628d;background:#e6f5fb;padding:5px 9px;border-radius:99px}.countdown.late{color:#a52d22;background:#ffe7e3}.vendor-link,.vendor-name{border:0;background:#eaf5fa;color:#0b5b88;border-radius:9px;padding:5px 9px;font-weight:800;cursor:pointer}.analytics-dialog,.vendor-dialog{width:min(94vw,760px);max-height:88vh;border:0;border-radius:24px;padding:30px;color:#0b324d}.analytics-dialog::backdrop,.vendor-dialog::backdrop{background:rgba(5,35,53,.72);backdrop-filter:blur(6px)}.trend-chart{width:100%;height:auto;margin-top:20px}.trend-chart line{stroke:#ccdae2;stroke-width:2}.trend-chart polyline{fill:none;stroke:#1678ad;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.trend-chart circle{fill:#f2b642;stroke:#fff;stroke-width:3}.trend-labels{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;font-size:10px;text-align:center;color:#5c7484}.trend-labels b{display:block;color:#173e58}.vendor-ranking{display:grid;gap:9px;margin-top:20px}.vendor-ranking button{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;text-align:left;border:1px solid #d9e5ea;background:#f8fbfc;border-radius:13px;padding:12px;cursor:pointer}.vendor-ranking button>b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#dff1f7}.vendor-ranking span{display:grid}.vendor-ranking small{color:#657d8d}.vendor-ranking em{font-style:normal;font-weight:800;color:#086a76}.vendor-score{display:flex;align-items:center;gap:9px;padding:14px;background:#e7f7f3;border-radius:14px;margin:18px 0}.vendor-score>strong{font-size:38px;color:#08736d}.vendor-dialog dl{display:grid;grid-template-columns:145px 1fr;margin:0}.vendor-dialog dt,.vendor-dialog dd{padding:11px;border-bottom:1px solid #e2eaee;margin:0}.vendor-dialog dt{color:#6c808c}.vendor-dialog a{color:#0b6d9e;font-weight:800}.completion-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}@media(max-width:850px){.ops-metrics{grid-template-columns:repeat(2,1fr)}.ops-metrics .metric-cost{grid-column:1/-1}}@media(max-width:600px){.analytics-dialog,.vendor-dialog{padding:22px 15px}.trend-labels{overflow-x:auto;grid-template-columns:repeat(12,52px)}.vendor-dialog dl{grid-template-columns:100px 1fr}.completion-actions{grid-template-columns:1fr}.ticket-state{min-width:92px}}