*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--blue:#1a56db;--blue-l:#e8f0fe;--blue-d:#1340a8;--green:#057a55;--green-l:#def7ec;--red:#c81e1e;--red-l:#fde8e8;--orange:#d97706;--orange-l:#fef3c7;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--white:#fff;--radius:8px;--shadow:0 1px 3px #0000001f, 0 1px 2px #00000014;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f}body{color:var(--gray-800);background:var(--gray-50);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}.app-layout{min-height:100vh;display:flex}.sidebar{background:var(--gray-900);width:220px;color:var(--white);z-index:100;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{letter-spacing:-.5px;border-bottom:1px solid #ffffff1a;padding:20px 16px 16px;font-size:18px;font-weight:700}.sidebar-logo span{color:#60a5fa}.sidebar-nav{flex:1;padding:12px 0;overflow-y:auto}.sidebar-nav a{color:var(--gray-300);border-left:3px solid #0000;align-items:center;gap:10px;padding:10px 16px;font-size:14px;text-decoration:none;transition:all .15s;display:flex}.sidebar-nav a:hover{color:var(--white);background:#ffffff0d}.sidebar-nav a.active{color:var(--white);background:#60a5fa26;border-left-color:#60a5fa}.sidebar-nav .nav-icon{flex-shrink:0;font-size:18px}.sidebar-bottom{color:var(--gray-400);border-top:1px solid #ffffff1a;padding:12px 16px;font-size:12px}.sidebar-user{color:var(--gray-200);margin-bottom:2px;font-weight:600}.sidebar-role{background:#ffffff1a;border-radius:999px;margin-bottom:8px;padding:1px 6px;font-size:11px;display:inline-block}.main-content{flex:1;min-height:100vh;margin-left:220px;padding:24px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.page-title{color:var(--gray-900);font-size:20px;font-weight:700}.page-subtitle{color:var(--gray-500);margin-top:2px;font-size:13px}.card{background:var(--white);border-radius:var(--radius);border:1px solid var(--gray-200);box-shadow:var(--shadow)}.card-body{padding:20px}.card-header{border-bottom:1px solid var(--gray-200);padding:16px 20px;font-weight:600}.card-footer{border-top:1px solid var(--gray-200);background:var(--gray-50);padding:12px 20px}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.stat-label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.stat-value{color:var(--gray-900);margin-top:4px;font-size:28px;font-weight:700}.stat-sub{color:var(--gray-400);margin-top:2px;font-size:12px}.btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--blue);color:var(--white);border-color:var(--blue)}.btn-primary:hover:not(:disabled){background:var(--blue-d)}.btn-success{background:var(--green);color:var(--white)}.btn-success:hover:not(:disabled){background:#046445}.btn-danger{background:var(--red);color:var(--white)}.btn-danger:hover:not(:disabled){background:#a61a1a}.btn-secondary{background:var(--white);color:var(--gray-700);border-color:var(--gray-300)}.btn-secondary:hover:not(:disabled){background:var(--gray-50)}.btn-ghost{color:var(--gray-600);background:0 0;border:none;padding:6px 10px}.btn-ghost:hover:not(:disabled){background:var(--gray-100)}.btn-sm{padding:5px 10px;font-size:12px}.btn-lg{padding:12px 24px;font-size:15px}.btn-full{justify-content:center;width:100%}.form-group{margin-bottom:16px}.form-label{color:var(--gray-700);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.form-control{border:1px solid var(--gray-300);border-radius:var(--radius);width:100%;color:var(--gray-800);background:var(--white);outline:none;padding:8px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.form-control:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1a56db1f}.form-control::placeholder{color:var(--gray-400)}.form-control.error{border-color:var(--red)}.form-hint{color:var(--gray-400);margin-top:4px;font-size:12px}.form-error{color:var(--red);margin-top:4px;font-size:12px}.badge{letter-spacing:.3px;border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-green{background:var(--green-l);color:var(--green)}.badge-blue{background:var(--blue-l);color:var(--blue-d)}.badge-orange{background:var(--orange-l);color:var(--orange)}.badge-red{background:var(--red-l);color:var(--red)}.badge-gray{background:var(--gray-100);color:var(--gray-600)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--gray-200);background:var(--gray-50);padding:10px 14px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--gray-100);padding:11px 14px;font-size:13px}tr:last-child td{border-bottom:none}tr:hover td{background:var(--gray-50)}.search-wrap{position:relative}.search-input{padding-left:36px!important}.search-icon{color:var(--gray-400);pointer-events:none;font-size:16px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.product-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-top:16px;display:grid}.product-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow);padding:14px;transition:all .15s}.product-card:hover{border-color:var(--blue);box-shadow:var(--shadow-md);transform:translateY(-1px)}.product-card.selected{border-color:var(--blue);background:var(--blue-l)}.product-img{object-fit:contain;background:var(--gray-50);border-radius:4px;width:100%;height:120px;margin-bottom:10px}.product-img-placeholder{background:var(--gray-100);width:100%;height:120px;color:var(--gray-300);border-radius:4px;justify-content:center;align-items:center;margin-bottom:10px;font-size:32px;display:flex}.product-name{color:var(--gray-800);margin-bottom:6px;font-size:13px;font-weight:500;line-height:1.4}.product-price{color:var(--blue-d);font-size:16px;font-weight:700}.alert{border-radius:var(--radius);border:1px solid #0000;margin-bottom:16px;padding:12px 16px;font-size:13px}.alert-error{background:var(--red-l);color:var(--red);border-color:#fca5a5}.alert-success{background:var(--green-l);color:var(--green);border-color:#a7f3d0}.alert-info{background:var(--blue-l);color:var(--blue-d);border-color:#93c5fd}.alert-warning{background:var(--orange-l);color:var(--orange);border-color:#fcd34d}.lockdown-banner{background:var(--red);color:var(--white);text-align:center;z-index:9999;letter-spacing:.2px;padding:10px;font-weight:600;position:fixed;top:0;left:0;right:0}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--white);border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000040}.modal-header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.modal-title{font-size:18px;font-weight:700}.modal-body{padding:20px 24px}.modal-footer{justify-content:flex-end;gap:10px;padding:0 24px 20px;display:flex}.spinner{border:2px solid var(--gray-200);border-top-color:var(--blue);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.loading-center{justify-content:center;align-items:center;padding:48px;display:flex}.divider{border:none;border-top:1px solid var(--gray-200);margin:16px 0}.text-muted{color:var(--gray-400)}.text-sm{font-size:12px}.text-right{text-align:right}.fw-bold{font-weight:700}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.flex{display:flex}.gap-2{gap:8px}.gap-3{gap:12px}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}@media (width<=768px){.sidebar{flex-flow:wrap;width:100%;height:auto;position:relative}.main-content{margin-left:0;padding:16px}.sidebar-nav{flex-direction:row;display:flex;overflow-x:auto}.product-grid,.stat-grid{grid-template-columns:repeat(2,1fr)}}