:root{--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--spacing-mobile: 1rem;--spacing-tablet: 1.5rem;--spacing-desktop: 2rem;--font-size-xs: .85rem;--font-size-sm: 1rem;--font-size-base: 1.1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.4rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2.2rem;--touch-target-min: 44px;--touch-target-comfortable: 48px}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}button,input,textarea,select{-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:var(--touch-target-min)}@media(max-width:768px){.mobile-hidden{display:none!important}.mobile-full-width{width:100%!important}.mobile-stack{flex-direction:column!important}.mobile-center{text-align:center!important}.mobile-p-4{padding:1rem!important}.mobile-gap-4{gap:1rem!important}}@media(min-width:768px)and (max-width:1024px){.tablet-hidden{display:none!important}}@media(min-width:1024px){.desktop-hidden{display:none!important}}@media(max-width:768px)and (orientation:landscape){.landscape-mobile-hidden{display:none!important}.landscape-mobile-p-2{padding:.5rem!important}}@supports (-webkit-touch-callout: none){body{-webkit-text-size-adjust:100%}}@media screen and (-webkit-min-device-pixel-ratio:0){select:focus,textarea:focus,input:focus{font-size:16px!important}}@supports (padding: max(0px)){.safe-area-top{padding-top:max(env(safe-area-inset-top),1rem)}.safe-area-bottom{padding-bottom:max(env(safe-area-inset-bottom),1rem)}.safe-area-left{padding-left:max(env(safe-area-inset-left),1rem)}.safe-area-right{padding-right:max(env(safe-area-inset-right),1rem)}}.container-mobile{width:100%!important;padding-left:16px;padding-right:16px;margin-left:0;margin-right:0;max-width:100%!important}.grid-mobile{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:640px){.grid-mobile{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-mobile{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.card-mobile{border-radius:.5rem;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.card-mobile:active{transform:scale(.98)}.btn-mobile{min-height:var(--touch-target-comfortable);padding:.75rem 1.5rem;font-size:1rem;border-radius:.5rem;transition:all .2s ease}.btn-mobile:active{transform:scale(.95)}.input-mobile{min-height:var(--touch-target-comfortable);padding:.75rem 1rem;font-size:1rem;border-radius:.5rem}.table-mobile{font-size:.875rem}.table-mobile th,.table-mobile td{padding:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}@media(max-width:640px){.table-mobile{font-size:.75rem}.table-mobile th,.table-mobile td{padding:.25rem;max-width:80px}}.nav-mobile{flex-direction:column;gap:.5rem}.nav-mobile button{width:100%;justify-content:center}.modal-mobile{width:95vw;max-width:400px;margin:1rem auto}.form-mobile .form-group{margin-bottom:1rem}.form-mobile label{display:block;margin-bottom:.5rem;font-weight:500}.status-mobile{font-size:.75rem;padding:.25rem .5rem;border-radius:.25rem}.loading-mobile{min-height:200px;display:flex;align-items:center;justify-content:center}.error-mobile{padding:1rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;font-size:.875rem}.success-mobile{padding:1rem;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;color:#16a34a;font-size:.875rem}.mobile-app-container{padding-bottom:80px;background-color:#f8f9fa;min-height:100vh}:root{--app-bg: #f8f9fa;--app-surface: #ffffff;--app-text: #1a202c;--app-border: #edf2f7;--app-header-bg: #ffffff}.dark{--app-bg: #171923;--app-surface: #2d3748;--app-text: #ffffff;--app-border: #4a5568;--app-header-bg: #1a202c}body{background-color:var(--app-bg);color:var(--app-text);transition:background-color .3s,color .3s}.mobile-app-container{padding-bottom:80px;background-color:var(--app-bg);min-height:100vh}.bottom-nav{position:fixed;bottom:20px;left:16px;right:16px;height:65px;background:var(--app-surface);opacity:.95;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-around;align-items:center;border-radius:24px;box-shadow:0 8px 30px #0000001f;border:1px solid var(--app-border);z-index:1000;padding-bottom:0;transition:all .3s}.dark .bottom-nav{background:#1a202ce6;box-shadow:0 8px 30px #0006}.app-card{background:var(--app-surface);border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 2px 4px #00000005;border:1px solid var(--app-border);color:var(--app-text);transition:all .3s}.app-header{padding:16px;background:var(--app-header-bg);border-bottom-left-radius:24px;border-bottom-right-radius:24px;box-shadow:0 4px 12px #00000008;margin-bottom:16px;border:1px solid var(--app-border);border-top:none;transition:all .3s}.dark .app-header h2{color:#fff!important}.dark .chakra-card,.dark .chakra-modal__content{background-color:var(--app-surface)!important;color:#fff!important}.dark input,.dark textarea,.dark select{background-color:#1a202c!important;color:#fff!important;border-color:#4a5568!important}.app-fab{position:fixed;bottom:85px;right:20px;width:56px;height:56px;border-radius:28px;background-color:#3182ce;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #3182ce66;z-index:999;font-size:24px}.app-fab:active{transform:scale(.9)}.touch-section{padding:16px;background:#fff;border-radius:16px;margin-top:8px}.mobile-text-center{text-align:center}.mobile-text-sm{font-size:var(--font-size-sm)}.mobile-text-xs{font-size:var(--font-size-xs)}.mobile-w-full{width:100%}.mobile-h-full{height:100%}.mobile-overflow-x-auto{overflow-x:auto;-webkit-overflow-scrolling:touch}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-slide-up{animation:slideUp .3s ease-out}.mobile-focus-visible:focus-visible{outline:2px solid #3182ce;outline-offset:2px}.mobile-disabled{opacity:.6;cursor:not-allowed;pointer-events:none}@media print{.no-print{display:none!important}.print-only{display:block!important}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:110%}body{margin:0;min-width:320px;min-height:100vh;width:100%}#root{width:100%;margin:0;padding:0}