/* assets/css/style.css - minimal responsive layout */
:root { --bg:#f4f6f8; --card:#ffffff; --accent:#2c7be5; --muted:#666; font-family:Inter, system-ui, sans-serif; }
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:#111}
.topbar{display:flex;justify-content:space-between;padding:12px 20px;background:white;box-shadow:0 2px 4px rgba(0,0,0,.05)}
.container{padding:20px;max-width:1100px;margin:0 auto}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.card{background:var(--card);padding:16px;border-radius:10px;box-shadow:0 6px 18px rgba(20,30,50,0.05)}
.entry .actions{margin-top:8px}
.centered{display:flex;align-items:center;justify-content:center;height:100vh}
.card.small{width:100%;max-width:420px}
label{display:block;margin-bottom:8px}
input[type=text],input[type=password],input[type=url],textarea{width:100%;padding:8px;border:1px solid #ddd;border-radius:6px}
button, .button{background:var(--accent);color:white;border:none;padding:8px 12px;border-radius:6px;text-decoration:none;cursor:pointer}
.error{background:#ffe9e9;color:#7a1a1a;padding:8px;border-radius:6px;margin-bottom:8px}
.success{background:#e9ffef;color:#1a7a3a;padding:8px;border-radius:6px;margin-bottom:8px}
.meta{font-size:12px;color:var(--muted)}
.actions a, .actions button{margin-right:8px}
@media (max-width:600px){ .topbar h1{font-size:16px} .card.small{padding:12px} }