:root{--bg:#fff;--paper:#fbf7f4;--panel:#fff;--line:#e4ded8;--text:#2d2a26;--muted:#7d746b;--soft:#f3eee9;--soft-2:#efebe5;--green:#31451f;--green-2:#415b27;--green-3:#9bb34c;--olive:#a8bc5b;--amber:#f0dfba;--amber-2:#d39c35;--red:#d98f8f;--blue:#d9e7f7;--transition:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0;font-family:Google Sans,sans-serif}html{-webkit-text-size-adjust:100%;font-size:16px}body{background:var(--paper);color:var(--text);line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:inherit}img{max-width:100%;display:block}.flex{display:flex}.jc_spaceb{justify-content:space-between}.aitem_c{align-items:center}.gap10{gap:10px}.gap15{gap:15px}.full{width:100%}.muted{color:var(--muted);font-size:12px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--soft)}::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.wrapper{min-height:100vh;display:flex}.sidebar{background:var(--green);z-index:100;width:260px;height:100vh;transition:left var(--transition);flex-direction:column;flex-shrink:0;padding:20px;display:flex;position:fixed;top:0;left:0}.logo{color:var(--green);margin-bottom:30px;font-weight:600}.logo img{max-width:100%}.menu,.menu li{list-style:none}.menu a{cursor:pointer;color:var(--soft);transition:background var(--transition);border-radius:10px;align-items:center;margin-bottom:8px;padding:12px 14px;text-decoration:none;list-style:none;display:flex}.menu a svg{fill:#fff;flex-shrink:0;width:20px;margin-right:10px}.menu a.active{background:var(--green-2);color:var(--paper)}.menu a:hover{background:var(--green-2)}main{scrollbar-width:none;flex:1;min-height:100vh;max-height:100vh;margin-left:260px;position:relative;overflow-y:scroll}main::-webkit-scrollbar{display:none}.main{flex:1;margin-top:90px;margin-bottom:65px;padding:25px}header{background:var(--paper);z-index:20;border-bottom:1px solid #ccc;padding:25px;position:fixed;top:0;left:260px;right:0}.code_badge{background:var(--soft);border:1px dashed var(--text);border-radius:20px;padding:6px 12px;font-size:12px}.avatar{background:var(--green-3);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:600;display:flex}.cards{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px}.card small{color:var(--muted)}.card h2{margin-top:5px}.grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.gcsp2{grid-column:span 2}.box{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px}#refList{white-space:nowrap;scroll-behavior:smooth;max-width:100%;position:relative;overflow:auto}.ref_header,.ref_item{white-space:nowrap;grid-template-columns:220px 280px 180px 140px 150px 150px 350px 150px 140px;align-items:center;gap:20px;min-width:1600px;display:grid}.ref_item,.ref_header{grid-template-columns:1.4fr 1.8fr 1.2fr .9fr 1fr 1fr 2fr 1fr 1fr;align-items:center;gap:15px;display:grid}.ref_item{border-bottom:1px solid var(--line);padding:14px 0}.ref_header{text-transform:uppercase;color:#2d2a26;background:#fff;border-bottom:2px solid #e5e7eb;padding:16px 0;font-size:13px;font-weight:700;position:sticky;top:0}.notes-text{white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;cursor:pointer;max-width:200px;transition:all .2s;display:inline-block;overflow:hidden}.notes-text.expanded{white-space:normal;text-overflow:unset;max-width:100%;overflow:visible}.status{border:1px dashed;border-radius:20px;height:fit-content;padding:4px 10px;font-size:12px;display:inline-block}.approved{background:var(--soft);color:var(--green);border-color:var(--green-3)}.pending{background:var(--amber);color:var(--amber-2);border-color:var(--amber-2)}.rejected{background:var(--red);color:#5a1f1f;border-color:#c06060}.btn{background:var(--green);color:#fff;cursor:pointer;transition:background var(--transition);border:none;border-radius:20px;padding:8px 16px;font-size:14px}.btn:hover{background:var(--green-2)}.btn_light{background:var(--panel);border:1px solid var(--line);cursor:pointer;transition:background var(--transition);border-radius:12px;padding:8px 14px;font-size:14px}.btn_light:hover{background:var(--soft)}.btn_dark{color:#fff;cursor:pointer;transition:background var(--transition);background:#243a14;border:none;border-radius:10px;margin-top:15px;padding:10px;font-size:14px}.btn_dark:hover{background:#1b2c0f}.advisor_card{background:var(--soft-2);border-radius:12px;padding:15px}.advisor_card figure{max-width:30%;margin-left:10px}.advisor_card img{max-width:100%}figcaption{text-align:center;font-size:8px}.notify li{border-bottom:1px solid var(--line);padding:10px 0;font-size:14px;list-style:none}.dot{background:var(--green);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}footer{background:var(--paper);z-index:20;border-top:1px solid #ccc;padding:25px;position:fixed;bottom:0;left:260px;right:0}.footer{color:var(--muted);font-size:13px;font-weight:600}.footer a{color:var(--muted);text-decoration:none;transition:all .3s}.footer a:hover{color:var(--green);text-decoration:underline}.menu_toggle{cursor:pointer;background:0 0;border:none;font-size:20px;line-height:1;display:none}.pagination{justify-content:center;align-items:center;gap:8px;margin-top:15px;display:flex}.page-btn{border:1px solid var(--line);background:var(--panel);cursor:pointer;color:var(--text);transition:all var(--transition);border-radius:8px;padding:6px 12px;font-size:13px}.page-btn:hover{background:var(--soft)}.page-btn.active{background:var(--green);color:#fff;border-color:var(--green)}.page-btn.disabled{opacity:.5;pointer-events:none}.form_container{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:30px}.subtext{color:var(--muted);margin-top:5px;margin-bottom:25px}.form_section{border-top:1px solid var(--line);margin-bottom:25px;padding-top:10px}.form_section.adgp .form_group,.form_section.adgp .form_grid{margin-bottom:15px}.form_section h4{letter-spacing:1px;color:var(--muted);text-transform:uppercase;margin-bottom:15px;font-size:12px}.form_grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.form_group{flex-direction:column;gap:6px;display:flex}.form_group label{color:var(--text);font-size:13px}.form_group input,.form_group select,.form_group textarea{border:1px solid var(--line);background:var(--soft);transition:border-color var(--transition);border-radius:10px;outline:none;padding:12px;font-family:inherit;font-size:14px}.form_group input:focus,.form_group select:focus,.form_group textarea:focus{border-color:var(--green-3)}.form_group input.error,.form_group select.error,.form_group textarea.error{border-color:#d98f8f}.form_error{color:#a83232;margin-top:2px;font-size:12px}.form_group textarea{resize:none;min-height:100px}.chip_group{flex-wrap:wrap;gap:10px;display:flex}.chip{border:1px solid var(--line);background:var(--panel);cursor:pointer;transition:all var(--transition);border-radius:20px;padding:8px 16px;font-family:inherit;font-size:14px}.chip.active{background:var(--green);color:#fff;border-color:var(--green)}.chip_group.small .chip{padding:6px 12px;font-size:12px}.form_footer{margin-top:20px}.code_display{color:var(--muted);font-size:13px}.code_display span{background:var(--soft);border-radius:6px;margin-left:5px;padding:4px 10px}.submit_btn{background:var(--panel);border:1px solid var(--line);cursor:pointer;transition:background var(--transition);border-radius:12px;padding:10px 18px;font-family:inherit;font-size:14px}.submit_btn:hover{background:var(--soft)}.payments_cards .card{position:relative}.progress{background:var(--line);border-radius:10px;height:4px;margin-top:10px}.progress.green{background:var(--green-3)}.progress.amber{background:var(--amber-2)}.progress.gray{background:#bbb}.payments_grid{grid-template-columns:2fr 1fr}.table_head,.ref_row{border-bottom:1px solid var(--line);grid-template-columns:2fr 1fr 1fr 1fr 1fr;padding:10px 0;font-size:14px;display:grid}.table_head{color:var(--muted);font-weight:600}.ref_row small{color:var(--muted);font-size:12px}.badge_status{border-radius:20px;height:fit-content;margin:auto;padding:4px 10px;font-size:12px;display:inline-block}.badge_paid{color:#2e7d32;background:#e7f3e7}.badge_pending{background:var(--amber);color:var(--amber-2)}.badge_processing{background:var(--blue);color:#1565c0}.withdraw_card{color:#fff;background:linear-gradient(135deg,#1f3312,#31451f);border-radius:16px;padding:20px}.withdraw_card p{opacity:.8;margin:5px 0 10px;font-size:13px}.withdraw_card hr{border:none;border-top:1px solid #fff3;margin:15px 0}.wc_row{justify-content:space-between;margin-bottom:6px;font-size:13px;display:flex}.pm_card{background:var(--soft-2);border-radius:12px;align-items:center;gap:10px;margin-top:10px;padding:12px;display:flex}.pm_icon{background:var(--green);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.badge{color:#2e7d32;background:#dff0d8;border-radius:10px;margin-left:auto;padding:4px 8px;font-size:11px}.badge.green{color:#2e7d32;background:#dff0d8}.pm_add{border:1px dashed var(--line);text-align:center;cursor:pointer;transition:background var(--transition);border-radius:10px;margin-top:10px;padding:12px;font-size:13px}.pm_add:hover{background:var(--soft)}.profile_card{color:#fff;background:linear-gradient(135deg,#1f3312,#31451f);border-radius:16px;flex-wrap:wrap;justify-content:space-between;gap:20px;margin-bottom:20px;padding:20px;display:flex}.avatar_big{background:var(--green-3);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:18px;font-weight:700;display:flex}.tag{background:#ffffff26;border-radius:10px;padding:6px 10px;font-size:12px}.profile_stats{align-items:center;gap:30px;display:flex}.profile_stats h3{margin-bottom:2px}.profile_grid{grid-template-columns:2fr 1fr}.sec_row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.muted_card{opacity:.7}.notify_row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.toggle{cursor:pointer;width:40px;height:22px;transition:background var(--transition);background:#ccc;border-radius:20px;flex-shrink:0;position:relative}.toggle:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:left .3s;position:absolute;top:2px;left:2px}.toggle.active{background:var(--green-3)}.toggle.active:after{left:20px}.sidebar_overlay{z-index:99;background:#0006;display:none;position:fixed;inset:0}.sidebar_overlay.visible{display:block}.page_loader{background:var(--paper);justify-content:center;align-items:center;height:100vh;display:flex}.spinner{border:3px solid var(--line);border-top-color:var(--green);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty_state{text-align:center;color:var(--muted);padding:40px 20px}.empty_state svg{width:48px;height:48px;fill:var(--line);margin:0 auto 10px}@media (width<=1024px){.cards{grid-template-columns:repeat(2,1fr)}.profile_grid{grid-template-columns:1fr}}@media (width<=768px){.sidebar{left:-100%}.sidebar.active{left:0}main{margin-left:0}header,footer{left:0}.menu_toggle{display:block}.grid{grid-template-columns:1fr}.gcsp2{grid-column:span 1}.form_grid{grid-template-columns:1fr}.form_container{padding:20px}.form_footer{flex-direction:column;align-items:flex-start;gap:15px}.payments_grid{grid-template-columns:1fr}.table_head,.ref_row{grid-template-columns:1fr 1fr;gap:5px}.profile_stats{justify-content:space-between;width:100%}}.login_wrapper{background:var(--paper);justify-content:center;align-items:center;min-height:100vh;display:flex}.login_card{background:var(--panel);border:1px solid var(--line);border-radius:16px;width:100%;max-width:440px;padding:40px;box-shadow:0 4px 20px #00000008}.login_header{text-align:center;margin-bottom:30px}.login_logo{height:40px;margin:0 auto 20px}.login_header h2{color:var(--green);margin-bottom:5px;font-size:24px}.form_error_banner{color:#b91c1c;text-align:center;background:#fef2f2;border:1px solid #f87171;border-radius:8px;margin-bottom:20px;padding:12px;font-size:14px}.full_width{width:100%}.hidden{display:none}
