:focus-visible{outline:2px solid #00ffff!important;outline-offset:2px!important}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:rgba(0,10,30,.85);border-top:1px solid rgba(0,255,255,.4);padding:10px 8px calc(10px + env(safe-area-inset-bottom, 0px));z-index:50;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;box-shadow:0 -4px 20px rgba(0,200,255,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mobile-bottom-nav::-webkit-scrollbar{display:none}.mobile-bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 12px;min-width:70px;color:rgba(160,160,200,.7);border:none;background:transparent;transition:all .2s ease;position:relative;width:20%;overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mobile-bottom-nav-item:active{opacity:.7}.mobile-bottom-nav-item:before{content:"";position:absolute;top:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,#00ffff,#ff00ff);transition:all .3s ease;transform:translateX(-50%);opacity:0}.nav-icon-container{position:relative;display:flex;justify-content:center;align-items:center;height:32px;width:32px;margin-bottom:2px}.mobile-bottom-nav-item.active{color:#00ffff;text-shadow:0 0 8px rgba(0,255,255,.5)}.mobile-bottom-nav-item.active:before{width:70%;opacity:1}.mobile-bottom-nav-icon{transition:transform .2s ease;margin-bottom:4px;filter:drop-shadow(0 0 2px rgba(0,200,255,.3))}.mobile-bottom-nav-item:active .mobile-bottom-nav-icon{transform:scale(.9)}.mobile-bottom-nav-item.active .mobile-bottom-nav-icon{filter:drop-shadow(0 0 5px rgba(0,255,255,.7));transform:scale(1.1)}.mobile-bottom-nav-label{font-size:11px;font-weight:500;letter-spacing:.5px;margin-top:2px}.mobile-bottom-nav-improved{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-between;background:linear-gradient(0deg,rgba(0,0,0,.95),rgba(0,0,0,.85));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(0,255,255,.15);padding:10px 12px calc(10px + env(safe-area-inset-bottom, 0px));z-index:50;box-shadow:0 -4px 20px rgba(0,0,0,.7)}.nav-button{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;margin:0 4px;padding:6px 0;color:rgba(255,255,255,.6);transition:all .2s ease;position:relative;-webkit-tap-highlight-color:transparent;border-radius:8px}.nav-button.active{color:#00ffff;background-color:rgba(0,255,255,.08)}.nav-icon-wrapper{position:relative;display:flex;justify-content:center;align-items:center;height:28px;width:28px;margin-bottom:4px}.nav-icon{transition:transform .2s ease}.nav-button:active .nav-icon{transform:scale(.9)}.nav-button.active .nav-icon-wrapper:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;background:rgba(0,255,255,.15);border-radius:50%;z-index:-1}.nav-label{font-size:10px;font-weight:600;letter-spacing:.5px}.mobile-fab{position:fixed;bottom:80px;right:20px;width:60px;height:60px;border-radius:30px;background:linear-gradient(135deg,#00ffff,#ff00ff);color:#000;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px rgba(0,255,255,.6),0 0 30px rgba(255,0,255,.3);z-index:100;border:none;font-size:28px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);animation:fadeInUp .4s cubic-bezier(.16,1,.3,1);-webkit-tap-highlight-color:transparent}.fab-pulse-ring{position:absolute;width:100%;height:100%;border-radius:50%;background:transparent;border:2px solid rgba(0,255,255,.7);animation:pulseFab 2s infinite}.mobile-fab:active{transform:scale(.9) rotate(5deg);box-shadow:0 0 15px rgba(0,255,255,.8),0 0 20px rgba(255,0,255,.4)}.fab-button{position:fixed;bottom:80px;right:20px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#00ffff,#0088ff);color:#000;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(0,255,255,.5),0 0 20px rgba(0,255,255,.3);z-index:999;border:none;transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-tap-highlight-color:transparent}.fab-button:active{transform:scale(.92)}.fab-icon{filter:drop-shadow(0 0 2px rgba(0,0,0,.5))}.cosmic-glow{position:relative;overflow:visible}.cosmic-glow:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;box-shadow:0 0 15px 2px rgba(0,255,255,.7);z-index:-1}.shadow-glow-cyan{box-shadow:0 2px 10px rgba(0,255,255,.5),0 0 15px rgba(0,255,255,.3)}.shadow-glow-magenta{box-shadow:0 2px 10px rgba(255,0,255,.5),0 0 15px rgba(255,0,255,.3)}.shadow-inner-subtle{box-shadow:inset 0 1px 3px rgba(0,0,0,.3)}.cosmic-panel{border:1px solid rgba(0,255,255,.15);box-shadow:0 4px 15px rgba(0,0,0,.3),0 0 0 1px rgba(0,255,255,.05)}.cosmic-text{text-shadow:0 0 10px rgba(0,255,255,.7)}.table-card-container{animation:slideInUp .5s cubic-bezier(.16,1,.3,1) both;will-change:transform,opacity}@keyframes pulseGlow{0%{opacity:.7;transform:translate(-50%,-50%) scale(.8)}50%{opacity:.3;transform:translate(-50%,-50%) scale(1.1)}to{opacity:.7;transform:translate(-50%,-50%) scale(.8)}}@keyframes pulseFab{0%{transform:scale(1);opacity:.7}70%{transform:scale(1.3);opacity:0}to{transform:scale(1);opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@supports (padding-bottom:env(safe-area-inset-bottom)){.mobile-bottom-nav{padding-bottom:calc(8px + env(safe-area-inset-bottom))}.mobile-fab{bottom:calc(76px + env(safe-area-inset-bottom) / 2)}.mobile-bottom-nav-improved{padding-bottom:calc(10px + env(safe-area-inset-bottom))}.fab-button{bottom:calc(80px + env(safe-area-inset-bottom) / 2)}}@supports (-webkit-touch-callout:none){.h-screen,.mobile-container{height:-webkit-fill-available}.mobile-scroll-container{height:calc(var(--vh, 1vh) * 100 - 120px);padding-bottom:calc(100px + env(safe-area-inset-bottom, 20px))!important}}.plus-icon{background:linear-gradient(135deg,#fff,#a0f0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;font-size:24px}.touch-feedback{position:relative;overflow:hidden;transition:transform .15s ease,opacity .15s ease}.touch-feedback:active{transform:scale(.95);opacity:.8}.touch-feedback:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:rgba(0,255,255,.7);opacity:0;border-radius:100%;transform:scale(1) translate(-50%,-50%);pointer-events:none}.touch-feedback:active:after{animation:touch-ripple .6s ease-out}@keyframes touch-ripple{0%{transform:scale(0) translate(-50%,-50%);opacity:.5}to{transform:scale(20) translate(-50%,-50%);opacity:0}}.mobile-bottom-nav-item .text-red-500{color:#ff5555;text-shadow:0 0 8px rgba(255,0,0,.5)}.mobile-bottom-nav-item .text-green-500{color:#55ff7f;text-shadow:0 0 8px rgba(0,255,0,.5)}.ios-device,.ios-touch-fix{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;-webkit-tap-highlight-color:transparent}.ios-momentum-scroll{-webkit-overflow-scrolling:touch;overflow-y:scroll;touch-action:pan-y;overscroll-behavior-y:contain}.mobile-scroll-container{-webkit-overflow-scrolling:touch;overflow-y:auto;flex:1;padding-bottom:calc(80px + env(safe-area-inset-bottom, 20px));position:relative;z-index:1}.no-text-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.notch-aware,.touch-safe-zone{padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}.pull-refresh-indicator{position:absolute;top:0;left:0;right:0;height:60px;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.7);color:#00ffff;font-size:14px;transform:translateY(-100%);transition:transform .3s ease,opacity .3s ease;z-index:100;pointer-events:none;opacity:0}.pull-refresh-indicator.visible{transform:translateY(0);opacity:1}.pull-refresh-spinner{margin-right:8px;color:#00ffff}@media (pointer:coarse){.improved-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.improved-scroll::-webkit-scrollbar{display:none}.landscape-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}}.space-open-button{width:40px;height:40px;border-radius:50%;background:rgba(0,0,30,.7);border:1px solid rgba(0,255,255,.3);display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px rgba(0,255,255,.5);transition:all .2s ease}.space-open-button:active{transform:scale(.9);box-shadow:0 0 8px rgba(0,255,255,.8)}:root{--vh:1vh}.min-h-screen-vh{min-height:100vh;min-height:calc(var(--vh, 1vh) * 100)}.h-screen-vh{height:100vh;height:calc(var(--vh, 1vh) * 100)}.full-height{height:-webkit-fill-available}.table-card .server-info{z-index:5;position:relative}.swipeable-action-left,.swipeable-action-right{z-index:10}.swipeable-card-content{z-index:20}.table-card-container{touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative;z-index:1;cursor:pointer;-webkit-tap-highlight-color:transparent}.table-card-container:active{opacity:.8;transform:scale(.98);transition:transform .1s ease,opacity .1s ease}@media (max-width:768px){.table-card-container{margin-bottom:16px}}@media (max-height:812px) and (max-width:375px){.mobile-bottom-nav{padding:6px 0 calc(6px + env(safe-area-inset-bottom, 0px))}.mobile-bottom-nav-item{min-width:50px}}@media (min-width:414px) and (max-width:428px){.mobile-bottom-nav-item{min-width:65px;max-width:85px}}@media (orientation:landscape){.mobile-bottom-nav{padding-bottom:calc(5px + env(safe-area-inset-bottom, 0px));min-height:50px}.mobile-bottom-nav-label{font-size:9px}.landscape-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}}.mobile-table-card-list .table-card-container{display:flex;flex-direction:column;margin-bottom:16px}.mobile-table-card-list .table-card{display:flex;flex-direction:column;flex-grow:1;min-height:180px}.table-card>div:first-child{display:flex;flex-direction:column;height:100%}.table-card .mt-auto{margin-top:auto}.table-card .truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-touch-target{min-height:44px;min-width:44px}.mobile-spacing>*{margin:8px 0}.swipe-action-container{position:relative;overflow:hidden;touch-action:pan-y}.swipe-action-content{transition:transform .3s ease;position:relative;z-index:1;touch-action:pan-y}.swipe-action-left,.swipe-action-right{position:absolute;top:0;height:100%;width:80px;display:flex;align-items:center;justify-content:center;color:white;z-index:0}.swipe-action-left{background:linear-gradient(90deg,#ff3300,#ff6600)}.swipe-action-right{background:linear-gradient(90deg,#00cc00,#00ff33)}.skeleton-loader{background:linear-gradient(90deg,rgba(0,30,60,.8),rgba(0,40,80,.8),rgba(0,30,60,.8));background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.offline-indicator{position:fixed;top:0;left:0;right:0;padding:8px;background-color:rgba(255,0,0,.8);color:white;text-align:center;font-size:14px;z-index:1000;transform:translateY(-100%);transition:transform .3s ease}.offline-indicator.visible{transform:translateY(0)}.collapsible-section{overflow:hidden;transition:max-height .3s ease}.collapsible-header{display:flex;justify-content:space-between;align-items:center;padding:10px;cursor:pointer}.collapsible-content{padding:0 10px}.high-contrast-text{text-shadow:0 0 2px rgba(0,0,0,.8)}.large-text{font-size:120%}.swipe-indicator{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:15px;background-color:rgba(255,255,255,.2);opacity:0;transition:opacity .3s ease}.swipe-indicator.left{left:10px}.swipe-indicator.right{right:10px}.swipe-indicator.visible{opacity:1}@media (max-width:768px){.hide-on-mobile{display:none!important}.dialog-container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;display:flex;align-items:center;justify-content:center;touch-action:none}.dialog-content{max-height:85vh;padding:12px;overflow-y:auto;-webkit-overflow-scrolling:touch}.tabs-list{flex-wrap:wrap}.dialog-content .overflow-y-auto{max-height:60vh;-webkit-overflow-scrolling:touch}.dialog-content .grid-cols-2{grid-template-columns:1fr!important}.dialog-content .space-y-4{margin-top:.5rem}.dialog-footer-buttons{flex-direction:column;gap:.5rem}}.table-dialog{z-index:1000;position:fixed;inset:0;touch-action:none}.table-dialog-content{touch-action:pan-y;-webkit-overflow-scrolling:touch}.prevent-scroll-while-swiping{touch-action:pan-x}.enhanced-touch-target{min-height:48px;min-width:48px;display:inline-flex;align-items:center;justify-content:center}.scroll-cooldown-active{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.7);color:#00ffff;padding:4px 10px;border-radius:12px;font-size:12px;z-index:100;pointer-events:none}.scroll-direction-indicator{position:fixed;right:10px;background-color:rgba(0,0,0,.5);color:white;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:90}.scroll-direction-indicator.visible{opacity:.7}.scroll-direction-up{bottom:80px}.scroll-direction-down{bottom:120px}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea{font-size:16px!important}.elastic-press{transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.elastic-press:active{transform:scale(.95)}.btn-press{transform:translateY(0);transition:transform .1s ease-out}.btn-press:active{transform:translateY(2px)}@media (max-width:768px){.fixed-dialog{width:92vw!important;max-width:92vw!important;margin:4vh auto!important;max-height:88vh!important;display:flex;flex-direction:column}}.hardware-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}@media (pointer:coarse) and (min-width:768px) and (max-width:1366px){.btn,.clickable,[role=button],button{min-height:44px;min-width:44px}.table-card{min-height:180px}.table-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:16px}.header{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-top:env(safe-area-inset-top)}.content-area{padding-bottom:calc(env(safe-area-inset-bottom) + 16px)}.scrollable{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.table-card *{pointer-events:auto}.dialog-content{max-width:85vw}.table-dialog .dialog-content{max-height:calc(var(--vh, 1vh) * 90)!important}@media screen and (orientation:landscape) and (min-device-width:768px) and (max-device-width:1366px){.table-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.header{height:60px}}}.full-height{height:100vh;height:calc(var(--vh, 1vh) * 100)}@media (hover:none){.touch-feedback:active{transform:scale(.98);transition:transform .1s ease}}