body{font-family:Inter,Arial,sans-serif;background:#f8fafc;margin:0}
.container{max-width:1200px;margin:auto;padding:0 24px}
.topbar{background:#fff;border-bottom:1px solid #e5e7eb;padding:16px}
.hero{background:#fff;padding:90px 0}
.hero h1{font-size:42px}
.btn{background:#0b1f33;color:#fff;padding:14px 32px;border-radius:6px;text-decoration:none}
.dashboard-wrap{max-width:1200px;margin:40px auto;padding:0 24px}
.filters{display:flex;gap:12px;margin-bottom:16px}
.filters select,.filters input{padding:10px;border:1px solid #e5e7eb;border-radius:6px}
.card{background:#fff;border-radius:10px;padding:24px}
table{width:100%;border-collapse:collapse}
th{color:#64748b;text-align:left;padding-bottom:10px}
td{padding:12px 0;border-top:1px solid #e5e7eb}
.viewBtn{background:#0b1f33;color:#fff;border:none;padding:6px 12px;border-radius:6px}
.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);align-items:center;justify-content:center}
.modal-content{background:#fff;width:80%;height:80%;border-radius:10px;position:relative}
.modal iframe{width:100%;height:100%;border:none}
.close{position:absolute;top:10px;right:15px;cursor:pointer}