:root{font-family:DM Sans,sans-serif;color:#e9edf7;background:#0b101b;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.6}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:Space Grotesk,sans-serif}.app{display:flex;min-height:100vh}.sidebar{width:250px;flex-shrink:0;background:#0d1320;border-right:1px solid #222a3a;padding:28px 16px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.7px;font-size:19px;padding:0 10px}.brandicon{display:grid;place-items:center;background:#b5f36a;color:#10161c;border-radius:10px;width:34px;height:34px;font-weight:800}.branddot,.accent{color:#b5f36a}.sidecaption{font-size:10px;color:#68778f;letter-spacing:2px;padding:14px 11px 36px}.sidecaption span{float:right;letter-spacing:0}.navlabel{color:#68778f;font-size:10px;letter-spacing:1.5px;padding:0 14px 12px}nav{display:grid;gap:5px}.navitem{display:flex;align-items:center;gap:13px;width:100%;background:transparent;border:0;color:#8e9bb0;text-align:left;padding:12px 14px;border-radius:9px;font-size:13px;font-weight:600}.navitem:hover,.navitem.active{background:#202d2a;color:#c5f48e}.navitem.active{border:1px solid #39543a}.navcount{margin-left:auto;color:#647488}.sidebottom{margin-top:auto}.online{padding:18px 12px;font-size:12px;color:#9ca9bc}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px}.green{background:#a5ee78}.amber{background:#e8b85d}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid #252d3d;padding:20px 5px 0}.avatar,.topavatar{background:#283347;border:1px solid #40506a;border-radius:50%;height:36px;width:36px;display:grid;place-items:center;font-size:11px;font-weight:700}.profile strong,.profile small{display:block;font-size:12px}.profile small{color:#738197;margin-top:3px}.profile .iconbutton{margin-left:auto}.main{flex:1;min-width:0}.topbar{height:76px;border-bottom:1px solid #202a39;display:flex;align-items:center;justify-content:space-between;padding:0 48px}.crumb{display:flex;align-items:center;gap:12px;color:#64758e;font-size:10px;font-weight:700;letter-spacing:1.3px}.crumb b{color:#d8e1ef}.clickable{cursor:pointer}.topright{display:flex;align-items:center;gap:22px}.envpill{border:1px solid #2d4035;color:#a6d4a0;border-radius:20px;padding:9px 12px;font-size:10px;letter-spacing:1px}.topavatar{width:32px;height:32px}.content{padding:43px 48px;max-width:1600px;margin:auto}.pagehead{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:36px}.eyebrow{color:#a5ec72;font-size:10px;font-weight:800;letter-spacing:2.3px;margin-bottom:12px}.pagehead h1{font-size:40px;letter-spacing:-1.6px;margin-bottom:8px}.pagehead p,.sectionhead p{color:#7e8ba2;font-size:13px;margin-bottom:0}.primary,.secondary{border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 16px;font-weight:700;font-size:12px;white-space:nowrap}.primary{border:1px solid #b5f36a;background:#b5f36a;color:#142015}.primary:hover{background:#d1ff9c}.secondary{border:1px solid #344054;background:#192231;color:#d6deed}.secondary:hover{background:#243247}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:47px}.stat{border:1px solid #263042;border-radius:12px;background:#121b29;padding:23px}.stat span,.stat small{display:block;color:#8291a8;font-size:10px;letter-spacing:1px}.stat strong{display:block;font-family:Space Grotesk;font-size:36px;margin:12px 0 8px}.stat small{letter-spacing:0;font-size:11px}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.sectionhead h2{font-size:20px;margin:0 0 5px}.textbutton{border:0;background:none;color:#b5f36a;display:flex;gap:5px;align-items:center;font-size:12px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.production{background:#151e2d;border:1px solid #293446;border-radius:12px;padding:0;overflow:hidden;text-align:left;color:inherit}.production:hover,.newcard:hover{border-color:#a5ed78}.poster{height:156px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;background:radial-gradient(circle at 65% 45%,#434f6a,#1a243a 70%)}.poster1{background:radial-gradient(circle at 65% 45%,#53455b,#1b1d36 70%)}.poster span{font-size:8px;letter-spacing:2px;color:#aebcd3}.productioninfo{padding:17px}.badge{background:#29362b;color:#a7de98;padding:6px 9px;border-radius:6px;font-size:10px;white-space:nowrap}.production h3{margin:17px 0 5px;font-size:16px}.production p{color:#7e8ba2;font-size:11px}.cardfooter{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #2a3445;padding-top:14px;color:#b5f36a;font-size:11px}.newcard{border:1px dashed #39465a;background:transparent;border-radius:12px;min-height:295px;color:#a9b7ca;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px}.newcard b{color:#e7edf8;font-size:13px}.newcard span{font-size:11px}.bottomnote{margin-top:38px;background:#17231f;border:1px solid #2d4935;border-radius:11px;padding:21px;display:flex;gap:17px;color:#aee580}.bottomnote strong{font-size:13px}.bottomnote p{color:#95a99a;font-size:12px;margin:6px 0 0}.tablepanel{border:1px solid #293447;border-radius:12px;overflow:hidden;background:#131b29}.tablehead{display:flex;justify-content:space-between;background:#182231;padding:17px 20px;font-size:11px;letter-spacing:1px}.tablehead span{color:#8290a7}.row{display:flex;align-items:center;gap:17px;padding:16px 20px;border:0;border-top:1px solid #263143;background:transparent;color:#dbe4f2;width:100%;text-align:left}.row:hover{background:#1b2636}.rowicon{height:37px;width:37px;display:grid;place-items:center;background:#26354a;border-radius:8px;color:#b4ef82}.rowmain{flex:1;min-width:0}.rowmain strong,.rowmain small{display:block}.rowmain strong{font-size:13px}.rowmain small{color:#7f8ea4;margin-top:5px;font-size:11px}.empty{padding:50px;text-align:center;color:#7d8ba1;font-size:13px}.emptybig{display:grid;place-items:center;gap:12px;text-align:center;padding:120px 10px;color:#8d9bb0}.emptybig h2{color:#e7edf7;margin:0}.emptybig p{margin:0 0 10px}.toolbar{display:flex;align-items:center;gap:12px;border:1px solid #293447;border-radius:9px;background:#141e2b;margin-bottom:18px;padding:13px 17px;color:#8796ab}.toolbar input{flex:1;border:0;outline:0;background:none;color:#e5edf8}.toolbar span{font-size:10px;letter-spacing:1px}.back{display:flex;align-items:center;gap:7px;border:0;background:none;color:#8b9ab0;font-size:10px;letter-spacing:1px;margin-bottom:24px;padding:0}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.mini{padding:8px 11px}.iconbutton{border:0;background:transparent;color:#8492a8;padding:6px}.danger:hover{color:#ff8e8e}.infogrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.info{border:1px solid #2c384b;background:#151e2d;padding:28px;border-radius:12px}.info svg{color:#b5f36a}.info h2{font-size:18px;margin:22px 0 12px}.info p{font-size:13px;color:#9ba9bb;line-height:1.7}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#02060ccc;display:flex;align-items:center;justify-content:center;z-index:10;padding:15px}.dialog{width:min(540px,100%);max-height:94vh;overflow:auto;background:#172131;border:1px solid #3a485e;border-radius:15px;padding:32px;box-shadow:0 20px 100px #0008}.dialog h2{font-size:27px;margin-bottom:7px}.dialog p{color:#92a0b4;font-size:13px;margin-bottom:24px}.dialog label,.authcard label{display:block;font-size:12px;color:#c9d4e3;margin:18px 0}.dialog input,.dialog textarea,.dialog select,.authcard input{display:block;width:100%;margin-top:8px;padding:12px 13px;background:#0f1724;border:1px solid #344258;border-radius:7px;color:#f1f5fc;outline:0}.dialog textarea{resize:vertical}.dialogactions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.toast{position:fixed;bottom:25px;right:25px;background:#b5f36a;color:#18201a;padding:15px 20px;border-radius:9px;z-index:20}.banner{background:#41351b;border:1px solid #866c30;color:#f8d78c;padding:13px 18px;border-radius:8px;margin-bottom:28px;font-size:12px}.authbg{min-height:100vh;background:radial-gradient(circle at 70% 20%,#25372d,#0b101b 60%);display:grid;place-items:center}.authcard{width:min(430px,92vw);background:#131c2a;border:1px solid #344154;border-radius:16px;padding:38px}.authcard .brand{padding:0;margin-bottom:45px}.authcard h1{font-size:35px;letter-spacing:-1px}.authcard p{color:#90a0b5;font-size:13px}.authcard small{display:block;text-align:center;color:#718096;margin-top:20px}.wide{width:100%;margin-top:10px}.error{color:#ff9a9a;font-size:12px}.upload{cursor:pointer}@media(max-width:1100px){.stats,.cards{grid-template-columns:repeat(2,1fr)}.topbar{padding:0 25px}.content{padding:30px 25px}}@media(max-width:750px){.sidebar{width:65px;padding:20px 8px}.sidebar .brand span:not(.brandicon),.sidecaption,.navlabel,.navitem:not(.active) .navcount,.navitem{font-size:0}.navitem{justify-content:center;padding:13px}.navitem svg{min-width:18px}.sidebottom{display:none}.pagehead{align-items:flex-start;flex-direction:column}.pagehead h1{font-size:32px}.stats,.cards,.infogrid{grid-template-columns:1fr}.topbar{height:60px}.content{padding:25px 15px}.envpill{display:none}.actions{width:100%}.actions button{flex:1}}.brand{gap:12px;padding:0 5px;font-size:19px;letter-spacing:.3px}.gempak-logo{display:block;width:66px;height:66px;object-fit:contain;flex-shrink:0}.brand-name{font-size:17px;white-space:nowrap;letter-spacing:1px}.authcard .gempak-logo{width:78px;height:78px}.user-avatar{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#fff;flex-shrink:0;font-size:12px;font-weight:700;border:2px solid #101722;box-shadow:0 0 0 1px #fff2}.user-avatar.small{width:29px;height:29px;font-size:10px}.profile-name{min-width:0}.profile-name strong{overflow:hidden;text-overflow:ellipsis;max-width:125px}.topright{gap:14px}.presence{position:relative}.presence-toggle{border:1px solid #344054;border-radius:24px;background:#151e2d;color:#dbe4f2;padding:6px 10px;display:flex;align-items:center;gap:5px;font-size:11px;white-space:nowrap}.presence-toggle .dot{margin-right:2px}.avatar-stack{display:flex;padding-left:4px}.avatar-stack .user-avatar+.user-avatar{margin-left:-8px}.presence-panel{position:absolute;right:0;top:48px;z-index:8;width:280px;border:1px solid #344054;border-radius:12px;padding:18px;background:#172131;box-shadow:0 12px 40px #0008}.presence-panel strong{font-size:13px}.presence-panel p{font-size:11px;color:#9aa9bd;line-height:1.5;margin:8px 0 14px}.presence-person{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:12px}.presence-person span:nth-child(2){flex:1;overflow:hidden;text-overflow:ellipsis}.save-status{font-size:12px;color:#b5f36a;margin:12px 0;padding:10px 12px;border:1px solid #354a36;border-radius:8px;background:#172820}.save-status.error,.save-status.conflict,.save-status.title{color:#ffd3a1;border-color:#72552c;background:#382b1d}.save-status.unsaved,.save-status.saving{color:#c3d4ef;background:#18273d;border-color:#344866}.entry-dialog{width:min(760px,100%)}.entry-dialog textarea{line-height:1.7;min-height:260px}.entry-dialog .dialogactions{flex-wrap:wrap}.entry-dialog p.error{color:#ffb4b4}.recovery{padding:12px;background:#29344a;border-radius:8px}.recovery p{margin:0 0 10px}.row{flex-wrap:wrap}.rowmain{min-width:160px}.crumb{overflow:hidden}.crumb span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.authcard .brand{margin-bottom:30px}@media(max-width:750px){.sidebar .brand{padding:0;justify-content:center}.sidebar .gempak-logo{width:46px;height:46px}.sidebar .brand-name{display:none}.topbar{padding:0 12px;gap:8px}.topright{gap:8px}.presence-toggle{font-size:10px;padding:5px 7px}.avatar-stack{display:none}.user-avatar{width:30px;height:30px;font-size:10px}.crumb{letter-spacing:.5px;gap:5px;font-size:8px}.presence-panel{right:-38px;width:min(280px,80vw)}.dialog{padding:22px}.row{gap:9px}.rowmain{min-width:130px}.entry-dialog .dialogactions button{white-space:normal}}