:root {
    --brand: #1e5f74;
    --brand-dark: #16424f;
}
body { background: #f4f6f8; }
.app-navbar { background: var(--brand-dark); }
.app-navbar .nav-link { color: rgba(255,255,255,.8); }
.app-navbar .nav-link.active, .app-navbar .nav-link:hover { color: #fff; }

.login-body {
    height: 100vh; display: flex; align-items: center; justify-content: center;
    background: linear-gradient(135deg, var(--brand), var(--brand-dark));
}
.login-card {
    background: #fff; padding: 2.5rem; border-radius: 12px; width: 100%; max-width: 380px;
    box-shadow: 0 10px 40px rgba(0,0,0,.2);
}

.drop-zone {
    border: 2px dashed #b9c4cc; border-radius: 12px; padding: 3rem 1rem;
    text-align: center; cursor: pointer; background: #fafcfd; transition: .2s;
}
.drop-zone.drag-over { border-color: var(--brand); background: #eef6f8; }

.stat-box { background: #fff; border-radius: 10px; padding: 1.2rem; text-align: center; box-shadow: 0 1px 4px rgba(0,0,0,.06); }
.stat-num { font-size: 1.9rem; font-weight: 700; }
.stat-label { color: #6c757d; font-size: .85rem; }

.card { border: none; box-shadow: 0 1px 4px rgba(0,0,0,.06); border-radius: 10px; }
.badge { font-weight: 500; padding: .5rem .8rem; }

/* Görev durumu ikonları (ilan listesinde) */
.gorev-ikon { font-size: 1.05rem; }
.gorev-ikon.turuncu { color: #fd7e14; }   /* atanmış görev var (varsayılan) */
.gorev-ikon.kirmizi { color: #dc3545; }   /* son sonuç: Olumsuz */
.gorev-ikon.mavi    { color: #0d6efd; }   /* görev durumu: Devam Ediyor */