:root{--sp-primary-700: #3730A3;--sp-primary-600: #4F46E5;--sp-primary-500: #6366F1;--sp-primary-100: #E0E7FF;--sp-primary-050: #EEF2FF;--sp-accent-600: #0E7490;--sp-success: #15803D;--sp-warning: #B45309;--sp-danger: #B91C1C;--sp-info: #4F46E5;--sp-bg: #F1F5F9;--sp-surface: #FFFFFF;--sp-border: #E2E8F0;--sp-text-primary: #0F172A;--sp-text-secondary: #334155;--sp-text-muted: #64748B;--sp-text-inverse: #FFFFFF;--sp-radius-sm: 6px;--sp-radius-md: 10px;--sp-radius-lg: 16px;--sp-shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--sp-shadow-md: 0 4px 12px rgba(15, 23, 42, .08);--sp-shadow-lg: 0 12px 32px rgba(15, 23, 42, .12);--sp-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--sp-font);background:var(--sp-bg);color:var(--sp-text-primary);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}@supports (font-variation-settings: normal){body{font-family:"Inter var",var(--sp-font)}}*{scrollbar-width:thin;scrollbar-color:rgba(100,116,139,.35) transparent}*::-webkit-scrollbar{width:7px;height:7px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#64748b4d;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:#64748b8c}a{color:var(--sp-primary-600);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}.sp-card{background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:var(--sp-radius-md);box-shadow:var(--sp-shadow-sm)}.sp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid transparent;border-radius:var(--sp-radius-sm);font-weight:600;font-size:14px;cursor:pointer;transition:background .15s ease,border-color .15s ease,opacity .15s ease}.sp-btn:disabled{opacity:.55;cursor:not-allowed}.sp-btn-primary{background:var(--sp-primary-600);color:var(--sp-text-inverse)}.sp-btn-primary:hover:not(:disabled){background:var(--sp-primary-700)}.sp-btn-ghost{background:transparent;color:var(--sp-text-secondary);border-color:var(--sp-border)}.sp-btn-ghost:hover:not(:disabled){background:var(--sp-primary-050);border-color:var(--sp-primary-100)}.sp-btn-danger{background:var(--sp-danger);color:var(--sp-text-inverse)}.sp-btn-danger:hover:not(:disabled){background:#991b1b}.sp-btn-warning{background:var(--sp-warning);color:var(--sp-text-inverse)}.sp-btn-warning:hover:not(:disabled){background:#b45309}.sp-btn-secondary{background:var(--sp-surface);color:var(--sp-text-primary);border-color:var(--sp-border)}.sp-btn-secondary:hover:not(:disabled){background:var(--sp-primary-050);border-color:var(--sp-primary-200)}.sp-input{width:100%;padding:9px 12px;border:1px solid var(--sp-border);border-radius:var(--sp-radius-sm);font-size:14px;font-family:inherit;background:var(--sp-surface);color:var(--sp-text-primary)}.sp-input:focus{outline:none;border-color:var(--sp-primary-500);box-shadow:0 0 0 3px var(--sp-primary-050)}@media (max-width: 640px){html,body{overflow-x:hidden;max-width:100vw}.content{padding:14px!important}.page-head{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.page-head .page-title{font-size:18px!important}.page-head .page-sub{font-size:12px!important}.page-head .page-actions,.page-head .head-actions{display:flex;flex-wrap:wrap;gap:8px}.page-head .sp-btn{flex:1;min-width:0;padding:9px 10px;font-size:13px}.kpis,.kpi-grid,.kpi-row{grid-template-columns:1fr!important;gap:10px!important}.kpi{padding:12px 14px!important}.k-value,.kpi-value{font-size:18px!important}.k-label,.kpi-label{font-size:11px!important}.filters{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.filters .sp-input,.filters select,.filters .sp-btn{width:100%!important}.sp-card.table-card,.sp-card.table-wrap,.table-wrap,.sp-card.block,.block.sp-card{overflow-x:auto!important}table.sp-table,table.grid{min-width:520px}table.sp-table th,table.sp-table td,table.grid th,table.grid td{padding:8px 10px!important;font-size:12px!important}.sp-modal-back,.sa-modal-back{padding:16px 8px 8px!important;align-items:flex-start!important}.sp-modal,.sp-modal-sm,.sp-modal-lg,.sa-modal{width:100%!important;max-height:90vh!important}.sp-modal-head,.sa-modal-head{padding:12px 14px!important}.sp-modal-head h2,.sa-modal-head h2{font-size:15px!important}.sp-modal-body,.sa-modal-body{padding:14px!important;font-size:13px!important}.sp-modal-foot,.sa-modal-foot{padding:12px 14px!important;flex-wrap:wrap}.sp-modal-foot .sp-btn,.sa-modal-foot .sp-btn{flex:1}.form-grid{grid-template-columns:1fr!important;gap:10px!important}.form-grid .span-2,.form-grid label.checkbox{grid-column:span 1!important}.row{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.row .field{width:100%!important}.tabs{flex-wrap:wrap;gap:4px}.tab{flex:1;min-width:0;padding:8px 6px;font-size:12px}.stock-grid{grid-template-columns:1fr!important}}@media (max-width: 900px) and (min-width: 641px){.kpis{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 640px){table.sp-table-cards{display:block!important;min-width:0!important;width:100%;border-collapse:separate;background:transparent}table.sp-table-cards thead{display:none!important}table.sp-table-cards tfoot,table.sp-table-cards tbody{display:block!important}table.sp-table-cards tr{display:block;background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:var(--sp-radius-md);padding:12px 14px;margin-bottom:10px;box-shadow:var(--sp-shadow-sm)}table.sp-table-cards tr.muted{opacity:.65}table.sp-table-cards td{display:flex!important;justify-content:space-between!important;align-items:center;gap:12px;padding:6px 0!important;border:none!important;border-bottom:1px dashed var(--sp-border)!important;text-align:right!important;min-width:0;font-size:13px!important}table.sp-table-cards td:last-child{border-bottom:none!important}table.sp-table-cards td:before{content:attr(data-label);font-weight:600;color:var(--sp-text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em;margin-right:8px;text-align:left;flex:0 0 auto}table.sp-table-cards td.actions{justify-content:flex-end!important}table.sp-table-cards td.actions:before{content:none}}table.sp-table-cards.always{display:block!important;min-width:0!important;width:100%;border-collapse:separate;background:transparent}table.sp-table-cards.always thead{display:none!important}table.sp-table-cards.always tfoot{display:block!important}table.sp-table-cards.always tbody{display:grid!important;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}table.sp-table-cards.always tr{display:block;background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:var(--sp-radius-md);padding:12px 14px;margin-bottom:10px;box-shadow:var(--sp-shadow-sm)}table.sp-table-cards.always tr{margin-bottom:0}table.sp-table-cards.always tr.muted{opacity:.65}table.sp-table-cards.always td{display:flex!important;justify-content:space-between!important;align-items:center;gap:12px;padding:6px 0!important;border:none!important;border-bottom:1px dashed var(--sp-border)!important;text-align:right!important;min-width:0;font-size:13px!important}table.sp-table-cards.always td:last-child{border-bottom:none!important}table.sp-table-cards.always td:before{content:attr(data-label);font-weight:600;color:var(--sp-text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em;margin-right:8px;text-align:left;flex:0 0 auto}table.sp-table-cards.always td.actions{justify-content:flex-end!important}table.sp-table-cards.always td.actions:before{content:none}