.app-layout{min-height:100vh}.app-sidebar{background:#fff!important;height:100vh;position:fixed!important;left:0;top:0;z-index:1000;box-shadow:2px 0 10px #0000001a}.app-sidebar .ant-layout-sider-children{display:flex;flex-direction:column}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:20px 24px;font-size:1.2rem;font-weight:700;color:#4361ee;white-space:nowrap;overflow:hidden}.sidebar-logo-icon{font-size:1.5rem;flex-shrink:0}.sidebar-menu{flex:1;border-inline-end:none!important;padding:0 8px}.sidebar-menu .ant-menu-item{border-radius:6px;margin-bottom:4px}.sidebar-menu .ant-menu-item-selected{background-color:#4361ee1a!important;color:#4361ee!important}.sidebar-toggle{position:absolute;top:24px;right:-15px;width:30px;height:30px;background:#fff;border:1px solid #e9ecef;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:all .2s ease;z-index:1001;font-size:12px;color:#6c757d}.sidebar-toggle:hover{background:#f8f9fa}.app-header{background:#f5f7fa;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8e9e9}.header-left{display:flex;align-items:center}.page-title{font-size:24px;font-weight:600;color:#333}.header-right{display:flex;align-items:center;gap:16px}.notification-btn{position:relative;width:40px;height:40px;background:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000000d;font-size:16px}.notification-btn:hover{box-shadow:0 4px 8px #0000001a}.notification-badge{position:absolute;top:8px;right:8px;width:8px;height:8px;background:#dc3545;border-radius:50%}.user-avatar{background:#4361ee!important;cursor:pointer;transition:all .2s ease}.user-avatar:hover{opacity:.9}.app-content{padding:20px;background:#f5f7fa;min-height:calc(100vh - 57px)}*{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{font-size:inherit;font-weight:inherit;color:inherit;outline:none}button{border:unset;background-color:unset;font-size:inherit;font-weight:inherit;color:inherit}*,*:after,*:before{margin:0;padding:0;box-sizing:border-box;text-decoration:none}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}