html,body{margin:0;padding:0;background:#eef0e2;overscroll-behavior:none}.app-root{height:100vh;height:100dvh}.tree-vp{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}a{color:#5e7a44;text-decoration:none}a:hover{color:#43592f}*{box-sizing:border-box}input,select,button{font-family:Tajawal,sans-serif}input:focus,select:focus{outline:1px solid #7a8f57}@keyframes panelIn{0%{transform:translate(-24px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#c6cda9;border-radius:4px}.nav-tab:hover{color:#333d2a!important}@media (max-width: 700px){.app-header{gap:10px!important;padding:0 10px!important;height:54px!important}.brand-title{font-size:15px!important}.nav-tabs{overflow-x:auto;scrollbar-width:none}.nav-tabs::-webkit-scrollbar{display:none}.nav-tab{padding:6px 10px!important;font-size:12px!important}.user-meta{display:none!important}.admin-btn{padding:6px 8px!important;font-size:11px!important}.search-wrap{left:12px!important;right:12px!important;width:auto!important}.detail-panel{width:100%!important;border-right:none!important;box-shadow:none!important}.legend{left:12px!important;right:12px!important;justify-content:center;font-size:10.5px!important;padding:8px 10px!important}.zoom-ctrls{bottom:66px!important}}.btn-ghost:hover{background:#e8edd6}.btn-signout:hover{color:#333d2a;border-color:#a9b587}.search-result:hover{background:#eef1dd}.rel-row:hover{border-color:#a9b587!important}