@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-full{height:100%}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--bg-base:#f9fafb;--bg-surface:#fff;--bg-elevated:#f3f4f6;--bg-card:#fff;--bg-hover:#f8fafc;--brand-primary:#334155;--brand-secondary:#64748b;--brand-accent:#0f172a;--brand-solid:#1e293b;--status-available:#16a34a;--status-booked:#d97706;--status-sold:#dc2626;--phase-p0:#64748b;--phase-p1:#2563eb;--phase-p2:#059669;--phase-p3:#d97706;--phase-p4:#dc2626;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#94a3b8;--border-subtle:#f1f5f9;--border-default:#e2e8f0;--border-strong:#cbd5e1}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,sans-serif;line-height:1.6}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--brand-secondary)}.glass{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;box-shadow:0 4px 6px -1px #00000008,0 2px 4px -1px #00000005}.glass-sm{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:10px;box-shadow:0 1px 3px #00000005}.badge-available{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:9999px;padding:2px 10px;font-size:.75rem;font-weight:500}.badge-booked{color:#d97706;background:#fffbeb;border:1px solid #fef3c7;border-radius:9999px;padding:2px 10px;font-size:.75rem;font-weight:500}.badge-sold{color:#dc2626;background:#fef2f2;border:1px solid #fee2e2;border-radius:9999px;padding:2px 10px;font-size:.75rem;font-weight:500}.phase-active{background:var(--brand-solid);color:#fff;border:none;border-radius:6px;padding:6px 14px;font-size:.8rem;font-weight:500}.phase-inactive{color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-default);cursor:pointer;border-radius:6px;padding:6px 14px;font-size:.8rem;transition:all .15s}.phase-inactive:hover{border-color:var(--text-secondary);color:var(--text-primary);background:var(--bg-elevated)}.gradient-bg{background-color:var(--bg-base)}.input-symc{background:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-primary);border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.input-symc:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #33415514}.input-symc::placeholder{color:var(--text-muted)}.btn-primary{background:var(--brand-solid);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:background-color .15s,transform .1s}.btn-primary:hover{background:var(--brand-accent)}.btn-primary:active{transform:translateY(.5px)}.btn-primary:disabled{background:var(--text-muted);opacity:.6;cursor:not-allowed;transform:none}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-default);cursor:pointer;background:0 0;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:all .15s}.btn-ghost:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-strong)}.btn-danger{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fee2e2;border-radius:8px;padding:6px 14px;font-size:.8rem;font-weight:500;transition:all .15s}.btn-danger:hover{background:#fee2e2}.price-cell{align-items:center;gap:6px;display:flex;position:relative}.price-input{background:var(--bg-surface);border:1px solid var(--brand-primary);color:var(--text-primary);border-radius:6px;outline:none;width:140px;padding:4px 8px;font-size:.85rem;box-shadow:0 0 0 2px #3341550f}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--border-default);border-top-color:var(--brand-solid);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.saving-dot{background:var(--brand-secondary);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite pulse}.nav-item{color:var(--text-secondary);cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:10px 16px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.nav-item.active{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-default)}.symc-table{border-collapse:collapse;width:100%}.symc-table thead th{background:var(--bg-elevated);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:1px solid var(--border-default);padding:12px 16px;font-size:.8rem;font-weight:600}.symc-table tbody tr{border-bottom:1px solid var(--border-subtle);transition:background .15s}.symc-table tbody tr:hover{background:var(--bg-hover)}.symc-table tbody td{vertical-align:middle;padding:14px 16px;font-size:.9rem}@keyframes slideUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:.25s ease-out both slideUp}.slide-up-delay-1{animation-delay:20ms}.slide-up-delay-2{animation-delay:40ms}.slide-up-delay-3{animation-delay:60ms}.slide-up-delay-4{animation-delay:80ms}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast{animation:.3s ease-out slideInRight}.sidebar-panel{background:var(--bg-surface);border-right:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;gap:4px;width:240px;height:100%;padding:24px 16px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-close-btn{border:1px solid var(--border-default);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-self:flex-end;align-items:center;margin-bottom:12px;transition:background .15s,color .15s;display:none}.sidebar-close-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}@media (min-width:1025px){.sidebar-close-btn{display:none!important}}.sidebar-backdrop{z-index:199;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000059;animation:.2s ease-out fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hamburger-btn{border:1px solid var(--border-default);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:none}.hamburger-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}@media (max-width:1024px){.sidebar-panel{z-index:200;will-change:transform;height:100dvh;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #0000001f}.sidebar-panel.sidebar-open{transform:translate(0)}.sidebar-close-btn,.hamburger-btn{display:flex}header{padding-left:16px!important;padding-right:16px!important}main{padding:20px!important}}@media (max-width:640px){.topbar-user-info,.topbar-saved-label{display:none}main{padding:16px!important}.stats-secondary-grid,.analytics-grid,.location-grid{grid-template-columns:1fr!important}.stat-value{font-size:1.5rem!important}.phase-banner{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.phase-banner-btn{align-self:flex-start}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
