:root{--bg:#020617;--primary:#6366f1;--secondary:#ec4899;--accent:#fbbf24;--panel:#11162a;--text:#fff;--muted:#94a3b8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Poppins,sans-serif;background-image:radial-gradient(circle at 15% 0,#2e1065 0,transparent 35%)}button,input,select{font:inherit}.login{min-height:100vh;display:grid;place-items:center}.login form{width:min(90vw,420px);padding:38px;background:#11162ad9;border:1px solid #ffffff15;border-radius:28px;text-align:center;box-shadow:0 30px 80px #000}.logo{font:900 1.35rem Montserrat}.logo b{color:var(--accent);text-shadow:2px 2px var(--secondary);margin-left:4px}.login h1{font:800 1.3rem Montserrat;margin:30px 0}.login input{width:100%;padding:15px;border-radius:12px;border:1px solid #ffffff22;background:#ffffff0c;color:#fff}.login button,.primary{border:0;border-radius:12px;background:linear-gradient(135deg,var(--primary),#4f46e5);color:#fff;font:800 .85rem Montserrat;padding:14px 20px;cursor:pointer}.login button{width:100%;margin:12px 0}.login a{color:var(--muted);font-size:.85rem}.login p{color:#fb7185}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid #ffffff12;background:#020617aa;position:sticky;top:0;z-index:5;backdrop-filter:blur(18px)}nav{display:flex;gap:20px;align-items:center}nav a{color:var(--accent);text-decoration:none;font-weight:700}nav button{background:none;border:0;color:var(--muted);cursor:pointer}main{width:min(1180px,92vw);margin:35px auto 80px}section{background:#0f172acc;border:1px solid #ffffff12;border-radius:24px;padding:clamp(18px,3vw,32px);margin-bottom:28px}h2{font:800 1.25rem Montserrat;margin:0 0 20px}.setting-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;margin-bottom:22px}.setting-grid>label:not(.switch){display:grid;grid-template-columns:1fr auto;gap:5px;color:var(--muted);font-size:.8rem}.setting-grid input[type=number],select{grid-column:1/2;background:#ffffff0c;border:1px solid #ffffff20;color:#fff;border-radius:10px;padding:12px}.setting-grid span{align-self:center}.switch{display:flex;align-items:center;gap:12px}.switch input,.mini-switch input{display:none}.switch i,.mini-switch i{width:48px;height:27px;background:#334155;border-radius:20px;position:relative;cursor:pointer}.switch i:after,.mini-switch i:after{content:'';position:absolute;width:21px;height:21px;background:white;border-radius:50%;left:3px;top:3px;transition:.25s}.switch input:checked+i,.mini-switch input:checked+i{background:var(--secondary)}.switch input:checked+i:after,.mini-switch input:checked+i:after{left:24px}.switch span{display:flex;flex-direction:column}.switch small,.section-head p{color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-head h2{margin:0}.section-head p{margin:5px 0 0;font-size:.85rem}.category{background:#ffffff07;border:1px solid #ffffff14;border-radius:18px;margin:14px 0;overflow:hidden}.category.dragging{opacity:.45}.cat-head{display:flex;gap:10px;align-items:center;padding:14px}.drag{font-size:1.5rem;color:var(--muted);cursor:grab}.cat-name{flex:1;min-width:100px;background:transparent;border:0;border-bottom:1px solid #ffffff20;color:#fff;font:800 1rem Montserrat;padding:8px}.color{width:38px;height:38px;border:0;background:none}.cat-head button{border:0;border-radius:9px;padding:9px 12px;color:white;background:#ffffff12;cursor:pointer}.cat-head .danger{color:#fb7185}.dropzone{margin:0 14px 14px;border:2px dashed #6366f177;border-radius:14px;padding:24px;text-align:center;display:flex;flex-direction:column;cursor:pointer;transition:.2s}.dropzone:hover,.dropzone.over{background:#6366f11a;border-color:var(--accent);transform:scale(1.01)}.dropzone span{color:var(--muted);font-size:.8rem;margin-top:5px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px;padding:0 14px 14px}.card-item{background:#020617;border-radius:12px;overflow:hidden;position:relative}.card-item img{width:100%;aspect-ratio:1;object-fit:cover}.card-item input[type=text]{width:100%;border:0;background:#ffffff0b;color:#fff;padding:10px;font-size:.8rem}.card-actions{display:flex;justify-content:space-between;padding:7px}.card-actions button{border:0;background:none;color:var(--muted);cursor:pointer}.card-actions .remove{color:#fb7185}@media(max-width:650px){.cat-head{flex-wrap:wrap}.cat-name{width:55%}.section-head{align-items:flex-start;gap:15px}.cards{grid-template-columns:repeat(2,1fr)}}

