*{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#F0EBE3;
  --card:#FAF9F7;
  --border:#e8e4de;
  --accent:#1a1a1a;
  --muted:#eeeae4;
  --dim:#999;
  --red:#c0392b;
  --blue-muted:#7a9bb5;
  --green:#2d8a4e;
  --font-ui:'DM Sans',sans-serif;
  --font-num:'DM Mono',monospace;
}
body{background:var(--bg);font-family:var(--font-ui);min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:14px 16px 40px}
.container{width:100%;max-width:728px}

#lockScreen{position:fixed;inset:0;background:var(--bg);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}
.lock-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:40px 32px;width:100%;max-width:380px;text-align:center}
.lock-title{font-size:clamp(15px, 2.2vw, 17px);font-weight:600;color:var(--accent);margin-bottom:6px;letter-spacing:-0.3px}
.lock-sub{font-size:clamp(11px, 1.5vw, 12px);color:var(--dim);margin-bottom:28px}
.lock-input{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:8px;font-family:var(--font-ui);font-size:clamp(12px, 1.8vw, 14px);background:var(--bg);color:var(--accent);outline:none;text-align:center;letter-spacing:2px;margin-bottom:14px}
.lock-input:focus{border-color:#aaa}
.lock-btn{width:100%;padding:12px;border:none;border-radius:8px;font-family:var(--font-ui);font-size:clamp(12px, 1.8vw, 14px);font-weight:500;cursor:pointer;transition:opacity 0.15s}
.lock-btn.primary{background:var(--accent);color:#fff;margin-bottom:10px}
.lock-btn.secondary{background:var(--muted);color:var(--accent)}
.lock-btn:hover{opacity:0.8}
.lock-error{font-size:clamp(11px, 1.5vw, 12px);color:var(--red);margin-top:8px;min-height:16px}

.header{margin-bottom:12px;padding-top:2px}
.header-title{font-size:clamp(13px, 1.9vw, 15px);font-weight:600;color:var(--accent);letter-spacing:-0.3px}
.header-sub{font-size:clamp(10px, 1.4vw, 11px);color:var(--dim);margin-top:1px;font-family:var(--font-num)}

.tabs{display:flex;gap:4px;margin-bottom:12px;background:var(--muted);padding:3px;border-radius:10px}
.tab-btn{flex:1;padding:6px 8px;border:none;background:transparent;border-radius:7px;font-family:var(--font-ui);font-size:clamp(11px, 1.5vw, 12px);font-weight:500;color:var(--dim);cursor:pointer;transition:all 0.15s;white-space:nowrap}
.tab-btn.active{background:var(--card);color:var(--accent);box-shadow:0 1px 3px rgba(0,0,0,0.08)}

.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px;margin-bottom:8px}
.card-title{font-size:clamp(10px, 1.4vw, 11px);font-weight:600;color:var(--dim);text-transform:uppercase;letter-spacing:0.8px;margin-bottom:8px}

.vade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:4px}
.vade-btn{padding:11px 6px;border:1px solid var(--border);border-radius:8px;background:transparent;font-family:var(--font-ui);cursor:pointer;transition:all 0.15s;text-align:center}
.vade-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}
.vade-btn.active .vb-label{color:#fff}
.vade-btn.active .vb-hint{color:rgba(255,255,255,0.6)}
.vb-label{font-size:clamp(11px, 1.5vw, 12px);font-weight:600;color:var(--accent);display:block}
.vb-hint{font-size:clamp(9px, 1.2vw, 10px);color:var(--dim);font-family:var(--font-num);display:block;margin-top:2px}

.input-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:4px}
.input-group{display:flex;flex-direction:column;gap:2px}
.input-group.full{grid-column:1/-1}
.field-label{font-size:clamp(10px, 1.4vw, 11px);color:var(--dim);font-weight:500}
input[type=number],input[type=text],select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-family:var(--font-num);font-size:clamp(12px, 1.7vw, 13px);background:var(--bg);color:var(--accent);outline:none;transition:border-color 0.15s;-moz-appearance:textfield;appearance:textfield}
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}
input:focus,select:focus{border-color:#aaa}
select{font-family:var(--font-ui);font-size:clamp(12px, 1.7vw, 13px);cursor:pointer}
.input-hint{font-size:clamp(9px, 1.2vw, 10px);color:var(--blue-muted);font-family:var(--font-num);margin-top:2px}

.divider{border:none;border-top:1px solid var(--border);margin:8px 0}

.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:3px 0}
.toggle-label{font-size:clamp(12px, 1.7vw, 13px);color:var(--accent);font-weight:500}
.toggle-sub{font-size:clamp(10px, 1.4vw, 11px);color:var(--dim);margin-top:0px}
.toggle{position:relative;width:38px;height:22px;flex-shrink:0}
.toggle input{opacity:0;width:0;height:0}
.toggle-track{position:absolute;inset:0;background:var(--border);border-radius:11px;cursor:pointer;transition:background 0.2s}
.toggle input:checked + .toggle-track{background:var(--accent)}
.toggle-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform 0.2s;pointer-events:none}
.toggle input:checked ~ .toggle-thumb{transform:translateX(16px)}

.kdv-options{margin-top:6px;display:flex;gap:6px;flex-wrap:wrap}
.kdv-btn{padding:7px 12px;border:1px solid var(--border);border-radius:6px;background:transparent;font-family:var(--font-ui);font-size:clamp(11px, 1.5vw, 12px);font-weight:500;color:var(--dim);cursor:pointer;transition:all 0.15s}
.kdv-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}

.eur-row{margin-top:6px}

.result-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px;margin-bottom:8px}
.result-line{display:flex;justify-content:space-between;align-items:baseline;padding:3px 0}
.result-line + .result-line{border-top:1px solid var(--muted)}
.r-label{font-size:clamp(11px, 1.5vw, 12px);color:var(--dim)}
.r-val{font-family:var(--font-num);font-size:clamp(12px, 1.7vw, 13px);color:var(--accent);text-align:right}
.r-val.red{color:var(--red)}
.r-val.muted{color:var(--dim);font-size:clamp(10px, 1.4vw, 11px)}
.r-val.blue{color:var(--blue-muted);font-size:clamp(10px, 1.4vw, 11px)}
.result-line.secondary .r-label{font-size:clamp(9px, 1.2vw, 10px);color:var(--dim)}
.result-line.secondary .r-val{font-size:clamp(10px, 1.4vw, 11px)}
.result-total{display:flex;justify-content:space-between;align-items:baseline;padding:6px 0 2px;border-top:2px solid var(--border);margin-top:2px}
.rt-label{font-size:clamp(12px, 1.7vw, 13px);font-weight:600;color:var(--accent)}
.rt-val{font-family:var(--font-num);font-size:clamp(14px, 2.1vw, 16px);font-weight:600;color:var(--accent)}
.result-kar{background:var(--muted);border-radius:8px;padding:8px 12px;margin-top:6px;display:flex;justify-content:space-between;align-items:baseline}
.rk-label{font-size:clamp(11px, 1.5vw, 12px);color:var(--dim)}
.rk-val{font-family:var(--font-num);font-size:clamp(12px, 1.8vw, 14px);font-weight:500;color:var(--accent)}
.result-eur{font-family:var(--font-num);font-size:clamp(12px, 1.7vw, 13px);color:var(--dim);text-align:right;margin-top:2px}
.musteri-notu{background:#f0f5fa;border:1px solid #d0dde8;border-radius:8px;padding:8px 12px;margin-top:6px;font-size:clamp(10px, 1.4vw, 11px);color:var(--blue-muted);line-height:1.5}

.btn-row{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.btn{flex:1;min-width:120px;padding:8px 14px;border:none;border-radius:8px;font-family:var(--font-ui);font-size:clamp(11px, 1.5vw, 12px);font-weight:500;cursor:pointer;transition:opacity 0.15s}
.btn:hover{opacity:0.75}
.btn-dark{background:var(--accent);color:#fff}
.btn-outline{background:transparent;border:1px solid var(--border);color:var(--accent)}

.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.dash-cell{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:10px}
.dash-cell.wide{grid-column:1/-1}
.dc-label{font-size:clamp(9px, 1.2vw, 10px);color:var(--dim);text-transform:uppercase;letter-spacing:0.7px;margin-bottom:4px}
.dc-val{font-family:var(--font-num);font-size:clamp(13px, 1.9vw, 15px);font-weight:500;color:var(--accent)}
.dc-sub{font-size:clamp(9px, 1.2vw, 10px);color:var(--dim);margin-top:1px;font-family:var(--font-num)}
.dc-badge{display:inline-block;padding:3px 8px;border-radius:20px;font-size:clamp(9px, 1.2vw, 10px);font-weight:500;margin-left:4px}
.dc-badge.pending{background:#fff3cd;color:#856404}
.kur-bar{font-size:clamp(9px, 1.2vw, 10px);color:var(--dim);font-family:var(--font-num);padding:4px 0;border-top:1px solid var(--border);margin-top:4px}

.alacak-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:10px;margin-bottom:6px;border-left:3px solid var(--dim)}
.alacak-card.alindi{border-left-color:var(--green)}
.alacak-card.bekliyor{border-left-color:var(--dim)}
.ak-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:5px}
.ak-name{font-size:clamp(12px, 1.7vw, 13px);font-weight:600;color:var(--accent)}
.ak-dates{font-size:clamp(9px, 1.2vw, 10px);color:var(--dim);margin-top:1px;font-family:var(--font-num)}
.ak-status{font-size:clamp(9px, 1.2vw, 10px);font-weight:500;padding:2px 6px;border-radius:20px;border:none;cursor:pointer;font-family:var(--font-ui)}
.ak-status.alindi{background:#d4edda;color:var(--green)}
.ak-status.bekliyor{background:var(--muted);color:var(--dim)}
.ak-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px 10px;margin-bottom:6px}
.ak-item{font-size:clamp(10px, 1.4vw, 11px)}
.ak-item-label{color:var(--dim)}
.ak-item-val{font-family:var(--font-num);color:var(--accent)}
.ak-actions{display:flex;gap:4px}
.ak-btn{flex:1;padding:5px;border-radius:6px;font-family:var(--font-ui);font-size:clamp(10px, 1.4vw, 11px);font-weight:500;cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--accent);transition:opacity 0.15s}
.ak-btn:hover{opacity:0.6}
.ak-btn.del{color:var(--red);border-color:#f5c6c6}
.preview-box{background:var(--muted);border-radius:8px;padding:8px;margin-top:6px;font-size:clamp(10px, 1.4vw, 11px);color:var(--dim)}
.pb-row{display:flex;justify-content:space-between;padding:2px 0;font-family:var(--font-num)}
.pb-row.strong{font-weight:600;color:var(--accent)}
.empty-state{text-align:center;padding:40px 20px;color:var(--dim);font-size:clamp(12px, 1.7vw, 13px)}

.week-count{display:flex;align-items:center;gap:8px}
.wc-btn{width:28px;height:28px;border:1px solid var(--border);border-radius:6px;background:transparent;font-size:clamp(12px, 1.8vw, 14px);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--accent);font-weight:600}
.wc-num{font-family:var(--font-num);font-size:clamp(13px, 1.9vw, 15px);font-weight:500;min-width:20px;text-align:center}

.hft-toggle-group{display:flex;gap:6px;margin-bottom:6px}
.hft-btn{flex:1;padding:6px;border:1px solid var(--border);border-radius:7px;background:transparent;font-family:var(--font-ui);font-size:clamp(11px, 1.5vw, 12px);font-weight:500;color:var(--dim);cursor:pointer;transition:all 0.15s}
.hft-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}

.hidden{display:none!important}

@media(max-width:400px){
.vade-grid{grid-template-columns:1fr}
.input-row{grid-template-columns:1fr}
.dash-grid{grid-template-columns:1fr}
.ak-grid{grid-template-columns:1fr}
}