*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--gray-50: #fafaf9;--gray-100: #f5f5f4;--gray-200: #e7e5e4;--gray-300: #d6d3d1;--gray-400: #a8a29e;--gray-500: #78716c;--gray-600: #57534e;--gray-700: #44403c;--gray-800: #292524;--gray-900: #1c1917;--gray-950: #0c0a09;--primary-50: #eef2f6;--primary-100: #dbe4ec;--primary-200: #b3c5d6;--primary-300: #85a1ba;--primary-400: #4d7194;--primary-500: #2c527a;--primary-600: #1a3a5c;--primary-700: #142e49;--primary-800: #0f2438;--primary-900: #0a1a29;--primary: var(--primary-600);--primary-hover: var(--primary-700);--primary-active: var(--primary-800);--primary-tint: var(--primary-50);--on-primary: #ffffff;--verde: #1D9E75;--verde-dark: #0F6E56;--verde-light: #E1F5EE;--amber: #BA7517;--amber-light: #FAEEDA;--red: #A32D2D;--red-light: #FCEBEB;--bg: var(--gray-50);--surface-1: #ffffff;--surface-2: var(--gray-100);--surface-3: var(--gray-200);--text: var(--gray-900);--text-muted: var(--gray-600);--text-subtle: var(--gray-500);--text-disabled: var(--gray-400);--border: var(--gray-200);--border-strong: var(--gray-300);--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(12, 10, 9, .05);--shadow-md: 0 4px 12px rgba(12, 10, 9, .08);--shadow-lg: 0 20px 50px rgba(12, 10, 9, .22);--shadow-focus: 0 0 0 3px var(--primary-100);--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1rem;--text-lg: 1.1875rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--tracking-caps: .06em;--tracking-wide: .02em;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text);color-scheme:light}html{color-scheme:light}body{background:var(--bg);min-height:100vh;font-size:var(--text-base);line-height:1.5}::selection{background:var(--primary-100);color:var(--primary-800)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:54px;background:var(--surface-1);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.topbar-logo{display:flex;align-items:center;gap:9px;font-weight:700;font-size:var(--text-base);letter-spacing:-.01em;color:var(--primary-700)}.logo-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.topbar-right{display:flex;align-items:center;gap:12px;font-size:var(--text-sm);color:var(--text-muted)}.page{padding:20px;max-width:1400px;margin:0 auto}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.metric-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;transition:box-shadow .15s,border-color .15s}.metric-card:hover{box-shadow:var(--shadow-sm);border-color:var(--border-strong)}.metric-label{font-size:var(--text-2xs);color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-caps);margin-bottom:5px}.metric-value{font-size:var(--text-xl);font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--text)}.metrics-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:22px}@media (max-width: 768px){.metrics-row{grid-template-columns:repeat(2,1fr)}}.tab-nav{display:flex;border-bottom:1px solid var(--border);margin-bottom:20px;gap:2px;flex-wrap:wrap}.tab-btn{padding:10px 16px;font-size:var(--text-sm);font-weight:500;border:none;background:none;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.tab-btn:hover:not(.active){color:var(--text)}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);overflow:auto;background:var(--surface-1)}table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}thead th{padding:10px 12px;text-align:left;font-size:var(--text-2xs);font-weight:600;color:var(--text-muted);background:var(--surface-2);text-transform:uppercase;letter-spacing:var(--tracking-caps);border-bottom:1px solid var(--border);white-space:nowrap}tbody td{padding:9px 12px;border-bottom:1px solid var(--border);vertical-align:middle}tbody td:has(>strong:only-child),tbody td.num,tbody td[style*="text-align: right"]{font-variant-numeric:tabular-nums}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .1s}tbody tr:hover{background:var(--surface-2)}.total-row td{font-weight:700;background:var(--surface-2);border-top:2px solid var(--border);font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:var(--radius-pill);font-size:var(--text-2xs);font-weight:600;letter-spacing:.01em;line-height:1.4}.badge-disponible{background:var(--verde-light);color:var(--verde-dark)}.badge-reservada{background:var(--amber-light);color:var(--amber)}.badge-vendida{background:var(--red-light);color:var(--red)}.badge-tipo{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border);font-weight:500}.btn{padding:8px 16px;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s,transform .05s;border:1px solid transparent;letter-spacing:.005em}.btn:active{transform:translateY(.5px)}.btn-primary{background:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--primary-hover)}.btn-outline{background:var(--surface-1);border-color:var(--border);color:var(--text)}.btn-outline:hover{background:var(--surface-2);border-color:var(--border-strong)}.btn-success{background:var(--verde);color:#fff;border-color:var(--verde)}.btn-success:hover{background:var(--verde-dark)}.btn-danger{background:var(--red-light);color:var(--red);border-color:var(--red-light);font-weight:600}.btn-danger:hover{background:#f8d9d9}.btn-sm{padding:5px 10px;font-size:var(--text-xs)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn:focus-visible,.btn-sm:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.form-group{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.form-label{font-size:var(--text-2xs);color:var(--text-muted);font-weight:600;letter-spacing:.01em}.form-input,.form-select{padding:8px 10px;font-size:var(--text-sm);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-1);color:var(--text);width:100%;transition:border-color .15s,box-shadow .15s}.form-input:focus,.form-select:focus{outline:none;border-color:var(--primary);box-shadow:var(--shadow-focus)}.form-input::placeholder{color:var(--text-disabled)}.toggle{width:38px;height:20px;border-radius:var(--radius-pill);background:var(--gray-300);border:none;cursor:pointer;position:relative;transition:background .2s;flex-shrink:0}.toggle.on{background:var(--primary)}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform .2s}.toggle.on:after{transform:translate(18px)}.status-select{font-size:var(--text-2xs);font-weight:600;padding:4px 8px;border-radius:var(--radius-pill);border:1px solid var(--border);cursor:pointer;background:var(--surface-1);color:var(--text);transition:background .15s,border-color .15s,color .15s}.status-select:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.status-select.st-disponible{background:var(--verde-light);color:var(--verde-dark);border-color:transparent}.status-select.st-reservada{background:var(--amber-light);color:var(--amber);border-color:transparent}.status-select.st-vendida{background:var(--red-light);color:var(--red);border-color:transparent}.filter-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.search-input{padding:8px 12px;font-size:var(--text-sm);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-1);min-width:200px;max-width:280px;transition:border-color .15s,box-shadow .15s}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:var(--shadow-focus)}.filter-select{padding:8px 10px;font-size:var(--text-xs);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-1);color:var(--text)}.spinner{display:flex;align-items:center;justify-content:center;padding:60px;color:var(--text-subtle);font-size:var(--text-sm)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--surface-2)}.login-box{background:var(--surface-1);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-md);padding:36px;width:100%;max-width:380px}.login-logo{display:flex;align-items:center;gap:9px;font-size:var(--text-lg);font-weight:700;letter-spacing:-.01em;color:var(--primary-700);margin-bottom:8px}.login-sub{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:28px}.error-msg{font-size:var(--text-xs);color:var(--red);background:var(--red-light);padding:8px 12px;border-radius:var(--radius-sm);margin-bottom:12px}.units-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}.unit-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-1);padding:13px;position:relative;transition:border-color .15s,box-shadow .15s,background .15s}.unit-card.clickable{cursor:pointer}.unit-card.clickable:hover{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.unit-card.selected{border-color:var(--primary);border-width:2px;background:var(--primary-50)}.unit-card.dimmed{opacity:.6;background:var(--surface-2)}.unit-bar{position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius) var(--radius) 0 0}.unit-code{font-size:var(--text-base);font-weight:700;margin-top:4px;padding-right:60px}.unit-piso{font-size:var(--text-2xs);color:var(--text-muted);margin-bottom:4px}.unit-pvp{font-size:var(--text-lg);font-weight:700;color:var(--verde-dark);margin-top:6px;font-variant-numeric:tabular-nums}.unit-pvp.taken{color:var(--text-disabled)}.unit-info{font-size:var(--text-2xs);color:var(--text-muted);margin-top:2px}.sidebar-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-1);padding:16px;position:sticky;top:62px;max-height:calc(100vh - 80px);overflow-y:auto}.sidebar-section-title{font-size:var(--text-2xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-caps);margin-bottom:8px}.price-editor-row{display:grid;grid-template-columns:1fr auto auto;gap:6px;align-items:center;font-size:var(--text-xs);margin-bottom:6px}.price-editor-row label{color:var(--text)}.price-small-input{width:76px;padding:5px 6px;font-size:var(--text-xs);text-align:right;font-variant-numeric:tabular-nums;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-1)}.price-calc{font-size:var(--text-2xs);color:var(--text-muted);min-width:80px;text-align:right;font-variant-numeric:tabular-nums}.subtotal-line{display:flex;justify-content:space-between;font-size:var(--text-xs);padding:6px 0;border-top:1px solid var(--border);color:var(--text-muted);font-variant-numeric:tabular-nums}.sin-item{font-size:var(--text-2xs);color:var(--text-subtle);font-style:italic;margin-bottom:4px}.picker-box{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px;margin-bottom:8px;max-height:160px;overflow-y:auto}.picker-row{display:flex;justify-content:space-between;align-items:center;padding:4px 2px;cursor:pointer;font-size:var(--text-xs);border-radius:4px;transition:color .1s,background .1s}.picker-row:hover{color:var(--primary);background:var(--surface-1)}.descuento-box{background:var(--amber-light);border-radius:var(--radius-sm);padding:10px;margin:10px 0}.desc-type-btns{display:flex;gap:4px}.desc-type-btn{padding:4px 10px;font-size:var(--text-2xs);font-weight:600;border-radius:var(--radius-pill);border:1px solid var(--amber);background:var(--surface-1);color:var(--amber);cursor:pointer}.desc-type-btn.active{background:var(--amber);color:#fff}.total-verde-box{background:var(--primary);color:#fff;border-radius:var(--radius-sm);padding:13px 15px;display:flex;justify-content:space-between;align-items:center;margin:12px 0;box-shadow:var(--shadow-sm)}.total-lbl{font-size:var(--text-2xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-caps);opacity:.85}.total-num{font-size:var(--text-xl);font-weight:700;font-variant-numeric:tabular-nums}.img-upload-zone{border:2px dashed var(--border);border-radius:var(--radius-sm);padding:14px;text-align:center;cursor:pointer;margin-bottom:12px;transition:border-color .15s,background .15s;position:relative;overflow:hidden}.img-upload-zone:hover{border-color:var(--primary);background:var(--primary-50)}.img-upload-zone img{width:100%;border-radius:var(--radius-sm);display:block}.img-placeholder{font-size:var(--text-xs);color:var(--text-muted)}.img-placeholder span{display:block;font-size:24px;margin-bottom:4px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c0a098c;z-index:500;display:flex;align-items:flex-start;justify-content:center;padding:20px;overflow-y:auto}.modal-box{background:var(--surface-1);border-radius:var(--radius-lg);width:100%;max-width:760px;overflow:hidden;box-shadow:var(--shadow-lg)}.modal-header{display:flex;gap:8px;padding:13px 16px;border-bottom:1px solid var(--border);background:var(--surface-2);position:sticky;top:0;z-index:10}.cot-doc{padding:20px 24px;font-family:Arial,sans-serif;font-size:11px;line-height:1.5;color:#1a1a1a;max-width:210mm}.cot-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid var(--primary-600)}.cot-brand{font-size:20px;font-weight:800;color:var(--primary-600)}.cot-brand-sub{font-size:10px;color:#666;margin-top:3px}.cot-meta{text-align:right;font-size:11px;color:#666}.cot-section-title{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#888;font-weight:700;border-bottom:1px solid #eee;padding-bottom:4px;margin:14px 0 8px}.cot-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cot-field label{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:#999;display:block}.cot-field span{font-size:12px;font-weight:500}.cot-table{width:100%;border-collapse:collapse;font-size:11px;margin-bottom:4px}.cot-table th{padding:6px 10px;background:var(--primary-600);color:#fff;font-size:10px;text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:2px solid var(--primary-600)}.cot-table td{padding:5px 10px;border-bottom:1px solid #f0f0f0;font-variant-numeric:tabular-nums}.cot-table .num{text-align:right}.cot-table .tr-subtotal td{font-weight:600;background:var(--primary-50);border-top:2px solid var(--primary-600);color:var(--primary-600)}.cot-table .tr-desc td{color:#854f0b;font-style:italic}.cot-table .tr-total td{font-weight:700;background:var(--primary-600);color:#fff}.cot-total-box{background:var(--primary-600);color:#fff;padding:12px 16px;border-radius:6px;display:flex;justify-content:space-between;align-items:center;margin:12px 0}.cot-total-lbl{font-size:10px;text-transform:uppercase;letter-spacing:.05em;opacity:.85}.cot-total-val{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.cot-nota{background:#f9f9f9;border-left:3px solid var(--primary-600);padding:8px 12px;font-size:10px;color:#555;border-radius:0 6px 6px 0;margin:8px 0}.cot-plano{width:100%;max-height:200px;object-fit:contain;border:1px solid #eee;border-radius:6px;margin:10px 0}.cot-page-break{margin-top:40px;padding-top:20px;border-top:3px solid var(--primary-600);text-align:center}@media print{.modal-header{display:none!important}.modal-backdrop{position:static!important;background:none!important;padding:0!important}.modal-box{border-radius:0!important;box-shadow:none!important;max-width:100%!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.cot-doc{padding:0;font-size:10px;max-width:100%}.cot-page-break{page-break-before:always;break-before:page;margin-top:0;border-top:none}@page{size:A4 portrait;margin:10mm}}