/* ========== THEME VARIABLES ========== */
[data-theme="dark"] {
  --bg:#0d0f14;--surface:#141720;--surface2:#1c2030;--surface3:#232840;
  --border:rgba(255,255,255,0.07);--border2:rgba(255,255,255,0.12);
  --text:#e8eaf0;--text2:#8a8fa8;--text3:#555a72;
  --accent:#6c63ff;--accent2:#8b85ff;--accent-soft:rgba(108,99,255,0.12);
  --green:#2de08b;--green-soft:rgba(45,224,139,0.1);
  --red:#ff5f6b;--red-soft:rgba(255,95,107,0.1);
  --amber:#f5a623;--amber-soft:rgba(245,166,35,0.1);
  --teal:#00d4c8;--pink:#ff6bbd;
}
[data-theme="light"] {
  --bg:#f0f2f7;--surface:#ffffff;--surface2:#f5f6fa;--surface3:#e8eaf2;
  --border:rgba(0,0,0,0.08);--border2:rgba(0,0,0,0.14);
  --text:#1a1d2e;--text2:#5a5f7a;--text3:#9a9fb8;
  --accent:#5c54f0;--accent2:#4a43d4;--accent-soft:rgba(92,84,240,0.10);
  --green:#18b870;--green-soft:rgba(24,184,112,0.1);
  --red:#e8394a;--red-soft:rgba(232,57,74,0.1);
  --amber:#d4880a;--amber-soft:rgba(212,136,10,0.1);
  --teal:#009e94;--pink:#d94fa0;
}
[data-theme="ocean"] {
  --bg:#06111f;--surface:#0a1e35;--surface2:#102844;--surface3:#163252;
  --border:rgba(0,180,255,0.10);--border2:rgba(0,180,255,0.20);
  --text:#d6f0ff;--text2:#6fa8cc;--text3:#3a6080;
  --accent:#00b8d4;--accent2:#26d4f0;--accent-soft:rgba(0,184,212,0.12);
  --green:#00e5b0;--green-soft:rgba(0,229,176,0.1);
  --red:#ff4d6a;--red-soft:rgba(255,77,106,0.1);
  --amber:#ffb830;--amber-soft:rgba(255,184,48,0.1);
  --teal:#00e5b0;--pink:#ff6bbd;
}
[data-theme="forest"] {
  --bg:#0c1409;--surface:#131d0e;--surface2:#1a2814;--surface3:#21321a;
  --border:rgba(80,200,80,0.09);--border2:rgba(80,200,80,0.16);
  --text:#d8f0d0;--text2:#7aaa6a;--text3:#3d6432;
  --accent:#4caf50;--accent2:#66d46a;--accent-soft:rgba(76,175,80,0.12);
  --green:#66d46a;--green-soft:rgba(102,212,106,0.1);
  --red:#ff6b6b;--red-soft:rgba(255,107,107,0.1);
  --amber:#ffc107;--amber-soft:rgba(255,193,7,0.1);
  --teal:#00bcd4;--pink:#ff80ab;
}
:root {
  --font-display:'Syne',sans-serif;
  --font-body:'DM Sans',sans-serif;
  --font-mono:'DM Mono',monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;overflow:hidden}
body{font-family:var(--font-body);background:var(--bg);color:var(--text);display:flex;flex-direction:column;transition:background .3s,color .3s}

/* TOPBAR */
.topbar{height:52px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;flex-shrink:0;position:relative;z-index:10}
.logo{display:flex;align-items:center;gap:10px;margin-right:32px}
.logo-mark{width:28px;height:28px;background:var(--accent);border-radius:7px;display:flex;align-items:center;justify-content:center}
.logo-mark svg{width:16px;height:16px}
.logo-name{font-family:var(--font-display);font-weight:700;font-size:16px;letter-spacing:-.02em;color:var(--text)}
.logo-name span{color:var(--accent2)}
.nav-tabs{display:flex;align-items:center;gap:2px;flex:1}
.nav-tab{padding:6px 14px;font-size:13px;color:var(--text2);cursor:pointer;border-radius:6px;transition:all .15s;white-space:nowrap}
.nav-tab:hover{color:var(--text);background:var(--surface2)}
.nav-tab.active{color:var(--text);background:var(--surface3);font-weight:500}
.topbar-right{display:flex;align-items:center;gap:8px;margin-left:auto}
.kur-chip{display:flex;align-items:center;gap:6px;padding:5px 10px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;font-family:var(--font-mono);font-size:12px;cursor:pointer;transition:border-color .15s}
.kur-chip:hover{border-color:var(--border2)}
.kur-chip .pair{color:var(--text2);font-size:11px}
.kur-chip .rate{color:var(--text);font-weight:500}
.kur-chip .up{color:var(--green);font-size:10px}
.kur-chip .dn{color:var(--red);font-size:10px}
.tcmb-badge{font-size:10px;color:var(--text3);padding:4px 8px;border:1px solid var(--border);border-radius:6px;font-family:var(--font-mono)}
.theme-btn{display:flex;align-items:center;gap:6px;padding:5px 10px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;font-size:12px;cursor:pointer;color:var(--text2);font-family:var(--font-mono);transition:all .15s;position:relative}
.theme-btn:hover{border-color:var(--border2);color:var(--text)}
.theme-dropdown{position:absolute;top:44px;right:0;background:var(--surface);border:1px solid var(--border2);border-radius:10px;padding:6px;z-index:100;min-width:160px;box-shadow:0 8px 24px rgba(0,0,0,.3);display:none}
.theme-dropdown.open{display:block}
.theme-option{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:7px;cursor:pointer;font-size:13px;color:var(--text2);transition:all .12s}
.theme-option:hover{background:var(--surface2);color:var(--text)}
.theme-option.active{background:var(--accent-soft);color:var(--accent2)}
.theme-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}

/* LAYOUT */
.app-body{display:flex;flex:1;overflow:hidden}
.sidebar{width:56px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:4px;flex-shrink:0}
.sb-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;color:var(--text3);transition:all .15s;position:relative}
.sb-btn:hover{color:var(--text);background:var(--surface2)}
.sb-btn.active{color:var(--accent2);background:var(--accent-soft)}
.sb-btn svg{width:18px;height:18px}
.sb-divider{width:24px;height:1px;background:var(--border);margin:6px 0}
.main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}
.pages-container{flex:1;overflow:hidden;display:flex;flex-direction:column;position:relative}
.pages-slider{display:flex;width:500%;height:100%;transition:transform .35s cubic-bezier(.4,0,.2,1)}
.page-slide{width:20%;height:100%;display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}
.page-header{padding:14px 20px 12px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px;flex-shrink:0;background:var(--surface)}
.page-title{font-family:var(--font-display);font-size:17px;font-weight:600;letter-spacing:-.02em}
.page-meta{display:flex;align-items:center;gap:8px;margin-left:auto}

/* BADGES */
.badge{padding:3px 9px;border-radius:5px;font-size:11px;font-weight:500;font-family:var(--font-mono)}
.badge-vit{background:rgba(108,99,255,.15);color:var(--accent2)}
.badge-min{background:rgba(0,212,200,.12);color:var(--teal)}
.badge-kat{background:rgba(245,166,35,.12);color:var(--amber)}
.badge-ami{background:rgba(255,107,189,.12);color:var(--pink)}
.badge-green{background:var(--green-soft);color:var(--green)}
.badge-red{background:var(--red-soft);color:var(--red)}

/* BUTTONS */
.btn{padding:6px 14px;border-radius:7px;font-size:13px;font-weight:500;cursor:pointer;border:none;transition:all .15s;display:inline-flex;align-items:center;gap:6px}
.btn-primary{background:var(--accent);color:#fff}
.btn-primary:hover{background:var(--accent2)}
.btn-secondary{background:var(--surface2);color:var(--text);border:1px solid var(--border)}
.btn-secondary:hover{background:var(--surface3);border-color:var(--border2)}
.btn-ghost{background:transparent;color:var(--text2);border:1px solid var(--border)}
.btn-ghost:hover{color:var(--text);background:var(--surface2)}
.btn-danger{background:var(--red-soft);color:var(--red);border:1px solid rgba(255,95,107,.2)}
.btn-danger:hover{background:rgba(255,95,107,.15)}
.btn-success{background:var(--green-soft);color:var(--green);border:1px solid rgba(45,224,139,.2)}

/* METRICS ROW */
.metrics-row{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--border);border-bottom:1px solid var(--border);flex-shrink:0}
.metric{background:var(--surface);padding:12px 18px}
.metric-label{font-size:11px;color:var(--text3);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}
.metric-value{font-size:22px;font-weight:600;font-family:var(--font-display);letter-spacing:-.03em}
.metric-value .unit{font-size:13px;font-weight:400;color:var(--text2);margin-left:2px}
.metric-sub{font-size:11px;color:var(--text3);margin-top:2px;font-family:var(--font-mono)}
.metric-change{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-family:var(--font-mono);margin-top:2px}
.metric-change.up{color:var(--green)}
.metric-change.dn{color:var(--red)}

/* CONTENT SPLIT */
.content-split{display:flex;flex:1;overflow:hidden;min-height:0}
.table-section{flex:1;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.table-toolbar{padding:10px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border);flex-shrink:0}
.search-box{display:flex;align-items:center;gap:8px;background:var(--surface2);border:1px solid var(--border);border-radius:7px;padding:5px 10px;flex:1;max-width:260px}
.search-box input{background:transparent;border:none;color:var(--text);font-size:13px;font-family:var(--font-body);outline:none;width:100%}
.search-box input::placeholder{color:var(--text3)}
.search-box svg{width:14px;height:14px;color:var(--text3);flex-shrink:0}
.filter-chips{display:flex;gap:4px}
.filter-chip{padding:4px 10px;border-radius:5px;font-size:11px;cursor:pointer;border:1px solid var(--border);background:var(--surface2);color:var(--text2);transition:all .15s;font-family:var(--font-mono)}
.filter-chip:hover{border-color:var(--border2);color:var(--text)}
.filter-chip.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent2)}
.table-scroll{flex:1;overflow-y:auto;overflow-x:hidden}
.table-scroll::-webkit-scrollbar{width:4px}
.table-scroll::-webkit-scrollbar-track{background:transparent}
.table-scroll::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:2px}
table{width:100%;border-collapse:collapse;font-size:12.5px}
thead{position:sticky;top:0;z-index:2}
th{background:var(--surface);padding:8px 12px;text-align:left;font-size:10.5px;font-weight:500;color:var(--text3);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--border);white-space:nowrap}
th.r{text-align:right}
td{padding:7px 12px;border-bottom:1px solid var(--border);vertical-align:middle}
td.r{text-align:right;font-family:var(--font-mono);font-size:12px}
tr{transition:background .1s}
tr:hover td{background:var(--surface2)}
tr.highlight td{background:rgba(108,99,255,.05)}
tr.highlight:hover td{background:rgba(108,99,255,.1)}
.cell-name{font-weight:500;color:var(--text)}
.cell-b{font-family:var(--font-mono);font-size:12px;color:var(--text2)}
.cell-cost{font-family:var(--font-mono);font-size:12px;color:var(--green);font-weight:500}
.cell-cost.zero{color:var(--text3)}
.input-cell{background:var(--surface3);border:1px solid var(--border);border-radius:5px;padding:4px 8px;width:100px;font-size:12px;color:var(--text);font-family:var(--font-mono);text-align:right;outline:none;transition:border-color .15s}
.input-cell:focus{border-color:var(--accent);background:var(--surface)}
.input-cell.active{border-color:var(--accent);color:var(--accent2)}
.dolgu-row td{background:var(--surface2);color:var(--text2)}
.total-row td{background:var(--surface);font-weight:600;border-top:1px solid var(--border2)}

/* RIGHT PANEL */
.right-panel{width:280px;border-left:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0}
.right-panel::-webkit-scrollbar{width:4px}
.right-panel::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:2px}
.panel-block{padding:16px;border-bottom:1px solid var(--border)}
.panel-block-title{font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text3);margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}
.panel-block-title .refresh{cursor:pointer;color:var(--text3);transition:color .15s}
.panel-block-title .refresh:hover{color:var(--accent2)}
.kur-row-item{display:flex;align-items:center;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--border)}
.kur-row-item:last-child{border-bottom:none}
.kur-left{display:flex;align-items:center;gap:8px}
.kur-flag{width:22px;height:15px;border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:9px;font-family:var(--font-mono);font-weight:600}
.flag-usd{background:#1a2a6c;color:#fff}
.flag-eur{background:#003399;color:#fc0}
.flag-gbp{background:#012169;color:#fff}
.flag-chf{background:#dc143c;color:#fff}
.kur-pair{font-size:12px;color:var(--text2);font-family:var(--font-mono)}
.kur-right{text-align:right}
.kur-rate{font-size:13px;font-weight:500;font-family:var(--font-mono)}
.kur-chg{font-size:10px;font-family:var(--font-mono)}
.kur-chg.up{color:var(--green)}
.kur-chg.dn{color:var(--red)}
.kur-time{font-size:10px;color:var(--text3);font-family:var(--font-mono);margin-top:8px;text-align:right}
.bar-item{margin-bottom:9px}
.bar-header{display:flex;justify-content:space-between;font-size:11px;margin-bottom:4px}
.bar-name{color:var(--text2)}
.bar-pct{font-family:var(--font-mono);color:var(--text2)}
.bar-track{height:5px;background:var(--surface3);border-radius:3px;overflow:hidden}
.bar-fill{height:5px;border-radius:3px;transition:width .4s ease}
.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.price-card{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;text-align:center}
.price-card .pc-label{font-size:10px;color:var(--text3);font-family:var(--font-mono);margin-bottom:4px}
.price-card .pc-val{font-size:17px;font-weight:600;font-family:var(--font-display);letter-spacing:-.02em}
.price-card .pc-try{font-size:10px;color:var(--text3);font-family:var(--font-mono);margin-top:2px}
.price-card.highlight-card{border-color:var(--accent);background:var(--accent-soft)}
.price-card.highlight-card .pc-val{color:var(--accent2)}
.main-cost{text-align:center;padding:12px 0}
.main-cost .mc-label{font-size:10px;color:var(--text3);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}
.main-cost .mc-val{font-size:32px;font-weight:700;font-family:var(--font-display);letter-spacing:-.04em;color:var(--accent2)}
.main-cost .mc-try{font-size:12px;color:var(--text2);font-family:var(--font-mono);margin-top:4px}
.action-row{padding:14px 16px;display:flex;flex-direction:column;gap:7px}
.parti-selector{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.parti-selector label{font-size:11px;color:var(--text2);font-family:var(--font-mono);white-space:nowrap}
.parti-input{background:var(--surface2);border:1px solid var(--border);border-radius:6px;padding:5px 10px;color:var(--text);font-family:var(--font-mono);font-size:13px;width:90px;text-align:right;outline:none}
.parti-input:focus{border-color:var(--accent)}
.hayvan-select{background:var(--surface2);border:1px solid var(--border);border-radius:6px;padding:5px 10px;color:var(--text);font-family:var(--font-body);font-size:12px;outline:none;cursor:pointer}
.hayvan-select:focus{border-color:var(--accent)}

/* MÜŞTERİLER */
.musteri-layout{display:flex;flex:1;overflow:hidden}
.musteri-sidebar{width:260px;border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;background:var(--surface)}
.musteri-tabs{display:flex;border-bottom:1px solid var(--border)}
.musteri-tab{flex:1;padding:11px 0;text-align:center;font-size:12px;font-weight:500;cursor:pointer;color:var(--text2);border-bottom:2px solid transparent;transition:all .15s;font-family:var(--font-mono);letter-spacing:.04em}
.musteri-tab:hover{color:var(--text)}
.musteri-tab.active{color:var(--accent2);border-bottom-color:var(--accent)}
.musteri-list{flex:1;overflow-y:auto;padding:8px}
.musteri-list::-webkit-scrollbar{width:4px}
.musteri-list::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:2px}
.musteri-item{padding:10px 12px;border-radius:8px;cursor:pointer;transition:all .12s;border:1px solid transparent;margin-bottom:3px}
.musteri-item:hover{background:var(--surface2)}
.musteri-item.active{background:var(--accent-soft);border-color:var(--accent)}
.musteri-item-name{font-size:13px;font-weight:500;color:var(--text)}
.musteri-item-sub{font-size:11px;color:var(--text3);font-family:var(--font-mono);margin-top:2px}
.musteri-item-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;padding:2px 7px;border-radius:4px;margin-top:4px;font-family:var(--font-mono)}
.badge-bayi{background:rgba(0,212,200,.12);color:var(--teal)}
.badge-ciftlik{background:var(--green-soft);color:var(--green)}
.musteri-add-btn{padding:12px;border-top:1px solid var(--border)}
.musteri-detail{flex:1;overflow-y:auto;padding:24px;background:var(--bg)}
.musteri-detail::-webkit-scrollbar{width:4px}
.musteri-detail::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:2px}
.musteri-detail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;color:var(--text3)}
.musteri-detail-empty svg{width:40px;height:40px;opacity:.4}
.musteri-detail-empty p{font-size:13px}
.detail-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:20px;margin-bottom:16px}
.detail-card-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.detail-field label{font-size:10px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--text3);display:block;margin-bottom:4px}
.field-val{font-size:13px;color:var(--text)}
.field-val.mono{font-family:var(--font-mono)}
.katsayi-panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:20px;margin-bottom:16px}
.katsayi-title{font-size:10px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text3);margin-bottom:16px}
.katsayi-slider-wrap label{font-size:12px;color:var(--text2);display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.katsayi-slider-wrap label span{color:var(--teal);font-family:var(--font-mono);font-size:16px;font-weight:700}
.katsayi-slider{width:100%;-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;background:var(--surface3);outline:none;cursor:pointer}
.katsayi-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--teal);cursor:pointer;box-shadow:0 0 0 3px rgba(0,212,200,.2)}
.katsayi-marks{display:flex;justify-content:space-between;margin-top:6px;font-size:9px;color:var(--text3);font-family:var(--font-mono)}
.katsayi-results{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}
.katsayi-result-card{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:10px;text-align:center}
.katsayi-result-card.highlight-kc{border-color:var(--teal);background:rgba(0,212,200,.08)}
.kr-label{font-size:9px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--text3);margin-bottom:4px}
.kr-val{font-size:15px;font-weight:600;font-family:var(--font-display);color:var(--text)}
.kr-try{font-size:10px;color:var(--text3);font-family:var(--font-mono);margin-top:2px}
.katsayi-note{font-size:10px;color:var(--text3);font-family:var(--font-mono);margin-top:12px;padding:8px 10px;background:var(--surface2);border-radius:6px;line-height:1.5}

/* MALİYETLER */
.maliyet-page{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}
.maliyet-page::-webkit-scrollbar{width:4px}
.maliyet-page::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:2px}
.maliyet-cards-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.maliyet-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px 20px}
.maliyet-card-label{font-size:10px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text3);margin-bottom:8px}
.maliyet-card-val{font-size:24px;font-weight:700;font-family:var(--font-display);color:var(--accent2);letter-spacing:-.03em}
.maliyet-card-sub{font-size:11px;color:var(--text3);font-family:var(--font-mono);margin-top:4px}
.maliyet-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}
.maliyet-table-head{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
.maliyet-table-title{font-size:12px;font-weight:500;color:var(--text)}
.maliyet-kat-table{width:100%;border-collapse:collapse;font-size:12.5px}
.maliyet-kat-table th{background:var(--surface2);padding:8px 16px;text-align:left;font-size:10px;font-weight:500;color:var(--text3);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.07em}
.maliyet-kat-table td{padding:9px 16px;border-top:1px solid var(--border)}
.maliyet-kat-table tr:hover td{background:var(--surface2)}

/* RAPORLAR */
.raporlar-page{flex:1;overflow-y:auto;padding:20px}
.raporlar-page::-webkit-scrollbar{width:4px}
.rapor-section-title{font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text3);margin-bottom:16px}
.raporlar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.rapor-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:20px;cursor:pointer;transition:all .15s}
.rapor-card:hover{border-color:var(--border2);transform:translateY(-1px)}
.rapor-card-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.rapor-card-title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:6px}
.rapor-card-desc{font-size:12px;color:var(--text2);line-height:1.5;margin-bottom:12px}
.rapor-card-meta{display:flex;justify-content:space-between;font-size:10px;color:var(--text3);font-family:var(--font-mono)}

/* FİYAT YÖNETİMİ */
.fiyat-page{flex:1;overflow-y:auto;display:flex;flex-direction:column}
.fiyat-page::-webkit-scrollbar{width:4px}
.fiyat-page::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:2px}
.fiyat-info-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border-bottom:1px solid var(--border);flex-shrink:0}
.fiyat-info-card{background:var(--surface);padding:12px 16px}
.fiyat-info-label{font-size:10px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--text3);margin-bottom:6px}
.fiyat-info-val{font-size:18px;font-weight:700;font-family:var(--font-display);color:var(--text);letter-spacing:-.02em}
.fiyat-info-sub{font-size:10px;color:var(--text3);font-family:var(--font-mono);margin-top:2px}
.fiyat-table-wrap{flex:1;overflow:hidden;display:flex;flex-direction:column}
.fiyat-toolbar{padding:10px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border);flex-shrink:0}
.fiyat-table-scroll{flex:1;overflow-y:auto}
.fiyat-table-scroll::-webkit-scrollbar{width:4px}
.fiyat-table-scroll::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:2px}
.fiyat-input{background:var(--surface3);border:1px solid var(--border);border-radius:5px;padding:4px 8px;width:90px;font-size:12px;color:var(--text);font-family:var(--font-mono);text-align:right;outline:none;transition:all .15s}
.fiyat-input:focus{border-color:var(--accent)}
.fiyat-input.changed{border-color:var(--amber);color:var(--amber)}
.fiyat-input.saved{border-color:var(--green);color:var(--green)}
.fiyat-save-btn{padding:3px 10px;border-radius:5px;font-size:11px;font-weight:600;cursor:pointer;border:none;background:var(--accent-soft);color:var(--accent2);font-family:var(--font-mono);transition:all .15s}
.fiyat-save-btn:hover{background:var(--accent);color:#fff}

/* MODAL */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s}
.modal-overlay.open{opacity:1;pointer-events:all}
.modal{background:var(--surface);border:1px solid var(--border2);border-radius:14px;width:440px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.modal-header{padding:18px 20px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}
.modal-title{font-family:var(--font-display);font-size:15px;font-weight:600;flex:1}
.modal-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;color:var(--text3);transition:all .15s}
.modal-close:hover{background:var(--surface2);color:var(--text)}
.modal-tabs{display:flex;padding:12px 20px 0;gap:4px;border-bottom:1px solid var(--border)}
.modal-tab{padding:8px 16px;border-radius:6px 6px 0 0;font-size:12px;font-weight:500;cursor:pointer;color:var(--text2);border:1px solid transparent;border-bottom:none;transition:all .15s;font-family:var(--font-mono)}
.modal-tab.active{color:var(--text);background:var(--surface2);border-color:var(--border)}
.modal-body{padding:20px;overflow-y:auto;flex:1}
.modal-body::-webkit-scrollbar{width:4px}
.modal-footer{padding:14px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px}
.form-group{margin-bottom:14px}
.form-group label{display:block;font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--text3);margin-bottom:6px}
.form-input{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:7px;padding:8px 12px;color:var(--text);font-size:13px;font-family:var(--font-body);outline:none;transition:border-color .15s}
.form-input:focus{border-color:var(--accent)}
.form-select{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:7px;padding:8px 12px;color:var(--text);font-size:13px;font-family:var(--font-body);outline:none;cursor:pointer}
.form-select:focus{border-color:var(--accent)}

/* TOAST */
.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--surface);border:1px solid var(--border2);border-radius:10px;padding:10px 18px;font-size:13px;box-shadow:0 8px 24px rgba(0,0,0,.3);z-index:500;opacity:0;transition:all .25s;pointer-events:none;white-space:nowrap}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* LOADING */
#loadingScreen{position:fixed;inset:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:999;flex-direction:column;gap:12px;transition:opacity .3s}
#loadingScreen.hidden{opacity:0;pointer-events:none}
.loading-spinner{width:28px;height:28px;border:2px solid var(--border2);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}