*{box-sizing:border-box}:root{--navy:#163F5F;--gold:#C8952C;--bg:#f4f7fa;--border:#dbe5ed;--muted:#728190;--danger:#c43e3e;--success:#19764a}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:#173044}a{text-decoration:none;color:inherit}.gate-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top,#e8f4fb,transparent 40%),var(--bg)}.gate-card{width:min(460px,100%);background:#fff;border:1px solid var(--border);border-radius:22px;padding:25px;box-shadow:0 18px 50px rgba(22,63,95,.12)}.gate-brand{text-align:center}.gate-brand img{width:76px;height:76px;object-fit:contain}.gate-logo{width:66px;height:66px;margin:auto;border-radius:18px;display:grid;place-items:center;background:var(--navy);border:2px solid var(--gold);color:#fff;font-size:30px;font-weight:900}.gate-brand h1{font-size:18px;color:var(--navy);margin:10px 0 2px}.gate-brand p{margin:0;color:var(--muted)}.gate-hero{text-align:center;padding:24px 0 18px}.gate-icon{font-size:40px}.gate-hero h2{margin:6px 0;color:var(--navy)}.gate-hero p{margin:0;color:var(--muted)}label{display:block;font-weight:800;color:var(--navy);margin-bottom:7px}input{width:100%;padding:13px;border:1px solid #cbd8e2;border-radius:12px;font:inherit}.gate-card button{width:100%;margin-top:12px;padding:13px;border:0;border-radius:12px;background:var(--navy);color:#fff;font-weight:900}.gate-alert{padding:11px 13px;background:#fdecec;color:#922f2f;border-radius:10px;margin-bottom:12px}.gate-foot{text-align:center;margin-top:15px;font-size:12px;color:var(--muted)}.gate-top{background:#fff;border-bottom:3px solid var(--gold);padding:13px 18px;display:flex;justify-content:space-between;align-items:center}.gate-top b{display:block;color:var(--navy)}.gate-top span{display:block;font-size:11px;color:var(--muted)}.gate-top a{padding:8px 12px;background:#edf4f8;border-radius:9px;color:var(--navy);font-weight:800}.gate-content{max-width:1040px;margin:20px auto;padding:0 14px}.student-card{background:linear-gradient(135deg,#163F5F,#2c6d99);color:#fff;border-radius:18px;padding:22px;display:flex;justify-content:space-between;align-items:center}.student-card small{font-size:10px;opacity:.75;font-weight:900}.student-card h2{margin:4px 0}.student-card p{margin:0;opacity:.85}.count{width:78px;height:78px;border-radius:18px;background:rgba(255,255,255,.15);display:grid;place-items:center;font-size:28px;font-weight:900}.count span{font-size:11px}.gate-list-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:20px;margin-top:15px}.gate-list-card h2{margin:0;color:var(--navy)}.muted{color:var(--muted)}.nota-list{display:flex;flex-direction:column;gap:8px}.nota-row{display:grid;grid-template-columns:1.5fr 140px 110px 160px;gap:10px;align-items:center;padding:13px;border:1px solid var(--border);border-radius:12px}.nota-row b{color:var(--navy)}.nota-row small{display:block;color:var(--muted);margin-top:3px}.status{display:inline-block;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:900}.status.ok{background:#e9f6ef;color:var(--success)}.status.bad{background:#fdecec;color:var(--danger)}.gate-actions{display:flex;gap:7px}.gate-actions a{padding:8px 10px;border-radius:9px;background:#edf4f8;color:var(--navy);font-weight:800;font-size:12px}.gate-actions .print{background:var(--navy);color:#fff}.empty{text-align:center;padding:34px;color:var(--muted)}.gate-print{background:#e9eef2;padding:20px}.print-actions{max-width:820px;margin:0 auto 10px;display:flex;gap:8px}.print-actions a,.print-actions button{padding:9px 12px;border:0;border-radius:9px;background:#edf4f8;color:var(--navy);font-weight:800}.print-actions button{background:var(--navy);color:#fff}.student-receipt{max-width:820px;margin:auto;background:#fff;padding:28px;color:#111}.sr-head{display:flex;gap:16px;align-items:center;border-bottom:2px solid #111;padding-bottom:12px}.sr-head img{width:76px;height:76px;object-fit:contain}.sr-head>div:last-child{text-align:center;flex:1}.sr-head h2{margin:0;font-size:22px}.sr-head b{display:block;font-size:17px}.sr-head small{display:block;margin-top:3px}.meta,.items{width:100%;border-collapse:collapse}.meta{margin:14px 0}.meta td{padding:3px 0}.meta td:first-child{width:135px}.items th{background:var(--navy);color:#fff;padding:9px;text-align:left}.items td{border:1px solid #ccd3d8;padding:8px}.sr-total{text-align:right;font-size:20px;font-weight:900;border-bottom:2px solid #111;padding:11px 0 7px}.sr-sign{display:flex;justify-content:flex-end;margin-top:22px}.sr-sign>div{width:250px;text-align:center}.sr-sign img{height:82px;max-width:190px;object-fit:contain;display:block;margin:auto}.cancelled{text-align:center;color:var(--danger);border:3px solid var(--danger);padding:7px;font-size:24px;font-weight:900;margin:12px 0}.no-print{}@media(max-width:720px){.nota-row{grid-template-columns:1fr 1fr}.gate-actions{justify-content:flex-start}}@media print{body,.gate-print{background:#fff;padding:0}.no-print{display:none!important}.student-receipt{max-width:none;padding:4mm}}

/* Final logo cetak Gate */
.sr-head{display:grid!important;grid-template-columns:95px 1fr 95px!important;gap:10px!important;align-items:center!important}.sr-logo-box{display:flex;align-items:center;justify-content:center}.sr-logo{width:82px!important;height:82px!important;object-fit:contain!important}.sr-title{text-align:center}.sr-footer{margin-top:18px;padding-top:8px;border-top:1px dashed #bbb;color:#777;text-align:center;font-size:10px}@media print{.sr-logo{width:70px!important;height:70px!important}}