*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}button{font-size:1.25rem;padding:.75rem 1.25rem;border-radius:.5rem;border:1px solid #ccc;background:#fff;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}.kiosk-header{display:flex;justify-content:space-between;align-items:center;padding:1rem}.kiosk-columns{display:flex;gap:1rem;padding:0 1rem}.kiosk-columns section{flex:1;background:#f4f4f4;border-radius:.75rem;padding:1rem}.kiosk-columns ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.kiosk-columns li button{width:100%}.empty-state{text-align:center;margin-top:2rem;color:#666}.sign-in-out-screen{display:flex;flex-direction:column;align-items:center;padding:1rem;gap:1rem}.signature-pad{border:2px dashed #999;border-radius:.5rem;touch-action:none;width:100%;max-width:600px;height:200px}.sign-in-out-actions{display:flex;gap:1rem}.staff-pin-gate{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem}.pin-dots{font-size:2rem;letter-spacing:.5rem}.pin-pad{display:grid;grid-template-columns:repeat(3,4rem);gap:.5rem}.roster-panel{padding:1rem}.roster-add{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.roster-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.5rem}.roster-row{display:flex;align-items:center;gap:.5rem;padding:.5rem;border:1px solid #ddd;border-radius:.5rem}.roster-name{flex:1;font-weight:700}.log-panel{padding:1rem}.log-panel table{width:100%;border-collapse:collapse;margin-top:1rem}.log-panel th,.log-panel td{border:1px solid #ddd;padding:.5rem;text-align:left}.signature-thumbnail{width:80px;height:30px;object-fit:contain;border:1px solid #ddd}.export-panel{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem}.settings-panel form{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;max-width:300px}.staff-dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #ddd}.staff-dashboard-tabs{display:flex;gap:.5rem;padding:.5rem 1rem;border-bottom:1px solid #eee}.staff-dashboard-tabs button[aria-pressed=true]{font-weight:700;text-decoration:underline}.camps-panel{padding:1rem}.camp-add-form{margin-bottom:1.5rem;padding:1rem;background:#fdfdfd;border:1px solid #eee;border-radius:.5rem;max-width:500px}.form-group{margin-bottom:.75rem;display:flex;flex-direction:column;gap:.25rem}.form-group label{font-weight:700;font-size:.9rem}.form-group input{padding:.5rem;border:1px solid #ccc;border-radius:.25rem;font-size:1rem}.camps-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.75rem}.camp-row{border:1px solid #ddd;border-radius:.5rem;padding:.75rem 1rem;background:#fff}.camp-row.active{border-color:#2a7a3a;background:#f0fdf4}.camp-info{display:flex;justify-content:space-between;align-items:center}.camp-details{display:flex;flex-direction:column}.camp-name-text{font-weight:700;font-size:1.1rem}.camp-title-text{font-size:.9rem;color:#666}.camp-actions{display:flex;gap:.5rem;align-items:center}.active-badge{color:#14532d;font-weight:700;background:#dcfce7;padding:.25rem .5rem;border-radius:.25rem;font-size:.85rem}.camp-edit-fields{display:flex;flex-direction:column;gap:.5rem;max-width:400px}.edit-actions{display:flex;gap:.5rem}.error-message{color:#b91c1c;background:#fee2e2;padding:.5rem;border-radius:.25rem;margin-bottom:1rem}.kiosk-header-actions{display:flex;align-items:center;gap:1rem}.roster-header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.sort-toggle{display:flex;background:#eee;padding:.25rem;border-radius:.375rem;gap:.125rem}.sort-toggle button{font-size:.875rem;padding:.375rem .75rem;border:none;background:transparent;border-radius:.25rem;cursor:pointer;transition:all .2s ease}.sort-toggle button.active{background:#fff;font-weight:700;box-shadow:0 1px 3px #0000001a}.camp-details-header{display:flex;align-items:center;gap:1.5rem;padding:.5rem 1rem;background:#fdfdfd;border-bottom:1px solid #eee}.back-button{font-size:.9rem;padding:.5rem 1rem;border:1px solid #ccc;border-radius:.25rem;background:#fff;cursor:pointer;transition:background-color .2s ease}.back-button:hover{background:#f4f4f4}.camp-select-wrapper{display:flex;align-items:center}.kiosk-camp-select{font-size:.875rem;padding:.375rem 2rem .375rem .75rem;border:1px solid #ccc;border-radius:.375rem;background-color:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23666' viewBox='0 0 16 16'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>");background-repeat:no-repeat;background-position:right .75rem center;transition:border-color .2s ease;font-weight:500;color:#374151}.kiosk-camp-select:hover{border-color:#999}.kiosk-camp-select:focus{outline:none;border-color:#2a7a3a;box-shadow:0 0 0 2px #2a7a3a33}.camp-kiosk-status{display:flex;align-items:center}.kiosk-active-toggle{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#4b5563;cursor:pointer;-webkit-user-select:none;user-select:none}.kiosk-active-toggle input[type=checkbox]{width:1.1rem;height:1.1rem;cursor:pointer;accent-color:#2a7a3a}.kiosk-active-toggle input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}