:root{
  --bg:#f4f5f7;--surface:#fff;--surface-2:#151516;--ink:#171719;--muted:#70727a;
  --gold:#d7a43a;--gold-2:#f4d27a;--gold-dark:#8e6418;--line:#e6e7eb;
  --success:#16845b;--warning:#b57408;--danger:#b63434;--radius:18px;--shadow:0 18px 55px rgba(18,18,20,.08)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--ink)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:280px;background:linear-gradient(180deg,#0d0d0e,#19191b);color:#fff;padding:20px 16px;display:flex;flex-direction:column;z-index:40;box-shadow:12px 0 40px rgba(0,0,0,.15)}.brand-block{display:flex;gap:12px;align-items:center;padding:8px 10px 20px;border-bottom:1px solid rgba(255,255,255,.09)}.brand-block img{width:64px;height:48px;object-fit:cover;object-position:center;border-radius:12px;border:1px solid rgba(244,210,122,.35)}.brand-block strong{font-family:"Playfair Display",serif;font-size:22px;letter-spacing:3px;color:var(--gold-2)}.brand-block small{display:block;color:#b9b9bd;font-size:11px;margin-top:3px}.sidebar-nav{overflow:auto;padding:18px 3px;flex:1}.nav-caption{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#77787e;padding:0 12px}.nav-link{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;color:#c9c9cd;margin:4px 0;font-size:14px;transition:.2s}.nav-link:hover,.nav-link.active{color:#fff;background:linear-gradient(90deg,rgba(215,164,58,.22),rgba(215,164,58,.07));box-shadow:inset 3px 0 0 var(--gold)}.nav-icon{display:grid;place-items:center;width:26px;height:26px;color:var(--gold-2);font-weight:700}.sidebar-footer{padding:14px 12px;border-top:1px solid rgba(255,255,255,.09)}.sidebar-footer span,.sidebar-footer small{display:block}.sidebar-footer span{font-size:12px;color:#ddd}.sidebar-footer small{font-size:11px;color:#777;margin-top:4px}.main-area{margin-left:280px;min-width:0;width:calc(100% - 280px);display:flex;min-height:100vh;flex-direction:column}.topbar{height:88px;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:30}.eyebrow{margin:0;color:var(--gold-dark);font-size:11px;text-transform:uppercase;letter-spacing:1.5px;font-weight:800}.topbar h1{margin:4px 0 0;font-size:24px}.topbar-actions{display:flex;align-items:center;gap:12px}.icon-button{border:1px solid var(--line);background:#fff;border-radius:12px;width:42px;height:42px;display:grid;place-items:center;cursor:pointer}.mobile-menu{display:none}.user-chip{position:relative;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);padding:7px 12px 7px 7px;border-radius:15px;cursor:pointer}.avatar{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,var(--gold-2),var(--gold-dark));color:#17120b;font-weight:800;display:grid;place-items:center}.user-chip-copy strong,.user-chip-copy span{display:block}.user-chip-copy strong{font-size:13px}.user-chip-copy span{font-size:11px;color:var(--muted);margin-top:2px}.user-menu{display:none;position:absolute;right:0;top:58px;background:#fff;width:190px;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:8px}.user-chip:hover .user-menu{display:block}.user-menu a{display:block;padding:10px 12px;border-radius:9px;font-size:13px}.user-menu a:hover{background:#f5f5f7}.danger-link{color:var(--danger)!important}.content-wrap{padding:28px 30px;flex:1}.app-footer{display:flex;justify-content:space-between;padding:18px 30px;color:var(--muted);font-size:12px}.grid{display:grid;gap:18px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card,.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.stat-card{padding:20px;position:relative;overflow:hidden}.stat-card::after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-30px;top:-35px;background:rgba(215,164,58,.12)}.stat-card .label{color:var(--muted);font-size:12px}.stat-card .value{font-size:28px;font-weight:800;margin-top:9px}.stat-card .hint{font-size:11px;color:var(--muted);margin-top:6px}.card{padding:22px}.card-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.card-header h2,.card-header h3{margin:0}.card-header p{margin:5px 0 0;color:var(--muted);font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;padding:11px 16px;font-weight:700;font-size:13px;cursor:pointer}.button-primary{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#22190a}.button-dark{background:#171719;color:#fff}.button-light{background:#f4f4f6;color:#29292d;border:1px solid var(--line)}.button-danger{background:#fff0f0;color:var(--danger);border:1px solid #f1cdcd}.button-sm{padding:7px 10px;font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field{display:flex;flex-direction:column;gap:7px}.field-full{grid-column:1/-1}.field label{font-size:12px;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid #dfe0e4;background:#fff;border-radius:11px;padding:11px 12px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(215,164,58,.12)}.field textarea{min-height:100px;resize:vertical}.table-tools{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.search-input{max-width:320px;width:100%;border:1px solid var(--line);border-radius:11px;padding:10px 13px}.table-responsive{overflow:auto}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table th{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);background:#fafafa;text-align:left;padding:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.data-table td{padding:13px 12px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:middle}.data-table tr:hover td{background:#fffdf7}.badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800}.badge-success{background:#e6f6ef;color:var(--success)}.badge-warning{background:#fff3d9;color:var(--warning)}.badge-danger{background:#fdeaea;color:var(--danger)}.badge-secondary{background:#efeff2;color:#5f6067}.alert{padding:13px 16px;border-radius:12px;margin-bottom:18px;font-size:13px}.alert-success{background:#e8f7f0;color:#126746;border:1px solid #c4ead8}.alert-danger{background:#fff0f0;color:#982d2d;border:1px solid #f1cccc}.hero-panel{background:linear-gradient(115deg,#101011 0%,#25201a 55%,#8e6418 140%);color:#fff;border-radius:24px;padding:28px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow);overflow:hidden;position:relative}.hero-panel::after{content:"W";font-family:"Playfair Display",serif;font-size:220px;color:rgba(244,210,122,.08);position:absolute;right:25px;top:-80px}.hero-panel h2{font-family:"Playfair Display",serif;font-size:32px;margin:0 0 8px}.hero-panel p{max-width:620px;color:#d2d2d4;margin:0;line-height:1.6}.hero-logo{width:120px;height:86px;object-fit:cover;border-radius:16px;border:1px solid rgba(244,210,122,.35);z-index:1}.section-gap{margin-top:22px}.progress{height:9px;background:#ececf0;border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-2))}.empty-state{text-align:center;padding:35px;color:var(--muted)}.modal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;padding:20px;z-index:100}.modal.open{display:flex}.modal-panel{width:min(720px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:20px;padding:24px;box-shadow:0 24px 90px rgba(0,0,0,.3)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.close-button{border:0;background:#f1f1f3;border-radius:9px;width:34px;height:34px;cursor:pointer}.login-page{min-height:100vh;background:#0e0e0f;display:grid;grid-template-columns:1.15fr .85fr}.login-art{position:relative;display:flex;align-items:center;justify-content:center;padding:50px;background:radial-gradient(circle at 35% 35%,#3b2c12 0%,#151515 32%,#090909 72%)}.login-art img{max-width:560px;width:90%;filter:drop-shadow(0 20px 40px rgba(0,0,0,.45))}.login-art-copy{position:absolute;left:55px;bottom:45px;color:#fff}.login-art-copy h1{font-family:"Playfair Display",serif;font-size:34px;margin:0}.login-art-copy p{color:#b9b9bd;margin:8px 0 0}.login-form-wrap{background:#fff;display:flex;align-items:center;padding:55px}.login-form{max-width:430px;width:100%;margin:auto}.login-form .kicker{color:var(--gold-dark);font-size:12px;text-transform:uppercase;letter-spacing:1.4px;font-weight:800}.login-form h2{font-size:34px;margin:8px 0}.login-form>p{color:var(--muted);margin:0 0 26px;line-height:1.6}.login-form .field{margin-bottom:15px}.login-submit{width:100%;margin-top:6px}.login-help{font-size:12px;color:var(--muted);margin-top:18px;text-align:center}.role-strip{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.role-strip span{background:#f2f2f4;border-radius:999px;padding:6px 9px;font-size:10px;color:#65666c}.public-apply{min-height:100vh;background:#f5f5f7;padding:30px}.apply-shell{max-width:1000px;margin:auto}.public-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.public-header img{width:90px;height:62px;object-fit:cover;border-radius:12px}.public-brand{display:flex;gap:12px;align-items:center}.public-brand strong,.public-brand span{display:block}.public-brand strong{font-family:"Playfair Display",serif;font-size:24px}.public-brand span{color:var(--muted);font-size:12px}.sidebar-backdrop{display:none}
@media(max-width:1180px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:35}.sidebar-open .sidebar-backdrop{display:block}.main-area{margin-left:0;width:100%}.mobile-menu{display:grid}.login-page{grid-template-columns:1fr}.login-art{min-height:280px}.login-art img{max-width:340px}.login-art-copy{display:none}.login-form-wrap{padding:35px 22px}}
@media(max-width:680px){.topbar{padding:0 15px;height:76px}.topbar h1{font-size:19px}.user-chip-copy{display:none}.content-wrap{padding:18px 14px}.grid-4,.grid-3,.grid-2,.form-grid{grid-template-columns:1fr}.hero-panel{padding:22px}.hero-panel h2{font-size:25px}.hero-logo{display:none}.card{padding:16px}.table-tools{align-items:stretch;flex-direction:column}.search-input{max-width:none}.app-footer{padding:14px;flex-direction:column;gap:6px}.public-apply{padding:15px}.public-header{align-items:flex-start;gap:10px}.public-header .button{padding:9px 10px}}

/* ===== WELLIPO ERP Premium Admin Upgrade v3.3 ===== */
:root{
  --bg:#f3f7fc;--surface:#ffffff;--surface-soft:#f8fbff;--ink:#10233e;--muted:#6b7d91;
  --navy:#061d38;--blue:#0b67c2;--blue-2:#4aa9ff;--purple:#725cf5;--pink:#ef5aa8;
  --teal:#10b7ae;--green:#23a56d;--orange:#f39b38;--yellow:#f4c64f;--red:#dd5263;
  --gold:#e5ac32;--gold-2:#ffd86f;--line:#dfe8f2;--radius:20px;
  --shadow:0 18px 46px rgba(14,52,92,.09);--shadow-lg:0 28px 80px rgba(10,43,82,.16)
}
body{font-family:"Outfit",Inter,system-ui,sans-serif;background:
  radial-gradient(circle at 98% 0,rgba(114,92,245,.08),transparent 22%),
  radial-gradient(circle at 0 100%,rgba(16,183,174,.07),transparent 20%),var(--bg);color:var(--ink)}
.sidebar{width:286px;background:
  radial-gradient(circle at 15% 8%,rgba(114,92,245,.28),transparent 22%),
  radial-gradient(circle at 95% 70%,rgba(16,183,174,.18),transparent 25%),
  linear-gradient(180deg,#051a32 0%,#082b50 52%,#061c35 100%);padding:18px 15px;box-shadow:18px 0 55px rgba(4,29,55,.18)}
.brand-block{padding:9px 10px 19px;border-bottom-color:rgba(255,255,255,.12)}
.brand-block img{width:68px;height:50px;border:1px solid rgba(255,216,111,.55);box-shadow:0 14px 30px rgba(0,0,0,.25)}
.brand-block strong{font-family:"Playfair Display",serif;font-size:23px;color:#fff;letter-spacing:4px}
.brand-block small{color:#bbcee2}
.sidebar-nav{padding:17px 3px}
.nav-caption{color:#8da8c3;font-size:10px;font-weight:800}
.nav-link{color:#c8d9e9;padding:12px 12px;border-radius:13px;font-weight:600;position:relative;overflow:hidden}
.nav-link:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:99px;background:transparent}
.nav-link:hover,.nav-link.active{background:linear-gradient(90deg,rgba(255,216,111,.19),rgba(114,92,245,.17));box-shadow:none;color:#fff}
.nav-link:hover:before,.nav-link.active:before{background:linear-gradient(180deg,var(--gold-2),var(--pink),var(--purple))}
.nav-icon{width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.08);color:var(--gold-2);font-size:13px}
.sidebar-footer{border-top-color:rgba(255,255,255,.12)}
.main-area{margin-left:286px;width:calc(100% - 286px)}
.topbar{height:88px;padding:0 30px;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(14,61,110,.09);box-shadow:0 10px 28px rgba(13,50,90,.05)}
.topbar:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--gold-2),var(--teal),var(--purple),var(--pink),var(--gold-2));background-size:260% 100%;animation:adminGradient 9s linear infinite}
@keyframes adminGradient{to{background-position:260% 0}}
.eyebrow{color:var(--blue);font-size:10px}
.topbar h1{font-size:25px;font-weight:800;color:#142b47}
.icon-button{border:none;background:#f3f7fb;color:#183753;box-shadow:inset 0 0 0 1px #dfe8f2}
.icon-button:hover{background:#eaf4ff;color:var(--blue)}
.user-chip{border:none;box-shadow:0 10px 26px rgba(11,50,90,.08);padding-right:14px}
.avatar{background:linear-gradient(135deg,var(--gold-2),var(--orange));color:#10233e;box-shadow:0 8px 18px rgba(244,188,67,.25)}
.content-wrap{padding:28px 30px 36px}
.stat-card,.card{border:none;box-shadow:var(--shadow)}
.card{padding:23px;background:rgba(255,255,255,.97)}
.card-header h2,.card-header h3{color:#132b48;font-weight:800}
.card-header p{color:var(--muted)}
.button{border-radius:12px;transition:.2s ease;white-space:nowrap}
.button:hover{transform:translateY(-2px)}
.button-primary{background:linear-gradient(135deg,#0b4c87,var(--purple));color:#fff;box-shadow:0 11px 25px rgba(74,69,215,.20)}
.button-dark{background:linear-gradient(135deg,#102d4e,#071d35);color:#fff}
.button-light{background:#f4f8fc;color:#24415f;border:1px solid #dce7f2}
.button-danger{background:#fff0f2;color:#b92c42;border:1px solid #f3cbd2}
.button-success{background:#e9f9f1;color:#117348;border:1px solid #c9ebd9}
.button-view{background:#eaf5ff;color:#0b5da9;border:1px solid #c9e4fa}
.button-edit{background:#f3efff;color:#5b46cd;border:1px solid #dcd3ff}
.button-print{background:#fff7df;color:#9a6100;border:1px solid #f1d897}
.button-glass{background:rgba(255,255,255,.10);color:#fff;border:1px solid rgba(255,255,255,.32)}
.button-sm{padding:7px 10px;font-size:11px}
.hero-panel{background:
  radial-gradient(circle at 85% 15%,rgba(255,216,111,.20),transparent 20%),
  radial-gradient(circle at 10% 100%,rgba(114,92,245,.22),transparent 24%),
  linear-gradient(120deg,#041a31,#0a467b 58%,#725cf5 120%);border-radius:25px;padding:31px 34px;box-shadow:0 25px 70px rgba(8,42,81,.20)}
.hero-panel::after{content:"W";color:rgba(255,255,255,.06);font-size:250px;top:-105px;right:18px}
.hero-panel h2{font-size:36px;color:#fff}
.hero-panel p{color:#dbe9f7;max-width:760px}
.hero-kicker{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);color:var(--gold-2);font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:12px}
.hero-actions{display:flex;gap:11px;margin-top:22px;position:relative;z-index:2}
.hero-logo{width:135px;height:92px;box-shadow:0 20px 45px rgba(0,0,0,.25)}
.admin-summary-grid{gap:17px}
.admin-summary-grid .stat-card{min-height:142px;padding:21px 22px;position:relative;border-radius:20px;overflow:hidden}
.admin-summary-grid .stat-card:before{content:"";position:absolute;left:0;top:0;right:0;height:5px;background:var(--tone,#0b67c2)}
.admin-summary-grid .stat-card::after{width:120px;height:120px;right:-50px;top:-45px;background:color-mix(in srgb,var(--tone,#0b67c2) 14%,transparent)}
.stat-card.tone-blue{--tone:var(--blue);background:linear-gradient(180deg,#fff,#f5faff)}
.stat-card.tone-green{--tone:var(--green);background:linear-gradient(180deg,#fff,#f2fcf7)}
.stat-card.tone-purple{--tone:var(--purple);background:linear-gradient(180deg,#fff,#f7f4ff)}
.stat-card.tone-orange{--tone:var(--orange);background:linear-gradient(180deg,#fff,#fff8ee)}
.stat-card.tone-pink{--tone:var(--pink);background:linear-gradient(180deg,#fff,#fff3f8)}
.stat-card.tone-teal{--tone:var(--teal);background:linear-gradient(180deg,#fff,#f0fffc)}
.stat-card.tone-yellow{--tone:var(--yellow);background:linear-gradient(180deg,#fff,#fffbe9)}
.stat-card.tone-red{--tone:var(--red);background:linear-gradient(180deg,#fff,#fff3f4)}
.stat-card .label{font-size:11px;font-weight:700;color:#6c7e91;text-transform:uppercase;letter-spacing:.7px}
.stat-card .value{font-size:29px;color:#122d4b}
.stat-card .value.value-text{font-size:19px;line-height:1.25;margin-top:13px}
.stat-card .hint{font-size:10px}
.stat-icon{position:absolute;right:18px;bottom:17px;width:42px;height:42px;border-radius:13px;background:color-mix(in srgb,var(--tone,#0b67c2) 15%,white);color:var(--tone,#0b67c2);display:grid;place-items:center;font-size:10px;font-weight:900}
.dashboard-main-grid{grid-template-columns:minmax(0,1.5fr) minmax(360px,.8fr)}
.dashboard-chart-card{min-height:420px}
.bar-chart{height:245px;display:flex;gap:13px;align-items:end;padding:24px 10px 0;border-bottom:1px solid #e1e9f2;background:linear-gradient(180deg,rgba(239,246,253,.65),transparent);border-radius:15px}
.bar-item{height:100%;flex:1;min-width:40px;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:7px}
.bar-value{font-size:8px;color:#6a7b8d;writing-mode:vertical-rl;transform:rotate(180deg);max-height:65px}
.bar-track{height:155px;width:100%;max-width:34px;border-radius:10px 10px 3px 3px;background:#edf2f7;display:flex;align-items:end;overflow:hidden}
.bar-track i{display:block;width:100%;background:linear-gradient(180deg,var(--pink),var(--purple),var(--blue));border-radius:10px 10px 3px 3px;min-height:8px}
.bar-item strong{font-size:10px;color:#51667c}
.collection-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}
.collection-summary span{padding:13px;border-radius:13px;background:#f7fafd;border:1px solid #e2eaf2}.collection-summary small,.collection-summary strong{display:block}.collection-summary small{font-size:9px;color:#7b8b9a}.collection-summary strong{font-size:14px;margin-top:4px}
.quick-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.quick-action-grid a{padding:15px;border:1px solid #e0e9f2;border-radius:15px;background:linear-gradient(180deg,#fff,#f9fbfe);transition:.2s}.quick-action-grid a:hover{transform:translateY(-3px);box-shadow:0 13px 28px rgba(11,49,89,.09);border-color:#b9d6ef}.quick-action-grid a>span{width:35px;height:35px;border-radius:11px;background:linear-gradient(135deg,#eaf5ff,#f2edff);display:grid;place-items:center;color:var(--blue);font-weight:900}.quick-action-grid strong,.quick-action-grid small{display:block}.quick-action-grid strong{font-size:12px;margin-top:9px}.quick-action-grid small{font-size:9px;color:#7b8b9b;margin-top:3px}
.premium-table{border-radius:15px;overflow:hidden}.data-table th{background:#f5f8fc;border-top:0;color:#607387;font-weight:800}.data-table td{color:#233d58}.data-table td strong,.data-table td small{display:block}.data-table td small{margin-top:4px;color:#8191a1;font-size:10px}.data-table tr:hover td{background:#f8fbff}.text-right{text-align:right}.compact-table td{padding:11px 10px}
.person-cell{display:flex;align-items:center;gap:10px}.person-cell>span,.person-cell>img{width:39px;height:39px;border-radius:12px;object-fit:cover;display:grid;place-items:center;background:linear-gradient(135deg,#dff2ff,#ded4ff);color:#153250;font-weight:900;flex:0 0 auto}
.money-positive{color:#138159!important}.money-due{color:#c84455!important}.mini-progress{width:75px;height:6px;background:#e9eef3;border-radius:99px;margin-top:6px;overflow:hidden}.mini-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--blue))}
.row-actions{display:flex;justify-content:flex-end;align-items:center;gap:6px;flex-wrap:wrap}.inline-form{display:inline-flex;margin:0}
.filter-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:17px;padding:13px;border-radius:15px;background:#f7fafd;border:1px solid #e1e9f2}.filter-toolbar input,.filter-toolbar select{min-height:40px;padding:9px 11px;border:1px solid #dce6ef;border-radius:10px;background:#fff;color:#334d67}.filter-toolbar .search-input{min-width:250px;flex:1}
.form-section-title{margin-top:7px;padding:10px 12px;border-radius:11px;background:linear-gradient(90deg,#eaf5ff,#f7f2ff,#fff7e3);color:#173653;font-weight:800;font-size:12px;border-left:4px solid var(--purple)}
.form-actions{display:flex!important;flex-direction:row!important;justify-content:flex-end;align-items:center;gap:10px}
.modal{backdrop-filter:blur(4px)}.modal-panel{border-radius:23px;box-shadow:var(--shadow-lg)}.modal-xl{width:min(1120px,100%)}.modal-sm{width:min(480px,100%)}.modal-head h2{margin:0;color:#132d4a}.modal-head p{margin:5px 0 0;color:var(--muted);font-size:11px}.close-button{display:grid;place-items:center;color:#24425f;text-decoration:none;font-size:20px}
.profile-summary{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:20px;border-radius:17px;background:linear-gradient(120deg,#f1f8ff,#fff,#f8f3ff);border:1px solid #dfe9f3}.profile-avatar img,.profile-avatar span{width:78px;height:78px;border-radius:20px;object-fit:cover;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue-2),var(--purple));color:#fff;font-size:28px;font-weight:800}.profile-summary h3{font-size:22px;margin:0}.profile-summary p{margin:5px 0 8px;color:var(--muted)}.profile-badges{display:flex;gap:6px}.profile-actions{display:flex;gap:8px}
.detail-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.detail-stat-grid article{padding:16px;border-radius:15px;background:linear-gradient(180deg,#fff,#f7fafd);border:1px solid #e0e9f2}.detail-stat-grid span,.detail-stat-grid strong{display:block}.detail-stat-grid span{font-size:9px;color:#7c8d9e;text-transform:uppercase;letter-spacing:.6px}.detail-stat-grid strong{font-size:18px;margin-top:6px}
.detail-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.detail-columns.two-columns{grid-template-columns:1fr 1fr}.detail-card{padding:18px;border:1px solid #e0e9f2;border-radius:17px;background:#fff}.detail-card h3{margin:0 0 12px;color:#183653;font-size:14px}.detail-list-vertical{margin:0}.detail-list-vertical div{padding:9px 0;border-bottom:1px dashed #e2e8ef}.detail-list-vertical div:last-child{border-bottom:0}.detail-list-vertical dt{font-size:9px;color:#8190a0;text-transform:uppercase;letter-spacing:.5px}.detail-list-vertical dd{margin:3px 0 0;font-size:12px;color:#243f5b;overflow-wrap:anywhere}.mini-list{display:grid}.mini-list>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #e6edf4}.mini-list>div:last-child{border-bottom:0}.mini-list strong,.mini-list small{display:block}.mini-list strong{font-size:11px}.mini-list small{font-size:9px;color:#8493a2;margin-top:3px}.mini-list a{font-size:9px;color:var(--blue);font-weight:800}.compact-empty{padding:18px}.card-header.compact{margin-bottom:8px}
.receipt-detail-head{display:flex;justify-content:space-between;align-items:center;padding:18px;border-radius:16px;background:linear-gradient(120deg,#f2f8ff,#fff8e6,#f5f0ff)}.receipt-detail-head span,.receipt-detail-head strong{display:block}.receipt-detail-head span{font-size:10px;color:#718397}.receipt-detail-head strong{font-size:27px;color:var(--blue);margin-top:4px}
.activity-list{display:grid}.activity-item{display:grid;grid-template-columns:16px 1fr;gap:9px;padding:11px 0;border-bottom:1px solid #e6edf4}.activity-dot{width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--purple));margin-top:4px}.activity-item strong{font-size:12px}.activity-item p{font-size:10px;color:var(--muted);margin:4px 0}.activity-item small{font-size:8px;color:#96a3af}
.payment-list{display:grid}.payment-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #e6edf4}.payment-row:last-child{border-bottom:0}.payment-icon{width:39px;height:39px;border-radius:12px;background:linear-gradient(135deg,#e6f8f1,#dff1ff);color:var(--green);display:grid;place-items:center;font-weight:900}.payment-row strong,.payment-row small{display:block}.payment-row strong{font-size:11px}.payment-row small{font-size:9px;color:#8795a4;margin-top:3px}.payment-row>a{font-size:9px;color:var(--blue);font-weight:800}
.branch-snapshot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.branch-snapshot-grid article{padding:17px;border-radius:16px;border:1px solid #e0e9f2;background:linear-gradient(180deg,#fff,#f8fbff);position:relative;overflow:hidden}.branch-snapshot-grid article:nth-child(4n+2){background:linear-gradient(180deg,#fff,#fff9ed)}.branch-snapshot-grid article:nth-child(4n+3){background:linear-gradient(180deg,#fff,#f8f4ff)}.branch-snapshot-grid article:nth-child(4n+4){background:linear-gradient(180deg,#fff,#effefb)}.branch-code{font-size:8px;font-weight:900;color:var(--blue);background:#eaf5ff;padding:5px 7px;border-radius:7px}.branch-snapshot-grid h3{font-size:13px;margin:12px 0 4px}.branch-snapshot-grid p{font-size:9px;color:var(--muted);margin:0 0 14px}.branch-snapshot-grid article>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.branch-snapshot-grid small,.branch-snapshot-grid strong{display:block}.branch-snapshot-grid small{font-size:8px;color:#8391a0}.branch-snapshot-grid strong{font-size:12px;margin-top:4px}.branch-snapshot-grid a{display:inline-block;margin-top:13px;font-size:9px;color:var(--blue);font-weight:800}
.progress-ring-row{display:flex;align-items:center;gap:25px}.progress-ring{--value:0;width:125px;height:125px;border-radius:50%;background:conic-gradient(var(--blue) calc(var(--value)*1%),#e7edf3 0);display:grid;place-items:center;position:relative;flex:0 0 auto}.progress-ring:after{content:"";position:absolute;width:91px;height:91px;border-radius:50%;background:#fff}.progress-ring span{position:relative;z-index:1;font-size:23px;font-weight:800}.muted-copy{color:var(--muted);font-size:12px;line-height:1.6}.header-buttons{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:1250px){.dashboard-main-grid{grid-template-columns:1fr}.branch-snapshot-grid{grid-template-columns:repeat(2,1fr)}.detail-columns{grid-template-columns:1fr 1fr}.admin-summary-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1050px){.admin-summary-grid{grid-template-columns:repeat(2,1fr)}.detail-stat-grid{grid-template-columns:repeat(2,1fr)}.main-area{margin-left:0;width:100%}}
@media(max-width:900px){.sidebar{width:286px}.profile-summary{grid-template-columns:auto 1fr}.profile-actions{grid-column:1/-1}.detail-columns,.detail-columns.two-columns{grid-template-columns:1fr}.dashboard-main-grid{grid-template-columns:1fr}.filter-toolbar{align-items:stretch}.filter-toolbar>*{flex:1 1 180px}.hero-actions{flex-wrap:wrap}}
@media(max-width:680px){.content-wrap{padding:17px 13px 28px}.topbar{padding:0 14px}.hero-panel{padding:24px 20px}.hero-panel h2{font-size:28px}.admin-summary-grid,.detail-stat-grid,.branch-snapshot-grid,.quick-action-grid,.collection-summary{grid-template-columns:1fr}.profile-summary{grid-template-columns:1fr;text-align:center}.profile-avatar{display:flex;justify-content:center}.profile-badges,.profile-actions{justify-content:center;flex-wrap:wrap}.form-actions{flex-direction:column!important}.form-actions .button{width:100%}.payment-row{grid-template-columns:auto 1fr}.payment-row>div:nth-child(3),.payment-row>a{grid-column:2}.progress-ring-row{display:block;text-align:center}.progress-ring{margin:0 auto 20px}.bar-chart{overflow-x:auto}.detail-columns{grid-template-columns:1fr}.row-actions{justify-content:flex-start}.filter-toolbar .search-input{min-width:0}.hero-actions .button{width:100%}}

/* WELLIPO v4 business workspace */
.referral-box{display:grid;gap:8px;background:#f6f8fb;border:1px solid #e0e7ef;border-radius:14px;padding:16px}.referral-box small{color:var(--muted,#64748b);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.referral-box strong{font-size:18px}.referral-box input{width:100%;padding:10px 12px;border:1px solid #cfd9e4;border-radius:9px;background:#fff}.selection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.select-card{border:1px solid #dce4ed;border-radius:12px;padding:12px;background:#fff}.select-card label{display:flex;gap:8px;align-items:flex-start;cursor:pointer}.select-card strong,.select-card small{display:block}.select-card small{color:var(--muted,#64748b);margin-top:3px}.header-buttons{display:flex;gap:8px;flex-wrap:wrap}.modal-xl{width:min(1120px,96vw)!important;max-width:1120px!important}.button-print{background:#eef5ff!important;color:#164b83!important}.button-success{background:#e7f7ed!important;color:#137343!important}.mini-list{display:grid;gap:8px}.mini-list>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5eaf0;padding:8px 0}.mini-list span strong,.mini-list span small{display:block}.detail-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.detail-stat-grid article{background:#f6f8fb;padding:14px;border-radius:12px}.detail-stat-grid span,.detail-stat-grid strong{display:block}.detail-stat-grid span{font-size:12px;color:var(--muted,#64748b)}.detail-stat-grid strong{margin-top:5px;font-size:18px}.row-actions{display:flex;gap:6px;flex-wrap:wrap}@media(max-width:900px){.selection-grid{grid-template-columns:1fr 1fr}.detail-stat-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.selection-grid{grid-template-columns:1fr}.detail-stat-grid{grid-template-columns:1fr 1fr}}

/* WELLIPO v6 grouped navigation */
.nav-group{margin:0 0 14px}.nav-group+.nav-group{padding-top:5px;border-top:1px solid rgba(255,255,255,.055)}.nav-group .nav-caption{margin:10px 0 5px}.nav-link{position:relative}.nav-ext{margin-left:auto;color:#777;font-size:11px}.nav-link.active .nav-ext,.nav-link:hover .nav-ext{color:#f4d27a}

/* WELLIPO v6 Billing / POS */
.pos-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:8px 10px;border:1px solid #dce5ee;border-radius:13px;background:#fff;box-shadow:0 5px 18px rgba(17,42,67,.05)}.pos-view-buttons,.pos-shortcuts,.pos-tabs{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.pos-chip,.pos-tabs button,.pos-mini{border:1px solid #d7e0e9;background:#fff;border-radius:9px;padding:7px 11px;font-size:10px;font-weight:800;color:#173550;cursor:pointer}.pos-chip-dark{background:#6c0709;color:#fff;border-color:#6c0709}.pos-shortcuts span{font-size:9px;color:#7b8b9b;background:#f6f9fc;border:1px solid #e5ebf1;padding:6px 8px;border-radius:8px}.pos-created{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pos-shell{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(355px,.95fr);gap:10px;align-items:start}.pos-catalogue,.pos-running-bill{background:#fff;border:1px solid #dce5ee;border-radius:15px;box-shadow:0 7px 24px rgba(17,42,67,.07)}.pos-catalogue{overflow:hidden;min-height:680px}.pos-running-bill{padding:12px;position:sticky;top:100px;max-height:calc(100vh - 115px);overflow:auto}.pos-scan-row{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:9px;border-bottom:1px solid #e4eaf0;background:#fdfefe}.pos-scan-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#eef6ff;color:#0c5e9e;font-size:17px}.pos-scan-row input{border:2px solid #0872d7;border-radius:11px;padding:10px 12px;outline:none;font-size:12px}.pos-scan-row button{height:34px;border:0;border-radius:8px;background:#092f50;color:#fff;font-weight:900;font-size:9px;padding:0 12px}.pos-catalogue-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;background:#fffaf0;border-bottom:1px solid #ede4d5}.pos-catalogue-head strong,.pos-bill-title strong{display:block;font-size:13px;color:#2a180b}.pos-catalogue-head small,.pos-bill-title small{display:block;margin-top:3px;font-size:9px;color:#778797}.pos-tabs button.active{background:#6c0709;color:#fff;border-color:#6c0709}.pos-filter-row{display:grid;grid-template-columns:minmax(240px,1.8fr) 1fr 1fr;gap:7px;padding:10px 12px;border-bottom:1px solid #e8edf2}.pos-filter-row input,.pos-filter-row select,.pos-block input,.pos-block select,.pos-customer-grid input,.pos-payment-grid input,.pos-payment-grid select,.pos-more textarea{width:100%;border:1px solid #dbe3eb;border-radius:9px;background:#fff;padding:9px 10px;font-size:11px;outline:none}.pos-filter-row input:focus,.pos-filter-row select:focus,.pos-block input:focus,.pos-block select:focus,.pos-customer-grid input:focus,.pos-payment-grid input:focus,.pos-payment-grid select:focus,.pos-more textarea:focus{border-color:#b28b3b;box-shadow:0 0 0 3px rgba(178,139,59,.1)}
.pos-item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px;align-content:start}.pos-item[hidden],.pos-item.pos-filter-hidden{display:none!important}.pos-no-results[hidden]{display:none!important}.pos-item{display:grid;grid-template-columns:48px minmax(0,1fr) 32px;gap:9px;align-items:center;border:1px solid #dfe5eb;border-radius:12px;padding:9px;background:#fff;min-height:88px}.pos-item:hover{border-color:#d2b15d;box-shadow:0 4px 14px rgba(45,30,12,.06)}.pos-item>img{width:48px;height:48px;object-fit:cover;border-radius:10px;background:#f3f5f7}.pos-item-copy{min-width:0}.pos-item-copy small,.pos-item-copy strong,.pos-item-copy span,.pos-item-copy b,.pos-item-copy em,.pos-item-copy i{display:block}.pos-item-copy small{font-size:7px;letter-spacing:.6px;color:#a00d10;font-weight:900}.pos-item-copy strong{font-size:10px;line-height:1.3;margin-top:2px;color:#23170e}.pos-item-copy span{font-size:8px;color:#7b8793;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pos-item-copy b{font-size:11px;margin-top:5px}.pos-item-copy em{font-size:7px;display:inline-block;background:#eaffdf;border:1px solid #ccebbf;color:#1f6b2b;font-style:normal;font-weight:800;border-radius:999px;padding:2px 5px;margin-top:3px}.pos-item-copy i{font-size:7px;color:#8995a0;font-style:normal;margin-top:3px}.pos-item-copy i.low{color:#a23939;font-weight:800}.pos-add{width:30px;height:30px;border:0;border-radius:9px;background:#6c0709;color:#fff;font-size:20px;cursor:pointer;font-weight:800}.pos-add:hover{background:#8b0a0d}
.pos-bill-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 10px;border-bottom:1px solid #ece7de}.pos-bill-title>span{background:#fff2e8;color:#ad2b18;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:900}.pos-block{margin-top:10px;padding:10px;border:1px solid #dfe7ee;border-radius:11px;background:#f8fbfe}.pos-block label,.pos-customer-grid label,.pos-payment-grid label{display:block;font-size:8px;font-weight:900;color:#475a6c;margin-bottom:5px;letter-spacing:.35px}.pos-block>small{display:block;font-size:8px;color:#7e8d9b;margin-top:5px}.pos-fixed-value{padding:9px 10px;border:1px solid #dbe3eb;border-radius:9px;background:#fff;font-size:11px;font-weight:800}.pos-label-row{display:flex;align-items:center;justify-content:space-between}.pos-mini{padding:5px 8px;background:#fff4d9;border-color:#ecd28b}.pos-customer-grid,.pos-payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.pos-rank-card{margin-top:9px;padding:11px;border-radius:12px;background:linear-gradient(115deg,#17110d,#2e1e12);color:#fff;border:1px solid #6c4f2a;display:grid;grid-template-columns:1fr 1fr;gap:8px}.pos-rank-card span,.pos-rank-card strong{display:block}.pos-rank-card span{font-size:7px;color:#f3c64f;font-weight:900}.pos-rank-card strong{font-size:12px;margin-top:3px}.pos-rank-card small{grid-column:1/-1;font-size:8px;line-height:1.45;color:#e8d5b3}.pos-cart{margin-top:9px;border:1px dashed #cfdce8;border-radius:12px;min-height:112px;background:#fff}.pos-empty{min-height:112px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#8090a0;text-align:center}.pos-empty b{font-size:25px;color:#c4bfd6}.pos-empty strong{font-size:10px;color:#354b60;margin-top:3px}.pos-empty small{font-size:8px;margin-top:3px}.pos-cart-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:7px;align-items:center;padding:8px;border-bottom:1px solid #edf0f3}.pos-cart-row:last-child{border-bottom:0}.pos-cart-main strong,.pos-cart-main small{display:block}.pos-cart-main strong{font-size:9px}.pos-cart-main small{font-size:7px;color:#82909d;margin-top:2px}.pos-qty{display:grid;grid-template-columns:21px 34px 21px;align-items:center}.pos-qty button{height:24px;border:1px solid #dce3e9;background:#fff;cursor:pointer}.pos-qty input{width:34px;height:24px;border:1px solid #dce3e9;text-align:center;font-size:9px;padding:0}.pos-line-total{font-size:9px;font-weight:900;white-space:nowrap}.pos-remove{border:0;background:#fff0f0;color:#a53030;border-radius:7px;width:24px;height:24px;cursor:pointer}.pos-total-box{margin-top:9px;padding:9px 10px;border-radius:11px;background:#fffaf0;border:1px solid #eadfc9}.pos-total-box>div{display:flex;justify-content:space-between;gap:10px;padding:4px 0;font-size:9px;color:#5d6874}.pos-total-box .grand{margin-top:4px;padding-top:7px;border-top:1px solid #dccba7;font-size:13px;color:#29180a}.pos-payment-grid{padding:0}.pos-change{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding:8px 10px;border-radius:9px;background:#f1f7f3;color:#235f38;font-size:9px;font-weight:800}.pos-more{margin-top:8px;border:1px solid #e0e6ec;border-radius:9px;padding:8px}.pos-more summary{font-size:9px;font-weight:800;cursor:pointer;color:#5b6875}.pos-more textarea{min-height:50px;margin-top:8px;resize:vertical}.pos-pay-button{width:100%;border:0;border-radius:11px;background:linear-gradient(135deg,#8c0c0f,#5d0507);color:#fff;font-size:12px;font-weight:900;padding:12px;margin-top:9px;cursor:pointer;box-shadow:0 8px 18px rgba(108,7,9,.18)}.pos-rule-note{display:block;text-align:center;font-size:7px;color:#7d8995;line-height:1.45;margin:7px 4px 0}
.pos-compact .pos-item-grid{gap:4px;padding:6px}.pos-compact .pos-item{min-height:66px;padding:6px;grid-template-columns:36px minmax(0,1fr) 28px}.pos-compact .pos-item>img{width:36px;height:36px}.pos-compact .pos-item-copy span,.pos-compact .pos-item-copy i{display:none}.pos-compact .pos-add{width:27px;height:27px}.pos-compact .pos-catalogue-head,.pos-compact .pos-filter-row{padding-top:7px;padding-bottom:7px}
@media(max-width:1250px){.pos-shell{grid-template-columns:minmax(0,1.6fr) minmax(340px,.9fr)}.pos-item-grid{grid-template-columns:1fr}.pos-filter-row{grid-template-columns:1fr 1fr}.pos-filter-row>input{grid-column:1/-1}}
@media(max-width:980px){.pos-shell{grid-template-columns:1fr}.pos-running-bill{position:static;max-height:none}.pos-catalogue{min-height:auto}.pos-item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-toolbar{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.pos-item-grid{grid-template-columns:1fr}.pos-filter-row,.pos-customer-grid,.pos-payment-grid{grid-template-columns:1fr}.pos-catalogue-head{align-items:flex-start;flex-direction:column}.pos-cart-row{grid-template-columns:1fr auto}.pos-line-total{grid-column:1}.pos-remove{grid-column:2;grid-row:1}.pos-qty{grid-column:2}.pos-rank-card{grid-template-columns:1fr}.pos-rank-card small{grid-column:auto}}

/* =========================================================
   WELLIPO v8 - Collapsible grouped portal + reliable POS UI
   ========================================================= */
.topbar-left-actions{display:flex;align-items:center;gap:10px;min-width:0}.desktop-sidebar-toggle{display:grid;flex:0 0 auto}.sidebar,.main-area{transition:width .22s ease,margin-left .22s ease,transform .22s ease}.sidebar-size-toggle{margin-left:auto;width:30px;height:30px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:rgba(255,255,255,.07);color:#fff;cursor:pointer;display:grid;place-items:center;font-size:14px}.sidebar-size-toggle:hover{background:rgba(244,210,122,.16);color:var(--gold-2)}
.nav-group{margin:0 0 8px;border:1px solid rgba(255,255,255,.055);border-radius:13px;overflow:hidden;background:rgba(255,255,255,.018)}.nav-group+.nav-group{padding-top:0;border-top:1px solid rgba(255,255,255,.055)}.nav-group-toggle{width:100%;border:0;background:transparent;color:#9eb7cf;display:grid;grid-template-columns:30px minmax(0,1fr) 18px;align-items:center;gap:8px;padding:9px 9px;cursor:pointer;text-align:left}.nav-group-toggle:hover{background:rgba(255,255,255,.045);color:#fff}.nav-group-symbol{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.075);font-size:10px;font-weight:900;color:var(--gold-2)}.nav-group-label{font-size:10px;letter-spacing:.8px;text-transform:uppercase;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-group-arrow{font-size:15px;text-align:center;transition:transform .2s}.nav-group.is-open .nav-group-arrow{transform:rotate(180deg)}.nav-group-links{padding:0 5px 6px}.nav-group:not(.is-open) .nav-group-links{display:none}.nav-group .nav-link{margin:3px 0;padding:9px 8px}.nav-group .nav-link-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-identity-card{transition:.2s}.sidebar-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.sidebar-footer>a{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.06);color:#fff}

@media(min-width:1051px){
 body.sidebar-mini .sidebar{width:86px;padding-left:9px;padding-right:9px}
 body.sidebar-mini .main-area{margin-left:86px!important;width:calc(100% - 86px)!important}
 body.sidebar-mini .brand-block{padding-left:0;padding-right:0;justify-content:center;gap:0}
 body.sidebar-mini .brand-block img{width:52px;height:42px}
 body.sidebar-mini .brand-copy,body.sidebar-mini .portal-identity-copy,body.sidebar-mini .nav-group-label,body.sidebar-mini .nav-group-arrow,body.sidebar-mini .nav-link-label,body.sidebar-mini .sidebar-footer-copy{display:none}
 body.sidebar-mini .sidebar-size-toggle{position:absolute;right:-13px;top:72px;background:#0c2f50;border-color:#31516c;box-shadow:0 5px 15px rgba(0,0,0,.2)}
 body.sidebar-mini .portal-identity-card{padding:8px;display:grid;place-items:center}
 body.sidebar-mini .portal-identity-icon{margin:0}
 body.sidebar-mini .nav-group-toggle{grid-template-columns:1fr;padding:6px;justify-items:center}
 body.sidebar-mini .nav-group{overflow:visible}
 body.sidebar-mini .nav-group-symbol{width:36px;height:32px}
 body.sidebar-mini .nav-group-links{padding:2px 2px 6px}
 body.sidebar-mini .nav-link{justify-content:center;padding:7px 4px;overflow:visible}
 body.sidebar-mini .nav-icon{width:38px;height:34px;margin:0}
 body.sidebar-mini .sidebar-footer{justify-content:center;padding-left:0;padding-right:0}
 body.sidebar-mini .sidebar-nav{padding-left:0;padding-right:0;overflow-x:visible}
}

/* Dashboard: show every allowed module as a direct entry point */
.dashboard-module-directory{display:grid;gap:16px}.dashboard-module-group{border:1px solid #e4eaf1;background:#fbfdff;border-radius:16px;padding:15px}.dashboard-module-group h3{margin:0 0 11px;color:#173550;font-size:14px}.dashboard-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.dashboard-module-link{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;border:1px solid #e2e8ee;border-radius:12px;background:#fff;transition:.18s}.dashboard-module-link:hover{border-color:#d1ae55;transform:translateY(-1px);box-shadow:0 8px 22px rgba(17,42,67,.07)}.dashboard-module-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#fff4cf,#f3d77f);color:#412c08;font-size:11px;font-weight:900}.dashboard-module-copy strong,.dashboard-module-copy small{display:block}.dashboard-module-copy strong{font-size:12px;color:#1e3044}.dashboard-module-copy small{font-size:9px;color:#8491a0;margin-top:3px}.dashboard-module-go{font-size:15px;color:#b1842d}

/* POS search / details / results */
.pos-search-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;min-width:0}.pos-search-wrap input{min-width:0}.pos-search-wrap button{border:1px solid #ead6ae;border-radius:9px;background:#fff8e9;color:#805712;padding:0 11px;font-size:9px;font-weight:900;cursor:pointer}.pos-search-wrap button:hover{background:#ffecc4}.pos-no-results{margin:12px;border:1px dashed #d6c28d;background:#fffaf0;color:#6b5732;border-radius:12px;padding:25px;text-align:center;font-size:11px}.pos-detail-link{border:0;background:transparent;color:#0e68b5;font-size:8px;font-weight:900;padding:3px 0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.pos-detail-modal{position:fixed;inset:0;z-index:150;background:rgba(7,21,37,.72);display:none;align-items:center;justify-content:center;padding:20px}.pos-detail-modal.open{display:flex}.pos-detail-panel{position:relative;width:min(720px,100%);max-height:88vh;overflow:auto;background:#fff;border-radius:20px;box-shadow:0 30px 100px rgba(0,0,0,.3);display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px;padding:22px}.pos-detail-panel>img{width:100%;height:260px;object-fit:cover;border-radius:15px;background:#f2f4f6}.pos-detail-close{position:absolute;right:12px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:#f1f3f5;color:#1b2c3c;font-size:22px;cursor:pointer}.pos-detail-copy>span{font-size:9px;letter-spacing:1px;font-weight:900;color:#8c0c0f}.pos-detail-copy h3{margin:8px 42px 8px 0;font-size:22px;color:#172c41}.pos-detail-copy p{font-size:12px;line-height:1.6;color:#667789}.pos-detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.pos-detail-facts>div{border:1px solid #e4e9ee;border-radius:10px;padding:9px;background:#fafcff}.pos-detail-facts small,.pos-detail-facts strong{display:block}.pos-detail-facts small{font-size:8px;color:#84909b}.pos-detail-facts strong{font-size:11px;margin-top:3px;color:#22374a}

/* Focus POS: sidebar/topbar disappear and billing gets the whole screen */
body.pos-focus-mode{overflow:hidden;background:#f4f6f8}.pos-focus-mode .sidebar,.pos-focus-mode .sidebar-backdrop,.pos-focus-mode .portal-topbar,.pos-focus-mode .workspace-lock-strip,.pos-focus-mode .app-footer{display:none!important}.pos-focus-mode .main-area{margin-left:0!important;width:100%!important;height:100vh!important;min-height:100vh!important}.pos-focus-mode .content-wrap{padding:7px!important;overflow:auto;height:100vh}.pos-focus-mode .pos-toolbar{position:sticky;top:0;z-index:90;margin-bottom:6px;border-radius:10px}.pos-focus-mode .pos-shell{grid-template-columns:minmax(0,2.25fr) minmax(370px,.95fr);gap:7px}.pos-focus-mode .pos-catalogue{min-height:calc(100vh - 70px);border-radius:10px}.pos-focus-mode .pos-running-bill{top:51px;max-height:calc(100vh - 58px);border-radius:10px}.pos-focus-mode .pos-created{margin-bottom:6px}
html:fullscreen .sidebar,html:fullscreen .sidebar-backdrop,html:fullscreen .portal-topbar,html:fullscreen .workspace-lock-strip,html:fullscreen .app-footer{display:none!important}html:fullscreen .main-area{margin-left:0!important;width:100%!important}

@media(max-width:1250px){.dashboard-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1050px){
 .sidebar{width:286px!important;transform:translateX(-100%);transition:.25s}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:35}.sidebar-open .sidebar-backdrop{display:block}.main-area{margin-left:0!important;width:100%!important}.mobile-menu{display:grid}.desktop-sidebar-toggle{display:none}.sidebar-size-toggle{display:none}
 .pos-focus-mode .pos-shell{grid-template-columns:1fr}.pos-focus-mode .pos-running-bill{position:static;max-height:none}
}
@media(max-width:720px){.dashboard-module-grid{grid-template-columns:1fr}.pos-detail-panel{grid-template-columns:1fr;padding:17px}.pos-detail-panel>img{height:190px}.pos-detail-facts{grid-template-columns:1fr}.pos-search-wrap{grid-column:1/-1}.pos-filter-row{grid-template-columns:1fr}.pos-focus-mode{overflow:auto}.pos-focus-mode .content-wrap{height:auto;overflow:visible}}

/* =========================================================
   WELLIPO v10 - Complete portal/login/member commerce styles
   Fixes previously unstyled v7/v8 classes across portal pages.
   ========================================================= */
:root{
  --portal-navy:#071f3b;
  --portal-blue:#0b5fa8;
  --portal-blue-2:#246ed7;
  --portal-gold:#f0bd4c;
  --portal-gold-2:#ffe399;
  --portal-purple:#6d56e8;
  --portal-cyan:#27c5c8;
  --portal-soft:#eef4fa;
  --portal-line:#dce6ef;
  --portal-text:#11283f;
  --portal-muted:#708296;
}
.full-btn{width:100%;display:flex!important}
.muted{color:var(--muted)!important}
.badge-info{background:#e8f3ff;color:#0b62a7}
.alert-info{background:#eaf5ff;color:#0b5d98;border:1px solid #cce5fa}
.pos-stock-label{display:block;margin-top:3px;font-size:8px;color:#7d8b98}

/* Portal shell polish */
.portal-brand-block{position:relative;min-height:82px}
.portal-sidebar-footer{min-height:58px}
.topbar-title-wrap{min-width:0}.topbar-title-wrap h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topbar-quick-link{height:42px;display:inline-flex;align-items:center;gap:7px;padding:0 13px;border:1px solid #dce6ef;background:#fff;border-radius:12px;font-size:12px;font-weight:800;color:#173550;box-shadow:0 7px 20px rgba(8,39,68,.05)}
.topbar-quick-link span{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,#fff0bd,#f6c24f);color:#3e2c08;font-weight:900}
.topbar-quick-link:hover{border-color:#c5d9e9;transform:translateY(-1px)}
.workspace-lock-dot{width:8px;height:8px;border-radius:50%;background:#37cf8b;box-shadow:0 0 0 4px rgba(55,207,139,.12);display:inline-block;flex:0 0 auto}

/* Dashboard hero variants */
.admin-hero{background:linear-gradient(118deg,#072642 0%,#0a4d86 53%,#5d57d8 115%)}
.admin-hero:after{color:rgba(255,255,255,.06)}
.admin-hero .hero-kicker,.member-hero .hero-kicker{display:inline-flex;align-items:center;padding:7px 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.08);font-size:10px;letter-spacing:.9px;text-transform:uppercase;font-weight:900;color:#ffe39a;margin-bottom:13px}
.admin-hero .hero-actions,.member-hero .hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.member-hero{background:linear-gradient(118deg,#0c385f 0%,#0b6d85 55%,#3466cf 125%)}
.billing-dashboard-hero{background:linear-gradient(120deg,#0a3154,#0c6c78 55%,#4e54d7 125%)}
.button-glass{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.24);color:#fff}.button-glass:hover{background:rgba(255,255,255,.16)}
.quick-action-card{overflow:hidden}.quick-action-card:before{content:"";display:block;height:4px;margin:-22px -22px 20px;background:linear-gradient(90deg,#0b65b4,#36c5c7,#f0bd4c,#7658ef)}
.billing-dashboard-grid{align-items:start}

/* Member Skills / Wellness commerce */
.member-commerce-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:24px;align-items:center;padding:30px;border-radius:24px;color:#fff;box-shadow:0 20px 55px rgba(8,41,73,.16)}
.member-commerce-hero:after{content:"W";position:absolute;right:5%;top:-78px;font:700 230px/1 "Playfair Display",serif;color:rgba(255,255,255,.055);pointer-events:none}
.skills-commerce-hero{background:linear-gradient(120deg,#092c52 0%,#0b68a6 58%,#6055db 120%)}
.wellness-commerce-hero{background:linear-gradient(120deg,#122c40 0%,#12635b 55%,#1f9b80 120%)}
.member-commerce-hero>div{position:relative;z-index:1}
.member-commerce-kicker{display:inline-flex;padding:7px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);font-size:10px;letter-spacing:1.1px;font-weight:900;color:#ffe39a}
.member-commerce-hero h2{font-family:"Playfair Display",serif;font-size:34px;margin:12px 0 8px;line-height:1.15}.member-commerce-hero p{margin:0;color:#dceaf5;max-width:740px;line-height:1.65;font-size:14px}
.member-commerce-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.member-benefit-card{align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:7px;padding:22px;border-radius:18px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.19);backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.member-benefit-card small{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#cce6f7;font-weight:800}.member-benefit-card strong{font-size:24px;color:#fff}.member-benefit-card span{font-size:12px;color:#e8f4fb}
.commerce-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;background:#fff;border:1px solid var(--portal-line);border-radius:17px;padding:14px 16px;box-shadow:0 10px 30px rgba(20,52,83,.05)}
.commerce-toolbar>div:first-child{min-width:0;flex:1}.commerce-toolbar label{display:block;font-size:10px;font-weight:900;color:#64778b;margin-bottom:7px;text-transform:uppercase;letter-spacing:.8px}.commerce-toolbar input{width:100%;min-height:43px;border:1px solid #dbe5ee;background:#f9fbfd;border-radius:11px;padding:0 13px;outline:none}.commerce-toolbar input:focus{border-color:#74a9d2;box-shadow:0 0 0 3px rgba(36,110,215,.09);background:#fff}
.commerce-toolbar-note{min-width:116px;text-align:center;border-left:1px solid #e3eaf0;padding:4px 5px 4px 18px}.commerce-toolbar-note b,.commerce-toolbar-note span{display:block}.commerce-toolbar-note b{font-size:22px;color:#0c4d83}.commerce-toolbar-note span{font-size:10px;color:#7a8998;margin-top:2px}

/* Member course cards */
.member-course-grid,.member-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}
.member-course-card,.member-product-card{background:#fff;border:1px solid var(--portal-line);border-radius:18px;overflow:hidden;box-shadow:0 12px 34px rgba(10,43,74,.07);display:flex;flex-direction:column;min-width:0;transition:.2s}
.member-course-card:hover,.member-product-card:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(10,43,74,.12);border-color:#c8d9e7}
.member-course-image,.member-product-image{height:205px;background:#eef3f8;position:relative;overflow:hidden}.member-course-image img,.member-product-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.member-course-card:hover .member-course-image img,.member-product-card:hover .member-product-image img{transform:scale(1.035)}
.member-course-image>span,.member-product-type{position:absolute;left:12px;top:12px;padding:6px 9px;border-radius:999px;background:rgba(6,31,57,.88);color:#fff;font-size:9px;font-weight:900;letter-spacing:.6px}.member-course-image>b{position:absolute;right:12px;top:12px;padding:6px 9px;border-radius:999px;background:#dff7e9;color:#117046;font-size:9px;letter-spacing:.7px}.member-demo-badge{position:absolute;right:12px;top:12px;padding:6px 9px;border-radius:999px;background:#ffe59f;color:#5e4306;font-size:9px;font-weight:900;text-transform:uppercase}
.member-course-body,.member-product-body{padding:17px;display:flex;flex-direction:column;flex:1}.member-course-body>small,.member-product-body>small{font-size:9px;font-weight:900;letter-spacing:.65px;text-transform:uppercase;color:#8c5a0d}.member-course-body h3,.member-product-body h3{font-size:18px;color:#17324c;margin:7px 0 6px;line-height:1.28}.member-course-body p,.member-product-body p{font-size:12px;color:#708195;line-height:1.55;margin:0 0 12px;min-height:37px}
.member-course-meta,.member-product-meta{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:13px}.member-course-meta span,.member-product-meta span{padding:6px 8px;border:1px solid #e0e8ef;background:#f7fafc;border-radius:8px;font-size:9px;color:#657889}
.member-course-price,.member-product-price{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto;margin-bottom:13px}.member-course-price strong,.member-product-price strong{font-size:20px;color:#0a4d82}.member-course-price del,.member-product-price del{font-size:11px;color:#99a4ad}.member-course-price small{margin-left:auto;font-size:9px;color:#758596}.member-product-price>div{display:flex;gap:7px;align-items:baseline}.member-product-price>span{margin-left:auto;background:#e8f7ef;color:#11734d;padding:6px 8px;border-radius:999px;font-size:9px;font-weight:900}
.member-buy-row{display:grid;grid-template-columns:58px minmax(0,1fr) minmax(0,1fr);gap:7px;margin-top:2px}.member-buy-row input[type=number]{width:100%;border:1px solid #dbe4ec;border-radius:10px;padding:0 8px;text-align:center;background:#fafbfd}.member-buy-row .button{padding-left:8px;padding-right:8px;white-space:nowrap}

/* Member cart */
.member-cart-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.65fr);gap:18px;align-items:start}.member-cart-card{min-width:0}.member-cart-list{display:grid;gap:9px}.member-cart-row{display:grid;grid-template-columns:48px minmax(0,1fr) 78px 112px;gap:12px;align-items:center;border:1px solid #e2e9ef;background:#fbfdff;border-radius:13px;padding:11px}.member-cart-type{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#e5efff,#cbdfff);color:#0b5796;font-size:10px;font-weight:900}.member-cart-type.product{background:linear-gradient(135deg,#e6faef,#c6f0d8);color:#136c48}.member-cart-copy{min-width:0}.member-cart-copy small,.member-cart-copy strong,.member-cart-copy span{display:block}.member-cart-copy small{font-size:8px;text-transform:uppercase;letter-spacing:.55px;color:#9a6d1e;font-weight:900}.member-cart-copy strong{font-size:13px;color:#1a3349;margin:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-cart-copy span{font-size:9px;color:#7a8997}.member-cart-qty label{display:block;font-size:8px;color:#788897;margin-bottom:3px}.member-cart-qty input{width:100%;border:1px solid #d8e2ea;border-radius:9px;padding:8px;text-align:center}.member-cart-total{text-align:right}.member-cart-total strong,.member-cart-total small{display:block}.member-cart-total strong{font-size:13px;color:#0d4e83}.member-cart-total small{font-size:8px;color:#8996a1;margin-top:3px}.member-cart-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:13px;padding-top:13px;border-top:1px solid #e6ecf1}.member-empty-cart strong{display:block;color:#18364f;font-size:18px}.member-empty-cart p{margin:6px 0 15px}.member-empty-cart>div{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.member-order-summary{position:sticky;top:130px}.member-order-summary h2{margin:0 0 14px;color:#17354f}.member-order-summary>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #e9eef2;font-size:12px;color:#607487}.member-order-summary>div strong{color:#1d354c}.member-order-summary .member-summary-total{margin:7px -5px 12px;padding:13px 8px;border:0;border-radius:10px;background:#f0f6fb;font-size:14px}.member-order-summary .member-summary-total strong{font-size:18px;color:#0b568f}.member-order-summary>small{display:block;font-size:9px;line-height:1.55;color:#82909c;margin-top:10px}

/* Login pages - fully isolated from public website */
.portal-login-body{min-height:100vh;background:#eaf0f7;color:#112b44;overflow-x:hidden;font-family:Inter,system-ui,sans-serif}
.portal-login-body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 80% 15%,rgba(88,92,221,.10),transparent 28%),radial-gradient(circle at 12% 88%,rgba(29,174,155,.09),transparent 27%);pointer-events:none}
.portal-login-shell{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(440px,.92fr)}
.portal-login-branding{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:48px clamp(36px,5vw,82px);background:linear-gradient(135deg,#061a31 0%,#092f55 48%,#0f5c88 82%,#4b4fca 140%);color:#fff}
.portal-login-branding:before{content:"W";position:absolute;right:-40px;bottom:-120px;font:700 520px/1 "Playfair Display",serif;color:rgba(255,255,255,.035)}
.portal-login-branding:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-190px;top:-170px;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 75px rgba(255,255,255,.025),0 0 0 150px rgba(255,255,255,.018)}
.portal-login-logo{position:relative;z-index:1;display:flex;align-items:center;gap:15px}.portal-login-logo img{width:78px;height:62px;border-radius:15px;object-fit:cover;background:#0c0c0c;border:1px solid rgba(255,219,127,.35);box-shadow:0 15px 34px rgba(0,0,0,.24)}.portal-login-logo strong,.portal-login-logo span{display:block}.portal-login-logo strong{font:700 27px/1.1 "Playfair Display",serif;letter-spacing:5px;color:#ffe39a}.portal-login-logo span{font-size:10px;color:#bcd1e4;margin-top:4px;letter-spacing:.5px}
.portal-login-copy{position:relative;z-index:1;margin:auto 0;max-width:720px}.portal-login-kicker{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.17);font-size:10px;font-weight:900;letter-spacing:1.3px;color:#ffe49b}.portal-login-copy h1{font:700 clamp(40px,4.6vw,68px)/1.03 "Playfair Display",serif;margin:17px 0 16px;max-width:760px}.portal-login-copy>p{max-width:680px;color:#d6e7f5;font-size:15px;line-height:1.75;margin:0}
.portal-login-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px;max-width:660px}.portal-login-feature-grid>div{display:flex;align-items:center;gap:11px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.065);padding:11px;border-radius:13px;backdrop-filter:blur(6px)}.portal-login-feature-grid b{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#ffe9a8,#eeb947);color:#332407;font-size:10px}.portal-login-feature-grid strong,.portal-login-feature-grid small{display:block}.portal-login-feature-grid strong{font-size:12px}.portal-login-feature-grid small{font-size:9px;color:#bfd2e2;margin-top:3px}
.portal-login-security{position:relative;z-index:1;display:flex;align-items:center;gap:8px;font-size:10px;color:#bfd1e1}.portal-login-security span{color:#45dc98;font-size:13px;text-shadow:0 0 12px rgba(69,220,152,.7)}
.portal-login-form-side{display:flex;align-items:center;justify-content:center;padding:42px clamp(28px,4.2vw,68px);background:rgba(247,250,253,.94);backdrop-filter:blur(10px)}
.portal-login-form{width:min(500px,100%);background:#fff;border:1px solid #dfe8f0;border-radius:25px;padding:32px;box-shadow:0 24px 70px rgba(14,50,84,.13)}
.portal-login-heading{display:flex;align-items:center;gap:13px}.portal-login-letter{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#ffe39a,#f1b741);color:#342508;font-weight:900;font-size:18px;box-shadow:0 10px 22px rgba(219,166,48,.25)}.portal-login-heading small{font-size:9px;letter-spacing:1.2px;font-weight:900;color:#0d69ad}.portal-login-heading h2{font-size:26px;margin:3px 0 0;color:#102d48}.portal-login-hint{font-size:12px;line-height:1.6;color:#708296;margin:15px 0 18px}
.portal-switch-v7{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;background:#f2f6fa;border:1px solid #dfe7ee;border-radius:13px;padding:5px;margin-bottom:18px}.portal-switch-v7 a{display:flex;justify-content:center;align-items:center;gap:6px;padding:9px 7px;border-radius:9px;color:#64788a;font-size:10px;font-weight:800}.portal-switch-v7 a b{width:22px;height:22px;border-radius:7px;background:#fff;display:grid;place-items:center;font-size:9px;border:1px solid #e0e7ed}.portal-switch-v7 a.active{background:#fff;color:#0c5c9c;box-shadow:0 5px 14px rgba(10,49,83,.08)}.portal-switch-v7 a.active b{background:#0b5f9f;color:#fff;border-color:#0b5f9f}
.portal-field{margin-bottom:13px}.portal-field label{color:#395168}.portal-field input{min-height:48px;background:#fbfdff;border-color:#d7e2eb}.portal-field input:focus{border-color:#4f91c6;box-shadow:0 0 0 3px rgba(33,114,177,.10)}.portal-login-submit{width:100%;min-height:48px;margin-top:3px;background:linear-gradient(135deg,#0a5697,#315ed1 58%,#6a53e9);color:#fff;box-shadow:0 12px 26px rgba(46,91,199,.2)}.portal-login-submit:hover{filter:brightness(1.04)}
.portal-register-box{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;margin-top:15px;padding:12px 13px;border:1px solid #e2e8ef;border-radius:12px;background:#f9fbfd}.portal-register-box span{font-size:11px;color:#697b8c}.portal-register-box a{font-size:11px;font-weight:900;color:#0a65a7}.portal-register-box small{grid-column:1/-1;font-size:8px;line-height:1.5;color:#8995a0}.portal-no-site-link{text-align:center;font-size:9px!important;color:#8a98a4!important;margin:14px 0 0!important}
.portal-login-member .portal-login-branding{background:linear-gradient(135deg,#071e38 0%,#0a4e70 52%,#168177 100%)}.portal-login-branch .portal-login-branding{background:linear-gradient(135deg,#071d36 0%,#153d6b 58%,#6e4fcf 125%)}

/* Responsive completeness for all portal pages */
@media(max-width:1200px){.member-course-grid,.member-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-login-shell{grid-template-columns:1fr 480px}.portal-login-branding{padding-left:42px;padding-right:42px}.portal-login-copy h1{font-size:48px}}
@media(max-width:900px){
 .portal-login-shell{display:block}.portal-login-branding{min-height:auto;padding:30px 28px 35px}.portal-login-copy{margin:38px 0 30px}.portal-login-copy h1{font-size:42px}.portal-login-security{margin-top:3px}.portal-login-form-side{padding:28px 18px 38px}.portal-login-form{max-width:620px}
 .member-commerce-hero{grid-template-columns:1fr}.member-benefit-card{max-width:none}.member-cart-layout{grid-template-columns:1fr}.member-order-summary{position:static}.billing-dashboard-grid{grid-template-columns:1fr!important}
}
@media(max-width:700px){
 .content-wrap{padding:18px 14px}.topbar{padding:0 14px;height:76px}.topbar h1{font-size:19px}.topbar-quick-link{display:none}.user-chip-copy{display:none}.user-chip{padding:5px}.workspace-lock-strip{padding-left:14px;padding-right:14px}.workspace-lock-strip small{display:none}
 .member-commerce-hero{padding:22px 18px;border-radius:18px}.member-commerce-hero h2{font-size:29px}.member-commerce-actions{display:grid;grid-template-columns:1fr}.member-course-grid,.member-product-grid{grid-template-columns:1fr}.commerce-toolbar{align-items:stretch}.commerce-toolbar-note{display:none}.member-course-image,.member-product-image{height:225px}
 .member-buy-row{grid-template-columns:52px 1fr}.member-buy-row .button-primary{grid-column:1/-1}.member-cart-row{grid-template-columns:42px minmax(0,1fr) 72px}.member-cart-total{grid-column:2/-1;text-align:left;padding-left:0}.member-cart-actions{justify-content:stretch}.member-cart-actions .button{flex:1}.member-order-summary{padding:18px}
 .portal-login-branding{padding:24px 18px 28px}.portal-login-logo img{width:62px;height:52px}.portal-login-logo strong{font-size:22px}.portal-login-copy{margin:30px 0 24px}.portal-login-copy h1{font-size:36px}.portal-login-copy>p{font-size:13px}.portal-login-feature-grid{grid-template-columns:1fr}.portal-login-security{font-size:9px}.portal-login-form-side{padding:18px 12px 28px}.portal-login-form{border-radius:18px;padding:22px 17px}.portal-switch-v7 a span{display:none}.portal-switch-v7 a b{width:28px;height:28px}.portal-register-box{grid-template-columns:1fr}.portal-register-box a{justify-self:start}.hero-panel{padding:22px 18px}.hero-panel h2{font-size:27px}.hero-logo{display:none}
}

/* Checkout + order completion */
.checkout-stepbar{display:flex;align-items:center;justify-content:center;gap:9px;max-width:720px;margin:0 auto;padding:8px 12px;border:1px solid #dce6ef;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(15,48,78,.05)}
.checkout-stepbar span{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#f4f7fa;color:#7a8997;font-size:10px;font-weight:800}.checkout-stepbar span b{font-size:10px}.checkout-stepbar span.active{background:#eaf3ff;color:#0a5d9e}.checkout-stepbar span.done{background:#e9f7ef;color:#147248}.checkout-stepbar i{height:2px;flex:1;max-width:70px;background:#dfe7ed;border-radius:999px}
.member-checkout-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);gap:18px;align-items:start}.member-checkout-form-card{min-width:0}.secure-chip{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border-radius:999px;background:#e9f8f0;color:#126f49;font-size:9px;font-weight:900}.member-checkout-form{align-items:start}.checkout-notice{padding:11px 12px;border:1px solid #eadca9;background:#fff9e8;border-radius:10px;color:#735d22;font-size:10px;line-height:1.55}.checkout-place-button{width:100%;min-height:48px;background:linear-gradient(135deg,#0a5b9d,#3f60d8 58%,#6b54e8);color:#fff}.member-checkout-summary{position:sticky;top:130px}.checkout-item-list{display:grid;gap:8px;margin-bottom:14px}.checkout-item-list>div{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;align-items:center;border:1px solid #e4eaf0;background:#fafcff;border-radius:11px;padding:9px}.checkout-type{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#dceaff;color:#0c5a99;font-size:9px;font-weight:900}.checkout-type.product{background:#dff5e8;color:#176e4c}.checkout-item-list p{margin:0;min-width:0}.checkout-item-list p strong,.checkout-item-list p small{display:block}.checkout-item-list p strong{font-size:11px;color:#223b52;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checkout-item-list p small{font-size:8px;color:#85929d;margin-top:3px}.checkout-item-list>div>b{font-size:11px;color:#0c4f84}.checkout-total-list{border-top:1px solid #e5ebf0;padding-top:5px;margin-bottom:14px}.checkout-total-list>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;font-size:11px;color:#66798a;border-bottom:1px solid #edf1f4}.checkout-total-list>div strong{color:#20384e}.checkout-total-list .grand{margin:8px 0;padding:11px 9px;border:0;border-radius:9px;background:#eff6fb;font-size:13px}.checkout-total-list .grand strong{font-size:18px;color:#0b568f}
.portal-order-success{max-width:880px;margin:26px auto;background:#fff;border:1px solid #dce6ef;border-radius:24px;padding:38px;text-align:center;box-shadow:0 22px 70px rgba(15,52,86,.10);position:relative;overflow:hidden}.portal-order-success:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#25b67a,#23b8c3,#5067dd,#f0bd4c)}.portal-success-mark{width:78px;height:78px;margin:0 auto 15px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#daf7e8,#a7eac9);color:#13744b;font-size:36px;font-weight:900;box-shadow:0 14px 30px rgba(28,160,105,.16)}.portal-order-success .hero-kicker{display:inline-flex;padding:6px 10px;border-radius:999px;background:#eaf7f1;color:#14714b;font-size:9px;font-weight:900;letter-spacing:1px}.portal-order-success h2{font:700 34px/1.15 "Playfair Display",serif;color:#17334d;margin:10px 0 7px}.portal-order-success>p{max-width:620px;margin:0 auto;color:#6e8091;font-size:13px;line-height:1.6}.portal-success-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:25px 0}.portal-success-stats>div{padding:14px 10px;border:1px solid #e1e8ee;background:#f9fbfd;border-radius:12px}.portal-success-stats small,.portal-success-stats strong{display:block}.portal-success-stats small{font-size:8px;text-transform:uppercase;letter-spacing:.7px;color:#83909c;font-weight:800}.portal-success-stats strong{font-size:15px;color:#173750;margin-top:5px}.portal-success-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
@media(max-width:900px){.member-checkout-layout{grid-template-columns:1fr}.member-checkout-summary{position:static}}
@media(max-width:650px){.checkout-stepbar span b{display:none}.checkout-stepbar{gap:5px}.checkout-stepbar i{max-width:28px}.portal-order-success{padding:28px 16px;margin:12px auto;border-radius:18px}.portal-success-stats{grid-template-columns:1fr 1fr}.portal-success-actions{display:grid}.portal-success-actions .button{width:100%}}

/* =========================================================
   WELLIPO v12 - Enterprise modules, LMS, network, PWA
   ========================================================= */
.success-text{display:block;margin-top:7px;color:#087a50;font-size:11px;font-weight:700}.danger-text{display:block;margin-top:7px;color:#b42318;font-size:11px;font-weight:700}
.inline-field-action{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.shipping-zone-note,.notice-box{padding:12px 14px;border:1px solid #d7e6ef;background:#f5f9fc;border-radius:12px;color:#536b80;font-size:11px;line-height:1.55}.notice-box strong{color:#173550}
.mini-check{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:#486177}.mini-check input{width:16px;height:16px}

/* Genealogy / Team */
.referral-share-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:20px 22px;border:1px solid #d9e5ee;border-radius:18px;background:linear-gradient(135deg,#f8fbfe,#eef7fb);box-shadow:0 12px 30px rgba(8,42,72,.05)}
.referral-share-card h3{margin:0 0 5px;color:#123653}.referral-share-card p{margin:0;color:#728396;font-size:12px;word-break:break-all}.referral-share-card img{width:94px;height:94px;border-radius:13px;background:#fff;padding:6px;border:1px solid #dce6ed}
.team-search-results{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.team-search-results a{padding:8px 11px;border-radius:10px;background:#eef5fb;border:1px solid #d7e4ed;font-size:11px;font-weight:800;color:#164d78}
.genealogy-root{overflow-x:auto;padding:8px 2px 14px}.genealogy-level{display:flex;gap:13px;align-items:stretch;min-width:max-content;margin-top:12px}.genealogy-node{min-width:220px;max-width:260px;padding:15px;border:1px solid #dbe5ed;border-radius:15px;background:#fff;box-shadow:0 8px 22px rgba(12,45,73,.06)}.genealogy-node.root{background:linear-gradient(135deg,#082e57,#0c6b8a);border:0;color:#fff}.genealogy-node.root small,.genealogy-node.root p{color:#d7eaf3}.genealogy-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#e9f2fb;color:#0b5b98;font-size:14px;font-weight:900;margin-bottom:9px}.genealogy-node.root .genealogy-avatar{background:rgba(255,255,255,.14);color:#fff}.genealogy-node strong{display:block;font-size:13px}.genealogy-node small{display:block;color:#7a8a98;font-size:9px;margin-top:4px}.genealogy-node p{margin:8px 0 0;color:#546b7f;font-size:10px;line-height:1.5}

/* Rank / progress */
.rank-progress-bar,.course-progress{height:10px;background:#e6edf3;border-radius:999px;overflow:hidden;position:relative}.rank-progress-bar>span,.course-progress>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0b66b1,#23b7bd,#68c785);min-width:0}.course-progress-wrap{display:grid;gap:6px}.course-progress-wrap small{font-size:10px;color:#718396}

/* LMS */
.learning-resource-card{padding:0!important;overflow:hidden}.resource-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:17px 18px;border-bottom:1px solid #e8eef3;background:#fbfcfe}.resource-top h3{font-size:15px;margin:5px 0 0;color:#173550}.resource-top>span{padding:6px 8px;border-radius:999px;background:#e9f4ff;color:#0b5f9d;font-size:9px;font-weight:900;white-space:nowrap}.resource-meta{display:flex;gap:6px;flex-wrap:wrap;padding:12px 18px}.resource-meta span{padding:5px 8px;border-radius:8px;background:#f1f5f8;color:#667b8d;font-size:9px}.learning-resource-card>.row-actions,.learning-resource-card>form,.learning-resource-card>.button{margin:0 18px 17px}.mini-list{display:grid;gap:8px}.mini-list>div,.mini-list>li{padding:9px 11px;border-radius:10px;background:#f7fafc;border:1px solid #e4ebf1;font-size:11px;color:#526a7d}

/* Exams */
.exam-form{display:grid;gap:16px}.exam-question{padding:18px;border:1px solid #dce6ed;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(10,40,67,.04)}.exam-question>strong{display:block;color:#173550;line-height:1.45;margin-bottom:12px}.exam-option{display:flex;align-items:flex-start;gap:9px;padding:10px 11px;border:1px solid #e1e8ee;border-radius:10px;margin-top:7px;background:#fafcfd;cursor:pointer}.exam-option:hover{border-color:#bad4e7;background:#f4f9fd}.exam-option input{margin-top:2px}.exam-timer{position:sticky;top:82px;z-index:8;display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:#102f4d;color:#fff;font-size:11px;font-weight:900;box-shadow:0 8px 22px rgba(9,38,65,.18)}

/* Analytics */
.analytics-bars{display:grid;gap:12px}.analytics-bar-item{display:grid;grid-template-columns:110px minmax(0,1fr) 95px;gap:10px;align-items:center}.analytics-bar-item>span{font-size:10px;color:#667b8d}.analytics-bar-track{height:11px;border-radius:999px;background:#edf2f6;overflow:hidden}.analytics-bar-value{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0b61ab,#28babb)}.analytics-bar-item>b{text-align:right;font-size:10px;color:#183750}.comparison-meter{display:grid;grid-template-columns:1fr 1fr;gap:10px}.comparison-meter>div{padding:18px;border-radius:15px;background:#f7fafc;border:1px solid #e0e8ef}.comparison-meter small{display:block;color:#728496;font-size:9px;text-transform:uppercase;letter-spacing:.6px}.comparison-meter strong{display:block;margin-top:5px;font-size:23px;color:#0b4f83}

/* Returns / order cards */
.order-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.order-card-grid>.detail-card{margin:0}.order-card-grid .detail-card h3{font-size:14px}.order-card-grid .detail-card p{font-size:11px;color:#6b7e90}

/* Security */
.security-checklist{display:grid;gap:9px}.security-checklist>div,.security-checklist>li{list-style:none;padding:11px 13px;border:1px solid #dce6ed;border-radius:11px;background:#f8fbfd;color:#536b7e;font-size:11px}.security-checklist strong{color:#163650}

/* Notifications */
.notification-list{display:grid;gap:9px}.notification-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 14px;border:1px solid #e0e8ef;border-radius:14px;background:#fff}.notification-item.unread{border-color:#b8d7ef;background:#f4faff;box-shadow:inset 4px 0 0 #2684c6}.notification-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#eaf3fb;color:#0a5e9d;font-weight:900}.notification-item strong{display:block;color:#173550;font-size:12px}.notification-item p{margin:3px 0;color:#6b7d8f;font-size:10px}.notification-item small{color:#8a99a6;font-size:9px}.notification-link{white-space:nowrap;font-size:10px;font-weight:800;color:#0b60a2}.legacy-notification{opacity:.78}

/* POS v12 split / held bills */
.pos-split-payment{margin:9px 0;padding:10px;border:1px dashed #cddde9;border-radius:12px;background:#f9fbfd}.pos-split-payment .pos-label-row small{font-size:8px;color:#7b8b99}.pos-toolbar .pos-view-buttons{flex-wrap:wrap}.pos-chip#posHoldBill,.pos-chip#posResumeBill{background:#fffaf0;border-color:#eadbb8;color:#6f5217}

/* Member store v12 */
.member-buy-row-v12{grid-template-columns:54px 42px minmax(0,1fr) minmax(0,1fr)}.member-buy-row-v12 button[value=wishlist]{font-size:19px;padding:0;min-width:0}

/* PWA-like mobile member navigation */
.member-mobile-nav{display:none;position:fixed;left:10px;right:10px;bottom:10px;z-index:44;grid-template-columns:repeat(5,1fr);padding:7px;border-radius:18px;background:rgba(5,30,53,.96);border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 38px rgba(0,0,0,.25);backdrop-filter:blur(14px)}.member-mobile-nav a{display:grid;place-items:center;gap:2px;color:#dce9f2;text-decoration:none;padding:5px 2px;border-radius:11px}.member-mobile-nav a:hover{background:rgba(255,255,255,.08)}.member-mobile-nav span{font-size:12px;font-weight:900}.member-mobile-nav small{font-size:8px;font-weight:700}

@media(max-width:900px){.order-card-grid{grid-template-columns:1fr 1fr}.analytics-bar-item{grid-template-columns:85px minmax(0,1fr) 78px}.referral-share-card{grid-template-columns:1fr}.referral-share-card img{width:82px;height:82px}.comparison-meter{grid-template-columns:1fr}}
@media(max-width:720px){body.workspace-member .content-wrap{padding-bottom:88px}.member-mobile-nav{display:grid}.order-card-grid{grid-template-columns:1fr}.analytics-bar-item{grid-template-columns:70px minmax(0,1fr) 65px}.inline-field-action{grid-template-columns:1fr}.member-buy-row-v12{grid-template-columns:52px 42px 1fr}.member-buy-row-v12 .button-primary{grid-column:1/-1}.notification-item{grid-template-columns:38px minmax(0,1fr)}.notification-link{grid-column:2}.exam-timer{top:8px}}

/* ==========================================================
   WELLIPO v13 — Email OTP, Branch Wallet & Member Referral ID
   ========================================================== */
.login-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0 0 16px;padding:5px;border:1px solid #dde6ee;border-radius:12px;background:#f3f7fa}.login-mode-tabs button,.login-mode-tabs a{min-height:38px;border:0;border-radius:9px;background:transparent;color:#667b8e;font-size:10px;font-weight:900;cursor:pointer;text-decoration:none;display:grid;place-items:center}.login-mode-tabs .active{background:#fff;color:#0b5f9e;box-shadow:0 5px 14px rgba(10,48,82,.09)}.otp-note{display:flex;gap:9px;align-items:flex-start;margin:8px 0 14px;padding:10px 11px;border:1px solid #d8e8f4;border-radius:11px;background:#f2f9ff;color:#4c6579;font-size:10px;line-height:1.55}.otp-note strong{color:#0b5e9b}.otp-destination{display:inline-flex;max-width:100%;padding:6px 9px;border-radius:999px;background:#e8f3ff;color:#0b5e99;font-size:9px;font-weight:900;word-break:break-all}

.branch-wallet-balance{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-radius:17px;background:linear-gradient(135deg,#082d55,#0d6b8b);color:#fff;box-shadow:0 14px 30px rgba(8,51,84,.16)}.branch-wallet-balance small{display:block;color:#cde4f1;font-size:9px;text-transform:uppercase;letter-spacing:.8px}.branch-wallet-balance strong{display:block;margin-top:4px;font-size:28px}.wallet-ledger-credit{color:#16744e;font-weight:900}.wallet-ledger-debit{color:#b74444;font-weight:900}.wallet-amount-positive{color:#16744e}.wallet-amount-negative{color:#b74444}

.member-card-wrap{display:grid;grid-template-columns:minmax(0,640px) minmax(280px,1fr);gap:20px;align-items:start}.wellipo-member-card{position:relative;overflow:hidden;min-height:360px;border-radius:25px;background:linear-gradient(135deg,#071c34 0%,#0a4e76 52%,#0a756e 100%);color:#fff;box-shadow:0 24px 65px rgba(3,33,58,.24)}.wellipo-member-card:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-160px;top:-170px;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 62px rgba(255,255,255,.035),0 0 0 124px rgba(255,255,255,.022)}.wellipo-member-card:after{content:"W";position:absolute;right:14px;bottom:-56px;font:800 250px/1 "Playfair Display",serif;color:rgba(255,255,255,.035)}.member-card-top,.member-card-body,.member-card-foot{position:relative;z-index:1}.member-card-top{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:22px 24px 15px;border-bottom:1px solid rgba(255,255,255,.12)}.member-card-brand{display:flex;align-items:center;gap:12px}.member-card-brand img{width:58px;height:48px;object-fit:cover;border-radius:11px;background:#0b0b0b;border:1px solid rgba(255,225,151,.4)}.member-card-brand strong,.member-card-brand small{display:block}.member-card-brand strong{font:700 21px/1.05 "Playfair Display",serif;letter-spacing:3px;color:#ffe49b}.member-card-brand small{margin-top:4px;color:#cae0ed;font-size:8px;letter-spacing:.6px}.member-card-rank{padding:7px 10px;border-radius:999px;background:rgba(255,230,157,.13);border:1px solid rgba(255,229,150,.28);color:#ffe49b;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.6px}.member-card-body{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:18px;padding:22px 24px 18px}.member-card-info h2{margin:0;color:#fff;font-size:25px}.member-card-info>p{margin:5px 0 16px;color:#cce1ee;font-size:10px}.member-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}.member-card-grid div{min-width:0}.member-card-grid small,.member-card-grid strong{display:block}.member-card-grid small{font-size:8px;color:#9fc1d4;text-transform:uppercase;letter-spacing:.6px}.member-card-grid strong{margin-top:3px;font-size:10px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-card-qr{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.member-card-qr img{width:118px;height:118px;padding:7px;border-radius:15px;background:#fff;box-shadow:0 9px 24px rgba(0,0,0,.2)}.member-card-qr small{font-size:8px;color:#cce0ec;text-align:center}.member-card-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 24px 18px;color:#bcd6e4;font-size:8px}.member-card-foot strong{color:#ffe29a;font-size:9px}.referral-share-panel{padding:20px;border:1px solid #dbe6ee;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(8,42,70,.06)}.referral-share-panel h3{margin:0 0 6px;color:#153651}.referral-share-panel>p{margin:0 0 14px;color:#718396;font-size:11px;line-height:1.55}.copy-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-bottom:9px}.copy-row input{min-width:0;background:#f7fafc;font-size:10px}.share-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.share-action-grid .button{justify-content:center}

@media(max-width:900px){.member-card-wrap{grid-template-columns:1fr}.wellipo-member-card{max-width:680px}.branch-wallet-balance{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.wellipo-member-card{border-radius:19px;min-height:0}.member-card-top{padding:17px 17px 12px;align-items:flex-start}.member-card-brand img{width:48px;height:42px}.member-card-brand strong{font-size:17px;letter-spacing:2px}.member-card-rank{font-size:8px}.member-card-body{grid-template-columns:1fr;padding:18px 17px}.member-card-qr{align-items:flex-start}.member-card-qr img{width:105px;height:105px}.member-card-grid{grid-template-columns:1fr}.member-card-foot{padding:10px 17px 16px;flex-direction:column;align-items:flex-start}.share-action-grid{grid-template-columns:1fr}.copy-row{grid-template-columns:1fr}.login-mode-tabs{grid-template-columns:1fr 1fr}}

@media print{
 body.member-card-print .sidebar,body.member-card-print .topbar,body.member-card-print .workspace-lock-strip,body.member-card-print .member-mobile-nav,body.member-card-print .referral-share-panel,body.member-card-print .page-head,body.member-card-print .flash,body.member-card-print footer{display:none!important}
 body.member-card-print .main-content,body.member-card-print .content-wrap{margin:0!important;padding:0!important;background:#fff!important}
 body.member-card-print .member-card-wrap{display:block!important}
 body.member-card-print .wellipo-member-card{width:86mm;min-height:54mm;margin:0 auto;border-radius:5mm;box-shadow:none!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
}