
#maas-hesapla-app{max-width:800px;margin:24px auto;font-family:inherit}
.maas-header{text-align:center;margin-bottom:22px}
.maas-header h2{color:#c0392b;font-size:26px;margin-bottom:8px}
.maas-header p{color:#666;font-size:14.5px;line-height:1.6;max-width:620px;margin:0 auto}
.maas-form{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.maas-row{display:flex;gap:16px;margin-bottom:16px}
.maas-field{flex:1}
.maas-field-empty{visibility:hidden}
.maas-field label{display:block;font-size:12.5px;font-weight:700;color:#555;margin-bottom:6px;text-transform:uppercase;letter-spacing:.4px}
.maas-hint{text-transform:none;letter-spacing:0;color:#aaa;font-weight:500}
.maas-field select{width:100%;padding:10px 12px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;color:#333;background:#fafafa;cursor:pointer;transition:border-color .15s}
.maas-field select:focus{border-color:#c0392b;outline:none;background:#fff}
.maas-btn{width:100%;padding:14px;background:#c0392b;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:background .15s;margin-top:8px}
.maas-btn:hover{background:#a5281e}
#maas-sonuc{background:#fff;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06)}
.maas-sonuc-header{background:linear-gradient(135deg,#1a1a2e,#2d2d4e);padding:24px;text-align:center;color:#fff}
.maas-sonuc-header h3{margin:0 0 10px;font-size:15px;opacity:.75;font-weight:400}
.maas-net-box{display:flex;align-items:baseline;justify-content:center;gap:8px}
.maas-label{display:block;font-size:12.5px;opacity:.7;margin-top:6px}
.maas-amount{font-size:44px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}
.maas-tl{font-size:20px;opacity:.7}
.maas-tablo{width:100%;border-collapse:collapse}
.maas-tablo th{background:#f5f5f5;padding:10px 16px;text-align:left;font-size:12.5px;color:#888;text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid #e0e0e0}
.maas-tablo th:last-child{text-align:right}
.maas-tablo td{padding:10px 16px;border-bottom:1px solid #f0f0f0;font-size:14px;color:#444}
.maas-tablo td:last-child{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}
.maas-tablo tfoot td{padding:12px 16px;font-size:15px}
.brut-row td{background:#f0f7ff;border-bottom:1px solid #d0e4f7}
.kesinti-row td{background:#fff5f5;border-bottom:1px solid #f5d0d0}
.net-row td{background:#e8f8f0;font-size:17px!important}
.maas-note{padding:16px;background:#fffbe6;border-top:1px solid #f0e68c;font-size:12.5px;color:#666;line-height:1.6}
.maas-note strong{color:#333}
@media(max-width:600px){.maas-row{flex-direction:column;gap:12px}.maas-field-empty{display:none}.maas-amount{font-size:34px}.maas-tablo td,.maas-tablo th{padding:8px 12px;font-size:13px}}
