:root{--bg: #f3f7f9;--surface: #ffffff;--ink: #16212d;--muted: #5f6d7a;--line: #d9e3eb;--accent: #0f7e84;--accent-2: #114f98;--danger: #b42318}*{box-sizing:border-box}body{margin:0;font-family:Avenir Next,Segoe UI,sans-serif;background:linear-gradient(170deg,#e8f5f3 0%,var(--bg) 34%,#ecf2fb 100%);color:var(--ink)}.shell{padding:20px;max-width:1300px;margin:0 auto}.nav{display:flex;gap:8px;margin-bottom:18px}.nav button{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 14px;cursor:pointer}.nav .active{color:#fff;border-color:transparent;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 10px 26px #1021360f}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left}.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.card{border:1px solid var(--line);border-radius:10px;padding:12px;background:#fff}.badge{display:inline-block;border-radius:999px;font-size:12px;padding:4px 8px;background:#eef3f7}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:8px}button.primary{border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 12px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}button.danger{border:none;background:var(--danger);color:#fff;border-radius:8px;padding:8px 12px}button.ghost{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 12px}.row{display:flex;gap:8px;flex-wrap:wrap}.meta{color:var(--muted);font-size:14px}img.thumb{width:100%;height:180px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}@media (max-width: 720px){.shell{padding:12px}}