:root{--primary-orange: #f59e0b;--primary-orange-light: #fbbf24;--primary-gradient: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);--dark-blue: #1e3a8a;--bg-light: #f9fafb;--white: #ffffff;--text-dark: #1f2937;--text-light: #6b7280;--sidebar-width: 260px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-light);color:var(--text-dark)}.btn{padding:8px 16px;border-radius:8px;border:none;cursor:pointer;font-weight:500;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:var(--primary-gradient);color:#fff}.btn-primary:hover{background:var(--primary-orange)}.card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:20px}.input-field{width:100%;padding:10px;border:1px solid #e5e7eb;border-radius:8px;margin-top:4px}.input-field:focus{outline:none;border-color:var(--primary-orange);box-shadow:0 0 0 2px #f59e0b33}.app-layout{display:flex;min-height:100vh}.main-content{flex:1;padding:32px;margin-left:var(--sidebar-width);margin-top:80px;transition:margin-left .3s}@media(max-width:768px){.main-content{margin-left:0;padding:16px}.mobile-menu-btn{display:block!important}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:4px 0 10px #0000001a}.sidebar-backdrop{display:block}}@media(min-width:769px){.sidebar-backdrop{display:none}}.responsive-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:769px){.responsive-grid{grid-template-columns:1fr 1fr}}.header-responsive{height:80px;background-color:var(--white);border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 16px;position:fixed;top:0;left:0;right:0;z-index:100;transition:left .3s}@media(min-width:769px){.header-responsive{left:var(--sidebar-width);padding:0 32px}}.table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.modern-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:10px}.modern-table th{background-color:#f9fafb;color:var(--text-light);font-weight:600;text-transform:uppercase;font-size:12px;letter-spacing:.05em;padding:16px;border-bottom:2px solid #e5e7eb}.modern-table td{padding:16px;color:var(--text-dark);border-bottom:1px solid #f3f4f6;vertical-align:middle}.modern-table tbody tr{transition:background-color .2s ease}.modern-table tbody tr:hover{background-color:#f9fafb}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#11182766;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-out forwards}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;padding:24px;animation:slideUp .3s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.file-upload-zone{border:2px dashed #d1d5db;border-radius:12px;padding:32px;text-align:center;background-color:#f9fafb;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.file-upload-zone:hover{border-color:var(--primary-orange);background-color:#fffbeb}.file-upload-zone input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.pos-header{background:#fff;box-shadow:0 2px 10px #0000000d;z-index:10;position:relative}.pos-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;transition:all .2s ease;overflow:hidden;border:1px solid #f3f4f6}.pos-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:#fcd34d}.pos-qty-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid #e5e7eb;background:#f9fafb;cursor:pointer;color:#374151;transition:all .1s ease}.pos-qty-btn:hover{background:#f3f4f6;border-color:#d1d5db}.pos-qty-btn:active{transform:scale(.95)}.pos-cart-item{background:#fff;border-radius:10px;border:1px solid #f3f4f6;padding:12px;margin-bottom:12px;transition:border-color .2s ease}.pos-cart-item:hover{border-color:#fcd34d}.pos-cart-sidebar{box-shadow:-4px 0 15px #00000008}