/* Minimal modern-ish style (意図的に強固な CSP 等は未設定) */
:root {
  --bg: #f7f9fc;
  --panel: #ffffff;
  --border: #d9e2ec;
  --accent: #2563eb;
  --accent-hover: #1d4ed8;
  --danger: #d14343;
  --text: #1f2933;
  --text-dim: #52667a;
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
}
html,body {margin:0;padding:0;background:var(--bg);color:var(--text);}
body {line-height:1.5;}
.wrapper {max-width:980px;margin:0 auto;padding:32px 28px;}
h1 {margin-top:0;font-size:1.9rem;letter-spacing:.5px;}
header {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:1.2rem;}
header .user {font-size:.95rem;color:var(--text-dim);} 
.panel {background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:18px 20px;margin-bottom:20px;box-shadow:0 1px 2px rgba(0,0,0,.05);} 
form.inline {display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;}
input[type=text], input[type=password] {border:1px solid var(--border);background:#fff;padding:8px 10px;border-radius:6px;font-size:.92rem;min-width:140px;}
input[type=text]:focus, input[type=password]:focus {outline:2px solid var(--accent);outline-offset:1px;}
button {cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:#fff;font-weight:600;padding:8px 16px;font-size:.85rem;border-radius:6px;letter-spacing:.3px;transition:.15s;background-image:linear-gradient(var(--accent),#1e54b7);} 
button:hover {background:var(--accent-hover);}
button.danger {background:var(--danger);border-color:var(--danger);background-image:linear-gradient(var(--danger),#b93535);} 
small.hint {display:block;color:var(--text-dim);margin-top:4px;font-size:.7rem;letter-spacing:.3px;}
.table-wrap {overflow-x:auto;} 
table {width:100%;border-collapse:collapse;font-size:.85rem;} 
th,td {padding:8px 10px;text-align:left;border-bottom:1px solid var(--border);} 
th {background:#f0f4f8;font-weight:600;font-size:.75rem;letter-spacing:.5px;color:#334e68;} 
tr:hover td {background:#f9fbfd;} 
.actions form {display:inline;} 
nav a {text-decoration:none;color:var(--accent);font-weight:500;margin-right:12px;} 
nav a:hover {text-decoration:underline;} 
.tag-badge {display:inline-block;background:#eef2ff;color:#3730a3;font-size:.65rem;font-weight:600;padding:2px 6px;border-radius:999px;margin-left:4px;vertical-align:middle;} 
footer {margin-top:40px;font-size:.65rem;color:var(--text-dim);} 
.alert {padding:10px 14px;border-radius:6px;font-size:.8rem;margin-top:10px;} 
.alert.error {background:#fee2e2;color:#991b1b;border:1px solid #fecaca;} 
.alert.info {background:#eff6ff;color:#1e3a8a;border:1px solid #bfdbfe;} 
.search-box {display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:12px;} 
.bad-links a {font-size:.7rem;margin-right:10px;color:#7c8693;} 
.bad-links a:hover {color:#111;} 
.logout {font-size:.75rem;margin-left:8px;} 

/* Scrollbar cosmetic (non-critical) */
::-webkit-scrollbar {width:10px;height:10px;} 
::-webkit-scrollbar-thumb {background:#c3ccd5;border-radius:8px;} 
::-webkit-scrollbar-thumb:hover {background:#a8b5c1;}