*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#e6f3ff,#b3d9ff);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-blue:#4a90e2;--light-blue:#87ceeb;--pale-blue:#e6f3ff;--dark-blue:#2c5282;--white:#fff;--gray-light:#f7fafc;--gray-medium:#e2e8f0;--gray-dark:#4a5568;--success:#48bb78;--warning:#ed8936;--error:#f56565}.container{margin:0 auto;max-width:1200px;padding:0 20px}@media (max-width:1200px){.container{padding:0 15px}}@media (max-width:768px){.container{padding:0 10px}}@media (max-width:576px){.container{padding:0 5px}}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-weight:500;gap:6px;justify-content:center;padding:10px 20px;text-align:center;text-decoration:none;transition:all .2s ease;white-space:nowrap}.btn,.btn-icon,.btn-text{font-size:14px}@media (max-width:576px){.btn-text{display:none}.btn{padding:8px 12px}.btn-icon{font-size:16px}}.btn-primary{background-color:#4a90e2;background-color:var(--primary-blue);color:#fff;color:var(--white)}.btn-primary:hover{background-color:#2c5282;background-color:var(--dark-blue)}.btn-secondary{background-color:#87ceeb;background-color:var(--light-blue);color:#2c5282;color:var(--dark-blue)}.btn-secondary:hover{background-color:#4a90e2;background-color:var(--primary-blue);color:#fff;color:var(--white)}.card{background:#fff;background:var(--white);border-radius:8px;box-shadow:0 2px 10px #4a90e21a;padding:20px}.card,.form-group{margin-bottom:20px}.form-label{color:#2c5282;color:var(--dark-blue);display:block;font-weight:500;margin-bottom:5px}.form-input{border:2px solid #e2e8f0;border:2px solid var(--gray-medium);border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:100%}.form-input:focus{border-color:#4a90e2;border-color:var(--primary-blue);outline:none}.alert{border-radius:6px;font-weight:500;margin-bottom:20px;padding:12px 16px}.alert-error{background-color:#fed7d7;border:1px solid #feb2b2;color:#c53030}.alert-success{background-color:#c6f6d5;border:1px solid #9ae6b4;color:#2f855a}.loading{align-items:center;color:#4a90e2;color:var(--primary-blue);display:flex;justify-content:center;padding:40px}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.d-flex{display:flex}.flex-wrap{flex-wrap:wrap}.flex-column{flex-direction:column}.justify-content-between{justify-content:space-between}.justify-content-center{justify-content:center}.align-items-center{align-items:center}.align-items-start{align-items:flex-start}.gap-10{gap:10px}.gap-15{gap:15px}.gap-20{gap:20px}.w-100{width:100%}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}@media (max-width:768px){.hide-mobile{display:none!important}}@media (max-width:576px){.hide-small{display:none!important}}@media (min-width:769px){.hide-desktop{display:none!important}}@media (max-width:768px){.p-mobile-10{padding:10px!important}.m-mobile-10{margin:10px!important}.mb-mobile-15{margin-bottom:15px!important}}@media (max-width:576px){.p-small-5{padding:5px!important}.m-small-5{margin:5px!important}}.App{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;display:flex;flex-direction:column;min-height:100vh;overscroll-behavior:contain;-webkit-user-select:none}@supports (padding:max(0px)){.App{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}.navbar{padding-top:max(0px,env(safe-area-inset-top))}}@media (display-mode:standalone){.App{-webkit-app-region:no-drag}.navbar{padding-top:max(15px,env(safe-area-inset-top))}}@media (display-mode:standalone) and (-webkit-touch-callout:none){.main-content{padding-top:90px}}.main-content{flex:1 1;padding-bottom:20px;padding-top:80px}.navbar{background:linear-gradient(135deg,var(--primary-blue) 0,var(--dark-blue) 100%);box-shadow:0 2px 10px #0000001a;color:var(--white);left:0;padding:0;position:fixed;right:0;top:0;z-index:1000}.navbar-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:15px 20px}.navbar-brand{color:var(--white);font-size:24px;font-weight:700;text-decoration:none}.navbar-nav{align-items:center;gap:20px;list-style:none}.desktop-nav,.navbar-nav{display:flex}.mobile-menu-toggle{background:none;border:none;border-radius:4px;cursor:pointer;display:none;padding:8px;transition:background-color .2s ease}.mobile-menu-toggle:hover{background:#ffffff1a}@keyframes leaderboardPodiumGlow{0%{box-shadow:0 18px 40px #d4a0173d}50%{box-shadow:0 22px 52px #d4a0175c}to{box-shadow:0 18px 40px #d4a0173d}}.leaderboard-podium-glow{animation:leaderboardPodiumGlow 2.4s ease-in-out infinite}.hamburger{display:flex;flex-direction:column;height:18px;position:relative;width:24px}.hamburger span{background:var(--white);border-radius:1px;display:block;height:2px;position:absolute;transition:all .3s ease;width:100%}.hamburger span:first-child{top:0}.hamburger span:nth-child(2){top:50%;transform:translateY(-50%)}.hamburger span:nth-child(3){bottom:0}.hamburger.open span:first-child{margin-top:-1px;top:50%;transform:rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){bottom:50%;margin-bottom:-1px;transform:rotate(-45deg)}.mobile-nav{background:var(--white);border-top:1px solid var(--gray-medium);box-shadow:0 4px 15px #0000001a;display:none;left:0;max-height:0;overflow:hidden;position:absolute;right:0;top:100%;transition:max-height .3s ease;z-index:999}.mobile-nav.open{max-height:100vh}.mobile-nav-content{padding:20px}.mobile-nav-links{list-style:none;margin:0 0 20px;padding:0}.mobile-nav-links li{margin-bottom:10px}.mobile-nav-links a,.mobile-submenu-item,.mobile-submenu-trigger{align-items:center;border-radius:8px;color:var(--gray-dark);display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;transition:all .2s ease;width:100%}.mobile-nav-links a{text-decoration:none}.mobile-nav-links a:hover,.mobile-submenu-item:hover,.mobile-submenu-trigger:hover{background:var(--pale-blue);color:var(--primary-blue)}.mobile-nav-links a.active,.mobile-submenu-item.selected{background:var(--primary-blue);color:var(--white)}.mobile-submenu-item,.mobile-submenu-trigger{background:none;border:none;cursor:pointer;text-align:left}.mobile-submenu-value{color:var(--gray-medium);font-size:12px;margin-left:auto}.mobile-submenu-arrow{font-size:10px;transition:transform .2s ease}.mobile-submenu.open .mobile-submenu-arrow{transform:rotate(180deg)}.mobile-submenu-items{margin-top:6px;padding-left:16px}.mobile-user-actions{border-top:1px solid var(--gray-medium);padding-top:20px}.mobile-user-info{align-items:center;background:var(--pale-blue);border-radius:8px;display:flex;gap:10px;margin-bottom:15px;padding:12px 16px}.mobile-user-info .user-name{color:var(--dark-blue);font-weight:500}.mobile-action-buttons{display:flex;flex-direction:column;gap:8px}.mobile-action-btn{align-items:center;background:none;border:none;border-radius:8px;color:var(--gray-dark);cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;position:relative;text-align:left;transition:all .2s ease}.mobile-action-btn:hover{background:var(--pale-blue);color:var(--primary-blue)}.mobile-action-btn.logout{color:var(--error)}.mobile-action-btn.logout:hover{background:#fed7d7}.notification-badge{align-items:center;background:var(--error);border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:20px;justify-content:center;position:absolute;right:12px;width:20px}.desktop-user-info{display:flex}.nav-dropdown-trigger,.navbar-nav a{align-items:center;border-radius:4px;color:var(--white);display:flex;font-size:14px;gap:6px;padding:8px 16px;transition:background-color .2s ease}.navbar-nav a{text-decoration:none}.nav-dropdown{position:relative}.nav-dropdown-trigger{background:none;border:none;cursor:pointer}.nav-dropdown-arrow{font-size:10px;transition:transform .2s ease}.nav-dropdown.open .nav-dropdown-arrow{transform:rotate(180deg)}.nav-dropdown-menu{background:var(--white);border:1px solid var(--gray-medium);border-radius:8px;box-shadow:0 4px 15px #0000001a;min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.menu-item.selected{background:var(--pale-blue);color:var(--primary-blue);font-weight:600}.nav-icon{font-size:16px}.nav-text{font-size:14px}@media (max-width:992px){.nav-text{display:none}.nav-dropdown-trigger,.navbar-nav a{padding:8px 12px}.nav-icon{font-size:18px}}@media (max-width:768px){.nav-text{display:inline}.nav-dropdown-trigger,.navbar-nav a{justify-content:center;padding:10px 16px}}.nav-dropdown-trigger.active,.nav-dropdown-trigger:hover,.navbar-nav a:hover{background-color:#ffffff1a}.navbar-nav a.active{background-color:#fff3}.user-info{align-items:center;display:flex;gap:15px}.user-name{font-weight:500}.user-menu-container{position:relative}.user-menu-btn{align-items:center;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:6px;color:var(--white);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;transition:all .2s ease}.user-menu-btn:hover{background:#fff3}.user-avatar{font-size:16px}.dropdown-arrow{font-size:10px;transition:transform .2s ease}.user-menu-btn:hover .dropdown-arrow{transform:rotate(180deg)}.user-menu-dropdown{background:var(--white);border:1px solid var(--gray-medium);border-radius:8px;box-shadow:0 4px 15px #0000001a;margin-top:5px;min-width:180px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.menu-item{align-items:center;background:none;border:none;color:var(--gray-dark);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.menu-item:hover{background:var(--pale-blue)}.menu-item.logout{color:var(--error)}.menu-item.logout:hover{background:#fed7d7}.menu-icon{font-size:16px;text-align:center;width:20px}.menu-divider{background:var(--gray-medium);height:1px;margin:4px 0}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.modal-content{background:var(--white);border-radius:12px;box-shadow:0 10px 30px #0003;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@media (max-width:768px){.modal-overlay{align-items:flex-start;padding:20px 10px 10px}.modal-content{border-radius:8px;max-height:calc(100vh - 40px)}}@media (max-width:576px){.modal-overlay{padding:10px 5px 5px}.modal-content{border-radius:6px;max-height:calc(100vh - 20px)}}.profile-modal{max-width:800px}.modal-header{align-items:center;border-bottom:1px solid var(--gray-medium);display:flex;justify-content:space-between;padding:20px 30px}.modal-header h3{color:var(--dark-blue);font-size:24px;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--gray-dark);cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:background-color .2s ease;width:30px}.close-btn:hover{background:var(--gray-light)}.profile-form{padding:30px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.role-info{background:var(--pale-blue);border:1px solid var(--light-blue);border-radius:8px;margin-top:30px;padding:20px}.role-info h4{color:var(--dark-blue);font-size:16px;margin:0 0 15px}.role-display{display:flex;flex-direction:column;gap:10px}.role-display>div{color:var(--gray-dark);font-size:14px}.role-note{color:var(--gray-dark);font-size:12px;font-style:italic;margin:10px 0 0}.form-actions{border-top:1px solid var(--gray-medium);display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.page{margin:0 auto;max-width:1200px;padding:40px 20px}.page-title{color:var(--dark-blue);font-size:28px;font-weight:700;margin-bottom:30px;text-align:center}.login-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 140px);padding:20px}.login-card{background:var(--white);border-radius:12px;box-shadow:0 10px 30px #4a90e233;max-width:400px;padding:40px;width:100%}.login-title{color:var(--dark-blue);font-size:24px;font-weight:700;margin-bottom:30px;text-align:center}.g-recaptcha{transform:scale(.9);transform-origin:center}@media (max-width:480px){.g-recaptcha{transform:scale(.8)}}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.stat-card{background:linear-gradient(135deg,var(--white) 0,var(--pale-blue) 100%);border:1px solid var(--gray-medium);border-radius:12px;box-shadow:0 4px 15px #4a90e21a;padding:25px;text-align:center}.stat-number{color:var(--primary-blue);font-size:36px;font-weight:700;margin-bottom:10px}.stat-label{color:var(--gray-dark);font-size:14px;font-weight:500}.hierarchy-container{background:var(--white);border-radius:12px;box-shadow:0 4px 15px #4a90e21a;padding:30px}.tree-wrapper{position:relative}.tree-controls{align-items:center;background:var(--pale-blue);display:flex;flex-wrap:wrap;margin-bottom:20px}.tree-controls,.tree-stats{border-radius:8px;gap:15px;padding:15px}.tree-stats{grid-gap:15px;background:var(--white);border:1px solid var(--gray-medium);display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:20px}.rd3t-tree-container{height:100%;width:100%}.rd3t-node{cursor:pointer}.rd3t-node circle{transition:all .3s ease}.rd3t-node:hover circle{stroke-width:3;filter:brightness(1.1)}.rd3t-node text{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;text-shadow:1px 1px 2px #fffc}.rd3t-node rect{transition:all .3s ease}.rd3t-node:hover rect{stroke-width:3;filter:brightness(1.1)}.role-group-node{cursor:pointer}.role-group-node rect{fill:#87ceeb;stroke:#4a90e2;stroke-width:2}.role-group-node:hover rect{fill:#6bb6ff;stroke:#2c5282;stroke-width:3}.rd3t-link{fill:none;stroke:var(--primary-blue);stroke-width:2;transition:all .3s ease}.rd3t-link:hover{stroke:var(--dark-blue);stroke-width:3}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-responsive table{min-width:600px}@media (max-width:768px){.table-responsive table{font-size:12px;min-width:500px}.table-responsive td,.table-responsive th{padding:8px 4px!important;white-space:nowrap}}@media (max-width:576px){.table-responsive table{font-size:11px;min-width:400px}.table-responsive td,.table-responsive th{padding:6px 3px!important}.table-responsive .hide-mobile{display:none!important}}.hierarchy-tree{margin-top:20px}.hierarchy-node{background:var(--pale-blue);border:2px solid var(--light-blue);border-radius:8px;margin:10px 0;padding:15px;position:relative}.hierarchy-node.current-user{background:linear-gradient(135deg,var(--primary-blue) 0,var(--dark-blue) 100%);border-color:var(--dark-blue);color:var(--white)}.node-info{align-items:center;display:flex;justify-content:space-between}.node-details h4{font-size:16px;margin:0 0 5px}.node-details p{font-size:14px;margin:0;opacity:.8}.node-role{background:var(--primary-blue);border-radius:4px;color:var(--white);font-size:12px;font-weight:500;padding:4px 8px}.hierarchy-node.current-user .node-role{background:#fff3}.children{border-left:2px solid var(--light-blue);margin-left:30px;margin-top:15px;padding-left:20px}@media (max-width:1200px){.page{padding:30px 15px}.navbar-content{padding:15px}.dashboard-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{padding:20px}.stat-number{font-size:28px}}@media (max-width:992px){.navbar-nav{gap:15px}.navbar-nav a{font-size:13px;padding:6px 12px}.user-name{display:none}.form-grid{gap:15px;grid-template-columns:1fr}.tree-controls{align-items:stretch;flex-direction:column;gap:10px}.tree-stats{gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media (max-width:768px){.desktop-nav{display:none}.mobile-menu-toggle{display:block}.desktop-user-info{display:none}.mobile-nav{display:block}.main-content{padding-top:70px}.navbar-content{padding:12px 15px}.page{padding:20px 10px}.page-title{font-size:24px;margin-bottom:20px}.dashboard-grid{gap:15px;grid-template-columns:1fr}.stat-card{padding:15px}.stat-number{font-size:24px}.login-card{margin:10px;padding:30px 20px}.login-title{font-size:20px}.children{margin-left:15px;padding-left:15px}.tree-wrapper{height:400px!important}.modal-content{margin:10px;max-height:calc(100vh - 20px);width:calc(100% - 20px)}.profile-modal{max-width:none}.profile-form{padding:20px}.modal-header{padding:15px 20px}.modal-header h3{font-size:20px}.form-actions{flex-direction:column;gap:10px}.form-actions .btn{width:100%}.user-menu-dropdown{min-width:160px;right:-10px}.card{margin-bottom:15px;padding:15px}table{font-size:12px!important}table td,table th{padding:8px 4px!important;word-break:break-word}.btn{font-size:12px;padding:8px 12px}.form-input{font-size:14px}.btn[style*="font-size: 12px"]{font-size:10px!important;padding:4px 6px!important}}@media (max-width:576px){.navbar-brand{font-size:18px}.main-content{padding-top:65px}.navbar-content{padding:10px 12px}.mobile-nav-content{padding:15px}.mobile-action-btn{font-size:13px;padding:10px 12px}.page{padding:15px 5px}.page-title{font-size:20px;margin-bottom:15px}.card{margin-bottom:10px;padding:10px}.login-card{padding:20px 15px}.modal-content{margin:5px;max-height:calc(100vh - 10px);width:calc(100% - 10px)}.profile-form{padding:15px}.modal-header{padding:10px 15px}.modal-header h3{font-size:18px}.stat-card{padding:10px}.stat-number{font-size:20px}.stat-label{font-size:12px}.hide-mobile{display:none!important}.form-grid{gap:10px;grid-template-columns:1fr}.btn{font-size:11px;padding:6px 10px}.alert{font-size:13px;padding:8px 12px}.tree-controls{font-size:12px;padding:10px}.tree-stats{gap:8px;grid-template-columns:1fr 1fr;padding:10px}.user-menu-dropdown{min-width:140px;right:-20px}.menu-item{font-size:12px;padding:8px 12px}}@media (max-width:480px){.navbar-content{padding:8px 10px}.main-content{padding-top:60px}.navbar-brand{font-size:16px}.mobile-nav-content{padding:12px}.mobile-action-btn{font-size:12px;padding:8px 10px}.page{padding:10px 3px}.card{border-radius:6px;padding:8px}.login-card{border-radius:8px;padding:15px 10px}.page-title{font-size:18px;margin-bottom:10px}table{font-size:10px!important}table td,table th{padding:4px 2px!important}.btn[title]{font-size:10px;padding:4px 6px}.dashboard-grid{gap:10px}.stat-card{padding:8px;text-align:center}.stat-number{font-size:18px}.stat-label{font-size:11px}.modal-content{border-radius:8px}.profile-form{padding:10px}.modal-header{padding:8px 10px}.modal-header h3{font-size:16px}.form-group{margin-bottom:10px}.form-label{font-size:12px;margin-bottom:3px}.form-input{font-size:12px;padding:6px 8px}.alert{border-radius:4px;font-size:11px;padding:6px 8px}}
/*# sourceMappingURL=main.991f17ba.css.map*/