Dedozer464/debt-mirror
Domaine:
socioeconomicCréateur:
Ded
Hôte:
Free loan awareness tool for South African government employees
Debt Mirror v2 — NCR Loan Compliance Analyser
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px}
body{background:#0a0a0c;color:#e2e8f0;font-family:'Sora',sans-serif;min-height:100vh}
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-track{background:#0a0a0c}
::-webkit-scrollbar-thumb{background:#1e1e28;border-radius:3px}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{opacity:1}
select option{background:#141420;color:#e2e8f0}
input,select{font-family:'DM Mono',monospace}
/* ── LAYOUT ── */
#app{display:flex;flex-direction:column;min-height:100vh}
header{
position:sticky;top:0;z-index:100;
height:58px;padding:0 28px;
background:rgba(10,10,14,.97);
border-bottom:1px solid #1e1e28;
display:flex;align-items:center;justify-content:space-between;
backdrop-filter:blur(10px);
}
.logo{display:flex;align-items:center;gap:10px}
.logo-icon{
width:30px;height:30px;border-radius:7px;
background:linear-gradient(135deg,#dc2626,#7f1d1d);
display:flex;align-items:center;justify-content:center;
font-size:15px;flex-shrink:0;
}
.logo-text{
font-size:15px;font-weight:700;letter-spacing:-.4px;
background:linear-gradient(90deg,#f8fafc,#94a3b8);
-webkit-background-clip:text;-webkit-text-fill-color:transparent;
}
.v-badge{
background:#dc2626;color:#fff;font-size:9px;
font-family:'DM Mono',monospace;letter-spacing:2px;
padding:2px 6px;border-radius:3px;font-weight:700;
}
.header-right{display:flex;align-items:center;gap:14px}
.repo-label{font-size:11px;color:#475569;font-family:'DM Mono',monospace}
.repo-label span{color:#94a3b8}
.main-grid{
max-width:1200px;margin:0 auto;padding:26px 22px;
display:grid;grid-template-columns:350px 1fr;gap:22px;flex:1;
}
@media(max-width:900px){.main-grid{grid-template-columns:1fr}}
/* ── PANEL ── */
.panel{background:#0f0f14;border:1px solid #1e1e28;border-radius:12px;padding:22px}
.sec-label{
font-size:10px;font-family:'DM Mono',monospace;
color:#475569;letter-sp …