*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:system-ui,Arial;color:#29234e;background:linear-gradient(125deg,#ff3cac,#784cff,#00c9ff,#00e5a8,#ffd43b);background-size:400% 400%;animation:bg 13s ease infinite}.login,.panel{width:min(1100px,94vw);margin:30px auto}.login{max-width:430px;background:#fffffff4;border:3px solid #fff;border-radius:28px;padding:30px;box-shadow:0 25px 70px #42136a66;text-align:center}.logo{font-size:50px}.login p{color:#7c759a}.login label{display:block;text-align:left;font-weight:800;font-size:13px;margin:13px 0 6px}.login input,.editor input,.editor textarea,.editor select{width:100%;padding:13px;border:2px solid #e4defb;border-radius:13px;font-size:15px;outline:0}.login button,.btn{width:100%;border:0;border-radius:14px;padding:14px;background:linear-gradient(100deg,#ff3cac,#784cff,#00c9ff);color:#fff;font-weight:900;cursor:pointer;margin-top:18px}.login a{display:block;margin-top:16px;color:#665b8a;text-decoration:none}.error{background:#ffe1ec;color:#ae2454;padding:10px;border-radius:12px;font-weight:700}.head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px}.head h1{color:#fff;text-shadow:0 2px 10px #3b126b}.head a{background:#ffffffee;color:#6647c9;padding:10px 13px;border-radius:12px;text-decoration:none;font-weight:800}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px}.card{background:#fffffff4;border-radius:18px;padding:17px;box-shadow:0 12px 30px #42136a2b}.card b{font-size:26px;color:#704cff;display:block}.card small{color:#777294;font-weight:800}.grid{display:grid;grid-template-columns:1.4fr .8fr;gap:15px}.box{background:#fffffff4;border-radius:22px;padding:20px;box-shadow:0 15px 35px #42136a2b}.box h2{margin-top:0}.qrow{display:flex;align-items:center;gap:10px;border-bottom:1px solid #eee9fa;padding:11px 0}.qrow span{flex:1}.actions a,.actions button{border:0;padding:8px 10px;border-radius:9px;text-decoration:none;font-weight:800;cursor:pointer}.edit{background:#e9e2ff;color:#6945c8}.del{background:#ffe1ea;color:#b12c59}.editor label{display:block;font-size:12px;font-weight:900;margin-top:10px}.editor textarea{min-height:75px;resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.notice{padding:11px;border-radius:12px;background:#e5fff6;color:#08765b;font-weight:800;margin-bottom:12px}.userrow{display:flex;justify-content:space-between;border-bottom:1px solid #eee9fa;padding:9px 0}.muted{color:#7d7697}@keyframes bg{50%{background-position:100% 50%}}@media(max-width:800px){.cards{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}}@media(max-width:500px){.login,.panel{margin:12px auto}.cards{grid-template-columns:1fr 1fr}.head{align-items:flex-start}.head h1{font-size:22px}.qrow{align-items:flex-start}.two{grid-template-columns:1fr}}