:root{--bg:#07101a;--panel:#0d1724;--panel2:#121f2f;--text:#eef4fb;--muted:#8fa0b3;--gold:#f2bb2e;--blue:#2e75ff;--green:#37d890;--red:#ff5368;--line:rgba(255,255,255,.09)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.login-screen{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 70% 20%,rgba(46,117,255,.23),transparent 30%),radial-gradient(circle at 20% 75%,rgba(242,187,46,.14),transparent 28%),#050a11}.login-card{width:min(460px,100%);padding:42px;border:1px solid var(--line);border-radius:28px;background:rgba(11,20,31,.94);box-shadow:0 35px 90px rgba(0,0,0,.46);text-align:center}.login-shield{width:82px;height:92px;margin:0 auto 22px;display:grid;place-items:center;clip-path:polygon(50% 0,94% 18%,86% 76%,50% 100%,14% 76%,6% 18%);background:linear-gradient(145deg,#ffe28b,var(--gold));color:#111;font-size:26px;font-weight:1000}.login-card>p{color:var(--gold);font-size:10px;font-weight:1000;letter-spacing:.22em}.login-card h1{font-size:38px;margin:8px 0}.login-card>span{display:block;color:var(--muted);line-height:1.6}.login-card form{margin:28px 0 20px;text-align:left}.login-card label,.admin-card label{display:block;color:#b9c4d0;font-size:11px;font-weight:800;margin-bottom:13px}.login-card input,.admin-card input,.admin-card select,.admin-card textarea{width:100%;margin-top:7px;padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:#07101a;color:#fff;outline:none}.login-card input:focus,.admin-card input:focus,.admin-card select:focus,.admin-card textarea:focus{border-color:rgba(242,187,46,.6);box-shadow:0 0 0 3px rgba(242,187,46,.08)}.login-card button,.primary{width:100%;padding:14px 18px;border:0;border-radius:11px;background:linear-gradient(135deg,#ffe18a,var(--gold));color:#111;font-weight:1000}.login-card>a{color:var(--muted);font-size:12px}.message{min-height:18px;color:var(--muted);font-size:12px}.message.ok{color:#70edb0}.message.error{color:#ff8c9a}.message.warn{color:#ffd36a}.admin-app{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.admin-app aside{position:sticky;top:0;height:100vh;padding:24px 16px;border-right:1px solid var(--line);background:#08111c;display:flex;flex-direction:column}.side-brand{display:flex;align-items:center;gap:11px;padding:5px 7px 25px}.side-brand>span{width:42px;height:47px;display:grid;place-items:center;clip-path:polygon(50% 0,94% 18%,86% 76%,50% 100%,14% 76%,6% 18%);background:var(--gold);color:#111;font-weight:1000}.side-brand b,.side-brand small{display:block}.side-brand small{color:var(--muted);font-size:10px}.admin-app nav{display:grid;gap:7px}.admin-app nav button{padding:13px 14px;border:0;border-radius:11px;background:transparent;color:#aab7c7;text-align:left;font-weight:800}.admin-app nav button.active,.admin-app nav button:hover{background:rgba(242,187,46,.1);color:var(--gold)}.side-links{margin-top:auto;display:grid;gap:9px}.side-links a,.side-links button{padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:transparent;color:#9eacbd;text-align:left;font-size:12px;text-decoration:none}.admin-app main{min-width:0;padding:0 34px 70px}.admin-app header{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:30px}.admin-app header small{color:var(--gold);font-size:9px;font-weight:1000;letter-spacing:.18em}.admin-app header h1{margin:5px 0 0;font-size:26px}.header-status{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px}.header-status i{width:8px;height:8px;border-radius:50%;background:var(--gold)}.header-status.live i{background:var(--green);box-shadow:0 0 12px var(--green)}.admin-page{display:none}.admin-page.active{display:block}.hero-admin{min-height:270px;padding:40px;border-radius:25px;background:radial-gradient(circle at 85% 15%,rgba(46,117,255,.28),transparent 32%),linear-gradient(145deg,#121e2d,#09111c);border:1px solid var(--line);display:flex;justify-content:space-between;align-items:end;gap:30px}.hero-admin p,.page-intro small{color:var(--gold);font-size:10px;font-weight:1000;letter-spacing:.18em}.hero-admin h2{font-size:54px;line-height:.95;margin:10px 0 15px}.hero-admin span{color:var(--muted);line-height:1.7;max-width:700px;display:block}.hero-admin a{padding:14px 18px;border-radius:11px;background:#fff;color:#111;font-weight:900;text-decoration:none;white-space:nowrap}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.metric-grid article{padding:23px;border:1px solid var(--line);border-radius:17px;background:var(--panel)}.metric-grid span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.metric-grid strong{display:block;font-size:35px;margin-top:7px}.admin-card{margin-top:18px;padding:25px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}.admin-card h3{margin:0 0 9px}.admin-card>p{color:var(--muted);line-height:1.6}.admin-card>.primary{width:auto}.page-intro{padding:8px 0 15px}.page-intro h2{font-size:43px;margin:7px 0}.page-intro p{color:var(--muted)}.form-title,.list-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.form-title h3,.list-title h3{margin:0}.text-button{border:0;background:none;color:var(--gold);font-weight:900}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 15px}.form-grid .wide{grid-column:1/-1}.admin-card h4{margin:22px 0 10px;color:var(--gold)}.button-row{display:flex;gap:10px}.button-row button{width:auto;padding:12px 17px;border-radius:10px;border:1px solid var(--line);background:#101c2b;color:#fff;font-weight:800}.button-row .primary{border:0;color:#111}.record-list{display:grid;gap:10px}.record-row{display:grid;grid-template-columns:1fr auto;gap:16px;padding:17px;border:1px solid var(--line);border-radius:14px;background:#09121d}.record-row small{display:block;color:var(--gold);font-size:9px;font-weight:1000;letter-spacing:.12em;text-transform:uppercase}.record-row h4{margin:6px 0 5px;color:#fff}.record-row p{margin:0;color:var(--muted);font-size:12px}.record-actions{display:flex;gap:7px;align-items:center}.record-actions button{padding:8px 11px;border-radius:8px;border:1px solid var(--line);background:#101b29;color:#fff;font-size:11px}.record-actions .delete{color:#ff8d9b;border-color:rgba(255,83,104,.3)}.list-title input{max-width:290px;padding:10px 12px!important;margin:0!important}.public-url{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:10px;margin-top:22px}.public-url span{font-size:11px;color:var(--muted);padding-bottom:11px}.public-url input{margin:0!important}.public-url button{height:44px;padding:0 15px;border:1px solid var(--line);border-radius:10px;background:#101c2b;color:#fff}.warning-card{border-color:rgba(242,187,46,.28)}
@media(max-width:900px){.admin-app{grid-template-columns:1fr}.admin-app aside{position:static;height:auto}.admin-app nav{grid-template-columns:repeat(4,1fr)}.side-links{margin-top:15px;grid-template-columns:repeat(3,1fr)}.admin-app main{padding:0 18px 60px}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.login-card{padding:28px}.admin-app nav{grid-template-columns:1fr 1fr}.side-links{grid-template-columns:1fr}.admin-app header{height:auto;padding:20px 0}.header-status{display:none}.hero-admin{align-items:flex-start;flex-direction:column}.hero-admin h2{font-size:40px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.metric-grid{grid-template-columns:1fr 1fr}.list-title{align-items:stretch;flex-direction:column}.list-title input{max-width:none}.record-row{grid-template-columns:1fr}.public-url{grid-template-columns:1fr}.public-url span{padding:0}.button-row{flex-direction:column}.button-row button{width:100%}}
