@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#0f172a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f4f8;font-family:Inter,system-ui,-apple-system,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}#root{flex-direction:column;min-height:100vh;display:flex}.page-content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:24px}@media (width<=600px){.page-content{padding:16px}}.map-grid{grid-template-columns:repeat(8,1fr);gap:8px;display:grid}.plot-box{cursor:pointer;color:#fff;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:center;align-items:center;width:60px;height:60px;font-size:11px;font-weight:700;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.plot-box:hover:not(.plot-empty){z-index:2;transform:scale(1.12);box-shadow:0 4px 12px #0003}.plot-vacant{background:#e74c3c}.plot-pending{background:#8e44ad}.plot-booked{background:#f39c12}.plot-completed{background:#27ae60}.plot-empty{cursor:default;background:#e2e8f0}@media (width<=576px){.map-grid{grid-template-columns:repeat(4,1fr)}.plot-box{width:46px;height:46px;font-size:9px}}.tree-wrapper{scrollbar-width:thin;scrollbar-color:#90caf9 #f0f4ff;min-height:280px;padding:24px 16px 40px;overflow:auto}.tree-wrapper::-webkit-scrollbar{width:6px;height:6px}.tree-wrapper::-webkit-scrollbar-track{background:#f0f4ff;border-radius:4px}.tree-wrapper::-webkit-scrollbar-thumb{background:#90caf9;border-radius:4px}.tree-wrapper::-webkit-scrollbar-thumb:hover{background:#1976d2}.tree{justify-content:center;min-width:max-content;display:flex}.tree ul{justify-content:center;gap:0;margin:0;padding-top:24px;padding-left:0;list-style:none;display:flex;position:relative}.tree li{float:left;text-align:center;padding:24px 10px 0;list-style-type:none;transition:opacity .2s;position:relative}.tree li:before,.tree li:after{content:"";border-top:2px solid #90caf9;width:50%;height:24px;position:absolute;top:0;right:50%}.tree li:after{border-left:2px solid #90caf9;left:50%;right:auto}.tree li:only-child:before,.tree li:only-child:after{display:none}.tree li:only-child{padding-top:0}.tree li:first-child:before,.tree li:last-child:after{border:none}.tree li:last-child:before{border-right:2px solid #90caf9;border-radius:0 5px 0 0}.tree li:first-child:after{border-radius:5px 0 0}.tree ul ul:before{content:"";border-left:2px solid #90caf9;width:0;height:24px;position:absolute;top:0;left:50%}.tree-children-enter{transform-origin:top;animation:.25s cubic-bezier(.34,1.36,.64,1) both treeSlideDown}@keyframes treeSlideDown{0%{opacity:0;transform:scaleY(.7)translateY(-8px)}to{opacity:1;transform:scaleY(1)translateY(0)}}.tree-node-card{color:#fff;cursor:pointer;text-align:center;background:linear-gradient(145deg,#1565c0 0%,#0288d1 100%);border:none;border-radius:16px;outline:none;flex-direction:column;align-items:center;gap:3px;min-width:136px;max-width:168px;padding:12px 18px;font-family:Inter,sans-serif;transition:transform .18s cubic-bezier(.34,1.36,.64,1),box-shadow .18s,background .2s;display:inline-flex;position:relative;box-shadow:0 4px 14px #1565c047,0 1px 3px #0000001f}.tree-node-card:focus-visible{outline-offset:2px;outline:3px solid #82b1ff}.tree-node-card:hover:not(:disabled){transform:translateY(-4px)scale(1.03);box-shadow:0 10px 28px #1565c061,0 2px 6px #0000001a}.tree-node-card:active:not(:disabled){transform:translateY(-1px)scale(.98)}.tree-node-card:disabled{opacity:.65;cursor:not-allowed}.tree-node-card.root-card{background:linear-gradient(145deg,#0a2e6e 0%,#1565c0 100%);border:2px solid #ffffff1f;border-radius:20px;min-width:168px;padding:14px 22px;box-shadow:0 6px 24px #0d47a16b,0 2px 6px #00000026}.tree-node-card.root-card:hover:not(:disabled){box-shadow:0 12px 32px #0d47a180}.tree-node-card{animation:.3s cubic-bezier(.34,1.36,.64,1) both cardPop}@keyframes cardPop{0%{opacity:0;transform:scale(.8)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.tree-node-avatar{letter-spacing:.5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border:2px solid #ffffff61;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;margin:0 auto 6px;font-size:13px;font-weight:800;transition:background .15s,transform .15s;display:flex}.tree-node-card:hover .tree-node-avatar{background:#ffffff47;transform:scale(1.08)}.root-card .tree-node-avatar{border-width:2.5px;width:48px;height:48px;font-size:17px}.tree-node-name{white-space:nowrap;text-overflow:ellipsis;letter-spacing:.1px;max-width:130px;font-size:12px;font-weight:700;line-height:1.3;overflow:hidden}.root-card .tree-node-name{max-width:150px;font-size:14px}.tree-node-ref{opacity:.72;white-space:nowrap;letter-spacing:.3px;background:#ffffff1f;border-radius:20px;padding:1px 7px;font-size:10px;font-weight:600}.tree-expand-icon{opacity:.6;margin-top:3px;font-size:10px;transition:transform .22s cubic-bezier(.34,1.36,.64,1),opacity .15s}.tree-node-card:hover .tree-expand-icon{opacity:1}.tree-expand-icon.expanded{transform:rotate(180deg)}.tree-node-badge{color:#fff;background:#f59e0b;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;animation:2s ease-in-out infinite badgePulse;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 6px #f59e0b66}@keyframes badgePulse{0%,to{box-shadow:0 2px 6px #f59e0b66}50%{box-shadow:0 2px 14px #f59e0bb3}}.tree-action-li{padding-top:10px}.tree-action-li:before,.tree-action-li:after{display:none}.tree-view-btn{color:#1565c0;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f0f7ffe6;border:1.5px dashed #1565c059;border-radius:20px;margin:0 3px;padding:5px 14px;font-family:Inter,sans-serif;font-size:11px;font-weight:700;transition:background .15s,border-color .15s,transform .15s}.tree-view-btn:hover{background:#e3f2fd;border-color:#1565c0;transform:scale(1.04)}.tree-view-btn.less{color:#d32f2f;background:#fff5f5e6;border-color:#d32f2f4d}.tree-view-btn.less:hover{background:#fce4ec;border-color:#d32f2f}.tree-node-loading{vertical-align:middle;border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:12px;height:12px;margin-left:5px;animation:.55s linear infinite tree-spin;display:inline-block}@keyframes tree-spin{to{transform:rotate(360deg)}}@media (width<=600px){.tree-wrapper{padding:16px 8px 32px}.tree-node-card{border-radius:12px;min-width:100px;max-width:128px;padding:9px 12px}.tree-node-card.root-card{border-radius:14px;min-width:120px;padding:10px 14px}.tree-node-avatar{width:30px;height:30px;font-size:11px}.root-card .tree-node-avatar{width:38px;height:38px;font-size:14px}.tree-node-name{max-width:100px;font-size:10px}.root-card .tree-node-name{max-width:110px;font-size:11px}.tree-node-ref{padding:1px 5px;font-size:9px}.tree li{padding:20px 6px 0}}.tree-footer-hint{text-align:center;color:#9e9e9e;letter-spacing:.2px;margin-top:20px;font-size:12px}.id-card-wrapper{background:#f0f4f8;justify-content:center;align-items:center;min-height:70vh;padding:32px 16px;display:flex}.id-card{background:#fff;border-radius:20px;width:340px;font-family:Inter,system-ui,sans-serif;overflow:hidden;box-shadow:0 20px 60px #00000026}.id-card-header{text-align:center;color:#fff;background:linear-gradient(135deg,#1565c0 0%,#0288d1 100%);padding:24px 20px 16px}.id-card-logo{letter-spacing:-1px;font-size:28px;font-weight:800}.id-card-company{opacity:.85;letter-spacing:.5px;margin-top:2px;font-size:11px}.id-card-avatar{color:#fff;background:#fff3;border:3px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:16px auto 0;font-size:32px;font-weight:700;display:flex}.id-card-body{text-align:center;padding:20px}.id-card-name{color:#0f172a;margin-bottom:4px;font-size:18px;font-weight:700}.id-card-designation{color:#64748b;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;font-size:12px}.id-card-info{text-align:left;background:#f8fafc;border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.id-card-info-row{gap:10px;font-size:12px;display:flex}.id-card-info-row .label{color:#94a3b8;min-width:70px;font-weight:500}.id-card-info-row .value{color:#0f172a;font-weight:600}.id-card-footer{text-align:center;color:#ffffffd9;letter-spacing:.3px;background:#1565c0;padding:12px 20px;font-size:10px}.vcard-wrapper{background:#f0f4f8;justify-content:center;align-items:center;min-height:70vh;padding:32px 16px;display:flex}.vcard{flex-direction:column;gap:16px;display:flex}.vcard-front,.vcard-back{border-radius:16px;width:340px;height:190px;font-family:Inter,system-ui,sans-serif;position:relative;overflow:hidden;box-shadow:0 10px 40px #0000001f}.vcard-front{color:#fff;background:linear-gradient(135deg,#1565c0 0%,#0288d1 100%);flex-direction:column;justify-content:center;padding:24px;display:flex}.vcard-front-name{letter-spacing:-.5px;font-size:20px;font-weight:800}.vcard-front-designation{opacity:.85;text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-size:12px}.vcard-front-company{opacity:.9;margin-top:16px;font-size:13px;font-weight:600}.vcard-front-decor{background:#ffffff14;border-radius:50%;width:120px;height:120px;position:absolute;top:-20px;right:-20px}.vcard-back{background:#fff;border:1px solid #e2e8f0;flex-direction:column;justify-content:center;padding:24px;display:flex}.vcard-back-item{color:#0f172a;align-items:center;gap:10px;margin-bottom:8px;font-size:13px;display:flex}.vcard-back-item:last-child{margin-bottom:0}.vcard-back-icon{color:#1565c0;min-width:18px;font-size:15px}