.pos-page{height:100%;background-color:var(--color-gray-50)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background-color:var(--color-gray-100)}::-webkit-scrollbar-thumb{background-color:var(--color-gray-400);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background-color:var(--color-gray-500)}.fade-enter{opacity:0;transform:translateY(-10px)}.fade-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}.fade-exit{opacity:1;transform:translateY(0)}.fade-exit-active{opacity:0;transform:translateY(-10px);transition:opacity .3s,transform .3s}.toast{position:fixed;top:1rem;right:1rem;z-index:50;max-width:24rem;width:100%}.toast-content{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-gray-200);padding:1rem;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}@media(max-width:640px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.spinner{border-radius:9999px;border-width:2px;border-color:var(--color-gray-300);border-top-color:var(--color-blue-600);animation:var(--animate-spin)}.no-spinner::-webkit-outer-spin-button,.no-spinner::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.no-spinner{-moz-appearance:textfield}.custom-select{appearance:none;background-color:#fff;border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);padding:.5rem 2rem .5rem 1rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}.custom-select:focus{outline:2px solid var(--color-blue-500);outline-offset:2px;border-color:var(--color-blue-500)}.hover-card{transition:all .2s}.hover-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-.25rem)}.status-badge{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-active{background-color:var(--color-green-100);color:var(--color-green-800)}.status-inactive{background-color:var(--color-red-100);color:var(--color-red-800)}.status-pending{background-color:var(--color-yellow-100);color:var(--color-yellow-800)}.input-focus:focus{outline:2px solid var(--color-blue-500);outline-offset:2px;border-color:var(--color-blue-500)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-width:1px;border-radius:var(--radius-lg);font-weight:500;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color;transition-duration:.15s}.btn:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 2px currentColor}.btn-primary{background-color:var(--color-blue-600);color:#fff;border-color:var(--color-blue-600)}.btn-primary:hover{background-color:var(--color-blue-700)}.btn-secondary{background-color:var(--color-gray-200);color:var(--color-gray-700);border-color:var(--color-gray-200)}.btn-secondary:hover{background-color:var(--color-gray-300)}.btn-success{background-color:var(--color-green-600);color:#fff;border-color:var(--color-green-600)}.btn-success:hover{background-color:var(--color-green-700)}.btn-danger{background-color:var(--color-red-600);color:#fff;border-color:var(--color-red-600)}.btn-danger:hover{background-color:var(--color-red-700)}.table-auto{min-width:100%;border-collapse:separate;border-spacing:0}.table-auto thead{background-color:var(--color-gray-50)}.table-auto th{padding:.75rem 1.5rem;text-align:left;font-size:.75rem;font-weight:500;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em}.table-auto tbody tr{border-bottom-width:1px;border-bottom-color:var(--color-gray-200)}.table-auto td{padding:1rem 1.5rem;white-space:nowrap;font-size:.875rem;color:var(--color-gray-900)}.form-input,.form-select,.form-textarea{display:block;width:100%;border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-blue-500);outline:2px solid var(--color-blue-500);outline-offset:2px}.alert{border-radius:var(--radius-lg);padding:1rem}.alert-success{background-color:var(--color-green-50);color:var(--color-green-800);border:1px solid var(--color-green-200)}.alert-error{background-color:var(--color-red-50);color:var(--color-red-800);border:1px solid var(--color-red-200)}.alert-warning{background-color:var(--color-yellow-50);color:var(--color-yellow-800);border:1px solid var(--color-yellow-200)}.alert-info{background-color:var(--color-blue-50);color:var(--color-blue-800);border:1px solid var(--color-blue-200)}.badge{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-primary{background-color:var(--color-blue-100);color:var(--color-blue-800)}.badge-success{background-color:var(--color-green-100);color:var(--color-green-800)}.badge-warning{background-color:var(--color-yellow-100);color:var(--color-yellow-800)}.badge-danger{background-color:var(--color-red-100);color:var(--color-red-800)}.tooltip{position:relative;display:inline-block}.tooltip .tooltip-text{visibility:hidden;position:absolute;z-index:10;padding:.25rem .5rem;font-size:.875rem;color:#fff;background-color:var(--color-gray-900);border-radius:var(--radius-lg);opacity:0;transition:opacity .15s;width:max-content;bottom:125%;left:50%;transform:translate(-50%)}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}.gradient-primary{background-image:linear-gradient(to right,var(--color-blue-600),var(--color-indigo-700))}.gradient-success{background-image:linear-gradient(to right,var(--color-green-500),var(--color-emerald-600))}.gradient-warning{background-image:linear-gradient(to right,var(--color-yellow-500),var(--color-amber-600))}@media(max-width:640px){.mobile-stack{display:flex;flex-direction:column}.mobile-stack>*{margin-bottom:.5rem}.mobile-stack>*:last-child{margin-bottom:0}}