:root { --ana: #1a2a3a; --yesil: #27ae60; --kirmizi: #c0392b; --mavi: #2980b9; --altin: #f39c12; --mor: #8e44ad; }
        body { font-family: sans-serif; margin: 0; background: #f4f7f9; color: #333; padding-bottom: 60px; }
        .ust { background: var(--ana); color: white; padding: 15px; text-align: center; border-bottom: 4px solid var(--yesil); position: sticky; top: 0; z-index: 1000; }
        .menu { display: flex; background: white; border-bottom: 1px solid #ddd; position: sticky; top: 62px; z-index: 999; }
        .tab { flex: 1; padding: 15px 5px; text-align: center; cursor: pointer; font-weight: bold; color: #777; font-size: 0.9rem; }
        .tab.aktif { color: var(--ana); border-bottom: 4px solid var(--ana); background: #f0f0f0; }
        .bolge { padding: 15px; }
        .kart { background: white; border-radius: 12px; padding: 15px; margin-bottom: 15px; border: 1px solid #ddd; box-shadow: 0 2px 8px rgba(0,0,0,0.06); }
        input, select, textarea { width: 100%; padding: 12px; margin: 8px 0; border: 1px solid #ccc; border-radius: 8px; box-sizing: border-box; font-size: 1rem; outline: none; }
        .btn { border: none; border-radius: 8px; padding: 12px; color: white; font-weight: bold; cursor: pointer; font-size: 0.9rem; }
        .btn-mavi { background: var(--mavi); width: 100%; } .btn-yesil { background: var(--yesil); } .btn-kirmizi { background: var(--kirmizi); } .btn-altin { background: var(--altin); color: #000; }
        .btn-kasa { padding: 15px; width: 100%; margin-top: 10px; font-size: 1rem; }
        .rapor-izgara { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 15px; }
        .rapor-kutu { background: white; padding: 10px; border-radius: 10px; border: 1px solid #ddd; font-size: 0.8rem; }
        .rapor-baslik { font-weight: bold; padding: 6px; border-radius: 4px; color: white; margin-bottom: 8px; text-align: center; }
        .rapor-satir { margin-bottom: 4px; border-bottom: 1px solid #eee; padding-bottom: 2px; display: flex; justify-content: space-between; }
        .stat-ozet { background: var(--ana); color: white; padding: 15px; border-radius: 12px; margin-bottom: 15px; text-align: center; }
        .kayit-item { font-size: 0.85rem; background: #fdfdfd; padding: 10px; border-radius: 8px; margin-top: 8px; border-left: 5px solid #ddd; position: relative; }
        .sil-btn { color: var(--kirmizi); font-weight: bold; position: absolute; right: 8px; top: 8px; padding: 5px; cursor: pointer; }
        .not-kutusu { background: #fffbe6; border: 1px solid #ffe58f; padding: 5px; border-radius: 4px; margin-top: 5px; font-style: italic; color: #856404; font-size: 0.8rem; }
        .mus-baslik { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 10px; }
        .gider-grup-item { background: #f9f9f9; border-left: 4px solid var(--altin); padding: 8px; margin-bottom: 5px; border-radius: 4px; font-size: 0.9rem; }
        .filtre-alani { background: #eef2f5; padding: 12px; border-radius: 12px; margin-bottom: 15px; border: 1px solid #ccd; }
        .gizli { display: none; }

/* --- additions for the multi-user app --- */
.overlay { position: fixed; inset: 0; background: var(--ana); display: flex; align-items: center; justify-content: center; z-index: 2000; }
.login-kart { background: white; border-radius: 12px; padding: 25px; width: 90%; max-width: 340px; }
.login-kart h2 { margin: 0 0 15px; color: var(--ana); text-align: center; }
.login-err { color: var(--kirmizi); font-size: 0.85rem; min-height: 1.2em; text-align: center; }
.user-badge { font-size: 0.75rem; opacity: 0.9; }
.cikis-btn { position: absolute; right: 12px; top: 14px; background: transparent; border: 1px solid rgba(255,255,255,0.5); color: white; border-radius: 6px; padding: 4px 8px; font-size: 0.75rem; cursor: pointer; }
.gizli { display: none; }