:root{--primary: #4f46e5;--primary-dark: #4338ca;--primary-light: #eef2ff;--secondary: #64748b;--success: #22c55e;--danger: #ef4444;--warning: #f59e0b;--info: #3b82f6;--dark: #1e293b;--light: #f8fafc;--sidebar-width: 260px;--navbar-height: 64px}[data-bs-theme=dark]{--primary-light: #1e1b4b}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f1f5f9;overflow-x:hidden}[data-bs-theme=dark] body{background-color:#0f172a}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:linear-gradient(180deg,#1e293b,#0f172a);z-index:1040;transition:transform .3s ease;overflow-y:auto;overflow-x:hidden;padding-top:0}[data-bs-theme=dark] .sidebar{background:linear-gradient(180deg,#0f172a,#020617)}.sidebar-brand{padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:.75rem;min-height:var(--navbar-height)}.sidebar-brand .brand-text{color:#fff;font-weight:700;font-size:1.25rem;white-space:nowrap}.sidebar-menu{padding:1rem 0}.sidebar-menu .nav-item{position:relative}.sidebar-menu .nav-link{color:#ffffffa6;padding:.75rem 1.25rem;display:flex;align-items:center;gap:.75rem;font-size:.875rem;transition:all .2s;border-left:3px solid transparent;text-decoration:none}.sidebar-menu .nav-link:hover,.sidebar-menu .nav-link.active{color:#fff;background:#ffffff14;border-left-color:var(--primary)}.sidebar-menu .nav-link i{width:20px;text-align:center;font-size:1rem}.sidebar-menu .nav-link .badge{margin-left:auto}.sidebar-menu .sub-menu{padding-left:3.25rem;list-style:none}.sidebar-menu .sub-menu .nav-link{padding:.5rem 0;font-size:.8125rem;border-left:none}.sidebar-menu .sub-menu .nav-link:hover{background:transparent;color:var(--primary)}.navbar-top{position:fixed;top:0;left:var(--sidebar-width);right:0;height:var(--navbar-height);background:#fff;z-index:1030;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e8f0}[data-bs-theme=dark] .navbar-top{background:#1e293b;border-bottom-color:#334155}.main-content{margin-left:var(--sidebar-width);margin-top:var(--navbar-height);padding:1.5rem;min-height:calc(100vh - var(--navbar-height))}.stat-card{border:none;border-radius:1rem;padding:1.25rem;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.stat-card .stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem}.stat-card .stat-value{font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.stat-card .stat-label{font-size:.875rem;color:#fffc}.card{border:none;border-radius:.75rem;box-shadow:0 1px 3px #00000014;transition:box-shadow .2s}.card:hover{box-shadow:0 4px 12px #0000001a}.card-header{background:transparent;border-bottom:1px solid #e2e8f0;padding:1rem 1.25rem;font-weight:600}.table>:not(caption)>*>*{padding:.75rem 1rem;vertical-align:middle}.table thead th{font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--secondary);border-bottom:2px solid #e2e8f0}.btn{border-radius:.5rem;padding:.5rem 1rem;font-weight:500;font-size:.875rem;transition:all .2s}.btn-primary{background:var(--primary);border-color:var(--primary)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.form-control,.form-select{border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;border-color:#e2e8f0}.form-control:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e526}.badge{padding:.35em .65em;font-weight:500;font-size:.75rem;border-radius:.375rem}.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{margin-bottom:1rem}.dataTables_wrapper .dataTables_info{padding-top:.75rem}.dataTables_wrapper .dataTables_paginate{padding-top:.5rem}.pos-container{height:calc(100vh - var(--navbar-height));display:flex;overflow:hidden}.pos-products{flex:1;overflow-y:auto;padding:1rem;background:#f8fafc}[data-bs-theme=dark] .pos-products{background:#0f172a}.pos-cart{width:380px;min-width:380px;background:#fff;display:flex;flex-direction:column;border-left:1px solid #e2e8f0}[data-bs-theme=dark] .pos-cart{background:#1e293b;border-left-color:#334155}.pos-cart-header{padding:1rem;border-bottom:1px solid #e2e8f0}.pos-cart-items{flex:1;overflow-y:auto;padding:.5rem}.pos-cart-footer{padding:1rem;border-top:1px solid #e2e8f0;background:#f8fafc}[data-bs-theme=dark] .pos-cart-footer{background:#0f172a}.pos-cart-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:.5rem;margin-bottom:.5rem;background:#f8fafc}[data-bs-theme=dark] .pos-cart-item{background:#0f172a}.pos-cart-item .item-details{flex:1}.pos-cart-item .item-name{font-weight:500;font-size:.875rem;margin-bottom:.25rem}.pos-cart-item .item-qty{display:flex;align-items:center;gap:.5rem}.pos-cart-item .item-qty .btn{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%}.pos-cart-item .item-price{text-align:right;font-weight:600}.pos-summary-row{display:flex;justify-content:space-between;padding:.25rem 0;font-size:.875rem}.pos-summary-row.total{font-size:1.25rem;font-weight:700;border-top:2px solid #e2e8f0;padding-top:.75rem;margin-top:.5rem}.product-card{border:1px solid #e2e8f0;border-radius:.75rem;padding:.75rem;cursor:pointer;transition:all .2s;background:#fff;text-align:center}[data-bs-theme=dark] .product-card{background:#1e293b;border-color:#334155}.product-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #4f46e526;transform:translateY(-2px)}.product-card .product-name{font-size:.8125rem;font-weight:500;margin-top:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card .product-price{font-size:1rem;font-weight:700;color:var(--primary)}.product-card .product-stock{font-size:.75rem;color:var(--secondary)}.payment-method-btn{flex:1;min-width:80px;padding:.5rem;border:2px solid #e2e8f0;border-radius:.5rem;background:#fff;cursor:pointer;transition:all .2s;text-align:center}.payment-method-btn:hover,.payment-method-btn.active{border-color:var(--primary);background:var(--primary-light)}[data-bs-theme=dark] .payment-method-btn{background:#1e293b;border-color:#334155}.dark-mode-toggle{cursor:pointer;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;transition:all .2s}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-container{position:fixed;top:1rem;right:1rem;z-index:9999}.toast{animation:slideIn .3s ease}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fffc;z-index:9998;display:flex;align-items:center;justify-content:center}@media print{.sidebar,.navbar-top,.no-print{display:none!important}.main-content{margin-left:0!important;margin-top:0!important}}@media(max-width:991.98px){.sidebar{transform:translate(-100%)}.sidebar.show{transform:translate(0)}.navbar-top{left:0}.main-content{margin-left:0}.pos-container{flex-direction:column}.pos-cart{width:100%;min-width:auto;max-height:50vh}}