*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f5f7fb;color:#1f2937}.layout{display:flex;min-height:100vh}.sidebar{width:245px;background:#182433;color:#fff;padding:22px;flex:0 0 245px}.brand{font-size:24px;font-weight:700;margin-bottom:28px}.sidebar a{display:block;color:#dbeafe;text-decoration:none;padding:11px 8px;border-radius:8px;margin-bottom:4px}.sidebar a:hover{background:#223349}.main{flex:1;min-width:0}.topbar{height:58px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.content{padding:24px;max-width:1280px;margin:0 auto;width:100%}h1{margin-top:0}.card,.panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.04)}.panel{padding:18px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.big{font-size:34px;font-weight:bold}.btn{display:inline-flex;align-items:center;gap:6px;border-radius:8px;text-decoration:none;cursor:pointer}.btn.primary{background:#2563eb;color:#fff}.btn.danger{background:#dc2626;color:#fff}.btn.small{padding:6px 9px;font-size:13px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .full{grid-column:1/-1}label{display:block;font-weight:600;margin-bottom:5px}input,select,textarea{width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:10px;background:#fff}.alert{padding:10px;border-radius:8px;margin-bottom:12px}.alert.error{background:#fee2e2;color:#991b1b}.alert.ok{background:#dcfce7;color:#166534}.login-body{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-card{width:390px;background:#fff;border-radius:16px;padding:28px;box-shadow:0 10px 30px rgba(0,0,0,.12)}.login-card h1{margin:0}.login-card p{color:#64748b}.totals{margin-left:auto;max-width:380px}.totals div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e5e7eb}.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);align-items:center;justify-content:center}.modal.show{display:flex}.modal-box{width:620px;max-width:95vw;background:#fff;border-radius:14px;padding:20px}.actions{display:flex;gap:8px;align-items:center}.muted{color:#64748b}.text-right{text-align:right}

/* DLH-like master/detail view */
.fakture-md-header{margin-bottom:24px}.fakture-md-card{margin-bottom:18px;overflow:hidden}.fakture-md-detail-card{overflow:hidden;min-height:360px}.fakture-md-card-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.fakture-md-search-wrap{width:260px;max-width:100%}.fakture-md-master-wrap{max-height:360px;overflow:auto}.fakture-md-master-table{margin-bottom:0}.fakture-md-master-table thead th{font-size:12px;text-transform:uppercase;color:#667085;background:#f8fafc;white-space:nowrap}.fakture-md-master-table tbody td{vertical-align:middle}.md-master-row{cursor:pointer}.md-master-row:hover{background:#f8fbff}.md-master-row.is-selected{background:#eaf4ff!important;box-shadow:inset 4px 0 0 #0d6efd}.md-master-row:focus{outline:2px solid #0d6efd;outline-offset:-2px}.fakture-md-detail-box{min-height:280px}.fakture-md-detail-content{padding:16px}.fakture-md-side-card{height:100%;background:#fbfcfe}.fakture-md-field{margin-bottom:14px}.fakture-md-field span{display:block;font-size:12px;text-transform:uppercase;color:#6b7280;margin-bottom:3px}.fakture-md-field strong{display:block;font-weight:700;line-height:1.3}.fakture-md-detail-table-wrap{border:1px solid #e5e7eb;border-radius:10px;overflow:auto}.fakture-md-detail-table{margin-bottom:0}.fakture-md-detail-table thead th{font-size:12px;text-transform:uppercase;color:#667085;background:#f8fafc;white-space:nowrap}.fakture-md-total-card{box-shadow:none}.fakture-md-total-line{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #e5e7eb}.fakture-md-total-line:last-child{border-bottom:0}.fakture-md-grand{font-size:16px}.empty{padding:45px 20px;text-align:center}.empty-title{font-size:20px;font-weight:700;margin-bottom:6px}.empty-subtitle{margin:0}.bg-blue-lt{background:#e7f1ff!important;color:#0d47a1!important}.text-end{text-align:right!important}.small{font-size:12px}.m-0{margin:0!important}.mb-0{margin-bottom:0!important}.mb-2{margin-bottom:8px!important}.mb-3{margin-bottom:12px!important}.mt-1{margin-top:4px!important}.mt-2{margin-top:8px!important}.m-3{margin:12px!important}.p-4{padding:16px!important}.ms-auto{margin-left:auto!important}.btn-list{display:flex;gap:8px}.d-flex{display:flex}.align-items-center{align-items:center}.justify-content-between{justify-content:space-between}.row{display:flex;flex-wrap:wrap;margin-left:-8px;margin-right:-8px}.row>*{padding-left:8px;padding-right:8px}.col{flex:1 0 0}.col-auto{flex:0 0 auto}.col-md-3{width:25%}.col-md-4{width:33.3333%}.col-md-9{width:75%}.g-2{row-gap:8px}.g-3{row-gap:16px}.page-pretitle{font-size:12px;text-transform:uppercase;color:#64748b;letter-spacing:.04em}.page-title{margin:0;font-size:24px}.text-secondary{color:#64748b!important}.table-responsive{width:100%;overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid #e5e7eb;text-align:left}.table-bordered th,.table-bordered td{border:1px solid #e5e7eb}.table-hover tbody tr:hover{background:#f8fafc}.card-header{padding:16px 18px;border-bottom:1px solid #e5e7eb}.card-title{font-size:18px}.card-subtitle{color:#64748b;font-size:14px;margin-top:4px}.card-body{padding:18px}.form-control{display:block;width:100%;padding:10px 12px;border:1px solid #d0d5dd;border-radius:8px;background:#fff}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700;text-transform:uppercase}.btn-primary{background:#0d6efd;color:#fff;border:1px solid #0d6efd;padding:9px 14px}.btn-outline-secondary{background:#fff;color:#344054;border:1px solid #d0d5dd;padding:7px 11px}.btn-sm{font-size:13px;padding:6px 10px}.alert-danger{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;border-radius:8px}

@media(max-width:900px){.layout{display:block}.sidebar{width:100%;flex:auto}.cards,.form-grid{grid-template-columns:1fr}.content{padding:14px}.fakture-md-card-header{display:block}.fakture-md-search-wrap{width:100%;margin-top:10px}.col-md-3,.col-md-4,.col-md-9{width:100%}.fakture-md-master-wrap{max-height:none}.table{font-size:13px}}
.table-logo{max-width:72px;max-height:42px;object-fit:contain}.logo-preview{display:flex;align-items:center;justify-content:flex-start;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:10px;margin-bottom:8px;min-height:76px}.logo-preview img{max-width:180px;max-height:70px;object-fit:contain}