.landing{min-height:100vh;display:flex;background:var(--bg)}.landing.web{flex-direction:row;align-items:flex-start}.landing-hero{flex:1.3;background:linear-gradient(160deg,#0b0b0f,#0f1a12);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:60px;position:relative}.landing-hero:after{content:"";position:fixed;bottom:-60px;left:calc(1.3 / 2.3 * 100% - 260px);width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(57,255,136,.18),transparent 70%);pointer-events:none;z-index:-1}.landing-headline{font-size:36px;font-weight:900;text-transform:uppercase;line-height:1.15;margin:0 0 16px}.landing-headline span{color:var(--green)}.landing-sub{color:var(--muted);font-size:15px;max-width:420px;line-height:1.6;margin:0}.landing-signin-side{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg2);padding:40px;position:sticky;top:0;height:100vh}.landing-signin-card{width:360px;max-width:100%}.landing-signin-card h2{font-size:18px;margin:0 0 8px}.landing-signin-card p{color:var(--muted);font-size:13px;margin:0 0 22px}.landing-footer-links{display:flex;gap:18px;margin-top:28px;font-size:11.5px}.landing-footer-links a{color:var(--muted);text-decoration:underline}.landing-footer-links a:hover{color:var(--text)}.landing-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:480px;margin:28px auto 36px}.landing-step{text-align:center}.landing-step-num{width:32px;height:32px;border-radius:50%;background:#39ff881f;color:var(--green);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;margin:0 auto 8px}.landing-step h3{font-size:11.5px;margin:0 0 5px;text-transform:uppercase;letter-spacing:.2px}.landing-step p{color:var(--muted);font-size:11px;line-height:1.4;margin:0}.landing-feature{display:flex;gap:14px;margin-bottom:22px;max-width:460px}.landing-feature .ico{font-size:20px;flex-shrink:0;width:26px;text-align:center;line-height:1}.landing-feature h3{font-size:13px;margin:0 0 4px;text-transform:uppercase}.landing-feature p{color:var(--muted);font-size:12.5px;margin:0;line-height:1.5}.landing-tour-wrap{margin-top:30px;max-width:460px}.tour-tabs{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.tour-tab{padding:8px 14px;border-radius:20px;border:1px solid var(--line);background:transparent;color:var(--muted);font-weight:800;font-size:11px;text-transform:uppercase;cursor:pointer}.tour-tab:hover{color:var(--text)}.tour-tab.active{background:#39ff881f;border-color:var(--green);color:var(--green)}.tour-frame{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--card)}.tour-frame-bar{height:30px;background:var(--bg2);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px;padding:0 12px}.tour-dot{width:8px;height:8px;border-radius:50%;background:var(--line)}.tour-frame-body{padding:16px;min-height:200px}.landing.mobile{flex-direction:column;overflow-y:auto}.landing.mobile .landing-hero{border-right:none;padding:48px 20px 24px}.landing.mobile .landing-hero:after{display:none}.landing.mobile .landing-headline{font-size:26px}.landing.mobile .landing-steps,.landing.mobile .landing-feature,.landing.mobile .landing-tour-wrap{max-width:none}.landing.mobile .landing-signin-side{position:static;height:auto;background:var(--bg2);padding:24px 20px 40px;justify-content:flex-start}.landing.mobile .landing-signin-card{width:100%}.landing.mobile .landing-footer-links{justify-content:flex-start}.landing-signin-btn{width:100%;padding:15px;border-radius:8px;border:none;background:var(--green);color:#08110a;font-weight:800;font-size:15px;letter-spacing:.3px;text-transform:uppercase;cursor:pointer;min-height:48px}.landing-signin-btn:hover{background:#5cffa0}.landing-signin-btn:disabled{opacity:.5;cursor:not-allowed}.landing-error{color:var(--pink);font-size:13px;margin-top:14px}.hoodrats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.hoodrats-card{padding:14px}.hoodrats-card .agent-card-name{font-size:13px}.hoodrats-card .agent-card-blurb{margin:6px 0;font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hoodrats-card .agent-card-meta{margin:6px 0}.hoodrats-card.expanded{grid-column:1 / -1;grid-row:span 2}.hoodrats-card.expanded .agent-card-blurb{-webkit-line-clamp:unset}.inner-tabbar{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--line);margin-bottom:22px}.inner-tab{background:none;border:none;color:var(--muted);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.3px;padding:12px 16px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.inner-tab:hover{color:var(--text)}.inner-tab.active{color:var(--green);border-bottom-color:var(--green)}.alias-link{background:none;border:none;padding:0;font:inherit;color:var(--green);font-weight:800;font-size:15px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.alias-link:hover{color:#5cffa0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal-card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:22px;width:100%;max-width:420px;position:relative;max-height:85vh;overflow-y:auto}.modal-card h3{margin:0 0 10px;font-size:14px;text-transform:uppercase;letter-spacing:.4px}.modal-close{position:absolute;top:14px;right:16px;background:none;border:none;color:var(--muted);font-size:18px;cursor:pointer;line-height:1}.modal-close:hover{color:var(--text)}.tier-hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.tier-hero .name{font-size:17px;font-weight:900;text-transform:uppercase}.tier-hero .name span{color:var(--green)}.usage-bar-wrap{margin-bottom:16px}.usage-bar-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px}.usage-bar-label b{font-weight:800}.usage-bar-track{height:8px;border-radius:4px;background:var(--bg2);border:1px solid var(--line);overflow:hidden}.usage-bar-fill{height:100%;background:var(--green);border-radius:4px}.usage-bar-fill.warn{background:var(--amber)}.usage-bar-fill.full{background:var(--pink)}.tier-compare{width:100%;border-collapse:collapse;margin-top:6px;font-size:12.5px}.tier-compare th,.tier-compare td{padding:10px 8px;text-align:center;border-bottom:1px solid var(--line)}.tier-compare th{color:var(--muted);font-weight:700;text-transform:uppercase;font-size:10.5px}.tier-compare td:first-child,.tier-compare th:first-child{text-align:left;color:var(--muted)}.tier-compare .curcol{background:#39ff880f}.tier-compare th.curcol{color:var(--green)}.diag-status-banner{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:8px;margin-bottom:18px}.diag-status-banner.ok{background:#39ff8814;border:1px solid rgba(57,255,136,.3)}.diag-status-banner.warn{background:#ffcc3314;border:1px solid rgba(255,204,51,.3)}.diag-status-banner .dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.diag-status-banner.ok .dot{background:var(--green);box-shadow:0 0 8px var(--green)}.diag-status-banner.warn .dot{background:var(--amber);box-shadow:0 0 8px var(--amber)}.diag-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0 0}.diag-cell{background:var(--bg2);border:1px solid var(--line);border-radius:6px;padding:12px 14px}.diag-cell .k{font-size:10.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);margin-bottom:6px;font-weight:700}.diag-cell .v{font-size:14px;font-weight:700}.notif-row{display:flex;justify-content:space-between;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line);gap:16px}.notif-row:last-child{border-bottom:none}.notif-row .info b{font-size:13.5px;display:block;margin-bottom:3px}.notif-row .info span{font-size:12px;color:var(--muted);line-height:1.4;display:block}.notif-channels{display:flex;gap:6px;flex-shrink:0;align-items:center}.notif-chan{font-size:10.5px;padding:4px 9px;border-radius:12px;border:1px solid var(--line);color:var(--muted);font-weight:700;cursor:pointer;background:none}.notif-chan.on{background:#39ff881f;border-color:var(--green);color:var(--green)}.notif-chan:disabled{cursor:default;opacity:.6}.danger-zone{border:1px solid rgba(255,61,170,.35);background:#ff3daa0d;border-radius:8px;padding:16px 18px;margin-top:20px}.danger-zone h3{color:var(--pink);margin:0 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.btn-danger{background:transparent;border:1px solid var(--pink);color:var(--pink)}.btn-danger:hover{background:#ff3daa1a}.btn-danger:disabled{opacity:.4;cursor:default}.hr-topbar{position:fixed;top:0;left:0;right:0;height:56px;background:var(--bg2);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:10}.hr-logo{font-weight:900;font-size:18px;letter-spacing:.5px;text-transform:uppercase}.hr-logo span{color:var(--green)}.hr-topbar-right{display:flex;align-items:center;gap:12px}.hr-tier-badge{background:var(--pink);color:#1a0410;font-weight:800;font-size:10.5px;padding:4px 9px;border-radius:2px;text-transform:uppercase;letter-spacing:.5px}.hr-bell-btn{position:relative;width:28px;height:28px;border-radius:50%;background:none;border:none;color:var(--muted);font-size:15px;display:flex;align-items:center;justify-content:center;cursor:pointer}.hr-bell-badge{position:absolute;top:-3px;right:-5px;background:var(--pink);color:#1a0410;font-size:9px;font-weight:800;min-width:15px;height:15px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1}.hr-notif-menu{min-width:280px;max-width:320px;max-height:380px;overflow-y:auto;padding:0}.hr-notif-menu-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;color:var(--muted)}.hr-notif-mark-all{background:none;border:none;color:var(--green);font-size:11px;font-weight:700;text-transform:none;letter-spacing:0;cursor:pointer;padding:0}.hr-notif-empty{padding:18px 14px;color:var(--muted);font-size:12.5px;text-align:center}.hr-notif-item{display:block;width:100%;text-align:left;padding:10px 14px;border:none;border-bottom:1px solid var(--line);background:none;cursor:pointer}.hr-notif-item:last-child{border-bottom:none}.hr-notif-item:hover{background:#ffffff0a}.hr-notif-item.unread{background:#39ff880d}.hr-notif-item-title{font-size:12.5px;font-weight:800;color:var(--text)}.hr-notif-item.unread .hr-notif-item-title:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:6px}.hr-notif-item-message{font-size:12px;color:var(--muted);margin-top:3px;line-height:1.4}.hr-notif-item-time{font-size:10.5px;color:var(--muted);margin-top:5px;opacity:.8}.hr-profile-wrap{position:relative}.hr-profile-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--card);border:1px solid var(--line);border-radius:8px;min-width:140px;padding:6px;z-index:30}.hr-profile-menu-item{display:block;width:100%;text-align:left;padding:9px 12px;border-radius:6px;border:none;background:none;color:var(--text);font-size:13px;font-weight:700;cursor:pointer}.hr-profile-menu-item:hover{background:#ffffff0f}.hr-user-menu{width:28px;height:28px;border-radius:50%;background:var(--green);color:#08110a;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;cursor:pointer;border:none}.web-shell .hr-nav{position:fixed;top:56px;bottom:0;left:0;width:220px;background:var(--bg2);border-right:1px solid var(--line);padding:18px 10px}.web-shell .hr-navitem{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:6px;color:var(--muted);font-weight:700;text-transform:uppercase;font-size:13px;letter-spacing:.3px;cursor:pointer;margin-bottom:4px;border:none;background:none;width:100%;text-align:left}.web-shell .hr-navitem:hover{background:#ffffff0d;color:var(--text)}.web-shell .hr-navitem.active{background:#39ff881f;color:var(--green);border-left:3px solid var(--green)}.web-shell .hr-main{margin-left:220px;margin-top:56px;padding:28px}.mobile-shell .hr-tabbar{position:fixed;left:0;right:0;bottom:0;height:calc(58px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--bg2);border-top:1px solid var(--line);display:flex;z-index:10}.mobile-shell .hr-navitem{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase;cursor:pointer;min-height:48px;border:none;background:none}.mobile-shell .hr-navitem.active{color:var(--green)}.mobile-shell .hr-tab-icon{font-size:18px;line-height:1}.mobile-shell .hr-main{margin-top:56px;padding:16px 14px calc(74px + env(safe-area-inset-bottom,0px))}.hr-panel-title{font-size:20px;text-transform:uppercase;letter-spacing:.3px;margin:0 0 18px}:root{--bg: #0b0b0f;--bg2: #131318;--card: #17171d;--line: #2a2a33;--green: #39ff88;--pink: #ff3daa;--amber: #ffcc33;--text: #f2f2f5;--muted: #8f8fa3}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Arial,Helvetica,sans-serif}button{font-family:inherit}.btn{border:none;border-radius:6px;padding:10px 16px;font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.3px;cursor:pointer;min-height:40px}.btn-primary{background:var(--green);color:#08110a}.btn-primary:hover{background:#5cffa0}.btn-outline{background:transparent;border:1px solid var(--line);color:var(--text)}.btn-block{width:100%}.card{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:18px}.card h3{margin:0 0 6px;font-size:12px;text-transform:uppercase;color:var(--muted);letter-spacing:.5px;font-weight:600}.up{color:var(--green)}.down{color:var(--pink)}.tag-admin{color:var(--pink);font-weight:800}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.locked{opacity:.4;position:relative;pointer-events:none}.locked:after{content:"Upgrade to unlock";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000008c;font-size:11px;font-weight:800;color:var(--pink);text-transform:uppercase;letter-spacing:.3px;border-radius:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.empty-state{color:var(--muted);font-size:13.5px;line-height:1.6;padding:24px;border:1px dashed var(--line);border-radius:8px;text-align:center}.chip-row{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;padding-bottom:4px}.chip{flex-shrink:0;padding:7px 14px;border-radius:20px;border:1px solid var(--line);font-size:12px;font-weight:700;cursor:pointer;color:var(--muted);background:none}.chip.active{background:var(--green);color:#08110a;border-color:var(--green)}.agent-card-name{font-weight:900;text-transform:uppercase;font-size:15px}.agent-card-tag{display:inline-block;background:#39ff881f;color:var(--green);font-size:10px;padding:2px 8px;border-radius:10px;margin-top:6px;text-transform:uppercase}.agent-card-blurb{color:var(--muted);font-size:12.5px;margin:8px 0;line-height:1.4}.agent-card-meta{font-size:11px;color:var(--muted);margin:10px 0}