body.hiop-theme{--hp-bg: #eef1e8;--hp-ink: #18372b;--hp-muted: #6d8176;--hp-faint: #8ea194;--hp-line: #e3ebe4;--hp-line-strong: #cfdcd2;--hp-card: #fff;--hp-soft: #f6faf7;--hp-soft-2: #eef5f0;--hp-primary: #2f6b4e;--hp-primary-hover: #3d7c5d;--hp-primary-soft: #e7f3ea;--hp-primary-ink: #1f6a45;--hp-side: #173e31;--hp-accent: #d8a53c;--hp-accent-soft: #f4e7cf;--hp-accent-line: #efd7aa;--hp-accent-ink: #7a5413;--hp-danger: #b42318;--hp-danger-soft: #fdecec;--hp-ok: #1f8a4c;--hp-tab-bg: rgba(255, 255, 255, .72);--hp-tab-ink: #4e665a;--hp-shadow: 0 10px 30px rgba(18, 56, 44, .06);--hp-shadow-lift: 0 16px 34px rgba(18, 56, 44, .12);--hp-r-sm: 12px;--hp-r-md: 16px;--hp-r-lg: 22px;--hp-r-xl: 28px;--hp-fast: .18s;--hp-base: .26s;--hp-slow: .46s;--hp-ease: cubic-bezier(.22, 1, .36, 1);--hp-spring: cubic-bezier(.34, 1.56, .64, 1);--hp-font: "DM Sans", "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;--theme-bg: var(--hp-bg);--theme-text: var(--hp-ink);--theme-text-secondary: var(--hp-muted);--theme-primary: var(--hp-primary);--theme-primary-rgb: 47, 107, 78;--theme-secondary: var(--hp-side);--theme-accent: var(--hp-accent);--theme-gradient: linear-gradient(135deg, #3d7c5d 0%, #173e31 100%);--theme-glass: var(--hp-card);--theme-border: var(--hp-line);--theme-surface: var(--hp-card);--app-bg: var(--hp-bg);--muted-text: var(--hp-muted);--input-bg: var(--hp-card);--on-primary: #fff;--surface-1: var(--hp-card);--surface-2: var(--hp-soft);--surface-3: var(--hp-soft-2);--surface-border: var(--hp-line);--surface-border-strong: var(--hp-line-strong);--surface-shadow: var(--hp-shadow-lift);--surface-shadow-soft: var(--hp-shadow);--panel-glow: color-mix(in srgb, var(--hp-accent) 16%, transparent);--font-display: var(--hp-font);--radius-control: var(--hp-r-sm);--radius-card: var(--hp-r-lg);--radius-shell: var(--hp-r-xl);--motion-fast: .18s;--motion-standard: .26s var(--hp-ease);color:var(--hp-ink);background:var(--hp-bg);font-family:var(--hp-font)}body.hiop-theme[data-palette=mint]{--hp-bg: #dbfaf5;--hp-ink: #0d302c;--hp-muted: #3d6e68;--hp-faint: #5f8f88;--hp-line: #c5e6e0;--hp-line-strong: #9fcdc6;--hp-card: #fff;--hp-soft: #eefaf7;--hp-soft-2: #dff3ee;--hp-primary: #0f7665;--hp-primary-hover: #0c6458;--hp-primary-soft: #d5f3ec;--hp-primary-ink: #0b5b4e;--hp-side: #10423d;--hp-accent: #d8a53c;--hp-accent-soft: #f4e7cf;--hp-accent-line: #efd7aa;--hp-accent-ink: #7a5413;--hp-tab-bg: rgba(255, 255, 255, .72);--hp-tab-ink: #3d6e68;--hp-shadow: 0 10px 30px rgba(16, 66, 61, .08);--hp-shadow-lift: 0 16px 34px rgba(16, 66, 61, .14);--theme-primary-rgb: 15, 118, 101;--theme-gradient: linear-gradient(135deg, #149484 0%, #10423d 100%)}html.dark body.hiop-theme{--hp-bg: #0e1a15;--hp-ink: #e4efe7;--hp-muted: #93a89b;--hp-faint: #7c9185;--hp-line: rgba(255, 255, 255, .08);--hp-line-strong: rgba(255, 255, 255, .16);--hp-card: #15251e;--hp-soft: #1a2d25;--hp-soft-2: #1f352b;--hp-primary: #3f8f66;--hp-primary-hover: #4aa076;--hp-primary-soft: rgba(95, 174, 132, .16);--hp-primary-ink: #8fd4ad;--hp-side: #0b1f18;--hp-accent: #e0b04f;--hp-accent-soft: rgba(216, 165, 60, .14);--hp-accent-line: rgba(216, 165, 60, .32);--hp-accent-ink: #f0cd83;--hp-danger: #ff9b8f;--hp-danger-soft: rgba(180, 35, 24, .2);--hp-ok: #6fd39a;--hp-tab-bg: rgba(255, 255, 255, .06);--hp-tab-ink: #b9cabe;--hp-shadow: 0 10px 30px rgba(0, 0, 0, .28);--hp-shadow-lift: 0 16px 34px rgba(0, 0, 0, .42);--theme-primary-rgb: 63, 143, 102;--theme-gradient: linear-gradient(135deg, #3f8f66 0%, #1f5a40 100%)}html.dark body.hiop-theme[data-palette=mint]{--hp-bg: #0c2c29;--hp-ink: #e7f6f3;--hp-muted: #b7d4ce;--hp-faint: #8fb3ac;--hp-line: rgba(219, 250, 245, .12);--hp-line-strong: rgba(219, 250, 245, .22);--hp-card: #123f3a;--hp-soft: #184842;--hp-soft-2: #1d524b;--hp-primary: #0f7665;--hp-primary-hover: #0c6458;--hp-primary-soft: rgba(15, 118, 101, .32);--hp-primary-ink: #b6efe3;--hp-side: #08211f;--hp-accent: #d8a53c;--hp-accent-soft: rgba(216, 165, 60, .16);--hp-accent-line: rgba(216, 165, 60, .4);--hp-accent-ink: #f0cd83;--hp-danger: #ff9b8f;--hp-danger-soft: rgba(180, 35, 24, .22);--hp-ok: #7ddec0;--hp-tab-bg: rgba(219, 250, 245, .06);--hp-tab-ink: #c9e8e2;--hp-shadow: 0 10px 30px rgba(0, 0, 0, .28);--hp-shadow-lift: 0 16px 34px rgba(0, 0, 0, .42);--theme-primary-rgb: 15, 118, 101;--theme-gradient: linear-gradient(135deg, #149484 0%, #0f7665 100%)}body.hiop-theme[data-palette=mint] .backdrop--shell .backdrop__veil{background:linear-gradient(180deg,#dbfaf5db,#dbfaf5ed 44%,#dbfaf5f5)}html.dark body.hiop-theme[data-palette=mint] .backdrop--shell .backdrop__veil{background:linear-gradient(180deg,#0c2c29e6,#0c2c29f2 46%,#0c2c29f7)}body.hiop-theme[data-palette=mint] .side,body.hiop-theme[data-palette=mint] .log-panel{background:radial-gradient(120% 50% at 50% -10%,rgba(20,160,145,.35),transparent 68%),linear-gradient(180deg,#1a6b60,#10423d)}html.dark body.hiop-theme[data-palette=mint] .side,html.dark body.hiop-theme[data-palette=mint] .log-panel{background:radial-gradient(120% 50% at 50% -10%,rgba(20,148,132,.28),transparent 68%),linear-gradient(180deg,#14574e,#08211f)}@media(max-width:900px){body.hiop-theme[data-palette=mint] .stage-tools{background:radial-gradient(120% 50% at 50% -10%,rgba(20,160,145,.35),transparent 68%),linear-gradient(180deg,#1a6b60,#10423d)}html.dark body.hiop-theme[data-palette=mint] .stage-tools{background:radial-gradient(120% 50% at 50% -10%,rgba(20,148,132,.28),transparent 68%),linear-gradient(180deg,#14574e,#08211f)}}body.hiop-theme[data-palette=mint] .avatar{background:var(--hp-primary)}.hiop-theme .hp-page{display:grid;gap:14px;min-width:0;align-content:start}.hiop-theme .hp-card{min-width:0;border:1px solid var(--hp-line);border-radius:var(--hp-r-lg);background:var(--hp-card);box-shadow:var(--hp-shadow);animation:hp-card-settle .42s var(--hp-ease) backwards;transition:transform var(--hp-fast) var(--hp-ease),box-shadow var(--hp-base) ease,border-color var(--hp-fast) ease}.hiop-theme .hp-card:nth-child(2){animation-delay:.05s}.hiop-theme .hp-card:nth-child(3){animation-delay:.1s}.hiop-theme .hp-card--lift:hover{transform:translateY(-2px);box-shadow:var(--hp-shadow-lift)}.hiop-theme .hp-pad{padding:16px 18px}.hiop-theme .hp-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.hiop-theme .hp-row--wrap{flex-wrap:wrap}.hiop-theme .hp-block-title{margin:0;color:var(--hp-ink);font-size:15px;font-weight:700}.hiop-theme .hp-sub{margin:0;color:var(--hp-muted);font-size:12px;line-height:1.55}.hiop-theme .hp-grid-3{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1.15fr) minmax(0,.9fr);gap:12px}.hiop-theme .hp-grid-2{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.7fr);gap:12px}.hiop-theme .hp-grid-even{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(max-width:1100px){.hiop-theme .hp-grid-3,.hiop-theme .hp-grid-2,.hiop-theme .hp-grid-even{grid-template-columns:1fr}}.hiop-theme .hp-btn{position:relative;height:36px;display:inline-flex;flex:none;align-items:center;justify-content:center;gap:6px;padding:0 14px;border:1px solid var(--hp-line);border-radius:var(--hp-r-sm);background:var(--hp-card);color:var(--hp-ink);font:inherit;font-size:13px;font-weight:600;line-height:1;white-space:nowrap;text-decoration:none;cursor:pointer;transition:transform var(--hp-fast) var(--hp-ease),background var(--hp-fast) ease,border-color var(--hp-fast) ease,box-shadow var(--hp-base) ease}.hiop-theme .hp-btn:hover:not(:disabled):not([aria-disabled=true]){transform:translateY(-1px);border-color:var(--hp-line-strong)}.hiop-theme .hp-btn:active:not(:disabled):not([aria-disabled=true]){transform:scale(.97)}.hiop-theme .hp-btn:disabled,.hiop-theme .hp-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.hiop-theme .hp-btn--solid{isolation:isolate;overflow:hidden;border-color:transparent;background:var(--hp-primary);color:#fff}.hiop-theme .hp-btn--solid:hover:not(:disabled):not([aria-disabled=true]){border-color:transparent;background:var(--hp-primary-hover);box-shadow:0 10px 22px color-mix(in srgb,var(--hp-primary) 26%,transparent)}.hiop-theme .hp-btn--solid:after{content:"";position:absolute;z-index:-1;top:-80%;bottom:-80%;left:0;width:28%;background:#ffffff42;animation:hp-sheen-sweep 3.2s ease-in-out infinite;pointer-events:none}.hiop-theme .hp-btn--solid:disabled:after,.hiop-theme .hp-btn--solid[aria-disabled=true]:after{display:none}.hiop-theme .hp-btn--warm{border-color:var(--hp-accent-line);background:var(--hp-accent-soft);color:var(--hp-accent-ink)}.hiop-theme .hp-btn--warm:hover:not(:disabled):not([aria-disabled=true]){border-color:var(--hp-accent)}.hiop-theme .hp-btn--danger{color:var(--hp-danger)}.hiop-theme .hp-btn--danger:hover:not(:disabled):not([aria-disabled=true]){border-color:color-mix(in srgb,var(--hp-danger) 38%,transparent);background:var(--hp-danger-soft)}.hiop-theme .hp-btn--sm{height:30px;padding:0 10px;border-radius:10px;font-size:12px}.hiop-theme .hp-btn--icon{width:36px;padding:0}.hiop-theme .hp-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}@media(max-width:640px){.hiop-theme .hp-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.hiop-theme .hp-tabs::-webkit-scrollbar{display:none}.hiop-theme .hp-tabs>button,.hiop-theme .hp-tabs>a{flex:none;scroll-snap-align:start}}.hiop-theme .hp-tabs>button,.hiop-theme .hp-tabs>a{height:36px;display:inline-flex;align-items:center;gap:6px;padding:0 14px;border:0;border-radius:var(--hp-r-sm);background:var(--hp-tab-bg);color:var(--hp-tab-ink);font:inherit;font-size:14px;text-decoration:none;cursor:pointer;transition:transform var(--hp-fast) var(--hp-ease),background var(--hp-fast) ease,color var(--hp-fast) ease}.hiop-theme .hp-tabs>button:hover,.hiop-theme .hp-tabs>a:hover{background:var(--hp-card);color:var(--hp-ink)}.hiop-theme .hp-card .hp-tabs>button:not(.on):not([aria-selected=true]),.hiop-theme .hp-card .hp-tabs>a:not(.on):not([aria-selected=true]){background:var(--hp-soft)}.hiop-theme .hp-card .hp-tabs>button:not(.on):not([aria-selected=true]):hover,.hiop-theme .hp-card .hp-tabs>a:not(.on):not([aria-selected=true]):hover{background:var(--hp-soft-2)}.hiop-theme .hp-tabs>button:active,.hiop-theme .hp-tabs>a:active{transform:scale(.97)}.hiop-theme .hp-tabs>.on,.hiop-theme .hp-tabs>[aria-selected=true]{background:var(--hp-primary);color:#fff}.hiop-theme .hp-tabs>.on:hover,.hiop-theme .hp-tabs>[aria-selected=true]:hover{background:var(--hp-primary-hover);color:#fff}.hiop-theme .hp-tabs .hp-count{min-width:18px;padding:0 5px;border-radius:999px;background:#00000014;font-size:11px;line-height:18px;text-align:center}.hiop-theme .hp-tabs>.on .hp-count{background:#ffffff38}.hiop-theme .hp-empty{min-height:220px;display:grid;place-items:center;align-content:center;gap:8px;padding:24px;color:var(--hp-faint);text-align:center}.hiop-theme .hp-empty__icon{color:#b7c7be;font-size:38px}.hiop-theme .hp-empty b{display:block;color:#5d7368;font-size:16px}html.dark .hiop-theme .hp-empty b{color:var(--hp-ink)}.hiop-theme .hp-empty p{max-width:440px;margin:0;color:var(--hp-muted);font-size:13px;line-height:1.6}.hiop-theme .hp-empty .hp-empty__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px}.hiop-theme .hp-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hiop-theme .hp-stat{min-width:0;padding:10px 12px;border-radius:14px;background:var(--hp-soft)}.hiop-theme .hp-stat>span{display:flex;align-items:center;gap:6px;color:var(--hp-muted);font-size:12px}.hiop-theme .hp-stat>b{display:block;margin-top:4px;overflow:hidden;font-size:18px;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}@media(max-width:480px){.hiop-theme .hp-stat>b{overflow-wrap:anywhere;font-size:16px;white-space:normal}}.hiop-theme .hp-tag{display:inline-flex;flex:none;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:var(--hp-primary-soft);color:var(--hp-primary-ink);font-size:12px;font-weight:600;line-height:1.5;white-space:nowrap}.hiop-theme .hp-tag--wait{background:color-mix(in srgb,var(--hp-muted) 12%,transparent);color:var(--hp-muted)}.hiop-theme .hp-tag--warn{background:var(--hp-accent-soft);color:var(--hp-accent-ink)}.hiop-theme .hp-tag--danger{background:var(--hp-danger-soft);color:var(--hp-danger)}.hiop-theme .hp-dot{width:8px;height:8px;display:inline-block;flex:none;border-radius:50%;background:#b9c4be}.hiop-theme .hp-dot.on{background:#21a34a;box-shadow:0 0 0 3px #21a34a29}.hiop-theme .hp-dot.warn{background:#e2a100}.hiop-theme .hp-dot.off{background:#c2410c}.hiop-theme .hp-field{display:grid;gap:6px;min-width:0}.hiop-theme .hp-field>span{color:var(--hp-muted);font-size:12px;font-weight:600}.hiop-theme .hp-input,.hiop-theme .hp-select,.hiop-theme .hp-textarea{width:100%;min-height:38px;padding:0 12px;border:1px solid var(--hp-line);border-radius:var(--hp-r-sm);outline:none;background:var(--hp-card);color:var(--hp-ink);font:inherit;font-size:14px;transition:border-color var(--hp-fast) ease,box-shadow var(--hp-base) ease}.hiop-theme .hp-textarea{min-height:120px;padding:10px 12px;line-height:1.6;resize:vertical}.hiop-theme .hp-input:focus,.hiop-theme .hp-select:focus,.hiop-theme .hp-textarea:focus{border-color:var(--hp-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--hp-primary) 16%,transparent)}.hiop-theme .hp-input:disabled,.hiop-theme .hp-select:disabled,.hiop-theme .hp-textarea:disabled{opacity:.6;cursor:not-allowed}.hiop-theme .hp-err,.hiop-theme .hp-ok-note,.hiop-theme .hp-info{margin:0;padding:10px 12px;border-radius:10px;font-size:13px;line-height:1.6}.hiop-theme .hp-err{background:var(--hp-danger-soft);color:#d92d20}html.dark .hiop-theme .hp-err{color:var(--hp-danger)}.hiop-theme .hp-ok-note{background:var(--hp-primary-soft);color:var(--hp-primary-ink)}.hiop-theme .hp-info{background:var(--hp-soft);color:var(--hp-muted)}.hiop-theme code.hp-code,.hiop-theme .hp-gap code{padding:1px 6px;border-radius:6px;background:color-mix(in srgb,var(--hp-card) 72%,transparent);color:var(--hp-ink);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}@keyframes hp-section-arrive{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes hp-card-settle{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@keyframes hp-sheen-sweep{0%{transform:translate(-140%) rotate(16deg)}60%,to{transform:translate(420%) rotate(16deg)}}@keyframes hp-feature-orbit{0%{transform:translateZ(0) rotate(0)}to{transform:translate3d(-14px,14px,0) rotate(14deg)}}@keyframes hp-hero-drift{0%{transform:translateZ(0) rotate(0)}to{transform:translate3d(-20px,14px,0) rotate(9deg)}}@keyframes hp-hero-sheen{0%,12%{opacity:.68}58%,to{opacity:1}}@keyframes hp-bar-shimmer{0%{transform:translate(-100%)}55%,to{transform:translate(100%)}}@keyframes hp-icon-settle{0%{transform:scale(.82) rotate(-8deg)}70%{transform:scale(1.12) rotate(3deg)}to{transform:none}}@keyframes hp-row-reveal{0%{opacity:0;transform:translate(7px)}to{opacity:1;transform:none}}@keyframes hp-status-pulse{0%,to{box-shadow:0 0 0 4px #c2efb01f}50%{box-shadow:0 0 0 8px #c2efb000}}@media(prefers-reduced-motion:reduce){body.hiop-theme *,body.hiop-theme *:before,body.hiop-theme *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}:root{color:var(--hp-ink, #18372b);background:var(--hp-bg, #eef1e8);font-family:DM Sans,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#app{margin:0;max-width:100%;overflow-x:clip}body{min-height:100dvh;color:var(--hp-ink);background:var(--hp-bg)}a{color:var(--hp-primary-ink)}button,input,select,textarea{font:inherit}button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 14px;border:1px solid transparent;border-radius:var(--hp-r-sm, 12px);background:var(--hp-primary, #2f6b4e);color:#fff;font-size:13px;font-weight:650;line-height:1;cursor:pointer}button.ghost,a.as-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border:1px solid var(--hp-line-strong, #cfdcd2);border-radius:var(--hp-r-sm, 12px);background:var(--hp-card, #fff);color:var(--hp-ink, #18372b);font-size:13px;font-weight:650;text-decoration:none}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--hp-primary);outline-offset:2px}input[type=checkbox]{width:auto;min-height:0}input,select,textarea{width:100%;min-height:44px;border:1px solid var(--hp-line);border-radius:var(--hp-r-sm, 12px);padding:.55rem .75rem;background:var(--hp-card);color:var(--hp-ink)}textarea{min-height:96px;padding-top:.6rem}h1,h2,h3{margin:0 0 .6rem;line-height:1.3}h1{font-size:1.35rem}h2{font-size:1rem}p{margin:.35rem 0}main{display:grid;gap:14px;min-width:0}.card{min-width:0;padding:16px 18px;border:1px solid var(--hp-line);border-radius:var(--hp-r-lg, 22px);background:var(--hp-card);box-shadow:var(--hp-shadow)}.row{display:grid;gap:10px;margin-bottom:.8rem}.error,.hp-err{margin:0;padding:10px 12px;border-radius:10px;background:var(--hp-danger-soft);color:#d92d20}html.dark .error,html.dark .hp-err{color:var(--hp-danger)}.notice{margin:0;padding:10px 12px;border-radius:10px;background:var(--hp-primary-soft);color:var(--hp-primary-ink)}.dialog-back{position:fixed;z-index:1400;inset:0;display:grid;place-items:center;padding:16px;background:#0a1e1675}.dialog{width:min(420px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:18px;border-radius:var(--hp-r-lg, 22px);background:var(--hp-card);color:var(--hp-ink);box-shadow:var(--hp-shadow-lift)}.dialog .row,.dialog p:last-child{display:flex;flex-wrap:wrap;gap:8px}.dialog button{min-height:44px}.codes,.codes-list{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.codes-list{display:grid;gap:8px;margin:8px 0 0;padding:0;list-style:none}.codes-list li{padding:10px 12px;border-radius:12px;background:var(--hp-soft)}.bar-row{display:grid;gap:4px;margin:8px 0}.bar{display:block;height:8px;min-width:4px;background:var(--hp-primary);border-radius:99px}.health-bar{background:#b42318;color:#fff;padding:.55rem .75rem;border-radius:12px;margin-bottom:.8rem}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:22px 24px;border-radius:28px;color:#f4faf6;background:radial-gradient(80% 140% at 100% 0%,rgba(216,165,60,.38),transparent 52%),linear-gradient(135deg,#3d7c5d,#173e31);box-shadow:0 16px 34px #12382c29}.hero h1{margin:0;font-size:1.7rem}.hero p{margin:6px 0 0;color:#f4faf6d1}.page-kicker,.eyebrow{margin:0;color:var(--hp-faint);font-size:12px;font-weight:700;letter-spacing:.04em}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 22px;border:1px solid var(--hp-line);border-radius:var(--hp-r-lg, 22px);background:var(--hp-card);box-shadow:var(--hp-shadow)}.page-head h1{margin:4px 0;font-size:1.7rem}.page-head-text{min-width:0}.page-head-extra{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat{padding:14px 16px}.stat span{color:var(--hp-muted);font-size:12px;font-weight:650}.stat b{display:block;margin-top:6px;overflow-wrap:anywhere;font-size:26px;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.skel{display:grid;gap:10px}.skel span,.stat-grid.skel span{display:block;height:72px;border-radius:18px;background:linear-gradient(90deg,var(--hp-soft),var(--hp-soft-2),var(--hp-soft));background-size:200% 100%;animation:skel-shine 1.2s ease-in-out infinite}.empty{padding:28px 16px;border-radius:18px;background:var(--hp-soft);color:var(--hp-muted);text-align:center}.empty b{display:block;margin-bottom:4px;color:var(--hp-ink)}.empty-action{margin-top:12px}table.sheet{width:100%;border-collapse:collapse;background:transparent}.sheet th,.sheet td{text-align:left;padding:.65rem .7rem;border-bottom:1px solid var(--hp-line);vertical-align:middle}.sheet th{color:var(--hp-muted);font-size:12px;font-weight:700}@media(min-width:769px){.sheet thead th{position:sticky;top:0;z-index:2;background:var(--hp-card);box-shadow:inset 0 -1px 0 var(--hp-line)}}.sheet tbody tr:hover{background:var(--hp-soft)}.actions,.pager{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ticket{display:grid;gap:8px;margin-top:12px;padding:14px;border:1px solid var(--hp-line);border-radius:18px;background:var(--hp-soft)}.ticket header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.ticket header h2{margin:0}.muted{color:var(--hp-muted);font-size:13px}.login-stage{min-height:100dvh;display:grid;align-content:center;justify-items:center;gap:12px;padding:24px 16px 32px}.login-stage main{width:min(440px,100%)}.login-tools{width:min(440px,100%);display:flex;align-items:center;justify-content:space-between;gap:8px}.login-brand{font-weight:750;color:var(--hp-ink)}.shell{display:grid;grid-template-columns:228px minmax(0,1fr);height:100vh;height:100dvh;background:var(--hp-bg);color:var(--hp-ink)}.side{display:flex;flex-direction:column;min-height:0;margin:12px 0 12px 12px;padding:16px 12px 12px;border-radius:26px;color:#e7f3ea;background:radial-gradient(120% 50% at 50% -10%,color-mix(in srgb,var(--hp-primary) 55%,transparent),transparent 68%),linear-gradient(180deg,color-mix(in srgb,var(--hp-primary) 38%,var(--hp-side)),var(--hp-side));box-shadow:0 18px 40px #081e162e}.brand{display:flex;align-items:center;gap:8px;padding:2px 8px 14px;font-size:15px;font-weight:750}.brand svg{flex:none}.brand-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-nav{display:grid;align-content:start;gap:2px;min-height:0;overflow:auto}.side-nav a{position:relative;min-height:44px;display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:12px;color:#e2eee3d1;font-size:14px;text-decoration:none}.side-nav a.on{color:#fff;background:#78be9138;box-shadow:inset 0 0 0 1px #b4e6be2e}.side-nav a.on:before{content:"";position:absolute;left:0;width:3px;height:58%;border-radius:99px;background:#d7ffe4}.side-foot{display:grid;gap:8px;margin-top:auto;padding-top:12px}.side-meta{color:#d6e6d69e;font-size:11px;line-height:1.45}.side-foot button{min-height:44px;border:1px solid rgba(255,255,255,.12);background:#00000029;color:#ffb4a8}.stage{min-width:0;overflow:auto;padding:16px 18px 28px}.stage-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-bottom:8px}.tool-btn{width:44px;height:44px;min-height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:999px;background:color-mix(in srgb,var(--hp-ink) 8%,transparent);color:var(--hp-ink)}.menu-btn,.dock,button.filters-toggle{display:none}@media(min-width:769px){.filters-body .row{grid-template-columns:repeat(2,minmax(0,1fr))}}.login-tools .tool-btn{background:var(--hp-primary);color:#fff}.qr{width:min(220px,100%);height:auto;border-radius:16px;background:#fff}@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.shell{display:block;height:auto;min-height:100dvh}html[data-nav-open] .shell{overflow:hidden}.side{display:none}.stage{overflow:visible;padding:10px 10px calc(92px + env(safe-area-inset-bottom,0px))}.stage-tools{position:sticky;top:0;z-index:5;justify-content:flex-end;margin:0 -10px 10px;padding:calc(8px + env(safe-area-inset-top,0px)) 10px 8px;border-radius:0 0 18px 18px;background:linear-gradient(180deg,color-mix(in srgb,var(--hp-primary) 30%,var(--hp-side)),var(--hp-side))}.stage-tools:before{content:attr(data-brand);margin-right:auto;overflow:hidden;color:#e7f3ea;font-size:15px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.tool-btn{background:#ffffff24;color:#e7f3ea}.menu-btn{display:grid}.dock{position:fixed;z-index:30;right:0;bottom:0;left:0;display:flex;justify-content:center;padding:0 8px calc(8px + env(safe-area-inset-bottom,0px));pointer-events:none}.dock-bar{width:min(100%,520px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:6px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:linear-gradient(180deg,color-mix(in srgb,var(--hp-primary) 35%,var(--hp-side)),var(--hp-side));box-shadow:0 14px 34px #081e1652;pointer-events:auto}.nav-item{min-width:0;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 2px;border:0;border-radius:16px;background:transparent;color:#e2eee3d1;font-size:11px;font-weight:650}.nav-item.on{background:#78be9142;color:#fff}.dock-scrim{position:fixed;z-index:40;inset:0;display:flex;align-items:flex-end;background:#0a1e1675}.dock-sheet{width:min(100%,560px);max-height:86dvh;margin-inline:auto;overflow:auto;padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px));border-radius:24px 24px 0 0;background:var(--hp-card);color:var(--hp-ink)}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.sheet-close{width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:999px;background:var(--hp-soft);color:var(--hp-ink)}.sheet-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.sheet-pages a{min-height:44px;display:flex;align-items:center;padding:0 12px;border-radius:14px;background:var(--hp-soft);color:var(--hp-ink);text-decoration:none;font-weight:650}.sheet-pages a.on{background:var(--hp-primary-soft);color:var(--hp-primary-ink)}.sheet-logout{width:100%;min-height:44px;margin-top:12px;background:var(--hp-danger)}button.filters-toggle{display:inline-flex;width:100%;margin-bottom:8px}.filters-body{display:none}.filters-body.open{display:block}.page-head{flex-direction:column;padding:16px}.page-head-extra{justify-content:flex-start}.hero{flex-direction:column;align-items:flex-start;padding:18px}table.sheet td{min-height:44px;align-items:center}.stat b{font-size:22px}table.sheet,table.sheet tbody,table.sheet tr,table.sheet td{display:block;width:100%}table.sheet thead{display:none}table.sheet tr{display:flex;flex-direction:column;margin:0 0 12px;padding:8px 12px;border:1px solid var(--hp-line);border-radius:18px;background:var(--hp-card);box-shadow:var(--hp-shadow)}table.sheet td{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:8px 0;border:0;border-bottom:1px solid var(--hp-line);text-align:right}table.sheet td:last-child{border-bottom:0}table.sheet td:before{content:attr(data-label);color:var(--hp-muted);font-size:12px;font-weight:700;text-align:left}table.sheet td.key{order:-1;border-bottom:0;font-size:16px;font-weight:750;text-align:left}table.sheet td.key:before{display:none}table.sheet td.actions-cell{justify-content:flex-start}table.sheet td.actions-cell:before{display:none}.card{padding:14px}.row>button,.actions>button,.actions>a.as-btn,.pager>button{min-height:44px}}@keyframes skel-shine{0%{background-position:100% 0}to{background-position:-100% 0}}.filters-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sheet td,.sheet th,.page-head,.card,pre.codes{overflow-wrap:anywhere}.spinner{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}.toast-host{position:fixed;z-index:1600;top:12px;right:12px;left:12px;display:grid;justify-items:end;gap:8px;pointer-events:none}.toast{max-width:min(420px,100%);margin:0;padding:12px 14px;border:1px solid var(--hp-line);border-radius:14px;background:var(--hp-card);color:var(--hp-ink);box-shadow:var(--hp-shadow-lift)}.toast.ok{border-color:color-mix(in srgb,var(--hp-primary) 55%,var(--hp-line))}.toast.err{border-color:transparent;background:var(--hp-danger-soft);color:var(--hp-danger)}.palette-picker{position:relative}.pp-panel{position:absolute;z-index:80;top:calc(100% + 8px);right:0;width:min(300px,calc(100vw - 24px));padding:14px;border:1px solid var(--hp-line);border-radius:16px;background:var(--hp-card);color:var(--hp-ink);box-shadow:var(--hp-shadow-lift)}.pp-title{margin-bottom:8px;font-size:15px;font-weight:700}.pp-note,.pp-foot{margin:0 0 8px;color:var(--hp-muted);font-size:12px;line-height:1.5}.pp-note{padding:8px 10px;border-radius:10px;background:var(--hp-accent-soft);color:var(--hp-accent-ink)}.pp-option{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;margin-top:6px;padding:8px;border:1px solid transparent;border-radius:12px;background:transparent;color:inherit;text-align:left}.pp-option.is-active{border-color:var(--hp-primary);background:var(--hp-primary-soft)}.pp-swatch{width:36px;height:36px;flex:none;border-radius:10px;box-shadow:inset 0 0 0 1px #ffffff59}.pp-text{display:flex;flex:1;flex-direction:column;min-width:0}.pp-name{font-size:14px;font-weight:700}.pp-desc{color:var(--hp-muted);font-size:12px;line-height:1.4}.pp-check{color:var(--hp-primary);font-weight:750}.pp-foot{margin:10px 2px 0}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:800px){.split{grid-template-columns:1fr}}@media(max-width:768px){.filters-meta .filters-toggle{width:auto;flex:1;margin-bottom:0}.pp-panel{position:fixed;inset:auto 0 0;width:auto;border-radius:20px 20px 0 0;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}}