/* SP704B2B Dashboard - SaasLauncher companion */
.sp704-app{--bg:#0d0d14;--panel:#171720;--panel2:#1d1d28;--border:#292936;--text:#f7f7fb;--muted:#a4a3ae;--purple:#6c2cff;--purple2:#8d5cff;--green:#8cf000;--yellow:#e8c22a;display:flex;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:0;line-height:1.4}
.sp704-app *{box-sizing:border-box}.sp704-sidebar{width:270px;background:#09090e;border-right:1px solid #20202a;display:flex;flex-direction:column;flex-shrink:0}.sp704-brand{height:124px;padding:28px 28px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #20202a}.sp704-brand-mark{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#8c49ff,#4c17df);font-size:22px;font-weight:800}.sp704-brand strong{display:block;font-size:18px}.sp704-brand small{display:block;color:#8f8e99;font-size:11px;margin-top:2px}.sp704-nav{padding:26px 14px;display:flex;flex-direction:column;gap:6px}.sp704-nav a,.sp704-sidebar-bottom a{display:flex;align-items:center;gap:13px;padding:11px 14px;border-radius:9px;color:#aaa9b5;text-decoration:none;font-size:14px;transition:.18s}.sp704-nav a:hover,.sp704-nav a:first-child{background:#1c1b27;color:#fff}.sp704-nav a:first-child .sp704-nav-icon{color:#8a4bff}.sp704-nav-icon{width:20px;text-align:center;color:#7540f4;font-size:18px}.sp704-sidebar-bottom{margin-top:auto;padding:14px;border-top:1px solid #20202a}.sp704-main{min-width:0;flex:1}.sp704-topbar{height:92px;border-bottom:1px solid #171720;background:#0c0c12;display:flex;align-items:center;justify-content:space-between;padding:0 30px;gap:20px}.sp704-search{width:min(550px,55%);height:38px;background:#1a1923;border-radius:22px;display:flex;align-items:center;padding:0 16px;color:#a8a7b0}.sp704-search span{font-size:24px;margin-right:8px}.sp704-search input{width:100%;background:transparent;border:0;outline:0;color:#fff;font-size:13px}.sp704-top-user{display:flex;align-items:center;gap:14px}.sp704-bell{font-size:22px;position:relative;color:#bdbcc6}.sp704-bell i{position:absolute;width:6px;height:6px;background:#f00;border-radius:50%;right:1px;top:1px}.sp704-user-text{text-align:right}.sp704-user-text strong{display:block;font-size:13px}.sp704-user-text small{display:block;color:#8f8e99;font-size:10px;margin-top:2px}.sp704-avatar{border-radius:50%;object-fit:cover}.sp704-content{padding:30px 38px 60px;max-width:1500px;margin:0 auto}.sp704-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.sp704-heading h1{font-size:22px;margin:0 0 4px}.sp704-heading p{margin:0;color:#9998a4;font-size:13px}.sp704-role-pill{background:#211b38;border:1px solid #382b62;color:#a77bff;padding:7px 12px;border-radius:20px;font-size:11px}.sp704-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.sp704-card,.sp704-panel{background:var(--panel);border:1px solid #1f1f29;border-radius:14px}.sp704-stat-card{padding:19px 20px;min-height:145px}.sp704-card-top{display:flex;justify-content:space-between;color:#9d9ca8;font-size:12px}.sp704-card-icon{color:#8146ff;font-size:18px}.sp704-stat-value{font-size:24px;font-weight:750;margin-top:24px;letter-spacing:-.4px}.sp704-stat-sub{font-size:10px;color:#8e8d99;margin-top:6px}.sp704-two-col{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(310px,.8fr);gap:18px;margin-bottom:18px}.sp704-panel{padding:22px;min-width:0}.sp704-panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.sp704-panel-head h3{margin:0;font-size:16px}.sp704-panel-head small{display:block;color:#85848f;font-size:10px;margin-top:3px}.sp704-panel-head a{color:#9d9ca8;text-decoration:none;font-size:11px}.sp704-legend{display:flex;gap:14px;color:#aaa9b5;font-size:10px}.sp704-legend span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#7741ff;margin-right:5px}.sp704-legend span+span:before{background:#e7bd20}.sp704-chart-placeholder{height:285px;position:relative;overflow:hidden;background:repeating-linear-gradient(to bottom,transparent 0,transparent 49px,#2a2935 50px);margin:5px 0 0;padding:25px 25px}.sp704-chart-placeholder:after{content:"";position:absolute;left:25px;right:20px;top:30px;height:220px;background:linear-gradient(160deg,transparent 0 15%,rgba(110,45,255,.18) 15.2%,transparent 15.6% 34%,rgba(110,45,255,.18) 34.3%,transparent 34.7% 55%,rgba(110,45,255,.18) 55.3%,transparent 55.7% 76%,rgba(110,45,255,.18) 76.3%,transparent 76.7%);opacity:.8}.sp704-chart-line{position:absolute;height:2px;width:90%;left:5%;top:50%;z-index:2;transform:rotate(-7deg);border-radius:10px}.line-a{background:#7540f5}.line-b{background:#e7bd20;transform:rotate(8deg);top:57%}.sp704-chart-labels{position:absolute;left:25px;right:20px;bottom:8px;display:flex;justify-content:space-between;color:#6e6d78;font-size:9px}.sp704-alert{padding:14px;background:#21212c;border-radius:10px;margin-bottom:10px}.sp704-alert b{display:block;font-size:12px}.sp704-alert small{display:block;color:#8e8d99;font-size:10px;margin-top:5px}.sp704-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sp704-service-card{position:relative;min-height:125px;padding:17px;background:#1d1d27;border:1px solid #272733;border-radius:12px;text-decoration:none;color:#fff;transition:.18s}.sp704-service-card:hover{transform:translateY(-2px);border-color:#5d3aa7}.sp704-service-icon{display:block;color:#8b4cff;font-size:22px;margin-bottom:10px}.sp704-service-card strong{display:block;font-size:13px}.sp704-service-card small{display:block;color:#898893;font-size:10px;max-width:85%;margin-top:5px}.sp704-arrow{position:absolute;right:15px;bottom:15px;color:#6d6878}.sp704-lower{align-items:start}.sp704-table-wrap{overflow:auto}.sp704-table{width:100%;border-collapse:collapse;font-size:11px}.sp704-table th{text-align:left;color:#74737e;font-weight:500;padding:10px;border-bottom:1px solid #292934}.sp704-table td{padding:12px 10px;border-bottom:1px solid #22222c}.sp704-table td:first-child strong{display:block}.sp704-table td:first-child small{display:block;color:#777682;margin-top:3px}.sp704-status{padding:4px 8px;border-radius:12px;background:#22252b;color:#aaa;font-size:9px}.sp704-status.success{background:#162718;color:#8cf000}.sp704-status.pending{background:#302b16;color:#e8c22a}.sp704-status.failed{background:#311a1d;color:#ff7c84}.sp704-empty{padding:35px;text-align:center;color:#777682;font-size:12px}.sp704-kyc-box{display:flex;gap:12px;padding:18px;background:#1d1d27;border-radius:10px;margin-bottom:15px}.sp704-kyc-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#263119;color:#8cf000}.sp704-kyc-box strong{font-size:12px}.sp704-kyc-box p{font-size:10px;color:#888792;margin:4px 0 0}.sp704-btn{display:inline-block;background:linear-gradient(135deg,#7a3cff,#5720dd);color:#fff;text-decoration:none;padding:10px 16px;border-radius:8px;font-size:11px;border:0}.sp704-btn-outline{background:transparent;border:1px solid #3a344b}.sp704-module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sp704-module-grid>div{background:#1d1d27;border:1px solid #272733;padding:16px;border-radius:10px}.sp704-module-grid b{display:block;font-size:12px}.sp704-module-grid span{display:block;color:#85848f;font-size:10px;margin-top:6px}.sp704-login-required{max-width:500px;margin:80px auto;padding:35px;background:#171720;border:1px solid #292936;border-radius:15px;color:#fff;text-align:center}.sp704-login-required p{color:#aaa;font-size:13px}.sp704-hidden-sections{margin-top:18px}.sp704-hidden-sections:target{scroll-margin-top:100px}.sp704-app a:focus{outline:2px solid #7b45ff;outline-offset:2px}
@media(max-width:1100px){.sp704-sidebar{width:225px}.sp704-stat-grid{grid-template-columns:repeat(2,1fr)}.sp704-module-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.sp704-app{display:block}.sp704-sidebar{width:100%;min-height:auto}.sp704-brand{height:80px}.sp704-nav{flex-direction:row;overflow:auto;padding:10px}.sp704-nav a{white-space:nowrap}.sp704-sidebar-bottom{display:none}.sp704-topbar{height:auto;padding:15px;flex-wrap:wrap}.sp704-search{width:100%;max-width:none;order:2}.sp704-content{padding:20px 15px 40px}.sp704-two-col{grid-template-columns:1fr}.sp704-service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.sp704-stat-grid{grid-template-columns:1fr}.sp704-service-grid,.sp704-module-grid{grid-template-columns:1fr}.sp704-top-user{margin-left:auto}.sp704-user-text{display:none}.sp704-heading{gap:10px}.sp704-role-pill{display:none}}