:root{--stone-900:#1c2024;--stone-850:#21262b;--stone-800:#262b30;--stone-700:#3a4147;--ink:#ede7d9;--ink-dim:#a9a69b;--gold:#b8892f;--gold-bright:#d3a54a;--moss:#6e8f6e;--rust:#a25141;--divider:hsla(42,36%,89%,.12);--bg:#ede7d9;--bg-panel:#f6f2e7;--bg-sidebar:var(--stone-900);--text:#24211b;--text-dim:#6b665a;--border:#d8cfb8;--accent:#8a6420;--accent-bright:#a67a28;--positive:#4e6e52;--negative:#8f4536;--row-alt:#efe9db}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:IBM Plex Sans,sans-serif;-webkit-font-smoothing:antialiased}.display,h1,h2,h3{font-family:Zilla Slab,serif;font-weight:600;letter-spacing:.01em;margin:0}a{color:inherit}.shell{display:flex;min-height:100vh}.sidebar{width:220px;flex-shrink:0;background:var(--bg-sidebar);color:var(--ink);padding:22px 18px;display:flex;flex-direction:column;gap:20px}.brand{font-family:Zilla Slab,serif;font-weight:700;font-size:22px;color:var(--gold-bright);border-bottom:1px solid var(--divider);padding-bottom:14px}.brand .sub{display:block;font-family:IBM Plex Sans,sans-serif;font-size:11.5px;font-weight:400;color:var(--ink-dim);margin-top:2px}.navlist{display:flex;flex-direction:column;gap:2px;flex:1 1;list-style:none;margin:0;padding:0}.navlink{display:block;padding:9px 10px;border-radius:3px;font-size:14px;color:var(--ink-dim);text-decoration:none;border-left:2px solid transparent}.navlink:hover{color:var(--ink);background:hsla(42,36%,89%,.05)}.navlink.active{color:var(--gold-bright);background:rgba(184,137,47,.12);border-left-color:var(--gold-bright)}.logout-btn{all:unset;cursor:pointer;font-size:13px;color:var(--ink-dim);border:1px solid var(--divider);padding:8px 12px;text-align:center}.logout-btn:hover{color:var(--ink);border-color:var(--ink-dim)}main.content{flex:1 1;padding:30px 38px 60px;max-width:1040px}.page-head{border-bottom:1px solid var(--border);padding-bottom:16px;margin-bottom:24px}.page-head h1{font-size:26px}.ledger-row{display:flex;flex-wrap:wrap;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:30px}.ledger-cell{flex:1 1;min-width:150px;padding:16px 20px;border-left:1px solid var(--border)}.ledger-cell:first-child{border-left:none}.ledger-cell .label{font-size:12px;color:var(--text-dim);margin-bottom:6px}.ledger-cell .value{font-family:Zilla Slab,serif;font-size:24px;font-weight:600}.ledger-cell .value.positive{color:var(--positive)}.ledger-cell .value.negative{color:var(--negative)}table.data{width:100%;border-collapse:collapse;font-size:14px;margin-bottom:28px}table.data thead th{text-align:left;font-weight:500;font-size:12px;color:var(--text-dim);padding:9px 10px;border-bottom:1px solid var(--border)}table.data tbody td{padding:10px;border-bottom:1px solid var(--border)}table.data tbody tr:nth-child(2n){background:var(--row-alt)}.tag{display:inline-block;padding:2px 9px;font-size:11.5px;border:1px solid;border-radius:2px}.tag.aktif,.tag.standby,.tag.tersedia{color:var(--positive)}.tag.farming{color:var(--accent)}.tag.berakhir,.tag.nonaktif,.tag.selesai,.tag.terjual{color:var(--text-dim)}.panel{background:var(--bg-panel);border:1px solid var(--border);padding:18px 20px;margin-bottom:20px;max-width:420px}.panel.sell{border-left:3px solid var(--accent)}.panel h3{font-size:15px;margin-bottom:12px}.field-grid{display:grid;grid-gap:10px;gap:10px;margin-bottom:12px}label.field-label{display:block;font-size:12px;color:var(--text-dim);margin-bottom:4px}input,select,textarea{font-family:IBM Plex Sans,sans-serif;font-size:14px;padding:8px 10px;border:1px solid var(--border);background:var(--bg);color:var(--text);width:100%}textarea{resize:vertical;min-height:56px}.btn{cursor:pointer;font-family:IBM Plex Sans,sans-serif;font-size:13.5px;font-weight:500;padding:9px 18px;background:var(--accent);color:#1c2024;border:1px solid var(--accent)}.btn:hover{background:var(--accent-bright)}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn.ghost:hover{border-color:var(--accent);color:var(--accent)}.btn.small{padding:5px 12px;font-size:12px}.filter-bar{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;padding:12px 16px;border:1px solid var(--border);background:var(--bg-panel);margin-bottom:16px}.filter-bar label{font-size:12px;color:var(--text-dim)}.login-shell{max-width:360px;margin:90px auto;padding:0 16px}.login-shell h2{font-family:Zilla Slab,serif;margin-bottom:20px}.login-shell .hint{font-size:12px;color:var(--text-dim);margin-top:16px}.error-text{color:var(--negative);font-size:13px}.landing-body{min-height:100vh}.landing-body,.topnav{background:var(--stone-900);color:var(--ink)}.topnav{position:-webkit-sticky;position:sticky;top:0;z-index:20;padding:14px 5vw;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--divider)}.topnav .mark{font-family:Zilla Slab,serif;font-weight:700;font-size:20px;color:var(--gold-bright)}.topnav nav{display:flex;gap:20px;flex-wrap:wrap}.topnav nav a{font-size:13.5px;color:var(--ink-dim);text-decoration:none}.topnav nav a:hover{color:var(--ink)}.contact-row{display:flex;gap:8px}.btn-contact{flex:1 1;text-align:center;text-decoration:none;font-size:12px;font-weight:500;padding:8px 10px;border:none;color:#fff;display:flex;align-items:center;justify-content:center;gap:5px}.btn-contact.wa{background:#25d366}.btn-contact.wa:hover{background:#1fb959}.btn-contact.viber{background:#7360f2}.btn-contact.viber:hover{background:#6353de}.hero{background:linear-gradient(180deg,var(--stone-900) 0,var(--stone-850) 100%);color:var(--ink);padding:64px 5vw 56px;text-align:center}.hero .eyebrow{font-size:12.5px;color:var(--gold-bright);letter-spacing:.06em;margin-bottom:12px}.hero h1{font-size:clamp(28px,5vw,44px);line-height:1.15;max-width:760px;margin:0 auto 16px}.hero p{font-size:15px;color:var(--ink-dim);max-width:540px;margin:0 auto 26px}.hero .actions{gap:12px}.hero .actions,.stat-strip{display:flex;justify-content:center;flex-wrap:wrap}.stat-strip{gap:44px;margin-top:42px;padding-top:24px;border-top:1px solid var(--divider)}.stat-strip .stat{text-align:center}.stat-strip .stat .num{font-family:Zilla Slab,serif;font-size:24px;color:var(--gold-bright)}.stat-strip .stat .lbl{font-size:12px;color:var(--ink-dim);margin-top:2px}.landing-main{max-width:1080px;margin:0 auto;padding:56px 5vw;background:var(--stone-900)}.catalog-section{margin-bottom:64px;scroll-margin-top:76px}.section-head{margin-bottom:24px}.section-head .kicker{font-size:12px;color:var(--gold-bright);letter-spacing:.05em;margin-bottom:6px}.section-head h2{font-size:24px;margin-bottom:6px;color:var(--ink)}.section-head p{font-size:14px;color:var(--ink-dim);max-width:540px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:16px;gap:16px}.pcard{background:var(--stone-850);border:1px solid var(--stone-700);display:flex;flex-direction:column;overflow:hidden}.pcard .media{height:100px;background:var(--stone-800);display:flex;align-items:center;justify-content:center;font-family:Zilla Slab,serif;font-size:30px;color:var(--gold-bright);border-bottom:1px solid var(--stone-700)}.pcard .media img{width:100%;height:100%;object-fit:cover}.pcard .body{padding:14px;flex:1 1;display:flex;flex-direction:column;gap:7px}.pcard h3{font-size:15px;color:var(--ink)}.pcard .meta{font-size:12px;color:var(--ink-dim);line-height:1.5}.pcard .price-row{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:9px;border-top:1px solid var(--stone-700)}.pcard .price{font-family:Zilla Slab,serif;font-size:17px;color:var(--gold-bright)}.pcard .badge{font-size:10.5px;padding:2px 7px;border:1px solid var(--moss);color:var(--moss)}.empty-note{font-size:13.5px;color:var(--ink-dim);padding:22px;border:1px dashed var(--stone-700);text-align:center}.package-card{background:var(--stone-850);color:var(--ink);padding:36px;display:grid;grid-template-columns:1.1fr 1fr;grid-gap:32px;gap:32px;align-items:center;border:1px solid var(--stone-700)}.package-card .kicker{color:var(--gold-bright);font-size:12px;letter-spacing:.05em;margin-bottom:8px}.package-card h3{font-size:22px;margin-bottom:10px}.package-card p.lead{color:var(--ink-dim);font-size:14px;margin-bottom:18px}.package-card ul{list-style:none;padding:0;margin:0 0 20px;display:grid;grid-gap:9px;gap:9px}.package-card ul li{font-size:13.5px;display:flex;gap:9px;align-items:flex-start;color:var(--ink)}.package-card ul li:before{content:"◆";color:var(--gold-bright);font-size:9px;margin-top:4px}.price-panel{background:var(--stone-900);border:1px solid var(--divider);padding:26px;text-align:center}.price-panel .price-big{font-family:Zilla Slab,serif;font-size:36px;color:var(--gold-bright)}.price-panel .price-sub{font-size:12px;color:var(--ink-dim);margin-bottom:16px}.price-panel .price-note{font-size:11.5px;color:var(--ink-dim);margin-top:12px}.landing-footer{background:var(--stone-900);color:var(--ink-dim);padding:36px 5vw 40px;font-size:12.5px;text-align:center;border-top:1px solid var(--divider)}.landing-footer .mark{color:var(--gold-bright);font-family:Zilla Slab,serif;font-size:17px;margin-bottom:6px;display:block}.landing-footer .foot-links{display:flex;gap:16px;justify-content:center;margin:12px 0;flex-wrap:wrap}.landing-footer .foot-links a{text-decoration:none;color:var(--ink-dim)}.landing-footer .foot-links a:hover{color:var(--ink)}@media (max-width:720px){.package-card{grid-template-columns:1fr;padding:26px}.shell{flex-direction:column}.sidebar{width:100%;align-items:center}.navlist,.sidebar{flex-direction:row;flex-wrap:wrap}}