.neo-home{font-family:'Golos Text',Arial,sans-serif;color:#303234;background:#dedee0;font-synthesis:none}
.neo-home *{box-sizing:border-box}
.neo-home button,.neo-home input,.neo-home select{font:inherit}
.neo-home button,.neo-home a{-webkit-tap-highlight-color:transparent}
.neo-home a{color:inherit;text-decoration:none}
.neo-home button{cursor:pointer}
.neo-viewport{min-height:100vh;padding:32px;background:#d9d9db}
.neo-workspace{display:grid;grid-template-columns:64px 264px minmax(0,1fr);gap:12px;max-width:1680px;min-height:calc(100vh - 64px);margin:auto}
.neo-rail{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:15px 8px;background:#dedee0;border:1px solid rgba(255,255,255,.8);border-radius:22px;box-shadow:10px 10px 24px #b8b8bb,-10px -10px 24px #f8f8fa}
.neo-rail:before{content:"";position:absolute;left:8px;right:8px;top:9px;height:var(--neo-rail-dark-height,296px);background:#292a2c;border-radius:16px;box-shadow:inset 2px 2px 4px #1c1d1f,inset -1px -1px 3px #444548}
.neo-rail-mark{z-index:1;display:grid;place-items:center;width:45px;height:45px;color:#eee;border-radius:15px}
.neo-rail-divider{z-index:1;width:25px;height:1px;margin:5px 0;background:#595b5e}
.neo-rail-link{z-index:1;display:grid;place-items:center;width:42px;height:42px;color:#ebebec;background:transparent;border:1px solid transparent;border-radius:12px;transition:transform .2s,box-shadow .2s,background .2s}
.neo-rail-link:hover{transform:translateY(-2px);background:#3c3e40}
.neo-rail-link.is-active{background:#515357;border-color:#686a6d;box-shadow:inset 2px 2px 4px #1c1d1f,inset -2px -2px 4px #737578}
.neo-rail-link:last-child{background:#292a2c;box-shadow:4px 4px 8px #b8b8bb,-4px -4px 8px #f8f8fa}
.neo-rail-space{flex:1}
.neo-sidebar,.neo-main{min-width:0;background:#dedee0;border:1px solid rgba(255,255,255,.65);border-radius:22px;box-shadow:11px 11px 25px #b8b8bb,-10px -10px 25px #f7f7f9}
.neo-sidebar{display:flex;flex-direction:column;padding:24px 18px}
.neo-brand{display:flex;align-items:center;justify-content:center;height:90px;margin:0 5px 14px;border-radius:16px;background:#e2e2e4;box-shadow:inset 4px 4px 8px #c0c0c3,inset -4px -4px 8px #f9f9fa;overflow:hidden}
.neo-brand img{display:block;width:90%;height:74px;object-fit:contain;mix-blend-mode:multiply}
.neo-profile{display:flex;align-items:center;gap:11px;padding:12px 3px 19px;border-bottom:1px solid #c7c8ca}
.neo-profile-avatar{display:grid;place-items:center;flex:none;width:39px;height:39px;border-radius:50%;background:#d9d9db;color:#46484b;font-weight:600;font-size:13px;box-shadow:4px 4px 9px #bababc,-4px -4px 9px #fafafa}
.neo-profile-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}
.neo-profile-copy strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.neo-profile-copy span{font-size:11px;color:#818286}
.neo-side-caption{margin:24px 10px 11px;color:#929397;font-size:11px;font-weight:600;letter-spacing:.025em}
.neo-side-link{display:flex;align-items:center;gap:13px;min-height:43px;padding:0 12px;margin:2px 0;border:1px solid transparent;border-radius:12px;color:#3f4143;font-size:12px;transition:background .2s,box-shadow .2s}
.neo-side-link svg{flex:none;stroke-width:1.55}
.neo-side-link:hover{background:#e6e6e8}
.neo-side-link.selected{background:#dbdfe0;border-color:#eff0f0;box-shadow:inset 3px 3px 6px #b7babc,inset -3px -3px 6px #f8fafb;font-weight:600}
.neo-side-rule{height:1px;margin:19px 10px 0;background:#c5c6c8}
.neo-store-select{display:flex;align-items:center;gap:9px;width:100%;min-height:42px;padding:0 10px;background:#dedee0;border:0;border-radius:12px;box-shadow:4px 4px 9px #bcbcbf,-4px -4px 9px #f7f7f9;color:#414345;text-align:left;font-size:12px}
.neo-store-select span{min-width:0;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.neo-store-note{font-size:11px;color:#64676a;padding:10px}
.neo-side-fill{flex:1;min-height:32px}
.neo-sidebar-bottom{padding:13px 9px 0;border-top:1px solid #c7c8ca;color:#898a8c;font-size:11px}
.neo-status-dot{display:inline-block;width:7px;height:7px;margin-right:7px;background:#62656a;border-radius:50%}
.neo-main{overflow:hidden}
.neo-topline{display:flex;align-items:center;justify-content:space-between;min-height:74px;padding:0 42px;border-bottom:1px solid #cacbcd}
.neo-mobile-logo{display:none}
.neo-breadcrumb,.neo-top-actions{display:flex;align-items:center;gap:13px}
.neo-breadcrumb{font-size:12px;color:#858689}
.neo-breadcrumb strong{color:#343537;font-weight:600}
.neo-top-profile{font-size:11px;color:#77797b}
.neo-icon-button{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#dedee0;box-shadow:4px 4px 8px #bcbdbf,-4px -4px 8px #f8f8f9;transition:transform .2s}
.neo-icon-button:hover{transform:translateY(-2px)}
.neo-content{padding:42px clamp(25px,4vw,62px) 55px}
.neo-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:47px}
.neo-eyebrow{display:block;color:#919295;font-size:11px;font-weight:600;letter-spacing:.1em}
.neo-intro h1{font-size:clamp(35px,3vw,48px);font-weight:500;letter-spacing:-.045em;line-height:1.15;margin:9px 0 10px}
.neo-intro p{font-size:13px;color:#77797c;margin:0}
.neo-intro-count{display:flex;align-items:center;gap:20px;padding:14px 20px;min-width:195px;min-height:78px;border-radius:18px;background:#dedee0;box-shadow:7px 7px 15px #bebec1,-7px -7px 15px #f9f9fa}
.neo-intro-count span{font-size:11px;color:#797a7d;max-width:85px;line-height:1.35}
.neo-intro-count strong{font-size:38px;font-weight:400;letter-spacing:-.07em}
.neo-heading-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:17px}
.neo-heading-row h2{margin:0;font-size:18px;font-weight:600;letter-spacing:-.025em}
.neo-heading-row>span{font-size:11px;color:#8c8d90}
.neo-search{display:flex;align-items:center;gap:11px;width:min(100%,420px);height:46px;padding:0 16px;margin-bottom:24px;border-radius:14px;color:#77797c;background:#dedee0;box-shadow:inset 4px 4px 8px #bfc0c2,inset -4px -4px 8px #f7f7f9}
.neo-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#323436;font-size:12px}
.neo-search input::placeholder{color:#999a9c}
.neo-search button{border:0;background:none;color:#66686a;font-size:11px}
.neo-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.neo-tile{display:flex;position:relative;flex-direction:column;align-items:flex-start;min-height:174px;padding:22px 20px;background:#dedee0;border:1px solid rgba(255,255,255,.42);border-radius:25px;box-shadow:8px 8px 17px #bfc0c2,-8px -8px 17px #fbfbfc;transition:transform .24s,box-shadow .24s}
.neo-tile:hover{transform:translateY(-4px);box-shadow:11px 13px 20px #b6b7b9,-10px -10px 20px #fbfbfc}
.neo-tile:active{transform:translateY(1px);box-shadow:inset 5px 5px 9px #bdc0c1,inset -5px -5px 9px #fafafa}
.neo-tile-icon{display:grid;place-items:center;width:49px;height:49px;margin-bottom:auto;background:#dedee0;border-radius:16px;color:#36383a;box-shadow:inset 3px 3px 6px #c5c6c8,inset -3px -3px 6px #fcfcfd}
.neo-tile-copy{display:flex;flex-direction:column;gap:7px;padding-top:21px;padding-right:15px}
.neo-tile-copy strong{font-size:13px;font-weight:600;line-height:1.35}
.neo-tile-copy small{font-size:11px;color:#8b8c8f;line-height:1.3}
.neo-tile-arrow{position:absolute;right:19px;bottom:24px;color:#8b8d8f}
.neo-empty{grid-column:1/-1;padding:30px;color:#77797b}
.neo-brands-heading{margin:45px 0 17px}
.neo-brands{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.neo-brand-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-width:0;min-height:150px;padding:15px;background:#dedee0;border:1px solid rgba(255,255,255,.48);border-radius:25px;box-shadow:8px 8px 17px #bfc0c2,-8px -8px 17px #fbfbfc;transition:transform .22s,box-shadow .22s;color:#696b6d}
.neo-brand-tile:hover{transform:translateY(-3px)}
.neo-brand-tile.chosen{box-shadow:inset 5px 5px 10px #b9bbbd,inset -5px -5px 10px #f9f9fa;transform:none}
.neo-brand-tile img{display:block;width:100%;height:66px;object-fit:contain;mix-blend-mode:multiply}
.neo-brand-tile.siberia img{max-width:168px}
.neo-brand-tile.rodent img{max-width:175px}
.neo-brand-tile.baurenhof img{max-width:170px}
.neo-brand-tile.alphapet img{max-width:170px}
.neo-brand-tile span{font-size:11px}
.neo-home :focus-visible{outline:2px solid #55575a!important;outline-offset:3px!important}
@media(max-width:1220px){.neo-shortcuts,.neo-brands{grid-template-columns:repeat(2,minmax(0,1fr))}.neo-tile{min-height:144px}.neo-intro{margin-bottom:32px}}
@media(max-width:790px){.neo-viewport{padding:14px}.neo-workspace{display:block;min-height:0}.neo-rail,.neo-sidebar{display:none}.neo-main{min-height:calc(100vh - 28px)}.neo-topline{position:relative;min-height:66px;padding:0 22px}.neo-mobile-logo{display:block;position:absolute;left:50%;top:50%;width:105px;height:45px;object-fit:contain;mix-blend-mode:multiply;transform:translate(-50%,-50%)}.neo-top-profile{display:none}.neo-content{padding:29px 22px 40px}.neo-intro{align-items:flex-start;margin-bottom:32px}.neo-intro-count{min-width:85px;min-height:69px;padding:12px;display:block;text-align:center}.neo-intro-count span{display:block;font-size:9px;max-width:none}.neo-intro-count strong{font-size:26px}.neo-intro p{font-size:12px}.neo-shortcuts,.neo-brands{gap:14px}.neo-tile{min-height:147px;padding:17px;border-radius:21px}.neo-tile-icon{width:41px;height:41px;border-radius:13px}.neo-tile-icon svg{width:23px;height:23px}.neo-tile-copy{padding-top:15px}.neo-tile-copy strong{font-size:12px}.neo-tile-copy small{font-size:10px}.neo-tile-arrow{right:14px;bottom:18px;width:14px}.neo-brand-tile{min-height:120px;border-radius:21px}.neo-brand-tile img{height:54px}.neo-brands-heading{margin-top:37px}}
@media(max-width:430px){.neo-content{padding:25px 17px 36px}.neo-topline{padding:0 17px}.neo-breadcrumb span,.neo-breadcrumb strong{display:none}.neo-intro h1{font-size:35px}.neo-eyebrow{font-size:9px}.neo-intro-count{display:none}.neo-heading-row h2{font-size:17px}.neo-tile{min-height:142px;padding:14px}.neo-tile-copy{padding-top:14px;padding-right:0}.neo-tile-copy strong{font-size:11px}.neo-tile-copy small{font-size:10px}.neo-tile-arrow{display:none}.neo-brand-tile{min-height:108px;padding:12px}.neo-brand-tile img{height:43px}}
@media(prefers-reduced-motion:reduce){.neo-home *,.neo-home *:before,.neo-home *:after{scroll-behavior:auto!important;transition:none!important}}

/* The production portal keeps its existing auth, permissions and brand navigation. */
.neo-home-shell > .topbar{display:none}
.neo-home-shell .admin-page{width:100%;max-width:none;margin:0;padding:0}
body:has(.neo-home) .app-user-menu{display:none}
.neo-home .neo-profile-copy strong{display:block}
.neo-home .neo-store-select{box-sizing:border-box}
.neo-home .neo-store-select select{flex:1;min-width:0;width:100%;height:40px;padding:0 4px;border:0;outline:0;appearance:none;background:transparent;color:#414345;text-overflow:ellipsis;cursor:pointer;font-size:12px}
.neo-home .neo-store-name{display:flex;align-items:center;gap:9px;min-height:42px;padding:0 10px;color:#414345;font-size:12px}
.neo-home .neo-mobile-store{display:none}
.neo-home .neo-icon-button{border:0}
.neo-home .neo-rail-link{color:#eee}

/* Brands are intentionally smaller and sit directly on the gray surface. */
.neo-home .neo-brands{justify-items:center;align-items:center;gap:12px 22px}
.neo-home .neo-brand-tile{width:100%;min-height:100px;padding:6px 12px;border:0;border-radius:14px;background:transparent;box-shadow:none}
.neo-home .neo-brand-tile:hover{transform:translateY(-2px);box-shadow:none}
.neo-home .neo-brand-tile:active{transform:translateY(1px)}
.neo-home .neo-brand-tile img{width:100%;max-width:175px;height:58px;max-height:58px;object-fit:contain;mix-blend-mode:multiply}
.neo-home .neo-brand-tile.siberia img{max-width:160px}
.neo-home .neo-brand-tile.rodent img{max-width:165px}
.neo-home .neo-brand-tile.baurenhof img{max-width:160px}
.neo-home .neo-brand-tile.alphapet img{max-width:165px}

@media(max-width:790px){
  .neo-home .neo-mobile-store{display:block;margin:0 0 25px}
  .neo-home .neo-mobile-store .neo-store-select,.neo-home .neo-mobile-store .neo-store-name{width:100%;max-width:420px;background:#dedee0;border-radius:12px;box-shadow:4px 4px 9px #bcbcbf,-4px -4px 9px #f7f7f9}
  .neo-home .neo-brand-tile{min-height:82px;padding:6px}
  .neo-home .neo-brand-tile img{max-width:145px;height:48px;max-height:48px}
}
@media(max-width:430px){
  .neo-home .neo-brand-tile{min-height:70px}
  .neo-home .neo-brand-tile img{max-width:135px;height:42px;max-height:42px}
}