:root{--color-brand:#1d3fa0;--color-brand-hover:#16307d;--color-brand-soft:#e8edfa;--color-danger:#a53636;--color-danger-soft:#fbe9e9;--color-warn:#8a5a10;--color-warn-soft:#fff3d9;--color-ok:#1c6b4a;--color-ok-soft:#e4f4ec;--color-ink:#16211f;--color-muted:#5b6b68;--color-line:#d7dfdd;--color-surface:#fff;--color-surface-soft:#f6f8f7;--color-bg:#eef1f0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--font-sans:"Noto Sans Georgian", "Segoe UI", system-ui, sans-serif;--text-xs:12px;--text-sm:13.5px;--text-md:15px;--text-lg:18px;--text-xl:22px;--tap-min:44px;--shadow-card:0 1px 2px #16211f0f;--shadow-popover:0 16px 48px #16211f38}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);font-size:var(--text-md);color:var(--color-ink);background:var(--color-bg);-webkit-tap-highlight-color:transparent;margin:0}button,input,textarea,select{font:inherit;color:inherit}h1,h2,h3,p{margin:0}.ui-toast-stack{left:50%;bottom:calc(var(--space-5) + env(safe-area-inset-bottom,0px));gap:var(--space-2);z-index:60;width:min(420px,100% - 24px);display:grid;position:fixed;transform:translate(-50%)}.ui-toast{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-line);background:var(--color-surface);box-shadow:var(--shadow-popover);font-size:var(--text-sm);font-weight:600}.ui-toast--ok{background:var(--color-ok-soft);border-color:var(--color-ok);color:var(--color-ok)}.ui-toast--warn{background:var(--color-warn-soft);border-color:var(--color-warn);color:var(--color-warn)}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-shell__topbar{padding:var(--space-2) var(--space-2);padding-top:max(var(--space-2), env(safe-area-inset-top,0px));background:linear-gradient(135deg, var(--color-brand), var(--color-brand-hover));z-index:20;align-items:stretch;gap:var(--space-1);border-bottom:none;display:flex;position:sticky;top:0}.app-shell__top-link{text-align:center;min-height:var(--tap-min);padding:var(--space-1) 2px;border-radius:var(--radius-sm);color:#5a4400;-webkit-tap-highlight-color:transparent;background:#f6c944;outline:none;flex:1 1 0;justify-content:center;align-items:center;font-size:11px;font-weight:700;line-height:1.15;text-decoration:none;display:flex}.app-shell__top-link:focus,.app-shell__top-link:active{outline:none}.app-shell__top-link span[aria-hidden=true]{font-size:18px;line-height:1}.app-shell__top-link--active{color:#3d3000;background:#e0ac0e}.app-shell__content{padding:var(--space-4);padding-bottom:calc(var(--space-6) + 64px);flex:auto;width:min(960px,100%);margin:0 auto}.app-shell__loading{color:var(--color-muted);padding:var(--space-4)}.app-shell__bottom-nav{background:var(--color-surface);border-top:1px solid var(--color-line);padding-bottom:env(safe-area-inset-bottom,0px);z-index:30;display:flex;position:fixed;bottom:0;left:0;right:0}.app-shell__nav-item{min-height:56px;color:var(--color-muted);font-size:var(--text-xs);flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;font-weight:700;text-decoration:none;display:flex}.app-shell__nav-item span:first-child{font-size:20px}.app-shell__nav-item--active{color:var(--color-brand)}