/* Ragnarok Ambarawa Heritage - PHP Control Panel Theme
   Sample theme for FluxCP-like / custom Ragnarok CP.
   Donation menu intentionally removed.
*/
:root{
  --bg:#02060d;
  --bg2:#071521;
  --panel:#081622;
  --panel2:#0a1d2b;
  --gold:#d5a33f;
  --gold2:#8b5f1e;
  --gold3:#f4d37f;
  --text:#f4ead4;
  --muted:#b9aa8d;
  --green:#0f7a49;
  --green2:#18b56e;
  --red:#d15050;
  --blue:#18375d;
  --border:rgba(213,163,63,.55);
  --shadow:0 22px 60px rgba(0,0,0,.45);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:"Inter","Segoe UI",Tahoma,sans-serif;background:
  radial-gradient(circle at 20% 0%, rgba(30,70,90,.35), transparent 38%),
  radial-gradient(circle at 90% 20%, rgba(151,103,28,.15), transparent 32%),
  linear-gradient(180deg,#02060d,#07111d 45%,#02060d);color:var(--text)}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:64px 64px;
}
a{color:#f1c768;text-decoration:none}
a:hover{color:#fff2bf}
.cp-shell{display:grid;grid-template-columns:310px 1fr;min-height:100vh}
.cp-sidebar{
  position:sticky;top:0;height:100vh;overflow:auto;padding:22px 22px 28px;
  background:linear-gradient(180deg,rgba(7,22,35,.98),rgba(3,8,15,.98));
  border-right:1px solid var(--border);
  box-shadow:inset -1px 0 rgba(255,255,255,.05), 18px 0 45px rgba(0,0,0,.35);
}
.cp-logo{display:block;text-align:center;margin:0 auto 18px}
.cp-logo img{width:220px;max-width:100%;filter:drop-shadow(0 10px 22px rgba(0,0,0,.65))}
.side-card{border:1px solid var(--border);border-radius:18px;padding:10px;background:rgba(2,7,12,.72);box-shadow:var(--shadow);margin-top:18px}
.side-card img{width:100%;border-radius:12px;display:block}
.menu-box{border:1px solid rgba(213,163,63,.35);border-radius:16px;padding:12px;background:linear-gradient(180deg,rgba(10,26,38,.82),rgba(4,10,17,.82));box-shadow:inset 0 1px rgba(255,255,255,.05)}
.menu-title{font-family:Georgia,serif;color:var(--gold3);font-size:13px;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid rgba(213,163,63,.35);padding:10px 12px}
.nav-link{display:flex;align-items:center;gap:11px;padding:11px 12px;margin:4px 0;color:#efe2c2;border-radius:10px;border:1px solid transparent;transition:.18s ease}
.nav-link .ico{width:22px;text-align:center;color:var(--gold)}
.nav-link:hover,.nav-link.active{background:linear-gradient(90deg,rgba(10,114,67,.82),rgba(6,46,35,.35));border-color:rgba(46,206,124,.5);box-shadow:0 0 22px rgba(0,180,90,.12)}
.menu-sep{height:1px;background:linear-gradient(90deg,transparent,rgba(213,163,63,.36),transparent);margin:10px 0}
.cp-main{min-width:0;padding:0 26px 24px}
.topbar{
  height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px;
  border-bottom:1px solid rgba(213,163,63,.35);background:rgba(4,12,21,.76);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px);
}
.topnav{display:flex;gap:6px;align-items:center}
.topnav a{font-family:Georgia,serif;font-weight:700;letter-spacing:.03em;color:#f2dfbd;padding:24px 14px;border-bottom:2px solid transparent}
.topnav a.active,.topnav a:hover{color:#ffe5a7;border-color:var(--gold)}
.actions{display:flex;gap:10px;align-items:center}
.btn{border:1px solid rgba(213,163,63,.55);border-radius:10px;padding:10px 16px;font-weight:800;color:#f7e6bd;background:linear-gradient(180deg,#2c1b08,#0b0b0b);box-shadow:inset 0 1px rgba(255,255,255,.12),0 8px 20px rgba(0,0,0,.25);cursor:pointer}
.btn.green{background:linear-gradient(180deg,#11945a,#063c2a);border-color:rgba(46,206,124,.75)}
.btn.gold{background:linear-gradient(180deg,#9d6d24,#3d2609);border-color:#d5a33f}
.btn.block{display:block;text-align:center;width:100%}
.hero{margin:22px 0 14px;border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);background:#071521;position:relative}
.hero img{width:100%;display:block;min-height:230px;object-fit:cover}
.status-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid rgba(213,163,63,.45);border-radius:16px;background:linear-gradient(180deg,rgba(11,30,43,.92),rgba(5,13,22,.96));overflow:hidden;box-shadow:var(--shadow);margin-bottom:18px}
.status-item{padding:18px 16px;border-right:1px solid rgba(213,163,63,.25);display:flex;align-items:center;gap:12px}
.status-item:last-child{border-right:0}
.status-icon{width:42px;height:42px;border:1px solid rgba(213,163,63,.5);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--gold3);background:rgba(0,0,0,.18)}
.status-title{font-family:Georgia,serif;font-size:13px;color:#d7c7a8;text-transform:uppercase}
.online{color:#56df8d;font-weight:800}.offline{color:#ff7373;font-weight:800}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#56df8d;box-shadow:0 0 13px #56df8d;margin-right:7px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.grid.two{grid-template-columns:1fr 1fr}
.card{border:1px solid rgba(213,163,63,.42);border-radius:16px;background:linear-gradient(180deg,rgba(10,25,37,.9),rgba(4,10,17,.93));box-shadow:var(--shadow);padding:20px;position:relative;overflow:hidden}
.card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(213,163,63,.11),transparent 42%);pointer-events:none}
.card h3{margin:0 0 16px;font-family:Georgia,serif;color:var(--gold3);letter-spacing:.03em;font-size:21px}
.list{display:grid;gap:10px}.row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:9px;color:#eadfc8}
.row small,.muted{color:var(--muted)}
.rates .row b{color:#f5d073}
.form-layout{display:grid;grid-template-columns:minmax(520px,1fr) 330px;gap:18px}
.form-row{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:12px;margin-bottom:12px}
label{color:#f1dfbd;font-weight:700}
input,select{width:100%;background:#050c14;border:1px solid rgba(213,163,63,.45);border-radius:9px;color:#f7ead0;padding:11px 12px;outline:0}
input:focus,select:focus{border-color:#27c87b;box-shadow:0 0 0 3px rgba(39,200,123,.12)}
.radio-group{display:flex;gap:22px}.checkline{display:flex;gap:10px;align-items:center;margin:16px 0}
.checkline input{width:auto}
.captcha{display:flex;gap:10px;align-items:center}.captcha-code{letter-spacing:.25em;font-weight:900;border:1px solid rgba(213,163,63,.55);padding:10px 16px;border-radius:9px;background:#111;color:#f7e7c0}
.requirements li,.benefits li{margin:12px 0;color:#e8dcc5}.requirements li:before,.benefits li:before{content:"✓";color:#39dc87;font-weight:900;margin-right:10px}
.benefit{display:flex;gap:14px;margin:18px 0;padding-bottom:16px;border-bottom:1px solid rgba(213,163,63,.24)}
.benefit-icon{width:48px;height:48px;border:1px solid rgba(213,163,63,.5);border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--gold3);font-size:24px;background:rgba(0,0,0,.22)}
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px}
.stat-card{border:1px solid rgba(213,163,63,.35);border-radius:14px;padding:17px;background:rgba(4,11,18,.75);display:flex;align-items:center;gap:14px}
.stat-card .num{font-family:Georgia,serif;color:#f5d073;font-size:25px;font-weight:800}
.footer{margin-top:22px;padding:20px;border-top:1px solid rgba(213,163,63,.35);display:flex;align-items:center;justify-content:space-between;color:#ad9b7d}
.breadcrumb{color:#bfa978;margin:22px 0 12px}.page-title{font-family:Georgia,serif;color:#f2c467;font-size:42px;margin:8px 0 6px}.page-desc{color:#d8c9ab;margin-bottom:20px}
@media(max-width:1180px){.cp-shell{grid-template-columns:1fr}.cp-sidebar{position:relative;height:auto}.grid,.status-strip,.stat-row{grid-template-columns:1fr 1fr}.form-layout{grid-template-columns:1fr}.topbar{position:relative;overflow:auto}.cp-main{padding:0 14px 22px}}
@media(max-width:720px){.grid,.status-strip,.stat-row{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.topnav{display:none}.actions{flex-wrap:wrap}.page-title{font-size:30px}}

/* ============ FluxCP CONTENT OVERRIDES (RAH theme) ============ */
.cp-content{padding:22px 0 8px;min-width:0}
.cp-content h1,.cp-content h2{font-family:Georgia,serif;color:#f2c467;font-size:34px;line-height:1.1;margin:6px 0 14px;letter-spacing:.02em}
.cp-content h3{font-family:Georgia,serif;color:var(--gold3);margin:18px 0 10px}
.cp-content p{color:#d8c9ab;line-height:1.7}
.cp-content a{color:#f1c768}
.cp-content a:hover{color:#fff2bf}

/* blok utama (form & tabel langsung) -> kartu */
.cp-content form,
.cp-content > table,
.cp-content fieldset{
  border:1px solid rgba(213,163,63,.42);border-radius:16px;
  background:linear-gradient(180deg,rgba(10,25,37,.9),rgba(4,10,17,.93));
  box-shadow:var(--shadow);padding:20px;margin:0 0 18px;width:100%;
}
.cp-content legend{color:var(--gold3);font-family:Georgia,serif;padding:0 8px}

/* tabel di dalam konten */
.cp-content table{border-collapse:collapse;width:100%}
.cp-content table td,.cp-content table th{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.07);text-align:left;color:#eadfc8;vertical-align:middle}
.cp-content table th{color:var(--gold3);font-family:Georgia,serif}
/* tabel di dalam form: transparan (biar tidak dobel kartu) */
.cp-content form table,.cp-content form table td,.cp-content form table th{border:0;background:none;box-shadow:none;padding:6px 8px}

/* tombol submit/button -> hijau gold */
.cp-content input[type=submit],.cp-content button,.cp-content .submit,.cp-content input[type=button]{
  border:1px solid rgba(46,206,124,.75);border-radius:10px;padding:11px 22px;font-weight:800;cursor:pointer;width:auto;
  color:#eafff3;background:linear-gradient(180deg,#11945a,#063c2a);box-shadow:inset 0 1px rgba(255,255,255,.12),0 8px 20px rgba(0,0,0,.25)}
.cp-content input[type=submit]:hover,.cp-content button:hover{filter:brightness(1.08)}

/* pesan / notice / error */
.cp-content .message,.cp-content .notice,.cp-content .success,.cp-content p.message{margin:0 0 16px;padding:14px 16px;border-radius:14px;border:1px solid rgba(46,206,124,.6);background:rgba(15,122,73,.14);color:#caffee}
.cp-content .error,.cp-content .red,.cp-content p.error{border-color:rgba(209,80,80,.6)!important;background:rgba(209,80,80,.12)!important;color:#ffd0d0!important}

/* submenu / pagemenu / breadcrumbs */
.cp-content .submenu,.cp-content .pagemenu,.cp-content .submenu-path{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:0;list-style:none;align-items:center}
.cp-content .submenu a,.cp-content .pagemenu a{border:1px solid rgba(213,163,63,.4);border-radius:9px;padding:7px 13px;color:#f2dfbd;background:rgba(4,11,18,.6)}
.cp-content .submenu a:hover,.cp-content .pagemenu a:hover{border-color:var(--gold);color:#ffe5a7}
.cp-content .submenu-path{color:#bfa978}

/* security image (captcha) rapi */
.cp-content img{max-width:100%;border-radius:6px;vertical-align:middle}