:root{--gj-orange:#ff6a00;--gj-orange2:#ff9d00;--gj-green:#08743f;--gj-dark:#13202a;--gj-soft:#f7f8f8;--gj-muted:#69756f}
.gj-wrap{max-width:1180px;margin:auto;padding:25px;font-family:Arial,sans-serif;color:var(--gj-dark)}
.gj-hero{background:linear-gradient(135deg,#ff6a00,#f04a00);color:#fff;border-radius:28px;padding:65px 7%;display:grid;grid-template-columns:1.4fr .6fr;gap:35px;align-items:center}.gj-badge{background:#fff;color:#ff5b00;padding:8px 14px;border-radius:30px;font-weight:800;font-size:12px}.gj-hero h1{font-size:clamp(38px,6vw,68px);line-height:1.02}.gj-hero p{font-size:18px}.gj-actions{display:flex;gap:12px;flex-wrap:wrap}.gj-btn{display:inline-block;border:0;border-radius:11px;padding:12px 18px;background:var(--gj-green);color:#fff!important;text-decoration:none;font-weight:800;cursor:pointer}.gj-hero .gj-btn{background:#fff;color:#d94d00!important}.gj-btn-light{background:#fff!important;color:var(--gj-green)!important}.gj-hero-card,.gj-panel,.gj-feature{background:#fff;border:1px solid #e1ebe6;border-radius:18px;padding:25px;box-shadow:0 8px 25px #18302a12}.gj-hero-card{color:var(--gj-dark);min-height:190px;display:flex;flex-direction:column;justify-content:flex-end}.gj-section{padding:55px 0}.gj-section h2{text-align:center}.gj-grid{display:grid;gap:18px}.gj-grid-4{grid-template-columns:repeat(4,1fr)}.gj-grid-2{grid-template-columns:repeat(2,1fr)}.gj-feature b{display:block;margin-bottom:10px}.gj-feature span{color:var(--gj-muted)}.gj-auth{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:900px;margin:auto}.gj-panel{margin-bottom:18px}.gj-panel label{display:block;font-weight:700;margin:12px 0}.gj-panel input,.gj-panel textarea{display:block;width:100%;box-sizing:border-box;padding:11px;border:1px solid #d7e1dc;border-radius:9px;margin-top:6px}.gj-panel textarea{min-height:90px}.gj-alert{padding:12px;background:#fff0f0;border-radius:9px}.gj-dashboard-head{background:#08743f;color:#fff;border-radius:20px;padding:25px;display:flex;justify-content:space-between}.gj-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.gj-stats>div{background:#fff;border:1px solid #e1ebe6;border-radius:14px;padding:18px}.gj-stats small{display:block;color:var(--gj-muted);margin-bottom:7px}.gj-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.gj-products{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.gj-product{border:1px solid #e1ebe6;border-radius:14px;padding:17px}.gj-product>b,.gj-product>span,.gj-product>small{display:block;margin-bottom:8px}

/* KTA Digital v3 */
.gj-kta-page{max-width:1080px;margin:auto}
.gj-kta-actions{display:flex;justify-content:center;gap:10px;margin:10px 0 22px}
.gj-kta-card{position:relative;overflow:hidden;border-radius:28px;background:#fff;box-shadow:0 20px 55px #17231f22;border:1px solid #e5e7e5;margin:0 auto 28px;aspect-ratio:1.586/1}
.gj-kta-front{background:linear-gradient(150deg,#fff 0 56%,#f4f6f5 56% 100%)}
.gj-kta-front:after{content:"";position:absolute;left:-10%;right:-10%;top:29%;height:23%;background:linear-gradient(180deg,transparent,#eef1ef 48%,#fff 50%,#f1f3f2 54%,transparent);transform:skewY(-8deg);opacity:.9;z-index:0}
.gj-kta-orange-top{position:relative;z-index:2;height:28%;padding:28px 34px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:flex-start;background:linear-gradient(135deg,#ff8a00,#ff4d00 65%,#f75a00);color:#fff;clip-path:polygon(0 0,100% 0,100% 68%,87% 100%,0 100%)}
.gj-brand{display:flex;align-items:center;gap:14px}.gj-brand strong{font-size:30px;letter-spacing:1px;display:block}.gj-brand small{display:block;font-style:italic;font-weight:700}.gj-kta-logo{width:72px;height:72px;object-fit:cover;border-radius:18px;box-shadow:0 5px 14px #0003;border:2px solid rgba(255,255,255,.9);background:#ff6a00}
.gj-logo-mini{width:42px;height:42px;object-fit:cover;border-radius:11px;box-shadow:0 3px 8px #0002}.gj-kta-label{font-size:25px;font-weight:900;font-style:italic;background:#172129;padding:13px 28px;margin-right:-34px;border-radius:0 0 0 18px;letter-spacing:1px}
.gj-kta-main{position:relative;z-index:3;height:52%;padding:22px 34px;display:grid;grid-template-columns:25% 1fr 22%;gap:26px;align-items:center;box-sizing:border-box}
.gj-kta-photo{height:100%;max-height:250px;border:5px solid #ff6a00;border-radius:25px;overflow:hidden;background:#f5f6f6;box-shadow:0 8px 20px #0001}.gj-kta-photo img{width:100%;height:100%;object-fit:cover;display:block}.gj-photo-placeholder{width:100%;height:100%;display:grid;place-items:center;font-size:70px;font-weight:900;color:#ff6a00}
.gj-overline{font-size:15px;font-weight:800;letter-spacing:3px}.gj-kta-info h1{font-size:clamp(27px,4vw,50px);margin:7px 0 8px;line-height:1}.gj-orange-line{height:3px;background:#ff6a00;width:80%;margin:8px 0 15px}.gj-info-row{background:#f1f3f4;border-radius:12px;padding:11px 15px;margin-bottom:10px}.gj-info-row b{display:block;font-size:13px}.gj-info-row strong{font-size:25px;letter-spacing:1px}.gj-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gj-info-grid div{padding:7px 0}.gj-info-grid span{display:block;color:#08743f;font-size:11px;font-weight:800}.gj-info-grid b{font-size:15px}
.gj-kta-qr{background:#fff;border:1px solid #e5e7e5;border-radius:18px;padding:12px;text-align:center;box-shadow:0 8px 20px #0000000c}.gj-qr-frame{padding:8px;border:1px solid #ddd;border-radius:10px;background:#fff}.gj-qr-frame img{display:block;width:100%;aspect-ratio:1;object-fit:contain}.gj-kta-qr b{display:block;font-size:11px;margin:8px 0 4px}.gj-kta-qr small{font-size:9px;color:#68736f}
.gj-kta-green-bar{position:relative;z-index:4;height:20%;background:#08743f;color:#fff;display:grid;grid-template-columns:1.2fr 1fr 1fr;align-items:center;padding:0 34px;gap:20px;font-size:12px}.gj-kta-green-bar>div{display:flex;align-items:center;gap:8px}.gj-kta-green-bar>div+div{border-left:1px solid #ffffff55;padding-left:20px}.gj-signature{justify-content:center;font-family:cursive;font-size:20px}
.gj-kta-back{background:linear-gradient(145deg,#fff,#f8faf8)}.gj-back-top{height:27%;background:linear-gradient(135deg,#08743f,#0b8d50);color:#fff;padding:25px 38px;display:flex;justify-content:space-between;align-items:center;clip-path:polygon(0 0,100% 0,100% 70%,86% 100%,0 100%)}.gj-brand-dark .gj-logo-mark{background:#ff6a00}.gj-back-top>div:last-child{font-size:20px;text-align:right}.gj-back-body{height:53%;display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:24px 55px;box-sizing:border-box}.gj-back-body h3{color:#08743f;margin:0 0 14px}.gj-back-body ul{padding-left:20px;line-height:1.8}.gj-verify-box{border:1px solid #bcd8c9;border-radius:18px;padding:20px;background:#fbfefc}.gj-sign-box{border-top:1px solid #777;margin-top:25px;padding-top:10px;font-family:cursive;font-size:20px}.gj-back-bottom{height:20%;background:#08743f;color:#fff;display:flex;align-items:center;justify-content:space-around;font-size:12px;padding:0 20px;box-sizing:border-box}.gj-verify-preview{max-width:420px;margin:30px auto;padding:20px;border:1px solid #dfe8e3;border-radius:20px;background:#fff;box-shadow:0 10px 30px #18302a12}.gj-verify-head{display:flex;align-items:center;gap:10px}.gj-logo-mini{background:#ff6a00;color:#fff;border-radius:9px;padding:9px;font-weight:900}.gj-valid{margin:15px 0;padding:15px;border-radius:12px;font-size:23px;font-weight:900;background:#dff8e8;color:#08743f}.gj-valid.is-pending{background:#fff3df;color:#a35b00}.gj-valid small{display:block;font-size:12px;margin-top:3px}.gj-verify-detail{display:grid;grid-template-columns:1fr 1fr;gap:9px;font-size:13px}.gj-verify-detail span{color:#718079}.gj-verify-detail b{text-align:right}

/* Print */
@media print{body{background:#fff!important}.gj-wrap{padding:0!important;max-width:none}.gj-kta-actions,.gj-verify-preview{display:none!important}.gj-kta-card{box-shadow:none!important;break-inside:avoid;margin:0 auto 12mm;max-width:1000px}.gj-kta-front,.gj-kta-back{page-break-after:always}.gj-kta-page{width:100%}}
@media(max-width:900px){.gj-kta-card{aspect-ratio:auto;min-height:600px}.gj-kta-main{height:auto;grid-template-columns:180px 1fr;padding:22px}.gj-kta-qr{grid-column:1/-1;max-width:170px}.gj-kta-orange-top{padding:20px;height:160px}.gj-kta-green-bar{height:auto;padding:16px 22px;grid-template-columns:1fr;gap:10px}.gj-kta-green-bar>div+div{border-left:0;padding-left:0}.gj-kta-back .gj-back-top{height:150px}.gj-back-body{height:auto;padding:25px;grid-template-columns:1fr}.gj-back-bottom{height:auto;padding:15px;gap:10px;flex-wrap:wrap}}
@media(max-width:620px){.gj-hero,.gj-auth{grid-template-columns:1fr}.gj-grid-4,.gj-stats,.gj-products{grid-template-columns:1fr}.gj-grid-2,.gj-form-grid{grid-template-columns:1fr}.gj-wrap{padding:12px}.gj-kta-orange-top{height:150px}.gj-brand strong{font-size:22px}.gj-brand small{font-size:10px}.gj-logo-mark{width:48px;height:48px}.gj-kta-label{font-size:15px;padding:10px;margin-right:-20px}.gj-kta-main{grid-template-columns:1fr;padding:18px}.gj-kta-photo{width:180px;height:220px;margin:auto}.gj-kta-info h1{font-size:32px}.gj-info-grid{grid-template-columns:1fr}.gj-kta-qr{margin:auto}.gj-kta-green-bar{font-size:10px}.gj-kta-card{border-radius:18px}.gj-back-top{padding:20px!important}.gj-back-top>div:last-child{font-size:14px}}

.gj-brand-dark .gj-kta-logo{border-color:#fff}
@media(max-width:800px){
 .gj-kta-logo{width:58px;height:58px;border-radius:15px}
 .gj-brand strong{font-size:22px}
 .gj-kta-label{font-size:18px;padding:10px 18px;margin-right:-18px}
}