#app{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-light-primary);height:100%}body,html{margin:0;padding:0;height:100%}:root{--bg-dark-deep:#0b0c15;--bg-dark-secondary:#161722;--bg-dark-header:rgba(22,23,34,.8);--bg-dark-hover:#232433;--text-light-primary:#fff;--text-light-secondary:#a0a0b0;--text-light-muted:#6b6b7b;--border-color-dark:#2a2b3d;--primary-color:#6c5ce7;--primary-color-hover:#81ecec;--accent-color:#fd79a8;--shadow-sm:0 2px 8px rgba(0,0,0,.2);--shadow-md:0 4px 12px rgba(0,0,0,.3),0 0 8px rgba(108,92,231,.2);--shadow-lg:0 10px 24px rgba(0,0,0,.4),0 0 15px rgba(108,92,231,.3);--radius-md:8px;--radius-lg:16px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-light-primary);background-color:var(--bg-dark-deep);background-image:radial-gradient(circle at 10% 20%,rgba(108,92,231,.05) 0,transparent 20%),radial-gradient(circle at 90% 80%,rgba(253,121,168,.05) 0,transparent 20%);line-height:1.6}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark-deep)}::-webkit-scrollbar-thumb{border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.el-card{background-color:var(--bg-dark-secondary)!important;border:1px solid var(--border-color-dark)!important;color:var(--text-light-primary)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-sm)!important;transition:transform .3s ease,box-shadow .3s ease}.el-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)!important;border-color:rgba(108,92,231,.3)!important}.el-card__header{border-bottom:1px solid var(--border-color-dark)!important;padding:16px 24px!important;font-weight:600;letter-spacing:.5px}.el-button--primary{background:linear-gradient(135deg,var(--primary-color),#5e4dd8)!important;border:none!important;box-shadow:0 4px 12px rgba(108,92,231,.4);font-weight:600;letter-spacing:.5px}.el-button--primary:focus,.el-button--primary:hover{background:linear-gradient(135deg,#7d6ef0,#6c5ce7)!important;transform:translateY(-1px);box-shadow:0 6px 16px rgba(108,92,231,.5)}.el-tag{border-radius:4px;font-weight:600}.el-tag--success{background-color:rgba(16,185,129,.1)!important;border-color:rgba(16,185,129,.2)!important;color:#10b981!important}.el-tag--danger{background-color:rgba(239,68,68,.1)!important;border-color:rgba(239,68,68,.2)!important;color:#ef4444!important}.el-table{background-color:transparent!important;color:var(--text-light-secondary)!important;--el-table-border-color:var(--border-color-dark);--el-table-header-bg-color:var(--bg-dark-secondary);--el-table-row-hover-bg-color:var(--bg-dark-hover)}.el-table th{background-color:rgba(35,36,51,.5)!important;border-bottom:1px solid var(--border-color-dark)!important;color:var(--text-light-primary)!important;font-weight:600!important}.el-table tr{background-color:transparent!important}.el-table td{border-bottom:1px solid var(--border-color-dark)!important}.el-table--enable-row-hover .el-table__body tr:hover>td{background-color:var(--bg-dark-hover)!important}.el-table:after,.el-table:before{background-color:var(--border-color-dark)!important}.el-dialog{background-color:var(--bg-dark-secondary)!important;border-radius:var(--radius-lg)!important;border:1px solid var(--border-color-dark)!important;box-shadow:var(--shadow-lg)!important}.el-dialog__title{color:var(--text-light-primary)!important;font-weight:600}.el-input__inner,.el-textarea__inner{background-color:rgba(0,0,0,.2)!important;border-radius:var(--radius-md)!important}.el-input__inner:focus,.el-textarea__inner:focus{box-shadow:0 0 0 2px rgba(108,92,231,.2)}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pagination.is-background .el-pager li{background-color:var(--bg-dark-secondary)!important;color:var(--text-light-secondary)!important;border:1px solid var(--border-color-dark);border-radius:4px}.el-pagination.is-background .el-pager li:not(.disabled).active{background-color:var(--primary-color)!important;color:#fff!important;border-color:var(--primary-color)!important;box-shadow:0 2px 8px rgba(108,92,231,.4);font-weight:600}.el-dialog__body{color:var(--text-light-secondary)!important;padding:24px!important}.el-dialog__headerbtn .el-dialog__close{color:var(--text-light-muted)!important}.el-dialog__headerbtn:hover .el-dialog__close{color:var(--primary-color)!important}.el-input__inner,.el-textarea__inner{background-color:var(--bg-dark-deep)!important;border:1px solid var(--border-color-dark)!important;color:var(--text-light-primary)!important;border-radius:6px!important;transition:all .2s ease!important}.el-input__inner:focus,.el-textarea__inner:focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 2px rgba(59,130,246,.2)!important}.el-form-item__label{color:var(--text-light-secondary)!important}.el-button--primary{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important;font-weight:500}.el-button--primary:focus,.el-button--primary:hover{background-color:var(--primary-color-hover)!important;border-color:var(--primary-color-hover)!important}.el-button--default{background-color:transparent!important;border-color:var(--border-color-dark)!important;color:var(--text-light-secondary)!important}.el-button--default:hover{border-color:var(--primary-color)!important;background-color:rgba(59,130,246,.1)!important}.el-button--default:hover,.el-button--text{color:var(--primary-color)!important}.el-button--text:hover{color:var(--primary-color-hover)!important}.el-pagination button:disabled,.el-pagination__jump,.el-pagination__total{color:var(--text-light-muted)!important}.el-pagination button:disabled{background-color:transparent!important}.el-pager li,.el-pagination .btn-next,.el-pagination .btn-prev{background-color:transparent!important;color:var(--text-light-secondary)!important}.el-pager li.active{color:var(--primary-color)!important}.layout-container{display:flex;flex-direction:column;height:100vh;overflow:hidden;background-color:var(--bg-dark-deep)}.layout-header{height:70px;background-color:rgba(22,23,34,.7);backdrop-filter:blur(12px);border-bottom:1px solid rgba(108,92,231,.1);padding:0 32px;position:relative;z-index:100;box-shadow:0 4px 20px rgba(0,0,0,.2)}.header-content,.layout-header{display:flex;align-items:center}.header-content{justify-content:space-between;width:100%}.logo{font-size:22px;font-weight:800;margin:0;font-family:Segoe UI,sans-serif;background:linear-gradient(135deg,#a29bfe,#6c5ce7 50%,#00cec9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:1px;display:flex;align-items:center;text-transform:uppercase;filter:drop-shadow(0 0 5px rgba(108,92,231,.5))}.logo:before{content:"";display:inline-block;width:32px;height:32px;background:conic-gradient(from 0deg,#6c5ce7,#00cec9,#fd79a8,#6c5ce7);margin-right:16px;border-radius:50%;box-shadow:0 0 10px rgba(108,92,231,.6);animation:spin 10s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.user-info{display:flex;align-items:center;color:var(--text-light-primary);font-size:14px}.user-info span{font-weight:600;margin-right:24px;color:#dfe6e9}.logout-btn{padding:8px 20px;background:linear-gradient(90deg,rgba(253,121,168,.1),rgba(108,92,231,.1));border:1px solid rgba(108,92,231,.3);border-radius:20px;color:var(--primary-color-hover);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:13px;font-weight:600;letter-spacing:.5px}.logout-btn:hover{background:linear-gradient(90deg,rgba(253,121,168,.2),rgba(108,92,231,.2));border-color:var(--primary-color);box-shadow:0 0 15px rgba(108,92,231,.4);transform:translateY(-1px)}.layout-main{display:flex;flex:1;overflow:hidden;position:relative}.layout-aside{width:260px;background-color:rgba(22,23,34,.6);backdrop-filter:blur(10px);color:var(--text-light-secondary);overflow-y:auto;border-right:1px solid hsla(0,0%,100%,.03);display:flex;flex-direction:column}.nav-menu{padding:24px 16px;flex:1}.nav-menu ul{list-style:none}.nav-item{display:flex;align-items:center;padding:14px 20px;margin-bottom:8px;cursor:pointer;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--text-light-muted);position:relative;overflow:hidden}.nav-icon{margin-right:16px;font-size:20px;transition:all .3s}.nav-text{font-size:15px;font-weight:500;letter-spacing:.5px}.nav-item:hover{background-color:hsla(0,0%,100%,.03);color:var(--text-light-primary);transform:translateX(4px)}.nav-item:hover .nav-icon{color:var(--primary-color-hover);text-shadow:0 0 8px var(--primary-color)}.nav-item.active{background:linear-gradient(90deg,rgba(108,92,231,.15),rgba(108,92,231,.05));color:#fff;border-left:3px solid var(--primary-color)}.nav-item.active .nav-icon{color:var(--primary-color-hover);filter:drop-shadow(0 0 5px var(--primary-color))}.nav-item.active:after{content:"";position:absolute;right:12px;width:6px;height:6px;background-color:var(--accent-color);border-radius:50%;box-shadow:0 0 8px var(--accent-color)}.layout-content{flex:1;padding:32px;overflow-y:auto;background:transparent}.layout-footer{height:48px;background-color:transparent;border-top:1px solid hsla(0,0%,100%,.03);display:flex;justify-content:center;align-items:center;color:var(--text-light-muted);font-size:12px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color-dark);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-light-muted)}