.home{background-color:#f8fafc;background-color:var(--background-secondary);display:flex}.home .homeContainer{flex:6 1}.home .homeContainer .charts,.home .homeContainer .widgets{display:flex;gap:20px;padding:20px}.home .homeContainer .charts{padding:5px 20px}.home .homeContainer .listContainer{background-color:#fff;background-color:var(--background-primary);border:1px solid #f1f5f9;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);box-shadow:0 2px 8px var(--shadow-light);margin:20px;padding:20px}.home .homeContainer .listContainer .listTitle{color:#0f172a;color:var(--text-primary);font-weight:600;margin-bottom:15px}.sidebar{background-color:#f8fafc;background-color:var(--background-secondary);border-right:.5px solid #e2e8f0;border-right:.5px solid var(--border-color);flex:1 1;min-height:100vh}.sidebar .top{align-items:center;display:flex;height:50px;justify-content:center}.sidebar .top .logo{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#f3678c,#fcced9);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700}.sidebar hr{border:.5px solid #e2e8f0;border:.5px solid var(--border-color);height:0}.sidebar .center{padding-left:10px}.sidebar .center ul{list-style:none;margin:0;padding:0}.sidebar .center ul .title{color:#64748b;color:var(--text-muted);font-size:10px;font-weight:700;margin-bottom:5px;margin-top:15px}.sidebar .center ul li{align-items:center;border-radius:8px;cursor:pointer;display:flex;margin:2px 5px;padding:8px;transition:all .2s ease}.sidebar .center ul li:hover{background-color:#f1f5f9;background-color:var(--background-tertiary);-webkit-transform:translateX(3px);transform:translateX(3px)}.sidebar .center ul li .icon{color:#f3678c;color:var(--primary-color);font-size:18px}.sidebar .center ul li span{color:#475569;color:var(--text-secondary);font-size:13px;font-weight:600;margin-left:10px}.sidebar .bottom{align-items:center;display:flex;gap:8px;justify-content:center;margin:10px}.sidebar .bottom .colorOption{border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:50%;cursor:pointer;height:22px;transition:all .2s ease;width:22px}.sidebar .bottom .colorOption:hover{border-color:#f3678c;border-color:var(--primary-color);-webkit-transform:scale(1.1);transform:scale(1.1)}.sidebar .bottom .colorOption:first-child{background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:var(--gradient-subtle)}.sidebar .bottom .colorOption:nth-child(2){background:linear-gradient(135deg,#fce7f3,#fcced9);background:var(--gradient-light)}.sidebar .link{color:inherit;text-decoration:none}.sidebar .link.active li{background:linear-gradient(135deg,#fce7f3,#fcced9);background:var(--gradient-light);border-left:4px solid #f3678c;border-left:4px solid var(--primary-color);border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.05);box-shadow:0 1px 3px var(--shadow-light);font-weight:600}.sidebar .link.active li .icon,.sidebar .link.active li span{color:#f3678c;color:var(--primary-color)}.navbar{background-color:#fff;background-color:var(--background-primary);border-bottom:.5px solid #e2e8f0;border-bottom:.5px solid var(--border-color);color:#0f172a;color:var(--text-primary);font-size:14px;height:50px}.navbar,.navbar .wrapper{align-items:center;display:flex}.navbar .wrapper{justify-content:flex-end;padding:20px;width:100%}.navbar .wrapper .search{align-items:center;background-color:#f8fafc;background-color:var(--background-secondary);border:.5px solid #e2e8f0;border:.5px solid var(--border-color);border-radius:8px;display:flex;padding:6px 12px}.navbar .wrapper .search input{background:transparent;border:none;color:#0f172a;color:var(--text-primary);outline:none}.navbar .wrapper .search input::-webkit-input-placeholder{color:#64748b;color:var(--text-muted);font-size:12px}.navbar .wrapper .search input:-ms-input-placeholder{color:#64748b;color:var(--text-muted);font-size:12px}.navbar .wrapper .search input::placeholder{color:#64748b;color:var(--text-muted);font-size:12px}.navbar .wrapper .items{align-items:center;display:flex;gap:20px}.navbar .wrapper .items .item{align-items:center;cursor:pointer;display:flex;margin-right:0;position:relative}.navbar .wrapper .items .item .icon{color:#475569;color:var(--text-secondary);font-size:20px;transition:color .2s ease}.navbar .wrapper .items .item:hover .icon{color:#f3678c;color:var(--primary-color)}.navbar .wrapper .items .item .avatar{border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:50%;height:30px;width:30px}.navbar .wrapper .items .item .counter{align-items:center;background-color:#dc2626;background-color:var(--error-color);border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:15px;justify-content:center;min-width:15px;padding:0 2px;position:absolute;right:-5px;top:-5px;width:15px}.navbar .notifications-popup{background-color:#fff;background-color:var(--background-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.1);box-shadow:0 8px 24px var(--shadow-medium);color:#0f172a;color:var(--text-primary);font-size:13px;max-height:400px;overflow:hidden;position:absolute;right:0;top:35px;width:320px;z-index:100}.navbar .notifications-popup .notifications-header{align-items:center;background-color:#f8fafc;background-color:var(--background-secondary);border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:16px}.navbar .notifications-popup .notifications-header h4{color:#0f172a;color:var(--text-primary);font-size:14px;font-weight:600;margin:0}.navbar .notifications-popup .notifications-header .notification-count{background-color:#f3678c;background-color:var(--primary-color);border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:2px 8px}.navbar .notifications-popup .notifications-list{max-height:300px;overflow-y:auto}.navbar .notifications-popup .notifications-list .no-notifications{color:#64748b;color:var(--text-muted);padding:20px;text-align:center}.navbar .notifications-popup .notifications-list .no-notifications p{font-size:13px;margin:0}.navbar .notifications-popup .notifications-list .notification-item{align-items:flex-start;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light);cursor:pointer;display:flex;padding:12px 16px;position:relative;transition:background-color .2s ease}.navbar .notifications-popup .notifications-list .notification-item:last-child{border-bottom:none}.navbar .notifications-popup .notifications-list .notification-item:hover{background-color:#f8fafc;background-color:var(--background-secondary)}.navbar .notifications-popup .notifications-list .notification-item.unread{background-color:rgba(var(--primary-color-rgb),.05)}.navbar .notifications-popup .notifications-list .notification-item.unread:hover{background-color:rgba(var(--primary-color-rgb),.1)}.navbar .notifications-popup .notifications-list .notification-item .notification-icon{flex-shrink:0;font-size:16px;margin-right:12px;margin-top:2px}.navbar .notifications-popup .notifications-list .notification-item .notification-content{flex:1 1;min-width:0}.navbar .notifications-popup .notifications-list .notification-item .notification-content .notification-title{color:#0f172a;color:var(--text-primary);font-size:13px;font-weight:600;line-height:1.3;margin-bottom:4px}.navbar .notifications-popup .notifications-list .notification-item .notification-content .notification-message{word-wrap:break-word;color:#475569;color:var(--text-secondary);font-size:12px;line-height:1.4;margin-bottom:4px}.navbar .notifications-popup .notifications-list .notification-item .notification-content .notification-time{color:#64748b;color:var(--text-muted);font-size:11px}.navbar .notifications-popup .notifications-list .notification-item .unread-dot{background-color:#f3678c;background-color:var(--primary-color);border-radius:50%;height:8px;position:absolute;right:12px;top:12px;width:8px}.navbar .notifications-popup .notifications-footer{background-color:#f8fafc;background-color:var(--background-secondary);border-top:1px solid #f1f5f9;border-top:1px solid var(--border-light);cursor:pointer;padding:12px 16px;text-align:center;transition:background-color .2s ease}.navbar .notifications-popup .notifications-footer:hover{background-color:#f1f5f9;background-color:var(--border-light)}.navbar .notifications-popup .notifications-footer span{color:#f3678c;color:var(--primary-color);font-size:12px;font-weight:500}.navbar .profile-dropdown{background-color:#fff;background-color:var(--background-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px var(--shadow-medium);padding:8px 0;position:absolute;right:0;top:40px;width:150px;z-index:100}.navbar .profile-dropdown .dropdown-item{color:#0f172a;color:var(--text-primary);cursor:pointer;font-size:14px;padding:10px 16px;transition:background-color .2s ease}.navbar .profile-dropdown .dropdown-item:hover{background-color:#f8fafc;background-color:var(--background-secondary)}.widget{background-color:#fff;background-color:var(--background-primary);border:1px solid #f1f5f9;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);box-shadow:0 2px 8px var(--shadow-light);display:flex;flex:1 1;height:100px;justify-content:space-between;padding:16px;transition:all .3s ease}.widget:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px var(--shadow-medium);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.widget .left,.widget .right{display:flex;flex-direction:column;justify-content:space-between}.widget .left .title,.widget .right .title{color:#475569;color:var(--text-secondary);font-size:14px;font-weight:600}.widget .left .counter,.widget .right .counter{color:#0f172a;color:var(--text-primary);font-size:28px;font-weight:700}.widget .left .link,.widget .right .link{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);color:#f3678c;color:var(--primary-color);cursor:pointer;font-size:12px;transition:color .2s ease;width:-webkit-max-content;width:max-content}.widget .left .link:hover,.widget .right .link:hover{color:#e91e63;color:var(--primary-dark)}.widget .left .percentage,.widget .right .percentage{align-items:center;display:flex;font-size:14px;font-weight:500}.widget .left .percentage.positive,.widget .right .percentage.positive{color:#059669;color:var(--success-color)}.widget .left .percentage.negative,.widget .right .percentage.negative{color:#dc2626;color:var(--error-color)}.widget .left .icon,.widget .right .icon{align-self:flex-end;border-radius:8px;font-size:18px;padding:8px;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.widget .left .icon:hover,.widget .right .icon:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.featured{background-color:#fff;background-color:var(--background-primary);border:1px solid #f1f5f9;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);box-shadow:0 2px 8px var(--shadow-light);flex:2 1;padding:20px}.featured .top{align-items:center;color:#475569;color:var(--text-secondary);display:flex;justify-content:space-between;margin-bottom:20px}.featured .top .title{color:#0f172a;color:var(--text-primary);font-size:16px;font-weight:600}.featured .bottom{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center;padding:20px}.featured .bottom .featuredChart{height:100px;width:100px}.featured .bottom .title{color:#475569;color:var(--text-secondary);font-weight:500}.featured .bottom .amount{color:#0f172a;color:var(--text-primary);font-size:30px;font-weight:700}.featured .bottom .amount .goal-amount{color:#64748b;color:var(--text-muted);font-size:13px;font-weight:400;margin-left:2px}.featured .bottom .desc{color:#64748b;color:var(--text-muted);font-size:12px;font-weight:400;line-height:1.5;text-align:center}.featured .bottom .summary{align-items:center;display:flex;justify-content:space-between;margin-top:20px;width:100%}.featured .bottom .summary .item{flex:1 1;text-align:center}.featured .bottom .summary .item .itemTitle{color:#475569;color:var(--text-secondary);font-size:14px;margin-bottom:8px}.featured .bottom .summary .item .itemResult{align-items:center;display:flex;font-size:14px;font-weight:500;justify-content:center;margin-top:10px}.featured .bottom .summary .item .itemResult.positive{color:#059669;color:var(--success-color)}.featured .bottom .summary .item .itemResult.negative{color:#dc2626;color:var(--error-color)}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.chart{background-color:#fff;background-color:var(--background-primary);border:1px solid #f1f5f9;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);box-shadow:0 2px 8px var(--shadow-light);color:#475569;color:var(--text-secondary);flex:4 1;padding:20px}.chart .title{color:#0f172a;color:var(--text-primary);font-weight:600;margin-bottom:20px}.chart .chartGrid{stroke:#e2e8f0;stroke:var(--border-color)}.table .cellWrapper{align-items:center;display:flex}.table .cellWrapper .image{border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:50%;height:32px;margin-right:10px;object-fit:cover;width:32px}.table .status{border-radius:8px;font-weight:500;padding:6px 12px}.table .status.Approved{background-color:rgba(5,150,105,.1);color:#059669;color:var(--success-color)}.table .status.Pending{background-color:rgba(217,119,6,.1);color:#d97706;color:var(--warning-color)}.table .status.paid{background-color:rgba(5,150,105,.1);color:#059669;color:var(--success-color)}.table .status.in.progress{background-color:rgba(217,119,6,.1);color:#d97706;color:var(--warning-color)}.table .status.completed{background-color:rgba(5,150,105,.1);color:#059669;color:var(--success-color)}.login{background:linear-gradient(135deg,#f3678c,#fcced9);min-height:100vh;overflow:hidden;position:relative}.login:before{background:none;bottom:0;left:0;opacity:0;right:0;top:0}.login:after,.login:before{content:"";position:absolute}.login:after{-webkit-animation:rotate 30s linear infinite;animation:rotate 30s linear infinite;background:radial-gradient(circle,rgba(243,103,140,.08) 0,transparent 70%);height:200%;left:-50%;top:-50%;width:200%}.login .MuiContainer-root{position:relative;z-index:1}.login .MuiPaper-root{background:#fff!important;border:1.5px solid #f3678c;box-shadow:0 8px 32px rgba(243,103,140,.08);color:#0f172a;transition:all .3s ease}.login .MuiPaper-root:hover{box-shadow:0 20px 40px rgba(243,103,140,.13);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.login .MuiTextField-root .MuiOutlinedInput-root{background:#f8fafc;color:#0f172a;transition:all .3s ease}.login .MuiTextField-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#f3678c}.login .MuiTextField-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#f3678c;border-width:2px}.login .MuiTextField-root .MuiInputLabel-root{color:#f3678c!important}.login .MuiButton-root{background:#f3678c;box-shadow:0 2px 8px rgba(243,103,140,.08);color:#fff;font-size:1rem;font-weight:600;text-transform:none;transition:all .3s ease}.login .MuiButton-root:hover{background:#e91e63;box-shadow:0 8px 25px rgba(243,103,140,.18);color:#fff;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.login .MuiButton-root:active{-webkit-transform:translateY(0);transform:translateY(0)}.login .MuiAlert-root{transition:all .3s ease}.login .MuiTypography-root{color:#0f172a}.login .MuiTypography-root.gradient-text{-webkit-text-fill-color:transparent;background:linear-gradient(45deg,#f3678c,#e91e63);background-clip:text;-webkit-background-clip:text}.login .MuiInputAdornment-root .MuiSvgIcon-root{color:#f3678c}.login .MuiSvgIcon-root{color:#f3678c;transition:all .3s ease}.login .demo-credentials{background:linear-gradient(45deg,rgba(243,103,140,.08),rgba(252,206,217,.08));border:1px solid rgba(243,103,140,.18);border-radius:12px;color:#0f172a;margin-top:24px;padding:16px;transition:all .3s ease}.login .demo-credentials:hover{background:linear-gradient(45deg,rgba(243,103,140,.13),rgba(252,206,217,.13));-webkit-transform:translateY(-1px);transform:translateY(-1px)}.login .MuiFormHelperText-root.Mui-error{color:#e91e63;font-weight:500}@-webkit-keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@media(max-width:600px){.login .MuiContainer-root{padding:16px}.login .MuiPaper-root{padding:24px}.login .MuiTypography-h3{font-size:2rem}}.login.dark{background:linear-gradient(135deg,#2c3e50,#34495e)}.login.dark .MuiPaper-root{background:rgba(44,62,80,.95);color:#fff}.login.dark .MuiTextField-root .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:hsla(0,0%,100%,.3)}.login.dark .MuiTextField-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#667eea}.login .MuiCircularProgress-root{color:#f3678c}.login .MuiButton-contained.Mui-disabled{background:rgba(0,0,0,.12)!important;color:rgba(0,0,0,.26)!important}.app.dark .login{background:linear-gradient(135deg,#2c3e50,#34495e)}.app.dark .login .loginContainer .MuiPaper-root{background:rgba(44,62,80,.95);color:#ecf0f1}.app.dark .login .loginContainer .MuiPaper-root .MuiTypography-h4{color:#ecf0f1}.app.dark .login .loginContainer .MuiPaper-root .MuiTextField-root .MuiOutlinedInput-root{background-color:hsla(0,0%,100%,.05)}.app.dark .login .loginContainer .MuiPaper-root .MuiTextField-root .MuiOutlinedInput-root .MuiOutlinedInput-input{color:#ecf0f1}.app.dark .login .loginContainer .MuiPaper-root .MuiTextField-root .MuiInputLabel-root{color:#bdc3c7}.app.dark .login .loginContainer .MuiPaper-root .MuiTextField-root .MuiInputLabel-root.Mui-focused{color:#667eea}.app.dark .login .loginContainer .MuiPaper-root .MuiTypography-body2{color:#bdc3c7}.register{align-items:center;background:linear-gradient(135deg,#f3678c,#fcced9);display:flex;justify-content:center;min-height:100vh;padding:20px;width:100%}.register .MuiContainer-root{max-width:600px}.register .MuiPaper-root{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff!important;border:1.5px solid #f3678c;border-radius:18px;box-shadow:0 8px 32px rgba(243,103,140,.08);color:#0f172a}.register .MuiTextField-root .MuiOutlinedInput-root{background:#f8fafc;border-radius:8px;color:#0f172a}.register .MuiTextField-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,.register .MuiTextField-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#f3678c}.register .MuiTextField-root .MuiInputLabel-root{color:#f3678c!important}.register .MuiButton-contained{background:#f3678c;border-radius:8px;box-shadow:0 2px 8px rgba(243,103,140,.08);color:#fff;font-size:16px;font-weight:600;text-transform:none}.register .MuiButton-contained:hover{background:#e91e63;box-shadow:0 8px 25px rgba(243,103,140,.18);color:#fff}.register .MuiAlert-root{border-radius:8px}.list{display:flex;width:100%}.list .listContainer{flex:6 1}.datatable{height:600px;padding:20px}.datatable .datatableTitle{align-items:center;color:gray;display:flex;font-size:24px;justify-content:space-between;margin-bottom:10px;width:100%}.datatable .datatableTitle .link{border:1px solid green;border-radius:5px;color:green;cursor:pointer;font-size:16px;font-weight:400;padding:5px;text-decoration:none;transition:all .3s ease}.datatable .datatableTitle .link:hover{background-color:green;color:#fff}.datatable .loading-container{align-items:center;display:flex;flex-direction:column;gap:20px;height:400px;justify-content:center}.datatable .loading-container p{color:gray;font-size:16px}.datatable .error-alert{margin:20px 0}.datatable .MuiDialog-paper{border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.15)}.datatable .MuiDialog-paper .MuiDialogTitle-root{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 24px}.datatable .MuiDialog-paper .MuiDialogTitle-root h2{font-weight:600;margin:0}.datatable .MuiDialog-paper .MuiDialogContent-root{padding:24px}.datatable .MuiDialog-paper .MuiDialogContent-root p{color:#2c3e50;font-size:16px;margin:0 0 16px}.datatable .MuiDialog-paper .MuiDialogActions-root{background-color:#f8f9fa;border-top:1px solid #e9ecef;padding:16px 24px}.datatable .MuiSnackbar-root .MuiAlert-root{border-radius:8px;font-weight:500}.datatable .MuiSnackbar-root .MuiAlert-root.MuiAlert-standardSuccess{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.datatable .MuiSnackbar-root .MuiAlert-root.MuiAlert-standardError{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.datatable .cellWithImg{align-items:center;display:flex}.datatable .cellWithImg .cellImg{border-radius:50%;height:32px;margin-right:20px;object-fit:cover;width:32px}.datatable .cellWithStatus{border-radius:5px;font-weight:500;padding:5px;text-transform:capitalize}.datatable .cellWithStatus.active{background-color:rgba(0,128,0,.151);color:green}.datatable .cellWithStatus.disabled{background-color:rgba(255,0,0,.151);color:red}.datatable .cellWithStatus.paid{background-color:rgba(0,128,0,.151);color:green}.datatable .cellWithStatus.overdue{background-color:rgba(255,0,0,.151);color:red}.datatable .cellWithStatus.cancelled{background-color:hsla(0,0%,50%,.151);color:gray}.datatable .cellWithStatus.completed{background-color:rgba(0,128,0,.151);color:green}.datatable .cellWithStatus.in progress{background-color:rgba(255,165,0,.151);color:orange}.datatable .cellWithStatus.available{background-color:rgba(0,128,0,.151);color:green}.datatable .cellWithStatus.occupied{background-color:rgba(255,165,0,.151);color:orange}.datatable .cellWithStatus.under maintenance{background-color:rgba(255,0,0,.151);color:red}.datatable .cellWithRole{border-radius:5px;font-weight:500;padding:5px;text-transform:capitalize}.datatable .cellWithRole.admin{background-color:rgba(220,53,69,.151);color:#dc3545}.datatable .cellWithRole.tenant{background-color:rgba(40,167,69,.151);color:#28a745}.datatable .cellWithApartment{background-color:rgba(13,110,253,.151);border:1px solid rgba(13,110,253,.2);border-radius:5px;color:#0d6efd;font-weight:500;padding:5px;text-align:center}.datatable .cellWithApartment.no-apartment{background-color:hsla(208,7%,46%,.151);border-color:hsla(208,7%,46%,.2);color:#6c757d;font-style:italic}.datatable .cellAction{align-items:center;display:flex;gap:15px}.datatable .cellAction .viewButton{border:1px solid #1976d2;border-radius:6px;color:#1976d2;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .3s ease}.datatable .cellAction .viewButton:hover{background-color:#1976d2;color:#fff}.datatable .cellAction .deleteButton{border:1px solid #dc3545;border-radius:6px;color:#dc3545;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .3s ease}.datatable .cellAction .deleteButton:hover{background-color:#dc3545;color:#fff}.datatable .MuiTabs-root .MuiTab-root{background-color:#fff;border-bottom:2px solid transparent;color:#0f172a;font-size:14px;font-weight:500;min-width:120px;padding:12px 16px;text-transform:none;transition:all .3s ease}.datatable .MuiTabs-root .MuiTab-root:hover{background-color:rgba(243,103,140,.08);color:#f3678c}.datatable .MuiTabs-root .MuiTab-root.Mui-selected{background-color:rgba(243,103,140,.12);color:#f3678c;font-weight:600}.datatable .MuiTabs-root .MuiTabs-indicator{background-color:#f3678c;height:3px}.datatable .MuiBox-root .MuiTypography-h6{border-bottom:2px solid #f3678c;color:#0f172a;font-size:18px;font-weight:600;margin-bottom:16px;padding-bottom:8px}.datatable .MuiBox-root .MuiTypography-body1{color:#0f172a;font-size:14px}.datatable .cellWithApartment:focus,.datatable .cellWithImg:focus,.datatable .cellWithRole:focus,.datatable .cellWithStatus:focus,.datatable .datagrid :focus{box-shadow:none!important;outline:none!important}.view-modal .MuiDialog-paper{background:#fff;border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.1);overflow:hidden}.view-modal .modal-title{align-items:center;background:#f3678c;color:#fff;display:flex;justify-content:space-between;margin:0;padding:20px 24px}.view-modal .modal-title .title-content h6{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.view-modal .modal-title .title-actions{align-items:center;display:flex;gap:8px}.view-modal .modal-title .title-actions .refresh-button{color:#fff}.view-modal .modal-title .title-actions .refresh-button:hover{background-color:hsla(0,0%,100%,.1)}.view-modal .modal-title .title-actions .refresh-button .rotating{-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite}.view-modal .modal-title .title-actions .close-button{color:#fff}.view-modal .modal-title .title-actions .close-button:hover{background-color:hsla(0,0%,100%,.1)}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.view-modal .modal-body{background:#fff;max-height:70vh;overflow-y:auto;padding:0}.view-modal .modal-actions{background-color:#f8f9fa;border-top:1px solid #e9ecef;padding:16px 24px}.view-modal .modal-content{background:#fff;color:#0f172a;padding:24px}.view-modal .modal-content .apartment-header,.view-modal .modal-content .maintenance-header,.view-modal .modal-content .payment-header,.view-modal .modal-content .user-header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.view-modal .modal-content .apartment-header .apartment-icon,.view-modal .modal-content .apartment-header .maintenance-icon,.view-modal .modal-content .apartment-header .payment-icon,.view-modal .modal-content .apartment-header .user-avatar,.view-modal .modal-content .maintenance-header .apartment-icon,.view-modal .modal-content .maintenance-header .maintenance-icon,.view-modal .modal-content .maintenance-header .payment-icon,.view-modal .modal-content .maintenance-header .user-avatar,.view-modal .modal-content .payment-header .apartment-icon,.view-modal .modal-content .payment-header .maintenance-icon,.view-modal .modal-content .payment-header .payment-icon,.view-modal .modal-content .payment-header .user-avatar,.view-modal .modal-content .user-header .apartment-icon,.view-modal .modal-content .user-header .maintenance-icon,.view-modal .modal-content .user-header .payment-icon,.view-modal .modal-content .user-header .user-avatar{align-items:center;background:#f3678c;border-radius:12px;color:#fff;display:flex;height:60px;justify-content:center;padding:12px;width:60px}.view-modal .modal-content .apartment-header .apartment-info,.view-modal .modal-content .apartment-header .maintenance-info,.view-modal .modal-content .apartment-header .payment-info,.view-modal .modal-content .apartment-header .user-info,.view-modal .modal-content .maintenance-header .apartment-info,.view-modal .modal-content .maintenance-header .maintenance-info,.view-modal .modal-content .maintenance-header .payment-info,.view-modal .modal-content .maintenance-header .user-info,.view-modal .modal-content .payment-header .apartment-info,.view-modal .modal-content .payment-header .maintenance-info,.view-modal .modal-content .payment-header .payment-info,.view-modal .modal-content .payment-header .user-info,.view-modal .modal-content .user-header .apartment-info,.view-modal .modal-content .user-header .maintenance-info,.view-modal .modal-content .user-header .payment-info,.view-modal .modal-content .user-header .user-info{flex:1 1}.view-modal .modal-content .apartment-header .apartment-info .apartment-title,.view-modal .modal-content .apartment-header .apartment-info .maintenance-title,.view-modal .modal-content .apartment-header .apartment-info .payment-title,.view-modal .modal-content .apartment-header .apartment-info .user-name,.view-modal .modal-content .apartment-header .maintenance-info .apartment-title,.view-modal .modal-content .apartment-header .maintenance-info .maintenance-title,.view-modal .modal-content .apartment-header .maintenance-info .payment-title,.view-modal .modal-content .apartment-header .maintenance-info .user-name,.view-modal .modal-content .apartment-header .payment-info .apartment-title,.view-modal .modal-content .apartment-header .payment-info .maintenance-title,.view-modal .modal-content .apartment-header .payment-info .payment-title,.view-modal .modal-content .apartment-header .payment-info .user-name,.view-modal .modal-content .apartment-header .user-info .apartment-title,.view-modal .modal-content .apartment-header .user-info .maintenance-title,.view-modal .modal-content .apartment-header .user-info .payment-title,.view-modal .modal-content .apartment-header .user-info .user-name,.view-modal .modal-content .maintenance-header .apartment-info .apartment-title,.view-modal .modal-content .maintenance-header .apartment-info .maintenance-title,.view-modal .modal-content .maintenance-header .apartment-info .payment-title,.view-modal .modal-content .maintenance-header .apartment-info .user-name,.view-modal .modal-content .maintenance-header .maintenance-info .apartment-title,.view-modal .modal-content .maintenance-header .maintenance-info .maintenance-title,.view-modal .modal-content .maintenance-header .maintenance-info .payment-title,.view-modal .modal-content .maintenance-header .maintenance-info .user-name,.view-modal .modal-content .maintenance-header .payment-info .apartment-title,.view-modal .modal-content .maintenance-header .payment-info .maintenance-title,.view-modal .modal-content .maintenance-header .payment-info .payment-title,.view-modal .modal-content .maintenance-header .payment-info .user-name,.view-modal .modal-content .maintenance-header .user-info .apartment-title,.view-modal .modal-content .maintenance-header .user-info .maintenance-title,.view-modal .modal-content .maintenance-header .user-info .payment-title,.view-modal .modal-content .maintenance-header .user-info .user-name,.view-modal .modal-content .payment-header .apartment-info .apartment-title,.view-modal .modal-content .payment-header .apartment-info .maintenance-title,.view-modal .modal-content .payment-header .apartment-info .payment-title,.view-modal .modal-content .payment-header .apartment-info .user-name,.view-modal .modal-content .payment-header .maintenance-info .apartment-title,.view-modal .modal-content .payment-header .maintenance-info .maintenance-title,.view-modal .modal-content .payment-header .maintenance-info .payment-title,.view-modal .modal-content .payment-header .maintenance-info .user-name,.view-modal .modal-content .payment-header .payment-info .apartment-title,.view-modal .modal-content .payment-header .payment-info .maintenance-title,.view-modal .modal-content .payment-header .payment-info .payment-title,.view-modal .modal-content .payment-header .payment-info .user-name,.view-modal .modal-content .payment-header .user-info .apartment-title,.view-modal .modal-content .payment-header .user-info .maintenance-title,.view-modal .modal-content .payment-header .user-info .payment-title,.view-modal .modal-content .payment-header .user-info .user-name,.view-modal .modal-content .user-header .apartment-info .apartment-title,.view-modal .modal-content .user-header .apartment-info .maintenance-title,.view-modal .modal-content .user-header .apartment-info .payment-title,.view-modal .modal-content .user-header .apartment-info .user-name,.view-modal .modal-content .user-header .maintenance-info .apartment-title,.view-modal .modal-content .user-header .maintenance-info .maintenance-title,.view-modal .modal-content .user-header .maintenance-info .payment-title,.view-modal .modal-content .user-header .maintenance-info .user-name,.view-modal .modal-content .user-header .payment-info .apartment-title,.view-modal .modal-content .user-header .payment-info .maintenance-title,.view-modal .modal-content .user-header .payment-info .payment-title,.view-modal .modal-content .user-header .payment-info .user-name,.view-modal .modal-content .user-header .user-info .apartment-title,.view-modal .modal-content .user-header .user-info .maintenance-title,.view-modal .modal-content .user-header .user-info .payment-title,.view-modal .modal-content .user-header .user-info .user-name{color:#0f172a;font-weight:600;margin:0 0 4px}.view-modal .modal-content .apartment-header .apartment-info .apartment-building,.view-modal .modal-content .apartment-header .apartment-info .maintenance-apartment,.view-modal .modal-content .apartment-header .apartment-info .payment-tenant,.view-modal .modal-content .apartment-header .apartment-info .user-email,.view-modal .modal-content .apartment-header .maintenance-info .apartment-building,.view-modal .modal-content .apartment-header .maintenance-info .maintenance-apartment,.view-modal .modal-content .apartment-header .maintenance-info .payment-tenant,.view-modal .modal-content .apartment-header .maintenance-info .user-email,.view-modal .modal-content .apartment-header .payment-info .apartment-building,.view-modal .modal-content .apartment-header .payment-info .maintenance-apartment,.view-modal .modal-content .apartment-header .payment-info .payment-tenant,.view-modal .modal-content .apartment-header .payment-info .user-email,.view-modal .modal-content .apartment-header .user-info .apartment-building,.view-modal .modal-content .apartment-header .user-info .maintenance-apartment,.view-modal .modal-content .apartment-header .user-info .payment-tenant,.view-modal .modal-content .apartment-header .user-info .user-email,.view-modal .modal-content .maintenance-header .apartment-info .apartment-building,.view-modal .modal-content .maintenance-header .apartment-info .maintenance-apartment,.view-modal .modal-content .maintenance-header .apartment-info .payment-tenant,.view-modal .modal-content .maintenance-header .apartment-info .user-email,.view-modal .modal-content .maintenance-header .maintenance-info .apartment-building,.view-modal .modal-content .maintenance-header .maintenance-info .maintenance-apartment,.view-modal .modal-content .maintenance-header .maintenance-info .payment-tenant,.view-modal .modal-content .maintenance-header .maintenance-info .user-email,.view-modal .modal-content .maintenance-header .payment-info .apartment-building,.view-modal .modal-content .maintenance-header .payment-info .maintenance-apartment,.view-modal .modal-content .maintenance-header .payment-info .payment-tenant,.view-modal .modal-content .maintenance-header .payment-info .user-email,.view-modal .modal-content .maintenance-header .user-info .apartment-building,.view-modal .modal-content .maintenance-header .user-info .maintenance-apartment,.view-modal .modal-content .maintenance-header .user-info .payment-tenant,.view-modal .modal-content .maintenance-header .user-info .user-email,.view-modal .modal-content .payment-header .apartment-info .apartment-building,.view-modal .modal-content .payment-header .apartment-info .maintenance-apartment,.view-modal .modal-content .payment-header .apartment-info .payment-tenant,.view-modal .modal-content .payment-header .apartment-info .user-email,.view-modal .modal-content .payment-header .maintenance-info .apartment-building,.view-modal .modal-content .payment-header .maintenance-info .maintenance-apartment,.view-modal .modal-content .payment-header .maintenance-info .payment-tenant,.view-modal .modal-content .payment-header .maintenance-info .user-email,.view-modal .modal-content .payment-header .payment-info .apartment-building,.view-modal .modal-content .payment-header .payment-info .maintenance-apartment,.view-modal .modal-content .payment-header .payment-info .payment-tenant,.view-modal .modal-content .payment-header .payment-info .user-email,.view-modal .modal-content .payment-header .user-info .apartment-building,.view-modal .modal-content .payment-header .user-info .maintenance-apartment,.view-modal .modal-content .payment-header .user-info .payment-tenant,.view-modal .modal-content .payment-header .user-info .user-email,.view-modal .modal-content .user-header .apartment-info .apartment-building,.view-modal .modal-content .user-header .apartment-info .maintenance-apartment,.view-modal .modal-content .user-header .apartment-info .payment-tenant,.view-modal .modal-content .user-header .apartment-info .user-email,.view-modal .modal-content .user-header .maintenance-info .apartment-building,.view-modal .modal-content .user-header .maintenance-info .maintenance-apartment,.view-modal .modal-content .user-header .maintenance-info .payment-tenant,.view-modal .modal-content .user-header .maintenance-info .user-email,.view-modal .modal-content .user-header .payment-info .apartment-building,.view-modal .modal-content .user-header .payment-info .maintenance-apartment,.view-modal .modal-content .user-header .payment-info .payment-tenant,.view-modal .modal-content .user-header .payment-info .user-email,.view-modal .modal-content .user-header .user-info .apartment-building,.view-modal .modal-content .user-header .user-info .maintenance-apartment,.view-modal .modal-content .user-header .user-info .payment-tenant,.view-modal .modal-content .user-header .user-info .user-email{color:#475569;font-size:.875rem;margin:0}.view-modal .modal-content .apartment-header .apartment-info .role-chip,.view-modal .modal-content .apartment-header .maintenance-info .role-chip,.view-modal .modal-content .apartment-header .payment-info .role-chip,.view-modal .modal-content .apartment-header .user-info .role-chip,.view-modal .modal-content .maintenance-header .apartment-info .role-chip,.view-modal .modal-content .maintenance-header .maintenance-info .role-chip,.view-modal .modal-content .maintenance-header .payment-info .role-chip,.view-modal .modal-content .maintenance-header .user-info .role-chip,.view-modal .modal-content .payment-header .apartment-info .role-chip,.view-modal .modal-content .payment-header .maintenance-info .role-chip,.view-modal .modal-content .payment-header .payment-info .role-chip,.view-modal .modal-content .payment-header .user-info .role-chip,.view-modal .modal-content .user-header .apartment-info .role-chip,.view-modal .modal-content .user-header .maintenance-info .role-chip,.view-modal .modal-content .user-header .payment-info .role-chip,.view-modal .modal-content .user-header .user-info .role-chip{margin-top:8px}.view-modal .modal-content .divider{background-color:#e9ecef;margin:24px 0}.view-modal .modal-content .details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:24px}.view-modal .modal-content .details-grid .detail-item{align-items:center;background:#fff!important;border:2px solid #f3678c;border-radius:10px;display:flex;gap:14px;padding:18px 16px}.view-modal .modal-content .details-grid .detail-item .detail-icon{color:#f3678c;font-size:1.7rem}.view-modal .modal-content .details-grid .detail-item .detail-label{color:#475569;font-size:.8rem;font-weight:600;margin-bottom:2px}.view-modal .modal-content .details-grid .detail-item .MuiTypography-body2,.view-modal .modal-content .details-grid .detail-item p{color:#0f172a;font-size:1rem;margin:0}.view-modal .modal-content .status-section{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:20px}.view-modal .modal-content .status-section .section-title{align-items:center;color:#0f172a;display:flex;font-weight:600;gap:8px;margin:0 0 12px}.view-modal .modal-content .status-section .status-chip{font-weight:600;letter-spacing:.5px;text-transform:uppercase}.view-modal .modal-content .status-section .edit-status-container{align-items:center;display:flex;gap:10px;margin-top:10px}.view-modal .modal-content .status-section .edit-status-container .status-select{min-width:150px}.view-modal .modal-content .status-section .edit-status-container .status-buttons{display:flex;gap:8px}.view-modal .modal-content .status-section .status-display{align-items:center;display:flex;gap:10px}.view-modal .modal-content .status-section .status-display .edit-button{color:#f3678c;transition:all .3s ease}.view-modal .modal-content .status-section .status-display .edit-button:hover{color:#e91e63;-webkit-transform:scale(1.1);transform:scale(1.1)}.cellWithRole{border-radius:5px;font-size:14px;font-weight:500;padding:2px 5px}.cellWithRole.admin{background-color:#ffe0ef;color:#f3678c}.cellWithRole.tenant{background-color:#e0f7fa;color:#059669}@media(max-width:768px){.view-modal .modal-content{padding:16px}.view-modal .modal-content .details-grid{gap:16px;grid-template-columns:1fr}.view-modal .modal-content .apartment-header,.view-modal .modal-content .maintenance-header,.view-modal .modal-content .payment-header,.view-modal .modal-content .user-header{flex-direction:column;gap:12px;text-align:center}.view-modal .modal-content .apartment-header .user-avatar,.view-modal .modal-content .maintenance-header .user-avatar,.view-modal .modal-content .payment-header .user-avatar,.view-modal .modal-content .user-header .user-avatar{font-size:1.5rem;height:60px;width:60px}.view-modal .modal-content .apartment-header .apartment-icon,.view-modal .modal-content .apartment-header .maintenance-icon,.view-modal .modal-content .apartment-header .payment-icon,.view-modal .modal-content .maintenance-header .apartment-icon,.view-modal .modal-content .maintenance-header .maintenance-icon,.view-modal .modal-content .maintenance-header .payment-icon,.view-modal .modal-content .payment-header .apartment-icon,.view-modal .modal-content .payment-header .maintenance-icon,.view-modal .modal-content .payment-header .payment-icon,.view-modal .modal-content .user-header .apartment-icon,.view-modal .modal-content .user-header .maintenance-icon,.view-modal .modal-content .user-header .payment-icon{height:50px;padding:10px;width:50px}}.single{display:flex;width:100%}.single .singleContainer{flex:6 1}.single .singleContainer .top{display:flex;gap:20px;padding:20px}.single .singleContainer .top .left{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);flex:1 1;padding:20px;position:relative}.single .singleContainer .top .left .editButton{background-color:rgba(117,81,248,.094);border-radius:0 0 0 5px;color:#7451f8;cursor:pointer;font-size:12px;padding:5px;position:absolute;right:0;top:0}.single .singleContainer .top .left .item{display:flex;gap:20px}.single .singleContainer .top .left .item .itemImg{border-radius:50%;height:100px;object-fit:cover;width:100px}.single .singleContainer .top .left .item .details .itemTitle{color:#555;margin-bottom:10px}.single .singleContainer .top .left .item .details .detailItem{font-size:14px;margin-bottom:10px}.single .singleContainer .top .left .item .details .detailItem .itemKey{color:gray;font-weight:700;margin-right:5px}.single .singleContainer .top .left .item .details .detailItem .itemValue{font-weight:300}.single .singleContainer .top .right{flex:2 1}.single .singleContainer .bottom{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);margin:10px 20px;padding:20px}.single .singleContainer .title{color:#d3d3d3;font-size:16px;margin-bottom:20px}.new{display:flex;width:100%}.new .newContainer{flex:6 1}.new .newContainer .bottom,.new .newContainer .top{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);display:flex;margin:20px;padding:10px}.new .newContainer .bottom h1,.new .newContainer .top h1{color:#d3d3d3;font-size:20px}.new .newContainer .bottom .left,.new .newContainer .top .left{flex:1 1;text-align:center}.new .newContainer .bottom .left img,.new .newContainer .top .left img{border-radius:50%;height:100px;object-fit:cover;width:100px}.new .newContainer .bottom .right,.new .newContainer .top .right{flex:2 1}.new .newContainer .bottom .right form,.new .newContainer .top .right form{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-around}.new .newContainer .bottom .right form .formInput,.new .newContainer .top .right form .formInput{width:40%}.new .newContainer .bottom .right form .formInput label,.new .newContainer .top .right form .formInput label{align-items:center;color:#333;display:flex;font-weight:500;gap:10px;margin-bottom:8px}.new .newContainer .bottom .right form .formInput label .icon,.new .newContainer .top .right form .formInput label .icon{cursor:pointer}.new .newContainer .bottom .right form .formInput input,.new .newContainer .bottom .right form .formInput select,.new .newContainer .bottom .right form .formInput textarea,.new .newContainer .top .right form .formInput input,.new .newContainer .top .right form .formInput select,.new .newContainer .top .right form .formInput textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;transition:border-color .3s ease;width:100%}.new .newContainer .bottom .right form .formInput input:focus,.new .newContainer .bottom .right form .formInput select:focus,.new .newContainer .bottom .right form .formInput textarea:focus,.new .newContainer .top .right form .formInput input:focus,.new .newContainer .top .right form .formInput select:focus,.new .newContainer .top .right form .formInput textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(0,123,255,.1);outline:none}.new .newContainer .bottom .right form .formInput input.error,.new .newContainer .bottom .right form .formInput select.error,.new .newContainer .bottom .right form .formInput textarea.error,.new .newContainer .top .right form .formInput input.error,.new .newContainer .top .right form .formInput select.error,.new .newContainer .top .right form .formInput textarea.error{border-color:#dc3545;box-shadow:0 0 0 2px rgba(220,53,69,.1)}.new .newContainer .bottom .right form .formInput input:disabled,.new .newContainer .bottom .right form .formInput select:disabled,.new .newContainer .bottom .right form .formInput textarea:disabled,.new .newContainer .top .right form .formInput input:disabled,.new .newContainer .top .right form .formInput select:disabled,.new .newContainer .top .right form .formInput textarea:disabled{background-color:#f8f9fa;border-color:#dee2e6;color:#6c757d;cursor:not-allowed}.new .newContainer .bottom .right form .formInput select,.new .newContainer .top .right form .formInput select{background-color:#fff;cursor:pointer}.new .newContainer .bottom .right form .formInput select:disabled,.new .newContainer .top .right form .formInput select:disabled{background-color:#f8f9fa;cursor:not-allowed}.new .newContainer .bottom .right form .formInput textarea,.new .newContainer .top .right form .formInput textarea{font-family:inherit;min-height:80px;resize:vertical}.new .newContainer .bottom .right form .formInput .error-message,.new .newContainer .top .right form .formInput .error-message{color:#dc3545;display:block;font-size:12px;margin-top:4px}.new .newContainer .bottom .right form .submit-error,.new .newContainer .top .right form .submit-error{background-color:rgba(220,53,69,.1);border-radius:4px;color:#dc3545;font-size:14px;margin-top:10px;padding:10px;text-align:center;width:100%}.new .newContainer .bottom .right form .success-message,.new .newContainer .top .right form .success-message{background-color:rgba(40,167,69,.1);border-radius:4px;color:#28a745;font-size:14px;margin-top:10px;padding:10px;text-align:center;width:100%}.new .newContainer .bottom .right form button,.new .newContainer .top .right form button{background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:12px;transition:background-color .3s ease;width:150px}.new .newContainer .bottom .right form button:hover:not(:disabled),.new .newContainer .top .right form button:hover:not(:disabled){background-color:var(--primary-dark)}.new .newContainer .bottom .right form button:disabled,.new .newContainer .top .right form button:disabled{background-color:#6c757d;cursor:not-allowed}.new .newContainer .bottom .loading,.new .newContainer .top .loading{color:#6c757d;font-size:16px;font-weight:500;padding:40px;text-align:center;width:100%}.payments{display:flex}.payments .paymentsContainer{flex:6 1}.payments .paymentsContainer .datatable{height:600px;padding:20px}.maintenance{display:flex}.maintenance .maintenanceContainer{flex:6 1}.maintenance .maintenanceContainer .datatable{height:600px;padding:20px}.stats{background-color:#f8fafc;background-color:var(--background-secondary);display:flex}.stats .statsContainer{flex:6 1}.stats .statsContainer .stats-header{align-items:center;background:#fff;background:var(--background-primary);border:1px solid #f1f5f9;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);box-shadow:0 2px 8px var(--shadow-light);display:flex;justify-content:space-between;margin:20px 20px 0;padding:20px}.stats .statsContainer .stats-header h1{color:#0f172a;color:var(--text-primary);font-weight:600}.stats .statsContainer .stat-widgets{display:flex;gap:20px;margin:0 0 10px;padding:20px}.stats .statsContainer .stat-card{background:#fff;background:var(--background-primary);border:1px solid #f1f5f9;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);box-shadow:0 2px 8px var(--shadow-light);transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.stats .statsContainer .stat-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px var(--shadow-medium);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.stats .statsContainer .stat-card .MuiCardContent-root{padding:20px}.stats .statsContainer .stat-card .MuiCardContent-root .MuiTypography-h4{font-weight:600;margin-bottom:8px}.stats .statsContainer .stat-card .MuiCardContent-root .MuiTypography-body2{color:#475569;color:var(--text-secondary);font-weight:500}.stats .statsContainer .stat-card .MuiCardContent-root .MuiTypography-caption{color:#475569;color:var(--text-secondary);font-size:.75rem}.stats .statsContainer .charts{display:flex;gap:20px;padding:20px}.stats .statsContainer .charts .chart{background:#fff;background:var(--background-primary);border:1px solid #f1f5f9;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);box-shadow:0 2px 8px var(--shadow-light);padding:20px}.stats .statsContainer .charts .chart .title{color:#0f172a;color:var(--text-primary);font-weight:600;margin-bottom:20px}.stats .statsContainer .charts .chart .chartGrid{stroke:#e4e1e1}.stats .statsContainer .listContainer{background-color:#fff;background-color:var(--background-primary);border:1px solid #f1f5f9;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);box-shadow:0 2px 8px var(--shadow-light);margin:20px;padding:20px}.stats .statsContainer .listContainer .listTitle{color:#0f172a;color:var(--text-primary);font-weight:600;margin-bottom:15px}@media(max-width:1024px){.stats .statsContainer .charts,.stats .statsContainer .stat-widgets{flex-direction:column}}@media(max-width:768px){.stats .statsContainer .charts,.stats .statsContainer .stat-widgets{flex-direction:column;gap:15px;padding:10px}.stats .statsContainer .stats-header{align-items:flex-start;flex-direction:column;gap:15px}}@media(max-width:480px){.stats .statsContainer .stats-header .MuiBox-root{flex-direction:column;gap:10px}}.MuiCard-root.payment-selection-card{border:2px solid transparent;cursor:pointer;transition:all .2s ease-in-out}.MuiCard-root.payment-selection-card:hover{border-color:#f3678c;border-color:var(--primary-color);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.MuiCard-root.payment-selection-card.selected{background-color:rgba(243,103,140,.08);border-color:#f3678c;border-color:var(--primary-color)}.MuiButton-root.MuiButton-outlined,.MuiButton-root.MuiButton-outlined:hover{border-width:2px}.MuiButton-root.MuiButton-contained{box-shadow:0 2px 4px rgba(0,0,0,.1)}.MuiButton-root.MuiButton-contained:hover{box-shadow:0 4px 8px rgba(0,0,0,.15)}.loading-overlay{align-items:center;background:hsla(0,0%,100%,.8);border-radius:12px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.stat-card{-webkit-animation:fadeInUp .3s ease-out;animation:fadeInUp .3s ease-out}.app.dark .stats{background-color:#f8fafc;background-color:var(--background-secondary)}.app.dark .stats .statsContainer .charts .chart,.app.dark .stats .statsContainer .listContainer,.app.dark .stats .statsContainer .stat-card{background:#fff;background:var(--background-primary);color:#0f172a;color:var(--text-primary)}.system{background-color:#f8fafc;background-color:var(--background-secondary);display:flex}.system .systemContainer{flex:6 1}.system .systemContainer .system-header{align-items:center;background:#fff;background:var(--background-primary);border:1px solid #f1f5f9;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);box-shadow:0 2px 8px var(--shadow-light);display:flex;justify-content:space-between;margin:20px 20px 0;padding:20px}.system .systemContainer .system-header h1{color:#0f172a;color:var(--text-primary);font-weight:600}.system .systemContainer .stat-widgets{display:flex;gap:20px;margin:0 0 10px;padding:20px}.system .systemContainer .stat-card{background:#fff;background:var(--background-primary);border:1px solid #f1f5f9;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);box-shadow:0 2px 8px var(--shadow-light);flex:1 1;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.system .systemContainer .stat-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px var(--shadow-medium);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.system .systemContainer .stat-card .MuiCardContent-root{padding:20px}.system .systemContainer .stat-card .MuiCardContent-root .MuiTypography-h4{font-weight:600;margin-bottom:8px}.system .systemContainer .stat-card .MuiCardContent-root .MuiTypography-body2{color:#475569;color:var(--text-secondary);font-weight:500}.system .systemContainer .stat-card .MuiCardContent-root .MuiTypography-caption{color:#475569;color:var(--text-secondary);font-size:.75rem}.system .systemContainer .quick-actions{padding:0 20px 20px}.system .systemContainer .quick-actions .action-card{background:#fff;background:var(--background-primary);border:1px solid #f1f5f9;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);box-shadow:0 2px 8px var(--shadow-light)}.system .systemContainer .quick-actions .action-card .MuiCardContent-root{padding:20px}.system .systemContainer .quick-actions .action-card .MuiCardContent-root .MuiTypography-h6{color:#0f172a;color:var(--text-primary);font-weight:600;margin-bottom:15px}.system .systemContainer .listContainer{background-color:#fff;background-color:var(--background-primary);border:1px solid #f1f5f9;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);box-shadow:0 2px 8px var(--shadow-light);margin:20px;padding:20px}.system .systemContainer .listContainer .listTitle{color:#0f172a;color:var(--text-primary);font-weight:600;margin-bottom:15px}.system .systemContainer .listContainer .table-container{background:transparent;border:1px solid #f1f5f9;border:1px solid var(--border-light);border-radius:8px;box-shadow:none;overflow:hidden}.system .systemContainer .listContainer .table-container .MuiTable-root .MuiTableHead-root{background-color:#f8fafc;background-color:var(--background-secondary)}.system .systemContainer .listContainer .table-container .MuiTable-root .MuiTableHead-root .MuiTableCell-head{border-bottom:2px solid #f1f5f9;border-bottom:2px solid var(--border-light);color:#0f172a;color:var(--text-primary);font-weight:600}.system .systemContainer .listContainer .table-container .MuiTable-root .MuiTableBody-root .MuiTableRow-root:hover{background-color:#f8fafc;background-color:var(--background-secondary)}.system .systemContainer .listContainer .table-container .MuiTable-root .MuiTableBody-root .MuiTableRow-root .MuiTableCell-body{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light);color:#0f172a;color:var(--text-primary)}@media(max-width:1200px){.system .systemContainer .stat-widgets{flex-wrap:wrap;gap:15px}.system .systemContainer .stat-widgets .stat-card{flex-basis:calc(50% - 15px);flex-grow:1;flex-shrink:1;min-width:200px}}@media(max-width:1024px){.system .systemContainer .stat-widgets{flex-direction:column}}@media(max-width:768px){.system .systemContainer .stat-widgets{flex-direction:column;gap:15px;padding:10px}.system .systemContainer .system-header{align-items:flex-start;flex-direction:column;gap:15px}.system .systemContainer .listContainer{margin:10px;padding:15px}}@media(max-width:480px){.system .systemContainer .system-header .MuiBox-root{flex-direction:column;gap:10px}.system .systemContainer .quick-actions{padding:0 10px 10px}.system .systemContainer .quick-actions .action-card .MuiCardContent-root .MuiBox-root{flex-direction:column;gap:10px}}.MuiDialog-root .MuiDialog-paper{border-radius:12px}.MuiDialog-root .MuiDialog-paper .MuiDialogTitle-root{background:#f3678c;background:var(--primary-color);border-radius:12px 12px 0 0;color:#fff}.MuiDialog-root .MuiDialog-paper .MuiDialogContent-root{padding:20px}.MuiDialog-root .MuiDialog-paper .MuiDialogActions-root{border-top:1px solid #f1f5f9;border-top:1px solid var(--border-light);padding:15px 20px}.MuiAlert-root{border-radius:8px;margin-bottom:20px}.MuiChip-root{font-weight:500}.MuiChip-root.MuiChip-colorSuccess{background-color:#e8f5e8;color:#2e7d32}.MuiChip-root.MuiChip-colorWarning{background-color:#fff3e0;color:#f57c00}.MuiChip-root.MuiChip-colorError{background-color:#ffebee;color:#d32f2f}.MuiChip-root.MuiChip-colorPrimary{background-color:#e3f2fd;color:#1976d2}.MuiChip-root.MuiChip-colorSecondary{background-color:#f3e5f5;color:#7b1fa2}.MuiFormControl-root .MuiInputLabel-root{color:#475569;color:var(--text-secondary)}.MuiFormControl-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,.MuiFormControl-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#f3678c;border-color:var(--primary-color)}.MuiButton-root{border-radius:8px;font-weight:500;text-transform:none}.MuiButton-root.MuiButton-contained{box-shadow:0 2px 4px rgba(0,0,0,.05);box-shadow:0 2px 4px var(--shadow-light)}.MuiButton-root.MuiButton-contained:hover{box-shadow:0 4px 8px rgba(0,0,0,.1);box-shadow:0 4px 8px var(--shadow-medium)}.MuiButton-root.MuiButton-outlined{border-width:1.5px}.MuiIconButton-root{border-radius:8px}.MuiIconButton-root:hover{background-color:#f8fafc;background-color:var(--background-secondary)}.logs{display:flex}.logs .logsContainer{background-color:#f5f5f5;flex:6 1}.logs .logsContainer .logsContent{padding:20px}.logs .logsContainer .logsContent .logsHeader{margin-bottom:30px;text-align:center}.logs .logsContainer .logsContent .logsHeader h1{color:#333;font-size:2.5rem;font-weight:600;margin-bottom:10px}.logs .logsContainer .logsContent .logsHeader p{color:#666;font-size:1.1rem}.logs .logsContainer .logsContent .logsFilters{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px;padding:20px}.logs .logsContainer .logsContent .logsFilters .filterGroup{flex:1 1;min-width:200px}.logs .logsContainer .logsContent .logsFilters .filterGroup .searchInput{border:2px solid #e1e5e9;border-radius:8px;font-size:14px;padding:12px 16px;transition:border-color .3s ease;width:100%}.logs .logsContainer .logsContent .logsFilters .filterGroup .searchInput:focus{border-color:#3742fa;outline:none}.logs .logsContainer .logsContent .logsFilters .filterGroup .searchInput::-webkit-input-placeholder{color:#999}.logs .logsContainer .logsContent .logsFilters .filterGroup .searchInput:-ms-input-placeholder{color:#999}.logs .logsContainer .logsContent .logsFilters .filterGroup .searchInput::placeholder{color:#999}.logs .logsContainer .logsContent .logsFilters .filterGroup .filterSelect{background-color:#fff;border:2px solid #e1e5e9;border-radius:8px;cursor:pointer;font-size:14px;padding:12px 16px;transition:border-color .3s ease;width:100%}.logs .logsContainer .logsContent .logsFilters .filterGroup .filterSelect:focus{border-color:#3742fa;outline:none}.logs .logsContainer .logsContent .logsFilters .clearFiltersBtn{background-color:#ff6b6b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:background-color .3s ease}.logs .logsContainer .logsContent .logsFilters .clearFiltersBtn:hover{background-color:#ff5252}.logs .logsContainer .logsContent .logsList{background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.1);overflow:hidden}.logs .logsContainer .logsContent .logsList .emptyState,.logs .logsContainer .logsContent .logsList .errorState,.logs .logsContainer .logsContent .logsList .loadingState{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.logs .logsContainer .logsContent .logsList .emptyState .spinner,.logs .logsContainer .logsContent .logsList .errorState .spinner,.logs .logsContainer .logsContent .logsList .loadingState .spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3742fa;height:40px;margin-bottom:20px;width:40px}.logs .logsContainer .logsContent .logsList .emptyState p,.logs .logsContainer .logsContent .logsList .errorState p,.logs .logsContainer .logsContent .logsList .loadingState p{color:#666;font-size:16px}.logs .logsContainer .logsContent .logsList .errorState p{color:#ff4757}.logs .logsContainer .logsContent .logsList .logItem{align-items:flex-start;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;padding:20px;transition:background-color .3s ease}.logs .logsContainer .logsContent .logsList .logItem:hover{background-color:#f8f9fa}.logs .logsContainer .logsContent .logsList .logItem:last-child{border-bottom:none}.logs .logsContainer .logsContent .logsList .logItem .logIcon{margin-right:15px;margin-top:2px}.logs .logsContainer .logsContent .logsList .logItem .logIcon span{display:block;font-size:24px}.logs .logsContainer .logsContent .logsList .logItem .logContent{flex:1 1}.logs .logsContainer .logsContent .logsList .logItem .logContent .logHeader{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.logs .logsContainer .logsContent .logsList .logItem .logContent .logHeader h3{color:#333;flex:1 1;font-size:16px;font-weight:500;line-height:1.4;margin:0 15px 0 0}.logs .logsContainer .logsContent .logsList .logItem .logContent .logHeader .priorityBadge{border-radius:20px;color:#fff;font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase;white-space:nowrap}.logs .logsContainer .logsContent .logsList .logItem .logContent .logMeta{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.logs .logsContainer .logsContent .logsList .logItem .logContent .logMeta .logType{background-color:#f0f4ff;border-radius:6px;color:#3742fa;font-size:13px;font-weight:500;padding:4px 8px}.logs .logsContainer .logsContent .logsList .logItem .logContent .logMeta .logTime{color:#666;font-size:13px}.logs .logsContainer .logsContent .logsList .logItem .logContent .logMeta .performedBy{color:#888;font-size:13px;font-style:italic}.logs .logsContainer .logDetailsModal{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.logs .logsContainer .logDetailsModal .modalContent{background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.3);max-height:80vh;max-width:600px;overflow-y:auto;width:100%}.logs .logsContainer .logDetailsModal .modalContent .modalHeader{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:20px 24px}.logs .logsContainer .logDetailsModal .modalContent .modalHeader h2{color:#333;font-size:1.5rem;font-weight:600;margin:0}.logs .logsContainer .logDetailsModal .modalContent .modalHeader .closeBtn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:background-color .3s ease;width:30px}.logs .logsContainer .logDetailsModal .modalContent .modalHeader .closeBtn:hover{background-color:#f0f0f0;color:#333}.logs .logsContainer .logDetailsModal .modalContent .modalBody{padding:24px}.logs .logsContainer .logDetailsModal .modalContent .modalBody .detailRow{margin-bottom:20px}.logs .logsContainer .logDetailsModal .modalContent .modalBody .detailRow:last-child{margin-bottom:0}.logs .logsContainer .logDetailsModal .modalContent .modalBody .detailRow label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.logs .logsContainer .logDetailsModal .modalContent .modalBody .detailRow p{color:#666;font-size:14px;line-height:1.5;margin:0}.logs .logsContainer .logDetailsModal .modalContent .modalBody .detailRow .priorityBadge{border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:500;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.logs .logsContainer .logDetailsModal .modalContent .modalBody .detailRow .dataJson{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#333;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;line-height:1.4;overflow-x:auto;padding:12px;white-space:pre-wrap;word-break:break-word}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media(max-width:768px){.logs .logsContainer .logsContent{padding:15px}.logs .logsContainer .logsContent .logsHeader h1{font-size:2rem}.logs .logsContainer .logsContent .logsFilters{flex-direction:column;gap:10px}.logs .logsContainer .logsContent .logsFilters .filterGroup{min-width:100%}.logs .logsContainer .logsContent .logsFilters .clearFiltersBtn{width:100%}.logs .logsContainer .logsContent .logsList .logItem{padding:15px}.logs .logsContainer .logsContent .logsList .logItem .logContent .logHeader{align-items:flex-start;flex-direction:column;gap:8px}.logs .logsContainer .logsContent .logsList .logItem .logContent .logHeader h3{margin-right:0}.logs .logsContainer .logsContent .logsList .logItem .logContent .logMeta{gap:10px}.logs .logsContainer .logDetailsModal{padding:10px}.logs .logsContainer .logDetailsModal .modalContent .modalHeader{padding:15px 20px}.logs .logsContainer .logDetailsModal .modalContent .modalHeader h2{font-size:1.3rem}.logs .logsContainer .logDetailsModal .modalContent .modalBody{padding:20px}}@media(max-width:480px){.logs .logsContainer .logsContent .logsHeader h1{font-size:1.8rem}.logs .logsContainer .logsContent .logsHeader p{font-size:1rem}.logs .logsContainer .logsContent .logsList .logItem .logIcon span{font-size:20px}.logs .logsContainer .logsContent .logsList .logItem .logContent .logHeader h3{font-size:14px}.logs .logsContainer .logsContent .logsList .logItem .logContent .logMeta{font-size:12px}}.profile{display:flex}.profile .profileContainer{flex:6 1}.profile .profileContainer .profileContent{padding:20px}.noticeboard{display:flex;width:100%}.noticeboard .noticeboardContainer{background:var(--background-secondary);flex:6 1;min-height:100vh}.noticeboard .noticeboardContent{background:var(--background-primary);border-radius:16px;box-shadow:0 2px 16px rgba(0,0,0,.07);margin:32px auto;max-width:700px;padding:32px 16px}.noticeboard .noticeboardTitle{color:var(--primary-color);font-size:2rem;font-weight:700;margin-bottom:.25em;text-align:center}.noticeboard .noticeboardSubtitle{color:var(--text-muted);font-size:1.1rem;margin-bottom:2em;text-align:center}.noticeboard .noticeSearchBar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:1.5em}.noticeboard .noticeSearchBar input[type=date],.noticeboard .noticeSearchBar input[type=text],.noticeboard .noticeSearchBar select{background:var(--background-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:1rem;min-width:120px;padding:7px 10px}.noticeboard .noticeSearchBar button.noticeSearchClear{background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:7px 16px;transition:background .2s}.noticeboard .noticeSearchBar button.noticeSearchClear:hover{background:#0056b3;background:var(--primary-color-dark,#0056b3)}.noticeboard .noticeForm{background:var(--background-tertiary);border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.04);display:flex;flex-direction:column;gap:12px;margin-bottom:2em;padding:18px 16px 14px}.noticeboard .noticeForm input,.noticeboard .noticeForm select,.noticeboard .noticeForm textarea{background:var(--background-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:1rem;padding:10px;resize:none}.noticeboard .noticeForm input:focus,.noticeboard .noticeForm select:focus,.noticeboard .noticeForm textarea:focus{border-color:var(--primary-color);outline:2px solid var(--primary-color)}.noticeboard .noticeForm button{align-self:flex-end;background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:4px;padding:8px 22px;transition:background .2s}.noticeboard .noticeForm button:disabled{background:var(--text-muted);cursor:not-allowed}.noticeboard .noticeFormCategory{font-weight:500;min-width:180px}.noticeboard .noticeboardEmpty,.noticeboard .noticeboardError,.noticeboard .noticeboardLoading{color:var(--text-muted);font-size:1.1rem;margin:2em 0;text-align:center}.noticeboard .noticeList{display:flex;flex-direction:column;gap:18px;margin-top:1.5em}.noticeboard .noticeCard{background:var(--background-tertiary);border-left:4px solid var(--primary-color);border-radius:10px;box-shadow:0 1px 6px rgba(0,0,0,.06);display:flex;flex-direction:column;gap:8px;padding:18px 20px 14px;transition:box-shadow .2s}.noticeboard .noticeCard:hover{box-shadow:0 4px 16px rgba(0,0,0,.1)}.noticeboard .noticeCardHeader{align-items:baseline;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.noticeboard .noticeCardTitle{color:var(--primary-color);font-size:1.15rem;font-weight:600}.noticeboard .noticeCardCategory{background:var(--background-secondary);border-radius:5px;color:var(--primary-color);font-size:.95rem;font-weight:500;margin-left:8px;margin-right:8px;padding:2px 10px;white-space:nowrap}.noticeboard .noticeCardDate{color:var(--text-muted);font-size:.95rem;font-weight:400}.noticeboard .noticeCardMessage{color:var(--text-secondary);font-size:1.05rem;margin-top:2px;white-space:pre-line}.noticeboard .noticeCardActions{display:flex;gap:10px;margin-top:8px}.noticeboard .noticeDeleteBtn,.noticeboard .noticeEditBtn{border:none;border-radius:5px;cursor:pointer;font-size:.98rem;font-weight:500;padding:5px 16px;transition:background .2s}.noticeboard .noticeEditBtn{background:var(--primary-color);color:#fff}.noticeboard .noticeEditBtn:hover{background:#0056b3;background:var(--primary-color-dark,#0056b3)}.noticeboard .noticeDeleteBtn{background:#e74c3c;color:#fff}.noticeboard .noticeDeleteBtn:hover{background:#c0392b}.noticeboard .noticeForm button[type=button]{background:#aaa;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:8px 18px;transition:background .2s}.noticeboard .noticeForm button[type=button]:hover{background:#888}.noticeboard .noticeCardArchived{background:#e0e0e0;color:#666;font-style:italic}.noticeboard .noticeCardArchived,.noticeboard .noticeCardExpiry{border-radius:5px;font-size:.95rem;font-weight:500;letter-spacing:.5px;margin-left:8px;margin-right:8px;padding:2px 10px;white-space:nowrap}.noticeboard .noticeCardExpiry{background:#f5e6b5;color:#b8860b}.noticeboard .noticeFormExpiryDate{font-weight:500;min-width:180px}.messageCenter{background-color:var(--background-secondary);display:flex;height:100vh}.messageCenter .messageCenterContainer{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;flex:6 1;flex-direction:column;height:100vh;margin:0;min-height:0;overflow:hidden}.messageCenter .messageCenterContainer .messageCenterHeader{background:linear-gradient(135deg,#ff6b9d,#c44569);color:#fff;padding:20px}.messageCenter .messageCenterContainer .messageCenterHeader h1{font-size:24px;font-weight:600;margin:0}.messageCenter .messageCenterContainer .messageCenterHeader p{font-size:14px;margin:5px 0 0;opacity:.9}.messageCenter .messageCenterContainer .loading{align-items:center;background-color:#f8f9fa;display:flex;flex:1 1;justify-content:center}.messageCenter .messageCenterContainer .loading h2{color:#666;font-weight:400}.messageCenter .messageCenterContainer .messageCenterContent{display:flex;flex:1 1;height:0;min-height:0}.messageCenter .messageCenterContainer .messageCenterContent .usersList{background-color:#fafafa;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;width:320px}.messageCenter .messageCenterContainer .messageCenterContent .usersList h3{background:linear-gradient(135deg,#ff6b9d,#c44569);border-bottom:1px solid #e0e0e0;color:#fff;font-size:18px;font-weight:600;margin:0;padding:20px;text-align:center}.messageCenter .messageCenterContainer .messageCenterContent .usersList .userSection{border-bottom:1px solid #e0e0e0}.messageCenter .messageCenterContainer .messageCenterContent .usersList .userSection .sectionHeader{align-items:center;background-color:#fff5f7;border-bottom:1px solid #e0e0e0;cursor:pointer;display:flex;justify-content:space-between;padding:15px 20px;transition:background-color .2s ease}.messageCenter .messageCenterContainer .messageCenterContent .usersList .userSection .sectionHeader:hover{background-color:#ffeef2}.messageCenter .messageCenterContainer .messageCenterContent .usersList .userSection .sectionHeader .sectionTitle{align-items:center;color:#c44569;display:flex;font-size:14px;font-weight:600;gap:10px}.messageCenter .messageCenterContainer .messageCenterContent .usersList .userSection .sectionHeader .sectionTitle .sectionIcon{color:#ff6b9d;font-size:18px}.messageCenter .messageCenterContainer .messageCenterContent .usersList .userSection .sectionHeader .sectionTitle .userCount{color:#666;font-size:12px;font-weight:400}.messageCenter .messageCenterContainer .messageCenterContent .usersList .userSection .sectionHeader svg{color:#ff6b9d;font-size:18px;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.messageCenter .messageCenterContainer .messageCenterContent .usersList .userSection .usersContainer{background-color:#fff;max-height:300px;overflow-y:auto}.messageCenter .messageCenterContainer .messageCenterContent .usersList .userSection .usersContainer .noUsers{color:#666;font-size:13px;font-style:italic;padding:20px;text-align:center}.messageCenter .messageCenterContainer .messageCenterContent .usersList .userSection .usersContainer .userItem{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;padding:12px 20px;transition:background-color .2s ease}.messageCenter .messageCenterContainer .messageCenterContent .usersList .userSection .usersContainer .userItem:hover{background-color:#fff5f7}.messageCenter .messageCenterContainer .messageCenterContent .usersList .userSection .usersContainer .userItem.active{background-color:#ffeef2;border-left:4px solid #ff6b9d}.messageCenter .messageCenterContainer .messageCenterContent .usersList .userSection .usersContainer .userItem .userAvatar{align-items:center;background-color:#ffeef2;border-radius:50%;color:#ff6b9d;display:flex;height:35px;justify-content:center;margin-right:12px;width:35px}.messageCenter .messageCenterContainer .messageCenterContent .usersList .userSection .usersContainer .userItem .userAvatar svg{font-size:18px}.messageCenter .messageCenterContainer .messageCenterContent .usersList .userSection .usersContainer .userItem .userInfo{flex:1 1}.messageCenter .messageCenterContainer .messageCenterContent .usersList .userSection .usersContainer .userItem .userInfo .userName{color:#333;display:block;font-size:13px;font-weight:500;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messageCenter .messageCenterContainer .messageCenterContent .usersList .userSection .usersContainer .userItem .userInfo .userRole{color:#666;display:block;font-size:11px}.messageCenter .messageCenterContainer .messageCenterContent .messagesArea{display:flex;flex:1 1;flex-direction:column;min-height:0}.messageCenter .messageCenterContainer .messageCenterContent .messagesArea .messagesHeader{background-color:#fff;border-bottom:1px solid #e0e0e0;padding:15px 20px}.messageCenter .messageCenterContainer .messageCenterContent .messagesArea .messagesHeader .selectedUserInfo{align-items:center;display:flex}.messageCenter .messageCenterContainer .messageCenterContent .messagesArea .messagesHeader .selectedUserInfo .userAvatar{align-items:center;background-color:#ffeef2;border-radius:50%;color:#ff6b9d;display:flex;height:35px;justify-content:center;margin-right:12px;width:35px}.messageCenter .messageCenterContainer .messageCenterContent .messagesArea .messagesHeader .selectedUserInfo .userAvatar svg{font-size:18px}.messageCenter .messageCenterContainer .messageCenterContent .messagesArea .messagesHeader .selectedUserInfo h3{color:#333;font-size:16px;font-weight:600;margin:0}.messageCenter .messageCenterContainer .messageCenterContent .messagesArea .messagesHeader .selectedUserInfo span{color:#666;display:block;font-size:12px;margin-top:2px}.messageCenter .messageCenterContainer .messageCenterContent .messagesArea .messagesContainer{background-color:#f8f9fa;flex:1 1;min-height:0;overflow-y:auto;padding:20px}.messageCenter .messageCenterContainer .messageCenterContent .messagesArea .messagesContainer .messageDate{color:#666;font-size:12px;font-weight:500;margin:20px 0 10px;position:relative;text-align:center}.messageCenter .messageCenterContainer .messageCenterContent .messagesArea .messagesContainer .messageDate:before{background-color:#e0e0e0;content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:1}.messageCenter .messageCenterContainer .messageCenterContent .messagesArea .messagesContainer .messageDate span{background-color:#f8f9fa;padding:0 10px;position:relative;z-index:2}.messageCenter .messageCenterContainer .messageCenterContent .messagesArea .messagesContainer .message{display:flex;margin-bottom:15px}.messageCenter .messageCenterContainer .messageCenterContent .messagesArea .messagesContainer .message.sent{justify-content:flex-end}.messageCenter .messageCenterContainer .messageCenterContent .messagesArea .messagesContainer .message.sent .messageContent{background:linear-gradient(135deg,#ff6b9d,#c44569);border-radius:18px 18px 4px 18px;color:#fff;max-width:70%}.messageCenter .messageCenterContainer .messageCenterContent .messagesArea .messagesContainer .message.sent .messageContent .messageTime{color:hsla(0,0%,100%,.8)}.messageCenter .messageCenterContainer .messageCenterContent .messagesArea .messagesContainer .message.received{justify-content:flex-start}.messageCenter .messageCenterContainer .messageCenterContent .messagesArea .messagesContainer .message.received .messageContent{background-color:#fff;border:1px solid #e0e0e0;border-radius:18px 18px 18px 4px;color:#333;max-width:70%}.messageCenter .messageCenterContainer .messageCenterContent .messagesArea .messagesContainer .message.received .messageContent .messageTime{color:#666}.messageCenter .messageCenterContainer .messageCenterContent .messagesArea .messagesContainer .message .messageContent{box-shadow:0 1px 2px rgba(0,0,0,.1);padding:12px 16px}.messageCenter .messageCenterContainer .messageCenterContent .messagesArea .messagesContainer .message .messageContent p{word-wrap:break-word;font-size:14px;line-height:1.4;margin:0 0 5px}.messageCenter .messageCenterContainer .messageCenterContent .messagesArea .messagesContainer .message .messageContent .messageTime{font-size:11px;opacity:.8}.messageCenter .messageCenterContainer .messageCenterContent .messagesArea .messageInput{background-color:#fff;border-top:1px solid #e0e0e0;display:flex;gap:10px;padding:15px 20px}.messageCenter .messageCenterContainer .messageCenterContent .messagesArea .messageInput input{border:1px solid #e0e0e0;border-radius:25px;flex:1 1;font-size:14px;outline:none;padding:12px 16px;transition:border-color .2s ease}.messageCenter .messageCenterContainer .messageCenterContent .messagesArea .messageInput input:focus{border-color:#ff6b9d}.messageCenter .messageCenterContainer .messageCenterContent .messagesArea .messageInput input::-webkit-input-placeholder{color:#999}.messageCenter .messageCenterContainer .messageCenterContent .messagesArea .messageInput input:-ms-input-placeholder{color:#999}.messageCenter .messageCenterContainer .messageCenterContent .messagesArea .messageInput input::placeholder{color:#999}.messageCenter .messageCenterContainer .messageCenterContent .messagesArea .messageInput button{align-items:center;background:linear-gradient(135deg,#ff6b9d,#c44569);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:45px;justify-content:center;transition:background-color .2s ease;width:45px}.messageCenter .messageCenterContainer .messageCenterContent .messagesArea .messageInput button:hover:not(:disabled){background:linear-gradient(135deg,#e55a8b,#b03d5a)}.messageCenter .messageCenterContainer .messageCenterContent .messagesArea .messageInput button:disabled{background-color:#ccc;cursor:not-allowed}.messageCenter .messageCenterContainer .messageCenterContent .messagesArea .messageInput button svg{font-size:20px}.messageCenter .messageCenterContainer .messageCenterContent .messagesArea .noConversation{align-items:center;background-color:#f8f9fa;display:flex;flex:1 1;flex-direction:column;justify-content:center}.messageCenter .messageCenterContainer .messageCenterContent .messagesArea .noConversation h3{color:#666;font-weight:400;margin-bottom:10px;text-align:center}.messageCenter .messageCenterContainer .messageCenterContent .messagesArea .noConversation p{color:#999;font-size:14px;margin:0;text-align:center}.app.dark .messageCenter{background-color:#1a1a1a}.app.dark .messageCenter .messageCenterContainer{background-color:#2d2d2d;box-shadow:0 2px 10px rgba(0,0,0,.3);flex:6 1;margin:0}.app.dark .messageCenter .messageCenterContainer .loading{background-color:#1a1a1a}.app.dark .messageCenter .messageCenterContainer .loading h2{color:#ccc}.app.dark .messageCenter .messageCenterContainer .messageCenterContent .usersList{background-color:#333;border-right-color:#444}.app.dark .messageCenter .messageCenterContainer .messageCenterContent .usersList h3{background:linear-gradient(135deg,#ff6b9d,#c44569);border-bottom-color:#555;color:#fff}.app.dark .messageCenter .messageCenterContainer .messageCenterContent .usersList .userSection{border-bottom-color:#444}.app.dark .messageCenter .messageCenterContainer .messageCenterContent .usersList .userSection .sectionHeader{background-color:#2a1f2a;border-bottom-color:#555}.app.dark .messageCenter .messageCenterContainer .messageCenterContent .usersList .userSection .sectionHeader:hover{background-color:#3a2a3a}.app.dark .messageCenter .messageCenterContainer .messageCenterContent .usersList .userSection .sectionHeader .sectionTitle,.app.dark .messageCenter .messageCenterContainer .messageCenterContent .usersList .userSection .sectionHeader .sectionTitle .sectionIcon{color:#ff6b9d}.app.dark .messageCenter .messageCenterContainer .messageCenterContent .usersList .userSection .sectionHeader .sectionTitle .userCount{color:#ccc}.app.dark .messageCenter .messageCenterContainer .messageCenterContent .usersList .userSection .sectionHeader svg{color:#ff6b9d}.app.dark .messageCenter .messageCenterContainer .messageCenterContent .usersList .userSection .usersContainer{background-color:#2d2d2d}.app.dark .messageCenter .messageCenterContainer .messageCenterContent .usersList .userSection .usersContainer .noUsers{color:#ccc}.app.dark .messageCenter .messageCenterContainer .messageCenterContent .usersList .userSection .usersContainer .userItem{border-bottom-color:#444}.app.dark .messageCenter .messageCenterContainer .messageCenterContent .usersList .userSection .usersContainer .userItem:hover{background-color:#3a2a3a}.app.dark .messageCenter .messageCenterContainer .messageCenterContent .usersList .userSection .usersContainer .userItem.active{background-color:#4a2a4a;border-left-color:#ff6b9d}.app.dark .messageCenter .messageCenterContainer .messageCenterContent .usersList .userSection .usersContainer .userItem .userAvatar{background-color:#4a2a4a;color:#ff6b9d}.app.dark .messageCenter .messageCenterContainer .messageCenterContent .usersList .userSection .usersContainer .userItem .userInfo .userName{color:#fff}.app.dark .messageCenter .messageCenterContainer .messageCenterContent .usersList .userSection .usersContainer .userItem .userInfo .userRole{color:#ccc}.app.dark .messageCenter .messageCenterContainer .messageCenterContent .messagesArea .messagesHeader{background-color:#2d2d2d;border-bottom-color:#444}.app.dark .messageCenter .messageCenterContainer .messageCenterContent .messagesArea .messagesHeader .selectedUserInfo .userAvatar{background-color:#4a2a4a;color:#ff6b9d}.app.dark .messageCenter .messageCenterContainer .messageCenterContent .messagesArea .messagesHeader .selectedUserInfo h3{color:#fff}.app.dark .messageCenter .messageCenterContainer .messageCenterContent .messagesArea .messagesHeader .selectedUserInfo span{color:#ccc}.app.dark .messageCenter .messageCenterContainer .messageCenterContent .messagesArea .messagesContainer{background-color:#1a1a1a}.app.dark .messageCenter .messageCenterContainer .messageCenterContent .messagesArea .messagesContainer .messageDate{color:#ccc}.app.dark .messageCenter .messageCenterContainer .messageCenterContent .messagesArea .messagesContainer .messageDate:before{background-color:#444}.app.dark .messageCenter .messageCenterContainer .messageCenterContent .messagesArea .messagesContainer .messageDate span{background-color:#1a1a1a}.app.dark .messageCenter .messageCenterContainer .messageCenterContent .messagesArea .messagesContainer .message.received .messageContent{background-color:#333;border-color:#444;color:#fff}.app.dark .messageCenter .messageCenterContainer .messageCenterContent .messagesArea .messagesContainer .message.received .messageContent .messageTime{color:#ccc}.app.dark .messageCenter .messageCenterContainer .messageCenterContent .messagesArea .messageInput{background-color:#2d2d2d;border-top-color:#444}.app.dark .messageCenter .messageCenterContainer .messageCenterContent .messagesArea .messageInput input{background-color:#333;border-color:#555;color:#fff}.app.dark .messageCenter .messageCenterContainer .messageCenterContent .messagesArea .messageInput input:focus{border-color:#ff6b9d}.app.dark .messageCenter .messageCenterContainer .messageCenterContent .messagesArea .messageInput input::-webkit-input-placeholder{color:#999}.app.dark .messageCenter .messageCenterContainer .messageCenterContent .messagesArea .messageInput input:-ms-input-placeholder{color:#999}.app.dark .messageCenter .messageCenterContainer .messageCenterContent .messagesArea .messageInput input::placeholder{color:#999}.app.dark .messageCenter .messageCenterContainer .messageCenterContent .messagesArea .noConversation{background-color:#1a1a1a}.app.dark .messageCenter .messageCenterContainer .messageCenterContent .messagesArea .noConversation h3{color:#ccc}.app.dark .messageCenter .messageCenterContainer .messageCenterContent .messagesArea .noConversation p{color:#999}.leaseManagement{display:flex}.leaseManagement .leaseManagementContainer{flex:6 1}.leaseManagement .leaseManagementContainer .leaseContent{padding:20px}.leaseManagement .leaseManagementContainer .leaseContent .actionPrompt{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.leaseManagement .leaseManagementContainer .leaseContent .actionPrompt .promptContent{background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.3);max-width:500px;min-width:400px;padding:24px}.leaseManagement .leaseManagementContainer .leaseContent .actionPrompt .promptContent h3{color:#333;font-size:18px;font-weight:600;margin:0 0 8px}.leaseManagement .leaseManagementContainer .leaseContent .actionPrompt .promptContent p{color:#666;font-size:14px;margin:0 0 20px}.leaseManagement .leaseManagementContainer .leaseContent .actionPrompt .promptContent .promptButtons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.leaseManagement .leaseManagementContainer .leaseContent .actionPrompt .promptContent .promptButtons .promptBtn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.leaseManagement .leaseManagementContainer .leaseContent .actionPrompt .promptContent .promptButtons .promptBtn i{font-size:14px}.leaseManagement .leaseManagementContainer .leaseContent .actionPrompt .promptContent .promptButtons .promptBtn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;-webkit-transform:none!important;transform:none!important}.leaseManagement .leaseManagementContainer .leaseContent .actionPrompt .promptContent .promptButtons .promptBtn.viewBtn{background:#28a745;color:#fff}.leaseManagement .leaseManagementContainer .leaseContent .actionPrompt .promptContent .promptButtons .promptBtn.viewBtn:hover:not(:disabled){background:#218838;box-shadow:0 2px 8px rgba(40,167,69,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.leaseManagement .leaseManagementContainer .leaseContent .actionPrompt .promptContent .promptButtons .promptBtn.printBtn{background:#007bff;color:#fff}.leaseManagement .leaseManagementContainer .leaseContent .actionPrompt .promptContent .promptButtons .promptBtn.printBtn:hover:not(:disabled){background:#0056b3;box-shadow:0 2px 8px rgba(0,123,255,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.leaseManagement .leaseManagementContainer .leaseContent .actionPrompt .promptContent .promptButtons .promptBtn.pdfBtn{background:#dc3545;color:#fff}.leaseManagement .leaseManagementContainer .leaseContent .actionPrompt .promptContent .promptButtons .promptBtn.pdfBtn:hover:not(:disabled){background:#c82333;box-shadow:0 2px 8px rgba(220,53,69,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.leaseManagement .leaseManagementContainer .leaseContent .actionPrompt .promptContent .promptButtons .promptBtn.cancelBtn{background:#6c757d;color:#fff}.leaseManagement .leaseManagementContainer .leaseContent .actionPrompt .promptContent .promptButtons .promptBtn.cancelBtn:hover:not(:disabled){background:#5a6268;box-shadow:0 2px 8px hsla(208,7%,46%,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.leaseManagement .leaseManagementContainer .leaseContent .actionPrompt .promptContent .processingMessage{color:#007bff;font-size:14px;font-weight:500;margin-top:16px;text-align:center}.leaseManagement .leaseManagementContainer .leaseContent .actionPrompt .promptContent .processingMessage i{margin-right:8px}.leaseManagement .leaseManagementContainer .leaseContent .selectedInfo{background:#e3f2fd;border-left:4px solid #007bff;border-radius:8px;margin-bottom:16px;padding:12px;text-align:center}.leaseManagement .leaseManagementContainer .leaseContent .selectedInfo span{color:#1976d2;font-size:14px;font-weight:500}.leaseManagement .leaseManagementContainer .leaseContent .leasePlaceholders{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px;justify-content:center;max-width:100%;overflow-x:auto}.leaseManagement .leaseManagementContainer .leaseContent .leasePlaceholders .leaseImageContainer{border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08);cursor:pointer;flex-shrink:0;height:533px;max-width:400px;overflow:hidden;position:relative;transition:all .3s ease;width:400px}.leaseManagement .leaseManagementContainer .leaseContent .leasePlaceholders .leaseImageContainer:nth-child(2){align-self:flex-start;height:533px;max-width:400px;width:400px}.leaseManagement .leaseManagementContainer .leaseContent .leasePlaceholders .leaseImageContainer:hover{box-shadow:0 8px 24px rgba(0,0,0,.15);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.leaseManagement .leaseManagementContainer .leaseContent .leasePlaceholders .leaseImageContainer:hover .imageOverlay{opacity:1}.leaseManagement .leaseManagementContainer .leaseContent .leasePlaceholders .leaseImageContainer .leaseImage{background:#eee;display:block;height:100%;object-fit:cover;width:100%}.leaseManagement .leaseManagementContainer .leaseContent .leasePlaceholders .leaseImageContainer .leaseImage.leaseImageSmall{height:100%;max-height:100%;max-width:100%;width:100%}.leaseManagement .leaseManagementContainer .leaseContent .leasePlaceholders .leaseImageContainer .imageOverlay{align-items:center;background:rgba(0,0,0,.7);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.leaseManagement .leaseManagementContainer .leaseContent .leasePlaceholders .leaseImageContainer .imageOverlay span{color:#fff;font-size:14px;font-weight:500;padding:16px;text-align:center}.leaseManagement .leaseManagementContainer .leaseContent .leasePlaceholders .leaseImageContainer .imageOverlay span i{font-size:16px;margin-right:8px}.leaseManagement .leaseManagementContainer .leaseContent .leasePlaceholders .leaseImageContainer.selected{border:3px solid #007bff;box-shadow:0 0 0 2px rgba(0,123,255,.2);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.leaseManagement .leaseManagementContainer .leaseContent .leasePlaceholders .leaseImageContainer .imageCaption{background:rgba(0,0,0,.8);bottom:0;color:#fff;font-size:14px;font-weight:500;left:0;padding:12px;position:absolute;right:0;text-align:center;-webkit-transform:translateY(100%);transform:translateY(100%);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.leaseManagement .leaseManagementContainer .leaseContent .leasePlaceholders .leaseImageContainer .imageCaption i{font-size:16px;margin-right:8px}.leaseManagement .leaseManagementContainer .leaseContent .leasePlaceholders .leaseImageContainer:hover .imageCaption{-webkit-transform:translateY(0);transform:translateY(0)}.notifications{display:flex}.notifications .notificationsContainer{flex:6 1}.notifications .notificationsContainer .datatable{height:600px;padding:20px}.app.dark{background-color:#fff;background-color:var(--background-primary);color:#475569;color:var(--text-secondary)}.app.dark .chartGrid{stroke:#e2e8f0;stroke:var(--border-color)}.app.dark .table{background-color:#fff;background-color:var(--background-primary)}.app.dark .navbar,.app.dark .table .tableCell{color:#475569;color:var(--text-secondary)}.app.dark .navbar{background-color:#f8fafc;background-color:var(--background-secondary)}.app.dark .navbar,.app.dark .navbar .search{border-color:#e2e8f0;border-color:var(--border-color)}.app.dark .navbar .search{background-color:#f1f5f9;background-color:var(--background-tertiary)}.app.dark .sidebar{background-color:#f8fafc;background-color:var(--background-secondary);border-color:#e2e8f0;border-color:var(--border-color)}.app.dark .sidebar .top .logo{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#f3678c,#fcced9);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:#f3678c;color:var(--primary-color)}.app.dark .sidebar hr{border-color:#e2e8f0;border-color:var(--border-color)}.app.dark .sidebar ul li:hover{background-color:#f1f5f9;background-color:var(--background-tertiary)}.app.dark .sidebar ul li .icon{color:#475569;color:var(--text-secondary)}.app.dark .datatable .datagrid{background-color:#fff;background-color:var(--background-primary)}.app.dark .datatable .datagrid,.app.dark .datatable .datagrid .cellWithStatus,.app.dark .datatable .datagrid .deleteButton,.app.dark .datatable .datagrid .viewButton{border:none;color:#475569;color:var(--text-secondary)}.app.dark .datatable .datagrid .datagrid :focus{border:1px solid #bdbdbd!important;outline:none!important}.app.dark input{background-color:#f1f5f9;background-color:var(--background-tertiary);border-color:#e2e8f0;border-color:var(--border-color);color:#0f172a;color:var(--text-primary)}.app.dark .widget{background-color:#f8fafc;background-color:var(--background-secondary);box-shadow:0 2px 4px rgba(0,0,0,.05);box-shadow:0 2px 4px var(--shadow-light)}.app.dark .widget .title{color:#475569;color:var(--text-secondary)}.app.dark .widget .counter{color:#0f172a;color:var(--text-primary)}.app.dark .widget .link{color:#f3678c;color:var(--primary-color)}.app.dark .featured{background-color:#f8fafc;background-color:var(--background-secondary);box-shadow:0 2px 4px rgba(0,0,0,.05);box-shadow:0 2px 4px var(--shadow-light)}.app.dark .featured .title,.app.dark .featured .top{color:#475569;color:var(--text-secondary)}.app.dark .featured .amount{color:#0f172a;color:var(--text-primary)}.app.dark .featured .desc{color:#64748b;color:var(--text-muted)}.app.dark .chart{color:#475569;color:var(--text-secondary)}.app.dark .chart,.app.dark .listContainer{background-color:#f8fafc;background-color:var(--background-secondary);box-shadow:0 2px 4px rgba(0,0,0,.05);box-shadow:0 2px 4px var(--shadow-light)}.app.dark .listContainer .listTitle{color:#475569;color:var(--text-secondary)}.app.dark .MuiAlert-root,.app.dark .MuiDialog-paper,.app.dark .MuiSnackbarContent-root{background-color:#f1f5f9!important;background-color:var(--background-tertiary)!important;border:1px solid #e2e8f0;border:1px solid var(--border-color);box-shadow:0 4px 24px rgba(0,0,0,.15);box-shadow:0 4px 24px var(--shadow-heavy);color:#0f172a!important;color:var(--text-primary)!important}.app.dark .MuiAlert-icon{color:#f3678c!important;color:var(--primary-color)!important}.app.dark .MuiAlert-message{color:#0f172a!important;color:var(--text-primary)!important}.app.dark .MuiSnackbarContent-action>*{color:#f3678c!important;color:var(--primary-color)!important}:root{--primary-color:#f3678c;--primary-light:#f687a8;--primary-dark:#e91e63;--secondary-color:#059669;--secondary-light:#10b981;--secondary-dark:#047857;--background-primary:#fff;--background-secondary:#f8fafc;--background-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--border-color:#e2e8f0;--border-light:#f1f5f9;--success-color:#059669;--warning-color:#d97706;--error-color:#dc2626;--info-color:#2563eb;--shadow-light:rgba(0,0,0,.05);--shadow-medium:rgba(0,0,0,.1);--shadow-heavy:rgba(0,0,0,.15);--gradient-primary:linear-gradient(135deg,#f3678c,#fcced9);--gradient-secondary:linear-gradient(135deg,#f687a8,#fcced9);--gradient-light:linear-gradient(135deg,#fce7f3,#fcced9);--gradient-subtle:linear-gradient(135deg,#f8fafc,#f1f5f9)}.app.dark{--primary-color:#3b82f6;--primary-light:#60a5fa;--primary-dark:#2563eb;--secondary-color:#10b981;--secondary-light:#34d399;--secondary-dark:#059669;--background-primary:#0f172a;--background-secondary:#1e293b;--background-tertiary:#334155;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border-color:#334155;--border-light:#475569;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--info-color:#3b82f6;--shadow-light:rgba(0,0,0,.2);--shadow-medium:rgba(0,0,0,.3);--shadow-heavy:rgba(0,0,0,.4);--gradient-primary:linear-gradient(135deg,#3b82f6,#10b981);--gradient-secondary:linear-gradient(135deg,#60a5fa,#34d399);--gradient-light:linear-gradient(135deg,#1e293b,#334155);--gradient-subtle:linear-gradient(135deg,#0f172a,#1e293b)}.MuiTypography-root,.datatableTitle,a,body,button,div,h1,h2,h3,h4,h5,h6,html,input,p,span,textarea{font-family:Nunito,sans-serif!important}
/*# sourceMappingURL=main.8eda9e70.css.map*/