*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:24px}
.box{width:100%;max-width:420px;margin:0 auto;background:#fff;border-radius:16px;padding:40px 30px;box-shadow:0 20px 60px rgba(0,0,0,.3)}
h2{text-align:center;margin-bottom:24px;color:#333}
input{width:100%;padding:14px;border:1px solid #ddd;border-radius:8px;font-size:16px;outline:none;margin-bottom:15px}
input:focus{border-color:#667eea}
button{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer}
button:hover{opacity:.9}
.result{margin-top:20px;padding:18px;background:#f7f7f7;border-radius:10px}
.result p{padding:8px 0;border-bottom:1px solid #eee}
.result p:last-child{border-bottom:none}
.msg{margin-top:14px;padding:12px;border-radius:8px;text-align:center;color:#c33;background:#fee;display:none}
.msg.show{display:block}
.admin-link{text-align:center;margin-top:18px}
.admin-link a{color:#667eea;text-decoration:none;font-size:14px}
.container{max-width:1000px;margin:0 auto}
.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.header h2{margin:0;color:#fff}
.logout{width:auto;padding:8px 18px}
.add-form{background:#fff;padding:20px;border-radius:10px;display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.add-form input{margin:0;flex:1;min-width:140px}
.add-form button{width:auto;padding:12px 24px}
table{width:100%;background:#fff;border-radius:10px;overflow:hidden;border-collapse:collapse}
th{background:#667eea;color:#fff;padding:12px;text-align:left}
td{padding:10px 12px;border-bottom:1px solid #eee;font-size:14px}
tr:hover td{background:#f9f9f9}
.del{color:#c33;cursor:pointer;text-decoration:none}
.hidden{display:none}