:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh}*{box-sizing:border-box}body{color:#111827;background:#f4f6f8;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer;color:#fff;background:#111827;border:0;border-radius:12px;padding:12px 16px;font-weight:700;transition:all .2s}button:hover{transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.app{width:min(1300px,100%);margin:0 auto;padding:18px 22px}.login-card{background:#fff;border-radius:24px;width:min(440px,100%);padding:28px;box-shadow:0 24px 70px #00000038}.login-card h1{margin:0 0 8px;font-size:34px}.hero{color:#fff;background:linear-gradient(135deg,#111827,#1f2937);border-radius:20px;justify-content:space-between;align-items:center;gap:18px;min-height:104px;margin-bottom:18px;padding:18px 22px;display:flex}.hero h1{margin:0;font-size:clamp(24px,3vw,34px);line-height:1.05}.hero p{color:#d1d5db;max-width:620px;margin:6px 0 0;font-size:14px;line-height:1.35}.eyebrow{text-transform:uppercase;letter-spacing:.08em;margin:0 0 5px;font-size:12px;font-weight:800;color:#93c5fd!important}.summary-grid{grid-template-columns:repeat(4,minmax(92px,1fr));align-items:stretch;gap:8px;min-width:430px;display:grid}.summary-card{background:#ffffff1a;border:1px solid #ffffff29;border-radius:14px;padding:10px 12px}.summary-card span{color:#d1d5db;margin-bottom:4px;font-size:12px;display:block}.summary-card strong{font-size:22px;line-height:1.05;display:block}.summary-card small{color:#d1d5db;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:11px;font-weight:700;display:block;overflow:hidden}.summary-card.warning strong{color:#fbbf24}.user-card strong{color:#93c5fd}.logout-button{background:#dc2626;border-radius:14px;grid-column:auto;min-height:58px;padding:10px 12px}.message{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:16px;margin-bottom:20px;padding:14px 16px;font-weight:700}.grid{gap:20px;margin-bottom:20px;display:grid}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:22px;box-shadow:0 12px 30px #0f172a0f}.card h2{margin-top:0;margin-bottom:8px}.muted{color:#6b7280;margin-top:0}.form{gap:14px;display:grid}.form-row{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}label{color:#374151;gap:6px;font-weight:700;display:grid}input{color:#111827;background:#f9fafb;border:1px solid #d1d5db;border-radius:12px;outline:none;width:100%;padding:12px 14px}input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.button-group{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.button-group button{color:#111827;background:#e5e7eb}.button-group button.active{color:#fff;background:#16a34a}.button-group button.active.danger{background:#dc2626}.scanned-box{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:18px;gap:16px;margin-top:18px;padding:16px;display:grid}.scanned-box h3{margin-top:0}.scanned-box p{margin:6px 0}.barcode-actions{gap:12px;display:grid}.barcode-actions .button-group button{color:#fff;background:#111827}.barcode-img{background:#fff;border:1px solid #e5e7eb;border-radius:14px;max-width:100%;padding:12px}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:620px}th,td{text-align:left;border-bottom:1px solid #e5e7eb;padding:12px}th{color:#374151;background:#f9fafb;font-size:14px}.stock-low{color:#dc2626;font-weight:900}.badge{border-radius:999px;padding:6px 10px;font-size:13px;font-weight:800;display:inline-flex}.badge.success{color:#166534;background:#dcfce7}.badge.danger{color:#991b1b;background:#fee2e2}.edit-card{border:2px solid #2563eb;margin-bottom:20px}.edit-actions{flex-wrap:wrap;gap:10px;display:flex}.secondary-button{background:#6b7280}.delete-button{background:#dc2626!important}.create-product-card{grid-column:1/-1}.product-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.product-form>.form-row,.product-form>button,.products-card{grid-column:1/-1}.products-card table{min-width:900px}.products-card th,.products-card td{vertical-align:middle}.products-card th:first-child,.products-card td:first-child{min-width:220px}.products-card th:nth-child(2),.products-card td:nth-child(2){white-space:nowrap;min-width:130px}.products-card th:nth-child(3),.products-card td:nth-child(3),.products-card th:nth-child(4),.products-card td:nth-child(4){white-space:nowrap}.products-card th:nth-child(5),.products-card td:nth-child(5){min-width:420px}.table-actions{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.table-actions button{white-space:nowrap;border-radius:10px;min-width:82px;padding:9px 12px;font-size:13px}.table-actions button:first-child{background:#2563eb}.table-actions button:nth-child(2){background:#f59e0b}.table-actions button:nth-child(3){background:#111827}.table-actions button:nth-child(4){background:#16a34a}.table-actions button:nth-child(5){background:#dc2626}.movements-card table{min-width:1100px}.code-pill{color:#3730a3;white-space:nowrap;background:#eef2ff;border-radius:999px;align-items:center;padding:6px 10px;font-size:13px;font-weight:800;display:inline-flex}.movements-card th:first-child,.movements-card td:first-child{white-space:nowrap;min-width:130px}.movements-card th:nth-child(2),.movements-card td:nth-child(2){min-width:220px}.movements-card th:nth-child(3),.movements-card td:nth-child(3){min-width:130px}.movements-card th:nth-child(8),.movements-card td:nth-child(8){min-width:200px}@media (width<=900px){.hero{flex-direction:column;align-items:stretch;min-height:auto;padding:16px}.summary-grid,.two-columns,.form-row{grid-template-columns:1fr;min-width:0}.logout-button{grid-column:1}.app{padding:14px}.card,.hero,.login-card{border-radius:18px;padding:18px}.product-form{grid-template-columns:1fr}.product-form>.form-row,.product-form>button{grid-column:1}.products-card table{min-width:760px}.products-card th:nth-child(5),.products-card td:nth-child(5){min-width:360px}.table-actions{flex-wrap:wrap}}.brand-header{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.brand-logo{object-fit:cover;background:#fff;border-radius:14px;flex-shrink:0;width:66px;height:66px;padding:0;display:block}@media (width<=700px){.brand-header{flex-direction:row;align-items:center}.brand-logo{width:54px;height:54px}.hero h1{font-size:24px}.hero p{font-size:13px}}.module-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-bottom:20px;display:grid}.module-card{text-align:left;color:#111827;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:22px;box-shadow:0 12px 30px #0f172a0f}.module-card h2,.module-card h3{color:#111827;margin:0 0 8px}.module-card p{color:#6b7280;margin:0;font-weight:500}.module-card .module-icon{color:#1d4ed8;background:#eff6ff;border-radius:16px;place-items:center;width:48px;height:48px;margin-bottom:14px;font-size:24px;display:grid}.back-button{background:#374151;margin-bottom:16px}select{color:#111827;background:#f9fafb;border:1px solid #d1d5db;border-radius:12px;outline:none;width:100%;padding:12px 14px}select:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.checkbox-row{cursor:pointer;background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:10px;padding:12px 14px;display:flex}.checkbox-row input{width:auto;min-width:18px;height:18px}.dashboard-hero{background:radial-gradient(circle at 92% 20%,#3b82f62e,#0000 30%),linear-gradient(135deg,#fff 0%,#f8fbff 52%,#eef6ff 100%);border:1px solid #94a3b847;border-radius:28px;justify-content:space-between;align-items:center;gap:32px;margin-bottom:22px;padding:34px 36px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #0f172a14}.dashboard-hero:before{content:"";pointer-events:none;background-image:linear-gradient(#2563eb0f 1px,#0000 1px),linear-gradient(90deg,#2563eb0f 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 35% 100%);mask-image:linear-gradient(90deg,#0000,#000 35% 100%)}.dashboard-hero-content{z-index:1;max-width:820px;position:relative}.dashboard-hero h2{color:#07142d;letter-spacing:-.055em;margin:6px 0 10px;font-size:clamp(2rem,4vw,3.4rem);line-height:1}.dashboard-hero .muted{color:#53627a;max-width:850px;font-size:1rem;line-height:1.7}.dashboard-hero-art{z-index:1;justify-content:center;min-width:180px;display:flex;position:relative}.hero-cube{background:linear-gradient(145deg,#60a5fa,#2563eb);border-radius:30px;place-items:center;width:118px;height:118px;display:grid;transform:rotate(-8deg);box-shadow:0 24px 55px #2563eb47}.hero-barcode{background:#ffffffeb;border-radius:10px;align-items:center;gap:4px;width:58px;height:42px;padding:8px;display:flex}.hero-barcode span{background:#1e3a8a;border-radius:999px;width:3px;height:26px;display:block}.hero-barcode span:nth-child(2),.hero-barcode span:nth-child(5){width:6px}.hero-barcode span:nth-child(4){height:20px}.dashboard-modules{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.module-card{background:linear-gradient(135deg,#fff 0%,#fbfdff 100%);border:1px solid #94a3b83d;border-radius:26px;grid-template-columns:92px 1fr;align-items:center;gap:26px;min-height:196px;padding:28px 30px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 42px #0f172a12}.module-card:after{content:"";pointer-events:none;background:#2563eb12;border-radius:999px;width:180px;height:180px;position:absolute;top:-80px;right:-80px}.module-card:hover{border-color:#3b82f661;transform:translateY(-3px);box-shadow:0 24px 55px #0f172a1c}.module-card-wide{grid-column:1/-1}.module-icon{z-index:1;color:#2563eb;background:linear-gradient(145deg,#eff6ff,#dbeafe);border-radius:24px;place-items:center;width:86px;height:86px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #3b82f624}.module-icon svg{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:46px;height:46px}.module-content{z-index:1;position:relative}.module-content .eyebrow{color:#3b82f6;letter-spacing:.095em;text-transform:uppercase;margin-bottom:8px;font-size:.75rem;font-weight:900}.module-content h2{color:#07142d;letter-spacing:-.035em;margin:0 0 8px;font-size:1.45rem;line-height:1.15}.module-content .muted{color:#53627a;max-width:560px;margin-bottom:18px;line-height:1.6}.module-button{color:#fff;cursor:pointer;background:linear-gradient(#07142d,#07142d) padding-box padding-box,linear-gradient(135deg,#93c5fdf2,#3b82f659,#0f172a33,#bfdbfebf) border-box;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:12px;min-height:44px;padding:0 18px;font-weight:800;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex;position:relative;box-shadow:0 10px 24px #07142d2e,inset 0 1px #ffffff1f}.module-button:hover{background:linear-gradient(#0f2145,#0f2145) padding-box padding-box,linear-gradient(135deg,#dbeafe,#60a5fab3,#2563eb73,#bfdbfee6) border-box;transform:translateY(-1px);box-shadow:0 14px 30px #07142d3d,inset 0 1px #ffffff29}.module-button span{font-size:1.2rem;line-height:1}@media (width<=900px){.dashboard-hero{padding:28px}.dashboard-hero-art{display:none}.dashboard-modules{grid-template-columns:1fr}.module-card-wide{grid-column:auto}}@media (width<=620px){.dashboard-hero{border-radius:22px;padding:24px}.module-card{grid-template-columns:1fr;gap:18px;padding:24px}.module-icon{border-radius:20px;width:74px;height:74px}.module-icon svg{width:38px;height:38px}.module-button{width:100%}}.module-button{isolation:isolate;background:linear-gradient(135deg,#07142d,#0b1b3a) padding-box padding-box,linear-gradient(135deg,#dbeafef2,#60a5fa8c,#1e40af59,#bfdbfed9) border-box;border:1px solid #0000;position:relative;overflow:hidden;box-shadow:0 10px 24px #07142d2e,inset 0 1px #ffffff29}.module-button:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(120deg,#fff3,#0000 35%,#60a5fa29 70%,#0000);border-radius:10px;position:absolute;inset:1px}.module-button:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(90deg,#0000,#ffffff47,#0000);transition:all .35s;position:absolute;inset:0;transform:translate(-100%)}.module-button:hover{background:linear-gradient(135deg,#0f2145,#102b5f) padding-box padding-box,linear-gradient(135deg,#fffffff2,#93c5fdcc,#3b82f68c,#dbeafef2) border-box;box-shadow:0 14px 30px #07142d3d,inset 0 1px #fff3}.module-button:hover:after{opacity:1;transform:translate(100%)}button.module-button{isolation:isolate;overflow:hidden;color:#fff!important;background:linear-gradient(135deg,#07142d,#0b1f45) padding-box padding-box,linear-gradient(135deg,#fff,#93c5fd,#2563eb,#60a5fa,#fff) border-box!important;border:2px solid #0000!important;border-radius:14px!important;position:relative!important;box-shadow:0 12px 28px #07142d3d,inset 0 1px #ffffff38!important}button.module-button:before{content:"";pointer-events:none;border:1px solid #ffffff1f;border-radius:10px;position:absolute;inset:3px}button.module-button:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff59,#0000);width:40%;height:180%;transition:transform .45s;position:absolute;top:-40%;left:-30%;transform:rotate(20deg)translate(-120%)}button.module-button:hover{background:linear-gradient(135deg,#0f2145,#12346d) padding-box padding-box,linear-gradient(135deg,#fff,#bfdbfe,#3b82f6,#93c5fd,#fff) border-box!important;transform:translateY(-2px)!important;box-shadow:0 16px 36px #07142d4d,0 0 0 4px #3b82f61a,inset 0 1px #ffffff42!important}button.module-button:hover:after{transform:rotate(20deg)translate(420%)}.app,.app-shell,.page,.main-layout{min-height:100vh}.container,.main-container,.app-container{max-width:1130px}.header,.app-header,.top-header,.main-header,.hero-header{border-radius:18px!important;gap:16px!important;min-height:auto!important;padding:16px 20px!important}.header h1,.app-header h1,.top-header h1,.main-header h1,.hero-header h1{margin:0 0 6px!important;font-size:clamp(1.8rem,3vw,2.55rem)!important;line-height:1.02!important}.header p,.app-header p,.top-header p,.main-header p,.hero-header p{margin:0!important;font-size:.9rem!important;line-height:1.35!important}.logo,.brand-logo,.header-logo,.company-logo{border-radius:14px!important;flex:none!important;width:58px!important;height:58px!important}.summary-grid,.header-stats,.stats-grid,.kpi-grid{gap:8px!important}.summary-card,.stat-card,.kpi-card,.user-card{border-radius:12px!important;min-width:92px!important;min-height:58px!important;padding:10px 12px!important}.summary-card span,.stat-card span,.kpi-card span,.user-card span,.summary-card small,.stat-card small,.kpi-card small,.user-card small{font-size:.72rem!important;line-height:1.15!important}.summary-card strong,.stat-card strong,.kpi-card strong,.user-card strong{font-size:1.35rem!important;line-height:1!important}.logout-button,.danger-button,button.logout,button[class*=logout]{border-radius:12px!important;min-height:58px!important;padding:10px 14px!important;font-size:.88rem!important}.message,.alert,.status-message,.notice{border-radius:12px!important;margin:12px 0 18px!important;padding:11px 16px!important;font-size:.92rem!important}.dashboard-hero,.operations-hero,.panel-hero,.hero-card,.main-hero,.card.hero{border-radius:22px!important;min-height:auto!important;margin-bottom:18px!important;padding:26px 34px!important}.dashboard-hero h1,.operations-hero h1,.panel-hero h1,.hero-card h1,.main-hero h1,.card.hero h1{margin:0 0 10px!important;font-size:clamp(2rem,4vw,3rem)!important;line-height:1.02!important}.eyebrow{letter-spacing:.08em!important;margin-bottom:6px!important;font-size:.72rem!important}.modules-grid,.module-grid,.dashboard-grid{align-items:stretch!important;gap:14px!important;display:grid!important}@media (width>=1120px){.modules-grid,.module-grid,.dashboard-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}.module-card-wide{grid-column:auto!important}}@media (width>=820px) and (width<=1119px){.modules-grid,.module-grid,.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.module-card-wide{grid-column:auto!important}}.module-card{border-radius:18px!important;gap:10px!important;min-height:172px!important;padding:20px 18px!important;overflow:hidden!important}.module-card h2,.module-card h3{margin:0 0 7px!important;font-size:1.08rem!important;line-height:1.15!important}.module-card p{margin:0 0 12px!important;font-size:.84rem!important;line-height:1.45!important}.module-card .eyebrow{margin-bottom:5px!important;font-size:.68rem!important}.module-card svg,.module-icon,.module-card-icon{width:36px!important;height:36px!important}.module-card button,.module-card .primary-button,.module-card .secondary-button{white-space:normal!important;border-radius:10px!important;width:auto!important;min-height:34px!important;padding:8px 13px!important;font-size:.82rem!important;line-height:1.1!important}.card{box-shadow:0 16px 38px #0f172a14}@media (width<=819px){.header,.app-header,.top-header,.main-header,.hero-header{padding:14px!important}.dashboard-hero,.operations-hero,.panel-hero,.hero-card,.main-hero,.card.hero{padding:22px!important}.modules-grid,.module-grid,.dashboard-grid{grid-template-columns:1fr!important}}.dashboard-hero,.operations-hero,.panel-hero,.hero-card,.main-hero,.card.hero{align-items:center!important;min-height:118px!important;max-height:140px!important;margin-bottom:12px!important;padding:16px 28px!important;display:flex!important}.dashboard-hero h1,.operations-hero h1,.panel-hero h1,.hero-card h1,.main-hero h1,.card.hero h1{margin-bottom:6px!important;font-size:clamp(1.75rem,3.1vw,2.55rem)!important;line-height:.98!important}.dashboard-hero p,.operations-hero p,.panel-hero p,.hero-card p,.main-hero p,.card.hero p{max-width:720px!important;font-size:.84rem!important;line-height:1.35!important}.dashboard-hero .eyebrow,.operations-hero .eyebrow,.panel-hero .eyebrow,.hero-card .eyebrow,.main-hero .eyebrow,.card.hero .eyebrow{margin-bottom:4px!important;font-size:.68rem!important}.dashboard-hero svg,.operations-hero svg,.panel-hero svg,.hero-card svg,.main-hero svg,.card.hero svg,.dashboard-hero img,.operations-hero img,.panel-hero img,.hero-card img,.main-hero img,.card.hero img{width:74px!important;height:74px!important}.modules-grid,.module-grid,.dashboard-grid{gap:12px!important;margin-top:0!important}@media (width<=819px){.dashboard-hero,.operations-hero,.panel-hero,.hero-card,.main-hero,.card.hero{max-height:none!important;padding:16px 18px!important}.dashboard-hero h1,.operations-hero h1,.panel-hero h1,.hero-card h1,.main-hero h1,.card.hero h1{font-size:1.9rem!important}}.module-card{border:1.5px solid #94a3b847!important;transition:transform .18s,box-shadow .18s,border-color .18s!important;position:relative!important;box-shadow:0 14px 34px #0f172a14,inset 0 1px #ffffffe6!important}.module-card:hover{transform:translateY(-2px)!important;box-shadow:0 20px 42px #0f172a21,inset 0 1px #fffffff2!important}.module-card:after{content:"";opacity:.95;border-radius:999px 999px 0 0;height:4px;position:absolute;bottom:0;left:18px;right:18px}.module-card:first-child{border-color:#2563eb73!important}.module-card:first-child:after{background:linear-gradient(90deg,#2563eb,#60a5fa)}.module-card:nth-child(2){border-color:#0ea5e973!important}.module-card:nth-child(2):after{background:linear-gradient(90deg,#0284c7,#38bdf8)}.module-card:nth-child(3){border-color:#10b98173!important}.module-card:nth-child(3):after{background:linear-gradient(90deg,#059669,#34d399)}.module-card:nth-child(4){border-color:#a855f773!important}.module-card:nth-child(4):after{background:linear-gradient(90deg,#7c3aed,#c084fc)}.module-card:nth-child(5){border-color:#f59e0b80!important}.module-card:nth-child(5):after{background:linear-gradient(90deg,#d97706,#fbbf24)}.module-card .module-icon,.module-card-icon,.module-card svg{filter:drop-shadow(0 6px 10px #2563eb24)!important}.module-card button,.module-card .primary-button,.module-card .secondary-button{color:#fff!important;letter-spacing:.01em!important;text-shadow:0 1px #00000040!important;background:linear-gradient(#17335f 0%,#0f2344 100%)!important;border:1px solid #93c5fdbf!important;font-weight:800!important;position:relative!important;box-shadow:0 7px 14px #0f23443d,inset 0 1px #ffffff38!important}.module-card button:hover,.module-card .primary-button:hover,.module-card .secondary-button:hover{background:linear-gradient(#1d4ed8 0%,#143a74 100%)!important;border-color:#bfdbfef2!important;transform:translateY(-1px)!important;box-shadow:0 10px 18px #2563eb47,inset 0 1px #ffffff47!important}.module-card button:active,.module-card .primary-button:active,.module-card .secondary-button:active{transform:translateY(0)scale(.99)!important}.module-card:first-child button{border-color:#93c5fd!important}.module-card:nth-child(2) button{border-color:#67e8f9!important}.module-card:nth-child(3) button{border-color:#86efac!important}.module-card:nth-child(4) button{border-color:#d8b4fe!important}.module-card:nth-child(5) button{border-color:#fde68a!important}.module-card h2,.module-card h3{color:#071534!important;font-weight:900!important}.module-card p{color:#263b63!important}.module-card .eyebrow{font-weight:900!important}.module-card:first-child{background:radial-gradient(circle at 100% 0,#2563eb24,#0000 42%),linear-gradient(135deg,#eff6fff2,#fffffff5)!important;border-color:#2563eb6b!important}.module-card:first-child button{background:linear-gradient(#2563eb 0%,#1d4ed8 100%)!important;border-color:#93c5fd!important;box-shadow:0 8px 16px #2563eb47,inset 0 1px #ffffff47!important}.module-card:nth-child(2){background:radial-gradient(circle at 100% 0,#06b6d429,#0000 42%),linear-gradient(135deg,#ecfefff2,#fffffff5)!important;border-color:#0891b26b!important}.module-card:nth-child(2) button{background:linear-gradient(#0891b2 0%,#0e7490 100%)!important;border-color:#67e8f9!important;box-shadow:0 8px 16px #0891b247,inset 0 1px #ffffff47!important}.module-card:nth-child(3){background:radial-gradient(circle at 100% 0,#10b98126,#0000 42%),linear-gradient(135deg,#ecfdf5f2,#fffffff5)!important;border-color:#0596696b!important}.module-card:nth-child(3) button{background:linear-gradient(#059669 0%,#047857 100%)!important;border-color:#86efac!important;box-shadow:0 8px 16px #05966947,inset 0 1px #ffffff47!important}.module-card:nth-child(4){background:radial-gradient(circle at 100% 0,#7c3aed26,#0000 42%),linear-gradient(135deg,#f5f3fff2,#fffffff5)!important;border-color:#7c3aed6b!important}.module-card:nth-child(4) button{background:linear-gradient(#7c3aed 0%,#5b21b6 100%)!important;border-color:#d8b4fe!important;box-shadow:0 8px 16px #7c3aed47,inset 0 1px #ffffff47!important}.module-card:nth-child(5){background:radial-gradient(circle at 100% 0,#f59e0b2b,#0000 42%),linear-gradient(135deg,#fffbebf5,#fffffff5)!important;border-color:#d9770673!important}.module-card:nth-child(5) button{background:linear-gradient(#d97706 0%,#b45309 100%)!important;border-color:#fde68a!important;box-shadow:0 8px 16px #d9770647,inset 0 1px #ffffff47!important}.module-card:first-child button:hover{background:linear-gradient(#1d4ed8 0%,#1e40af 100%)!important}.module-card:nth-child(2) button:hover{background:linear-gradient(#0e7490 0%,#155e75 100%)!important}.module-card:nth-child(3) button:hover{background:linear-gradient(#047857 0%,#065f46 100%)!important}.module-card:nth-child(4) button:hover{background:linear-gradient(#6d28d9 0%,#4c1d95 100%)!important}.module-card:nth-child(5) button:hover{background:linear-gradient(#b45309 0%,#92400e 100%)!important}.module-card:first-child .eyebrow{color:#2563eb!important}.module-card:nth-child(2) .eyebrow{color:#0891b2!important}.module-card:nth-child(3) .eyebrow{color:#059669!important}.module-card:nth-child(4) .eyebrow{color:#7c3aed!important}.module-card:nth-child(5) .eyebrow{color:#d97706!important}.scan-layout{align-items:stretch!important;gap:18px!important}.scan-entry-card,.scanned-product-card,.scan-queue-card{background:radial-gradient(circle at 100% 0,#2563eb14,#0000 34%),linear-gradient(145deg,#fffffffa,#f8fbfffa)!important;border:1px solid #2563eb38!important;position:relative!important;overflow:hidden!important;box-shadow:0 18px 45px #0f172a14,inset 0 1px #fffffff2!important}.scan-entry-card:before,.scanned-product-card:before,.scan-queue-card:before{content:"";background:linear-gradient(#2563eb,#22c55e);border-radius:999px;width:5px;position:absolute;top:0;bottom:0;left:0}.scan-entry-card h2,.scanned-product-card h2,.scan-queue-card h2{letter-spacing:-.03em!important;color:#071534!important;margin-bottom:8px!important;font-size:1.45rem!important}.scan-entry-card .muted,.scanned-product-card .muted{color:#475569!important;font-size:.9rem!important;line-height:1.45!important}.scan-mode-toggle{background:#eef2f7!important;border:1px solid #dbe4f0!important;border-radius:16px!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:12px 0 14px!important;padding:5px!important;display:grid!important}.scan-mode-toggle button{color:#334155!important;min-height:44px!important;box-shadow:none!important;background:0 0!important;border:1px solid #0000!important;border-radius:12px!important;font-weight:900!important}.scan-mode-toggle button.active{color:#fff!important;background:linear-gradient(#22c55e,#16a34a)!important;border-color:#86eface6!important;box-shadow:0 10px 20px #16a34a40,inset 0 1px #ffffff4d!important}.scan-mode-toggle button.active.danger{background:linear-gradient(#ef4444,#dc2626)!important;border-color:#fca5a5e6!important;box-shadow:0 10px 20px #dc26263d,inset 0 1px #ffffff4d!important}.scan-form label{color:#102044!important;letter-spacing:-.01em!important;font-weight:900!important}.scan-form input{background:#fff!important;border:1.5px solid #c7d2fe!important;border-radius:14px!important;min-height:48px!important;font-weight:800!important;box-shadow:0 8px 18px #2563eb14,inset 0 1px #fffffff2!important}.scan-form input:focus{border-color:#2563eb!important;box-shadow:0 0 0 4px #2563eb21,0 8px 18px #2563eb1f!important}.scan-form>button[type=submit]{color:#fff!important;background:linear-gradient(#2563eb,#1d4ed8)!important;border:1px solid #93c5fd!important;border-radius:14px!important;min-height:44px!important;font-weight:900!important;box-shadow:0 12px 22px #2563eb42,inset 0 1px #ffffff40!important}.scan-form>button[type=submit]:disabled{box-shadow:none!important;cursor:not-allowed!important;background:linear-gradient(#9ca3af,#6b7280)!important;border-color:#d1d5db!important}.scan-form .message{color:#1e3a8a!important;background:#eff6fff5!important;border:1px solid #93c5fd99!important;border-radius:14px!important;margin-top:10px!important;padding:10px 13px!important;font-size:.86rem!important}.scanned-product-card{min-height:100%!important}.scanned-box{background:linear-gradient(135deg,#eff6ffeb,#fffffff5)!important;border:1px solid #93c5fd73!important;border-radius:18px!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:18px!important;padding:16px!important;display:grid!important}.scanned-box h3{color:#071534!important;margin-bottom:10px!important;font-size:1.25rem!important}.scanned-box p{color:#475569!important;border-bottom:1px dashed #94a3b859!important;justify-content:space-between!important;gap:16px!important;margin:0!important;padding:7px 0!important;display:flex!important}.scanned-box p strong{color:#0f172a!important}.barcode-actions{background:#fff!important;border:1px solid #cbd5e1cc!important;border-radius:16px!important;min-width:170px!important;padding:12px!important;box-shadow:0 10px 22px #0f172a14!important}.barcode-img{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:10px!important;max-width:150px!important;margin:0 auto 10px!important;padding:8px!important;display:block!important}.barcode-actions .button-group{gap:8px!important;display:grid!important}.barcode-actions button{border-radius:10px!important;min-height:34px!important;padding:8px 10px!important;font-size:.8rem!important}.scan-queue-card{margin-top:16px!important}.scan-queue-card .summary-grid{gap:12px!important;margin:12px 0!important}.scan-queue-card .summary-card{background:linear-gradient(135deg,#eff6fff5,#fffffffa)!important;border:1px solid #93c5fd8c!important}.scan-queue-card .summary-card.warning{background:linear-gradient(135deg,#fff7edf5,#fffffffa)!important;border-color:#fb923c99!important}.scan-queue-card>.button-group{justify-content:flex-start!important;gap:10px!important;margin:12px 0 16px!important}.scan-queue-card>.button-group button{border-radius:12px!important;min-height:38px!important;padding:9px 15px!important;font-weight:900!important}.scan-queue-card table th{color:#102044!important;text-transform:uppercase!important;letter-spacing:.04em!important;background:#f1f5f9!important;font-size:.78rem!important}.scan-queue-card table td{vertical-align:middle!important}.scan-queue-card .code-pill{color:#1d4ed8!important;background:#eff6ff!important;border:1px solid #bfdbfe!important;font-weight:900!important}@media (width<=900px){.scanned-box{grid-template-columns:1fr!important}.barcode-actions{min-width:100%!important}.barcode-img{max-width:190px!important}}.card>.button-group>.secondary-button{color:#fff!important;background:linear-gradient(#2563eb 0%,#1d4ed8 100%)!important;border:1px solid #93c5fd!important;font-weight:900!important;box-shadow:0 10px 20px #2563eb3d,inset 0 1px #ffffff47!important}.card>.button-group>.secondary-button:hover{background:linear-gradient(#1d4ed8 0%,#1e40af 100%)!important;border-color:#bfdbfe!important;transform:translateY(-1px)!important;box-shadow:0 13px 24px #2563eb4d,inset 0 1px #ffffff52!important}.card>.button-group>.secondary-button:active{transform:translateY(0)scale(.99)!important}.modal-backdrop{z-index:999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a94;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.product-preview-modal{background:radial-gradient(circle at 100% 0,#2563eb21,#0000 36%),linear-gradient(145deg,#fff,#f8fbff);border:1px solid #93c5fd8c;border-radius:24px;width:min(920px,96vw);max-height:90vh;overflow:auto;box-shadow:0 30px 80px #0f172a52,inset 0 1px #fffffff2}.product-preview-header{border-bottom:1px solid #cbd5e1b8;justify-content:space-between;align-items:flex-start;gap:18px;padding:24px 26px;display:flex}.product-preview-header h2{color:#071534;letter-spacing:-.04em;margin:4px 0 6px;font-size:clamp(1.55rem,3vw,2.15rem);line-height:1.05}.product-preview-header p{color:#475569;margin:0;line-height:1.45}.modal-close-button{color:#fff;background:linear-gradient(#ef4444,#dc2626);border:1px solid #fecaca;border-radius:12px;min-width:94px;min-height:40px;padding:9px 14px;font-weight:900;box-shadow:0 10px 18px #dc262638,inset 0 1px #ffffff3d}.modal-close-button:hover{background:linear-gradient(#dc2626,#b91c1c)}.product-preview-body{grid-template-columns:minmax(0,1fr) 260px;gap:20px;padding:24px 26px 26px;display:grid}.product-preview-info{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.product-preview-info>div{background:#ffffffdb;border:1px solid #cbd5e1d1;border-radius:16px;padding:14px 15px;box-shadow:0 8px 18px #0f172a0f}.product-preview-info span{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px;font-size:.76rem;font-weight:900;display:block}.product-preview-info strong{color:#0f172a;font-size:1rem;line-height:1.25;display:block}.product-preview-barcode{background:#fff;border:1px solid #93c5fd8c;border-radius:20px;align-self:start;padding:16px;box-shadow:0 16px 34px #0f172a14}.product-preview-barcode .barcode-img{width:100%;max-width:220px;margin:0 auto 14px}.product-preview-barcode .button-group{gap:9px;display:grid}.product-preview-barcode button{border-radius:12px;min-height:38px;font-size:.84rem;font-weight:900}.barcode-placeholder{color:#64748b;background:#f1f5f9;border-radius:14px;place-items:center;min-height:150px;margin-bottom:14px;font-weight:800;display:grid}@media (width<=760px){.product-preview-body,.product-preview-info{grid-template-columns:1fr}.product-preview-header{flex-direction:column}.modal-close-button{width:100%}}.create-product-card,.products-card{background:radial-gradient(circle at 100% 0,#06b6d414,#0000 34%),linear-gradient(145deg,#fffffffa,#f0fdffd1)!important;border:1px solid #0891b240!important;position:relative!important;overflow:hidden!important;box-shadow:0 18px 45px #0f172a14,inset 0 1px #fffffff2!important}.create-product-card:before,.products-card:before{content:"";background:linear-gradient(#0891b2,#22d3ee);border-radius:999px;width:5px;position:absolute;top:0;bottom:0;left:0}.create-product-card h2,.products-card h2{letter-spacing:-.03em!important;color:#071534!important;margin-bottom:14px!important;font-size:1.45rem!important}.product-form{gap:13px!important}.product-form label{color:#102044!important;letter-spacing:-.01em!important;font-weight:900!important}.product-form input,.product-form textarea{background:#fffffff0!important;border:1.5px solid #0ea5e942!important;border-radius:14px!important;min-height:46px!important;font-weight:800!important;box-shadow:0 8px 18px #0891b20f,inset 0 1px #fffffff2!important}.product-form textarea{resize:vertical!important;min-height:78px!important}.product-form input:focus,.product-form textarea:focus{border-color:#0891b2!important;box-shadow:0 0 0 4px #0891b221,0 8px 18px #0891b21f!important}.product-form button[type=submit]{color:#fff!important;background:linear-gradient(#0891b2,#0e7490)!important;border:1px solid #67e8f9!important;border-radius:14px!important;min-height:46px!important;margin-top:4px!important;font-weight:900!important;box-shadow:0 12px 22px #0891b247,inset 0 1px #ffffff40!important}.product-form button[type=submit]:hover{background:linear-gradient(#0e7490,#155e75)!important;transform:translateY(-1px)!important}.products-card .table-wrap{background:#fff!important;border:1px solid #cbd5e1c2!important;border-radius:18px!important;overflow:auto!important;box-shadow:0 12px 24px #0f172a0f!important}.products-card table{border-collapse:separate!important;border-spacing:0!important}.products-card thead th{color:#0f2f4f!important;text-transform:uppercase!important;letter-spacing:.055em!important;background:linear-gradient(#f0f9ff,#e0f2fe)!important;border-bottom:1px solid #0ea5e938!important;font-size:.76rem!important;font-weight:900!important}.products-card tbody td{vertical-align:middle!important;border-bottom:1px solid #e2e8f0e6!important}.products-card tbody tr{transition:background .16s,transform .16s!important}.products-card tbody tr:hover{background:#ecfeffb3!important}.products-card td:first-child strong{color:#071534!important;margin-bottom:4px!important;font-size:.94rem!important;display:block!important}.product-note{color:#64748b!important;max-width:280px!important;font-size:.76rem!important;line-height:1.35!important;display:block!important}.products-card td:nth-child(2){color:#0e7490!important;font-weight:900!important}.products-card td:nth-child(3){color:#0f172a!important;font-weight:900!important}.products-card td:nth-child(4){font-weight:900!important}.products-card .stock-low{color:#dc2626!important;background:#fee2e2a6!important;border-radius:10px!important}.products-card .table-actions{flex-wrap:wrap!important;gap:7px!important;display:flex!important}.products-card .table-actions button{border:1px solid #0000!important;border-radius:10px!important;min-height:32px!important;padding:7px 10px!important;font-size:.76rem!important;font-weight:900!important;box-shadow:0 6px 12px #0f172a1c,inset 0 1px #ffffff38!important}.products-card .table-actions button:first-child{color:#fff!important;background:linear-gradient(#2563eb,#1d4ed8)!important;border-color:#93c5fd!important}.products-card .table-actions button:nth-child(2){color:#fff!important;background:linear-gradient(#0891b2,#0e7490)!important;border-color:#67e8f9!important}.products-card .table-actions button:nth-child(3){color:#fff!important;background:linear-gradient(#059669,#047857)!important;border-color:#86efac!important}.products-card .table-actions button:nth-child(4){color:#fff!important;background:linear-gradient(#7c3aed,#5b21b6)!important;border-color:#d8b4fe!important}.products-card .table-actions .delete-button{color:#fff!important;background:linear-gradient(#ef4444,#dc2626)!important;border-color:#fecaca!important}.products-card .table-actions button:hover{filter:brightness(1.03)!important;transform:translateY(-1px)!important}.products-card .table-actions button:active{transform:translateY(0)scale(.99)!important}@media (width<=900px){.products-card .table-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;display:grid!important}.products-card .table-actions button{width:100%!important}.product-note{max-width:220px!important}}.reports-panel-card,.reports-movements-card{background:radial-gradient(circle at 100% 0,#10b98117,#0000 34%),linear-gradient(145deg,#fffffffa,#ecfdf5d1)!important;border:1px solid #10b98142!important;position:relative!important;overflow:hidden!important;box-shadow:0 18px 45px #0f172a14,inset 0 1px #fffffff2!important}.reports-panel-card:before,.reports-movements-card:before{content:"";background:linear-gradient(#059669,#34d399);border-radius:999px;width:5px;position:absolute;top:0;bottom:0;left:0}.reports-panel-card h2,.reports-movements-card h2{letter-spacing:-.03em!important;color:#071534!important;margin-bottom:8px!important;font-size:1.45rem!important}.reports-panel-card .muted{color:#475569!important;margin-bottom:18px!important;font-size:.92rem!important;line-height:1.45!important}.reports-panel-card .summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:12px 0 16px!important;display:grid!important}.reports-panel-card .summary-card{background:linear-gradient(135deg,#fffffff5,#f0fdf4e6)!important;border:1px solid #10b98140!important;border-radius:16px!important;min-height:74px!important;padding:14px 16px!important;box-shadow:0 10px 22px #0f172a0f,inset 0 1px #fffffff2!important}.reports-panel-card .summary-card span{color:#64748b!important;text-transform:uppercase!important;letter-spacing:.055em!important;font-size:.76rem!important;font-weight:900!important}.reports-panel-card .summary-card strong{color:#071534!important;font-size:1.65rem!important;line-height:1!important}.reports-panel-card .summary-card.warning{background:linear-gradient(135deg,#fffbebfa,#fffffff5)!important;border-color:#f59e0b61!important}.reports-panel-card .summary-card.warning strong{color:#f59e0b!important}.reports-panel-card>.button-group{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin-top:10px!important;display:grid!important}.reports-panel-card>.button-group button{color:#fff!important;border:1px solid #0000!important;border-radius:13px!important;min-height:42px!important;font-size:.9rem!important;font-weight:900!important;box-shadow:0 10px 20px #0f172a24,inset 0 1px #ffffff40!important}.reports-panel-card>.button-group button:first-child{background:linear-gradient(#2563eb,#1d4ed8)!important;border-color:#93c5fd!important}.reports-panel-card>.button-group button:nth-child(2){background:linear-gradient(#059669,#047857)!important;border-color:#86efac!important}.reports-panel-card>.button-group button:nth-child(3){background:linear-gradient(#f59e0b,#d97706)!important;border-color:#fde68a!important}.reports-panel-card>.button-group button:hover{filter:brightness(1.04)!important;transform:translateY(-1px)!important}.reports-movements-card{margin-top:14px!important}.reports-movements-card .table-wrap{background:#fff!important;border:1px solid #cbd5e1c2!important;border-radius:18px!important;overflow:auto!important;box-shadow:0 12px 24px #0f172a0f!important}.reports-movements-card table{border-collapse:separate!important;border-spacing:0!important;min-width:920px!important}.reports-movements-card thead th{color:#064e3b!important;text-transform:uppercase!important;letter-spacing:.055em!important;background:linear-gradient(#ecfdf5,#d1fae5)!important;border-bottom:1px solid #10b98140!important;font-size:.76rem!important;font-weight:900!important}.reports-movements-card tbody td{vertical-align:middle!important;color:#172033!important;border-bottom:1px solid #e2e8f0eb!important}.reports-movements-card tbody tr:hover{background:#ecfdf5b8!important}.reports-movements-card td:nth-child(2){color:#071534!important;font-weight:900!important}.reports-movements-card .code-pill{color:#047857!important;background:#ecfdf5!important;border:1px solid #a7f3d0!important;font-weight:900!important}.reports-movements-card td:nth-child(4){font-weight:900!important}.reports-movements-card td:nth-child(4) span,.reports-movements-card td:nth-child(4) .badge{border-radius:999px!important;padding:5px 10px!important;font-size:.74rem!important;font-weight:900!important}.reports-movements-card .badge-in,.reports-movements-card .movement-in,.reports-movements-card .entrada{color:#166534!important;background:#dcfce7!important;border:1px solid #86efac!important}.reports-movements-card .badge-out,.reports-movements-card .movement-out,.reports-movements-card .salida{color:#991b1b!important;background:#fee2e2!important;border:1px solid #fecaca!important}@media (width<=900px){.reports-panel-card .summary-grid,.reports-panel-card>.button-group{grid-template-columns:1fr!important}.reports-movements-card table{min-width:820px!important}}.payroll-layout{align-items:stretch!important;gap:18px!important}.payroll-employee-card,.payroll-generate-card,.payroll-summary-card{background:radial-gradient(circle at 100% 0,#7c3aed17,#0000 34%),linear-gradient(145deg,#fffffffa,#f5f3ffe0)!important;border:1px solid #7c3aed40!important;position:relative!important;overflow:hidden!important;box-shadow:0 18px 45px #0f172a14,inset 0 1px #fffffff2!important}.payroll-employee-card:before,.payroll-generate-card:before,.payroll-summary-card:before{content:"";background:linear-gradient(#7c3aed,#60a5fa);border-radius:999px;width:5px;position:absolute;top:0;bottom:0;left:0}.payroll-employee-card h2,.payroll-generate-card h2,.payroll-summary-card h2{letter-spacing:-.03em!important;color:#071534!important;margin-bottom:8px!important;font-size:1.45rem!important}.payroll-employee-card .muted,.payroll-generate-card .muted,.payroll-summary-card .muted{color:#475569!important;margin-bottom:16px!important;font-size:.92rem!important;line-height:1.45!important}.payroll-employee-card .form,.payroll-generate-card .form{gap:13px!important}.payroll-employee-card label,.payroll-generate-card label{color:#102044!important;letter-spacing:-.01em!important;font-weight:900!important}.payroll-employee-card input,.payroll-generate-card input{background:#fffffff2!important;border:1.5px solid #7c3aed3d!important;border-radius:14px!important;min-height:46px!important;font-weight:800!important;box-shadow:0 8px 18px #7c3aed0f,inset 0 1px #fffffff2!important}.payroll-employee-card input:focus,.payroll-generate-card input:focus{border-color:#7c3aed!important;box-shadow:0 0 0 4px #7c3aed21,0 8px 18px #7c3aed1f!important}.payroll-employee-card button[type=submit]{color:#fff!important;background:linear-gradient(#7c3aed,#5b21b6)!important;border:1px solid #d8b4fe!important;border-radius:14px!important;min-height:46px!important;margin-top:4px!important;font-weight:900!important;box-shadow:0 12px 22px #7c3aed42,inset 0 1px #ffffff40!important}.payroll-generate-card .button-group{grid-template-columns:1fr 1fr!important;gap:10px!important;display:grid!important}.payroll-generate-card .button-group button,.payroll-generate-card>.form>button{color:#fff!important;border:1px solid #0000!important;border-radius:14px!important;min-height:44px!important;font-weight:900!important;box-shadow:0 10px 20px #0f172a1f,inset 0 1px #ffffff3d!important}.payroll-generate-card .button-group button:first-child{background:linear-gradient(#7c3aed,#5b21b6)!important;border-color:#d8b4fe!important}.payroll-generate-card .button-group button:nth-child(2){background:linear-gradient(#2563eb,#1d4ed8)!important;border-color:#93c5fd!important}.payroll-generate-card>.form>button{background:linear-gradient(#059669,#047857)!important;border-color:#86efac!important}.payroll-generate-card button:disabled{box-shadow:none!important;cursor:not-allowed!important;background:linear-gradient(#a1a1aa,#71717a)!important;border-color:#d4d4d8!important}.payroll-employee-card button:hover,.payroll-generate-card button:hover:not(:disabled){filter:brightness(1.04)!important;transform:translateY(-1px)!important}.payroll-summary-card{margin-top:16px!important}.payroll-summary-card .summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:12px 0 16px!important;display:grid!important}.payroll-summary-card .summary-card{background:linear-gradient(135deg,#fffffff5,#f5f3ffe6)!important;border:1px solid #7c3aed40!important;border-radius:16px!important;min-height:78px!important;padding:14px 16px!important;box-shadow:0 10px 22px #0f172a0f,inset 0 1px #fffffff2!important}.payroll-summary-card .summary-card span{color:#64748b!important;text-transform:uppercase!important;letter-spacing:.055em!important;font-size:.76rem!important;font-weight:900!important}.payroll-summary-card .summary-card strong{color:#071534!important;font-size:1.35rem!important;line-height:1.1!important}.payroll-summary-card .summary-card.warning{background:linear-gradient(135deg,#fffbebfa,#fffffff5)!important;border-color:#f59e0b6b!important}.payroll-summary-card .summary-card.warning strong{color:#d97706!important}.payroll-summary-card .table-wrap{background:#fff!important;border:1px solid #cbd5e1c2!important;border-radius:18px!important;overflow:auto!important;box-shadow:0 12px 24px #0f172a0f!important}.payroll-summary-card table{border-collapse:separate!important;border-spacing:0!important;min-width:1040px!important}.payroll-summary-card thead th{color:#3b0764!important;text-transform:uppercase!important;letter-spacing:.05em!important;background:linear-gradient(#f5f3ff,#ede9fe)!important;border-bottom:1px solid #7c3aed3d!important;font-size:.73rem!important;font-weight:900!important}.payroll-summary-card tbody td{vertical-align:middle!important;color:#172033!important;border-bottom:1px solid #e2e8f0eb!important}.payroll-summary-card tbody tr:hover{background:#f5f3ffb8!important}.payroll-summary-card td:first-child{color:#071534!important;font-weight:900!important}.payroll-summary-card td:nth-child(7) strong{color:#047857!important;font-size:.98rem!important}.payroll-summary-card table input{background:#fff!important;border:1px solid #a78bfa57!important;border-radius:10px!important;max-width:120px!important;min-height:34px!important;padding:6px 8px!important;font-weight:800!important}.payroll-summary-card table input:focus{border-color:#7c3aed!important;box-shadow:0 0 0 3px #7c3aed1f!important}.payroll-summary-card table td:nth-child(8) input{min-width:160px!important;max-width:220px!important}.payroll-summary-card .table-actions button,.payroll-summary-card table button{color:#fff!important;background:linear-gradient(#7c3aed,#5b21b6)!important;border:1px solid #d8b4fe!important;border-radius:10px!important;min-height:32px!important;padding:7px 11px!important;font-size:.76rem!important;font-weight:900!important;box-shadow:0 7px 14px #7c3aed2e,inset 0 1px #ffffff38!important}.payroll-summary-card>.muted,.payroll-summary-card>p.muted{background:#f5f3ffd1!important;border:1px solid #c4b5fd61!important;border-radius:16px!important;padding:14px 16px!important}@media (width<=980px){.payroll-summary-card .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.payroll-generate-card .button-group{grid-template-columns:1fr!important}}@media (width<=680px){.payroll-summary-card .summary-grid{grid-template-columns:1fr!important}}.users-layout{align-items:stretch!important;gap:18px!important}.users-create-card,.users-permissions-card,.users-edit-card,.users-list-card{background:radial-gradient(circle at 100% 0,#f59e0b1a,#0000 34%),linear-gradient(145deg,#fffffffa,#fffbebdb)!important;border:1px solid #d9770647!important;position:relative!important;overflow:hidden!important;box-shadow:0 18px 45px #0f172a14,inset 0 1px #fffffff2!important}.users-create-card:before,.users-permissions-card:before,.users-edit-card:before,.users-list-card:before{content:"";background:linear-gradient(#d97706,#fbbf24);border-radius:999px;width:5px;position:absolute;top:0;bottom:0;left:0}.users-create-card h2,.users-permissions-card h2,.users-edit-card h2,.users-list-card h2{letter-spacing:-.03em!important;color:#071534!important;margin-bottom:8px!important;font-size:1.45rem!important}.users-create-card .muted,.users-permissions-card .muted,.users-edit-card .muted,.users-list-card .muted{color:#475569!important;margin-bottom:16px!important;font-size:.92rem!important;line-height:1.45!important}.users-create-card .form,.users-edit-card .form{gap:13px!important}.users-create-card label,.users-edit-card label,.users-permissions-card label{color:#102044!important;letter-spacing:-.01em!important;font-weight:900!important}.users-create-card input,.users-create-card select,.users-edit-card input,.users-edit-card select,.users-permissions-card select{background:#fffffff2!important;border:1.5px solid #d977063d!important;border-radius:14px!important;min-height:44px!important;font-weight:800!important;box-shadow:0 8px 18px #d977060f,inset 0 1px #fffffff2!important}.users-create-card input:focus,.users-create-card select:focus,.users-edit-card input:focus,.users-edit-card select:focus,.users-permissions-card select:focus{border-color:#d97706!important;box-shadow:0 0 0 4px #d9770621,0 8px 18px #d977061f!important}.users-create-card button[type=submit]{color:#fff!important;background:linear-gradient(#d97706,#b45309)!important;border:1px solid #fde68a!important;border-radius:14px!important;min-height:46px!important;margin-top:4px!important;font-weight:900!important;box-shadow:0 12px 22px #d9770642,inset 0 1px #ffffff40!important}.users-create-card button[type=submit]:hover{filter:brightness(1.04)!important;transform:translateY(-1px)!important}.users-permissions-card select{margin-bottom:14px!important}.users-permissions-card .checkbox-list,.users-permissions-card .permission-list,.users-permissions-card .module-list{gap:10px!important;display:grid!important}.users-permissions-card label:has(input[type=checkbox]){background:linear-gradient(135deg,#fffffff5,#fffbebe6)!important;border:1px solid #d977062e!important;border-radius:15px!important;align-items:center!important;gap:12px!important;min-height:46px!important;padding:12px 14px!important;display:flex!important;box-shadow:0 8px 16px #0f172a0d!important}.users-permissions-card input[type=checkbox]{accent-color:#d97706!important;width:18px!important;height:18px!important}.users-permissions-card button{color:#fff!important;background:linear-gradient(#d97706,#b45309)!important;border:1px solid #fde68a!important;border-radius:14px!important;min-height:42px!important;font-weight:900!important;box-shadow:0 12px 22px #d9770638,inset 0 1px #ffffff3d!important}.users-permissions-card button:disabled{box-shadow:none!important;background:linear-gradient(#a1a1aa,#71717a)!important;border-color:#d4d4d8!important}.users-edit-card{margin-top:16px!important}.users-edit-card .edit-actions{flex-wrap:wrap!important;gap:10px!important;display:flex!important}.users-edit-card .edit-actions button{border-radius:13px!important;min-height:42px!important;padding:9px 15px!important;font-weight:900!important}.users-edit-card .edit-actions button[type=submit]{color:#fff!important;background:linear-gradient(#2563eb,#1d4ed8)!important;border:1px solid #93c5fd!important}.users-edit-card .edit-actions .secondary-button{color:#fff!important;background:linear-gradient(#64748b,#475569)!important;border:1px solid #cbd5e1!important}.users-list-card{margin-top:16px!important}.users-list-card .table-wrap{background:#fff!important;border:1px solid #cbd5e1c2!important;border-radius:18px!important;overflow:auto!important;box-shadow:0 12px 24px #0f172a0f!important}.users-list-card table{border-collapse:separate!important;border-spacing:0!important;min-width:850px!important}.users-list-card thead th{color:#78350f!important;text-transform:uppercase!important;letter-spacing:.055em!important;background:linear-gradient(#fffbeb,#fef3c7)!important;border-bottom:1px solid #d977063d!important;font-size:.75rem!important;font-weight:900!important}.users-list-card tbody td{vertical-align:middle!important;color:#172033!important;border-bottom:1px solid #e2e8f0eb!important}.users-list-card tbody tr:hover{background:#fffbebb8!important}.users-list-card td:first-child{color:#071534!important;font-weight:900!important}.users-list-card td:nth-child(2){color:#b45309!important;font-weight:900!important}.users-list-card td:nth-child(4){color:#1d4ed8!important;font-weight:900!important}.users-list-card td:nth-child(5){font-weight:900!important}.users-list-card .table-actions{flex-wrap:wrap!important;gap:8px!important;display:flex!important}.users-list-card .table-actions button{color:#fff!important;border-radius:10px!important;min-height:32px!important;padding:7px 11px!important;font-size:.76rem!important;font-weight:900!important;box-shadow:0 7px 14px #0f172a1f,inset 0 1px #ffffff38!important}.users-list-card .table-actions button:first-child{background:linear-gradient(#2563eb,#1d4ed8)!important;border:1px solid #93c5fd!important}.users-list-card .table-actions button:nth-child(2){background:linear-gradient(#d97706,#b45309)!important;border:1px solid #fde68a!important}.users-list-card .table-actions button:hover{filter:brightness(1.04)!important;transform:translateY(-1px)!important}@media (width<=900px){.users-list-card .table-actions{grid-template-columns:1fr 1fr!important;display:grid!important}.users-list-card .table-actions button{width:100%!important}}.product-preview-modal{box-shadow:0 34px 90px #0f172a57,inset 0 1px #fffffff5!important}.product-preview-header{align-items:center!important}.modal-close-button{color:#fff!important;letter-spacing:.01em!important;background:linear-gradient(#ef4444,#dc2626)!important;border:1px solid #fca5a5!important;border-radius:14px!important;min-width:108px!important;min-height:42px!important;padding:10px 16px!important;font-weight:900!important;box-shadow:0 12px 24px #dc26263d,inset 0 1px #ffffff3d!important}.modal-close-button:hover{background:linear-gradient(#dc2626,#b91c1c)!important;transform:translateY(-1px)!important;box-shadow:0 15px 28px #dc26264d,inset 0 1px #ffffff47!important}.modal-close-button:active{transform:translateY(0)scale(.99)!important}.product-preview-barcode{background:linear-gradient(145deg,#fffffffa,#f8fafcf5)!important;border:1px solid #bfdbfeb8!important;border-radius:22px!important;padding:18px!important;box-shadow:0 18px 36px #0f172a14,inset 0 1px #fffffff5!important}.product-preview-barcode .button-group{grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:8px!important;display:grid!important}.product-preview-barcode button{color:#fff!important;border:1px solid #0000!important;border-radius:14px!important;min-height:48px!important;padding:10px 12px!important;font-size:.84rem!important;font-weight:900!important;line-height:1.15!important;box-shadow:0 10px 20px #0f172a24,inset 0 1px #ffffff3d!important}.product-preview-barcode .button-group button:first-child{background:linear-gradient(#059669,#047857)!important;border-color:#86efac!important}.product-preview-barcode .button-group button:first-child:hover{background:linear-gradient(#047857,#065f46)!important;transform:translateY(-1px)!important;box-shadow:0 14px 24px #0596693d,inset 0 1px #ffffff47!important}.product-preview-barcode .button-group button:nth-child(2){background:linear-gradient(#7c3aed,#5b21b6)!important;border-color:#d8b4fe!important}.product-preview-barcode .button-group button:nth-child(2):hover{background:linear-gradient(#6d28d9,#4c1d95)!important;transform:translateY(-1px)!important;box-shadow:0 14px 24px #7c3aed3d,inset 0 1px #ffffff47!important}.product-preview-barcode button:active{transform:translateY(0)scale(.99)!important}@media (width<=760px){.product-preview-barcode .button-group{grid-template-columns:1fr!important}.product-preview-barcode button{width:100%!important}}.login-card-pro{background:radial-gradient(circle at 100% 0,#2563eb17,#0000 35%),linear-gradient(145deg,#fffffffc,#f8fbfff7)!important;border:1px solid #bfdbfe99!important;border-radius:26px!important;width:min(430px,94vw)!important;padding:28px 26px!important;box-shadow:0 30px 80px #00000047,inset 0 1px #fffffff5!important}.login-card-pro .eyebrow{color:#60a5fa!important;letter-spacing:.09em!important;margin:0 0 4px!important;font-size:.72rem!important;font-weight:950!important}.login-card-pro h1{letter-spacing:-.045em!important;color:#071534!important;margin:0!important;font-size:2rem!important;line-height:1!important}.login-card-pro>.muted{color:#475569!important;margin:12px 0 16px!important;font-size:.94rem!important;line-height:1.5!important}.login-card-pro .message{color:#1e3a8a!important;background:#eff6ff!important;border:1px solid #bfdbfe!important;border-radius:14px!important;margin:0 0 16px!important;padding:11px 13px!important;font-weight:850!important}.login-card-pro .form{gap:14px!important}.login-card-pro label{color:#102044!important;font-weight:900!important}.login-card-pro input{background:#fffffffa!important;border:1.5px solid #93c5fd9e!important;border-radius:14px!important;min-height:46px!important;font-weight:850!important;box-shadow:0 8px 18px #2563eb12,inset 0 1px #fffffff2!important}.login-card-pro input:focus{border-color:#2563eb!important;box-shadow:0 0 0 4px #2563eb24,0 9px 20px #2563eb1f!important}.login-card-pro button[type=submit]{color:#fff!important;background:linear-gradient(#2563eb,#1d4ed8)!important;border:1px solid #93c5fd!important;border-radius:14px!important;min-height:46px!important;font-weight:950!important;box-shadow:0 14px 26px #2563eb47,inset 0 1px #ffffff45!important}.login-card-pro button[type=submit]:hover:not(:disabled){background:linear-gradient(#1d4ed8,#1e40af)!important;transform:translateY(-1px)!important}.login-card-pro button[type=submit]:disabled{box-shadow:none!important;cursor:not-allowed!important;background:linear-gradient(#9ca3af,#6b7280)!important;border-color:#d1d5db!important}@media (width<=520px){.login-card-pro{padding:24px 20px!important}.login-brand{align-items:flex-start!important}.login-card-pro h1{font-size:1.75rem!important}}.login-page{background:radial-gradient(circle at 18% 15%,#2563eb38,#0000 28%),radial-gradient(circle at 82% 78%,#0ea5e929,#0000 30%),linear-gradient(135deg,#0f172a 0%,#111827 48%,#172033 100%)!important;place-items:center!important;min-height:100vh!important;padding:24px!important;display:grid!important}.login-card,.login-card-pro{background:radial-gradient(circle at 100% 0,#2563eb17,#0000 35%),linear-gradient(145deg,#fffffffc,#f8fbfff7)!important;border:1px solid #bfdbfe9e!important;border-radius:26px!important;width:min(440px,94vw)!important;padding:30px 28px!important;box-shadow:0 30px 80px #0000004d,inset 0 1px #fffffff5!important}.login-brand img{object-fit:cover!important;border-radius:17px!important;width:62px!important;height:62px!important;box-shadow:0 12px 24px #0f172a2e,0 0 0 1px #94a3b842!important}.login-card .eyebrow,.login-card-pro .eyebrow{color:#60a5fa!important;letter-spacing:.09em!important;margin:0 0 5px!important;font-size:.72rem!important;font-weight:950!important}.login-card h1,.login-card-pro h1{letter-spacing:-.045em!important;color:#071534!important;margin:0!important;font-size:2rem!important;line-height:1!important}.login-card>.muted,.login-card-pro>.muted{color:#475569!important;margin:12px 0 16px!important;font-size:.94rem!important;line-height:1.5!important}.login-card label,.login-card-pro label{color:#102044!important;font-weight:900!important}.login-card input,.login-card-pro input{background:#fffffffa!important;border:1.5px solid #93c5fd9e!important;border-radius:14px!important;min-height:46px!important;font-weight:850!important;box-shadow:0 8px 18px #2563eb12,inset 0 1px #fffffff2!important}.login-card input:focus,.login-card-pro input:focus{border-color:#2563eb!important;box-shadow:0 0 0 4px #2563eb24,0 9px 20px #2563eb1f!important}.login-card button[type=submit],.login-card-pro button[type=submit]{color:#fff!important;background:linear-gradient(#2563eb,#1d4ed8)!important;border:1px solid #93c5fd!important;border-radius:14px!important;min-height:46px!important;font-weight:950!important;box-shadow:0 14px 26px #2563eb47,inset 0 1px #ffffff45!important}.login-card button[type=submit]:hover:not(:disabled),.login-card-pro button[type=submit]:hover:not(:disabled){background:linear-gradient(#1d4ed8,#1e40af)!important;transform:translateY(-1px)!important}.login-card button[type=submit]:disabled,.login-card-pro button[type=submit]:disabled{box-shadow:none!important;cursor:not-allowed!important;background:linear-gradient(#9ca3af,#6b7280)!important;border-color:#d1d5db!important}.login-brand{align-items:center!important;gap:14px!important;margin-bottom:16px!important;display:flex!important}.login-brand img{object-fit:cover!important;border-radius:17px!important;width:62px!important;height:62px!important;display:block!important;box-shadow:0 12px 24px #0f172a2e,0 0 0 1px #94a3b842!important}.login-brand span{color:#475569!important;margin-top:6px!important;font-size:.84rem!important;font-weight:850!important;display:block!important}.login-card button[type=submit],.login-card-pro button[type=submit]{color:#fff!important;background:linear-gradient(#2563eb,#1d4ed8)!important;border:1px solid #93c5fd!important}.module-card-clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.module-card-clickable:hover{transform:translateY(-3px)}.module-card-clickable:active{transform:translateY(-1px)}.module-card-clickable:focus-visible{outline-offset:4px;outline:3px solid #2563eb59}.scanner-modal-backdrop{z-index:9999;background:#0f172ab8;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.scanner-modal{background:#fff;border-radius:20px;flex-direction:column;gap:1rem;width:min(92vw,520px);padding:1rem;display:flex;box-shadow:0 24px 70px #0f172a59}.scanner-modal-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.scanner-modal-header h2{margin:0;font-size:1.25rem}.scanner-modal-header p{color:#64748b;margin:.25rem 0 0}.scanner-modal-close{color:#0f172a;cursor:pointer;background:#e2e8f0;border:none;border-radius:999px;width:2.25rem;height:2.25rem;font-size:1.4rem;line-height:1}.scanner-video-box{background:#020617;border:1px solid #1e293b;border-radius:16px;overflow:hidden}.scanner-video-box video{object-fit:cover;width:100%;min-height:280px;max-height:60vh;display:block}.scanner-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:.75rem;font-size:.9rem}@media (width<=640px){.scanner-modal{border-radius:18px;width:100%;padding:.85rem}.scanner-video-box video{min-height:340px}}.scan-camera-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:.75rem;display:grid}.scan-camera-actions button{width:100%;min-height:44px}@media (width<=520px){.scan-camera-actions{grid-template-columns:1fr}}.scanner-remoto-panel{background:#eff6ffd9;border:1px solid #2563eb33;border-radius:18px;margin-top:1rem;padding:1rem}.scanner-remoto-code{margin:.35rem 0;font-size:1.05rem}.scanner-remoto-code strong{color:#fff;letter-spacing:.16em;background:#0f172a;border-radius:999px;margin-left:.35rem;padding:.35rem .7rem;font-size:1.2rem;display:inline-flex}.success-message{color:#166534;background:#dcfce7e6;border-radius:14px;margin:.75rem 0 0;padding:.75rem .9rem;font-weight:600}.error-message{color:#991b1b;background:#fee2e2e6;border-radius:14px;margin:.75rem 0 0;padding:.75rem .9rem;font-weight:600}
