@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-dark:#0f172a;--bg-panel:#1e293b;--text-main:#f8fafc;--text-muted:#94a3b8;--border-color:#334155;--color-available:#10b981;--color-locked:#f59e0b;--color-sold:#ef4444;--color-primary:#3b82f6}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:Inter,sans-serif}.dashboard-container{height:100vh;display:flex}.panel-left{background-color:var(--bg-panel);border-right:1px solid var(--border-color);flex-direction:column;width:400px;padding:24px;display:flex}.header{margin-bottom:32px}.header h1{margin-bottom:4px;font-size:1.5rem}.header p{color:var(--text-muted);font-size:.9rem}.form-group{margin-bottom:20px}.form-group label{color:var(--text-muted);margin-bottom:8px;font-size:.9rem;font-weight:500;display:block}.form-input{background:var(--bg-dark);border:1px solid var(--border-color);color:#fff;border-radius:6px;width:100%;padding:10px 12px;font-family:inherit}.form-input:focus{border-color:var(--color-primary);outline:none}.selected-unit-box{border:1px solid var(--color-primary);background:#3b82f61a;border-radius:8px;margin-bottom:24px;padding:16px}.selected-unit-box h3{margin-bottom:8px;font-size:1.1rem}.selected-unit-box p{color:var(--color-locked);font-size:.9rem;font-weight:600}.btn{cursor:pointer;border:none;border-radius:6px;width:100%;padding:12px;font-weight:600;transition:opacity .2s}.btn:hover{opacity:.9}.btn-primary{background:var(--color-primary);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.panel-right{flex:1;padding:32px;overflow-y:auto}.map-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.legend{gap:16px;display:flex}.legend-item{color:var(--text-muted);align-items:center;gap:8px;font-size:.9rem;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.available{background:var(--color-available)}.dot.locked{background:var(--color-locked)}.dot.sold{background:var(--color-sold)}.blocks-container{flex-direction:column;gap:40px;display:flex}.block-section h2{color:var(--text-muted);border-bottom:1px solid var(--border-color);margin-bottom:16px;padding-bottom:8px;font-size:1.2rem}.units-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px;display:grid}.unit-card{aspect-ratio:1;cursor:pointer;background:var(--bg-panel);border:2px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;transition:transform .1s;display:flex}.unit-card:hover{transform:scale(1.05)}.unit-card.available{border-color:var(--color-available);color:var(--color-available)}.unit-card.locked{border-color:var(--color-locked);color:var(--color-locked);opacity:.7;cursor:not-allowed}.unit-card.sold{border-color:var(--color-sold);color:var(--color-sold);opacity:.5;cursor:not-allowed}.unit-card.selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.unit-number{font-size:1.5rem;font-weight:700}.unit-status{text-transform:uppercase;margin-top:4px;font-size:.7rem;font-weight:600}