:root{--color-primary: #2B5A47;--color-primary-dark: #204737;--color-primary-darker: #173A2D;--color-primary-light: #E7F0E9;--color-success: #22C55E;--color-success-dark: #16A34A;--color-success-light: #DCFCE7;--color-warning: #C39145;--color-warning-dark: #956A2A;--color-warning-light: #F6EBD7;--color-danger: #EF4444;--color-danger-dark: #DC2626;--color-danger-light: #FEE2E2;--color-info: #3B82F6;--color-info-dark: #2563EB;--color-info-light: #DBEAFE;--color-purple: #A855F7;--color-purple-dark: #9333EA;--color-purple-light: #F3E8FF;--color-gray: #6B7280;--color-gray-dark: #4B5563;--color-gray-light: #F3F4F6;--color-bg: #F5F7F4;--color-bg-hover: #EDF1EC;--color-surface: #FFFFFF;--color-text: #1B2922;--color-text-muted: #68766D;--color-text-light: #94A198;--color-border: #DFE6E0;--color-border-dark: #CBD5CD;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-16: 64px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--transition-fast: .15s ease;--transition-normal: .25s ease;--font-persian: "Vazirmatn", "Vazir", "IRANSans", "Sahel", "Tahoma", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html{font-size:16px;color-scheme:light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:rtl}body{margin:0;font-family:var(--font-persian);font-size:var(--font-size-base);line-height:1.75;color:var(--color-text);background:var(--color-bg);min-height:100vh}#root{min-height:100vh}a{color:var(--color-primary);text-decoration:none;text-underline-offset:3px}a:hover{text-decoration:none}img{max-width:100%;height:auto;display:block}button{font-family:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button:disabled{opacity:.56}::placeholder{color:#9aa59d;opacity:1}h1,h2,h3,h4,p{overflow-wrap:anywhere}strong,.price-value,.price-unit,.summary-total,.order-card-total{font-variant-numeric:tabular-nums}input,textarea,select{font-family:inherit;direction:rtl}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[dir=rtl] .nav-list,[dir=rtl] .dropdown-item,[dir=rtl] .form-row{direction:rtl}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}::selection{background:var(--color-primary-light);color:var(--color-primary-dark)}:focus-visible{outline:2px solid #b58439;outline-offset:3px}.persian-numbers{font-feature-settings:"lnum" 1}.header{position:sticky;top:0;z-index:100;background:#fffffff5;border-bottom:1px solid var(--color-border);box-shadow:0 4px 18px #18342609;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.header-container{max-width:1360px;margin:0 auto;padding:0 var(--spacing-4);height:72px;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4)}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--color-text);font-weight:700;font-size:18px;letter-spacing:-.03em;white-space:nowrap}.logo .coffee-mark{display:grid;flex:0 0 auto;width:38px;height:38px;place-items:center;border-radius:12px;background:var(--color-primary);color:#f4f6f1}.nav-desktop{display:none}@media(min-width:768px){.nav-desktop{display:block}}.nav-list{display:flex;align-items:center;gap:5px;list-style:none;margin:0;padding:0}.nav-link{display:flex;align-items:center;gap:var(--spacing-2);padding:10px 15px;border-radius:10px;color:var(--color-text-muted);text-decoration:none;font-size:13px;font-weight:600;transition:color .16s ease,background-color .16s ease;position:relative}.nav-link:hover{color:var(--color-text);background:var(--color-bg-hover)}.nav-link.active{color:var(--color-primary-dark);background:transparent}.nav-link.active:after{content:"";position:absolute;inset:auto 15px 4px;height:2px;border-radius:3px;background:var(--color-warning)}.nav-divider{width:1px;height:24px;background:var(--color-border);margin:0 var(--spacing-2)}.nav-section-label{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);padding:var(--spacing-1) var(--spacing-2)}.cart-badge{background:var(--color-danger);color:#fff;font-size:var(--font-size-xs);font-weight:600;padding:2px 6px;border-radius:var(--radius-full);min-width:18px;text-align:center}.header-actions{display:flex;align-items:center;gap:5px}.icon-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:none;background:transparent;border-radius:12px;color:var(--color-text);cursor:pointer;position:relative;transition:background var(--transition-fast)}.icon-btn:hover{background:var(--color-bg-hover)}.badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;background:var(--color-danger);color:#fff;font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 4px}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:var(--spacing-2);padding:4px 8px;border:none;background:transparent;border-radius:12px;cursor:pointer;color:var(--color-text);transition:background var(--transition-fast)}.user-menu-trigger:hover{background:var(--color-bg-hover)}.user-avatar{width:35px;height:35px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-sm)}.user-name{display:none;font-size:var(--font-size-sm);font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:480px){.user-name{display:block}}.user-dropdown{position:absolute;top:calc(100% + 9px);inset-inline-end:0;min-width:250px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:15px;box-shadow:0 18px 48px #122a1e26;padding:8px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all var(--transition-fast)}.user-menu.is-open .user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.user-dropdown-header{padding:var(--spacing-3) var(--spacing-2);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-2)}.user-dropdown-header strong{display:block;font-size:var(--font-size-sm)}.user-dropdown-header small{color:var(--color-text-muted);font-size:var(--font-size-xs)}.user-dropdown-divider{height:1px;background:var(--color-border);margin:var(--spacing-2) 0}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-2);width:100%;min-height:40px;padding:9px 11px;border:none;background:transparent;border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;text-decoration:none;transition:background var(--transition-fast)}.dropdown-item:hover{background:var(--color-bg-hover)}.dropdown-item.danger{color:var(--color-danger)}.dropdown-item.danger:hover{background:var(--color-danger-light)}.auth-buttons{display:flex;align-items:center;gap:var(--spacing-2)}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;border-radius:12px;color:var(--color-text);cursor:pointer}@media(min-width:768px){.mobile-menu-btn{display:none}}.nav-mobile{padding:10px 16px 16px;border-top:1px solid var(--color-border);background:#fffffffa;box-shadow:0 14px 24px #18342612}.nav-mobile:not([hidden]){display:block}@media(min-width:768px){.nav-mobile{display:none!important}}.nav-mobile .nav-list{flex-direction:column;gap:0}.nav-mobile .nav-link{width:100%;padding:var(--spacing-3) var(--spacing-4);border-radius:9px}.nav-mobile .nav-divider{width:100%;height:1px;margin:var(--spacing-3) 0}.nav-mobile .nav-section-label{padding:var(--spacing-2) var(--spacing-4)}.user-menu.is-open .user-menu-trigger{background:var(--color-bg-hover)}.user-menu-trigger>svg{color:var(--color-text-muted);transition:transform .16s ease}.user-menu.is-open .user-menu-trigger>svg{transform:rotate(180deg)}.notification-btn .badge{right:2px;top:2px}.cart-badge{background:#956a2a;color:#fff}.nav-link:focus-visible,.icon-btn:focus-visible,.user-menu-trigger:focus-visible,.mobile-menu-btn:focus-visible{outline-offset:3px}@media(max-width:767px){.header-container{height:64px;gap:8px}.logo{font-size:16px}.logo .coffee-mark{width:35px;height:35px}.header-actions{margin-inline-start:auto}.header-actions .icon-btn{width:38px;height:38px}.auth-buttons .btn-ghost{display:none}}@media(max-width:380px){.header-container{padding-inline:11px}.auth-buttons{display:none}}@media(prefers-reduced-motion:reduce){.nav-link,.user-menu-trigger>svg{transition:none}}.footer{position:relative;overflow:hidden;background:#203f32;color:#f5f6f0;padding:clamp(42px,6vw,72px) 0 20px;margin-top:auto}.footer:before{content:"";position:absolute;width:390px;height:390px;inset:auto auto -285px -100px;border:1px solid rgb(255 255 255 / .09);border-radius:50%;box-shadow:0 0 0 35px #ffffff06,0 0 0 70px #ffffff05;pointer-events:none}.footer-container{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:0 var(--spacing-4)}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 36px;margin-bottom:38px}@media(min-width:640px){.footer-grid{grid-template-columns:1.2fr 1fr}}@media(min-width:900px){.footer-grid{grid-template-columns:1.6fr 1fr 1fr 1.1fr}}.footer-brand{max-width:300px}.footer-logo{display:flex;align-items:center;gap:var(--spacing-2);text-decoration:none;color:#f5f6f0;font-weight:700;font-size:var(--font-size-lg);margin-bottom:var(--spacing-3)}.footer-logo .coffee-mark{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border:1px solid rgb(255 255 255 / .2);border-radius:11px;color:#e4c47f}.footer-tagline{max-width:34ch;color:#f5f6f0b0;font-size:var(--font-size-sm);line-height:1.6;margin:0}.footer-nav h4{font-size:var(--font-size-sm);font-weight:600;color:#f3f4ed;margin:0 0 15px}.footer-nav ul{list-style:none;padding:0;margin:0}.footer-nav li{margin-bottom:9px}.footer-nav a{color:#f5f6f0ad;text-decoration:none;font-size:var(--font-size-sm);transition:color var(--transition-fast)}.footer-nav a:hover{color:#e4c47f}.footer-contact address{font-style:normal;color:#f5f6f0ad;font-size:var(--font-size-sm);line-height:1.8}.footer-contact h4{margin:0 0 12px;font-size:13px;font-weight:700}.footer-contact address p{margin:0 0 6px}.footer-contact a{color:#f5f6f0ad;text-decoration:none;transition:color var(--transition-fast)}.footer-contact a:hover{color:#e4c47f}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);padding-top:18px;border-top:1px solid rgb(255 255 255 / .15)}@media(min-width:768px){.footer-bottom{flex-direction:row;justify-content:space-between}}.copyright{color:#f5f6f08c;font-size:12px;margin:0}.footer-signoff{margin:0;color:#e4c47f;font-size:12px;font-weight:600}@media(max-width:639px){.footer-grid{gap:25px 18px}.footer-brand,.footer-contact{grid-column:1 / -1}.footer-bottom{align-items:flex-start}}.footer-social{display:flex;gap:var(--spacing-4)}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);color:var(--color-text-muted);background:var(--color-bg);transition:all var(--transition-fast)}.social-link:hover{color:var(--color-primary);background:var(--color-primary-light)}.layout{display:flex;flex-direction:column;min-height:100vh}.skip-link{position:fixed;z-index:300;inset:-60px auto auto 16px;padding:9px 14px;border-radius:9px;background:var(--color-primary-darker);color:#fff;font-size:12px;font-weight:700;transition:inset .14s ease}.skip-link:focus{inset-block-start:12px;color:#fff}.coffee-mark{line-height:0}.main-content{flex:1;width:100%}.container{max-width:1320px;margin:0 auto;padding:clamp(22px,3vw,34px) clamp(16px,2.4vw,28px)}.page-header{margin-bottom:var(--spacing-6)}.page-subtitle{color:var(--color-text-muted);font-size:var(--font-size-lg);margin:0}.section{margin-bottom:var(--spacing-8)}.section-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-4)}.page-header{margin-bottom:clamp(22px,3vw,34px)}.page-title{font-size:clamp(27px,3.6vw,38px);font-weight:750;letter-spacing:-.035em;line-height:1.4}.page-subtitle{max-width:58ch;font-size:14px;line-height:1.9}.section{margin-bottom:clamp(30px,5vw,58px)}@media(max-width:639px){.container{padding:21px 15px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);border:none;border-radius:10px;font-family:inherit;font-weight:600;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:focus-visible{outline:2px solid var(--color-warning);outline-offset:3px;box-shadow:0 0 0 5px #c3914521}.btn-disabled,.btn:disabled{opacity:.5;cursor:not-allowed}.btn-full{width:100%}.btn-sm{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs);height:32px}.btn-md{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);height:40px}.btn-lg{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base);height:48px}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(.btn-disabled){background:var(--color-primary-dark);box-shadow:0 6px 16px #20473729}.btn-primary:active:not(.btn-disabled){background:var(--color-primary-darker)}.btn-secondary{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(.btn-disabled){background:var(--color-bg-hover);border-color:var(--color-border-dark)}.btn-ghost{background:transparent;color:var(--color-text)}.btn-ghost:hover:not(.btn-disabled){background:var(--color-bg-hover)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(.btn-disabled){background:var(--color-danger-dark)}.btn-outline{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.btn-outline:hover:not(.btn-disabled){background:var(--color-primary-light);border-color:var(--color-primary-dark)}.btn:active:not(:disabled):not(.btn-disabled){transform:translateY(1px)}@media(prefers-reduced-motion:reduce){.btn{transition:none}}.btn-spinner{width:16px;height:16px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-group{margin-bottom:var(--spacing-4)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-1)}.required-indicator{color:var(--color-danger);margin-left:var(--spacing-1)}.form-input,.form-textarea,.form-select{width:100%;padding:var(--spacing-2) var(--spacing-3);font-family:inherit;font-size:var(--font-size-base);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2b5a471f}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-muted)}.form-input.has-error,.form-textarea.has-error,.form-select.has-error{border-color:var(--color-danger)}.form-input.has-error:focus,.form-textarea.has-error:focus,.form-select.has-error:focus{box-shadow:0 0 0 3px var(--color-danger-light)}.form-textarea{min-height:100px;resize:vertical}.form-error{margin:var(--spacing-1) 0 0;font-size:var(--font-size-sm);color:var(--color-danger)}.form-helper{margin:var(--spacing-1) 0 0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.form-checkbox-group{margin-bottom:var(--spacing-3)}.form-checkbox-label{display:flex;align-items:flex-start;gap:var(--spacing-2);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text)}.form-checkbox{position:absolute;opacity:0;pointer-events:none}.form-checkbox-custom{flex-shrink:0;width:18px;height:18px;border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);margin-top:2px}.form-checkbox:checked+.form-checkbox-custom{background:var(--color-primary);border-color:var(--color-primary)}.form-checkbox:checked+.form-checkbox-custom:after{content:"";width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-1px)}.form-checkbox:focus-visible+.form-checkbox-custom{outline:2px solid var(--color-primary);outline-offset:2px}.form-checkbox-text{line-height:1.5}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;transition:border-color .16s ease,box-shadow .16s ease}.card-default{box-shadow:var(--shadow-sm)}.card-outlined{box-shadow:none}.card-elevated{box-shadow:0 14px 34px #19372712}.card-padding-none{padding:0}.card-padding-sm{padding:var(--spacing-4)}.card-padding-md{padding:var(--spacing-6)}.card-padding-lg{padding:var(--spacing-8)}.card-hover:hover{box-shadow:0 12px 30px #19372714;transform:translateY(-1px);border-color:var(--color-border-dark)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-4);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border)}.card-header-content{flex:1;min-width:0}.card-header-action{flex-shrink:0}.card-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-1)}.card-description{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.card-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-3);margin-top:var(--spacing-6);padding-top:var(--spacing-4);border-top:1px solid var(--color-border)}.alert{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--radius-md);border:1px solid transparent}.alert-info{background:var(--color-info-light);border-color:var(--color-info);color:var(--color-info-dark)}.alert-success{background:var(--color-success-light);border-color:var(--color-success);color:var(--color-success-dark)}.alert-warning{background:var(--color-warning-light);border-color:var(--color-warning);color:var(--color-warning-dark)}.alert-error{background:var(--color-danger-light);border-color:var(--color-danger);color:var(--color-danger-dark)}.alert-icon{flex-shrink:0;width:20px;height:20px;margin-top:2px}.alert-content{flex:1;min-width:0}.alert-title{font-weight:600;margin-bottom:var(--spacing-1)}.alert-message{font-size:var(--font-size-sm);line-height:1.5}.alert-dismiss{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:var(--radius-sm);color:inherit;opacity:.7;cursor:pointer;transition:all var(--transition-fast)}.alert-dismiss:hover{opacity:1;background:#0000000d}.alert-dismissible{padding-right:var(--spacing-2)}.tab-list{display:flex;gap:var(--spacing-1);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-6);overflow-x:auto;padding:5px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg)}.tab{display:flex;align-items:center;justify-content:center;padding:9px 14px;border:none;background:transparent;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;white-space:nowrap;border:1px solid transparent;border-radius:9px;transition:color .16s ease,background-color .16s ease,box-shadow .16s ease}.tab:hover:not(.disabled){color:var(--color-text);background:var(--color-bg-hover)}.tab.active{color:var(--color-primary);border-color:var(--color-border);background:var(--color-surface);box-shadow:0 2px 6px #1937270f}.tab.disabled{opacity:.5;cursor:not-allowed}.tab:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:var(--radius-sm)}.tab-panel{animation:fadeIn .16s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.coffee-lot-art{--lot-field: #e5ece2;--lot-field-light: #f3f3e8;--lot-paper: #d9c7a5;--lot-paper-dark: #b99e73;--lot-ink: #435d49;--lot-accent: #728a6d;position:relative;display:grid;width:100%;height:100%;overflow:hidden;place-items:center;isolation:isolate;background:radial-gradient(ellipse at 52% 37%,var(--lot-field-light),var(--lot-field) 73%)}.coffee-lot-art[data-tone=gold]{--lot-field: #eadfc9;--lot-field-light: #f5eedf;--lot-paper: #c5aa79;--lot-paper-dark: #a48554;--lot-ink: #675335;--lot-accent: #a6783b}.coffee-lot-art[data-tone=berry]{--lot-field: #e8e1dc;--lot-field-light: #f4efeb;--lot-paper: #c8b1a4;--lot-paper-dark: #a7897c;--lot-ink: #684b48;--lot-accent: #a15f50}.coffee-lot-art[data-tone=ochre]{--lot-field: #e9e4d5;--lot-field-light: #f5f1e3;--lot-paper: #cfb47e;--lot-paper-dark: #a68a5c;--lot-ink: #5b553c;--lot-accent: #a7873e}.coffee-lot-art[data-tone=clay]{--lot-field: #e9e2d8;--lot-field-light: #f7efe4;--lot-paper: #ceb09a;--lot-paper-dark: #a8826c;--lot-ink: #684e3f;--lot-accent: #a66c4e}.coffee-lot-art[data-tone=forest]{--lot-field: #dfe8df;--lot-field-light: #eff2e8;--lot-paper: #b8c2a9;--lot-paper-dark: #8e9d82;--lot-ink: #3d5949;--lot-accent: #65816c}.lot-art-ring{position:absolute;z-index:-1;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--lot-ink) 12%,transparent);border-radius:50%}.lot-art-ring-outer{width:78%}.lot-art-ring-inner{width:60%}.coffee-sack{position:relative;display:grid;width:clamp(105px,35%,156px);aspect-ratio:.76;place-items:center;padding:17px 10px 12px;border:1px solid color-mix(in srgb,var(--lot-paper-dark) 60%,transparent);border-radius:17px 17px 23px 23px;background:repeating-linear-gradient(96deg,color-mix(in srgb,var(--lot-paper-dark) 8%,transparent) 0 1px,transparent 1px 5px),linear-gradient(125deg,#fff8 0%,transparent 30%),var(--lot-paper);box-shadow:0 18px 25px #30362829,inset 7px 0 9px #ffffff2e,inset -7px 0 9px #3d352714;transform:rotate(-3deg)}.sack-fold{position:absolute;inset:0 9px auto;height:15px;border-bottom:1px dashed color-mix(in srgb,var(--lot-ink) 44%,transparent);border-radius:0 0 50% 50%}.sack-stitch{position:absolute;inset:8px 14px auto;height:1px;border-top:1px dashed color-mix(in srgb,var(--lot-ink) 38%,transparent)}.sack-label{display:grid;width:82%;min-height:57%;align-content:center;justify-items:center;gap:6px;padding:9px 7px;border:1px solid color-mix(in srgb,var(--lot-ink) 25%,transparent);background:#f6f2e6;color:var(--lot-ink);text-align:center;box-shadow:0 3px 8px #2a2f2514}.sack-label-mark{position:relative;display:flex;width:23px;height:18px;align-items:end;justify-content:center;gap:3px}.sack-label-mark:before{content:"";position:absolute;width:2px;height:17px;bottom:0;left:11px;border-radius:2px;background:var(--lot-ink);transform:rotate(14deg)}.sack-label-mark i{width:8px;height:5px;border:1px solid var(--lot-ink);border-radius:100% 0;background:color-mix(in srgb,var(--lot-accent) 60%,white);transform:rotate(-23deg)}.sack-label-mark i:last-child{transform:rotate(18deg) scaleX(-1)}.sack-label small{max-width:100%;color:var(--lot-accent);font-size:9px;font-weight:700}.sack-label strong{max-width:100%;overflow:hidden;color:var(--lot-ink);font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.sack-score{color:color-mix(in srgb,var(--lot-ink) 66%,white);font-size:8px;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.sack-bottom{position:absolute;inset:auto 9px 6px;height:7px;border-top:1px dashed color-mix(in srgb,var(--lot-ink) 33%,transparent);border-radius:50%}.lot-art-bean{position:absolute;width:14px;height:22px;border:1px solid color-mix(in srgb,var(--lot-ink) 28%,transparent);border-radius:50%;background:linear-gradient(120deg,#fff5,transparent 55%),var(--lot-accent);box-shadow:0 4px 7px #2431261a;transform:rotate(34deg)}.lot-art-bean:after{content:"";position:absolute;width:1px;height:13px;inset:4px 6px;border-radius:50%;background:var(--lot-ink);transform:rotate(-12deg)}.lot-art-bean-one{inset:25% 20% auto auto}.lot-art-bean-two{width:10px;height:16px;inset:auto auto 25% 23%;transform:rotate(-26deg)}.lot-art-bean-three{width:8px;height:13px;inset:34% auto auto 18%;transform:rotate(22deg)}.lot-art-caption{position:absolute;inset:auto 0 13px;color:color-mix(in srgb,var(--lot-ink) 64%,transparent);font-size:9px;font-weight:600;text-align:center}@media(max-width:639px){.coffee-sack{width:42%;min-width:98px}.sack-label{gap:4px}.lot-art-caption{bottom:8px;font-size:8px}}.home-page{overflow:clip}.hero{position:relative;overflow:hidden;padding:clamp(44px,7vw,88px) 0 clamp(48px,6vw,76px);color:#f6f8f4;background:#1d4034;isolation:isolate}.hero:before,.hero:after{content:"";position:absolute;z-index:-1;border:1px solid rgb(230 239 229 / .09);border-radius:50%;pointer-events:none}.hero:before{width:730px;height:730px;inset:-465px auto auto -150px}.hero:after{width:590px;height:590px;inset:auto -280px -420px auto}.hero-frame{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,86px)}.hero-copy{max-width:620px}.hero-eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:20px;color:#d3b77f;font-size:13px;font-weight:600}.hero-eyebrow svg{color:#d7b66c}.hero-title{max-width:12ch;margin:0;color:#f7f8f4;font-size:clamp(2.4rem,5.2vw,4.6rem);font-weight:800;line-height:1.25;letter-spacing:-.045em}.hero-highlight{color:#d9bc7d}.hero-subtitle{max-width:52ch;margin:20px 0 0;color:#f3f7f0b8;font-size:clamp(15px,1.45vw,18px);line-height:1.95}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:30px}.hero-actions .btn-primary{min-height:50px;padding-inline:22px;background:#d8b66e;color:#203a2f;border-color:#d8b66e}.hero-actions .btn-primary:hover{background:#e5c783;border-color:#e5c783}.hero-actions .btn-primary:hover{text-decoration:none}.hero-secondary-link{color:#f1f4ec;font-size:14px;font-weight:600;text-decoration:none}.hero-secondary-link:hover{color:#e5c783;text-decoration:none}.hero-assurance{display:flex;align-items:center;gap:10px;margin-top:28px;color:#f3f7f0ab;font-size:12px}.assurance-mark{display:grid;width:28px;height:28px;place-items:center;border:1px solid rgb(243 247 240 / .2);border-radius:50%;color:#d8b66e}.hero-visual{position:relative;min-height:330px;aspect-ratio:1.06;overflow:hidden;border:1px solid rgb(242 246 237 / .16);border-radius:46% 46% 22px 22px;background:#dfe7d8;box-shadow:0 26px 80px #081b143d;isolation:isolate}.hero-visual:before{content:"";position:absolute;z-index:1;inset:35% 0 0;background:linear-gradient(180deg,transparent 0%,rgb(18 42 32 / .14) 22%,rgb(18 42 32 / .85) 100%);pointer-events:none}.hero-visual.has-photo{background:#304b38}.hero-photo{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.hero-illustration{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 52% 43%,#f0e9d9,#d8e2d3 59%,#c6d5c8)}.hero-illustration:before,.hero-illustration:after{content:"";position:absolute;border:1px solid rgb(44 80 59 / .11);border-radius:50%}.hero-illustration:before{width:76%;aspect-ratio:1;inset:11% 12%}.hero-illustration:after{width:61%;aspect-ratio:1;inset:19%}.hero-ring{position:absolute;border:1px solid rgb(44 80 59 / .13);border-radius:50%}.hero-ring-outer{width:91%;aspect-ratio:1;inset:4.5%}.hero-ring-inner{width:47%;aspect-ratio:1;inset:26.5%}.hero-illustration svg{position:absolute;inset:2% 7% 4%;width:86%;height:94%;filter:drop-shadow(0 17px 13px rgb(44 68 47 / .13));transform:rotate(-7deg)}.branch-stem{fill:none;stroke:#5c7659;stroke-width:5;stroke-linecap:round}.branch-leaf{fill:#728d68;stroke:#557354;stroke-width:1.4;stroke-linejoin:round}.branch-berries{fill:#b97b56;stroke:#a36348;stroke-width:2}.hero-bean{position:absolute;width:20px;height:31px;border:1px solid rgb(49 68 49 / .14);border-radius:50%;background:#b87953;transform:rotate(38deg);box-shadow:inset 4px 0 #ffffff1f}.hero-bean:after{content:"";position:absolute;width:1px;height:19px;inset:5px 9px;border-radius:50%;background:#5d4435;transform:rotate(-12deg)}.bean-one{inset:19% 17% auto auto}.bean-two{width:13px;height:21px;inset:27% auto auto 18%;transform:rotate(-21deg)}.hero-visual-caption{position:absolute;z-index:2;inset:auto 20px 20px;display:flex;align-items:center;gap:12px;color:#fff}.visual-pin{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border:1px solid rgb(255 255 255 / .3);border-radius:50%;background:#1330244d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-visual-caption div{display:grid;gap:3px;min-width:0}.hero-visual-caption small{color:#ffffffbf;font-size:11px}.hero-visual-caption strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.visual-score{display:inline-flex;align-items:center;gap:4px;margin-inline-start:auto;color:#f0d087;font-size:13px;font-weight:700}.hero-visual-index{position:absolute;z-index:2;inset:22px 22px auto auto;color:#203a2ba6;font-size:11px;font-weight:700}.origin-strip{background:#fff;border-bottom:1px solid var(--color-border)}.origin-strip-inner{display:grid;grid-template-columns:1fr;padding-block:0}.origin-strip-inner>div{display:flex;align-items:center;gap:13px;min-height:82px;padding:15px 3px;border-bottom:1px solid var(--color-border)}.origin-strip-inner>div:last-child{border-bottom:0}.strip-icon{display:grid;width:39px;height:39px;flex:0 0 auto;place-items:center;border-radius:12px;background:var(--color-primary-light);color:var(--color-primary)}.origin-strip-inner strong,.origin-strip-inner small{display:block}.origin-strip-inner strong{font-size:13px;font-weight:700}.origin-strip-inner small{margin-top:3px;color:var(--color-text-muted);font-size:11px}.featured-section{padding:clamp(48px,7vw,88px) 0;background:var(--color-bg)}.section-header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-kicker{display:block;margin-bottom:7px;color:var(--color-primary);font-size:12px;font-weight:700}.section-title{margin:0;color:var(--color-text);font-size:clamp(23px,2.5vw,31px);font-weight:750;letter-spacing:-.025em}.section-link{display:inline-flex;align-items:center;gap:9px;color:var(--color-primary);font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}.section-link:hover{gap:13px;text-decoration:none}.section-link svg{transition:transform .18s ease}.section-link:hover svg{transform:translate(-3px)}.featured-grid{display:grid;grid-template-columns:1fr;gap:18px}.featured-lot{min-width:0;overflow:hidden;border:1px solid var(--color-border);border-radius:15px;background:var(--color-surface);transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.featured-lot:hover{transform:translateY(-3px);border-color:#b8c9bb;box-shadow:0 12px 28px #19372714}.featured-lot-image{position:relative;display:grid;aspect-ratio:1.64;overflow:hidden;place-items:center;background:#e8eee7;color:var(--color-primary);text-decoration:none}.featured-lot-image img{width:100%;height:100%;object-fit:cover;transition:transform .42s cubic-bezier(.2,.65,.3,1)}.featured-lot:hover .featured-lot-image img{transform:scale(1.035)}.lot-image-placeholder{display:grid;width:100%;height:100%;place-content:center;justify-items:center;gap:10px;background:radial-gradient(ellipse at 50% 35%,#f5f4e9,#dce7db)}.lot-image-placeholder svg{width:45px;height:45px}.lot-image-placeholder span{color:#5d7464;font-size:11px;font-weight:600}.lot-certification{position:absolute;inset:13px auto auto 13px;display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid rgb(255 255 255 / .68);border-radius:999px;background:#ffffffe8;color:var(--color-primary);font-size:10px;font-weight:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.featured-lot-body{padding:17px 18px 16px}.lot-origin-line{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--color-text-muted);font-size:11px}.lot-origin-line>span:first-child{display:inline-flex;align-items:center;gap:5px}.lot-origin-line svg{color:var(--color-primary)}.lot-rating{display:inline-flex;align-items:center;gap:4px;color:#a87932;font-weight:700}.featured-lot-title{display:block;margin-top:9px;color:var(--color-text);font-size:17px;font-weight:750;line-height:1.4;text-decoration:none}.featured-lot-title:hover{color:var(--color-primary);text-decoration:none}.featured-lot-notes{display:-webkit-box;min-height:43px;overflow:hidden;margin:7px 0 14px;color:var(--color-text-muted);font-size:12px;line-height:1.8;-webkit-box-orient:vertical;-webkit-line-clamp:2}.featured-lot-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:13px;border-top:1px solid var(--color-border)}.featured-lot-bottom>div{display:flex;align-items:baseline;gap:5px;min-width:0}.featured-lot-bottom strong{color:var(--color-text);font-size:17px;font-weight:750;font-variant-numeric:tabular-nums}.featured-lot-bottom span{color:var(--color-text-muted);font-size:11px}.featured-lot-bottom .btn{min-width:90px;border-radius:9px}.featured-skeleton{height:390px;border:1px solid var(--color-border);border-radius:15px;background:linear-gradient(100deg,#edf1ec 30%,#f8faf7,#edf1ec 70%);background-size:200% 100%;animation:lot-shimmer 1.4s ease-in-out infinite}.home-empty{display:grid;justify-items:center;gap:9px;padding:54px 20px;border:1px dashed var(--color-border-dark);border-radius:15px;background:var(--color-surface);text-align:center;color:var(--color-text-muted)}.home-empty>svg{color:var(--color-primary)}.home-empty h3,.home-empty p{margin:0}.home-empty h3{color:var(--color-text);font-size:17px}.home-empty p{margin-bottom:7px;font-size:13px}.trade-section{padding:clamp(48px,7vw,84px) 0;background:#e9eee8}.trade-layout{display:grid;grid-template-columns:1fr;gap:32px}.trade-heading{max-width:450px}.trade-heading h2{max-width:13ch;margin:0;color:#1d352a;font-size:clamp(25px,3vw,37px);font-weight:750;letter-spacing:-.035em;line-height:1.45}.trade-heading p{margin:13px 0 18px;color:#5f7064;font-size:14px;line-height:1.9}.trade-points{display:grid;gap:1px;border-top:1px solid #cfd9d0}.trade-points article{display:flex;gap:15px;padding:19px 0;border-bottom:1px solid #cfd9d0}.trade-point-icon{display:grid;width:39px;height:39px;flex:0 0 auto;place-items:center;border:1px solid #c9d6cc;border-radius:12px;color:var(--color-primary);background:#ffffff8a}.trade-points h3{margin:0;color:#21362b;font-size:14px;font-weight:700}.trade-points p{margin:4px 0 0;color:#647268;font-size:12px;line-height:1.75}.home-cta-section{padding:32px 0 64px;background:#e9eee8}.home-cta{display:flex;align-items:center;gap:18px;padding:25px;border-radius:15px;background:#203f32;color:#fff}.cta-mark{display:grid;width:48px;height:48px;flex:0 0 auto;place-items:center;border:1px solid rgb(255 255 255 / .18);border-radius:14px;color:#e2c17e}.home-cta h2{margin:0;font-size:17px}.home-cta p{margin:5px 0 0;color:#ffffffad;font-size:12px}.cta-link{display:inline-flex;align-items:center;gap:8px;margin-inline-start:auto;color:#e2c17e;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}.cta-link:hover{color:#fff;text-decoration:none}@keyframes lot-shimmer{to{background-position:-200% 0}}@media(min-width:640px){.origin-strip-inner{grid-template-columns:repeat(3,1fr)}.origin-strip-inner>div{padding:14px 17px;border-bottom:0}.origin-strip-inner>div+div{border-right:1px solid var(--color-border)}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:900px){.hero-frame{grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr)}.hero-visual{width:min(100%,480px);justify-self:center}.featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.trade-layout{grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(50px,8vw,120px)}}@media(max-width:639px){.hero-visual{width:min(100%,390px);min-height:270px;justify-self:center}.hero-visual-caption{inset-inline:14px;bottom:15px}.hero-actions{gap:17px}.origin-strip-inner>div{min-height:68px}.featured-skeleton{height:340px}.home-cta{align-items:flex-start;flex-wrap:wrap;padding:20px}.home-cta>div{flex:1;min-width:180px}.cta-link{margin-inline-start:0;margin-inline-end:58px}}@media(prefers-reduced-motion:reduce){.featured-lot,.featured-lot-image img,.section-link svg,.hero-actions .btn{transition:none}.featured-skeleton{animation:none}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-8) var(--spacing-4);background:var(--color-bg)}.auth-container{width:100%;max-width:440px}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-4)}@media(max-width:480px){.form-row{grid-template-columns:1fr}}.form-options{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-1)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary)}.forgot-link{font-size:var(--font-size-sm);color:var(--color-primary);text-decoration:none}.forgot-link:hover{text-decoration:underline}.auth-divider{display:flex;align-items:center;gap:var(--spacing-3);margin:var(--spacing-4) 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.auth-footer{margin-top:var(--spacing-6);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted)}.auth-footer code{background:var(--color-bg);padding:2px 6px;border-radius:var(--radius-sm);font-family:monospace;font-size:var(--font-size-xs)}.role-fieldset{border:none;padding:0;margin:0}.role-options{display:flex;flex-direction:column;gap:var(--spacing-2);margin-top:var(--spacing-2)}@media(min-width:480px){.role-options{flex-direction:row;flex-wrap:wrap}}.role-options .form-checkbox-label{flex:1;min-width:140px;padding:var(--spacing-3);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);transition:all var(--transition-fast);justify-content:center;gap:var(--spacing-2)}.role-options .form-checkbox:checked+.form-checkbox-custom+.form-checkbox-text{color:var(--color-primary);font-weight:500}.role-options .form-checkbox:checked~.form-checkbox-custom{border-color:var(--color-primary)}.role-options .form-checkbox-label:has(.form-checkbox:checked){border-color:var(--color-primary);background:var(--color-primary-light)}.auth-page{min-height:clamp(620px,calc(100vh - 360px),960px);padding:clamp(28px,5vw,64px) 20px;background:radial-gradient(ellipse at 50% 0%,#edf2ea 0%,var(--color-bg) 58%)}.auth-layout{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(380px,1.15fr);align-items:center;gap:clamp(25px,5vw,70px);width:min(100%,1120px);margin:0 auto}.auth-story{position:relative;display:flex;min-height:560px;flex-direction:column;justify-content:space-between;overflow:hidden;padding:clamp(24px,4vw,42px);border-radius:24px 24px 84px;background:#203f32;color:#f6f6ef;isolation:isolate}.auth-story:before,.auth-story:after{content:"";position:absolute;z-index:-1;border:1px solid rgb(245 246 239 / .1);border-radius:50%;pointer-events:none}.auth-story:before{width:540px;height:540px;inset:auto -285px -315px auto}.auth-story:after{width:390px;height:390px;inset:auto -210px -240px auto}.auth-story-brand{display:inline-flex;align-items:center;gap:9px;align-self:flex-start;color:#f6f6ef;font-size:15px;font-weight:700;text-decoration:none}.auth-story-brand svg{color:#e2c17e}.auth-story-art{position:absolute;width:68%;max-width:360px;aspect-ratio:1.1;inset:10% 3% auto auto;color:#94ac8e;opacity:.95;pointer-events:none}.auth-story-art svg{width:100%;height:100%;overflow:visible}.auth-orbit{position:absolute;inset:10%;border:1px solid rgb(226 193 126 / .15);border-radius:50%}.auth-orbit-two{inset:21%}.auth-story-copy{position:relative;z-index:1;max-width:390px;margin-top:auto;padding-top:230px}.auth-story-kicker{display:flex;align-items:center;gap:7px;margin:0 0 12px;color:#e2c17e;font-size:12px;font-weight:700}.auth-story-copy h2{max-width:13ch;margin:0;color:#f6f6ef;font-size:clamp(25px,3vw,36px);font-weight:750;line-height:1.45;letter-spacing:-.035em}.auth-story-copy>p:last-child{max-width:42ch;margin:12px 0 0;color:#f6f6efb3;font-size:13px;line-height:2}.auth-story-footer{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px;padding-top:18px;border-top:1px solid rgb(255 255 255 / .16);color:#f6f6efc2;font-size:11px}.auth-story-footer span{display:inline-flex;align-items:center;gap:6px}.auth-story-footer svg{color:#e2c17e}.auth-container{max-width:460px;justify-self:center}.auth-card .card{border:1px solid #e1e8e1;border-radius:18px;box-shadow:0 18px 48px #1a382814}.auth-card .card-header{margin-bottom:21px;padding-bottom:17px}.auth-card .card-title{font-size:23px;font-weight:750;letter-spacing:-.025em}.auth-form{gap:17px}.auth-form .form-input{min-height:46px;border-radius:10px}.auth-form .btn{min-height:48px;border-radius:10px}.auth-footer{margin-top:16px;line-height:1.8}@media(max-width:800px){.auth-page{min-height:auto;padding:24px 16px 42px}.auth-layout{grid-template-columns:1fr;gap:18px;max-width:520px}.auth-story{min-height:0;height:156px;padding:16px 19px;border-radius:16px 16px 42px}.auth-story-brand{font-size:13px}.auth-story-art{width:150px;inset:3% 1% auto auto;opacity:.7}.auth-story-copy{max-width:300px;padding-top:16px}.auth-story-kicker,.auth-story-copy>p:last-child,.auth-story-footer{display:none}.auth-story-copy h2{max-width:18ch;font-size:19px;line-height:1.5}.auth-container{width:100%;max-width:none}}@media(max-width:480px){.auth-page{padding-inline:12px}.auth-story{height:136px}.auth-story-art{width:118px}.auth-story-copy{max-width:235px}.auth-story-copy h2{font-size:17px}.auth-card .card{border-radius:14px}.auth-card .card-title{font-size:20px}}@media(prefers-reduced-motion:reduce){.role-options .form-checkbox-label{transition:none}}.lines-page{min-height:70vh;padding-bottom:var(--spacing-12)}.lines-header{position:relative;overflow:hidden;padding:clamp(38px,6vw,70px) 0;background:#e9eee8;border-bottom:1px solid var(--color-border)}.lines-header:after{content:"";position:absolute;width:360px;height:360px;top:-225px;left:4%;border:1px solid rgb(43 90 71 / .1);border-radius:50%;box-shadow:0 0 0 36px #2b5a4706,0 0 0 72px #2b5a4705;pointer-events:none}.lines-title{position:relative;z-index:1;font-size:clamp(28px,4vw,42px);font-weight:700;color:var(--color-text);margin:0 0 8px;letter-spacing:-.035em}.lines-subtitle{position:relative;z-index:1;max-width:580px;font-size:15px;color:var(--color-text-muted);margin:0;line-height:1.9}.lines-layout{display:grid;grid-template-columns:1fr;gap:var(--spacing-6);padding:clamp(20px,3vw,32px) 0}@media(min-width:1024px){.lines-layout{grid-template-columns:280px 1fr}}.filters-sidebar{position:sticky;top:80px;max-height:calc(100vh - 100px);overflow-y:auto}.filters-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:15px;padding:20px;box-shadow:0 8px 24px #19372709}.filters-title{font-size:var(--font-size-lg);font-weight:700;margin:0 0 20px;padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border)}.filter-group{margin-bottom:var(--spacing-5)}.filter-label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-2)}.filter-search{margin-bottom:var(--spacing-4)}.filter-search .form-input{padding-left:var(--spacing-10);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left var(--spacing-3) center}.price-inputs{display:flex;align-items:center;gap:var(--spacing-2)}.price-input{flex:1}.price-separator{color:var(--color-text-muted);font-size:var(--font-size-sm)}.lines-main{min-width:0}.lines-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding:0 0 13px;border-bottom:1px solid var(--color-border)}.lines-count{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0;font-weight:600}.filters-toggle{display:none}.lines-grid{display:grid;grid-template-columns:1fr;gap:18px}@media(min-width:640px){.lines-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.lines-grid{grid-template-columns:repeat(3,1fr)}}.line-card{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:15px;overflow:hidden;box-shadow:0 2px 8px #19372706;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.line-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #19372717;border-color:#b8c9bb}.line-card-link{text-decoration:none;color:inherit;flex:1;display:flex;flex-direction:column}.line-card-image{position:relative;aspect-ratio:1.58;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#f5f4e9,#dce7db)}.line-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .42s cubic-bezier(.2,.65,.3,1)}.line-card:hover .line-card-image img{transform:scale(1.05)}.line-card-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-primary)}.line-card-badges{position:absolute;top:var(--spacing-3);left:var(--spacing-3);display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.badge-cert{font-size:var(--font-size-xs);font-weight:600;padding:4px 8px;border-radius:var(--radius-full);background:#ffffffed;color:var(--color-primary);border:1px solid rgb(255 255 255 / .72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-transform:capitalize}.badge-stock{font-size:var(--font-size-xs);font-weight:600;padding:4px 8px;border-radius:var(--radius-full);background:#f6ebd7;color:#845e28}.badge-out{font-size:var(--font-size-xs);font-weight:600;padding:4px 8px;border-radius:var(--radius-full);background:var(--color-danger);color:#fff}.line-card-content{display:flex;flex-direction:column;flex:1;padding:16px 17px 13px}.line-card-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:9px}.line-origin,.line-variety,.line-processing,.line-roast{font-size:var(--font-size-xs);font-weight:500;padding:2px 8px;border-radius:var(--radius-full);background:#f0f3ef;color:var(--color-text-muted)}.line-card-title{font-size:17px;font-weight:700;color:var(--color-text);margin:0 0 var(--spacing-2);line-height:1.45}.line-card-notes{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.75;margin:0 0 13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.line-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--color-border)}.line-card-price{min-width:0;max-width:100%;display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--spacing-1)}.price-value{max-width:100%;font-size:clamp(14px,1.15vw,18px);font-weight:750;font-variant-numeric:tabular-nums;color:var(--color-text)}.price-unit{font-size:var(--font-size-sm);color:var(--color-text-muted)}.line-card-score{display:flex;align-items:center;gap:var(--spacing-1);color:var(--color-warning);font-weight:600;font-size:var(--font-size-sm)}.line-card-actions{padding:0 17px 16px;border-top:1px solid var(--color-border);background:var(--color-surface);border-top:0}.line-card-actions .btn{width:100%;border-radius:9px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-12);text-align:center;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);grid-column:1 / -1}.empty-state svg{margin-bottom:var(--spacing-4);opacity:.5}.empty-state h3{margin:0 0 var(--spacing-2);color:var(--color-text)}.empty-state p{margin:0 0 var(--spacing-4)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-4);margin-top:var(--spacing-8);padding-top:var(--spacing-6);border-top:1px solid var(--color-border)}.pagination-info{font-size:var(--font-size-sm);color:var(--color-text-muted)}@media(max-width:639px){.lines-header{padding-block:32px}.lines-layout{gap:16px}.filters-sidebar{position:static;max-height:none;overflow:visible}.filters-panel{padding:16px}.filters-title{margin-bottom:0;padding-bottom:0;border-bottom:0}.filters-content{display:none;padding-top:16px}.filters-content.is-open{display:block}.filters-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 13px;border:1px solid var(--color-border);border-radius:9px;background:var(--color-surface);color:var(--color-primary);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.filter-group{margin-bottom:14px}.lines-toolbar{align-items:center}.lines-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.line-card{border-radius:12px}.line-card-image{aspect-ratio:1.15}.line-card-content{padding:12px 12px 10px}.line-card-meta{gap:4px}.line-origin,.line-variety,.line-processing,.line-roast{padding:2px 6px;font-size:10px}.line-card-title{font-size:14px}.line-card-notes{font-size:11px}.line-card-footer{align-items:flex-start;flex-direction:column;gap:7px}.line-card-actions{padding:0 12px 12px}.line-card-actions .btn{padding-inline:7px;font-size:11px}}@media(max-width:380px){.lines-grid{grid-template-columns:1fr}.line-card-image{aspect-ratio:1.55}.line-card-footer{align-items:center;flex-direction:row}}@media(prefers-reduced-motion:reduce){.line-card,.line-card-image img{transition:none}.lines-grid.skeleton *,.skeleton-line-card:before,.skeleton-line-card:after{animation:none}}.lines-header.skeleton .skeleton-title{height:40px;width:300px;background:linear-gradient(90deg,var(--color-bg) 25%,var(--color-bg-hover) 50%,var(--color-bg) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md);margin-bottom:var(--spacing-2)}.lines-header.skeleton .skeleton-filters{height:48px;width:100%;background:linear-gradient(90deg,var(--color-bg) 25%,var(--color-bg-hover) 50%,var(--color-bg) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.lines-grid.skeleton{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4)}@media(max-width:1023px){.lines-grid.skeleton{grid-template-columns:repeat(2,1fr)}}@media(max-width:639px){.lines-grid.skeleton{grid-template-columns:1fr}}.skeleton-line-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.skeleton-line-card:before{content:"";display:block;aspect-ratio:16 / 10;background:linear-gradient(90deg,var(--color-bg) 25%,var(--color-bg-hover) 50%,var(--color-bg) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-line-card:after{content:"";display:block;padding:var(--spacing-4);background:linear-gradient(90deg,var(--color-bg) 25%,var(--color-bg-hover) 50%,var(--color-bg) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.line-detail-page{padding:var(--spacing-6) 0 var(--spacing-12)}.line-detail-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}@media(min-width:1024px){.line-detail-grid{grid-template-columns:1fr 1fr;align-items:start}}.line-gallery{position:sticky;top:80px}.main-image{aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg);margin-bottom:var(--spacing-4)}.main-image img{width:100%;height:100%;object-fit:cover}.thumbnails{display:flex;gap:var(--spacing-3);overflow-x:auto;padding:var(--spacing-1)}.thumbnail{flex-shrink:0;width:80px;height:80px;border-radius:var(--radius-md);overflow:hidden;border:2px solid transparent;background:var(--color-bg);cursor:pointer;transition:all var(--transition-fast);padding:0}.thumbnail:hover{border-color:var(--color-border)}.thumbnail.active{border-color:var(--color-primary)}.thumbnail img{width:100%;height:100%;object-fit:cover}.line-info{display:flex;flex-direction:column;gap:var(--spacing-4)}.line-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.line-origin,.line-variety,.line-processing,.line-roast{font-size:var(--font-size-sm);font-weight:500;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary-dark)}.line-certifications{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.line-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text);margin:0;line-height:1.2}.line-sku{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.line-price{display:flex;align-items:baseline;gap:var(--spacing-2);margin:var(--spacing-2) 0}.price-value{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text)}.price-unit{font-size:var(--font-size-lg);color:var(--color-text-muted)}.line-score{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-warning);font-weight:600;font-size:var(--font-size-lg)}.line-tasting{padding:var(--spacing-4);background:var(--color-bg);border-radius:var(--radius-md)}.line-tasting h3{font-size:var(--font-size-base);font-weight:600;margin:0 0 var(--spacing-2)}.line-tasting p{margin:0;color:var(--color-text-muted);line-height:1.6}.line-details dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4);margin:0;padding:var(--spacing-4);background:var(--color-bg);border-radius:var(--radius-md)}.line-details dt{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 var(--spacing-1)}.line-details dd{font-size:var(--font-size-base);font-weight:500;color:var(--color-text);margin:0}.line-details dd.out-of-stock{color:var(--color-danger)}.line-details dd.low-stock{color:var(--color-warning)}.line-actions{display:flex;flex-direction:column;gap:var(--spacing-4);padding-top:var(--spacing-2)}.quantity-selector{display:flex;flex-direction:column;gap:var(--spacing-2)}.quantity-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.quantity-input{display:flex;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;max-width:160px}.quantity-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:var(--color-bg);color:var(--color-text);font-size:var(--font-size-xl);cursor:pointer;transition:background var(--transition-fast)}.quantity-btn:hover:not(:disabled){background:var(--color-bg-hover)}.quantity-btn:disabled{opacity:.5;cursor:not-allowed}.quantity-field{width:60px;height:44px;border:none;text-align:center;font-size:var(--font-size-base);font-weight:500;color:var(--color-text);background:var(--color-surface);padding:0;-moz-appearance:textfield}.quantity-field::-webkit-outer-spin-button,.quantity-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity-field:focus{outline:none}.action-buttons{display:flex;flex-direction:column;gap:var(--spacing-3)}@media(min-width:480px){.action-buttons{flex-direction:row}.action-buttons .btn{flex:1}}.seller-info{margin-top:auto}.seller-name{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-1)}.seller-type{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.skeleton .skeleton-gallery{aspect-ratio:1;background:linear-gradient(90deg,var(--color-bg) 25%,var(--color-bg-hover) 50%,var(--color-bg) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-lg);margin-bottom:var(--spacing-4)}.skeleton .skeleton-info{display:flex;flex-direction:column;gap:var(--spacing-4)}.skeleton .skeleton-title{height:40px;width:60%;background:linear-gradient(90deg,var(--color-bg) 25%,var(--color-bg-hover) 50%,var(--color-bg) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton .skeleton-text{height:20px;width:100%;background:linear-gradient(90deg,var(--color-bg) 25%,var(--color-bg-hover) 50%,var(--color-bg) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton .skeleton-price{height:36px;width:200px;background:linear-gradient(90deg,var(--color-bg) 25%,var(--color-bg-hover) 50%,var(--color-bg) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton .skeleton-actions{height:48px;width:100%;background:linear-gradient(90deg,var(--color-bg) 25%,var(--color-bg-hover) 50%,var(--color-bg) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.line-detail-page{padding:24px 0 68px}.line-detail-page .breadcrumb{margin-bottom:22px}.line-detail-grid{gap:clamp(24px,4vw,54px)}.line-gallery{top:92px}.main-image{position:relative;aspect-ratio:1.08;margin-bottom:12px;border:1px solid var(--color-border);border-radius:18px;background:radial-gradient(ellipse at 50% 35%,#f5f4e9,#dce7db);box-shadow:0 12px 34px #1937270e}.main-image img{transition:transform .45s cubic-bezier(.2,.65,.3,1)}.main-image:hover img{transform:scale(1.025)}.image-placeholder{color:var(--color-primary)}.thumbnails{gap:9px}.thumbnail{width:70px;height:70px;border:1px solid var(--color-border);border-radius:11px;transition:border-color .16s ease,box-shadow .16s ease}.thumbnail.active{border:2px solid var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.line-info{gap:17px;padding:clamp(19px,3vw,30px);border:1px solid var(--color-border);border-radius:18px;background:var(--color-surface);box-shadow:0 10px 34px #1937270b}.line-meta{gap:7px}.line-origin,.line-variety,.line-processing,.line-roast{padding:5px 10px;font-size:11px}.line-certifications{width:100%;margin-top:3px}.line-title{font-size:clamp(26px,3.3vw,38px);line-height:1.4;letter-spacing:-.035em}.line-sku{margin-top:-11px;font-size:12px}.line-price{margin:0;padding:16px 0;border-block:1px solid var(--color-border)}.line-price .price-value{font-size:clamp(25px,3vw,34px);font-variant-numeric:tabular-nums}.line-price .price-unit{font-size:14px}.line-score{align-self:flex-start;gap:8px;padding:7px 11px;border-radius:9px;background:#f8f0df;color:#8e6426;font-size:13px}.line-tasting{padding:15px 17px;border:1px solid #e3eae3;border-radius:12px;background:#f7f9f6}.line-tasting h3{margin-bottom:5px;font-size:13px}.line-tasting p{font-size:13px;line-height:1.9}.line-details dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:5px 15px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface)}.line-details dl>div{padding:12px 0}.line-details dl>div:nth-child(odd):not(:last-child){border-left:1px solid var(--color-border)}.line-details dt{font-size:11px}.line-details dd{font-size:13px}.line-actions{gap:12px;padding:4px 0 0}.quantity-selector{gap:8px}.quantity-label{font-size:12px}.quantity-input{max-width:220px;border:1px solid var(--color-border);border-radius:10px;overflow:hidden}.quantity-field{min-height:42px}.quantity-btn{min-width:42px;min-height:42px}.action-buttons{gap:9px}.action-buttons .btn{min-height:48px;border-radius:10px}@media(min-width:1024px){.line-detail-grid{grid-template-columns:minmax(0,1.02fr) minmax(390px,.98fr)}}@media(max-width:1023px){.line-gallery{position:relative;top:auto}.main-image{max-height:520px}}@media(max-width:639px){.line-detail-page{padding-top:17px}.line-info{padding:17px;gap:14px;border-radius:14px}.line-title{font-size:25px}.line-details dl{grid-template-columns:repeat(2,minmax(0,1fr))}.main-image{aspect-ratio:1.12;border-radius:14px}.thumbnail{width:60px;height:60px}}@media(prefers-reduced-motion:reduce){.main-image img,.thumbnail{transition:none}}.cart-page{padding:var(--spacing-6) 0 var(--spacing-12)}.page-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text);margin:0 0 var(--spacing-6)}.empty-cart{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-16) var(--spacing-4);text-align:center;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.empty-cart svg{margin-bottom:var(--spacing-6);opacity:.5}.empty-cart h2{font-size:var(--font-size-2xl);color:var(--color-text);margin:0 0 var(--spacing-2)}.empty-cart p{margin:0 0 var(--spacing-6);max-width:400px}.cart-layout{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}@media(min-width:1024px){.cart-layout{grid-template-columns:1fr 400px;align-items:start}}.cart-items{min-width:0}.cart-items-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.cart-item{display:grid;grid-template-columns:80px 1fr auto auto auto;gap:var(--spacing-4);align-items:center;padding:var(--spacing-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg)}@media(max-width:639px){.cart-item{grid-template-columns:60px 1fr;grid-template-areas:"image details" "quantity price" "remove remove"}.cart-item-image{grid-area:image}.cart-item-details{grid-area:details}.cart-item-quantity{grid-area:quantity}.cart-item-subtotal{grid-area:price}.cart-item-remove{grid-area:remove;justify-self:end}}.cart-item-image{width:80px;height:80px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface);flex-shrink:0}@media(max-width:639px){.cart-item-image{width:60px;height:60px}}.cart-item-image img{width:100%;height:100%;object-fit:cover}.image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-text-muted)}.cart-item-details{min-width:0}.cart-item-title{display:block;font-weight:600;color:var(--color-text);text-decoration:none;margin-bottom:var(--spacing-1);transition:color var(--transition-fast)}.cart-item-title:hover{color:var(--color-primary)}.cart-item-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-1)}.cart-item-meta span:before{content:"·";margin-right:var(--spacing-2)}.cart-item-meta span:first-child:before{content:"";margin-right:0}.cart-item-price{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.cart-item-quantity{display:flex;align-items:center}.cart-item-quantity .quantity-input{display:flex;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.cart-item-quantity .quantity-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:var(--color-bg);color:var(--color-text);font-size:var(--font-size-lg);cursor:pointer;transition:background var(--transition-fast)}.cart-item-quantity .quantity-btn:hover:not(:disabled){background:var(--color-bg-hover)}.cart-item-quantity .quantity-btn:disabled{opacity:.5;cursor:not-allowed}.cart-item-quantity .quantity-field{width:50px;height:36px;border:none;text-align:center;font-size:var(--font-size-base);font-weight:500;color:var(--color-text);background:var(--color-surface);padding:0;-moz-appearance:textfield}.cart-item-quantity .quantity-field::-webkit-outer-spin-button,.cart-item-quantity .quantity-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cart-item-quantity .quantity-field:focus{outline:none}.cart-item-subtotal{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);text-align:right;min-width:120px}@media(max-width:639px){.cart-item-subtotal{text-align:left}}.cart-item-remove{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.cart-item-remove:hover{background:var(--color-danger-light);color:var(--color-danger)}.cart-actions{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-6);padding-top:var(--spacing-4);border-top:1px solid var(--color-border)}@media(max-width:480px){.cart-actions{flex-direction:column}.cart-actions .btn{width:100%}}.cart-summary{position:sticky;top:80px}.summary-lines{display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border)}.summary-total{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text)}.auth-prompt{margin-bottom:var(--spacing-4)}.alert-link{color:inherit;text-decoration:underline;font-weight:500}.summary-shipping{margin-bottom:var(--spacing-6)}.address-loading{padding:var(--spacing-3);color:var(--color-text-muted);font-size:var(--font-size-sm)}.no-addresses{padding:var(--spacing-4);background:var(--color-bg);border-radius:var(--radius-md);text-align:center}.no-addresses p{margin:0 0 var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-text-muted)}.secure-notice{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text-muted)}.secure-notice svg{color:var(--color-success)}.trust-badges{margin-top:var(--spacing-4)}.trust-items{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-3)}@media(min-width:480px){.trust-items{grid-template-columns:repeat(4,1fr)}}.trust-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:500}.trust-item svg{color:var(--color-primary)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cart-page{padding:clamp(24px,4vw,42px) 0 68px}.cart-page>.container>.page-title{margin-bottom:24px;font-size:clamp(26px,3vw,36px);letter-spacing:-.03em}.cart-item{border-radius:13px;background:var(--color-surface);transition:border-color .16s ease,box-shadow .16s ease}.cart-item:hover{border-color:#c4d1c6;box-shadow:0 8px 22px #1937270b}.cart-item-image{border-radius:10px;background:#e8eee7}.cart-item-image .coffee-lot-art .coffee-sack{width:70%;min-width:0;transform:rotate(-3deg) scale(.78)}.cart-item-image .lot-art-caption,.cart-item-image .lot-art-bean{display:none}.cart-item-title{font-weight:700}.cart-item-subtotal{font-variant-numeric:tabular-nums}.empty-cart{border-radius:18px;box-shadow:0 10px 32px #1937270a}.empty-cart svg{color:var(--color-primary);opacity:.8}@media(prefers-reduced-motion:reduce){.cart-item{transition:none}}.cart-layout{gap:18px}.cart-items>.card{border-radius:15px}.cart-items>.card>.card-header{margin:0;padding:20px 22px 15px}.cart-items>.card>.card-content{padding:18px 20px 20px}.cart-summary{top:92px}.summary-card{overflow:hidden;border-radius:15px;border-color:#ced9cf}.summary-card .card-header{margin:0;padding:18px 20px;border-bottom:1px solid rgb(255 255 255 / .16);background:#203f32}.summary-card .card-title{margin:0;color:#f5f6f0;font-size:16px}.summary-card .card-content{padding:20px}.summary-lines{gap:12px;margin-bottom:17px;padding-bottom:17px}.summary-line{font-size:13px}.summary-total{padding-top:14px;font-size:17px}.summary-shipping{margin-bottom:17px}.summary-shipping .form-select{min-height:43px;border-radius:9px;font-size:12px}.summary-card>.card-content>.btn{min-height:48px;border-radius:10px}.auth-prompt{line-height:1.8;font-size:12px}.no-addresses{border:1px dashed var(--color-border-dark);background:#f8faf7}.secure-notice{font-size:11px}.trust-badges{border-radius:13px}.trust-items{gap:4px}.trust-item{padding:10px 5px;font-size:10px;text-align:center}.cart-actions{align-items:center}.cart-actions .btn{min-height:39px}.cart-item-remove{border-radius:9px;transition:background-color .15s ease,color .15s ease}@media(max-width:639px){.cart-items>.card>.card-header{padding:17px 15px 12px}.cart-items>.card>.card-content{padding:14px}.cart-item{gap:10px;padding:12px}.cart-item-subtotal{min-width:0;font-size:13px}.cart-summary{position:static}.trust-items{grid-template-columns:repeat(2,minmax(0,1fr))}.cart-actions{align-items:stretch}}.orders-page{padding:var(--spacing-6) 0 var(--spacing-12)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-16) var(--spacing-4);text-align:center;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.empty-state svg{margin-bottom:var(--spacing-6);opacity:.5}.empty-state h2{font-size:var(--font-size-2xl);color:var(--color-text);margin:0 0 var(--spacing-2)}.empty-state p{margin:0 0 var(--spacing-6);max-width:400px}.orders-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.order-card-link{text-decoration:none;color:inherit}.order-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);margin-bottom:var(--spacing-4);flex-wrap:wrap}.order-card-id{display:block;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-1)}.order-card-date{font-size:var(--font-size-sm);color:var(--color-text-muted)}.order-card-statuses{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.order-card-items{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border)}.order-card-item{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.order-card-item-name{color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.order-card-item-qty{color:var(--color-text-muted);font-weight:500}.order-card-more{font-size:var(--font-size-sm);color:var(--color-text-muted);padding-left:var(--spacing-2)}.order-card-footer{display:flex;justify-content:space-between;align-items:center}.order-card-total{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text)}.order-card-action{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:500}.breadcrumb{margin-bottom:var(--spacing-6)}.breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-2);list-style:none;padding:0;margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.breadcrumb li{display:flex;align-items:center;gap:var(--spacing-2)}.breadcrumb li:not(:last-child):after{content:"/";color:var(--color-text-muted)}.breadcrumb a{color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb a:hover{color:var(--color-primary)}.breadcrumb li[aria-current=page]{color:var(--color-text);font-weight:500}.order-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.order-detail-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text);margin:0 0 var(--spacing-1)}.order-detail-date{font-size:var(--font-size-base);color:var(--color-text-muted);margin:0}.order-detail-statuses{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.status-badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;text-transform:capitalize}.status-pending{background:var(--color-warning-light);color:var(--color-warning-dark)}.status-confirmed{background:var(--color-info-light);color:var(--color-info-dark)}.status-processing{background:var(--color-primary-light);color:var(--color-primary-dark)}.status-shipped{background:var(--color-purple-light);color:var(--color-purple-dark)}.status-delivered{background:var(--color-success-light);color:var(--color-success-dark)}.status-cancelled{background:var(--color-danger-light);color:var(--color-danger-dark)}.status-returned{background:var(--color-gray-light);color:var(--color-gray-dark)}.payment-unpaid{background:var(--color-danger-light);color:var(--color-danger-dark)}.payment-paid{background:var(--color-success-light);color:var(--color-success-dark)}.payment-refunded{background:var(--color-warning-light);color:var(--color-warning-dark)}.order-detail-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}@media(min-width:1024px){.order-detail-grid{grid-template-columns:1fr 350px}}.order-items-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.order-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3);background:var(--color-bg);border-radius:var(--radius-md);gap:var(--spacing-4)}@media(max-width:480px){.order-item{flex-direction:column;align-items:flex-start}}.order-item-info{flex:1;min-width:0}.order-item-title{display:block;font-weight:500;color:var(--color-text);text-decoration:none;margin-bottom:var(--spacing-1);transition:color var(--transition-fast)}.order-item-title:hover{color:var(--color-primary)}.order-item-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-text-muted)}.order-item-subtotal{font-weight:600;color:var(--color-text);white-space:nowrap}.order-summary-section{display:flex;flex-direction:column;gap:var(--spacing-4)}.summary-lines{display:flex;flex-direction:column;gap:var(--spacing-3)}.summary-line{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-base);color:var(--color-text)}.summary-line span:first-child{color:var(--color-text-muted)}.tracking-number{font-family:monospace;font-weight:500;color:var(--color-primary)}.summary-total{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);padding-top:var(--spacing-3);border-top:1px solid var(--color-border)}.summary-total span:first-child{color:var(--color-text)}.shipping-address{margin:0;font-style:normal;line-height:1.8;color:var(--color-text)}.no-address{margin:0;color:var(--color-text-muted);font-style:italic}.skeleton .skeleton-title{height:40px;width:200px;background:linear-gradient(90deg,var(--color-bg) 25%,var(--color-bg-hover) 50%,var(--color-bg) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md);margin-bottom:var(--spacing-6)}.skeleton-order-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-6)}.skeleton-order-card:before{content:"";display:block;height:100px;background:linear-gradient(90deg,var(--color-bg) 25%,var(--color-bg-hover) 50%,var(--color-bg) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton .skeleton-breadcrumb{height:20px;width:200px;background:linear-gradient(90deg,var(--color-bg) 25%,var(--color-bg-hover) 50%,var(--color-bg) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md);margin-bottom:var(--spacing-6)}.skeleton .skeleton-order-detail{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-6)}.skeleton .skeleton-order-detail:before{content:"";display:block;height:300px;background:linear-gradient(90deg,var(--color-bg) 25%,var(--color-bg-hover) 50%,var(--color-bg) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.orders-page{min-height:62vh;padding-top:clamp(22px,3vw,34px)}.orders-page .page-header{margin-bottom:25px}.orders-list{max-width:980px;gap:12px}.order-card{border-radius:14px}.order-card .card-content{padding:clamp(16px,2.5vw,22px)}.order-card:hover{border-color:#bfcec1}.order-card-id{font-size:15px;font-weight:700}.order-card-date{font-size:11px}.order-card-item{padding-block:3px}.order-card-total{font-size:16px}.order-card-action{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border:1px solid var(--color-border);border-radius:8px;font-size:11px;font-weight:700}.order-detail-page .order-detail-header{padding:21px 23px;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface)}.order-detail-title{font-size:clamp(22px,3vw,29px);letter-spacing:-.025em}.order-detail-date{font-size:12px}.order-detail-grid{gap:16px}.order-detail-grid .card{border-radius:14px}.order-item{border:1px solid var(--color-border);border-radius:11px;background:#f8faf7}.order-item-title{font-weight:700}.summary-lines{gap:13px}.summary-total{padding-top:15px}.status-badge{padding:5px 10px;font-size:11px}.empty-state{border-radius:16px}.empty-state svg{color:var(--color-primary);opacity:.8}@media(max-width:639px){.order-detail-page .order-detail-header{padding:16px}.order-card-header{align-items:flex-start}.order-card-statuses{width:100%}.order-card-footer{align-items:flex-start;flex-direction:column;gap:11px}.order-card-action{width:100%}}@media(prefers-reduced-motion:reduce){.skeleton-order-card:before,.skeleton .skeleton-title,.skeleton .skeleton-breadcrumb,.skeleton .skeleton-order-detail:before{animation:none}}.profile-page{padding:var(--spacing-6) 0 var(--spacing-12)}.page-header{margin-bottom:var(--spacing-8)}.page-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text);margin:0 0 var(--spacing-2)}.page-subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted);margin:0}.profile-layout{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}@media(min-width:1024px){.profile-layout{grid-template-columns:280px 1fr}}.profile-sidebar{display:flex;flex-direction:column;gap:var(--spacing-4)}.profile-avatar{width:100px;height:100px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-4xl);font-weight:700;margin:0 auto var(--spacing-4)}.profile-name{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-1);text-align:center}.profile-email{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 var(--spacing-4);text-align:center}.profile-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.badge-buyer{background:var(--color-info-light);color:var(--color-info-dark)}.badge-seller{background:var(--color-primary-light);color:var(--color-primary-dark)}.badge-admin{background:var(--color-purple-light);color:var(--color-purple-dark)}.profile-member-since{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center}.logout-btn{color:var(--color-danger)}.logout-btn:hover{background:var(--color-danger-light)}.profile-main{min-width:0}.profile-form{display:flex;flex-direction:column;gap:var(--spacing-4)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}@media(max-width:639px){.form-row{grid-template-columns:1fr}}.form-section-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border)}.addresses-list{margin-top:var(--spacing-6);padding-top:var(--spacing-6);border-top:1px solid var(--color-border)}.addresses-loading,.no-addresses{text-align:center;padding:var(--spacing-8);color:var(--color-text-muted)}.address-cards{display:flex;flex-direction:column;gap:var(--spacing-4)}.address-card{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg)}@media(max-width:639px){.address-card{flex-direction:column}}.address-header{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.address-title{font-weight:600;color:var(--color-text)}.badge-default{font-size:var(--font-size-xs);background:var(--color-success-light);color:var(--color-success-dark)}.address-full{margin:0;font-style:normal;color:var(--color-text-muted);line-height:1.6}.address-info p{margin:var(--spacing-1) 0 0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.address-actions{display:flex;gap:var(--spacing-2);flex-shrink:0}.address-actions .btn.danger{color:var(--color-danger)}.address-actions .btn.danger:hover{background:var(--color-danger-light)}.notification-settings{display:flex;flex-direction:column;gap:var(--spacing-4)}.notification-setting{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);background:var(--color-bg);border-radius:var(--radius-md)}@media(max-width:480px){.notification-setting{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}}.setting-info h4{font-size:var(--font-size-base);font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-1)}.setting-info p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.toggle{position:relative;display:flex;align-items:center;cursor:pointer}.toggle input{position:absolute;opacity:0;width:0;height:0}.toggle-slider{position:relative;width:48px;height:28px;background:var(--color-border);border-radius:var(--radius-full);transition:background var(--transition-fast)}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:24px;height:24px;background:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.toggle input:checked+.toggle-slider{background:var(--color-primary)}.profile-page{min-height:68vh}.profile-page .page-header{margin-bottom:25px}.profile-layout{grid-template-columns:minmax(230px,280px) minmax(0,1fr);gap:20px}.profile-sidebar>.card:first-child{overflow:hidden;border-radius:15px}.profile-sidebar>.card:first-child .card-content{padding:25px 20px}.profile-avatar{position:relative;width:86px;height:86px;margin-bottom:13px;border:5px solid var(--color-primary-light);background:var(--color-primary);box-shadow:0 0 0 1px #2b5a4729;font-size:31px}.profile-name{font-size:17px;font-weight:700}.profile-email{overflow-wrap:anywhere;font-size:12px}.profile-member-since{padding-top:13px;border-top:1px solid var(--color-border);font-size:11px}.profile-actions{border-radius:13px}.profile-main>.tabs{min-width:0}.profile-main .tab-list{width:fit-content;max-width:100%;margin-bottom:17px}.profile-main .tab{font-size:12px}.profile-main .tab-panel>.card{border-radius:15px}.profile-main .card-header{padding-bottom:15px}.profile-main .card-title{font-size:17px;font-weight:700}.profile-main .card-description{font-size:12px}.profile-main .profile-form{gap:16px}.profile-main .form-input,.profile-main .form-select{min-height:44px;border-radius:9px}.address-card{border-radius:12px;background:#f8faf7}.notification-setting{border:1px solid var(--color-border);border-radius:11px;background:#f8faf7}@media(max-width:1023px){.profile-layout{grid-template-columns:1fr}.profile-sidebar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}.profile-sidebar>.card:first-child{grid-row:span 2}.profile-actions{align-self:end}}@media(max-width:639px){.profile-sidebar{display:flex}.profile-main .tab-list{width:100%}.profile-main .tab{flex:1;padding-inline:8px}.profile-main .card-header,.profile-main .card-content{padding-inline:17px}.address-actions{width:100%}}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}.toggle input:focus-visible+.toggle-slider{outline:2px solid var(--color-primary);outline-offset:2px}.seller-page{min-height:65vh;padding-bottom:54px}.seller-page .page-header{margin-bottom:20px}.seller-page .page-title{margin-bottom:4px}.seller-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px;padding-bottom:17px;border-bottom:1px solid var(--color-border)}.seller-tabs .btn{min-height:38px;border-color:transparent;border-radius:9px;font-size:12px}.seller-tabs .btn:hover{border-color:var(--color-border)}.seller-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.seller-overview-grid .card{min-height:150px;border-radius:14px}.seller-overview-grid .card-content{display:flex;min-height:150px;flex-direction:column;align-items:flex-start;justify-content:center;padding:22px}.seller-overview-grid h2{margin:0 0 4px;color:var(--color-primary);font-size:30px;font-weight:750;font-variant-numeric:tabular-nums}.seller-overview-grid p{margin:0 0 11px;color:var(--color-text-muted);font-size:13px}.seller-overview-grid a{margin-top:auto;font-size:12px;font-weight:700}.seller-page section>h2{margin:0 0 17px;font-size:20px;font-weight:700;letter-spacing:-.02em}.seller-orders-section>h2{margin-bottom:17px}.seller-order-list,.seller-lines-list{display:grid;gap:11px}.seller-order-card,.seller-line-card{border-radius:13px}.seller-order-card .card-content,.seller-line-card .card-content{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px}.seller-order-content>div,.seller-line-content>div:first-child{min-width:0}.seller-order-content h3,.seller-line-content h3{margin:0 0 5px;font-size:15px;font-weight:700}.seller-order-content p,.seller-line-content p{margin:3px 0;color:var(--color-text-muted);font-size:12px;line-height:1.8}.seller-order-content .form-group{min-width:170px;margin:0}.seller-order-content .form-select{min-height:40px;margin-top:5px;border-radius:9px}.seller-line-form{margin-top:4px;border-radius:15px}.seller-line-form>.card-content{padding:clamp(18px,3vw,28px)}.seller-line-form h2{margin:0 0 20px;font-size:19px;font-weight:700}.seller-line-form .profile-form{display:grid;gap:14px}.seller-line-form .form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.seller-form-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:5px}.seller-form-actions .btn{min-width:120px}.seller-lines-section{margin-top:30px}.seller-line-content .badge{display:inline-flex;position:static;min-width:0;height:auto;padding:4px 9px;background:var(--color-primary-light);color:var(--color-primary-dark);font-size:10px}.seller-line-content .badge-success{background:var(--color-success-light);color:var(--color-success-dark)}.seller-line-content>div:last-child{display:flex;flex-wrap:wrap;gap:7px}.seller-empty{padding:28px;border:1px dashed var(--color-border-dark);border-radius:13px;color:var(--color-text-muted);text-align:center}@media(max-width:639px){.seller-tabs{gap:5px}.seller-tabs .btn{flex:1;padding-inline:8px}.seller-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.seller-overview-grid .card-content{min-height:130px;padding:14px}.seller-overview-grid h2{font-size:25px}.seller-order-card .card-content,.seller-line-card .card-content{align-items:stretch;flex-direction:column;padding:15px}.seller-order-content .form-group{width:100%}.seller-line-form .form-row{grid-template-columns:1fr}}@media(max-width:360px){.seller-overview-grid{grid-template-columns:1fr}}.notifications-page{min-height:58vh}.notifications-header{display:flex;align-items:end;justify-content:space-between;gap:18px;flex-wrap:wrap}.notifications-actions{display:flex;flex-wrap:wrap;gap:8px}.notifications-actions .btn{min-height:40px}.notifications-list{display:grid;gap:12px;max-width:980px}.notifications-list .card{border-radius:13px;transition:border-color .15s ease,box-shadow .15s ease}.notifications-list .card:hover{border-color:#c3d0c5;box-shadow:0 8px 22px #1937270d}.notification-unread{border-inline-start:3px solid var(--color-warning);background:#fffefa}.notification-content{display:flex;align-items:center;justify-content:space-between;gap:18px}.notification-copy{min-width:0}.notification-copy p{margin:0 0 5px;color:var(--color-text);font-size:14px}.notification-copy small{color:var(--color-text-muted);font-size:11px}.notification-actions{display:flex;flex:0 0 auto;align-items:center;gap:7px}.notifications-empty{display:grid;min-height:240px;place-content:center;justify-items:center;gap:12px;border:1px dashed var(--color-border-dark);border-radius:15px;background:var(--color-surface);color:var(--color-text-muted)}.notifications-empty svg{color:var(--color-primary)}.notifications-empty p{margin:0}.notifications-skeleton{display:grid;min-height:130px;place-content:center;border:1px solid var(--color-border);border-radius:14px;color:var(--color-text-muted);background:linear-gradient(100deg,#edf1ec 30%,#f8faf7,#edf1ec 70%);background-size:200% 100%;animation:notification-shimmer 1.4s ease-in-out infinite}@keyframes notification-shimmer{to{background-position:-200% 0}}@media(max-width:600px){.notifications-header{align-items:flex-start}.notifications-actions{width:100%}.notification-content{align-items:flex-start;flex-direction:column}.notification-actions{width:100%;justify-content:flex-start}}@media(prefers-reduced-motion:reduce){.notifications-list .card{transition:none}.notifications-skeleton{animation:none}}.not-found-page{display:grid;min-height:58vh;place-content:center;justify-items:center;padding-block:60px;text-align:center}.not-found-page.empty-state{border:0;background:transparent;box-shadow:none}.not-found-code{margin:0;color:var(--color-primary);font-size:clamp(76px,15vw,150px);font-weight:850;line-height:.95;letter-spacing:-.08em;font-variant-numeric:tabular-nums}.not-found-page h1{margin:19px 0 5px;font-size:clamp(22px,3vw,30px);font-weight:750}.not-found-page>p:not(.not-found-code){max-width:42ch;margin:0 0 19px;color:var(--color-text-muted);font-size:13px}#root{min-height:100vh;width:100%}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}