@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=DM+Sans:wght@300;400;500;600;700&family=Inter:wght@400;500;600;700&family=Syne:wght@700;800&display=swap";:root{--color-bg:#f4f7f2;--color-surface:#fff;--color-border:#e5ebe6;--color-gold:#0fa968;--color-gold-dark:#0a7d4d;--color-gold-light:#5fd39e;--color-gold-soft:#e3f4ea;--color-green:#0fa968;--color-red:#d95050;--color-blue:#4a7fd4;--color-text:#0c1a14;--color-muted:#51635a;--color-muted-light:#7a8a80;--color-card:#fff;--font-display:"DM Sans", sans-serif;--font-body:"Inter", "DM Sans", sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100dvh;min-height:100dvh;overflow-x:hidden}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}button{cursor:pointer;font-family:var(--font-body)}button:focus{outline:none}input,select,textarea{font-family:var(--font-body);outline:none}*{scrollbar-width:thin;scrollbar-color:#0fa96873 #0000000f}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000000f;border-radius:99px}::-webkit-scrollbar-thumb{background:#0fa96873;border-radius:99px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#0fa968b3}::-webkit-scrollbar-thumb:active{background:#0fa968e6}::-webkit-scrollbar-corner{background:0 0}.dropdown-scroll::-webkit-scrollbar{width:8px}.dropdown-scroll::-webkit-scrollbar-track{background:#0000000f;border-radius:99px}.dropdown-scroll::-webkit-scrollbar-thumb{background:#0fa96880;border-radius:99px}.dropdown-scroll::-webkit-scrollbar-thumb:hover{background:#0fa968bf}input[type=range]{appearance:none;background:0 0;width:100%}input[type=range]::-webkit-slider-runnable-track{background:#0000001f;border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-gold);cursor:pointer;border-radius:50%;width:22px;height:22px;margin-top:-9px;box-shadow:0 1px 4px #0000002e}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}.fade-up{animation:.45s forwards fadeUp}.sidebar-wrap{transition:width var(--transition-normal)}.nav-label{transition:opacity var(--transition-fast), max-width var(--transition-normal);white-space:nowrap;overflow:hidden}.main-wrap{transition:margin-left var(--transition-normal)}.spinner{border:3px solid #0fa96833;border-top-color:var(--color-gold);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.sidebar-backdrop{z-index:1190;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;animation:.2s forwards fadeUp;display:none;position:fixed;inset:0}.sidebar-backdrop.visible{display:block}.mobile-topbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);height:56px;padding:0 16px;padding-top:env(safe-area-inset-top);padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));z-index:18;align-items:center;gap:12px;display:none;position:fixed;top:0;left:0;right:0}@media (width<=767px){.mobile-topbar{height:calc(56px + env(safe-area-inset-top));display:flex}.sidebar-wrap{padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);transition:transform .25s cubic-bezier(.4,0,.2,1)}.sidebar-hidden{transform:translate(-100%)}.main-wrap{padding-top:calc(72px + env(safe-area-inset-top))!important;padding-bottom:max(24px, env(safe-area-inset-bottom))!important;margin-left:0!important}.page-padding{padding:0!important}.grid-4{grid-template-columns:repeat(2,1fr)!important}.grid-3,.grid-2,.grid-form-table{grid-template-columns:1fr!important}.gap-mobile{gap:10px!important}.tab-bar-mobile button{white-space:nowrap;padding:8px 10px!important;font-size:11px!important}button,[role=button],a{min-width:44px;min-height:44px}input,select,textarea{font-size:16px}}@supports (-webkit-touch-callout:none){a,img{-webkit-touch-callout:none}button,[role=button],a,input,select,textarea{touch-action:manipulation}}
