:root{--color-walnut:#3e2723;--color-walnut-light:#4e342e;--color-wood:#5d4037;--color-wood-light:#8d6e63;--color-copper:#d4760a;--color-rope:#a1887f;--color-cream:#fff8e7;--color-parchment:#fffdf5;--color-cream-dark:#f5ecda;--color-charcoal:#2c2c2c;--color-text-light:#fff8e7;--color-text-muted:#6d4c41;--font-heading:"Libre Baskerville",Georgia,"Times New Roman",serif;--font-body:"Source Sans 3","Segoe UI",Roboto,Arial,sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--border-subtle:1px solid var(--color-rope);--border-copper:2px solid var(--color-copper);--shadow-sm:0 1px 3px rgba(62,39,35,.12);--shadow-md:0 3px 8px rgba(62,39,35,.15);--shadow-lg:0 6px 20px rgba(62,39,35,.2);--shadow-button:0 2px 6px rgba(62,39,35,.18);--transition-fast:0.15s ease;--transition-normal:0.25s ease}.w-app{font-family:var(--font-body);padding:4px;background-color:var(--color-cream)}.w-app,h1,h2,h3,h4,h5,h6{color:var(--color-charcoal)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}.auth-failure-page{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--color-parchment);display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:16px;color:var(--color-charcoal);z-index:10000}.auth-failure-main{background:var(--color-parchment)!important;border:none!important;margin:0!important;padding:0!important}input[type=date],input[type=datetime-local],input[type=number],input[type=password],input[type=tel],input[type=text]{font-family:var(--font-body);font-size:24px;padding:var(--space-sm) var(--space-md);border:var(--border-subtle);border-radius:var(--radius-sm);background-color:var(--color-parchment);color:var(--color-charcoal);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input[type=date]:focus,input[type=datetime-local]:focus,input[type=number]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus{outline:none;border-color:var(--color-copper);box-shadow:0 0 0 3px rgba(212,118,10,.2)}input[type=number]{width:195px}.stream{max-height:300px;max-width:300px;margin:auto}.center-screen{display:flex;justify-content:center;align-items:center;text-align:center}.right-screen{display:flex;justify-content:flex-end;align-items:flex-end;text-align:right}.left-screen{display:flex;justify-content:flex-start;align-items:flex-start;text-align:left}.space{width:150px}.mediumspace,.space{height:auto;display:inline-block}.mediumspace{width:75px}.smallspace{width:35px}.smallspace,.supersmallspace{height:auto;display:inline-block}.supersmallspace{width:10px}.disable-dbl-tap-zoom{touch-action:manipulation}.loading-spinner{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;background-color:var(--color-parchment);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-lg)}aside,footer,header,main{margin:4px;padding:12px}header{background-color:var(--color-walnut);min-height:150px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}footer,header h1,header h2,header h3,header p{color:var(--color-text-light)}footer{background-color:var(--color-walnut);min-height:60px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}footer h1,footer h2,footer h3,footer p{color:var(--color-text-light)}main{background-color:var(--color-cream-dark);border-radius:var(--radius-md)}.w-button{border-radius:var(--radius-sm)!important;font-family:var(--font-body)!important;font-weight:600!important;line-height:1.2!important;transition:transform var(--transition-fast),box-shadow var(--transition-fast)!important}.w-button:active{transform:scale(.97)!important}.w-button.w-button--shadow{box-shadow:var(--shadow-button)!important}.button-group{display:flex;gap:var(--space-md);flex-wrap:wrap;justify-content:center;align-items:center}.gate-status-text{color:var(--color-text-muted);margin:var(--space-xs) 0}.gate-mode-text{color:var(--color-copper);font-weight:700;margin:var(--space-xs) 0}.gate-lockout-text{color:var(--color-text-muted);font-style:italic;margin-top:var(--space-sm)}.date-selector-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-lg)}.date-input-group{display:flex;flex-direction:column;align-items:center}.date-input-group label{font-size:14px;font-weight:600;margin-bottom:var(--space-xs)}.date-input,.date-input-group label{font-family:var(--font-body);color:var(--color-charcoal)}.date-input{padding:var(--space-sm) var(--space-md);font-size:16px;border:var(--border-subtle);border-radius:var(--radius-sm);background-color:var(--color-parchment);min-width:150px}.date-input:focus{outline:none;border-color:var(--color-copper);box-shadow:0 0 0 3px rgba(212,118,10,.2)}.history-table-container{margin:var(--space-lg);padding:var(--space-lg);background-color:var(--color-parchment);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.user-filter-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-sm)}.w-table__header th{background-color:var(--color-walnut)!important;color:var(--color-text-light)!important;font-family:var(--font-body);font-weight:600}.w-table__row:nth-child(2n){background-color:var(--color-cream-dark)}.form-container,.w-table__row:nth-child(odd){background-color:var(--color-parchment)}.form-container{max-width:500px;margin:0 auto;padding:var(--space-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.form-field{margin-bottom:var(--space-lg)}.form-field label{display:block;font-size:14px;font-weight:600;margin-bottom:var(--space-xs)}.form-field label,.form-input{font-family:var(--font-body);color:var(--color-charcoal)}.form-input{width:100%;padding:var(--space-sm) var(--space-md);font-size:16px;border:var(--border-subtle);border-radius:var(--radius-sm);background-color:var(--color-parchment);box-sizing:border-box;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-copper);box-shadow:0 0 0 3px rgba(212,118,10,.2)}.form-input:invalid{border-color:#c62828}.checkbox-field{display:flex;align-items:center;gap:var(--space-sm)}.checkbox-field label{margin-bottom:0;cursor:pointer}.form-checkbox{width:18px;height:18px;cursor:pointer}.edit-user-container{background-color:var(--color-parchment);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:600px;width:90vw;max-height:90vh;overflow-y:auto;position:relative}.edit-user-header{background-color:var(--color-walnut);border-bottom:var(--border-copper);padding:var(--space-lg);border-radius:var(--radius-lg) var(--radius-lg) 0 0;text-align:center}.edit-user-header h2{margin:0;color:var(--color-text-light);font-size:24px;font-family:var(--font-heading)}.edit-user-container .form-container{margin:0;border-radius:0;box-shadow:none;border:none}.edit-user-buttons{padding:var(--space-lg);border-top:var(--border-subtle);background-color:var(--color-cream-dark);border-radius:0 0 var(--radius-lg) var(--radius-lg);display:flex;justify-content:center;gap:var(--space-md)}.overlay-card{background-color:var(--color-parchment);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-lg);text-align:center;max-width:90vw;max-height:90vh;overflow-y:auto}.overlay-card h1,.overlay-card h2,.overlay-card h3{font-family:var(--font-heading);color:var(--color-charcoal)}.overlay-card h2{border-bottom:var(--border-copper);padding-bottom:var(--space-sm);margin-bottom:var(--space-md)}.overlay-card label{font-family:var(--font-body);font-size:1.1rem;color:var(--color-text-muted);display:block;margin-bottom:var(--space-xs)}.send-results-text{font-size:18px;font-weight:600;color:var(--color-charcoal)}.send-results-success{color:var(--color-copper)}.send-results-fail{color:#c62828}.settings-help{font-size:12px;color:var(--color-text-muted);margin-top:var(--space-xs)}.manage-groups-section h3{font-family:var(--font-heading);color:var(--color-charcoal);margin-bottom:var(--space-sm)}.manage-groups-empty{color:var(--color-text-muted);font-style:italic}