@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.role-actions{display:flex;gap:8px;align-items:center}.tab-button{padding:9px 13px;border:1px solid #cbd5e1;background:#fff;border-radius:7px}.modal select{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid #cbd5e1;border-radius:8px;background:#fff}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:310px;overflow:auto;padding:10px;border:1px solid #e2e8f0;border-radius:8px}.permission-grid label{display:flex;align-items:center;gap:8px;margin:0;padding:8px;background:#f8fafc;border-radius:6px;font-size:12px}.permission-grid input{width:auto;margin:0}.branch-active{display:flex!important;align-items:center;gap:9px}.branch-active input{width:auto!important;margin:0!important}.field-help{display:block;color:#64748b;margin-top:-5px;margin-bottom:12px}.user-actions{white-space:normal}.user-actions .link{display:inline-flex;margin:3px 8px 3px 0!important}.assignment-dates{display:grid;grid-template-columns:1fr 1fr;gap:12px}.assignment-history{display:grid;gap:10px;max-height:420px;overflow:auto}.assignment-history article{display:grid;gap:4px;padding:12px;border:1px solid #e2e8f0;border-radius:8px}.assignment-history article span,.assignment-history article small{color:#64748b}@media(max-width:700px){.role-actions{width:100%;flex-wrap:wrap}.role-actions button{flex:1 1 auto;justify-content:center}.permission-grid,.assignment-dates{grid-template-columns:1fr}.user-actions{justify-content:flex-end;flex-wrap:wrap}}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:#0f172a;background:#f8fafc;font-size:14px}button,input,select{font:inherit}.app{display:grid;grid-template-columns:244px 1fr;min-height:100vh}aside{background:linear-gradient(180deg,#08172b,#0d213a);color:#dbeafe;padding:22px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:10}.brand{font-size:27px;font-weight:700;display:flex;align-items:center;gap:10px;color:#fff}.brand span{font-size:42px;color:#60a5fa}.brand button{display:none;margin-left:auto;background:none;border:0;color:#fff}aside label{font-size:10px;color:#94a3b8;margin:28px 0 20px}aside select{display:block;width:100%;margin-top:8px;padding:11px;border-radius:8px;border:1px solid #334155;background:#0f223b;color:#fff}nav{display:flex;flex-direction:column;gap:5px}nav button,.logout{border:0;background:transparent;color:#dbeafe;display:flex;gap:12px;align-items:center;padding:12px;border-radius:8px;cursor:pointer;text-align:left}nav button:hover{background:#163a68;color:#fff}nav button.active,nav button.active:hover{background:#1d4ed8;color:#fff}.logout{margin-top:auto;border:1px solid #29405d}main{min-width:0}header{height:82px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:5}header h1{margin:0;font-size:24px}header small{color:#64748b}.head-actions{display:flex;align-items:center;gap:18px}.search{display:flex;align-items:center;border:1px solid #e2e8f0;border-radius:8px;padding:0 10px}.search input{border:0;outline:0;padding:9px;width:180px}.avatar{border:0;background:#1d4ed8;color:#fff;border-radius:50%;width:38px;height:38px}.menu{display:none;border:0;background:none}.content{padding:26px 32px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:#fff;border:1px solid #e2e8f0;border-radius:11px;padding:20px;display:flex;gap:15px;align-items:center}.card>svg{color:#2563eb;background:#eff6ff;padding:12px;border-radius:50%;width:50px;height:50px}.card.warn>svg{color:#f59e0b;background:#fffbeb}.card span,.card small{display:block;color:#64748b}.card b{display:block;font-size:22px;margin:5px 0}.card small{color:#16a34a}.warn small{color:#d97706}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin:18px 0}.panel{background:#fff;border:1px solid #e2e8f0;border-radius:11px;padding:18px}.panel h3{display:flex;justify-content:space-between;align-items:center;margin:0 0 18px;font-size:16px}.panel h3 a,.link{color:#2563eb;font-weight:500}.stock{padding:13px 0;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between}.stock small{display:block;color:#64748b;margin-top:4px}.stock span{width:70px;height:6px;border-radius:6px;background:linear-gradient(90deg,#f59e0b 42%,#e2e8f0 42%);align-self:center}.table-panel{margin-top:18px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:650px}th,td{text-align:left;padding:13px;border-top:1px solid #e2e8f0;white-space:nowrap}th{font-size:12px;color:#64748b;background:#f8fafc}.primary{display:flex;align-items:center;gap:6px;background:#2563eb;color:#fff;border:0;border-radius:7px;padding:9px 13px}.link{background:none;border:0;cursor:pointer}.report-filters{display:flex;gap:10px;margin-bottom:18px}.report-filters input,.report-filters select{padding:10px;border:1px solid #cbd5e1;border-radius:7px;background:#fff}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top right,#dbeafe,#f8fafc 45%)}.login form{background:#fff;width:min(420px,calc(100% - 32px));padding:38px;border-radius:16px;box-shadow:0 20px 60px #0f172a20}.login .brand{color:#0f172a}.login h1{margin-bottom:4px}.login p{color:#64748b;margin-bottom:28px}.login label{display:block;font-weight:600;margin:16px 0}.login input{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:8px;margin-top:7px}.login form>button{width:100%;padding:12px;border:0;border-radius:8px;background:#2563eb;color:#fff;font-weight:600}.login small{display:block;text-align:center;color:#64748b;margin-top:17px}.error{color:#b91c1c;background:#fef2f2;padding:10px;border-radius:7px}.scrim{display:none}@media(max-width:1050px){.kpis{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.search{display:none}}@media(max-width:760px){body{font-size:14px}.app{display:block;width:100%;min-height:100dvh}.menu{display:flex;align-items:center;justify-content:center;padding:8px;margin-left:-8px;color:#0f172a}aside{position:fixed;inset:0 auto 0 -280px;width:min(280px,84vw);height:100dvh;padding:18px 14px;transition:left .2s ease;box-shadow:8px 0 24px #0f172a26}aside.open{left:0}.brand button{display:block}.scrim{display:block;position:fixed;inset:0;background:#0f172a88;z-index:9}main{width:100%;overflow-x:hidden}header{padding:0 16px;height:70px;justify-content:flex-start;gap:10px}header h1{font-size:20px;line-height:1.2}header small{display:block;margin-top:3px;font-size:11px}.head-actions{margin-left:auto}.content{width:100%;padding:14px}.kpis{grid-template-columns:1fr}.card{padding:15px}.dashboard-grid{margin-top:16px}.chart{padding:12px}.panel{padding:14px}.panel h3{gap:10px;flex-wrap:wrap}.primary{min-height:38px}.report-filters{flex-direction:column}.report-filters input,.report-filters select{width:100%}.table-wrap{overflow:visible}table,thead,tbody,tr,td{display:block;min-width:0}thead{display:none}tr{border:1px solid #e2e8f0;border-radius:8px;margin:10px 0;padding:8px}td{border:0;padding:7px 8px;display:flex;justify-content:space-between;gap:20px;white-space:normal;text-align:right}td:before{content:attr(data-label);font-weight:600;color:#64748b;text-align:left}.table-panel{padding:12px}}@media(max-width:380px){.content{padding:10px}header{padding:0 12px}.panel{border-radius:9px}.primary{width:100%;justify-content:center}}.empty{padding:42px 20px;text-align:center;color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px}.modal{position:fixed;inset:0;z-index:30;background:#0f172a99;display:grid;place-items:center;padding:18px}.modal form{width:min(520px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:14px;padding:25px;box-shadow:0 24px 70px #0004}.modal h2{margin-top:0}.modal label{display:block;font-weight:600;margin:13px 0}.modal input{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid #cbd5e1;border-radius:8px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.modal-actions button{padding:9px 14px;border:1px solid #cbd5e1;border-radius:7px}.table-panel .link+.link{margin-left:10px;color:#b91c1c}.stock-alert,.stock-ok,.movement-type{display:inline-block;padding:4px 8px;border-radius:12px;white-space:nowrap}.stock-alert{color:#b45309;background:#fffbeb}.stock-ok{color:#15803d;background:#f0fdf4}.movement-type{text-transform:capitalize;background:#eff6ff;color:#1d4ed8}.movement-type.salida{background:#fef2f2;color:#b91c1c}.movement-type.ajuste{background:#f5f3ff;color:#6d28d9}.product-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.product-heading h3{margin:0 0 4px}.product-heading small,.product-description,.category-list small{display:block;color:#64748b}.product-actions{display:flex;gap:8px}.product-actions button,.product-filters button,.pagination button{display:flex;align-items:center;gap:6px;padding:9px 12px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;cursor:pointer}.product-actions .primary{background:#2563eb;color:#fff;border:0}.product-filters{display:grid;grid-template-columns:minmax(220px,1fr) 220px 135px auto;gap:10px;margin-bottom:18px}.product-filters input,.product-filters select,.modal select,.modal textarea{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:8px;background:#fff}.product-search{display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid #cbd5e1;border-radius:8px}.product-search input{border:0;padding:10px 0;outline:0}.product-error{margin-bottom:15px}.row-actions .danger{color:#b91c1c}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:16px;color:#64748b}.pagination>div{display:flex;gap:6px}.pagination button{padding:7px}.pagination button:disabled{opacity:.4;cursor:not-allowed}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.category-dialog{width:min(600px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:14px;padding:25px}.category-title{display:flex;align-items:center;justify-content:space-between}.category-title h2{margin:0}.category-list{margin-top:16px}.category-list>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #e2e8f0}.category-form-layer{z-index:31}@media(max-width:760px){.product-heading{align-items:flex-start;flex-direction:column}.product-actions{width:100%;flex-wrap:wrap}.product-filters,.form-grid{grid-template-columns:1fr}.category-dialog{padding:18px}.category-list>div{align-items:flex-start}.row-actions{justify-content:flex-end!important}}.sales-error,.report-error{margin-bottom:14px}.sale-form{width:min(900px,100%)!important}.sale-lines-title{display:flex;justify-content:space-between;align-items:center;margin:18px 0 8px}.sale-lines-title button{display:flex;align-items:center;gap:5px;padding:7px 10px;background:#fff;border:1px solid #cbd5e1;border-radius:7px}.sale-line{display:grid;grid-template-columns:minmax(210px,2fr) 100px 110px 120px 36px;gap:10px;align-items:end;padding:10px 0;border-top:1px solid #e2e8f0}.sale-line label{margin:0}.sale-line span{padding-bottom:10px}.sale-line small{display:block;color:#64748b;margin-bottom:5px}.sale-line>button{margin-bottom:6px;padding:8px;border:0;background:#fef2f2;color:#b91c1c;border-radius:7px}.sale-line>button:disabled{opacity:.35}.sale-totals{display:flex;justify-content:flex-end;gap:24px;border-top:1px solid #e2e8f0;margin-top:8px;padding-top:15px}.sale-totals span{display:flex;flex-direction:column;color:#64748b}.sale-totals strong{font-size:17px;color:#0f172a;margin-top:4px}.report-range{display:flex;align-items:end;gap:12px}.report-range label{font-weight:600}.report-range input,.report-range select{display:block;margin-top:6px;padding:9px;border:1px solid #cbd5e1;border-radius:7px;background:#fff}.report-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.report-summary small{display:block;color:#64748b}.report-summary strong{display:block;font-size:20px;margin-top:7px}@media(max-width:1050px){.report-summary{grid-template-columns:repeat(2,1fr)}.sale-line{grid-template-columns:1fr 90px 100px}.sale-line span:nth-of-type(2){display:none}}@media(max-width:760px){.sale-line{grid-template-columns:1fr 90px 36px}.sale-line span{display:none}.sale-totals{flex-direction:column;gap:8px}.report-range{align-items:stretch;flex-direction:column}.report-summary{grid-template-columns:1fr 1fr}}.branch-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.branch-heading h3{margin:0 0 4px}.branch-heading small{color:#64748b}.branch-name,.branch-address{display:inline-flex;align-items:center;gap:7px}.branch-name svg{color:#2563eb}.branch-address{color:#475569}.branch-address svg{color:#94a3b8;flex:0 0 auto}.table-panel td .link{display:inline-flex;align-items:center;gap:5px}.status-active,.status-inactive{display:inline-block;padding:4px 8px;border-radius:12px}.status-active{background:#f0fdf4;color:#15803d}.status-inactive{background:#f1f5f9;color:#64748b}@media(max-width:760px){.branch-heading{align-items:flex-start;flex-direction:column}.branch-heading .primary{width:100%;justify-content:center}.branch-name,.branch-address{max-width:60%;text-align:right;justify-content:flex-end}}.login form>button.login-switch{margin-top:10px;background:transparent;color:#2563eb;border:1px solid #bfdbfe}.platform-shell{min-height:100vh;background:#f1f5f9}.platform-head{position:static;background:#08172b;color:#fff;display:flex;justify-content:space-between}.platform-head div{display:flex;align-items:center;gap:16px}.platform-head b{font-size:22px}.platform-head span{color:#bfdbfe}.platform-head button{display:flex;align-items:center;gap:7px;background:transparent;color:#fff;border:1px solid #475569;border-radius:8px;padding:9px 13px}.platform-main{max-width:1500px;margin:auto;padding:28px}.platform-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.platform-title h1{margin:0}.platform-title p{color:#64748b}.platform-shell td small{display:block;color:#64748b;margin-top:4px}.platform-shell select,.inline-input{padding:8px;border:1px solid #cbd5e1;border-radius:7px;background:#fff}.inline-input{width:72px}@media(max-width:760px){.platform-head{height:auto;padding:16px}.platform-head span{display:none}.platform-main{padding:14px}.platform-title{align-items:flex-start;gap:12px}.platform-title p{display:none}.platform-title h1{font-size:21px}}