*{box-sizing:border-box}
:root{--bg:#07111f;--card:rgba(255,255,255,.075);--stroke:rgba(255,255,255,.14);--text:#eef6ff;--muted:#aebfd3;--blue:#08d9ff;--violet:#6b5cff;--danger:#ff4d6d}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}
.page-bg{position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 15% 5%,rgba(8,217,255,.23),transparent 34%),radial-gradient(circle at 88% 5%,rgba(107,92,255,.23),transparent 30%),linear-gradient(135deg,#07111f,#0a1728 55%,#05070d)}
.page-bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent)}
a{color:inherit}
.nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:rgba(5,12,22,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.1)}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}.logo span{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,var(--blue),var(--violet));font-weight:1000;box-shadow:0 0 28px rgba(8,217,255,.32)}
.nav-actions,.card-actions,.form-actions,.item-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.wrap{width:min(1160px,92vw);margin:0 auto 60px}.hero{text-align:center;padding:70px 0 38px}.badge{display:inline-flex;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:8px 12px;color:#8be9ff;background:rgba(255,255,255,.07);font-weight:900;font-size:13px}.hero h1{font-size:clamp(36px,8vw,82px);line-height:.92;letter-spacing:-.065em;margin:16px 0}.hero p{max-width:760px;margin:0 auto;color:var(--muted);font-size:18px}
.searchbox{margin:26px auto 0;max-width:620px}.searchbox input,input,textarea,select{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.08);color:#fff;padding:14px 15px;outline:none}textarea{min-height:100px;resize:vertical}.code{min-height:260px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}
button,.primary,.ghost,.danger{border:0;border-radius:999px;padding:11px 15px;font-weight:900;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.primary{background:linear-gradient(135deg,var(--blue),var(--violet));color:#fff;box-shadow:0 12px 30px rgba(8,217,255,.18)}.ghost{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.12)}.danger{background:rgba(255,77,109,.16);color:#fff;border:1px solid rgba(255,77,109,.3)}.full{width:100%}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:20px 0}.section-head h2{margin:0;font-size:28px}.section-head p{margin:0;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card,.panel{border:1px solid var(--stroke);background:var(--card);backdrop-filter:blur(18px);border-radius:28px;padding:20px;box-shadow:0 24px 70px rgba(0,0,0,.24)}.card{transition:.25s}.card:hover{transform:translateY(-4px);border-color:rgba(8,217,255,.38)}.icon{width:56px;height:56px;border-radius:19px;display:grid;place-items:center;background:rgba(255,255,255,.1);font-size:27px}.card h3{font-size:22px;margin:16px 0 8px}.card p{color:var(--muted);min-height:48px}.card code,.admin-item code{display:block;margin-top:13px;padding:9px;border-radius:12px;background:rgba(0,0,0,.25);color:#8be9ff;overflow:auto}.empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:40px;border:1px dashed rgba(255,255,255,.18);border-radius:24px}
.footer{text-align:center;color:var(--muted);padding:25px}
.admin-wrap{width:min(1200px,92vw);margin:35px auto}.login-panel{max-width:460px;margin:12vh auto}.panel h1,.panel h2{margin:12px 0}.panel p{color:var(--muted)}.msg{min-height:20px;color:#8be9ff}.hidden{display:none!important}.dash-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.dash-head h1{font-size:44px;margin:10px 0 4px;letter-spacing:-.04em}.layout{display:grid;grid-template-columns:minmax(320px,430px) 1fr;gap:16px}label{display:block;margin:14px 0 7px;font-weight:900;color:#dcecff}small{color:var(--muted)}.check{display:flex;align-items:center;gap:9px}.check input{width:auto}.admin-list{display:flex;flex-direction:column;gap:12px}.admin-item{display:flex;justify-content:space-between;gap:15px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.055)}.admin-item strong{font-size:17px}.admin-item p{margin:7px 0}.admin-item small{display:block;margin-top:8px}
@media(max-width:900px){.grid,.layout{grid-template-columns:1fr}.nav{align-items:flex-start;gap:12px;flex-direction:column}.hero{padding-top:40px}.dash-head,.admin-item{flex-direction:column;align-items:stretch}.item-actions a,.item-actions button{flex:1}}