:root{--ugo-blue-600:#0B76C5;--ugo-blue-500:#109FE3;--ugo-blue-300:#39C3FF;--ugo-blue-100:#E6F6FF;--ugo-blue-050:#F5FBFF;--ugo-dark-800:#0E2233;--ugo-gray-100:#F5F7FA;--ugo-border:#dfe3e6}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans,sans-serif;background:#fff;color:#111}.topbar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:linear-gradient(90deg,var(--ugo-blue-600),var(--ugo-blue-500));color:#fff}.topbar .brand a{color:#fff;font-weight:700;text-decoration:none}.topbar .nav a{color:#fff;text-decoration:none;margin-left:12px;opacity:.9}.topbar .nav a:hover{opacity:1}#app{width:99%;margin:20px auto;padding:0 12px}h1{font-size:20px;margin:12px 0 8px}.card{border:1px solid var(--ugo-border);border-radius:12px;padding:12px;background:#fff;box-shadow:0 1px 2px #0000000a}.card h2{font-size:18px;margin:0 0 4px}.meta{font-size:12px;color:#555}.button{display:inline-block;border:1px solid var(--ugo-blue-500);background:transparent;color:var(--ugo-blue-600);border-radius:8px;padding:6px 10px;cursor:pointer;text-decoration:none}.button:hover{background:var(--ugo-blue-100)}.table{border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--ugo-border);border-radius:10px;overflow:hidden}.table th,.table td{padding:10px 12px;vertical-align:top;border-bottom:1px solid var(--ugo-border);border-right:1px solid var(--ugo-border)}.table th:last-child,.table td:last-child{border-right:0}.table tr:last-child td{border-bottom:0}.table thead th{background:var(--ugo-blue-100);text-align:left;font-weight:600}.table tbody tr:nth-child(odd){background:#fff}.table tbody tr:nth-child(2n){background:var(--ugo-blue-050)}.table tbody tr:hover{background:#109fe31f}.col-date{white-space:nowrap}.table--wide,.wide{width:80vw;margin:0 auto}@media (max-width: 640px){.table--wide,.wide{width:96vw}.table th,.table td{padding:8px 10px}}