@charset "UTF-8";:root{--primary: #16a34a;--primary-hover: #15803d;--primary-light: #dcfce7;--primary-soft: #f0fdf4;--primary-deep: #14532d;--primary-glow: rgba(22, 163, 74, .18);--secondary: #f97316;--secondary-hover: #ea580c;--secondary-light: #ffedd5;--accent-red: #ef4444;--accent-yellow: #facc15;--dark: #0f172a;--light: #f8fafc;--white: #ffffff;--bg-app: #ffffff;--bg-card: #ffffff;--text-primary: #1a2e22;--text-secondary: #5b6b62;--text-muted: #93a29a;--border-color: #e6ebe8;--status-pending: #f59e0b;--status-ongoing: #3b82f6;--status-completed: #16a34a;--status-cancelled: #ef4444;--hero-gradient: linear-gradient(112deg, #14532d 0%, #166534 55%, #15803d 100%);--font-display: "Outfit", "Inter", system-ui, sans-serif;--font-sans: "Inter", system-ui, sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--max-width: 1280px;--header-height: 64px;--sidebar-width: 232px;--bottom-nav-height: 62px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--shadow-sm: 0 1px 2px 0 rgba(16, 40, 26, .05);--shadow-md: 0 3px 8px -2px rgba(16, 40, 26, .07), 0 2px 4px -2px rgba(16, 40, 26, .04);--shadow-lg: 0 10px 24px -6px rgba(16, 40, 26, .1), 0 4px 8px -4px rgba(16, 40, 26, .05);--shadow-xl: 0 20px 40px -8px rgba(16, 40, 26, .14);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--shadow-primary: 0 6px 16px -4px rgba(22, 163, 74, .4);--radius-xs: .375rem;--radius-sm: .625rem;--radius-md: .875rem;--radius-lg: 1.125rem;--radius-xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .45s cubic-bezier(.4, 0, .2, 1);--spring: cubic-bezier(.34, 1.56, .64, 1);--glass-bg: rgba(255, 255, 255, .82);--glass-border: rgba(255, 255, 255, .55);--glass-backdrop: blur(14px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;max-width:100%;overflow-x:hidden;overflow-x:clip;margin:0;padding:0}html{overscroll-behavior-y:none}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;text-rendering:optimizeLegibility}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;border:none;background:none;touch-action:manipulation;-webkit-user-select:none;user-select:none}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}img{-webkit-user-drag:none}*{-webkit-overflow-scrolling:touch}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cdd8d1;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal),transform var(--transition-normal)}@media(hover:hover){.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--primary);color:var(--white);font-weight:700;font-size:.9rem;padding:.65rem 1.4rem;border-radius:var(--radius-full);box-shadow:var(--shadow-primary);transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:active{transform:scale(.97)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--white);color:var(--primary);border:1.5px solid var(--primary);font-weight:700;font-size:.9rem;padding:.6rem 1.3rem;border-radius:var(--radius-full);transition:background var(--transition-fast),transform var(--transition-fast)}.btn-ghost:hover{background:var(--primary-soft)}.btn-ghost:active{transform:scale(.97)}.chip{display:inline-flex;align-items:center;gap:4px;padding:.35rem .9rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;background:var(--white);border:1px solid var(--border-color);color:var(--text-secondary);white-space:nowrap;transition:all var(--transition-fast)}.chip.active,.chip:hover{background:var(--primary);border-color:var(--primary);color:var(--white)}.section-title{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.view-all-link{font-size:.85rem;font-weight:600;color:var(--primary);display:inline-flex;align-items:center;gap:4px;transition:color var(--transition-fast)}.view-all-link:hover{color:var(--primary-hover)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes sheetDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}body.drawer-open{overflow:hidden}@keyframes scaleUp{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse-soft{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.03);opacity:.9}}.main-content>*{display:block}.page-flush{margin-top:calc(var(--space-md) * -1);margin-left:calc(var(--space-md) * -1);margin-right:calc(var(--space-md) * -1)}.animate-fade{animation:fadeIn var(--transition-normal) forwards}.animate-slide-up{animation:slideUp var(--transition-normal) forwards}.animate-scale-up{animation:scaleUp .22s var(--spring) forwards}.pressable{transition:transform var(--transition-fast)}.pressable:active{transform:scale(.97)}*:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary);color:#fff;padding:var(--space-sm) var(--space-md);z-index:100;transition:top var(--transition-fast);border-radius:0 0 var(--radius-sm) 0}.skip-link:focus{top:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,#e8eeea 25%,#f7faf8,#e8eeea 75%);background-size:200% 100%;animation:shimmer 1.5s infinite linear}.skeleton-card{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;padding:var(--space-md);min-height:250px;gap:var(--space-xs)}.skeleton-image{height:150px;border-radius:var(--radius-md);margin-bottom:var(--space-sm);width:100%}.skeleton-title{height:16px;border-radius:4px;margin-bottom:var(--space-xs);width:70%}.skeleton-text{height:12px;border-radius:4px;margin-bottom:var(--space-xs);width:90%}.skeleton-text.short{width:45%}.skeleton-button{height:32px;border-radius:var(--radius-full);margin-top:auto;width:80px}.skeleton-store-row{display:flex;gap:var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-sm);background:#fff;min-height:110px;align-items:center}.skeleton-store-avatar{width:90px;height:90px;border-radius:var(--radius-md);flex-shrink:0}.skeleton-store-info{display:flex;flex-direction:column;gap:8px;flex:1}.skeleton-detail-banner{height:280px;border-radius:var(--radius-lg);margin-bottom:var(--space-xl);width:100%}