@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cad5e2;--color-slate-400:#90a1b9;--color-slate-500:#62748e;--color-slate-700:#314158;--color-slate-800:#1d293d;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-ink:#1a1a2e;--color-body:#374151;--color-body-soft:#4a5568;--color-muted:#6b7280;--color-subtle:#9aa0a6;--color-line:#e2e8f0;--color-line-soft:#f0f0f0;--color-kp-green:#1fcb4f}@supports (color:lab(0% 0 0)){:root,:host{--color-slate-50:lab(98.1434% -.369519 -1.05966);--color-slate-100:lab(96.286% -.852436 -2.46847);--color-slate-200:lab(91.7353% -.998765 -4.76968);--color-slate-300:lab(84.7652% -1.94535 -7.93337);--color-slate-400:lab(65.5349% -2.25151 -14.5072);--color-slate-500:lab(48.0876% -2.03595 -16.5814);--color-slate-700:lab(26.9569% -1.47016 -15.6993);--color-slate-800:lab(16.132% -.318035 -14.6672)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.block{display:block}.contents{display:contents}.flex{display:flex}.flow-root{display:flow-root}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.inline-table{display:inline-table}.list-item{display:list-item}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row{display:table-row}.table-row-group{display:table-row-group}.min-h-screen{min-height:100vh}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-y-1{row-gap:calc(var(--spacing) * 1)}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-300{border-color:var(--color-slate-300)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-white{background-color:var(--color-white)}.mask-repeat{-webkit-mask-repeat:repeat;mask-repeat:repeat}.p-3{padding:calc(var(--spacing) * 3)}.px-3{padding-inline:calc(var(--spacing) * 3)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.text-justify{text-align:justify}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-all{word-break:break-all}.text-ink{color:#1a1a2e}.text-muted{color:#6b7280}.text-slate-500{color:var(--color-slate-500)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-subtle{color:#9aa0a6}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.diagonal-fractions{--tw-numeric-fraction:diagonal-fractions;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.lining-nums{--tw-numeric-figure:lining-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.oldstyle-nums{--tw-numeric-figure:oldstyle-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.proportional-nums{--tw-numeric-spacing:proportional-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.slashed-zero{--tw-slashed-zero:slashed-zero;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.stacked-fractions{--tw-numeric-fraction:stacked-fractions;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-all{-webkit-user-select:all;user-select:all}.\[db\:init\]{db:init}@media (hover:hover){.hover\:border-slate-400:hover{border-color:var(--color-slate-400)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}}@media (min-width:40rem){.sm\:inline{display:inline}}}:root{--kp-blue:#2b6bf5;--kp-orange:#fb7518;--kp-green:#1fcb4f;--kp-red:#e5214a;--kp-violet:#9d2ff0;--kp-pink:#ed1b8c;--kp-cyan:#0ab9e0;--kp-yellow:#fbc005;--kp-gray:#9aa0a6;--kp-status-amber:#f5a623;--kp-sidebar-bg:#fff;--kp-sidebar-text:#475569;--kp-sidebar-hover:#f1f5f9;--kp-sidebar-active:#eef4ff;--kp-rainbow:linear-gradient(90deg, #2b6bf5 0%, #0ab9e0 18%, #1fcb4f 36%, #fbc005 54%, #fb7518 72%, #ed1b8c 86%, #9d2ff0 100%);--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:9999px;--elev-0:0 1px 2px #1018280a;--elev-1:0 1px 3px #1018280f, 0 1px 2px #1018280a;--elev-2:0 6px 16px #1018281a;--elev-3:0 14px 40px #10182833;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--color-focus:var(--kp-blue);--color-surface-dark:#1a2332;--color-danger:#e5214a;--color-danger-strong:#c11436;--color-success:#15803d;--color-warning:#b45309;--color-danger-bg:#fee2e2;--color-success-bg:#dcfce7;--color-warn-bg:#fef3c7}html{overflow-x:clip}body{color:var(--color-ink);font-family:var(--font-sans), "Inter", system-ui, -apple-system, sans-serif;background:#f4f6f9;line-height:1.45;overflow-x:clip}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:3px}.sidebar{overscroll-behavior:contain}.topnav{z-index:40;box-shadow:var(--elev-1);background:#fff;position:sticky;top:0}.topnav__bar{align-items:center;gap:.5rem;height:3.25rem;padding:0 .9rem;display:flex}.topnav__logo{letter-spacing:-.02em;color:#1a2332;white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:1.15rem;font-weight:800;text-decoration:none}.topnav__burger{color:#475569;border-radius:var(--radius-sm);justify-content:center;align-items:center;padding:.35rem;display:inline-flex}.topnav__burger:hover{background:#f1f5f9}.topnav__groups{align-items:center;gap:.15rem;margin-left:.6rem;display:none}.topnav__group{position:relative}.topnav__group-btn{color:#334155;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.3rem;padding:.45rem .7rem;font-size:.9rem;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.topnav__group-btn:hover{background:#f1f5f9}.topnav__group-btn.is-active{color:var(--kp-blue)}.topnav__group-btn.is-open{color:var(--kp-blue);background:#eef4ff}.topnav__group-btn svg:last-child{opacity:.7;transition:transform .15s}.topnav__group-btn.is-open svg:last-child{transform:rotate(180deg)}.topnav__dot{background:var(--kp-red);border-radius:9999px;width:6px;height:6px;display:inline-block}.topnav__menu{border:1px solid var(--color-line);border-radius:var(--radius-md);min-width:15rem;box-shadow:var(--elev-2);z-index:50;animation:topnav-pop .13s var(--ease-out);background:#fff;padding:.35rem;position:absolute;top:calc(100% + 6px);left:0}.topnav__menu--right{left:auto;right:0}@keyframes topnav-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.topnav__menu-item{color:#334155;border-radius:var(--radius-sm);align-items:center;gap:.6rem;padding:.5rem .6rem;font-size:.875rem;text-decoration:none;transition:background .12s;display:flex}.topnav__menu-item:hover{background:#f1f5f9}.topnav__menu-item.is-active{color:var(--kp-blue);background:#eef4ff;font-weight:600}.topnav__search{flex:1;min-width:8rem;max-width:26rem;position:relative}.topnav__search-ico{color:#9aa0a6;pointer-events:none;position:absolute;top:50%;left:.65rem;transform:translateY(-50%)}.topnav__search input{color:#1a1a2e;border-radius:var(--radius-md);background:#f1f5f9;border:1px solid #e2e8f0;outline:none;width:100%;padding:.4rem 2.4rem .4rem 2rem;font-size:.9rem;transition:border-color .15s,background .15s}.topnav__search input:focus{border-color:var(--kp-blue);background:#fff}@media (min-width:1024px){.topnav__search input{padding-right:4.2rem}}.topnav__kbd{color:#7a899c;border-radius:var(--radius-xs);pointer-events:none;border:1px solid #cbd5e1;padding:.05rem .35rem;font-size:.7rem;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.topnav__tools{align-items:center;gap:.35rem;display:flex}.topnav__icon-btn{color:#475569;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:.4rem;transition:background .15s,color .15s;display:inline-flex;position:relative}.topnav__icon-btn:hover{color:#1a2332;background:#f1f5f9}.topnav__create.is-open{color:var(--kp-blue);background:#eef4ff}.topnav__badge{background:var(--kp-red);color:#fff;text-align:center;border-radius:9999px;min-width:16px;height:16px;padding:0 4px;font-size:.65rem;font-weight:700;line-height:16px;position:absolute;top:0;right:0}.topnav__avatar{color:#fff;background:var(--kp-blue);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.85rem;font-weight:700;display:flex}.topnav__drawer{z-index:60;width:16rem;transition:transform .2s var(--ease-drawer);background:#fff;padding-bottom:1.5rem;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-16rem);box-shadow:2px 0 14px #00000040}.topnav__drawer.is-open{transform:translate(0)}.topnav__drawer-head{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.7rem .9rem;display:flex}.topnav__drawer-group{margin-bottom:.6rem}.topnav__drawer-label{text-transform:uppercase;letter-spacing:.06em;opacity:.85;padding:.4rem 1rem .2rem;font-size:.72rem;font-weight:700}.topnav__drawer-item{color:#334155;align-items:center;gap:.6rem;padding:.55rem 1rem;font-size:.9rem;text-decoration:none;display:flex}.topnav__drawer-item:hover{background:#f1f5f9}.topnav__drawer-item.is-active{color:var(--kp-blue);background:#eef4ff;font-weight:600}@media (min-width:1024px){.topnav__groups{display:flex}.topnav__burger,.topnav__drawer{display:none}}.topnav__search-link{display:none}@media (max-width:639px){.topnav__bar{gap:.25rem;padding:0 .5rem}.topnav__logo{font-size:1rem}.topnav__search{display:none}.topnav__search-link{display:inline-flex}.topnav__scan,.topnav__avatar{display:none}}.dg{flex-direction:column;display:flex}.dg__toolbar{border-bottom:1px solid var(--color-line);align-items:center;gap:.6rem;padding:.5rem .75rem;display:flex}.dg__search{flex:0 24rem;min-width:10rem;position:relative}.dg__search-ico{color:#9aa0a6;pointer-events:none;position:absolute;top:50%;left:.6rem;transform:translateY(-50%)}.dg__search input{color:#1a1a2e;border-radius:var(--radius-md);background:#f1f5f9;border:1px solid #e2e8f0;outline:none;width:100%;padding:.4rem .75rem .4rem 1.9rem;font-size:.875rem;transition:border-color .15s,background .15s}.dg__search input:focus{border-color:var(--kp-blue);background:#fff}.dg__group{position:relative}.dg__tool-btn{color:#475569;border:1px solid var(--color-line);border-radius:var(--radius-sm);cursor:pointer;background:#fff;align-items:center;gap:.35rem;padding:.4rem .7rem;font-size:.82rem;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.dg__tool-btn:hover{background:#f1f5f9}.dg__tool-btn.is-open{border-color:var(--kp-blue);color:var(--kp-blue);background:#eef4ff}.dg__col-menu{border:1px solid var(--color-line);border-radius:var(--radius-md);min-width:12rem;box-shadow:var(--elev-2);z-index:50;animation:topnav-pop .13s var(--ease-out);background:#fff;padding:.3rem;position:absolute;top:calc(100% + 6px);right:0}.dg__col-item{color:#334155;border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;width:100%;padding:.4rem .5rem;font-size:.83rem;display:flex}.dg__col-item:hover:not(:disabled){background:#f1f5f9}.dg__col-item:disabled{opacity:.55;cursor:default}.dg__check{border-radius:var(--radius-xs);color:#fff;border:1.5px solid #cbd5e1;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.dg__check.is-on{background:var(--kp-blue);border-color:var(--kp-blue)}.dg__tabs{border-bottom:1px solid var(--color-line);gap:0;display:flex;overflow-x:auto}.dg__tab{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:.42rem .8rem;font-size:.82rem;font-weight:400;transition:color .15s,border-color .15s}.dg__tab:hover{color:#334155}.dg__tab.is-active{color:#1a1a2e;border-bottom-color:var(--kp-blue);font-weight:600}.dg__tab.is-warn{color:var(--color-warning)}.dg__tab-count{color:#9ca3af;margin-left:.35rem;font-size:.7rem;font-weight:600}.dg__tab.is-warn .dg__tab-count{color:var(--kp-red)}.dg__tab.is-active .dg__tab-count{color:var(--kp-blue)}.dg__scroll{overflow-x:auto}.dg__table{border-collapse:collapse;width:100%;font-size:.875rem}.dg__table thead tr{border-bottom:1px solid var(--color-line);background:#f8fafc}.dg__table th{color:#64748b;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;-webkit-user-select:none;user-select:none;padding:.38rem .7rem;font-size:.7rem;font-weight:600}.dg__th-btn{width:100%;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:.3rem;margin:0;padding:0;display:inline-flex}.dg__table td{color:#1a1a2e;border-bottom:1px solid #f1f5f9;padding:.32rem .7rem}.dg__table tbody tr:nth-child(2n){background:#fcfcfd}.dg__row--link{cursor:pointer;transition:background .12s}.dg__row--link:hover{background:#eff6ff!important}.dg__empty{text-align:center;color:#9ca3af;padding:3rem 1.5rem;font-size:.875rem}.dg__footer{color:#6b7280;border-top:1px solid var(--color-line);padding:.6rem .9rem;font-size:.78rem}.dg__footer b{color:#334155;font-variant-numeric:tabular-nums}.dg__sel-col{white-space:nowrap;text-align:center;width:1%;padding-right:.35rem!important}.dg__table td.dg__sel-col{cursor:pointer}.dg__checkbox{cursor:pointer;width:16px;height:16px;accent-color:var(--color-accent,#1e5bb8);vertical-align:middle;margin:0}.dg__table tbody tr.is-selected,.dg__table tbody tr.is-selected:nth-child(2n){background:#eff6ff}.dg__table tbody tr.is-selected.dg__row--link:hover{background:#dbeafe!important}.dg__bulkbar{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem;align-items:center;gap:.75rem;margin:.4rem 0;padding:.5rem .9rem;font-size:.82rem;animation:.15s ease-out dg-bulkbar-in;display:flex}@keyframes dg-bulkbar-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dg__bulkbar-count b{font-variant-numeric:tabular-nums}.dg__bulkbar-clear{font:inherit;color:#2563eb;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;text-decoration:underline}.dg__bulkbar-clear:hover{color:#1d4ed8}.dg__bulkbar-btn{color:var(--color-danger-strong,#b91c1c);cursor:pointer;background:#fff;border:1px solid #fca5a5;border-radius:.4rem;align-items:center;gap:.4rem;padding:.35rem .7rem;font-size:.8rem;font-weight:600;transition:background .12s,border-color .12s;display:inline-flex}.dg__bulkbar-btn:hover{background:#fee2e2;border-color:#f87171}.dg__bulkbar-btn:disabled{opacity:.5;cursor:not-allowed}.card:has(.kp-table){overflow-x:auto!important}.kp-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.viewport-toggle{color:var(--color-subtle);cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.25rem;transition:color .15s;display:inline-flex}.viewport-toggle:hover{color:#fff}.viewport-toggle--active{color:#f5a623}@media (min-width:768px){.viewport-toggle{display:none}}.sidebar{background:var(--kp-sidebar-bg);border-right:1px solid #eef1f5}.sidebar a{color:var(--kp-sidebar-text);transition:background .12s,color .12s}.sidebar a:hover{background:var(--group,var(--kp-blue))}@supports (color:color-mix(in lab, red, red)){.sidebar a:hover{background:color-mix(in srgb, var(--group,var(--kp-blue)) 9%, #fff)}}.sidebar a:hover{color:var(--group,var(--kp-blue))}@supports (color:color-mix(in lab, red, red)){.sidebar a:hover{color:color-mix(in srgb, var(--group,var(--kp-blue)) 75%, #1a2332)}}.sidebar a.active{background:var(--group,var(--kp-blue))}@supports (color:color-mix(in lab, red, red)){.sidebar a.active{background:color-mix(in srgb, var(--group,var(--kp-blue)) 13%, #fff)}}.sidebar a.active{color:var(--group,var(--kp-blue));font-weight:600;position:relative}.sidebar a.active:before{content:"";background:var(--group,var(--kp-blue));border-radius:0 3px 3px 0;width:3px;position:absolute;top:18%;bottom:18%;left:0}.sidebar a .sidebar-ico{color:var(--group,var(--kp-blue));opacity:.95}.sidebar-group+.sidebar-group{border-top:1px solid #eef1f5;margin-top:.25rem;padding-top:.25rem}.nav-overlay{z-index:30;background:#00000073;border:none;width:100%;position:fixed;inset:3rem 0 0}@media (min-width:768px){.nav-overlay{display:none}}.nav-burger{color:#475569;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-right:.25rem;padding:.25rem;display:inline-flex}@media (min-width:768px){.nav-burger{display:none}}.kp-rainbow-strip{background:var(--kp-rainbow);border:none;width:100%;height:3px}.card{border:1px solid var(--color-line);box-shadow:var(--elev-0);background:#fff;border-radius:.5rem;padding:.6rem .8rem}.af-grid{grid-template-columns:1fr;align-items:start;gap:1rem;display:grid}.af-rail{position:static}@media (min-width:1024px){.af-grid{grid-template-columns:minmax(0,1fr) 320px}.af-rail{position:sticky;top:4rem}}.erp-window{border-radius:.4rem;max-width:62rem;padding:0;overflow:hidden}.erp-toolbar{border-bottom:1px solid var(--color-line);background:#f1f5f9;flex-wrap:wrap;align-items:center;gap:.3rem;padding:.4rem .6rem;display:flex}.erp-tool-btn{color:var(--color-body);border:1px solid var(--color-line);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:#fff;align-items:center;gap:.3rem;padding:.32rem .6rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:background .12s,border-color .12s;display:inline-flex}.erp-tool-btn:hover{background:#eef4ff;border-color:#cdddfb}.erp-tool-btn--primary{background:var(--kp-blue);color:#fff;border-color:var(--kp-blue)}.erp-tool-btn--primary:hover{filter:brightness(1.06)}.erp-tool-btn--danger{color:var(--color-danger-strong)}.erp-tool-btn--danger:hover{background:#fee2e2;border-color:#fca5a5}.erp-tool-spacer{flex:1}.erp-body{max-height:78vh;padding:.75rem .9rem;overflow-y:auto}.erp-titlebar{flex-wrap:wrap;align-items:baseline;gap:.6rem;margin-bottom:.6rem;display:flex}.erp-titlebar h2{color:var(--color-ink);margin:0;font-size:1rem;font-weight:700}.erp-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem 1rem;display:grid}@media (min-width:900px){.erp-field-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.erp-field-grid{grid-template-columns:minmax(0,1fr)}.erp-row>label{flex-basis:5.5rem}}.erp-row{align-items:center;gap:.5rem;min-height:30px;display:flex}.erp-row>label{color:var(--color-muted);text-align:right;flex:0 0 6.5rem;font-size:.72rem;font-weight:600}.erp-row>.erp-field{flex:1;min-width:0}.erp-window .kp-input,.erp-window select.kp-input{border-radius:4px;height:28px;padding:0 .4rem;font-size:.82rem}.erp-saved{color:var(--color-success);white-space:nowrap;font-size:.68rem}.erp-section-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-subtle);margin:.5rem 0 .3rem;font-size:.68rem;font-weight:700}.erp-tabs{border-bottom:1px solid var(--color-line);gap:0;margin-top:.6rem;display:flex}.erp-tab{color:var(--color-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.4rem .8rem;font-size:.8rem;font-weight:500}.erp-tab:hover{color:var(--color-body)}.erp-tab.is-active{color:var(--color-ink);border-bottom-color:var(--kp-blue);font-weight:700}.erp-tabbody{padding-top:.6rem}.kpi-card{box-shadow:var(--elev-1);border-left:4px solid var(--accent,#d1d5db);color:inherit;cursor:pointer;transition:box-shadow .2s ease-out, transform .2s var(--ease-out);background:#fff;border-radius:.85rem;padding:1.05rem 1.2rem;text-decoration:none;display:block}.kpi-card:hover{box-shadow:var(--elev-2);transform:translateY(-2px)}.kpi-card:focus-visible{outline:2px solid var(--accent,#1e5bb8);outline-offset:2px}.kpi-card-head{align-items:center;gap:.5rem;margin-bottom:.55rem;display:flex}.kpi-card-icon{color:var(--accent,#6b7280);display:flex}.kpi-card-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);font-size:.72rem;font-weight:600}.kpi-card-value{color:#1a2332;font-variant-numeric:tabular-nums;font-size:1.65rem;font-weight:700;line-height:1.1}.kpi-card-sub{color:var(--color-muted);margin-top:.35rem;font-size:.78rem}.kpi-card-sub--alert{color:var(--kp-red);font-weight:600}.kpi-card-sub--ok{color:var(--kp-green);font-weight:600}.followup-item{border-bottom:1px solid #f0f0f0;align-items:center;gap:.85rem;padding:.8rem 1rem;display:flex}.followup-item:last-child{border-bottom:none}.followup-check{cursor:pointer;color:#16a34a;background:#fff;border:1.5px solid #cbd5e1;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:1.9rem;height:1.9rem;transition:background .15s,border-color .15s;display:inline-flex}.followup-check:hover{background:#f0fdf4;border-color:#16a34a}.followup-main{flex:1;min-width:0}.followup-body{color:var(--color-ink);font-size:.9rem}.followup-meta{color:var(--color-muted);margin-top:.1rem;font-size:.78rem}.followup-due{white-space:nowrap;border-radius:9999px;flex-shrink:0;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.followup-due--overdue{color:#c11436;background:#fee2e2}.followup-due--today{color:#b45309;background:#fef3c7}.followup-due--upcoming{color:#5b6470;background:#f1f3f5}.followup-due--none{color:#94a3b8;background:#f1f5f9}.attn-row{color:#1a2332;background:#fffbeb;border:1px solid #fde68a;border-radius:.5rem;align-items:center;gap:.75rem;padding:.7rem .9rem;text-decoration:none;transition:background .15s;display:flex}.attn-row:hover{background:#fef3c7}.attn-row-icon{color:#b45309;flex-shrink:0;display:flex}.attn-row-count{font-variant-numeric:tabular-nums;color:#b45309;margin-left:auto;font-weight:700}.skeleton{background:#e7ebf0;border-radius:.3rem}.product-thumb{background:#f0f4f8;border:.5px solid #e8ecf0;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.product-thumb__img{object-fit:contain;width:100%;height:100%}.product-thumb__icon{color:#cbd5e1}.state-page{text-align:center;background:#fff;border-radius:.75rem;max-width:30rem;margin:3.5rem auto 0;padding:2.5rem 2rem;box-shadow:0 4px 20px #00000014}.state-icon{border-radius:9999px;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;margin:0 auto 1.1rem;display:flex}.state-title{color:var(--color-ink);margin-bottom:.5rem;font-size:1.2rem;font-weight:700}.state-text{color:#475569;margin-bottom:1.5rem;font-size:.9rem;line-height:1.55}.state-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.badge{border-radius:9999px;padding:.15rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.tag{white-space:nowrap;border-radius:9999px;align-items:center;gap:.32rem;padding:.15rem .6rem;font-size:.75rem;font-weight:600;line-height:1.4;display:inline-flex}.tag__dot{border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem}.tag--neutral{color:#5b6470;background:#f1f3f5}.tag--neutral .tag__dot{background:#9aa0a6}.tag--active{color:#1d4fd7;background:#e8f0fe}.tag--active .tag__dot{background:#2b6bf5}.tag--wait{color:#b45309;background:#fef3c7}.tag--wait .tag__dot{background:#f5a623}.tag--good{color:#15803d;background:#e3faea}.tag--good .tag__dot{background:#1fcb4f}.tag--bad{color:#c11436;background:#fee2e2}.tag--bad .tag__dot{background:#e5214a}.tag--special{color:#7c2bc2;background:#f4e8fe}.tag--special .tag__dot{background:#9d2ff0}.money-good{color:#15803d;font-variant-numeric:tabular-nums}.money-bad{color:#c11436;font-variant-numeric:tabular-nums}.money-wait{color:#b45309;font-variant-numeric:tabular-nums}.kp-table{border-collapse:collapse;width:100%;font-size:.875rem}.kp-table th{text-align:left;color:var(--color-body-soft);background:#f0f3f7;border-bottom:1px solid #e2e8f0;padding:.4rem .65rem;font-weight:600}.kp-table td{vertical-align:middle;border-bottom:1px solid #f0f0f0;padding:.34rem .65rem;transition:background .12s}.kp-table tr:hover td{background:#fafbfe}@media (max-width:640px){.kp-table--stack thead{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.kp-table--stack,.kp-table--stack tbody,.kp-table--stack tr,.kp-table--stack td{width:100%;display:block}.kp-table--stack tr{border-radius:var(--radius-md);background:#fff;border:1px solid #eef1f5;margin-bottom:.6rem;padding:.25rem .2rem}.kp-table--stack tr:last-child{margin-bottom:0}.kp-table--stack td{text-align:right;border:none;justify-content:space-between;align-items:center;gap:1rem;min-height:0;padding:.4rem .75rem;display:flex}.kp-table--stack td[data-label]:before{content:attr(data-label);color:var(--color-muted);text-align:left;flex-shrink:0;font-size:.78rem;font-weight:600}.kp-table--stack td:empty{display:none}.kp-table--stack tr:hover td{background:0 0}}.kp-input{background:#fff;border:1px solid #d1d5db;border-radius:.375rem;outline:none;width:100%;padding:.32rem .55rem;font-size:.875rem;transition:border-color .15s}.kp-input:focus{border-color:var(--accent,var(--kp-blue));box-shadow:0 0 0 3px var(--accent,var(--kp-blue))}@supports (color:color-mix(in lab, red, red)){.kp-input:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent,var(--kp-blue)) 22%, transparent)}}.kp-label{color:var(--color-body);margin-bottom:.15rem;font-size:.78rem;font-weight:600;display:block}.form-sections{flex-direction:column;gap:.7rem;display:flex}.form-section{border:1px solid var(--color-line);box-shadow:var(--elev-0);background:#fff;border-radius:.5rem;overflow:hidden}.form-section__head{border-bottom:1px solid var(--color-line);letter-spacing:.05em;text-transform:uppercase;color:var(--color-muted);background:#f8fafc;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.7rem;font-weight:700;display:flex}.form-section__body{padding:.65rem .75rem}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.5rem .9rem;display:grid}.field-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:900px){.field-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}}.field--full{grid-column:1/-1}@media (max-width:640px){.field-grid,.field-grid--3{grid-template-columns:minmax(0,1fr)}}.field{flex-direction:column;gap:.15rem;min-width:0;display:flex}.field>.kp-label{margin-bottom:0}.field__hint{color:var(--color-subtle);margin-top:.1rem;font-size:.72rem;line-height:1.3}.btn-primary{background:var(--accent,var(--kp-blue));color:#fff;cursor:pointer;border:none;border-radius:.6rem;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 1.15rem;font-size:.875rem;font-weight:600;line-height:1.25;transition:filter .15s,box-shadow .15s,transform .1s;display:inline-flex}.btn-primary:hover{filter:brightness(1.07);box-shadow:0 4px 14px -2px var(--accent,var(--kp-blue))}@supports (color:color-mix(in lab, red, red)){.btn-primary:hover{box-shadow:0 4px 14px -2px color-mix(in srgb, var(--accent,var(--kp-blue)) 45%, transparent)}}.btn-primary:active{filter:brightness(.95);transform:translateY(1px)}.btn-secondary{color:var(--color-body);cursor:pointer;transition:background .15s, border-color .15s, transform .1s var(--ease-out);background:#f0f3f7;border:1px solid #d1d5db;border-radius:.6rem;justify-content:center;align-items:center;gap:.4rem;padding:.45rem 1rem;font-size:.875rem;font-weight:500;line-height:1.25;display:inline-flex}.btn-secondary:hover{background:#e5e9f0;border-color:#c4ccd8}.btn-secondary:active{background:#dbe1eb;transform:scale(.98)}.qty-stepper{border-radius:var(--radius-sm);opacity:var(--qty-disabled,1);vertical-align:middle;background:#fff;border:1px solid #d1d5db;align-items:stretch;line-height:1;transition:border-color .15s,box-shadow .15s;display:inline-flex;overflow:hidden}.qty-stepper:focus-within{border-color:var(--kp-blue);box-shadow:0 0 0 3px var(--kp-blue)}@supports (color:color-mix(in lab, red, red)){.qty-stepper:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--kp-blue) 18%, transparent)}}.qty-stepper__btn{color:#475569;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#f6f8fb;border:none;flex-shrink:0;justify-content:center;align-items:center;width:30px;transition:background .12s,color .12s;display:inline-flex}.qty-stepper__btn:hover:not(:disabled){color:#1a2332;background:#e9eef5}.qty-stepper__btn:active:not(:disabled){background:#dde4ee}.qty-stepper__btn:disabled{opacity:.4;cursor:not-allowed}.qty-stepper__input{text-align:center;font-variant-numeric:tabular-nums;color:#1a2332;appearance:textfield;background:0 0;border:none;outline:none;width:46px;padding:.4rem .15rem;font-size:.875rem}.qty-stepper__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qty-stepper__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty-stepper__input:disabled{color:var(--color-subtle)}.qty-stepper--sm .qty-stepper__btn{width:24px}.qty-stepper--sm .qty-stepper__input{width:34px;padding:.3rem .1rem;font-size:.82rem}.qty-stepper--sellout{background:#fff7ed;border-color:#fed7aa}@media (pointer:coarse){.qty-stepper__btn{width:40px}.qty-stepper__input{width:52px;min-height:40px;font-size:16px}.qty-stepper--sm .qty-stepper__btn{width:34px}.qty-stepper--sm .qty-stepper__input{width:42px}}.board-step{align-items:center;gap:6px;margin-top:4px;display:flex}.board-step-next{border-radius:var(--radius-md);color:#1a2332;cursor:pointer;transition:background .12s, border-color .12s, transform .1s var(--ease-out);background:#f8fafc;border:1px solid #e5e9f0;flex:1;justify-content:center;align-items:center;gap:6px;padding:.42rem .5rem;font-size:.78rem;font-weight:700;display:inline-flex}.board-step-next:hover:not(:disabled){background:#eef4ff;border-color:#cdddfb}.board-step-next:active:not(:disabled){transform:translateY(1px)}.board-step-next:disabled{opacity:.5;cursor:not-allowed}.board-step-dot{border-radius:var(--radius-pill);flex-shrink:0;width:8px;height:8px}.board-step-back{border-radius:var(--radius-md);width:32px;color:var(--color-subtle);cursor:pointer;background:#f8fafc;border:1px solid #e5e9f0;flex-shrink:0;justify-content:center;align-items:center;padding:.42rem;transition:background .12s,color .12s;display:inline-flex}.board-step-back:hover:not(:disabled){color:#475569;background:#eef1f5}.board-step-back:disabled{opacity:.5;cursor:not-allowed}.board-step-done{border-radius:var(--radius-md);color:#15803d;background:#e3faea;flex:1;justify-content:center;align-items:center;gap:5px;padding:.42rem;font-size:.78rem;font-weight:700;display:inline-flex}@media (pointer:coarse){.board-step-next,.board-step-back,.board-step-done{min-height:40px}}@media (max-width:767px){.btn-primary,.btn-secondary{min-height:44px;padding-left:1.25rem;padding-right:1.25rem}.kp-input,select.kp-input{min-height:44px;font-size:1rem}.sidebar a{min-height:44px}.kp-table td,.kp-table th{padding:.65rem .75rem}}@media (pointer:coarse){.btn-primary,.btn-secondary,.kasse-btn,.kasse-btn-gray,.kasse-btn-green{min-height:44px}.kp-input,select.kp-input,textarea.kp-input{min-height:44px;font-size:16px}.sidebar a{min-height:44px}}.kasse-header{background:var(--color-surface-dark);color:#fff;align-items:center;gap:1rem;margin:-1.5rem -1.5rem 1.5rem;padding:.9rem 1.5rem;display:flex}.kasse-header a{color:#c8d0db;text-decoration:none}.kasse-header a:hover{color:#fff}.kasse-brand{font-size:1.15rem;font-weight:700}.kasse-brand span{color:#f5a623}.kasse-spacer{flex:1}.kasse-btn{cursor:pointer;background:var(--kp-blue);color:#fff;min-height:3.25rem;transition:background .12s ease, transform .1s var(--ease-out);border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:0 1.5rem;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-flex}.kasse-btn:hover{background:#1a4e9e}.kasse-btn:active:not(:disabled){transform:scale(.97)}.kasse-btn-green{background:var(--kp-green)}.kasse-btn-green:hover{background:#356104}.kasse-btn-gray{color:var(--color-body);background:#e5e9f0}.kasse-btn-gray:hover{background:#d7dde8}.kasse-btn:disabled{opacity:.5;cursor:not-allowed}.app-launcher{flex-wrap:wrap;gap:1rem;margin-bottom:1.75rem;display:flex}.app-icon{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:.4rem;width:4.75rem;padding:0;text-decoration:none;display:inline-flex;position:relative}.app-icon-tile{background:var(--app-color,#1e5bb8);border-radius:.9rem;justify-content:center;align-items:center;width:3.4rem;height:3.4rem;font-size:1.7rem;line-height:1;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 3px 8px #0000002e}.app-icon:hover .app-icon-tile{transform:translateY(-3px);box-shadow:0 7px 16px #00000038}.app-icon:active .app-icon-tile{transform:translateY(-1px)}.app-icon-label{color:#475569;text-align:center;font-size:.74rem;font-weight:600;line-height:1.15}.app-icon-badge{color:#fff;background:#ef4444;border-radius:9999px;justify-content:center;align-items:center;min-width:1.25rem;height:1.25rem;padding:0 .35rem;font-size:.7rem;font-weight:700;display:inline-flex;position:absolute;top:-.35rem;right:.55rem;box-shadow:0 0 0 2px #f4f6f9}.modal-backdrop{z-index:50;background:#0f172a8c;justify-content:center;align-items:flex-start;padding:4vh 1rem 2rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-box{background:#fff;border-radius:.85rem;width:100%;max-width:46rem;animation:.16s ease-out modal-in;box-shadow:0 14px 48px #0000004d}@keyframes modal-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid #eef1f5;justify-content:space-between;align-items:center;padding:.9rem 1.25rem;display:flex}.modal-title{color:var(--color-ink);align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;display:inline-flex}.modal-close{cursor:pointer;color:var(--color-muted);background:0 0;border:none;border-radius:.375rem;padding:.3rem;display:inline-flex}.modal-close:hover{color:var(--color-ink);background:#f0f3f7}.modal-body{padding:1.25rem}.abholschein-sheet{color:var(--color-ink);background:#fff;border-radius:.25rem;max-width:800px;margin:0 auto;padding:2rem 2.5rem;box-shadow:0 1px 6px #0000001f}@media print{.kasse-header{display:none!important}.abholschein-sheet{max-width:none!important;box-shadow:none!important;border-radius:0!important;margin:0!important;padding:16mm!important}}.invoice-sheet{color:var(--color-ink);background:#fff;border-radius:.25rem;max-width:800px;margin:0 auto;padding:2.5rem 3rem;box-shadow:0 1px 6px #0000001f}.invoice-sheet tr,.abholschein-sheet tr,.paged-output tr,.invoice-sheet thead,.paged-output thead{break-inside:avoid}@media print{header,.sidebar,.no-print{display:none!important}main{padding:0!important;overflow:visible!important}body{background:#fff!important}.invoice-sheet{max-width:none!important;box-shadow:none!important;border-radius:0!important;margin:0!important;padding:0!important}@page{size:A4;margin:0}.portal-container{max-width:none!important;margin:0!important;padding:0!important}.paged-output .pagedjs_page{box-shadow:none!important;margin:0!important}}.portal-header{background:var(--color-surface-dark);color:#fff;align-items:center;gap:1.25rem;margin:-1.5rem -1.5rem 1.5rem;padding:.85rem 1.75rem;display:flex}.portal-brand{color:#fff;align-items:baseline;gap:.5rem;font-size:1.15rem;font-weight:700;text-decoration:none;display:inline-flex}.portal-brand span{color:#f5a623}.portal-brand em{color:var(--color-subtle);border-left:1px solid #3a4658;padding-left:.5rem;font-size:.8rem;font-style:normal;font-weight:500}.portal-nav{gap:.25rem;display:flex}.portal-nav a{color:#c8d0db;border-radius:.375rem;padding:.4rem .85rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s}.portal-nav a:hover{color:#fff;background:#253548}.portal-nav a.active{color:#fff;background:#2a4a7f}.portal-spacer{flex:1}.portal-user{align-items:center;gap:.85rem;display:flex}.portal-user-name{color:#c8d0db;font-size:.875rem}.portal-logout{color:#c8d0db;cursor:pointer;background:0 0;border:1px solid #3a4658;border-radius:.375rem;padding:.35rem .85rem;font-size:.85rem;font-weight:500}.portal-logout:hover{color:#fff;background:#253548}@media (max-width:640px){.portal-header{flex-wrap:wrap;gap:.5rem .75rem;padding:.7rem 1rem}.portal-nav{-webkit-overflow-scrolling:touch;order:3;width:100%;overflow-x:auto}.portal-nav a{white-space:nowrap}.portal-spacer,.portal-user-name{display:none}.portal-brand{font-size:1rem}}.portal-body{min-height:calc(100vh - 104px)}.portal-container{max-width:56rem;margin:0 auto}.portal-footer{border-top:1px solid var(--border);background:var(--surface);justify-content:center;align-items:center;padding:.75rem 1rem;display:flex}.portal-footer-link{color:var(--text-secondary);font-size:.8rem;text-decoration:none}.portal-footer-link:hover{text-decoration:underline}.portal-datenschutz{padding:2rem 1rem}.portal-datenschutz h1{margin-bottom:.25rem;font-size:1.6rem;font-weight:700}.portal-datenschutz h2{color:var(--color-ink);margin-top:1.5rem;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.portal-datenschutz p,.portal-datenschutz ul{margin-bottom:.75rem;line-height:1.7}.portal-datenschutz ul{padding-left:1.5rem}.portal-datenschutz li{margin-bottom:.35rem}.portal-hint{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.85rem}.portal-pre{background:var(--surface);border:1px solid var(--border);white-space:pre-wrap;border-radius:6px;margin-bottom:1rem;padding:.75rem 1rem;font-family:inherit;font-size:.9rem}.doc-upload-form{padding:1.25rem}.doc-upload-title{color:var(--color-ink);margin-bottom:1rem;font-size:1rem;font-weight:700}.doc-upload-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem;display:grid}@media (max-width:600px){.doc-upload-grid{grid-template-columns:1fr}}.doc-list{flex-direction:column;gap:.5rem;display:flex}.doc-item{align-items:center;gap:1rem;padding:.875rem 1rem;display:flex}.doc-icon{flex-shrink:0;font-size:1.5rem}.doc-info{flex:1;min-width:0}.doc-name{color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-size:.95rem;font-weight:600;overflow:hidden}.doc-meta{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.doc-badge{border-radius:999px;padding:.1rem .45rem;font-size:.72rem;font-weight:700}.doc-detail{color:var(--text-secondary);font-size:.78rem}.doc-notes{font-style:italic}.doc-actions{flex-shrink:0;gap:.5rem;display:flex}.btn-sm{padding:.3rem .7rem;font-size:.8rem}.btn-danger{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;font-weight:600;transition:background .15s}.btn-danger:hover{background:#fee2e2}.portal-h1{color:var(--color-ink);margin-bottom:.25rem;font-size:1.6rem;font-weight:700}.portal-h2{color:var(--color-ink);margin-bottom:.6rem;font-size:1.1rem;font-weight:700}.portal-lede{color:var(--color-muted);margin-bottom:1.5rem;font-size:.95rem}.portal-section{margin-top:2rem}.portal-kpi-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:.5rem;display:grid}@media (min-width:768px){.portal-kpi-grid{grid-template-columns:repeat(4,1fr)}}.portal-kpi{background:#fff;border-left:4px solid #d1d5db;border-radius:.5rem;padding:1.1rem 1.25rem;box-shadow:0 1px 3px #00000014}.portal-kpi--good{border-left-color:var(--kp-green)}.portal-kpi--warn{border-left-color:var(--kp-orange)}.portal-kpi--bad{border-left-color:var(--kp-red)}.portal-kpi--neutral{border-left-color:#d1d5db}.portal-kpi-label{text-transform:uppercase;letter-spacing:.03em;color:var(--color-subtle);margin-bottom:.35rem;font-size:.75rem;font-weight:600}.portal-kpi-value{color:var(--color-ink);font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:700}.portal-login-wrap{justify-content:center;align-items:flex-start;padding-top:3.5rem;display:flex}.portal-login-card{background:#fff;border-radius:.75rem;width:100%;max-width:26rem;padding:2.25rem 2.5rem;box-shadow:0 4px 20px #0000001a}.portal-login-title{color:var(--color-ink);margin-bottom:.4rem;font-size:1.4rem;font-weight:700}.portal-login-sub{color:var(--color-muted);margin-bottom:1.5rem;font-size:.9rem;line-height:1.5}.portal-login-form{flex-direction:column;gap:.65rem;display:flex}.portal-login-btn{width:100%;margin-top:.35rem}.portal-login-hint{color:var(--color-subtle);margin-top:1.25rem;font-size:.8rem;line-height:1.5}.portal-alert{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;margin-bottom:1.25rem;padding:.7rem .9rem;font-size:.85rem}.portal-alert--success{color:#15803d;background:#f0fdf4;border-color:#86efac}.portal-alert--warning{color:#92400e;background:#fffbeb;border-color:#fde68a}.portal-dl{flex-direction:column;gap:.5rem;display:flex}.portal-dl-row{gap:1rem;font-size:.875rem;display:flex}.portal-dl-row dt{shrink:0;width:9rem;color:var(--color-muted)}.portal-dl-row dd{color:var(--color-ink)}.portal-label{color:var(--color-body);margin-bottom:.35rem;font-size:.8rem;font-weight:600;display:block}.portal-textarea{width:100%;color:var(--color-ink);resize:vertical;border:1px solid #d1d5db;border-radius:.375rem;min-height:6rem;margin-bottom:1rem;padding:.6rem .75rem;font-family:inherit;font-size:.875rem}.portal-textarea:focus{border-color:#1e5bb8;outline:none;box-shadow:0 0 0 2px #1e5bb833}.portal-approval-form{flex-direction:column;display:flex}.portal-approval-actions{flex-wrap:wrap;gap:.75rem;display:flex}.portal-btn-approve{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:.375rem;padding:.6rem 1.5rem;font-size:.875rem;font-weight:600;transition:background .15s}.portal-btn-approve:hover{background:#15803d}.portal-btn-reject{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #dc2626;border-radius:.375rem;padding:.6rem 1.5rem;font-size:.875rem;font-weight:600;transition:background .15s,color .15s}.portal-btn-reject:hover{background:#fef2f2}.portal-attention-dot{background:#f59e0b;border-radius:50%;width:.55rem;height:.55rem;margin-right:.4rem;animation:1.8s infinite pulse-dot;display:inline-block}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.portal-btn-sm{color:#fff;white-space:nowrap;background:#1e5bb8;border-radius:.25rem;padding:.25rem .75rem;font-size:.78rem;font-weight:600;text-decoration:none;display:inline-block}.portal-btn-sm:hover{background:#174fa3}.msg-badge{color:#fff;font-variant-numeric:tabular-nums;background:#ef4444;border-radius:9999px;justify-content:center;align-items:center;min-width:1.25rem;height:1.25rem;padding:0 .4rem;font-size:.72rem;font-weight:700;line-height:1;display:inline-flex}.msg-badge--nav{min-width:1.1rem;height:1.1rem;margin-left:.4rem}.msg-thread-list{margin:0;padding:0;list-style:none}.msg-thread-list>li+li{border-top:1px solid #f0f0f0}.msg-thread-item{color:inherit;align-items:center;gap:.85rem;padding:.85rem 1rem;text-decoration:none;transition:background .12s;display:flex}.msg-thread-item:hover{background:#fafbfe}.msg-avatar{color:#fff;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;font-size:1rem;font-weight:700;display:flex}.msg-thread-main{flex:1;min-width:0}.msg-thread-top{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.msg-thread-name{color:var(--color-ink)}.msg-thread-time{color:var(--color-subtle);flex-shrink:0;font-size:.75rem}.msg-thread-snippet{text-overflow:ellipsis;white-space:nowrap;margin-top:.15rem;font-size:.85rem;display:block;overflow:hidden}.msg-page{max-width:48rem}.msg-stream{flex-direction:column;gap:.6rem;max-height:60vh;padding:.5rem 0 1rem;display:flex;overflow-y:auto}.msg-bubble-row{justify-content:flex-start;display:flex}.msg-bubble-row.is-mine{justify-content:flex-end}.msg-bubble{max-width:78%;color:var(--color-ink);background:#f0f3f7;border-radius:.2rem .85rem .85rem;padding:.55rem .8rem}.msg-bubble--mine{color:#fff;background:#1e5bb8;border-top-left-radius:.85rem;border-top-right-radius:.2rem}.msg-bubble-body{white-space:pre-wrap;word-break:break-word;font-size:.9rem;line-height:1.45}.msg-bubble-meta{opacity:.7;align-items:center;gap:.5rem;margin-top:.25rem;font-size:.7rem;display:flex}.msg-doc-tag{background:#0000001f;border-radius:9999px;padding:.05rem .4rem;font-size:.66rem;font-weight:600}.msg-bubble--mine .msg-doc-tag{background:#ffffff38}.msg-composer{border-top:1px solid #eef1f5;margin-top:.75rem;padding-top:.85rem}.pay-method-title{color:var(--color-ink);margin-bottom:.75rem;font-size:1rem;font-weight:700}.pay-dl{flex-direction:column;gap:.5rem;display:flex}.pay-row{justify-content:space-between;align-items:center;gap:.75rem;font-size:.875rem;display:flex}.pay-row dt{color:var(--color-muted);flex-shrink:0}.pay-row dd{text-align:right;align-items:center;gap:.5rem;display:flex}.pay-copy{color:#475569;cursor:pointer;background:#eef2f7;border:1px solid #d1d5db;border-radius:.25rem;min-height:30px;padding:.3rem .6rem;font-size:.72rem;font-weight:600}@media (pointer:coarse){.pay-copy{min-height:40px;padding:.45rem .75rem}}.pay-copy:hover{background:#e2e8f0}.pay-amount-field{align-items:center;display:inline-flex;position:relative}.pay-currency{color:var(--color-muted);margin-left:.4rem;font-weight:600}.pay-paypal-btn{text-align:center;color:#fff;background:#0070ba;border-radius:.5rem;width:100%;padding:.7rem 1rem;font-size:.95rem;font-weight:700;text-decoration:none;display:block}.pay-paypal-btn:hover{background:#005c99}.kp-stripe{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:linear-gradient(90deg,#8fc33c 0 12.5%,#fecf1c 12.5% 25%,#f68c30 25% 37.5%,#e41b27 37.5% 50%,#ed5684 50% 62.5%,#bd3c95 62.5% 75%,#00b1d3 75% 87.5%,#007cc0 87.5% 100%);border-radius:1px;width:100%;height:7px}.kp-footer{margin-top:2.75rem}.kp-foot-cols{justify-content:space-between;align-items:flex-start;display:flex}.kp-foot-col{text-align:center;color:var(--color-muted);flex:1;min-width:0;padding:0 .5rem;font-size:.68rem;line-height:1.5}.kp-foot-col p{word-break:break-word;margin:0}.kp-foot-icon{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff;border:1px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin:-22px auto .5rem;display:flex}.kp-foot-icon img{width:24px;height:24px;display:block}.kp-header-block{padding-bottom:2.5rem}.kp-pageno{text-align:right;color:var(--color-muted);font-variant-numeric:tabular-nums;min-height:.85rem;margin-top:.35rem;font-size:.7rem}.pagedjs_pagebox{position:relative}.kp-footer-block{padding-top:.5rem}.kp-pay-note{color:var(--color-body);margin-bottom:.85rem;font-size:.8rem;line-height:1.55}.kp-qr-row{flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:1rem;display:flex}.kp-qr-item{align-items:center;gap:.6rem;display:flex}.kp-qr-item img{flex-shrink:0;display:block}.kp-qr-text{max-width:11rem}.kp-qr-title{color:var(--color-ink);font-size:.8rem;font-weight:700}.kp-qr-sub{color:var(--color-muted);font-size:.68rem;line-height:1.35}.paged-output{flex-direction:column;align-items:center;display:flex}.paged-output .pagedjs_page{background:#fff;margin:0 auto 1.25rem;box-shadow:0 1px 8px #00000026}.pagedjs_page_content .invoice-sheet{max-width:none;box-shadow:none;border-radius:0;margin:0;padding:0}.giro-block{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;align-items:center;gap:.75rem;padding:.6rem .75rem;display:flex}.giro-block img{flex-shrink:0;display:block}.giro-block{flex-shrink:0;max-width:320px}.giro-block--portal{background:#f8fafc;max-width:none;margin-top:.85rem}.giro-text{min-width:0}.giro-title{color:var(--color-ink);margin-bottom:.15rem;font-size:.82rem;font-weight:700}.giro-sub{color:var(--color-muted);font-size:.72rem;line-height:1.4}.today-band{border-radius:var(--radius-lg);max-width:640px;box-shadow:var(--elev-1);background:#fff;border:1px solid #eef1f5;flex-wrap:wrap;align-items:center;gap:.75rem;margin:0 auto .75rem;padding:.5rem .85rem;display:flex}.today-band__title{text-transform:uppercase;letter-spacing:.06em;color:var(--color-subtle);flex-shrink:0;font-size:.7rem;font-weight:800}.today-band__chips{flex-wrap:wrap;flex:1;align-items:center;gap:.4rem;min-width:0;display:flex}.today-band__more{color:var(--color-muted);flex-shrink:0;align-items:center;gap:.25rem;font-size:.78rem;font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex}.today-band__more:hover{color:var(--kp-blue)}.today-chip{border-radius:var(--radius-pill);transition:transform .12s var(--ease-out), box-shadow .15s, filter .15s;border:1px solid #0000;align-items:center;gap:.35rem;padding:.3rem .7rem;font-size:.8rem;font-weight:600;line-height:1.3;text-decoration:none;display:inline-flex}.today-chip__count{font-variant-numeric:tabular-nums;font-weight:800}.today-chip:hover{box-shadow:var(--elev-1);filter:brightness(.98);transform:translateY(-1px)}.today-chip:active{transform:translateY(0)}.today-chip--bad{color:#c11436;background:#fee2e2;border-color:#fecaca}.today-chip--warn{color:#b45309;background:#fef3c7;border-color:#fde68a}.today-chip--good{color:#15803d;background:#e3faea;border-color:#bbf7d0}.today-chip--info{color:#1d4fd7;background:#e8f0fe;border-color:#c7dafe}.today-chip--clear{color:#5b6470;cursor:default;background:#f6f8fb;border-color:#eef1f5}@media (pointer:coarse){.today-chip{min-height:38px;padding-left:.85rem;padding-right:.85rem}}@media (max-width:640px){.today-band{border-radius:var(--radius-md)}.today-band__more{margin-left:auto}}.home-search{border-radius:var(--radius-pill);background:#f1f5f9;border:1px solid #0000;flex:1;align-items:center;gap:.3rem;min-width:0;max-width:360px;margin:0 .5rem;padding:.15rem .5rem;transition:background .15s,border-color .15s,box-shadow .15s;display:flex}.home-search:focus-within{border-color:var(--kp-blue);box-shadow:0 0 0 3px var(--kp-blue);background:#fff}@supports (color:color-mix(in lab, red, red)){.home-search:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--kp-blue) 16%, transparent)}}.home-search__icon{color:#64748b;cursor:pointer;border-radius:var(--radius-pill);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:.25rem;transition:color .15s;display:inline-flex}.home-search__icon:hover{color:var(--kp-blue)}.home-search__input{color:#1a2332;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:.25rem 0;font-size:.9rem}@media (max-width:520px){.home-search{max-width:none}.home-search__input::placeholder{color:#0000}}@media (pointer:coarse){.home-search__input{min-height:36px;font-size:16px}.home-search__icon{min-width:36px;min-height:36px}}.resume-bar{align-items:center;gap:.6rem;max-width:640px;margin:0 auto .85rem;display:flex}.resume-bar__title{text-transform:uppercase;letter-spacing:.06em;color:var(--color-subtle);flex-shrink:0;font-size:.7rem;font-weight:800}.resume-bar__chips{-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex:1;align-items:center;gap:.45rem;min-width:0;padding-bottom:2px;display:flex;overflow-x:auto}.resume-chip{border-radius:var(--radius-md);color:#1a2332;box-shadow:var(--elev-0);transition:transform .12s var(--ease-out), box-shadow .15s, border-color .15s;background:#fff;border:1px solid #e8ecf1;flex-shrink:0;align-items:center;gap:.4rem;padding:.35rem .7rem;font-size:.78rem;text-decoration:none;display:inline-flex}.resume-chip:hover{box-shadow:var(--elev-1);border-color:#d4dae3;transform:translateY(-1px)}.resume-chip svg{color:#64748b;flex-shrink:0}.resume-chip__num{color:var(--kp-blue);font-family:monospace;font-size:.72rem;font-weight:600}.resume-chip__main{white-space:nowrap;text-overflow:ellipsis;max-width:10rem;font-weight:600;overflow:hidden}.resume-chip__status{color:var(--color-muted);white-space:nowrap;align-items:center;gap:.25rem;font-size:.7rem;display:inline-flex}.resume-chip__dot{border-radius:var(--radius-pill);flex-shrink:0;width:7px;height:7px}.resume-chip--draft{background:#fffbeb;border-color:#fde68a}.resume-chip--draft svg{color:#b45309}.resume-chip__tag{text-transform:uppercase;letter-spacing:.03em;color:#b45309;border-radius:var(--radius-pill);background:#fef3c7;padding:.05rem .4rem;font-size:.62rem;font-weight:800}@media (pointer:coarse){.resume-chip{min-height:38px}}.orbit-stage{--r:clamp(150px, 27vw, 205px);--bub:clamp(104px, 18vw, 130px);width:min(600px,92vw);height:min(600px,92vw);margin:.5rem auto 0;position:relative}.orbit-logo{z-index:5;-webkit-user-select:none;user-select:none;pointer-events:none;width:clamp(110px,22vw,165px);height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-ring{position:absolute;inset:0}.orbit-slot{width:var(--bub);height:var(--bub);margin:calc(var(--bub) / -2);transform:rotate(var(--a)) translate(var(--r)) rotate(calc(-1 * var(--a)));position:absolute;top:50%;left:50%}.orbit-wrap{animation:.5s both kp-fade-in}@keyframes kp-fade-in{0%{opacity:0}to{opacity:1}}.fokus-flash{border-radius:8px;animation:2.6s ease-out both kp-fokus-flash}@keyframes kp-fokus-flash{0%{background-color:#fef3c7e6;box-shadow:0 0 0 3px #fbbf24e6}60%{background-color:#fef3c773;box-shadow:0 0 0 3px #fbbf2473}to{background-color:#0000;box-shadow:0 0 0 3px #fbbf2400}}@media (prefers-reduced-motion:reduce){.fokus-flash{outline-offset:2px;outline:3px solid #fbbf24e6;animation:none}}.orbit-bubble{-webkit-tap-highlight-color:transparent;width:100%;height:100%;text-decoration:none;display:block}.orbit-bubble__face{background:var(--m,#1e5bb8);color:#fff;text-align:center;width:100%;height:100%;box-shadow:0 10px 22px -8px var(--m,#1e5bb8), inset 0 -6px 14px #0000001f, inset 0 4px 10px #ffffff40;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;padding:.5rem;display:flex}@supports (color:color-mix(in lab, red, red)){.orbit-bubble__face{box-shadow:0 10px 22px -8px color-mix(in srgb, var(--m,#1e5bb8) 60%, transparent), inset 0 -6px 14px #0000001f, inset 0 4px 10px #ffffff40}}.orbit-bubble__face{transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,filter .25s}.orbit-bubble:hover .orbit-bubble__face,.orbit-bubble:focus-visible .orbit-bubble__face{filter:brightness(1.06)saturate(1.05);box-shadow:0 18px 34px -8px var(--m,#1e5bb8), inset 0 -6px 14px #0000001f, inset 0 4px 12px #ffffff59;transform:scale(1.09)}@supports (color:color-mix(in lab, red, red)){.orbit-bubble:hover .orbit-bubble__face,.orbit-bubble:focus-visible .orbit-bubble__face{box-shadow:0 18px 34px -8px color-mix(in srgb, var(--m,#1e5bb8) 75%, transparent), inset 0 -6px 14px #0000001f, inset 0 4px 12px #ffffff59}}.orbit-bubble:active .orbit-bubble__face{transform:scale(1.02)}.orbit-bubble__icon{color:#fff;filter:drop-shadow(0 0 1px #000000b3)drop-shadow(0 1px 1.5px #00000080);line-height:0}.orbit-bubble__label{color:#fff;-webkit-text-stroke:.7px #0009;paint-order:stroke fill;text-shadow:0 1px 2px #00000073;font-size:clamp(.72rem,1.5vw,.86rem);font-weight:800;line-height:1.1}.orbit-badge{color:#475569;text-transform:uppercase;letter-spacing:.04em;z-index:2;background:#ffffffeb;border-radius:999px;align-items:center;gap:.15rem;padding:2px 7px;font-size:.58rem;font-weight:800;display:inline-flex;position:absolute;top:2px;right:6px;box-shadow:0 2px 6px #00000026}.orbit-badge--locked{color:#b91c1c}.orbit-bubble--locked{cursor:not-allowed}.orbit-bubble--locked:hover .orbit-bubble__face{transform:none}@keyframes kp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-13px)}}.mode-float .orbit-bubble{animation:4s ease-in-out infinite kp-float;animation-delay:var(--d,0s)}@keyframes kp-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.mode-breathe .orbit-bubble{animation:3.4s ease-in-out infinite kp-breathe;animation-delay:var(--d,0s)}@keyframes kp-wobble{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.mode-wobble .orbit-bubble{animation:2.8s ease-in-out infinite kp-wobble;animation-delay:var(--d,0s)}@keyframes kp-bounce{0%,to{animation-timing-function:cubic-bezier(.3,0,.5,1);transform:translateY(0)}50%{animation-timing-function:cubic-bezier(.5,0,.7,1);transform:translateY(-20px)}}.mode-bounce .orbit-bubble{animation:1.9s infinite kp-bounce;animation-delay:var(--d,0s)}@keyframes kp-glow{0%,to{filter:drop-shadow(0 0 #0000)}50%{filter:drop-shadow(0 0 16px var(--m,#1e5bb8))}}.mode-glow .orbit-bubble{animation:2.6s ease-in-out infinite kp-glow;animation-delay:var(--d,0s)}@keyframes kp-swing{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}.mode-swing .orbit-bubble{transform-origin:top;animation:3.4s ease-in-out infinite kp-swing;animation-delay:var(--d,0s)}@keyframes kp-jelly{0%,to{transform:scale(1)}25%{transform:scale(1.08,.92)}50%{transform:scale(.94,1.06)}75%{transform:scale(1.04,.96)}}.mode-jelly .orbit-bubble{animation:2.6s ease-in-out infinite kp-jelly;animation-delay:var(--d,0s)}@keyframes kp-dance{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-11px)rotate(4deg)}}.mode-dance .orbit-bubble{animation:2.2s ease-in-out infinite kp-dance;animation-delay:var(--d,0s)}@keyframes kp-drift{0%{transform:translate(0)}25%{transform:translate(7px,-7px)}50%{transform:translateY(-12px)}75%{transform:translate(-7px,-7px)}to{transform:translate(0)}}.mode-drift .orbit-bubble{animation:6s ease-in-out infinite kp-drift;animation-delay:var(--d,0s)}@keyframes kp-spin{to{transform:rotate(360deg)}}@keyframes kp-spin-rev{to{transform:rotate(-360deg)}}.mode-orbit .orbit-ring{animation:44s linear infinite kp-spin}.mode-orbit .orbit-bubble{animation:44s linear infinite kp-spin-rev}.orbit-switch{position:relative}.orbit-switch__btn{color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #fff3;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .7rem;font-size:.8rem;transition:background .15s;display:inline-flex}.orbit-switch__btn:hover{background:#ffffff3d}.orbit-switch__menu{z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:.6rem;grid-template-columns:1fr 1fr;gap:.15rem;width:17rem;padding:.35rem;display:grid;position:absolute;top:calc(100% + .4rem);right:0;box-shadow:0 12px 28px #1018282e}.orbit-switch__item{color:var(--color-body);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.4rem;align-items:center;gap:.4rem;width:100%;padding:.45rem .55rem;font-size:.82rem;display:flex}.orbit-switch__item:hover{background:#f1f5f9}.orbit-switch__item--active{color:#1e3a8a;background:#eef2ff;font-weight:600}@media (max-width:639px){.orbit-stage{--bub:clamp(104px, 34vw, 140px);flex-direction:column;align-items:center;width:auto;height:auto;display:flex}.orbit-logo{margin-bottom:1.25rem;position:static;transform:none}.orbit-ring{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;width:100%;max-width:340px;margin:0 auto;display:flex;position:static}.orbit-slot{justify-content:center;width:calc(50% - 7px);height:auto;margin:0;display:flex;position:static;transform:none!important}.orbit-slot:nth-child(3n+1){width:100%}.orbit-bubble{width:var(--bub);height:var(--bub)}.mode-orbit .orbit-ring{animation:none}.mode-orbit .orbit-bubble{animation:4s ease-in-out infinite kp-float;animation-delay:var(--d,0s)}}@media (prefers-reduced-motion:reduce){.orbit-bubble,.orbit-ring,.mode-orbit .orbit-ring,.mode-orbit .orbit-bubble{animation:none!important}.orbit-bubble{opacity:1}}.tresen-root{background:#f8fafc;flex-direction:column;min-height:100vh;margin:-1rem;display:flex}@media (min-width:640px){.tresen-root{margin:-1.5rem}}.tresen-hd{color:#fff;background:#fb7518;align-items:center;gap:.625rem;padding:.75rem 1.25rem;display:flex;box-shadow:0 2px 8px #fb75184d}.tresen-body{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:1.25rem 1rem}@media (min-width:640px){.tresen-body{padding:1.5rem}}.tresen-steps{gap:.5rem;margin-bottom:1.75rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.tresen-step{color:var(--color-subtle);white-space:nowrap;background:#fff;border:2px solid #e2e8f0;border-radius:999px;flex-shrink:0;align-items:center;gap:.4rem;padding:.45rem .875rem;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.tresen-step--active{color:#fb7518;background:#fff7ed;border-color:#fb7518}.tresen-step--done{color:#15803d;background:#e3faea;border-color:#1fcb4f}.tresen-step-num{width:20px;height:20px;color:var(--color-subtle);background:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:800;display:flex}.tresen-step--active .tresen-step-num{color:#fff;background:#fb7518}.tresen-step--done .tresen-step-num{color:#fff;background:#1fcb4f}.tresen-tile-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.75rem;margin-bottom:.5rem;display:grid}@media (min-width:640px){.tresen-tile-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}.tresen-tile{cursor:pointer;text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:.875rem;flex-direction:column;align-items:center;gap:.3rem;padding:.75rem .5rem;font-family:inherit;transition:all .15s;display:flex}.tresen-tile:hover{border-color:#fb7518;transform:translateY(-2px);box-shadow:0 4px 14px #fb751826}.tresen-tile--active{background:#fff7ed;border-color:#fb7518}.tresen-tile:disabled{opacity:.5;cursor:wait}.tresen-tile-img{object-fit:cover;border-radius:.5rem;width:56px;height:56px}.tresen-tile-name{color:var(--color-ink);font-size:.78rem;font-weight:700;line-height:1.2}.tresen-tile-price{color:var(--color-subtle);font-size:.72rem}.tresen-opt-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.625rem;margin-bottom:0;display:grid}.tresen-opt{cursor:pointer;color:var(--color-body);background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;padding:.75rem .5rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .15s;display:flex}.tresen-opt:hover{background:#fff7ed;border-color:#fb7518}.tresen-opt--active{color:#c2410c;background:#fff7ed;border-color:#fb7518}.tresen-opt-icon{font-size:1.5rem}.tresen-file-btn{cursor:pointer;color:var(--color-body);text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:.875rem;flex-direction:column;flex:1;align-items:center;gap:.35rem;padding:1rem .75rem;font-family:inherit;font-size:.85rem;font-weight:600;line-height:1.3;transition:all .15s;display:flex}.tresen-file-btn:hover{background:#eff6ff;border-color:#3b82f6}.tresen-file-btn--active{color:#1e40af;background:#eff6ff;border-color:#3b82f6}.tresen-file-btn .icon{font-size:1.8rem}.tresen-qty-table{border-collapse:separate;border-spacing:0;width:100%;color:var(--color-body);font-size:.82rem}.tresen-qty-table th{text-align:center;white-space:nowrap;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:.4rem .5rem;font-weight:700}.tresen-qty-table td{text-align:center;vertical-align:middle;border-bottom:1px solid #f0f0f0;padding:.35rem .4rem}.tresen-qty-table tr:last-child td{border-bottom:none}.tresen-qty-input{text-align:center;width:52px;color:var(--color-ink);background:#fff;border:1.5px solid #e2e8f0;border-radius:.4rem;padding:.25rem .35rem;font-family:DM Mono,monospace;font-size:.82rem;transition:border-color .12s}.tresen-qty-input:focus{border-color:#fb7518;outline:none}.tresen-qty-input::-webkit-inner-spin-button{opacity:1}.tresen-qty-input::-webkit-outer-spin-button{opacity:1}.tresen-nav{border-top:2px solid #e2e8f0;justify-content:space-between;align-items:center;gap:.75rem;margin-top:2rem;padding-top:1.25rem;display:flex}.space-y-1>*+*{margin-top:.25rem}.shop-frame{grid-template-columns:1fr 300px;align-items:start;gap:1.5rem;display:grid}@media (max-width:900px){.shop-frame{grid-template-columns:1fr}}.shop-main{flex-direction:column;gap:0;min-width:0;display:flex}.shop-content-anim{min-height:420px}@keyframes shopSlideRight{0%{opacity:0;transform:translate(48px)}to{opacity:1;transform:translate(0)}}@keyframes shopSlideLeft{0%{opacity:0;transform:translate(-48px)}to{opacity:1;transform:translate(0)}}.shop-anim--fwd{animation:.3s cubic-bezier(.22,1,.36,1) both shopSlideRight}.shop-anim--back{animation:.3s cubic-bezier(.22,1,.36,1) both shopSlideLeft}.shop-step-body{padding:1.25rem 0 .5rem}.shop-step-title{color:var(--color-ink);letter-spacing:-.02em;margin-bottom:1.25rem;font-size:1.2rem;font-weight:800}.shop-step-bar{align-items:center;gap:0;padding:1rem 0 .75rem;display:flex;overflow-x:auto}.shop-step-bar-item{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.shop-step-dot{width:26px;height:26px;color:var(--color-subtle);background:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;font-weight:800;transition:all .2s;display:flex}.shop-step-dot--active{color:#fff;background:#fb7518;box-shadow:0 0 0 4px #fb751833}.shop-step-dot--done{color:#fff;background:#1fcb4f}.shop-step-bar-label{color:var(--color-subtle);white-space:nowrap;font-size:.8rem;font-weight:600;transition:color .2s}.shop-step-bar-label--active{color:#fb7518}.shop-step-bar-label--done{color:#15803d}.shop-step-line{background:#e2e8f0;border-radius:2px;flex-shrink:0;width:28px;height:2px;margin:0 .4rem;transition:background .2s}.shop-step-line--done{background:#1fcb4f}.shop-step-line--active{background:linear-gradient(90deg,#1fcb4f 50%,#e2e8f0 50%)}.shop-nav{border-top:2px solid #f0f2f5;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.5rem;padding-top:1.25rem;display:flex}.shop-mode-tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.shop-mode-tab{color:var(--color-body);cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:999px;align-items:center;gap:.4rem;padding:.55rem 1rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .15s;display:inline-flex}.shop-mode-tab:hover{color:#c2410c;border-color:#fb7518}.shop-mode-tab--active{color:#c2410c;background:#fff7ed;border-color:#fb7518}.shop-search-icon{color:var(--color-subtle);pointer-events:none;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.shop-search-input{width:100%;color:var(--color-ink);background:#fff;border:2px solid #e2e8f0;border-radius:.875rem;outline:none;padding:.75rem 1rem .75rem 2.75rem;font-family:inherit;font-size:.95rem;transition:border-color .15s}.shop-search-input:focus{border-color:#fb7518}.shop-customer-search{flex-direction:column;gap:.75rem;display:flex}.shop-customer-selected{background:#e3faea;border:2px solid #1fcb4f;border-radius:.875rem;align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}.shop-customer-results{background:#fff;border:2px solid #e2e8f0;border-radius:.875rem;overflow:hidden}.shop-customer-row{text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #f0f2f5;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;font-family:inherit;transition:background .1s;display:flex}.shop-customer-row:last-child{border-bottom:none}.shop-customer-row:hover{background:#fafbfc}.shop-avatar{color:#fff;background:#fb7518;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.78rem;font-weight:800;display:flex}.shop-avatar--sm{width:28px;height:28px;font-size:.65rem}.shop-form-card{background:#fff;border:2px solid #e2e8f0;border-radius:1rem;padding:1.25rem}.shop-form-hint{color:var(--color-subtle);margin-bottom:.875rem;font-size:.82rem}.shop-input-lg{padding:.75rem 1rem!important;font-size:1rem!important}.shop-tabs{border-bottom:2px solid #e2e8f0;gap:0;margin-bottom:1rem;display:flex}.shop-tab{cursor:pointer;color:var(--color-subtle);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .15s}.shop-tab:hover{color:#fb7518}.shop-tab--active{color:#fb7518;border-bottom-color:#fb7518}.shop-product-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.875rem;margin-top:.25rem;display:grid}@media (min-width:640px){.shop-product-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.shop-product-card{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:1rem;flex-direction:column;font-family:inherit;transition:all .15s;display:flex;overflow:hidden}.shop-product-card:hover{border-color:#fb7518;transform:translateY(-3px);box-shadow:0 8px 24px #fb751826}.shop-product-card:disabled{opacity:.6;cursor:wait;box-shadow:none;transform:none}.shop-product-photo{aspect-ratio:1;background:#f8fafc;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.shop-product-img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.shop-product-card:hover .shop-product-img{transform:scale(1.04)}.shop-photo-loading{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.shop-color-dots{flex-wrap:wrap;justify-content:center;gap:3px;padding:0 .5rem;display:flex;position:absolute;bottom:.4rem;left:0;right:0}.shop-color-dot-sm{border:1.5px solid #fffc;border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block;box-shadow:0 1px 2px #00000026}.shop-product-info{padding:.625rem .75rem}.shop-product-name{color:var(--color-ink);margin-bottom:.15rem;font-size:.82rem;font-weight:700;line-height:1.25}.shop-product-brand{color:var(--color-subtle);margin-bottom:.15rem;font-size:.72rem}.shop-product-price{color:#fb7518;font-size:.78rem;font-weight:700}.shop-cart-preview{background:#f0fdf4;border:2px solid #bbf7d0;border-radius:.875rem;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:.75rem;display:flex}.shop-cart-preview-item{align-items:center;gap:.625rem;display:flex}.shop-mini-thumb{object-fit:cover;background:#e2e8f0;border-radius:.5rem;flex-shrink:0;width:36px;height:36px}.shop-mini-thumb--ph{justify-content:center;align-items:center;font-size:1rem;display:flex}.shop-back-link{color:var(--color-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:.3rem;margin-bottom:1rem;padding:0;font-family:inherit;font-size:.85rem;font-weight:600;transition:color .1s;display:inline-flex}.shop-back-link:hover{color:#fb7518}.shop-detail{grid-template-columns:1fr 1fr;align-items:start;gap:1.5rem;display:grid}@media (max-width:640px){.shop-detail{grid-template-columns:1fr}}.shop-detail-photo-col{flex-direction:column;align-items:center;gap:.75rem;display:flex}.shop-detail-photo-frame{aspect-ratio:1;background:#f8fafc;border-radius:1.25rem;justify-content:center;align-items:center;width:100%;max-width:320px;display:flex;overflow:hidden;box-shadow:0 4px 20px #00000014}.shop-detail-photo-img{object-fit:cover;width:100%;height:100%;transition:opacity .25s}.shop-detail-photo-placeholder{color:#d1d5db;font-size:4rem}.shop-color-strip{flex-wrap:wrap;justify-content:center;gap:8px 6px;max-width:320px;padding:.25rem 0;display:flex}.shop-swatch-item{flex-direction:column;align-items:center;gap:3px;width:44px;display:flex}.shop-color-swatch{cursor:pointer;border:2.5px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative;box-shadow:0 1px 4px #0000002e}.shop-color-swatch:hover{transform:scale(1.12);box-shadow:0 3px 8px #00000047}.shop-color-swatch--active{border-width:3px;transform:scale(1.18);box-shadow:0 0 0 3px #e87c2a38;border-color:#e87c2a!important}.shop-swatch-check{pointer-events:none;-webkit-user-select:none;user-select:none;font-size:14px;font-weight:800;line-height:1}.shop-swatch-qty-dot{pointer-events:none;background:#fb7518;border:1.5px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;top:-2px;right:-2px}.shop-swatch-name{color:var(--color-muted);text-align:center;-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;max-width:44px;font-size:9px;line-height:1.1;display:-webkit-box;overflow:hidden}.shop-detail-info-col{flex-direction:column;gap:1rem;display:flex}.shop-detail-title{color:var(--color-ink);font-size:1.2rem;font-weight:800;line-height:1.2}.shop-detail-brand{color:var(--color-subtle);margin-top:.15rem;font-size:.85rem}.shop-detail-price{color:var(--color-ink);margin-top:.4rem;font-size:1.4rem;font-weight:800}.shop-sizes-label{color:var(--color-subtle);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;font-size:.78rem;font-weight:700}.shop-sizes-grid{flex-wrap:wrap;gap:.5rem;display:flex}.shop-size-counter{background:#fff;border:2px solid #e2e8f0;border-radius:.625rem;flex-direction:column;align-items:center;gap:.25rem;min-width:52px;padding:.4rem .35rem;transition:border-color .15s;display:flex}.shop-size-counter--active{background:#fff7ed;border-color:#fb7518}.shop-size-label{color:var(--color-body);font-size:.72rem;font-weight:700}.shop-qty-btn{cursor:pointer;width:22px;height:22px;color:var(--color-body);background:#fff;border:1.5px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;transition:all .1s;display:flex}.shop-qty-btn:hover:not(:disabled){color:#fff;background:#fb7518;border-color:#fb7518}.shop-qty-btn:disabled{opacity:.35;cursor:not-allowed}.shop-qty-val{color:var(--color-ink);text-align:center;min-width:16px;font-size:.85rem;font-weight:800}.shop-selected-colors{background:#f8fafc;border-radius:.75rem;flex-direction:column;gap:.4rem;padding:.75rem;display:flex}.shop-selected-color-row{align-items:center;gap:.4rem;display:flex}.shop-detail-footer{border-top:2px solid #f0f2f5;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.75rem;padding-top:.75rem;display:flex}.shop-detail-total{color:var(--color-ink);font-size:1.1rem;font-weight:800}.shop-add-to-cart-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#fb7518;border:none;border-radius:.875rem;align-items:center;gap:.5rem;padding:.7rem 1.25rem;font-family:inherit;font-size:.9rem;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 3px 12px #fb75184d}.shop-add-to-cart-btn:hover{filter:brightness(1.07);transform:translateY(-1px)}.shop-add-to-cart-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.shop-section{margin-bottom:1.5rem}.shop-section-title{color:var(--color-subtle);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.625rem;font-size:.78rem;font-weight:700}.shop-option-row{flex-wrap:wrap;gap:.625rem;display:flex}.shop-option-card{cursor:pointer;text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:.875rem;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.3rem;min-width:100px;padding:.875rem .625rem;font-family:inherit;transition:all .15s;display:flex}.shop-option-card:hover,.shop-option-card--active{background:#fff7ed;border-color:#fb7518}.shop-option-card--lg{min-width:140px;padding:1.25rem 1rem}.shop-option-icon{font-size:1.6rem;line-height:1}.shop-option-label{color:var(--color-ink);font-size:.875rem;font-weight:700}.shop-option-sub{color:var(--color-subtle);font-size:.72rem}.shop-option-card--active .shop-option-label,.shop-option-card--active .shop-option-icon svg{color:#c2410c}.shop-file-row{gap:.75rem;display:flex}.shop-file-btn{cursor:pointer;color:var(--color-body);background:#fff;border:2px solid #e2e8f0;border-radius:1rem;flex-direction:column;flex:1;align-items:center;gap:.35rem;padding:1.25rem .875rem;font-family:inherit;transition:all .15s;display:flex}.shop-file-btn:hover{background:#eff6ff;border-color:#2b6bf5}.shop-file-btn--active{color:#1e40af;background:#eff6ff;border-color:#2b6bf5}.shop-file-label{font-size:.875rem;font-weight:700}.shop-file-sub{color:var(--color-subtle);text-align:center;font-size:.72rem}.shop-file-btn--active .shop-file-sub{color:#3b82f6}.shop-checkbox-row{color:var(--color-body);cursor:pointer;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.shop-checkbox-row input[type=checkbox]{width:16px;height:16px}.shop-cart{background:#fff;border:2px solid #e2e8f0;border-radius:1.25rem;flex-direction:column;display:flex;position:sticky;top:1.25rem;overflow:hidden;box-shadow:0 4px 24px #0000000f}@media (max-width:900px){.shop-cart{position:static}}.shop-cart-head{color:#fff;background:#1a1a2e;align-items:center;gap:.5rem;padding:.875rem 1rem;font-size:.9rem;font-weight:700;display:flex}.shop-cart-badge{color:#fff;background:#fb7518;border-radius:999px;margin-left:auto;padding:.15rem .5rem;font-size:.7rem;font-weight:800}.shop-cart-body{flex-direction:column;flex:1;display:flex;overflow-y:auto}.shop-cart-section{border-bottom:1.5px solid #f0f2f5;padding:.875rem 1rem}.shop-cart-section-label{color:var(--color-subtle);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;font-size:.7rem;font-weight:800}.shop-cart-empty-hint{color:#d1d5db;font-size:.82rem;font-style:italic}.shop-cart-line-item{align-items:center;gap:.625rem;margin-bottom:.5rem;display:flex}.shop-cart-line-item:last-child{margin-bottom:0}.shop-cart-thumb{object-fit:cover;background:#f0f0f0;border-radius:.5rem;flex-shrink:0;width:40px;height:40px}.shop-cart-thumb--ph{justify-content:center;align-items:center;font-size:1.1rem;display:flex}.shop-cart-prices{flex-direction:column;gap:.3rem;display:flex}.shop-cart-price-row{color:var(--color-muted);justify-content:space-between;font-size:.82rem;display:flex}.shop-cart-price-row--total{color:var(--color-ink);border-top:2px solid #e2e8f0;margin-top:.25rem;padding-top:.375rem;font-size:.95rem;font-weight:800}.shop-cart-progress-wrap{background:#f0f2f5;height:3px}.shop-cart-progress-bar{background:linear-gradient(90deg,#1fcb4f,#fb7518);height:100%;transition:width .4s}.shop-cart-footer{padding:.875rem 1rem}.shop-create-btn{color:#fff;cursor:pointer;background:#fb7518;border:none;border-radius:.875rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.875rem;font-family:inherit;font-size:1rem;font-weight:800;transition:all .15s;display:flex;box-shadow:0 4px 16px #fb751859}.shop-create-btn:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px)}.shop-create-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.supplied-row{align-items:center;gap:.4rem;margin-bottom:.4rem;display:flex}.supplied-row--header{color:var(--color-subtle);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem;padding:0 .1rem;font-size:.7rem;font-weight:700}.supplied-input{min-width:0;padding:.45rem .6rem!important;font-size:.82rem!important}.shop-spinner{border:2px solid #00000026;border-top-color:#fb7518;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite shopSpin;display:inline-block}.shop-spinner--white{border-color:#fff #ffffff59 #ffffff59}@keyframes shopSpin{to{transform:rotate(360deg)}}.af-section{border:.5px solid var(--color-line);border-radius:var(--radius-md);box-shadow:var(--elev-1);background:#fff;padding:.7rem .85rem .8rem;scroll-margin-top:4.5rem}.af-section .af-pos{box-shadow:none;border:1px solid var(--color-line);border-radius:var(--radius-md)}.kp-matrix{border:.5px solid var(--color-line);border-radius:var(--radius-md);box-shadow:var(--elev-1);background:#fff;padding:.7rem .85rem .85rem}.kp-matrix-title{letter-spacing:.04em;text-transform:uppercase;color:var(--color-subtle);align-items:center;gap:.4rem;margin-bottom:.7rem;font-size:.72rem;font-weight:700;display:flex}.kp-matrix-title-dot{background:var(--kp-blue);border-radius:2px;width:.5rem;height:.5rem}.kp-matrix-empty{border:1px dashed var(--color-line);border-radius:var(--radius-md);text-align:center;color:var(--color-muted);padding:1rem;font-size:.85rem;line-height:1.5}.kp-matrix-scroll{overflow-x:auto}.kp-matrix-table{border-collapse:collapse;width:100%}.kp-matrix-corner{width:32%;min-width:7rem}.kp-matrix-colhead{vertical-align:bottom;text-align:center;padding:0 .25rem .5rem;position:relative}.kp-matrix-colbtn{cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-direction:column;align-items:center;gap:.15rem;width:100%;padding:.25rem .15rem;transition:background .13s;display:flex}.kp-matrix-colbtn:hover,.kp-matrix-colhead--open .kp-matrix-colbtn{background:var(--color-line-soft)}.kp-matrix-swatch{border-radius:5px;flex-shrink:0;width:1.1rem;height:1.1rem}.kp-matrix-colname{color:var(--color-ink);font-size:.72rem;font-weight:600;line-height:1.1}.kp-matrix-colsub{color:var(--color-subtle);font-size:.62rem;line-height:1.1}.kp-matrix-x{cursor:pointer;color:var(--color-subtle);opacity:0;background:0 0;border:none;padding:2px;font-size:.95rem;line-height:1;transition:opacity .13s,color .13s;position:absolute;top:-2px;right:0}.kp-matrix-colhead:hover .kp-matrix-x,.kp-matrix-rowhead:hover .kp-matrix-x{opacity:1}.kp-matrix-x:hover{color:var(--color-danger-strong)}.kp-matrix-rowhead{text-align:left;border-top:.5px solid var(--color-line-soft);vertical-align:middle;padding:.4rem 1.1rem .4rem 0;position:relative}.kp-matrix-rowbtn{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:.1rem 0;display:block}.kp-matrix-rowname{color:var(--color-ink);font-size:.84rem;font-weight:600;line-height:1.15;display:block}.kp-matrix-rowsub{color:var(--color-subtle);font-size:.68rem;display:block}.kp-matrix-row--open .kp-matrix-rowhead,.kp-matrix-row--open .kp-matrix-cell{background:var(--color-line-soft)}.kp-matrix-cell{text-align:center;border-top:.5px solid var(--color-line-soft);padding:.3rem .2rem}.kp-matrix-qty{border-radius:var(--radius-sm);cursor:pointer;font-variant-numeric:tabular-nums;min-width:2.1rem;color:var(--color-subtle);background:0 0;border:none;padding:.25rem .45rem;font-size:.84rem;transition:background .12s,color .12s}.kp-matrix-qty:hover{background:var(--color-line-soft);color:var(--color-body)}.kp-matrix-qty--on{color:var(--kp-blue);background:#eaf1ff;font-weight:600}.kp-matrix-addcol-head,.kp-matrix-addcol-cell{width:.5rem}.kp-matrix-actions{gap:.5rem;margin-top:.7rem;display:flex}.kp-matrix-add{border:1px dashed var(--color-line);color:var(--kp-blue);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:.4rem .75rem;font-size:.78rem;font-weight:600;transition:border-color .13s,background .13s}.kp-matrix-add:hover:not(:disabled){border-color:var(--kp-blue);background:#f4f8ff}.kp-matrix-add:disabled{color:var(--color-subtle);cursor:not-allowed;opacity:.6}.kp-matrix-totals{border-top:.5px solid var(--color-line);max-width:15rem;margin-top:.8rem;margin-left:auto;padding-top:.5rem}.kp-matrix-totrow{color:var(--color-muted);justify-content:space-between;padding:.1rem 0;font-size:.8rem;display:flex}.kp-matrix-totrow span:last-child{font-variant-numeric:tabular-nums}.kp-matrix-totrow--sum{color:var(--color-ink);border-top:.5px solid var(--color-line);margin-top:.2rem;padding-top:.3rem;font-size:1rem;font-weight:700}.kp-matrix-totrow--sum span:last-child{color:var(--kp-blue)}.af-section-head{align-items:center;gap:.6rem;margin-bottom:.55rem;display:flex}.af-num{background:var(--af-c,var(--kp-blue));color:#fff;width:1.35rem;height:1.35rem;box-shadow:0 1px 4px -1px var(--af-c,var(--kp-blue));border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;font-size:.74rem;font-weight:600;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.af-num{box-shadow:0 1px 4px -1px color-mix(in srgb, var(--af-c,var(--kp-blue)) 32%, transparent)}}.af-section-title{color:var(--color-ink);letter-spacing:.01em;font-size:.95rem;font-weight:700}.af-section-sub{color:var(--color-muted);font-size:.78rem}.af-rush{cursor:pointer;-webkit-user-select:none;user-select:none;border:1.5px solid #e2e8f0;border-radius:.6rem;align-items:center;gap:.55rem;min-height:44px;padding:.5rem .85rem;transition:border-color .15s,background .15s,box-shadow .15s;display:inline-flex}.af-rush:hover{border-color:#fca5a5}.af-rush--on{border-color:var(--kp-red);background:#fef2f2;box-shadow:0 0 0 3px #e5214a1f}.af-rush input{opacity:0;pointer-events:none;position:absolute}.af-rush-dot{background:#cbd5e1;border-radius:50%;width:.6rem;height:.6rem;transition:background .15s}.af-rush--on .af-rush-dot{background:var(--kp-red);animation:1.6s infinite pulse-dot}.af-rush-label{color:var(--color-muted);font-size:.85rem;font-weight:700}.af-rush--on .af-rush-label{color:var(--kp-red)}.af-sheet-backdrop{z-index:50;background:#0f172a73;justify-content:flex-end;animation:.18s both kp-fade-in;display:flex;position:fixed;inset:0}.af-sheet{background:#f8fafc;flex-direction:column;width:min(760px,100%);height:100%;animation:.22s cubic-bezier(.2,.8,.25,1) both af-sheet-in;display:flex;box-shadow:-12px 0 32px #0000002e}@keyframes af-sheet-in{0%{opacity:.4;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.af-sheet-head{background:#fff;border-bottom:1px solid #e5e9f0;flex-shrink:0;padding:.9rem 1.15rem 0}.af-sheet-body{flex:1;padding:1rem 1.15rem 5rem;overflow-y:auto}.af-sheet-foot{background:#fff;border-top:1px solid #e5e9f0;flex-shrink:0;align-items:center;gap:.75rem;padding:.75rem 1.15rem;display:flex}.af-tabs{gap:.35rem;margin-top:.75rem;display:flex}.af-tab{color:var(--color-muted);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;justify-content:center;align-items:center;gap:.4rem;min-height:44px;padding:.6rem .5rem;font-size:.85rem;font-weight:600;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.af-tab:hover{color:var(--color-ink);background:#f8fafc}.af-tab--active{color:var(--kp-blue);border-bottom-color:var(--kp-blue)}.af-pick-card{text-align:left;cursor:pointer;background:#fff;border:1.5px solid #e5e9f0;border-radius:.7rem;align-items:center;gap:.8rem;width:100%;min-height:44px;padding:.65rem .8rem;transition:border-color .15s,box-shadow .15s,transform .12s;display:flex}.af-pick-card:hover{border-color:var(--kp-blue);transform:translateY(-1px);box-shadow:0 4px 14px -4px #2b6bf540}.af-pick-card--active{border-color:var(--kp-blue);box-shadow:0 0 0 3px #2b6bf524}.af-pick-thumb{object-fit:contain;background:#fff;border:1px solid #eef0f4;border-radius:.5rem;flex-shrink:0;width:52px;height:52px}.af-pick-thumb--empty{color:var(--color-subtle);background:#f0f3f7;justify-content:center;align-items:center;display:flex}.af-pick-title{color:var(--color-ink);font-size:.9rem;font-weight:700;line-height:1.25}.af-pick-meta{color:var(--color-subtle);margin-top:.1rem;font-size:.76rem}.af-pick-price{color:var(--kp-blue);white-space:nowrap;font-size:.85rem;font-weight:700}.af-dots{align-items:center;gap:3px;display:inline-flex}.af-dot{border:1px solid #0000002e;border-radius:50%;flex-shrink:0;width:13px;height:13px}.af-dots-more{color:var(--color-subtle);margin-left:2px;font-size:.68rem;font-weight:600}.af-color-row{flex-wrap:wrap;gap:.4rem;display:flex}.af-color-chip{color:var(--color-body);cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:9999px;align-items:center;gap:.45rem;min-height:44px;padding:.45rem .75rem;font-size:.82rem;font-weight:600;transition:border-color .15s,box-shadow .15s,background .15s;display:inline-flex}.af-color-chip:hover{border-color:#94a3b8}.af-color-chip--active{border-color:var(--kp-blue);background:#eef4ff;box-shadow:0 0 0 3px #2b6bf51f}.af-color-chip .af-dot{width:16px;height:16px}.af-color-count{background:var(--kp-blue);color:#fff;font-variant-numeric:tabular-nums;border-radius:9999px;justify-content:center;align-items:center;min-width:1.3rem;height:1.3rem;padding:0 .3rem;font-size:.7rem;font-weight:800;display:inline-flex}.af-size-grid{flex-wrap:wrap;gap:.5rem;display:flex}.af-size{flex-direction:column;align-items:center;gap:.25rem;min-width:4.4rem;display:flex}.af-size-label{color:var(--color-body-soft);font-size:.74rem;font-weight:700}.af-size-label .af-sellout{color:#b45309;font-weight:600}.af-stepper{background:#fff;border:1.5px solid #d1d5db;border-radius:.55rem;align-items:stretch;display:inline-flex;overflow:hidden}.af-stepper--sellout{background:#fff7ed;border-color:#fdba74}.af-stepper--filled{border-color:var(--kp-blue);box-shadow:0 0 0 2px #2b6bf51a}.af-step-btn{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fafc;border:none;justify-content:center;align-items:center;width:2.2rem;min-height:2.75rem;font-size:1.05rem;font-weight:700;transition:background .12s;display:inline-flex}.af-step-btn:hover{background:#eef2f7}.af-step-btn:active{background:#e2e8f0}.af-step-input{text-align:center;width:2.9rem;color:var(--color-ink);font-variant-numeric:tabular-nums;appearance:textfield;background:0 0;border:none;outline:none;font-size:.95rem;font-weight:700}.af-step-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.af-step-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.af-qe{margin-top:.7rem}.af-qe-row{gap:.4rem;display:flex}.af-qe-preview{color:#15803d;min-height:1rem;margin-top:.3rem;font-size:.76rem}.af-qe-preview .af-qe-bad{color:#b45309}.af-pos{overflow:hidden;padding:0!important}.af-pos-head{align-items:flex-start;gap:.5rem;padding:.45rem .65rem;display:flex}.af-pos-zone{border-top:1px solid #eef1f5;padding:.45rem .65rem .55rem}.af-collapse-btn{cursor:pointer;width:26px;height:26px;color:var(--color-subtle);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-self:center;align-items:center;display:inline-flex}.af-collapse-btn:hover{color:#475569;background:#f1f5f9}.af-chevron{font-size:.95rem;line-height:1;transition:transform .18s;display:inline-block}.af-chevron--open{transform:rotate(90deg)}@media (prefers-reduced-motion:reduce){.af-chevron{transition:none}}.af-zone-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-subtle);align-items:center;gap:.35rem;margin-bottom:.55rem;font-size:.68rem;font-weight:700;display:flex}.af-zone-label:before{content:"";background:var(--af-zc,#cbd5e1);border-radius:2px;width:.45rem;height:.45rem}@keyframes af-flash{0%{box-shadow:0 0 0 3px #2b6bf573}to{box-shadow:0 1px 3px #1018280f}}.af-pos--new{animation:1.2s ease-out both af-flash}.af-motif-ref{color:#7c2bc2;cursor:pointer;background:#f4e8fe;border:none;border-radius:9999px;align-items:center;gap:.35rem;padding:.3rem .7rem;font-size:.76rem;font-weight:700;transition:background .15s;display:inline-flex}.af-motif-ref:hover{background:#ecd9fd}.af-motif-badge{background:var(--kp-violet);color:#fff;border-radius:.6rem;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.8rem;font-weight:800;display:inline-flex;box-shadow:0 3px 8px -2px #9d2ff073}.af-opt-row{flex-wrap:wrap;gap:.4rem;display:flex}.af-opt{border:1px solid var(--color-line);border-radius:var(--radius-md);cursor:pointer;text-align:center;background:#fff;flex:1;min-width:7rem;min-height:44px;padding:.45rem .6rem;transition:border-color .15s,background .15s,box-shadow .15s}.af-opt:hover{border-color:#94a3b8}.af-opt--active{border-color:var(--kp-violet);background:#faf5ff;box-shadow:0 0 0 3px #9d2ff01f}.af-opt-title{color:var(--color-ink);font-size:.84rem;font-weight:700}.af-opt-sub{color:var(--color-subtle);font-size:.7rem}.af-opt--active .af-opt-title{color:var(--kp-violet)}.af-assign-row{flex-wrap:wrap;gap:.45rem;display:flex}.af-assign{border:1px dashed var(--color-line);border-radius:var(--radius-md);color:var(--color-muted);cursor:pointer;background:#fff;align-items:center;gap:.45rem;min-height:44px;padding:.5rem .8rem;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.af-assign:hover{color:var(--color-body);border-color:#94a3b8}.af-assign--on{border-style:solid;border-color:var(--kp-violet);color:#6b21a8;background:#faf5ff;box-shadow:0 0 0 3px #9d2ff01a}.af-assign-check{color:#fff;background:#fff;border:1.5px solid #cbd5e1;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:1.15rem;height:1.15rem;font-size:.7rem;transition:all .15s;display:inline-flex}.af-assign--on .af-assign-check{background:var(--kp-violet);border-color:var(--kp-violet)}.af-auflage{color:#6b21a8;background:#faf5ff;border:1px solid #f0e3fd;border-radius:.6rem;flex-wrap:wrap;align-items:center;gap:.4rem .8rem;margin-top:.65rem;padding:.55rem .75rem;font-size:.82rem;display:flex}.af-auflage strong{font-variant-numeric:tabular-nums}.af-shirt-row{flex-wrap:wrap;align-items:flex-start;gap:1.1rem;display:flex}.af-shirt{text-align:center}.af-shirt svg{display:block}.af-shirt-caption{color:var(--color-subtle);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem;font-size:.7rem;font-weight:700}.af-shirt-body{fill:#f1f5f9;stroke:#94a3b8;stroke-width:1.6px}.af-zone{fill:#2b6bf51a;stroke:#93b6f8;stroke-width:1.2px;stroke-dasharray:3 2.4;cursor:pointer;transition:fill .15s,stroke .15s}.af-zone:hover{fill:#2b6bf547;stroke:var(--kp-blue)}.af-zone--active{fill:#9d2ff052;stroke:var(--kp-violet);stroke-dasharray:none;stroke-width:1.8px}.af-zone-text{fill:#64748b;pointer-events:none;text-anchor:middle;font-size:6.2px;font-weight:700}.af-zone-text--active{fill:#6b21a8}.af-loc-row{flex-wrap:wrap;gap:.4rem;display:flex}.af-loc{color:var(--color-body);cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:9999px;align-items:center;min-height:44px;padding:.4rem .75rem;font-size:.8rem;font-weight:600;transition:all .15s;display:inline-flex}.af-loc:hover{border-color:#94a3b8}.af-loc--active{border-color:var(--kp-violet);color:var(--kp-violet);background:#faf5ff;box-shadow:0 0 0 3px #9d2ff01a}.af-calc-total{font-variant-numeric:tabular-nums;transition:color .2s}.af-calc-total--bump{animation:.35s af-bump}@keyframes af-bump{0%{transform:scale(1)}35%{color:var(--kp-green);transform:scale(1.06)}to{transform:scale(1)}}.af-bottombar{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.6rem 1rem calc(.6rem + env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid #e2e8f0;align-items:center;gap:.85rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 24px #1018281a}@media (min-width:1024px){.af-bottombar{display:none}}.af-bottombar-total{line-height:1.15}.af-bottombar-total .lbl{color:var(--color-subtle);text-transform:uppercase;letter-spacing:.04em;font-size:.68rem;font-weight:700}.af-bottombar-total .val{color:var(--color-ink);font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:800}.af-missing{color:#b45309;background:#fef3c7;border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem .7rem;font-size:.76rem;font-weight:600;display:inline-flex}.ck-motif-name{color:var(--color-ink);background:0 0;border:none;border-bottom:2px solid #0000;outline:none;min-width:70px;max-width:210px;padding:0 .1rem;font-size:.95rem;font-weight:700;line-height:1.3;transition:border-color .15s}.ck-motif-name:hover{border-bottom-color:#e2e8f0}.ck-motif-name:focus{border-bottom-color:var(--kp-violet)}.ck-motif-name::placeholder{color:var(--color-subtle);font-weight:600}.ck-verfahren{flex-wrap:wrap;gap:.4rem;display:flex}.ck-verf-btn{border:1px solid var(--color-line);border-radius:var(--radius-md);min-height:2.6rem;color:var(--color-body);cursor:pointer;background:#fff;align-items:center;gap:.2rem;padding:.5rem .95rem;font-size:.82rem;font-weight:600;line-height:1.2;transition:border-color .14s,background .14s,color .14s,box-shadow .14s;display:inline-flex}.ck-verf-btn:hover{border-color:var(--kp-orange);color:var(--kp-orange)}.ck-verf-btn:focus-visible{outline:2px solid var(--kp-orange);outline-offset:2px}.ck-verf-btn--on{border-color:var(--kp-orange);background:var(--kp-orange)}@supports (color:color-mix(in lab, red, red)){.ck-verf-btn--on{background:color-mix(in srgb, var(--kp-orange) 9%, #fff)}}.ck-verf-btn--on{color:var(--kp-orange);box-shadow:inset 0 0 0 1px var(--kp-orange)}.ck-kacheln-group{margin-bottom:.7rem}.ck-kacheln-group:last-child{margin-bottom:0}.ck-kacheln-side{text-transform:uppercase;letter-spacing:.1em;color:var(--color-subtle);align-items:center;gap:.45rem;margin-bottom:.38rem;font-size:.62rem;font-weight:800;display:flex}.ck-kacheln-side:after{content:"";background:#e2e8f0;flex:1;height:1px}.ck-kacheln-grid{grid-template-columns:repeat(4,1fr);gap:.35rem;display:grid}@media (max-width:560px){.ck-kacheln-grid{grid-template-columns:repeat(2,1fr)}}.ck-kacheln-other{margin-top:.5rem}.ck-kachel{border:1px solid var(--color-line);border-radius:var(--radius-md);cursor:pointer;text-align:left;background:#fff;flex-direction:column;align-items:flex-start;gap:.08rem;min-height:52px;padding:.55rem .6rem;transition:border-color .13s,background .13s,box-shadow .13s;display:flex;position:relative}.ck-kachel:hover{border-color:var(--kp-violet);background:#faf5ff}.ck-kachel:focus-visible{outline:2px solid var(--kp-violet);outline-offset:2px;border-radius:var(--radius-md)}.ck-kachel--on{border-color:var(--kp-violet);background:var(--kp-violet)}@supports (color:color-mix(in lab, red, red)){.ck-kachel--on{background:color-mix(in srgb, var(--kp-violet) 8%, #fff)}}.ck-kachel--on{box-shadow:inset 0 0 0 1px var(--kp-violet)}.ck-kachel-name{color:var(--color-body);font-size:.77rem;font-weight:600;line-height:1.2}.ck-kachel--on .ck-kachel-name{color:var(--kp-violet)}.ck-kachel-cm{color:var(--color-subtle);font-variant-numeric:tabular-nums;font-size:.62rem}.ck-kachel--on .ck-kachel-cm{color:var(--kp-violet)}@supports (color:color-mix(in lab, red, red)){.ck-kachel--on .ck-kachel-cm{color:color-mix(in srgb, var(--kp-violet) 65%, var(--color-subtle))}}.ck-kachel-check{color:var(--kp-violet);font-size:.65rem;font-weight:700;position:absolute;top:3px;right:5px}.ck-upload{cursor:pointer;background:#f9fafb;border:2px dashed #d1d5db;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;min-height:2.75rem;padding:.7rem 1rem;transition:border-color .14s,background .14s;display:flex}.ck-upload:hover,.ck-upload--drag{border-color:var(--kp-blue);background:#eef4ff}.ck-upload--loading{cursor:default}.ck-upload--has{cursor:default;background:#fff;border-style:solid;border-color:#e2e8f0;justify-content:flex-start}.ck-upload-lbl{color:var(--color-muted);font-size:.8rem}.ck-upload-name{color:var(--color-body);font-size:.82rem;font-weight:600}.ck-upload-ok{color:var(--kp-green);font-size:.78rem;font-weight:700}.ck-upload-spin{flex-shrink:0;animation:1s linear infinite ck-spin}@keyframes ck-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ck-auflage{background:var(--kp-violet);flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.65rem;padding:.7rem .95rem;display:flex}@supports (color:color-mix(in lab, red, red)){.ck-auflage{background:color-mix(in srgb, var(--kp-violet) 5%, #fff)}}.ck-auflage{border:1px solid var(--kp-violet)}@supports (color:color-mix(in lab, red, red)){.ck-auflage{border:1px solid color-mix(in srgb, var(--kp-violet) 20%, #fff)}}.ck-auflage{border-radius:var(--radius-lg)}.ck-auflage-num{color:var(--kp-violet);font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:700;line-height:1}.ck-auflage-sub{color:var(--color-muted);margin-top:.1rem;font-size:.72rem}.ck-auflage-preis{text-align:right;margin-left:auto}.ck-auflage-preis-val{color:var(--color-ink);font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:700}.ck-auflage-preis-lbl{color:var(--color-subtle);font-size:.65rem}.ck-header{border:.5px solid var(--color-line);border-radius:var(--radius-md);box-shadow:var(--elev-1);background:#fff;margin-bottom:0;padding:.7rem .85rem}.ck-header-top{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.ck-header-fields{grid-template-columns:1fr 1fr 1fr;gap:.65rem;display:grid}@media (max-width:768px){.ck-header-fields{grid-template-columns:1fr 1fr}}@media (max-width:520px){.ck-header-fields{grid-template-columns:1fr}}.ck-doctype-row{gap:.4rem;display:flex}.ck-doctype-btn{border:1px solid var(--color-line);border-radius:var(--radius-md);min-height:38px;color:var(--color-body);cursor:pointer;background:#fff;padding:.4rem 1rem;font-size:.85rem;font-weight:600;transition:all .13s}.ck-doctype-btn:hover{border-color:var(--kp-blue);color:var(--kp-blue)}.ck-doctype-btn--on{border-color:var(--kp-blue);background:var(--kp-blue)}@supports (color:color-mix(in lab, red, red)){.ck-doctype-btn--on{background:color-mix(in srgb, var(--kp-blue) 9%, #fff)}}.ck-doctype-btn--on{color:var(--kp-blue);box-shadow:inset 0 0 0 1px var(--kp-blue)}.kp-accent-rule{border-radius:var(--radius-pill);background:var(--kp-rainbow);opacity:.92;height:3px}.card-label{letter-spacing:.04em;text-transform:uppercase;color:var(--color-subtle);align-items:center;gap:.45rem;margin-bottom:.85rem;font-size:.72rem;font-weight:700;display:flex}.card-label svg{color:var(--color-muted);flex-shrink:0}.ck-header-step{align-items:center;gap:.6rem;margin-bottom:.85rem;display:flex}.ck-header-meta{flex:1;min-width:0}.af-confirm-backdrop{z-index:60;background:#0f172a66;justify-content:center;align-items:center;padding:1.25rem;animation:.15s both kp-fade-in;display:flex;position:fixed;inset:0}.af-confirm{border-radius:var(--radius-lg);box-shadow:var(--elev-3);border-top:4px solid var(--kp-red);background:#fff;width:100%;max-width:22rem;padding:1.2rem 1.25rem 1.1rem}.af-confirm-title{color:var(--color-ink);margin-bottom:.3rem;font-weight:700}.af-confirm-text{color:var(--color-muted);margin-bottom:1rem;font-size:.85rem}.af-confirm-actions{justify-content:flex-end;gap:.5rem;display:flex}.af-empty{border:1.5px dashed var(--color-line);border-radius:var(--radius-md);background:var(--af-c,var(--kp-blue));width:100%}@supports (color:color-mix(in lab, red, red)){.af-empty{background:color-mix(in srgb, var(--af-c,var(--kp-blue)) 4%, #fff)}}.af-empty{color:var(--color-body);text-align:center;cursor:pointer;transition:border-color .18s var(--ease-out), background .18s var(--ease-out);padding:1.6rem 1rem}.af-empty:hover{border-color:var(--af-c,var(--kp-blue));background:var(--af-c,var(--kp-blue))}@supports (color:color-mix(in lab, red, red)){.af-empty:hover{background:color-mix(in srgb, var(--af-c,var(--kp-blue)) 9%, #fff)}}.af-empty svg{color:var(--af-c,var(--kp-blue));margin:0 auto .55rem;display:block}.af-empty strong{color:var(--af-c,var(--kp-blue))}.mtv-banner{border-radius:var(--radius-lg);color:var(--color-ink);background:linear-gradient(100deg, var(--kp-pink) 0%, var(--kp-violet) 100%);align-items:center;gap:.9rem;margin-bottom:1.25rem;padding:.85rem 1.1rem;text-decoration:none;display:flex}@supports (color:color-mix(in lab, red, red)){.mtv-banner{background:linear-gradient(100deg, color-mix(in srgb, var(--kp-pink) 12%, #fff) 0%, color-mix(in srgb, var(--kp-violet) 10%, #fff) 100%)}}.mtv-banner{border:1px solid var(--kp-pink)}@supports (color:color-mix(in lab, red, red)){.mtv-banner{border:1px solid color-mix(in srgb, var(--kp-pink) 28%, #fff)}}.mtv-banner{transition:box-shadow .18s var(--ease-out), transform .18s var(--ease-out)}.mtv-banner:hover{box-shadow:var(--elev-2);transform:translateY(-2px)}.mtv-banner__ico{border-radius:var(--radius-md);background:var(--kp-pink);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:inline-flex}.mtv-banner__txt{flex-direction:column;min-width:0;line-height:1.35;display:flex}.mtv-banner__txt strong{font-size:.95rem}.mtv-banner__txt span{color:var(--color-muted);font-size:.82rem}.mtv-banner__cta{color:var(--kp-pink);white-space:nowrap;flex-shrink:0;margin-left:auto;font-size:.85rem;font-weight:700}@media (max-width:560px){.mtv-banner__cta{display:none}}.mtv-konfig{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (min-width:880px){.mtv-konfig{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start}.mtv-vorschau-col{position:sticky;top:4rem}}.mtv-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-subtle);margin-bottom:.6rem;font-size:.72rem;font-weight:700}.mtv-stage{background:radial-gradient(circle at 32% 20%, var(--accent,var(--kp-blue)) 0, #fff 62%)}@supports (color:color-mix(in lab, red, red)){.mtv-stage{background:radial-gradient(circle at 32% 20%, color-mix(in srgb, var(--accent,var(--kp-blue)) 13%, #fff) 0, #fff 62%)}}.mtv-stage{border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:.5rem}.mtv-stage svg{width:100%;height:auto;display:block}.mtv-hint{color:var(--color-subtle);text-align:center;margin-top:.5rem;font-size:.75rem}.mtv-swatches{flex-wrap:wrap;gap:.5rem;display:flex}.mtv-swatch{border-radius:var(--radius-pill);width:2.1rem;height:2.1rem;box-shadow:0 0 0 1px var(--color-line);cursor:pointer;transition:transform .12s var(--ease-out), box-shadow .12s;border:2px solid #fff}.mtv-swatch:hover{transform:scale(1.08)}.mtv-swatch[aria-pressed=true]{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--accent,var(--kp-blue))}@media (pointer:coarse){.mtv-swatch{width:2.6rem;height:2.6rem}}.mtv-summary dl{flex-direction:column;gap:.4rem;margin:0;display:flex}.mtv-summary .row{justify-content:space-between;gap:1rem;font-size:.85rem;display:flex}.mtv-summary dt{color:var(--color-muted);flex-shrink:0}.mtv-summary dd{color:var(--color-ink);text-align:right;margin:0;font-weight:600}.mtv-figure{animation:mtv-pop .38s var(--ease-out) both;transform-box:fill-box;transform-origin:bottom}@keyframes mtv-pop{0%{opacity:0;transform:translateY(7px)scale(.55)}to{opacity:1;transform:translateY(0)scale(1)}}.mtv-steam{transform-box:fill-box;animation:3.4s ease-in-out infinite mtv-steam-rise}@keyframes mtv-steam-rise{0%,to{opacity:.22;transform:translateY(3px)}50%{opacity:.55;transform:translateY(-3px)}}.ab-page{max-width:100%;padding:1rem 1.25rem}.ab-toolbar{border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.ab-toolbar h1{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;font-size:1.05rem;font-weight:700;overflow:hidden}.ab-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:1024px){.ab-grid{grid-template-columns:1fr 260px}}.ab-main{flex-direction:column;gap:.75rem;min-width:0;display:flex}.ab-rail{flex-direction:column;gap:.75rem;display:flex}.ab-kasten{background:var(--color-surface-alt,#f8f9fa);border:1px solid var(--color-border);border-radius:6px;padding:.75rem}.ab-kasten-title{text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);margin:0 0 .5rem;font-size:.72rem;font-weight:700}.ab-kundenkopf{background:var(--color-surface-alt,#f8f9fa);border:1px solid var(--color-border);border-radius:6px;padding:.65rem .85rem}.ab-kundenkopf-name{margin:0 0 .15rem;font-size:1rem;font-weight:700}.ab-kundenkopf-firma{color:var(--color-muted);margin:0 0 .35rem;font-size:.8rem}.ab-kundenkopf-row{flex-wrap:wrap;align-items:baseline;gap:1rem;display:flex}.ab-kundenkopf-field{color:var(--color-ink);font-size:.82rem}.ab-kundenkopf-field-empty{color:var(--color-muted);font-size:.82rem;font-style:italic}.ab-inline-edit{cursor:pointer;align-items:center;gap:.25rem;display:inline-flex}.ab-inline-edit:hover .ab-edit-icon{opacity:1}.ab-edit-icon{opacity:0;color:var(--color-muted);font-size:.75rem;transition:opacity .15s}.ab-field-input{border:1px solid var(--color-accent,#2563eb);background:var(--color-surface);color:var(--color-ink);border-radius:3px;outline:none;min-width:150px;padding:.1rem .35rem;font-size:.82rem}.ab-kundenkopf-actions{flex-wrap:wrap;gap:.4rem;margin-top:.45rem;display:flex}.ab-badge{white-space:nowrap;border-radius:99px;padding:.1rem .45rem;font-size:.68rem;font-weight:700;display:inline-block}.ab-badge--lager{color:#15803d;background:#dcfce7}.ab-badge--bestellt{color:#1d4ed8;background:#dbeafe}.ab-badge--fehlt{color:#dc2626;background:#fee2e2}.ab-badge--mitgebracht{color:#475569;background:#f1f5f9}.ab-badge--unbekannt{color:#94a3b8;background:#f1f5f9}.ab-positionen-section{flex-direction:column;gap:.5rem;display:flex}.ab-position-card{border:1px solid var(--color-border);border-radius:6px;overflow:hidden}.ab-position-header{background:var(--color-surface-alt,#f8f9fa);flex-wrap:wrap;align-items:baseline;gap:1rem;padding:.4rem .65rem;font-size:.82rem;display:flex}.ab-position-desc{flex:auto;min-width:12rem;font-weight:600}.ab-position-meta{color:var(--color-muted);font-size:.78rem}.ab-colour-grid{padding:.35rem .65rem .45rem;overflow-x:auto}.ab-colour-table{border-collapse:collapse;min-width:100%;font-size:.78rem}.ab-colour-table th{text-align:center;color:var(--color-muted);border-bottom:1px solid var(--color-border);white-space:nowrap;padding:.18rem .45rem;font-weight:600}.ab-colour-table td{text-align:center;border-bottom:1px solid var(--color-line,#f0f0f0);white-space:nowrap;padding:.18rem .45rem}.ab-colour-table td:first-child{text-align:left;text-overflow:ellipsis;max-width:130px;overflow:hidden}.ab-colour-table tbody tr:hover td{background:var(--color-surface-alt,#f8f9fa)}.ab-zahlung-row{justify-content:space-between;padding:.1rem 0;font-size:.82rem;display:flex}.ab-zahlung-row.bold{border-top:1px solid var(--color-border);margin-top:.25rem;padding-top:.3rem;font-weight:700}.ab-zahlung-bar{background:var(--color-border);border-radius:2px;height:4px;margin:.4rem 0;overflow:hidden}.ab-zahlung-fill{background:#16a34a;border-radius:2px;height:100%;transition:width .3s}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}
