/* Minimal utility-ish styles to avoid build step */
:root { --ahas:#0B61A4; --accent:#0B61A4; --bg:#F1F5F9; --text:#0f172a; }
*{box-sizing:border-box} body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}
a{color:var(--ahas);text-decoration:none} a:hover{text-decoration:underline}
.container{max-width:1120px;margin:0 auto;padding:24px}
.card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#fff;border:none;border-radius:12px;padding:10px 16px;font-weight:600;cursor:pointer}
.btn:hover{opacity:.9}
.sidebar{width:240px;background:var(--ahas);color:#fff;min-height:100vh}
.flex{display:flex} .items-center{align-items:center} .justify-between{justify-content:space-between}
.grid{display:grid;gap:16px} @media(min-width:768px){.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1200px){.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.badge{font-size:10px;padding:2px 6px;border-radius:999px;background:rgba(255,255,255,.2)}
.footer{padding:24px 0;text-align:center;color:#64748b;font-size:12px}
.sidebar a{display:block;padding:10px 14px;border-radius:10px;color:#fff}
.sidebar a:hover{background:rgba(255,255,255,.15)}
.sidebar .logo{display:flex;align-items:center;gap:10px;padding:16px 14px 8px}
hr.sep{border:0;border-top:1px solid rgba(255,255,255,.2);margin:10px 14px}
.header{padding:16px 0}
img.icon{width:40px;height:40px;border-radius:8px}
.round{border-radius:16px}
.minh{min-height:180px}