:root{--paper:#fbf8f1;--panel:#fffdf9;--ink:#161411;--muted:#756e65;--line:#e6d9c1;--gold:#c9962e;--gold-dark:#885e13;--wine:#8f1019;--shadow:0 16px 40px rgba(64,42,9,.08)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 'Manrope',sans-serif}.app-shell{min-height:100vh;display:grid;grid-template-columns:240px minmax(0,1fr)}.app-sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;padding:25px 14px;background:#17191b;color:#f7f7f6;display:flex;flex-direction:column}.app-brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:22px;font-weight:700;letter-spacing:-.06em;text-decoration:none}.app-sidebar .app-brand{margin:0 10px 37px;color:#fff;font-size:21px;font-weight:800}.app-brand img{width:32px;height:32px;object-fit:contain}.app-sidebar .app-brand img{width:30px;height:30px}.app-brand span span{color:#efc363}.app-sidebar nav{display:grid;gap:4px}.app-sidebar nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:9px;color:#afb2b5;font-size:13px;font-weight:700;text-decoration:none}.app-sidebar nav b{display:grid;width:22px;height:22px;place-items:center;border-radius:6px;background:#272b2f;color:#d5d8da;font-size:15px;line-height:1}.app-sidebar nav a:nth-child(1) b{color:#8bbdff;background:#1e344e}.app-sidebar nav a:nth-child(2) b{color:#e8be62;background:#44391f}.app-sidebar nav a:nth-child(3) b{color:#56d2b2;background:#173e37}.app-sidebar nav a:nth-child(4) b{color:#c49dff;background:#37294a}.app-sidebar nav a:nth-child(5) b{color:#f0a86a;background:#4b3020}.app-sidebar nav a:nth-child(6) b{color:#8fd0ee;background:#1b3945}.app-sidebar nav a:hover,.app-sidebar nav a.active{background:#303438;color:#fff;box-shadow:none}.app-sidebar nav a.active b{background:#efc363;color:#201a0e}.app-side-note{margin:auto 10px 0;padding:20px 0 0;border-top:1px solid #34383d;color:#efc363;font-size:10px;font-weight:700;letter-spacing:.1em}.app-side-note strong{display:block;margin-top:5px;color:#fff;font-size:11px;letter-spacing:0}.app-side-note a{color:#aeb1b3!important}.app-workspace{min-width:0;padding:0 5.5% 70px}.app-topbar{height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.app-brand.mobile{display:none}.app-search{width:min(470px,60%)}.app-search label{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:#fffdf9;color:var(--muted)}.app-search input{width:100%;border:0;outline:0;background:transparent;font:14px inherit}.app-user a{display:flex;align-items:center;gap:9px;color:var(--ink);font-size:13px;font-weight:600;text-decoration:none}.app-user i{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--gold-dark);font-style:normal}.app-account-link{padding:5px 7px;border-radius:9px}.app-account-link:hover{background:#f1ece2}.app-account-link em{color:var(--muted);font-size:11px;font-style:normal}.app-signin{padding:11px 14px;border-radius:8px;background:#24272a;color:#fff!important;box-shadow:0 5px 13px rgba(28,29,31,.14)}.app-signin:hover{background:#3a3e42}.app-page{padding-top:48px}.eyebrow{margin:0;color:var(--gold-dark);font-size:10px;font-weight:700;letter-spacing:.12em}.app-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.app-heading h1,.app-title{margin:5px 0 4px;font:600 clamp(35px,4vw,54px)/1.08 'Manrope',serif;letter-spacing:-.04em}.app-heading>div>p:last-child,.app-copy{margin:0;color:var(--muted);font-size:16px}.app-panel,.app-card{border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:var(--shadow)}.app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}.app-panel{padding:24px}.app-panel-head{display:flex;align-items:center;gap:10px;padding-bottom:16px;border-bottom:1px solid var(--line)}.app-panel-head b{color:var(--gold);font-size:20px}.app-panel-head h2{margin:0;font-size:16px}.app-panel-head a{margin-left:auto;color:var(--gold-dark);font-size:12px;font-weight:700;text-decoration:none}.path-content{display:flex;align-items:end;justify-content:space-between;gap:18px;padding-top:24px}.path-content strong{font-size:18px}.path-content p{margin:3px 0 14px;color:var(--muted);font-size:13px}.progress{height:8px;min-width:220px;overflow:hidden;border-radius:99px;background:#eee6d9}.progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d59e29,#f2d279)}.app-button{border:0;border-radius:9px;background:linear-gradient(135deg,#f2d279,#b77a16);color:#231807;cursor:pointer;font:700 13px 'Manrope',sans-serif;padding:13px 17px;text-decoration:none;white-space:nowrap}.app-button.outline{border:1px solid #c99838;background:transparent;color:#77500c}.market-list,.activity-list,.app-cart-list{margin:12px 0 0;padding:0;list-style:none}.market-list li{display:grid;grid-template-columns:72px 1fr 8px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #eee6d9;font-size:13px}.market-list li:last-child{border:0}.market-list span{color:var(--muted)}.market-list i{width:7px;height:7px;border-radius:50%;background:var(--gold)}.market-list i.wine{background:var(--wine)}.app-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:18px 0}.app-actions article{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:15px;padding:22px}.app-actions article>span{display:grid;width:48px;height:48px;place-items:center;border:1px solid #ddc284;border-radius:12px;color:var(--gold-dark);font-size:26px}.app-actions h2{margin:0;font-size:16px}.app-actions p{margin:3px 0 0;color:var(--muted);font-size:13px}.app-actions a{color:var(--gold-dark);font-weight:700;text-decoration:none}.activity-list li{display:flex;gap:11px;padding:13px 0;border-bottom:1px solid #eee6d9;font-size:13px}.app-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:18px 0}.app-actions article{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:15px;padding:22px}.app-actions article>span{display:grid;width:48px;height:48px;place-items:center;border:1px solid #ddc284;border-radius:12px;color:var(--gold-dark);font-size:26px}.app-actions h2{margin:0;font-size:16px}.app-actions p{margin:3px 0 0;color:var(--muted);font-size:13px}.app-actions a{color:var(--gold-dark);font-weight:700;text-decoration:none}.activity-list li{display:flex;gap:11px;padding:13px 0;border-bottom:1px solid #eee6d9;font-size:13px}.activity-list li span{color:var(--gold-dark)}.activity-list time{margin-left:auto;color:var(--muted);font-size:12px}.app-filters{display:flex;gap:8px;margin:26px 0 18px}.app-filters button{border:1px solid var(--line);border-radius:9px;background:#fffdf9;color:#675e52;cursor:pointer;padding:9px 15px;font:600 13px 'Manrope',sans-serif}.app-filters button.active{border-color:#d4aa4d;background:#f8e9c7;color:#52370b}.app-catalog{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.app-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.app-card{padding:21px}.app-card.featured{border-color:#caa256;background:linear-gradient(145deg,#fffdf9,#fbf1da)}.app-card-top{display:flex;justify-content:space-between}.app-service-icon{display:grid;width:44px;height:44px;place-items:center;border:1px solid #e0c483;border-radius:11px;color:var(--gold-dark);font-size:22px}.app-card-top small{border-radius:99px;background:var(--wine);color:#fff;padding:5px 7px;font-size:9px;font-weight:700;letter-spacing:.06em}.app-card h2{margin:18px 0 6px;font-size:20px}.app-card>p{min-height:42px;margin:0;color:var(--muted);font-size:13px}.app-card footer{display:flex;align-items:center;justify-content:space-between;margin-top:17px;padding-top:14px;border-top:1px solid var(--line)}.app-card strong{color:var(--gold-dark);font-size:18px}.app-selection{position:sticky;top:105px;display:flex;min-height:420px;flex-direction:column;justify-content:space-between;padding:21px}.app-selection h2{margin:7px 0;font:600 27px/1.1 'Manrope',serif}.app-selection p:last-child{color:var(--muted);font-size:13px}.app-selection-bottom{padding-top:18px;border-top:1px solid var(--line)}.app-selection-bottom small{display:block;margin-top:12px;color:var(--muted);font-size:10px;text-align:center}.app-selection-bottom .app-button{display:block;width:100%;text-align:center}.app-empty{padding:38px 0;text-align:center}.app-empty b{display:block;color:var(--gold-dark);font-size:30px}.app-empty p{max-width:310px;margin:12px auto;color:var(--muted)}.auth-card{width:min(100%,510px);margin:0 auto;padding:30px}.auth-card h1{margin:6px 0;font:600 37px/1.1 'Manrope',serif}.auth-card p{color:var(--muted)}.auth-card label{display:block;margin:15px 0 7px;font-size:12px;font-weight:700}.auth-card input{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff;outline:0;font:14px 'Manrope',sans-serif}.auth-card input:focus{border-color:var(--gold)}.auth-card .app-button{width:100%;margin-top:18px}.auth-error{padding:10px;border-left:3px solid var(--wine);background:#fff0ed;color:#721621}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.app-mobile-nav{display:none}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.app-sidebar{display:none}.app-workspace{padding:0 5% 96px}.app-topbar{height:70px}.app-brand.mobile{display:flex}.app-search{width:100%}.app-user span,.app-account-link em{display:none}.app-grid,.app-catalog{grid-template-columns:1fr}.app-selection{position:static;min-height:auto}.app-mobile-nav{position:fixed;z-index:8;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(6,1fr);padding:8px 3%;border-top:1px solid var(--line);background:rgba(255,253,249,.96);backdrop-filter:blur(12px)}.app-mobile-nav a{display:grid;justify-items:center;gap:2px;color:#60594f;font-size:18px;text-decoration:none}.app-mobile-nav span{font-size:9px}.app-mobile-nav a.active{color:var(--gold-dark)}}@media(max-width:600px){.app-workspace{padding-right:16px;padding-left:16px}.app-topbar{gap:8px}.app-search{display:none}.app-page{padding-top:30px}.app-heading{align-items:start;flex-direction:column}.app-heading h1,.app-title{font-size:36px}.app-grid,.app-actions,.app-service-grid,.account-grid{grid-template-columns:1fr}.path-content{align-items:start;flex-direction:column}.progress{min-width:min(100%,280px)}.app-actions article{padding:18px}.app-filters{overflow:auto;padding-bottom:3px}.app-filters button{white-space:nowrap}.app-selection{display:none}.app-card>p{min-height:0}}
.app-side-note a{display:inline-block;margin-top:10px;color:var(--gold-dark);font-size:11px;letter-spacing:0;text-decoration:none}
@media(max-width:900px){.app-mobile-nav{grid-template-columns:repeat(auto-fit,minmax(48px,1fr));justify-content:center}.app-mobile-nav a{justify-items:center}.app-mobile-nav b{display:grid;width:24px;height:24px;place-items:center}.app-mobile-nav b svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}}
.app-sidebar nav b svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.app-sidebar nav a:nth-child(1){color:#b7d6ff}.app-sidebar nav a:nth-child(2){color:#f1d58d}.app-sidebar nav a:nth-child(3){color:#8ce3cc}.app-sidebar nav a:nth-child(4){color:#d5b8ff}.app-sidebar nav a:nth-child(5){color:#f5c194}.app-sidebar nav a:nth-child(6){color:#a9def2}.app-sidebar nav a.active{color:#fff}.app-sidebar nav a.active b{color:#201a0e}
/* Desktop navigation keeps its labels and SVGs legible against the dark rail. */
@media(min-width:901px){.app-sidebar nav a{color:#e6e9ec!important}.app-sidebar nav a:nth-child(1) b{color:#9ec9ff!important;background:#1f3c5a}.app-sidebar nav a:nth-child(2) b{color:#f6ce72!important;background:#4b3b1c}.app-sidebar nav a:nth-child(3) b{color:#6ee3c3!important;background:#174b40}.app-sidebar nav a:nth-child(4) b{color:#d8b9ff!important;background:#493263}.app-sidebar nav a:nth-child(5) b{color:#ffc082!important;background:#59351f}.app-sidebar nav a:nth-child(6) b{color:#9cdbf3!important;background:#204a5a}.app-sidebar nav b svg,.app-sidebar nav b svg *{display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}.app-sidebar nav a:hover,.app-sidebar nav a.active{color:#fff!important;background:#3a3f45}.app-sidebar nav a.active b{background:#efc363!important;color:#21190d!important}.app-sidebar nav a.active b svg,.app-sidebar nav a.active b svg *{stroke:#21190d!important}}
/* Mobile actions stay above navigation and meet a comfortable touch target. */
@media(max-width:600px){.app-workspace{padding-bottom:132px}.app-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:13px 16px;font-size:14px;line-height:1.2}.app-heading>.app-button,.path-content>.app-button,.app-card footer .app-button,.app-panel>p>.app-button,.checkout-action .app-button,.checkout-access .app-button,.prop-actions .app-button{width:100%;text-align:center}.app-actions article{grid-template-columns:44px minmax(0,1fr);gap:12px}.app-actions article>span{width:44px;height:44px}.app-actions article a{grid-column:1/-1;display:flex;min-height:44px;align-items:center;justify-content:center;padding:10px 12px;border:1px solid #d4ae58;border-radius:9px;background:#fff8e9;color:var(--gold-dark);font-size:13px}.app-mobile-nav{min-height:64px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.app-mobile-nav a{min-height:44px;align-content:center}.app-mobile-nav span{font-size:10px}.app-selection{display:flex;position:static;min-height:0;margin-top:18px}.app-selection-bottom{padding-bottom:5px}.app-selection-bottom .app-button{min-height:52px}.catalog-add{min-height:46px}.app-card footer{gap:12px;align-items:center}.app-card footer>.catalog-add,.app-card footer>.app-button{min-width:120px}.auth-card .app-button{min-height:52px}.app-signin{min-height:42px;align-items:center}}
.app-user{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-width:0;white-space:nowrap}.app-sidebar-logout{margin-top:14px}.app-sidebar-logout button,.app-topbar-logout button{border:1px solid #52575d;border-radius:8px;background:transparent;color:#f1d58d;cursor:pointer;font:700 12px Manrope,sans-serif;padding:8px 10px}.app-topbar-logout{margin-left:0}.app-topbar-logout button{border-color:var(--line);color:var(--muted)}@media(max-width:900px){.app-topbar-logout{display:none}}
.app-nav-logout{margin-top:4px}.app-nav-logout button{display:flex;width:100%;align-items:center;gap:12px;padding:11px 12px;border:0;border-radius:9px;background:transparent;color:#f2bd74;cursor:pointer;font:700 13px Manrope,sans-serif;text-align:left}.app-nav-logout button:hover{background:#3a2a22;color:#fff}.app-nav-logout b{display:grid;width:22px;height:22px;place-items:center;border-radius:6px;background:#563326;color:#ffc083}.app-nav-logout b svg,.app-mobile-logout b svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.app-mobile-logout{display:none}@media(max-width:900px){.app-mobile-logout{display:block;width:100%}.app-mobile-logout button{display:grid;width:100%;min-height:44px;justify-items:center;gap:2px;border:0;background:transparent;color:#a85e37;cursor:pointer;font:inherit}.app-mobile-logout b{display:grid;width:24px;height:24px;place-items:center;line-height:1}.app-mobile-logout span{font:10px Manrope,sans-serif}}