:root{--sidebar-width:280px;--sidebar-collapsed-width:80px}.crm-layout{min-height:100vh;transition:background-color .3s;position:relative}.layout-dark .main-content,.layout-dark .crm-main{background:var(--secondary-900)}.layout-dark .crm-main::-webkit-scrollbar-track{background:var(--secondary-800)}.layout-dark .crm-main::-webkit-scrollbar-thumb{background:var(--secondary-700)}.layout-dark .crm-main::-webkit-scrollbar-thumb:hover{background:var(--primary-600)}.layout-light .main-content{background:var(--gradient-background)}.layout-light .crm-main{background:0 0}.layout-light .crm-main::-webkit-scrollbar-track{background:var(--gray-100)}.layout-light .crm-main::-webkit-scrollbar-thumb{background:var(--gray-300)}.layout-light .crm-main::-webkit-scrollbar-thumb:hover{background:var(--primary-400)}.main-content{flex-direction:column;flex:1;min-height:100vh;transition:margin-left .3s cubic-bezier(.4,0,.2,1),background-color .3s;display:flex;position:relative}.layout-dark .main-content:before{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#3b82f60d 0%,#0000 50%);position:absolute;inset:0}.layout-light .main-content:before{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#3b82f608 0%,#0000 50%);position:absolute;inset:0}.crm-main{z-index:1;flex:1;padding:28px 32px;transition:background-color .3s;position:relative;overflow-y:auto}.crm-main::-webkit-scrollbar{width:8px;height:8px}.crm-main::-webkit-scrollbar-track{border-radius:10px}.crm-main::-webkit-scrollbar-thumb{border-radius:10px;transition:background .2s}.mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;transition:background .3s;position:fixed;inset:0}.mobile-sidebar-wrapper{z-index:1000;box-shadow:var(--shadow-2xl);position:fixed;top:0;bottom:0;left:0}.loading-container{justify-content:center;align-items:center;min-height:400px;display:flex}.loading-spinner{text-align:center}.spinner{border:3px solid var(--gray-200);border-top-color:var(--primary-600);border-radius:50%;width:50px;height:50px;margin:0 auto 16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}.loading-spinner p{color:var(--gray-600);font-size:var(--font-sm);margin:0}@media (max-width:1024px){.crm-main{padding:24px 20px}}@media (max-width:768px){.crm-main{margin-bottom:0;padding:16px}.main-content{margin-left:0!important}}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transition:opacity .4s,transform .4s;transform:translateY(0)}.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transition:opacity .3s,transform .3s;transform:translateY(-20px)}@media (max-width:768px){.crm-main{padding-bottom:80px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.crm-layout,.main-content,.crm-main{transition:all .3s cubic-bezier(.4,0,.2,1)}.crm-layout{isolation:isolate}@media print{.sidebar,.mobile-overlay,.mobile-sidebar-wrapper{display:none!important}.main-content{margin-left:0!important}.crm-main{padding:0!important}}@media (prefers-contrast:high){.main-content:before{display:none}.mobile-overlay{background:#000000e6}}@media (prefers-reduced-motion:reduce){.main-content,.crm-main,.mobile-overlay,.mobile-sidebar-wrapper,.spinner{transition:none!important;animation:none!important}.loading-container{animation:none}}