@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#14263d;--ink:#172b43;--muted:#718096;--gold:#c8a45d;--bg:#f4f6f9;--line:#e6eaf0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#14263d;color:#fff;padding:27px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;margin:0 8px 54px}.brand b{display:block;font:800 14px Manrope;letter-spacing:1.5px}.brand small{display:block;color:#aebdce;font-size:10px;letter-spacing:2px;margin-top:4px}.brand-mark{width:43px;height:43px;display:grid;place-items:center;background:linear-gradient(135deg,#e4c783,#a77b38);border-radius:13px;color:#172b43;font:800 17px Manrope;box-shadow:0 5px 16px #0002}.nav-label{font-size:10px;letter-spacing:1.7px;color:#8394a9;margin:0 12px 13px}.sidebar>a:not(.brand){padding:13px 14px;border-radius:9px;color:#bdc8d5;text-decoration:none;margin:3px 0;font-weight:600}.sidebar>a.active,.sidebar>a:not(.brand):hover{background:#263d58;color:#fff}.sidebar-bottom{margin-top:auto;border-top:1px solid #34485e;padding:20px 10px 0;display:grid;gap:6px}.sidebar-bottom small{color:#8fa1b5}.sidebar-bottom a{color:#e5c57f;text-decoration:none;margin-top:8px}.main{margin-left:248px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:66px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;color:#718096}.admin-pill,.tag{font-size:10px;letter-spacing:1px;font-weight:800;background:#edf2f7;color:#42566d;padding:6px 10px;border-radius:20px}.content{padding:35px 40px;flex:1;max-width:1500px;width:100%;margin:0 auto}.footer{padding:18px 40px;color:#9aa5b3;font-size:11px}.hero{padding:34px 38px;background:linear-gradient(115deg,#14263d,#29445e);border-radius:17px;color:#fff;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.hero:after{content:"LF";position:absolute;right:17%;top:-65px;font:900 210px Manrope;color:#ffffff09}.eyebrow{font-size:10px;letter-spacing:2.2px;color:#c9a85f;font-weight:800}.hero h1{font:800 34px Manrope;margin:10px 0 5px}.hero p{margin:0;color:#c0cbd8}.btn{border:0;border-radius:8px;padding:11px 16px;font:700 12px 'DM Sans';text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;white-space:nowrap}.btn.primary{background:#c9a65f;color:#172b43}.btn.dark{background:#14263d;color:#fff}.btn.ghost{background:#fff;border:1px solid var(--line);color:#43556b}.btn.light{background:#fff;color:#172b43;z-index:1}.btn.full{width:100%;margin-top:20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:22px 0 36px}.stat{background:#fff;padding:20px 22px;border:1px solid var(--line);border-radius:13px}.stat span,.stat small{display:block;color:#8190a1;font-size:12px}.stat strong{display:block;font:800 30px Manrope;margin:7px 0 2px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 20px}.section-head h1,.section-head h2{font:800 24px Manrope;margin:0 0 5px}.section-head p{margin:0;color:var(--muted);font-size:12px}.text-link{color:#9a7837;text-decoration:none;font-weight:700;font-size:12px}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;background:#fafbfd;color:#8b98a8;font-size:10px;letter-spacing:1px;text-transform:uppercase;padding:14px 17px}td{padding:13px 17px;border-top:1px solid #eef1f5;font-size:12px}td small,.person-cell small{display:block;color:#91a0b0;font-size:11px;margin-top:4px}.person-cell{display:flex;align-items:center;gap:10px}.person-cell img,.avatar{width:36px;height:36px;border-radius:10px;object-fit:cover}.avatar{display:grid;place-items:center;background:#e8edf3;color:#52647a;font-weight:800}.empty{text-align:center;color:#8c9aaa;padding:35px}.actions{display:flex;align-items:center;gap:12px}.actions a{color:#8b6c31;text-decoration:none;font-weight:700}.actions form{margin:0}.link-danger{border:0;background:none;color:#c04f4f;font:700 12px 'DM Sans';cursor:pointer;padding:0}.filters{display:flex;gap:9px;margin-bottom:16px}.filters input{flex:1}.filters input,.filters select,input,textarea,select{font:13px 'DM Sans';border:1px solid #dfe5ec;border-radius:8px;padding:11px 12px;background:#fff;color:#26384e;outline:none;width:100%}input:focus,textarea:focus,select:focus{border-color:#c5a15b;box-shadow:0 0 0 3px #c5a15b1c}label{display:block;font-weight:700;font-size:12px;margin:0 0 7px}.form-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:27px;max-width:900px}.form-card.narrow{max-width:650px}.form-section{padding-bottom:25px;margin-bottom:24px;border-bottom:1px solid var(--line)}.form-section h3{font:800 13px Manrope;letter-spacing:.5px;margin:0 0 20px;color:#9a7837}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}.form-grid>div{min-width:0}.span-2{grid-column:span 2}textarea{resize:vertical}.checks{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 23px}.check{display:flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid var(--line);border-radius:8px;margin:0;font-weight:600}.check input{width:auto;accent-color:#b18b45}.muted{display:block;color:#91a0b0;font-size:11px;margin-top:6px}.subline{color:#8492a3}.form-actions,.inline-actions{display:flex;gap:10px}.alert{padding:12px 15px;border-radius:8px;margin-bottom:16px;background:#e9f6ef;color:#28744a;font-size:12px}.alert.danger{background:#fff0ef;color:#a33d38}.card-stage{padding:34px;background:#e9edf2;border-radius:15px;display:flex;flex-direction:column;align-items:center}.id-card{width:640px;max-width:100%;aspect-ratio:1.586;background:#fdfdfc;border-radius:18px;overflow:hidden;box-shadow:0 18px 45px #15283d25;position:relative;padding:25px 30px;color:#172b43}.id-card:before{content:"";position:absolute;width:250px;height:250px;border:1px solid #c6a45d25;border-radius:50%;right:-75px;bottom:-130px;box-shadow:0 0 0 20px #c6a45d0a,0 0 0 42px #c6a45d08}.card-top{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e9e4d8;padding-bottom:15px;position:relative;z-index:1}.card-logo{width:43px;height:43px;border-radius:12px;background:linear-gradient(135deg,#e5ca89,#a67b39);display:grid;place-items:center;font:900 17px Manrope}.card-top b{font:800 14px Manrope;letter-spacing:1.4px;display:block}.card-top small{font-size:9px;letter-spacing:2px;color:#8c7953}.card-type{margin-left:auto;background:#172b43;color:#e9ca84;border-radius:7px;padding:7px 12px;font:800 12px Manrope}.card-main{display:flex;gap:22px;padding:20px 0;position:relative;z-index:1}.driver-photo{width:125px;height:150px;object-fit:cover;border-radius:10px;border:3px solid #eee5d2}.photo-placeholder{display:grid;place-items:center;background:#e9edf2;color:#a9b4c1;font:900 28px Manrope}.card-info{flex:1}.card-info>small,.card-bottom small{font-size:8px;letter-spacing:1.5px;color:#9a7837;font-weight:800}.card-info h2{font:800 20px Manrope;margin:5px 0 2px}.member-code{font-size:10px;color:#91a0b0;margin-bottom:10px}.card-row{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-top:1px solid #edf0f2;font-size:10px}.card-row span{color:#8794a3}.card-row b{text-align:right}.card-bottom{border-top:1px solid #e9e4d8;padding-top:12px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.card-bottom b{display:block;font:800 13px Manrope;margin-top:3px}.card-motto{font-size:8px;letter-spacing:1.1px;color:#9a7837;font-weight:800}.print-note{color:#78899b;font-size:11px;margin:18px 0 0}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#14263d,#2d4a65);padding:20px}.login-card{width:100%;max-width:390px;background:#fff;border-radius:17px;padding:34px;box-shadow:0 25px 70px #0003}.login-card .brand-mark{margin-bottom:25px}.login-card h1{font:800 25px Manrope;margin:8px 0}.login-card p{color:#8190a1;font-size:12px;margin:0 0 25px}.login-card label{margin:16px 0 7px}.login-card .muted{text-align:center;margin-top:18px}
@media(max-width:850px){.sidebar{width:72px;padding:20px 10px}.brand{margin:0 auto 45px}.brand>span:not(.brand-mark),.nav-label,.sidebar>a:not(.brand){font-size:0}.sidebar>a:not(.brand){text-align:center;padding:14px 4px}.sidebar-bottom{font-size:0}.sidebar-bottom b,.sidebar-bottom a{font-size:10px}.main{margin-left:72px}.content{padding:25px 18px}.topbar{padding:0 20px}.hero{padding:25px;align-items:flex-start;gap:20px;flex-direction:column}.stats{gap:9px}.stat{padding:14px}.stat strong{font-size:24px}.card-stage{padding:12px}.id-card{width:640px}.section-head{align-items:flex-start;flex-direction:column}.filters{flex-wrap:wrap}.filters input{min-width:100%}}
@media(max-width:560px){.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.stats{grid-template-columns:1fr}.card-main{gap:10px}.driver-photo{width:90px;height:115px}.id-card{padding:16px}.card-info h2{font-size:15px}.card-row{font-size:8px}.card-motto{display:none}.card-top b{font-size:11px}}
@media print{body{background:#fff}.sidebar,.topbar,.footer,.no-print{display:none!important}.main{margin:0}.content{padding:0}.card-stage{background:#fff;padding:0}.id-card{box-shadow:none;border:1px solid #ddd;print-color-adjust:exact;-webkit-print-color-adjust:exact}.print-note{display:none}@page{size:landscape;margin:12mm}}


/* URC LANGGENG FAMILY — premium motorsport ID card */
/* ID CARD — four-color driver-platform palette: Grab, Gojek, Shopee, Maxim */
.id-card{width:760px;max-width:100%;aspect-ratio:1.586;padding:0!important;border:1px solid #2b4739;border-radius:18px;background:#0b1712;color:#f7fbf8;overflow:hidden;position:relative;box-shadow:0 20px 48px #07140f45;isolation:isolate;display:flex!important;flex-direction:column!important}
.id-card:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 10% 8%,#00b14f38 0,transparent 38%),radial-gradient(ellipse at 92% 8%,#ee4d2d30 0,transparent 30%),radial-gradient(ellipse at 82% 95%,#ffd50024 0,transparent 34%),linear-gradient(135deg,#07130e 0%,#12251b 54%,#08120d 100%)}
.id-card:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.48;background:repeating-linear-gradient(135deg,transparent 0 20px,#ffffff08 21px 22px),linear-gradient(90deg,transparent 0 24%,#00aa5b16 24.2% 24.5%,transparent 24.7% 49%,#ee4d2d14 49.2% 49.5%,transparent 49.7% 74%,#ffd50012 74.2% 74.5%,transparent 74.7%)}
.id-head{height:94px;flex:0 0 94px;padding:10px 22px;display:flex;align-items:center;gap:13px;border-bottom:1px solid #00b14f;background:linear-gradient(100deg,#07130eF2,#14291eF0 65%,#24170fE8);position:relative}
.id-head:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:3px;background:linear-gradient(90deg,#00b14f 0 25%,#00aa5b 25% 50%,#ee4d2d 50% 75%,#ffd500 75% 100%)}
.id-head img.crest-logo{display:block!important;width:82px!important;height:82px!important;max-width:82px!important;min-width:82px!important;flex:0 0 82px!important;object-fit:contain!important;overflow:hidden}
.id-brand{display:flex;flex-direction:column;gap:2px;min-width:0}.id-brand span{font:900 10px Manrope,sans-serif;color:#00d66b;letter-spacing:3px}.id-brand strong{font:900 23px Manrope,sans-serif;letter-spacing:1.2px;color:#fff;text-shadow:0 2px 4px #000}.id-brand small{font:700 9px 'DM Sans',sans-serif;letter-spacing:2px;color:#c6d8cc}
.id-type{margin-left:auto;border:1px solid #ffd500;background:linear-gradient(135deg,#26321b,#101b12);color:#ffe45c;border-radius:9px;padding:10px 17px;font:900 17px Manrope;box-shadow:0 0 14px #ffd50022}
.id-body{display:flex;gap:22px;padding:17px 22px 16px;min-height:0;flex:1 1 auto;align-items:stretch}
.id-photo{width:164px;height:100%;min-height:205px;max-height:230px;flex:0 0 164px;object-fit:cover;border:3px solid #00b14f;border-radius:12px;background:#dce8df;box-shadow:0 0 0 2px #ffd50035,0 7px 18px #0008}
.id-photo-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#183c29;background:linear-gradient(145deg,#e8f5ec,#a9cbb5)}.id-photo-empty span{font:900 35px Manrope;color:#17452d}.id-photo-empty small{font-size:8px;font-weight:800;letter-spacing:1px;margin-top:5px}
.id-details{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.id-kicker{font:800 10px 'DM Sans';letter-spacing:2px;color:#00d66b;margin:0 0 7px}.id-details h2{font:900 24px Manrope,sans-serif;margin:0 0 4px;color:#fff;line-height:1.16;text-shadow:0 2px 4px #000}.id-code{font-size:11px;letter-spacing:1.2px;color:#ff875f;margin-bottom:10px}
.id-detail-row{display:grid;grid-template-columns:145px 1fr;gap:10px;align-items:center;padding:7px 11px;margin-top:5px;border:1px solid #49645388;border-left:3px solid #00b14f;border-radius:6px;background:linear-gradient(90deg,#173323e8,#0b1712df);font-size:12px;min-height:34px}.id-detail-row:nth-of-type(2n){border-left-color:#ee4d2d}.id-detail-row:nth-of-type(3n){border-left-color:#ffd500}.id-detail-row span{font-size:9px;letter-spacing:1.2px;font-weight:800;color:#a9c4b2}.id-detail-row b{text-align:left;color:#fff;font-size:12px;font-weight:800;overflow-wrap:anywhere}
.id-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 23px;flex:0 0 76px;min-height:76px;border-top:2px solid transparent;border-image:linear-gradient(90deg,#00b14f 0 25%,#00aa5b 25% 50%,#ee4d2d 50% 75%,#ffd500 75% 100%) 1;background:linear-gradient(90deg,#07130e,#14291e 65%,#21180f)}
.leader-contact span{display:block;font-size:9px;letter-spacing:1.8px;color:#00d66b;font-weight:800}.leader-contact strong{display:block;font:900 16px Manrope,sans-serif;color:#fff;margin-top:4px;line-height:1.2}.leader-contact em{display:block;font:700 13px 'DM Sans',sans-serif;color:#ffe45c;font-style:normal;margin-top:3px;letter-spacing:.3px}.id-motto{font-size:10px;letter-spacing:1.2px;font-weight:900;color:#fff;text-align:right}.id-motto i{color:#ee7658;font-style:normal}
@media(max-width:650px){.id-head{flex-basis:76px;height:76px;padding:7px 11px;gap:8px}.id-head img.crest-logo{width:58px!important;height:58px!important;max-width:58px!important;min-width:58px!important;flex-basis:58px!important}.id-brand strong{font-size:14px}.id-brand small{font-size:6px;letter-spacing:1px}.id-type{padding:7px 10px;font-size:12px}.id-body{gap:9px;padding:10px}.id-photo{width:95px;min-height:130px;flex-basis:95px}.id-details h2{font-size:14px}.id-detail-row{grid-template-columns:75px 1fr;min-height:25px;padding:4px 5px}.id-detail-row span{font-size:6px}.id-detail-row b{font-size:8px}.id-foot{flex-basis:58px;min-height:58px;padding:7px 10px}.leader-contact strong{font-size:10px}.leader-contact em{font-size:8px}.id-motto{font-size:5px}}
@media print{.id-card{width:760px!important;max-width:none!important;display:flex!important;flex-direction:column!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}.id-card:before,.id-card:after{print-color-adjust:exact;-webkit-print-color-adjust:exact}.id-body{flex:1 1 auto!important}.card-stage{background:#fff!important;padding:0!important}}

.qr-info{background:#fff8e8;border:1px solid #ead7a7;color:#705522;padding:13px 16px;border-radius:9px;font-size:12px;margin-bottom:20px}.sticker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}.sticker-item{background:#fff;border:1px solid #e3e8ef;border-radius:13px;padding:14px}.diecut{width:100%;max-width:300px;aspect-ratio:1;margin:auto;padding:7%;clip-path:polygon(50% 0%,91% 12%,100% 33%,96% 77%,50% 100%,4% 77%,0 33%,9% 12%);background:radial-gradient(circle at 50% 12%,#244c70,#0a1b2e 54%,#030912);border:2px solid #d5ad4e;color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative;filter:drop-shadow(0 5px 8px #0004)}.diecut:after{content:"";position:absolute;inset:5px;clip-path:polygon(50% 0%,91% 12%,100% 33%,96% 77%,50% 100%,4% 77%,0 33%,9% 12%);border:1px solid #d9b958;pointer-events:none}.sticker-top{display:flex;align-items:center;justify-content:center;gap:8px}.sticker-top img{width:56px;height:56px;object-fit:contain}.sticker-top small{display:block;color:#4bc1ff;font-size:8px;letter-spacing:2px;font-weight:900}.sticker-top b{display:block;color:#f5ca58;font:900 17px Manrope;line-height:1}.sticker-top em{display:block;color:#d8e3ee;font-size:6px;letter-spacing:1px;font-style:normal;margin-top:3px}.sticker-middle{display:flex;align-items:center;justify-content:space-around;gap:6px}.sticker-member{min-width:0;text-align:center;max-width:52%}.sticker-member strong{display:block;font-size:11px;overflow-wrap:anywhere}.sticker-member span{display:block;color:#8ed6ff;font-size:8px;margin-top:4px}.qr-code{width:88px;height:88px;padding:4px;background:#fff;border-radius:4px;display:grid;place-items:center;flex:0 0 88px}.qr-code img,.qr-code canvas{max-width:100%;max-height:100%}.sticker-bottom{text-align:center;color:#f5ce65;font-weight:900}.sticker-bottom span{display:block;font-size:9px;letter-spacing:1px}.sticker-bottom b{display:block;font-size:6px;letter-spacing:.5px;margin-top:3px}.sticker-actions{display:flex;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap}.sticker-actions>span{font-size:10px;color:#718096;margin-right:auto}.sticker-actions .btn{padding:8px 10px;font-size:10px}
@media print{body{background:#fff!important}.sidebar,.topbar,.footer,.section-head,.qr-info,.sticker-actions,.no-print{display:none!important}.main{margin:0!important}.content{padding:0!important;max-width:none!important}.sticker-grid{display:grid;grid-template-columns:repeat(3,90mm);gap:3mm;justify-content:start}.sticker-item{padding:0;border:0;border-radius:0;break-inside:avoid;width:90mm}.sticker-item .diecut{width:88mm;height:88mm;max-width:none;aspect-ratio:auto;print-color-adjust:exact;-webkit-print-color-adjust:exact;filter:none}.qr-code{width:30mm;height:30mm;flex-basis:30mm}.qr-code img,.qr-code canvas{width:26mm!important;height:26mm!important}}
@media print{@page{size:A4 portrait;margin:8mm}.sticker-grid{grid-template-columns:repeat(2,90mm)!important;gap:4mm!important}.sticker-item{width:90mm!important}.sticker-item .diecut{width:88mm!important;height:88mm!important}}

/* LANGGENG FAMILY — dynamic motorsport QR sticker */
@font-face{font-family:InterSticker;src:url("InterDisplay-BoldItalic.otf") format("opentype");font-style:italic;font-weight:900;font-display:swap}
.sticker-grid-new{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px}
.sticker-item-new{padding:14px}
.sticker-canvas{width:100%;aspect-ratio:1312/1199;position:relative;overflow:hidden;background:#05070b;isolation:isolate;container-type:inline-size}
.sticker-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.sticker-live-name,.sticker-live-code{position:absolute;z-index:2;left:20.55%;width:31.9%;display:flex;align-items:center;justify-content:center;overflow:hidden;text-align:center;color:#fff;font-family:InterSticker,"Arial Narrow",Arial,sans-serif;font-weight:900;font-style:italic;letter-spacing:0;text-shadow:0 2px 2px #000,0 0 5px #000;white-space:nowrap;line-height:1;padding:0 1px;box-sizing:border-box}
.sticker-live-name{top:48.5%;height:8.0%;font-size:3.45cqw;color:#ffe28a;white-space:nowrap;line-height:1;padding:0 2px;}
.sticker-live-code{top:62.5%;height:8.0%;font-size:3.45cqw;letter-spacing:.15px;color:#ffe28a;text-shadow:0 2px 2px #000,0 0 5px #000}
.sticker-live-qr{position:absolute;z-index:2;left:57.75%;top:36.55%;width:32.5%;height:auto;aspect-ratio:1/1;display:grid;place-items:center;background:#fff;padding:0;overflow:hidden;box-sizing:border-box}
.sticker-live-qr img,.sticker-live-qr canvas{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;aspect-ratio:1/1;object-fit:contain;image-rendering:pixelated}
.sticker-live-qr small{color:#111;font-size:9px;text-align:center}
.sticker-canvas-single{width:100%}
@media(max-width:560px){.sticker-grid-new{grid-template-columns:1fr}}
@media print{
  body{background:#fff!important}
  .sticker-grid-new{display:grid!important;grid-template-columns:repeat(2,90mm)!important;gap:4mm!important;justify-content:start!important}
  .sticker-item-new{width:90mm!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;break-inside:avoid}
  .sticker-item-new .sticker-canvas{width:90mm!important;height:82.25mm!important;aspect-ratio:auto!important;overflow:hidden;print-color-adjust:exact;-webkit-print-color-adjust:exact}
  .sticker-live-qr{padding:0!important}
  .sticker-print-wrap{width:100mm!important}.sticker-canvas-single{width:100mm!important;height:91.36mm!important}
}


/* ID CARD LIGHT THEME — logo hitam lebih kontras, empat warna tetap sebagai aksen */
.id-card{background:#f5f3e9!important;color:#18372a!important;border:1px solid #d6dfd4!important;box-shadow:0 18px 42px #18372a22!important}
.id-card:before{background:radial-gradient(ellipse at 8% 8%,#00b14f18 0,transparent 38%),radial-gradient(ellipse at 94% 5%,#ee4d2d12 0,transparent 30%),radial-gradient(ellipse at 82% 96%,#ffd50020 0,transparent 34%),linear-gradient(135deg,#fffdf5 0%,#f1f4e9 58%,#fff8ed 100%)!important}
.id-card:after{opacity:.32!important;background:repeating-linear-gradient(135deg,transparent 0 20px,#18372a07 21px 22px),linear-gradient(90deg,transparent 0 24%,#00b14f12 24.2% 24.5%,transparent 24.7% 49%,#ee4d2d10 49.2% 49.5%,transparent 49.7% 74%,#ffd50014 74.2% 74.5%,transparent 74.7%)!important}
.id-head{background:linear-gradient(100deg,#fffdf7,#f4f6ec 68%,#fff7ed)!important;border-bottom-color:#00b14f!important}
.id-head img.crest-logo{background:#fff!important;border:1px solid #dce5d9!important;border-radius:13px!important;padding:4px!important;box-shadow:0 3px 10px #17332118!important}
.id-brand strong{color:#173321!important;text-shadow:none!important}
.id-brand span{color:#008d45!important}
.id-brand small{color:#52695b!important}
.id-type{background:linear-gradient(135deg,#e5f2e8,#fff)!important;color:#17623b!important;border-color:#00b14f!important;box-shadow:0 2px 8px #00b14f18!important}
.id-photo{background:#fff!important;border-color:#00b14f!important;box-shadow:0 0 0 2px #ffd50040,0 6px 14px #18372a18!important}
.id-details h2{color:#18372a!important;text-shadow:none!important}
.id-kicker{color:#008d45!important}
.id-code{color:#c94b2b!important}
.id-detail-row{background:linear-gradient(90deg,#fff,#f1f5ed)!important;border-color:#dce5d9!important;color:#18372a!important;box-shadow:0 2px 5px #18372a08!important}
.id-detail-row span{color:#607568!important}
.id-detail-row b{color:#18372a!important}
.id-foot{background:linear-gradient(90deg,#173b29,#20563a 65%,#31543b)!important}
.leader-contact span{color:#8ce2ad!important}
.id-motto{color:#fff!important}
@media print{.id-card,.id-card:before,.id-card:after,.id-head,.id-foot,.id-detail-row{print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important}}


/* FUTURISTIC OJOL ID CARD — light header + dark route-inspired center */
.id-card{position:relative;isolation:isolate;overflow:hidden;background:#f5f4ec!important;color:#f7fff9!important;border:1px solid #d7e1d8!important}
.id-card-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;background:
 radial-gradient(ellipse at 88% 42%,#00b14f35 0,transparent 32%),
 radial-gradient(ellipse at 10% 88%,#ee4d2d22 0,transparent 28%),
 linear-gradient(180deg,#f8f7ef 0 27%,#102b25 27% 87%,#153b30 87% 100%)!important}
.id-card:before{content:"";position:absolute;z-index:-1;pointer-events:none;left:34%;right:-12%;top:29%;height:55%;
 background:
 linear-gradient(118deg,transparent 0 43%,#ffffff12 43.2% 43.7%,transparent 44% 56%,#ffffff12 56.2% 56.7%,transparent 57%),
 repeating-linear-gradient(118deg,transparent 0 34px,#ffffff08 35px 36px,transparent 37px 72px),
 radial-gradient(circle at 82% 28%,#00b14f35 0 3px,transparent 4px),
 radial-gradient(circle at 55% 62%,#ffd50070 0 3px,transparent 4px),
 radial-gradient(circle at 28% 18%,#ee4d2d80 0 3px,transparent 4px);
 opacity:.9}
.id-card:after{content:"";position:absolute;z-index:-1;pointer-events:none;left:0;right:0;top:27%;height:4px;background:linear-gradient(90deg,#00b14f 0 35%,#00aa5b 35% 57%,#ee4d2d 57% 79%,#ffd500 79% 100%);box-shadow:0 3px 16px #00b14f40}
.id-head{position:relative;background:linear-gradient(105deg,#fffef8,#f1f5eb 72%,#fff5e9)!important;border-bottom:0!important}
.id-head:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#00b14f 0 35%,#00aa5b 35% 57%,#ee4d2d 57% 79%,#ffd500 79% 100%)}
.id-head img.crest-logo{background:#fff!important;border:1px solid #dce5d9!important;border-radius:14px!important;padding:5px!important;box-shadow:0 5px 16px #17332120!important}
.id-brand strong{color:#173321!important;text-shadow:none!important}
.id-brand span{color:#008d45!important}
.id-brand small{color:#52695b!important}
.id-type{background:#e4f2e8!important;color:#17623b!important;border:1px solid #00b14f!important}
.id-body{position:relative;background:linear-gradient(110deg,#102b25f2,#163c31ee 62%,#112d29f2)!important;color:#f7fff9!important;padding-top:22px!important;padding-bottom:22px!important}
.id-photo{background:#fff!important;border:3px solid #f8f7ef!important;box-shadow:0 0 0 2px #00b14f,0 0 0 5px #ffd50055,0 12px 26px #0005!important}
.id-photo-empty{color:#17623b!important}
.id-details h2{color:#fff!important;text-shadow:0 2px 12px #0005!important}
.id-kicker{color:#7be0a2!important;letter-spacing:2px!important}
.id-code{display:inline-block;color:#fff!important;background:linear-gradient(90deg,#00a84f,#087b50)!important;border:1px solid #77e5a4!important;border-radius:6px!important;padding:4px 10px!important;box-shadow:0 4px 14px #00b14f35!important}
.id-detail-row{background:linear-gradient(100deg,#ffffff14,#ffffff0a)!important;border:1px solid #ffffff20!important;color:#fff!important;backdrop-filter:blur(5px)!important;box-shadow:inset 3px 0 0 #00b14f!important}
.id-detail-row:nth-of-type(2n){box-shadow:inset 3px 0 0 #ee4d2d!important}
.id-detail-row span{color:#b9d3c6!important}
.id-detail-row b{color:#fff!important}
.id-foot{position:relative;background:linear-gradient(100deg,#0b211d,#173b30 70%,#1b4935)!important;border-top:1px solid #ffffff24!important}
.id-foot:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(#00b14f 0 35%,#00aa5b 35% 57%,#ee4d2d 57% 79%,#ffd500 79%)}
.id-motto{color:#fff!important;letter-spacing:1px!important}
.leader-contact span{color:#80e4a8!important}
@media print{.id-card,.id-card-bg,.id-card:before,.id-card:after,.id-head,.id-body,.id-foot,.id-detail-row{print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important}}