@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&family=Outfit:wght@500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap");:root{--color-primary:#059669;--color-primary-dark:#047857;--color-primary-light:#10b981;--color-primary-glow:rgba(5,150,105,.16);--color-secondary:#0d9488;--color-secondary-dark:#0f766e;--color-secondary-glow:rgba(13,148,136,.15);--color-accent:#d97706;--color-danger:#dc2626;--color-danger-glow:rgba(220,38,38,.12);--color-success:#059669;--color-success-glow:rgba(5,150,105,.15);--color-warning:#d97706;--color-warning-glow:rgba(217,119,6,.12);--color-info:#0284c7;--bg-base:#f0fdf4;--bg-surface:#fff;--bg-elevated:#fff;--bg-overlay:#ecfdf5;--bg-card:#fff;--bg-card-hover:#f7fee7;--bg-input:#fff;--bg-modal:#fff;--glass-bg:rgba(5,150,105,.04);--glass-border:rgba(5,150,105,.15);--glass-hover:rgba(5,150,105,.08);--text-primary:#064e3b;--text-secondary:#115e59;--text-muted:#4b5563;--text-disabled:#9ca3af;--text-inverse:#fff;--border-subtle:#e2e8f0;--border-default:#cbd5e1;--border-focus:#059669;--border-danger:#fca5a5;--border-success:#6ee7b7;--gradient-primary:linear-gradient(135deg,#059669,#10b981);--gradient-success:linear-gradient(135deg,#10b981,#059669);--gradient-danger:linear-gradient(135deg,#ef4444,#dc2626);--gradient-gold:linear-gradient(135deg,#f59e0b,#d97706);--gradient-card:linear-gradient(135deg,#fff,#f0fdf4);--gradient-bg:radial-gradient(circle at 10% 20%,#e6f4ea 0%,transparent 45%),radial-gradient(circle at 90% 80%,#d1fae5 0%,transparent 55%),#f0fdf4;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05),0 1px 3px 0 rgba(5,150,105,.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,.04),0 10px 15px -3px rgba(5,150,105,.08);--shadow-lg:0 10px 25px -5px rgba(0,0,0,.05),0 20px 25px -5px rgba(5,150,105,.12);--shadow-primary:0 4px 16px 0 rgba(5,150,105,.28);--shadow-success:0 4px 16px 0 rgba(16,185,129,.22);--shadow-danger:0 4px 16px 0 rgba(239,68,68,.2);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--font-sans:"Plus Jakarta Sans","Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-heading:"Outfit","Plus Jakarta Sans",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:400ms cubic-bezier(0.4,0,0.2,1);--sidebar-width:260px;--topbar-height:64px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);background:var(--gradient-bg);background-attachment:fixed;color:var(--text-primary);min-height:100vh;line-height:1.6}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:#a7f3d0;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#059669}.app-layout{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh}.main-content{grid-column:2;padding:var(--space-6);overflow-y:auto}.sidebar{grid-column:1;grid-row:1/-1;background:var(--bg-surface);border-right:1px solid var(--border-subtle);box-shadow:2px 0 12px rgba(5,150,105,.05);display:flex;flex-direction:column;position:fixed;left:0;top:0;height:100vh;width:var(--sidebar-width);z-index:100;overflow-y:auto}.sidebar-logo{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-5);border-bottom:1px solid var(--border-subtle);height:var(--topbar-height)}.sidebar-logo-icon{width:36px;height:36px;background:var(--gradient-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:var(--shadow-primary);flex-shrink:0;color:#fff}.sidebar-logo-text{display:flex;flex-direction:column}.sidebar-logo-name{font-size:14px;font-weight:800;color:var(--text-primary);letter-spacing:-.3px}.sidebar-logo-version{font-size:10px;color:var(--text-muted);font-family:var(--font-mono)}.sidebar-nav{flex:1 1;padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-section-label{font-size:10px;font-weight:700;color:#059669;text-transform:uppercase;letter-spacing:1.5px;padding:var(--space-4) var(--space-3) var(--space-2)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:#374151;text-decoration:none;font-size:14px;font-weight:600;transition:all var(--transition-fast);cursor:pointer;border:1px solid transparent;position:relative}.nav-item:hover{background:#f0fdf4;color:#059669;border-color:#d1fae5}.nav-item.active{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.nav-item.active:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:4px;height:20px;background:var(--gradient-primary);border-radius:0 4px 4px 0}.nav-item .nav-icon{font-size:18px;width:20px;text-align:center;flex-shrink:0}.nav-badge{margin-left:auto;background:var(--color-danger);color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:var(--radius-full)}.sidebar-footer{padding:var(--space-4) var(--space-3);border-top:1px solid var(--border-subtle)}.sidebar-user-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);background:#f8fafc;border:1px solid var(--border-subtle)}.user-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.user-info{flex:1 1;min-width:0}.user-name{font-size:13px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:11px}.btn-logout,.user-role{color:var(--text-muted)}.btn-logout{background:none;border:none;cursor:pointer;font-size:16px;padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.btn-logout:hover{color:var(--color-danger);background:var(--color-danger-glow)}.topbar{grid-column:2;grid-row:1;height:var(--topbar-height);background:hsla(0,0%,100%,.85);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);box-shadow:0 2px 10px rgba(5,150,105,.04);display:flex;align-items:center;padding:0 var(--space-6);gap:var(--space-4);position:-webkit-sticky;position:sticky;top:0;z-index:50;margin-left:var(--sidebar-width)}.topbar-title{font-size:17px;font-weight:800;color:var(--text-primary);flex:1 1}.topbar-date{font-size:13px;color:var(--text-muted);font-family:var(--font-mono);font-weight:500}.card{background:var(--bg-card);box-shadow:var(--shadow-sm);border:1px solid #e2e8f0;border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-base)}.card:hover{border-color:#a7f3d0;box-shadow:var(--shadow-md)}.card-glass{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6)}.card-glass,.stat-card{background:#fff;box-shadow:var(--shadow-sm)}.stat-card{border:1px solid #e2e8f0;border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);display:flex;align-items:flex-start;gap:var(--space-4);transition:all var(--transition-base);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-base)}.stat-card:hover:before{opacity:1}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#a7f3d0}.stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.stat-icon.blue{background:#e0f2fe;color:#0284c7}.stat-icon.green{background:#dcfce7;color:#059669}.stat-icon.red{background:#fee2e2;color:#dc2626}.stat-icon.gold{background:#fef3c7;color:#d97706}.stat-icon.teal{background:#ccfbf1;color:#0d9488}.stat-info{flex:1 1}.stat-label{font-size:12px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:24px;font-weight:800;color:var(--text-primary);font-family:var(--font-mono);margin-top:2px}.stat-sub{font-size:12px;color:var(--text-secondary);margin-top:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:14px;font-weight:600;font-family:var(--font-sans);cursor:pointer;border:1px solid transparent;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;background:hsla(0,0%,100%,.2);opacity:0;transition:opacity var(--transition-fast)}.btn:hover:after{opacity:1}.btn:active{transform:scale(.98)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover{box-shadow:0 6px 20px rgba(5,150,105,.4)}.btn-success{background:var(--gradient-success);color:#fff;box-shadow:var(--shadow-success)}.btn-danger{background:var(--gradient-danger);color:#fff;box-shadow:var(--shadow-danger)}.btn-outline{background:#fff;color:#1f2937;border-color:#cbd5e1}.btn-outline:hover{color:#059669;border-color:#059669;background:#f0fdf4}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover{background:#f0fdf4;color:#059669}.btn-sm{padding:var(--space-2) var(--space-3);font-size:12px}.btn-lg{padding:var(--space-4) var(--space-8);font-size:16px}.btn-xl{padding:var(--space-5) var(--space-10);font-size:17px;letter-spacing:-.3px}.btn-full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-loading{opacity:.7;cursor:wait}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:13px;font-weight:700;color:#374151;letter-spacing:.2px}.form-label .required{color:var(--color-danger);margin-left:3px}.input,.select,.textarea{background:#fff;border:1px solid #cbd5e1;border-radius:var(--radius-md);color:#1f2937;font-family:var(--font-sans);font-size:14px;padding:var(--space-3) var(--space-4);transition:all var(--transition-fast);width:100%;outline:none;-webkit-appearance:none}.input:focus,.select:focus,.textarea:focus{border-color:#059669;box-shadow:0 0 0 3px rgba(5,150,105,.15);background:#fff}.input::placeholder{color:#9ca3af}.input.error{border-color:var(--border-danger);box-shadow:0 0 0 3px var(--color-danger-glow)}.input.success{border-color:var(--border-success)}.select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%206b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:36px}.textarea{resize:vertical;min-height:80px}.input-prefix-wrapper{position:relative;display:flex;align-items:center}.input-prefix{position:absolute;left:var(--space-4);color:#6b7280;font-size:13px;font-weight:600;pointer-events:none}.input-with-prefix{padding-left:50px!important}.form-hint{font-size:12px;color:#6b7280}.form-error{font-size:12px;color:var(--color-danger)}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid #e2e8f0;background:#fff}.table{width:100%;border-collapse:collapse;font-size:13.5px}.table thead tr{background:#e6f4ea;border-bottom:1px solid #a7f3d0}.table th{text-align:left;font-size:11px;font-weight:800;color:#065f46;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.table td,.table th{padding:var(--space-3) var(--space-4)}.table td{color:#374151;border-bottom:1px solid #f1f5f9;vertical-align:middle}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:#f0fdf4}.table tbody tr:last-child td{border-bottom:none}.table .td-primary{color:#064e3b;font-weight:700}.table .td-mono{font-family:var(--font-mono);font-size:12.5px}.table .td-amount{font-family:var(--font-mono);font-weight:700;text-align:right}.table .td-amount.credit{color:#059669}.table .td-amount.debit{color:#dc2626}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.badge-success{background:#dcfce7;color:#065f46;border:1px solid #86efac}.badge-danger{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.badge-warning{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.badge-info{background:#e0f2fe;color:#075985;border:1px solid #7dd3fc}.badge-primary{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.badge-neutral{background:#f3f4f6;color:#4b5563;border:1px solid #e5e7eb}.modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.modal{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-xl);padding:var(--space-8);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px rgba(5,150,105,.15);animation:slideUp var(--transition-base) cubic-bezier(.34,1.56,.64,1)}.modal-lg{max-width:720px}.modal-xl{max-width:960px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.modal-title{font-size:18px;font-weight:800;color:#064e3b}.modal-close{width:32px;height:32px;border-radius:var(--radius-md);background:#f3f4f6;border:1px solid #e5e7eb;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);font-size:18px}.modal-close:hover{background:#fee2e2;color:#dc2626;border-color:#fca5a5}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);font-size:13.5px;font-weight:500;border-left:4px solid}.alert-success{background:#dcfce7;border-color:#059669;color:#065f46}.alert-danger{background:#fee2e2;border-color:#dc2626;color:#991b1b}.alert-warning{background:#fef3c7;border-color:#d97706;color:#92400e}.alert-info{background:#e0f2fe;border-color:#0284c7;color:#075985}.spinner{width:20px;height:20px;border:2px solid rgba(5,150,105,.2);border-top-color:currentcolor;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes alertPop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes scanLine{0%{top:12px}50%{top:calc(100% - 14px)}to{top:12px}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}@keyframes waPulse{0%,to{opacity:1}50%{opacity:.4}}#html5-qrcode-anchor-scan-type-change,#html5-qrcode-button-camera-permission,#html5-qrcode-button-camera-start,#html5-qrcode-button-camera-stop,#html5-qrcode-button-file-selection,[id*=__scan_region]>img,[id*=barcode-reader] select,[id*=barcode-reader]>div>div:last-child,[id*=barcode-reader__dashboard],[id*=barcode-reader__dashboard_section],[id*=barcode-reader__dashboard_section_csr],[id*=barcode-reader__header_message]{display:none!important}[id*=barcode-reader] video{border-radius:12px!important;object-fit:cover!important}[id*=barcode-reader]{border:none!important;background:transparent!important}.fadeIn{animation:fadeIn var(--transition-fast) ease forwards}.fadeOut{animation:fadeOut var(--transition-fast) ease forwards;pointer-events:none}.grid-2{grid-template-columns:repeat(2,1fr);grid-gap:var(--space-4)}.grid-2,.grid-3{display:grid;gap:var(--space-4)}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:var(--space-4)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-4);gap:var(--space-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-muted{color:#6b7280;font-size:13px}.text-success{color:#059669}.text-danger{color:#dc2626}.text-primary-color{color:#059669}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.divider{height:1px;background:#e2e8f0;margin:var(--space-4) 0}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.page-title{font-size:22px;font-weight:800;color:#064e3b;letter-spacing:-.5px}.page-subtitle{font-size:13px;color:#6b7280;margin-top:2px}.mobile-header{display:none}.sidebar-toggle{display:none;position:fixed;top:14px;left:14px;z-index:200;width:40px;height:40px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-surface);box-shadow:var(--shadow-md);cursor:pointer;align-items:center;justify-content:center;font-size:20px;color:var(--text-primary);transition:all var(--transition-fast)}.sidebar-toggle:hover{background:var(--glass-hover);border-color:var(--color-primary)}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (max-width:1024px){:root{--sidebar-width:240px}.main-content{padding:var(--space-5)}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.page-header{flex-wrap:wrap;gap:12px}.stat-card{padding:var(--space-4) var(--space-5)}.card{padding:var(--space-5)}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{min-width:640px}}@media (max-width:768px){.mobile-header{display:flex;align-items:center;position:fixed;top:0;left:0;right:0;height:60px;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);z-index:100;padding:0 var(--space-4);gap:var(--space-3);box-shadow:0 4px 15px rgba(5,150,105,.05)}.mobile-header-brand{display:flex;align-items:center;gap:10px}.sidebar-toggle{display:flex;position:static;background:transparent;border:none;box-shadow:none;padding:4px;width:auto;height:auto;color:var(--text-primary)}.sidebar{transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:none;z-index:150}.sidebar.open{transform:translateX(0);box-shadow:4px 0 24px rgba(0,0,0,.15)}.sidebar-overlay.active{display:block}.app-layout{grid-template-columns:1fr}.main-content{padding:80px var(--space-4) var(--space-4)}.main-content,.topbar{grid-column:1;margin-left:0}.topbar{padding:0 var(--space-4);padding-left:60px}.grid-2,.grid-3{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.page-title{font-size:19px}.card{border-radius:var(--radius-md)}.card,.stat-card{padding:var(--space-4)}.modal{max-height:85vh;margin:16px}.modal,.modal-lg{max-width:calc(100vw - 32px)!important}.modal-overlay{padding:0;align-items:flex-end}.btn-xl{padding:14px 20px;font-size:15px}.flex-mobile-col{flex-direction:column!important;align-items:stretch!important}.w-full-mobile{width:100%!important;justify-content:center}.table{min-width:580px}}@media (max-width:480px){html{font-size:14px}.main-content{padding:76px var(--space-3) var(--space-3)}.page-title{font-size:17px}.page-subtitle{font-size:12px}.card{border-radius:10px}.card,.stat-card{padding:var(--space-3)}.grid-4{grid-template-columns:1fr}.stat-value{font-size:20px}.btn{font-size:13px;padding:8px 14px}.btn-sm{font-size:11px;padding:5px 10px}.btn-xl{padding:12px 16px;font-size:14px}.form-label{font-size:12px}.input,.select,.textarea{font-size:16px;padding:12px 14px;border-radius:var(--radius-md)}.modal{border-radius:var(--radius-lg) var(--radius-lg) 0 0!important;max-height:90vh;margin:0;width:100vw!important;max-width:100vw!important}.modal-overlay{align-items:flex-end}.mobile-header{height:56px;padding:0 var(--space-3)}.sidebar-toggle{padding:4px;font-size:20px}.table td,.table th{padding:8px 10px;font-size:12px}.table{min-width:500px}.flip-card-container{width:300px!important;height:460px!important}}body,html{overflow-x:hidden;max-width:100vw}@supports (padding:env(safe-area-inset-bottom)){.sidebar{padding-bottom:env(safe-area-inset-bottom)}.mobile-header{padding-top:env(safe-area-inset-top)}}@media (pointer:coarse){.btn{min-height:44px;min-width:44px}.btn-sm{min-height:36px;min-width:36px;padding:6px 12px}.nav-item{min-height:44px;padding:12px 16px}.input,.select,.textarea{min-height:44px;font-size:16px}.modal-close{width:40px;height:40px;font-size:20px}.badge{padding:4px 12px;font-size:11px}}@media (max-width:768px){.table td .flex,.table td>div[style*="display: flex"][style*=gap]{flex-wrap:wrap}.page-header{gap:12px}.page-header>div:last-child{width:100%}.page-header .btn{width:100%;justify-content:center}.stat-value{font-size:18px;word-break:break-word}.card>form[style*="display: flex"],div[style*="display: flex"][style*="gap: 16"][style*="alignItems: center"]{flex-wrap:wrap}.modal{margin:8px}.grid-2{grid-template-columns:1fr!important}}@media (max-width:480px){div[style*="display: flex"][style*="justifyContent: flex-end"]{flex-direction:column}div[style*="display: flex"][style*="justifyContent: flex-end"] .btn{width:100%;justify-content:center}.grid-2{grid-template-columns:1fr!important}.grid-2>.form-group[style*=gridColumn]{grid-column:auto!important}div[style*="display: flex"][style*="justifyContent: center"][style*="gap: 8"]{flex-wrap:wrap}.alert{padding:10px 12px;font-size:13px}div[style*="borderRadius: 12"][style*="padding: 16px 18px"]{padding:12px!important}.btn-xl{font-size:13px;padding:12px 14px;word-break:break-word;white-space:normal;text-align:center;line-height:1.3}}@media (max-width:768px){.table-wrapper{position:relative}.table-wrapper:after{content:"";position:absolute;top:0;right:0;width:32px;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.85));pointer-events:none;z-index:2;border-radius:0 var(--radius-lg) var(--radius-lg) 0}.topbar{display:none!important}.wa-status-badge{font-size:11px!important;padding:6px 10px!important;width:100%!important;justify-content:center!important}.net-flow-value{font-size:20px!important}.page-header{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.page-header>div:last-child{width:100%!important}.page-header>div:last-child>.btn,.page-header>div:last-child>a.btn,.page-header>div:last-child>button{width:100%!important;justify-content:center!important}.page-header-actions{flex-direction:column!important;width:100%!important;gap:8px!important}.page-header-actions>*{width:100%!important}.page-header-actions .btn{width:100%!important;justify-content:center!important}.table td .table-actions{flex-wrap:wrap!important;gap:6px!important}.mobile-full-width{max-width:100%!important;width:100%!important}.grid-4{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.stat-value{font-size:16px!important;word-break:break-word!important}.form-actions,.page-header .alert{width:100%!important}.form-actions{flex-direction:column!important}.form-actions .btn{width:100%!important;justify-content:center!important}.search-row{flex-direction:column!important}.search-row>*{width:100%!important}.search-row .btn{justify-content:center!important}.filter-toolbar{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.filter-toolbar select,.filter-toolbar>*{width:100%!important;min-width:unset!important}.info-row{flex-direction:column!important;gap:4px!important;align-items:flex-start!important}}@media (max-width:480px){.grid-4{grid-template-columns:1fr!important}.stat-card{flex-direction:row!important;align-items:center!important;gap:12px!important;padding:12px!important}.stat-icon{width:40px!important;height:40px!important;font-size:18px!important}.stat-value{font-size:15px!important}.stat-label{font-size:10px!important}.page-title{font-size:16px!important}.page-subtitle{font-size:11px!important}.badge{font-size:10px!important;padding:2px 8px!important}.wa-warning-banner{padding:8px 12px!important;font-size:12px!important}.role-filter-tabs .btn-sm{font-size:10px!important;padding:4px 8px!important;min-height:32px!important}.net-flow-value{font-size:18px!important}}@media print{.page-header button,.sidebar,.sidebar-overlay,.sidebar-toggle,.topbar{display:none!important}.app-layout{grid-template-columns:1fr}.main-content{padding:0;margin:0}.card{box-shadow:none;border:1px solid #ddd;page-break-inside:avoid;break-inside:avoid}}