@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--bg:#070a09;--panel:#0e1311;--panel2:#121815;--line:rgba(255,255,255,.09);--text:#f2f5f3;--muted:#8f9c96;--gold:#e7b85b;--cyan:#46ded8;--danger:#ff6b72;--sidebar:265px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:40px 18px;background:radial-gradient(circle at 20% 20%,rgba(70,222,216,.1),transparent 30%),radial-gradient(circle at 80% 80%,rgba(231,184,91,.1),transparent 30%),#070a09}.auth-card{width:min(100%,465px);padding:38px;border:1px solid var(--line);border-radius:28px;background:rgba(14,19,17,.88);box-shadow:0 30px 100px #000}.auth-card.wide{width:min(100%,760px)}.logo{display:flex;align-items:center;gap:11px;font:800 18px 'Manrope'}.logo img{width:45px;height:45px;object-fit:contain}.logo small{display:block;color:var(--muted);font:600 9px 'DM Sans';letter-spacing:.16em;text-transform:uppercase}.centered{justify-content:center}.auth-title{text-align:center;margin:28px 0}.auth-title h1,.page-head h1{font:700 clamp(2rem,4vw,3.4rem)/1.05 'Manrope';letter-spacing:-.045em;margin:10px 0}.auth-title p,.page-head p{color:var(--muted);margin:0}.eyebrow{color:var(--cyan);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.form{display:grid;gap:16px}.grid-form{grid-template-columns:1fr 1fr}.full{grid-column:1/-1}.form label{font-size:12px;color:#c7d0cc;font-weight:600}.form input,.form select{display:block;width:100%;margin-top:7px;background:#080b0a;border:1px solid var(--line);border-radius:12px;color:white;padding:14px 15px;outline:none}.form input:focus,.form select:focus{border-color:rgba(70,222,216,.5);box-shadow:0 0 0 3px rgba(70,222,216,.07)}.btn{border:0;border-radius:12px;min-height:46px;padding:0 18px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.primary{background:linear-gradient(135deg,#f4d27e,var(--gold));color:#151007}.subtle{background:rgba(255,255,255,.055);border:1px solid var(--line);color:white}.btn:disabled{opacity:.4;cursor:not-allowed}.auth-link{text-align:center;color:var(--muted);font-size:13px}.auth-link a,.back{color:var(--cyan)}.back{display:block;text-align:center;font-size:12px;margin-top:20px}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);border-right:1px solid var(--line);background:#090c0b;padding:25px 20px;display:flex;flex-direction:column;z-index:20}.sidebar nav{display:flex;flex-direction:column;gap:3px;margin-top:35px;overflow:auto}.sidebar nav a{color:#9eaaa4;padding:9px 13px;border-radius:10px;font-size:13px}.sidebar nav a:hover{color:white;background:rgba(255,255,255,.05)}.logout{border:1px solid var(--line);background:transparent;color:#aab4af;width:100%;padding:11px;border-radius:10px;margin-top:20px}.main{margin-left:var(--sidebar);min-height:100vh}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 35px;position:sticky;top:0;background:rgba(7,10,9,.86);backdrop-filter:blur(15px);z-index:10}.topbar strong,.topbar span{display:block}.muted{color:var(--muted);font-size:11px}.status-dot{color:#71d6a2;font-size:11px}.menu{display:none;border:1px solid var(--line);background:transparent;color:white;border-radius:9px;padding:7px 10px}.content{padding:42px 35px 80px;max-width:1500px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.badge{background:rgba(70,222,216,.1);color:var(--cyan);border:1px solid rgba(70,222,216,.2);border-radius:100px;padding:7px 12px;font-size:10px;font-weight:700;letter-spacing:.08em}.badge.pending{color:var(--gold);background:rgba(231,184,91,.1);border-color:rgba(231,184,91,.2)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:25px}.stat,.panel,.table-card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.015))}.stat{padding:23px}.stat span{color:var(--muted);font-size:11px}.stat strong{display:block;font:700 1.45rem 'Manrope';margin-top:8px}.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.panel{padding:26px}.panel.compact{margin-bottom:20px}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel-head h2{font:700 1rem 'Manrope'}.package-big{margin:35px 0 5px}.package-big strong{display:block;font:700 3rem 'Manrope';color:var(--gold)}.package-big span{color:var(--muted);font-size:12px}.details{display:grid;gap:3px;margin:25px 0}.details span{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:11px 0;color:var(--muted);font-size:12px}.details b{color:white;max-width:60%;overflow:hidden;text-overflow:ellipsis}.empty p,.notice{color:var(--muted)}.empty .btn{margin-top:12px}.packages{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.package{background:var(--panel);color:white;border:1px solid var(--line);border-radius:17px;padding:22px;text-align:left;cursor:pointer}.package:hover,.package.selected{border-color:var(--gold);background:rgba(231,184,91,.06)}.package span,.package small{display:block;color:var(--muted)}.package strong{font:700 1.7rem 'Manrope';display:block;margin:10px 0}.notice{padding:14px 18px;border:1px solid rgba(231,184,91,.2);background:rgba(231,184,91,.06);border-radius:12px;font-size:12px;margin-bottom:20px}.activation{text-align:center}.steps{display:flex;justify-content:center;gap:25px;margin-bottom:25px;color:var(--muted);font-size:11px}.steps .active{color:var(--cyan)}.activation .btn{margin:8px}.table-card{overflow:hidden}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}th{text-align:left;color:#78847e;font-size:10px;text-transform:uppercase;letter-spacing:.08em;background:#0b0f0d}td,th{padding:14px 16px;border-bottom:1px solid var(--line)}td{color:#c3ccc8}.empty-cell{text-align:center;padding:45px;color:var(--muted)}.section-title{margin:35px 0 12px}.alert{padding:14px 17px;border-radius:12px;margin-bottom:20px;font-size:13px}.alert.success{color:#8be4b6;background:rgba(73,211,139,.1);border:1px solid rgba(73,211,139,.2)}.alert.error{color:#ff959b;background:rgba(255,107,114,.1);border:1px solid rgba(255,107,114,.2)}.inline-form{grid-template-columns:1fr 2fr auto;align-items:end}.overlay{display:none}
.form textarea{display:block;width:100%;min-height:130px;resize:vertical;margin-top:7px;background:#080b0a;border:1px solid var(--line);border-radius:12px;color:white;padding:14px 15px;outline:none}.field-help{display:block;margin-top:6px;color:var(--muted);font-weight:400}.field-help a{color:var(--cyan)}input:disabled{opacity:.72;cursor:not-allowed}
.lookup-result{display:block;margin-top:6px;color:var(--muted);font-size:10px;font-weight:500;min-height:15px}.lookup-result.valid{color:#6edca2}.lookup-result.invalid{color:#ff8188}
.filter-bar{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto auto;gap:10px;align-items:end;border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:16px;margin-bottom:18px}.filter-bar label{font-size:11px;color:var(--muted)}.filter-bar input,.filter-bar select{width:100%;display:block;margin-top:5px;padding:11px 12px;border-radius:10px;border:1px solid var(--line);background:#080b0a;color:white}.user-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.user-admin-card{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:21px}.user-card-head{display:flex;justify-content:space-between}.user-card-head strong,.user-card-head span{display:block}.user-card-head>div>span{font-size:11px;color:var(--muted);margin-top:4px}.user-info{display:grid;gap:2px;margin:18px 0}.user-info span{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:7px 0;color:var(--muted);font-size:11px}.user-info b{color:#dce2df;max-width:68%;overflow:hidden;text-overflow:ellipsis}.control-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.control-list form{display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.025);border-radius:9px;padding:7px 9px;font-size:10px}.switch{border:0;border-radius:100px;padding:5px 9px;font-size:9px;font-weight:800;cursor:pointer}.switch.on,.global-state.on{background:rgba(70,222,216,.13);color:var(--cyan)}.switch.off,.global-state.off{background:rgba(255,107,114,.13);color:var(--danger)}.global-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px}.control-card{position:relative}.control-card h2{font:700 1.4rem 'Manrope';margin:10px 0}.global-state{position:absolute;right:20px;top:20px;border-radius:100px;padding:6px 9px;font-size:9px;font-weight:800}.danger-btn{background:rgba(255,107,114,.12);color:#ff8a90;border:1px solid rgba(255,107,114,.25)}.danger-notice{border-color:rgba(255,107,114,.22);background:rgba(255,107,114,.07)}
.team-total{text-align:right;border-left:1px solid var(--line);padding-left:25px}.team-total strong{display:block;font:700 2.1rem 'Manrope';color:var(--gold)}.team-total span{font-size:11px;color:var(--muted)}.team-table{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--panel)}.team-row{display:grid;grid-template-columns:1.5fr 1fr .7fr 1fr 1fr;gap:15px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line);font-size:12px}.team-row:last-child{border:0}.team-row:hover:not(.team-heading){background:rgba(255,255,255,.025)}.team-heading{background:#0a0e0c;color:#78857f;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.member-cell{display:flex;align-items:center;gap:11px}.member-cell strong,.member-cell small,.team-row>div>strong,.team-row>div>small{display:block}.member-cell small,.team-row>div>small{color:var(--muted);font-size:10px;margin-top:2px}.mini-avatar{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,rgba(70,222,216,.15),rgba(231,184,91,.12));color:var(--cyan);font:700 14px 'Manrope';border:1px solid rgba(70,222,216,.13)}.pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:22px}.pagination>span{color:var(--muted);font-size:10px;margin-left:8px}.page-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);display:grid;place-items:center;font-size:11px}.page-btn.active{background:var(--gold);color:#171108;border-color:var(--gold)}.page-btn.disabled{opacity:.35;pointer-events:none}
.tree-search{display:flex;gap:10px;align-items:end;max-width:760px;margin-bottom:18px}.tree-search label{flex:1;color:var(--muted);font-size:11px}.tree-search input{display:block;width:100%;margin-top:5px;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:white}.tree-stage{border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at 50% 30%,rgba(70,222,216,.07),transparent 36%),linear-gradient(145deg,#0d1210,#080b0a);overflow:auto;padding:38px 25px 20px}.tree-canvas{min-width:820px;position:relative;padding:0 30px}.tree-level{display:grid;position:relative}.root-level{grid-template-columns:180px;justify-content:center;margin-bottom:63px}.level-two{grid-template-columns:repeat(2,180px);justify-content:space-around;margin-bottom:63px}.level-three{grid-template-columns:repeat(4,180px);justify-content:space-between}.tree-node{width:180px;min-height:146px;position:relative;text-align:center;border:1px solid var(--line);background:rgba(13,18,16,.95);border-radius:18px;padding:52px 13px 14px;box-shadow:0 18px 40px rgba(0,0,0,.25)}.tree-node:after{content:"";position:absolute;left:50%;bottom:-64px;width:1px;height:63px;background:linear-gradient(var(--cyan),rgba(70,222,216,.1))}.level-three .tree-node:after{display:none}.level-two:before,.level-three:before{content:"";position:absolute;height:1px;top:-32px;background:rgba(70,222,216,.27)}.level-two:before{left:25%;right:25%}.level-three:before{left:12.5%;right:12.5%}.tree-node:before{content:"";position:absolute;left:50%;top:-32px;width:1px;height:31px;background:rgba(70,222,216,.27)}.root-level .tree-node:before{display:none}.node-avatar{position:absolute;left:50%;top:-34px;transform:translateX(-50%);width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#17211d,#0b0f0d);border:2px solid var(--cyan);box-shadow:0 0 0 6px #0b100e,0 0 25px rgba(70,222,216,.16);color:var(--cyan);font:700 20px 'Manrope'}.node-avatar span{position:absolute;width:9px;height:9px;border-radius:50%;background:#5fe098;border:2px solid #0d1210;right:2px;bottom:4px}.tree-node>strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.node-id{border:0;background:transparent;color:var(--gold);font:600 10px 'DM Sans';margin:6px 0;cursor:pointer}.tree-node>small{display:block;color:var(--muted);font-size:9px}.empty-node{opacity:.55;border-style:dashed}.empty-node .node-avatar{border-color:#5c6762;color:#7b8781}.tree-legend{display:flex;justify-content:center;gap:22px;color:var(--muted);font-size:9px;margin-top:30px;min-width:760px}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.legend-dot.active{background:#5fe098}.legend-dot.pending{background:#66726c}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.76);backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px;z-index:100;opacity:0;visibility:hidden;transition:.25s}.modal-backdrop.show{opacity:1;visibility:visible}.member-modal{width:min(100%,500px);border:1px solid var(--line);border-radius:24px;background:#0d1210;padding:28px;position:relative;transform:translateY(15px);transition:.25s}.modal-backdrop.show .member-modal{transform:none}.modal-close{position:absolute;right:17px;top:17px;width:35px;height:35px;border-radius:50%;border:1px solid var(--line);background:transparent;color:white;font-size:20px}.modal-profile{display:flex;align-items:center;gap:17px;padding-bottom:22px;border-bottom:1px solid var(--line)}.modal-profile h2{font:700 1.4rem 'Manrope';margin:5px 0}.modal-avatar{width:65px;height:65px;border-radius:18px;display:grid;place-items:center;background:var(--cyan);color:#07100e;font:800 22px 'Manrope'}.copy-id{border:0;background:transparent;color:var(--gold);padding:0;font-size:10px;cursor:pointer}.modal-details{display:grid;grid-template-columns:1fr 1fr;gap:2px 18px;margin-top:18px}.modal-details span{color:var(--muted);font-size:10px;padding:10px 0;border-bottom:1px solid var(--line)}.modal-details b{display:block;color:white;font-size:12px;margin-top:4px}
.clickable-empty{display:block;color:inherit;transition:.25s;opacity:.8}.clickable-empty:hover{opacity:1;border-color:rgba(70,222,216,.5);background:rgba(70,222,216,.055);transform:translateY(-3px)}.clickable-empty:hover .node-avatar{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 0 6px #0b100e,0 0 28px rgba(70,222,216,.2)}.disabled-empty{opacity:.25;cursor:not-allowed;pointer-events:none}.placement-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.placement-summary>div{padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.placement-summary span,.placement-summary small{display:block;color:var(--muted);font-size:10px}.placement-summary strong{display:block;font:700 1.15rem 'Manrope';color:var(--gold);margin:6px 0}.form input[readonly]{color:var(--gold);background:rgba(231,184,91,.04);cursor:not-allowed}
@media(max-width:1000px){.stats{grid-template-columns:1fr 1fr}.packages{grid-template-columns:1fr 1fr}.sidebar{transform:translateX(-105%);transition:.3s}.sidebar.open{transform:none}.main{margin-left:0}.menu{display:block}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:15}.overlay.show{display:block}}
@media(max-width:800px){.filter-bar{grid-template-columns:1fr 1fr}.user-admin-grid,.global-controls{grid-template-columns:1fr}.team-heading{display:none}.team-row{grid-template-columns:1fr 1fr;padding:17px}.team-row .member-cell{grid-column:1/-1;padding-bottom:10px;border-bottom:1px solid var(--line)}.team-row>div:not(.member-cell):before{content:attr(data-label);display:block;color:var(--muted);font-size:8px;text-transform:uppercase;margin-bottom:4px}.tree-stage{padding-left:12px;padding-right:12px}}@media(max-width:650px){.auth-card{padding:26px 20px}.grid-form,.panel-grid,.stats,.packages,.inline-form,.filter-bar{grid-template-columns:1fr}.content{padding:30px 15px 60px}.topbar{padding:0 15px}.page-head{display:block}.page-head h1{font-size:2.3rem}.status-dot{display:none!important}.steps{gap:10px;flex-wrap:wrap}.full{grid-column:auto}.control-list{grid-template-columns:1fr}.team-total{text-align:left;border-left:0;padding:14px 0 0}.team-row{grid-template-columns:1fr}.team-row .member-cell{grid-column:auto}.team-filters{grid-template-columns:1fr}.tree-search{display:grid;grid-template-columns:1fr 1fr}.tree-search label{grid-column:1/-1}.modal-details{grid-template-columns:1fr}.tree-legend{justify-content:flex-start}}
.header-identity{min-width:0;flex:1}.header-identity strong,.header-identity small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex:0 0 auto}.notification-menu{position:relative;display:block}.notification-menu>summary{list-style:none;position:relative;width:42px;height:42px;border:1px solid var(--line);border-radius:13px;display:flex;align-items:center;justify-content:center;background:#0d1210;cursor:pointer;user-select:none}.notification-menu>summary::marker{content:""}.notification-menu>summary::-webkit-details-marker{display:none}.notification-menu[open]>summary{border-color:rgba(70,222,216,.42);background:rgba(70,222,216,.07)}.bell-icon{display:block!important;width:21px;height:21px;fill:none;stroke:#dce5e1;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.notification-menu>summary>b{position:absolute;right:-5px;top:-6px;min-width:20px;height:20px;padding:0 5px;border:2px solid #080c0a;border-radius:11px;display:grid;place-items:center;background:var(--danger);color:white;font-size:9px;line-height:1}.notification-popover{position:absolute;right:0;top:52px;width:min(340px,calc(100vw - 24px));border:1px solid var(--line);border-radius:17px;background:#0b100e;box-shadow:0 24px 70px rgba(0,0,0,.55);overflow:hidden;z-index:80}.notification-head,.notification-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 16px}.notification-head{border-bottom:1px solid var(--line)}.notification-head span{color:var(--muted);font-size:10px}.notification-items{max-height:310px;overflow:auto}.notification-items>p{padding:22px;text-align:center;color:var(--muted);font-size:11px}.notification-item{display:flex;gap:10px;padding:13px 16px;border-bottom:1px solid var(--line)}.notification-item:hover{background:rgba(255,255,255,.035)}.notification-item>i{width:7px;height:7px;flex:0 0 7px;margin-top:7px;border-radius:50%;background:#4d5953}.notification-item.unread>i{background:var(--cyan);box-shadow:0 0 12px rgba(70,222,216,.6)}.notification-item span,.notification-item strong,.notification-item small{display:block}.notification-item span{min-width:0}.notification-item strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:265px}.notification-item small{margin-top:3px;color:var(--muted);font-size:9px}.notification-footer{background:rgba(255,255,255,.02)}.notification-footer a,.notification-footer button{color:var(--cyan);font-size:10px}.notification-footer button{border:0;background:transparent;cursor:pointer;padding:0}@media(max-width:650px){.topbar{gap:10px}.topbar-actions{gap:5px}.notification-popover{position:fixed;left:12px;right:12px;top:68px;width:auto;max-height:calc(100vh - 82px)}.notification-items{max-height:calc(100vh - 190px)}.notification-menu>summary{width:39px;height:39px}.header-identity .muted{display:none}.header-identity strong{font-size:12px}.header-identity small{font-size:9px}.bell-icon{width:20px;height:20px}}@media(max-width:390px){.topbar{padding:0 10px;gap:7px}.menu{padding:6px 9px}.header-identity{max-width:150px}.notification-footer{padding:13px}}