*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f7fb;color:#172033}.sidebar{position:fixed;left:0;top:0;bottom:0;width:245px;background:#0b2e5c;padding:22px}.brand{color:#fff;font-size:22px;font-weight:800;margin-bottom:25px}.sidebar a{display:block;color:#dbe9ff;text-decoration:none;padding:12px;border-radius:8px;margin-bottom:6px}.sidebar a:hover{background:#174579}.main{margin-left:245px;padding:28px}h1{margin:0 0 18px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0}.card,.panel{background:white;border-radius:14px;padding:18px;box-shadow:0 8px 20px rgba(15,47,92,.08)}.card span{display:block;color:#607086}.card strong{font-size:27px}.danger strong,.neg{color:#b00020}.pos{color:#087a32}.badge,.status{display:inline-block;background:#e8f2ff;color:#0b2e5c;border-radius:20px;padding:6px 12px;font-weight:700}table{width:100%;border-collapse:collapse;background:white;border-radius:14px;overflow:hidden;box-shadow:0 8px 20px rgba(15,47,92,.08)}th{background:#0b2e5c;color:white;text-align:left}td,th{padding:12px;border-bottom:1px solid #e8edf5}.filters{margin:10px 0 20px}.filters button{padding:9px 14px;border:0;border-radius:8px;background:#dbe9ff;margin-right:8px}pre{background:#10233f;color:#dff0ff;padding:14px;border-radius:10px;overflow:auto}