.light-style .menu .app-brand.demo,.dark-style .menu .app-brand.demo{height:64px}.app-brand-logo.demo{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;display:-ms-flexbox;display:flex;width:34px;height:24px}.app-brand-logo.demo svg{width:35px;height:24px}.app-brand-text.demo{font-size:1.375rem}.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page{padding-top:64px!important}.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page{padding-top:72px!important}.content-wrapper .navbar{z-index:auto}.demo-blocks>*{display:block!important}.demo-inline-spacing>*{margin:1rem .375rem 0 0!important}.demo-vertical-spacing>*{margin-top:1rem!important;margin-bottom:0!important}.demo-vertical-spacing.demo-only-element>:first-child{margin-top:0!important}.demo-vertical-spacing-lg>*{margin-top:1.875rem!important;margin-bottom:0!important}.demo-vertical-spacing-lg.demo-only-element>:first-child{margin-top:0!important}.demo-vertical-spacing-xl>*{margin-top:5rem!important;margin-bottom:0!important}.demo-vertical-spacing-xl.demo-only-element>:first-child{margin-top:0!important}.rtl-only{display:none!important;text-align:left!important;direction:ltr!important}[dir=rtl] .rtl-only{display:block!important}@media (max-width: 576px){#dropdown-variation-demo .btn-group .text-truncate{width:254px;position:relative}#dropdown-variation-demo .btn-group .text-truncate:after{position:absolute;top:45%;right:.65rem}}.layout-demo-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:1rem}.layout-demo-placeholder img{width:900px}.layout-demo-info{text-align:center;margin-top:1rem}.package-details .card{transition:transform .2s}.package-details .card:hover{transform:translateY(-3px)}.input-clearable{position:relative}.input-clearable input{padding-right:2rem}.input-clearable .clear-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);cursor:pointer;display:none;font-size:1rem;color:#999}.input-clearable input:not(:placeholder-shown)+.clear-btn{display:block}.metric-container{border-radius:.5rem;background-color:#f8f9fa;padding:1rem;transition:box-shadow .2s}.metric-container:hover{box-shadow:0 0 0 2px #0000000d}.icon-bg{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%}.stat-number{font-size:1.5rem;font-weight:600;line-height:1.2}.stat-label{font-size:.85rem;color:#6c757d}.badge-custom{font-size:.75rem;padding:.35rem .5rem}.stat-card-border{border:none;border-radius:12px;border-left:4px solid #007bff;background:#fff;transition:all .3s ease;box-shadow:0 2px 10px #0000001a}.stat-card-border:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000026}.stat-card-border.success{border-left-color:#28a745}.stat-card-border.warning{border-left-color:#ffc107}.stat-card-border.info{border-left-color:#17a2b8}.stat-icon-circle{width:50px;height:50px;background:linear-gradient(45deg,#007bff,#0056b3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.stat-icon-circle.success{background:linear-gradient(45deg,#28a745,#1e7e34)}.stat-icon-circle.warning{background:linear-gradient(45deg,#ffc107,#e0a800)}.stat-icon-circle.info{background:linear-gradient(45deg,#17a2b8,#138496)}