:root {
    --bg-primary: #0a0a0f;
    --bg-secondary: #12121a;
    --glass-bg: rgba(26, 26, 37, 0.7);
    --glass-bg-hover: rgba(26, 26, 37, 0.9);
    --glass-border: rgba(255, 255, 255, 0.08);
    --accent-primary: #6366f1;
    --accent-secondary: #8b5cf6;
    --accent-gradient: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));
    --text-primary: #f8fafc;
    --text-secondary: rgba(248, 250, 252, 0.7);
    --text-muted: rgba(248, 250, 252, 0.4);
    --shadow-soft: 0 8px 32px rgba(0, 0, 0, 0.4);
    --shadow-glow: 0 0 40px rgba(99, 102, 241, 0.3);
    --radius-lg: 24px;
    --radius-md: 16px;
    --radius-sm: 12px;
}

* {
    box-sizing: border-box;
}

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100vh;
    background: var(--bg-primary) !important;
    color: var(--text-primary) !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    overflow-x: hidden;
}

body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        radial-gradient(circle at 20% 20%, rgba(99, 102, 241, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(139, 92, 246, 0.15) 0%, transparent 50%);
    pointer-events: none;
    z-index: 0;
}

#app {
    position: relative;
    z-index: 1;
    min-height: 100vh;
    color: var(--text-primary) !important;
    padding: 40px 20px !important;
}

#loader-mask {
    background: var(--bg-primary) !important;
    z-index: 9999 !important;
}

#loader {
    border: 4px solid var(--glass-border) !important;
    border-top-color: var(--accent-primary) !important;
    box-shadow: var(--shadow-glow);
}

.el-card {
    background: var(--glass-bg) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid var(--glass-border) !important;
    border-radius: var(--radius-lg) !important;
    box-shadow: var(--shadow-soft) !important;
    color: var(--text-primary) !important;
}

.el-card__header {
    border-bottom: 1px solid var(--glass-border) !important;
    background: transparent !important;
}

.el-upload-dragger {
    background: var(--glass-bg) !important;
    border: 2px dashed var(--glass-border) !important;
    border-radius: var(--radius-lg) !important;
    transition: all 0.3s ease !important;
}

.el-upload-dragger:hover {
    border-color: var(--accent-primary) !important;
    background: var(--glass-bg-hover) !important;
    box-shadow: var(--shadow-glow) !important;
}

.el-upload-dragger .el-icon-upload {
    color: var(--accent-primary) !important;
}

.el-upload-dragger .el-upload__text {
    color: var(--text-secondary) !important;
}

.el-button {
    border-radius: var(--radius-md) !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    border: 1px solid var(--glass-border) !important;
}

.el-button--primary {
    background: var(--accent-gradient) !important;
    border: none !important;
    box-shadow: 0 4px 20px rgba(99, 102, 241, 0.3) !important;
}

.el-button--primary:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 30px rgba(99, 102, 241, 0.4) !important;
}

.el-button--default {
    background: var(--glass-bg) !important;
    color: var(--text-primary) !important;
}

.el-button--default:hover {
    background: var(--glass-bg-hover) !important;
    border-color: var(--accent-primary) !important;
    color: var(--accent-primary) !important;
}

.el-progress-bar__outer {
    background: var(--glass-border) !important;
    border-radius: 10px !important;
}

.el-progress-bar__inner {
    background: var(--accent-gradient) !important;
    border-radius: 10px !important;
    position: relative;
    overflow: hidden;
}

.el-progress-bar__inner::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
    100% {
        left: 100%;
    }
}

.el-progress__text {
    color: var(--text-secondary) !important;
}

.el-table {
    background: transparent !important;
    color: var(--text-primary) !important;
}

.el-table th,
.el-table tr {
    background: transparent !important;
}

.el-table td,
.el-table th.is-leaf {
    border-bottom: 1px solid var(--glass-border) !important;
}

.el-table--enable-row-hover .el-table__body tr:hover > td {
    background: var(--glass-bg-hover) !important;
}

.el-table thead {
    color: var(--text-secondary) !important;
}

.el-tag {
    background: var(--glass-bg) !important;
    border: 1px solid var(--glass-border) !important;
    color: var(--text-primary) !important;
    border-radius: 8px !important;
}

.el-tag--success {
    border-color: rgba(16, 185, 129, 0.5) !important;
    color: #10b981 !important;
}

.el-tag--warning {
    border-color: rgba(245, 158, 11, 0.5) !important;
    color: #f59e0b !important;
}

.el-tag--danger {
    border-color: rgba(239, 68, 68, 0.5) !important;
    color: #ef4444 !important;
}

.el-message {
    background: var(--glass-bg) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid var(--glass-border) !important;
    border-radius: var(--radius-md) !important;
    box-shadow: var(--shadow-soft) !important;
    color: var(--text-primary) !important;
}

.el-message-box {
    background: var(--glass-bg) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid var(--glass-border) !important;
    border-radius: var(--radius-lg) !important;
    box-shadow: var(--shadow-soft) !important;
}

.el-message-box__header,
.el-message-box__content,
.el-message-box__message {
    color: var(--text-primary) !important;
}

.el-notification {
    background: var(--glass-bg) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid var(--glass-border) !important;
    border-radius: var(--radius-md) !important;
    box-shadow: var(--shadow-soft) !important;
    color: var(--text-primary) !important;
}

.el-notification__title {
    color: var(--text-primary) !important;
}

.el-notification__content {
    color: var(--text-secondary) !important;
}

.el-dialog {
    background: var(--glass-bg) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid var(--glass-border) !important;
    border-radius: var(--radius-lg) !important;
    box-shadow: var(--shadow-soft) !important;
}

.el-dialog__header {
    border-bottom: 1px solid var(--glass-border) !important;
}

.el-dialog__title {
    color: var(--text-primary) !important;
}

.el-dialog__body {
    color: var(--text-primary) !important;
}

.el-dialog__footer {
    border-top: 1px solid var(--glass-border) !important;
}

.v-modal {
    background: rgba(0, 0, 0, 0.6) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
}

.el-checkbox__inner {
    background: var(--glass-bg) !important;
    border-color: var(--glass-border) !important;
}

.el-checkbox__input.is-checked .el-checkbox__inner {
    background: var(--accent-primary) !important;
    border-color: var(--accent-primary) !important;
}

.el-radio__inner {
    background: var(--glass-bg) !important;
    border-color: var(--glass-border) !important;
}

.el-radio__input.is-checked .el-radio__inner {
    background: var(--accent-primary) !important;
    border-color: var(--accent-primary) !important;
}

.el-switch.is-checked .el-switch__core {
    background: var(--accent-primary) !important;
    border-color: var(--accent-primary) !important;
}

.el-switch__core {
    background: var(--glass-bg) !important;
    border-color: var(--glass-border) !important;
}

.el-input__inner {
    background: var(--glass-bg) !important;
    border: 1px solid var(--glass-border) !important;
    border-radius: var(--radius-sm) !important;
    color: var(--text-primary) !important;
    transition: all 0.3s ease !important;
}

.el-input__inner:focus {
    border-color: var(--accent-primary) !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2) !important;
}

.el-input__inner::placeholder {
    color: var(--text-muted) !important;
}

.el-select .el-input__inner {
    background: var(--glass-bg) !important;
}

.el-select-dropdown {
    background: var(--glass-bg) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid var(--glass-border) !important;
    border-radius: var(--radius-md) !important;
    box-shadow: var(--shadow-soft) !important;
}

.el-select-dropdown__item {
    color: var(--text-primary) !important;
}

.el-select-dropdown__item:hover {
    background: var(--glass-bg-hover) !important;
}

.el-select-dropdown__item.selected {
    color: var(--accent-primary) !important;
    font-weight: 600;
}

.el-popper[x-placement^="top"] .popper__arrow::after,
.el-popper[x-placement^="bottom"] .popper__arrow::after {
    border-top-color: var(--glass-bg) !important;
    border-bottom-color: var(--glass-bg) !important;
}

.el-tooltip__popper {
    background: var(--glass-bg) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid var(--glass-border) !important;
    border-radius: var(--radius-sm) !important;
    color: var(--text-primary) !important;
}

.el-popover {
    background: var(--glass-bg) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid var(--glass-border) !important;
    border-radius: var(--radius-md) !important;
    color: var(--text-primary) !important;
}

.el-collapse {
    border-top: 1px solid var(--glass-border) !important;
    border-bottom: 1px solid var(--glass-border) !important;
}

.el-collapse-item__header {
    border-bottom: 1px solid var(--glass-border) !important;
    color: var(--text-primary) !important;
}

.el-collapse-item__wrap {
    background: transparent !important;
    border-bottom: 1px solid var(--glass-border) !important;
}

.el-collapse-item__content {
    color: var(--text-secondary) !important;
}

.el-alert {
    background: var(--glass-bg) !important;
    border: 1px solid var(--glass-border) !important;
    border-radius: var(--radius-sm) !important;
}

.el-alert--success {
    border-color: rgba(16, 185, 129, 0.3) !important;
}

.el-alert--warning {
    border-color: rgba(245, 158, 11, 0.3) !important;
}

.el-alert--error {
    border-color: rgba(239, 68, 68, 0.3) !important;
}

.el-alert--info {
    border-color: rgba(59, 130, 246, 0.3) !important;
}

.el-alert__title {
    color: var(--text-primary) !important;
}

.el-alert__description {
    color: var(--text-secondary) !important;
}

.el-breadcrumb__inner {
    color: var(--text-secondary) !important;
}

.el-breadcrumb__inner.is-link {
    color: var(--text-primary) !important;
}

.el-breadcrumb__inner.is-link:hover {
    color: var(--accent-primary) !important;
}

.el-breadcrumb__separator {
    color: var(--text-muted) !important;
}

.el-menu {
    background: var(--glass-bg) !important;
    border-right: 1px solid var(--glass-border) !important;
}

.el-menu-item {
    color: var(--text-primary) !important;
}

.el-menu-item:hover {
    background: var(--glass-bg-hover) !important;
}

.el-menu-item.is-active {
    color: var(--accent-primary) !important;
    background: rgba(99, 102, 241, 0.1) !important;
}

.el-submenu__title {
    color: var(--text-primary) !important;
}

.el-submenu__title:hover {
    background: var(--glass-bg-hover) !important;
}

.el-tabs__header {
    border-bottom: 1px solid var(--glass-border) !important;
}

.el-tabs__item {
    color: var(--text-secondary) !important;
}

.el-tabs__item:hover {
    color: var(--accent-primary) !important;
}

.el-tabs__item.is-active {
    color: var(--accent-primary) !important;
}

.el-tabs__active-bar {
    background: var(--accent-primary) !important;
}

.el-tabs__nav-wrap::after {
    background-color: var(--glass-border) !important;
}

.el-pagination {
    color: var(--text-primary) !important;
}

.el-pager li {
    background: var(--glass-bg) !important;
    border: 1px solid var(--glass-border) !important;
    color: var(--text-primary) !important;
}

.el-pager li:hover {
    color: var(--accent-primary) !important;
    border-color: var(--accent-primary) !important;
}

.el-pager li.is-active {
    background: var(--accent-primary) !important;
    border-color: var(--accent-primary) !important;
    color: #fff !important;
}

.el-pagination button {
    background: var(--glass-bg) !important;
    border: 1px solid var(--glass-border) !important;
    color: var(--text-primary) !important;
}

.el-pagination button:hover:not(:disabled) {
    color: var(--accent-primary) !important;
    border-color: var(--accent-primary) !important;
}

.el-rate__icon {
    color: var(--glass-border) !important;
}

.el-rate__icon.hover {
    color: var(--accent-primary) !important;
}

.el-rate__icon.is-active {
    color: var(--accent-primary) !important;
}

.el-slider__runway {
    background: var(--glass-border) !important;
}

.el-slider__bar {
    background: var(--accent-primary) !important;
}

.el-slider__button {
    border-color: var(--accent-primary) !important;
}

.el-time-panel {
    background: var(--glass-bg) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid var(--glass-border) !important;
    border-radius: var(--radius-md) !important;
    box-shadow: var(--shadow-soft) !important;
}

.el-time-spinner__item:hover:not(.disabled):not(.active) {
    background: var(--glass-bg-hover) !important;
}

.el-time-spinner__item.active:not(.disabled) {
    color: var(--accent-primary) !important;
}

.el-date-picker {
    background: var(--glass-bg) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid var(--glass-border) !important;
    border-radius: var(--radius-md) !important;
    box-shadow: var(--shadow-soft) !important;
}

.el-picker-panel__header-label {
    color: var(--text-primary) !important;
}

.el-picker-panel__header-label:hover {
    color: var(--accent-primary) !important;
}

.el-date-table th {
    color: var(--text-secondary) !important;
}

.el-date-table td.today span {
    color: var(--accent-primary) !important;
}

.el-date-table td.available:hover {
    background: var(--glass-bg-hover) !important;
}

.el-date-table td.current:not(.disabled) span {
    background: var(--accent-primary) !important;
}

.el-picker-panel__icon-btn {
    color: var(--text-secondary) !important;
}

.el-picker-panel__icon-btn:hover {
    color: var(--accent-primary) !important;
}

.el-transfer-panel {
    background: var(--glass-bg) !important;
    border: 1px solid var(--glass-border) !important;
    border-radius: var(--radius-md) !important;
}

.el-transfer-panel__header {
    background: var(--glass-bg-hover) !important;
    border-bottom: 1px solid var(--glass-border) !important;
}

.el-transfer-panel__item:hover {
    background: var(--glass-bg-hover) !important;
}

.el-tree {
    background: transparent !important;
    color: var(--text-primary) !important;
}

.el-tree-node__content:hover {
    background: var(--glass-bg-hover) !important;
}

.el-tree-node.is-current > .el-tree-node__content {
    background: rgba(99, 102, 241, 0.1) !important;
    color: var(--accent-primary) !important;
}

.el-tree-node__expand-icon {
    color: var(--text-muted) !important;
}

.el-color-picker__trigger {
    border: 1px solid var(--glass-border) !important;
}

.el-color-dropdown {
    background: var(--glass-bg) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid var(--glass-border) !important;
    border-radius: var(--radius-md) !important;
    box-shadow: var(--shadow-soft) !important;
}

.el-upload-list__item {
    background: var(--glass-bg) !important;
    border: 1px solid var(--glass-border) !important;
    border-radius: var(--radius-sm) !important;
}

.el-upload-list__item:hover {
    background: var(--glass-bg-hover) !important;
}

.el-upload-list__item-name {
    color: var(--text-primary) !important;
}

.el-upload-list__item-status-label {
    color: var(--text-secondary) !important;
}

.el-icon-close {
    color: var(--text-muted) !important;
}

.el-icon-close:hover {
    color: var(--accent-primary) !important;
}

.el-image-viewer__mask {
    background: rgba(0, 0, 0, 0.8) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

.el-image-viewer__close {
    color: var(--text-primary) !important;
}

.el-image-viewer__btn {
    color: var(--text-primary) !important;
}

.el-backtop {
    background: var(--glass-bg) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid var(--glass-border) !important;
    border-radius: var(--radius-md) !important;
    box-shadow: var(--shadow-soft) !important;
    color: var(--text-primary) !important;
}

.el-backtop:hover {
    background: var(--glass-bg-hover) !important;
    color: var(--accent-primary) !important;
}

.el-page-header__content {
    color: var(--text-primary) !important;
}

.el-page-header__title {
    color: var(--text-primary) !important;
}

.el-page-header__left:hover {
    color: var(--accent-primary) !important;
}

.el-result__title {
    color: var(--text-primary) !important;
}

.el-result__subtitle {
    color: var(--text-secondary) !important;
}

.el-skeleton {
    background: var(--glass-bg) !important;
}

.el-skeleton__p.is-last {
    background: var(--glass-border) !important;
}

.el-skeleton__p {
    background: var(--glass-border) !important;
}

.el-empty {
    color: var(--text-secondary) !important;
}

.el-empty__description {
    color: var(--text-muted) !important;
}

.el-descriptions {
    color: var(--text-primary) !important;
}

.el-descriptions__label {
    color: var(--text-secondary) !important;
}

.el-descriptions__body {
    background: transparent !important;
}

.el-descriptions__cell {
    border-bottom: 1px solid var(--glass-border) !important;
}

.el-statistic__head {
    color: var(--text-secondary) !important;
}

.el-statistic__content {
    color: var(--text-primary) !important;
}

.el-badge__content {
    background: var(--accent-primary) !important;
}

.el-avatar {
    background: var(--glass-bg) !important;
    border: 1px solid var(--glass-border) !important;
}

.el-skeleton__avatar {
    background: var(--glass-border) !important;
}

.el-skeleton__image {
    background: var(--glass-border) !important;
}

.el-skeleton__h1 {
    background: var(--glass-border) !important;
}

.el-skeleton__h3 {
    background: var(--glass-border) !important;
}

.el-skeleton__text {
    background: var(--glass-border) !important;
}

.el-skeleton__button {
    background: var(--glass-border) !important;
}

.el-skeleton__caption {
    background: var(--glass-border) !important;
}

.el-skeleton__p {
    background: var(--glass-border) !important;
}

.el-divider {
    background: var(--glass-border) !important;
}

.el-divider__text {
    background: var(--bg-primary) !important;
    color: var(--text-secondary) !important;
}

.el-spinner {
    color: var(--accent-primary) !important;
}

.el-loading-mask {
    background: rgba(10, 10, 15, 0.8) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
}

.el-loading-spinner .circular {
    stroke: var(--accent-primary) !important;
}

.el-loading-spinner .path {
    stroke: var(--accent-primary) !important;
}

.el-form-item__label {
    color: var(--text-secondary) !important;
}

.el-form-item__error {
    color: #ef4444 !important;
}

.el-cascader {
    color: var(--text-primary) !important;
}

.el-cascader-menu {
    background: var(--glass-bg) !important;
    border-right: 1px solid var(--glass-border) !important;
}

.el-cascader-menu__item {
    color: var(--text-primary) !important;
}

.el-cascader-menu__item:hover {
    background: var(--glass-bg-hover) !important;
}

.el-cascader-menu__item.is-active {
    color: var(--accent-primary) !important;
    background: rgba(99, 102, 241, 0.1) !important;
}

.el-cascader-menus {
    background: var(--glass-bg) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid var(--glass-border) !important;
    border-radius: var(--radius-md) !important;
    box-shadow: var(--shadow-soft) !important;
}

.el-timeline-item__tail {
    border-left: 2px solid var(--glass-border) !important;
}

.el-timeline-item__node {
    background: var(--glass-bg) !important;
    border: 2px solid var(--glass-border) !important;
}

.el-timeline-item__node--primary {
    background: var(--accent-primary) !important;
    border-color: var(--accent-primary) !important;
}

.el-timeline-item__timestamp {
    color: var(--text-muted) !important;
}

.el-calendar {
    background: var(--glass-bg) !important;
    border: 1px solid var(--glass-border) !important;
    border-radius: var(--radius-md) !important;
}

.el-calendar__header {
    border-bottom: 1px solid var(--glass-border) !important;
}

.el-calendar__title {
    color: var(--text-primary) !important;
}

.el-calendar-table th {
    color: var(--text-secondary) !important;
}

.el-calendar-table td.is-selected .el-calendar-day {
    background: rgba(99, 102, 241, 0.2) !important;
}

.el-calendar-table td.is-today {
    color: var(--accent-primary) !important;
}

.el-calendar-day:hover {
    background: var(--glass-bg-hover) !important;
}

.el-carousel__arrow {
    background: var(--glass-bg) !important;
    color: var(--text-primary) !important;
}

.el-carousel__arrow:hover {
    background: var(--glass-bg-hover) !important;
    color: var(--accent-primary) !important;
}

.el-carousel__indicators--outside button {
    background: var(--glass-border) !important;
}

.el-carousel__indicators--outside button:hover {
    background: var(--text-muted) !important;
}

.el-carousel__indicators--outside button.active {
    background: var(--accent-primary) !important;
}

.el-collapse-transition {
    transition: all 0.3s ease !important;
}

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
    transition: opacity 0.3s linear !important;
}

.el-fade-in-enter-active,
.el-fade-in-leave-active {
    transition: all 0.3s ease !important;
}

.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
    transition: all 0.3s ease !important;
}

.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
    transition: all 0.3s ease !important;
}

.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
    transition: all 0.3s ease !important;
}

.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
    transition: all 0.3s ease !important;
}

.el-zoom-in-right-enter-active,
.el-zoom-in-right-leave-active {
    transition: all 0.3s ease !important;
}

.el-slide-left-enter-active,
.el-slide-left-leave-active {
    transition: all 0.3s ease !important;
}

.el-slide-right-enter-active,
.el-slide-right-leave-active {
    transition: all 0.3s ease !important;
}

.el-slide-up-enter-active,
.el-slide-up-leave-active {
    transition: all 0.3s ease !important;
}

.el-slide-down-enter-active,
.el-slide-down-leave-active {
    transition: all 0.3s ease !important;
}

#app-footer {
    color: var(--text-muted) !important;
    margin-top: 40px !important;
    padding: 20px !important;
}

#app-footer a {
    color: var(--accent-primary) !important;
    text-decoration: none !important;
    transition: opacity 0.3s ease !important;
}

#app-footer a:hover {
    opacity: 0.8 !important;
}

#app-control {
    padding: 20px 0 !important;
}

.el-link {
    color: var(--accent-primary) !important;
}

.el-link:hover {
    color: var(--accent-secondary) !important;
}

.el-divider--horizontal {
    border-top: 1px solid var(--glass-border) !important;
}

.el-divider--vertical {
    border-left: 1px solid var(--glass-border) !important;
}

.el-alert__icon {
    color: var(--accent-primary) !important;
}

.el-alert--success .el-alert__icon {
    color: #10b981 !important;
}

.el-alert--warning .el-alert__icon {
    color: #f59e0b !important;
}

.el-alert--error .el-alert__icon {
    color: #ef4444 !important;
}

.el-alert--info .el-alert__icon {
    color: #3b82f6 !important;
}

@media (max-width: 768px) {
    #app {
        padding: 20px 15px !important;
    }
    
    .el-card {
        border-radius: var(--radius-md) !important;
    }
    
    .el-button {
        border-radius: var(--radius-sm) !important;
    }
}