@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--color-indigo-50:#eef2ff;--color-indigo-100:#e0e7ff;--color-indigo-200:#c7d2fe;--color-indigo-500:#6366f1;--color-indigo:#4f46e5;--color-indigo-700:#4338ca;--color-indigo-800:#3730a3;--color-bg:#fff;--color-bg-page:#f8fafc;--color-bg-hover:#f1f5f9;--color-bg-active:#e0e7ff;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-text:#0f172a;--color-text-secondary:#64748b;--color-text-muted:#94a3b8;--color-text-indigo:#4f46e5;--color-success:#16a34a;--color-success-bg:#f0fdf4;--color-success-border:#bbf7d0;--color-warning:#d97706;--color-warning-bg:#fffbeb;--color-warning-border:#fed7aa;--color-error:#dc2626;--color-error-bg:#fef2f2;--color-error-border:#fecaca;--color-info:#0284c7;--color-info-bg:#f0f9ff;--color-info-border:#bae6fd;--color-status-confirmed:#16a34a;--color-status-pending:#d97706;--color-status-active:#4f46e5;--color-status-completed:#64748b;--color-status-cancelled:#dc2626;--color-status-disputed:#9333ea;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.625rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-xs:0 1px 2px #0f172a0a;--shadow-card:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a;--shadow-none:none;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SF Mono", "Fira Code", monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--transition-base:.15s ease;--transition-slow:.25s ease;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-toast:400}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:.9375rem;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--color-text);letter-spacing:-.015em;font-weight:600;line-height:1.25}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{color:var(--color-text-secondary)}a{color:var(--color-text-indigo);text-decoration:none}a:hover{text-decoration:underline}.container{width:100%;max-width:1280px;padding:0 var(--space-4);margin:0 auto}@media (min-width:640px){.container{padding:0 var(--space-6)}}@media (min-width:1024px){.container{padding:0 var(--space-8)}}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:hidden}.card-body{padding:var(--space-6)}.card-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border)}.card-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);background:var(--color-bg-page)}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-base), border-color var(--transition-base), color var(--transition-base), opacity var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;font-size:.9375rem;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-sm{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:.8125rem}.btn-md{padding:.625rem var(--space-5)}.btn-lg{padding:.875rem var(--space-8);border-radius:var(--radius-lg);font-size:1rem}.btn-primary{background:var(--color-indigo);color:#fff;border-color:var(--color-indigo)}.btn-primary:hover{background:var(--color-indigo-700);border-color:var(--color-indigo-700);text-decoration:none}.btn-secondary{background:var(--color-bg);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover{background:var(--color-bg-hover);border-color:var(--color-border-strong);text-decoration:none}.btn-ghost{color:var(--color-text-indigo);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--color-indigo-50);text-decoration:none}.btn-danger{background:var(--color-error);color:#fff;border-color:var(--color-error)}.btn-danger:hover{background:#b91c1c;border-color:#b91c1c;text-decoration:none}.btn-loading{pointer-events:none;opacity:.8}.btn-loading:after{content:"";border:2px solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em;animation:.6s linear infinite spin;display:inline-block}.input{width:100%;padding:.625rem var(--space-4);font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-base), box-shadow var(--transition-base);appearance:none;outline:none;font-size:.9375rem;line-height:1.5;display:block}.input::placeholder{color:var(--color-text-muted)}.input:focus{border-color:var(--color-indigo);box-shadow:0 0 0 3px var(--color-indigo-100)}.input:disabled{background:var(--color-bg-hover);color:var(--color-text-muted);cursor:not-allowed}.input-error{border-color:var(--color-error)}.input-error:focus{box-shadow:0 0 0 3px var(--color-error-border)}.label{color:var(--color-text);margin-bottom:var(--space-2);font-size:.875rem;font-weight:500;display:block}.label-hint{color:var(--color-text-secondary);margin-left:var(--space-1);font-size:.8125rem;font-weight:400}.error-message{color:var(--color-error);margin-top:var(--space-1);font-size:.8125rem}.textarea{resize:vertical;min-height:120px}.badge{border-radius:var(--radius-full);white-space:nowrap;text-transform:uppercase;letter-spacing:.025em;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge:before{content:"";opacity:.7;background:currentColor;border-radius:50%;width:6px;height:6px;display:inline-block}.badge-confirmed{background:var(--color-success-bg);color:var(--color-success)}.badge-pending{background:var(--color-warning-bg);color:var(--color-warning)}.badge-active{background:var(--color-indigo-100);color:var(--color-indigo)}.badge-completed{background:var(--color-bg-hover);color:var(--color-text-secondary)}.badge-cancelled{background:var(--color-error-bg);color:var(--color-error)}.badge-disputed{color:#9333ea;background:#fdf4ff}.badge-instant{background:var(--color-success-bg);color:var(--color-success)}.badge-draft{background:var(--color-bg-hover);color:var(--color-text-secondary)}.avatar{background:var(--color-indigo-100);color:var(--color-indigo);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex;overflow:hidden}.avatar-sm{width:32px;height:32px;font-size:.75rem}.avatar-md{width:40px;height:40px;font-size:.875rem}.avatar-lg{width:56px;height:56px;font-size:1.125rem}.avatar-xl{width:72px;height:72px;font-size:1.5rem}.divider{background:var(--color-border);height:1px;margin:var(--space-6) 0;border:none}.skeleton{background:linear-gradient(90deg, var(--color-bg-hover) 25%, var(--color-border) 50%, var(--color-bg-hover) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.stars{color:var(--color-warning);gap:2px;display:inline-flex}.tabs{border-bottom:1px solid var(--color-border);scrollbar-width:none;gap:0;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;transition:color var(--transition-base), border-color var(--transition-base);font-size:.875rem;font-weight:500;font-family:var(--font-sans);background:0 0;border:none;border-bottom:2px solid #0000;text-decoration:none;display:inline-flex}.tab:hover{color:var(--color-text)}.tab-active{color:var(--color-indigo);border-bottom-color:var(--color-indigo)}.tab-badge{background:var(--color-error);color:#fff;border-radius:var(--radius-full);justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.6875rem;font-weight:700;display:inline-flex}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);padding:var(--space-4);animation:fade-in var(--transition-slow) ease;background:#0f172a80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-2xl);width:100%;max-width:540px;max-height:90vh;animation:slide-up var(--transition-slow) ease;overflow-y:auto;box-shadow:0 20px 60px #0f172a26}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal-body{padding:var(--space-6)}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);justify-content:flex-end;gap:var(--space-3);display:flex}.table-wrapper{border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.875rem}th{padding:var(--space-3) var(--space-4);text-align:left;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;background:var(--color-bg-page);border-bottom:1px solid var(--color-border);white-space:nowrap;font-size:.75rem;font-weight:600}td{padding:var(--space-4);color:var(--color-text);border-bottom:1px solid var(--color-border);vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:var(--color-bg-page)}.gate-code-box{background:var(--color-indigo-50);border:1px solid var(--color-indigo-200);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center}.gate-code-number{font-family:var(--font-mono);color:var(--color-indigo);letter-spacing:.4em;margin-right:-.4em;font-size:3rem;font-weight:700}.stat-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6)}.stat-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-2);font-size:.8125rem;font-weight:500}.stat-value{color:var(--color-text);font-size:1.75rem;font-weight:700;line-height:1}.stat-change{margin-top:var(--space-1);font-size:.8125rem}.stat-change-up{color:var(--color-success)}.stat-change-down{color:var(--color-error)}.alert{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);font-size:.875rem;display:flex}.alert-info{background:var(--color-info-bg);border:1px solid var(--color-info-border);color:var(--color-info)}.alert-success{background:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success)}.alert-warning{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:var(--color-warning)}.alert-error{background:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error)}.progress-steps{align-items:center;gap:0;display:flex}.step-item{flex:1;align-items:center;display:flex}.step-circle{border:2px solid var(--color-border);background:var(--color-bg);width:32px;height:32px;color:var(--color-text-muted);transition:all var(--transition-base);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8125rem;font-weight:600;display:flex}.step-circle-active{border-color:var(--color-indigo);background:var(--color-indigo);color:#fff}.step-circle-done{border-color:var(--color-success);background:var(--color-success);color:#fff}.step-line{background:var(--color-border);height:2px;transition:background var(--transition-base);flex:1}.step-line-done{background:var(--color-success)}.toast-container{top:var(--space-4);right:var(--space-4);z-index:var(--z-toast);gap:var(--space-2);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);pointer-events:all;min-width:300px;max-width:400px;animation:slide-in-right var(--transition-slow) ease;display:flex;box-shadow:0 8px 24px #0f172a1f}.toast-success{border-left:4px solid var(--color-success)}.toast-error{border-left:4px solid var(--color-error)}.toast-warning{border-left:4px solid var(--color-warning)}.toast-info{border-left:4px solid var(--color-indigo)}.empty-state{text-align:center;padding:var(--space-16) var(--space-6);justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.empty-state-icon{width:56px;height:56px;color:var(--color-text-muted)}.empty-state-title{color:var(--color-text);font-size:1.125rem;font-weight:600}.empty-state-description{color:var(--color-text-secondary);max-width:360px;font-size:.9375rem}.lot-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:border-color var(--transition-base), box-shadow var(--transition-base);color:inherit;text-decoration:none;display:block;overflow:hidden}.lot-card:hover{border-color:var(--color-border-strong);text-decoration:none;box-shadow:0 4px 12px #0f172a14}.lot-card-highlighted{border-color:var(--color-indigo);box-shadow:0 0 0 2px var(--color-indigo-100)}.lot-card-image{aspect-ratio:16/9;object-fit:cover;background:var(--color-bg-hover);width:100%}.lot-card-body{padding:var(--space-4)}.lot-card-price{color:var(--color-text);font-size:1.125rem;font-weight:700}.lot-card-price span{color:var(--color-text-secondary);font-size:.8125rem;font-weight:400}.map-pin{background:var(--color-bg);border:2px solid var(--color-text);border-radius:var(--radius-full);color:var(--color-text);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;padding:4px 10px;font-size:.8125rem;font-weight:700;box-shadow:0 2px 6px #0f172a33}.map-pin:hover,.map-pin-active{background:var(--color-text);color:var(--color-bg);transform:scale(1.05)}.verified-badge{color:var(--color-indigo);background:var(--color-indigo-50);border-radius:var(--radius-full);align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.photo-grid{border-radius:var(--radius-xl);aspect-ratio:2;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;gap:4px;display:grid;overflow:hidden}.photo-grid .photo-main{object-fit:cover;grid-row:1/3;width:100%;height:100%}.photo-grid .photo-thumb{object-fit:cover;width:100%;height:100%}.booking-widget{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-card);top:var(--space-6);position:sticky}.price-breakdown{border-top:1px solid var(--color-border);margin-top:var(--space-4);padding-top:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.price-row{color:var(--color-text-secondary);justify-content:space-between;font-size:.9375rem;display:flex}.price-row-total{color:var(--color-text);border-top:1px solid var(--color-border);padding-top:var(--space-3);margin-top:var(--space-1);justify-content:space-between;font-size:1rem;font-weight:700;display:flex}.notification-bell-wrapper{position:relative}.notification-badge{background:var(--color-error);color:#fff;border-radius:var(--radius-full);border:2px solid #fff;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:.625rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.connect-banner{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.calendar-day{aspect-ratio:1;padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-base);border:1px solid #0000;flex-direction:column;justify-content:flex-start;align-items:center;font-size:.8125rem;display:flex}.calendar-day:hover{background:var(--color-bg-hover)}.calendar-day-today{border-color:var(--color-indigo);color:var(--color-indigo);font-weight:700}.calendar-day-blocked{background:var(--color-error-bg);color:var(--color-error)}.calendar-day-high{background:var(--color-success-bg)}.calendar-day-medium{background:var(--color-warning-bg)}.amenity-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.amenity-item{align-items:center;gap:var(--space-2);color:var(--color-text);font-size:.875rem;display:flex}.amenity-item-unavailable{color:var(--color-text-muted);text-decoration:line-through}.amenity-checkbox{align-items:center;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;text-align:center;transition:all var(--transition-base);color:var(--color-text-secondary);-webkit-user-select:none;user-select:none;flex-direction:column;font-size:.8125rem;font-weight:500;display:flex}.amenity-checkbox:hover{border-color:var(--color-indigo-200);background:var(--color-indigo-50)}.amenity-checkbox-selected{border-color:var(--color-indigo);background:var(--color-indigo-50);color:var(--color-indigo)}.dropzone{border:2px dashed var(--color-border);border-radius:var(--radius-xl);padding:var(--space-12);text-align:center;cursor:pointer;transition:all var(--transition-base)}.dropzone:hover,.dropzone-active{border-color:var(--color-indigo);background:var(--color-indigo-50)}.message-thread{gap:var(--space-3);padding:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.message-bubble{max-width:75%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);font-size:.9375rem;line-height:1.5}.message-bubble-self{background:var(--color-indigo);color:#fff;border-bottom-right-radius:var(--radius-sm);align-self:flex-end}.message-bubble-other{background:var(--color-bg-hover);color:var(--color-text);border-bottom-left-radius:var(--radius-sm);align-self:flex-start}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.hide-mobile{display:none}.hide-desktop{display:block}@media (min-width:768px){.hide-mobile{display:block}.hide-desktop{display:none}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}