body{color:#fff;background:#0f1115;margin:0;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}.page-title{margin:0 0 20px;font-size:28px}.card-grid{grid-template-columns:repeat(4,minmax(180px,1fr));gap:16px;display:grid}.card{background:#1a1f29;border:1px solid #2b3240;border-radius:14px;padding:18px}.card-label{color:#9aa4b2;margin-bottom:8px;font-size:14px}.card-value{font-size:28px;font-weight:700}.table-wrap{background:#1a1f29;border:1px solid #2b3240;border-radius:14px;overflow:hidden}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #2b3240;padding:14px 16px}th{color:#9aa4b2;text-transform:uppercase;background:#151922;font-size:13px}.badge{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-block}.badge-available{color:#6ee7a1;background:#12351d}.badge-reserved{color:#f7c66a;background:#3a2a10}.badge-sold{color:#ff8b8b;background:#3d1616}.filters{gap:12px;margin-bottom:16px;display:flex}.filters input,.filters select{color:#fff;background:#1a1f29;border:1px solid #2b3240;border-radius:10px;padding:10px 12px}button{color:#fff;cursor:pointer;background:linear-gradient(#2b6ef3 0%,#1f57c9 100%);border:none;border-radius:10px;padding:8px 12px;font-weight:600;transition:transform .14s,opacity .14s,box-shadow .14s}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px #1f57c93d}button:disabled{opacity:.6;cursor:not-allowed}.form-wrap{background:#1a1f29;border:1px solid #2b3240;border-radius:14px;max-width:900px;padding:20px}.form-grid{grid-template-columns:repeat(2,minmax(220px,1fr));gap:16px;display:grid}.form-field{flex-direction:column;gap:8px;display:flex}.form-field label{color:#9aa4b2;font-size:14px}.form-field input,.form-field select,.form-field textarea{color:#fff;background:#11151c;border:1px solid #2b3240;border-radius:10px;padding:10px 12px}.form-field.full{grid-column:1/-1}.actions-row{gap:12px;margin-top:20px;display:flex}.detail-wrap{background:#1a1f29;border:1px solid #2b3240;border-radius:14px;max-width:1000px;padding:22px}.detail-grid{grid-template-columns:repeat(2,minmax(220px,1fr));gap:16px;display:grid}.detail-item{background:#11151c;border:1px solid #2b3240;border-radius:10px;padding:14px}.detail-label{color:#9aa4b2;margin-bottom:8px;font-size:13px}.detail-value{font-size:16px;font-weight:600}.section-title{margin:0 0 16px;font-size:20px}.link-button{color:#fff;background:#2563eb;border-radius:8px;padding:8px 12px;text-decoration:none;display:inline-block}tbody tr{transition:background .15s}tbody tr:hover{background:#202634}.board-stack{flex-direction:column;gap:28px;display:flex}.project-board{background:linear-gradient(#1a1f29 0%,#161b22 100%);border:1px solid #2b3240;border-radius:18px;padding:24px;box-shadow:0 10px 30px #00000038}.project-board-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.project-board-title{margin:0;font-size:24px;font-weight:700}.project-board-subtitle{color:#9aa4b2;margin:6px 0 0;font-size:14px}.building-board{background:#11151ce6;border:1px solid #2b3240;border-radius:16px;margin-top:18px;padding:18px}.building-board-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.building-board-title{margin:0;font-size:18px;font-weight:700}.building-board-meta{color:#9aa4b2;font-size:13px}.floor-section{border-top:1px solid #262d39;margin-top:16px;padding-top:16px}.floor-section:first-of-type{border-top:none;margin-top:0;padding-top:0}.floor-row{grid-template-columns:110px 1fr;align-items:start;gap:14px;display:grid}.floor-label{color:#c4ccd7;padding-top:10px;font-size:14px;font-weight:700}.unit-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;display:grid}.unit-card{border:1px solid #0000;border-radius:16px;padding:14px;transition:transform .16s,border-color .16s,box-shadow .16s}.unit-card:hover{border-color:#ffffff2e;transform:translateY(-2px);box-shadow:0 10px 24px #0000002e}.unit-card.available{color:#dcffe8;background:linear-gradient(#14361f 0%,#102c19 100%)}.unit-card.reserved{color:#ffe8b0;background:linear-gradient(#463111 0%,#34240d 100%)}.unit-card.sold{color:#ffd5d5;background:linear-gradient(#4a1a1a 0%,#361313 100%)}.unit-card-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.unit-code{letter-spacing:.2px;margin:0;font-size:18px;font-weight:800}.unit-status-pill{text-transform:uppercase;letter-spacing:.4px;background:#ffffff1f;border-radius:999px;justify-content:center;align-items:center;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex}.unit-meta{opacity:.96;gap:6px;font-size:13px;line-height:1.45;display:grid}.unit-meta-row{justify-content:space-between;gap:10px;display:flex}.unit-meta-label{opacity:.8}.unit-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.unit-actions button{border-radius:10px;padding:7px 10px;font-size:12px}.board-empty{color:#9aa4b2;background:#1a1f29;border:1px solid #2b3240;border-radius:16px;padding:18px}.board-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.board-legend{flex-wrap:wrap;gap:10px;display:flex}.board-legend-item{color:#c4ccd7;align-items:center;gap:8px;font-size:13px;display:inline-flex}.board-legend-dot{border-radius:999px;width:10px;height:10px}.board-legend-dot.available{background:#6ee7a1}.board-legend-dot.reserved{background:#f7c66a}.board-legend-dot.sold{background:#ff8b8b}.floorplan-switcher{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.floorplan-thumb{cursor:pointer;background:#11151c;border:1px solid #2b3240;border-radius:14px;width:170px;padding:10px;transition:transform .15s,border-color .15s,box-shadow .15s}.floorplan-thumb:hover{border-color:#3b475a;transform:translateY(-2px);box-shadow:0 8px 18px #0000002e}.floorplan-thumb.active{border-color:#2b6ef3;box-shadow:0 0 0 1px #2b6ef340}.floorplan-thumb-image{background:#0b0f14;border:1px solid #222936;border-radius:10px;width:100%;height:96px;margin-bottom:8px;overflow:hidden}.floorplan-thumb-image img{object-fit:cover;width:100%;height:100%;display:block}.floorplan-thumb-title{margin-bottom:4px;font-size:14px;font-weight:700}.floorplan-thumb-meta{color:#9aa4b2;font-size:12px}.sidebar{background:#161b22;border-right:1px solid #2b3240;flex-direction:column;gap:10px;width:240px;padding:20px;display:flex}.sidebar-link,.sidebar-parent-link,.sidebar-sublink{color:#fff;border-radius:10px;text-decoration:none;transition:background .22s,color .22s,transform .22s,box-shadow .22s}.sidebar-link,.sidebar-parent-link{padding:10px 12px;font-weight:600;display:block;position:relative}.sidebar-link:hover,.sidebar-parent-link:hover{background:linear-gradient(#202634 0%,#1b2230 100%);transform:translate(2px);box-shadow:inset 0 0 0 1px #ffffff0a}.sidebar-group{flex-direction:column;display:flex;position:relative}.sidebar-submenu{opacity:0;pointer-events:none;border-left:1px solid #2b3240;flex-direction:column;gap:4px;max-height:0;margin-top:6px;margin-left:10px;padding-left:10px;transition:opacity .28s 80ms,transform .28s 80ms,max-height .32s 80ms;display:flex;overflow:hidden;transform:translateY(-6px)}.sidebar-group:hover .sidebar-submenu{opacity:1;pointer-events:auto;max-height:220px;transform:translateY(0)}.sidebar-sublink{color:#d7dde7;padding:8px 10px;font-size:14px;display:block;position:relative}.sidebar-sublink:hover{color:#fff;background:linear-gradient(#202634 0%,#1b2230 100%);transform:translate(3px)}.sidebar-sublink:before{content:"";background:#5b6575;border-radius:999px;width:4px;height:4px;transition:background .22s,transform .22s;position:absolute;top:50%;left:-6px;transform:translateY(-50%)}.sidebar-sublink:hover:before{background:#8fb2ff;transform:translateY(-50%)scale(1.25)}html,body,#root{min-height:100%;margin:0}body{background:#0b0f14}*{box-sizing:border-box}.app-shell{background:#0b0f14;min-height:100vh;display:flex}.app-main{background:#0b0f14;flex:1;min-height:100vh}.app-page{background:#0b0f14;min-height:100vh;padding:24px 24px 72px}