:root{--touch-target-min: 44px;--touch-target-comfortable: 48px;--safe-area-inset-top: env(safe-area-inset-top);--safe-area-inset-bottom: env(safe-area-inset-bottom);--safe-area-inset-left: env(safe-area-inset-left);--safe-area-inset-right: env(safe-area-inset-right)}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding-top:var(--safe-area-inset-top);padding-bottom:var(--safe-area-inset-bottom)}button,a,[role=button],[tabindex="0"]{min-height:var(--touch-target-min);touch-action:manipulation}@media (max-width: 1024px){.fi-topbar-open-sidebar-btn,.fi-topbar-close-sidebar-btn{min-height:var(--touch-target-comfortable)!important;min-width:var(--touch-target-comfortable)!important;padding:8px!important;border-radius:8px;background:#0000000d;transition:background-color .2s ease}.fi-topbar-open-sidebar-btn:hover,.fi-topbar-close-sidebar-btn:hover{background:#0000001a}.fi-sidebar-close-overlay{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.fi-sidebar{overflow-y:auto;-webkit-overflow-scrolling:touch;padding-top:max(1rem,var(--safe-area-inset-top));padding-bottom:max(1rem,var(--safe-area-inset-bottom))}}.touch-active{opacity:.7;transform:scale(.98);transition:all .1s ease}.swipe-action-preview{position:absolute;top:0;bottom:0;width:80px;display:flex;align-items:center;justify-content:center;z-index:1;pointer-events:none}.swipe-action{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:600;height:100%;width:100%;text-align:center;border-radius:8px;transition:opacity .2s ease}.swipe-action-edit{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.swipe-action-delete{background:linear-gradient(135deg,#ef4444,#dc2626)}.swipe-action svg{width:16px;height:16px;margin-bottom:2px}.pull-to-refresh-indicator{position:fixed;top:-60px;left:0;right:0;height:60px;background:#fff;display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;transition:opacity .3s ease;box-shadow:0 2px 10px #0000001a;border-bottom:1px solid #e5e7eb}.pull-refresh-spinner{display:flex;align-items:center;gap:.75rem;color:#6366f1;font-weight:500;font-size:.875rem}.pull-refresh-spinner svg{width:20px;height:20px}.pull-to-refresh-indicator.ready{background:#6366f1;color:#fff}.pull-to-refresh-indicator.ready .pull-refresh-spinner{color:#fff}.pull-to-refresh-indicator.refreshing .animate-spin{animation:pullRefreshSpin 1s linear infinite}@keyframes pullRefreshSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 640px){.fi-main{padding:.75rem!important}.fi-section-content-ctn{padding:1rem!important}.fi-table{font-size:.875rem}.fi-table th,.fi-table td{padding:.5rem!important}.fi-form-component-ctn{margin-bottom:1rem}.fi-input,.fi-select-input{min-height:var(--touch-target-min);font-size:16px}.fi-btn{min-height:var(--touch-target-min);padding:.75rem 1rem}.fi-btn-sm{min-height:40px;padding:.5rem .75rem}}@media (prefers-color-scheme: dark){.pull-to-refresh-indicator{background:#1f2937;border-color:#374151}.pull-to-refresh-indicator.ready{background:#6366f1}.touch-active{background-color:#ffffff1a}}@media (prefers-reduced-motion: reduce){.touch-active,.swipe-action,.pull-to-refresh-indicator{transition:none;animation:none}}.fi-sidebar,.pull-to-refresh-indicator,.swipe-action-preview{will-change:transform;transform:translateZ(0)}@media (max-width: 768px){img{max-width:100%;height:auto}img[loading=lazy]{opacity:0;transition:opacity .3s}img[loading=lazy].loaded{opacity:1}}.mobile-debug-info{position:fixed;top:10px;right:10px;background:#000c;color:#fff;padding:.5rem;border-radius:4px;font-size:.75rem;z-index:10000;font-family:monospace;max-width:200px;display:none}.mobile-debug-info.active{display:block}.fi-topbar-database-notifications-btn{position:relative;z-index:60}.fi-modal[id*=database-notifications]{z-index:10000!important;position:fixed!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.fi-modal[id*=database-notifications] .fi-modal-content{z-index:10001!important;position:relative!important;max-height:80vh!important;overflow-y:auto!important;background:#fff!important;border-radius:8px!important;box-shadow:0 10px 25px #0003!important}.fi-modal-backdrop{z-index:9998!important;background:#00000080!important}.fi-dropdown-panel{z-index:10000!important;position:fixed!important}.fi-modal{z-index:10000!important}.fi-modal-window{z-index:10001!important;background:#fff!important;border-radius:8px!important;box-shadow:0 10px 25px #0003!important}.fi-modal .fi-modal-content,.fi-modal .fi-modal-window .fi-modal-content{background:#fff!important;color:inherit!important;opacity:1!important;visibility:visible!important}[id*=database-notifications]{z-index:10005!important}[id*=database-notifications] .fi-modal-window,[id*=database-notifications] .fi-modal-content{z-index:10006!important;position:relative!important;transform:none!important;opacity:1!important;visibility:visible!important;display:block!important}[x-show]{transition:opacity .3s ease!important}[x-show][x-cloak]{display:none!important}.swipable-item{position:relative;overflow:hidden}.debug-touch{outline:2px solid red!important}.debug-scroll{outline:2px solid blue!important}.touch-friendly{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}.touch-comfortable{min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable)}