*{margin:0;padding:0;box-sizing:border-box}body{font-family:Yu Gothic,Hiragino Sans,sans-serif;font-size:14px;background:#f4f6f9;color:#333}.container{max-width:1600px;margin:30px auto;padding:0 20px}.page-container{max-width:1000px;margin:30px auto;padding:0 12px}h1{margin-bottom:5px;font-size:17px;color:#0b3062;font-weight:600}div.h1{display:flex;justify-content:space-between}div.h1 svg{font-size:24px;color:#2563eb}.search-box{background:#fff;padding:20px 40px 10px;border:2px solid #08d;border-radius:14px;margin-bottom:25px;box-shadow:0 2px 6px #0003}.form-row{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:15px}.form-left{display:flex;flex-wrap:wrap;margin-bottom:5px}.form-group{display:flex;flex-direction:column;margin-right:18px}.form-group label{margin-bottom:4px;font-size:13px;font-weight:600;color:#111}.form-group input,.form-group select{height:38px;padding:0 12px;border:1px solid #dcdcdc;border-radius:6px}.date-range{display:flex;align-items:center;gap:10px}.keyword{flex:1}.keyword input{width:100%}.btn-search{height:38px;padding:0 40px;border:none;border-radius:6px;background:#2563eb;color:#fff;cursor:pointer;margin-top:24px}.btn-search:hover{opacity:.9}.form-group .radio,.card .flex .radio{display:flex;margin-top:12px}.form-group .radio label,.card .flex .radio label{margin-right:18px}.form-group .radio input,.card .flex .radio input{margin-right:6px;height:auto}.table-wrapper{background:#fff;overflow:auto;margin-bottom:25px;border-radius:14px;box-shadow:0 2px 6px #0006}table{width:100%;border-spacing:0;border-collapse:separate;width:1560px}thead{background:#eaebed;color:#111}th{padding:11px;text-align:left;white-space:nowrap;vertical-align:middle;border-bottom:1px solid #ccc;border-right:1px solid #ccc}td{padding:12px 8px;text-align:left;white-space:nowrap;vertical-align:middle;border-bottom:1px solid #ccc;border-right:1px solid #ccc}tbody tr td:first-child{border-left:2px solid #08d}tbody tr td:last-child{border-right:2px solid #08d}table tr th:nth-child(1),table tr td:nth-child(1){border-right:none}table tr th:nth-child(2),table tr td:nth-child(2){border-left:1px solid #ccc}table tr th{border-top:2px solid #08d}table tr:last-child td{border-bottom:2px solid #08d}table tr th:first-child{border-top:2px solid #08d;border-left:2px solid #08d;border-top-left-radius:14px}table tr th:last-child{border-top:2px solid #08d;border-right:2px solid #08d;border-top-right-radius:14px}table tr:last-child td:first-child{border-bottom:2px solid #08d;border-left:2px solid #08d;border-bottom-left-radius:14px}table tr:last-child td:last-child{border-bottom:2px solid #08d;border-right:2px solid #08d;border-bottom-right-radius:14px}table tr.child{background:#fff}table tr.child td:nth-child(1),table tr.child-last td:nth-child(1),table tr.child td:nth-child(11),table tr.child-last td:nth-child(11),table tr.child td:last-child,table tr.child-last td:last-child{border-bottom:none}table tr.child td:nth-child(2),table tr.child-last td:nth-child(2),table tr.child td:nth-child(4),table tr.child-last td:nth-child(4){padding-left:20px}table tr.spac td{border-right:2px solid #08d}table tr td:nth-child(1){text-align:center}table tr td:nth-child(2){font-weight:600}table tr td:nth-child(6),table tr td:nth-child(9),table tr td:nth-child(11){text-align:right;font-weight:600}tr.comp{background:#eafeef}tr.comp td:nth-child(9){background:#cbffd8}tr.comp svg{color:#147143}tr.warning{background:#fff7de}tr.warning td:nth-child(9){background:#ffefb0}tr.warning svg{color:#f69e0a}tr.alert{background:#ffe8e5}tr.alert td:nth-child(9){background:#ffcece}tr.alert td:nth-child(2),tr.alert td:nth-child(10),tr.alert td:nth-child(11){color:#9c0005}.summary-box{background:#ddeaff;padding:20px 20px 5px 40px;border:2px solid #08d;border-radius:14px;box-shadow:0 2px 6px #0003}.summary-box .form-row{display:flex;justify-content:space-between}.summary-box .summary{display:flex;justify-content:start}.summary-box .form-row .form-group{margin-right:48px}.summary-box .money p{font-size:24px;font-weight:600;color:#1460c7}.btn-edit,.btn-primary{border:none;background:#2563eb;color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;height:37px}.btn-danger{background:#dc2626;color:#fff;border:none;border-radius:6px;padding:8px 16px;cursor:pointer;height:37px}.btn-secondary{border:none;background:#64748b;color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;height:37px}.btn-add{margin-top:10px;background:#fff;border:2px solid #2563eb;color:#2563eb;padding:8px 16px;border-radius:6px}.card{background:#fff;border:2px solid #0d6efd;border-radius:14px;padding:20px;margin-bottom:20px;box-shadow:0 2px 6px #0003}.card-header{display:flex;justify-content:space-between;align-items:center}.section-title{font-size:17px;font-weight:600;color:#0b3062;margin-bottom:5px}.detail-table{width:100%;border-collapse:collapse}.detail-table th{background:#eaebed;color:#111;padding:11px;border:1px solid #cbd5e1}.detail-table td{padding:12px 8px;border:1px solid #dbe2ea}.status-paid{background:#e8f7ea}.status-warning{background:#fff7d6}.status-danger{background:#ffe7e7}.alert-badge{padding:10px 18px;border-radius:999px;font-weight:700}.alert-badge.danger{background:#ffe4e4;color:#b91c1c}.money{text-align:right;font-weight:600}.pagination-wrap{margin:8px 0 24px}.empty{text-align:center;padding:18px}.flash-success{background:#e8f7ea;border:1px solid #6dc18e;color:#12532c;border-radius:8px;padding:12px 14px;margin-bottom:14px}.row-actions{display:flex;align-items:center;gap:8px}.row-actions form{margin:0}.inline-form{display:flex;align-items:center;gap:6px}.inline-form select{height:34px;min-width:120px}.form-actions{display:flex;align-items:center;gap:10px;margin-top:14px}.alert-box{background:#ffe8e5;color:#8a1e1e;border:1px solid #e3a09a;border-radius:8px;padding:10px 14px;margin:10px 0 16px}.alert-box ul{margin-left:18px}@media (max-width: 1200px){.summary-box .summary{flex-wrap:wrap;gap:8px}}@media (max-width: 768px){.form-row{flex-direction:column}.btn-search{width:100%;margin-top:0}.summary-box{padding:18px}.summary-box .form-row{flex-direction:column}}