:root{--primary:#ffb800;--primary-dark:#e5a500;--primary-light:#fff8e1;--secondary:#ff8c00;--text-dark:#1a1a1a;--text:#333;--text-muted:#666;--text-light:#999;--bg:#f8f9fa;--bg-white:#fff;--border:#e5e7eb;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--sidebar-bg:#1f2937;--sidebar-hover:#374151}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--bg);display:flex;min-height:100vh;color:var(--text)}
.sidebar{width:260px;background:var(--sidebar-bg);color:#e5e7eb;position:fixed;height:100vh;z-index:100;display:flex;flex-direction:column;box-shadow:4px 0 15px rgba(0,0,0,0.1)}
.logo{padding:24px 20px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);margin-bottom:8px}
.logo h2{font-size:1.4em;font-weight:700;color:var(--text-dark);display:flex;align-items:center;gap:10px}
.logo span{display:block;font-size:0.65em;color:rgba(0,0,0,0.6);font-weight:400;margin-top:4px}
.nav-links{list-style:none;padding:12px;flex:1;overflow-y:auto}
.nav-links li{margin:4px 0}
.nav-links a{display:flex;align-items:center;gap:12px;padding:14px 16px;color:#9ca3af;text-decoration:none;border-radius:10px;transition:all 0.2s ease;font-size:0.95em;font-weight:500}
.nav-links a:hover{background:var(--sidebar-hover);color:#fff;transform:translateX(4px)}
.nav-links a.active{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:var(--text-dark);font-weight:600;box-shadow:0 4px 12px rgba(255,184,0,0.3)}
.content{flex:1;margin-left:260px;padding:32px;min-height:100vh;background:var(--bg)}
.page{display:none;opacity:0}
.page.active{display:block;opacity:1;animation:fadeIn 0.3s ease forwards}
@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
.page-header h1{font-size:1.75em;font-weight:700;color:var(--text-dark)}
.page-header button{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:var(--text-dark);border:none;padding:12px 24px;border-radius:10px;cursor:pointer;font-size:0.95em;font-weight:600}
h1{color:var(--text-dark);margin-bottom:24px}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}
.stat-card{background:var(--bg-white);padding:24px;border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,0.08);text-align:center;border:1px solid var(--border)}
.stat-card h3{color:var(--text-muted);font-size:0.85em;font-weight:500;margin-bottom:8px}
.stat-card span{font-size:2.5em;font-weight:700;color:var(--text-dark)}
.stat-card.warning span{color:var(--danger)}
.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.card{background:var(--bg-white);padding:24px;border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,0.08);border:1px solid var(--border)}
.card h3{color:var(--text-dark);font-size:1.1em;font-weight:600;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--primary)}
.card ul{list-style:none}
.card li{padding:12px 0;border-bottom:1px solid var(--border);color:var(--text);font-size:0.95em}
table{width:100%;background:var(--bg-white);border-radius:16px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.08);border-collapse:collapse;border:1px solid var(--border)}
th{background:var(--primary-light);padding:16px;text-align:left;color:var(--text-dark);font-weight:600;font-size:0.9em;border-bottom:2px solid var(--primary)}
td{padding:16px;border-bottom:1px solid var(--border);color:var(--text);font-size:0.95em}
tr:hover{background:var(--primary-light)}
.btn{padding:8px 14px;border:none;border-radius:8px;cursor:pointer;font-size:0.85em;font-weight:500}
.btn-edit{background:var(--primary-light);color:var(--secondary)}
.btn-delete{background:#fee2e2;color:#b91c1c}
.btn-complete{background:#dcfce7;color:#166534}
.btn-primary{width:100%;padding:14px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:var(--text-dark);border:none;border-radius:10px;font-size:1em;font-weight:600;cursor:pointer;margin-top:12px}
.badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:0.8em;font-weight:600}
.badge-aktif{background:#dcfce7;color:#166534}
.badge-beklemede{background:var(--primary-light);color:#92400e}
.badge-alici{background:#dcfce7;color:#166534}
.badge-satici{background:var(--primary-light);color:#92400e}
.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);z-index:1000}
.modal.active{display:flex;justify-content:center;align-items:center}
.modal-content{background:var(--bg-white);padding:32px;border-radius:20px;width:500px;max-width:90%;max-height:90vh;overflow-y:auto;position:relative}
.close{position:absolute;top:16px;right:20px;font-size:1.5em;cursor:pointer;color:var(--text-muted)}
.form-group{margin-bottom:20px}
.form-group label{display:block;margin-bottom:8px;color:var(--text);font-weight:500;font-size:0.95em}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:10px;font-size:1em;background:var(--bg)}
.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary);background:var(--bg-white)}
#map{height:500px;border-radius:16px;border:2px solid var(--border);width:100%}
.harita-container{margin-bottom:20px}
.harita-legend{display:flex;gap:24px;padding:16px 20px;background:var(--bg-white);border-radius:12px;margin-top:16px}
.legend-item{display:flex;align-items:center;gap:8px;color:var(--text);font-size:0.9em}
.dot{width:12px;height:12px;border-radius:50%}
.dot.satilik{background:var(--success)}
.dot.kiralik{background:var(--info)}
.map-layers{background:var(--bg-white);padding:14px 20px;border-radius:12px;margin-bottom:16px;display:flex;gap:24px;flex-wrap:wrap;border:1px solid var(--border)}
.map-layer-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text);font-size:0.9em}
.map-layer-toggle input{width:auto;accent-color:var(--primary)}
.degerleme-container{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.degerleme-form,.degerleme-result{padding:28px}
.checkbox-group{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text);font-size:0.95em}
.checkbox-group input{width:auto;accent-color:var(--primary)}
.islem-tipi-toggle{display:flex;gap:12px}
.toggle-option{flex:1;display:flex;align-items:center;justify-content:center;padding:14px 20px;background:var(--bg);border:2px solid var(--border);border-radius:10px;cursor:pointer}
.toggle-option input{display:none}
.toggle-option span{font-weight:600;color:var(--text-muted)}
.toggle-option:hover{border-color:var(--primary)}
.toggle-option.active{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border-color:var(--primary)}
.toggle-option.active span{color:var(--text-dark)}
.checkbox-single{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--primary-light);border-radius:10px;cursor:pointer}
.checkbox-single input{width:auto;accent-color:var(--primary)}
.checkbox-single span{font-weight:500;color:var(--text)}
.result-placeholder{text-align:center;color:var(--text-light);padding:48px}
.result-content{text-align:center}
.result-type-badge{display:inline-block;padding:8px 20px;border-radius:20px;font-size:0.9em;font-weight:600;margin-bottom:16px}
.result-type-badge.satilik{background:var(--success);color:white}
.result-type-badge.kiralik{background:var(--info);color:white}
.result-esyali{display:inline-block;padding:6px 14px;background:var(--primary-light);color:#92400e;border-radius:20px;font-size:0.85em;font-weight:500;margin-bottom:16px}
.result-price{font-size:2.8em;font-weight:700;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:20px 0}
.result-m2{font-size:1.2em;color:var(--text-muted);margin-bottom:24px}
.result-details{text-align:left;border-top:2px solid var(--primary);padding-top:24px;margin-top:24px}
.result-details h4{color:var(--text);margin-bottom:12px;font-weight:600}
.result-details ul{list-style:none}
.result-details li{padding:8px 0;color:var(--text-muted);display:flex;justify-content:space-between;font-size:0.95em}
.randevu-stats{display:flex;gap:16px;margin-bottom:24px}
.stat-mini{background:var(--bg-white);padding:16px 24px;border-radius:12px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,0.06);border:1px solid var(--border)}
.stat-mini span{display:block;font-size:1.8em;font-weight:700;color:var(--primary)}
.randevu-list table,.komisyon-list table{width:100%;border-collapse:collapse}
.randevu-list th,.komisyon-list th{text-align:left;padding:14px 16px;background:var(--bg);color:var(--text-muted);font-weight:600;border-bottom:2px solid var(--border)}
.randevu-list td,.komisyon-list td{padding:14px 16px;border-bottom:1px solid var(--border)}
.badge-planli{background:var(--info);color:white}
.badge-tamamlandi{background:var(--success);color:white}
.badge-success{background:var(--success);color:white}
.badge-warning{background:var(--warning);color:var(--text-dark)}
.komisyon-ozet{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}
.komisyon-ozet .stat-card{text-align:center}
.komisyon-ozet .stat-card span{font-size:1.6em}
.komisyon-ozet .stat-card.success{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:white}
.komisyon-ozet .stat-card.success h3{color:rgba(255,255,255,0.9)}
.btn-whatsapp{background:#25D366;color:white;border:none;padding:8px 14px;border-radius:8px;cursor:pointer;font-size:0.9em;display:inline-flex;align-items:center;gap:6px}
.btn-whatsapp:hover{background:#128C7E}
.scout-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}
.scout-stat{background:var(--bg-white);padding:16px;border-radius:12px;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,0.08);border:1px solid var(--border)}
.scout-stat h4{color:var(--text-muted);font-size:0.8em;margin-bottom:6px}
.scout-stat span{font-size:1.6em;font-weight:700;color:var(--text-dark)}
.scout-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
.scout-card{background:var(--bg-white);border-radius:16px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.08);border:1px solid var(--border)}
.scout-card img{width:100%;height:200px;object-fit:cover;cursor:pointer}
.scout-card-body{padding:20px}
.scout-card-title{font-weight:600;color:var(--text-dark);margin-bottom:10px}
.scout-card-info{color:var(--text-muted);font-size:0.9em;margin-bottom:6px}
.scout-card-emlakci{background:var(--primary-light);color:#92400e;padding:8px 12px;border-radius:8px;font-size:0.85em;margin:12px 0}
.scout-card-actions{display:flex;gap:10px;margin-top:16px}
.scout-card-actions button{flex:1;padding:10px;border:none;border-radius:8px;cursor:pointer;font-size:0.9em;font-weight:600}
.btn-convert{background:var(--success);color:white}
.btn-call{background:var(--info);color:white}
.scout-status{display:inline-block;padding:4px 10px;border-radius:20px;font-size:0.75em;font-weight:600;margin-left:10px}
.scout-status.yeni{background:var(--border);color:var(--text)}
.scout-status.aranacak{background:var(--primary-light);color:#92400e}
.scout-status.gorusuldu{background:#dcfce7;color:#166534}
.scout-status.portfolio{background:#dbeafe;color:#1e40af}
.photo-upload{border:2px dashed var(--primary);border-radius:12px;padding:32px;text-align:center;cursor:pointer;margin-bottom:20px;background:var(--primary-light)}
.photo-upload:hover{background:#ffe699}
.photo-upload.has-photo{padding:0;border:none}
.photo-upload img{max-width:100%;max-height:220px;border-radius:12px}
.photo-upload input{display:none}
@media(max-width:768px){.sidebar{position:fixed;bottom:0;left:0;width:100%;height:auto;flex-direction:row;box-shadow:0 -4px 20px rgba(0,0,0,0.15)}.logo{display:none}.nav-links{display:flex;justify-content:space-around;padding:8px;width:100%;overflow-x:auto}.nav-links li{margin:0;flex-shrink:0}.nav-links a{padding:10px;font-size:1.2em;justify-content:center}.content{margin-left:0;margin-bottom:80px;padding:20px}.scout-stats{grid-template-columns:repeat(3,1fr)}.scout-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.degerleme-container{grid-template-columns:1fr}.komisyon-ozet{grid-template-columns:repeat(2,1fr)}.randevu-stats{flex-wrap:wrap}.modal-content{width:95%;max-height:85vh}#map{height:400px}.randevu-list,.komisyon-list{overflow-x:auto}}