@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap");body{margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.9) translateY(20px)}60%{transform:scale(1.02) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes wiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}.page-content{animation:fadeIn .35s ease}.ant-card{position:relative;overflow:hidden;transition:box-shadow .3s,transform .3s}.ant-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#1677ff,#722ed1,#eb2f96);opacity:0;transition:opacity .3s;z-index:1}.ant-card:hover:before{opacity:1}.ant-card:hover{box-shadow:0 12px 40px rgba(0,0,0,.12)}.ant-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(22,119,255,.4)}.ant-btn-primary:active{transform:scale(.96)}.ant-table-thead>tr>th{background:#f0f5ff!important}.ant-table-tbody>tr:hover>td{background:#e6f4ff!important}.sidebar{display:flex;flex-direction:column;width:260px;height:100%;background:#001529;color:#fff}.sidebar-logo{display:flex;align-items:center;gap:12px;padding:20px 24px}.sidebar-logo-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#1677ff,#722ed1);display:flex;align-items:center;justify-content:center;font-size:20px}.sidebar-logo-text{font-size:20px;font-weight:800;color:#fff}.sidebar-nav{flex:1 1;padding:8px 12px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.sidebar-nav-item{position:relative;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;color:hsla(0,0%,100%,.65);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;overflow:hidden}.sidebar-nav-item:hover{background:rgba(22,119,255,.125);color:#fff}.sidebar-nav-item.active{background:#1677ff;color:#fff;box-shadow:0 4px 12px rgba(22,119,255,.4)}.sidebar-nav-item.active:before{content:"";position:absolute;right:8px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 8px hsla(0,0%,100%,.6)}.sidebar-nav-item:after{content:"";position:absolute;bottom:0;left:16px;right:16px;height:2px;background:hsla(0,0%,100%,.3);transform:scaleX(0);transition:transform .2s}.sidebar-nav-item:hover:after{transform:scaleX(1)}.sidebar-nav-item.active:after{display:none}.sidebar-nav-item-icon{font-size:18px;display:flex;align-items:center}.sidebar-user{display:flex;align-items:center;gap:12px;padding:16px 24px;border-top:1px solid hsla(0,0%,100%,.1);flex-shrink:0;cursor:pointer;transition:background .2s}.sidebar-user:hover{background:hsla(0,0%,100%,.05)}.sidebar-user-avatar{width:36px;height:36px;border-radius:50%;border:2px solid #1677ff;background:rgba(22,119,255,.2);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.sidebar-user-info{overflow:hidden}.sidebar-user-name{font-size:14px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:12px;color:hsla(0,0%,100%,.45)}.ant-modal .ant-modal-container{padding:0!important}.ant-modal-header{border-bottom:1px solid #e6e8eb!important;padding:16px 24px!important;margin-bottom:0!important;background:#f0f5ff!important;border-radius:12px 12px 0 0!important}.ant-modal-title{font-weight:700!important;font-size:16px!important;color:#1677ff!important}.ant-modal-body{padding:20px 24px!important;max-height:65vh;overflow-y:auto}.ant-modal-footer{border-top:1px solid #e6e8eb!important;padding:12px 24px!important;margin-top:0!important;background:#f0f5ff!important;border-radius:0 0 12px 12px!important}