:root{--c:#0a7;--b:#e6e6e6;--mut:#888;--tx:#111}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--tx);background:#fff}
.top{display:flex;gap:12px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--b);padding:10px 14px;position:sticky;top:0;background:#fff;z-index:10}
a{color:inherit;text-decoration:none}
.btn{padding:8px 12px;border:1px solid var(--b);border-radius:8px;background:#f6f6f6;cursor:pointer}
.btn.primary{background:var(--c);border-color:var(--c);color:#fff}
.input,select{padding:8px;border:1px solid var(--b);border-radius:8px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.card{border:1px solid var(--b);border-radius:12px;padding:16px;background:#fff}
.card:hover{box-shadow:0 1px 0 rgba(0,0,0,.05)}
.small{font-size:.9rem;color:var(--mut)}
.center{display:flex;min-height:calc(100dvh - 52px);align-items:center;justify-content:center;padding:24px}
.wrap{padding:16px}