:root{--sukun:#136f63;--sukun2:#22c55e;--dark:#0f172a;--muted:#64748b;--bg:#f5fbf8;--card:#ffffff}
.sukun-auth-wrap,.sukun-dashboard{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;max-width:1100px;margin:25px auto;padding:18px}
.sukun-auth-wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:22px;align-items:stretch}.sukun-auth-wrap.single{display:block;max-width:460px}.sukun-brand-card,.sukun-auth-form,.sukun-card,.sukun-panel,.sukun-hero{background:rgba(255,255,255,.9);border:1px solid rgba(19,111,99,.13);box-shadow:0 18px 50px rgba(15,23,42,.08);border-radius:26px}.sukun-brand-card{padding:34px;background:linear-gradient(135deg,#0f766e,#16a34a);color:white;display:flex;flex-direction:column;justify-content:center}.sukun-logo{width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,#fff,#bbf7d0);color:#0f766e;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:34px;box-shadow:0 10px 30px rgba(0,0,0,.15)}.sukun-logo.center{margin:0 auto 12px}.sukun-brand-card h2{font-size:38px;margin:18px 0 8px}.sukun-brand-card p{font-size:17px;opacity:.9}.sukun-auth-form{padding:28px}.sukun-auth-form h3{font-size:28px;margin:0 0 18px;color:var(--dark);text-align:center}.sukun-auth-form input{width:100%;box-sizing:border-box;border:1px solid #dbe7e2;border-radius:14px;padding:14px 15px;margin-bottom:12px;font-size:15px;background:#fbfffd}.sukun-auth-form button,.sukun-copy{border:0;border-radius:15px;padding:14px 18px;background:linear-gradient(135deg,var(--sukun),var(--sukun2));color:white;font-weight:800;cursor:pointer;width:100%;font-size:16px}.sukun-small{font-size:13px;color:var(--muted)}.sukun-alert{padding:14px 16px;border-radius:16px;margin:14px 0;font-weight:600}.sukun-alert.error{background:#fee2e2;color:#991b1b}.sukun-alert.warn{background:#fff7ed;color:#9a3412}.sukun-hero{padding:28px;background:linear-gradient(135deg,#063b35,#0f766e);color:#fff;display:flex;justify-content:space-between;gap:18px;align-items:center}.sukun-hero h2{margin:10px 0 8px;font-size:32px}.sukun-pill{background:rgba(255,255,255,.15);padding:7px 12px;border-radius:999px;font-weight:800}.sukun-status{padding:12px 18px;border-radius:999px;font-weight:900;background:#ef4444;white-space:nowrap}.sukun-status.active{background:#22c55e;color:#052e16}.sukun-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0}.sukun-card{padding:20px}.sukun-card span{display:block;color:var(--muted);font-weight:700}.sukun-card strong{display:block;color:var(--dark);font-size:28px;margin-top:8px}.sukun-panel{padding:22px;margin:18px 0}.sukun-panel h3{margin-top:0;color:var(--dark)}.sukun-ref{display:flex;gap:10px}.sukun-ref input{flex:1;border:1px solid #dbe7e2;border-radius:14px;padding:13px}.sukun-copy{width:auto;min-width:90px}
@media(max-width:760px){.sukun-auth-wrap{grid-template-columns:1fr}.sukun-brand-card{padding:24px}.sukun-cards{grid-template-columns:1fr 1fr}.sukun-hero{display:block}.sukun-status{display:inline-block;margin-top:14px}.sukun-ref{display:block}.sukun-copy{width:100%;margin-top:8px}.sukun-card strong{font-size:23px}}
.sukun-table-wrap{width:100%;overflow-x:auto}.sukun-table{width:100%;border-collapse:collapse;font-size:13px}.sukun-table th,.sukun-table td{padding:10px;border-bottom:1px solid rgba(15,23,42,.08);text-align:left}.sukun-table th{font-weight:800;color:#334155;background:#f8fafc}.sukun-panel ul{margin:8px 0 0 20px}
/* v1.2 premium dashboard */
.sukun-v12 .sukun-hero-v12{background:radial-gradient(circle at top left,#34d399 0,#0f766e 32%,#052e2b 100%);position:relative;overflow:hidden}.sukun-v12 .sukun-hero-v12:after{content:"";position:absolute;right:-70px;top:-70px;width:220px;height:220px;border-radius:999px;background:rgba(255,255,255,.1)}.sukun-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.sukun-btn,.sukun-link-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:14px;padding:12px 16px;background:#fff;color:#065f46;font-weight:900;box-shadow:0 10px 25px rgba(0,0,0,.12)}.sukun-btn.light{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.28)}.sukun-hero-status{text-align:right;position:relative;z-index:1}.sukun-hero-status small{display:block;margin-top:10px;opacity:.85}.sukun-grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.sukun-progress{height:13px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin:12px 0}.sukun-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(135deg,#0f766e,#22c55e)}.sukun-link-btn{background:linear-gradient(135deg,var(--sukun),var(--sukun2));color:#fff;margin-top:6px;box-shadow:none}.sukun-badge{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900}.sukun-badge.ok{background:#dcfce7;color:#166534}.sukun-badge.wait{background:#ffedd5;color:#9a3412}.sukun-card small{display:block;color:var(--muted);margin-top:5px;font-weight:700}
@media(max-width:760px){.sukun-grid2{grid-template-columns:1fr}.sukun-hero-status{text-align:left;margin-top:16px}.sukun-actions{display:grid;grid-template-columns:1fr 1fr}.sukun-btn{width:auto}.sukun-v12 .sukun-hero h2{font-size:27px}}


.sukun-form-row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:center}.sukun-form-row input{padding:12px;border:1px solid #e5e7eb;border-radius:12px}.sukun-withdrawal-box h4{margin:18px 0 8px}.sukun-badge.pending{background:#fff7ed;color:#c2410c}.sukun-badge.approved{background:#ecfdf5;color:#047857}.sukun-badge.rejected{background:#fef2f2;color:#b91c1c}.sukun-alert.success{background:#ecfdf5;color:#047857;border-color:#a7f3d0}@media(max-width:720px){.sukun-form-row{grid-template-columns:1fr}.sukun-form-row .sukun-btn{width:100%}/* SUKUN DARK APP DASHBOARD FIX */
:root{
  --sukun:#7c3aed;
  --sukun2:#22d3ee;
  --dark:#ffffff;
  --muted:#cbd5e1;
  --bg:#070b1a;
  --card:#111827;
}

body .sukun-dashboard,
body .sukun-auth-wrap{
  background:#070b1a !important;
  color:#ffffff !important;
}

body .sukun-card,
body .sukun-panel,
body .sukun-auth-form{
  background:rgba(17,24,39,.92) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  color:#ffffff !important;
  box-shadow:0 18px 50px rgba(0,0,0,.35) !important;
}

body .sukun-card span,
body .sukun-card small,
body .sukun-small,
body .sukun-panel p,
body .sukun-panel li,
body .sukun-panel label{
  color:#cbd5e1 !important;
}

body .sukun-card strong,
body .sukun-panel h1,
body .sukun-panel h2,
body .sukun-panel h3,
body .sukun-auth-form h3{
  color:#ffffff !important;
}

body .sukun-table th{
  background:#1e293b !important;
  color:#ffffff !important;
}

body .sukun-table td{
  color:#e5e7eb !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
}

body .sukun-table{
  background:#111827 !important;
}

body .sukun-ref input,
body .sukun-auth-form input,
body .sukun-form-row input{
  background:#0f172a !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.18) !important;
}

body .sukun-ref input::placeholder,
body .sukun-auth-form input::placeholder,
body .sukun-form-row input::placeholder{
  color:#94a3b8 !important;
}

body .sukun-progress{
  background:#334155 !important;
}

body .sukun-dashboard a{
  color:#67e8f9;
}
/* Success message dark fix */
.sukun-alert.success{
    background:#0f172a !important;
    color:#ffffff !important;
    border:1px solid #22c55e !important;
}

.sukun-alert.success *{
    color:#ffffff !important;
}   
/* Dashboard alert2 dark fix */
.sukun-alert2{
    background:rgba(17,24,39,.92) !important;
    color:#ffffff !important;
    border:1px solid rgba(255,255,255,.14) !important;
    box-shadow:0 18px 50px rgba(0,0,0,.35) !important;
}

.sukun-alert2.ok{
    background:linear-gradient(135deg,rgba(16,185,129,.22),rgba(14,165,233,.16)) !important;
    color:#ffffff !important;
    border:1px solid rgba(34,197,94,.45) !important;
}

.sukun-alert2.warn{
    background:linear-gradient(135deg,rgba(245,158,11,.22),rgba(239,68,68,.12)) !important;
    color:#ffffff !important;
    border:1px solid rgba(245,158,11,.45) !important;
}

.sukun-alert2 *,
.sukun-alert2.ok *,
.sukun-alert2.warn *{
    color:#ffffff !important;
}
}