@import "https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,400;8..144,500;8..144,600;8..144,700&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,400;8..144,500;8..144,600;8..144,700&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,400;8..144,500;8..144,600;8..144,700&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,400;8..144,500;8..144,600;8..144,700;8..144,800&display=swap";.welcome-page{background:#000;width:100%;min-height:100vh}.welcome-card{background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.welcome-content{text-align:center;color:#fff;width:100%;max-width:420px;padding:0 24px}.welcome-title{margin-bottom:8px;font-family:Roboto Flex,sans-serif;font-size:30px;font-weight:500}.dobrakfest-logo{width:100%;max-width:280px;margin:0 auto 40px}.choose-text{margin-bottom:16px;font-family:Roboto Flex,sans-serif;font-size:22px}.button-group{flex-direction:column;align-items:center;gap:14px;display:flex}.checkin-button{cursor:pointer;background:#fff;border:none;border-radius:999px;width:100%;max-width:260px;height:50px;font-family:Roboto Flex,sans-serif;font-size:20px}.checkin-button:active{transform:scale(.98)}.invitation-page{background:#333;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.invitation-card{background-position:50%;background-size:cover;width:100%;min-height:100vh;position:relative;overflow:hidden}.invitation-content{color:#fff;text-align:center;width:100%;padding:82px 52px 0}.invitation-subtitle{margin:0 0 4px;font-family:Roboto Flex,sans-serif;font-size:18px;font-weight:400}.invitation-logo{width:260px;height:auto;margin:0 auto 52px;display:block}.invitation-form{text-align:left;flex-direction:column;align-items:stretch;display:flex}.form-label{margin-bottom:7px;font-family:Roboto Flex,sans-serif;font-size:18px;font-weight:500}.form-input{background:#fff;border:none;border-radius:8px;outline:none;width:100%;height:45px;margin-bottom:14px;padding:0 14px;font-family:Roboto Flex,sans-serif;font-size:18px}.submit-button{color:#111;cursor:pointer;background:#fff;border:none;border-radius:999px;width:224px;height:45px;margin:50px auto 0;font-family:Roboto Flex,sans-serif;font-size:17px;font-weight:600;box-shadow:0 8px 14px #00000038}.submit-button:active{transform:scale(.98)}select.form-input{appearance:none;cursor:pointer}@keyframes spin{to{transform:rotate(360deg)}}.employee-page{background:#333;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.employee-card{background-position:50%;background-size:cover;width:100%;min-height:100vh;position:relative;overflow:hidden}.employee-content{color:#fff;text-align:center;width:100%;padding:70px 50px 0}.employee-subtitle{margin:0 0 2px;font-family:Roboto Flex,sans-serif;font-size:18px;font-weight:400}.employee-logo{width:260px;height:auto;margin:0 auto 18px;display:block}.camera-box{background:#ffffff52;border-radius:8px;width:256px;height:186px;margin:0 auto 10px;position:relative;overflow:hidden}.camera-video{object-fit:cover;width:100%;height:100%}.camera-placeholder{color:#111;cursor:pointer;background:#ffffffd9;border:none;font-family:Roboto Flex,sans-serif;font-size:15px;font-weight:600;position:absolute;inset:0}.scan-actions{justify-content:center;gap:8px;margin-bottom:6px;display:flex}.small-action-button{color:#111;cursor:pointer;background:#fff;border:none;border-radius:999px;width:104px;height:30px;font-family:Roboto Flex,sans-serif;font-size:12px;font-weight:600;box-shadow:0 5px 10px #0000002e}.small-action-button:disabled{opacity:.55;cursor:not-allowed}.employee-form{flex-direction:column;align-items:center;display:flex}.employee-label{align-self:flex-start;margin-bottom:8px;font-family:Roboto Flex,sans-serif;font-size:20px;font-weight:400}.employee-input{color:#111;background:#fff;border:none;border-radius:8px;outline:none;width:256px;height:43px;padding:0 14px;font-family:Roboto Flex,sans-serif;font-size:16px;box-shadow:0 8px 12px #0003}.employee-input-name{margin-top:8px}.employee-select{margin-top:8px;font-size:13px}.employee-submit-button{color:#111;cursor:pointer;background:#fff;border:none;border-radius:999px;width:205px;height:43px;margin-top:24px;font-family:Roboto Flex,sans-serif;font-size:16px;font-weight:600;box-shadow:0 8px 14px #0000003d}.employee-submit-button:disabled{opacity:.65;cursor:not-allowed}.employee-submit-button:active,.small-action-button:active,.camera-placeholder:active{transform:scale(.98)}.employee-message{color:#fff;max-width:256px;min-height:18px;margin:10px auto 0;font-family:Roboto Flex,sans-serif;font-size:12px;line-height:1.3}.qr-result-box{color:#111;text-align:left;background:#ffffffe6;border-radius:8px;width:256px;margin:8px auto 0;padding:8px 10px;font-family:Roboto Flex,sans-serif}.qr-result-label{margin:0 0 4px;font-size:12px;font-weight:700}.qr-result-value{word-break:break-all;margin:0;font-size:12px}.loading-overlay{z-index:20;color:#fff;text-align:center;background:#1c1246d1;flex-direction:column;justify-content:center;align-items:center;font-family:Roboto Flex,sans-serif;font-size:17px;font-weight:600;display:flex;position:absolute;inset:0}.loading-spinner{border:5px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:54px;height:54px;margin-bottom:16px;animation:.85s linear infinite spin}.employee-confirm-page{background:#333;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.employee-confirm-card{background-position:50%;background-size:cover;width:100%;min-height:100vh;position:relative;overflow:hidden}.employee-confirm-content{color:#fff;text-align:center;width:100%;padding:62px 48px 0}.confirm-title{margin:0 0 4px;font-family:Roboto Flex,sans-serif;font-size:16px;font-weight:500}.confirm-logo{width:260px;height:auto;margin:0 auto 38px;display:block}.visitor-card{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#7e74b4b8;border:1px solid #ffffffa6;border-radius:8px;width:280px;min-height:250px;margin:0 auto;padding:18px 16px;box-shadow:0 10px 18px #00000038}.visitor-label{color:#fff36a;margin:0 0 8px;font-family:Roboto Flex,sans-serif;font-size:16px;font-weight:700}.visitor-name{color:#fff36a;text-transform:uppercase;margin:0;font-family:Roboto Flex,sans-serif;font-size:21px;font-weight:800;line-height:1.1}.visitor-nik{color:#fff36a;margin:0;font-family:Roboto Flex,sans-serif;font-size:27px;font-weight:800;line-height:1.1}.visitor-directorate{color:#fff;margin:2px 0 30px;font-family:Roboto Flex,sans-serif;font-size:12px;font-weight:400}.coupon-section{margin-top:4px}.coupon-label{color:#fff;margin:0;font-family:Roboto Flex,sans-serif;font-size:15px;font-weight:700}.coupon-status{color:#fff36a;margin:0;font-family:Roboto Flex,sans-serif;font-size:26px;font-weight:800}.home-button{color:#111;cursor:pointer;background:#fff;border:none;border-radius:999px;width:220px;height:43px;margin-top:60px;font-family:Roboto Flex,sans-serif;font-size:16px;font-weight:500;box-shadow:0 8px 14px #00000038}.home-button:active{transform:scale(.98)}.invitation-confirm-page{background:#333;width:100%;min-height:100vh}.invitation-confirm-card{background-position:50%;background-size:cover;justify-content:center;width:100%;min-height:100vh;display:flex}.invitation-confirm-content{color:#fff;text-align:center;width:100%;max-width:420px;padding:58px 28px 0}.confirm-title{margin:0 0 4px;font-size:16px}.confirm-logo{width:260px;margin:0 auto 42px;display:block}.visitor-card{background:#7e74b4b8;border:1px solid #ffffff8c;border-radius:8px;width:100%;max-width:300px;min-height:220px;margin:0 auto;padding:28px 18px;box-shadow:0 10px 18px #00000038}.visitor-label,.visitor-name,.coupon-status{color:#fff36a}.visitor-label{margin:0 0 6px;font-size:16px;font-weight:700}.visitor-name{margin:0;font-size:24px;font-weight:800}.visitor-company{margin:0 0 34px;font-size:14px;font-weight:700}.coupon-label{margin:0;font-size:16px;font-weight:700}.coupon-status{margin:0;font-size:24px;font-weight:800}.home-button{color:#111;background:#fff;border:none;border-radius:999px;width:220px;height:43px;margin-top:70px;font-size:16px;font-weight:500}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{font-family:Roboto Flex,sans-serif}