.cc-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2,8px);min-height:44px;padding:0 16px;border-radius:var(--radius-md,12px);border:1px solid var(--border);background:var(--surface);color:var(--text-primary);font:600 14px/1.2 system-ui,sans-serif;cursor:pointer;transition:background-color .15s var(--ease,ease),border-color .15s var(--ease,ease),opacity .15s var(--ease,ease)}.cc-btn:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.cc-btn:disabled,.cc-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.cc-btn[data-variant=primary]{border-color:var(--primary);background:var(--primary);color:var(--primary-contrast)}.cc-btn[data-variant=primary]:hover:not(:disabled){background:var(--primary-hover)}.cc-btn[data-variant=danger]{border-color:color-mix(in oklch,var(--danger) 40%,var(--border));color:var(--danger)}.cc-btn[data-variant=ghost]{border-color:transparent;background:transparent}.cc-btn[data-loading=true]{position:relative;color:transparent}.cc-field{display:grid;grid-gap:7px;gap:7px}.cc-field label{font-weight:600;font-size:var(--font-size-sm,14px);color:var(--text-primary)}.cc-field .cc-hint,.cc-field small{color:var(--text-muted);font-size:13px}.cc-input,.cc-select,.cc-textarea{width:100%;min-height:44px;border:1px solid var(--border);border-radius:var(--radius-sm,8px);background:var(--surface);color:var(--text-primary);padding:10px 12px;font:400 15px/1.4 system-ui,sans-serif}.cc-textarea{min-height:116px;resize:vertical}.cc-input:focus-visible,.cc-select:focus-visible,.cc-textarea:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.cc-field[data-error=true] .cc-input,.cc-field[data-error=true] .cc-select,.cc-field[data-error=true] .cc-textarea{border-color:var(--danger)}.cc-error{color:var(--danger);font-size:13px}.cc-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:var(--radius-pill,999px);font-size:12px;font-weight:600;background:var(--surface-muted);color:var(--text-secondary)}.cc-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.cc-badge[data-tone=success]{background:color-mix(in oklch,var(--success) 14%,var(--surface));color:var(--success)}.cc-badge[data-tone=warning]{background:color-mix(in oklch,var(--warning) 18%,var(--surface));color:color-mix(in oklch,var(--warning) 70%,var(--text-primary))}.cc-badge[data-tone=danger]{background:color-mix(in oklch,var(--danger) 12%,var(--surface));color:var(--danger)}.cc-badge[data-tone=info]{background:color-mix(in oklch,var(--info) 12%,var(--surface));color:var(--info)}.cc-metric{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md,12px);padding:20px}.cc-metric .cc-metric-label{color:var(--text-muted);font-size:13px}.cc-metric .cc-metric-value{margin-top:8px;font:600 28px/1.1 system-ui,sans-serif;letter-spacing:-.02em;color:var(--text-primary)}.cc-metric .cc-metric-hint{margin-top:6px;color:var(--text-secondary);font-size:13px}.cc-alert{display:grid;grid-gap:6px;gap:6px;padding:14px 16px;border-radius:var(--radius-md,12px);border:1px solid var(--border);background:var(--surface-muted);color:var(--text-primary)}.cc-alert[data-tone=danger]{border-color:color-mix(in oklch,var(--danger) 35%,var(--border));background:color-mix(in oklch,var(--danger) 8%,var(--surface))}.cc-alert[data-tone=success]{border-color:color-mix(in oklch,var(--success) 35%,var(--border));background:color-mix(in oklch,var(--success) 8%,var(--surface))}.cc-empty,.cc-error-state{padding:32px 20px;border:1px dashed var(--border);border-radius:var(--radius-md,12px);text-align:center;color:var(--text-secondary);background:var(--surface)}.cc-skeleton{display:block;border-radius:var(--radius-sm,8px);background:linear-gradient(90deg,var(--surface-muted) 0,color-mix(in oklch,var(--surface-muted) 40%,var(--surface)) 50%,var(--surface-muted) 100%);background-size:200% 100%;animation:cc-shimmer 1.2s var(--ease,ease) infinite;min-height:16px}@keyframes cc-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.cc-skeleton{animation:none}}.cc-tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--border);margin-bottom:16px}.cc-tab{min-height:44px;padding:8px 14px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-muted);font-weight:600;cursor:pointer}.cc-tab[aria-selected=true]{color:var(--text-primary);border-bottom-color:var(--primary)}.cc-tab:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.cc-shell{min-height:100vh;background:var(--background);color:var(--text-primary)}.cc-skip{position:absolute;left:16px;top:-80px;z-index:50;background:var(--text-primary);color:var(--surface);padding:12px 16px;border-radius:8px}.cc-skip:focus{top:16px}.cc-store-header{height:72px;border-bottom:1px solid var(--border);background:color-mix(in oklch,var(--surface) 94%,transparent);display:flex;align-items:center;position:-webkit-sticky;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cc-store-header .cc-inner{width:min(1280px,calc(100% - 40px));margin:auto;display:flex;align-items:center;gap:24px}.cc-brand{font:600 20px/1 system-ui,sans-serif;text-decoration:none;color:var(--text-primary);letter-spacing:-.02em}.cc-nav{display:flex;gap:18px;margin-right:auto}.cc-nav a{text-decoration:none;color:var(--text-secondary);font-weight:550;font-size:14px;min-height:44px;display:inline-flex;align-items:center}.cc-nav a:hover,.cc-nav a[aria-current=page]{color:var(--text-primary)}.cc-ops{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.cc-sidebar{background:var(--sidebar);color:var(--sidebar-fg);padding:22px 16px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow:auto}.cc-sidebar .cc-brand{color:var(--sidebar-fg);padding:8px 10px 20px;display:block}.cc-sidebar-nav{display:grid;grid-gap:4px;gap:4px}.cc-sidebar-nav a{color:color-mix(in oklch,var(--sidebar-fg) 72%,transparent);text-decoration:none;padding:10px 12px;border-radius:8px;font-weight:550;min-height:44px;display:flex;align-items:center}.cc-sidebar-nav a:hover,.cc-sidebar-nav a[aria-current=page]{background:color-mix(in oklch,var(--sidebar-fg) 10%,transparent);color:var(--sidebar-fg)}.cc-ops-main{min-width:0}.cc-topbar{height:64px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 32px;position:-webkit-sticky;position:sticky;top:0;z-index:10;gap:12px}.cc-content{max-width:1180px;margin:auto;padding:32px}.cc-impersonation{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:12px 16px;background:color-mix(in oklch,var(--warning) 18%,var(--surface));border-bottom:1px solid var(--border);color:var(--text-primary)}@media (max-width:760px){.cc-ops{grid-template-columns:1fr}.cc-sidebar{position:static;height:auto}.cc-nav{display:none}.cc-content{padding:20px 16px 96px}.cc-topbar{padding:0 16px}}:root{--background:oklch(98% .004 240);--surface:oklch(100% 0 0);--surface-elevated:oklch(100% 0 0);--surface-muted:oklch(95.5% .007 240);--text-primary:oklch(20% .02 240);--text-secondary:oklch(43% .018 240);--text-muted:oklch(55% .014 240);--border:oklch(90% .008 240);--border-strong:oklch(78% .014 240);--primary:oklch(48% .12 170);--primary-hover:oklch(42% .12 170);--primary-contrast:oklch(99% 0 0);--secondary:oklch(56% .12 250);--accent:oklch(72% .14 80);--success:oklch(52% .14 145);--warning:oklch(68% .14 75);--danger:oklch(55% .18 25);--info:oklch(58% .13 245);--focus-ring:oklch(66% .14 245);--display:"Söhne","Avenir Next",-apple-system,BlinkMacSystemFont,sans-serif;--body:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;--mono:"JetBrains Mono","IBM Plex Mono",ui-monospace,monospace;--shadow:0 14px 38px rgba(16,35,28,.08);--ease:cubic-bezier(.23,1,.32,1)}html{color-scheme:light}body{margin:0;background:var(--background);color:var(--text-primary);font:400 15px/1.55 var(--body)}button,input,select,textarea{font:inherit;color:inherit}a,button{touch-action:manipulation}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}a{color:inherit}.skip{position:fixed;left:16px;top:-80px;background:var(--text-primary);color:white;padding:12px 16px;z-index:1000}.skip:focus{top:16px}.app{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{height:100vh;position:-webkit-sticky;position:sticky;top:0;background:#10231c;color:#edf7f1;padding:22px 16px;overflow:auto}.sidebar.platform{background:#111827}.sidebar.partner{background:#17312a}.side-brand{display:flex;align-items:center;gap:10px;padding:5px 10px 22px;font:600 19px/1 var(--display);letter-spacing:-.02em}.brand-mark{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--primary);color:white}.context{padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:10px;margin-bottom:18px}.context small{display:block;color:rgba(255,255,255,.58);font-size:12px}.side-label{padding:18px 10px 7px;color:rgba(255,255,255,.42);font:600 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.side-nav{display:grid;grid-gap:3px;gap:3px}.side-nav a{min-height:42px;display:flex;align-items:center;padding:9px 11px;border-radius:8px;text-decoration:none;color:rgba(255,255,255,.72);font-weight:550}.side-nav a.active,.side-nav a:hover{background:rgba(255,255,255,.1);color:white}.main{min-width:0}.topbar{height:64px;position:-webkit-sticky;position:sticky;top:0;z-index:20;background:color-mix(in oklch,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px;padding:0 30px}.topbar .search{margin-right:auto;color:var(--text-muted)}.avatar{width:36px;height:36px;border-radius:50%;background:var(--surface-muted);display:grid;place-items:center;font-weight:600}.mobile-nav{display:none;border:0;background:transparent;font-size:22px}.page{max-width:1220px;margin:auto;padding:34px 32px 80px}.page-head{display:flex;align-items:flex-start;gap:20px;margin-bottom:28px}.page-head>div:first-child{margin-right:auto}.eyebrow{font:600 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}h1,h2,h3{font-family:var(--display);text-wrap:balance}h1{font-size:clamp(30px,4vw,42px);line-height:1.05;letter-spacing:-.025em;margin:9px 0 8px}h2{font-size:23px;line-height:1.2;letter-spacing:-.015em;margin:0 0 8px}h3{font-size:17px;margin:0 0 5px}.sub{color:var(--text-secondary);max-width:70ch;margin:0}.actions{display:flex;gap:8px;flex-wrap:wrap}.button{min-height:44px;border-radius:9px;border:1px solid var(--border);background:var(--surface);padding:0 15px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;cursor:pointer}.button:hover{border-color:var(--border-strong)}.button.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-contrast)}.button.primary:hover{background:var(--primary-hover)}.button.danger{color:var(--danger)}.button.small{min-height:36px;padding:0 12px;font-size:13px}.button[disabled]{opacity:.5;cursor:not-allowed}.grid{display:grid;grid-gap:16px;gap:16px}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.layout-2{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);grid-gap:20px;gap:20px}.card{background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:20px}.card.elevated{box-shadow:var(--shadow)}.card-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px}.card-head>div:first-child{margin-right:auto}.metric .label{font-size:13px;color:var(--text-secondary)}.metric strong{display:block;margin-top:10px;font:600 28px/1 var(--mono);letter-spacing:-.02em}.metric small{color:var(--text-muted)}.status{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:5px 9px;background:var(--surface-muted);font-size:12px;font-weight:600;white-space:nowrap}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--text-muted)}.status.success{background:color-mix(in oklch,var(--success) 13%,white)}.status.success:before{background:var(--success)}.status.warning{background:color-mix(in oklch,var(--warning) 16%,white)}.status.warning:before{background:var(--warning)}.status.danger{background:color-mix(in oklch,var(--danger) 12%,white)}.status.danger:before{background:var(--danger)}.status.info{background:color-mix(in oklch,var(--info) 12%,white)}.status.info:before{background:var(--info)}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:12px;background:var(--surface)}table{width:100%;border-collapse:collapse;min-width:720px}td,th{text-align:left;padding:13px 15px;border-bottom:1px solid var(--border)}th{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted)}tbody tr:last-child td{border-bottom:0}td.num{font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.table-link{font-weight:600;text-decoration:underline;text-underline-offset:3px}.list{display:grid}.list-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--border)}.list-row:last-child{border-bottom:0}.list-row>div:first-child{margin-right:auto}.muted{color:var(--text-secondary)}.tiny{font-size:12px;color:var(--text-muted)}.alert{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:10px;background:color-mix(in oklch,var(--info) 9%,white);border:1px solid color-mix(in oklch,var(--info) 25%,var(--border));margin-bottom:18px}.alert.warning{background:color-mix(in oklch,var(--warning) 11%,white);border-color:color-mix(in oklch,var(--warning) 28%,var(--border))}.alert.danger{background:color-mix(in oklch,var(--danger) 8%,white);border-color:color-mix(in oklch,var(--danger) 24%,var(--border))}.filters{display:flex;align-items:center;gap:8px;margin-bottom:16px}.filters input,.filters select{min-height:42px;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:8px 11px}.filters input{min-width:240px}.form{display:grid;grid-gap:18px;gap:18px}.field{display:grid;grid-gap:7px;gap:7px}.field label{font-weight:600}.field input,.field select,.field textarea{width:100%;min-height:44px;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:10px 12px}.field textarea{min-height:108px;resize:vertical}.field small{color:var(--text-muted)}.field .error{color:var(--danger)}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.check-row{display:flex;align-items:flex-start;gap:10px}.check-row input{margin-top:4px;width:18px;height:18px}.stepper{display:flex;gap:0;margin:0 0 24px}.step{display:flex;align-items:center;gap:8px;color:var(--text-muted);flex:1 1;font-size:13px}.step:after{content:"";height:1px;background:var(--border);flex:1 1}.step:last-child:after{display:none}.step b{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--surface-muted);font:600 12px/1 var(--mono)}.step.active{color:var(--text-primary);font-weight:600}.step.active b,.step.done b{background:var(--primary);color:white}.timeline{display:grid}.timeline-item{display:grid;grid-template-columns:22px 1fr;grid-gap:12px;gap:12px;padding-bottom:20px}.timeline-item:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--border-strong);margin-top:6px;box-shadow:0 0 0 5px var(--surface-muted)}.timeline-item.current:before{background:var(--primary)}.timeline-item p{margin:3px 0;color:var(--text-secondary)}.chart{height:190px;display:flex;align-items:end;gap:9px;padding-top:20px}.bar{flex:1 1;min-width:12px;background:color-mix(in oklch,var(--primary) 22%,var(--surface-muted));border-radius:5px 5px 0 0}.bar.hot{background:var(--primary)}.empty{text-align:center;padding:50px 20px}.empty .shape{width:64px;height:64px;border-radius:18px;background:var(--surface-muted);margin:0 auto 16px}.skeleton{background:linear-gradient(90deg,var(--surface-muted),var(--surface),var(--surface-muted));background-size:200% 100%;animation:shine 1.4s linear infinite;border-radius:7px;height:14px}.skeleton.lg{height:90px}@keyframes shine{to{background-position:-200% 0}}.store-header{background:var(--surface);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:20}.promo{text-align:center;background:#17372c;color:white;padding:8px 16px;font-size:12px}.store-nav{height:68px;max-width:1240px;margin:auto;padding:0 24px;display:flex;align-items:center;gap:28px}.store-brand{font:600 21px/1 var(--display);letter-spacing:-.02em;text-decoration:none}.store-links{display:flex;gap:22px;margin-right:auto}.store-links a{text-decoration:none}.store-actions{display:flex;gap:8px}.icon-button{width:44px;height:44px;border:0;border-radius:50%;background:transparent;display:grid;place-items:center}.icon-button:hover{background:var(--surface-muted)}.store-main{max-width:1240px;margin:auto;padding:44px 24px 90px}.hero-store{min-height:460px;border-radius:20px;background:#dcece4;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden}.hero-copy{padding:64px;display:flex;flex-direction:column;justify-content:center}.hero-copy h1{font-size:clamp(44px,6vw,72px);max-width:10ch}.hero-art{position:relative;background:var(--surface-muted)}.hero-art img{width:100%;height:100%;display:block;object-fit:cover}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.product-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.product-art{height:230px;background:var(--surface-muted);overflow:hidden}.product-art img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .2s var(--ease)}.product-card:hover .product-art img{transform:scale(1.025)}.product-copy{padding:17px}.product-copy h3{font-size:18px}.price{font:600 18px/1.3 var(--mono);margin:10px 0}.section-title{display:flex;align-items:end;justify-content:space-between;margin:54px 0 20px}.section-title h2{font-size:30px}.cart-line{display:grid;grid-template-columns:90px 1fr auto;grid-gap:16px;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid var(--border)}.cart-art{height:92px;border-radius:12px;background:var(--surface-muted)}.summary-line{display:flex;justify-content:space-between;padding:9px 0}.summary-line.total{border-top:1px solid var(--border);margin-top:10px;padding-top:18px;font-size:18px}.toast{position:fixed;right:22px;bottom:22px;z-index:100;background:var(--text-primary);color:white;padding:13px 16px;border-radius:10px;box-shadow:var(--shadow);transform:translateY(80px);opacity:0;transition:.2s var(--ease)}.toast.show{transform:none;opacity:1}.state-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.state-button{min-height:36px;border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:0 12px;font-size:12px}.state-button.active{background:var(--text-primary);color:white}.demo-state[data-mode]:not([data-mode=ready]) .ready-content,.state-panel{display:none}.demo-state[data-mode=empty] .state-empty,.demo-state[data-mode=error] .state-error,.demo-state[data-mode=loading] .state-loading,.demo-state[data-mode=offline] .state-offline{display:block}.impersonation{position:-webkit-sticky;position:sticky;top:0;z-index:40;background:#8c2f22;color:white;padding:9px 24px;display:flex;justify-content:center;gap:18px}.impersonation button{border:0;background:transparent;color:white;font:600 15px/1.4 var(--body);text-decoration:underline;cursor:pointer}@media(max-width:980px){.grid.cols-3,.grid.cols-4{grid-template-columns:repeat(2,1fr)}.hero-store,.layout-2{grid-template-columns:1fr}.hero-art{min-height:300px}.product-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.app{display:block}.sidebar{display:none;position:fixed;z-index:50;width:min(300px,88vw)}.app.nav-open .sidebar{display:block}.topbar{padding:0 16px}.mobile-nav{display:block}.page{padding:24px 16px 80px}.page-head{display:block}.page-head .actions{margin-top:16px}.form-row,.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}.metric strong{font-size:24px}.filters{align-items:stretch;flex-direction:column}.filters input{min-width:0;width:100%}.stepper{overflow:auto}.step{min-width:130px}.store-links{display:none}.store-nav{padding:0 14px;gap:8px}.store-brand{margin-right:auto}.store-main{padding:26px 16px 88px}.hero-store{border-radius:14px}.hero-copy{padding:36px 24px}.hero-copy h1{font-size:44px}.product-grid{grid-template-columns:1fr 1fr;gap:10px}.product-art{height:170px}.cart-line{grid-template-columns:70px 1fr}.cart-line>.price{grid-column:2}.table-wrap{border:0;background:transparent}table.responsive,table.responsive tbody,table.responsive td,table.responsive tr{display:block;min-width:0}table.responsive thead{display:none}table.responsive tr{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px;margin-bottom:10px}table.responsive td{border:0;padding:5px 0}table.responsive td:before{content:attr(data-label);display:block;color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.impersonation{position:relative;display:block;text-align:center}}@media(prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation:none!important;transition:none!important}}body,html{margin:0;min-height:100%}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}