/* style.css — v25 theme (front header centered, v10 admin polish) */
:root{
  --bg:#111; --card:#222; --muted:#a7a7a7; --text:#fff;
  --brand:#ff9900; --brand-2:#ffb74d; --danger:#f24848; --ok:#37b24d;
  --border:#2e2e2e; --ink:#0f0f0f;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}
a{color:#ddd;text-decoration:none}
.container{width:100%;max-width:480px;margin:0 auto;background:var(--card)}

/* FRONT */
.page-logo-bar{
  position:fixed; top:0; left:0; right:0; z-index:1000;
  height:50px; display:flex; align-items:center; justify-content:center;
  background:var(--card); border-bottom:1px solid var(--border);
}
.page-logo-img{max-height:40px; display:block}
.notice-bar{
  position:fixed; top:50px; left:0; right:0; z-index:1000;
  background:transparent; color:#111;
}
.notice-inner{
  margin:0 auto; max-width:480px;
  background:var(--brand); color:#111; text-align:center;
  padding:6px 10px; font-size:15px; font-weight:bold; line-height:20px;
  border-bottom-left-radius:8px; border-bottom-right-radius:8px;
  transition:opacity .3s;
}
.content{padding-top:80px}
.banner{display:flex;flex-direction:column;gap:5px;padding:10px 10px 4px}
.banner a img{width:100%;border-radius:6px;display:block}
.logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:4px 10px 12px}
.logo-item{text-align:center}
.logo-item img{width:100%;max-width:80px;border-radius:8px;background:#333;padding:4px;margin-bottom:0}
.logo-item p{margin:0;font-size:14px;font-weight:600;line-height:1.1}

/* ADMIN */
body.admin{display:flex;gap:0;min-height:100vh;background:linear-gradient(180deg,#131313 0%, #0e0e0e 100%)}
.sidebar{width:232px;background:#141414;border-right:1px solid var(--border);padding:16px;position:sticky;top:0;height:100vh}
.sidebar .brand{font-weight:700;margin-bottom:12px;letter-spacing:.5px}
.sidebar nav a{display:block;padding:10px 12px;border-radius:10px;color:#ddd;margin-bottom:6px;transition:.15s background}
.sidebar nav a:hover{background:#1e1e1e}
.sidebar nav a.logout{color:#f8a8a8}
.main{flex:1;padding:20px}
.card{background:#151515;border:1px solid var(--border);border-radius:14px;padding:16px 16px 8px;margin-bottom:16px;box-shadow:0 10px 24px rgba(0,0,0,.25)}
.card h2{margin:0 0 12px 0;font-size:18px;font-weight:700}
.row{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap}
.fields label{display:block;font-size:12px;color:var(--muted);margin-top:6px}
.fields input,.fields select,.fields textarea,input[type=text]{width:100%;background:#0f0f0f;border:1px solid var(--border);color:var(--text);border-radius:10px;padding:9px;margin-top:6px}
.preview img,#page_logo_preview{max-height:52px;display:block;background:#000;padding:6px;border-radius:10px;border:1px solid var(--border)}
.preview-rect{width:180px;aspect-ratio:16/9;background:#000;border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.preview-rect img{width:100%;height:100%;object-fit:cover}
.preview-square{width:84px;height:84px;background:#000;border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.preview-square img{width:100%;height:100%;object-fit:cover}
.list .item{display:grid;grid-template-columns:200px 1fr 120px;gap:14px;align-items:start;padding:12px;border:1px dashed var(--border);border-radius:12px;margin-bottom:12px;background:#121212}
.list .item:active{outline:2px dashed var(--brand)}
.row-actions .btn{width:100%;margin-bottom:8px}
.actions{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap}
.btn{padding:9px 12px;border-radius:10px;border:1px solid var(--border);background:#1d1d1d;color:#fff;cursor:pointer;transition:.15s transform ease}
.btn:active{transform:scale(.98)}
.btn.primary{background:var(--brand);color:#111;border-color:var(--brand-2)}
.btn.danger{background:var(--danger);border-color:#c0392b}
.msg{padding:8px;border-radius:8px;margin:8px 0}
.msg.error{background:#3b0d0d;color:#ffb4b4}
.login-card{max-width:360px;margin:12vh auto;background:#1a1a1a;border:1px solid var(--border);border-radius:14px;padding:22px;box-shadow:0 10px 24px rgba(0,0,0,.25)}
.login-card h1{margin:0 0 14px 0}
.login-card input{width:100%;margin-bottom:10px}
.login-card .btn{width:100%}