:root{--primary-color:#6366f1;--secondary-color:#8b5cf6;--accent-color:#ec4899;--dark-bg:#0f172a;--dark-light:#1e293b}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;color:#343a40;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:#0f172a;font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1)}a:hover{color:#6366f1;text-decoration:none!important}.btn{border-radius:.75rem;font-weight:600;padding:1rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transform:translateY(-2px)}.navbar{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);padding:1rem 0;transition:all .3s cubic-bezier(.4,0,.2,1)}.navbar.scrolled{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);padding:.5rem 0}.navbar-brand{background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;font-size:1.5rem;font-weight:800;-webkit-text-fill-color:transparent;background-clip:text}.nav-link{font-weight:500;padding:.5rem 1rem!important;transition:color .15s cubic-bezier(.4,0,.2,1)}.nav-link:hover{color:#6366f1!important}.navbar-expand-md .nav-link{position:relative;transition:all .2s ease}.navbar-expand-md .nav-link:hover{transform:translateY(-1px)}.navbar-expand-md .nav-link .icon{font-size:1.25rem;vertical-align:middle}.navbar-expand-md .badge-notification{font-size:.625rem;font-weight:600}.navbar-expand-md .badge-notification.badge-blink{animation:badge-blink 2s ease-in-out infinite}.navbar-expand-md .nav-link .badge{transition:all .2s ease}.navbar-expand-md .nav-link:hover .badge{transform:scale(1.1)}@keyframes badge-blink{0%,to{opacity:1}50%{opacity:.5}}.navbar-vertical .nav-link .badge{font-size:.65rem;margin-left:auto;padding:.25rem .5rem;transition:all .2s ease}.navbar-vertical .nav-link:hover .badge{transform:scale(1.1)}.navbar-nav .dropdown-menu{border:1px solid rgba(0,0,0,.05);box-shadow:0 .5rem 1rem rgba(0,0,0,.15)}.navbar-nav .dropdown-menu .dropdown-item{padding:.5rem 1rem;transition:all .2s ease}.navbar-nav .dropdown-menu .dropdown-item:hover{background:linear-gradient(90deg,rgba(99,102,241,.1),transparent);transform:translateX(2px)}.navbar-nav .dropdown-menu .dropdown-item i{text-align:center;width:1.25rem}.navbar-nav .dropdown-menu-card{min-width:20rem;padding:0}.navbar-nav .dropdown-menu-card .card{border:none;box-shadow:none;margin:0}.navbar-nav .dropdown-menu-card .list-group-item{border-left:0;border-right:0}.navbar-nav .dropdown-menu-card .list-group-item:first-child{border-top:0}.navbar-nav .dropdown-menu-card .list-group-item:last-child{border-bottom:0}.status-dot-animated{animation:status-pulse 2s ease-in-out infinite}@keyframes status-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.alert-important{animation:alert-slide-in .3s ease-out;border-left:4px solid;box-shadow:0 .5rem 1rem rgba(0,0,0,.1)}.alert-important.alert-warning{background:linear-gradient(90deg,rgba(245,158,11,.15),rgba(245,158,11,.05));border-left-color:#f59e0b}.alert-important .alert-icon{font-size:2rem;margin-right:1rem}.alert-important .alert-title{font-weight:600;margin-bottom:.5rem}.alert-important .btn-close{opacity:.6}.alert-important .btn-close:hover{opacity:1}@keyframes alert-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.gradient-bg{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.gradient-bg-dark{background:linear-gradient(135deg,#1e3a8a,#3b0764)}.hero{align-items:center;display:flex;min-height:100vh;overflow:hidden;position:relative}.hero:before{animation:pulse 4s ease-in-out infinite;background:radial-gradient(circle,rgba(99,102,241,.1) 0,transparent 70%);content:"";height:200%;position:absolute;width:200%;z-index:-1}.hero-content{position:relative;z-index:1}.hero h1{background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;font-size:4rem;font-weight:800;-webkit-text-fill-color:transparent;animation:fadeInUp 1s ease;background-clip:text;line-height:1.2;margin-bottom:1.5rem}@media(max-width:768px){.hero h1{font-size:2.5rem}}.hero p{animation:fadeInUp 1s ease .2s both;color:#6c757d;font-size:1.25rem;margin-bottom:2rem}.feature-card{background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);height:100%;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.feature-card:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);transform:translateY(-5px)}.feature-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:.75rem;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;margin-bottom:1.5rem;width:60px}.feature-title{color:#0f172a;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.feature-description{color:#6c757d;line-height:1.8}.stats-section{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;padding:3rem 0}.stat-card{padding:2rem;text-align:center}.stat-number{background:linear-gradient(135deg,#ec4899,#8b5cf6);-webkit-background-clip:text;font-size:3rem;font-weight:800;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.stat-label{color:hsla(0,0%,100%,.8);font-size:1.125rem;letter-spacing:.05em;text-transform:uppercase}.pricing-card{background:#fff;border-radius:1rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);height:100%;padding:3rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.pricing-card:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);transform:translateY(-10px)}.pricing-card.featured{border:3px solid #6366f1;transform:scale(1.05)}.pricing-card.featured:before{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:.75rem;color:#fff;content:"Popular";font-size:.875rem;font-weight:700;padding:.25rem 1.5rem;position:absolute;right:2rem;top:-10px}.price{color:#6366f1;font-size:3rem;font-weight:800;margin-bottom:.5rem}.price .currency{font-size:1.5rem;vertical-align:top}.price .period{color:#6c757d;font-size:1rem;font-weight:400}.price-features{list-style:none;margin:2rem 0}.price-features li{color:#343a40;padding:.5rem 0}.price-features li:before{color:#6366f1;content:"✓";font-weight:700;margin-right:.5rem}.footer{background:#0f172a;color:#fff;margin-top:1rem;padding:1rem 0}.footer-section{margin-bottom:2rem}.footer-title{color:#fff;font-size:1.25rem;font-weight:700;margin-bottom:1.5rem}.footer-link{color:hsla(0,0%,100%,.5);display:block;padding:.25rem 0;transition:color .15s cubic-bezier(.4,0,.2,1)}.footer-link:hover{color:#6366f1;padding-left:.5rem}.footer-social{display:flex;gap:1rem;margin-top:1rem}.social-icon{align-items:center;background:hsla(0,0%,100%,.1);border-radius:50%;display:flex;height:40px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.social-icon:hover{background:#6366f1;transform:translateY(-3px)}body:has(.login-wrapper) .navbar,body:has(.login-wrapper) footer{display:none!important}.login-wrapper{background:linear-gradient(135deg,#6366f1,#8b5cf6);min-height:100vh;padding-bottom:0;padding-top:0}.login-card{animation:slideUp .5s ease;background:#fff;border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.15);padding:2.5rem;position:relative}.login-header .btn-back-home{align-items:center;color:#fff;display:flex;font-size:.875rem;gap:.5rem;left:0;opacity:.9;position:absolute;text-decoration:none;top:-50px;transition:all .15s cubic-bezier(.4,0,.2,1)}.login-header .btn-back-home:hover{color:#fff;opacity:1;transform:translateX(-5px)}.login-header .btn-back-home i{font-size:1.2rem}.login-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto;width:80px}.login-form .form-control-lg{border:2px solid #e5e7eb;border-radius:12px;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.login-form .form-control-lg:focus{border-color:#6366f1;box-shadow:0 0 0 .25rem rgba(102,126,234,.1)}.password-input-wrapper{position:relative}.password-input-wrapper .password-toggle{background:none;border:none;color:#6b7280;cursor:pointer;padding:0;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .15s cubic-bezier(.4,0,.2,1)}.password-input-wrapper .password-toggle:hover{color:#6366f1}.login-divider{position:relative;text-align:center}.login-divider:before{background:#e5e7eb;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.login-divider span{background:#fff;color:#9ca3af;font-size:.875rem;padding:0 1rem}.quick-login-btn{border-radius:8px;transition:all .15s cubic-bezier(.4,0,.2,1)}.quick-login-btn:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transform:translateY(-2px)}@media(max-width:768px){.login-card{padding:2rem 1.5rem}.login-header .btn-back-home{font-size:.8rem;top:-45px}.login-icon{font-size:1.5rem;height:60px;width:60px}}.toast-container .toast{animation:slideInRight .3s ease;border-radius:12px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.toast-container .toast .toast-header{background:#fff;border-bottom:2px solid #f3f4f6;border-radius:12px 12px 0 0}.toast-container .toast .toast-header i{font-size:1.2rem}.toast-container .toast .toast-body{color:#dc3545;font-weight:500;padding:1rem}@media(max-width:576px){.toast-container{padding:1rem!important}.toast-container .toast{max-width:100%}}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.3;transform:scale(1.2)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-on-scroll{opacity:0;transition:all .5s cubic-bezier(.4,0,.2,1)}.animate-on-scroll.animated{animation:fadeInUp ease .5s cubic-bezier(.4,0,.2,1);opacity:1}.text-gradient{background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-accent{color:#ec4899}.bg-gradient{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.bg-gradient-dark{background:linear-gradient(135deg,#0f172a,#1e293b)}.mt-section{margin-top:3rem}.mb-section{margin-bottom:3rem}.py-section{padding-bottom:3rem;padding-top:3rem}.btn-gradient{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff}.btn-gradient:hover{background:linear-gradient(135deg,#3438ed,#692cf3);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);color:#fff;transform:translateY(-2px)}.btn-outline-gradient{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#6366f1,#8b5cf6) border-box;border:2px solid transparent}.btn-outline-gradient:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);transform:translateY(-5px)}.container-custom{margin:0 auto;max-width:1200px;padding:0 2rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f8f9fa}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#3438ed,#692cf3)}.navbar-vertical .navbar-nav .nav-link{border-radius:.375rem;margin:.125rem .5rem;padding:.5rem .75rem;transition:all .2s ease}.navbar-vertical .navbar-nav .nav-link:hover{background-color:rgba(98,102,241,.1);transform:translateX(2px)}.navbar-vertical .navbar-nav .nav-link.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-weight:600}.navbar-vertical .navbar-nav .nav-link.active .nav-link-icon{color:#fff!important}.navbar-vertical .dropdown-menu{border-radius:.5rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.15)}.navbar-vertical .dropdown-item{border-radius:.25rem;margin:.125rem .25rem;padding:.5rem .75rem;transition:all .2s ease}.navbar-vertical .dropdown-item:hover{background-color:rgba(98,102,241,.1);transform:translateX(2px)}.navbar-vertical .dropdown-item.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.navbar-vertical .nav-item.dropdown-divider{background-color:rgba(0,0,0,.1);height:1px;margin:.5rem 1rem}.navbar-vertical .navbar-nav.mt-auto .nav-link{background-color:rgba(98,102,241,.05);border:1px solid rgba(98,102,241,.1);border-radius:.5rem;margin:.25rem .5rem;padding:.75rem}.navbar-vertical .navbar-nav.mt-auto .nav-link:hover{background-color:rgba(98,102,241,.1);border-color:rgba(98,102,241,.2)}.navbar-vertical .badge{border-radius:1rem;font-size:.625rem;padding:.25rem .5rem}@media(max-width:991.98px){body{padding-top:3.5rem}.navbar-vertical{background:var(--tblr-bg-surface)!important;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);left:0;position:fixed!important;right:0;top:0;z-index:1035}.navbar-vertical .container-fluid{background:var(--tblr-bg-surface);padding:.5rem 1rem}.navbar-toggler{border:1px solid rgba(0,0,0,.1);border-radius:.375rem;padding:.5rem}.navbar-toggler:focus{box-shadow:0 0 0 .25rem rgba(98,102,241,.25)}.navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.d-lg-none.border-bottom{margin-top:0;padding-top:.5rem}.d-lg-none .dropdown-menu{margin:.5rem;width:calc(100% - 1rem)!important}.page-wrapper{margin-top:0!important}}[data-bs-theme=dark] .navbar-vertical .navbar-nav .nav-link:hover{background-color:rgba(98,102,241,.2)}[data-bs-theme=dark] .navbar-vertical .nav-item.dropdown-divider{background-color:hsla(0,0%,100%,.1)}[data-bs-theme=dark] .navbar-vertical .navbar-nav.mt-auto .nav-link{background-color:rgba(98,102,241,.1);border-color:rgba(98,102,241,.2)}[data-bs-theme=dark] .navbar-toggler{border-color:hsla(0,0%,100%,.2)}[data-bs-theme=dark] .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}[data-bs-theme=dark] .navbar-light .navbar-nav .nav-link{color:hsla(0,0%,100%,.75)}[data-bs-theme=dark] .navbar-light .navbar-nav .nav-link:hover{color:#6266f1}.nav-item.dropdown .avatar{font-size:.875rem;height:2rem;width:2rem}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.75)}.navbar-light .navbar-nav .nav-link:hover{color:#6266f1}.navbar-nav .nav-item .icon{font-size:1.25rem}@media(max-width:767.98px){.navbar-nav .nav-item{margin:0 .15rem}.navbar-nav .nav-item .icon{font-size:1.125rem}.navbar-nav .nav-item .nav-link{padding:.5rem .4rem}.badge-notification{font-size:.5rem!important;height:1rem!important;min-width:1rem!important;padding:.15rem .3rem!important}.avatar.avatar-sm{font-size:.75rem!important;height:1.75rem!important;width:1.75rem!important}.navbar-nav .d-none.d-xl-block{display:none!important}}.navbar-toggler{position:relative;transition:all .3s ease}.navbar-toggler:not(.collapsed){transform:rotate(0deg)}.brand-logo{align-items:center;display:flex;text-decoration:none}.brand-logo .brand-icon{font-size:2rem;margin-right:.5rem}.brand-logo .brand-icon,.brand-logo .brand-text{background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-logo .brand-text{font-size:1.25rem;font-weight:700}.brand-logo:hover .brand-icon,.brand-logo:hover .brand-text{opacity:.8}.avatar-gradient{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;font-weight:600;justify-content:center}.user-profile-card{background-color:rgba(98,102,241,.1);border-radius:.5rem;transition:all .3s ease}.user-profile-card:hover{background-color:rgba(98,102,241,.15)}.alert-switch-user,.alert-switch-user .btn{font-size:.75rem}@media(max-width:991.98px){.alert-switch-user{margin-bottom:.5rem;padding:.5rem}.alert-switch-user .btn{margin-top:.25rem;width:100%}}@media(min-width:992px){.alert-switch-user{margin:.5rem;padding:.5rem}.alert-switch-user .text-truncate{font-size:.7rem}}.badge-notification{align-items:center;border-radius:50%;display:flex;font-size:.65rem;height:1.25rem;justify-content:center;left:100%;line-height:1;min-width:1.25rem;padding:.25rem .4rem;position:absolute;top:0;transform:translate(-50%,-50%)}.dropdown-header{background-color:rgba(98,102,241,.05);padding:.75rem 1rem}.dropdown-header .d-block.text-muted{font-size:.75rem}.dropdown-header .d-block.fw-bold{font-size:.875rem}[data-bs-theme=dark] .dropdown-header{background-color:rgba(98,102,241,.15)}#global-preloader{align-items:center;background:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}#global-preloader .preloader-content{background:var(--app-surface-primary);border-radius:.5rem;box-shadow:0 .5rem 1rem var(--app-shadow-lg);padding:2rem;text-align:center}.sidebar-backdrop{background:rgba(0,0,0,.5);bottom:0;left:0;opacity:0;position:fixed;right:0;top:3.5rem;transition:opacity .3s ease;z-index:1034}.sidebar-backdrop.show{opacity:1}.status-badge{align-items:center;border-radius:.5rem;display:inline-flex;font-weight:600;gap:.5rem;padding:.5em .75em}.status-badge.status-published{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.status-badge.status-draft{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.status-badge.status-archived{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff}.btn-icon{align-items:center;border-radius:.5rem;display:inline-flex;height:2.5rem;justify-content:center;padding:0;width:2.5rem}.btn-icon.btn-icon-sm{height:2rem;width:2rem}.btn-icon.btn-icon-lg{height:3rem;width:3rem}.gradient-overlay{overflow:hidden;position:relative}.gradient-overlay:before{background:linear-gradient(90deg,transparent,rgba(102,126,234,.15),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.gradient-overlay:hover:before{left:100%}.stat-card .stat-icon{align-items:center;border-radius:.75rem;display:flex;font-size:1.5rem;height:3rem;justify-content:center;width:3rem}.stat-card .stat-icon.stat-icon-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-card .stat-icon.stat-icon-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.stat-card .stat-icon.stat-icon-info{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.stat-card .stat-icon.stat-icon-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.stat-card .stat-value{color:var(--app-text-primary);font-size:1.5rem;font-weight:700}.stat-card .stat-label{color:var(--app-text-secondary);font-size:.875rem}.empty-state{padding:3rem 1rem;text-align:center}.empty-state .empty-state-icon{color:var(--app-text-tertiary);font-size:4rem;margin-bottom:1rem}.empty-state .empty-state-title{color:var(--app-text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.empty-state .empty-state-description{color:var(--app-text-secondary);margin-bottom:1.5rem}.skeleton{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--app-surface-secondary) 25%,var(--app-surface-hover) 50%,var(--app-surface-secondary) 75%);background-size:200% 100%;border-radius:.5rem}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1rem;margin-bottom:.5rem}.skeleton-text:last-child{margin-bottom:0}.skeleton-circle{border-radius:50%;height:3rem;width:3rem}.skeleton-rect{height:10rem;width:100%}.fab{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;bottom:2rem;box-shadow:0 8px 24px rgba(102,126,234,.4);color:#fff;cursor:pointer;display:flex;height:3.5rem;justify-content:center;position:fixed;right:2rem;transition:all .3s ease;width:3.5rem;z-index:1000}.fab:hover{box-shadow:0 12px 32px rgba(102,126,234,.6);transform:translateY(-4px) scale(1.1)}.fab i{font-size:1.5rem}.tooltip-custom{display:inline-block;position:relative}.tooltip-custom:hover .tooltip-text{opacity:1;visibility:visible}.tooltip-custom .tooltip-text{background-color:rgba(0,0,0,.9);border-radius:.5rem;bottom:125%;color:#fff;font-size:.875rem;left:50%;opacity:0;padding:.5rem .75rem;position:absolute;transform:translateX(-50%);transition:opacity .3s;visibility:hidden;white-space:nowrap;z-index:1000}.tooltip-custom .tooltip-text:after{border:5px solid transparent;border-top-color:rgba(0,0,0,.9);content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.custom-scrollbar::-webkit-scrollbar{height:8px;width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:var(--app-scrollbar-track);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--app-scrollbar-thumb);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--app-scrollbar-thumb-hover)}.maintenance-badge{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:.375rem;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .5rem}.maintenance-badge i,.maintenance-badge svg{height:14px;width:14px}.btn-theme-toggle{background:none!important;border:none!important}.btn-theme-toggle:hover{background:var(--app-sidebar-hover-bg)!important}.btn-theme-toggle:focus{box-shadow:none!important}.card-link{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.card-link:hover{box-shadow:0 12px 28px var(--app-shadow-lg)!important;transform:translateY(-4px)}.card-link .card-title{transition:color .3s ease}.card-link:hover .card-title{color:#667eea}.card-link-pop:hover{transform:translateY(-6px) scale(1.02)}.card-link-pop .avatar{transition:all .3s ease}.card-link-pop:hover .avatar{box-shadow:0 8px 20px rgba(102,126,234,.4);transform:scale(1.1) rotate(5deg)}.settings-hero-svg{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 10px 20px rgba(102,126,234,.3))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.badge-pill{align-items:center;border-radius:50%;display:flex;font-weight:700;height:2rem;justify-content:center;width:2rem}.datagrid .datagrid-item{padding:.75rem 0}.datagrid .datagrid-item .datagrid-title{align-items:center;display:flex;font-weight:600;margin-bottom:.25rem}.datagrid .datagrid-item .datagrid-content{line-height:1.5}.divide-y>*+*{border-top:1px solid var(--app-border-primary)}@media(max-width:767.98px){.hide-mobile{display:none!important}}@media(min-width:768px){.show-mobile-only{display:none!important}}@media(max-width:768px){body{font-size:1rem!important}h1{font-size:2rem!important}h2{font-size:1.75rem!important}h3{font-size:1.5rem!important}h4{font-size:1.25rem!important}h5{font-size:1.125rem!important}.btn,h6{font-size:1rem!important}.btn{min-height:48px!important;padding:.875rem 1.25rem!important}.btn-sm{font-size:.9375rem!important;min-height:42px!important;padding:.625rem 1rem!important}.card{margin-bottom:1rem}.card .card-header{padding:1.25rem!important}.card .card-header .card-title{font-size:1.25rem!important}.card .card-body{padding:1.25rem!important}.table{font-size:1rem!important}.table td,.table th{padding:1rem .75rem!important}.table th{font-size:1rem!important}.form-control,.form-select{font-size:1rem!important;min-height:48px!important;padding:.75rem 1rem!important}.form-label{font-size:1rem!important;margin-bottom:.5rem}.modal-dialog{margin:.5rem}.container,.container-fluid{padding-left:1rem!important;padding-right:1rem!important}.page-header{margin-bottom:1.5rem!important;padding:1.5rem 0!important}.page-header .page-title{font-size:1.75rem!important}.badge,.page-header .page-pretitle{font-size:.875rem!important}.badge{padding:.4em .75em!important}.dropdown-menu{font-size:1rem!important}.dropdown-menu .dropdown-item,.nav-link{font-size:1rem!important;padding:.875rem 1rem!important}.icon{font-size:1.5rem!important}.small,.text-muted{font-size:.9375rem!important}}@media(min-width:768px)and (max-width:992px){.navbar-vertical{width:240px}.page-wrapper{margin-left:240px}.row-cards .col-12:not(:only-child){width:50%}}@media(min-width:992px){.navbar-vertical .nav-link:hover{transform:translateX(4px)}.card:hover{transform:translateY(-2px)}}@media(min-width:1400px){.container{margin:0 auto;max-width:1320px}.navbar-vertical{width:300px}.page-wrapper{margin-left:300px}}@media print{.btn,.d-print-none,.dropdown,.navbar-vertical,.page-header{display:none!important}.page-wrapper{margin-left:0!important}body{background:#fff!important;color:#000!important}.card{border:1px solid #ddd!important;box-shadow:none!important;page-break-inside:avoid}a[href]:after{color:#666;content:" (" attr(href) ")";font-size:.8em}}@media(max-width:768px)and (orientation:landscape){.navbar-vertical .navbar-collapse{max-height:calc(100vh - 80px)}}@media(hover:none)and (pointer:coarse){.card:hover{box-shadow:0 2px 8px var(--app-shadow-sm)}.card:hover,.nav-link:hover{transform:none}.btn,.dropdown-item,.nav-link{min-height:44px;padding:.75rem 1rem}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){.card{border:2px solid var(--app-border-primary)!important}.btn{border:2px solid}a{text-decoration:underline}}@media(prefers-color-scheme:dark){:root:not([data-bs-theme]){--app-bg-primary:#0f172a;--app-bg-secondary:#1e293b;--app-surface-primary:#1e293b;--app-text-primary:#f1f5f9}}@media(max-width:768px){.hide-on-mobile{display:none!important}}@media(min-width:768px)and (max-width:992px){.hide-on-tablet{display:none!important}}@media(min-width:992px){.hide-on-desktop{display:none!important}}.show-on-mobile{display:none!important}@media(max-width:768px){.show-on-mobile{display:block!important}}.show-on-tablet{display:none!important}@media(min-width:768px)and (max-width:992px){.show-on-tablet{display:block!important}}.show-on-desktop{display:none!important}@media(min-width:992px){.show-on-desktop{display:block!important}}.container-responsive{padding-left:1rem;padding-right:1rem}@media(min-width:768px){.container-responsive{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:992px){.container-responsive{padding-left:2rem;padding-right:2rem}}@media(max-width:768px){.text-mobile-center{text-align:center!important}}@media(min-width:992px){.text-desktop-start{text-align:left!important}}@media(max-width:768px){.mt-mobile-2{margin-top:.5rem!important}}@media(min-width:768px)and (max-width:992px){.mt-tablet-3{margin-top:1rem!important}}@media(min-width:992px){.mt-desktop-4{margin-top:1.5rem!important}}@media(max-width:767.98px){.form-control,.form-select,input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{font-size:16px!important}.navbar-vertical .navbar-nav .nav-link{font-size:1.125rem!important;min-height:52px!important;padding:1rem 1.25rem!important}.navbar-vertical .navbar-nav .nav-link .nav-link-icon{font-size:1.5rem!important;min-width:2rem!important}.navbar-vertical .navbar-nav .nav-link .nav-link-title{font-size:1.125rem!important}.navbar-vertical .text-muted{font-size:.875rem!important;padding:.75rem 1.25rem!important}.navbar.navbar-expand-md .navbar-nav .nav-item .nav-link{min-height:48px!important;padding:.875rem 1rem!important}.page-body{padding-top:1rem!important}.page-body .container-fluid{padding-left:1rem!important;padding-right:1rem!important}.row-cards{margin-left:-.5rem!important;margin-right:-.5rem!important}.row-cards>[class*=col]{padding-left:.5rem!important;padding-right:.5rem!important}.table-responsive{margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}.table-responsive .table{min-width:100%}.table-responsive .table td,.table-responsive .table th{font-size:1rem!important;white-space:nowrap}.alert{font-size:1rem!important;padding:1rem!important}.alert .btn{margin-top:.75rem}.card-sm .card-body{padding:1.25rem!important}.card-sm .avatar{font-size:1.5rem!important;height:3rem!important;width:3rem!important}.card-sm .font-weight-medium{font-size:1.125rem!important}.dropdown-toggle{font-size:1rem!important;min-height:48px!important}.dropdown-toggle:after{margin-left:.5em!important}.list-group-item{padding:1rem!important}.breadcrumb,.list-group-item{font-size:1rem!important}.breadcrumb .breadcrumb-item{padding:.5rem 0!important}.breadcrumb .breadcrumb-item+.breadcrumb-item:before{padding-left:.75rem!important;padding-right:.75rem!important}.pagination .page-link{font-size:1rem!important;min-height:44px!important;min-width:44px!important;padding:.5rem .75rem!important}.d-flex.align-items-center .avatar{margin-right:1rem!important}.d-flex.align-items-center .fw-bold,.d-flex.align-items-center .fw-semibold{font-size:1.125rem!important}.empty-state{padding:2rem 1rem!important}.empty-state i{font-size:4rem!important}.empty-state .text-muted{font-size:1rem!important}}@media(max-width:399.98px){body{font-size:15px!important}.page-title{font-size:1.5rem!important}.card-title{font-size:1.125rem!important}}.navbar-vertical{height:100vh;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;width:280px;z-index:1000}.navbar-vertical .nav-link{align-items:center;border-radius:.5rem;display:flex;font-weight:500;gap:.75rem;margin:.125rem .5rem;padding:.5rem .75rem;position:relative}.navbar-vertical .nav-link:hover{transform:translateX(4px)}.navbar-vertical .nav-link.active{box-shadow:0 4px 12px rgba(102,126,234,.2);font-weight:600}.navbar-vertical .nav-link.active:after{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0 4px 4px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.navbar-vertical .nav-link .nav-link-icon{align-items:center;display:flex;font-size:1.25rem;justify-content:center;min-width:1.5rem}.navbar-vertical .dropdown-menu{border-radius:.75rem;margin-left:.5rem;margin-right:.5rem;padding:.5rem}.navbar-vertical .dropdown-menu .dropdown-item{border-radius:.5rem;margin:.125rem 0;padding:.5rem .75rem}.navbar-vertical .dropdown-menu .dropdown-item:hover{transform:translateX(4px)}.navbar-vertical .navbar-brand{padding:1.5rem 1.5rem 1rem}.navbar-vertical .navbar-nav.mt-auto{padding-bottom:1rem}.navbar-vertical .navbar-nav.mt-auto .nav-link{background-color:var(--app-surface-secondary);border:1px solid var(--app-border-primary)}.navbar-vertical .navbar-nav.mt-auto .nav-link:hover{transform:none}.page-wrapper{margin-left:280px;min-height:100vh;transition:margin .3s ease}.navbar.navbar-expand-md{padding:1rem 2rem;position:sticky;top:0;z-index:999}@media(max-width:768px){.navbar.navbar-expand-md{padding:.75rem 1rem}}.navbar.navbar-expand-md .nav-link{align-items:center;border-radius:.5rem;display:flex;gap:.5rem;padding:.5rem 1rem}.navbar.navbar-expand-md .nav-link:hover{transform:translateY(-2px)}.card{border-radius:.75rem;overflow:visible}.card .card-header{padding:1.5rem}@media(max-width:768px){.card .card-header{padding:1rem}}.card .card-header .card-title,.card .card-header h3{align-items:center;display:flex;font-weight:600;gap:.75rem;margin:0}.card .card-body{padding:1.5rem}@media(max-width:768px){.card .card-body{padding:1rem}}.table th{font-weight:600;padding:1rem}@media(max-width:768px){.table th{font-size:.875rem;padding:.75rem .5rem}}.table td{padding:1rem;vertical-align:middle}@media(max-width:768px){.table td{font-size:.875rem;padding:.75rem .5rem}}.table tr{transition:all .2s ease}.table-responsive.overflow-visible{overflow-y:visible}.dropdown-menu{position:absolute;z-index:1056}.form-control,.form-select{border-radius:.5rem;padding:.625rem 1rem}.form-control:focus,.form-select:focus{outline:none}.form-label{font-weight:500;margin-bottom:.5rem}.btn{align-items:center;border-radius:.5rem;display:inline-flex;font-weight:500;gap:.5rem;padding:.625rem 1.25rem}.btn.btn-sm{font-size:.875rem;padding:.5rem .75rem}.btn.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,.3);color:#fff}.btn.btn-primary:hover{box-shadow:0 6px 20px rgba(102,126,234,.5);transform:translateY(-2px)}.btn.btn-primary:focus{box-shadow:0 0 0 .25rem rgba(102,126,234,.45)}.btn.btn-outline-primary{border-color:#667eea;color:#667eea}.btn.btn-outline-primary:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.badge{border-radius:.5rem;color:#fff;font-weight:600;padding:.5em .75em}.badge.bg-primary{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important}.badge.bg-success{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important}.badge.bg-danger{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important}.badge.bg-warning{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#fff!important}.badge.bg-info{background:linear-gradient(135deg,#06b6d4,#0891b2)!important;color:#fff!important}.avatar{transition:all .3s ease}.avatar:hover{box-shadow:0 4px 12px rgba(102,126,234,.3);transform:scale(1.1) rotate(5deg)}.dropdown-menu{border-radius:.75rem;margin-top:.5rem;padding:.5rem}.dropdown-menu .dropdown-item{align-items:center;border-radius:.5rem;display:flex;gap:.75rem;margin:.125rem 0;padding:.75rem 1rem}.dropdown-menu .dropdown-item i{font-size:1.125rem}.dropdown-menu .dropdown-item:hover{transform:translateX(4px)}.page-header{margin-bottom:2rem;padding:2rem 0}@media(max-width:768px){.page-header{margin-bottom:1.5rem;padding:1.5rem 0}}.page-header .page-title{font-size:2rem;font-weight:700;margin:0}@media(max-width:768px){.page-header .page-title{font-size:1.5rem}}.page-header .page-pretitle{display:block;font-size:.75rem;font-weight:600;letter-spacing:.1rem;margin-bottom:.5rem;text-transform:uppercase}@media(max-width:991.98px){body{padding-top:3.5rem}.navbar-vertical{box-shadow:0 .125rem .25rem rgba(0,0,0,.075);height:auto;left:0;position:fixed!important;right:0;top:0;width:100%;z-index:1035}.navbar-vertical .container-fluid{padding:.5rem 1rem}.navbar-vertical .navbar-collapse{left:0;max-height:calc(100vh - 60px);overflow-x:hidden;overflow-y:auto;position:absolute;right:0;top:100%;-webkit-overflow-scrolling:touch;z-index:1036}.navbar-vertical .navbar-collapse:not(.show){height:0;overflow:hidden;visibility:hidden}.navbar-vertical .navbar-collapse.show{animation:slideDown .3s ease-in-out;height:auto;visibility:visible}.navbar-vertical .navbar-nav{padding-bottom:2rem!important}.navbar-vertical .navbar-nav .nav-link{font-size:.9375rem;margin:.125rem .5rem}.navbar-vertical .dropdown-menu{border:none;box-shadow:none;margin-bottom:.25rem;margin-top:.25rem;padding:.25rem;position:static!important;transform:none!important}.page-wrapper{margin-left:0;margin-top:0}.navbar-toggler{border-radius:.5rem;padding:.5rem}.navbar-toggler:focus{box-shadow:0 0 0 .25rem rgba(98,102,241,.25)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:767.98px){.navbar-nav .nav-item{margin:0 .25rem}.navbar-nav .nav-item .icon{font-size:1.5rem!important}.navbar-nav .nav-item .nav-link{min-height:48px!important;padding:.75rem .5rem!important}.badge-notification{font-size:.75rem!important;height:1.5rem!important;min-width:1.5rem!important;padding:.25rem .5rem!important}.avatar.avatar-sm{font-size:1rem!important;height:2.5rem!important;width:2.5rem!important}.navbar-brand .brand-icon{font-size:2.5rem!important}.navbar-brand .brand-text{font-size:1.5rem!important}}.overflow-visible{overflow:visible!important}.brand-icon{font-size:2rem}.brand-text{font-size:1.25rem;font-weight:700}.fade-in{animation:fadeIn .5s ease-out}.slide-in{animation:slideIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.badge-blink{animation:blink 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}