/* Modern theme styles for Cicilan app */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&display=swap');

:root{
    --primary: #0d6efd; /* bootstrap primary */
    --accent: #6f42c1;
    --bg: #f6f8fb;
    --card-bg: #ffffff;
    --muted: #6c757d;
}

body{
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
    background: var(--bg);
    color: #212529;
}

.navbar-brand{font-weight:700;letter-spacing:0.2px}
.navbar-dark .navbar-nav .nav-link{color: rgba(255,255,255,0.9);font-weight:600}
.navbar-dark .navbar-nav .nav-link:hover{color: #fff}

.card{border:0;border-radius:12px;box-shadow: 0 6px 18px rgba(39,54,77,0.08);}
.card .card-title{font-weight:700}
.card .card-text{color:var(--muted)}

.btn-primary{background: linear-gradient(90deg,var(--primary), #2b7be6);border:0}
.btn-primary:hover{filter:brightness(0.95)}

.app-container{max-width:1100px;margin:0 auto;padding-top:80px}

.module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}

.upload-preview img{border-radius:8px;box-shadow:0 4px 12px rgba(16,24,40,0.06)}

/* responsive tweaks */
@media (max-width:576px){
    .app-container{padding:1rem}
}