:root{--font-sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,"SF Mono","SFMono-Regular","JetBrains Mono","Menlo","Consolas",monospace;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s7:32px;--s8:40px;--s9:56px;--r-sm:6px;--r-md:9px;--r-lg:13px;--r-xl:18px;--r-pill:999px;--ease:cubic-bezier(0.32,0.72,0,1);--dur-1:0.12s;--dur-2:0.22s;--dur-3:0.4s;--brass:#e0a13c;--brass-strong:#f0b658;--brass-deep:#b97d1f;--brass-ink:#24160200}:root,:root[data-theme=light]{color-scheme:light;--bg:#f4f2ec;--bg-grid:#e7e3d8;--surface:#fbfaf6;--surface-2:#f0ede4;--surface-3:#e8e4d8;--panel-ink:#ffffff;--border:#ded9cc;--border-strong:#cbc4b2;--text:#201d16;--text-2:#4b473c;--muted:#86806f;--faint:#a7a190;--accent:#b97d1f;--accent-hover:#a56c14;--accent-soft:#f5e9d2;--accent-ink:#ffffff;--shadow-1:0 1px 2px rgba(40,33,15,0.06),0 1px 1px rgba(40,33,15,0.04);--shadow-2:0 4px 14px rgba(40,33,15,0.09),0 2px 4px rgba(40,33,15,0.05);--shadow-pop:0 18px 46px rgba(40,33,15,0.16);--c-neutral:#6a6456;--c-neutral-bg:#eceae1;--c-neutral-bd:#d8d3c5;--c-info:#1e63b0;--c-info-bg:#e2edfa;--c-info-bd:#bcd6f4;--c-flow:#6b3fc0;--c-flow-bg:#ece2fb;--c-flow-bd:#d6c4f4;--c-ok:#1c7a4b;--c-ok-bg:#dcf1e4;--c-ok-bd:#b4dfc4;--c-warn:#a25a06;--c-warn-bg:#f7e8cf;--c-warn-bd:#eacfa0;--c-danger:#bc2f34;--c-danger-bg:#f8e0e0;--c-danger-bd:#f0c0c0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#0d0e11;--bg-grid:#16181d;--surface:#141519;--surface-2:#1b1d23;--surface-3:#23262e;--panel-ink:#101115;--border:#262932;--border-strong:#333743;--text:#edeae2;--text-2:#bdb9ae;--muted:#8b8778;--faint:#635f54;--accent:#e0a13c;--accent-hover:#f0b658;--accent-soft:#2a2113;--accent-ink:#1a1206;--shadow-1:0 1px 2px rgba(0,0,0,0.4);--shadow-2:0 8px 24px rgba(0,0,0,0.45),0 2px 6px rgba(0,0,0,0.4);--shadow-pop:0 24px 60px rgba(0,0,0,0.6);--c-neutral:#9a948a;--c-neutral-bg:#21242b;--c-neutral-bd:#333743;--c-info:#6fb2ff;--c-info-bg:#16233a;--c-info-bd:#274a72;--c-flow:#b493f5;--c-flow-bg:#22193a;--c-flow-bd:#453163;--c-ok:#58cf94;--c-ok-bg:#10281d;--c-ok-bd:#1f5238;--c-warn:#e6a94b;--c-warn-bg:#2a2010;--c-warn-bd:#574016;--c-danger:#f2726f;--c-danger-bg:#2c1616;--c-danger-bd:#5a2a2a}}:root[data-theme=dark]{color-scheme:dark;--bg:#0d0e11;--bg-grid:#16181d;--surface:#141519;--surface-2:#1b1d23;--surface-3:#23262e;--panel-ink:#101115;--border:#262932;--border-strong:#333743;--text:#edeae2;--text-2:#bdb9ae;--muted:#8b8778;--faint:#635f54;--accent:#e0a13c;--accent-hover:#f0b658;--accent-soft:#2a2113;--accent-ink:#1a1206;--shadow-1:0 1px 2px rgba(0,0,0,0.4);--shadow-2:0 8px 24px rgba(0,0,0,0.45),0 2px 6px rgba(0,0,0,0.4);--shadow-pop:0 24px 60px rgba(0,0,0,0.6);--c-neutral:#9a948a;--c-neutral-bg:#21242b;--c-neutral-bd:#333743;--c-info:#6fb2ff;--c-info-bg:#16233a;--c-info-bd:#274a72;--c-flow:#b493f5;--c-flow-bg:#22193a;--c-flow-bd:#453163;--c-ok:#58cf94;--c-ok-bg:#10281d;--c-ok-bd:#1f5238;--c-warn:#e6a94b;--c-warn-bg:#2a2010;--c-warn-bd:#574016;--c-danger:#f2726f;--c-danger-bg:#2c1616;--c-danger-bd:#5a2a2a}*,:after,:before{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);background-image:radial-gradient(var(--bg-grid) 1px,transparent 1px);background-size:22px 22px;color:var(--text);font-family:var(--font-sans);font-size:14.5px;line-height:1.5;letter-spacing:-.006em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}h1,h2,h3,h4{font-weight:600;letter-spacing:-.02em;line-height:1.15;color:var(--text)}h1{font-size:1.5rem}h2{font-size:1.05rem}h3{font-size:.92rem}::selection{background:var(--accent-soft);color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:3px solid var(--bg)}::-webkit-scrollbar-track{background:transparent}.mono,.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.num{letter-spacing:-.01em}.eyebrow{font-family:var(--font-mono);font-size:.66rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.eyebrow,.muted{color:var(--muted)}.text-2{color:var(--text-2)}.err{color:var(--c-danger)}.err,.ok{font-size:.85rem}.ok{color:var(--c-ok)}.btn,button.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);line-height:1;transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),transform var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease),color var(--dur-1) var(--ease);white-space:nowrap}.btn,button.btn,button:not(.btn):not(.icon-btn):not(.tab){font-family:var(--font-sans);font-size:.85rem;font-weight:550;cursor:pointer;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);padding:9px 14px;border-radius:var(--r-md)}button:not(.btn):not(.icon-btn):not(.tab){transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),transform var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.btn:hover:not(:disabled),button:not(.btn):not(.icon-btn):not(.tab):hover:not(:disabled){border-color:var(--faint);background:var(--surface-3);transform:translateY(-1px)}.btn:active:not(:disabled),button:not(.btn):not(.icon-btn):not(.tab):active:not(:disabled){transform:translateY(0)}.btn:disabled,button:disabled{opacity:.45;cursor:not-allowed}.btn.primary,button.primary{background:linear-gradient(180deg,var(--accent-hover),var(--accent));border-color:var(--accent-deep,var(--accent));color:var(--accent-ink);font-weight:600;box-shadow:var(--shadow-1)}.btn.primary:hover:not(:disabled),button.primary:hover:not(:disabled){filter:brightness(1.05);border-color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow-2)}.btn.danger,button.danger{background:var(--c-danger-bg);border-color:var(--c-danger-bd);color:var(--c-danger)}.btn.ghost,button.ghost{background:transparent;border-color:transparent}.btn.ghost:hover:not(:disabled){background:var(--surface-2);border-color:var(--border)}.btn.small,button.small{padding:6px 10px;font-size:.78rem;border-radius:var(--r-sm)}.btn.wa{background:#1f8f4e;border-color:#1a7a43;color:#fff;box-shadow:0 4px 14px rgba(31,143,78,.28)}.btn.wa:hover:not(:disabled){background:#23a259;border-color:#1f8f4e;transform:translateY(-1px)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);border-radius:var(--r-md);cursor:pointer;transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease)}.icon-btn:hover{background:var(--surface-3);color:var(--text);border-color:var(--faint)}input,select,textarea{font-family:var(--font-sans);font-size:.85rem;background:var(--panel-ink);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--r-md);padding:9px 11px;width:100%;transition:border-color var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease)}input::placeholder,textarea::placeholder{color:var(--faint)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2386806f' d='M6 8.5 2 4.5h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}label{display:block;font-family:var(--font-mono);font-size:.66rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s5);box-shadow:var(--shadow-1)}.card.pad-0{padding:0}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s4) var(--s5);border-bottom:1px solid var(--border)}.card-head h2,.card-head h3{margin:0}.row{display:flex;gap:var(--s3);flex-wrap:wrap;align-items:center}.grid{display:grid;grid-gap:var(--s4);gap:var(--s4)}.stack{display:flex;flex-direction:column}.tbl-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.86rem}thead th{position:-webkit-sticky;position:sticky;top:0;background:var(--surface-2);color:var(--muted);font-family:var(--font-mono);font-weight:600;font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;text-align:left;padding:11px 14px;white-space:nowrap}tbody td,thead th{border-bottom:1px solid var(--border)}tbody td{padding:12px 14px;vertical-align:middle}tbody tr{transition:background var(--dur-1) var(--ease)}tbody tr:last-child td{border-bottom:none}tbody tr.clickable{cursor:pointer}tbody tr:hover{background:var(--surface-2)}td.num,th.num{text-align:right;font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cell-primary{font-weight:550;color:var(--text)}.cell-sub{color:var(--muted);font-size:.78rem;margin-top:2px}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px 3px 8px;border-radius:var(--r-pill);font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.02em;text-transform:capitalize;white-space:nowrap;border:1px solid var(--c-neutral-bd);background:var(--c-neutral-bg);color:var(--c-neutral)}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.badge.info{color:var(--c-info);background:var(--c-info-bg);border-color:var(--c-info-bd)}.badge.flow{color:var(--c-flow);background:var(--c-flow-bg);border-color:var(--c-flow-bd)}.badge.ok{color:var(--c-ok);background:var(--c-ok-bg);border-color:var(--c-ok-bd)}.badge.warn{color:var(--c-warn);background:var(--c-warn-bg);border-color:var(--c-warn-bd)}.badge.danger{color:var(--c-danger);background:var(--c-danger-bg);border-color:var(--c-danger-bd)}.badge.neutral,.badge.pending{color:var(--c-neutral);background:var(--c-neutral-bg);border-color:var(--c-neutral-bd)}.badge.confirmed{color:var(--c-info);background:var(--c-info-bg);border-color:var(--c-info-bd)}.badge.dispatched{color:var(--c-flow);background:var(--c-flow-bg);border-color:var(--c-flow-bd)}.badge.delivered{color:var(--c-ok);background:var(--c-ok-bg);border-color:var(--c-ok-bd)}.badge.refused{color:var(--c-danger);background:var(--c-danger-bg);border-color:var(--c-danger-bd)}.badge.returned{color:var(--c-warn);background:var(--c-warn-bg);border-color:var(--c-warn-bd)}.badge.unpaid{color:var(--c-neutral);background:var(--c-neutral-bg);border-color:var(--c-neutral-bd)}.badge.paid{color:var(--c-ok);background:var(--c-ok-bg);border-color:var(--c-ok-bd)}.badge.failed{color:var(--c-danger);background:var(--c-danger-bg);border-color:var(--c-danger-bd)}.badge.refunded{color:var(--c-flow);background:var(--c-flow-bg);border-color:var(--c-flow-bd)}.badge.created{color:var(--c-neutral);background:var(--c-neutral-bg);border-color:var(--c-neutral-bd)}.badge.active{color:var(--c-ok);background:var(--c-ok-bg);border-color:var(--c-ok-bd)}.badge.paused{color:var(--c-warn);background:var(--c-warn-bg);border-color:var(--c-warn-bd)}.badge.archived,.badge.ended{color:var(--c-neutral);background:var(--c-neutral-bg);border-color:var(--c-neutral-bd)}.badge.lg{font-size:.78rem;padding:5px 12px 5px 10px}.tag{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.shell{display:grid;grid-template-columns:236px 1fr;min-height:100vh}.sidebar{position:-webkit-sticky;position:sticky;top:0;align-self:start;height:100vh;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);padding:var(--s5) var(--s3) var(--s4)}.brandmark{display:flex;align-items:center;gap:10px;padding:0 var(--s2) var(--s3)}.brandmark .logo{width:30px;height:30px;border-radius:8px;flex:none;display:grid;place-items:center;background:linear-gradient(150deg,var(--brass-strong),var(--brass-deep));box-shadow:inset 0 1px 0 rgba(255,255,255,.35),var(--shadow-1)}.brandmark .name{font-size:1.02rem;font-weight:650;letter-spacing:-.03em}.brandmark .name b{color:var(--accent);font-weight:650}.nav-scroll{display:flex;flex-direction:column;gap:2px;margin-top:var(--s4);flex:1 1}.nav-section{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);padding:var(--s3) var(--s3) var(--s2)}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:var(--r-md);color:var(--text-2);font-size:.88rem;font-weight:500;position:relative;transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.nav-item .ico{width:17px;height:17px;flex:none;color:var(--muted);transition:color var(--dur-1) var(--ease)}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item:hover .ico{color:var(--text-2)}.nav-item.active{background:var(--accent-soft);color:var(--text);font-weight:600}.nav-item.active .ico{color:var(--accent)}.nav-item.active:before{content:"";position:absolute;left:-5px;top:50%;transform:translateY(-50%);width:3px;height:18px;border-radius:0 3px 3px 0;background:var(--accent)}.nav-count{margin-left:auto;font-family:var(--font-mono);font-size:.66rem;font-weight:600;color:var(--muted);background:var(--surface-3);border:1px solid var(--border);padding:1px 7px;border-radius:var(--r-pill);min-width:20px;text-align:center}.nav-item.active .nav-count{color:var(--accent);border-color:var(--c-warn-bd);background:var(--surface)}.sidebar-foot{border-top:1px solid var(--border);padding-top:var(--s3);margin-top:var(--s3)}.user-chip{display:flex;align-items:center;gap:10px;padding:6px var(--s2)}.avatar{width:30px;height:30px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:var(--font-mono);font-size:.72rem;font-weight:700;color:var(--accent-ink);background:linear-gradient(150deg,var(--brass-strong),var(--brass-deep))}.user-chip .u-mail{font-size:.74rem;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chip .u-role{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}.main-col{display:flex;flex-direction:column;min-width:0}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;gap:var(--s3);padding:var(--s3) var(--s6);min-height:58px;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--border)}.topbar,.topbar .crumbs{display:flex;align-items:center}.topbar .crumbs{gap:8px;font-size:.85rem;color:var(--muted);min-width:0}.topbar .crumbs .sep{color:var(--faint)}.topbar .crumbs .cur{color:var(--text);font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-spacer{flex:1 1}.page{padding:var(--s6);max-width:1240px;width:100%;margin:0 auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;margin-bottom:var(--s5)}.page-head h1{margin:0}.page-head .sub{color:var(--muted);font-size:.85rem;margin-top:4px}.hamburger,.scrim{display:none}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s4) var(--s5);box-shadow:var(--shadow-1);display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--kpi-accent,var(--border-strong))}.kpi .kpi-label{display:flex;align-items:center;gap:7px}.kpi .kpi-val{font-family:var(--font-mono);font-size:1.6rem;font-weight:600;letter-spacing:-.02em;color:var(--text);line-height:1}.kpi .kpi-sub{font-size:.74rem;color:var(--muted)}.kpi-ico{width:15px;height:15px;color:var(--muted)}.stepper{display:flex;align-items:stretch;gap:0;overflow-x:auto}.step{display:flex;align-items:center;gap:10px;flex:1 1;min-width:108px}.step .node{width:30px;height:30px;border-radius:50%;flex:none;display:grid;place-items:center;border:1.5px solid var(--border-strong);background:var(--surface);color:var(--faint)}.step .node svg{width:15px;height:15px}.step .s-label{font-size:.78rem;color:var(--muted);font-weight:500}.step .s-time{font-family:var(--font-mono);font-size:.62rem;color:var(--faint);margin-top:2px}.step .connector{flex:1 1;height:2px;background:var(--border-strong);margin:0 6px;min-width:12px;border-radius:2px}.step.done .node{border-color:var(--c-ok);color:#fff}.step.done .connector,.step.done .node{background:var(--c-ok)}.step.done .s-label{color:var(--text)}.step.current .node{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 4px var(--accent-soft)}.step.current .s-label{color:var(--text);font-weight:600}.step.terminal-bad .node{background:var(--c-danger);border-color:var(--c-danger);color:#fff}.step.terminal-warn .node{background:var(--c-warn);border-color:var(--c-warn);color:#fff}.timeline{position:relative;padding-left:4px}.tl-item{position:relative;padding:0 0 var(--s4) 26px}.tl-item:before{content:"";position:absolute;left:6px;top:16px;bottom:-4px;width:2px;background:var(--border)}.tl-item:last-child:before{display:none}.tl-dot{position:absolute;left:0;top:4px;width:14px;height:14px;border-radius:50%;border:2px solid var(--surface);background:var(--c-neutral);box-shadow:0 0 0 1px var(--border-strong)}.tl-dot.info{background:var(--c-info)}.tl-dot.flow{background:var(--c-flow)}.tl-dot.ok{background:var(--c-ok)}.tl-dot.danger{background:var(--c-danger)}.tl-dot.warn{background:var(--c-warn)}.tl-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);flex-wrap:wrap}.tl-note{font-size:.84rem;color:var(--text-2);margin-top:4px}.tl-meta{font-family:var(--font-mono);font-size:.66rem;color:var(--faint);margin-top:3px}.dl{flex-direction:column}.dl,.dl-row{display:flex}.dl-row{justify-content:space-between;gap:var(--s4);padding:9px 0;border-bottom:1px dashed var(--border)}.dl-row:last-child{border-bottom:none}.dl-row dt{color:var(--muted);font-size:.8rem;flex:none}.dl-row dd{margin:0;text-align:right;color:var(--text);max-width:62%;font-size:.86rem}.chart-bars{display:flex;align-items:flex-end;gap:3px;height:150px;padding-top:18px}.chart-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;flex:1 0 8px;height:100%;gap:5px}.chart-col .bar{width:100%;max-width:26px;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,var(--brass-strong),var(--brass-deep));min-height:2px;transition:opacity var(--dur-1) var(--ease);animation:grow-up var(--dur-3) var(--ease) both}.chart-col:hover .bar{opacity:.8}.chart-col .c-val{font-family:var(--font-mono);font-size:.6rem;color:var(--muted)}.chart-col .c-lbl{font-family:var(--font-mono);font-size:.54rem;color:var(--faint);white-space:nowrap}@keyframes grow-up{0%{transform:scaleY(0);transform-origin:bottom;opacity:.4}to{transform:scaleY(1);opacity:1}}.meter-track{height:8px;background:var(--surface-3);overflow:hidden}.meter-fill,.meter-track{border-radius:var(--r-pill)}.meter-fill{height:100%;transition:width var(--dur-3) var(--ease)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--s9) var(--s5);gap:var(--s3);color:var(--muted)}.empty .e-ico{width:46px;height:46px;border-radius:var(--r-lg);display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border);color:var(--faint)}.empty .e-title{color:var(--text);font-weight:600;font-size:.95rem}.empty .e-sub{font-size:.84rem;max-width:340px}.state-error{display:flex;align-items:center;gap:var(--s3);padding:var(--s4);border-radius:var(--r-md);background:var(--c-danger-bg);border:1px solid var(--c-danger-bd);color:var(--c-danger);font-size:.86rem}.state-error .btn{margin-left:auto}.skeleton{position:relative;overflow:hidden;background:var(--surface-2);border-radius:var(--r-sm)}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--surface-3) 70%,transparent),transparent);transform:translateX(-100%);animation:shimmer 1.25s infinite}@keyframes shimmer{to{transform:translateX(100%)}}.sk-line{height:12px}.sk-row td{padding:14px}.segmented{display:inline-flex;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:3px;gap:2px}.tab{border:none;background:transparent;color:var(--muted);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;font-weight:600;padding:6px 11px;border-radius:var(--r-sm);cursor:pointer;transition:all var(--dur-1) var(--ease)}.tab:hover{color:var(--text-2)}.tab.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1)}.pager{display:flex;align-items:center;justify-content:center;gap:var(--s4)}.pager .p-info{font-family:var(--font-mono);font-size:.76rem;color:var(--muted)}.filterbar{display:flex;gap:var(--s3);align-items:flex-end;flex-wrap:wrap}.filterbar .f-field{display:flex;flex-direction:column}.field-icon{position:relative}.field-icon svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--faint);pointer-events:none}.field-icon input{padding-left:34px}.reveal{animation:reveal var(--dur-3) var(--ease) both}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;transition-duration:.001ms!important}}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:var(--s5);position:relative;overflow:hidden}.login-wrap:before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,var(--accent-soft),transparent 68%);top:-180px;right:-160px;opacity:.8;pointer-events:none}.login-card{width:380px;max-width:100%;position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-pop);padding:var(--s7)}.login-card .lc-top{display:flex;align-items:center;gap:11px;margin-bottom:var(--s6)}.login-card .lc-ey{margin-top:2px}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:60;left:0;top:0;width:260px;height:100vh;transform:translateX(-100%);transition:transform var(--dur-2) var(--ease);box-shadow:var(--shadow-pop)}.shell.nav-open .sidebar{transform:translateX(0)}.shell.nav-open .scrim{display:block;position:fixed;inset:0;z-index:55;background:rgba(0,0,0,.45)}.hamburger{display:inline-flex}.topbar{padding:var(--s3) var(--s4)}.page{padding:var(--s4)}}@media (max-width:560px){.page-head{align-items:flex-start}.dl-row dd{max-width:55%}.kpi .kpi-val{font-size:1.4rem}}.lpe-cols{display:grid;grid-template-columns:1fr;grid-gap:var(--s5);gap:var(--s5);align-items:start}@media (min-width:1024px){.lpe-cols{grid-template-columns:minmax(0,1fr) minmax(0,1.02fr)}.lpe-preview{position:-webkit-sticky;position:sticky;top:var(--s5)}}.lpe-form{display:flex;flex-direction:column;gap:var(--s4);min-width:0}.lpe-savebar{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--s3);flex-wrap:wrap;background:color-mix(in srgb,var(--surface) 90%,transparent);-webkit-backdrop-filter:saturate(1.3) blur(8px);backdrop-filter:saturate(1.3) blur(8px);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s3) var(--s4);box-shadow:var(--shadow-1)}.lpe-savebar-status{display:flex;align-items:center;gap:var(--s2);font-size:.8rem;min-height:20px}.lpe-dot{width:8px;height:8px;border-radius:50%;flex:none}.lpe-dot.dirty{background:var(--c-warn);box-shadow:0 0 0 3px var(--c-warn-bg)}.lpe-dot.clean{background:var(--c-ok);box-shadow:0 0 0 3px var(--c-ok-bg)}.lpe-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-1);overflow:hidden}.lpe-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s3);padding:var(--s4) var(--s5);border-bottom:1px solid var(--border)}.lpe-section-head h2{font-size:.95rem;font-weight:600}.lpe-section-head .lpe-sub{color:var(--muted);font-size:.76rem;margin-top:2px}.lpe-section-body{padding:var(--s5);gap:var(--s4)}.lpe-field,.lpe-section-body{display:flex;flex-direction:column}.lpe-field{min-width:0}.lpe-field .lpe-hint{color:var(--muted);font-size:.72rem;margin-top:5px}.lpe-grid2{display:grid;grid-template-columns:1fr;grid-gap:var(--s4);gap:var(--s4)}@media (min-width:560px){.lpe-grid2{grid-template-columns:1fr 1fr}}.lpe-item,.lpe-repeat{display:flex;flex-direction:column;gap:var(--s3)}.lpe-item{border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s4);background:var(--surface-2)}.lpe-item-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s2)}.lpe-item-n{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.lpe-item-ctl{display:flex;gap:6px}.lpe-empty{color:var(--muted);font-size:.82rem;padding:var(--s3) 0}.lpe-stars{display:inline-flex;gap:3px}.lpe-star{width:30px;height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:1.15rem;line-height:1;background:transparent;border:1px solid var(--border);border-radius:var(--r-sm);color:var(--faint);cursor:pointer}.lpe-star.on{color:var(--brass);border-color:color-mix(in srgb,var(--brass) 45%,var(--border));background:var(--accent-soft)}.lpe-preview-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-1);overflow:hidden}.lpe-preview-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s3) var(--s4);border-bottom:1px solid var(--border);flex-wrap:wrap}.lpe-preview-url{font-family:var(--font-mono);font-size:.7rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.lpe-seg{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--r-md);overflow:hidden}.lpe-seg button{border:0;border-radius:0;background:var(--surface-2);color:var(--text-2);padding:6px 12px;font-size:.76rem}.lpe-seg button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.lpe-frame-wrap{padding:var(--s4);display:flex;justify-content:center;background:var(--bg)}.lpe-frame-shell{width:100%;max-width:100%;transition:max-width var(--dur-2) var(--ease)}.lpe-frame-shell.mobile{max-width:390px}.lpe-frame-wrap iframe{width:100%;height:70vh;min-height:520px;border:1px solid var(--border);border-radius:var(--r-md);background:#fff;display:block}.lpe-warn{display:flex;gap:var(--s2);align-items:flex-start;background:var(--c-warn-bg);border:1px solid var(--c-warn-bd);color:var(--c-warn);border-radius:var(--r-md);padding:var(--s3) var(--s4);font-size:.8rem}.lpe-dot.saving{background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);animation:lpe-pulse 1s var(--ease) infinite}.lpe-dot.err{background:var(--c-danger);box-shadow:0 0 0 3px var(--c-danger-bg)}@keyframes lpe-pulse{0%,to{opacity:1}50%{opacity:.35}}.lpe-kickstart{display:flex;align-items:center;justify-content:space-between;gap:var(--s5);flex-wrap:wrap;margin-bottom:var(--s5);padding:var(--s4) var(--s5);border:1px solid color-mix(in srgb,var(--accent) 34%,var(--border));border-radius:var(--r-lg);background:radial-gradient(120% 140% at 0 0,var(--accent-soft),transparent 60%),var(--surface);box-shadow:var(--shadow-1)}.lpe-kickstart-title{font-weight:650;letter-spacing:-.01em}.lpe-kickstart-sub{color:var(--muted);font-size:.82rem;margin-top:3px;max-width:60ch}.lpe-kickstart .btn.primary{flex:none}.lpe-section-head{flex-wrap:wrap}.lpe-section-act{flex:none}.lpe-starter{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.64rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 32%,var(--border));padding:6px 11px;border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),transform var(--dur-1) var(--ease)}.lpe-starter:hover{background:color-mix(in srgb,var(--accent-soft) 70%,var(--accent) 12%);border-color:var(--accent);transform:translateY(-1px)}.lpe-starter span[aria-hidden]{color:var(--accent)}.lpe-field-top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s3)}.lpe-field-top label{margin-bottom:6px}.lpe-counter{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.04em;color:var(--faint);flex:none}.lpe-counter.near{color:var(--c-warn)}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--c-danger)}input[aria-invalid=true]:focus,textarea[aria-invalid=true]:focus{box-shadow:0 0 0 3px var(--c-danger-bg)}.lpe-item{transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease);animation:lpe-item-in var(--dur-2) var(--ease) both}.lpe-item:hover{border-color:var(--border-strong)}@keyframes lpe-item-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.lpe-item-ctl .btn{min-height:30px}.lpe-star:focus-visible{outline:2px solid var(--accent);outline-offset:2px}body,html{max-width:100%;overflow-x:hidden}.lpe-form,.main-col,.page{min-width:0}.tbl-wrap{-webkit-overflow-scrolling:touch}.btn:focus-visible,.lpe-seg button:focus-visible,.lpe-starter:focus-visible,.nav-item:focus-visible,.tab:focus-visible,[role=radio]:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.nav-item:focus-visible{outline-offset:-2px}.kpi{transition:box-shadow var(--dur-2) var(--ease),transform var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease)}.kpi:hover{box-shadow:var(--shadow-2);border-color:var(--border-strong)}.empty .e-title{letter-spacing:-.01em}@media (max-width:640px){input,select,textarea{font-size:16px;min-height:44px}textarea{min-height:72px}.btn,button:not(.btn):not(.icon-btn):not(.tab){min-height:44px;padding-top:11px;padding-bottom:11px}.btn.small,button.small{min-height:40px}.icon-btn{width:42px;height:42px}.nav-item{padding:12px}.tab{min-height:38px}.tbl-wrap{overflow-x:auto}table{font-size:.9rem}tbody td,thead th{padding:12px}.page-head h1{font-size:1.3rem}.card{padding:var(--s4)}.filterbar .f-field{flex:1 1 100%!important}.filterbar .f-field input,.filterbar .f-field select{width:100%}.lpe-kickstart{flex-direction:column;align-items:stretch}.lpe-kickstart .btn.primary{width:100%}.lpe-savebar{position:static}.lpe-savebar .btn.primary{min-height:44px}.lpe-section-head{flex-direction:column;align-items:flex-start;gap:var(--s2)}.lpe-section-act{align-self:flex-start}.lpe-star{width:42px;height:42px;font-size:1.25rem}.lpe-item-ctl{flex-wrap:wrap}.lpe-item-ctl .btn{min-height:40px}.lpe-frame-wrap iframe{height:62vh;min-height:420px}}@media (max-width:380px){.page-head .row{width:100%}.lpe-preview-bar{gap:var(--s2)}.lpe-preview-bar .row{flex-wrap:wrap}}