*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#17324d;background:#f8fbfd;position:relative;min-height:100vh}body:before,body:after{content:"";position:fixed;inset:auto;pointer-events:none;z-index:-1;opacity:.13;filter:blur(.2px)}body:before{width:420px;height:420px;left:-120px;top:80px;background:radial-gradient(circle at 50% 50%,transparent 0 22%,#8a6a3d 23% 24%,transparent 25% 39%,#8a6a3d 40% 41%,transparent 42%),radial-gradient(ellipse at 25% 35%,#8a6a3d 0 6%,transparent 7%),radial-gradient(ellipse at 75% 65%,#8a6a3d 0 6%,transparent 7%);transform:rotate(18deg)}body:after{width:520px;height:520px;right:-170px;bottom:-100px;background:radial-gradient(circle at 50% 50%,transparent 0 20%,#8a6a3d 21% 22%,transparent 23% 38%,#8a6a3d 39% 40%,transparent 41%),radial-gradient(ellipse at 30% 30%,#8a6a3d 0 5%,transparent 6%),radial-gradient(ellipse at 70% 70%,#8a6a3d 0 5%,transparent 6%);transform:rotate(-20deg)}.batik-watermark{position:fixed;inset:0;pointer-events:none;z-index:-2;background-image:radial-gradient(#c9dbe5 1px,transparent 1px);background-size:26px 26px;opacity:.55}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:linear-gradient(180deg,#073b68,#0b5c8e);color:#fff;padding:22px 16px;box-shadow:8px 0 30px #1234;overflow:auto;z-index:10}.sidebar h2{margin:6px 0}.sidebar small{opacity:.8}.side-logo{width:60px;height:60px;object-fit:contain;background:#fff;border-radius:16px;padding:5px}.sidebar nav{display:grid;gap:5px;margin-top:24px}.sidebar a{color:#fff;text-decoration:none;padding:10px 12px;border-radius:12px;transition:.2s}.sidebar a:hover{background:#ffffff20;transform:translateX(3px)}main{margin-left:250px;min-height:100vh}.top{height:72px;background:#ffffffdd;backdrop-filter:blur(12px);display:flex;justify-content:space-between;align-items:center;padding:0 30px;border-bottom:1px solid #dcecf5;position:sticky;top:0;z-index:5}.content{padding:28px;max-width:1500px;margin:auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.card{background:#fffffff2;border:1px solid #dceaf3;border-radius:20px;padding:20px;margin-bottom:20px;box-shadow:0 12px 38px #24506b12;backdrop-filter:blur(5px)}.card h2,.card h3{margin-top:0}.stat{font-size:32px;font-weight:800;color:#075c91}.btn{border:0;border-radius:12px;padding:9px 14px;background:#ffffff70;border:1px solid #b9d8ea;box-shadow:0 5px 15px #24506b12;color:#064c77;cursor:pointer;text-decoration:none;display:inline-block;font:inherit}.btn.primary{background:#0b5c8e;color:#fff}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}.table th,.table td{padding:10px;border-bottom:1px solid #e5eef4;text-align:left;vertical-align:top}.table th{background:#eef6fa;color:#234b64}.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.formgrid .full{grid-column:1/-1}label{display:grid;gap:6px;font-weight:650}input,select,textarea{width:100%;padding:11px;border:1px solid #c8dce8;border-radius:12px;background:#fff;font:inherit}textarea{min-height:100px}.alert{background:#fff0f0;color:#a11;padding:10px;border-radius:10px;margin:10px 0}.notice{background:#effaf2;color:#176b36;padding:10px;border-radius:10px;margin:10px 0}.photo{width:65px;height:65px;object-fit:cover;border-radius:12px;border:2px solid #dceaf3}.card-photo{width:130px;height:160px;object-fit:cover;border-radius:14px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.login{display:grid;place-items:center;min-height:100vh;background:#f7fbff}.loginbox{width:min(440px,92vw);background:#ffffffef;padding:35px;border-radius:28px;box-shadow:0 25px 80px #1234}.loginbox form{display:grid;gap:15px}.brand{font-size:30px;font-weight:900;color:#075c91}.login-help{color:#678;font-size:13px;margin-top:16px}code{background:#eef5f8;padding:2px 5px;border-radius:5px}.report-card{background:#fff;color:#111}.report-head{display:flex;gap:18px;align-items:center;border-bottom:3px double #234;padding-bottom:12px}.report-logo{max-width:90px;max-height:90px;object-fit:contain}.identity{width:100%;margin:15px 0;border-collapse:collapse}.identity td{padding:5px}.report-sign{display:flex;justify-content:space-between;text-align:center;margin-top:60px}.report-card .table th,.report-card .table td{border:1px solid #777}.report-card .table th{background:#eee}.sidebar a:focus,.btn:focus,input:focus,select:focus,textarea:focus{outline:3px solid #b9d8ea;outline-offset:1px}footer{text-align:center;padding:25px;color:#678}@media(max-width:800px){.sidebar{position:relative;width:100%;height:auto}.sidebar nav{grid-template-columns:repeat(2,1fr)}main{margin-left:0}.top{position:relative;height:auto;padding:15px;gap:10px;flex-direction:column;align-items:flex-start}.content{padding:15px}.formgrid{grid-template-columns:1fr}.table{display:block;overflow-x:auto}.report-sign{flex-direction:column;gap:50px}}@media print{.sidebar,.top,footer,.actions{display:none!important}main{margin:0}.content{padding:0}.card{box-shadow:none;border:0}.report-card{padding:0}.report-card .table{font-size:10px}body:before,body:after,.batik-watermark{display:none}}

/* SIA KEKATA V7 */
.actions .primary{font-weight:800}.notice{display:inline-block}