:root{
--bg:#fff7f5;
--ink:#2d1424;
--muted:#7c6675;
--line:#f1dcd7;
--card:#fffdfc;

--pink:#cc4d8d;
--pink2:#8e2c83;

--gold:#f6d98a;

--ok:#dff7e8;
--danger:#ffe2e2;

--dark:#16081f;
--dark2:#24142d;

--blue:#dceeff;
--blueText:#0b63c9;

--green:#dff7e8;
--greenText:#157347;

--orange:#fff1cc;
--orangeText:#8a6200;

--red:#ffe2e2;
--redText:#b42318;
}

*{
box-sizing:border-box;
}

body{
margin:0;
background:
radial-gradient(circle at 85% 10%,#f3d8ff 0,#fff7f5 34%,#fff9f6 70%);
color:var(--ink);
font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;
}

a{
color:inherit;
text-decoration:none;
}

/* NAV */

.nav{
position:sticky;
top:0;
z-index:50;
background:rgba(255,247,245,.92);
backdrop-filter:blur(14px);
border-bottom:1px solid var(--line);
height:76px;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 6vw;
}

.brand{
display:flex;
gap:12px;
align-items:center;
font-weight:800;
}

.logo{
display:grid;
place-items:center;
width:46px;
height:46px;
border-radius:16px;
background:linear-gradient(135deg,#a23c91,#df5d94);
color:#fff;
font-weight:900;
}

.navlinks{
display:flex;
gap:18px;
align-items:center;
font-weight:700;
}

.lang{
padding:10px 14px;
border-radius:99px;
}

.lang.active{
background:#fff;
border:1px solid var(--line);
}

.hamb{
display:none;
border:0;
background:transparent;
font-size:25px;
}

/* LAYOUT */

.wrap{
max-width:1420px;
margin:auto;
padding:46px 6vw;
}

.hero{
min-height:560px;
display:grid;
grid-template-columns:1.2fr .8fr;
gap:60px;
align-items:center;
}

.hero h1{
font-size:clamp(44px,7vw,84px);
line-height:.96;
margin:18px 0;
}

.lead{
font-size:22px;
line-height:1.55;
color:var(--muted);
max-width:820px;
}

/* CARDS */

.hero-card,
.card{
background:rgba(255,255,255,.88);
border:1px solid var(--line);
border-radius:28px;
padding:30px;
box-shadow:0 35px 80px rgba(95,42,74,.08);
}

/* GRIDS */

.grid2{
display:grid;
grid-template-columns:1fr 1fr;
gap:22px;
}

.grid3{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px;
}

.grid4{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
}

.dash{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:22px;
}

/* BUTTONS */

.btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
border:0;
border-radius:999px;
padding:14px 22px;
font-weight:900;
cursor:pointer;
background:#fff;
border:1px solid var(--line);
font-size:16px;
transition:.2s;
}

.btn:hover{
transform:translateY(-1px);
}

.btn.primary{
background:linear-gradient(135deg,#df5d94,#84298a);
color:#fff;
border:0;
box-shadow:0 18px 32px rgba(167,43,126,.2);
}

.btn.ghost{
background:#fff;
color:var(--ink);
}

.btn.danger{
background:#b91c1c;
color:#fff;
}

.btn.small{
padding:10px 16px;
}

.btn-admin{
background:linear-gradient(135deg,#d94f97,#8b2ea8);
color:#fff !important;
font-weight:800;
border:none;
}

/* PILLS */

.pill{
display:inline-flex;
align-items:center;
gap:6px;
border:1px solid var(--line);
background:#fff5f2;
border-radius:999px;
padding:9px 14px;
color:#7a236e;
font-weight:800;
}

/* STATUS */

.status{
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:999px;
padding:10px 16px;
font-weight:800;
opacity:1 !important;
}

.status.kyc_verified,
.status.membership_active,
.status.loan_completed,
.status.installment_paid{
background:var(--green);
color:var(--greenText);
border:1px solid #98ddb4;
}

.status.loan_late,
.status.kyc_rejected,
.status.membership_rejected,
.status.account_suspended,
.status.loan_rejected{
background:var(--red);
color:var(--redText);
border:1px solid #ffb3b3;
}

form.is-submitting{opacity:.72;pointer-events:none;}
.app-toast{
position:fixed;
left:50%;
bottom:22px;
z-index:9999;
transform:translate(-50%,16px);
padding:12px 16px;
border-radius:999px;
background:#2d1424;
color:#fff;
font-weight:900;
box-shadow:0 18px 45px rgba(45,20,36,.24);
opacity:0;
pointer-events:none;
transition:.18s ease;
}
.app-toast.show{
opacity:1;
transform:translate(-50%,0);
}
.target-highlight{
animation:target-highlight 2.6s ease-out;
scroll-margin-top:110px;
}
@keyframes target-highlight{
0%{box-shadow:0 0 0 0 rgba(223,93,148,.48);border-color:#df5d94;background:#fff6fb}
70%{box-shadow:0 0 0 12px rgba(223,93,148,0)}
100%{box-shadow:none}
}

.status.loan_pending,
.status.membership_pending,
.status.kyc_pending{
background:var(--orange);
color:var(--orangeText);
border:1px solid #f0d27a;
}

.status.loan_approved{
background:var(--blue);
color:var(--blueText);
border:1px solid #8fc2ff;
}

.status.info{
background:var(--blue);
color:var(--blueText);
border:1px solid #8fc2ff;
}

.status.success{
background:var(--green);
color:var(--greenText);
border:1px solid #98ddb4;
}

.status.ok{
background:var(--green);
color:var(--greenText);
border:1px solid #98ddb4;
}

.status.danger{
background:var(--red);
color:var(--redText);
border:1px solid #ffb3b3;
}

/* FORMS */

.form{
display:grid;
gap:12px;
}

.form input,
.form textarea,
.form select{
width:100%;
border:1px solid var(--line);
border-radius:16px;
padding:15px 17px;
font-size:16px;
background:#fff;
color:var(--ink);
}

.form textarea{
min-height:110px;
}

/* ALERTS */

.alert{
padding:16px;
border-radius:18px;
margin:10px 0;
}

.alert.success{
background:#e6fff2;
color:#096b3c;
}

.alert.danger{
background:#ffe3e3;
color:#8b0000;
}

.access-notice{
display:flex;
align-items:center;
justify-content:space-between;
gap:24px;
padding:24px;
margin-bottom:28px;
border:1px solid #efcfdc;
border-radius:24px;
background:linear-gradient(135deg,#fffdfc,#fff4f8);
box-shadow:0 24px 60px rgba(141,45,126,.1);
}

.access-notice h2{
margin:12px 0 8px;
font-size:28px;
color:#2d1424;
}

.access-notice p{
margin:0;
max-width:880px;
color:#6f5868;
font-size:18px;
line-height:1.5;
}

/* TABLES */

.table{
overflow:auto;
}

.table table{
width:100%;
border-collapse:collapse;
min-width:760px;
}

.table th{
text-align:left;
color:#8a7282;
font-size:14px;
font-weight:800;
letter-spacing:.03em;
}

.table th,
.table td{
padding:18px 14px;
border-bottom:1px solid var(--line);
color:#2d1424;
vertical-align:middle;
}

.table td{
font-weight:500;
}

.table tr:hover{
background:rgba(255,255,255,.5);
}

/* METER */

.meter{
height:12px;
background:#f3dfdb;
border-radius:999px;
overflow:hidden;
}

.meter i{
display:block;
height:100%;
background:linear-gradient(90deg,#f17753,#e34494,#762878);
}

/* BIG */

.big{
font-size:64px;
font-weight:950;
color:#7c2b87;
}

.muted{
color:var(--muted);
}

.referral-code-card{
display:grid;
gap:16px;
}

.referral-code{
font-size:clamp(34px,5vw,58px);
font-weight:950;
letter-spacing:.04em;
line-height:1;
padding:18px;
border-radius:20px;
background:#fff7f5;
border:1px dashed #d9b4c9;
color:#2d1424;
word-break:break-word;
}

.referral-actions{
display:flex;
gap:12px;
flex-wrap:wrap;
}

/* FOOTER */

.footer{
border-top:1px solid var(--line);
padding:30px 6vw;
color:var(--muted);
}

/* TIMELINE */

.timeline{
display:grid;
gap:10px;
}

.timeline div{
border-left:4px solid var(--pink);
padding:8px 0 8px 16px;
}

/* MEMBER CARD */

.membercard{
background:linear-gradient(135deg,#42103f,#d95190,#f3d17e);
color:#fff;
border-radius:28px;
padding:32px;
min-height:230px;
box-shadow:0 35px 70px rgba(109,37,92,.3);
}

.membercard .id{
font-size:28px;
font-weight:950;
}

.member-card-shell{
max-width:1040px;
margin:auto;
display:grid;
gap:18px;
}

.member-card-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:18px;
background:rgba(255,255,255,.9);
border:1px solid var(--line);
border-radius:28px;
padding:28px;
box-shadow:0 28px 70px rgba(95,42,74,.08);
}

.member-card-head h1{
margin:12px 0 8px;
font-size:clamp(34px,6vw,62px);
line-height:.95;
}

.premium-member-card{
display:grid;
grid-template-columns:minmax(0,1fr) 260px;
gap:18px;
align-items:stretch;
}

.premium-card-main{
position:relative;
overflow:hidden;
min-height:360px;
display:flex;
flex-direction:column;
justify-content:space-between;
gap:28px;
padding:34px;
border-radius:32px;
color:#fff;
background:
radial-gradient(circle at 88% 8%,rgba(246,217,138,.55),transparent 26%),
linear-gradient(135deg,#1d0b2c 0%,#6e246e 48%,#df5d9c 100%);
box-shadow:0 34px 90px rgba(29,11,44,.32);
}

.premium-card-main:after{
content:"";
position:absolute;
inset:auto -70px -110px auto;
width:260px;
height:260px;
border:28px solid rgba(255,255,255,.16);
border-radius:50%;
}

.premium-card-top{
display:flex;
align-items:center;
gap:14px;
position:relative;
z-index:1;
}

.premium-logo{
display:inline-grid;
place-items:center;
width:58px;
height:58px;
border-radius:18px;
background:rgba(255,255,255,.18);
border:1px solid rgba(255,255,255,.35);
color:#fff;
font-weight:950;
font-size:20px;
}

.premium-card-top strong,
.premium-card-top small,
.premium-label,
.premium-card-number span,
.premium-card-meta span{
display:block;
letter-spacing:.06em;
text-transform:uppercase;
}

.premium-card-top small,
.premium-label,
.premium-card-number span,
.premium-card-meta span{
font-size:12px;
opacity:.78;
font-weight:900;
}

.premium-card-main h2{
position:relative;
z-index:1;
font-size:clamp(34px,6vw,66px);
line-height:.95;
margin:8px 0 0;
letter-spacing:0;
}

.premium-card-meta{
position:relative;
z-index:1;
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
}

.premium-card-meta div,
.premium-card-number{
padding:14px;
border:1px solid rgba(255,255,255,.24);
border-radius:18px;
background:rgba(255,255,255,.12);
backdrop-filter:blur(10px);
}

.premium-card-meta strong,
.premium-card-number strong{
display:block;
margin-top:5px;
font-size:18px;
overflow-wrap:anywhere;
}

.premium-card-number{
position:relative;
z-index:1;
}

.premium-card-number strong{
font-size:24px;
}

.premium-card-qr{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:12px;
padding:24px;
border:1px solid var(--line);
border-radius:30px;
background:#fff;
box-shadow:0 28px 70px rgba(95,42,74,.08);
text-align:center;
}

.premium-card-qr img{
width:190px;
max-width:100%;
border-radius:18px;
border:1px solid var(--line);
}

.premium-card-qr strong{
color:var(--text);
font-size:18px;
}

.premium-card-qr small{
color:var(--muted);
font-weight:800;
line-height:1.35;
}

.member-card-actions{
display:flex;
gap:12px;
flex-wrap:wrap;
}

.card-verify-link{
display:grid;
grid-template-columns:auto minmax(0,1fr) auto;
gap:10px;
align-items:center;
padding:14px;
border:1px solid var(--line);
border-radius:20px;
background:#fff;
}

.card-verify-link span{
font-weight:950;
color:var(--muted);
}

.card-verify-link code{
overflow:auto;
white-space:nowrap;
padding:10px 12px;
border-radius:14px;
background:#fff7f5;
color:var(--text);
}

.verify-card-page{
max-width:720px;
margin:20px auto;
}

.verify-card-panel{
display:grid;
gap:18px;
justify-items:start;
padding:32px;
border-radius:30px;
border:1px solid var(--line);
background:#fff;
box-shadow:0 28px 70px rgba(95,42,74,.08);
}

.verify-card-panel .premium-logo{
background:linear-gradient(135deg,#df5d9c,#7b2c77);
}

.verify-card-panel h1{
font-size:clamp(42px,8vw,72px);
line-height:.92;
margin:0;
}

.verify-card-panel.ok{
border-color:#bfeacd;
}

.verify-card-panel.danger{
border-color:#ffb3b3;
}

.verify-facts{
width:100%;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
}

.verify-facts div{
padding:16px;
border:1px solid var(--line);
border-radius:18px;
background:#fffaf8;
}

.verify-facts span{
display:block;
font-size:12px;
text-transform:uppercase;
letter-spacing:.06em;
font-weight:950;
color:var(--muted);
}

.verify-facts strong{
display:block;
margin-top:5px;
font-size:18px;
color:var(--text);
overflow-wrap:anywhere;
}

/* CONTRACT */

.contract-a4{
background:#fff;
color:#1c1220;
max-width:800px;
margin:auto;
border-radius:10px;
padding:34px;
border:1px solid #ddd;
}

.contract-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:14px;
}

.sigbox{
border:1px solid #ddd;
border-radius:16px;
padding:18px;
background:#fff8fb;
}

/* ADMIN */

.is-admin{
background:
radial-gradient(circle at 88% 0,#2f185e,#15081f 45%,#0d0713);
color:#f9eff7;
}

.is-admin .nav{
background:rgba(19,9,29,.92);
border-bottom-color:rgba(255,255,255,.08);
}

.is-admin .card,
.is-admin .hero-card{
background:rgba(255,250,252,.98);
color:#2d1424;
border-color:rgba(255,255,255,.08);
box-shadow:none;
}

.is-admin .table th,
.is-admin .table td{
border-color:#f1dfe7;
color:#2d1424;
}

.is-admin .form input,
.is-admin .form textarea,
.is-admin .form select{
background:#fff;
color:#27162c;
}

.is-admin .footer{
border-color:rgba(255,255,255,.1);
color:#c9b4d4;
}

.is-admin .pill{
background:#fff;
color:#8b2ea8;
border-color:#f1dfe7;
}

.kpis{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:16px;
}

.kpi{
background:#fff;
padding:22px;
border-radius:24px;
border:1px solid #f1dfe7;
}

.kpi b{
display:block;
font-size:34px;
color:#2d1424;
}

.admin-tabs{
display:flex;
gap:10px;
flex-wrap:wrap;
margin:20px 0;
}

.admin-tabs a{
padding:12px 16px;
border-radius:999px;
background:#fff;
color:#8b2ea8;
font-weight:900;
border:1px solid #f1dfe7;
}

.admin-section{
margin:26px 0;
}

.modal-link{
color:#8c267a;
font-weight:900;
}

.forgot-password-box{
margin-top:18px;
padding:16px;
border:1px solid #f1dfe7;
border-radius:18px;
background:#fff8fb;
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
flex-wrap:wrap;
box-shadow:0 12px 30px rgba(45,20,36,.06);
}

.forgot-password-box span{
font-weight:800;
color:#2d1424;
}

.nav-badge{
display:inline-grid;
place-items:center;
min-width:22px;
height:22px;
padding:0 6px;
margin-left:6px;
border-radius:999px;
background:#df5d94;
color:#fff;
font-size:12px;
font-weight:950;
}

.page-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
}

.member-command{
display:flex;
align-items:center;
justify-content:space-between;
gap:22px;
padding:28px;
margin-bottom:22px;
border:1px solid var(--line);
border-radius:28px;
background:linear-gradient(135deg,#fffdfc,#fff4f8);
box-shadow:0 24px 60px rgba(141,45,126,.1);
}

.member-command h1{
margin:12px 0 8px;
font-size:clamp(30px,5vw,54px);
line-height:1;
}

.member-command p{
margin:0;
color:var(--muted);
font-size:18px;
line-height:1.45;
max-width:820px;
}

.member-command.ok{border-color:#bfeacd;background:linear-gradient(135deg,#f7fff9,#fff);}
.member-command.warn{border-color:#f0d27a;background:linear-gradient(135deg,#fff9e8,#fff);}
.member-command.danger{border-color:#ffb3b3;background:linear-gradient(135deg,#fff1f1,#fff);}

.notice-list{
display:grid;
gap:12px;
}

.notice-item{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
padding:16px;
border:1px solid var(--line);
border-radius:18px;
background:#fff;
}

.notice-item.is-unread{
border-color:#e3afd0;
box-shadow:inset 4px 0 0 #df5d94;
}

.notice-item h3,
.notice-item p{
margin:6px 0;
}

.notice-item small,
.timeline-list small{
color:var(--muted);
font-weight:700;
}

.notice-list.compact .notice-item{
align-items:flex-start;
}

.timeline-list{
display:grid;
gap:12px;
}

.timeline-list article{
display:grid;
grid-template-columns:18px 1fr;
gap:12px;
align-items:flex-start;
}

.timeline-list article>span{
width:14px;
height:14px;
margin-top:4px;
border-radius:999px;
background:linear-gradient(135deg,#df5d94,#84298a);
box-shadow:0 0 0 5px #f8e7f0;
}

.timeline-list p{
margin:5px 0;
color:var(--muted);
}

.empty-state{
border:1px dashed var(--line);
border-radius:18px;
padding:18px;
color:var(--muted);
font-weight:800;
background:#fffaf8;
}

.contract-actions{
display:flex;
justify-content:center;
gap:12px;
margin-bottom:20px;
}

.contract-head{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:18px;
}

.contract-ref{
text-align:right;
font-size:15px;
}

.contract-schedule{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:10px;
margin:12px 0 18px;
}

.contract-schedule div{
border:1px solid #eee;
border-radius:14px;
padding:12px;
background:#fffafd;
}

.contract-schedule span{
display:inline-grid;
place-items:center;
width:28px;
height:28px;
border-radius:999px;
background:#f2d9eb;
font-weight:900;
color:#84298a;
}

.contract-schedule b,
.contract-schedule small{
display:block;
margin-top:6px;
}

/* RESPONSIVE */

@media(max-width:900px){

.hero,
.grid2,
.grid3,
.grid4,
.dash,
.kpis,
.access-notice{
grid-template-columns:1fr;
}

.access-notice{
align-items:flex-start;
flex-direction:column;
}

.nav{
height:auto;
min-height:72px;
}

.hamb{
display:block;
}

.navlinks{
display:none;
position:absolute;
top:76px;
left:0;
right:0;
background:#fff;
padding:18px;
flex-direction:column;
align-items:flex-start;
}

.is-admin .navlinks{
background:#16081f;
}

.navlinks.open{
display:flex;
}

.wrap{
padding:28px 18px;
}

.hero{
min-height:auto;
}

.table table{
min-width:720px;
}

}

/* PRINT */

@media print{

body{
background:#fff;
}

.nav,
.footer,
.no-print{
display:none;
}

.wrap{
padding:0;
}

.contract-a4{
border:0;
max-width:100%;
box-shadow:none;
}

.btn{
display:none;
}

}
/* =========================================================
ADMIN FINAL FIX
========================================================= */

.is-admin{
background:
radial-gradient(circle at top right,#3d1b72 0%,#1a0d29 45%,#120818 100%) !important;
color:#2d1424 !important;
}

/* CARDS */

.is-admin .card,
.is-admin .hero-card{
background:#fffdfd !important;
border:1px solid #f0dfe7 !important;
box-shadow:0 10px 30px rgba(0,0,0,.08) !important;
color:#2d1424 !important;
}

/* TEXTES */

.is-admin h1,
.is-admin h2,
.is-admin h3,
.is-admin h4,
.is-admin p,
.is-admin span,
.is-admin strong,
.is-admin small,
.is-admin td,
.is-admin th,
.is-admin label,
.is-admin a{
color:#2d1424 !important;
opacity:1 !important;
}

/* TABLE */

.is-admin table{
background:#fff !important;
}

.is-admin table tr{
background:#fff !important;
}

.is-admin table tr:hover{
background:#fff8fc !important;
}

.is-admin td{
color:#2d1424 !important;
font-weight:600 !important;
}

.is-admin th{
color:#8f7285 !important;
font-weight:800 !important;
text-transform:uppercase;
font-size:13px;
letter-spacing:.04em;
}

/* BADGES */

.is-admin .status{
opacity:1 !important;
font-weight:800 !important;
color:#2d1424 !important;
}

.is-admin .status.loan_approved{
background:#dceeff !important;
color:#0b63c9 !important;
border:1px solid #9ccfff !important;
}

.is-admin .status.loan_pending,
.is-admin .status.kyc_pending{
background:#fff1cc !important;
color:#8a6200 !important;
border:1px solid #f0d27a !important;
}

.is-admin .status.kyc_verified,
.is-admin .status.membership_active,
.is-admin .status.loan_completed,
.is-admin .status.installment_paid{
background:#dff7e8 !important;
color:#157347 !important;
border:1px solid #98ddb4 !important;
}

.is-admin .status.loan_late,
.is-admin .status.loan_rejected,
.is-admin .status.kyc_rejected{
background:#ffe2e2 !important;
color:#b42318 !important;
border:1px solid #ffb3b3 !important;
}

/* BUTTONS */

.is-admin .btn{
opacity:1 !important;
}

.is-admin .btn.primary,
.is-admin .btn-admin{
background:linear-gradient(135deg,#df5d94,#84298a) !important;
color:#fff !important;
border:none !important;
font-weight:800 !important;
}

.is-admin .btn.ghost{
background:#fff !important;
color:#2d1424 !important;
border:1px solid #ead6df !important;
}

/* INPUTS */

.is-admin input,
.is-admin select,
.is-admin textarea{
background:#fff !important;
color:#2d1424 !important;
border:1px solid #ead6df !important;
opacity:1 !important;
}

/* KPI */

.is-admin .kpi{
background:#fff !important;
border:1px solid #f0dfe7 !important;
}

.is-admin .kpi b{
color:#2d1424 !important;
}

/* TABS */

.is-admin .admin-tabs a{
background:#fff !important;
color:#8b2ea8 !important;
border:1px solid #f0dfe7 !important;
}

.is-admin .admin-tabs a:hover{
background:#fff7fc !important;
}

/* LINKS */

.is-admin a{
opacity:1 !important;
}

/* NAV */

.is-admin .nav{
background:rgba(20,8,31,.95) !important;
border-bottom:1px solid rgba(255,255,255,.08) !important;
}

.is-admin .nav a{
color:#fff !important;
}

.is-admin .brand,
.is-admin .brand span,
.is-admin .brand b{
color:#fff !important;
opacity:1 !important;
}

.is-admin .brand .logo{
color:#fff !important;
background:linear-gradient(135deg,#d84f9d,#a73a93) !important;
box-shadow:0 12px 30px rgba(216,79,157,.22);
}

.is-admin .navlinks{
color:#fff !important;
}

.is-admin .navlinks a:not(.lang){
color:#fff !important;
opacity:1 !important;
}

.is-admin .lang{
color:#f8eef7 !important;
background:transparent !important;
border:1px solid transparent !important;
min-width:48px;
justify-content:center;
}

.is-admin .lang.active{
background:#fff !important;
color:#2d1424 !important;
border-color:#ead6df !important;
box-shadow:0 12px 30px rgba(255,255,255,.12);
}

.is-admin .hamb{
color:#fff !important;
background:rgba(255,255,255,.08) !important;
border:1px solid rgba(255,255,255,.12) !important;
}

/* RESPONSIVE */

@media(max-width:900px){

.is-admin .card,
.is-admin .hero-card{
padding:18px !important;
}

.is-admin table{
min-width:760px;
}

}

/* =========================================================
   V20 GENERAL RESPONSIVE POLISH
========================================================= */
html,body{max-width:100%;overflow-x:hidden;}
img,video,canvas,iframe{max-width:100%;}
@media(max-width:900px){
  .wrap{width:100%;padding:24px 14px;}
  .hero{grid-template-columns:1fr!important;gap:22px;}
  .hero h1{font-size:clamp(38px,12vw,56px);}
  .lead{font-size:17px;}
  .card,.hero-card{border-radius:24px;padding:22px;}
  .dash,.grid2,.grid3,.grid4{grid-template-columns:1fr!important;gap:14px;}
  .btn{width:100%;min-height:46px;}
  .referral-actions{display:grid;grid-template-columns:1fr;}
  .page-head,
  .member-command,
  .member-card-head,
  .premium-member-card,
  .notice-item,
  .contract-head,
  .contract-actions{flex-direction:column;align-items:stretch;text-align:left;}
  .premium-member-card{display:grid;grid-template-columns:1fr;}
  .premium-card-main{min-height:0;padding:24px;border-radius:26px;}
  .premium-card-meta{grid-template-columns:1fr;}
  .card-verify-link{grid-template-columns:1fr;}
  .verify-facts{grid-template-columns:1fr;}
  .contract-ref{text-align:left;}
  .contract-schedule{grid-template-columns:1fr;}
}

/* --- AMÉLIORATION DES TABLEAUX MEMBRES SUR MOBILE --- */
@media (max-width: 768px) {
  .table table, .table thead, .table tbody, .table th, .table td, .table tr {
    display: block; width: 100%;
  }
  .table thead tr { display: none; }
  .table tr {
    border: 1px solid var(--line, #efdcd7); border-radius: 16px; margin-bottom: 16px;
    padding: 16px; background: #fff; box-shadow: 0 4px 15px rgba(0,0,0,0.03);
  }
  .table td {
    border: none; padding: 8px 0; text-align: right; position: relative; padding-left: 50%; 
  }
  .table td::before {
    content: attr(data-label); position: absolute; left: 0; width: 45%; padding-right: 10px;
    white-space: nowrap; text-align: left; font-weight: bold; color: var(--muted, #7b6076);
    font-size: 13px; text-transform: uppercase;
  }
}