@keyframes loading{0%{transform:translateY(70px)}20%,to{transform:translateY(0)}}@keyframes shine{to{--gradient-angle:0deg}}#file-input{margin-top:10px}#email-textarea{margin-top:10px;width:100%;height:200px}.logoutbutton,.startNew{font-family:"Poppins",sans-serif;border-radius:5px;padding:8px 16px;position:fixed;top:30px}.startNew{background:linear-gradient(135deg,#2c9e4b,#a0d405);color:#fff;border:2px solid #2c9e4b;right:120px}.logoutbutton{background:#fff;color:#f35588;border:2px solid #f35588;right:80px}.logoutbutton:hover{background-color:#fff}.md-menu-container{position:fixed;top:30px;right:30px;z-index:10}@media (max-width:768px){.md-menu-container{flex-direction:column-reverse;top:80px}}.menu-button{background-color:transparent;border:0}.dropdown-icon{width:24px;height:24px}.md-menu-content{background-color:#fff;border-radius:5px;padding:10px;margin:20px;z-index:1015}.welcome-message{color:#fff!important;margin-bottom:40px;display:flex;justify-content:center!important;width:100%}#csvFile{display:none}.welcome-container{display:flex;width:100%;justify-content:center;align-items:center;height:auto;text-align:center}#container,.logo{display:flex;flex-direction:column;height:auto}.logo{width:391px;margin-bottom:20px;justify-content:center}.logo:hover{transform:scale(1.05)}@media (max-width:600px){.logo{width:120px;margin-right:5px}}#container{justify-content:center!important;align-items:center!important;margin:40 auto;padding:40px 22px;border:1px dashed #fff;border-radius:10px;background-color:transparent!important;width:700px}#dropbox,input{background-color:transparent;color:#fff}#dropbox #jsonData{font-size:10px}#dropbox:hover,.file-label:hover{box-shadow:0 0 20px 0 rgba(0,0,0,.7);transition:.75s}#dropbox.dragover{background-color:#f0f0f0;width:80vw;height:60vh;justify-content:center}#dropbox:hover{background-color:#97f0af}#container #jsonData,.file-label{width:50%;font-family:Arial,Helvetica,sans-serif}.file-label{height:25%;padding:10px;font-size:30px;border:1px solid #ccc;border-radius:4px;cursor:pointer;text-align:center;margin:20px auto}.file-input{display:none;width:50%}.file-label:active{background-color:#dcdcdc}#container #jsonData{height:90%;margin-top:40px;font-size:20px;border:1px solid #0a021a;border-radius:10px;padding:30px;border-color:#000;background-color:#f7f7f7;white-space:pre-wrap;word-wrap:break-word}#idInput,.loader{display:flex;flex-direction:column;align-items:center}.loader{justify-content:center}.loader img{width:55px!important;padding-right:0!important}.loader h1{font-size:24px;padding:0;color:#333}.error-message,.upload-status{margin-top:10px;text-align:center}.upload-status{font-weight:700}.error-message{color:red}#idInput{width:60%;margin:0 auto;font-size:15px}input[type=number]{-moz-appearance:textfield}input{border-radius:8px;border:2px solid #fff;margin-top:10px;padding:10px;font-size:18px;width:100%;box-sizing:border-box;transition:border-color .3s ease,box-shadow .3s ease}input:focus{outline:0;border-color:#2c9e4b!important;box-shadow:0 0 10px rgba(44,158,75,.5)}.survey-input:focus{color:#fff!important}.inputBox:focus{color:#313a42!important}input:not(:placeholder-shown){border-color:#2c9e4b;background-color:rgba(44,158,75,.1)}.md-button:hover{background-color:#0056b3}h1,h3{color:#fff!important;text-align:center!important}.count-display{font-family:Arial,sans-serif;font-size:24px;color:#fff;margin:0}.count-value{font-size:28px;background:linear-gradient(135deg,#2c9e4b,#a0d405);display:inline-block}.count-value,.notFound-value,.numberlist{font-weight:700;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.numberlist{width:70%;text-align:center!important;background:linear-gradient(135deg,#2c9e4b,#a0d405);display:flex!important}.notFound-value{font-size:28px;background:linear-gradient(135deg,#fc4300,red);display:inline-block}table{width:70%;border-collapse:collapse;margin:20px 0}td,th{padding:8px!important;text-align:center;border:1px solid #ddd}th{background-color:#f2f2f2;font-weight:700}tr:nth-child(even){background-color:#f9f9f9}tr:nth-child(odd){background-color:#ddd}tr:hover{background-color:#f1f1f1}button:hover{background-color:#248c3e}button:active{background-color:#1e7434}md-dialog{border:2px dashed #fff;background-color:rgba(252,251,251,.1);backdrop-filter:blur(10px);border-radius:12px;padding:40px 30px;width:600px;box-shadow:0 4px 12px rgba(0,0,0,.3)}md-dialog h1{text-align:center;font-size:28px;font-weight:450!important;color:#fff;margin-bottom:30px}md-checkbox .md-label{display:contents!important}label{font-size:16px;color:#fff;display:inline-block;width:60%;padding:0}.value-row{display:flex;align-items:center;margin-bottom:15px}.checkbox-group{display:flex;gap:8px}.save-button,.value-checkbox{font-weight:700;text-align:center}.value-checkbox{background-color:#333a40;color:#fff;border-radius:5px;width:35px;height:35px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:16px;border:2px solid #fff}.value-checkbox:hover{background-color:#565e64}md-checkbox .md-container{display:none!important}.value-checkbox.md-checked,.value-checkbox[aria-checked=true]{background-color:#333a40;color:#37d67a;border:2px solid #37d67a;box-shadow:0 0 8px rgba(55,214,122,.6)}md-dialog md-dialog-actions{justify-content:center!important}.save-button{background-color:#fff!important;color:#0a021a;border:1px solid #0a021a!important;border-radius:10px;margin-top:20px;padding:10px;width:50%;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}.save-button:hover{background:linear-gradient(135deg,#2c9e4b,#a0d405);color:#fff;border-color:#005f1a!important;box-shadow:0 0 50px rgba(221,251,229,.4)}.save-button:disabled{background-color:#ffc5c5!important;color:#000;cursor:not-allowed}.controllerBox{display:block!important;border:1px dashed #bcbcbc;padding:30px;max-width:400px;background-color:#f5f5f5;border-radius:8px;margin:10px auto auto}.custom-loader md-progress-circular{color:#2c9e4b!important}.md-progress-circular circle{stroke:#2c9e4b!important}md-icon.material-icons{font-size:24px;color:#2c9e4b;margin-right:10px!important;width:0;vertical-align:middle}md-menu-item:hover{background-color:#f1f1f1;cursor:pointer}.loading{width:fit-content;margin:30%auto 0;overflow:hidden}.loading span{display:inline-block;padding:2px;transform:translateY(70px);animation:loading 2s linear infinite}.loading span:nth-child(2){animation-delay:.1s}.loading span:nth-child(3){animation-delay:.2s}.loading span:nth-child(4){animation-delay:.3s}.loading span:nth-child(5){animation-delay:.4s}.loading span:nth-child(6){animation-delay:.5s}.loading span:nth-child(7){animation-delay:.6s}.loading span:nth-child(8){animation-delay:.7s}.loading span:nth-child(9){animation-delay:.8s}.loading span:nth-child(10){animation-delay:.9s}.loading span:nth-child(11){animation-delay:1s}.loading span:nth-child(12){animation-delay:1.1s}.loading span:nth-child(13){animation-delay:1.2s}.analytics-container{max-width:800px;margin:0 auto;padding:20px}.scanner-container,.toggle-container{width:100%;display:flex;justify-content:center}.toggle-container{border-radius:15px;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,.1);background-color:#e8eef9;max-width:400px;margin:10px auto 30px}.toggle-container button{flex:1;padding:15px 0;border:0;background:0 0;color:#6e7c91;font-weight:500;font-size:16px;cursor:pointer;transition:all .3s ease}.toggle-container button.active{background-color:#a0d405;color:#fff;border-radius:15px}#video{display:block;border-radius:10px;background-color:#f0f3f8;border:2px dashed #b8c4d9!important;max-width:80%;min-height:225px;margin:0 auto 20px}.scanner-container{height:100%;position:relative;align-items:center}.video-element{width:100%;height:100%;object-fit:cover}.activity-select-wrapper{display:flex;justify-content:flex-end;width:100%;margin:20px 0 20px -20px}div[ng-show="selectedMode === 'Activity'"]{display:flex;align-items:center;padding:0}label[for=activitySelect]{margin-right:10px;font-size:14px;font-weight:500;color:#313a42;white-space:nowrap}#activitySelect{width:150px;padding:8px 30px 8px 12px;border-radius:6px;border:1px solid #d0d9e8;background-color:#fff;color:#313a42;font-size:14px;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e7c91' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:12px;box-shadow:0 1px 3px rgba(0,0,0,.05)}#activitySelect:focus{outline:0;border-color:#a4ce39;box-shadow:0 0 0 2px rgba(164,206,57,.2)}div[ng-if=scannedData]{margin:25px auto;padding:20px;background-color:#fff;border-radius:12px;box-shadow:0 3px 10px rgba(0,0,0,.08);max-width:450px}div[ng-if=scannedData] h3{color:#313a42!important;font-size:18px;font-weight:600;margin-top:0;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #f0f3f8}div[ng-if=scannedData] h4{color:#313a42;font-size:16px;font-weight:500;margin-top:20px;margin-bottom:10px}div[ng-if=scannedData] p{color:#6e7c91;font-size:15px;line-height:1.5;word-break:break-all;background-color:#f9fafc;padding:12px;border-radius:6px;border-left:3px solid #7b68ee}div[ng-if=scannedData] img{border-radius:8px;border:1px solid #e8eef9;max-width:100%;height:auto;display:block;margin-top:10px;box-shadow:0 2px 5px rgba(0,0,0,.05)}.notification-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5);z-index:1000;border-radius:10px}.notification{background-color:#fff;border-radius:8px;padding:20px;width:300px;text-align:center;box-shadow:0 4px 8px rgba(0,0,0,.1)}.icon-circle{width:80px;height:80px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0 auto 20px}.success .icon-circle{background-color:rgba(39,174,96,.1);color:#27ae60}.error .icon-circle{background-color:rgba(231,76,60,.1);color:#e74c3c}.checkmark,.cross{font-size:40px;font-weight:700}.participant-details{text-align:center;padding:10px;font-family:Arial,sans-serif;border:1px solid #e8eef9;background-color:#ececec;border-radius:12px;margin-bottom:5px}.participant-name{font-size:33px;font-weight:600;color:#313a42!important;margin:0 0 2px}.participant-info{margin:0;font-size:14px;color:#999;line-height:1.4}.participant-info:first-of-type{font-size:12px;color:#313a42;font-weight:500}.participant-info:last-of-type{font-size:15px;color:#313a42;font-weight:800}.status-message{margin-bottom:10px!important}.notification h2{margin:0 0 10px;font-size:28px}.success h2{color:#27ae60}.error h2{color:#e74c3c}.notification p{color:#666}.close-icon{position:absolute;top:10px;right:10px;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:#ffe8e6;border-radius:50%;z-index:10}.close-icon svg{width:20px;height:20px;stroke:#e63946;stroke-width:2.5}.close-icon:hover{background-color:#ffdad6}.action-button{background:linear-gradient(90deg,#2c9e4b,#a0d405);border:1px solid #5a5a5a;padding:8px 30px;border-radius:20px;cursor:pointer;font-size:14px;color:#fff;font-weight:500}.action-button:hover{background-color:#e0e0e0}:root{--page-bkg:#313A42;--dropdown-bkg:#313A42;--dropdown-main-item-bkg:#313A42;--accent-color:#2d68ff;--text-color:#fff;--font-size:1rem;--field:0.5rem;--item-opacity:0.4;--time:0.2s}@property --gradient-angle{syntax:"<angle>";initial-value:-225deg;inherits:false}.dropdown,.dropdown-wrapper{padding:var(--field);position:relative}.dropdown-wrapper{min-width:200px;border-radius:.6rem;background-color:var(--dropdown-bkg);margin-top:10px;z-index:1000}.dropdown-wrapper::after{--animation-name:none;content:"";position:absolute;inset:-2px -2px 0 0;z-index:-1;opacity:0;border-radius:inherit;background-image:conic-gradient(from var(--gradient-angle),transparent 50%,var(--accent-color),transparent 60%);animation-name:var(--animation-name);animation-duration:.5s;animation-timing-function:linear;animation-fill-mode:both;transition:opacity 0}.dropdown{display:flex;justify-content:space-between;align-items:center;width:100%;border-radius:inherit;background-color:var(--dropdown-main-item-bkg);transition:margin var(--time);color:var(--text-color);z-index:1001}.dropdown::after{content:"";width:1ch;aspect-ratio:1/1;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:border-color var(--time),transform var(--time)}.dropdown-list,.dropdown-list__item{overflow:hidden;border-radius:inherit;transition-duration:var(--time)}.dropdown-list{display:grid;z-index:1002;top:0!important;grid-auto-rows:0fr;max-height:max-content;transition-property:gap,grid;background-color:#313a42;position:absolute!important;transition-timing-function:cubic-bezier(.52,1.67,.59,.48)}.dropdown-list__item{padding-inline:var(--field);background-color:rgba(39,43,48,var(--item-opacity));opacity:0;visibility:hidden;transition-property:background-color,padding,opacity;color:var(--text-color);text-align:left;z-index:1003}.dropdown-list__item:focus,.dropdown-list__item:hover{--item-opacity:0.7;outline-offset:-1px}._open.dropdown-wrapper::after{--animation-name:shine;opacity:1;transition:opacity .2s}._open .dropdown{margin-bottom:var(--field)}._open .dropdown::after{border-color:var(--accent-color);transform:rotate(-135deg)}._open .dropdown-list{grid-auto-rows:1fr;gap:var(--field)}._open .dropdown-list__item{padding-top:var(--field);padding-bottom:var(--field);opacity:1;visibility:visible}.refresh-icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px!important;height:34px!important;border:2px solid #f35588;border-radius:10px;background-color:transparent;color:#f35588;cursor:pointer;transition:all .2s ease;font-size:24px}.refresh-icon-button:hover{background-color:rgba(243,85,136,.1);transform:scale(1.1)}.refresh-icon-button:active{background-color:rgba(243,85,136,.2);transform:scale(.95)}