:root,.light-theme{--primary: #4ea8de;--primary-light: #e0f2fe;--primary-dark: #0369a1;--secondary: #818cf8;--success: #4ade80;--warning: #fbbf24;--danger: #f87171;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--white: #ffffff;--bg-color: #f3f4f6;--primary-color: #42b883;--primary-dark: #369870;--primary-light: rgba(66, 184, 131, .1);--dark-color: #343a40;--gray-color: #6c757d;--gray-light: #f8f9fa;--border-color: #e9ecef;--text-primary: #1d1d1f;--text-secondary: #6c757d;--card-bg: #ffffff;--header-bg: #ffffff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--radius: 8px;--transition: all .2s ease-in-out}.dark-theme{--primary: #ff8c42;--secondary: #ff8c42;--success: #4ade80;--warning: #ff8c42;--danger: #ff6b6b;--gray-100: #1a1a1a;--gray-200: #2d2d2d;--gray-300: #404040;--gray-600: #a0a0a0;--gray-700: #b8b8b8;--gray-800: #d0d0d0;--white: #000000;--bg-color: #0a0a0a;--primary-color: #ff8c42;--primary-dark: #ff6b1a;--primary-light: rgba(255, 140, 66, .15);--dark-color: #ffffff;--gray-color: #a0a0a0;--gray-light: #1a1a1a;--border-color: #2d2d2d;--text-primary: #ffffff;--text-secondary: #a0a0a0;--card-bg: #1a1a1a;--header-bg: #1a1a1a;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .6), 0 2px 4px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .7), 0 4px 6px -2px rgba(0, 0, 0, .5);--radius: 8px;--transition: all .2s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;color:var(--text-primary);background-color:var(--bg-color);padding:0;margin:0;min-height:100vh;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;margin-bottom:.75rem;color:var(--gray-800)}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}p{margin-bottom:1rem;color:var(--gray-600)}a{color:var(--primary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary-dark);text-decoration:underline}button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius);font-weight:500;font-size:.875rem;transition:var(--transition);border:none;cursor:pointer;font-family:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.card{background-color:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.5rem;transition:var(--transition)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.tag{display:inline-block;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;background-color:var(--gray-100);color:var(--gray-700);margin-right:.5rem;margin-bottom:.5rem}.badge{display:inline-flex;align-items:center;justify-content:center;padding:.125rem .375rem;border-radius:9999px;font-size:.75rem;font-weight:500;background-color:var(--primary-light);color:var(--primary-dark)}.navbar{background-color:var(--white);box-shadow:var(--shadow-sm);padding:1rem 0;position:sticky;top:0;z-index:100}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.btn-primary{background-color:var(--primary);color:var(--white)}.btn-primary:hover{background-color:var(--primary-dark)}.btn-outline{background-color:transparent;border:1px solid var(--gray-300);color:var(--gray-700)}.btn-outline:hover{background-color:var(--gray-100)}.btn-danger{background-color:var(--danger);color:var(--white)}.btn-danger:hover{background-color:#dc2626}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-container{background-color:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto}@media (max-width: 768px){.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}h1{font-size:1.5rem}h2{font-size:1.25rem}}#app{min-height:100vh;display:flex;flex-direction:column;max-width:100%;padding:0;text-align:left}.el-message{border-radius:8px;box-shadow:0 4px 12px #00000026}.el-message-box{border-radius:12px;background-color:var(--card-bg);color:var(--text-primary)}.el-message-box__header{border-bottom:1px solid var(--border-color);padding:20px 20px 0}.el-message-box__content{padding:20px;color:var(--text-primary)}.el-message-box__btns{padding:0 20px 20px}.el-message-box__btns .el-button{border-radius:6px;font-weight:500}.dark-theme .el-message-box{background-color:var(--card-bg)!important;color:var(--text-primary)!important}.dark-theme .el-message-box__header{border-bottom:1px solid var(--border-color)!important;color:var(--text-primary)!important}.dark-theme .el-message-box__title{color:var(--text-primary)!important;font-weight:600!important}.dark-theme .el-message-box__content,.dark-theme .el-message-box__message,.dark-theme .el-message-box__message p{color:var(--text-primary)!important}.dark-theme .el-dialog{background-color:var(--card-bg);color:var(--text-primary)}.dark-theme .el-dialog__header{border-bottom:1px solid var(--border-color);color:var(--text-primary)}.dark-theme .el-dialog__title{color:var(--text-primary)!important;font-weight:700!important}.dark-theme .el-dialog__body{color:var(--text-primary)}.dark-theme .el-input__wrapper{background-color:var(--gray-200);border-color:var(--border-color)}.dark-theme .el-input__inner{color:var(--text-primary)}.dark-theme .el-textarea__inner{background-color:var(--gray-200)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}.dark-theme .el-textarea__inner:hover,.dark-theme .el-textarea__inner:focus{background-color:var(--gray-200)!important;border-color:var(--primary-color)!important}.dark-theme .el-textarea__inner::placeholder{color:var(--text-secondary)!important}.dark-theme .el-select .el-input__wrapper,.dark-theme .el-select .el-input__wrapper:hover{background-color:var(--gray-200)!important;border-color:var(--border-color)!important}.dark-theme .el-select .el-input__wrapper.is-focus{background-color:var(--gray-200)!important;border-color:var(--primary-color)!important}.dark-theme .el-select .el-input__inner{color:var(--text-primary)!important;background-color:transparent!important}.dark-theme .el-select .el-input__inner::placeholder{color:var(--text-secondary)!important}.dark-theme .el-select__wrapper,.dark-theme .el-select .el-select__wrapper{background-color:transparent!important;color:var(--text-primary)!important}.dark-theme .el-select__wrapper *,.dark-theme .el-select .el-select__wrapper *{color:var(--text-primary)!important}.dark-theme .el-select-dropdown{background-color:var(--card-bg)!important;border-color:var(--border-color)!important;box-shadow:0 2px 12px #0000004d!important}.dark-theme .el-select-dropdown__item{color:var(--text-primary)!important;background-color:var(--card-bg)!important}.dark-theme .el-select-dropdown__item:hover{background-color:var(--gray-light)!important;color:var(--text-primary)!important}.dark-theme .el-select-dropdown__item.selected,.dark-theme .el-select-dropdown__item.is-selected{background-color:var(--primary-color)!important;color:#fff!important}.dark-theme .el-card{background-color:var(--card-bg);border-color:var(--border-color);color:var(--text-primary)}.dark-theme .el-dropdown-menu{background-color:var(--card-bg);border-color:var(--border-color)}.dark-theme .el-dropdown-menu__item{color:var(--text-primary)}.dark-theme .el-dropdown-menu__item:hover{background-color:var(--gray-light);color:var(--primary-color)}.user-dropdown-menu{min-width:120px!important;padding:6px!important;border-radius:8px!important}.user-dropdown-menu .el-dropdown-menu__item{border-radius:6px;padding:8px 12px;font-size:.875rem;color:var(--text-primary)!important;background:transparent!important;transition:all .15s ease}.user-dropdown-menu .el-dropdown-menu__item:hover,.user-dropdown-menu .el-dropdown-menu__item:focus{background:var(--gray-light)!important;color:#ef4444!important}.user-dropdown-menu .el-dropdown-menu__item:not(:hover){background:transparent!important;color:var(--text-primary)!important}.dark-theme .user-dropdown-menu .el-dropdown-menu__item{color:var(--text-primary)!important;background:transparent!important}.dark-theme .user-dropdown-menu .el-dropdown-menu__item:hover,.dark-theme .user-dropdown-menu .el-dropdown-menu__item:focus{background:var(--gray-200)!important;color:#f87171!important}.dark-theme .user-dropdown-menu .el-dropdown-menu__item:not(:hover){background:transparent!important}.logout-dialog{border-radius:12px;overflow:hidden}.logout-dialog .el-message-box__header{padding-bottom:8px}.logout-dialog .el-message-box__title{font-weight:600}.logout-dialog .el-message-box__btns{padding-top:16px}.logout-dialog .el-message-box__btns .el-button{border-radius:6px;padding:8px 20px}.logout-dialog .el-button--primary{background-color:#ef4444;border-color:#ef4444}.logout-dialog .el-button--primary:hover{background-color:#dc2626;border-color:#dc2626}.dark-theme .logout-dialog .el-button--primary{background-color:#f87171;border-color:#f87171}.dark-theme .logout-dialog .el-button--primary:hover{background-color:#ef4444;border-color:#ef4444}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-200);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-600)}.dark-theme ::-webkit-scrollbar-track{background:var(--gray-100)}.dark-theme ::-webkit-scrollbar-thumb{background:var(--gray-300)}.dark-theme ::-webkit-scrollbar-thumb:hover{background:var(--gray-600)}#app{font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}