body{margin:0;overflow:hidden;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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{display:flex;justify-content:center;align-items:center;height:100vh}.login-component-container{display:flex;flex-direction:column;width:min(50vw,600px);background:#fff;z-index:100}.login-component-container button{min-width:300px}.login-component-container .action-pane{display:flex;justify-content:center}.login-component-container .login-label{font-weight:700;color:#333}.login-component-container .item-button{justify-content:center}@media (max-width: 768px){.login-component-container{width:90vw}}.confirm-dialog-container .content-pane .label-text{font-weight:500;min-width:250px}.confirm-dialog-container .action-pane{margin:10px}a{text-decoration:none}button.Mui-disabled svg{opacity:.6}.MuiDialog-container .MuiPaper-root{max-width:850px}.MuiSnackbarContent-message{text-transform:none}@media (max-width: 768px){.MuiDialog-container .MuiPaper-root{margin:10px}.MuiDialog-container .MuiPaper-root .MuiDialogContent-root{padding:10px 15px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-body{background-image:url(/images/female-tourists-hand-have-happy-travel-map.webp);background-size:cover}.main-container.no-bg{background-image:none}@media (max-width: 768px){.main-container{padding-top:46px}.main-container.editing{padding-top:0}}.loading-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;background-color:#ffffffb3;z-index:9999}.loading-screen.fill-parent{position:absolute;top:0;height:100%}.loading-screen.full-screen{position:fixed;top:0;left:0;height:100%}.loading-screen.full-screen .spinner{width:40px;height:40px}.loading-screen .spinner{width:25px;height:25px;color:#55688b;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-toolbar{display:flex;background:#fff;height:30px;padding:10px 20px 10px 10px;justify-content:space-between;align-items:center;color:#222;font-weight:500}.app-toolbar.hidden{display:none}.app-toolbar .title-div{display:flex;align-items:center}.app-toolbar .title-div img{opacity:80%}.app-toolbar .title-div .bar-title{font-size:18px;font-weight:500;color:#ca8b85;white-space:nowrap}.app-toolbar .title-div .bar-title.active{font-weight:500;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:#ca8b85;text-underline-offset:5px}.app-toolbar .title-div .bar-title:hover{color:#a16f6a}.app-toolbar .title-div .beta-label{padding:4px 8px;color:#fff;background-color:#ff5722;opacity:.6;border-radius:5px;font-size:10px;font-weight:700;transform:rotate(-15deg);box-shadow:0 2px 4px #0003}.app-toolbar .bar-item.active{color:#111;font-weight:500;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:#ca8b85;text-underline-offset:5px}.app-toolbar a{cursor:pointer;padding:5px 10px 5px 2px}.app-toolbar a:hover{color:#111}.app-toolbar .right-icon-container{display:flex;gap:8px}.app-toolbar .right-icon-container .bar-item,.app-toolbar .right-icon-container a{padding:0}.app-toolbar .bar-item{display:flex;align-items:center;color:#222;gap:3px;white-space:nowrap}.app-toolbar .bar-item svg{opacity:.9}.app-toolbar .bar-item img{opacity:.6}.broadcast-message-container{background:#faa;display:flex;align-items:center;padding-top:5px;padding-bottom:5px;padding-left:10px;color:#555;gap:5px}.broadcast-message-container span{font-weight:500;flex-grow:1}.broadcast-message-container .close-icon{border-radius:50%;padding:3px 8px;cursor:pointer}.broadcast-message-container .close-icon:hover{background:#0000001a}.mobile-app-bar{display:flex;align-items:center;position:absolute;background-color:#ffffff80;padding:3px 10px;width:100%;box-sizing:border-box;justify-content:space-between;border-bottom:1px solid rgb(202,139,133)}.mobile-app-bar a{text-decoration:none}.mobile-app-bar .mobile-app-title{display:flex;gap:5px;justify-content:left;align-items:center}.mobile-app-bar .mobile-app-title .title-label{font-weight:700;font-size:18px;color:#ca8b85}.mobile-app-bar .mobile-app-title .title-label .title-and{color:#999;margin:0 2px}.mobile-app-menu ul{padding:10px 0;min-width:150px}.mobile-app-menu ul a{font-weight:500;font-size:18px;text-decoration:none;padding:3px 10px;color:#222}.maintenance-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.maintenance-page .maintenance-container{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:60px 40px;max-width:600px;width:100%;text-align:center;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2)}@media (max-width: 768px){.maintenance-page .maintenance-container{padding:40px 30px;margin:20px}}@media (max-width: 480px){.maintenance-page .maintenance-container{padding:30px 20px}}.maintenance-page .maintenance-icon{margin-bottom:30px}.maintenance-page .maintenance-icon .construction-icon{font-size:80px;animation:bounce 2s infinite;display:inline-block}@media (max-width: 480px){.maintenance-page .maintenance-icon .construction-icon{font-size:60px}}.maintenance-page .maintenance-content .maintenance-title{font-size:2.5rem;font-weight:700;color:#2d3748;margin-bottom:30px;line-height:1.2}@media (max-width: 768px){.maintenance-page .maintenance-content .maintenance-title{font-size:2rem}}@media (max-width: 480px){.maintenance-page .maintenance-content .maintenance-title{font-size:1.5rem}}.maintenance-page .maintenance-content .maintenance-message{margin-bottom:40px}.maintenance-page .maintenance-content .maintenance-message p{font-size:1.1rem;color:#4a5568;line-height:1.6;margin-bottom:15px}.maintenance-page .maintenance-content .maintenance-message p:last-child{margin-bottom:0}@media (max-width: 480px){.maintenance-page .maintenance-content .maintenance-message p{font-size:1rem}}.maintenance-page .maintenance-content .maintenance-details{background:#667eea1a;border-radius:12px;padding:25px;margin-bottom:40px}.maintenance-page .maintenance-content .maintenance-details .detail-item{display:flex;align-items:center;justify-content:center;margin-bottom:15px;font-size:.95rem;color:#4a5568}.maintenance-page .maintenance-content .maintenance-details .detail-item:last-child{margin-bottom:0}.maintenance-page .maintenance-content .maintenance-details .detail-item .detail-icon{margin-right:10px;font-size:1.1rem}@media (max-width: 480px){.maintenance-page .maintenance-content .maintenance-details .detail-item{flex-direction:column;text-align:center}.maintenance-page .maintenance-content .maintenance-details .detail-item .detail-icon{margin-right:0;margin-bottom:5px}}.maintenance-page .maintenance-content .maintenance-actions{display:flex;gap:20px;justify-content:center;margin-bottom:40px}@media (max-width: 480px){.maintenance-page .maintenance-content .maintenance-actions{flex-direction:column;align-items:center}}.maintenance-page .maintenance-content .maintenance-actions .refresh-btn,.maintenance-page .maintenance-content .maintenance-actions .admin-link{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer;font-size:1rem;min-width:160px}.maintenance-page .maintenance-content .maintenance-actions .refresh-btn .btn-icon,.maintenance-page .maintenance-content .maintenance-actions .admin-link .btn-icon{margin-right:8px;font-size:1.1rem}@media (max-width: 480px){.maintenance-page .maintenance-content .maintenance-actions .refresh-btn,.maintenance-page .maintenance-content .maintenance-actions .admin-link{width:100%;max-width:200px}}.maintenance-page .maintenance-content .maintenance-actions .refresh-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.maintenance-page .maintenance-content .maintenance-actions .refresh-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.maintenance-page .maintenance-content .maintenance-actions .refresh-btn:active{transform:translateY(0)}.maintenance-page .maintenance-content .maintenance-actions .admin-link{background:#744ba21a;color:#764ba2;border:2px solid rgba(116,75,162,.2)}.maintenance-page .maintenance-content .maintenance-actions .admin-link:hover{background:#744ba226;border-color:#744ba24d;transform:translateY(-2px);box-shadow:0 8px 16px #744ba233}.maintenance-page .maintenance-content .maintenance-actions .admin-link:active{transform:translateY(0)}.maintenance-page .maintenance-content .maintenance-footer p{font-size:.9rem;color:#718096;line-height:1.5}@media (max-width: 480px){.maintenance-page .maintenance-content .maintenance-footer p{font-size:.85rem}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.refresh-btn:hover .btn-icon{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-color-scheme: dark){.maintenance-page .maintenance-container{background:#1a202cf2;border:1px solid rgba(255,255,255,.1)}.maintenance-page .maintenance-container .maintenance-title{color:#f7fafc}.maintenance-page .maintenance-container .maintenance-message p{color:#e2e8f0}.maintenance-page .maintenance-container .maintenance-details{background:#667eea26}.maintenance-page .maintenance-container .maintenance-details .detail-item{color:#cbd5e0}.maintenance-page .maintenance-container .maintenance-footer p{color:#a0aec0}}