#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;height:100vh}html,body{height:100%}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica,Arial,sans-serif;background-color:#f2f2f7;color:#1c1c1e;line-height:1.47;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%}.layout-container{height:100vh;display:flex;flex-direction:column;background:#f2f2f7}.layout-header{background:rgba(255,255,255,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 1px #0000000a;border-bottom:.5px solid rgba(0,0,0,.1);z-index:1000;height:72px}.layout-content{flex:1;overflow:hidden;display:flex}.layout-sidebar{background:rgba(255,255,255,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:.5px solid rgba(0,0,0,.1);box-shadow:0 0 0 .5px #0000000a;overflow-y:auto;width:280px}.layout-main{flex:1;background:#f2f2f7;overflow-y:auto;padding:32px}.login-container{height:100vh;background:linear-gradient(135deg,#007AFF 0%,#5856D6 50%,#AF52DE 100%);display:flex;align-items:center;justify-content:center;position:relative}.login-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="0.5" fill="%23ffffff" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>') repeat;opacity:.3}.login-form{width:420px;padding:48px;background:rgba(255,255,255,.9);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:20px;box-shadow:0 8px 32px #0000001f,0 0 0 .5px #fff3;position:relative;z-index:1}.login-title{text-align:center;margin-bottom:40px;font-size:28px;font-weight:600;color:#1c1c1e;letter-spacing:-.5px}.table-container{background:rgba(255,255,255,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:32px;border-radius:16px;box-shadow:0 4px 24px #00000014,0 0 0 .5px #0000000a;margin-bottom:24px}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:20px;border-bottom:.5px solid rgba(0,0,0,.1)}.table-title{font-size:22px;font-weight:600;color:#1c1c1e;letter-spacing:-.5px}.toolbar{display:flex;gap:12px;margin-bottom:20px;align-items:center}.toolbar .el-input{width:240px}.toolbar .el-input__wrapper{border-radius:10px;background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:.5px solid rgba(0,0,0,.1);box-shadow:0 1px 3px #0000000d}.toolbar .el-button{height:40px;border-radius:10px;font-weight:600;font-size:15px;padding:0 20px;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.toolbar .el-button--primary{background:#007AFF;border:none;box-shadow:0 2px 8px #007aff33}.toolbar .el-button--primary:hover{background:#0056CC;transform:translateY(-1px);box-shadow:0 4px 16px #007aff4d}.status-tag{font-size:12px}.el-tag{border-radius:8px;font-size:13px;font-weight:600;padding:6px 12px;border:none;letter-spacing:.2px}.el-tag--success{background:rgba(52,199,89,.15);color:#34c759}.el-tag--danger{background:rgba(255,59,48,.15);color:#ff3b30}.el-tag--info{background:rgba(142,142,147,.15);color:#8e8e93}.el-tag--warning{background:rgba(255,149,0,.15);color:#ff9500}.action-buttons{display:flex;gap:8px}.action-buttons .el-button{padding:6px 14px;font-size:13px;font-weight:600;border-radius:8px;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.action-buttons .el-button--small{height:32px;padding:6px 14px}.action-buttons .el-button:hover{transform:translateY(-1px)}.action-buttons .el-button--primary{background:#007AFF;border:none;box-shadow:0 1px 4px #007aff33}.action-buttons .el-button--primary:hover{background:#0056CC;box-shadow:0 2px 8px #007aff4d}.action-buttons .el-button--danger{background:#FF3B30;border:none;box-shadow:0 1px 4px #ff3b3033}.action-buttons .el-button--danger:hover{background:#D70015;box-shadow:0 2px 8px #ff3b304d}.action-buttons .el-button--success{background:#34C759;border:none;box-shadow:0 1px 4px #34c75933}.action-buttons .el-button--success:hover{background:#248A3D;box-shadow:0 2px 8px #34c7594d}@media (max-width: 768px){.layout-main{padding:20px}.login-form{width:90%;max-width:420px;padding:32px 24px;border-radius:16px}.table-container{padding:20px;border-radius:12px}.table-header{flex-direction:column;gap:16px;align-items:stretch}.toolbar{flex-direction:column;gap:12px}.action-buttons{flex-direction:column}}.el-table{border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.el-table th{background:rgba(248,248,248,.8)!important;color:#1c1c1e;font-weight:600;font-size:14px;border-bottom:.5px solid rgba(0,0,0,.1)}.el-table td{border-bottom:.5px solid rgba(0,0,0,.05)}.el-table__row:hover{background:rgba(0,122,255,.04)!important}.el-dialog{border-radius:20px;box-shadow:0 12px 48px #00000026;border:none;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.el-dialog__header{background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%);border-bottom:1px solid #f0f0f0;border-radius:20px 20px 0 0;padding:24px 32px}.el-dialog__title{font-size:20px;font-weight:700;color:#1d1d1f;letter-spacing:-.5px}.el-dialog__body{padding:32px}.el-dialog__footer{padding:24px 32px;background:rgba(248,249,250,.5);border-radius:0 0 20px 20px;border-top:1px solid #f0f0f0}.el-form-item{margin-bottom:24px}.el-form-item__label{font-weight:500;color:#1d1d1f;font-size:14px;margin-bottom:8px}.el-input{border-radius:12px}.el-input__wrapper{border-radius:12px;box-shadow:0 2px 8px #0000000a;border:1px solid #e5e5e7;transition:all .3s cubic-bezier(.25,.46,.45,.94);background:#ffffff}.el-input__wrapper:hover{border-color:#007aff;box-shadow:0 4px 12px #007aff1a;transform:translateY(-1px)}.el-input__wrapper.is-focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff1a;transform:translateY(-1px)}.el-select{width:100%}.el-select__wrapper{border-radius:12px;box-shadow:0 2px 8px #0000000a;border:1px solid #e5e5e7;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.el-select__wrapper:hover{border-color:#007aff;box-shadow:0 4px 12px #007aff1a;transform:translateY(-1px)}.el-select__wrapper.is-focused{border-color:#007aff;box-shadow:0 0 0 3px #007aff1a;transform:translateY(-1px)}.el-select .el-input__wrapper{border-radius:12px}.el-select-dropdown{border-radius:16px;box-shadow:0 12px 48px #00000026;border:none;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin-top:8px}.el-select-dropdown__item{border-radius:8px;margin:4px 8px;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.el-select-dropdown__item:hover{background:rgba(0,122,255,.1);color:#007aff;transform:translate(4px)}.el-select-dropdown__item.is-selected{background:linear-gradient(135deg,#007aff 0%,#5856d6 100%);color:#fff;font-weight:600}.el-message{border-radius:16px;box-shadow:0 8px 32px #00000026;border:none;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);font-weight:500;padding:16px 24px}.el-message--success{background:linear-gradient(135deg,rgba(52,199,89,.9) 0%,rgba(48,176,199,.9) 100%);color:#fff}.el-message .el-message-icon--success{font-size:20px;color:#fff}.el-message--success .el-message__content{font-size:14px;color:#fff}.el-message--warning{background:linear-gradient(135deg,rgba(255,149,0,.9) 0%,rgba(255,204,0,.9) 100%);color:#fff}.el-message--error{background:linear-gradient(135deg,rgba(255,59,48,.9) 0%,rgba(255,107,107,.9) 100%);color:#fff}.el-message .el-message-icon--error{font-size:20px;color:#fff}.el-message--error .el-message__content{font-size:14px;color:#fff}.el-message--info{background:linear-gradient(135deg,rgba(0,122,255,.9) 0%,rgba(88,86,214,.9) 100%);color:#fff}.el-notification{border-radius:20px;box-shadow:0 12px 48px #00000026;border:none;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(255,255,255,.95)}.el-notification__title{font-size:16px;font-weight:700;color:#1d1d1f;letter-spacing:-.3px}.el-notification__content{font-size:14px;color:#86868b;font-weight:400;margin-top:8px}.el-message-box{border-radius:20px;box-shadow:0 12px 48px #0003;border:none;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(255,255,255,.95)}.el-message-box__header{padding:24px 24px 16px}.el-message-box__title{font-size:18px;font-weight:700;color:#1d1d1f;letter-spacing:-.3px}.el-message-box__content{padding:0 24px 24px;font-size:14px;color:#86868b;line-height:1.5}.el-message-box__btns{padding:16px 24px 24px;gap:12px}.el-message-box__btns .el-button{border-radius:12px;padding:10px 20px;font-weight:600;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.el-message-box__btns .el-button--primary{background:linear-gradient(135deg,#007aff 0%,#5856d6 100%);border:none;box-shadow:0 4px 12px #007aff4d}.el-message-box__btns .el-button--primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #007aff66}.el-pagination{margin-top:32px;justify-content:center;padding:16px;background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 4px 20px #00000014}.el-pagination .el-pager li{border-radius:12px;margin:0 6px;transition:all .3s cubic-bezier(.25,.46,.45,.94);font-weight:500;min-width:40px;height:40px;line-height:40px}.el-pagination .el-pager li:hover{background:rgba(0,122,255,.1);color:#007aff;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #007aff33}.el-pagination .el-pager li.is-active{background:linear-gradient(135deg,#007aff 0%,#5856d6 100%);color:#fff;box-shadow:0 6px 16px #007aff66;transform:translateY(-2px) scale(1.05);font-weight:600}.el-pagination .btn-prev,.el-pagination .btn-next{border-radius:12px;margin:0 6px;transition:all .3s cubic-bezier(.25,.46,.45,.94);font-weight:500;min-width:40px;height:40px;line-height:40px}.el-pagination .btn-prev:hover,.el-pagination .btn-next:hover{background:rgba(0,122,255,.1);color:#007aff;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #007aff33}.el-pagination .el-pagination__sizes,.el-pagination .el-pagination__total,.el-pagination .el-pagination__jump{font-weight:500;color:#1d1d1f}