:root{--shopn-primary: #0d631b;--shopn-primary-container: #2e7d32;--shopn-on-primary: #ffffff;--shopn-secondary: #4c56af;--shopn-surface: #fafaf4;--shopn-surface-container: #eeeee9;--shopn-surface-container-low: #f4f4ee;--shopn-surface-container-high: #e8e8e3;--shopn-surface-lowest: #ffffff;--shopn-on-surface: #1a1c19;--shopn-on-surface-variant: #40493d;--shopn-outline: #707a6c;--shopn-outline-variant: #bfcaba;--shopn-error: #ba1a1a;--shopn-error-container: #ffdad6;--shopn-muted: #a8a29e;--shopn-font: "Manrope", system-ui, sans-serif;--shopn-header-h: 3.5rem;--shopn-footer-h: 2.75rem;--shopn-sidebar-w: 15rem;--shopn-sidebar-collapsed-w: 4.25rem;--shopn-bp-wide: 1024px;--shopn-bp-tablet: 768px}@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v15/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59FO_F87jxeN7B.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--shopn-font);background:var(--shopn-surface);color:var(--shopn-on-surface);-webkit-font-smoothing:antialiased}a{color:var(--shopn-secondary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}.auth-page{min-height:100%;display:grid;place-items:center;padding:2rem;background:radial-gradient(ellipse at top left,rgba(13,99,27,.08),transparent 50%),radial-gradient(ellipse at bottom right,rgba(76,86,175,.08),transparent 45%),var(--shopn-surface)}.auth-card{width:min(24rem,100%);background:var(--shopn-surface-lowest);border:1px solid var(--shopn-outline-variant);border-radius:1rem;padding:2rem;display:flex;flex-direction:column;gap:1rem}.auth-card h1{margin:0;font-size:1.5rem;font-weight:700;color:var(--shopn-primary)}.auth-card .brand{font-size:1.75rem;font-weight:800;letter-spacing:-.02em;color:var(--shopn-primary)}.auth-field{display:flex;flex-direction:column;gap:.35rem}.auth-field label{font-size:.75rem;font-weight:500;color:var(--shopn-on-surface-variant)}.auth-field input{border:1px solid var(--shopn-outline-variant);border-radius:.5rem;padding:.65rem .75rem;font:inherit;background:var(--shopn-surface);color:var(--shopn-on-surface)}.auth-field input:focus{outline:2px solid var(--shopn-primary);outline-offset:1px}.auth-error{color:var(--shopn-error);background:var(--shopn-error-container);border-radius:.5rem;padding:.65rem .75rem;font-size:.875rem}.auth-info{color:var(--shopn-on-surface-variant);background:var(--shopn-surface-container-low);border-radius:.5rem;padding:.65rem .75rem;font-size:.875rem}.auth-submit{border:none;border-radius:.5rem;padding:.75rem 1rem;background:var(--shopn-primary);color:var(--shopn-on-primary);font-weight:600;cursor:pointer}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-loading{min-height:100%;display:grid;place-items:center;color:var(--shopn-on-surface-variant)}.shell{height:100%;display:grid;grid-template-rows:var(--shopn-header-h) 1fr var(--shopn-footer-h);grid-template-columns:auto 1fr;grid-template-areas:"header header" "sidebar main" "footer footer";background:var(--shopn-surface)}.shell-header{grid-area:header;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1rem;background:var(--shopn-surface-lowest);border-bottom:1px solid var(--shopn-outline-variant);z-index:20}.shell-header-left{display:flex;align-items:center;gap:.75rem}.shell-brand{font-weight:800;font-size:1.25rem;color:var(--shopn-primary);letter-spacing:-.02em}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:1px solid var(--shopn-outline-variant);border-radius:.5rem;background:var(--shopn-surface);color:var(--shopn-on-surface);cursor:pointer}.shell-sidebar{grid-area:sidebar;width:var(--shopn-sidebar-w);background:var(--shopn-surface-container-low);border-right:1px solid var(--shopn-outline-variant);overflow:auto;transition:width .16s ease;z-index:15}.shell.collapsed .shell-sidebar{width:var(--shopn-sidebar-collapsed-w)}.shell-sidebar nav{display:flex;flex-direction:column;padding:.75rem .5rem;gap:.25rem}.shell-sidebar .nav-group-label{margin:.75rem .5rem .25rem;font-size:.65rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--shopn-muted)}.shell.collapsed .shell-sidebar .nav-group-label,.shell.collapsed .shell-sidebar .nav-label{display:none}.shell-sidebar a{display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;border-radius:.5rem;color:var(--shopn-on-surface);text-decoration:none;font-weight:500;font-size:.9rem}.shell-sidebar a:hover{background:var(--shopn-surface-container);text-decoration:none}.shell-sidebar a.active{background:var(--shopn-primary);color:var(--shopn-on-primary)}.nav-glyph{width:1.25rem;text-align:center;flex-shrink:0;font-size:.85rem;font-weight:700}.shell-main{grid-area:main;overflow:auto;padding:1.25rem 1.5rem 2rem;min-width:0}.shell-footer{grid-area:footer;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1rem;background:var(--shopn-surface-lowest);border-top:1px solid var(--shopn-outline-variant);color:var(--shopn-on-surface-variant);font-size:.75rem;z-index:20}.shell-footer .footer-links{display:flex;gap:.75rem}.shell-footer .footer-link{border:none;background:none;padding:0;color:var(--shopn-secondary);cursor:default;font:inherit}.account{position:relative}.account-trigger{display:flex;align-items:center;gap:.5rem;border:1px solid var(--shopn-outline-variant);background:var(--shopn-surface);border-radius:999px;padding:.25rem .65rem .25rem .25rem;cursor:pointer;color:inherit}.avatar{width:1.75rem;height:1.75rem;border-radius:999px;background:var(--shopn-primary);color:var(--shopn-on-primary);display:grid;place-items:center;font-size:.65rem;font-weight:700}.account-menu{position:absolute;right:0;top:calc(100% + .35rem);min-width:10rem;background:var(--shopn-surface-lowest);border:1px solid var(--shopn-outline-variant);border-radius:.5rem;padding:.35rem;box-shadow:0 8px 24px #1a1c191f;z-index:30}.account-menu button{width:100%;text-align:left;border:none;background:transparent;padding:.55rem .65rem;border-radius:.35rem;cursor:pointer;font:inherit;color:var(--shopn-on-surface)}.account-menu button:hover{background:var(--shopn-surface-container)}.breadcrumb{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin:0 0 1rem;font-size:.8rem;color:var(--shopn-on-surface-variant)}.breadcrumb span+span:before{content:"/";margin-right:.35rem;color:var(--shopn-muted)}.placeholder-page h1{margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.placeholder-page p{margin:0;color:var(--shopn-on-surface-variant);max-width:36rem}.sidebar-backdrop{display:none}@media (max-width: 1023px){.shell{grid-template-columns:1fr;grid-template-areas:"header" "main" "footer"}.shell-sidebar{position:fixed;top:var(--shopn-header-h);bottom:var(--shopn-footer-h);left:0;width:min(18rem,85vw);transform:translate(-105%);transition:transform .18s ease;box-shadow:8px 0 24px #1a1c191f}.shell.drawer-open .shell-sidebar{transform:translate(0)}.shell.drawer-open .sidebar-backdrop{display:block;position:fixed;inset:var(--shopn-header-h) 0 var(--shopn-footer-h);background:#1a1c1959;z-index:14;border:none;padding:0;cursor:pointer}.wide-only{display:none!important}}@media (min-width: 1024px){.tablet-only{display:none!important}}