@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@500;800&display=swap";:root{--primary:#0078d4;--primary-dark:#005a9e;--secondary:#2b3467;--success:#107c10;--warning:#ffb900;--danger:#d83b01;--bg-main:#e8edf5;--bg-sidebar:#1e2a4a;--bg-card:#fff;--bg-card-alt:#f5f7fb;--text-main:#1a2035;--text-muted:#6b7494;--grad-primary:linear-gradient(135deg, #0078d4 0%, #005a9e 100%);--grad-success:linear-gradient(135deg, #107c10 0%, #0b5a0b 100%);--bg-gradient:#e8edf5;--shadow-sm:0 1.6px 3.6px 0 #0002, 0 .3px .9px 0 #0000001c;--shadow-md:0 6.4px 14.4px 0 #0002, 0 1.2px 3.6px 0 #0000001c;--shadow-lg:0 25.6px 57.6px 0 #00000038, 0 4.8px 14.4px 0 #0000002e;--radius-sm:4px;--radius-md:12px;--radius-lg:20px;--radius-xl:30px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);width:100vw;height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.premium-card{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid #edebe9;transition:box-shadow .3s}.btn-3d{cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .2s;display:flex}.btn-3d:hover{filter:brightness(1.1);transform:translateY(-1px)}@media (width<=1024px){.sidebar{width:80px!important}.sidebar span{display:none}}@media (width<=768px){.pos-container{grid-template-columns:1fr!important;overflow-y:auto!important}}.input-control{border:1px solid #8a8886;border-radius:2px;outline:none;padding:8px 12px;transition:border-color .2s}.input-control:focus{border-color:var(--primary);border-width:2px}table{border-collapse:collapse;width:100%}th{background:var(--bg-card-alt);color:var(--text-muted);text-transform:uppercase;text-align:left;padding:12px;font-size:.8rem;font-weight:600}td{border-bottom:1px solid #edebe9;padding:12px}.glass-panel{-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);background:#ffffffeb;border:1px solid #0000000f}.premium-card{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid #edebe9;transition:box-shadow .25s,transform .2s;overflow:hidden}.premium-card:hover{box-shadow:var(--shadow-md)}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 14px #0078d459}.btn-success{background:var(--success);color:#fff}.btn-success:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-3d{cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-3d:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 4px 10px #0000001a}.btn-icon{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;font-size:1.1rem;line-height:1;transition:background .15s,color .15s;display:inline-flex}.btn-icon:hover{color:var(--text-main);background:#0000000f}.input-control{color:var(--text-main);background:#fff;border:1px solid #d1d1d1;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.input-control:focus{border-color:var(--primary);border-width:2px;box-shadow:0 0 0 2px #0078d426}.input-control::placeholder{color:var(--text-muted);opacity:.7}.input-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.input-group label{color:var(--text-muted);font-size:.82rem;font-weight:600}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeInUp}.animate-in{animation:.25s ease-out forwards slideDown}.badge{letter-spacing:.3px;border-radius:20px;align-items:center;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.badge-success{color:var(--success);background:#107c101f}.badge-danger{color:var(--danger);background:#d83b011a}.badge-neutral{color:var(--text-muted);background:#0000000f}.user-info{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.user-avatar{color:#fff;background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:1rem;display:flex}.user-details{flex-direction:column;min-width:0;display:flex}.user-email{color:#ffffffe6;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:600;overflow:hidden}.user-role{color:#ffffff8c;text-transform:uppercase;letter-spacing:.5px;font-size:.65rem}.btn-logout{color:#fffc;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:8px;font-size:1.1rem;transition:background .2s;display:flex}.btn-logout:hover{color:#fff;background:#d83b014d}.logo-icon-small{background:var(--primary);color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;display:flex}@media (width<=1024px){.sidebar{width:80px!important}.sidebar h2,.sidebar span,.sidebar .user-details{display:none!important}}@media (width<=768px){.pos-container{grid-template-columns:1fr!important;overflow-y:auto!important}}