/* Ofis tasarım sistemi: açık çalışma alanı, kömür menü, pirinç vurgular. */
:root { --zemin:#f4f3ef; --kart:#fff; --kart-2:#f7f7f3; --kenar:#e5e5df; --yazi:#222a29; --yazi-soluk:#737b78; --vurgu:#946a22; --vurgu-yumusak:#f3ead8; --golge:0 3px 15px #26322a05; --menu-genislik:236px; }
html[data-tema="koyu"] { --zemin:#121817; --kart:#1b2321; --kart-2:#222c29; --kenar:#323e38; --yazi:#edf0e9; --yazi-soluk:#a1afa7; --vurgu:#e2bd70; --vurgu-yumusak:#393221; }
body { background:var(--zemin); }
.yan-menu { background:#182321; padding:28px 15px; overflow-y:auto; }
.yan-menu .marka { padding:0 10px 34px; }
.menu { gap:5px; }
.menu a { padding:12px; font-size:14px; }
.menu a.etkin { background:#344039; color:#ecd39c; }
.yan-alt { margin-top:30px; border-top:1px solid #ffffff16; padding-top:20px; }
.ust-bar { padding:24px 32px; background:var(--zemin); border:0; }
.ust-bar h1 { font-size:21px; font-weight:600; }
.sayfa { width:100%; max-width:1500px; padding:0 32px 64px; margin:0 auto; }
.kart,.pro-surface { border:1px solid var(--kenar); border-radius:14px; box-shadow:var(--golge); background:var(--kart); }
.dugme { min-height:40px; border-radius:8px; }
.dugme.ana { box-shadow:none; }
button:focus-visible,a:focus-visible { outline:3px solid var(--vurgu); outline-offset:3px; }
.arac-cubugu { background:var(--kart); padding:14px; border:1px solid var(--kenar); border-radius:12px; }
.mulk-kart { border-radius:16px; }
.mulk-foto { aspect-ratio:16/11; }
.satir { padding:17px; }
.pro-dashboard { display:grid; gap:28px; }
.pro-welcome { display:flex; position:relative; overflow:hidden; background:#e9e8de; border:1px solid #dcddd0; border-radius:18px; min-height:265px; color:#233831; }
.pro-welcome-copy { padding:32px; flex:1; z-index:1; }
.pro-eyebrow { font-size:10px; font-weight:750; letter-spacing:.17em; color:#627568; }
.pro-welcome h2 { font-size:clamp(30px,3.5vw,47px); line-height:1.12; letter-spacing:-.045em; margin:13px 0; font-weight:650; }
.pro-welcome p { font-size:13px; color:#58675e; }
.pro-welcome-actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:24px; }
.pro-welcome-actions .ana { background:#263e34; border-color:#263e34; color:#fff; }
.pro-welcome-actions a { background:transparent; color:#263e34; border-color:#afbaaf; }
.pro-architecture { width:37%; position:relative; overflow:hidden; background:linear-gradient(145deg,#dce0d2,#bac7b3); }
.pro-architecture:after { content:""; position:absolute; left:-80px; top:-50px; width:240px; height:420px; background:#ffffff25; transform:rotate(30deg); }
.pro-building { position:absolute; bottom:0; width:34%; border:1px solid #70897970; background:repeating-linear-gradient(0deg,transparent 0 25px,#607b6755 26px 27px),repeating-linear-gradient(90deg,#99ad9a 0 23px,#607b6770 24px 25px); box-shadow:20px 18px 0 #728872; transform:skewY(-8deg); }
.b1 { left:7%; height:52%; }.b2 { left:35%; height:85%; background-color:#d5daca; }.b3 { left:65%; height:42%; }
.pro-architecture>span { position:absolute; right:16px; top:18px; font-size:8px; letter-spacing:.16em; color:#3e5645; }
.pro-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:15px; }
.pro-metric { background:var(--kart); padding:20px; border:1px solid var(--kenar); border-radius:12px; color:var(--yazi); display:grid; gap:8px; position:relative; }
.pro-icon { display:inline-flex; width:34px; height:34px; align-items:center; justify-content:center; background:var(--vurgu-yumusak); color:var(--vurgu); border-radius:9px; }
.pro-icon svg { width:19px; height:19px; }
.pro-metric>.pro-icon { position:absolute; right:16px; top:16px; }
.pro-metric>span:not(.pro-icon) { padding-right:38px; font-size:12px; color:var(--yazi-soluk); min-height:34px; }
.pro-metric>strong { font-size:clamp(18px,2vw,29px); letter-spacing:-.04em; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.pro-metric>small { color:var(--yazi-soluk); font-size:11px; }
.pro-opportunity { padding:26px; border-radius:17px; color:#eaf1ec; background:linear-gradient(135deg,#182d27,#213a31 56%,#17251f); box-shadow:0 16px 36px #14231d20; }
.pro-opportunity-head { display:flex; justify-content:space-between; gap:24px; align-items:flex-start; margin-bottom:22px; }
.pro-opportunity-head>div>span,.pro-quality>span { color:#c7a763; font-size:9px; font-weight:800; letter-spacing:.16em; }
.pro-opportunity-head h2 { margin:6px 0 4px; font-size:23px; color:#fff; }
.pro-opportunity-head p { margin:0; color:#aebcb5; font-size:12px; }
.pro-opportunity-head>a { color:#e5c77f; font-size:12px; white-space:nowrap; }
.pro-opportunity-grid { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(230px,.6fr); gap:20px; }
.pro-match-list { border:1px solid #ffffff18; border-radius:12px; overflow:hidden; background:#ffffff08; }
.pro-match { display:flex; align-items:center; gap:14px; padding:15px 17px; border-bottom:1px solid #ffffff12; color:#eef4ef; }
.pro-match:last-child { border-bottom:0; }.pro-match>b { color:#c8a965; font-size:10px; letter-spacing:.1em; }
.pro-match>div { flex:1; min-width:0; }.pro-match strong { display:block; color:#fff; font-size:13px; }.pro-match small { display:block; color:#aebcb5; font-size:10.5px; margin-top:3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pro-match>span { min-width:78px; text-align:right; color:#efd28e; font-size:22px; font-weight:700; }.pro-match>span small { color:#9fb0a7; font-size:9px; }
.pro-no-match { min-height:185px; display:flex; flex-direction:column; justify-content:center; padding:26px; }.pro-no-match strong { font-size:15px; }.pro-no-match p { color:#aebcb5; font-size:12px; max-width:430px; }.pro-no-match a { color:#e5c77f; font-size:12px; }
.pro-quality { padding:20px; border-radius:12px; background:#f1eadb; color:#26352e; }
.pro-quality-score { margin:13px 0 8px; }.pro-quality-score strong { font-size:42px; letter-spacing:-.06em; }.pro-quality-score small { color:#788178; }
.pro-progress { height:5px; overflow:hidden; border-radius:99px; background:#d8d1c1; }.pro-progress i { display:block; height:100%; border-radius:99px; background:#526f5d; }
.pro-quality>p { color:#68746c; font-size:11px; margin:9px 0 15px; }.pro-quality ul { list-style:none; margin:0; padding:0; border-top:1px solid #d9d0bd; }.pro-quality li { display:flex; justify-content:space-between; padding:10px 0; border-bottom:1px solid #d9d0bd; font-size:11px; }.pro-quality li b { font-size:13px; }
.pro-performance { display:grid; grid-template-columns:1.25fr .7fr 1fr 1.35fr; gap:1px; overflow:hidden; border:1px solid var(--kenar); border-radius:15px; background:var(--kenar); }
.pro-performance>div { min-width:0; padding:22px; background:var(--kart); }
.pro-performance-lead>span { color:var(--vurgu); font-size:9px; font-weight:800; letter-spacing:.15em; }
.pro-performance-lead h2 { margin:7px 0 4px; font-size:18px; }.pro-performance-lead p,.pro-performance-stat p { margin:0; color:var(--yazi-soluk); font-size:11px; }
.pro-performance-lead a { display:inline-block; margin-top:15px; font-size:11px; }
.pro-performance-stat { display:flex; flex-direction:column; justify-content:center; }.pro-performance-stat small,.pro-commission small { color:var(--yazi-soluk); font-size:10px; }
.pro-performance-stat strong { margin:9px 0 5px; font-size:clamp(20px,2.3vw,31px); letter-spacing:-.045em; overflow-wrap:anywhere; }
.pro-commission { display:flex; flex-direction:column; justify-content:center; }.pro-commission>div:first-child { display:grid; grid-template-columns:1fr auto; gap:4px 12px; align-items:end; }.pro-commission strong { grid-row:2; font-size:20px; }.pro-commission>div span { grid-column:2; grid-row:2; color:var(--vurgu); font-size:10px; font-weight:700; }
.pro-commission .pro-progress { margin:13px 0 8px; }.pro-commission>p { display:flex; justify-content:space-between; gap:10px; margin:0; color:var(--yazi-soluk); font-size:9px; }.pro-commission>p b { color:var(--yazi); }
.mulk-foto .foto-yok.pro-listing-placeholder { opacity:1; display:flex; flex-direction:column; gap:7px; background:linear-gradient(145deg,#e7e6de,#d5d9cf); color:#42534b; }
.pro-listing-placeholder strong { font-size:9px; letter-spacing:.17em; }.pro-listing-placeholder span { font-size:10px; color:#718078; }
.pro-listing-mark { position:relative; width:78px; height:62px; margin-bottom:5px; border-bottom:2px solid #819087; }
.pro-listing-mark i { position:absolute; bottom:0; width:21px; border:1px solid #75867c; background:repeating-linear-gradient(0deg,#b8c0b7 0 9px,#899a8f 10px 11px); transform:skewY(-7deg); }
.pro-listing-mark i:nth-child(1) { left:3px; height:33px; }.pro-listing-mark i:nth-child(2) { left:28px; height:55px; }.pro-listing-mark i:nth-child(3) { left:53px; height:42px; }
.pro-columns { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:24px; }
.pro-section-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:15px; gap:12px; }
.pro-section-head small { color:var(--yazi-soluk); font-size:9px; letter-spacing:.14em; font-weight:750; }
.pro-section-head h2 { font-size:20px; margin-top:5px; font-weight:620; }
.pro-section-head>a { font-size:12px; white-space:nowrap; }
.pro-empty { min-height:198px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:25px; text-align:center; }
.pro-empty>strong { font-size:14px; margin-top:12px; }
.pro-empty p { max-width:310px; margin:7px 0 16px; font-size:12px; color:var(--yazi-soluk); }
.pro-empty .dugme { font-size:12px; min-height:34px; }
.pro-contact,.pro-reminder,.pro-due { display:flex; align-items:center; gap:12px; padding:17px; border-bottom:1px solid var(--kenar); color:var(--yazi); }
.pro-contact:last-child,.pro-reminder:last-child,.pro-due:last-child { border:0; }
.pro-contact-name,.pro-reminder>div,.pro-due>div { flex:1; min-width:0; }
.pro-contact-name>a,.pro-reminder strong,.pro-due strong { color:var(--yazi); font-size:13px; font-weight:650; overflow-wrap:anywhere; }
.pro-contact small,.pro-reminder small,.pro-due small { display:block; color:var(--yazi-soluk); font-size:11px; margin-top:4px; }
.pro-contact-actions { display:flex; gap:6px; }.pro-contact-actions .dugme { font-size:11px; padding:7px 9px; }
.pro-time,.pro-date { font-size:11px; color:var(--vurgu); max-width:80px; }
.pro-money { font-size:13px; font-weight:650; text-align:right; }
.pro-properties { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.pro-properties>.pro-surface { grid-column:1/-1; }
.pro-property { overflow:hidden; border-radius:13px; border:1px solid var(--kenar); background:var(--kart); color:var(--yazi); transition:transform .18s; }
.pro-property:hover { transform:translateY(-3px); }
.pro-property-image { position:relative; aspect-ratio:16/10; background:var(--kart-2); }
.pro-property-image img { width:100%; height:100%; object-fit:cover; }
.pro-property-placeholder { display:flex; height:100%; flex-direction:column; align-items:center; justify-content:center; gap:10px; color:var(--yazi-soluk); background:linear-gradient(125deg,var(--kart-2),var(--kenar)); }
.pro-property-placeholder svg { width:48px; height:48px; opacity:.4; }.pro-property-placeholder span { font-size:11px; }
.pro-property-tag { position:absolute; left:14px; top:14px; background:#fff; color:#344b3e; border-radius:5px; padding:5px 10px; font-size:10px; font-weight:700; }
.pro-property-match { position:absolute; right:14px; top:14px; background:#274c3d; color:#fff1c8; border-radius:5px; padding:5px 9px; font-size:10px; font-weight:700; }
.pro-property-copy { padding:18px; }.pro-property-copy>small { font-size:11px; color:var(--yazi-soluk); }
.pro-property-copy h3 { font-size:16px; margin-top:7px; }.pro-property-copy p { font-size:12px; color:var(--yazi-soluk); }
.pro-property-copy>div { display:flex; justify-content:space-between; padding-top:13px; border-top:1px solid var(--kenar); }
.pro-property-copy strong { font-size:18px; }.pro-property-copy>div>span { color:var(--vurgu); }
.pro-cash { padding:20px; }.pro-cash>div { display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px; padding:13px 0; font-size:13px; }
.pro-cash-total { border-top:1px solid var(--kenar); color:var(--vurgu); }.pro-cash p { font-size:11px; color:var(--yazi-soluk); }
.pro-setup { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:24px; background:var(--vurgu-yumusak); border-radius:14px; }.pro-setup h2 { font-size:20px; }.pro-setup p { font-size:13px; }
.kurulum-adimlar { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media(max-width:1100px) { .pro-columns { grid-template-columns:1fr; }.pro-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }.pro-opportunity-grid { grid-template-columns:1fr; }.pro-quality { display:grid; grid-template-columns:1fr auto; gap:8px 24px; align-items:center; }.pro-quality .pro-progress,.pro-quality>p,.pro-quality ul { grid-column:1/-1; }.pro-quality-score { margin:0; }.pro-performance { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:820px) {
 .ust-bar { padding:14px 16px; }.sayfa { padding:0 16px 110px; }
 .mulk-foto { aspect-ratio:16/9; }
 .pro-dashboard { gap:23px; }.pro-welcome { min-height:240px; }.pro-welcome-copy { padding:23px; }.pro-welcome h2 { font-size:33px; }
 .pro-architecture { width:25%; }.pro-architecture>span { display:none; }
 .pro-metric { padding:15px; }.pro-metric>strong { font-size:20px; }.pro-metric>.pro-icon { right:10px; top:12px; width:28px; height:28px; }
 .pro-properties { grid-template-columns:1fr; }.pro-property { display:grid; grid-template-columns:34% 1fr; }.pro-property-image { height:100%; aspect-ratio:auto; min-height:165px; }
 .pro-performance { grid-template-columns:1fr 1fr; }.pro-performance-lead,.pro-commission { grid-column:1/-1; }.pro-performance>div { padding:18px; }
 .pro-opportunity { padding:20px 17px; }.pro-opportunity-head { display:block; }.pro-opportunity-head>a { display:inline-block; margin-top:12px; }.pro-match { padding:13px 12px; }.pro-match>span { min-width:60px; font-size:18px; }
 .pro-section-head h2 { font-size:19px; }.pro-contact { flex-wrap:wrap; }.pro-contact-actions { margin-left:auto; }
 .pro-setup { flex-direction:column; align-items:start; }.alt-menu a { min-height:48px; }.arac-cubugu select { max-width:100%; }
 input,select,textarea { font-size:16px; }.kurulum-adimlar { grid-template-columns:1fr; }
}
@media(max-width:420px) { .pro-architecture { display:none; }.pro-contact-actions { width:100%; justify-content:flex-end; }.pro-metric>strong { font-size:18px; }.pro-property-copy { padding:13px; }.pro-property-copy strong { font-size:15px; }.mulk-izgara { grid-template-columns:1fr; }.pro-listing-mark { transform:scale(.82); margin-bottom:0; } }
@media(prefers-reduced-motion:reduce) { *,*:before,*:after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }