: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%}}