:root{--border:#414141;--white:#f2f2f2;--muted:#8d8d8d;--dim:#555}*{box-sizing:border-box}html,body,#root{background:#000;min-height:100%;margin:0}body,input,button{font-family:Helvetica Neue,Helvetica,Arial,sans-serif}button,input{-webkit-tap-highlight-color:transparent}.screen{background:#000;place-items:center;width:100%;min-height:100svh;padding:24px 0;display:grid}.bp-card{border:1px solid var(--border);width:min(390px,100vw - 28px);height:min(760px,100svh - 48px);min-height:700px;max-height:820px;color:var(--white);background:#000;border-radius:24px;position:relative;overflow:hidden}.bp-bg{opacity:.66;filter:brightness(1.35)contrast(1.05);pointer-events:none;background-image:url(https://cdn.shopify.com/s/files/1/0995/3853/4782/files/Group_122_1.png?v=1782670937);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}.bp-card:after{content:"";pointer-events:none;background:linear-gradient(#0000001a,#00000029);position:absolute;inset:0}.login-content,.dash-content,.benefit-panel,.bp-footer{z-index:2;position:relative}.login-content{padding:46px 26px 0}.login-content h1,.dash-content h1{letter-spacing:-.035em;text-transform:uppercase;margin:0 0 18px;font-size:24px;font-weight:500;line-height:1.02}.lead{color:#f0f0f0;letter-spacing:-.025em;max-width:330px;margin:0 0 40px;font-size:15px;font-weight:400;line-height:1.14}.label{letter-spacing:-.015em;color:#fff;margin:0 0 13px 4px;font-size:13px;font-weight:500;line-height:1;display:block}.password-label{margin-top:25px}.input{border:1px solid var(--border);color:#fff;width:100%;height:42px;box-shadow:none;background:#000;border-radius:999px;outline:0;padding:0 20px;font-size:13px;font-weight:400;line-height:42px;display:block;text-decoration:none!important}.input::placeholder{color:#4e4e4e;opacity:1;text-decoration:none!important}.input:focus{border-color:#626262}.main-btn{border:1px solid var(--border);color:#fff;cursor:pointer;background:#000;border-radius:999px;place-items:center;width:100%;height:42px;margin:30px 0 0;font-size:16px;font-weight:500;line-height:1;display:grid}.mode-link{color:#575757;text-align:left;cursor:pointer;background:0 0;border:0;width:fit-content;margin:17px 0 0 9px;padding:0;font-size:14px;font-weight:400;line-height:1.1;text-decoration:none;display:block}.auth-message{color:#8d8d8d;margin:9px 0 0 9px;font-size:11px;line-height:1.2}.benefit-panel{border:1px solid var(--border);background:radial-gradient(circle at 55% 10%,#ffffff0b,#0000 38%),#000000e6;border-radius:20px;height:205px;padding:20px 22px;position:absolute;bottom:112px;left:26px;right:26px}.benefit-row{color:#fff;grid-template-columns:34px 1fr 14px;align-items:center;gap:14px;height:40px;display:grid}.benefit-row+.benefit-row{margin-top:10px}.benefit-icon{color:#d9d9d9;border:1px solid #515151;border-radius:50%;place-items:center;width:34px;height:34px;font-size:15px;line-height:1;display:grid}.benefit-copy strong{letter-spacing:-.015em;font-size:12px;font-weight:600;line-height:1.05;display:block}.benefit-copy span{color:#818181;letter-spacing:-.02em;margin-top:4px;font-size:10px;line-height:1.05;display:block}.benefit-row i{color:#777;font-size:18px;font-style:normal;font-weight:200}.bp-footer{border-top:1px solid var(--border);background:#000000e0;grid-template-columns:72px 1fr;height:72px;display:grid;position:absolute;bottom:0;left:0;right:0}.bp-logo-cell{border-right:1px solid var(--border);place-items:center;display:grid}.bp-logo-cell img{width:52px;height:auto;display:block}.bp-cells{grid-template-columns:repeat(8,1fr);display:grid}.bp-group{border-right:1px solid var(--border);text-align:center;grid-template-rows:30px 1fr;min-width:0;display:grid}.bp-group:last-child{border-right:0}.bp-group.big{grid-column:span 2}.bp-group b{border-bottom:1px solid var(--border);white-space:nowrap;place-items:center;padding:0 2px;font-size:8px;font-weight:500;line-height:1;display:grid}.bp-group span{color:#e7e7e7;place-items:center;font-size:8px;font-weight:400;line-height:1.05;display:grid}.app-card .bp-bg{opacity:.58}.dash-content{padding:44px 26px 0}.logout{border:1px solid var(--border);color:#fff;letter-spacing:.04em;background:#000;border-radius:999px;height:34px;padding:0 15px;font-size:11px;position:absolute;top:22px;right:22px}.dash-lead{color:#8e8e8e;margin-bottom:26px}.stat-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat{border:1px solid var(--border);background:#000000bf;border-radius:18px;flex-direction:column;justify-content:space-between;height:112px;padding:16px;display:flex}.stat span{color:#888;letter-spacing:.12em;font-size:10px}.stat b{color:#fff;text-transform:uppercase;font-size:28px;line-height:1}.bp-nav-cells{grid-template-columns:repeat(5,1fr);display:grid}.bp-nav-cell{border:0;border-right:1px solid var(--border);color:#fff;text-align:center;cursor:pointer;background:0 0;grid-template-rows:29px 1fr;padding:0;display:grid}.bp-nav-cell:last-child{border-right:0}.bp-nav-cell span{border-bottom:1px solid var(--border);place-items:center;font-size:7px;line-height:1;display:grid}.bp-nav-cell b{color:#d9d9d9;place-items:center;font-size:8px;font-weight:400;display:grid}.bp-nav-cell.is-active{background:#ffffff0e}.loading-card{place-items:center;display:grid}@media (width<=420px){.screen{padding:18px 0}.bp-card{border-radius:22px;width:calc(100vw - 28px);height:min(760px,100svh - 36px);min-height:680px}.login-content{padding:42px 23px 0}.login-content h1,.dash-content h1{margin-bottom:17px;font-size:22px}.lead{max-width:320px;margin-bottom:38px;font-size:13.5px}.label{margin-bottom:12px;font-size:12px}.input,.main-btn{height:42px}.benefit-panel{height:205px;padding:19px 20px;bottom:104px;left:22px;right:22px}.bp-footer{grid-template-columns:66px 1fr;height:70px}.bp-logo-cell img{width:50px}.bp-group b{font-size:6.6px}.bp-group span{font-size:7.2px}}