:root{--bottom-nav-height: 56px;--sidebar-width: 250px;--page-padding: 16px;--item-spacing: 12px}@media (max-width: 359px){:root{--page-padding: 12px;--item-spacing: 8px}.p-4{padding:12px!important}h1.text-xl{font-size:1.1rem!important}.text-base{font-size:.9rem!important}}:root{--app-radius: 12px;--app-padding: 16px;--app-primary: #4F46E5;--app-primary-dark: #4338CA;--app-bg: #f5f5f5;--app-bg-dark: #121212;--android-ripple: rgba(0,0,0,.1);--android-ripple-light: rgba(255,255,255,.1);--sidebar-width: 256px}.mobile-app-container{padding-bottom:env(safe-area-inset-bottom,16px)}@media (min-width: 768px){.mobile-app-container{width:var(--sidebar-width)}}.android-status-bar{height:env(safe-area-inset-top,24px)}.android-card{border-radius:var(--app-radius);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;overflow:hidden;transform:translateZ(0)}.mobile-tap-target{min-height:48px;min-width:48px;display:flex;align-items:center;justify-content:center}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:var(--android-ripple);opacity:0;border-radius:100%;transform:scale(1) translate(-50%,-50%);transform-origin:50% 50%}.dark .btn-ripple:after{background:var(--android-ripple-light)}.btn-ripple:focus:not(:active):after{animation:ripple 1s ease-out}@keyframes ripple{0%{transform:scale(0);opacity:1}20%{transform:scale(25);opacity:1}to{transform:scale(50);opacity:0}}.pull-to-refresh{height:0;overflow:hidden;transition:height .3s ease;display:flex;justify-content:center;align-items:center}.pull-to-refresh.active{height:60px}.android-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:50;background:#fff;padding:8px 4px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));box-shadow:0 -2px 10px #0000001a;display:flex;justify-content:space-evenly;width:100%;max-width:100%}.dark .android-bottom-nav{background:#1f2937;box-shadow:0 -2px 10px #0000004d}.android-bottom-nav .nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6b7280;font-size:.65rem;padding:6px 4px;border-radius:999px;transition:background-color .2s ease;flex:1;min-width:0;text-align:center}.android-bottom-nav .nav-item.active{color:var(--app-primary)}.dark .android-bottom-nav .nav-item.active{color:#93c5fd}.android-input{background-color:transparent;border-bottom:2px solid #e5e7eb;padding:8px 4px;transition:border-color .2s ease}.android-input:focus{border-bottom-color:var(--app-primary);box-shadow:none}.android-input select,select.android-input{background-color:#fff!important;color:#1f2937!important;border:1px solid #d1d5db!important;border-radius:6px!important}.dark .android-input select,.dark select.android-input{background-color:#374151!important;color:#f9fafb!important;border:1px solid #4b5563!important}.android-input select option,select.android-input option{background-color:#fff;color:#1f2937}.dark .android-input select option,.dark select.android-input option{background-color:#374151;color:#f9fafb}.filter-select{background:#fff!important;color:#1f2937!important;border:1px solid #d1d5db!important;border-radius:6px!important;font-weight:500;min-height:40px}.dark .filter-select{background:#374151!important;color:#f9fafb!important;border:1px solid #4b5563!important}.filter-select option{background:#fff;color:#1f2937;padding:8px}.dark .filter-select option{background:#374151;color:#f9fafb}.btn-mobile{min-height:48px;padding:8px 16px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-weight:500;transition:background .2s ease}.android-toast{position:fixed;bottom:80px;left:16px;right:16px;background:#323232;color:#fff;padding:12px 16px;border-radius:4px;box-shadow:0 3px 5px #0003;z-index:9999;opacity:0;transform:translateY(20px);animation:toast-in .3s forwards,toast-out .3s forwards 3s}@keyframes toast-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.page-enter-active{animation:page-in .3s forwards}.page-leave-active{animation:page-out .3s forwards}@keyframes page-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes page-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}.mobile-list-card{display:flex;flex-direction:column;padding:16px;border-radius:var(--app-radius);margin-bottom:12px;background-color:#fff;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;transition:all .2s ease}.dark .mobile-list-card{background-color:#1f2937}.mobile-list-card:active{transform:scale(.98)}.mobile-list-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.mobile-list-card .card-title{font-weight:600;font-size:1rem;color:#111827}.dark .mobile-list-card .card-title{color:#f9fafb}.mobile-list-card .card-body{display:flex;flex-direction:column;gap:8px}.mobile-list-card .card-row{display:flex;justify-content:space-between;font-size:.875rem}.mobile-list-card .card-label{color:#6b7280}.dark .mobile-list-card .card-label{color:#d1d5db}.mobile-list-card .card-value{font-weight:500;color:#111827}.dark .mobile-list-card .card-value{color:#f9fafb}.mobile-list-card .card-status{padding:2px 8px;font-size:.75rem;font-weight:500;border-radius:9999px;align-self:flex-start}.mobile-list-card .card-footer{margin-top:12px;display:flex;justify-content:flex-end;gap:8px}.action-buttons{display:flex;align-items:center;justify-content:flex-end;min-width:80px}@media (max-width: 359px){.action-buttons{position:relative;top:-2px}.btn-mobile{padding-left:8px!important;padding-right:8px!important;font-size:.7rem!important}.btn-mobile-compact{min-width:auto!important;padding:4px 6px!important;font-size:.65rem!important}.mobile-card-actions{flex-wrap:wrap;justify-content:flex-end;gap:4px}}@media (min-width: 360px) and (max-width: 480px){.btn-mobile{padding-left:10px!important;padding-right:10px!important;font-size:.75rem!important}}@media (max-width: 640px){.container-mobile{padding-left:16px;padding-right:16px}}@media (min-width: 768px){.android-bottom-nav{display:none}.content-main{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width))}}body.is-mobile-view{padding-bottom:var(--bottom-nav-height)}@media screen and (min-height: 200px) and (max-height: 420px) and (orientation: landscape){.android-bottom-nav{padding:4px}.android-bottom-nav .nav-item{flex-direction:row;gap:4px}.android-bottom-nav .nav-item span{font-size:.6rem}}@media screen and (max-width: 480px){.android-bottom-nav .nav-item span{font-size:.65rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media screen and (min-width: 360px) and (max-width: 380px){.android-bottom-nav{padding:6px 2px}.android-bottom-nav .nav-item{padding:6px 2px;min-width:50px}}@media screen and (max-width: 350px){.android-bottom-nav .nav-item{padding:4px 1px;min-width:45px}.android-bottom-nav .nav-item span{font-size:.6rem}.android-bottom-nav .nav-item svg{width:18px;height:18px}}.user-menu-item{position:relative;background-color:#00000005}@media screen and (min-width: 400px) and (max-width: 420px){.android-bottom-nav{display:flex;justify-content:space-evenly;padding:6px 1px}.android-bottom-nav .nav-item{width:24%;min-width:0;padding:8px 2px}.android-bottom-nav .nav-item svg{width:22px;height:22px;margin-bottom:3px}.android-bottom-nav .nav-item.user-menu-item{background-color:#00000008;padding:8px 2px;border-radius:8px;width:24%}.android-bottom-nav .nav-item span{font-size:.65rem;display:block;width:100%;text-align:center}}body.is-pixel7 .android-bottom-nav .nav-item{width:24%!important;min-width:0!important}body.is-pixel7 .android-bottom-nav .nav-item.user-menu-item{background-color:#0000000d;border-radius:8px}