:root{--text-primary: #e0e0e0;--text-secondary: #aaa;--text-emphasis: #ffffff;--text-on-primary: #ffffff;--background-color: #121212;--background-alt: #2c2c2c;--background-surface: #1e1e1e;--border-color: #333;--border-color-light: #444;--primary-color: #4a90e2;--primary-color-dark: #357abd;--border-radius: 8px;--border-radius-large: 16px;--font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--success-bg: #2f4d37;--success-border: #388e3c;--success-text: #e6ffed;--error-bg: #5d2f2f;--error-border: #d32f2f;--error-text: #ffebee}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{display:flex;flex-direction:column;min-height:100vh;font-family:var(--font-family);background-color:var(--background-color);color:var(--text-primary);padding:20px;overflow-x:hidden}main{display:flex;justify-content:center;flex-direction:column;align-items:center;width:100%;flex-grow:1}h1,h2,h3{text-align:center;background:linear-gradient(138deg,var(--primary-color),var(--primary-color-dark));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.1em;margin-top:1em;margin-bottom:.5em}h1{font-size:2.8em;font-weight:700;text-shadow:none}header{display:flex;justify-content:center;flex-direction:column;align-items:center;padding:20px;text-align:center}.logo{width:100px}.location-badge{display:inline-block;margin-top:6px;padding:3px 14px;border-radius:var(--border-radius);background:var(--primary-color);color:var(--text-on-primary);font-size:.8em;font-weight:600;letter-spacing:.05em;text-transform:uppercase}footer{display:flex;justify-content:center;flex-direction:column;align-items:center;padding:20px;text-align:center}.button-container{display:flex;flex-direction:column;gap:10px;width:100%;max-width:400px}.button{display:flex;align-items:center;justify-content:center;padding:15px 25px;border-radius:var(--border-radius-large);text-decoration:none;transition:background-color .3s,transform .3s,background .5s;background:var(--background-alt);color:var(--text-emphasis);font-size:1.1em;border:none;cursor:pointer}.button.form-button{width:100%;margin-top:10px}.button.pending-button{background:#555;color:#b0b0b0}.button.primary-button{background:linear-gradient(138deg,var(--primary-color),var(--primary-color-dark));color:var(--text-on-primary)}.button.primary-button:hover{background:linear-gradient(138deg,var(--primary-color-dark),var(--primary-color-dark))}.button.submit-button{background:linear-gradient(138deg,#50e3c2,#2c973b)}.button.submit-button:hover{background:linear-gradient(138deg,#2c973b,#0d7158)}.button.red-button{background:linear-gradient(138deg,#c63636,#a61212)}.button.red-button:hover{background:linear-gradient(138deg,#c03030,#690808)}.button.blue-button{background:linear-gradient(138deg,#4a90e2,#165798)}.button.blue-button:hover{background:linear-gradient(138deg,#2672bf,#08325b)}.button.green-button{background:linear-gradient(138deg,#50e3c2,#2c973b)}.button.green-button:hover{background:linear-gradient(138deg,#2c973b,#0d7158)}.button.teal-button{background:linear-gradient(138deg,#57d8f5,#03c0eb)}.button.teal-button:hover{background:linear-gradient(138deg,#03c0eb,#00728b)}.button.purple-button{background:linear-gradient(138deg,#9e3fc7,#712e8e)}.button.purple-button:hover{background:linear-gradient(138deg,#712e8e,#5e3370)}.button.orange-button{background:linear-gradient(138deg,#df7a3c,#cb5d19)}.button.orange-button:hover{background:linear-gradient(138deg,#cb5d19,#cb5106)}.button .icon{margin-right:8px;width:18px;height:18px;fill:currentColor}.collapse-button-container{display:flex;flex-direction:column;gap:0px;width:100%;max-width:600px}.collapse-button{border:none;border-radius:var(--border-radius-large);display:flex;align-items:center;justify-content:center;margin:5px 0;width:100%;position:relative;transition:background-color .3s,background .3s;background:var(--background-alt);color:var(--text-emphasis);font-size:1.1em;cursor:pointer;text-align:left;padding:15px 25px}.collapse-button.red-button{background:linear-gradient(138deg,#c63636,#a61212)}.collapse-button.red-button:hover{background:linear-gradient(138deg,#c03030,#690808)}.collapse-button.blue-button{background:linear-gradient(138deg,#4a90e2,#165798)}.collapse-button.blue-button:hover{background:linear-gradient(138deg,#2672bf,#08325b)}.collapse-button.green-button{background:linear-gradient(138deg,#3cb851,#21c83d)}.collapse-button.green-button:hover{background:linear-gradient(138deg,#19cb37,#089b21)}.collapse-button.teal-button{background:linear-gradient(138deg,#57d8f5,#03c0eb)}.collapse-button.teal-button:hover{background:linear-gradient(138deg,#03c0eb,#00728b)}.collapse-button.purple-button{background:linear-gradient(138deg,#9e3fc7,#712e8e)}.collapse-button.purple-button:hover{background:linear-gradient(138deg,#712e8e,#5e3370)}.collapse-button.orange-button{background:linear-gradient(138deg,#df7a3c,#cb5d19)}.collapse-button.orange-button:hover{background:linear-gradient(138deg,#cb5d19,#cb5106)}.collapse-button:after{content:"";position:absolute;right:25px;top:50%;transform:translateY(-50%) rotate(45deg);border:solid var(--text-emphasis);border-width:0 2px 2px 0;display:inline-block;padding:3px;transition:transform .3s ease}.collapse-content{display:none;padding:5px 0;margin:0 5px 5px;text-align:center;border-radius:var(--border-radius);overflow:hidden;max-height:0;opacity:0;transition:max-height .3s ease-out,opacity .3s ease-out,padding .3s ease-out}.collapse-content a{display:flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:var(--border-radius-large);text-decoration:none;transition:background-color .3s,transform .2s,background .3s;background:var(--background-alt);color:var(--text-emphasis);font-size:1em;margin:10px 0}.collapse-content.show{display:block;max-height:none;opacity:1;padding:10px 0}.collapse-button.active:after{transform:translateY(-50%) rotate(-135deg)}.collapse-button-container.active .collapse-button:after{transform:translateY(-50%) rotate(-135deg)}.location-toggle{display:flex;gap:0;border-radius:var(--border-radius-large);overflow:hidden;border:1px solid var(--border-color)}.location-toggle .toggle-btn{flex:1;padding:8px 16px;border:none;background:transparent;color:var(--text-secondary);font-size:.85em;text-align:center;text-decoration:none;cursor:pointer;transition:background .2s,color .2s}.location-toggle .toggle-btn.active{background:var(--primary-color);color:var(--text-on-primary);font-weight:600}.location-toggle .toggle-btn:not(.active):hover{background:var(--background-alt);color:var(--text-emphasis)}.loc-badge{display:inline-block;padding:2px 10px;border-radius:var(--border-radius);background:#ffffff26;font-size:.75em;font-weight:700;text-transform:uppercase;letter-spacing:.05em}@media (max-width: 768px){.button-container{max-width:100%;padding:0 20px}.button{padding:12px 20px;border-radius:20px}.collapse-button{font-size:1em;border-radius:20px}h1{font-size:2.5em}#schedule-table{width:95%;font-size:14px}#schedule-table th,#schedule-table td{padding:6px}#schedule-table td{height:auto}.modal-content{width:90%;margin:20% auto}}@media (max-width: 600px){.recent-requests-list{max-height:200px}.request-item .request-meta{flex-direction:column;align-items:flex-start;gap:2px}}@media (max-width: 480px){h1{font-size:1.8em}.button{padding:10px 15px;border-radius:28px}.collapse-button{font-size:.9em;border-radius:28px}body{padding:20px}header{padding:20px}#schedule-table{font-size:12px}#schedule-table th,#schedule-table td{padding:4px}}