@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: rgba(99, 102, 241, .1);--primary-glow: rgba(99, 102, 241, .2);--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--glass-bg: rgba(255, 255, 255, .55);--glass-bg-hover: rgba(255, 255, 255, .72);--glass-border: rgba(255, 255, 255, .8);--glass-blur: blur(16px);--glass-shadow: 0 4px 24px rgba(99, 102, 241, .08), 0 1px 3px rgba(0, 0, 0, .06);--sidebar-glass: rgba(255, 255, 255, .5);--sidebar-width: 228px;--text-primary: #1e1b4b;--text-secondary: #4b5563;--text-muted: #9ca3af;--border: rgba(255, 255, 255, .75);--radius: 16px;--radius-sm: 10px;--radius-lg: 24px;--shadow: var(--glass-shadow);--transition: all .22s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;font-family:Inter,system-ui,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}body{background:radial-gradient(ellipse at 15% 50%,rgba(199,210,254,.6) 0%,transparent 55%),radial-gradient(ellipse at 85% 15%,rgba(221,214,254,.55) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(196,252,243,.45) 0%,transparent 50%),linear-gradient(145deg,#f0f4ff,#faf5ff 40%,#f0fdf9);background-attachment:fixed;color:var(--text-primary);min-height:100vh;overflow:hidden}#app{position:relative;height:100dvh;width:100%}.card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius);padding:24px;box-shadow:var(--glass-shadow);transition:var(--transition)}.card:hover{background:var(--glass-bg-hover);box-shadow:0 8px 32px #6366f11f,0 2px 6px #0000000f;transform:translateY(-1px)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:10px}.page-header h1{font-size:22px;font-weight:700;color:var(--text-primary);letter-spacing:-.4px}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.3px}.status-DRAFT{background:#f3f4f6;color:#6b7280}.status-PENDING_TRIAGE{background:#fef3c7;color:#d97706}.status-PENDING_APPROVAL{background:#ede9fe;color:#7c3aed}.status-PENDING_TEMPLATE_CONFIRM{background:#e0f2fe;color:#0369a1}.status-PENDING_TEMPLATE_APPROVAL{background:#fae8ff;color:#a21caf}.status-IN_PROGRESS{background:#dbeafe;color:#2563eb}.status-PENDING_VERIFY{background:#f5d0fe;color:#9333ea}.status-PENDING_ARCHIVE{background:#e0e7ff;color:#4338ca}.status-DONE{background:#d1fae5;color:#059669}.status-REJECTED{background:#fee2e2;color:#dc2626}.status-CANCELLED{background:#e5e7eb;color:#4b5563}.priority-LOW{background:#f3f4f6;color:#6b7280;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600}.priority-MEDIUM{background:#dbeafe;color:#2563eb;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600}.priority-HIGH{background:#fef3c7;color:#d97706;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600}.priority-URGENT{background:#fee2e2;color:#dc2626;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600}.el-input__wrapper,.el-textarea__inner{background:#ffffffb3!important;box-shadow:none!important;border:1px solid rgba(209,213,219,.8)!important;border-radius:var(--radius-sm)!important;color:var(--text-primary)!important;transition:var(--transition)!important}.el-input__wrapper:hover{border-color:var(--primary)!important}.el-input__wrapper.is-focus,.el-textarea__inner:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-glow)!important}.el-input__inner,.el-textarea__inner{color:var(--text-primary)!important}.el-input__inner::placeholder,.el-textarea__inner::placeholder{color:var(--text-muted)!important}.el-input__prefix-icon,.el-input__suffix-icon{color:var(--text-muted)!important}.el-select .el-input__wrapper{background:#ffffffb3!important}.el-select-dropdown{background:#ffffffe6!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid rgba(209,213,219,.6)!important;box-shadow:0 8px 32px #6366f11f!important;border-radius:12px!important}.el-select-dropdown__item{color:var(--text-secondary)!important}.el-select-dropdown__item:hover,.el-select-dropdown__item.is-hovering{background:var(--primary-light)!important;color:var(--primary)!important}.el-select-dropdown__item.is-selected{color:var(--primary)!important;font-weight:600!important}.el-button--primary{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;border:none!important;font-weight:600!important;box-shadow:0 4px 14px #6366f14d!important;color:#fff!important;transition:var(--transition)!important}.el-button--primary:hover{transform:translateY(-1px)!important;box-shadow:0 6px 20px #6366f166!important}.el-button--primary.is-plain{background:#6366f114!important;border:1px solid rgba(99,102,241,.3)!important;color:var(--primary)!important;box-shadow:none!important}.el-button--success{background:linear-gradient(135deg,#10b981,#059669)!important;border:none!important;color:#fff!important;box-shadow:0 4px 14px #10b98147!important}.el-button--danger{background:linear-gradient(135deg,#ef4444,#dc2626)!important;border:none!important;color:#fff!important;box-shadow:0 4px 14px #ef444447!important}.el-button:not([class*=el-button--]){background:#ffffffbf!important;border:1px solid rgba(209,213,219,.8)!important;color:var(--text-secondary)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}@media (max-width: 1024px){body{background-attachment:scroll}.card{padding:14px;border-radius:12px}.page-header{flex-wrap:wrap;margin-bottom:14px}.page-header h1{font-size:18px}.el-dialog{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;margin-top:6vh!important}.el-date-editor.el-input,.el-date-editor.el-input__wrapper,.el-select,.el-input{width:100%!important}.el-table{font-size:12px}.el-table__body-wrapper,.el-table__header-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.el-pagination{justify-content:center;flex-wrap:wrap;gap:8px}}.el-button:not([class*=el-button--]):hover{background:#fffffff2!important;border-color:var(--primary)!important;color:var(--primary)!important}.el-button.is-link,.el-button--text{color:var(--text-secondary)!important;background:transparent!important;border:none!important}.el-button.is-link:hover{color:var(--primary)!important}.el-form-item__label{color:var(--text-secondary)!important;font-weight:500!important;font-size:13px!important}.el-table{background:transparent!important;color:var(--text-primary)!important}.el-table__inner-wrapper:before{display:none!important}.el-table td.el-table__cell,.el-table th.el-table__cell{background:transparent!important;border-bottom:1px solid rgba(229,231,235,.8)!important;color:var(--text-primary)!important}.el-table th.el-table__cell{color:var(--text-muted)!important;font-size:11px!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.5px;background:#f9fafb80!important}.el-table__row:hover td{background:#6366f10a!important}.el-pagination{color:var(--text-secondary)!important}.el-pager li{color:var(--text-muted)!important;background:transparent!important}.el-pager li:hover{color:var(--primary)!important}.el-pager li.is-active{color:var(--primary)!important;font-weight:700!important}.el-dialog{background:#ffffffe0!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;border:1px solid rgba(255,255,255,.9)!important;box-shadow:0 24px 64px #6366f126,0 4px 16px #0000000f!important;border-radius:var(--radius-lg)!important}.el-dialog__header{border-bottom:1px solid rgba(229,231,235,.7)!important;padding:20px 24px!important}.el-dialog__title{color:var(--text-primary)!important;font-weight:700!important;font-size:16px!important}.el-dialog__footer{border-top:1px solid rgba(229,231,235,.7)!important}.el-tabs__nav-wrap:after{background:#e5e7ebb3!important}.el-tabs__item{color:var(--text-muted)!important;font-weight:500!important}.el-tabs__item.is-active{color:var(--primary)!important;font-weight:600!important}.el-tabs__active-bar{background:var(--primary)!important}.el-tag{border-radius:20px!important;font-weight:600!important;font-size:11px!important}.el-tag--success{background:#d1fae5!important;border-color:#a7f3d0!important;color:#059669!important}.el-tag--danger{background:#fee2e2!important;border-color:#fca5a5!important;color:#dc2626!important}.el-tag--warning{background:#fef3c7!important;border-color:#fde68a!important;color:#d97706!important}.el-tag--primary{background:#ede9fe!important;border-color:#c4b5fd!important;color:#7c3aed!important}.el-tag--info{background:#f3f4f6!important;border-color:#e5e7eb!important;color:#6b7280!important}.el-switch__core{border-color:#d1d5db!important}.el-switch.is-checked .el-switch__core{background:var(--primary)!important;border-color:var(--primary)!important}.el-checkbox__inner{background:#fff!important;border-color:#d1d5db!important}.el-checkbox.is-checked .el-checkbox__inner{background:var(--primary)!important;border-color:var(--primary)!important}.el-checkbox__label{color:var(--text-secondary)!important}.el-radio__inner{background:#fff!important;border-color:#d1d5db!important}.el-radio.is-checked .el-radio__inner{background:var(--primary)!important;border-color:var(--primary)!important}.el-radio__label{color:var(--text-secondary)!important}.el-divider{border-color:#e5e7ebcc!important}.el-divider__text{background:transparent!important;color:var(--text-muted)!important;font-size:12px!important}.el-timeline-item__tail{border-color:#e5e7eb!important}.el-timeline-item__timestamp{color:var(--text-muted)!important}.el-message{background:#ffffffeb!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;border:1px solid rgba(229,231,235,.7)!important;border-radius:12px!important;box-shadow:0 8px 24px #0000001a!important;color:var(--text-primary)!important}.el-alert{border-radius:10px!important}.el-input-number .el-input__wrapper{background:#ffffffb3!important}.el-picker-panel{background:#fffffff2!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid rgba(209,213,219,.6)!important;border-radius:12px!important;box-shadow:0 8px 32px #6366f11f!important;color:var(--text-primary)!important}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#6366f126;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#6366f14d}.empty-hint{color:var(--text-muted);font-size:13px;text-align:center}.section-title{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.fade-enter-active,.fade-leave-active{transition:opacity .18s ease}.fade-enter-from,.fade-leave-to{opacity:0}