:root{--navy:#1a2233;--blue:#5bbfea;--gold:#e8b84b;--slate:#6b7b8d;--bg:#f5f5f7;--bg-white:#fff;--bg-dark:#0a0a0d;--bg-dark2:#1a1a1f;--green:#22c55e;--amber:#f59e0b;--red:#ef4444;--text:#1a2233;--text2:#6b7b8d;--text3:#9ba8b5;--text-light:#f5f5f7;--glass-light:#ffffffad;--glass-light-strong:#ffffffd1;--glass-dark:#ffffff17;--glass-dark-strong:#ffffff21;--glass-border-light:#ffffff80;--glass-border-dark:#ffffff24;--glass-blue:#5bbfea1a;--glass-gold:#e8b84b1a;--glass-green:#22c55e1a;--glass-amber:#f59e0b1a;--glass-red:#ef44441a;--fserif:"Instrument Serif", serif;--fbody:"Plus Jakarta Sans", sans-serif;--r:20px;--r2:14px;--r3:10px;--rpill:100px;--spring:cubic-bezier(.34,1.56,.64,1);--ease:cubic-bezier(.25,.46,.45,.94)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--fbody);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.65;overflow-x:hidden}*{-webkit-tap-highlight-color:transparent}button{font-family:var(--fbody);cursor:pointer;color:inherit;background:0 0;border:none}input,select,textarea{font-family:var(--fbody);outline:none}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.orb-wrap{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.orb{filter:blur(90px);opacity:.22;border-radius:50%;position:absolute}.orb-blue{background:radial-gradient(ellipse, var(--blue), transparent 70%)}.orb-gold{background:radial-gradient(ellipse, var(--gold), transparent 70%)}.orb-navy{background:radial-gradient(ellipse, var(--navy), transparent 70%)}.glass-card{background:var(--glass-light);-webkit-backdrop-filter:blur(28px)saturate(180%)brightness(1.04);border:1px solid var(--glass-border-light);border-radius:var(--r);transition:transform .35s var(--spring), box-shadow .35s var(--ease);box-shadow:inset 0 0 0 .5px #ffffffe6,inset 0 1px #fff6,inset 0 -1px #0000000f,0 12px 40px #00000014,0 3px 10px #0000000a}.glass-card:hover{transform:translateY(-4px)scale(1.004);box-shadow:inset 0 0 0 .5px #ffffffe6,inset 0 1px #fff6,inset 0 -1px #0000000f,0 20px 60px #0000001c,0 6px 16px #0000000f}.glass-card-dark{background:var(--glass-dark);-webkit-backdrop-filter:blur(28px)saturate(180%)brightness(1.05);border:1px solid var(--glass-border-dark);border-radius:var(--r);transition:transform .35s var(--spring), box-shadow .35s var(--ease);box-shadow:inset 0 0 0 .5px #ffffff26,inset 0 1px #ffffff1a,inset 0 -1px #0003,0 12px 40px #00000040,0 3px 10px #00000026}.login-screen{background:linear-gradient(160deg,#f0f4fa 0%,#f5f5f7 40%,#faf5ea 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.login-orb1{filter:blur(60px);pointer-events:none;background:radial-gradient(#5bbfea2e,#0000 65%);width:500px;height:500px;animation:14s ease-in-out infinite drift1;position:absolute;top:-120px;left:-100px}.login-orb2{filter:blur(60px);pointer-events:none;background:radial-gradient(#e8b84b24,#0000 65%);width:400px;height:400px;animation:18s ease-in-out infinite drift2;position:absolute;bottom:-80px;right:-80px}.login-orb3{filter:blur(80px);pointer-events:none;background:radial-gradient(#5bbfea14,#0000 70%);width:300px;height:300px;animation:22s ease-in-out infinite drift3;position:absolute;top:40%;left:55%}.login-ghost{pointer-events:none;z-index:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.login-ghost svg{opacity:.055;width:clamp(320px,55vw,600px)}.login-box{z-index:2;text-align:center;width:100%;max-width:440px;position:relative}.login-wordmark{font-family:var(--fserif);letter-spacing:-1px;color:var(--navy);animation:fadeUp .7s var(--ease) both;margin-bottom:3px;font-size:52px;font-weight:400}.login-wordmark em{color:var(--blue);font-style:italic}.login-tagline{color:var(--text3);letter-spacing:.14em;text-transform:uppercase;animation:fadeUp .7s .1s var(--ease) both;margin-bottom:48px;font-size:11px;font-weight:500}.login-card{background:var(--glass-light-strong);-webkit-backdrop-filter:blur(32px)saturate(180%)brightness(1.04);animation:fadeUp .7s .2s var(--ease) both;text-align:left;border:1px solid #ffffff8c;border-radius:28px;padding:40px 36px;box-shadow:inset 0 0 0 .5px #fffffff2,inset 0 1px #ffffff80,inset 0 -1px #0000000d,0 24px 80px #1a22331f,0 6px 20px #1a22330f}.login-h{font-family:var(--fserif);color:var(--navy);margin-bottom:6px;font-size:26px}.login-sub{color:var(--text2);margin-bottom:28px;font-size:14px;font-weight:400}.login-inp{-webkit-backdrop-filter:blur(8px);width:100%;color:var(--navy);letter-spacing:4px;text-align:center;text-transform:uppercase;transition:all .25s var(--ease);font-size:17px;font-weight:500;font-family:var(--fbody);background:#ffffffb3;border:1px solid #1a22331f;border-radius:14px;margin-bottom:14px;padding:16px 20px;box-shadow:inset 0 2px 8px #0000000a,0 1px 3px #0000000a}.login-inp:focus{border-color:var(--blue);background:#ffffffe6;box-shadow:0 0 0 3px #5bbfea33,inset 0 2px 8px #0000000a}.login-inp::placeholder{color:var(--text3);letter-spacing:1px;text-transform:none;font-size:14px;font-weight:400}.btn-login{background:var(--navy);color:#fff;letter-spacing:.02em;width:100%;transition:all .35s var(--spring);cursor:pointer;font-size:15px;font-weight:600;font-family:var(--fbody);border:none;border-radius:14px;padding:16px;box-shadow:0 4px 20px #1a22334d,inset 0 1px #ffffff1f}.btn-login:hover{transform:translateY(-2px)scale(1.01);box-shadow:0 12px 32px #1a223366,inset 0 1px #ffffff26}.btn-login:active{transform:translateY(0)scale(1)}.login-err{color:var(--red);background:#ef444412;border:1px solid #ef444433;border-radius:10px;margin-top:12px;padding:11px 16px;font-size:13px;font-weight:500}.login-help{color:var(--text3);margin-top:22px;font-size:13px;font-weight:400}.login-help a{color:var(--navy);font-weight:500}.login-help a:hover{color:var(--blue);text-decoration:none}.admin-link-btn{color:var(--text3);letter-spacing:.04em;border-radius:var(--rpill);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .25s var(--ease);background:#ffffff80;border:1px solid #1a22331f;margin-top:32px;padding:9px 22px;font-size:12px;font-weight:500}.admin-link-btn:hover{color:var(--navy);background:#fffc;border-color:#1a223340}.modal-bg{z-index:300;-webkit-backdrop-filter:blur(12px);animation:fadeIn .2s var(--ease);background:#0a0a0d99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-box{background:var(--glass-light-strong);-webkit-backdrop-filter:blur(40px)saturate(200%)brightness(1.04);border:1px solid #ffffff8c;border-radius:24px;width:100%;max-width:360px;padding:32px;box-shadow:inset 0 0 0 .5px #ffffffe6,0 32px 80px #1a223333}.modal-title{font-family:var(--fserif);color:var(--navy);margin-bottom:4px;font-size:22px}.modal-sub{color:var(--text2);margin-bottom:22px;font-size:13px;font-weight:400}.modal-inp{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;color:var(--navy);letter-spacing:4px;text-align:center;font-size:16px;font-family:var(--fbody);background:#ffffffb3;border:1px solid #1a223326;border-radius:12px;margin-bottom:12px;padding:14px;font-weight:600}.modal-inp:focus{border-color:var(--blue);background:#ffffffe6;box-shadow:0 0 0 3px #5bbfea26}.modal-err{color:var(--red);margin-bottom:10px;font-size:12px;font-weight:500}.portal-header{z-index:200;background:0 0;padding:12px 20px 0;position:sticky;top:0}.hdr-pill{-webkit-backdrop-filter:blur(32px)saturate(180%)brightness(1.04);border-radius:var(--rpill);max-width:960px;height:52px;transition:all .3s var(--ease);background:#ffffffd1;border:1px solid #ffffff8c;justify-content:space-between;align-items:center;gap:12px;margin:0 auto;padding:0 24px;display:flex;box-shadow:inset 0 0 0 .5px #ffffffe6,inset 0 1px #fff6,0 4px 20px #1a22331a,0 1px 4px #1a22330f}.hdr-pill.scrolled{box-shadow:inset 0 0 0 .5px #ffffffe6,0 8px 32px #1a223324,0 2px 8px #1a223314}.hdr-wordmark{font-family:var(--fserif);color:var(--navy);letter-spacing:-.3px;flex-shrink:0;font-size:18px;font-weight:400}.hdr-wordmark em{color:var(--blue);font-style:italic}.hdr-mid{min-width:0;color:var(--slate);flex:1;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.hdr-biz{text-overflow:ellipsis;white-space:nowrap;color:var(--navy);font-weight:500;overflow:hidden}.tier-badge{color:#a67c1a;letter-spacing:.05em;background:#e8b84b26;border:1px solid #e8b84b59;border-radius:20px;flex-shrink:0;padding:3px 10px;font-size:10px;font-weight:600}.hdr-sign-out{color:var(--slate);border-radius:var(--rpill);transition:all .25s var(--ease);background:#fff9;border:1px solid #1a22331f;flex-shrink:0;padding:7px 16px;font-size:12px;font-weight:500}.hdr-sign-out:hover{color:var(--navy);background:#ffffffe6;border-color:#1a223340}.tabs-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;background:0 0;padding:8px 20px 0;overflow-x:auto}.tabs-bar::-webkit-scrollbar{display:none}.tabs-inner{gap:4px;max-width:960px;margin:0 auto;padding-bottom:0;display:flex}.tab-btn{color:var(--slate);border-radius:var(--rpill);cursor:pointer;transition:all .25s var(--ease);white-space:nowrap;font-size:13px;font-weight:500;font-family:var(--fbody);background:0 0;border:none;flex-shrink:0;padding:9px 18px}.tab-btn:hover{color:var(--navy);background:#fff9}.tab-btn.on{color:var(--navy);-webkit-backdrop-filter:blur(16px)saturate(180%);background:#ffffffd9;border:1px solid #ffffff80;font-weight:600;box-shadow:0 2px 12px #1a223314,inset 0 0 0 .5px #ffffffe6}.portal-body{max-width:960px;margin:0 auto;padding:24px 20px 100px}.tab-pane{animation:fadeIn .28s var(--ease)}.sec-title{font-family:var(--fserif);color:var(--navy);margin-bottom:5px;font-size:28px}.sec-title em{color:var(--blue);font-style:italic}.sec-sub{color:var(--text2);margin-bottom:24px;font-size:14px;font-weight:400}.card{background:var(--glass-light);-webkit-backdrop-filter:blur(24px)saturate(180%)brightness(1.03);border-radius:var(--r);transition:all .35s var(--spring);border:1px solid #ffffff80;margin-bottom:16px;padding:24px 26px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 .5px #ffffffe6,inset 0 1px #ffffff59,inset 0 -1px #0000000a,0 8px 32px #1a223312,0 2px 8px #1a22330a}.card:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 .5px #ffffffe6,inset 0 1px #ffffff59,0 16px 48px #1a22331a,0 4px 12px #1a22330f}.card-title{font-family:var(--fserif);color:var(--navy);margin-bottom:3px;font-size:17px}.card-sub{color:var(--text2);font-size:13px;font-weight:400}.welcome-hero{-webkit-backdrop-filter:blur(28px)saturate(180%)brightness(1.04);background:linear-gradient(135deg,#5bbfea1f 0%,#e8b84b14 100%);border:1px solid #ffffff8c;border-radius:24px;margin-bottom:16px;padding:32px 28px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 .5px #ffffffe6,inset 0 1px #fff6,0 20px 60px #1a223317}.welcome-ghost{pointer-events:none;z-index:0;position:absolute;top:50%;right:-20px;transform:translateY(-50%)}.welcome-ghost svg{opacity:.07;width:clamp(180px,30vw,280px)}.welcome-greeting{font-family:var(--fserif);color:var(--navy);z-index:1;margin-bottom:5px;font-size:32px;position:relative}.welcome-greeting em{color:var(--blue);font-style:italic}.welcome-sub{color:var(--text2);z-index:1;font-size:14px;font-weight:400;position:relative}.welcome-phase-pill{color:var(--navy);z-index:1;background:#1a223314;border:1px solid #1a22331f;border-radius:20px;align-items:center;gap:7px;margin-top:16px;padding:7px 16px;font-size:13px;font-weight:600;display:inline-flex;position:relative}.pulse-dot{background:var(--blue);border-radius:50%;width:7px;height:7px;animation:2s infinite pulse}.stat-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.stat-card{background:var(--glass-light);-webkit-backdrop-filter:blur(20px)saturate(180%)brightness(1.03);border-radius:var(--r2);transition:all .35s var(--spring);border:1px solid #ffffff80;padding:18px 16px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 .5px #ffffffe6,0 6px 24px #1a22330f}.stat-card:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 .5px #ffffffe6,0 12px 36px #1a22331a}.stat-card:before{content:"";border-radius:3px 3px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.stat-card.s-green:before{background:linear-gradient(90deg, var(--green), #22c55e4d)}.stat-card.s-amber:before{background:linear-gradient(90deg, var(--amber), #f59e0b4d)}.stat-card.s-blue:before{background:linear-gradient(90deg, var(--blue), #5bbfea4d)}.stat-card.s-gold:before{background:linear-gradient(90deg, var(--gold), #e8b84b4d)}.stat-lbl{color:var(--text3);text-transform:uppercase;letter-spacing:.07em;margin-bottom:5px;font-size:11px;font-weight:600}.stat-val{font-family:var(--fserif);color:var(--navy);font-size:26px;line-height:1.1}.c-green{color:var(--green)!important}.c-gold{color:#a67c1a!important}.c-blue{color:var(--blue)!important}.c-amber{color:var(--amber)!important}.c-red{color:var(--red)!important}.c-text{color:var(--navy)!important}.stepper{align-items:flex-start;margin:22px 0 12px;padding-bottom:4px;display:flex;overflow-x:auto}.ph-step{flex-direction:column;flex:1;align-items:center;min-width:72px;display:flex;position:relative}.ph-step:not(:last-child):after{content:"";z-index:0;background:#1a22331f;height:1px;transition:all .4s;position:absolute;top:18px;left:calc(50% + 18px);right:calc(18px - 50%)}.ph-step.done:not(:last-child):after{background:linear-gradient(90deg, var(--green), #22c55e4d)}.ph-step.cur:not(:last-child):after{background:linear-gradient(90deg, var(--blue), #5bbfea33)}.ph-dot{z-index:1;-webkit-backdrop-filter:blur(8px)saturate(180%);width:36px;height:36px;color:var(--text3);transition:all .35s var(--spring);background:#ffffffb3;border:1px solid #1a22331f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex;position:relative;box-shadow:0 2px 8px #1a223312}.ph-step.done .ph-dot{color:var(--green);background:#22c55e26;border-color:#22c55e59;box-shadow:0 0 0 4px #22c55e1a,0 4px 16px #22c55e26}.ph-step.cur .ph-dot{color:var(--blue);background:#5bbfea26;border-color:#5bbfea66;animation:2.5s infinite stepglow;box-shadow:0 0 0 5px #5bbfea1f,0 4px 16px #5bbfea33}.ph-lbl{color:var(--text3);text-align:center;letter-spacing:.02em;margin-top:8px;font-size:10px;font-weight:500}.ph-step.done .ph-lbl{color:var(--green)}.ph-step.cur .ph-lbl{color:var(--blue)}.act-item{border-bottom:1px solid #1a223312;gap:14px;padding:13px 0;display:flex}.act-item:last-child{border-bottom:none}.act-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.dot-blue{background:var(--blue);box-shadow:0 0 8px #5bbfea80}.dot-green{background:var(--green);box-shadow:0 0 8px #22c55e80}.dot-gold{background:var(--gold);box-shadow:0 0 8px #e8b84b80}.dot-amber{background:var(--amber)}.act-text{color:var(--text);margin-top:1px;font-size:14px;font-weight:400;line-height:1.55}.act-date{color:var(--text3);margin-top:3px;font-size:12px}.empty-state{color:var(--text3);text-align:center;padding:24px 0;font-size:14px}.pill{letter-spacing:.03em;border-radius:20px;align-items:center;padding:3px 11px;font-size:11px;font-weight:600;display:inline-flex}.pill-green{color:var(--green);background:#22c55e1f;border:1px solid #22c55e38}.pill-amber{color:var(--amber);background:#f59e0b1f;border:1px solid #f59e0b38}.pill-gray{color:var(--text3);background:#1a223312;border:1px solid #1a22331a}.pill-blue{color:var(--blue);background:#5bbfea1f;border:1px solid #5bbfea38}.pill-navy{color:var(--navy);background:#1a22331a;border:1px solid #1a223324}.pill-gold{color:#a67c1a;background:#e8b84b26;border:1px solid #e8b84b59}.ptable{border-collapse:collapse;width:100%;font-size:14px}.ptable th{text-align:left;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #1a22331a;padding:10px 12px;font-size:11px;font-weight:600}.ptable td{color:var(--text2);vertical-align:middle;border-bottom:1px solid #1a22330f;padding:14px 12px}.ptable tr:last-child td{border-bottom:none}.ptable .amt{color:var(--navy);font-weight:600;font-family:var(--fserif);font-size:15px}.receipt-lnk{color:var(--blue);font-size:13px;font-weight:500}.cta-card{border-radius:0 var(--r2) var(--r2) 0;-webkit-backdrop-filter:blur(20px)saturate(180%);margin-bottom:14px;padding:18px 20px}.cta-amber{border-left:3px solid var(--amber);background:linear-gradient(135deg,#f59e0b12,#f59e0b05);box-shadow:0 4px 20px #f59e0b0f}.cta-blue{border-left:3px solid var(--blue);background:linear-gradient(135deg,#5bbfea12,#5bbfea05);box-shadow:0 4px 20px #5bbfea0f}.pay-btn{border-radius:var(--rpill);cursor:pointer;transition:all .35s var(--spring);font-size:14px;font-weight:600;font-family:var(--fbody);border:none;align-items:center;gap:6px;margin-top:12px;padding:11px 22px;text-decoration:none;display:inline-flex}.pay-btn-blue{background:var(--blue);color:#fff;box-shadow:0 4px 16px #5bbfea59,inset 0 1px #fff3}.pay-btn-blue:hover{color:#fff;text-decoration:none;transform:translateY(-2px);box-shadow:0 8px 28px #5bbfea66}.pay-btn-gold{background:var(--gold);color:var(--navy);box-shadow:0 4px 16px #e8b84b4d,inset 0 1px #ffffff40}.pay-btn-gold:hover{color:var(--navy);text-decoration:none;transform:translateY(-2px);box-shadow:0 8px 28px #e8b84b66}.info-grid{grid-template-columns:auto 1fr;gap:0;display:grid}.ik{color:var(--text3);white-space:nowrap;border-bottom:1px solid #1a223312;padding:10px 20px 10px 0;font-size:13px;font-weight:500}.iv{color:var(--navy);text-align:right;border-bottom:1px solid #1a223312;padding:10px 0;font-size:13px;font-weight:500}.ik:nth-last-child(2),.iv:last-child{border-bottom:none}.addon-badges{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.addon-badge{color:var(--blue);background:#5bbfea1a;border:1px solid #5bbfea38;border-radius:20px;padding:5px 13px;font-size:12px;font-weight:600}.deliv-item{border-bottom:1px solid #1a223312;align-items:center;gap:14px;padding:12px 0;transition:all .2s;display:flex}.deliv-item:last-child{border-bottom:none}.chk{width:22px;height:22px;color:var(--text3);transition:all .35s var(--spring);background:#ffffffb3;border:1px solid #1a223326;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.chk.done{color:var(--green);background:#22c55e26;border-color:#22c55e59;box-shadow:0 0 0 3px #22c55e1a}.deliv-lbl{color:var(--text2);font-size:14px;font-weight:400}.deliv-item.done .deliv-lbl{color:var(--navy);font-weight:500}.tl-phase{border-bottom:1px solid #1a223312;padding:16px 0}.tl-phase:last-child{border-bottom:none}.tl-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px;display:flex}.tl-name{font-family:var(--fserif);color:var(--navy);font-size:17px}.tl-desc{color:var(--text2);font-size:13px;font-weight:400;line-height:1.55}.tl-dur{color:var(--text3);margin-top:3px;font-size:12px;font-style:italic}.an-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px;display:grid}.an-card{background:var(--glass-light);-webkit-backdrop-filter:blur(20px)saturate(180%)brightness(1.03);border-radius:var(--r2);border:1px solid #ffffff80;padding:18px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 .5px #ffffffe6,0 6px 24px #1a22330f}.an-card:after{content:"";height:3px;position:absolute;top:0;left:0;right:0}.an-card.ac-blue:after{background:linear-gradient(90deg, var(--blue), #5bbfea33)}.an-card.ac-green:after{background:linear-gradient(90deg, var(--green), #22c55e33)}.an-card.ac-gold:after{background:linear-gradient(90deg, var(--gold), #e8b84b33)}.an-lbl{color:var(--text3);text-transform:uppercase;letter-spacing:.07em;margin-bottom:5px;font-size:11px;font-weight:600}.an-val{font-family:var(--fserif);color:var(--navy);font-size:28px;line-height:1.1}.an-chg{margin-top:4px;font-size:12px;font-weight:500}.chart-wrap{align-items:flex-end;gap:5px;height:100px;padding:0 4px;display:flex}.chart-bar{min-width:10px;transition:all .4s var(--ease);cursor:default;background:#5bbfea26;border-radius:6px 6px 0 0;flex:1}.chart-bar.hi{background:var(--blue);box-shadow:0 -4px 12px #5bbfea40}.chart-bar:hover{background:#5bbfea80}.chart-labels{margin-top:3px;padding:4px 4px 0;display:flex}.chart-lbl{color:var(--text3);text-align:center;flex:1;font-size:10px;font-weight:400}.bar-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.bar-lbl{color:var(--text3);text-align:right;min-width:60px;font-size:12px;font-weight:500}.bar-track{background:#1a223312;border-radius:4px;flex:1;height:7px;overflow:hidden}.bar-fill{height:100%;transition:width .7s var(--ease);border-radius:4px}.bf-blue{background:linear-gradient(90deg, #3fa8d8, var(--blue))}.bf-green{background:linear-gradient(90deg, #1aad52, var(--green))}.bf-gold{background:linear-gradient(90deg, #c9941e, var(--gold))}.bf-gray{background:#1a223333}.bar-pct{color:var(--text2);min-width:32px;font-size:12px;font-weight:500}.ads-upsell{border-radius:var(--r2);color:var(--text2);background:linear-gradient(135deg,#e8b84b14,#e8b84b05);border:1px solid #e8b84b38;margin-top:14px;padding:18px 20px;font-size:14px;box-shadow:0 4px 20px #e8b84b0f}.ads-upsell strong{color:#a67c1a}.contact-hero{-webkit-backdrop-filter:blur(24px)saturate(180%)brightness(1.04);text-align:center;background:linear-gradient(135deg,#5bbfea1a 0%,#e8b84b0f 100%);border:1px solid #ffffff8c;border-radius:24px;margin-bottom:14px;padding:36px 24px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 .5px #ffffffe6,0 16px 48px #1a223314}.contact-av{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:72px;height:72px;font-family:var(--fserif);color:var(--navy);background:linear-gradient(135deg,#5bbfea33,#e8b84b33);border:1px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-size:22px;display:flex;box-shadow:inset 0 0 0 .5px #ffffffe6,0 8px 24px #1a22331a}.contact-name{font-family:var(--fserif);color:var(--navy);margin-bottom:3px;font-size:22px}.contact-role{color:var(--text2);margin-bottom:24px;font-size:14px;font-weight:400}.contact-btns{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.cbtn{border-radius:var(--rpill);transition:all .35s var(--spring);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--fbody);border:none;align-items:center;gap:8px;padding:13px 24px;text-decoration:none;display:inline-flex}.cbtn-phone{background:var(--navy);color:#fff;box-shadow:0 4px 16px #1a223340,inset 0 1px #ffffff1a}.cbtn-phone:hover{color:#fff;text-decoration:none;transform:translateY(-2px);box-shadow:0 10px 28px #1a22334d}.cbtn-email{color:var(--navy);background:#ffffffbf;border:1px solid #1a22331f}.cbtn-email:hover{color:var(--navy);background:#fffffff2;text-decoration:none;transform:translateY(-2px);box-shadow:0 6px 20px #1a22331a}.hours-card{-webkit-backdrop-filter:blur(16px)saturate(180%);backdrop-filter:blur(16px)saturate(180%);border-radius:var(--r2);color:var(--text2);text-align:center;background:#fff9;border:1px solid #ffffff73;padding:16px 20px;font-size:14px;box-shadow:0 4px 16px #1a22330d}.admin-screen{background:var(--bg);min-height:100vh}.admin-header{z-index:200;-webkit-backdrop-filter:blur(32px)saturate(180%)brightness(1.04);background:#ffffffd1;border-bottom:1px solid #1a223314;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex;position:sticky;top:0;box-shadow:inset 0 1px #ffffff80,0 4px 20px #1a22330f}.admin-wordmark{font-family:var(--fserif);color:var(--navy);font-size:20px}.admin-wordmark em{color:var(--blue);font-style:italic}.admin-badge{color:var(--blue);letter-spacing:.08em;background:#5bbfea1a;border:1px solid #5bbfea40;border-radius:20px;padding:3px 10px;font-size:10px;font-weight:700}.admin-sign-out{color:var(--text2);border-radius:var(--rpill);transition:all .25s var(--ease);background:#ffffff80;border:1px solid #1a22331f;padding:7px 16px;font-size:12px;font-weight:500}.admin-sign-out:hover{color:var(--navy);background:#fffc;border-color:#1a223340}.admin-tabs-bar{-webkit-backdrop-filter:blur(20px);background:#fff9;border-bottom:1px solid #1a22330f}.admin-tabs-inner{max-width:980px;margin:0 auto;padding:0 20px;display:flex}.admin-tab-btn{color:var(--text2);cursor:pointer;white-space:nowrap;font-size:13px;font-weight:600;font-family:var(--fbody);background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;padding:14px 18px;transition:all .2s}.admin-tab-btn:hover{color:var(--navy)}.admin-tab-btn.on{color:var(--blue);border-bottom-color:var(--blue)}.admin-body{max-width:980px;margin:0 auto;padding:28px 20px 100px}.admin-sec-hdr{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.admin-sec-title{font-family:var(--fserif);color:var(--navy);font-size:20px}.client-card{background:var(--glass-light);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border-light);border-radius:var(--r);cursor:pointer;transition:all .35s var(--spring);justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:16px 18px;display:flex;box-shadow:inset 0 0 0 .5px #ffffffe6,0 6px 24px #1a22330f}.client-card:hover{border-color:#5bbfea4d;transform:translateY(-2px);box-shadow:inset 0 0 0 .5px #ffffffe6,0 12px 36px #1a22331a}.client-card.sel{background:linear-gradient(135deg, #5bbfea0f, var(--glass-light));border-color:#5bbfea66}.cc-name{color:var(--navy);margin-bottom:3px;font-size:15px;font-weight:600}.cc-meta{color:var(--text2);font-size:12px}.cc-badges{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.edit-panel{background:var(--glass-light);-webkit-backdrop-filter:blur(24px)saturate(180%);border-radius:var(--r);border:1px solid #5bbfea33;margin-top:14px;padding:26px;animation:.2s fadeIn;box-shadow:inset 0 0 0 .5px #ffffffe6,0 16px 48px #1a223314}.ep-tabs{scrollbar-width:none;border-bottom:1px solid #1a223314;margin-bottom:22px;display:flex;overflow-x:auto}.ep-tabs::-webkit-scrollbar{display:none}.ep-tab{color:var(--text2);cursor:pointer;white-space:nowrap;font-size:13px;font-weight:600;font-family:var(--fbody);background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;padding:10px 16px;transition:all .2s}.ep-tab:hover{color:var(--navy)}.ep-tab.on{color:var(--blue);border-bottom-color:var(--blue)}.fg{margin-bottom:14px}.fl{color:var(--text2);margin-bottom:5px;font-size:13px;font-weight:500;display:block}.fi{-webkit-backdrop-filter:blur(8px);border-radius:var(--r3);width:100%;color:var(--navy);font-size:14px;font-family:var(--fbody);background:#ffffffb3;border:1px solid #1a22331f;padding:10px 13px;transition:all .2s}.fi:focus{border-color:var(--blue);background:#ffffffe6;box-shadow:0 0 0 3px #5bbfea1f}.fi::placeholder{color:var(--text3)}select.fi{cursor:pointer;appearance:none}select.fi option{color:var(--navy);background:#fff}textarea.fi{resize:vertical;font-family:monospace;font-size:12px;line-height:1.5}.form-grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.phase-btns{flex-wrap:wrap;gap:6px;display:flex}.ph-btn{border-radius:var(--r3);color:var(--text2);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--fbody);background:#ffffff80;border:1px solid #1a22331f;padding:8px 14px;transition:all .2s}.ph-btn:hover{color:var(--blue);border-color:#5bbfea66}.ph-btn.on{color:var(--blue);background:#5bbfea1a;border-color:#5bbfea66}.adm-deliv{border-radius:var(--r3);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:10px 12px;transition:background .15s;display:flex}.adm-deliv:hover{background:#5bbfea0a}.adm-cb{background:#fff9;border:1px solid #1a223326;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;transition:all .2s;display:flex}.adm-cb.on{color:var(--green);background:#22c55e26;border-color:#22c55e66}.adm-dlbl{color:var(--text);font-size:14px}.act-types{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.atype{color:var(--text2);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--fbody);background:#ffffff80;border:1px solid #1a22331a;border-radius:20px;padding:6px 14px;transition:all .2s}.atype.on-blue{color:var(--blue);background:#5bbfea1a;border-color:#5bbfea66}.atype.on-green{color:var(--green);background:#22c55e1a;border-color:#22c55e66}.atype.on-gold{color:var(--gold);background:#e8b84b1a;border-color:#e8b84b66}.act-form{gap:8px;display:flex}.act-form .fi{flex:1}.pay-row-editor{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--r2);background:#ffffff80;border:1px solid #1a223314;margin-bottom:10px;padding:14px}.pay-row-hdr{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.pay-row-label{color:var(--text2);font-size:13px;font-weight:600}.code-gen-row{align-items:flex-end;gap:8px;display:flex}.code-gen-row .fi{flex:1}.add-form{background:var(--glass-light);-webkit-backdrop-filter:blur(20px)saturate(180%);border-radius:var(--r);border:1px solid #5bbfea33;margin-bottom:16px;padding:22px;animation:.2s fadeIn;box-shadow:inset 0 0 0 .5px #ffffffe6,0 8px 32px #1a22330f}.add-form-title{font-family:var(--fserif);color:var(--blue);margin-bottom:16px;font-size:17px}.admin-stat-row{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;display:grid}.admin-stat-card{background:var(--glass-light);-webkit-backdrop-filter:blur(16px)saturate(180%);border:1px solid var(--glass-border-light);border-radius:var(--r2);padding:16px;box-shadow:inset 0 0 0 .5px #ffffffe6,0 4px 16px #1a22330d}.admin-stat-card .stat-lbl{color:var(--text2)}.admin-stat-card .stat-val{color:var(--navy)}.btn{border-radius:var(--rpill);cursor:pointer;transition:all .35s var(--spring);font-size:13px;font-weight:600;font-family:var(--fbody);border:none;align-items:center;gap:6px;padding:9px 20px;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-gold{background:var(--gold);color:var(--navy);box-shadow:0 4px 16px #e8b84b4d,inset 0 1px #fff3}.btn-gold:hover{box-shadow:0 8px 24px #e8b84b66}.btn-blue{background:var(--blue);color:#fff;box-shadow:0 4px 16px #5bbfea4d}.btn-blue:hover{box-shadow:0 8px 24px #5bbfea66}.btn-navy{background:var(--navy);color:#fff;box-shadow:0 4px 16px #1a22334d,inset 0 1px #ffffff1a}.btn-navy:hover{box-shadow:0 8px 24px #1a223366}.btn-outline{color:var(--text2);background:#ffffff80;border:1px solid #1a22331f}.btn-outline:hover{color:var(--blue);background:#fffc;border-color:#5bbfea66}.btn-outline-dark{color:var(--navy);background:#fff9;border:1px solid #1a223324}.btn-outline-dark:hover{background:#ffffffe6;box-shadow:0 4px 16px #1a223314}.btn-danger{color:var(--red);background:#ef44441a;border:1px solid #ef444440}.btn-danger:hover{background:#ef44442e}.btn-sm{padding:6px 16px;font-size:12px}.btn-xs{padding:4px 10px;font-size:11px}.divider,.divider-light{border:none;border-top:1px solid #1a223314;margin:16px 0}.toast-wrap{border-radius:var(--rpill);z-index:999;white-space:nowrap;font-size:14px;font-weight:600;font-family:var(--fbody);-webkit-backdrop-filter:blur(20px)saturate(180%);animation:slideUp .25s var(--ease);padding:12px 24px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #1a223333}.toast-ok{color:#fff;background:#22c55ee6;border:1px solid #ffffff40}.toast-err{color:#fff;background:#ef4444e6;border:1px solid #fff3}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%)translateY(16px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes drift1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(40px,25px)scale(1.05)}66%{transform:translate(-20px,15px)scale(.97)}}@keyframes drift2{0%,to{transform:translate(0)}50%{transform:translate(-35px,-25px)}}@keyframes drift3{0%,to{transform:translate(0)}50%{transform:translate(20px,-30px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}@keyframes stepglow{0%,to{box-shadow:0 0 0 5px #5bbfea1f,0 4px 16px #5bbfea2e}50%{box-shadow:0 0 0 8px #5bbfea2e,0 6px 20px #5bbfea47}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0003}@media (width<=640px){.stat-grid{gap:8px}.stat-val{font-size:20px}.form-grid2,.an-grid{grid-template-columns:1fr}.portal-body,.admin-body{padding:16px 14px 100px}.admin-stat-row{grid-template-columns:repeat(2,1fr)}.ptable th:nth-child(5),.ptable td:nth-child(5){display:none}.welcome-greeting{font-size:24px}.hdr-pill{border-radius:16px}.login-card{border-radius:20px;padding:28px 22px}}@media (width<=380px){.stat-grid{grid-template-columns:1fr 1fr}}