:root{--bg: #eef2f6;--surface: #ffffff;--surface-2: #f6f9fb;--surface-3: #eef3f8;--ink: #1b2733;--ink-soft: #51606f;--ink-faint: #8493a3;--on-brand: #ffffff;--line: #e4eaf0;--line-strong: #d3dde6;--brand: #2f6fb0;--brand-strong: #245a91;--brand-soft: #e9f2fb;--brand-tint: #f3f8fd;--accent: #2f8f83;--accent-soft: #e4f4f1;--good: #2e9e6b;--good-soft: #e6f6ee;--warn: #b9802a;--warn-soft: #fbf1de;--danger: #c2544d;--danger-soft: #fbeae8;--neutral: #6b7a89;--neutral-soft: #eef2f6;--radius-lg: 18px;--radius: 14px;--radius-sm: 10px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(18, 38, 58, .05);--shadow: 0 1px 2px rgba(18, 38, 58, .04), 0 8px 24px rgba(18, 38, 58, .07);--shadow-lg: 0 12px 40px rgba(18, 38, 58, .12);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", Roboto, "Helvetica Neue", Arial, sans-serif;--fs-base: 16.5px;--sidebar-w: 264px;--topbar-h: 64px;--content-max: 1080px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);font-size:var(--fs-base);line-height:1.55;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--brand-strong);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0;font-weight:650;letter-spacing:-.01em;color:var(--ink)}p{margin:0}button{font-family:inherit}:focus-visible{outline:3px solid var(--brand-soft);outline-offset:2px}.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{position:sticky;top:0;align-self:start;height:100vh;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:18px 14px;gap:4px}.sidebar__brand{display:flex;align-items:center;gap:11px;padding:6px 10px 16px}.sidebar__logo{width:38px;height:38px;border-radius:11px;background:linear-gradient(140deg,var(--brand) 0%,var(--accent) 130%);color:#fff;display:grid;place-items:center;font-weight:800;font-size:18px;flex:none}.sidebar__brandtext b{display:block;font-size:15px;line-height:1.2}.sidebar__brandtext span{font-size:12px;color:var(--ink-faint)}.nav{display:flex;flex-direction:column;gap:2px;overflow-y:auto}.nav__group{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);padding:14px 12px 6px}.nav__item{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:var(--radius-sm);color:var(--ink-soft);font-weight:550;font-size:14.5px;cursor:pointer;transition:background .12s,color .12s;text-decoration:none}.nav__item:hover{background:var(--surface-2);text-decoration:none;color:var(--ink)}.nav__item.is-active{background:var(--brand-soft);color:var(--brand-strong);font-weight:650}.nav__ico{width:20px;text-align:center;font-size:16px;flex:none}.nav__badge{margin-left:auto;background:var(--danger);color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-pill);display:grid;place-items:center}.nav__spacer{flex:1}.main{min-width:0;display:flex;flex-direction:column}.topbar{height:var(--topbar-h);position:sticky;top:0;z-index:10;background:#ffffffdb;-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 26px}.topbar__title{font-weight:650;font-size:15px}.topbar__spacer{flex:1}.topbar__case{font-size:13px;color:var(--ink-soft);display:flex;align-items:center;gap:8px}.topbar__user{display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;background:var(--brand-soft);color:var(--brand-strong);display:grid;place-items:center;font-weight:700;font-size:13px}.topbar__burger{display:none;flex-direction:column;justify-content:center;gap:4px;width:38px;height:38px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;padding:0 9px;flex:none}.topbar__burger span{display:block;height:2px;border-radius:2px;background:var(--ink)}.scrim{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#121c286b;z-index:40;opacity:0;transition:opacity .18s}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}.content{padding:28px 26px 64px;width:100%;max-width:calc(var(--content-max) + 52px);margin:0 auto}.page-head{margin-bottom:22px}.page-head h1{font-size:25px}.page-head__sub{color:var(--ink-soft);margin-top:6px;max-width:70ch}.page-head__row{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap}.page-head__row>.page-head__actions{margin-left:auto}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card--pad{padding:20px}.card--flat{box-shadow:none}.card__head{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--line)}.card__head h3{font-size:16px}.card__head .sub{font-size:13px;color:var(--ink-faint)}.card__body{padding:20px}.card__foot{padding:14px 20px;border-top:1px solid var(--line);background:var(--surface-2);border-radius:0 0 var(--radius) var(--radius)}.grid{display:grid;gap:18px}.grid--2{grid-template-columns:1fr 1fr}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--2-1{grid-template-columns:1.6fr 1fr}.stack{display:flex;flex-direction:column;gap:18px}.row{display:flex;align-items:center;gap:12px}.row--wrap{flex-wrap:wrap}.spacer{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--radius-sm);padding:10px 16px;font-size:14.5px;font-weight:600;cursor:pointer;transition:background .12s,border-color .12s,transform .05s,box-shadow .12s;white-space:nowrap;text-decoration:none;line-height:1.1}.btn:active{transform:translateY(1px)}.btn:hover{text-decoration:none}.btn--primary{background:var(--brand);color:var(--on-brand)}.btn--primary:hover{background:var(--brand-strong)}.btn--accent{background:var(--accent);color:#fff}.btn--accent:hover{filter:brightness(.96)}.btn--ghost{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.btn--ghost:hover{background:var(--surface-2)}.btn--subtle{background:var(--brand-soft);color:var(--brand-strong)}.btn--subtle:hover{background:#ddeafb}.btn--danger{background:var(--danger-soft);color:var(--danger)}.btn--danger:hover{background:#f7dcd9}.btn--lg{padding:13px 22px;font-size:15.5px}.btn--sm{padding:7px 12px;font-size:13px}.btn--block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-pill);font-size:12.5px;font-weight:600;line-height:1.5}.badge .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.badge--good{background:var(--good-soft);color:var(--good)}.badge--warn{background:var(--warn-soft);color:var(--warn)}.badge--danger{background:var(--danger-soft);color:var(--danger)}.badge--brand{background:var(--brand-soft);color:var(--brand-strong)}.badge--accent{background:var(--accent-soft);color:var(--accent)}.badge--neutral{background:var(--neutral-soft);color:var(--neutral)}.muted{color:var(--ink-soft)}.faint{color:var(--ink-faint)}.small{font-size:13px}.tiny{font-size:12px}.strong{font-weight:650}.num{font-variant-numeric:tabular-nums}.mt-0{margin-top:0}.mt-1{margin-top:6px}.mt-2{margin-top:12px}.mt-3{margin-top:18px}.mt-4{margin-top:26px}.center{text-align:center}.metric{display:flex;flex-direction:column;gap:3px}.metric__val{font-size:24px;font-weight:700;letter-spacing:-.02em}.metric__label{font-size:13px;color:var(--ink-soft)}.proc{display:flex;flex-direction:column}.proc__step{display:grid;grid-template-columns:34px 1fr;gap:14px;position:relative;padding-bottom:4px}.proc__rail{display:flex;flex-direction:column;align-items:center}.proc__dot{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;background:var(--surface-3);color:var(--ink-faint);border:2px solid var(--line-strong);flex:none;z-index:1}.proc__line{width:2px;flex:1;background:var(--line-strong);margin:2px 0;min-height:18px}.proc__step.is-done .proc__dot{background:var(--good);border-color:var(--good);color:#fff}.proc__step.is-done .proc__line{background:var(--good)}.proc__step.is-current .proc__dot{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 0 0 4px var(--brand-soft)}.proc__body{padding-bottom:18px}.proc__title{font-weight:600;font-size:15px}.proc__meta{font-size:12.5px;color:var(--ink-faint);margin-top:2px}.proc__now{margin-top:10px;background:var(--brand-tint);border:1px solid var(--brand-soft);border-radius:var(--radius-sm);padding:12px 14px}.duo{display:grid;gap:8px;margin-top:8px}.duo__item{display:grid;grid-template-columns:22px 1fr;gap:9px;font-size:14px}.duo__k{font-size:16px;line-height:1.4}.duo__label{font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint)}.list{display:flex;flex-direction:column}.litem{display:flex;align-items:center;gap:14px;padding:14px 20px;border-top:1px solid var(--line)}.litem:first-child{border-top:none}.litem__ico{width:38px;height:38px;border-radius:10px;background:var(--surface-2);display:grid;place-items:center;font-size:17px;flex:none}.litem__main{min-width:0;flex:1}.litem__title{font-weight:550;font-size:14.5px}.litem__sub{font-size:12.5px;color:var(--ink-faint);margin-top:1px}.litem__end{display:flex;align-items:center;gap:10px;flex:none}.bar{height:9px;border-radius:var(--radius-pill);background:var(--surface-3);overflow:hidden}.bar__fill{height:100%;border-radius:var(--radius-pill);background:var(--brand)}.bar__fill--good{background:var(--good)}.bar__fill--accent{background:var(--accent)}.note{border-radius:var(--radius);padding:14px 16px;display:flex;gap:12px;font-size:14px}.note__ico{font-size:18px;line-height:1.4;flex:none}.note--info{background:var(--brand-tint);border:1px solid var(--brand-soft)}.note--good{background:var(--good-soft);border:1px solid #cdedda}.note--warn{background:var(--warn-soft);border:1px solid #f0dcb4}.note--accent{background:var(--accent-soft);border:1px solid #c9e9e3}.note--danger{background:var(--danger-soft);border:1px solid #efc9c5}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field>label{font-size:13.5px;font-weight:600;color:var(--ink-soft)}.input,.select,.textarea{width:100%;border:1px solid var(--line-strong);background:var(--surface);border-radius:var(--radius-sm);padding:11px 13px;font-size:15px;font-family:inherit;color:var(--ink)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.textarea{resize:vertical;min-height:90px}.choice{display:flex;gap:13px;border:1.5px solid var(--line-strong);border-radius:var(--radius);padding:16px;cursor:pointer;transition:border-color .12s,background .12s,box-shadow .12s;background:var(--surface);text-align:left;width:100%}.choice:hover{border-color:var(--brand);background:var(--brand-tint)}.choice.is-selected{border-color:var(--brand);background:var(--brand-tint);box-shadow:0 0 0 3px var(--brand-soft)}.choice__ico{font-size:22px;flex:none}.choice__title{font-weight:600}.choice__desc{font-size:13px;color:var(--ink-soft);margin-top:3px}.stepper{display:flex;align-items:center;gap:8px;margin-bottom:8px}.stepper__seg{height:6px;flex:1;border-radius:var(--radius-pill);background:var(--surface-3)}.stepper__seg.is-on{background:var(--brand)}.chat{display:flex;flex-direction:column;gap:14px;padding:20px;max-height:460px;overflow-y:auto}.msg{max-width:78%;padding:11px 14px;border-radius:14px;font-size:14.5px}.msg__meta{font-size:11.5px;color:var(--ink-faint);margin-top:5px}.msg--in{align-self:flex-start;background:var(--surface-2);border:1px solid var(--line);border-bottom-left-radius:5px}.msg--out{align-self:flex-end;background:var(--brand);color:#fff;border-bottom-right-radius:5px}.msg--out .msg__meta{color:#ffffffbf}.msg--day{align-self:center;background:transparent;color:var(--ink-faint);font-size:12px}.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);font-weight:700;padding:10px 14px;border-bottom:1px solid var(--line)}.tbl td{padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.acc{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.acc__item{border-top:1px solid var(--line)}.acc__item:first-child{border-top:none}.acc__q{width:100%;text-align:left;background:none;border:none;padding:16px 18px;font-size:15px;font-weight:600;cursor:pointer;display:flex;gap:12px;align-items:center;color:var(--ink)}.acc__q .chev{margin-left:auto;color:var(--ink-faint);transition:transform .15s}.acc__item.is-open .chev{transform:rotate(90deg)}.acc__a{padding:0 18px 18px;color:var(--ink-soft);font-size:14.5px}.toggle{width:42px;height:24px;border-radius:var(--radius-pill);background:var(--line-strong);position:relative;cursor:pointer;border:none;flex:none;transition:background .15s}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:left .15s}.toggle.is-on{background:var(--brand)}.toggle.is-on:after{left:21px}.pulse{width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 #2e9e6b80;animation:pulse 2.4s infinite;flex:none}@keyframes pulse{0%{box-shadow:0 0 #2e9e6b80}70%{box-shadow:0 0 0 7px #2e9e6b00}to{box-shadow:0 0 #2e9e6b00}}.demobar{background:#1b2733;color:#cfdae6;font-size:12.5px;padding:7px 26px;display:flex;align-items:center;gap:10px}.demobar b{color:#fff}@media (max-width: 1080px){.grid--3{grid-template-columns:1fr 1fr}.grid--2-1{grid-template-columns:1fr}}@media (max-width: 860px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;height:100vh;width:280px;max-width:86vw;z-index:50;transform:translate(-100%);transition:transform .22s ease;box-shadow:var(--shadow-lg)}.sidebar.is-open{transform:translate(0)}.scrim.is-on{display:block;opacity:1}.topbar__burger{display:flex}.topbar{padding:0 14px;gap:10px}.topbar__title{font-size:15px}.topbar__caseno{display:none}.grid--2,.grid--3{grid-template-columns:1fr}.content{padding:20px 16px 72px}.page-head h1{font-size:22px}.msg{max-width:88%}}@media (max-width: 420px){.topbar__case{display:none}}