:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#18362e;background:#f5f7f3}*{box-sizing:border-box}body{margin:0}.shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}aside{background:#16382e;color:#edf5ef;padding:30px 19px;display:flex;flex-direction:column;gap:35px}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:800;letter-spacing:-1px}.brand small{font-size:11px;font-weight:700;color:#b2d6bc;letter-spacing:2px}.logo{display:grid;place-items:center;background:#b6e48f;border-radius:12px;width:40px;height:40px;color:#17372c;font-size:33px}.cap,.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#9acaac}.cap{margin-bottom:-24px}nav{display:grid;gap:7px}nav a{padding:14px 12px;color:#d6e7de;text-decoration:none;border-radius:10px;font-size:14px}nav a:hover,nav a:focus{background:#285445}.aside-foot{margin-top:auto;border-top:1px solid #3b6557;padding-top:20px;font-size:13px}.aside-foot p{color:#bdcfc4;line-height:1.6}.aside-foot button{background:#315b4c;width:100%;font-size:12px}main{padding:0 45px;max-width:1550px;width:100%;margin:auto}header{height:75px;border-bottom:1px solid #dce6dc;display:flex;align-items:center;justify-content:space-between}.hint{font-size:13px;color:#7f9387}.pill{background:#e0efdd;border-radius:30px;padding:9px 14px;color:#275341;font-size:12px}h1{font-size:clamp(31px,4vw,51px);letter-spacing:-2px;margin:14px 0}h1 em{font-style:normal;color:#6b9771}.intro{color:#718278;margin-bottom:28px}#panel{padding:38px 0 32px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.metrics article{background:white;border:1px solid #e2e9df;border-radius:15px;padding:22px;display:grid;gap:10px;box-shadow:0 8px 22px #16382e07}.metrics span{color:#75897b;font-size:12px;font-weight:700}.metrics strong{font-size:clamp(18px,2vw,27px);letter-spacing:-1px}.metrics small{color:#87998c}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card{padding:25px;background:white;border:1px solid #e0e8de;border-radius:16px;margin-bottom:18px;min-width:0}.card h2{font-size:19px;margin:0 0 22px;letter-spacing:-.5px}.card h3{margin-top:22px;font-size:14px}.card p{color:#7b8c80;font-size:13px;line-height:1.5}form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-bottom:24px}form label,.section-head label{font-size:12px;color:#64796a;font-weight:700;display:grid;gap:7px}input,select{font:inherit;font-size:14px;border:1px solid #d7e1d6;border-radius:8px;background:#fbfcf9;padding:12px;min-width:0;width:100%;color:#254237}input:focus,select:focus{outline:2px solid #a7d29e}button{background:#183c31;color:white;border:0;border-radius:9px;padding:12px 18px;cursor:pointer;font-weight:700}button:hover{background:#30614e}form button{align-self:end;min-height:44px}.inline{grid-template-columns:1.2fr 1fr 1fr 1.4fr auto}.section-head{display:flex;justify-content:space-between;gap:25px;align-items:flex-start}.section-head label{min-width:190px}.table-wrap{width:100%;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:13px}th{color:#8a9a8d;background:#f7f9f5;font-size:11px;text-transform:uppercase;letter-spacing:.4px}td,th{border-bottom:1px solid #edf0eb;padding:13px 10px}td{color:#345548}.muted{color:#95a49a}.tag{background:#e8f3e4;padding:5px 9px;border-radius:6px;font-size:11px}footer{text-align:center;color:#9bad9d;padding:20px 0 35px;font-size:11px}#toast{position:fixed;bottom:22px;right:22px;background:#193d31;color:white;padding:13px 18px;border-radius:10px;display:none;box-shadow:0 10px 35px #0002}@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}main{padding:0 25px}}@media(max-width:740px){.shell{display:block}aside{padding:16px;gap:12px}nav{display:flex;overflow:auto}.aside-foot,.cap{display:none}main{padding:0 15px}.metrics{gap:8px}.metrics article{padding:14px}.metrics strong{font-size:18px}.inline,form{grid-template-columns:1fr}.section-head{display:block}.section-head label{margin-bottom:15px}}
/* Cari detayları */
label[hidden]{display:none!important}.wide{grid-column:1/-1}textarea{font:inherit;font-size:14px;border:1px solid #d7e1d6;border-radius:8px;background:#fbfcf9;padding:12px;min-width:0;width:100%;color:#254237;resize:vertical}.checkline{display:flex;align-items:center;gap:9px}.checkline input{width:auto;accent-color:#285445}.bank-box{border:1px solid #e0e8de;border-radius:12px;padding:16px;min-width:0}.bank-box legend{font-weight:700;font-size:13px;color:#345548;padding:0 6px}.bank-row{display:grid;grid-template-columns:1fr 1fr 1.4fr auto;gap:10px;align-items:end;margin-bottom:12px}.secondary{background:#e6f0e6;color:#24513e}.secondary:hover{background:#d4e7d5}.bank-row .remove-bank{height:43px}@media(max-width:800px){.bank-row{grid-template-columns:1fr 1fr}.bank-row label:nth-child(3){grid-column:1/-1}}@media(max-width:450px){.bank-row{grid-template-columns:1fr}.bank-row label:nth-child(3){grid-column:auto}}

/* TDHP account master */
.accounts-section{scroll-margin-top:20px}.account-toolbar{display:grid;grid-template-columns:1.5fr 1fr auto;align-items:end;gap:12px;margin:18px 0}.account-toolbar label{font-size:12px;color:#64796a;font-weight:700;display:grid;gap:7px}.account-toolbar button{height:44px}.account-count{padding:10px 15px;background:#ebf4e8;border-radius:10px;white-space:nowrap;font-weight:800;color:#316048}.account-table{max-height:520px;overflow:auto}.account-table th{position:sticky;top:0;z-index:1}.clone-account{font-size:11px;padding:8px 11px;white-space:nowrap}.account-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:15px;gap:12px;font-size:12px;color:#718278}.account-pagination button{font-size:12px}.account-pagination button:disabled{opacity:.45;cursor:not-allowed}.account-editor{background:#f4f8f1;border:1px solid #cee0cb;border-radius:12px;padding:20px;margin-top:20px}.account-editor[hidden]{display:none!important}.account-editor h3{margin-top:0}.account-editor p{margin-bottom:0}.account-editor form{margin:0}.account-editor .checkline{align-self:center}@media(max-width:740px){.account-toolbar{grid-template-columns:1fr}.account-pagination{align-items:flex-start;flex-direction:column}}

/* Standalone ERP module screens */
nav a.active,nav a[aria-current="page"]{background:#285445;color:#fff;font-weight:700}
.page-title{padding:35px 0 17px}
.page-title h1{margin:10px 0;font-size:clamp(27px,3.3vw,42px)}
.page-title .intro{margin:0 0 8px}
body[data-page="parties"] #cari,body[data-page="invoices"] #faturalar{max-width:none}
body[data-page="parties"] #partyForm{max-width:1020px;grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-page="invoices"] #invoiceForm{max-width:950px;grid-template-columns:repeat(3,minmax(0,1fr))}
body[data-page="payments"] #paymentForm{grid-template-columns:1.2fr 1fr 1fr 1.4fr auto}
body[data-page="parties"] .bank-row{grid-template-columns:1fr 1fr 1.4fr auto}
@media(max-width:1000px){body[data-page="invoices"] #invoiceForm,body[data-page="payments"] #paymentForm{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){body[data-page="parties"] #partyForm,body[data-page="invoices"] #invoiceForm,body[data-page="payments"] #paymentForm{grid-template-columns:1fr}body[data-page="parties"] .bank-row{grid-template-columns:1fr}}