:root{--accent:#0a6}
*{box-sizing:border-box}body{font-family:system-ui,Segoe UI,Roboto,Arial;margin:0;background:#f6f7f9;color:#111}
.container{max-width:1024px;margin:32px auto;padding:0 16px}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px;margin-bottom:16px;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.input{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:8px}
.button{background:var(--accent);color:#fff;border:none;padding:10px 14px;border-radius:8px;cursor:pointer}
nav{background:#fff;border-bottom:1px solid #e5e7eb}
nav .wrap{display:flex;gap:12px;align-items:center;padding:10px 16px}
nav a{color:#111;text-decoration:none;border:1px solid #e5e7eb;border-radius:8px;padding:6px 10px}
nav .right{margin-left:auto}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:8px;border-bottom:1px solid #eee;text-align:left}
.alert{padding:10px;border-radius:8px;margin:8px 0}
.alert.err{background:#ffe6e6;color:#7a0000}
.alert.ok{background:#e6ffef;color:#004d1a}