*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial,sans-serif;color:var(--text);line-height:1.8}a{color:inherit;text-decoration:none}.top{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:14px 5vw;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-bottom:1px solid #d9e8dc}.brand{display:flex;gap:10px;align-items:center;font-weight:800;color:var(--primary)}.brand img{height:42px;max-width:140px;object-fit:contain}nav{display:flex;gap:10px;flex-wrap:wrap;align-items:center}nav a{padding:8px 12px;border-radius:999px}.pill,nav a:hover{background:var(--primary);color:white}main{width:min(1180px,94vw);margin:auto}.hero{margin:34px 0 28px;padding:70px 6vw;border-radius:36px;color:white;background:linear-gradient(135deg,var(--primary),var(--secondary));background-size:cover;background-position:center;box-shadow:0 24px 60px rgba(16,61,43,.18)}.hero h1{font-size:clamp(34px,5vw,64px);margin:8px 0}.hero p{font-size:20px;max-width:780px}.btn,button{display:inline-block;border:0;border-radius:18px;padding:12px 22px;margin:6px;background:var(--primary);color:white;cursor:pointer;box-shadow:0 12px 25px rgba(0,0,0,.12)}.btn.light{background:white;color:var(--primary)}h1,h2,h3{color:var(--primary)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.stats div,.card,.row,.detail,.form,.notice,.reply{background:var(--card);border:1px solid #dbeadd;border-radius:24px;padding:22px;box-shadow:0 14px 34px rgba(15,61,43,.08)}.stats b{display:block;font-size:32px;color:var(--primary)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.card small{color:var(--secondary)}.card em{display:block;color:#64756b}.thumb{width:100%;height:180px;object-fit:cover;border-radius:18px;margin-bottom:12px}.avatar{width:88px;height:88px;object-fit:cover;border-radius:50%}.mini{color:var(--secondary);font-weight:bold}.list{display:grid;gap:14px}.row{display:block}.row span{display:block;color:#68776f}.row p{margin:.4em 0 0}.search{display:flex;gap:10px;margin:20px 0}.search input{flex:1}.form{display:grid;gap:12px;max-width:850px}.form input,.form textarea,.search input,select{width:100%;border:1px solid #cfe0d3;border-radius:16px;padding:12px;background:white}.form textarea{min-height:120px}.error{background:#fff0f0;color:#b00020;border:1px solid #ffc9c9;padding:14px;border-radius:16px}.titlebar{display:flex;justify-content:space-between;align-items:center;gap:15px}.detail{margin:24px 0}.detail h1{font-size:42px}.meta{display:flex;flex-wrap:wrap;gap:10px}.meta span,.map{background:#eef7ef;border-radius:999px;padding:8px 14px}.wide{width:100%;max-height:430px;object-fit:cover;border-radius:24px}.footer{text-align:center;margin-top:60px;padding:35px;background:#10251b;color:white}.admin{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.admin aside{background:var(--primary);color:white;padding:24px;position:sticky;top:0;height:100vh}.admin aside a{display:block;padding:12px;border-radius:14px;margin:4px 0}.admin aside a:hover{background:rgba(255,255,255,.12)}.admin-main{padding:28px;max-width:1200px}table{width:100%;border-collapse:collapse;background:var(--card);border-radius:20px;overflow:hidden}td,th{padding:12px;border-bottom:1px solid #e1eadf;text-align:right}.colors{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.colors label{background:#f3f8f1;border-radius:16px;padding:12px}@media(max-width:800px){.top,.titlebar{display:block}.stats{grid-template-columns:repeat(2,1fr)}.admin{display:block}.admin aside{height:auto;position:relative}.hero{padding:40px 22px}}

/* =========================================================
   v6.1 Admin UI Repair - modern visible dashboard
   ========================================================= */
.admin{
  display:grid;
  grid-template-columns:300px 1fr;
  min-height:100vh;
  background:linear-gradient(135deg,#f4fbf6 0%,#ffffff 42%,#eef7f0 100%);
  color:#123426;
}
.admin aside{
  background:linear-gradient(180deg,#0f3b2a 0%,#145337 58%,#0c2c20 100%) !important;
  color:#ffffff !important;
  padding:26px 20px;
  position:sticky;
  top:0;
  height:100vh;
  box-shadow:-10px 0 35px rgba(0,0,0,.12);
  border-left:1px solid rgba(255,255,255,.15);
}
.admin aside h2{
  color:#ffffff !important;
  margin:0 0 22px;
  font-size:26px;
  letter-spacing:-.5px;
}
.admin aside a{
  display:flex;
  align-items:center;
  gap:10px;
  color:#ffffff !important;
  background:rgba(255,255,255,.09) !important;
  border:1px solid rgba(255,255,255,.14);
  padding:13px 15px;
  border-radius:16px;
  margin:8px 0;
  font-weight:700;
  box-shadow:none;
  transition:.2s ease;
}
.admin aside a:hover{
  background:#ffffff !important;
  color:#0f3b2a !important;
  transform:translateX(-3px);
}
.admin-main{
  padding:38px;
  max-width:1280px;
  width:100%;
  margin:0 auto;
}
.admin-main h1{
  color:#0f3b2a !important;
  font-size:36px;
  margin:0 0 24px;
}
.admin .stats{
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:18px;
}
.admin .stats div,
.admin .notice,
.admin .form,
.admin table{
  background:rgba(255,255,255,.92) !important;
  border:1px solid #d6eadb !important;
  box-shadow:0 18px 45px rgba(16,61,43,.10) !important;
}
.admin .stats b{
  color:#0f3b2a !important;
}
.admin .btn,
.admin button{
  background:#137246 !important;
  color:#ffffff !important;
  border-radius:16px;
  font-weight:700;
}
.admin table a{
  color:#137246 !important;
  font-weight:700;
}
.admin th{
  color:#0f3b2a;
  background:#eef8f0;
}
.admin td{
  color:#1f3b2d;
}
.admin input,
.admin textarea,
.admin select{
  color:#123426 !important;
  background:#ffffff !important;
}
@media(max-width:900px){
  .admin{display:block;}
  .admin aside{position:relative;height:auto;border-left:0;}
  .admin-main{padding:22px;}
}

/* Admin Security component */
.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;margin:18px 0}.admin table input,.admin table select{width:100%;min-width:130px;padding:8px;border:1px solid rgba(16,61,43,.18);border-radius:10px;background:#fff;color:#10251b}.admin table form{display:inline}.admin .danger{background:#b42318;color:#fff;border:0;border-radius:10px;padding:9px 14px;margin-top:6px;cursor:pointer}.admin .error,.error{background:#fff1f0;border:1px solid #ffb4ab;color:#8a1f11;border-radius:16px;padding:14px 16px;margin:14px 0}.admin .card h2{margin-top:0;color:#103d2b}