:root{--ink:#17151a;--muted:#77747d;--line:#e9e5df;--paper:#f6f4f0;--card:#fff;--coral:#f36d61;--wine:#3d181d}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:#181619;color:#fff;padding:28px 20px;display:flex;flex-direction:column;z-index:3}.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.06em}.brand>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#ff8479,#d34549);font-family:'Playfair Display';font-size:23px}.brand small,.profile small{display:block;color:#8f8a91;font-size:9px;letter-spacing:.15em;margin-top:3px}.sidebar nav{margin-top:50px;display:grid;gap:8px}.nav{border:0;background:transparent;color:#9d999f;text-align:left;padding:13px 16px;border-radius:10px;font-size:15px;display:flex;gap:14px;cursor:pointer}.nav.active,.nav:hover{background:#302b30;color:#fff}.help{margin-top:auto;background:linear-gradient(145deg,#3c2227,#261c20);padding:17px;border:1px solid #4a3438;border-radius:14px}.help p{font-size:12px;color:#b8afb2;line-height:1.5}.help button{border:0;color:#ff9c90;background:transparent;padding:0;font-weight:600}.profile{display:flex;gap:10px;align-items:center;margin-top:20px;padding-top:18px;border-top:1px solid #302c31;font-size:12px}.profile>span:last-child{margin-left:auto}.avatar{width:35px;height:35px;background:#e26b5f;border-radius:50%;display:grid;place-items:center;font-weight:700}main{margin-left:246px;padding:0 40px 50px;max-width:1680px}header{height:105px;display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:10px;letter-spacing:.18em;color:#a39da4;font-weight:700;margin:0 0 7px}h1{font-family:'Playfair Display';font-size:29px;margin:0}h2{font-family:'Playfair Display';font-size:35px;margin:7px 0 12px}h3{margin:0;font-size:17px}.header-actions{display:flex;gap:10px}.icon,.primary,.light,.section-title button,.panel-head button{border:0;border-radius:10px;cursor:pointer}.icon{width:41px;background:#fff;border:1px solid var(--line)}.primary{background:var(--coral);color:#fff;padding:12px 18px;font-weight:700;box-shadow:0 5px 14px #f36d6133}.view{display:none}.view.active{display:block}.hero{height:260px;border-radius:20px;background:radial-gradient(circle at 78% 50%,#6b2f36 0,#3c171d 33%,#241217 67%);color:#fff;padding:32px 42px;overflow:hidden;display:flex;justify-content:space-between}.hero h2{font-size:35px;line-height:1.12}.hero p{color:#d2bfc2;font-size:13px}.pill{font-size:9px;letter-spacing:.12em;border:1px solid #80575c;padding:6px 9px;border-radius:30px}.light{margin-top:15px;background:#fff;color:#2a1b1e;padding:11px 16px;font-weight:700}.light span{margin-left:12px}.hero-art{position:relative;width:39%;height:100%}.phone{position:absolute;right:25%;top:-16px;width:135px;height:270px;border:6px solid #181416;border-radius:26px;background:linear-gradient(#1d1014aa,#471c23),url('../mobile/assets/posters/cinta-di-jakarta.png') center/cover;color:#fff;text-align:center;padding-top:145px;transform:rotate(7deg);box-shadow:0 20px 40px #0008}.phone b{font-family:'Playfair Display';font-size:17px;display:block}.phone small{font-size:9px}.hero-art i{position:absolute;width:70px;height:100px;border-radius:14px;background:#6c353b;transform:rotate(-14deg);left:10%;bottom:-20px;opacity:.5}.hero-art i:last-child{left:auto;right:-15px;top:20px;transform:rotate(22deg);background:#b95d58}.section-title{display:flex;justify-content:space-between;align-items:center;margin:30px 0 15px}.section-title button,.panel-head button{background:transparent;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.metrics article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:19px;display:flex;gap:13px}.metric-icon{width:39px;height:39px;border-radius:10px;display:grid;place-items:center;font-weight:700}.coral{background:#ffebe9;color:#e35449}.amber{background:#fff3db;color:#d6901e}.blue{background:#e6f2ff;color:#4b8ed1}.green{background:#e6f7ee;color:#2c9b63}.metrics small,.metrics em{display:block;color:var(--muted);font-size:11px;font-style:normal}.metrics strong{font-size:22px;display:inline-block;margin:4px 7px 0 0}.metrics strong i{font-size:12px;font-style:normal}.metrics em{display:inline}.metrics .up{color:#36a56d}.grid{display:grid;grid-template-columns:1.55fr 1fr;gap:15px;margin-top:15px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}.panel-head{display:flex;justify-content:space-between;align-items:start}.panel-head p{color:var(--muted);font-size:11px;margin:5px 0}.panel-head b{font-size:22px}.panel-head b small{font-size:10px;color:var(--muted)}.chart{height:205px;position:relative;padding:15px 0 25px 35px}.chart svg{width:100%;height:155px;overflow:visible}.line{fill:none;stroke:var(--coral);stroke-width:3}.area{fill:url(#fill)}.axis{position:absolute;inset:12px auto 26px 0;display:flex;flex-direction:column;justify-content:space-between;color:#aaa;font-size:9px}.days{display:flex;justify-content:space-between;color:#aaa;font-size:9px}.deal{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #efebe7}.deal:last-child{border:0}.deal div{flex:1}.deal strong,.deal small{display:block}.deal small{font-size:10px;color:var(--muted);margin-top:4px}.dot{width:35px;height:35px;border-radius:9px;display:grid;place-items:center}.green-bg{background:#eaf7ef;color:#30a266}.amber-bg{background:#fff4df;color:#db951c}.blue-bg{background:#edf2fb;color:#527dc2}.deal em{font-size:9px;font-style:normal;padding:5px 8px;border-radius:20px}.active-status{background:#eaf7ef;color:#29975b}.review-status{background:#fff2dc;color:#bd7713}.draft-status{background:#eeeef2;color:#696773}.content-list{margin-top:15px}.table-head,.content-row{display:grid;grid-template-columns:2fr .8fr .7fr 1fr .8fr;align-items:center;gap:15px}.table-head{font-size:9px;color:#9d99a0;padding:18px 0 8px}.content-row{border-top:1px solid #eeeae5;padding:12px 0;font-size:12px}.title-cell{display:flex;align-items:center;gap:10px}.poster{width:38px;height:48px;object-fit:cover;border-radius:6px}.status{color:#329961;background:#ebf8f0;border-radius:20px;padding:4px 8px;width:max-content}.content-row b{font-weight:600}.content-row small{display:block;color:#999}.empty-page,.upload-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:60px;text-align:center;min-height:540px}.empty-page>span{display:grid;place-items:center;margin:auto;width:70px;height:70px;border-radius:20px;background:#ffebe9;color:var(--coral);font-size:24px}.empty-page p{color:var(--muted);margin-bottom:25px}.upload-card{max-width:800px;margin:auto;text-align:left}.upload-card>p{text-align:center}.upload-card>h2{text-align:center}.dropzone{height:210px;border:2px dashed #dcd5ce;border-radius:16px;margin:30px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background:#faf9f7}.dropzone span{font-size:35px;color:var(--coral)}.dropzone small{color:#999;margin-top:7px}.dropzone input{display:none}.upload-form{display:grid;grid-template-columns:2fr 2fr 1fr;gap:12px;margin-bottom:20px}.upload-form label{font-size:11px;font-weight:700}.upload-form input{display:block;margin-top:7px;border:1px solid #ddd6ce;border-radius:9px;padding:12px;width:100%}.deal-options{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.deal-options article{background:#fff;border:1px solid var(--line);border-radius:17px;padding:28px}.deal-options article>span{font-size:26px;color:var(--coral)}.deal-options p{color:var(--muted);line-height:1.6;font-size:13px}.deal-options b{color:var(--coral);font-size:12px}@media(max-width:1050px){.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.hero-art{display:none}.hero{height:auto}.deal-options{grid-template-columns:1fr}}@media(max-width:720px){.sidebar{width:70px;padding:20px 10px}.brand div,.nav span,.help,.profile div:not(.avatar),.profile>span{display:none}.brand>span{margin:auto}.nav{justify-content:center}.profile{justify-content:center}.avatar{flex:none}main{margin-left:70px;padding:0 15px 30px}header{height:85px}.header-actions .icon{display:none}h1{font-size:22px}.metrics{grid-template-columns:1fr}.hero{padding:25px}.table-head{display:none}.content-row{grid-template-columns:2fr 1fr}.content-row>*:nth-child(3),.content-row>*:nth-child(4),.content-row>*:nth-child(5){display:none}.upload-form{grid-template-columns:1fr}}