@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Montserrat:wght@400;600&display=swap";:root{--bg-ink: #0c0f14;--bg-ink-2: #121826;--bg-sand: #f3efe7;--accent: #f25f4c;--accent-2: #2f9b91;--text-main: #12151f;--text-muted: #5e6572;--card-bg: #ffffff;--shadow: 0 20px 40px rgba(12, 15, 20, .18);--radius: 22px}*{box-sizing:border-box}body,.app-root{margin:0;min-height:100vh;font-family:Space Grotesk,Montserrat,system-ui,sans-serif;background:radial-gradient(circle at top,#f4f0e6,#e8dfcf 45%,#d7c9b6);color:var(--text-main)}.login-page{display:grid;grid-template-columns:minmax(320px,1fr) minmax(320px,1.1fr);gap:32px;padding:48px;min-height:100vh}.login-card{background:var(--card-bg);padding:40px;border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:28px}.brand{display:flex;gap:16px;align-items:center;justify-content:center}.brand-mark{width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,var(--accent),#f39b42);display:grid;place-items:center;color:#fff;font-weight:700;font-size:20px;letter-spacing:1px}.brand-logo{height:67px;width:auto;object-fit:contain}.brand-text h1{margin:0;font-size:26px}.brand-text p{margin:4px 0 0;color:var(--text-muted)}.login-form{display:grid;gap:18px}.login-form label{display:grid;gap:8px;font-weight:600;color:var(--text-muted)}.login-form input{padding:12px 14px;border-radius:12px;border:1px solid #d7d2c8;font-size:16px}.login-actions{display:flex;gap:12px;align-items:center}.form-error{background:#ffe1dc;color:#7d1b0c;padding:10px 12px;border-radius:12px;font-weight:600;font-size:14px}.form-success{background:#e1f6e9;color:#1d6c3e;padding:10px 12px;border-radius:12px;font-weight:600;font-size:14px}.btn-primary,.btn-secondary,.btn-ghost{border:none;border-radius:999px;padding:12px 20px;font-weight:600;cursor:pointer}.btn-fixed{min-width:110px;justify-content:center;display:inline-flex}.btn-compact{padding:10px 16px}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 10px 20px #f25f4c4d}.btn-secondary{background:var(--accent-2);color:#fff}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid #d3cbbd}.btn-light{background:#f4efe6;color:#7b6b58;border:1px solid #e2d7c7;box-shadow:none}.login-footer{color:var(--text-muted);font-size:14px}.login-aside{display:flex;align-items:stretch}.aside-card{background:linear-gradient(135deg,var(--bg-ink),var(--bg-ink-2));border-radius:var(--radius);padding:40px;color:#fff;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:24px}.aside-card h2{margin:0;font-size:28px}.aside-card p{color:#ffffffb8;line-height:1.5}.aside-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.aside-stats div{background:#ffffff14;padding:16px;border-radius:14px;display:grid;gap:6px}.aside-stats strong{font-size:20px}.aside-stats span{font-size:13px;color:#ffffffb3}.home-page{padding:48px;display:flex;flex-direction:column;gap:28px}.dashboard-header{align-items:flex-start}.dash-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.kpi-card{background:var(--card-bg);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);display:grid;gap:14px}.kpi-card h2,.kpi-card h3{margin:0}.kpi-hero{background:linear-gradient(140deg,#fff1e5,#ffe0c7)}.kpi-metric{display:grid;gap:6px}.kpi-metric strong{font-size:34px}.kpi-row{display:flex;gap:12px;color:var(--text-muted);font-size:13px}.dash-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.dash-panel{background:var(--card-bg);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);display:grid;gap:16px}.dash-panel.wide{grid-column:1 / -1}.dash-panel.span-2{grid-column:span 2}.panel-header{display:flex;justify-content:space-between;gap:16px;align-items:center}.dash-alerts{display:grid;gap:12px}.alert-item{display:grid;grid-template-columns:1.4fr auto 120px;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:#fbf6ee;border:1px solid #efe2d3}.alert-item small{color:var(--text-muted);display:block;margin-top:4px}.alert-pill{padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;text-transform:uppercase}.alert-pill.out{background:#ffe2e2;color:#a12020}.alert-pill.low{background:#fff1d8;color:#8a5a12}.alert-qty{text-align:right;display:grid;gap:2px}.alert-qty span{font-weight:700}.dash-panel .compact-list{gap:10px}.dash-panel .compact-list li{display:grid;grid-template-columns:90px 1fr 120px;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:#fbf7f0;border:1px solid #efe6d8}.dash-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dash-summary div{background:#fbf7f0;border:1px solid #efe6d8;border-radius:12px;padding:12px;display:grid;gap:6px}.dash-summary small{color:var(--text-muted)}.dash-summary strong{font-size:16px}.compact-list-2col li{grid-template-columns:1fr 120px}.compact-list-4col li{grid-template-columns:1.2fr 140px 140px 140px}.dash-panel .compact-list li span{min-width:0}.dashboard-grid{align-items:start}.chart-row{display:grid;grid-template-columns:140px 1fr;gap:16px;align-items:center}.chart-stack{display:grid;gap:18px}.donut{--donut-value: 0%;--donut-color: #f25f4c;width:140px;height:140px;border-radius:50%;background:conic-gradient(var(--donut-color) var(--donut-value),#f0e6d8 0);display:grid;place-items:center}.donut-center{width:90px;height:90px;border-radius:50%;background:#fff;display:grid;place-items:center;text-align:center;border:1px solid #efe2d3}.donut-center strong{font-size:20px}.donut-center small{color:var(--text-muted)}.chart-legend{display:grid;gap:12px}.chart-legend div{display:grid;gap:4px}.legend-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}.legend-dot.urgent{background:#f25f4c}.legend-dot.normal{background:#2f9b91}.flow-bars{display:grid;gap:12px}.flow-row{display:grid;grid-template-columns:100px 1fr 80px;gap:10px;align-items:center}.bar{height:10px;background:#efe6d8;border-radius:999px;overflow:hidden}.bar-fill{height:100%;border-radius:999px}.bar-fill.entry{background:#2f9b91}.bar-fill.exit{background:#f25f4c}.bar-fill.adjust{background:#f39b42}.bar-fill.accent{background:linear-gradient(90deg,#f25f4c,#f39b42)}.bar-fill.neutral{background:linear-gradient(90deg,#2f9b91,#5bc0b1)}.bar-list{display:grid;gap:12px}.bar-item{display:grid;gap:8px}.bar-item small{color:var(--text-muted)}.chart-wrap{height:260px}.profile-card{display:grid;gap:20px}.profile-header{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.profile-header h2{margin:6px 0 0}.profile-meta{display:grid;gap:6px;color:var(--text-muted)}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.profile-block{background:#f9f5ee;border-radius:16px;padding:16px;display:grid;gap:10px}.profile-block h3{margin:0}.profile-block label{display:grid;gap:6px;font-weight:600;color:var(--text-muted)}.profile-block input{padding:10px 12px;border-radius:12px;border:1px solid #d7d2c8;font-size:14px}.app-shell{display:block;min-height:100vh}.app-shell.sidebar-collapsed .app-main{margin-left:88px}.app-main{padding:32px 40px 48px;margin-left:260px}.sidebar{background:linear-gradient(180deg,#0e131b,#1a2230);color:#fff;padding:32px 24px;display:flex;flex-direction:column;gap:24px;position:fixed;top:0;left:0;width:260px;height:100vh;overflow-y:auto;z-index:10}.sidebar.collapsed{width:88px;padding:24px 12px;gap:18px}.sidebar-brand{display:flex;align-items:center;justify-content:center;gap:8px;position:relative}.sidebar-logo{width:100%;height:72px;object-fit:contain}.sidebar-toggle{background:transparent;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:8px;padding:4px 8px;cursor:pointer;font-weight:700;line-height:1;position:absolute;top:8px;right:1px;transform:none;z-index:11;background:#0f141d}.sidebar.collapsed .sidebar-logo{height:48px}.sidebar.collapsed .sidebar-toggle{top:8px;right:1px;left:auto;transform:none;padding:4px 6px}.sidebar-brand strong{display:block}.sidebar-brand span{font-size:12px;color:#ffffffa6}.sidebar-nav{display:grid;gap:10px}.nav-item{padding:12px 16px;border-radius:14px;border:none;text-align:left;background:#ffffff0d;color:#fff;cursor:pointer}.sidebar.collapsed .nav-item{padding:10px;text-align:center}.nav-icon{width:28px;height:28px;object-fit:contain}.nav-item.active{background:linear-gradient(135deg,var(--accent),#f39b42);color:#fff;font-weight:600}.nav-item.disabled{opacity:.55;cursor:not-allowed}.sidebar-footer{margin-top:auto;display:grid;gap:8px}.home-header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.home-title h1{margin:8px 0;font-size:34px}.home-title p{margin:0;color:var(--text-muted)}.pill{display:inline-flex;padding:6px 14px;border-radius:999px;background:#ece3d5;font-weight:600;color:#6b3f2e;font-size:12px;letter-spacing:.6px}.home-actions{display:flex;gap:12px;align-items:center}.home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{background:var(--card-bg);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);display:grid;gap:12px}.card.highlight{background:linear-gradient(140deg,#fff5e8,#ffe1cf)}.card-metric strong{font-size:32px}.card-metric span{color:var(--text-muted)}.compact-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;color:var(--text-muted)}.wide{grid-column:span 3}.card-header{display:flex;justify-content:space-between;gap:20px;align-items:center}.adjust-shell{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.adjust-placeholder{border:1px dashed #d4c9bb;border-radius:18px;padding:20px;display:grid;gap:8px;color:var(--text-muted);background:#fbf7f0}.user-badge{display:grid;gap:2px;text-align:right;color:var(--text-muted);font-size:12px}.user-badge span{font-weight:600;color:#2d2f36}.page{display:grid;gap:20px}.page-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.tabs{display:flex;gap:10px;flex-wrap:wrap}.tab{padding:10px 16px;border-radius:999px;border:1px solid #d3cbbd;background:#fff;font-weight:600;cursor:pointer;color:var(--text-main)}.tab.active{background:linear-gradient(135deg,var(--accent),#f39b42);color:#fff;border-color:transparent}.registers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.registers-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.registers-header-actions{display:flex;gap:10px;align-items:center}.registers-header h3{margin:0 0 6px}.registers-table{display:grid;gap:10px;max-height:520px;overflow:auto;padding-right:4px}.registers-head{display:grid;gap:12px;padding:8px 12px;color:var(--text-muted);font-weight:600;border-bottom:1px solid #efe6d8;position:sticky;top:0;background:#f7f1e7;z-index:1}.registers-head>:last-child{justify-self:end;text-align:right}.sort-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;color:inherit;font:inherit;padding:0;cursor:pointer;text-align:left}.sort-btn.active{color:var(--text-main)}.sort-indicator{font-size:11px;letter-spacing:.6px;color:var(--text-muted)}.registers-list{display:grid;gap:12px}.registers-row{display:grid;gap:16px;padding:12px;border-radius:14px;border:1px solid #efe6d8;background:#fbf7f0;align-items:center}.registers-row:nth-of-type(2n){background:#f6efe3}.registers-info{display:grid;gap:4px}.registers-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-end}.registers-input{border-radius:10px;border:1px solid #d7d2c8;padding:8px 10px;font-size:14px;font-family:inherit}.registers-inline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.registers-cols-3{grid-template-columns:1.4fr 90px 220px}.registers-cols-4-supplier{grid-template-columns:1.4fr 1.4fr 140px 220px}.registers-cols-5-supplier{grid-template-columns:1.3fr 1.2fr 1fr 150px 200px}.registers-head.registers-cols-5-supplier>:last-child{justify-self:center;text-align:center}.registers-row.registers-cols-5-supplier .registers-actions{justify-content:center}.registers-head.registers-cols-3>:last-child,.registers-head.registers-cols-5-materials>:last-child{justify-self:center;text-align:center}.registers-row.registers-cols-3 .registers-actions,.registers-row.registers-cols-5-materials .registers-actions{justify-content:center}.registers-cols-4-users{grid-template-columns:1.3fr 1.6fr 160px 200px}.registers-cols-4-materials{grid-template-columns:1.5fr 1.1fr 120px 200px}.registers-cols-5-materials{grid-template-columns:1.5fr 1fr 120px 120px 200px}.page-actions{display:flex;gap:12px;align-items:center}.page-actions.stock-actions{flex-direction:column;align-items:flex-start}.page-actions.stock-actions .stock-actions-bar{justify-content:flex-start}.stock-filters{display:grid;gap:10px;width:100%}.stock-filters-row{display:flex;gap:10px;flex-wrap:nowrap;align-items:center}.stock-actions-bar{display:flex;gap:10px;align-items:center}.stock-actions-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.filter-input,.filter-select{border-radius:12px;border:1px solid #d7d2c8;padding:10px 12px;font-size:14px;font-family:inherit;background:#fff;min-width:140px}.table-card{background:var(--card-bg);border-radius:var(--radius);padding:0 16px 16px;box-shadow:var(--shadow)}.registers-materials-table{width:100%;max-width:none;margin:0 auto}.table-scroll{max-height:520px;overflow:auto;padding-right:4px}.table-head,.table-row{display:grid;grid-template-columns:80px 120px 1fr 180px 180px;gap:12px;align-items:center;padding:16px 8px}.table-head{font-weight:600;color:var(--text-muted);border-bottom:1px solid #ebe3d7}.table-row{border-bottom:1px solid #f1e8dc;background:#fff}.table-scroll .table-head{position:sticky;top:0;background:linear-gradient(to bottom,#fff 0,#fff 25%,#f7f1e7 25%,#f7f1e7);z-index:1}.table-scroll .table-row:nth-of-type(2n){background:#fbf7f0}.table-actions{display:flex;gap:8px;flex-wrap:wrap}.requisitions-head,.requisitions-row{grid-template-columns:90px 120px 1fr 170px 180px 170px 240px}.pending-materials-head,.pending-materials-row{grid-template-columns:40px 80px 170px 1fr 1.3fr 1fr}.withdrawals-head,.withdrawals-row{grid-template-columns:70px 1.4fr 1.1fr 70px 110px 100px 1fr 90px 170px}.requisitions-actions{flex-wrap:wrap}.filters-bar,.filters-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.status-pill{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;text-transform:uppercase;background:#ece3d5}.status-pill.pending{background:#ffeed6;color:#8a5a12}.status-pill.approved{background:#def6e8;color:#1c7a47}.status-pill.rejected{background:#fde2e2;color:#a62828}.status-pill.canceled{background:#eceff4;color:#5b6675}.status-pill.finalized{background:#e7efff;color:#2b4c8a}.status-pill.quotation_requested{background:#ffe9d6;color:#8a4a12}.status-pill.quotation_filled{background:#e8f4ff;color:#25659a}.status-pill.orders_created{background:#e7f6ee;color:#1c7a47}.status-pill.requested{background:#ffe9d6;color:#8a4a12}.status-pill.filled{background:#e8f4ff;color:#25659a}.approval-page{min-height:100vh;background:linear-gradient(180deg,#efe6d7,#e0d5c3);display:flex;align-items:center;justify-content:center;padding:40px 16px}.approval-card{width:min(960px,100%);background:#fffaf2;border-radius:24px;box-shadow:0 18px 40px #3e2c1433;padding:28px 28px 24px}.approval-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.approval-header h2{margin:0}.approval-body{display:flex;flex-direction:column;gap:16px}.approval-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px}.approval-meta div{display:flex;flex-direction:column;gap:6px}.approval-note{background:#f3ecdf;border-radius:12px;padding:12px 16px;margin:0}.approval-items{background:#fff;border-radius:16px;padding:12px 14px;border:1px solid #eee2d3}.approval-head,.approval-row{grid-template-columns:1.4fr .6fr 1fr}.approval-actions{display:flex;gap:12px;justify-content:flex-end}@media (max-width: 720px){.approval-card{padding:20px}.approval-head,.approval-row{grid-template-columns:1fr;gap:6px}.approval-actions{flex-direction:column;align-items:stretch}}.users-grid{display:grid;grid-template-columns:1fr;gap:20px}.users-head,.users-row{grid-template-columns:.45fr .4fr 130px 90px 120px 220px;gap:6px}.users-row{padding:8px;align-items:start}.users-row .table-actions{gap:6px;align-self:start;justify-content:center}.users-head>span:last-child{text-align:center}.users-row .table-actions .btn-ghost,.users-row .table-actions .btn-primary,.users-row .table-actions .btn-secondary{padding:8px 12px;font-size:12px}.permissions-card h3{margin-top:0}.permissions-list{display:grid;gap:12px;margin:16px 0 20px;max-height:320px;overflow:auto;padding-right:4px}.permissions-card{max-height:620px;overflow:hidden;display:grid;grid-template-rows:auto auto 1fr auto}.materials-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.materials-head,.materials-row{grid-template-columns:1.6fr 1fr 90px 70px 120px}.material-form,.form-grid{display:grid;gap:12px}.form-inline{display:grid;grid-template-columns:1.2fr 140px;gap:12px;align-items:end}.checkbox-field{display:grid;gap:8px;font-weight:600;color:var(--text-muted)}.checkbox-field input{width:18px;height:18px}.form-grid label{display:grid;gap:6px;color:var(--text-muted);font-weight:600}.form-grid input,.form-grid textarea{border-radius:12px;border:1px solid #d7d2c8;padding:10px 12px;font-size:14px;font-family:inherit}.input-error{border-color:#f26a5a!important;background:#fff1ef}.form-grid select{border-radius:12px;border:1px solid #d7d2c8;padding:10px 12px;font-size:14px;font-family:inherit}.form-grid .full{grid-column:1 / -1}.web-search-field{position:relative}.web-search-results{position:absolute;left:0;right:0;top:calc(100% + 6px);max-height:220px;overflow:auto;background:#fff;border:1px solid #d7d2c8;border-radius:12px;z-index:20;padding:6px;display:grid;gap:6px;box-shadow:0 10px 24px #0000001f}.web-search-results button{border:1px solid #eee2d2;background:#fff8f0;border-radius:10px;padding:8px 10px;text-align:left;color:var(--text-main)}.stock-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.stock-head,.stock-row{grid-template-columns:1.4fr 1.2fr 70px 90px}.movements-head,.movements-row{grid-template-columns:100px 1.6fr 80px 140px 180px}.stock-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.action-card{background:#fcf7ef;border:1px solid #efe6d8;border-radius:16px;padding:16px;display:grid;gap:10px}.action-card h4{margin:0}.purchases-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.purchases-grid-wide{grid-template-columns:1fr}.purchases-head,.purchases-row{grid-template-columns:70px 100px 120px 1.2fr 1.2fr 1fr 110px 120px 120px}.purchases-entry-head,.purchases-entry-row{grid-template-columns:64px 96px 120px 1.2fr 1.2fr 1fr 130px 120px 110px;gap:10px}.purchases-entry-head{font-size:12px;line-height:1.25}.purchases-entry-row{align-items:center;min-height:58px}.purchases-entry-row span{min-width:0}.purchases-entry-row span:nth-child(1),.purchases-entry-row span:nth-child(2),.purchases-entry-row span:nth-child(3){font-weight:600;color:#41506a}.purchases-entry-row span:nth-child(4),.purchases-entry-row span:nth-child(5),.purchases-entry-row span:nth-child(6){line-height:1.25}.purchases-entry-head span:nth-child(7),.purchases-entry-row span:nth-child(7){white-space:nowrap}.purchase-orders-head,.purchase-orders-row{grid-template-columns:64px 1.1fr 80px 120px 150px 110px 150px 120px}.purchase-orders-head span{white-space:nowrap;display:inline-flex;align-items:center}.purchase-detail{display:grid;gap:12px}.po-detail-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.po-detail-title{display:grid;gap:4px}.po-detail-title strong{font-size:18px}.po-detail-title span{color:var(--text-muted)}.po-export-wrap{position:relative}.po-export-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:20;background:#fff;border:1px solid #ddd;border-radius:10px;padding:8px;display:flex;gap:8px;box-shadow:0 12px 24px #0c0f141f}.po-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.po-meta-card{background:#fcf7ef;border:1px solid #efe6d8;border-radius:12px;padding:10px 12px;display:grid;gap:4px}.po-meta-card small{color:var(--text-muted);font-size:12px}.po-meta-card strong{font-size:14px;color:var(--text-main)}.po-items-head{background:#f5ede1;font-weight:600;color:var(--text-muted)}.detail-block{display:grid;gap:12px}.detail-header{display:flex;justify-content:space-between;gap:12px;color:var(--text-muted)}.detail-header strong{display:block;color:var(--text-main)}.detail-items{display:grid;gap:10px}.detail-item{display:grid;grid-template-columns:1.6fr 120px 120px;gap:12px;padding:10px 12px;border-radius:12px;background:#fcf7ef;border:1px solid #efe6d8}.detail-item.purchase-item{grid-template-columns:1.4fr 1.1fr 90px 110px 90px}.movements-list{display:grid;gap:10px;margin-top:12px}.movement-row{display:grid;grid-template-columns:90px 1.4fr 80px 160px;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid #efe6d8;background:#fbf7f0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c0f1473;display:grid;place-items:center;z-index:50;padding:24px}.modal-card{background:#fff;border-radius:18px;width:min(720px,100%);max-height:90vh;overflow:auto;box-shadow:0 30px 60px #00000040;padding:20px 20px 24px}.modal-card.modal-wide{width:min(864px,100%)}.modal-card.no-scroll{max-height:none;overflow:visible}.modal-card.drawer{margin-left:auto;height:100%;max-height:100vh;width:min(520px,100%);border-radius:20px 0 0 20px}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #efe6d8;padding-bottom:12px}.modal-header h3{margin:0}.modal-body{padding-top:16px;display:grid;gap:12px}.kpi-row{display:flex;gap:10px;color:var(--text-muted);font-size:12px}.pagination{display:flex;justify-content:center;gap:12px;align-items:center;color:var(--text-muted)}.detail-item select,.detail-item input{border-radius:10px;border:1px solid #d7d2c8;padding:8px 10px;font-size:13px;font-family:inherit}.items-list{display:grid;gap:10px}.purchase-actions{display:flex;gap:12px;justify-content:space-between;align-items:center}.detail-divider{height:1px;background:#efe6d8;margin:12px 0}.perm-item{display:grid;gap:4px;border:1px solid #efe6d8;padding:12px;border-radius:12px;background:#fcf7ef}.perm-item span{font-weight:600}.perm-item small{color:var(--text-muted)}.selected-user{display:grid;gap:4px;color:var(--text-muted)}.muted{color:var(--text-muted)}@media (max-width: 980px){.login-page,.app-shell{grid-template-columns:1fr}.sidebar{flex-direction:row;overflow-x:auto}.sidebar-nav{grid-auto-flow:column;grid-auto-columns:minmax(140px,1fr)}.home-header{flex-direction:column;align-items:flex-start}.home-grid{grid-template-columns:1fr}.wide{grid-column:span 1}.adjust-shell,.table-head,.table-row,.requisitions-head,.requisitions-row,.users-grid,.materials-grid,.stock-grid,.stock-actions,.purchases-grid{grid-template-columns:1fr}.po-detail-top{flex-direction:column}.po-meta-grid,.dash-kpis{grid-template-columns:1fr}.dash-panel.span-2{grid-column:1 / -1}.compact-list-2col li,.compact-list-4col li,.dash-grid{grid-template-columns:1fr}.alert-item{grid-template-columns:1fr;text-align:left}.alert-qty{text-align:left}.dash-panel .compact-list li,.chart-row,.flow-row,.detail-item.purchase-item,.registers-grid{grid-template-columns:1fr}.registers-header-actions{width:100%;flex-wrap:wrap;justify-content:flex-start}.registers-inline{grid-template-columns:1fr}}