@import"https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap";.app-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background:linear-gradient(135deg,#ff0000 0%,#cc0000 100%);color:#fff;box-shadow:0 2px 8px #0000001a}.user-info{display:flex;align-items:center;gap:8px;font-size:16px;color:#fff;padding:8px 16px}.user-icon{font-size:20px}.user-role{font-weight:500;text-transform:capitalize}.logo-container{margin-right:40px;cursor:pointer;transition:transform .2s ease}.logo-container:hover{transform:scale(1.05)}.branch-name{color:#fff;font-size:16px;font-weight:600;padding:6px 12px;white-space:nowrap;justify-self:center}.logo{border-radius:12px;color:red;font-weight:700;text-align:center;min-width:80px;display:flex;align-items:center;gap:10px}.carserv-logo{height:40px;width:auto;background-color:#fff;border-radius:8px;padding:4px}.logo-text{font-size:18px;font-weight:700;display:block}.logo-subtext{font-size:10px;font-weight:700;display:block;margin-top:-2px}.logo-subtitle{font-size:8px;display:block;color:#666}.app-title{font-size:36px;font-weight:700;margin:0 120px 0 0;flex:1;text-align:center}@media (max-width: 768px){.logo-container{margin-right:20px}.app-title{font-size:16px;margin-right:80px}.logo-text{font-size:16px}.logo-subtext{font-size:9px}.logo-subtitle{font-size:7px}.carserv-logo{height:30px;padding:3px}.branch-name{font-size:20px;padding:4px 8px}}.form-input-container{width:100%;margin-bottom:25px;position:relative;font-family:Kanit,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.form-input-wrapper{position:relative;display:block;width:100%}.form-input{width:100%;height:60px;padding:0 32px;border:2px solid #ff0000;border-radius:100px;font-size:16px;font-family:inherit;background-color:#fff;transition:all .3s ease;outline:none;color:#333;box-sizing:border-box}.form-input:focus{border-color:red;background-color:#fff;box-shadow:0 0 0 3px #ff00001a}.form-input-wrapper.has-value .form-input,.form-input-wrapper.focused .form-input{background-color:#fff;border-color:red}.form-label{position:static;display:block;margin-bottom:8px;font-size:16px;color:#333;font-weight:600;transition:all .3s ease}.form-label.floating{position:static;display:block;margin-bottom:8px;font-size:16px;color:#333;font-weight:600}.form-input-wrapper.focused .form-label{color:#333}.required-asterisk{color:red;margin-left:2px;font-weight:700}.form-input-error{display:block;color:#dc3545;font-size:12px;margin-top:4px;margin-left:24px;font-weight:500}.form-input-container.error .form-input{border-color:#dc3545;background-color:#fff5f5}.form-input-container.error .form-input:focus{box-shadow:0 0 0 3px #dc35451a}.form-input-container.disabled .form-input{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.form-input-container.disabled .form-label{color:#6c757d}.form-input-icon{position:absolute;right:24px;color:#718096;z-index:2;pointer-events:none}.form-input-wrapper.focused .form-input-icon{color:#3b82f6}.form-input-search-icon,.form-input-dropdown-icon{position:absolute;right:24px;top:50%;transform:translateY(-50%);pointer-events:none;display:flex;align-items:center;justify-content:center}.form-input-wrapper.clickable .form-input{cursor:pointer}.form-input-wrapper.clickable .form-input:read-only{cursor:pointer;background-color:#fff}.form-input::placeholder{color:#999;opacity:1}.form-input:focus::placeholder{color:#bbb}.form-select{width:100%;height:60px;padding:0 56px 0 32px;border:2px solid #ff0000;border-radius:100px;font-size:16px;font-family:inherit;background-color:#fff;transition:all .3s ease;outline:none;color:#333;-webkit-appearance:none;-moz-appearance:none;appearance:none;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='%23ff0000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 24px center;background-repeat:no-repeat;background-size:16px;box-sizing:border-box;cursor:pointer}.form-select:focus{border-color:red;background-color:#fff;box-shadow:0 0 0 3px #ff00001a;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='%23ff0000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")}.form-select:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;border-color:red;opacity:.6;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='%236c757d' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")}@keyframes labelFloat{0%{top:50%;transform:translateY(-50%);font-size:16px}to{top:8px;transform:translateY(0);font-size:12px}}@keyframes labelSink{0%{top:8px;transform:translateY(0);font-size:12px}to{top:50%;transform:translateY(-50%);font-size:16px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;line-height:1.6;color:#333}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.min-h-screen{min-height:100vh}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-x-4>*+*{margin-left:1rem}.space-y-2>*+*{margin-top:.5rem}.space-y-4>*+*{margin-top:1rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gap-6{gap:1.5rem}.overflow-y-scroll{overflow-y:scroll}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.p-3{padding:.75rem}.p-6{padding:1.5rem}.mb-1{margin-bottom:.25rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.flex-column{flex-direction:column}.w-full{width:100%}.w-80{width:80%}.max-w-md{max-width:28rem}.max-w-4xl{max-width:56rem}.mx-auto{margin-left:auto;margin-right:auto}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-gray-600{background-color:#4b5563}.bg-gray-700{background-color:#374151}.bg-gray-900{background-color:#111827}.bg-blue-500{background-color:#3b82f6}.bg-green-500{background-color:#10b981}.bg-red-100{background-color:#fee2e2}.bg-red-500{background-color:#ef4444}.hover\\:bg-blue-600:hover{background-color:#2563eb}.hover\\:bg-green-600:hover{background-color:#059669}.hover\\:bg-red-600:hover{background-color:#dc2626}.text-white{color:#fff}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-900{color:#111827}.text-red-700{color:#b91c1c}.border{border-width:1px}.border-gray-300{border-color:#d1d5db}.border-red-400{border-color:#f87171}.text-sm{font-size:.875rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.js-center{justify-self:center}.block{display:block}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}input[type=text],input[type=email],input[type=password]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.focus\\:outline-none:focus{outline:none}.focus\\:ring-2:focus{box-shadow:0 0 0 2px #3b82f680}.transition-colors{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,color .15s ease-in-out}.disabled\\:opacity-50:disabled{opacity:.5}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{z-index:1200}input[type=date],input[type=datetime-local],input[type=time]{position:relative;z-index:1200}.h-32{height:8rem}.w-32{width:8rem}.border-b-2{border-bottom-width:2px}@media (min-width: 768px){.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.bg-img{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/car-service-188ac5de.png);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.4;z-index:0}.no-border{border:none!important}:root{--primary: #FF0000;--secondary: #DCDCDC;--ascend: #FFFFFF;--ascend-2: #FF8400;--neutral-2: #EDFF67}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-ascend{background-color:var(--ascend)}.bg-ascend-2{background-color:var(--ascend-2)}.bg-neutral-2{background-color:var(--neutral-2)}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-ascend{color:var(--ascend)}.text-ascend-2{color:var(--ascend-2)}.text-neutral-2{color:var(--neutral-2)}.border-primary{border-color:var(--primary)}.border-secondary{border-color:var(--secondary)}.border-ascend{border-color:var(--ascend)}.border-ascend-2{border-color:var(--ascend-2)}.border-neutral-2{border-color:var(--neutral-2)}