:root{--app-bg: #ffffff;--sidebar-text: #e8f0fe;--sidebar-muted: #a8bdd8;--sidebar-hover-bg: rgba(255, 255, 255, 0.12);--sidebar-active-bg: rgba(255, 255, 255, 0.2);--sidebar-active-border: rgba(255, 255, 255, 0.4);--sidebar-width: 260px;--sidebar-gradient: linear-gradient(180deg, #1e3a5f 0%, #1d4080 40%, #2d5a9e 100%)}*,*::before,*::after{box-sizing:border-box}.app-body{min-height:100vh;background-color:var(--app-bg);background-image:radial-gradient(circle at 15% 10%, rgba(37,99,235,0.08), transparent 45%)}.app-shell{display:flex;flex-direction:row;min-height:100vh;width:100%;align-items:stretch}.sidebar-shell{width:var(--sidebar-width);min-width:var(--sidebar-width);max-width:var(--sidebar-width);flex:0 0 var(--sidebar-width);min-height:100vh;position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;background:var(--sidebar-gradient);color:var(--sidebar-text);box-shadow:2px 0 20px rgba(2,6,23,0.18)}.sidebar-logo-header{background-color:#ffffff;display:flex;align-items:center;justify-content:center;padding:10px 5px;border-bottom:1px solid rgba(0,0,0,0.08)}.sidebar-logo{width:180px;height:auto;max-height:85px;object-fit:contain;display:block}.sidebar-offcanvas .sidebar-logo-header{display:none}.app-main{flex:1 1 auto;min-width:0;min-height:100vh;overflow-x:hidden}.app-content{width:100%;max-width:1280px;margin:0 auto}.sidebar-brand-title{font-size:0.82rem;font-weight:700;letter-spacing:0.1em;color:#f8fbff;white-space:nowrap;margin-bottom:0}.sidebar-brand-subtitle{font-size:0.68rem;color:var(--sidebar-muted);letter-spacing:0.02em;white-space:nowrap}.sidebar-link{border:1px solid transparent;color:var(--sidebar-text);font-size:0.92rem;font-weight:500;padding:0.58rem 0.75rem;transition:all 0.18s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;display:flex;align-items:center;gap:0.5rem;border-radius:0.5rem;background:transparent}.sidebar-link i{font-size:0.92rem}.sidebar-link:hover{color:#ffffff;background-color:var(--sidebar-hover-bg);border-color:rgba(191,219,254,0.2)}.sidebar-link.active{color:#ffffff;background-color:var(--sidebar-active-bg);border-color:var(--sidebar-active-border);box-shadow:inset 0 0 0 1px rgba(15,23,42,0.2)}.sidebar-link-subitem{padding:0.42rem 0.75rem;font-size:0.88rem}.sidebar-link-label{display:inline-flex;align-items:center;gap:0.5rem;min-width:0;overflow:hidden}.sidebar-link-label span{overflow:hidden;text-overflow:ellipsis}.sidebar-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.45rem;height:1.35rem;padding:0 0.45rem;border-radius:999px;background:rgba(255,255,255,0.18);color:#ffffff;font-size:0.72rem;font-weight:700;line-height:1;flex:0 0 auto}.sidebar-link.active .sidebar-count-badge{background:rgba(255,255,255,0.28)}.sidebar-collapse-toggle{background:transparent;border:1px solid transparent;color:var(--sidebar-text);font-size:0.92rem;font-weight:500;padding:0.58rem 0.75rem;transition:all 0.18s ease;border-radius:0.5rem;cursor:pointer}.sidebar-collapse-toggle:hover{color:#ffffff;background-color:var(--sidebar-hover-bg);border-color:rgba(191,219,254,0.2)}.sidebar-collapse-toggle.active{color:#ffffff;background-color:var(--sidebar-active-bg);border-color:var(--sidebar-active-border)}.sidebar-section-title{color:var(--sidebar-muted);font-size:0.7rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;padding:0 0.25rem;list-style:none}.sidebar-footer{border-top:1px solid rgba(148,163,184,0.3)}.sidebar-user-label{color:var(--sidebar-muted);font-size:0.7rem;text-transform:uppercase;letter-spacing:0.08em}.sidebar-user-name{color:#f8fbff;font-size:0.9rem;font-weight:600;overflow-wrap:anywhere}@media (max-width: 991.98px){.app-shell{flex-direction:column}}.mobile-shell{width:100%;flex-shrink:0}.mobile-topbar{background-color:#ffffff;border-bottom:1px solid rgba(148,163,184,0.35);position:sticky;top:0;z-index:1030}.mobile-logo{width:100px;height:auto;max-height:50px;object-fit:contain;display:block}.sidebar-offcanvas{--bs-offcanvas-width: var(--sidebar-width);background:var(--sidebar-gradient)}.w-5{width:5% !important;white-space:nowrap !important;text-align:center !important}.page-title{font-size:1.6rem;font-weight:700;color:#0f172a;margin:0;line-height:1.2;margin-top:15px !important}.page-subtitle{font-size:0.88rem;color:#64748b;margin:4px 0 0}.breadcrumb-nav{display:flex;align-items:center;gap:6px;font-size:0.92rem}.breadcrumb-link{color:#3b82f6;text-decoration:none}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-sep{color:#cbd5e1;font-size:0.7rem}.breadcrumb-current{color:#64748b}.btn-new{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg, #1d4080, #2d5a9e);color:#ffffff;border:none;border-radius:10px;padding:0.52rem 1.1rem;font-size:0.88rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all 0.18s ease;box-shadow:0 2px 8px rgba(29,64,128,0.25)}.btn-new:hover{background:linear-gradient(135deg, #163560, #1d4080);color:#ffffff;box-shadow:0 4px 14px rgba(29,64,128,0.35);transform:translateY(-1px)}.btn-ghost{display:inline-flex;align-items:center;gap:6px;background:transparent;color:#475569;border:1.5px solid #e2e8f0;border-radius:10px;padding:0.52rem 1.1rem;font-size:0.88rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all 0.18s ease}.btn-ghost:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.data-card{background:#ffffff;border-radius:14px;border:1px solid #e8eef5;box-shadow:0 1px 6px rgba(15,23,42,0.06),0 4px 20px rgba(15,23,42,0.04);overflow:hidden}.data-card-header{padding:1rem 1.4rem;border-bottom:1px solid #f1f5f9}.data-card-title{font-size:1rem;font-weight:600;color:#1e293b;margin:0}.data-card-subtitle{font-size:0.84rem;color:#94a3b8;margin:0.35rem 0 0}.data-card-body{padding:1.25rem 1.4rem}.info-cards-row{display:flex;gap:12px;flex-wrap:wrap}.info-card{background:#fff;border:1px solid #e8eef5;border-radius:12px;padding:0.9rem 1.2rem;display:flex;flex-direction:column;gap:4px;min-width:160px;box-shadow:0 1px 4px rgba(15,23,42,0.05)}.info-card-label{font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.07em;color:#94a3b8}.info-card-value{font-size:1rem;font-weight:600;color:#1e293b}.compact-info-card{min-width:0;padding:0.85rem 1rem;box-shadow:none}.kpi-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px}.kpi-grid .info-card{min-width:0;height:100%}.summary-strip{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px}.summary-strip .info-card{min-width:0;height:100%}.metric-chip{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0.25rem 0.7rem;font-size:0.78rem;font-weight:700;letter-spacing:0.03em;white-space:nowrap}.metric-chip-success{background:#dcfce7;color:#166534}.metric-chip-info{background:#dbeafe;color:#1d4ed8}.metric-chip-warning{background:#fef3c7;color:#b45309}.metric-chip-danger{background:#fee2e2;color:#b91c1c}.metric-chip-muted{background:#f1f5f9;color:#475569}.progress-summary{display:flex;flex-direction:column;gap:1rem}.progress-row{display:flex;flex-direction:column;gap:0.45rem}.progress-row-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.progress-label{font-size:0.88rem;font-weight:600;color:#475569}.progress-track{width:100%;height:8px;background:#eef2ff;border-radius:999px;overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg, #1d4ed8, #38bdf8)}.table-stack{display:flex;flex-direction:column;gap:0.45rem}.table-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.table-subvalue{font-size:0.82rem;color:#94a3b8}.table-note{font-size:0.82rem;color:#64748b}@media (max-width: 991.98px){.home-info-cards-row{display:grid !important;grid-template-columns:1fr !important;gap:12px}.home-info-cards-row .info-card{width:100% !important;min-width:0 !important;margin:0}.kpi-grid,.summary-strip{grid-template-columns:1fr}}.data-table{width:100%;border-collapse:collapse;font-size:0.9rem}.data-table thead tr{border-bottom:2px solid #f1f5f9}.data-table thead th{padding:0.85rem 1.2rem;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.07em;color:#94a3b8;white-space:nowrap}.data-row td{padding:0.9rem 1.2rem;border-bottom:1px solid #f8fafc;vertical-align:middle;color:#334155}.data-row:last-child td{border-bottom:none}.data-row:hover td{background-color:#fafcff}.col-actions{width:90px;text-align:right;white-space:nowrap}.inventory-pagination{background:#fafcff}.inventory-pagination-meta{color:#64748b;font-weight:500}.inventory-pagination-meta strong{color:#1e293b;font-weight:700}.inventory-pagination-nav{max-width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;scrollbar-color:#94a3b8 #f1f5f9;scrollbar-width:thin}.inventory-pagination-nav::-webkit-scrollbar{height:6px}.inventory-pagination-nav::-webkit-scrollbar-track{background:#f1f5f9;border-radius:999px}.inventory-pagination-nav::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:999px}.inventory-pagination-nav .pagy-bootstrap{flex:0 0 auto}.inventory-pagination .pagination{gap:6px;flex-wrap:nowrap}.inventory-pagination .page-link{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;border:1px solid #e2e8f0;border-radius:8px !important;padding:0 0.68rem;background:#ffffff;color:#1d4080;font-size:0.85rem;font-weight:600;line-height:1;box-shadow:none;transition:all 0.15s ease}.inventory-pagination .page-link:hover{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.inventory-pagination .page-link:focus{box-shadow:0 0 0 0.2rem rgba(29,64,128,0.14)}.inventory-pagination .page-item.active .page-link{border-color:#1d4080;background:#1d4080;color:#ffffff}.inventory-pagination .page-item.disabled .page-link{border-color:#e2e8f0;background:#f8fafc;color:#cbd5e1}@media (max-width: 575.98px){.inventory-pagination{gap:10px !important}.inventory-pagination-nav{width:100%}.inventory-pagination .pagination{gap:4px}.inventory-pagination .page-link{min-width:30px;height:30px;border-radius:7px !important;padding:0 0.52rem;font-size:0.82rem}}.row-link{text-decoration:none}.row-name{color:#1d4080;font-weight:500;transition:color 0.15s}.row-link:hover .row-name{color:#2d5a9e;text-decoration:underline}.badge-ref{display:inline-block;background:#f1f5f9;color:#475569;border-radius:6px;padding:2px 8px;font-size:0.82rem;font-family:monospace;letter-spacing:0.02em}.badge-category{display:inline-block;background:#eff6ff;color:#1d4ed8;border-radius:6px;padding:3px 10px;font-size:0.8rem;font-weight:500}.stock-badge{display:inline-block;border-radius:20px;padding:3px 12px;font-size:0.82rem;font-weight:600}.stock-ok{background:#dcfce7;color:#166534}.stock-empty{background:#fee2e2;color:#991b1b}.price-cell{font-weight:600;color:#0f172a}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:7px;border:none;text-decoration:none;font-size:0.78rem;transition:all 0.15s ease;margin-left:4px}.btn-icon-edit{background:#eff6ff;color:#1d4ed8}.btn-icon-edit:hover{background:#1d4ed8;color:#ffffff}.btn-icon-progress{background:#ecfdf3;color:#15803d}.btn-icon-progress:hover{background:#15803d;color:#ffffff}.btn-icon-delete{background:#fef2f2;color:#dc2626}.btn-icon-delete:hover{background:#dc2626;color:#ffffff}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.5rem 2rem;text-align:center}.empty-icon{font-size:2.5rem;color:#cbd5e1;margin-bottom:1rem}.empty-title{font-size:1rem;font-weight:600;color:#64748b;margin:0 0 4px}.empty-sub{font-size:0.85rem;color:#94a3b8;margin:0}.empty-state-compact{padding:1.25rem 0.5rem}.required_fields{color:red !important;font-size:0.9rem}.form-body{padding:1.5rem}.form-footer{padding:1rem 1.5rem;border-top:1px solid #f1f5f9;background:#fafcff;display:flex;align-items:center;gap:10px}.field-group{display:flex;flex-direction:column;gap:6px}.field-label{font-size:0.9rem;font-weight:600;color:#475569;letter-spacing:0.02em}.form-input{width:100%;padding:0.55rem 0.85rem;border:1.5px solid #e2e8f0;border-radius:9px;font-size:0.92rem;color:#1e293b;background:#ffffff;transition:border-color 0.15s, box-shadow 0.15s;outline:none}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.12)}.form-input::placeholder{color:#cbd5e1}.form-hint{font-size:0.92rem;color:#94a3b8;font-style:italic;margin:0}.alert-error{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#991b1b;padding:0.85rem 1.1rem;font-size:0.88rem;display:flex;align-items:flex-start;gap:8px}.items-section{border-top:1px solid #f1f5f9;padding-top:1.25rem}.items-section-header{margin-bottom:1rem}.items-section-title{font-size:0.95rem;font-weight:600;color:#1e293b;margin:0}.item-card{background:#f8fafc;border:1px solid #e8eef5;border-radius:10px;padding:1rem 1.1rem;transition:border-color 0.15s}.item-card:hover{border-color:#cbd5e1}.fractioning-card{display:flex;flex-direction:column;gap:1rem}.fractioning-toggle{display:flex;align-items:flex-start;gap:0.9rem}.fractioning-switch{width:2.75rem !important;height:1.4rem;margin-top:0.1rem;cursor:pointer}.btn-add-item{display:inline-flex;align-items:center;gap:6px;background:transparent;color:#1d4080;border:1.5px dashed #93c5fd;border-radius:9px;padding:0.48rem 1rem;font-size:0.85rem;font-weight:600;cursor:pointer;transition:all 0.15s ease}.btn-add-item:hover{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}@media (max-width: 991.98px){.fractioning-toggle{flex-direction:column;gap:0.65rem}}.login-bg{min-height:92vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.login-card{background:#ffffff;border-radius:20px;padding:2rem 2rem;width:100%;max-width:400px;box-shadow:0 25px 60px rgba(2,6,23,0.4)}.login-logo-wrap{display:flex;justify-content:center;margin-bottom:1.5rem}.login-logo{width:140px;height:auto;object-fit:contain}.login-header{text-align:center;margin-bottom:1.75rem}.login-title{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0 0 4px}.login-subtitle{font-size:0.88rem;color:#64748b;margin:0}.login-field{display:flex;flex-direction:column;gap:6px;margin-bottom:1.1rem}.login-submit{margin-top:1.5rem}.btn-login{width:100%;padding:0.65rem;background:linear-gradient(135deg, #1d4080, #2d5a9e);color:#ffffff;border:none;border-radius:10px;font-size:0.95rem;font-weight:600;cursor:pointer;transition:all 0.18s ease;box-shadow:0 4px 14px rgba(29,64,128,0.35)}.btn-login:hover{background:linear-gradient(135deg, #163560, #1d4080);box-shadow:0 6px 20px rgba(29,64,128,0.45);transform:translateY(-1px)}