:root{--bg:#f8fafc;--panel:#fff;--panel-soft:#f0fdf4;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--brand:#10b981;--brand-light:#34d399;--brand-dark:#047857;--accent:#f59e0b;--accent-light:#fbbf24;--danger:#ef4444;--warning:#f59e0b;--success:#10b981;--indigo:#6366f1;--shadow:0 4px 6px -1px #0f172a08, 0 10px 15px -3px #0f172a0d, 0 20px 25px -5px #0f172a03;--shadow-hover:0 10px 20px -3px #10b9810f, 0 20px 30px -10px #0f172a14;--shadow-inset:inset 0 2px 4px 0 #00000008}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,Microsoft YaHei,PingFang SC,sans-serif}a{color:inherit;text-decoration:none;transition:all .25s}button,input,select,textarea{font:inherit;outline:none}.app-shell-container{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid;position:relative}.mobile-header{color:#fff;z-index:50;background:#090f0d;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:14px 20px;display:none;position:sticky;top:0;box-shadow:0 4px 12px #0000001a}.brand-block-compact{flex-direction:column;display:flex}.brand-title-compact{background:linear-gradient(135deg,#fff,#34d399);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:16px;font-weight:800}.brand-subtitle-compact{color:#94a3b8;font-size:10px}.mobile-menu-toggle{color:#34d399;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex}.mobile-menu-toggle:hover{background:#ffffff14}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;background:#0f172a99;display:none;position:fixed;inset:0}
.sidebar-modern{color:#f1f5f9;z-index:45;scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;background:#090f0d;border-right:1px solid #10b98114;flex-direction:column;gap:24px;height:100vh;padding:28px 18px 24px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-modern::-webkit-scrollbar{width:4px}.sidebar-modern::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}.brand-block-modern{flex-direction:column;gap:4px;padding:0 10px;display:flex;position:relative}.brand-logo-glow{filter:blur(20px);background:#10b9811f;border-radius:50%;width:48px;height:48px;position:absolute;top:-10px;left:-10px}.brand-title-modern{letter-spacing:-.5px;background:linear-gradient(135deg,#fff 30%,#10b981 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;font-size:24px;font-weight:900;display:flex}.brand-subtitle-modern{color:#64748b;letter-spacing:.5px;font-size:12px;font-weight:500}.nav-group-modern{flex-direction:column;gap:12px;display:flex}.nav-section-modern{flex-direction:column;display:flex}.nav-section-header-modern{text-transform:uppercase;letter-spacing:1.5px;color:#475569;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;font-size:11px;font-weight:700;transition:all .25s;display:flex}.nav-section-header-modern:hover{color:#94a3b8;background:#ffffff08}.nav-section-header-modern.group-active{color:#34d399}.chevron-icon{color:#475569;align-items:center;display:flex}.nav-section-header-modern.group-active .chevron-icon{color:#34d399}.nav-section-content-modern{flex-direction:column;gap:4px;margin-top:4px;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .3s;display:flex;overflow:hidden}.nav-section-content-modern.expanded{opacity:1;max-height:500px}.nav-section-content-modern.collapsed{opacity:0;pointer-events:none;max-height:0}.nav-link-modern{color:#94a3b8;border-radius:8px;align-items:center;gap:12px;min-height:38px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nav-link-modern:hover{color:#fff;background:#ffffff0d}.nav-link-modern.active{color:#10b981;background:#10b98114;font-weight:600}.nav-link-icon{flex-shrink:0;transition:transform .2s}.nav-link-modern:hover .nav-link-icon{transform:scale(1.1)}.active-indicator{background:var(--brand);width:3px;height:50%;box-shadow:0 0 10px var(--brand);border-radius:0 4px 4px 0;position:absolute;top:25%;left:0}.sidebar-user-modern{border-top:1px solid #ffffff0f;flex-direction:column;gap:14px;margin-top:auto;padding-top:18px;display:flex}.sidebar-user-main-modern{align-items:center;gap:12px;padding:0 6px;display:flex}.avatar-placeholder{color:#fff;background:linear-gradient(135deg,#10b981,#047857);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:flex;box-shadow:0 4px 8px #10b98133}.user-info-modern{flex-direction:column;min-width:0;display:flex}.sidebar-user-name-modern{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.sidebar-user-role-modern{color:#475569;letter-spacing:.5px;font-size:11px;font-weight:600}.sidebar-logout-modern{color:#f87171;cursor:pointer;background:#ef44440a;border:1px solid #ef444433;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:36px;font-size:12px;font-weight:600;transition:all .25s;display:inline-flex}.sidebar-logout-modern:hover{color:#fff;background:#ef4444;border-color:#ef4444;box-shadow:0 4px 12px #ef444440}.main-modern{background:var(--bg);min-width:0;padding:36px 40px;overflow-y:auto}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{display:none!important}.main{min-width:0;padding:36px 40px}.topbar{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.page-title{letter-spacing:-.75px;color:#0f172a;margin:0;font-size:32px;font-weight:900}.page-kicker{color:var(--brand);text-transform:uppercase;letter-spacing:2px;margin:0 0 6px;font-size:12px;font-weight:800}.page-subtitle{color:var(--muted);max-width:820px;margin:8px 0 0;font-size:14px;line-height:1.6}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}
.modern-tabs-nav{box-shadow:var(--shadow-inset);scrollbar-width:none;background:#e2e8f0;border-radius:12px;gap:4px;max-width:100%;margin-bottom:24px;padding:4px;display:inline-flex;overflow-x:auto}.modern-tabs-nav::-webkit-scrollbar{display:none}.modern-tab-btn{color:#475569;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:9px;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.modern-tab-btn:hover{color:#0f172a;background:#fff6}.modern-tab-btn.active{color:var(--brand-dark);background:#fff;box-shadow:0 4px 10px #0f172a0f}.tab-badge-dot{background:#ef4444;border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px;box-shadow:0 0 6px #ef4444}.modern-tab-panel{opacity:0;transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1);display:none;transform:translateY(12px)}.modern-tab-panel.active{opacity:1;display:block;transform:translateY(0)}.partner-tabs-nav{scrollbar-width:none;border-bottom:2px solid #e2e8f0;gap:28px;margin-bottom:28px;display:flex;overflow-x:auto}.partner-tabs-nav::-webkit-scrollbar{display:none}.partner-tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:8px;padding:12px 4px 16px;font-size:15px;font-weight:700;transition:all .25s;display:flex;position:relative}.partner-tab-btn:hover{color:var(--brand-dark)}.partner-tab-btn.active{color:var(--brand)}.partner-tab-btn.active:after{content:"";background:var(--brand);border-radius:99px;width:100%;height:3px;position:absolute;bottom:-2px;left:0;box-shadow:0 2px 8px #10b98166}.tab-badge-count{color:#fff;background:#ef4444;border-radius:99px;padding:1px 6px;font-size:10px;font-weight:800;box-shadow:0 2px 4px #ef44444d}.metric-card,.content-card,.table-card{background:var(--panel);box-shadow:var(--shadow);border:1px solid #e2e8f0cc;border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.metric-card:hover,.content-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.metric-card{flex-direction:column;justify-content:space-between;min-height:140px;display:flex;position:relative}.metric-label{color:var(--muted);letter-spacing:.25px;align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex}.metric-value{letter-spacing:-1px;color:#0f172a;margin:12px 0 6px;font-size:34px;font-weight:900;line-height:1}.metric-note{color:var(--muted);font-size:12px;font-weight:500;line-height:1.4}.metric-emerald{background:linear-gradient(135deg,#fff 75%,#10b9810a 100%)}.metric-emerald .metric-label,.metric-emerald .metric-value{color:var(--brand-dark)}.metric-blue{background:linear-gradient(135deg,#fff 75%,#3b82f60a 100%)}.metric-blue .metric-label,.metric-blue .metric-value{color:#1d4ed8}.metric-violet{background:linear-gradient(135deg,#fff 75%,#8b5cf60a 100%)}.metric-violet .metric-label,.metric-violet .metric-value{color:#6d28d9}.metric-amber{background:linear-gradient(135deg,#fff 75%,#f59e0b0a 100%)}.metric-amber .metric-label,.metric-amber .metric-value{color:#b45309}.metric-rose{background:linear-gradient(135deg,#fff 75%,#f43f5e0a 100%)}.metric-rose .metric-label,.metric-rose .metric-value{color:#be123c}.growth-hero{box-shadow:var(--shadow);background:linear-gradient(135deg,#10b9810f,#f59e0b0d),#fff;border:1px solid #10b98126;border-radius:20px;grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr);gap:24px;margin-bottom:24px;padding:32px;display:grid;position:relative;overflow:hidden}.growth-hero:before{content:"";z-index:0;background:radial-gradient(circle,#10b98114 0%,#0000 70%);width:400px;height:400px;position:absolute;top:-150px;right:-150px}.growth-hero-copy{z-index:1;flex-direction:column;justify-content:center;gap:16px;display:flex;position:relative}.growth-hero-copy h2{color:#0f172a;letter-spacing:-.5px;margin:0;font-size:28px;font-weight:900;line-height:1.25}.growth-hero-copy p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.growth-proof-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:8px;display:grid}.growth-proof-grid div{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid #10b9811f;border-radius:12px;flex-direction:column;gap:4px;padding:16px;display:flex;box-shadow:0 4px 10px #00000005}.growth-proof-grid strong{color:var(--brand-dark);font-size:20px;font-weight:900}.growth-proof-grid span{color:var(--muted);font-size:12px;font-weight:600}.growth-hero-panel{color:#fff;z-index:1;background:linear-gradient(135deg,#090f0d 0%,#111d1a 100%);border-radius:16px;flex-direction:column;justify-content:center;gap:16px;padding:28px;display:flex;position:relative;box-shadow:0 10px 30px #090f0d4d}.hero-panel-label{color:#34d399;letter-spacing:1.5px;text-transform:uppercase;font-size:12px;font-weight:800}.hero-panel-value{background:linear-gradient(135deg,#fff,#a7f3d0);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;font-size:44px;font-weight:950;line-height:1}.hero-panel-subtitle{color:#94a3b8;font-size:13px;line-height:1.5}.partner-earnings-hero-modern{box-shadow:var(--shadow);background:#fff;border:1px solid #e2e8f0cc;border-radius:20px;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:28px;margin-bottom:24px;padding:32px;display:grid;position:relative;overflow:hidden}.hero-welcome-area{flex-direction:column;justify-content:center;gap:16px;display:flex}.hero-welcome-area h1{color:#0f172a;margin:0;font-size:30px;font-weight:900;line-height:1.25}.hero-welcome-area p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.hero-action-row{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.hero-earnings-panel{color:#fff;background:linear-gradient(135deg,#090f0d,#12211c);border-radius:16px;flex-direction:column;justify-content:center;gap:12px;padding:28px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 36px #090f0d59}.panel-accent-glow{pointer-events:none;background:radial-gradient(circle,#10b98126 0%,#0000 60%);width:150%;height:150%;position:absolute;top:-50%;right:-50%}.panel-label{color:#34d399;letter-spacing:1px;font-size:12px;font-weight:800}.panel-value{color:#fff;letter-spacing:-1px;background:linear-gradient(135deg,#fff,#34d399);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:44px;font-weight:950;line-height:1}.panel-meta{color:#94a3b8;margin:4px 0 0;font-size:13px;line-height:1.5}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.growth-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.content-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:20px;display:grid}.content-grid-full{grid-template-columns:1fr;gap:20px;display:grid}.section-heading-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.section-heading-row .section-title{margin:0}.section-title{letter-spacing:-.25px;color:#0f172a;font-size:18px;font-weight:800}.section-subtitle-compact{color:var(--muted);margin:4px 0 0;font-size:13px}.rank-list{flex-direction:column;gap:10px;display:flex}.rank-row{background:#fff;border:1px solid #e2e8f0cc;border-radius:12px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:16px;min-height:64px;padding:10px 18px;transition:all .25s cubic-bezier(.4,0,.2,1);display:grid}.rank-row:hover{background:#10b98103;border-color:#10b9814d;transform:translate(2px);box-shadow:0 4px 12px #0f172a0a}.rank-index{color:#475569;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:800;display:flex}.rank-row:first-child .rank-index{color:#d97706;background:#fef3c7;box-shadow:0 2px 6px #d9770633}.rank-row:nth-child(2) .rank-index{color:#475569;background:#e2e8f0}.rank-row:nth-child(3) .rank-index{color:#ca8a04;background:#ffedd5}.rank-main-content{flex-direction:column;gap:2px;display:flex}.rank-title{color:#0f172a;font-size:14px;font-weight:700}.rank-meta{color:var(--muted);font-size:12px;font-weight:500}.rank-value{color:var(--brand-dark);font-size:16px;font-weight:850}.value-row-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:8px;display:grid}.value-row-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;gap:14px;padding:16px;display:flex}.icon-wrapper{width:40px;height:40px;color:var(--brand);background:#10b9811a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.value-row-item strong{color:#0f172a;margin-bottom:4px;font-size:14px;font-weight:750;display:block}.value-row-item span{color:var(--muted);font-size:12px;line-height:1.5}.analytics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.analytics-cell{background:#fff;border:1px solid #e2e8f0cc;border-radius:14px;flex-direction:column;gap:6px;padding:20px;transition:all .25s;display:flex;position:relative}.analytics-cell.hover-effect:hover{border-color:var(--line);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.cell-label{color:var(--muted);font-size:12px;font-weight:700}.cell-value{letter-spacing:-.5px;font-size:32px;font-weight:900;line-height:1.1}.color-violet{color:#6d28d9}.color-amber{color:#d97706}.color-blue{color:#1d4ed8}.color-rose{color:#e11d48}.cell-action{color:var(--brand);opacity:.8;align-items:center;gap:4px;margin-top:10px;font-size:11px;font-weight:700;display:inline-flex}.analytics-cell:hover .cell-action{opacity:1}.data-table-wrapper{width:100%;box-shadow:var(--shadow-inset);background:#fff;border:1px solid #e2e8f0cc;border-radius:12px;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th{text-transform:uppercase;letter-spacing:1px;color:#475569;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:14px 18px;font-size:11px;font-weight:700}.data-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 18px;font-size:13.5px}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover{background:#10b98104}.item-title{color:#0f172a;font-size:13.5px;font-weight:700}.item-meta{color:var(--muted);margin-top:3px;font-size:12px}.text-right{text-align:right!important}.text-bold{font-weight:750}.text-emerald{color:var(--brand-dark)}.text-amber{color:#b45309}.token-code{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:11.5px}.text-truncate-link{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-family:monospace;font-size:11px;display:inline-block;overflow:hidden}.button{border:1px solid var(--line);color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 2px #0000000d}.button:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0f172a0d}.button.primary{border-color:var(--brand);background:var(--brand);color:#fff}.button.primary:hover{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff;box-shadow:0 4px 12px #10b98133}.primary-gradient-btn{background:linear-gradient(135deg, var(--brand), var(--brand-dark))!important;color:#fff!important;border:0!important}.primary-gradient-btn:hover{opacity:.95;box-shadow:0 4px 12px #10b9814d!important}.outline-white-btn{color:#fff!important;background:0 0!important;border:1.5px solid #fff6!important}.outline-white-btn:hover{background:#ffffff14!important;border-color:#fff!important}.partner-action-btn{color:#c9d5d0!important;background:#ffffff0f!important;border:1px solid #ffffff26!important}.partner-action-btn:hover{color:#111827!important;background:#fff!important;border-color:#fff!important}.partner-logout-btn{color:#f87171!important;background:0 0!important;border:1px solid #ef444440!important}.partner-logout-btn:hover{color:#fff!important;background:#ef4444!important;border-color:#ef4444!important}.primary-btn-sm{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important;min-height:32px!important;padding:6px 12px!important}.badge{color:#475569;white-space:nowrap;letter-spacing:.25px;background:#f1f5f9;border-radius:99px;justify-content:center;align-items:center;min-height:22px;padding:2px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge.success{color:#15803d;background:#dcfce7}.badge.warning{color:#b45309;background:#fef3c7}.badge.danger{color:#b91c1c;background:#fee2e2}.badge.info{color:#0369a1;background:#e0f2fe}.success-badge-filled{color:#fff!important;background:#10b981!important;box-shadow:0 2px 6px #10b9814d!important}.success-badge-soft{color:#15803d!important;background:#dcfce7!important;border:1px solid #10b98133!important}.info-badge-soft{color:#0369a1!important;background:#e0f2fe!important;border:1px solid #38bdf833!important}.input,.select{border:1px solid var(--line);min-height:38px;color:var(--ink);background:#fff;border-radius:8px;padding:8px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.input:focus,.select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #10b98126}.select{min-width:150px}.table-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.table-header.compact{border-bottom:0;padding:0 0 14px}.table-title{color:#0f172a;margin:0;font-size:16px;font-weight:800}
.login-shell{background:linear-gradient(120deg, #10b98114, #f59e0b14), var(--bg);grid-template-columns:minmax(320px,.85fr) minmax(420px,1.15fr);align-items:center;gap:24px;min-height:100vh;padding:40px;display:grid}.login-panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:32px;transition:all .3s}.sales-login-shell{align-items:stretch}.sales-login-panel{align-content:start;gap:20px;display:grid;overflow:hidden}.login-visual{background-color:#0000;background-image:linear-gradient(120deg,#15211dd1,#10b9817a),url(https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=1200&q=80);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:200px;margin:-32px -32px 8px}.login-title{letter-spacing:-.75px;color:#0f172a;margin:0;font-size:34px;font-weight:900;line-height:1.15}.login-value-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:10px;display:grid}.login-value-grid div{border:1px solid var(--line);background:#ffffff80;border-radius:12px;align-content:start;gap:8px;min-height:116px;padding:14px;transition:all .25s;display:grid}.login-value-grid div:hover{background:var(--panel);box-shadow:var(--shadow);border-color:#10b98133}.login-value-grid svg{color:var(--brand)}.login-value-grid strong{color:#0f172a;font-size:15px;font-weight:750}.login-value-grid span{color:var(--muted);font-size:12.5px;line-height:1.45}.login-form{gap:16px;margin-top:24px;display:grid}.login-form label{color:var(--muted);gap:7px;font-size:13px;font-weight:700;display:grid}.form-error{color:var(--danger);background:#fff1f2;border:1px solid #fecaca;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:600}.account-grid{gap:12px;margin-top:12px;display:grid}.account-card{border:1px solid var(--line);width:100%;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:16px;transition:all .25s;display:flex}.account-card:hover{border-color:var(--brand);box-shadow:var(--shadow-hover);background:#10b98105;transform:translateY(-1px)}.account-desc{color:var(--muted);margin-top:8px;font-size:12.5px;line-height:1.45}@media (max-width:980px){.login-shell{grid-template-columns:1fr;gap:20px;padding:20px}}@media (max-width:640px){.login-value-grid{grid-template-columns:1fr}}
.partner-shell{background:var(--bg);min-height:100vh}.partner-header-modern{color:#fff;z-index:30;background:linear-gradient(135deg,#090f0d 0%,#12211c 100%);border-bottom:1px solid #10b9811f;padding:24px 40px;position:sticky;top:0;box-shadow:0 4px 20px #00000026}.partner-header-inner-modern{justify-content:space-between;align-items:center;gap:20px;max-width:1200px;margin:0 auto;display:flex}.partner-header-brand{align-items:center;gap:14px;display:flex}.partner-brand-logo{background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:10px;width:40px;height:40px;box-shadow:0 0 15px #10b98166}.partner-brand-title{background:linear-gradient(135deg,#fff,#a7f3d0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:20px;font-weight:900}.partner-brand-subtitle{color:#94a3b8;align-items:center;gap:6px;margin-top:2px;font-size:12px;display:flex}.user-tag{color:#fff;font-weight:700}.score-tag strong{color:#34d399;font-weight:800}.dot-divider{color:#475569}.partner-header-actions{align-items:center;gap:10px;display:flex}.partner-main-modern{max-width:1200px;margin:0 auto;padding:36px 40px 60px}.workflow-steps-modern{flex-direction:column;gap:12px;display:flex}.workflow-step-item{background:#fff;border:1px solid #e2e8f0cc;border-radius:12px;align-items:center;gap:16px;padding:16px 20px;transition:all .25s;display:flex}.workflow-step-item:hover{background:#10b98103;border-color:#10b98140;box-shadow:0 4px 12px #0f172a0a}.step-num{width:28px;height:28px;color:var(--brand-dark);background:#10b9811a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.step-body{flex-grow:1;min-width:0}.step-body strong{color:#0f172a;font-size:14px;font-weight:750;display:block}.step-body p{color:var(--muted);margin:2px 0 0;font-size:12.5px;line-height:1.45}.step-badge{white-space:nowrap;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:700}.status-normal{color:#475569;background:#f1f5f9}.status-success{color:#15803d;background:#dcfce7}.status-warning{color:#b45309;background:#fef3c7}.status-info{color:#0369a1;background:#e0f2fe}.step-arrow{color:#cbd5e1;flex-shrink:0}.promo-tips-card,.promo-card{background:linear-gradient(135deg,#10b98108 0%,#f59e0b08 100%),#fff;border:1px solid #10b9811f;border-radius:16px}.promo-tips-card h3,.promo-card h3{color:var(--brand-dark);margin:0 0 14px;font-size:16px;font-weight:800}.promo-tips-card ul,.promo-card-content ul{margin:0;padding-left:18px}.promo-tips-card li,.promo-card-content li{color:#475569;margin-bottom:10px;font-size:13px;line-height:1.6}.promo-tips-card li strong,.promo-card-content li strong{color:#0f172a}.partner-notifications-list{flex-direction:column;gap:12px;display:flex}.partner-notice-row-modern{text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8f0cc;border-radius:12px;align-items:flex-start;gap:14px;width:100%;padding:16px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.partner-notice-row-modern:hover{border-color:#10b98133;box-shadow:0 4px 12px #0f172a0a}.partner-notice-row-modern.unread{background:#10b98103;border-color:#10b9811f}.notice-badge{flex-shrink:0;justify-content:center;align-items:center;margin-top:4px;display:flex}.dot-read{background:#94a3b8;border-radius:50%;width:6px;height:6px}.dot-unread-glow{background:#10b981;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #10b981}.notice-content-body{flex-grow:1;min-width:0}.notice-title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.notice-title-row strong{color:#0f172a;font-size:13.5px;font-weight:750}.notice-time{color:var(--muted);font-size:11px;font-weight:600}.notice-text{color:var(--muted);margin:4px 0 0;font-size:12.5px;line-height:1.5}
@media (max-width:1024px){.app-shell-container{grid-template-columns:1fr}.mobile-header{display:flex}.sidebar-modern{z-index:45;width:260px;height:auto;transition:transform .35s cubic-bezier(.4,0,.2,1);position:fixed;top:65px;bottom:0;left:0;transform:translate(-100%);box-shadow:10px 0 30px #00000026}.mobile-open .sidebar-modern{transform:translate(0)}.mobile-open .sidebar-overlay{display:block}.main-modern,.main{padding:24px 20px 48px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.content-grid,.partner-earnings-hero-modern,.growth-hero{grid-template-columns:1fr!important}.growth-hero-panel,.hero-earnings-panel{min-height:auto}}@media (max-width:640px){.metrics-grid{grid-template-columns:1fr!important}.topbar{flex-direction:column;align-items:stretch}.page-title{font-size:26px}.partner-header-inner-modern{flex-direction:column;align-items:stretch}.partner-header-actions{justify-content:space-between;margin-top:10px}.partner-main-modern{padding:20px 16px 40px}.value-row-grid,.growth-proof-grid,.analytics-grid{grid-template-columns:1fr!important}}.auth-loading{min-height:60vh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:14px;font-weight:600;display:flex}.auth-loading .spinner{border:3px solid #94a3b840;border-top-color:var(--brand);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.access-denied-shell{justify-content:center;align-items:center;min-height:100vh;padding:48px 20px;display:flex}.access-denied-card{text-align:center;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:520px;display:flex}.access-denied-icon{color:#ef4444;background:#ef44441a;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:4px;display:flex}.access-denied-title{color:var(--ink,#0f172a);margin:0;font-size:20px;font-weight:800}.access-denied-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}