*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--tg-bg: #f6f3ea;--tg-text: #2c322a;--tg-hint: #6d7462;--tg-link: #4f6f41;--tg-btn: #4e6c40;--tg-btn-text: #f8f7f2;--tg-secondary-bg: #ece9dd;--surface-0: #f6f3ea;--surface-1: #f0ede2;--surface-2: #fdfbf5;--surface-3: #e7e4d8;--color-primary: #4f6f41;--color-primary-dark: #3e5733;--color-primary-light: #e5eddf;--color-accent: #8a7a48;--color-warning: #b3842c;--color-error: #b24739;--color-success: #4c7d4f;--text-strong: #222821;--text-soft: #475044;--font-family: "Avenir Next", "Nunito Sans", "Trebuchet MS", sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 28px;--font-size-2xl: 34px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(38, 44, 35, .08);--shadow-md: 0 8px 24px rgba(47, 54, 43, .1);--shadow-lg: 0 14px 28px rgba(39, 46, 36, .15);--safe-bottom: env(safe-area-inset-bottom, 0px)}html,body{min-height:100%;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--tg-text);background:radial-gradient(circle at 12% 18%,rgba(153,170,139,.16),transparent 26%),radial-gradient(circle at 83% 15%,rgba(158,130,83,.08),transparent 24%),radial-gradient(circle at 22% 78%,rgba(83,113,68,.1),transparent 30%),linear-gradient(170deg,#f4f1e7,#f7f4eb 45%,#efebdf);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;overscroll-behavior:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.16;background-image:linear-gradient(115deg,rgba(60,74,53,.05) 25%,transparent 25%),linear-gradient(295deg,rgba(70,52,29,.04) 25%,transparent 25%);background-size:3px 3px;z-index:0}#app{min-height:100dvh}#app-root{position:relative;min-height:100dvh;display:flex;flex-direction:column;background:transparent;color:var(--tg-text);z-index:1}h1,h2,h3,h4{letter-spacing:-.015em;color:var(--text-strong)}a{color:var(--tg-link);text-decoration-thickness:1px;text-underline-offset:2px}input,button,textarea,select{font-family:inherit}.page{position:relative;display:flex;flex-direction:column;min-height:100dvh}.page-content{flex:1;padding:var(--space-4);padding-bottom:calc(92px + var(--safe-bottom))}.card{background:color-mix(in srgb,var(--surface-2) 92%,#fff 8%);border:1px solid rgba(70,80,63,.11);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.skeleton{background:linear-gradient(95deg,#b3baa861 20%,#f4f5f0f2 44%,#b1b9a757 70%);background-size:220% 100%;animation:skeleton-loading 1.35s infinite;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.saqla-wordmark{display:inline-flex;align-items:center;text-decoration:none;color:var(--text-strong)}.saqla-text{font-size:40px;font-weight:800;letter-spacing:-.035em;line-height:1}.app-header{position:sticky;top:0;z-index:45;background:color-mix(in srgb,var(--surface-0) 90%,#fff 10%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid rgba(82,89,73,.15)}.app-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.app-header-title{font-size:28px;font-weight:750;line-height:1.1;padding:2px var(--space-4) var(--space-3)}.icon-button{min-width:38px;height:38px;border:1px solid rgba(76,86,70,.24);border-radius:12px;background:linear-gradient(180deg,#ffffffe0,#ebe9e0eb);color:var(--text-soft);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease;box-shadow:0 1px 2px #353d2f1a}.icon-button:active{transform:translateY(1px) scale(.98)}.icon-button.badged{position:relative}.icon-badge{position:absolute;top:-5px;right:-5px;width:18px;height:18px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #f8f6ef}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:12px 20px;border:none;border-radius:13px;font-size:18px;font-weight:700;line-height:1;cursor:pointer;transition:transform .14s ease,filter .14s ease;white-space:nowrap}.btn:active{transform:translateY(1px) scale(.985)}.btn-primary{background:linear-gradient(160deg,rgba(255,255,255,.18),transparent 60%),linear-gradient(180deg,#597a49,#49653c 58%,#435e35);color:#f6f7f0;box-shadow:0 8px 14px #3b4e3038}.btn-primary:hover{filter:brightness(1.03)}.btn-primary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn-secondary{background:linear-gradient(180deg,#fcfbf8,#ece8dd);border:1px solid rgba(73,79,67,.25);color:var(--text-soft)}.btn-ghost{background:transparent;color:var(--color-primary-dark);text-decoration:underline;text-underline-offset:3px;font-weight:600}.btn-full{width:100%}.price{font-weight:800;color:var(--color-primary-dark)}.price-original{text-decoration:line-through;color:var(--tg-hint);font-size:var(--font-size-sm);font-weight:500}.badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 11px;border-radius:var(--radius-full);font-size:12px;font-weight:700}.badge-green{background:#dbe9d4;color:#355834}.badge-orange{background:#f4e7c4;color:#8a6326}.badge-red{background:#efd4d0;color:#8d3329}.scroll-container{overflow-y:auto;-webkit-overflow-scrolling:touch}.fade-in-up{animation:fadeInUp .32s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.bottom-nav{position:fixed;left:0;right:0;bottom:0;height:calc(70px + var(--safe-bottom));padding:8px 8px calc(8px + var(--safe-bottom));background:color-mix(in srgb,var(--surface-0) 86%,#fff 14%);border-top:1px solid rgba(75,83,67,.16);display:flex;align-items:stretch;z-index:100}@media(max-width:430px){.saqla-text{font-size:34px}.btn{font-size:17px}.app-header-title{font-size:24px}}.tg-dark{color-scheme:light}