:root{--pink:#ef3b8f;--pink2:#ff7bbb;--blue:#56bdf2;--gold:#eebd4c;--ink:#173354;--muted:#698099;--bg:#f7fbff;--card:#fff;--line:#dceaf4;--shadow:0 18px 45px rgba(40,81,120,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(135deg,#fff7fc 0,#f4fbff 46%,#fffaf0 100%);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}.glow{position:fixed;border-radius:50%;filter:blur(70px);opacity:.2;pointer-events:none;z-index:-1}.glow-one{width:360px;height:360px;background:#ff61ad;left:-100px;top:80px}.glow-two{width:420px;height:420px;background:#54c8ff;right:-140px;top:360px}.site-header,.admin-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1220px)/2));background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:14px;color:inherit;text-decoration:none}.brand img{width:142px;height:58px;object-fit:contain}.brand span{display:flex;flex-direction:column}.brand b{font-size:1rem;letter-spacing:.04em}.brand small{color:var(--muted);font-size:.72rem;margin-top:3px}.header-actions{display:flex;align-items:center;gap:10px}.clock{font-weight:800;font-size:.78rem;background:#eef9ff;border:1px solid #cdeafa;color:#1a75a4;padding:10px 14px;border-radius:999px}.theme-button,.secondary{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:10px;padding:10px 13px;cursor:pointer;font-weight:800}main{max-width:1220px;margin:auto;padding:28px 20px 70px}.hero{min-height:290px;border-radius:28px;padding:48px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative;background:linear-gradient(115deg,#f6328c 0%,#ff70af 46%,#72cbf5 100%);box-shadow:0 24px 60px rgba(226,47,135,.23);color:#fff}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.3)}.hero:before{width:350px;height:350px;right:90px;top:-180px}.hero:after{width:230px;height:230px;right:-65px;bottom:-100px}.hero>div:first-child{max-width:720px;position:relative;z-index:2}.eyebrow{font-size:.75rem;font-weight:900;letter-spacing:.16em}.hero h1{font-size:clamp(2.1rem,5vw,4.3rem);line-height:1;margin:16px 0}.hero h1 em{font-style:normal;color:#fff2a7;text-shadow:0 3px 0 #bd6d00}.hero p{max-width:650px;line-height:1.7;margin:0;color:#fff9fd}.hero-orb{width:155px;height:155px;flex:0 0 155px;margin-left:25px;border-radius:50%;background:rgba(255,255,255,.18);border:2px solid rgba(255,255,255,.38);display:grid;place-content:center;text-align:center;box-shadow:inset 0 0 30px rgba(255,255,255,.24)}.hero-orb b{font-size:3.8rem;line-height:.9}.hero-orb span{font-weight:900;font-size:.78rem;margin-top:8px}.notice{display:flex;align-items:center;gap:15px;margin:18px 0;padding:15px 18px;border:1px solid #f5dda0;border-radius:14px;background:#fff9e8;font-size:.8rem}.notice b{white-space:nowrap;color:#9a6800}.market-nav{display:flex;gap:8px;overflow:auto;padding:11px 2px 16px;scrollbar-width:thin}.market-nav a{white-space:nowrap;text-decoration:none;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:10px 15px;font-size:.78rem;font-weight:800;box-shadow:0 6px 18px rgba(39,89,126,.07)}.market-nav a:hover{color:#fff;border-color:var(--pink);background:var(--pink)}.status-strip{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 16px;margin-bottom:18px}.status-strip div{display:flex;flex-direction:column}.status-strip span{font-size:.68rem;color:var(--muted);text-transform:uppercase;font-weight:800}.status-strip b{margin-top:4px;font-size:.86rem}.status-strip button,.admin-content button,.login-card button{border:0;border-radius:10px;background:linear-gradient(135deg,var(--pink),#d82478);color:#fff;padding:11px 16px;font-weight:900;cursor:pointer}.market-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.market-card{background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);overflow:hidden;scroll-margin-top:105px}.market-head{display:flex;align-items:center;padding:19px;border-bottom:1px solid var(--line);gap:12px}.market-icon{width:45px;height:45px;border-radius:14px;display:grid;place-content:center;background:linear-gradient(145deg,#ffe0ef,#e8f7ff);font-size:1.35rem}.market-head h2{margin:0 0 3px;font-size:1.1rem}.market-head p{margin:0;color:var(--muted);font-size:.7rem}.source-badge{margin-left:auto;font-size:.6rem;font-weight:900;border-radius:999px;padding:6px 9px}.source-badge.auto{background:#e5faef;color:#087d49}.source-badge.manual{background:#fff3d8;color:#9b6900}.result-panel{display:grid;grid-template-columns:1.45fr 1fr;background:linear-gradient(110deg,#fff5fa,#f1faff);border-bottom:1px solid var(--line)}.result-panel>div{padding:17px 19px}.result-panel>div:first-child{border-right:1px solid var(--line)}.result-panel span,.prediction-group>span,.prediction-mini span{display:block;font-size:.62rem;font-weight:900;color:var(--muted);letter-spacing:.07em;text-transform:uppercase}.result-panel b{display:flex;gap:5px;margin:8px 0}.result-panel i{font-style:normal;display:grid;place-content:center;width:31px;height:39px;border-radius:8px;background:linear-gradient(160deg,var(--pink2),var(--pink));color:#fff;font-size:1.2rem;box-shadow:0 5px 12px rgba(239,59,143,.25)}.result-panel small{color:var(--muted);font-size:.68rem}.next-box b{display:block;color:#1987bd;font-size:1.05rem}.prediction-title{display:flex;justify-content:space-between;align-items:center;padding:15px 19px;background:#173354;color:#fff}.prediction-title div{display:flex;flex-direction:column}.prediction-title span{font-size:.65rem;opacity:.75}.prediction-title b{font-size:.84rem;margin-top:2px}.prediction-title>span{background:rgba(255,255,255,.13);padding:6px 8px;border-radius:8px}.prediction-body{padding:17px 19px}.prediction-group{display:grid;grid-template-columns:56px 1fr;align-items:center;margin-bottom:11px}.bbfs{font-size:1.5rem;letter-spacing:.26em;color:var(--pink)}.chips{display:flex;gap:6px;flex-wrap:wrap}.chips b{background:#eff8fe;border:1px solid #cce9f8;color:#126b98;border-radius:8px;padding:7px 9px;font-size:.78rem}.prediction-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.prediction-mini div{background:#fff8e8;border:1px solid #f5e0ab;border-radius:10px;padding:9px}.prediction-mini b{display:block;margin-top:5px;color:#ae6700;font-size:.88rem}.prediction-empty{text-align:center;color:var(--muted);padding:24px}.history{display:flex;gap:8px;align-items:center;padding:12px 19px;background:#fafcff;border-top:1px solid var(--line);font-size:.7rem;overflow:auto}.history span{color:var(--muted)}.history b{background:#fff;border:1px solid var(--line);padding:5px 7px;border-radius:6px}.source-link{display:block;text-align:right;padding:9px 19px;color:#1b82b5;font-size:.68rem;text-decoration:none}.loading,.error-box{grid-column:1/-1;padding:55px;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:18px}.error-box button{display:block;margin:12px auto 0}footer{display:flex;align-items:center;gap:18px;padding:30px max(20px,calc((100% - 1220px)/2));background:#132f4d;color:#dce9f4}footer img{width:100px}footer p{font-size:.72rem;flex:1}footer a{color:#fff;font-size:.72rem}.admin-page{background:#eef6fc}.admin-shell{min-height:100vh}.admin-header{padding-left:32px;padding-right:32px}.login-card{max-width:420px;margin:80px auto;background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:var(--shadow)}.login-card h1{margin-top:0}.login-card p{color:var(--muted)}.login-card form,.admin-card form{display:grid;gap:13px}.login-card label,.admin-card label{display:grid;gap:6px;font-size:.73rem;font-weight:800}.login-card input,.admin-card input,.admin-card select{width:100%;border:1px solid #ccdeeb;border-radius:9px;padding:12px;font:inherit;color:var(--ink);background:#fff}.form-message{min-height:18px;color:#c42b65!important;font-size:.75rem}.admin-content{max-width:1180px;margin:auto;padding:30px 20px 70px}.admin-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.admin-intro h1{margin:0}.admin-intro p{color:var(--muted);margin:5px 0}.admin-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:20px;margin-bottom:20px}.admin-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 12px 35px rgba(33,78,112,.08)}.admin-card h2{font-size:1.05rem;margin-top:0}.source-list{display:grid}.source-list>div{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.source-list span{display:flex;flex-direction:column}.source-list small{color:var(--muted);max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-list i{font-style:normal;font-size:.65rem;font-weight:900;padding:6px 8px;border-radius:999px}.source-list i.ok{background:#e5faef;color:#087d49}.source-list i.warn{background:#fff3d8;color:#9b6900}.section-title{display:flex;align-items:center;justify-content:space-between}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.76rem}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}th{color:var(--muted)}.result-cell{font-size:1rem;font-weight:900;color:var(--pink)}body.dark{--ink:#ecf5ff;--muted:#a6bdd1;--bg:#0f2438;--card:#162f48;--line:#294b66;background:linear-gradient(135deg,#172b40,#11263b)}body.dark .site-header,body.dark .market-nav a,body.dark .status-strip,body.dark .market-card{background:var(--card)}body.dark .result-panel,body.dark .history{background:#193650}body.dark .chips b{background:#173f5b;border-color:#2d607d;color:#94dcff}body.dark .notice{background:#3d3520;border-color:#665528;color:#fff}body.dark .notice b{color:#ffd878}@media(max-width:800px){.site-header{height:auto;padding:12px 16px}.brand img{width:100px;height:42px}.brand span{display:none}.clock{display:none}.hero{padding:30px 24px;min-height:250px}.hero-orb{display:none}.market-grid,.admin-grid{grid-template-columns:1fr}.prediction-mini{grid-template-columns:repeat(2,1fr)}.status-strip{grid-template-columns:1fr 1fr}.status-strip button{grid-column:1/-1}.admin-intro{align-items:flex-start;gap:12px}.result-panel{grid-template-columns:1fr}.result-panel>div:first-child{border-right:0;border-bottom:1px solid var(--line)}}@media(max-width:430px){main{padding-left:12px;padding-right:12px}.hero h1{font-size:2rem}.hero p{font-size:.8rem}.result-panel i{width:28px}.prediction-group{grid-template-columns:1fr;gap:7px}.admin-header{padding:10px 16px}}

/* PASARAN BESAR SATU BARIS */
.market-nav {
    display: grid !important;
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    gap: 10px !important;
    overflow: visible !important;
    padding: 14px 0 20px !important;
}

.market-nav a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 62px;
    padding: 14px 8px !important;
    border-radius: 15px !important;
    text-align: center;
    font-size: 14px !important;
    font-weight: 900 !important;
    box-shadow: 0 9px 24px rgba(39, 89, 126, .11) !important;
}

@media (max-width: 900px) {
    .market-nav {
        display: flex !important;
        overflow-x: auto !important;
        scrollbar-width: thin;
    }

    .market-nav a {
        flex: 0 0 145px;
        min-height: 56px;
    }
}
/* ADMIN RESULT EDITOR */
.submit-result-card {
    margin-bottom: 20px;
}

.result-inline-form {
    display: grid !important;
    grid-template-columns:
        minmax(180px,1.2fr)
        minmax(150px,.8fr)
        minmax(180px,1fr)
        auto
        auto;
    gap: 12px !important;
    align-items: end;
}

.result-inline-form label {
    margin: 0;
}

.result-inline-form button {
    min-height: 43px;
    white-space: nowrap;
}

.edit-result-button {
    padding: 8px 15px !important;
    border-radius: 8px !important;
    background: linear-gradient(135deg,#ef3b8f,#d82478) !important;
    color: white !important;
    cursor: pointer;
}

.result-list-card {
    margin-top: 0;
}

@media (max-width: 850px) {
    .result-inline-form {
        grid-template-columns: 1fr !important;
    }

    .result-inline-form button {
        width: 100%;
    }
}
.hero-login{
  position:relative;
  z-index:3;
  min-width:190px;
  margin-left:30px;
  padding:18px 34px;
  border:2px solid rgba(255,255,255,.75);
  border-radius:16px;
  background:linear-gradient(135deg,#ffffff,#fff2a7);
  color:#d82478;
  text-align:center;
  text-decoration:none;
  font-size:1.35rem;
  font-weight:1000;
  letter-spacing:.08em;
  box-shadow:0 14px 35px rgba(83,30,82,.25);
  transition:.2s ease;
}
.hero-login:hover{
  transform:translateY(-3px) scale(1.03);
  box-shadow:0 18px 40px rgba(83,30,82,.35);
}
@media(max-width:800px){
  .hero-login{
    min-width:130px;
    margin:22px 0 0;
    padding:14px 25px;
    font-size:1rem;
  }
  .hero{
    flex-direction:column;
    align-items:flex-start;
  }
}
/* UNYIL4D-BRIGHT-BLING */
body:not(.dark){
  background:
    radial-gradient(circle at 8% 12%,rgba(255,160,216,.38),transparent 28%),
    radial-gradient(circle at 92% 35%,rgba(75,198,255,.38),transparent 32%),
    linear-gradient(135deg,#eaf8ff 0%,#f7edff 48%,#e5f8ff 100%);
  background-attachment:fixed;
}

.site-header{
  background:rgba(255,255,255,.93);
  box-shadow:0 7px 28px rgba(78,163,213,.15);
}

.hero{
  background:linear-gradient(
    115deg,
    #ff3f9a 0%,
    #ff76bb 30%,
    #a98fe7 60%,
    #5fcdf7 100%
  );
  background-size:220% 220%;
  animation:unyilGradient 7s ease infinite;
  border:1px solid rgba(255,255,255,.75);
  box-shadow:
    0 24px 60px rgba(58,172,230,.25),
    0 0 30px rgba(255,82,167,.22),
    inset 0 1px 0 rgba(255,255,255,.8);
}

.hero-login{
  background:linear-gradient(135deg,#ffffff,#fff5b9,#ffffff);
  background-size:220% 100%;
  border:2px solid #fff;
  color:#e32680;
  box-shadow:
    0 12px 35px rgba(73,101,177,.28),
    0 0 22px rgba(255,246,167,.65);
  animation:loginShine 2.8s linear infinite;
}

.market-nav a{
  border:1px solid rgba(130,205,241,.7);
  background:linear-gradient(145deg,#ffffff,#eefaff);
  box-shadow:
    0 8px 20px rgba(47,151,207,.12),
    inset 0 1px 0 #fff;
  transition:.2s ease;
}

.market-nav a:hover{
  transform:translateY(-3px);
  background:linear-gradient(135deg,#ff4b9d,#6cccf4);
  box-shadow:0 12px 25px rgba(61,164,218,.28);
}

.market-card{
  position:relative;
  border:1px solid rgba(153,214,242,.85);
  background:rgba(255,255,255,.96);
  box-shadow:
    0 18px 42px rgba(49,143,196,.14),
    0 0 22px rgba(255,103,180,.08);
}

.market-card::before{
  content:"";
  position:absolute;
  z-index:4;
  top:0;
  left:-80%;
  width:45%;
  height:100%;
  pointer-events:none;
  background:linear-gradient(
    110deg,
    transparent,
    rgba(255,255,255,.48),
    transparent
  );
  transform:skewX(-18deg);
  animation:cardBling 6s ease-in-out infinite;
}

.market-icon{
  color:#f2b900;
  font-size:1.55rem;
  background:linear-gradient(145deg,#fff8c7,#ffe2f2,#dff7ff);
  border:1px solid rgba(255,211,67,.65);
  box-shadow:
    0 7px 18px rgba(238,189,76,.2),
    inset 0 0 12px rgba(255,255,255,.9);
  animation:starGlow 2s ease-in-out infinite alternate;
}

.result-panel{
  background:linear-gradient(110deg,#fff7fc,#eaf8ff);
}

.result-panel i{
  background:linear-gradient(160deg,#ff82c2,#ee338d);
  box-shadow:
    0 5px 13px rgba(239,59,143,.28),
    0 0 10px rgba(255,101,183,.18);
}

.prediction-title{
  background:linear-gradient(110deg,#183b68,#205b89);
}

.chips b{
  background:linear-gradient(145deg,#f7fcff,#e3f5ff);
  box-shadow:0 3px 9px rgba(57,158,211,.1);
}

@keyframes unyilGradient{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}

@keyframes loginShine{
  0%{background-position:200% 0}
  100%{background-position:-200% 0}
}

@keyframes cardBling{
  0%,65%{left:-80%;opacity:0}
  72%{opacity:1}
  100%{left:140%;opacity:0}
}

@keyframes starGlow{
  from{
    transform:scale(1);
    filter:drop-shadow(0 0 2px #ffd84d);
  }
  to{
    transform:scale(1.08);
    filter:drop-shadow(0 0 8px #ffc400);
  }
}

@media(max-width:800px){
  .market-card::before{
    animation-duration:8s;
  }
}