body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--alfamart-red:#e31e24;--alfamart-yellow:gold;--alfamart-dark-red:#b71c1c;--alfamart-light-yellow:#fff9c4;--alfamart-light-blue:#87ceeb;--alfamart-dark-blue:#4682b4;--white:#fff;--gray-100:#f5f5f5;--gray-200:#eee;--gray-300:#e0e0e0;--gray-600:#757575;--gray-800:#424242;--shadow:0 2px 8px #0000001a;--shadow-lg:0 4px 16px #00000026}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f5f5;background-color:var(--gray-100);color:#424242;color:var(--gray-800);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.container{margin:0 auto;max-width:1200px;padding:0 20px}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;position:relative;text-decoration:none;transition:all .3s ease}.btn-primary{background-color:#e31e24;background-color:var(--alfamart-red);color:#fff;color:var(--white)}.btn-primary:hover{background-color:#b71c1c;background-color:var(--alfamart-dark-red);box-shadow:0 4px 16px #00000026;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background-color:gold;background-color:var(--alfamart-yellow);color:#424242;color:var(--gray-800)}.btn-secondary:hover{background-color:#f9c74f;box-shadow:0 4px 16px #00000026;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-outline{background-color:initial;border:2px solid #e31e24;border:2px solid var(--alfamart-red);color:#e31e24;color:var(--alfamart-red)}.btn-outline:hover{border-color:#b71c1c;border-color:var(--alfamart-dark-red);box-shadow:0 4px 16px #00000026;box-shadow:var(--shadow-lg);color:#b71c1c;color:var(--alfamart-dark-red);transform:translateY(-2px)}.btn-info{background-color:#87ceeb;background-color:var(--alfamart-light-blue);color:#424242;color:var(--gray-800)}.btn-info:hover{background-color:#4682b4;background-color:var(--alfamart-dark-blue);box-shadow:0 4px 16px #00000026;box-shadow:var(--shadow-lg);color:#fff;color:var(--white);transform:translateY(-2px)}.card{background:#fff;background:var(--white);border-radius:12px;box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);padding:24px}.card,.form-group{margin-bottom:20px}.form-label{color:#424242;color:var(--gray-800);display:block;font-weight:600;margin-bottom:8px}.form-input{border:2px solid #e0e0e0;border:2px solid var(--gray-300);border-radius:8px;font-size:16px;padding:12px 16px;transition:border-color .3s ease;width:100%}.form-input:focus{border-color:#e31e24;border-color:var(--alfamart-red);outline:none}.form-select{background-color:#fff;background-color:var(--white);border:2px solid #e0e0e0;border:2px solid var(--gray-300);cursor:pointer;font-size:16px;width:100%}.alert,.form-select{border-radius:8px;padding:12px 16px}.alert{margin-bottom:20px}.alert-success{background-color:#e8f5e8;border:1px solid #4caf50;color:#2e7d32}.alert-error{background-color:#ffebee;border:1px solid #f44336;color:#c62828}@media (max-width:768px){.desktop-header{display:none!important}.mobile-header{display:block!important}.container{padding:0 16px}.btn{margin-bottom:0;width:auto}.card{padding:16px}}@media (min-width:769px){.desktop-header{display:flex!important}.mobile-header{display:none!important}}@media (max-width:480px){.mobile-header h1{font-size:16px!important}.mobile-header img{height:28px!important}.mobile-header .btn{font-size:10px!important;min-width:50px!important;padding:4px 8px!important}}
/*# sourceMappingURL=main.b3430420.css.map*/