@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap";:root{font-family:Roboto,Cairo,system-ui,sans-serif;line-height:1.5;font-weight:400;--bg-color: #ffffff;--primary-color: #0056b3;background-color:var(--bg-color)}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-color)}.kiosk-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background-color:var(--bg-color);min-height:100vh}.controls-section{width:100%;max-width:1040px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 10px #0000000d;margin-bottom:30px;border:1px solid #eee}.section-title{font-size:1.25rem;color:#333;margin-bottom:20px;border-bottom:2px solid #f0f0f0;padding-bottom:10px}.input-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-size:.9rem;font-weight:500;color:#555}.input-group input{padding:10px;border:1px solid #ccc;border-radius:6px;font-size:1rem;transition:border-color .2s}.input-group input:focus{border-color:var(--primary-color);outline:none}.card-details-container{display:flex;flex-direction:column;align-items:center;padding:40px 20px;background-color:#f8f9fa;min-height:100vh}.actions-bar{display:flex;justify-content:flex-end}.print-btn{background-color:var(--primary-color);color:#fff;border:none;padding:12px 30px;font-size:1rem;border-radius:6px;cursor:pointer;font-weight:600;transition:background .2s;box-shadow:0 2px 5px #0000001a}.print-btn:hover{background-color:#004494}.cards-preview{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.card-view{width:500px;height:315px;position:relative;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #00000026;background:#fff;flex-shrink:0}.card-bg-img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:1}.card-content-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;padding:90px 35px 25px;box-sizing:border-box;display:flex;flex-direction:column}.qr-code-corner{position:absolute;background:#fff;padding:5px;border-radius:4px}.qr-code-corner.bottom-left{bottom:25px;left:25px}.qr-code-corner.front-bottom-right{bottom:25px;right:25px;z-index:5}.info-grid{display:flex;flex-direction:column;gap:4px;width:100%;height:100%;justify-content:space-between}.info-row{display:flex;justify-content:space-between;align-items:center;width:100%;padding-bottom:4px;border-bottom:1px dotted rgba(0,0,0,.15)}.label-fr{flex:1;text-align:left;font-size:11px;font-weight:800;white-space:nowrap;color:#212529}.value{flex:2;text-align:center;font-weight:900;color:#000;font-size:15px;font-family:Roboto,sans-serif}.value.text-xl{font-size:18px;letter-spacing:1px}.label-ar{flex:1;text-align:right;font-family:Cairo,sans-serif;font-size:12px;font-weight:800;white-space:nowrap;color:#212529}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;width:100%;max-width:1200px;padding:20px}.kiosk-card.image-card{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease;background:#fff;aspect-ratio:16 / 9;display:flex}.kiosk-card.image-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px #00000026}.kiosk-card.image-card img{width:100%;height:100%;object-fit:cover;display:block}