*{box-sizing:border-box}
body{margin:0;background:#06172f;color:#fff;font-family:Arial,sans-serif}
.layout{display:flex;min-height:100vh}
aside{width:255px;background:#071b38;border-right:1px solid #17406c;padding:22px 14px}
.logo{font-size:21px;font-weight:900;padding:10px 12px 28px}.logo b{color:#35b9ff}
.menu{display:block;width:100%;padding:14px 12px;margin:6px 0;background:transparent;border:0;border-radius:9px;color:#b8c7d9;text-align:left;font-size:14px;cursor:pointer}
.menu:hover,.menu.active{background:#12385f;color:#fff}
main{flex:1;padding:28px;overflow:auto}header{margin-bottom:22px}header h1{margin:0 0 6px;font-size:28px}header p{margin:0;color:#8fa6bd}
.tab{display:none}.tab.active{display:block}
.card{background:#0a2343;border:1px solid #174674;border-radius:15px;padding:21px;margin-bottom:20px;box-shadow:0 12px 35px #0007}
.card h2{font-size:18px;margin:0 0 18px}
.credit-box{width:330px;max-width:100%;background:linear-gradient(135deg,#790f16,#d51f2b);border:1px solid #ff5963;border-radius:15px;padding:18px 22px;margin-bottom:20px;box-shadow:0 10px 30px #0008}
.credit-box span{display:block;font-size:12px;font-weight:bold;color:#ffd7d9;letter-spacing:1px}.credit-box strong{display:block;font-size:42px;margin-top:5px}
.fields{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
label{font-size:13px;color:#b9c8d9}input,select{width:100%;margin-top:7px;padding:12px;background:#06182f;color:#fff;border:1px solid #28557f;border-radius:9px;outline:0}
input:focus,select:focus{border-color:#38bdf8}
.btn{background:#0796df;color:white;border:0;border-radius:9px;padding:12px 16px;font-weight:bold;cursor:pointer}.cadastrar{display:block;width:100%;margin-top:20px;background:#0ba6f0}
.title-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.title-row input{max-width:300px;margin:0}
.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:1050px}th,td{padding:11px 9px;border-bottom:1px solid #1a3b5e;font-size:12px;text-align:left}th{color:#88a0b8}
.credit{color:#ff4b57;font-size:15px;font-weight:900}.status{padding:5px 8px;border-radius:20px;font-size:11px}.ativo{background:#103d2d;color:#60e59a}.inativo{background:#481a20;color:#ff8790}
.actions{display:flex;gap:4px;flex-wrap:wrap}.action{border:0;border-radius:7px;padding:7px 8px;background:#173b61;color:#fff;cursor:pointer;font-size:10px}.red{background:#8e1820}.green{background:#11613e}
.add-form{display:flex;gap:10px}.add-form input{margin:0}.chips{display:flex;gap:10px;flex-wrap:wrap}.chip{background:#102e51;border:1px solid #28557f;border-radius:9px;padding:10px 12px}.chip button{margin-left:10px;background:#8e1820;border:0;color:#fff;border-radius:6px;padding:4px 7px;cursor:pointer}
@media(max-width:800px){aside{width:205px}.fields{grid-template-columns:1fr 1fr}main{padding:18px}}
@media(max-width:600px){.layout{display:block}aside{width:100%;display:flex;overflow:auto;padding:8px}.logo{display:none}.menu{white-space:nowrap;width:auto}.fields{grid-template-columns:1fr}.title-row{display:block}.title-row input{max-width:none;margin-top:10px}.add-form{display:block}.add-form .btn{margin-top:10px;width:100%}}