*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#020202;color:#f4f4f4}body{overflow-x:hidden}.dot-bg{position:fixed;inset:0;z-index:-1;background:#000;overflow:hidden}.dot-bg:before{content:"";position:absolute;width:1450px;height:900px;left:50%;top:40%;transform:translate(-50%,-50%) rotate(-7deg);background-image:radial-gradient(rgba(255,255,255,.7) 1px,transparent 1.4px);background-size:7px 7px;mask-image:radial-gradient(ellipse,black 0%,rgba(0,0,0,.75) 45%,transparent 74%);-webkit-mask-image:radial-gradient(ellipse,black 0%,rgba(0,0,0,.75) 45%,transparent 74%);opacity:.85}.topbar{height:72px;max-width:1140px;margin:auto;padding:0 18px;display:flex;align-items:center;justify-content:space-between}.brand{color:#fff;text-decoration:none;display:flex;align-items:center;gap:11px}.brand .logo,.mini-brand span{font-size:28px;color:#f1d000;filter:drop-shadow(0 0 8px rgba(241,208,0,.2))}.brand strong{display:block;font-size:17px;letter-spacing:.2px}.brand small{display:block;color:#777;font-size:10px;margin-top:1px}.topbar nav,.admin-actions{display:flex;gap:8px;align-items:center}.nav-btn{color:#000;text-decoration:none;border:1px solid #555;border-radius:7px;background:#ffc800;padding:9px 14px;font-size:13px}.nav-btn:hover{border-color:#aaa;background:#101010}.shell{width:min(1024px,calc(100% - 28px));margin:30px auto 70px}.shell.narrow{max-width:740px}.title-row{margin:25px 2px 24px}.eyebrow{font-size:10px;letter-spacing:2px;color:#888;font-weight:800;margin-bottom:8px}.title-row h1,.admin-heading h1{font-size:42px;line-height:1.08;margin:0 0 8px;letter-spacing:-1.3px}.title-row p,.admin-heading p{color:#8a8a8a;margin:0;max-width:720px;font-size:14px}.panel{background:linear-gradient(180deg,rgba(8,8,8,.94),rgba(2,2,2,.95));border:1px solid #383838;border-radius:14px;box-shadow:0 25px 80px rgba(0,0,0,.38);padding:18px;margin-bottom:20px}.form-panel{padding:19px}.fields{display:grid;gap:15px}.fields.two{grid-template-columns:1fr 1fr}label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#ddd}label span,.field-title{font-weight:600}label i{font-style:normal;color:#aaa}input,select,textarea{font:inherit;width:100%;background:#030303;border:1px solid #2b2b2b;border-radius:9px;color:#eee;padding:12px 13px;outline:none;transition:.15s}input::placeholder,textarea::placeholder{color:#4d4d4d}input:focus,select:focus,textarea:focus{border-color:#777;box-shadow:0 0 0 2px rgba(255,255,255,.03)}textarea{min-height:135px;resize:vertical}label small{color:#5f5f5f;font-size:11px;margin-top:-3px}.form-panel form{display:flex;flex-direction:column;gap:16px}.captcha{border:1px solid #282828;border-radius:10px;min-height:82px;padding:10px;display:flex;align-items:center;background:#050505}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;color:#eee;text-decoration:none;background:#070707;border:1px solid #5a5a5a;border-radius:7px;padding:10px 15px;font-size:13px;cursor:pointer}.btn:hover{background:#151515}.btn.primary{background:#ffc800;color:#050505;border-color:#f5f5f5;font-weight:800}.btn.primary:hover{background:#ff0000}.send{width:100%;padding:12px}.alert,.notice{padding:12px 14px;border-radius:9px;margin:0 0 15px;font-size:13px}.bad{background:#2b0f10;border:1px solid #65272a;color:#ffc4c7}.ok{background:#0c2415;border:1px solid #275d38;color:#baffcb}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:16px}.section-head h2{margin:0;font-size:18px}.section-head p{margin:4px 0 0;color:#777;font-size:12px}.text-btn{color:#bbb;text-decoration:none;font-size:12px}.text-btn:hover{color:#fff}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid #1e1e1e;white-space:nowrap}th{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#777}td{color:#bbb}td b{color:#eee}.empty{text-align:center!important;color:#666!important;padding:25px!important}.pill{display:inline-flex;align-items:center;border:1px solid #3d3d3d;border-radius:999px;padding:4px 9px;font-size:10px;color:#ddd}.pill.tinggi{border-color:#6e5b1e;color:#eadb86}.pill.darurat{border-color:#773134;color:#ffb4b8}.pill.status{background:#0b0b0b}.success-wrap{min-height:100vh;display:grid;place-items:center;width:min(620px,calc(100% - 28px));margin:auto}.success-card{text-align:center;padding:45px 35px}.success-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#eee;color:#050505;font-size:32px;font-weight:900;margin:0 auto 18px}.success-card h1{font-size:32px;margin:0 0 10px}.success-card p{color:#888;line-height:1.6}.ticket-big{font-size:23px;font-weight:900;letter-spacing:1px;border:1px solid #555;border-radius:9px;padding:13px;margin:20px 0}.actions{display:flex;justify-content:center;gap:8px}.ticket-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #242424;padding-bottom:15px;margin-bottom:7px}.ticket-head b{font-size:19px}.detail-list{margin:10px 0 22px}.detail-list p{display:flex;justify-content:space-between;gap:20px;padding:11px 0;margin:0;border-bottom:1px solid #1c1c1c;font-size:13px}.detail-list p span{color:#777}.detail-list p b{color:#ddd;text-align:right}.panel h3{font-size:14px;margin:20px 0 8px}.message{border:1px solid #252525;background:#050505;border-radius:9px;padding:14px;line-height:1.65;color:#c5c5c5}.reply{border-color:#3b3b3b}.admin-bg{background:#050505;min-height:100vh}.admin-bg:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 0%,rgba(255,255,255,.045),transparent 35%)}.admin-top{height:70px;border-bottom:1px solid #222;background:#050505;display:flex;justify-content:space-between;align-items:center;padding:0 max(18px,calc((100% - 1180px)/2))}.admin-user{font-size:11px;color:#777}.admin-shell{width:min(1180px,calc(100% - 28px));margin:30px auto 70px}.admin-shell.narrow{max-width:820px}.admin-heading{margin:25px 0 22px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.stat{background:#080808;border:1px solid #292929;border-radius:12px;padding:17px}.stat small{color:#777;text-transform:uppercase;letter-spacing:1px;font-size:9px}.stat b{display:block;font-size:30px;margin:5px 0}.stat span{color:#666;font-size:11px}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.search{display:flex;gap:7px;flex:1;max-width:460px}.search input{min-width:180px}.filter{display:flex;gap:5px;flex-wrap:wrap}.filter a{color:#888;text-decoration:none;border:1px solid #292929;border-radius:7px;padding:7px 9px;font-size:10px}.filter a.active{color:#fff;border-color:#777}.auth-wrap{min-height:100vh;display:grid;place-items:center;width:min(460px,calc(100% - 28px));margin:auto}.auth-card{width:100%;background:#090909;border:1px solid #303030;border-radius:15px;padding:28px;box-shadow:0 30px 100px rgba(0,0,0,.5)}.mini-brand{display:flex;align-items:center;gap:10px;margin-bottom:28px}.mini-brand b{display:block}.mini-brand small{display:block;color:#666;font-size:10px}.auth-card h1{margin:0 0 7px;font-size:27px}.auth-card form{display:flex;flex-direction:column;gap:15px;margin-top:22px}.wide{width:100%}.muted{color:#777;font-size:13px}.back{display:block;color:#777;text-decoration:none;text-align:center;font-size:12px;margin-top:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}hr{border:0;border-top:1px solid #222;margin:5px 0}.admin-bg .panel{background:#090909}footer{color:#555;text-align:center;font-size:10px;padding:0 20px 30px}@media(max-width:760px){.topbar,.admin-top{height:64px}.brand small{display:none}.topbar nav .nav-btn:first-child{display:none}.title-row h1,.admin-heading h1{font-size:32px}.fields.two,.stats,.form-grid{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.admin-actions{gap:5px}.admin-user{display:none}.admin-actions .nav-btn{padding:8px 9px}.search{max-width:none;width:100%}.filter{width:100%}.panel{padding:14px}.success-card{padding:32px 20px}.actions{flex-direction:column}.actions .btn{width:100%}}