:root{--font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--line-height: 1.5;--font-weight: 400;--text-color: rgba(255, 255, 255, .87);--background-color: #242424;--link-color: #646cff;--link-hover-color: #535bf2;--button-bg-color: #1a1a1a;--button-text-color: #ffffff;--button-border-color: #bdc0ff;--button-hover-border-color: #646cff;--input-bg-color: #1a1a1a;--input-text-color: #ffffff;--input-border-color: #bdc0ff;--input-hover-border-color: #646cff;--border-color: #ffffff;--alert-bg-color: #f8d7da;--alert-text-color: #721c24;--alert-border-color: #f5c6cb;--checkbox-bg-color: #1a1a1a;--checkbox-border-color: #bdc0ff;--checkbox-checked-bg-color: #646cff;--checkbox-checked-border-color: #646cff;--header-bg-color: #A70707;--header-text-color: #ffffff;--table-border-color: #ddd;--table-row-border-color: #eee;--table-notes-border-color: #777777;--pickup-item-bg-color: #333;--pickup-item-text-color: #fff;--pickup-name-verified-color: #666}:root.light{--text-color: #213547;--background-color: #ffffff;--link-hover-color: #747bff;--button-bg-color: #f9f9f9;--button-text-color: #1a1a1a;--button-border-color: #000227;--input-bg-color: #f9f9f9;--input-text-color: #1a1a1a;--input-border-color: #000227;--border-color: #1a1a1a;--checkbox-bg-color: #f9f9f9;--checkbox-border-color: #000227;--table-border-color: #1a1a1a;--table-row-border-color: #1a1a1a;--table-notes-border-color: #acacac;--pickup-item-bg-color: #fff;--pickup-item-text-color: #333}@media (prefers-color-scheme: light){:root:not(.light):not(.dark){--text-color: #213547;--background-color: #ffffff;--link-hover-color: #747bff;--button-bg-color: #f9f9f9;--button-text-color: #1a1a1a;--button-border-color: #000227;--input-bg-color: #f9f9f9;--input-text-color: #1a1a1a;--input-border-color: #000227;--border-color: #1a1a1a;--checkbox-bg-color: #f9f9f9;--checkbox-border-color: #000227;--table-border-color: #1a1a1a;--table-row-border-color: #1a1a1a;--table-notes-border-color: #acacac;--pickup-item-bg-color: #fff;--pickup-item-text-color: #333}}:root{font-family:var(--font-family);line-height:var(--line-height);font-weight:var(--font-weight);color:var(--text-color);background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-size:1rem;color:var(--text-color);background-color:var(--background-color)}a{font-weight:500;color:var(--link-color);text-decoration:inherit}a:hover{color:var(--link-hover-color)}h1{font-size:3.2rem;line-height:1.1;border-bottom:2px solid var(--border-color);padding-bottom:2px}h2{border-bottom:2px solid var(--border-color);padding-bottom:2px}button{border-radius:8px;border:1px solid var(--button-border-color);padding:.6em 1.2em;font-size:1rem;font-weight:500;font-family:inherit;cursor:pointer;background-color:var(--button-bg-color);color:var(--button-text-color);transition:border-color .25s;width:100%;box-sizing:border-box;margin:10px 0 0}button:hover{border-color:var(--button-hover-border-color)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:4px;width:28px;height:28px;border:1px solid var(--checkbox-border-color);background-color:var(--checkbox-bg-color);cursor:pointer;position:relative;transition:background-color .25s,border-color .25s;vertical-align:middle;margin-right:10px}input[type=checkbox]:checked{background-color:var(--checkbox-checked-bg-color);border-color:var(--checkbox-checked-border-color)}input[type=checkbox]:hover{border-color:var(--checkbox-checked-border-color)}input[type=checkbox]:checked:after{content:"";position:absolute;top:2px;left:8px;width:8px;height:15px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg)}.app-content{transition:filter .3s ease}.app-content.menu-open{-webkit-filter:blur(2px);-moz-filter:blur(2px);-ms-filter:blur(2px);-o-filter:blur(2px);filter:blur(2px);pointer-events:none}.blur-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;transition:opacity .6s ease}.blur-overlay{opacity:1}.accessibility-container{position:fixed;bottom:0;right:0;z-index:1000;transition:all .6s ease}.accessibility-container.open{bottom:50%;right:50%;transform:translate(50%,50%)}.accessibility-button{background:none;border:none;cursor:pointer;color:var(--text-color);font-size:1.5rem;padding:10px}.accessibility-button:focus{outline:none}.accessibility-options{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;padding:20px;opacity:0;transform:scaleY(0) scaleX(0);transform-origin:top;transition:opacity .6s ease,transform .6s ease,width .6s ease,max-height .6s ease;max-height:0;overflow:hidden;width:0}.accessibility-container.open .accessibility-options{opacity:1;transform:scaleY(1) scaleX(1);max-height:800px;width:300px}.accessibility-options label{display:block;margin-bottom:5px;color:var(--text-color)}.accessibility-options input[type=range]{width:100%;margin-bottom:10px}.accessibility-options span{display:inline-block;margin-left:10px;color:var(--text-color)}.checkbox-container label{display:inline-flex;align-items:flex-start;cursor:pointer;font-size:1.375rem;font-weight:500;font-family:inherit;width:100%}.app-container{width:100%;height:100vh}.app-header{position:absolute;top:0;right:0;z-index:2;color:var(--header-text-color);background-color:var(--header-bg-color);border-radius:0 0 0 10px}.app-header text{padding-left:10px;padding-right:10px}.admin-mode-switch{z-index:2;display:inline;padding-right:10px}.auth-button{display:flex;justify-content:center;align-items:center;height:100%}.auth-container{position:relative;width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.auth-line-top,.auth-line-bottom{position:absolute;width:100%;height:30px;background-color:var(--header-bg-color)}.auth-line-top{top:0}.auth-line-bottom{bottom:0}.auth-outline{position:absolute;width:max-content;padding:50px 240px;background-color:var(--background-color);border-radius:90px;border:10px solid var(--header-bg-color)}.large-select-container{display:grid;grid-template-columns:repeat(2,1fr);column-gap:4px}.large-select-container input:nth-last-child(2):nth-child(odd),.large-select-container button:nth-last-child(2),.large-select-container button{grid-column:span 2}.large-select input,.large-select textarea,.large-select select{border-radius:8px;border:1px solid var(--input-border-color);padding:.8em 1.2em;font-size:1rem;font-weight:500;font-family:inherit;background-color:var(--input-bg-color);color:var(--input-text-color);width:100%;box-sizing:border-box;margin:10px 0 0;transition:border-color .25s}.large-select input:hover,.large-select textarea:hover,.large-select select:hover{border-color:var(--input-hover-border-color)}.large-select input:focus,.large-select textarea:focus,.large-select select:focus{outline:4px auto -webkit-focus-ring-color}.log-options input{width:197px}.log-options select{width:205px}.log-table{width:100%;border-collapse:collapse;margin-top:20px}.log-table th{text-align:left;padding:8px;border-bottom:2px solid var(--table-border-color);white-space:nowrap}.log-table td{padding:8px}.log-table tbody tr{border-bottom:1px solid var(--table-row-border-color)}.log-table tbody tr.log-table-no-border{border-bottom:none}.log-table-new-entry{font-weight:700}.log-table-notes{font-size:.9rem;word-wrap:break-word;border-top:1px solid var(--table-notes-border-color);border-bottom:1px solid var(--table-row-border-color)}.log-table-verified-row{background-color:#00ff5513}.log-table-check-mark{font-size:1.5rem;color:green}.report-container{display:flex;flex-direction:column;height:100vh}.report-error{flex-grow:1;display:flex;align-items:center;justify-content:center;font-size:2.5rem}.report-view{flex-grow:1;width:100%}.scanner{display:flex;justify-content:center;align-items:center}.scanner .inner{width:75%}.confirmation-message{position:fixed;bottom:20px;left:50%;transform:translate(-50%);padding:10px;color:#fff;border-radius:5px;text-align:center;z-index:1000;opacity:1;transition:opacity 1s ease-in-out;white-space:pre-wrap}.confirmation-message.success{background-color:#4caf50}.confirmation-message.error{background-color:#f44336}.fade-out{opacity:0}.admin-view,.scanner-view,.teacher-view,.privacy-policy-view{padding:25px;box-sizing:border-box}.result{display:flex;flex-direction:column;border-radius:8px;border:1px solid var(--input-border-color);padding:.6em 1.2em;font-size:1.375rem;font-weight:500;font-family:inherit;margin:0 0 10px;width:100%;box-sizing:border-box;color:var(--input-text-color);transition:border-color .25s}.main-content{display:flex;align-items:center;justify-content:space-between}.alert{background-color:var(--alert-bg-color);color:var(--alert-text-color);border:1px solid var(--alert-border-color);border-radius:4px;padding:15px;margin-top:10px}.contact-result{justify-content:center}.screen-view{display:flex;flex-direction:column;align-items:center;padding:4vh;background-color:var(--background-color);height:92vh}.screen-header{display:flex;justify-content:space-between;align-items:center;width:100%;background-color:#d9534f;color:#fff;padding:2vh 4vh;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.screen-header h1{margin:0;font-size:5vh;border-bottom:none}.screen-logo{height:10vh;margin-right:2vh}.screen-header .right-align{text-align:right}.header-content{display:flex;align-items:center}.pickup-list{display:flex;flex-direction:column;width:100%}.pickup-columns{display:flex;justify-content:space-between}.column{width:48%;display:flex;flex-direction:column}.pickup-item{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;background-color:var(--pickup-item-bg-color);padding:15px;margin-bottom:10px;border-radius:4px;box-shadow:0 1px 3px #0000001a;gap:10px}.pickup-item span{font-family:monospace,monospace;font-size:3vh;color:var(--pickup-item-text-color);font-weight:600}.pickup-name-verified{color:var(--pickup-name-verified-color)}.pickup-info{margin-left:3vh}.pickup-info-verified{margin-left:3vh;color:var(--pickup-name-verified-color)}.pickup-time{margin-left:3vh;align-items:center}.pickup-time span{color:#b49300}.verify-info{display:flex;margin-left:3vh}.verify-info span{color:#6b9c74}.verify-checkmark{margin-left:1vh;color:#5cb85c}.pending-clock{margin-left:1vh;color:#f0ad4e}.dismissal-totals{text-align:right;font-size:3vh;font-weight:600;font-family:monospace,monospace}
