.courses{flex-direction:column;gap:24px;display:flex}.courses .header{letter-spacing:-.02em;border:0 solid #0000;border-bottom:1px solid var(--border);color:var(--text-primary);margin-bottom:8px;padding-bottom:16px;font-size:32px;font-weight:600;line-height:1.2;display:flex}.courses .courses-container{flex-direction:column;gap:24px;display:flex}.courses .courses-container .search{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:16px;padding:20px;display:flex;box-shadow:0 2px 4px #0000000a}.courses .courses-container .search .search-input{width:100%}.courses .courses-container .search .search-input .ant-input{border-color:var(--border);background-color:var(--surface-secondary);color:var(--text-primary);border-radius:8px;padding:12px 16px;font-size:14px;transition:all .2s}.courses .courses-container .search .search-input .ant-input:hover{border-color:var(--accent)}.courses .courses-container .search .search-input .ant-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #4299e133}.courses .courses-container .search .search-input .ant-input::placeholder{color:var(--text-muted)}.courses .courses-container .search .ant-btn{border-radius:8px;height:40px;font-weight:500;transition:all .2s}.courses .courses-container .search .ant-btn.ant-btn-primary{background-color:var(--accent);border-color:var(--accent)}.courses .courses-container .search .ant-btn.ant-btn-primary:hover{transform:translateY(-1px);background-color:var(--accent-hover)!important;border-color:var(--accent-hover)!important}.courses .courses-container .courses-statuses{align-items:center;gap:10px;display:flex}.courses .courses-container .courses-statuses .courses-statuses-label{color:var(--text-secondary)}.courses .courses-container .courses-statuses .ant-btn{border-radius:8px;height:40px;font-weight:500;transition:all .2s}.courses .courses-container .courses-statuses .ant-btn.active{background-color:var(--accent);color:var(--surface)}.courses .courses-container .courses-list{flex-flow:wrap;gap:20px;display:flex}.courses .courses-container .courses-list .courses-create-button{border:1px solid var(--border);background:var(--surface);width:250px;height:250px;color:var(--text-primary);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:16px;font-weight:500;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000000f}.courses .courses-container .courses-list .courses-create-button:hover{transform:translateY(-3px)}.courses .courses-container .courses-list .courses-create-button.active{background-color:var(--accent);color:var(--surface)}.courses .courses-container .courses-list .course-card{width:280px;transition:all .3s;animation:1s CardAnimationView}.courses .courses-container .courses-list .course-card .row{justify-content:space-between;align-items:center;gap:10px;display:flex}.courses .courses-container .courses-list .course-card:hover{transform:translateY(-3px)}.courses .courses-container .courses-list .course-card .ant-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;transition:all .3s;box-shadow:0 2px 8px #0000000f}.courses .courses-container .courses-list .course-card .ant-card:hover{border-color:var(--accent);box-shadow:0 8px 25px #0000001f}.courses .courses-container .courses-list .course-card .ant-card .ant-card-head{border-bottom:1px solid var(--border);background:var(--surface-secondary);border-radius:12px 12px 0 0;padding:10px 16px}.courses .courses-container .courses-list .course-card .ant-card .ant-card-head .ant-card-head-title{color:var(--text-primary);font-size:16px;font-weight:600}.courses .courses-container .courses-list .course-card .ant-card .ant-card-body{color:var(--text-primary);background:var(--surface)}.courses .courses-container .courses-list .course-card .course-card-content{flex-direction:column;gap:12px;width:100%;display:flex}.courses .courses-container .courses-list .course-card .course-card-content>.row{text-wrap:wrap;border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.courses .courses-container .courses-list .course-card .course-card-content>.row:last-child{border-bottom:none}.courses .courses-container .courses-list .course-card .course-card-content>.row .label{color:var(--text-secondary);font-size:14px;font-weight:500}.courses .courses-container .courses-list .course-card .course-card-content>.row .value{color:var(--text-primary);text-align:right;font-weight:400}.courses .courses-container .courses-list .course-card .actions{flex-direction:row;justify-content:flex-end;align-items:center;gap:10px;display:flex}.courses .courses-container .courses-list .course-card .actions .ant-btn{width:100%}@keyframes CardAnimationView{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
.modal-create-course{width:711px}.modal-create-course .modal-create-course-content{flex-direction:column;gap:20px;display:flex}.modal-create-course .modal-create-course-content .modal-create-course-content-body{flex-direction:row;gap:20px;display:flex}.modal-create-course .modal-create-course-content .modal-create-course-content-body .modal-create-course-content-body-separator{flex-direction:column;gap:20px;width:100%;display:flex}.modal-create-course .modal-create-course-content .modal-create-course-content-body .modal-create-course-content-body-separator .modal-create-course-content-body-item{flex-direction:column;gap:10px;display:flex}.modal-create-course .modal-create-course-content .modal-create-course-content-body .modal-create-course-content-body-separator .modal-create-course-content-body-item h2{color:var(--text-primary);font-size:16px;font-weight:500}