*{box-sizing:border-box} body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif;background:#f6f7fb;color:#111827}
.container{max-width:1200px;margin:16px auto;padding:0 12px}
.navbar{display:flex;align-items:center;justify-content:space-between;background:#111827;color:#fff;padding:10px 16px}
.navbar a{color:#fff;text-decoration:none}
.nav-links{list-style:none;display:flex;gap:10px;margin:0;padding:0}
.nav-links a{padding:6px 10px;border-radius:8px}
.nav-links a:hover{background:#374151}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}
.grid{display:grid;gap:12px}
.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.label{font-size:12px;color:#6b7280}
.value{font-size:20px;font-weight:700}
.table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}
.table th,.table td{padding:10px;border-bottom:1px solid #eef2f7;vertical-align:middle}
.table th{background:#f3f4f6;text-align:left;font-weight:600}
.table tr:last-child td{border-bottom:none}
.table td.right{text-align:right}
.alert{padding:10px;border-radius:10px;margin:10px 0}
.alert.success{background:#ecfdf5;border:1px solid #d1fae5}
.alert.error{background:#fef2f2;border:1px solid #fecaca}
.form-row{margin-bottom:10px}
.form-row label{display:block;margin-bottom:6px;color:#374151}
.form-row input,.form-row select,.form-row textarea{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:8px;background:#fff}
button,.btn{padding:10px 14px;border:none;border-radius:10px;background:#111827;color:#fff;cursor:pointer;text-decoration:none;display:inline-block}
button.secondary,.btn.secondary{background:#4b5563}
button.link,.btn.link{background:#fff;color:#111827;border:1px solid #e5e7eb}
.btn-sm{padding:6px 10px;border-radius:8px;font-size:14px}
.btn-blue{background:#2563eb}
.btn-green{background:#16a34a}
.btn-amber{background:#d97706}
.btn-red{background:#dc2626}
.actions{display:flex;flex-wrap:wrap;gap:6px}
.badge{display:inline-block;padding:2px 8px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:12px;white-space:nowrap}
.badge.sale{background:#e0f2fe;color:#075985}
.badge.purchase{background:#ffe4e6;color:#9f1239}
.badge.tahsil{background:#ecfccb;color:#3f6212}
.badge.odeme{background:#fef9c3;color:#854d0e}
.pagination{display:flex;justify-content:flex-end;gap:8px;margin:10px 0}
.pagination a,.pagination span{padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;text-decoration:none;color:#111827}
.pagination .active{background:#111827;color:#fff}
.tfoot-sticky tfoot tr{position:sticky;bottom:0;background:#fff;box-shadow:0 -2px 6px rgba(0,0,0,.06);font-weight:600}
.toolbar{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-top:8px}
.search-input{width:360px}
.hidden{display:none}
@media(max-width:900px){.grid.cols-4{grid-template-columns:repeat(2,1fr)} .grid.cols-3{grid-template-columns:repeat(2,1fr)}}
/* === Inline Customer Search (additive) === */
.cx-wrap{border:1px solid #e5e7eb;border-radius:10px;padding:10px;background:#fff;margin-bottom:8px}
.cx-top{display:flex;gap:10px;align-items:center;margin-bottom:8px}
.cx-input{flex:1;padding:8px 10px;border:1px solid #e5e7eb;border-radius:8px}
.cx-selected{font-size:12px;color:#6b7280}
.cx-list{max-height:260px;overflow:auto;border:1px solid #f3f4f6;border-radius:8px}
.cx-item{padding:10px 12px;cursor:pointer}
.cx-item:not(:last-child){border-bottom:1px solid #f3f4f6}
.cx-item:hover{background:#f9fafb}
.cx-item.active{background:#2563eb;color:#fff}
.summary-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:14px;text-align:center}
.summary-item .label{color:#6b7280;font-size:12px;margin-bottom:6px;display:block}
.text-red{color:#b91c1c}
.text-green{color:#047857}