.ld-gecis-kontrol-app{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(250px,.8fr) minmax(280px,1fr);gap:20px;align-items:start}.ld-gecis-kontrol-wall{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:22px;padding:46px 18px 0;border-radius:var(--radius-lg);background:linear-gradient(180deg,#eef0ee,#e2e5e1 82%,#b9b4aa 82%,#a8a398);border:1px solid var(--border);overflow:hidden;min-height:360px;box-shadow:var(--shadow-card)}.ld-gecis-kontrol-sign{position:absolute;top:12px;left:50%;transform:translateX(-50%);padding:4px 12px;border-radius:6px;background:#14213d;color:#fff;font:700 12px/1.3 var(--font-display);white-space:nowrap}.ld-gecis-kontrol-door{position:relative;width:190px;height:290px;padding:8px 8px 0;background:linear-gradient(90deg,#5d6570,#8a939e 50%,#5d6570);border-radius:4px 4px 0 0;perspective:900px;flex:none}.ld-gecis-kontrol-in{position:absolute;inset:8px 8px 0;background:linear-gradient(180deg,#1c2a44,#31476b 70%,#4b5c76)}.ld-gecis-kontrol-in::after{content:"";position:absolute;left:20%;right:20%;top:30%;bottom:0;background:linear-gradient(180deg,rgba(255,236,180,.25),rgba(255,236,180,0))}.ld-gecis-kontrol-leaf{position:relative;height:100%;background:linear-gradient(90deg,#aeb6bf,#d6dbe0 40%,#b7bec6);border:6px solid #7d8691;border-bottom:0;transform-origin:0 50%;transition:transform .9s cubic-bezier(.3,.7,.2,1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}.ld-gecis-kontrol-glass{position:absolute;inset:10px 10px 30px;background:linear-gradient(135deg,rgba(196,222,240,.9),rgba(150,186,214,.75) 45%,rgba(210,232,246,.9));border:2px solid #8f99a4}.ld-gecis-kontrol-glass::after{content:"";position:absolute;left:0;right:0;top:42%;height:22px;background:rgba(255,255,255,.55)}.ld-gecis-kontrol-bar{position:absolute;right:12px;top:44%;width:8px;height:70px;border-radius:4px;background:linear-gradient(90deg,#5f6670,#c6ccd2,#5f6670);box-shadow:0 2px 4px rgba(0,0,0,.35)}.ld-gecis-kontrol-door.is-open .ld-gecis-kontrol-leaf{transform:rotateY(-72deg)}.ld-gecis-kontrol-mag{position:absolute;z-index:2;top:-2px;left:22%;width:56%;height:14px;border-radius:2px;background:linear-gradient(180deg,#c8cdd2,#8d949b);box-shadow:0 2px 4px rgba(0,0,0,.3)}.ld-gecis-kontrol-mag i{position:absolute;right:6px;top:4px;width:6px;height:6px;border-radius:50%;background:#ff3d3d;box-shadow:0 0 6px #ff3d3d}.ld-gecis-kontrol-door.is-unlocked .ld-gecis-kontrol-mag i{background:#29d46f;box-shadow:0 0 6px #29d46f}.ld-gecis-kontrol-reader{position:relative;margin-bottom:104px;width:124px;padding:14px 10px 12px;border-radius:16px;background:linear-gradient(160deg,#2a2f38,#111419 60%,#0b0d11);box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 14px 26px rgba(0,0,0,.35);flex:none;transition:box-shadow .3s}.ld-gecis-kontrol-reader.is-target{box-shadow:0 0 0 4px rgba(61,167,215,.55),0 14px 26px rgba(0,0,0,.35)}.ld-gecis-kontrol-led{display:block;width:60%;height:5px;margin:0 auto 10px;border-radius:3px;background:#1d4fd8;box-shadow:0 0 8px #3b6cff;opacity:.55;transition:background .15s,box-shadow .15s,opacity .15s}.ld-gecis-kontrol-led.is-read{opacity:1;animation:ldx-blink .15s steps(1) 3}.ld-gecis-kontrol-led.is-ok{background:#29d46f;box-shadow:0 0 12px #29d46f;opacity:1}.ld-gecis-kontrol-led.is-bad{background:#ff3d3d;box-shadow:0 0 12px #ff3d3d;opacity:1}.ld-gecis-kontrol-led.is-wait{background:#ffb81f;box-shadow:0 0 10px #ffb81f;opacity:1;animation:ldx-blink .5s steps(1) 16}.ld-gecis-kontrol-tap{display:grid;place-items:center;gap:2px;color:#9fb3d1;margin-bottom:10px}.ld-gecis-kontrol-tap .ico{width:30px;height:30px;transform:rotate(90deg)}.ld-gecis-kontrol-tap small{font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ld-gecis-kontrol-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.ld-gecis-kontrol-pk{min-height:30px;border:0;border-radius:7px;background:#262b33;color:#dfe7f3;font:700 14px/1 var(--font-display);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);cursor:pointer;touch-action:manipulation}.ld-gecis-kontrol-reader.is-pin .ld-gecis-kontrol-pk{color:#fff;text-shadow:0 0 6px rgba(120,180,255,.9);background:#2c3646}.ld-gecis-kontrol-pk:active{background:#3a4352}.ld-gecis-kontrol-state{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}.ld-gecis-kontrol-lock{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-pill);background:#fde8e8;color:#a3161c;font-size:14px}.ld-gecis-kontrol-lock.is-open{background:#e3f5ea;color:#136237}.ld-gecis-kontrol-lock .ico{width:16px;height:16px}.ld-gecis-kontrol-msg{font-size:14px;color:var(--ink-muted);flex:1 1 200px}.ld-gecis-kontrol-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.ld-gecis-kontrol-wallet{min-width:0}.ld-gecis-kontrol-wall,.ld-gecis-kontrol-wallet{-webkit-user-select:none;user-select:none}.ld-gecis-kontrol-cards{list-style:none;margin:0;padding:0;display:grid;gap:12px}.ld-gecis-kontrol-card{position:relative;display:flex;flex-direction:column;justify-content:flex-start;width:100%;max-width:280px;aspect-ratio:1.9;padding:0;border:0;border-radius:12px;background:#fff;box-shadow:0 6px 16px rgba(10,22,48,.16),0 0 0 1px rgba(10,22,48,.06);text-align:left;cursor:grab;touch-action:none;user-select:none;overflow:hidden;transition:box-shadow .2s,transform .2s var(--spring)}.ld-gecis-kontrol-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(10,22,48,.2),0 0 0 1px rgba(10,22,48,.06)}.ld-gecis-kontrol-card.is-drag{cursor:grabbing;transition:none;z-index:5;box-shadow:0 18px 36px rgba(10,22,48,.3)}.ld-gecis-kontrol-card__top{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;background:linear-gradient(90deg,#102f94,#3da7d7);color:#fff;font:800 11.5px/1 var(--font-display);letter-spacing:.06em}.ld-gecis-kontrol-card.is-grey .ld-gecis-kontrol-card__top{background:linear-gradient(90deg,#5b6472,#9aa3ad)}.ld-gecis-kontrol-card.is-teal .ld-gecis-kontrol-card__top{background:linear-gradient(90deg,#0e6b62,#2fb39a)}.ld-gecis-kontrol-card__nfc .ico{width:16px;height:16px;transform:rotate(90deg)}.ld-gecis-kontrol-card__body{display:flex;gap:10px;align-items:center;padding:10px 12px}.ld-gecis-kontrol-card__ph{display:grid;place-items:center;width:44px;height:54px;border-radius:6px;background:#e8edf3;color:#8a96a8;flex:none}.ld-gecis-kontrol-card__ph .ico{width:26px;height:26px}.ld-gecis-kontrol-card b{display:block;font:800 14px/1.2 var(--font-display);color:#14213d}.ld-gecis-kontrol-card small{display:block;font-size:12px;color:#4b5a77;line-height:1.35}.ld-gecis-kontrol-card__no{font-family:ui-monospace,Consolas,monospace}.ld-gecis-kontrol-mode{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:16px;font-size:13px;font-weight:700}.ld-gecis-kontrol-mode span{width:100%;color:var(--ink-muted)}.ld-gecis-kontrol-mode button{min-height:36px;padding:6px 12px;border-radius:var(--radius-pill);border:1px solid var(--border-control);background:var(--surface-raised);color:var(--ink);font:700 13px/1 var(--font-sans);cursor:pointer}.ld-gecis-kontrol-mode button[aria-checked="true"]{background:var(--desa-navy);border-color:var(--desa-navy);color:#fff}.ld-gecis-kontrol-hint{display:flex;align-items:center;gap:6px;margin:12px 0 0;font-size:13px;color:var(--ink-muted)}.ld-gecis-kontrol-hint .ico{width:16px;height:16px}.ld-gecis-kontrol-side{display:grid;gap:16px;min-width:0}.ld-gecis-kontrol-tbl{width:100%;border-collapse:collapse;font-size:13.5px}.ld-gecis-kontrol-tbl th,.ld-gecis-kontrol-tbl td{padding:8px 4px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.ld-gecis-kontrol-tbl thead th{font-size:12px;color:var(--ink-muted);font-weight:700}.ld-gecis-kontrol-tbl tbody th{font-weight:800}.ld-gecis-kontrol-tbl small{display:block;font-weight:600;color:var(--ink-muted);font-size:12px}.ld-gecis-kontrol-tbl td small.is-bad{color:var(--danger);font-weight:800}.ld-gecis-kontrol-ext{margin-top:4px;padding:3px 8px;border-radius:6px;border:1px solid var(--border-control);background:var(--surface-raised);font:700 12px/1.2 var(--font-sans);color:var(--link);cursor:pointer}.ld-gecis-kontrol-sw{position:relative;width:46px;height:28px;border-radius:14px;border:0;background:#b8c1cc;cursor:pointer;transition:background .2s;flex:none}.ld-gecis-kontrol-sw span{position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .25s var(--spring)}.ld-gecis-kontrol-sw[aria-checked="true"]{background:#1b7a44}.ld-gecis-kontrol-sw[aria-checked="true"] span{transform:translateX(18px)}@media (max-width:1180px){.ld-gecis-kontrol-app{grid-template-columns:minmax(0,1fr) minmax(250px,.8fr)}.ld-gecis-kontrol-side{grid-column:1 / -1;grid-template-columns:1fr 1fr}}@media (max-width:760px){.ld-gecis-kontrol-app{grid-template-columns:1fr}.ld-gecis-kontrol-side{grid-template-columns:1fr}.ld-gecis-kontrol-cards{grid-auto-flow:column;grid-auto-columns:74%;overflow-x:auto;padding:4px 2px 10px;scroll-snap-type:x mandatory}.ld-gecis-kontrol-cards li{scroll-snap-align:start}.ld-gecis-kontrol-card{touch-action:pan-x}}@media (max-width:420px){.ld-gecis-kontrol-wall{gap:12px;padding:44px 10px 0;min-height:330px}.ld-gecis-kontrol-door{width:132px;height:262px}.ld-gecis-kontrol-reader{width:124px;margin-bottom:84px}.ld-gecis-kontrol-pk{min-height:32px}}