body{color:#fff;background:#0f1115;margin:0;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}.page-title{letter-spacing:-.02em;margin:0;font-size:30px;font-weight:800;line-height:1.1}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.page-header-copy{gap:8px;display:grid}.page-subtitle{color:#9aa4b2;margin:0;font-size:14px;line-height:1.5}.page-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.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:linear-gradient(#1a1f29 0%,#161b22 100%);border:1px solid #2b3240;border-radius:16px;overflow:hidden;box-shadow:0 10px 24px #0000002e}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{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.filters label{color:#d7dde7;font-size:14px}.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-secondary{color:#dbe5f3;box-shadow:none;background:#1b2230;border:1px solid #334155}.button-secondary:hover:not(:disabled){border-color:#475569;transform:translateY(-1px);box-shadow:0 8px 18px #00000029}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 small{color:#9aa4b2;font-size:12px;line-height:1.4}.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:linear-gradient(#161b22 0%,#121720 100%);border-right:1px solid #2b3240;flex-direction:column;gap:10px;width:260px;height:100vh;padding:22px 18px;display:flex;position:sticky;top:0}.sidebar-brand{gap:10px;margin-bottom:10px;display:grid}.sidebar-brand-logo-only{text-align:center;justify-items:center;padding:10px 6px 2px}.sidebar-logo{object-fit:contain;filter:drop-shadow(0 10px 22px #2b6ef31a);width:100%;max-width:188px;height:auto;display:block}.sidebar-brand-subtitle-centered{text-align:center;letter-spacing:.08em;text-transform:uppercase;color:#7f8a9b;margin-top:2px;font-size:11px}.sidebar-brand-divider{background:linear-gradient(90deg,#2b324000 0%,#2b3240f2 18% 82%,#2b324000 100%);height:1px;margin:2px 2px 10px}.sidebar-brand-mark{color:#fff;background:linear-gradient(#2b6ef3 0%,#1f57c9 100%);border-radius:14px;place-items:center;width:42px;height:42px;font-weight:800;display:grid;box-shadow:0 10px 24px #1f57c947}.sidebar-brand-title{margin:0;font-size:16px;line-height:1.1}.sidebar-brand-subtitle{color:#9aa4b2;margin-top:4px;font-size:12px}.sidebar-user-card{background:#11151c;border:1px solid #2b3240;border-radius:14px;margin-bottom:10px;padding:12px 14px;box-shadow:inset 0 0 0 1px #ffffff05}.sidebar-user-name{color:#fff;margin-bottom:4px;font-weight:700}.sidebar-user-role{color:#9aa4b2;text-transform:uppercase;letter-spacing:.06em;font-size:12px}.sidebar-logout{width:100%;margin-top:auto}.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-brand-divider+.sidebar-user-card{margin-top:0}.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-link.active,.sidebar-parent-link.active{color:#fff;background:linear-gradient(#243047 0%,#1d2636 100%);box-shadow:inset 0 0 0 1px #8fb2ff29,0 8px 18px #00000024}.sidebar-link.active:after,.sidebar-parent-link.active:after{content:"";background:#8fb2ff;border-radius:999px;width:6px;height:6px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.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,.sidebar-group:focus-within .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.active{color:#fff;background:linear-gradient(#202634 0%,#1b2230 100%);transform:translate(3px);box-shadow:inset 0 0 0 1px #8fb2ff1f}.sidebar-sublink.active:before{background:#8fb2ff;transform:translateY(-50%)scale(1.35)}.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}.app-page-inner{max-width:1400px;margin:0 auto}.empty-state{color:#9aa4b2;background:#1a1f29;border:1px dashed #334155;border-radius:16px;padding:20px}.login-shell{background:radial-gradient(circle at top,#2b6ef324,#0000 26%),radial-gradient(circle at bottom,#8fb2ff14,#0000 24%),#0b0f14;min-height:100vh}.login-shell-centered{place-items:center;padding:28px 20px;display:grid}.login-centered-wrap{align-content:center;justify-items:center;width:100%;max-width:520px;display:grid;transform:translateY(-28px)}.login-brand-rail-copy{gap:10px;max-width:220px;display:grid}.login-brand-kicker{color:#8fb2ff;letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:800}.login-panel{place-items:center;display:grid}.login-panel-centered{align-content:center;justify-items:center;min-height:100vh;padding:12px 32px 32px;display:grid}.login-panel-brand{justify-content:center;width:100%;max-width:520px;margin-bottom:18px;display:flex;position:relative}.login-panel-brand:before{content:"";filter:blur(12px);z-index:0;pointer-events:none;background:radial-gradient(circle,#8fb2ff29 0%,#2b6ef312 38%,#0000 72%);position:absolute;inset:-26px -40px}.login-panel-logo{object-fit:contain;z-index:1;filter:drop-shadow(0 12px 24px #2b6ef31f);width:min(100%,460px);height:auto;display:block;position:relative}.login-panel-sidebar{min-height:100vh;padding:32px}.login-card{background:linear-gradient(#1d2430f5 0%,#161b22fa 100%);border:1px solid #313a4b;box-shadow:0 24px 60px #00000047,inset 0 0 0 1px #8fb2ff08}.login-card-standalone{border-radius:24px;width:min(100%,460px);padding:28px}.login-card-sidebar{border-radius:24px;width:min(100%,460px);padding:30px}.login-card-header{gap:10px;margin-bottom:22px;display:grid}.login-card-kicker{color:#8fb2ff;letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:800}.login-card-title{letter-spacing:-.03em;margin:0;font-size:30px;line-height:1.05}.login-card-text{color:#9aa4b2;margin:0;font-size:14px;line-height:1.6}.login-form-grid{grid-template-columns:1fr;gap:16px;display:grid}.login-form-grid .form-field input{border-radius:14px;min-height:48px;transition:border-color .18s,box-shadow .18s}.login-form-grid .form-field input:focus{border-color:#2b6ef3;outline:none;box-shadow:0 0 0 3px #2b6ef329}.login-actions{margin-top:6px}.login-submit{border-radius:14px;width:100%;min-height:48px;font-size:15px;font-weight:700}.login-footer-note{color:#7f8a9b;text-align:center;margin-top:18px;font-size:12px;line-height:1.5}@media (width<=900px){.login-shell-sidebar{grid-template-columns:1fr}.login-panel-centered{align-content:start;min-height:auto;padding:20px 18px 24px}.login-panel-brand{margin-bottom:18px}.login-panel-logo{width:min(100%,360px)}}@media (width<=640px){.login-shell-centered{padding:18px 16px}.login-centered-wrap{transform:translateY(-10px)}.login-panel-logo{width:min(100%,320px)}.login-standalone-title{font-size:26px}.login-card-standalone{border-radius:20px;padding:22px 18px}}.login-panel-copy{text-align:center;justify-items:center;gap:8px;margin-bottom:18px;display:grid}.login-standalone-title{letter-spacing:-.03em;margin:0;font-size:30px;font-weight:800;line-height:1.05}.login-standalone-text{color:#9aa4b2;max-width:42ch;margin:0;font-size:14px;line-height:1.6}