*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{font-family:Inter,system-ui,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-white);color:var(--color-text-primary)}a{text-decoration:none;color:inherit}button{font:inherit;border:none;background:none;cursor:pointer}.btn{padding:9px 25px;border-radius:50px;font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all .2s ease-in-out;border:1px solid transparent;height:fit-content}.btn-filled{background-color:#2563eb;color:#fff;border-color:#2563eb}.btn-filled:active{transform:scale(.97)}.btn-outline{background-color:transparent;color:var(--color-primary);border-color:var(--color-grey-100)}.btn-outline:hover{background-color:var(--color-grey-200)}.btn-outline:active{transform:scale(.97)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-flex{display:flex;align-items:center;justify-content:center;gap:8px}.spinner{width:14px;height:14px;border:2px solid currentColor;border-top:2px solid transparent;border-radius:50%;animation:spin .6s linear infinite}button:disabled{opacity:.6;cursor:not-allowed}.gradient-btn{font-size:16px;font-weight:600;border-radius:30px;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #667eea66,0 2px 10px #764ba24d}@keyframes spin{to{transform:rotate(360deg)}}.mobile-wrapper{display:flex;flex-direction:column;width:100%;max-width:300px}.mobile-label{font-size:var(--font-size-base);font-weight:500;margin-bottom:6px}.mobile-container{display:flex;align-items:center;border:1px solid var(--color-grey-100);border-radius:20px;overflow:hidden;transition:.2s;background:#fff}.mobile-container:focus-within{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.country-select{border:none;background:#f9fafb;padding:10px;font-size:var(--font-size-base);outline:none;cursor:pointer}.mobile-input{flex:1;border:none;outline:none;padding:10px;font-size:var(--font-size-base)}.mobile-container.error{border-color:var(--color-text-error)}.mobile-error{font-size:12px;color:var(--color-text-error);margin-top:4px}@media(max-width:768px){.country-select,.mobile-input{font-size:13px;padding:8px}}.dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000004d;display:flex;align-items:center;justify-content:center;z-index:999}.dialog-box{background-color:#fff;padding:30px 25px;border-radius:12px;width:400px;text-align:center;box-shadow:0 10px 25px #00000026}.dialog-box h2{margin-bottom:15px;font-size:20px}.dialog-box p{font-size:var(--font-size-base);color:#555;margin-bottom:25px}:root{--font-family-base: "Inter", sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-size-sm: 12px;--font-size-md: 13px;--font-size-base: 14px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--line-height-sm: 12px;--line-height-md: 14px;--line-height-base: 14px;--color-white: #ffffff;--color-blue: #2563eb;--color-blue-800: #1e40af;--color-grey-100: #ccc;--color-grey-200: #e5e7eb;--color-grey-300: #DCDDDE;--color-grey-600: #8E9198;--color-text-primary: black;--color-text-secondary: #4B5675;--color-text-error: #dc2626;--color-bg-secondary: #4B5675;--color-text-primary-ph: #8E9198}@media(max-width:480px){:root{--font-size-lg: 16px}}body{background-color:var(--color-bg)}h1,h2,h3{margin:0}.size-sm{padding:6px 10px}.size-md{padding:8px 12px}.size-lg{padding:13px 16px}.rounded-sm{border-radius:4px}.rounded-md{border-radius:6px}.rounded-lg{border-radius:8px}.rounded-2xl{border-radius:12px}.w-full{width:100%}.gap-4{gap:16px}.gap-8{gap:32px}.gap-12{gap:48px}.auth-card-container{width:100%;padding:32px;border-radius:12px;box-shadow:0 10px 30px #0000000d;display:flex;justify-content:center;align-items:center;gap:24px;margin:0;background-image:url(src/assets/background-screen.png);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100dvh}.auth-card{width:100%;max-width:400px;padding:32px;background:var(--color-white);border-radius:12px;box-shadow:0 10px 30px #0000000d;display:flex;flex-direction:column;gap:24px}.title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.description{font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--color-grey-600);margin-top:5px}a{color:var(--color-blue);text-decoration:none;cursor:pointer}.login-link{font-weight:var(--font-weight-medium);transition:color .2s ease}.input-wrapper{display:flex;flex-direction:column;width:100%;max-width:300px}.input-label{font-size:var(--font-size-base);font-weight:500;margin-bottom:6px}.required{color:red;margin-left:4px}.input-field{padding:12px 25px;font-size:var(--font-size-base);border-radius:6px;border:1px solid var(--color-grey-100);outline:none;transition:.2s;width:100%;box-sizing:border-box}.input-field:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.input-error{border-color:#dc2626}.error-text{font-size:12px;color:#dc2626;margin-top:4px}@media(max-width:768px){.input-field{padding:8px 12px;font-size:13px}}.input-error{border-color:var(--color-text-error)!important}.input-error::placeholder{color:var(--color-text-error)!important}.label-error{color:var(--color-text-error)}.error-text{font-size:var(--font-size-sm);color:var(--color-text-error)}.input-disabled{opacity:.6;cursor:not-allowed}.toggle-password{background:none;border:none;cursor:pointer;font-size:var(--font-size-lg);margin-left:8px}.input-field-checkbox-container{width:fit-content;display:flex;align-items:center;gap:8px}input[type=checkbox]{width:16px;height:16px;border:1px solid var(--color-grey-300);cursor:pointer}.otp-container{display:flex;justify-content:center;gap:9px}.otp-input{padding:8px 15px;width:40px;height:40px;text-align:center;font-size:var(--font-size-lg);border:1px solid var(--color-grey-300);border-radius:8px;outline:none;transition:all .2s ease}.otp-input:focus{border-color:var(--color-blue);box-shadow:0 0 0 2px #2563eb4d}.otp-error{border-color:var(--color-text-error)!important}.error-text{font-size:var(--font-size-sm);color:var(--color-text-error);margin-top:5px}.select-container{position:relative;font-family:sans-serif;min-width:fit-content}.select-header{border:1px solid #e2e8f0;background:#fff;padding:10px 16px;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px #00000014}.arrow{margin-left:10px;transition:.3s}.arrow.rotate{transform:rotate(180deg)}.select-dropdown{position:absolute;width:100%;background:#fff;border-radius:6px;margin-top:6px;overflow:hidden;z-index:999;box-shadow:0 4px 12px #00000014}.select-option{font-size:var(--font-size-base);padding:12px 16px;cursor:pointer}.select-option:hover{box-shadow:0 4px 20px #00000014,inset 0 2px 10px #0000000d}.select-option.active{background:#f4c400;font-weight:600}.auth-layout{margin:20px;border-radius:30px;padding:20px;background-color:#eef2ff}.home-layout{margin:20px;border:1px solid var(--color-grey-100);border-radius:15px;background-color:#fff;padding:20px}.home-layout h1{text-align:center;font-size:var(--font-size-2xl);margin-top:40px;margin-bottom:40px}.register-container{width:100%;padding:30px;margin:0 auto}.register-container h1{margin:50px 0}.register-container form label{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.register-container form input,.register-container form select,.register-container form textarea{font-size:var(--font-size-base)}.form-container{display:flex;flex-direction:column;gap:30px}.parent-input-container{display:flex;align-items:flex-end;gap:40px}.btn-container{margin:0 auto}.input-rounded-lg{border-radius:20px}.btn-lg{padding:12px 36px}.button-outline{padding:5px 10px;border:1px solid #e5e7eb;border-radius:7px;font-size:var(--font-size-sm);font-weight:var(--color-grey-600);color:var(--color-text-primary);background:#f9fafb}.button-outline:hover{background:#eef5fb}.dashboard-title{font-size:20px;font-weight:var(--font-weight-medium)}.dashboard-description{font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);color:var(--color-grey-600);margin-bottom:25px}.dashboard-layout{grid-template-areas:"sidebar header" "sidebar main";grid-template-columns:250px 1fr;grid-template-rows:60px 1fr;height:100vh;font-family:Arial,sans-serif}.header{position:sticky;top:0;z-index:1000;height:70px;background:#fff;padding:0 30px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #00000014}.header-left{display:flex;align-items:center;margin-left:30px}.search-input{height:40px;width:280px;padding:0 12px;border:1px solid #e2e8f0;border-radius:8px 0 0 8px;outline:none;font-size:14px}.search-btn{height:40px;padding:0 16px;border:none;background:var(--color-blue);color:#fff;border-radius:0 8px 8px 0;cursor:pointer;display:flex;align-items:center}.filter-container{display:flex;gap:30px;margin-bottom:20px}.filter-container h2{flex:1 1 200px;margin:0}.profile-wrapper{position:relative}.profile-trigger{display:flex;align-items:center;cursor:pointer;gap:10px}.avatar{width:36px;height:36px;border-radius:50%;background:var(--color-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600}.btn-create-account{background-color:#d8681d;border-radius:10px;color:#fff;border:none}.profile-name{font-weight:500}.arrow{font-size:12px;color:#666}.profile-dropdown{position:absolute;right:0;top:55px;width:320px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 10px 30px #00000014;animation:fadeIn .2s ease-in-out;z-index:999}.profile-row{font-size:14px;font-weight:var(--font-weight-semibold);margin-bottom:10px;color:var(--color-primary);display:flex;gap:5px}.profile-row p:nth-child(2){font-weight:var(--font-weight-medium);color:var(--color-grey-600)}.checkbox-wrapper .checkbox-label{margin-left:15px;cursor:pointer}.property-card{display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #00000014;max-width:650px;width:100%;transition:transform .2s ease}.property-card:hover{transform:translateY(-4px)}.card-image img{width:100%;height:200px;object-fit:cover}.card-content{padding:16px}.title{font-size:18px;font-weight:600;margin-bottom:8px;color:#222}.rating{font-size:14px;margin-bottom:8px;color:#666}.rating span{font-weight:500;color:#222}.details{font-size:14px;color:#777;margin-bottom:10px}.type{font-size:14px;color:#444}.main{grid-area:main;background-color:#fff;padding:1.5rem;overflow-y:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.dashboard-layout{grid-template-areas:"header" "main";grid-template-columns:1fr;grid-template-rows:60px 1fr}.sidebar{display:none}}.dead{height:none}@media(max-width:768px){.auth-card{padding:24px}}@media(max-width:480px){.register-container form input,.register-container form select,.register-container form textarea{font-size:var(--font-size-base)}.input-field{padding:10px 14px}.otp-input{width:35px;height:35px;font-size:var(--font-size-md)}}@media(min-width:768px){.property-card{flex-direction:row;height:220px}.card-image{flex:1}.card-image img{height:100%}.card-content{flex:1.2}}