.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--card-bg,#ffffff);border-top:1px solid var(--border-color,#e2e8f0);display:none;align-items:flex-start;justify-content:space-around;z-index:9999;padding:6px 4px 0;padding-bottom:calc(6px+env(safe-area-inset-bottom,0px));box-shadow:0 -4px 20px rgba(0,0,0,0.06);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);}[data-theme="dark"] .bottom-nav{background:rgba(30,41,59,0.95);border-top-color:rgba(51,65,85,0.6);box-shadow:0 -4px 20px rgba(0,0,0,0.3);}@media (max-width:768px){.bottom-nav{display:flex;}}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px 0;text-decoration:none;color:var(--text-muted,#94a3b8);border-radius:10px;transition:color 0.2s;min-width:52px;-webkit-tap-highlight-color:transparent;position:relative;}.bottom-nav-item.active{color:var(--primary-color,#4f46e5);}.bottom-nav-item.active::before{content:'';position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background:var(--primary-color,#4f46e5);}[data-theme="dark"] .bottom-nav-item.active{color:#818cf8;}[data-theme="dark"] .bottom-nav-item.active::before{background:#818cf8;}.bottom-nav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;}.bottom-nav-icon svg{width:22px;height:22px;}.bottom-nav-label{font-size:10px;font-weight:500;letter-spacing:0.01em;line-height:1;}.bottom-nav-fab{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);color:#fff;text-decoration:none;box-shadow:0 4px 14px rgba(79,70,229,0.35);margin-top:-18px;transition:transform 0.15s;position:relative;-webkit-tap-highlight-color:transparent;}.bottom-nav-fab:active{transform:scale(0.9);}.bottom-nav-fab-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;}.bottom-nav-fab-icon svg{width:24px;height:24px;}.outbox-badge{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;padding:0 4px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;border-radius:9px;display:flex;align-items:center;justify-content:center;border:2px solid var(--card-bg,#fff);}.pwa-install-banner{position:fixed;bottom:76px;left:12px;right:12px;z-index:10000;transform:translateY(120%);transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1);pointer-events:none;}.pwa-install-banner.show{transform:translateY(0);pointer-events:all;}.pwa-install-content{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--card-bg,#ffffff);border:1px solid var(--border-color,#e2e8f0);border-radius:14px;box-shadow:0 8px 32px rgba(0,0,0,0.12);}[data-theme="dark"] .pwa-install-content{background:rgba(30,41,59,0.98);border-color:#475569;box-shadow:0 8px 32px rgba(0,0,0,0.5);}.pwa-install-icon{font-size:28px;flex-shrink:0;}.pwa-install-text{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0;}.pwa-install-text strong{font-size:13px;color:var(--text-primary,#1e293b);}[data-theme="dark"] .pwa-install-text strong{color:#e2e8f0;}.pwa-install-text span{font-size:11px;color:var(--text-muted,#94a3b8);}.pwa-install-ios-steps{font-size:12px;color:var(--text-secondary,#64748b);line-height:1.5;padding:8px 0 0;}.pwa-install-btn{padding:8px 16px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:10px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;-webkit-tap-highlight-color:transparent;}.pwa-install-btn:active{opacity:0.85;}.pwa-install-close{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted,#94a3b8);font-size:18px;cursor:pointer;border-radius:50%;flex-shrink:0;padding:0;-webkit-tap-highlight-color:transparent;}.pwa-status-bar{position:fixed;top:0;left:0;right:0;z-index:10001;padding:6px 16px;padding-top:calc(6px+env(safe-area-inset-top,0px));text-align:center;font-size:12px;font-weight:600;transition:transform 0.3s ease;animation:statusSlideDown 0.3s ease;}@keyframes statusSlideDown{from{transform:translateY(-100%);}to{transform:translateY(0);}}.pwa-status-bar.offline{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;}.pwa-status-bar.online{background:linear-gradient(135deg,#10b981,#059669);color:#fff;}.pwa-status-bar.hide{transform:translateY(-100%);}.pwa-toast{position:fixed;bottom:84px;left:50%;transform:translateX(-50%) translateY(16px);padding:10px 20px;background:rgba(30,41,59,0.92);color:#fff;border-radius:10px;font-size:13px;font-weight:500;box-shadow:0 6px 20px rgba(0,0,0,0.2);z-index:10002;opacity:0;transition:all 0.3s ease;white-space:nowrap;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}.pwa-toast.show{opacity:1;transform:translateX(-50%) translateY(0);}@media (max-width:768px){*{-webkit-tap-highlight-color:transparent;}input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="search"],input[type="tel"],input[type="date"],select,textarea{font-size:16px !important;}body{padding-bottom:calc(68px+env(safe-area-inset-bottom,0px)) !important;overscroll-behavior-y:contain;}.nav-container{padding:0 8px;height:44px;}.nav-brand-text{font-size:0.9rem;}.nav-logo{height:24px;}.nav-user-name,.nav-user-arrow{display:none !important;}.nav-user-info{padding:4px 6px;}.nav-theme-toggle{width:30px;height:30px;margin:0 4px;}.dash-container{padding:8px 10px !important;}.dash-welcome{margin-bottom:8px !important;}.dash-welcome h1{font-size:1rem !important;}.dash-welcome .dash-date{font-size:0.7rem !important;}.kpi-row{grid-template-columns:1fr 1fr !important;gap:6px !important;margin-bottom:8px !important;}.kpi-mini{padding:8px 10px !important;gap:8px !important;border-radius:10px !important;}.kpi-mini-icon{width:32px !important;height:32px !important;border-radius:8px !important;font-size:0.9rem !important;}.kpi-mini-label{font-size:0.6rem !important;margin-bottom:0 !important;}.kpi-mini-value{font-size:0.95rem !important;}.week-section{margin-bottom:8px !important;}.week-header{margin-bottom:6px !important;gap:4px !important;}.dash-section-title{font-size:0.85rem !important;margin-bottom:6px !important;}.week-picker-arrow{width:24px !important;height:24px !important;font-size:0.75rem !important;}.week-chip{padding:4px 8px !important;font-size:0.65rem !important;border-radius:6px !important;}.week-chip .wc-label{font-size:0.55rem !important;}.week-grid{grid-template-columns:1fr !important;gap:6px !important;}.week-card{padding:10px 12px !important;border-radius:10px !important;}.week-card-top{margin-bottom:4px !important;gap:6px !important;}.week-card-icon{width:26px !important;height:26px !important;font-size:0.8rem !important;border-radius:6px !important;}.week-card-title{font-size:0.6rem !important;}.week-card-value{font-size:1.15rem !important;margin-bottom:2px !important;}.week-card-sub span{font-size:0.65rem !important;}.week-split-bar{padding:6px 10px !important;border-radius:8px !important;margin-top:6px !important;gap:6px !important;}.split-label{font-size:0.6rem !important;}.split-track{height:6px !important;}.week-breakdown{margin-top:6px !important;}.week-breakdown-grid{grid-template-columns:1fr !important;gap:6px !important;}.wb-card{padding:8px 10px !important;border-radius:10px !important;}.wb-card-header{margin-bottom:4px !important;}.wb-card-header h4{font-size:0.75rem !important;}.wb-card-header .wb-icon{font-size:0.8rem !important;}.wb-list li{padding:4px 0 !important;}.wb-list .wb-name{font-size:0.7rem !important;}.wb-list .wb-val{font-size:0.7rem !important;}.wb-list .wb-cnt{font-size:0.58rem !important;}.wb-bar{height:2px !important;}.charts-row{grid-template-columns:1fr !important;gap:6px !important;margin-bottom:8px !important;}.chart-box{padding:8px 10px !important;border-radius:10px !important;}.chart-box-title{font-size:0.8rem !important;}.chart-box-header{margin-bottom:4px !important;}.chart-canvas-wrap{height:160px !important;}canvas{max-height:160px !important;}.dash-user-footer{padding:6px 10px !important;border-radius:8px !important;}.dash-user-avatar{width:28px !important;height:28px !important;font-size:0.8rem !important;}.dash-user-name{font-size:0.75rem !important;}.dash-user-role{font-size:0.6rem !important;}.dash-footer-copy{font-size:0.6rem !important;}.dashboard-container{padding:8px 10px;}.dashboard-header{flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:10px;}.welcome-title{font-size:1.1rem;}.welcome-subtitle{font-size:0.8rem;}.dashboard-stats{display:flex !important;overflow-x:auto;gap:6px;padding-bottom:4px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin-bottom:10px;}.dashboard-stats::-webkit-scrollbar{display:none;}.stat-card{min-width:130px;flex-shrink:0;scroll-snap-align:start;padding:10px;}.stat-icon{font-size:1.3rem;}.stat-value{font-size:1.05rem;}.stat-label{font-size:0.68rem;}.quick-actions{grid-template-columns:repeat(2,1fr) !important;gap:6px;}.action-card{padding:10px 8px;flex-direction:column;text-align:center;gap:4px;}.action-icon{font-size:1.2rem;}.action-content h3{font-size:0.75rem;}.action-content p{display:none;}.action-arrow{display:none;}.nav-cards{grid-template-columns:1fr !important;gap:6px;}.nav-card{padding:10px;}.section-heading{font-size:0.9rem;margin-bottom:6px;}.profile-tabs{overflow-x:auto !important;flex-wrap:nowrap !important;gap:2px !important;-webkit-overflow-scrolling:touch;scrollbar-width:none;}.profile-tabs::-webkit-scrollbar{display:none;}.profile-tab{flex:0 0 auto !important;padding:6px 10px !important;font-size:0.75rem !important;min-height:36px;}.profile-tab span:first-child{font-size:13px;}.profile-card{padding:12px !important;}.goods-table-wrapper{border-radius:8px !important;margin:0 -4px;}.goods-table{font-size:11px !important;}.goods-table thead th{padding:5px 3px !important;font-size:9px !important;white-space:nowrap;}.goods-table tbody td{padding:3px 2px !important;}.goods-table tbody input,.goods-table tbody select{padding:5px 3px !important;font-size:13px !important;min-width:50px;}.goods-table thead th:nth-child(1){width:24px !important;}.form-section,.section-title{margin-bottom:10px !important;}.section-title{font-size:0.85rem !important;}.form-group{margin-bottom:8px !important;}.form-group label{font-size:0.8rem !important;margin-bottom:3px !important;}.goods-table-actions{flex-direction:column !important;width:100%;}.goods-table-actions .btn-sm{width:100%;justify-content:center;}.goods-table-header{flex-direction:column;gap:4px !important;}table:not(.goods-table){display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;}th,td{padding:6px 8px;font-size:0.75rem;}.analytics-grid,.chart-grid{grid-template-columns:1fr !important;gap:8px;}.kanban-board{flex-direction:column !important;gap:8px;}.kanban-column{min-width:100% !important;width:100% !important;}.modal-content,.modal-dialog{width:100% !important;max-width:100% !important;margin:0 !important;border-radius:16px 16px 0 0 !important;max-height:85vh;position:fixed;bottom:0;left:0;right:0;}.filters-row,.filter-bar{flex-direction:column;gap:6px;}.filters-row select,.filters-row input,.filter-bar select,.filter-bar input{width:100%;}.page-header,.section-header{flex-direction:column;align-items:flex-start !important;gap:6px;}.page-header .btn-group,.section-header .btn-group{width:100%;display:flex;}.page-header .btn-group .btn,.section-header .btn-group .btn{flex:1;font-size:0.75rem;}.card,.panel,.section-card{border-radius:10px;padding:10px;}.form-row{flex-direction:column !important;gap:8px !important;}.main-nav{padding-top:env(safe-area-inset-top,0px);}}@media (max-width:380px){.bottom-nav-label{font-size:9px;}.bottom-nav-item{min-width:44px;}.bottom-nav-fab{width:44px;height:44px;margin-top:-14px;}.nav-brand-text{font-size:0.85rem;}.stat-card{min-width:130px;}.quick-actions{grid-template-columns:1fr !important;}.profile-tab{padding:6px 10px !important;font-size:0.75rem !important;}}@media (min-width:420px) and (max-width:768px){.dashboard-stats .stat-card{min-width:155px;}.quick-actions{grid-template-columns:repeat(2,1fr) !important;}.goods-table tbody input,.goods-table tbody select{font-size:14px !important;}}@media (max-height:500px) and (orientation:landscape){.bottom-nav{height:44px;padding:2px 4px 0;}.bottom-nav-label{display:none;}.bottom-nav-fab{width:40px;height:40px;margin-top:-10px;}body{padding-bottom:50px !important;}}@media (min-width:769px){.bottom-nav{display:none !important;}.pwa-install-banner{left:auto;right:24px;bottom:24px;max-width:360px;}}@media (display-mode:standalone){.browser-only{display:none !important;}.main-nav{padding-top:env(safe-area-inset-top,0px);}body{padding-top:0;}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;}}