:root{--bg:#f4f7fc;--navy:#091832;--deep:#07142c;--blue:#2868ff;--cyan:#16dcf3;--text:#1b2942;--muted:#77839b;--border:#e6ebf3;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 system-ui,-apple-system,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}button,.primary{cursor:pointer;background:var(--blue);border:0;border-radius:10px;color:white;padding:11px 17px;font-weight:750;font-size:14px;display:inline-block}button:hover,.primary:hover{background:#124ad7;color:white}input,textarea,select{font:inherit;border:1px solid #dbe3f1;border-radius:10px;padding:11px 12px;background:#fbfcff;max-width:100%;color:var(--text)}input:focus,textarea:focus,select:focus{outline:2px solid #87aaff}textarea{width:100%;min-height:100px;resize:vertical}label{display:block;font-weight:650;font-size:13px;margin-bottom:12px}label input{display:block;width:100%;margin-top:5px}form:not(.inline)>input,form:not(.inline)>textarea{display:block;width:100%;margin:11px 0}.top{height:76px;background:var(--deep);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1520px)/2));gap:30px;position:sticky;top:0;z-index:5;box-shadow:0 4px 24px #06132a22}.logo{font-weight:950;letter-spacing:-1px;font-size:25px;white-space:nowrap}.logo b{color:var(--cyan)}.logo span{color:var(--cyan);font-size:12px;letter-spacing:.6px}.search{flex:1;max-width:560px}.search input{width:100%;background:#1d2d49;color:#fff;border:1px solid #314663;border-radius:12px}.search input::placeholder{color:#a4b2c8}.top nav{display:flex;gap:13px;align-items:center;font-size:13px}.top .inline button{background:#213854}.layout{display:grid;grid-template-columns:245px minmax(0,750px) 275px;gap:25px;max-width:1520px;margin:25px auto;padding:0 20px}.sidebar,.rightbar{align-self:start;position:sticky;top:100px}.panel,.card{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 7px 30px #14325f08}.panel{margin-bottom:20px}.identity{background:linear-gradient(145deg,#081b42,#132c64);color:white;padding:23px}.identity h2{font-size:21px;line-height:1.3;margin:17px 0}.identity em{font-style:normal;color:var(--cyan)}.identity p{font-size:12px;color:#c7d6ee}.badge{display:inline-block;font-size:10px;letter-spacing:1.1px;color:#0872ca;font-weight:900;background:#eaf4ff;border-radius:6px;padding:5px 8px}.identity .badge,.hero .eyebrow{background:#1c386a;color:#5ce8ff}.menu{padding:12px}.menu a{display:flex;gap:14px;padding:12px;border-radius:10px;font-weight:650;font-size:14px}.menu a:hover{background:#eef4ff}.menu a::first-letter{color:var(--blue)}.sidebar-foot{font-size:11px;color:var(--muted);padding:9px}.main{min-width:0}.main h1{font-size:29px;letter-spacing:-.8px;margin:7px 0 1px}.main h2{font-size:22px}.sub{color:var(--muted);margin-top:4px}.hero{min-height:360px;background:radial-gradient(circle at 79% 35%,#1b53b9 0,#0a204c 33%,#06152f 74%);border-radius:20px;color:white;padding:48px 38px;display:grid;grid-template-columns:1.2fr .8fr;overflow:hidden}.hero h1{font-size:39px;line-height:1.15;letter-spacing:-1.5px;margin:18px 0}.hero h1 span{color:var(--cyan)}.hero p{color:#bdcce6;font-size:14px;max-width:430px}.hero-actions{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}.outline{border:1px solid #b4c5e5;color:#b9d4ff;padding:9px 14px;border-radius:10px;display:inline-block}.outline:hover{background:#e9f0ff;color:#144de2}.big{padding:12px 17px}.hero-visual{position:relative;min-height:220px}.orb{position:absolute;left:18%;top:10%;height:190px;width:190px;border:1px solid #56c9f981;border-radius:50%;display:grid;place-items:center;font-size:100px;font-weight:1000;color:#78eaff;background:radial-gradient(circle at 30% 30%,#225ad6,#06152c);box-shadow:0 0 80px #248bff66,inset 0 0 35px #5cb6ff33}.orb span{font-size:25px;position:absolute;top:25px;right:25px}.float{position:absolute;background:#163567f0;border:1px solid #4c83ca;border-radius:9px;padding:9px;font-size:10px;font-weight:750;white-space:nowrap;box-shadow:0 8px 20px #06102050}.float.a{top:4%;right:-16px}.float.b{top:52%;left:-7%}.float.c{bottom:0;right:-5%}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 25px}.stats div{background:#fff;border:1px solid var(--border);border-radius:12px;padding:17px;text-align:center}.stats strong{display:block;color:#1755cb;font-size:25px}.stats span{font-size:11px;color:var(--muted)}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title a{font-size:12px;color:var(--blue)}.card{padding:23px;margin:16px 0;overflow-wrap:anywhere}.post .meta{display:flex;align-items:center;gap:10px}.avatar,.largeavatar{display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,#2668ed,#18cbe8);color:#fff;font-weight:900;width:42px;height:42px}.meta small{display:block;color:var(--muted);font-size:11px}.meta .tag{margin-left:auto;background:#edf5ff;border-radius:6px;color:#2772c6;padding:4px 8px;font-size:10px}.post p{white-space:normal;line-height:1.75;margin:20px 0}.actions{display:flex;gap:20px;align-items:center;font-size:12px;color:#6b7d9a}.inline{display:inline-block;margin:0}.tiny{padding:5px 10px;border-radius:7px;font-size:11px}.featuregrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.featuregrid>a{padding:18px;background:#fff;border:1px solid var(--border);border-radius:12px}.featuregrid b{font-size:30px;color:var(--blue)}.featuregrid h3{margin:5px 0}.featuregrid p{font-size:12px;color:var(--muted)}.tiles,.twocol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.tiles .card,.twocol .card{margin:0}.rightpanel{padding:22px}.rightpanel h3{margin-top:13px}.rightpanel p,.note{color:var(--muted);font-size:12px}.rightpanel a{display:block;padding:8px;border-radius:8px;font-size:13px}.line{height:1px;background:#e8edf5;margin:14px 0}.note{padding:20px}.advert{padding:12px}.advert img{max-width:100%;border-radius:9px}.advert small{display:block;text-align:right;color:var(--muted);font-size:9px}.advert strong{display:block;margin:10px}.formcard{max-width:490px;margin:25px auto;padding:30px}.formcard form{margin-top:22px}.formrow{display:flex;justify-content:space-between;gap:10px}.empty{padding:35px;text-align:center;border:1px dashed #c2d1e7;border-radius:15px;color:var(--muted);margin-top:17px}.notice{padding:15px;background:#e4f6fe;color:#09567b;border:1px solid #b7e6fa;border-radius:12px;margin-bottom:15px}.more{display:block;text-align:center;padding:15px;color:var(--blue)}summary{cursor:pointer;font-weight:800}.pollitem{margin:16px 0}.pollitem span{display:block;font-size:13px}.progress{height:8px;background:#edf2fb;border-radius:6px;margin:6px 0}.progress i{display:block;background:linear-gradient(90deg,#2468ef,#10cce4);height:100%;border-radius:6px}.cover{height:110px;background:linear-gradient(130deg,#081e4a,#267aff);margin:-23px -23px 0}.largeavatar{height:75px;width:75px;font-size:32px;margin-top:-40px;border:5px solid white;position:relative}.adminstats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0}.adminstats span{background:#fff;padding:15px;border-radius:10px;font-size:11px}.adminstats b{display:block;font-size:24px}.adminrow{border-bottom:1px solid #e6edf7;padding:12px 0;display:flex;gap:9px;align-items:center;justify-content:space-between;flex-wrap:wrap}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}td,th{border-bottom:1px solid #e5eaf3;text-align:left;padding:10px}.message{background:#f2f6fd;border-radius:9px;padding:12px;margin-bottom:10px}footer{text-align:center;font-size:12px;color:#7a89a4;padding:30px}@media(max-width:1220px){.layout{grid-template-columns:220px minmax(0,1fr)}.rightbar{display:none}}@media(max-width:760px){.top{height:auto;min-height:64px;flex-wrap:wrap;padding:12px 14px;gap:10px}.logo{font-size:20px}.top nav{gap:8px;font-size:11px}.search{order:3;flex-basis:100%;max-width:none}.layout{display:block;margin:10px auto;padding:0 12px}.sidebar{position:static}.identity,.sidebar-foot{display:none}.menu{display:flex;overflow:auto;white-space:nowrap;margin:0 0 12px;padding:5px}.menu a{padding:8px 12px}.menu a span{font-size:11px}.hero{grid-template-columns:1fr;padding:30px 24px}.hero h1{font-size:32px}.hero-visual{display:none}.stats{gap:7px}.stats div{padding:12px 5px}.stats strong{font-size:21px}.stats span{font-size:10px}.tiles,.twocol{grid-template-columns:1fr}.featuregrid{grid-template-columns:1fr}.adminstats{grid-template-columns:repeat(2,1fr)}.card{padding:17px}.meta .tag{display:none}} 
/* SENDIKAN AI robot console */
.robot-hero{position:relative;overflow:hidden;border:1px solid #2467ab;border-radius:20px;padding:26px 28px;margin-bottom:20px;background:radial-gradient(ellipse at 88% 18%,#0d6e8a6b,transparent 40%),linear-gradient(130deg,#08182f,#112c57);box-shadow:0 12px 48px #020b2033}.robot-hero h1{margin:14px 0 8px;font-size:clamp(27px,4vw,44px);color:#fff}.robot-hero p{max-width:650px;color:#c6e5ff}.robot-pulse{color:#80ffde;font-size:13px;font-weight:700}.robot-conversation{max-height:680px;overflow-y:auto;display:flex;flex-direction:column;gap:14px;margin:16px 0;padding:12px 4px}.robot-question{align-self:flex-end;max-width:88%;padding:12px 16px;border-radius:16px 16px 3px 16px;background:#19639a;color:#fff;white-space:pre-wrap}.robot-answer{align-self:stretch;padding:17px;border:1px solid #3470a255;border-radius:16px;background:#10223bcc;white-space:normal}.robot-answer p{white-space:pre-wrap;line-height:1.7}.robot-answer a{display:inline-block;margin:5px 10px 5px 0;font-size:12px}.robot-answer small{opacity:.7}.robot-quick{display:flex;flex-wrap:wrap;gap:8px}.robot-quick button{border-radius:50px;font-size:12px;padding:9px 12px;background:#0e3866;color:#e3f7ff;border:1px solid #3d87ad;cursor:pointer}.robot-compose textarea{min-height:90px}.robot-compose button{margin-top:10px}
@media print {header.top, aside.sidebar, form, button, .sidebar-foot {display:none!important} .layout,.main{display:block!important;width:100%!important;max-width:none!important;margin:0!important} .card{break-inside:avoid;border:0!important} body{background:white!important;color:black!important} #an-plot svg{max-width:100%!important;min-width:0!important} a{color:#164779!important} }