@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";:root{--primary:#003b71;--primary-dark:#00264d;--secondary:#ffd100;--accent:#00a9e0;--background:#f8fafc;--surface:#fff;--text-main:#1e293b;--text-muted:#64748b;--success:#10b981;--error:#ef4444;--radius-lg:1.5rem;--radius-md:.75rem;--shadow:0 10px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--font-family:"Outfit", "Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--background);color:var(--text-main);-webkit-user-select:none;user-select:none;width:100vw;height:100vh;overflow:hidden}#root{flex-direction:column;height:100%;display:flex}.kiosk-container{flex-direction:column;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem;display:flex;position:relative}.screen-transition{flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0}.btn-primary{background-color:var(--primary);color:#fff;border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow);border:none;align-items:center;gap:1rem;padding:1.5rem 3rem;font-size:1.5rem;font-weight:700;transition:all .2s;display:flex}.btn-primary:active{background-color:var(--primary-dark);transform:scale(.95)}.btn-secondary{background-color:var(--surface);color:var(--primary);border:2px solid var(--primary);border-radius:var(--radius-md);cursor:pointer;padding:1rem 2rem;font-size:1.2rem;font-weight:600}.keypad{grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;max-width:400px;margin-top:2rem;display:grid}.keypad-btn{background:var(--surface);border-radius:var(--radius-md);cursor:pointer;border:2px solid #e2e8f0;padding:1.5rem;font-size:2rem;font-weight:600;transition:all .1s}.keypad-btn:active{border-color:var(--primary);background:#f1f5f9;transform:scale(.95)}.header{justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 0;display:flex}.logo{color:var(--primary);letter-spacing:-1px;font-size:2rem;font-weight:800}.logo span{color:var(--secondary)}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);width:100%;max-width:800px;padding:2rem}.debt-item{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.debt-item:last-child{border-bottom:none}.price{color:var(--primary);font-size:1.25rem;font-weight:700}@media (width<=768px){body{overflow:auto}.kiosk-container{height:auto;min-height:100vh;padding:1rem}.header{flex-direction:column;gap:1rem;margin-bottom:1.5rem;align-items:center!important}.logo{text-align:center;font-size:1.8rem}.screen-transition{height:auto;padding:0;position:static}h1{font-size:2rem!important;line-height:1.1!important}h2{text-align:center;font-size:1.5rem!important}p{font-size:1rem!important}div[style*="minWidth: 400px"],div[style*="minWidth: 600px"]{word-break:break-all;width:100%!important;min-width:0!important;padding:1rem!important;font-size:1.5rem!important}div[style*="width: 300px"]{width:200px!important;height:200px!important}div[style*="width: 300px"] svg{width:60px!important;height:60px!important}.keypad-btn{padding:.5rem!important;font-size:1.1rem!important}div[style*="gap: 0.5rem; justify-content: center"],div[style*="gap: 0.5rem; justifyContent: center"]{gap:.2rem!important}.btn-primary,.btn-secondary{justify-content:center;width:100%;padding:1rem;font-size:1rem}div[style*="display: flex; gap: 1rem; marginBottom: 1.5rem;"],div[style*="display: flex; gap: 1rem; margin-bottom: 1.5rem;"]{flex-direction:column;width:100%;gap:.5rem!important}div[style*="gap: 2rem"],div[style*="gap: 1rem; justify-content: center"],div[style*="gap: 1rem; justifyContent: center"],div[style*="display: flex; gap: 1rem"]{flex-direction:column;width:100%;gap:.75rem!important}div[style*="justify-content: space-between; align-items: center"],div[style*="justify-content: space-between; alignItems: center"],div[style*="display: flex; justify-content: space-between; alignItems: center"]{text-align:center;flex-direction:column;gap:1rem;align-items:stretch!important}.card{padding:1.5rem 1rem}.debt-item{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.debt-item>div:last-child{width:100%;text-align:left!important}.header>div:last-child{justify-content:center;width:100%}}