:root{--color-magenta: #D91E8C;--color-purple: #8B3F9F;--color-violet: #6B4FA3;--color-blue: #2196F3;--color-orange: #FF6B35;--color-primary: #2196F3;--color-primary-light: #42A5F5;--color-primary-pale: #E3F2FD;--color-white: #ffffff;--color-gray-light: #f3f4f6;--color-gray-medium: #6b7280;--color-gray-dark: #1f2937;--color-success: #10b981;--color-warning: #FF6B35;--color-error: #ef4444;--gradient-primary: linear-gradient(135deg, #6B4FA3 0%, #2196F3 70%, #42A5F5 100%);--gradient-header: linear-gradient(90deg, #D91E8C 0%, #8B3F9F 35%, #6B4FA3 65%, #2196F3 100%);--gradient-button: linear-gradient(135deg, #6B4FA3 0%, #2196F3 70%, #42A5F5 100%);--gradient-accent: linear-gradient(135deg, #2196F3 0%, #42A5F5 100%);--color-classroom: #e9d5ff;--color-main-stage: #fef3c7;--color-help-desk: #dbeafe;--color-base-camp: #d1fae5;--color-transportation: #fed7aa;--color-exhibition-hall: #fce7f3;--color-familysearch-library: #cffafe;--color-tree-house: #dcfce7}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-gray-dark);background-color:var(--color-gray-light);line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:var(--gradient-header);color:var(--color-white);padding:1rem 2rem;box-shadow:0 4px 6px #0003}.app-header h1{font-size:1.75rem;font-weight:600;margin:0}.app-container{display:flex;flex:1}.app-nav{background-color:var(--color-white);border-right:1px solid var(--color-gray-light);padding:1rem 0;width:200px;display:flex;flex-direction:column}.nav-link{padding:.75rem 1.5rem .75rem 1rem;color:var(--color-gray-dark);text-decoration:none;transition:all .2s;border-left:3px solid transparent;display:flex;align-items:center;gap:.75rem}.nav-icon{font-size:1.25rem;flex-shrink:0;color:var(--color-gray-medium)}.nav-text{white-space:nowrap}.nav-link:hover{background-color:var(--color-gray-light);color:var(--color-primary)}.nav-link.active{background-color:var(--color-primary-pale);color:var(--color-primary);border-left-color:var(--color-primary);font-weight:600}.app-main{flex:1;padding:2rem;overflow-y:auto}.app-footer{background:var(--gradient-header);color:var(--color-white);text-align:center;padding:1rem 2rem;font-size:.875rem;box-shadow:0 -2px 4px #0000001a}button{min-height:44px;padding:.5rem 1rem;border:none;border-radius:.375rem;font-size:1rem;cursor:pointer;transition:all .2s}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--gradient-button);color:var(--color-white);font-weight:600;box-shadow:0 2px 4px #6b4fa34d}button.primary:hover:not(:disabled){background:linear-gradient(135deg,#7b5fa8,#42a5f5 60%,#64b5f6);box-shadow:0 6px 12px #2196f380;transform:translateY(-2px)}button.secondary{background-color:var(--color-gray-light);color:var(--color-gray-dark);border:1px solid var(--color-gray-medium)}button.secondary:hover:not(:disabled){background-color:var(--color-white)}button.danger{background-color:var(--color-error);color:var(--color-white)}button.danger:hover:not(:disabled){background-color:#dc2626}a{color:var(--color-primary-light);text-decoration:none}a:hover{text-decoration:underline}.card{background-color:var(--color-white);border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem}input[type=text],input[type=email],input[type=tel],input[type=date],input[type=time],select,textarea{width:100%;padding:.5rem;border:1px solid var(--color-gray-medium);border-radius:.375rem;font-size:1rem;min-height:44px;background-color:#fff}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-pale)}label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--color-gray-dark)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background-color:var(--color-white);border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:100%}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:var(--gradient-primary);color:var(--color-white);border-radius:.5rem .5rem 0 0}.modal-header h2{margin:0;font-size:1.5rem;color:var(--color-white)}.modal-close{background:none;border:none;font-size:2rem;line-height:1;color:#fffc;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;min-height:auto;transition:all .2s}.modal-close:hover{color:var(--color-white);transform:scale(1.1)}.modal-body{padding:1.5rem}.phone-number{margin-bottom:1rem}.phone-link{font-size:2rem;font-weight:600;color:var(--color-primary);text-decoration:none;display:block}.phone-link:hover{color:var(--color-primary-light);text-decoration:underline}.favorite-treat{padding:1rem;background-color:var(--color-gray-light);border-radius:.375rem;color:var(--color-gray-dark)}@media (min-width: 768px){button{min-height:36px}.app-header h1{font-size:2rem}}@media (max-width: 767px){.app-header{padding:1rem}.app-header img{height:2.5rem!important}.app-header h1{font-size:1.25rem!important}.app-main{padding:1rem}.dashboard-header{margin-bottom:.75rem!important}.dashboard-controls{margin-bottom:.75rem!important;gap:.5rem!important}.task-card{flex-wrap:wrap!important;align-items:flex-start!important}.task-card-top{order:1;flex:0 0 auto}.task-card-description{order:2;flex:1 1 100%!important;margin-top:.25rem}.task-card-assignee{order:3;flex:1 1 100%!important;text-align:left!important;margin-top:.25rem}.app-container{flex-direction:column}.app-nav{width:100%;flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--color-gray-light);padding:.25rem 0}.nav-link{border-left:none;border-bottom:3px solid transparent;flex-direction:column;padding:.25rem 1rem;gap:.25rem;justify-content:center}.nav-icon{font-size:1.5rem}.nav-text,.refresh-text{display:none}.nav-link.active{border-left:none;border-bottom-color:var(--color-primary)}}.task-content-wrapper{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}@media (max-width: 640px){.task-content-wrapper{flex-direction:column;align-items:flex-start;gap:.25rem}}@media (min-width: 1024px){.dashboard-sections{flex-direction:row!important;align-items:flex-start}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:spin 1s linear infinite}.shift-sections-container{display:flex;flex-direction:column;gap:1.5rem}.shift-section{flex:1;min-width:0}@media (max-width: 1199px){.shift-section{display:none}.shift-section.active{display:block}.shift-tab-buttons{display:flex!important}}@media (min-width: 1200px){.shift-sections-container{flex-direction:row;align-items:flex-start}.shift-section{display:block!important}.shift-tab-buttons{display:none!important}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}