/* Ortak arayüz katmanı: masaüstü, telefon ve koyu tema. */
:root {
  --zemin:#f5f4f0; --kart:#fffefa; --kart-2:#f2f1ec; --kenar:#e6e4dc;
  --yazi:#252823; --yazi-soluk:#6b7067; --vurgu:#866326; --vurgu-yumusak:#f2ead8;
  --golge:0 2px 3px #292d2403,0 8px 24px #292d2404; --menu-genislik:246px;
}
html[data-tema="koyu"] {
  --zemin:#151714; --kart:#20231e; --kart-2:#282c25; --kenar:#363b31;
  --yazi:#f0f1e9; --yazi-soluk:#afb5a5; --vurgu:#e0bc76; --vurgu-yumusak:#393322;
}
body { line-height:1.55; }
::selection { background:#dbc99f; color:#252823; }
.yan-menu { background:#20271f; padding:30px 18px 20px; }
.yan-menu .marka { padding:0 9px 27px; margin-bottom:16px; border-bottom:1px solid #ffffff12; }
.marka-nokta { flex-shrink:0; background:#d1b271; box-shadow:none; position:relative; }
.marka-nokta:after { content:""; position:absolute; inset:8px; border:1.5px solid #263224; transform:rotate(45deg); }
.menu a { padding:12px 13px; border-radius:10px; font-size:13px; color:#b8c0b2; }
.menu a.etkin { background:#d9c69d; color:#242d21; }
.menu a.etkin:before { display:none; }.menu a.etkin .simge { filter:none; }
.menu-caption { margin:17px 13px 7px; color:#96a28d; font-size:9px; letter-spacing:.17em; font-weight:700; }
.menu-caption:first-child { margin-top:0; }
.yan-alt { margin-top:26px; padding:18px 9px 0; }.surum { color:#9da891; }
.ust-bar { padding:25px 36px 22px; background:color-mix(in srgb,var(--zemin) 94%,transparent); }
.ust-bar h1 { font-size:23px; letter-spacing:-.045em; font-weight:650; }
.ust-satir { gap:10px; }.ust-sag:empty { display:none; }
.sayfa { padding:0 36px 70px; max-width:1510px; }
.dugme { min-height:42px; border-radius:10px; font-size:13px; font-weight:600; transition:background .16s,box-shadow .16s,transform .16s; }
.dugme.ana { background:#303b2b; color:#fff9e8; border-color:#303b2b; }
.dugme.ana:hover { background:#44533c; border-color:#44533c; filter:none; }
.hizli-dugme { background:#303b2b!important; color:#fff9e8!important; border-color:#303b2b!important; }
.dugme svg { width:18px; height:18px; flex-shrink:0; }
.kart,.pro-surface { border-radius:17px; box-shadow:var(--golge); }
.kart-ic { padding:22px; }.satir { padding:19px 20px; gap:14px; }
.satir:first-child { border-radius:17px 17px 0 0; }.satir:last-child { border-radius:0 0 17px 17px; }
.harf { width:43px; height:43px; flex-basis:43px; border-radius:50%; background:var(--vurgu-yumusak); font-size:13px; }
.satir-baslik { letter-spacing:-.02em; }.satir-alt { margin-top:3px; font-size:12px; }
.rozet { padding:3px 9px; font-size:11px; font-weight:550; }
.sekmeler { padding:5px; border:0; background:var(--kart-2); border-radius:12px; }
.sekme { min-height:40px; font-size:13px; border-radius:9px; }
.sekme.etkin { color:var(--vurgu); box-shadow:0 2px 6px #242a2010; }
.arac-cubugu { padding:15px; gap:10px; border-radius:15px; box-shadow:none; }
.arac-cubugu input,.arac-cubugu select { background:var(--kart-2); border-color:transparent; min-height:43px; }
input,select,textarea { border-radius:10px; padding:11px 12px; }
.alan { gap:7px; margin-bottom:18px; }.alan label { font-size:12px; font-weight:650; color:var(--yazi); }
.alan-satir { gap:16px; }.ipucu { font-size:12px; line-height:1.6; }
.stat { padding:21px; }.stat:before { display:none; }
.stat .etiket { font-size:10px; letter-spacing:.09em; }.stat .deger { font-weight:650; margin-top:9px; }
.tablo th { background:var(--kart-2); padding:14px 16px; font-size:10px; }.tablo td { padding:16px; }
.takvim-hucre { border-radius:10px; transition:background .16s,border-color .16s; }
.pencere-arka { background:#141b1766; backdrop-filter:blur(6px); }
.pencere { border-radius:22px; box-shadow:0 28px 90px #10181140; }
.pencere-bas { padding:23px 26px 18px; }.pencere-bas h2 { font-size:20px; letter-spacing:-.035em; }
.pencere-govde { padding:24px 26px; }.pencere-alt { padding:17px 26px; background:var(--kart-2); border-radius:0 0 22px 22px; }
.kapat { width:34px; height:34px; border-radius:50%; background:var(--kart-2); }
.giris-kutu { padding:36px 30px; border-radius:24px; }.giris-ekrani { background:radial-gradient(ellipse at 10% 0%,#b4a07833,transparent 60%),var(--zemin); }
.pro-dashboard { gap:27px; }
.pro-welcome { border:0; border-radius:22px; background:#182522 url('/office-hero-v55.jpg') center/cover no-repeat; color:#fcf7e8; min-height:330px; position:relative; }
.pro-welcome:before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#101c1bd9 0%,#101c1b9e 35%,#101c1b05 75%); }
.pro-welcome-copy { padding:34px 38px; }.pro-eyebrow { color:#d8c79e; font-size:9px; letter-spacing:.2em; }
.pro-welcome h2 { font-size:clamp(34px,3.5vw,52px); line-height:1.13; font-weight:500; letter-spacing:-.05em; }
.pro-welcome p { color:#c5cbbd; font-size:12px; }
.pro-welcome-actions { margin-top:24px; }.pro-welcome-actions .ana { background:#e5d3aa; color:#263022; border-color:#e5d3aa; }
.pro-welcome-actions .ana:hover { background:#f1e2be; border-color:#f1e2be; }.pro-welcome-actions a { color:#eeeada; border-color:#ffffff35; }
.pro-welcome-actions a:hover { background:#ffffff12; }
.pro-architecture { display:none; }
.pro-architecture:after,.pro-building,.pro-architecture>span { display:none; }
.pro-quicklinks { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.pro-quicklinks a { display:flex; align-items:center; gap:12px; padding:15px 18px; border:1px solid var(--kenar); background:var(--kart); border-radius:13px; color:var(--yazi); transition:border-color .16s,background .16s; }
.pro-quicklinks a:hover { border-color:var(--vurgu); background:var(--kart-2); }
.pro-quicklinks .pro-icon { border-radius:50%; width:35px; height:35px; }.pro-quicklinks strong { display:block; font-size:12px; font-weight:600; }.pro-quicklinks small { display:block; font-size:10px; color:var(--yazi-soluk); }.pro-quicklinks b { margin-left:auto; font-weight:400; color:var(--vurgu); }
.pro-metrics { gap:14px; }.pro-metric { padding:23px; border-radius:16px; }
.pro-metric>strong { font-size:clamp(21px,2.15vw,31px); font-weight:600; }.pro-metric>small { font-size:11px; }
.pro-metric>.pro-icon { background:var(--kart-2); color:var(--yazi-soluk); border-radius:50%; }
.pro-metric:first-child { background:#e9eddf; border-color:#dce3cf; color:#293821; }.pro-metric:first-child>span:not(.pro-icon),.pro-metric:first-child>small { color:#5b694e; }
html[data-tema="koyu"] .pro-metric:first-child { background:#303c28; border-color:#45513b; color:#ecf1e3; }
html[data-tema="koyu"] .pro-metric:first-child>span:not(.pro-icon),html[data-tema="koyu"] .pro-metric:first-child>small { color:#bbc7ad; }
.pro-opportunity { background:var(--kart); color:var(--yazi); border:1px solid var(--kenar); border-radius:19px; box-shadow:var(--golge); padding:25px; }
.pro-opportunity-head h2 { color:var(--yazi); font-size:22px; letter-spacing:-.035em; }.pro-opportunity-head p { color:var(--yazi-soluk); }
.pro-opportunity-head>div>span,.pro-opportunity-head>a { color:var(--vurgu); }
.pro-match-list { background:var(--kart-2); border-color:var(--kenar); }
.pro-match { border-color:var(--kenar); color:var(--yazi); padding:18px; }.pro-match strong { color:var(--yazi); }
.pro-match small,.pro-match>span small { color:var(--yazi-soluk); }.pro-match>span,.pro-match>b { color:var(--vurgu); }
.pro-match:hover { background:var(--vurgu-yumusak); }.pro-no-match p { color:var(--yazi-soluk); }.pro-no-match a { color:var(--vurgu); }
.pro-quality { background:var(--vurgu-yumusak); color:var(--yazi); border-radius:12px; }.pro-quality>span { color:var(--vurgu); }
.pro-quality>p,.pro-quality-score small { color:var(--yazi-soluk); }.pro-quality ul,.pro-quality li { border-color:color-mix(in srgb,var(--vurgu) 18%,transparent); }
.pro-quality-score strong { font-weight:550; }.pro-progress { background:color-mix(in srgb,var(--vurgu) 20%,var(--kart)); }.pro-progress i { background:var(--vurgu); }
.pro-section-head h2 { font-size:22px; letter-spacing:-.04em; }.pro-section-head small { font-size:9px; }
.pro-empty { min-height:175px; }.pro-empty>.pro-icon { border-radius:50%; }
.pro-properties { gap:18px; }.pro-property { border-radius:17px; }.pro-property-image { aspect-ratio:16/10; overflow:hidden; }
.pro-property-placeholder { position:absolute; inset:0; background:#e4e5d9 url('/atelier-building.svg') center/cover; color:#364030; }
.pro-property-placeholder svg { display:none; }.pro-property-placeholder span { padding:5px 9px; background:#fff9; border-radius:6px; margin-top:50px; }
.pro-property-copy h3 { margin:8px 0; }.pro-property-copy p { min-height:18px; }.pro-property-copy strong { font-weight:600; }
.mulk-izgara>.mulk-kart { margin-top:0!important; }
.mulk-foto { aspect-ratio:16/10; overflow:hidden; }
.mulk-foto .foto-yok.pro-listing-placeholder { position:absolute; inset:0; justify-content:center; background:#e4e5d9 url('/atelier-building.svg') center/cover; }
.pro-listing-mark { display:none; }.pro-listing-placeholder strong,.pro-listing-placeholder span { position:relative; background:#f8f5ebdf; padding:4px 9px; border-radius:5px; }
.pro-listing-placeholder strong { margin-top:52px; }.mulk-islem,.mulk-foto-sayi { border-radius:6px; backdrop-filter:blur(10px); }
.pro-performance { border-radius:17px; }.pro-performance>div { padding:23px; }.pro-commission>div:first-child { display:flex; flex-wrap:wrap; align-items:baseline; }.pro-commission small { width:100%; }.pro-commission strong { overflow-wrap:anywhere; }.pro-commission>div span { margin-left:auto; }
.pro-cash-total { font-weight:650; }.pro-money,.pro-performance-stat strong,.pro-commission strong { font-variant-numeric:tabular-nums; }
.atelier-loading { display:grid; gap:16px; padding:8px 0; }.atelier-loading span { height:150px; border-radius:18px; background:var(--kart-2); border:1px solid var(--kenar); }.atelier-loading span:first-child { height:230px; }.atelier-loading p { margin:0; font-size:12px; color:var(--yazi-soluk); }
@media(hover:hover) { .pro-metric:hover,.mulk-kart:hover { border-color:color-mix(in srgb,var(--vurgu) 45%,var(--kenar)); box-shadow:0 8px 25px #252c2210; }.pro-property:hover { transform:translateY(-2px); } }
@media(min-width:821px) { .pro-performance { grid-template-columns:1.1fr .7fr 1fr 1.4fr; } }
@media(min-width:821px) and (max-width:1180px) { .pro-performance { grid-template-columns:1fr 1fr; }.pro-architecture { width:30%; }.sayfa { padding-right:24px; padding-left:24px; } }
@media(max-width:820px) {
 .ust-bar { padding:17px 18px 15px; }.ust-bar h1 { font-size:23px; }.sayfa { padding:0 16px calc(110px + env(safe-area-inset-bottom)); }
 .pro-dashboard { gap:21px; }.pro-welcome { min-height:250px; border-radius:18px; }.pro-welcome-copy { padding:27px 24px; }.pro-welcome h2 { font-size:35px; max-width:290px; }.pro-welcome p { max-width:260px; }
 .pro-architecture { display:none; }.pro-welcome { background-position:64% center; min-height:285px; }.pro-welcome:before { background:linear-gradient(90deg,#101c1bd9,#101c1b66); }
 .pro-welcome-actions { gap:8px; margin-top:20px; }.pro-welcome-actions .dugme { padding:9px 11px; font-size:12px; }
 .pro-quicklinks { gap:7px; }.pro-quicklinks a { flex-direction:column; align-items:flex-start; gap:9px; padding:12px; }.pro-quicklinks small,.pro-quicklinks b { display:none; }.pro-quicklinks strong { font-size:11px; }
 .pro-metrics { gap:10px; }.pro-metric { padding:17px 14px; }.pro-metric>strong { font-size:clamp(17px,4.8vw,23px); }.pro-metric>span:not(.pro-icon) { font-size:11px; }.pro-metric>small { font-size:10px; }
 .pro-metric>.pro-icon { width:26px; height:26px; right:10px; top:14px; }.pro-metric>.pro-icon svg { width:16px; height:16px; }
 .pro-opportunity { padding:20px 16px; }.pro-opportunity-head h2 { font-size:21px; }.pro-opportunity-head p { font-size:11px; line-height:1.65; }
 .pro-match { padding:15px 11px; gap:10px; }.pro-match strong { font-size:12px; }.pro-quality { padding:17px; }
 .pro-section-head h2 { font-size:20px; }.pro-section-head>a { font-size:11px; }
 .pro-property { grid-template-columns:32% minmax(0,1fr); }.pro-property-image { aspect-ratio:auto; min-height:162px; }.pro-property-tag { left:7px; top:8px; padding:4px 7px; font-size:9px; }.pro-property-match { left:7px; right:auto; top:34px; font-size:9px; padding:4px 6px; }.pro-property-placeholder span { display:none; }.pro-property-copy { padding:15px; }.pro-property-copy h3 { font-size:14px; }
 .mulk-foto { aspect-ratio:16/9; }.mulk-izgara { gap:16px; }.arac-cubugu { padding:12px; gap:8px; }.arac-cubugu .arama-kutu { flex-basis:100%; }.arac-cubugu select { flex:1 1 42%; min-width:0; max-width:100%; font-size:14px; }
 .satir { padding:17px 15px; }.satir-baslik { font-size:14px; }.satir-alt { font-size:11px; }.harf { width:38px; height:38px; flex-basis:38px; }
 .stat { padding:15px 11px; }.stat .etiket { font-size:9px; }.stat .deger { margin-top:7px; }.kart-ic { padding:17px; }
 .ay-secici { flex-wrap:wrap; row-gap:10px; }.ay-secici .dugme { max-width:100%; }
 .alt-menu { left:10px; right:10px; bottom:calc(8px + env(safe-area-inset-bottom)); width:auto; border:1px solid var(--kenar); border-radius:19px; padding:7px 3px; background:color-mix(in srgb,var(--kart) 96%,transparent); box-shadow:0 5px 30px #18231b1a; backdrop-filter:blur(16px); }
 .alt-menu a { font-size:9px; gap:4px; min-height:48px; border-radius:12px; margin:0 1px; }.alt-menu a.etkin { color:var(--vurgu); background:var(--vurgu-yumusak); }.alt-menu a .simge svg { width:20px; height:20px; }
 .pencere { border-radius:23px 23px 0 0; max-height:94dvh; }.pencere-bas { padding:21px 20px 16px; }.pencere-govde { padding:21px 20px; }.pencere-alt { padding:15px 20px calc(15px + env(safe-area-inset-bottom)); border-radius:0; }
 .pro-performance>div { padding:18px; }.pro-performance-stat strong { font-size:21px; }.pro-contact-actions { width:auto; }
}
@media(max-width:360px) { .pro-welcome-copy { padding:24px 18px; }.pro-welcome h2 { font-size:31px; }.pro-metric { padding:14px 11px; }.pro-metric>strong { font-size:16px; }.pro-quicklinks a { padding:10px; }.alan-satir { grid-template-columns:1fr; }.pro-contact-actions { width:100%; } }
@media(prefers-reduced-motion:no-preference) {
 .sayfa.ekran-hazir { animation:atelier-in .2s ease-out; }
 .pencere-arka:not(.gizli) .pencere { animation:atelier-in .18s ease-out; }
 @keyframes atelier-in { from { opacity:.6; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }
}
@media print { .pro-quicklinks { display:none; } }