:root{
  --bg:#ffffff; --fg:#0b0b0c; --muted:#6b7280; --accent:#0a84ff; --border:#e5e7eb; --danger:#ef4444; --shadow:0 10px 25px rgba(0,0,0,.06)
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
button{border:1px solid var(--border);background:#fff;color:var(--fg);padding:.6rem .9rem;border-radius:12px;cursor:pointer;transition:.2s}
button:hover{transform:translateY(-1px);box-shadow:var(--shadow)}
button.ghost{background:transparent}
button.danger{border-color:var(--danger);color:var(--danger)}

.header{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1rem;border-bottom:1px solid var(--border);position:sticky;top:0;background:#fff;z-index:5}
.brand{font-weight:700}
.container{max-width:920px;margin:24px auto;padding:0 16px}
.card{border:1px solid var(--border);border-radius:16px;padding:1rem;background:#fff;box-shadow:var(--shadow)}

.input{width:100%;border:1px solid var(--border);border-radius:12px;padding:.6rem .8rem;margin:.35rem 0}
.grid{display:grid;gap:12px}
.grid.two{grid-template-columns:1fr 1fr}
.grid.three{grid-template-columns:1fr 1fr 1fr}

.footer{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-top:1px solid var(--border);color:var(--muted);margin-top:24px}
.notice{color:var(--muted);font-size:.95rem}
.badge{display:inline-block;background:#f3f4f6;border:1px solid var(--border);padding:.1rem .45rem;border-radius:999px;margin-left:.35rem}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid var(--border);padding:.5rem;text-align:left}
.align-right{text-align:right}