@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&display=swap";:root{--font-family-base: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-family-mono: "Fira Code", SFMono-Regular, Menlo, Monaco, Consolas, monospace}.admin-dashboard{--brand-primary: #4d40f5;--brand-secondary: #16c79a;--brand-tertiary: #f8485e;--ui-black: #0f172a;--ui-dark: #1e293b;--ui-gray-900: #334155;--ui-gray-800: #475569;--ui-gray-700: #64748b;--ui-gray-600: #94a3b8;--ui-gray-500: #cbd5e1;--ui-gray-400: #e2e8f0;--ui-gray-300: #f1f5f9;--ui-gray-200: #f8fafc;--ui-gray-100: #f9fafb;--ui-white: #ffffff;--success: #0cbc8b;--warning: #ff9f43;--error: #ff5252;--info: #0e8aff;--brand-gradient-1: linear-gradient(135deg, #4d40f5, #5c6bf7);--brand-gradient-2: linear-gradient(135deg, #5c6bf7, #8b9fff);--brand-gradient-vibrant: linear-gradient(135deg, #4d40f5, #7b3ff3);--secondary-gradient-1: linear-gradient(135deg, #0fa87b, #16c79a);--accent-gradient-1: linear-gradient(135deg, #ff5252, #f8485e);--background-main: #ffffff;--background-subtle: #f9fafb;--background-muted: #f1f5f9;--background-tinted: rgba(77, 64, 245, .03);--background-brand: var(--brand-primary);--background-card: #ffffff;--border-light: rgba(203, 213, 225, .5);--border-normal: rgba(203, 213, 225, 1);--border-bold: rgba(148, 163, 184, .8);--border-brand: rgba(77, 64, 245, .5);--text-heading: var(--ui-black);--text-primary: var(--ui-gray-900);--text-secondary: var(--ui-gray-700);--text-muted: var(--ui-gray-600);--text-placeholder: var(--ui-gray-500);--text-on-brand: white;--text-on-dark: white;--text-brand: var(--brand-primary);--shadow-xs: 0 1px 2px rgba(15, 23, 42, .06);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .12), 0 1px 2px rgba(15, 23, 42, .08);--shadow-md: 0 4px 8px -2px rgba(15, 23, 42, .12), 0 2px 4px -2px rgba(15, 23, 42, .08);--shadow-lg: 0 12px 16px -4px rgba(15, 23, 42, .1), 0 4px 6px -2px rgba(15, 23, 42, .05);--shadow-xl: 0 20px 24px -4px rgba(15, 23, 42, .12), 0 8px 8px -4px rgba(15, 23, 42, .05);--shadow-2xl: 0 24px 48px -12px rgba(15, 23, 42, .22);--shadow-focus: 0 0 0 4px rgba(77, 64, 245, .25);--shadow-inner-sm: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--shadow-inner-md: inset 0 4px 6px -1px rgba(0, 0, 0, .1);--radius-none: 0px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-3xl: 20px;--radius-4xl: 24px;--radius-full: 9999px;--transition-fast: .14s;--transition-base: .23s;--transition-slow: .38s;--transition-timing: cubic-bezier(.2, .85, .3, .99);--ease-bounce: cubic-bezier(.15, .85, .35, 1.3);--header-height: 64px;--sidebar-width: 260px;--sidebar-width-collapsed: 80px;--content-max-width: 1200px;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 1.875rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--primary: #4d40f5;--primary-dark: #3b31dd;--primary-light: #7b3ff3;--hover-bg: rgba(77, 64, 245, .05);--card-bg: #ffffff;--card-border: rgba(203, 213, 225, .5);--border-color: rgba(203, 213, 225, .8);--background: #f9fafb;--background-alt: #f1f5f9;--input-bg: #ffffff}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:var(--font-family-base);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--background-subtle);overflow-x:hidden;transition:background-color var(--transition-base) ease,color var(--transition-base) ease}#app{display:flex;flex-direction:column;min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--text-heading);font-weight:700;line-height:var(--leading-tight);margin-bottom:var(--space-4)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-md)}h6{font-size:var(--text-base)}p{margin-bottom:var(--space-4);line-height:var(--leading-relaxed)}a{color:var(--brand-primary);text-decoration:none;transition:color var(--transition-fast) ease}a:hover{color:var(--brand-tertiary)}input,select,textarea,button{font-family:var(--font-family-base);font-size:var(--text-base)}button{cursor:pointer}.el-button{font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-fast) var(--transition-timing);border:none;padding:10px 20px;height:auto;box-shadow:var(--shadow-xs);position:relative;overflow:hidden}.el-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff14;transform:translateY(-100%);transition:transform var(--transition-fast) var(--transition-timing)}.el-button:hover:before{transform:translateY(0)}.el-button--primary{background:var(--brand-gradient-1);color:var(--text-on-brand)}.el-button--primary:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.el-button--primary:active{transform:translateY(0);box-shadow:var(--shadow-xs);background:var(--brand-primary)}.el-button--default{background-color:var(--background-main);border:1px solid var(--border-normal);color:var(--text-primary)}.el-button--default:hover{color:var(--brand-primary);border-color:var(--border-brand);background-color:var(--background-tinted);transform:translateY(-2px)}.el-button--default:active{transform:translateY(0)}.el-button--success{background:linear-gradient(135deg,#0cbc8b,#0fa87b);color:var(--text-on-brand)}.el-button--warning{background:linear-gradient(135deg,#ff9f43,#f9b16c);color:var(--text-on-brand)}.el-button--danger{background:linear-gradient(135deg,#ff5252,#f8485e);color:var(--text-on-brand)}.el-button--text{box-shadow:none;padding:0;color:var(--brand-primary)}.el-button--text:hover{color:var(--brand-tertiary);transform:translateY(0);background:transparent}.el-button--text:before{display:none}.el-button--small{padding:8px 16px;font-size:var(--text-sm)}.el-button.is-circle{border-radius:var(--radius-full);padding:8px;display:flex;align-items:center;justify-content:center}.el-button.is-loading{opacity:.8;pointer-events:none}.el-button.is-disabled{opacity:.6;cursor:not-allowed}.el-input__wrapper{border-radius:var(--radius-md)!important;box-shadow:0 0 0 1px var(--border-normal)!important;transition:all var(--transition-fast) var(--transition-timing)!important;padding:0 12px!important;background-color:var(--background-main)!important}.el-input__wrapper.is-focus{box-shadow:var(--shadow-focus)!important;border-color:var(--brand-primary)!important}.el-input__wrapper:hover{box-shadow:0 0 0 1px var(--border-bold)!important}.el-input__inner{height:40px!important;color:var(--text-primary)!important;font-size:var(--text-base)!important}.el-input__inner::placeholder{color:var(--text-placeholder)!important}.el-textarea__inner{border-radius:var(--radius-md)!important;border:1px solid var(--border-normal)!important;padding:12px!important;color:var(--text-primary)!important;transition:all var(--transition-fast) var(--transition-timing)!important}.el-textarea__inner:focus{box-shadow:var(--shadow-focus)!important;border-color:var(--brand-primary)!important}.el-textarea__inner:hover{border-color:var(--border-bold)!important}.el-dropdown-menu{border-radius:var(--radius-lg)!important;border:none!important;box-shadow:var(--shadow-lg)!important;padding:var(--space-2)!important;background-color:var(--background-main)!important;border:1px solid var(--border-light)!important}.el-dropdown-item{border-radius:var(--radius-md)!important;margin:4px 0!important;padding:var(--space-2) var(--space-4)!important;transition:all var(--transition-fast) var(--transition-timing)!important;font-size:var(--text-sm)!important;color:var(--text-secondary)!important}.el-dropdown-item:hover{background-color:var(--background-tinted)!important;color:var(--brand-primary)!important;transform:translate(2px)}.el-dropdown-item:active{background-color:var(--background-tinted)!important}.el-dropdown-item .el-icon{margin-right:8px!important;font-size:16px!important;color:var(--text-secondary)!important}.el-dropdown-item:hover .el-icon{color:var(--brand-primary)!important}.el-table{--el-table-header-bg-color: var(--background-subtle) !important;--el-table-border-color: var(--border-light) !important;border-radius:var(--radius-lg)!important;overflow:hidden;border:1px solid var(--border-light)!important;box-shadow:var(--shadow-sm)}.el-table:before{display:none}.el-table th{font-weight:600!important;color:var(--text-primary)!important;background-color:var(--background-subtle)!important;padding:16px 12px!important;border-bottom:1px solid var(--border-normal)!important}.el-table tr{transition:background-color var(--transition-fast) ease}.el-table td{padding:16px 12px!important;color:var(--text-secondary)!important;border-bottom:1px solid var(--border-light)!important}.el-table tr:hover>td{background-color:var(--background-tinted)!important}.el-table .cell{line-height:1.5!important;padding:0 8px!important}.el-table .table-actions{display:flex;gap:8px;justify-content:flex-start}.el-table .table-tag{padding:2px 8px;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:500}.card{background-color:var(--background-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-6);transition:transform var(--transition-base) var(--ease-bounce),box-shadow var(--transition-base) var(--transition-timing);border:1px solid var(--border-light);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--brand-gradient-1);opacity:0;transition:opacity var(--transition-base) var(--transition-timing)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card:hover:before{opacity:1}.card-hover-effect{transition:transform var(--transition-base) var(--transition-timing),box-shadow var(--transition-base) var(--transition-timing)}.card-hover-effect:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-title{font-size:var(--text-xl);font-weight:700;color:var(--text-heading);margin-bottom:var(--space-4)}.card-content{color:var(--text-secondary)}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-base) var(--ease-bounce)}.fade-enter-from,.fade-leave-to{opacity:0}.el-menu{border-right:none!important;background-color:transparent!important}.el-menu-item.is-active{background-color:var(--background-tinted)!important;color:var(--brand-primary)!important;font-weight:600;position:relative}.el-menu-item.is-active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--brand-gradient-vibrant);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.el-menu-item{border-radius:var(--radius-lg);margin:var(--space-1) var(--space-3);height:48px!important;transition:all var(--transition-fast) var(--transition-timing);color:var(--text-secondary)!important;padding:0 16px!important}.el-menu-item:hover{background-color:var(--background-tinted)!important;color:var(--brand-primary)!important;transform:translate(2px)}.el-menu-item .el-icon{color:var(--text-secondary)!important}.el-menu-item:hover .el-icon,.el-menu-item.is-active .el-icon{color:var(--brand-primary)!important}.el-sub-menu__title{border-radius:var(--radius-lg);margin:var(--space-1) var(--space-3);height:48px!important;transition:all var(--transition-fast) var(--transition-timing);color:var(--text-secondary)!important;padding:0 16px!important}.el-sub-menu__title:hover{background-color:var(--background-tinted)!important;color:var(--brand-primary)!important}.el-sub-menu__title .el-icon{color:var(--text-secondary)!important}.el-sub-menu__title:hover .el-icon,.el-sub-menu.is-active .el-sub-menu__title,.el-sub-menu.is-active .el-sub-menu__title .el-icon{color:var(--brand-primary)!important}.el-dialog{border-radius:var(--radius-2xl)!important;overflow:hidden;box-shadow:var(--shadow-xl)!important;border:1px solid var(--border-light)!important;background-color:var(--background-main)!important}.el-dialog__header{padding:var(--space-5) var(--space-6)!important;margin:0!important;border-bottom:1px solid var(--border-light);position:relative}.el-dialog__title{font-weight:700!important;font-size:var(--text-lg)!important;color:var(--text-heading)!important}.el-dialog__headerbtn{top:18px!important;right:20px!important}.el-dialog__headerbtn .el-dialog__close{color:var(--text-secondary)!important;font-size:18px!important;transition:all var(--transition-fast) ease!important}.el-dialog__headerbtn:hover .el-dialog__close{color:var(--brand-tertiary)!important;transform:rotate(90deg)}.el-dialog__body{padding:var(--space-6)!important;color:var(--text-secondary)!important}.el-dialog__footer{padding:var(--space-4) var(--space-6)!important;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:12px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.p-0{padding:0}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-brand{color:var(--brand-primary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.bg-main{background-color:var(--background-main)}.bg-subtle{background-color:var(--background-subtle)}.bg-tinted{background-color:var(--background-tinted)}.bg-brand{background-color:var(--brand-primary)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.badge{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--space-2);height:22px;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);background-color:var(--background-subtle);position:relative;z-index:1;overflow:hidden}.badge:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fff3;z-index:-1;transform:translate(-100%);transition:transform var(--transition-fast) var(--transition-timing)}.badge:hover:before{transform:translate(0)}.badge-primary{background-color:#4d40f51f;color:var(--brand-primary)}.badge-success{background-color:#0cbc8b1f;color:var(--success)}.badge-warning{background-color:#ff9f431f;color:var(--warning)}.badge-error{background-color:#ff52521f;color:var(--error)}.badge-info{background-color:#0e8aff1f;color:var(--info)}.badge-sm{height:18px;font-size:10px;padding:0 6px}.badge-lg{height:26px;padding:0 12px}.badge-outline{background-color:transparent;border:1px solid currentColor}.el-form-item__label{font-weight:500!important;color:var(--text-primary)!important;padding:0 0 8px!important;line-height:1.5!important;font-size:var(--text-sm)!important}.el-form-item__error{color:var(--error)!important;font-size:var(--text-xs)!important;padding-top:4px!important}.el-form-item.is-error .el-input__wrapper{box-shadow:0 0 0 1px var(--error)!important}.el-form-item.is-success .el-input__wrapper{box-shadow:0 0 0 1px var(--success)!important}.el-form--label-top .el-form-item__label{margin-bottom:4px!important}.el-checkbox__input.is-checked .el-checkbox__inner{background-color:var(--brand-primary)!important;border-color:var(--brand-primary)!important}.el-checkbox__inner{border-radius:var(--radius-sm)!important;transition:all var(--transition-fast) var(--transition-timing)!important}.el-checkbox__inner:hover{border-color:var(--brand-primary)!important}.el-radio__input.is-checked .el-radio__inner{background-color:var(--brand-primary)!important;border-color:var(--brand-primary)!important}.el-radio__inner{transition:all var(--transition-fast) var(--transition-timing)!important}.el-radio__inner:hover{border-color:var(--brand-primary)!important}.el-select-dropdown{border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg)!important;border:1px solid var(--border-light)!important;padding:var(--space-2)!important}.el-select-dropdown__item{border-radius:var(--radius-md)!important;margin:2px 0!important;height:36px!important;line-height:36px!important;padding:0 var(--space-4)!important}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:var(--background-tinted)!important;color:var(--brand-primary)!important}.el-select-dropdown__item.selected{background-color:var(--background-tinted)!important;color:var(--brand-primary)!important;font-weight:600!important}.el-date-table td.current:not(.disabled) .el-date-table-cell__text{background-color:var(--brand-primary)!important;color:#fff!important}.el-date-picker__header-label:hover,.el-date-picker__header-label.active{color:var(--brand-primary)!important}.el-picker-panel{border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg)!important;border:1px solid var(--border-light)!important}@media (max-width: 1024px){:root{--sidebar-width: 240px}}@media (max-width: 768px){:root{--header-height: 56px}.card{padding:var(--space-4)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}}@media (max-width: 640px){:root{--sidebar-width: 100%}body{font-size:var(--text-sm)}}@media (prefers-color-scheme: dark){:root{--background-main: #0f172a;--background-subtle: #1e293b;--background-muted: #334155;--background-tinted: rgba(91, 79, 255, .1);--background-card: #1e293b;--text-heading: var(--ui-white);--text-primary: var(--ui-gray-200);--text-secondary: var(--ui-gray-400);--text-muted: var(--ui-gray-500);--text-placeholder: var(--ui-gray-600);--border-light: rgba(100, 116, 139, .25);--border-normal: rgba(100, 116, 139, .5);--border-bold: rgba(148, 163, 184, .35);--border-brand: rgba(91, 79, 255, .4);--brand-primary: #6366f1;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6}.card,.content-card,.el-dialog,.el-dropdown-menu,.el-select-dropdown,.el-picker-panel{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:#1e293bcc!important}.el-input__wrapper{background-color:#33415580!important;box-shadow:0 0 0 1px var(--border-normal)!important}.el-input__inner,.el-textarea__inner{color:var(--text-primary)!important;background-color:transparent!important}.el-textarea__inner{background-color:#33415580!important}.el-table{background-color:var(--background-card)!important;color:var(--text-primary)!important}.el-table th{background-color:var(--background-muted)!important;color:var(--text-secondary)!important}.el-table td{border-bottom-color:var(--border-light)!important}.el-table tr:hover>td{background-color:#5b4fff14!important}.el-button--default{background-color:#33415580!important;border-color:var(--border-normal)!important;color:var(--text-primary)!important}.el-button--default:hover{background-color:#5b4fff1a!important;border-color:var(--border-brand)!important;color:var(--brand-primary)!important}.el-menu{background-color:transparent!important}.el-menu-item:hover,.el-sub-menu__title:hover{background-color:#5b4fff1a!important}.el-dialog__header,.el-dialog__footer{border-color:var(--border-light)!important}.el-dropdown-menu{background-color:var(--background-card)!important;border-color:var(--border-light)!important}.el-dropdown-item:hover{background-color:#5b4fff1a!important}.card:hover:before,.card-hover-effect:hover:before{opacity:.8}.badge-primary{background-color:#6366f133}.badge-success{background-color:#10b98133}.badge-warning{background-color:#f59e0b33}.badge-error{background-color:#ef444433}.badge-info{background-color:#3b82f633}}