:root{--cy:#008587;--cy-d:#006e70;--cy-l:#e4f3f2;--cy-l2:#f1f9f8;--grad:linear-gradient(135deg, #12b3ac 0%, #008587 50%, #056163 100%);--cyan:#008587;--cyan-l:#e4f3f2;--cyan-m:#cfe6e3;--emerald:#0f8a5b;--blue:#008587;--rose:#dc2626;--bg:#f7fbfa;--paper:#fff;--paper-2:#f7fbfa;--soft:#eaf5f3;--surface:#fff;--surface2:#f7fbfa;--surface3:#eef6f5;--line:#e3ecea;--line-2:#d2e0dd;--border:#e3ecea;--border2:#d2e0dd;--border3:#a9c0bc;--tx:#08211f;--tx-2:#48605d;--tx-3:#7a908d;--text:#08211f;--text2:#48605d;--text3:#7a908d;--text4:#9fb2af;--accent:#008587;--accent-d:#006e70;--accent-l:#e4f3f2;--accent-m:#cfe6e3;--primary:#008587;--primary-hover:#006e70;--primary-light:#e4f3f2;--green:#0f8a5b;--green-l:#e7f6ef;--green-m:#b6e3cd;--red:#dc2626;--red-l:#fef2f2;--red-m:#fecaca;--amber:#c2740a;--amber-l:#fbf3e6;--amber-m:#f2d9a8;--purple:#7c3aed;--purple-l:#f5f3ff;--purple-m:#ddd6fe;--sidebar:258px;--topbar-h:64px;--bottom-nav-h:64px;--bottom-nav-safe:0px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--touch-min:48px;--radius:16px;--radius-sm:12px;--radius-xs:8px;--radius-full:9999px;--sh-sm:0 1px 2px #0526240f, 0 2px 8px #0526240d;--sh-md:0 4px 14px #05262414, 0 14px 40px #05262414;--shadow-sm:0 1px 2px #0526240f, 0 2px 8px #0526240d;--shadow:0 1px 3px #05262414, 0 1px 2px -1px #05262414;--shadow-md:0 4px 14px #05262414, 0 14px 40px #05262414;--shadow-lg:0 10px 15px -3px #0526241a, 0 4px 6px -4px #05262414;--shadow-xl:0 20px 25px -5px #0526241f, 0 8px 10px -6px #0526241a;--shadow-float:0 25px 50px -12px #05262447;--shadow-up:0 -4px 16px #0526240f;--font:"Inter", system-ui, -apple-system, sans-serif;--heading:"Bricolage Grotesque", "Inter", system-ui, sans-serif;--mono:"JetBrains Mono", SFMono-Regular, Consolas, monospace;--ease:cubic-bezier(.4, 0, .2, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.15s;--dur:.2s;--dur-slow:.3s}@supports (padding:env(safe-area-inset-bottom)){:root{--bottom-nav-safe:env(safe-area-inset-bottom,0px)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:auto;min-height:100vh;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;font-size:15px;line-height:1.6}body{overflow-x:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:99px}#loginScreen{z-index:1000;padding:16px;padding-top:calc(16px + var(--safe-top));padding-bottom:calc(16px + var(--safe-bottom));background:linear-gradient(150deg,#056163 0%,#008587 48%,#04302f 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#loginScreen.hidden{display:none!important}.login-wrap{width:100%;max-width:400px;box-shadow:var(--shadow-lg);background:#fffffff7;border-radius:20px;padding:32px 28px}.login-brand{align-items:center;gap:12px;margin-bottom:28px;display:flex}.login-logo{background:var(--grad);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;display:flex;box-shadow:0 4px 12px #00858766}.login-brand-name{font-family:var(--heading);letter-spacing:-.5px;color:var(--text);font-size:18px;font-weight:800}.login-brand-sub{color:var(--text3);margin-top:1px;font-size:11px;font-weight:500}.login-title{font-family:var(--heading);letter-spacing:-.5px;margin-bottom:5px;font-size:21px;font-weight:800}.login-sub{color:var(--text3);margin-bottom:22px;font-size:13px}.role-toggle{background:var(--bg);border-radius:10px;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:20px;padding:4px;display:grid}.role-btn{cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font);color:var(--text3);transition:all var(--dur);min-height:var(--touch-min);background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:10px 8px;display:flex}.role-btn.active{background:var(--surface);color:var(--accent);box-shadow:var(--shadow)}.login-err{background:var(--red-l);border:1px solid var(--red-m);border-radius:var(--radius-sm);color:var(--red);margin-bottom:14px;padding:10px 13px;font-size:13px;display:none}.login-hint{background:var(--accent-l);border:1px solid var(--accent-m);border-radius:var(--radius-sm);color:var(--accent-d);margin-top:14px;padding:10px 13px;font-size:12px}.login-hint code{font-family:var(--mono);background:#2563eb1a;border-radius:4px;padding:1px 5px;font-size:11px}.btn-login{background:var(--grad);border-radius:var(--radius-sm);color:#fff;cursor:pointer;width:100%;font-size:15px;font-weight:700;font-family:var(--font);min-height:var(--touch-min);border:none;margin-top:4px;padding:14px;transition:opacity .2s,transform .1s;box-shadow:0 4px 16px #00858759}.btn-login:hover{opacity:.92}.btn-login:active{transform:scale(.99)}#app{min-height:100vh;display:none}#app.active{display:flex}.sidebar{width:var(--sidebar);background:var(--surface);border-right:1px solid var(--border);z-index:200;overscroll-behavior:contain;height:100vh;transition:transform var(--dur-slow) var(--ease);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.sb-logo{border-bottom:1px solid var(--border);padding:16px 14px 12px}.sb-logo-row{align-items:center;gap:10px;display:flex}.sb-logo-icon{border-radius:var(--radius-sm);background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.sb-logo-name{font-family:var(--heading);letter-spacing:-.3px;font-size:14px;font-weight:800}.sb-logo-sub{color:var(--text3);margin-top:1px;font-size:10.5px;font-weight:500}.sb-user{background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border);margin:10px 10px 4px;padding:10px 12px}.sb-user-name{color:var(--text);font-size:13px;font-weight:700}.sb-user-role{letter-spacing:.3px;text-transform:uppercase;border-radius:99px;align-items:center;gap:4px;margin-top:3px;padding:2px 8px;font-size:10.5px;font-weight:600;display:inline-flex}.role-admin{background:var(--accent-l);color:var(--accent)}.role-gatherer{background:var(--cyan-l);color:var(--cyan)}.sb-nav{flex-direction:column;flex:1;gap:4px;padding:6px 8px;display:flex}.sb-section{color:var(--text4);letter-spacing:.9px;text-transform:uppercase;padding:12px 10px 4px;font-size:10px;font-weight:700}.nav-item{border-radius:var(--radius-sm);cursor:pointer;color:var(--text3);transition:all var(--dur-fast);-webkit-user-select:none;user-select:none;min-height:var(--touch-min);border:1px solid #0000;align-items:center;gap:9px;margin-bottom:1px;padding:10px 11px;font-size:13px;font-weight:500;display:flex}.nav-item:hover{background:var(--bg);color:var(--text)}.nav-item.active{background:var(--accent-l);color:var(--accent);border-color:var(--accent-m);font-weight:600}.nav-item .ni{text-align:center;flex-shrink:0;width:18px;font-size:15px}.nav-badge{background:var(--red);color:#fff;text-align:center;border-radius:99px;min-width:20px;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:700}.sb-foot{border-top:1px solid var(--border);padding:8px}.sb-stat{color:var(--text3);padding:4px 10px;font-size:11.5px;line-height:1.4}.sb-stat strong{color:var(--text);font-size:13px;font-weight:700;font-family:var(--mono);display:block}.btn-logout{background:var(--red-l);border:1px solid var(--red-m);border-radius:var(--radius-sm);width:100%;color:var(--red);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font);min-height:var(--touch-min);margin-top:6px;padding:10px;transition:opacity .2s}.btn-logout:hover{opacity:.8}.main{margin-left:var(--sidebar);flex-direction:column;flex:1;min-height:100vh;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);padding:0 20px;padding-left:calc(20px + var(--safe-left));padding-right:calc(20px + var(--safe-right));height:var(--topbar-h);z-index:50;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;display:flex;position:sticky;top:0}.topbar-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:15px;font-weight:700;overflow:hidden}.topbar-search{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);width:220px;transition:border var(--dur-fast);align-items:center;gap:8px;padding:8px 12px;display:flex}.topbar-search:focus-within{border-color:var(--accent)}.topbar-search input{color:var(--text);width:100%;font-size:13px;font-family:var(--font);background:0 0;border:none;outline:none}.topbar-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.page{padding:20px 22px 48px;animation:.18s pageFadeIn}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.btn-hamburger{border:1.5px solid var(--border);border-radius:var(--radius-xs);cursor:pointer;color:var(--text2);background:0 0;flex-shrink:0;justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:7px 9px;font-size:17px;display:none}.sidebar-overlay{z-index:199;-webkit-backdrop-filter:blur(3px);background:#00000073;display:none;position:fixed;inset:0}.sync-bar{background:var(--green-l);border-bottom:1px solid var(--green-m);color:#065f46;align-items:center;gap:8px;padding:6px 20px;font-size:12px;display:flex}.sync-bar.warning{background:var(--amber-l);border-color:var(--amber-m);color:#78350f}.sync-bar.error{background:var(--red-l);border-color:var(--red-m);color:#991b1b}.sync-bar.hidden{display:none}.sync-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s infinite dotPulse}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}.two-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.three-col{grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid}#bottomNav{z-index:150;background:var(--surface);border-top:1px solid var(--border);box-shadow:var(--shadow-up);padding-bottom:var(--safe-bottom);display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-inner{height:var(--bottom-nav-h);display:flex}.bn-item{cursor:pointer;font-family:var(--font);color:var(--text4);transition:color var(--dur-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:0 4px;display:flex;position:relative}.bn-item.active{color:var(--accent)}.bn-icon{transition:transform var(--dur-fast) var(--ease-bounce);font-size:20px;line-height:1}.bn-item.active .bn-icon{transform:scale(1.18)}.bn-label{letter-spacing:.1px;white-space:nowrap;font-size:10px;font-weight:600}.bn-badge{background:var(--red);color:#fff;text-align:center;border:1.5px solid var(--surface);border-radius:99px;min-width:16px;padding:1px 5px;font-size:9px;font-weight:700;position:absolute;top:6px;right:calc(50% - 18px)}.bn-item:before{content:"";background:var(--accent);height:2px;transition:transform var(--dur) var(--ease-bounce);border-radius:0 0 3px 3px;position:absolute;top:0;left:20%;right:20%;transform:scaleX(0)}.bn-item.active:before{transform:scaleX(1)}#mobileFab{right:18px;bottom:calc(var(--bottom-nav-h) + var(--safe-bottom) + 14px);z-index:149;background:var(--grad);cursor:pointer;width:54px;height:54px;transition:transform .2s var(--ease-bounce), box-shadow .2s;color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:22px;display:none;position:fixed;box-shadow:0 4px 16px #00858773}#mobileFab:active{transform:scale(.92)}@media (width<=768px){.profile-shell,.vcard-container,#ui-card-root,.app-wrapper{visibility:visible!important;opacity:1!important;width:100%!important;min-height:100vh!important}.sidebar{width:min(280px,85vw);height:100%;padding-top:var(--safe-top);padding-bottom:calc(var(--safe-bottom) + var(--bottom-nav-h));top:0;transform:translate(-100%)}.sidebar.open{box-shadow:var(--shadow-lg);transform:translate(0)}.sidebar-overlay.open{display:block}.btn-hamburger{display:flex}.sb-foot{padding-bottom:8px}.main{padding-bottom:calc(var(--bottom-nav-h) + var(--safe-bottom));margin-left:0}.topbar{padding:0 12px;padding-top:var(--safe-top);height:calc(var(--topbar-h) + var(--safe-top));gap:8px}.topbar-title{font-size:14px}.topbar-search{width:160px}.page{padding:14px 14px 24px}#bottomNav{display:block}#mobileFab{display:flex}.two-col,.three-col{grid-template-columns:1fr;gap:12px}}@media (width<=480px){.topbar-search{width:140px;padding:6px 10px}.topbar-search input{font-size:12px}.page{padding:12px 12px 20px}.login-wrap{border-radius:16px;padding:26px 20px}}@media (width>=769px){#bottomNav,#mobileFab{display:none!important}}.sb-nav .menu-item{text-align:left;width:100%;font-family:var(--font);color:var(--tx-2);cursor:pointer;transition:background .15s var(--ease), color .15s var(--ease), border-color .15s var(--ease);background:0 0;border:1px solid #0000;border-left-width:3px;border-radius:0 10px 10px 0;align-items:center;gap:11px;min-height:44px;margin-bottom:2px;padding:11px 14px;font-size:14px;font-weight:600;display:flex}.sb-nav .menu-item:hover{background:var(--cy-l2);color:var(--cy-d);box-shadow:none}.sb-nav .menu-item.active{background:var(--cy-l);color:var(--cy);box-shadow:none;border-left:3px solid var(--cy);font-weight:700}.sb-nav .menu-item i,.sb-nav .menu-item img{text-align:center;width:20px;color:var(--tx-3);transition:color .15s var(--ease);flex-shrink:0;margin:0;font-size:15px}.sb-nav .menu-item:hover i{color:var(--cy-d)}.sb-nav .menu-item.active i{color:var(--cy)}.sb-nav .menu-item.accent-teal{color:var(--cy-d);font-weight:700}.sb-nav .menu-item.accent-teal i{color:var(--cy)}.sb-nav .menu-item.accent-amber{color:var(--amber);font-weight:700}.sb-nav .menu-item.accent-amber i{color:var(--amber)}.sb-nav .menu-item.accent-red{color:var(--red);font-weight:700}.sb-nav .menu-item.accent-red i{color:var(--red)}.sb-nav .menu-item.accent-teal:hover,.sb-nav .menu-item.accent-amber:hover,.sb-nav .menu-item.accent-red:hover{background:var(--cy-l2)}.sb-nav .sb-divider{text-transform:uppercase;letter-spacing:.9px;color:var(--tx-3);padding:16px 12px 6px;font-size:10px;font-weight:700}.card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--sh-sm);transition:transform .2s var(--ease), box-shadow .2s var(--ease), border-color .2s var(--ease);border-radius:16px}.topbar{-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);border-bottom:1px solid var(--line);background:#ffffffb8}.topbar-title{font-family:var(--heading);letter-spacing:-.2px;font-weight:700}@media (width<=768px){.entry-grid,.grid-2,.form-grid{grid-template-columns:1fr!important}.card{padding:16px!important}.topbar-title{font-size:16px}.photo-zone{width:100%!important;height:200px!important}}.card-address-text{min-height:3em;word-wrap:break-word!important;word-break:break-word!important;white-space:normal!important;width:100%!important;margin-top:10px!important;font-size:16px!important;line-height:1.4!important;display:block!important}.modal-overlay,#product-details-overlay,#waServiceModal,#waOrderModal,#trackModal,#legalModal,.modal-box{z-index:2147483647!important}.flex{display:flex}.col{flex-direction:column}.ic{align-items:center}.jb{justify-content:space-between}.je{justify-content:flex-end}.jc{justify-content:center}.wrap{flex-wrap:wrap}.g4{gap:4px}.g8{gap:8px}.g12{gap:12px}.g16{gap:16px}.g24{gap:24px}.mt8{margin-top:8px}.mt16{margin-top:16px}.mb8{margin-bottom:8px}.mb16{margin-bottom:16px}.fw5{font-weight:500}.fw6{font-weight:600}.fw7{font-weight:700}.fw8{font-weight:800}.text-sm{font-size:14px}.text-xs{font-size:12px}.muted{color:var(--text3)}.mono{font-family:var(--mono)}.cursor-pointer{cursor:pointer}.text-center{text-align:center}h1,h2,h3,h4,h5,h6{font-family:var(--heading);letter-spacing:-.015em;color:var(--text)}.card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease);padding:24px}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border2);transform:translateY(-2px)}.sec-head{font-family:var(--heading);color:var(--text2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;font-size:14px;font-weight:700}.btn{border-radius:var(--radius-sm);font-family:var(--font);cursor:pointer;transition:all var(--dur) var(--ease);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--accent);color:#fff;border:1px solid var(--accent);box-shadow:0 4px 14px #00858747}.btn-primary:hover{background:var(--accent-d);border-color:var(--accent-d);box-shadow:0 6px 18px #00858757}.btn-outline{color:var(--accent-d);border-color:var(--border2);background:#fff}.btn-outline:hover{background:var(--cy-l2);border-color:var(--accent);color:var(--accent-d)}.btn-ghost{color:var(--text);border-color:var(--border);background:0 0}.btn-ghost:hover{background:var(--surface2);border-color:var(--border2)}.btn-danger{color:var(--red);border-color:var(--border);background:#fff}.btn-danger:hover{background:var(--red-l);border-color:var(--red-m)}.btn-sm{min-height:36px;padding:8px 14px;font-size:13px}.badge{border-radius:var(--radius-full);padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.b-green{background:var(--green-l);color:var(--green)}.b-blue{background:var(--accent-l);color:var(--primary)}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.fg{flex-direction:column;gap:6px;display:flex}.fl{color:var(--text2);font-size:13px;font-weight:600}.fi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:15px;font-family:var(--font);color:var(--text);width:100%;transition:border-color var(--dur), box-shadow var(--dur);padding:12px 16px;box-shadow:inset 0 1px 2px #00000005}.fi:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.tbl-wrap{-webkit-overflow-scrolling:touch;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;letter-spacing:.5px;color:var(--text3);text-transform:uppercase;background:var(--surface2);border-bottom:1px solid var(--border);white-space:nowrap;padding:14px 20px;font-size:12px;font-weight:700}td{border-bottom:1px solid var(--border);color:var(--text2);padding:16px 20px}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background var(--dur-fast) var(--ease)}tbody tr:hover td{background:var(--cy-l2)}#modalWrap{pointer-events:none;opacity:0;transition:opacity .2s;z-index:99999!important;justify-content:center!important;align-items:center!important;padding:20px!important;display:flex!important;position:fixed!important;inset:0!important}#modalWrap.active{pointer-events:auto!important;opacity:1!important}.modal-bg{z-index:1!important;background:#0f172a80!important;position:absolute!important;inset:0!important}.modal{border:1px solid var(--border);z-index:2!important;background:var(--surface)!important;border-radius:var(--radius)!important;width:100%!important;max-width:500px!important;max-height:90vh!important;box-shadow:var(--shadow-xl)!important;flex-direction:column!important;margin:auto!important;transition:transform .2s!important;display:flex!important;position:relative!important;overflow:hidden!important;transform:scale(.98)translateY(10px)!important}.modal-xl{max-width:960px!important}#modalWrap.active .modal{transform:scale(1)translateY(0)!important}.modal-head{background:var(--surface);border-bottom:1px solid var(--border)!important;flex-shrink:0!important;justify-content:space-between!important;align-items:center!important;padding:20px 24px!important;display:flex!important}.modal-title{color:var(--text)!important;font-size:18px!important;font-weight:700!important}.modal-close{border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;color:var(--text3);transition:background var(--dur);background:0 0;border:none;justify-content:center;align-items:center;font-size:20px;display:flex}.modal-close:hover{background:var(--surface2);color:var(--text)}.modal-body{flex:auto!important;padding:24px!important;overflow-y:auto!important}.modal-foot{border-top:1px solid var(--border)!important;background:var(--surface2)!important;flex-shrink:0!important;justify-content:flex-end!important;gap:12px!important;padding:20px 24px!important;display:flex!important}#toastWrap{z-index:2147483647;pointer-events:none;flex-direction:column-reverse;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);max-width:360px;box-shadow:var(--shadow-lg);opacity:0;align-items:center;gap:10px;padding:14px 18px;font-size:14px;font-weight:600;transition:all .3s;display:flex;transform:translateY(10px)}.toast.vis{opacity:1;transform:translateY(0)}.toast.success{border-left:4px solid var(--green)}.toast.error{border-left:4px solid var(--red)}@media (width<=768px){body,html{background:var(--surface2);height:auto!important;min-height:100vh!important;overflow:hidden auto!important}#app.active{flex-direction:column;min-height:100vh;display:flex!important}.main{padding-bottom:calc(var(--bottom-nav-h) + var(--safe-bottom) + 20px);flex:1;padding-top:70px;overflow:hidden visible}.topbar{z-index:100;-webkit-backdrop-filter:blur(8px);height:60px;box-shadow:var(--shadow-sm);padding:0 16px;padding-top:env(safe-area-inset-top);border-bottom:1px solid var(--border);background:#fffffff2;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.topbar-title{text-align:left;flex:1;font-size:16px;font-weight:700}.mobile-only-nav{border-top:1px solid var(--border);z-index:1000;padding-bottom:env(safe-area-inset-bottom);box-shadow:var(--shadow-up);background:#fffffffa;position:fixed;bottom:0;left:0;right:0;display:block!important}.bottom-nav-inner{justify-content:space-around;align-items:center;height:65px;padding:0 8px;display:flex}.bnav-item{color:var(--text4);cursor:pointer;background:0 0;border:none;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:20%;padding:0;display:flex}.bnav-item.active{color:var(--text)}.bnav-icon{font-size:20px;transition:transform .2s}.bnav-item.active .bnav-icon{color:var(--primary);transform:translateY(-2px)}.bnav-text{font-size:11px;font-weight:600}.center-fab{position:relative;top:-15px}.fab-inner{background:var(--accent);color:#fff;width:56px;height:56px;box-shadow:var(--shadow-md);border:4px solid var(--surface);border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:transform .2s;display:flex}.center-fab:active .fab-inner{transform:scale(.95)}#modalWrap{align-items:flex-end!important;padding:0!important}.modal{border-bottom:none;border-radius:16px 16px 0 0!important;max-height:90vh!important;transform:translateY(100%)!important}#modalWrap.active .modal{transform:translateY(0)!important}.modal-foot{padding:16px 20px calc(16px + env(safe-area-inset-bottom))!important;flex-direction:column-reverse!important}.modal-foot .btn{min-height:48px;width:100%!important}*{touch-action:manipulation}.fi{min-height:48px!important;font-size:16px!important}.form-grid{grid-template-columns:1fr!important;gap:16px!important}}@media (width>=769px){.mobile-only-nav{display:none!important}}.pswp,.medium-zoom-overlay,.medium-zoom-image--opened{z-index:2147483647!important}