body{padding:0}
.login-bg{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,var(--bg-2),var(--bg));z-index:10}
.login-bg.hidden{display:none}
.login-box{background:var(--bg-2);border:1px solid var(--border);border-radius:8px;padding:2.5rem;width:90%;max-width:400px;text-align:center}
.login-box h2{background:linear-gradient(90deg,var(--blue-light),var(--red-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.login-box input{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:0.7rem;border-radius:4px}

.admin-panel{display:none;min-height:100vh}
.admin-panel.active{display:block}
.admin-header{position:sticky;top:0;background:var(--bg-2);padding:1rem 2rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;z-index:10;flex-wrap:wrap;gap:0.5rem}
.admin-header h2{background:linear-gradient(90deg,var(--blue-light),var(--red-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.header-actions{display:flex;gap:0.5rem;flex-wrap:wrap}
.admin-content{padding:2rem;max-width:1100px;margin:0 auto}
.admin-section{background:var(--bg-2);border:1px solid var(--border);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}
.admin-section h3{color:var(--blue-light);margin-bottom:1rem;display:flex;align-items:center;gap:0.5rem}

.form-row{margin-bottom:1rem}
.form-row label{display:block;margin-bottom:0.4rem;color:var(--text-dim);font-size:0.9rem}
.form-row input,.form-row textarea,.form-row select{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:0.6rem;border-radius:4px;font-family:inherit;font-size:0.95rem}
.form-row textarea{min-height:100px;resize:vertical}
.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
@media(max-width:768px){.form-grid-2,.form-grid-3{grid-template-columns:1fr}}

.edit-card{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:1rem;margin-bottom:1rem}
.edit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:0.5rem;flex-wrap:wrap}
.edit-actions{display:flex;gap:0.3rem}

.image-preview{width:80px;height:80px;border-radius:4px;background:var(--bg-3);display:flex;align-items:center;justify-content:center;margin-top:0.5rem;overflow:hidden;color:var(--text-dim);font-size:0.8rem}
.image-preview img{width:100%;height:100%;object-fit:cover}
.gallery-edit{display:flex;gap:0.5rem;flex-wrap:wrap;margin-top:0.5rem}
.gallery-edit .thumb{position:relative;width:80px;height:80px;border-radius:4px;overflow:hidden;background:var(--bg-3)}
.gallery-edit .thumb img{width:100%;height:100%;object-fit:cover}
.gallery-edit .thumb button{position:absolute;top:2px;right:2px;background:rgba(0,0,0,0.7);color:white;border:none;width:20px;height:20px;border-radius:50%;cursor:pointer;font-size:0.7rem;line-height:1}

.radar-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:0.5rem}
.radar-inputs label{font-size:0.85rem}
.radar-inputs input{padding:0.4rem}

.tip{background:rgba(59,130,246,0.08);border-left:3px solid var(--blue);padding:0.8rem 1rem;border-radius:4px;font-size:0.9rem;color:var(--text-dim);margin-bottom:1rem}