@font-face{font-family:Prata;src:url("/app/identity/fonts/prata-400.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url("/app/identity/fonts/manrope-400.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url("/app/identity/fonts/manrope-700.ttf") format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:PlexMono;src:url("/app/identity/fonts/ibm-plex-mono-400.ttf") format("truetype");font-weight:400;font-display:swap}

:root{--ink:#171416;--ink-950:#171416;--muted:#664554;--line:rgba(23,20,22,.2);--canvas:#f4f1eb;--paper:#fffaf4;--lav:#f56ca8;--lav-strong:#e5412c;--lav-soft:#f5b6d0;--green:#18270a;--green-soft:#d8ef00;--radius:0;--shadow:none;font-family:Manrope,Arial,sans-serif}
html{background:var(--canvas)}body{background:var(--canvas);font-family:Manrope,Arial,sans-serif}.app-shell{grid-template-columns:280px minmax(0,1fr)}
.sidebar{padding:30px 24px 22px;background:#171416;border-right:1px solid rgba(245,108,168,.5)}
.brand{align-items:flex-start}.brand-mark{width:44px;height:44px;border:1px solid #d8ef00;border-radius:0;background:#d8ef00;color:#171416;font:400 24px/1 Prata,serif}.brand strong{font-family:Prata,serif;font-weight:400;letter-spacing:.06em}.brand small{color:#f5b6d0}
.main-nav{gap:0;border-top:1px solid rgba(245,182,208,.25)}.nav-item{min-height:54px;padding-inline:4px;border-radius:0;border-bottom:1px solid rgba(245,182,208,.18);color:#c7b9c0;text-transform:uppercase;letter-spacing:.05em}.nav-item:hover,.nav-item:focus-visible,.nav-item.is-active{background:transparent;color:#d8ef00}.nav-item.is-active{box-shadow:inset 4px 0 #e5412c;padding-left:16px}.nav-item b{color:#f56ca8;font-family:PlexMono,monospace}
.connection-card{border:0;border-top:1px solid #d8ef00;border-radius:0;background:#211d20}.connection-card .eyebrow,.text-button{color:#d8ef00}.avatar{border-radius:0;background:#f56ca8;color:#171416}
.workspace{padding:38px clamp(24px,3.6vw,64px) 28px;background:linear-gradient(90deg,#f4f1eb 0 78%,#e7f5ff 78%)}
.eyebrow{font-family:PlexMono,monospace;color:#e5412c}.topbar{margin-bottom:34px;padding-bottom:24px;border-bottom:2px solid #171416}.topbar h1,.panel h2,.dialog-card h2{font-family:Prata,Georgia,serif;font-weight:400;letter-spacing:-.04em}.topbar h1{max-width:720px;font-size:clamp(42px,5vw,76px);line-height:.92}.topbar h1::after{content:" / твоя витрина";display:block;color:#e5412c;font-style:italic}
.primary-button,.secondary-button,.icon-button,.filter-button{border-radius:0}.primary-button{background:#171416;color:#f56ca8}.icon-button{background:#d8ef00;border-color:#171416}.filter-button{background:#d8ef00;color:#171416;border:1px solid #171416}
.hero-grid{gap:0;border:2px solid #171416}.metric-card,.panel{border:0;box-shadow:none}.metric-card{min-height:176px;padding:22px;border-radius:0;border-right:2px solid #171416}.metric-card:last-child{border-right:0}.metric-card:nth-child(1){background:#f5b6d0}.metric-card:nth-child(2){background:#d8ef00}.metric-card:nth-child(3){background:#55ace4}.metric-card--dark{background:#171416}.metric-card strong{font:400 clamp(28px,3vw,45px)/1 Prata,serif}.metric-card p{text-transform:uppercase;font:400 10px/1.4 PlexMono,monospace;letter-spacing:.06em}.metric-card .trend{color:#171416}.metric-card--dark .trend{color:#d8ef00}
.content-grid{gap:0;margin-top:24px;border:2px solid #171416}.panel{border-radius:0;padding:28px}.chart-panel{background:#fffaf4;border-right:2px solid #171416}.actions-panel{background:#f5b6d0}.panel h2{font-size:clamp(25px,2.4vw,38px)}.chart{background:repeating-linear-gradient(to bottom,transparent 0,transparent 54px,rgba(23,20,22,.12) 55px);border-color:#171416}.chart .line{stroke:#e5412c}.chart-label{border-radius:0;background:#171416;color:#d8ef00}.task-list li{border-color:rgba(23,20,22,.25)}.task-list button,.task-icon{border-radius:0;background:#171416;color:#f56ca8}.task-icon--soft{background:#d8ef00;color:#171416}.task-icon--green{background:#55ace4;color:#171416}
.flow-panel{margin-top:24px;border:2px solid #171416;background:#171416;color:#f5b6d0}.flow-panel .eyebrow{color:#d8ef00}.flow-panel h2{font-size:38px}.flow-meta{color:#f5b6d0}.commerce-flow li{color:#a99ea3}.commerce-flow li::before{background:#4c4247}.commerce-flow li.is-complete::before,.commerce-flow li.is-current::before{background:#e5412c}.commerce-flow li span{border-radius:0;background:#4c4247}.commerce-flow li.is-complete span{background:#e5412c}.commerce-flow li.is-current span{background:#d8ef00;color:#171416}.commerce-flow strong{color:#f5b6d0}.commerce-flow li.is-current strong{color:#d8ef00}
.statusbar{font-family:PlexMono,monospace}.statusbar i{border-radius:0}.mobile-nav{border-radius:0;background:#171416;border-color:#f56ca8}.mobile-nav button{border-radius:0}.mobile-nav button.is-active{background:#f5b6d0;color:#171416}.mobile-nav .mobile-create{background:#d8ef00}.dialog-card{background:#f4f1eb;border-top:10px solid #e5412c}.dialog-card input,.dialog-card select{border-radius:0;border-color:#171416}.form-note{border-radius:0;background:#f5b6d0;color:#171416}dialog{border-radius:0}:focus-visible{outline-color:#e5412c}

@media(max-width:1100px){.app-shell{grid-template-columns:92px minmax(0,1fr)}.workspace{background:#f4f1eb}.nav-item.is-active{padding-left:4px}.metric-card{min-height:150px}}
@media(max-width:767px){.workspace{padding-inline:16px;background:linear-gradient(90deg,#f4f1eb 0 54%,#e7f5ff 54%)}.topbar{padding-bottom:18px}.topbar h1{font-size:42px}.hero-grid{gap:0}.metric-card{min-height:138px;border-right:2px solid #171416;border-bottom:2px solid #171416}.metric-card:nth-child(2n){border-right:0}.metric-card:nth-child(3),.metric-card:nth-child(4){border-bottom:0}.content-grid{display:block}.chart-panel{border-right:0;border-bottom:2px solid #171416}.actions-panel{background:#f5b6d0}.flow-panel{overflow:hidden}.mobile-nav{left:0;right:0;bottom:env(safe-area-inset-bottom);border-inline:0;border-bottom:0}.mobile-nav button{min-height:54px}}
@media(max-width:359px){.workspace{padding-inline:10px}.topbar h1{font-size:37px}.metric-card{padding:12px}.metric-card strong{font-size:23px}}