:root{--primary-color: #6366f1;--primary-light: #818cf8;--primary-dark: #4f46e5;--accent-color: #06b6d4;--accent-light: #22d3ee;--accent-dark: #0891b2;--bg-page: #f0f2f8;--bg-card: #ffffff;--bg-elevated: #ffffff;--bg-subtle: #f8fafc;--bg-glass: rgba(255, 255, 255, .72);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--text-placeholder: #cbd5e1;--border-color: #e2e8f0;--border-light: #f1f5f9;--success-color: #10b981;--success-bg: #d1fae5;--warning-color: #f59e0b;--warning-bg: #fef3c7;--danger-color: #ef4444;--danger-bg: #fee2e2;--info-color: #3b82f6;--info-bg: #dbeafe;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .05), 0 1px 2px rgba(15, 23, 42, .03);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .07), 0 2px 4px -2px rgba(15, 23, 42, .04);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .08), 0 4px 6px -4px rgba(15, 23, 42, .04);--shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, .1), 0 8px 10px -6px rgba(15, 23, 42, .05);--shadow-2xl: 0 25px 50px -12px rgba(15, 23, 42, .15);--shadow-glow: 0 0 20px rgba(99, 102, 241, .15);--shadow-glow-accent: 0 0 20px rgba(6, 182, 212, .15);--gradient-primary: linear-gradient(135deg, #6366f1 0%, #06b6d4 100%);--gradient-primary-soft: linear-gradient(135deg, #818cf8 0%, #22d3ee 100%);--gradient-sidebar: linear-gradient(180deg, #4338ca 0%, #4f46e5 40%, #6366f1 100%);--gradient-warm: linear-gradient(135deg, #f0f4ff 0%, #fdf2f8 100%);--gradient-shimmer: linear-gradient(90deg, transparent, rgba(255,255,255,.08), transparent);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--font-display: "Plus Jakarta Sans", "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;font-family:var(--font-body);color:var(--text-primary);background-color:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background-image:radial-gradient(circle at 20% 0%,rgba(99,102,241,.04) 0%,transparent 50%),radial-gradient(circle at 80% 100%,rgba(6,182,212,.04) 0%,transparent 50%);background-attachment:fixed}:root{--el-color-primary: #6366f1;--el-color-primary-light-3: #818cf8;--el-color-primary-light-5: #a5b4fc;--el-color-primary-light-7: #c7d2fe;--el-color-primary-light-9: #e0e7ff;--el-color-primary-dark-2: #4f46e5;--el-border-radius-base: 8px;--el-font-family: var(--font-body)}.el-button{font-weight:500;transition:all .25s var(--ease-out)}.el-overlay{background-color:#0000008c!important}.el-message-box{background:#fff!important;border-radius:16px!important;box-shadow:0 20px 60px #0000004d,0 8px 20px #00000026!important;border:1px solid #e2e8f0!important;width:420px;padding:24px 28px 20px}.el-overlay.is-message-box,.el-overlay-dialog{display:flex!important;align-items:center!important;justify-content:center!important}.el-button--primary:not(.is-plain):not(.is-link):not(.is-text){background:#6366f1;border:none;box-shadow:0 2px 8px #6366f133}.el-button--primary:not(.is-plain):not(.is-link):not(.is-text):hover{background:#4f46e5;box-shadow:0 4px 12px #6366f14d}.el-button--primary:not(.is-plain):not(.is-link):not(.is-text):active{background:#4338ca}.el-button--primary.is-plain{background:#eef2ff;border-color:#c7d2fe;color:#4f46e5}.el-button--primary.is-plain:hover{background:#6366f1;border-color:#6366f1;color:#fff}.el-card{border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:box-shadow .3s var(--ease-out)}.el-table{--el-table-border-color: var(--border-light);--el-table-header-bg-color: #f8fafc;--el-table-row-hover-bg-color: #f0f4ff;border-radius:var(--radius-md);overflow:hidden}.el-table th.el-table__cell{font-weight:600;color:var(--text-secondary);font-size:13px}.el-dialog{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-2xl)}.el-dialog__header{background:var(--bg-subtle);padding:20px 24px;margin-right:0;border-bottom:1px solid var(--border-light)}.el-dialog__title{font-weight:700;font-size:17px;color:var(--text-primary)}.el-dialog__body{padding:24px}.el-dialog__footer{padding:16px 24px 20px;border-top:1px solid var(--border-light)}.el-input__wrapper{border-radius:var(--radius-sm);transition:all .25s var(--ease-out)}.el-input__wrapper.is-focus,.el-select__wrapper.is-focused{box-shadow:0 0 0 1px var(--primary-color) inset,0 0 0 3px #6366f11a}.el-tag{border-radius:var(--radius-xs);font-weight:500}.el-pagination{--el-pagination-button-bg-color: transparent}.el-pagination .btn-prev,.el-pagination .btn-next,.el-pagination .el-pager li{border-radius:var(--radius-xs);margin:0 2px}.el-pagination .el-pager li.is-active{background:var(--gradient-primary);color:#fff;font-weight:600}.el-tabs__item{font-weight:500;transition:color .2s}.el-tabs__active-bar{background:var(--gradient-primary);height:3px;border-radius:2px}.el-tabs__nav-wrap:after{background-color:var(--border-light);height:1px}.el-form-item__label{font-weight:500;color:var(--text-secondary)}.el-message{border-radius:var(--radius-md);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.el-dropdown-menu__item{transition:all .15s;border-radius:var(--radius-xs);margin:2px 4px}.el-dropdown-menu__item:hover{background:var(--bg-subtle);color:var(--primary-color)}.el-dropdown-menu{border-radius:var(--radius-md);box-shadow:var(--shadow-xl);border:1px solid var(--border-color);padding:4px}.el-empty__description p{color:var(--text-tertiary)}.el-loading-mask{background:#f8fafccc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.el-loading-spinner .el-loading-text{color:var(--primary-color);font-weight:500}.el-loading-spinner .path{stroke:var(--primary-color)}.gradient-bg{background:var(--gradient-primary)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.card-shadow{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#6366f133;border-radius:4px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#6366f166}::-webkit-scrollbar-corner{background:transparent}::selection{background:#6366f126;color:var(--primary-dark)}.fade-enter-active,.fade-leave-active{transition:opacity .3s var(--ease-out),transform .3s var(--ease-out)}.fade-enter-from{opacity:0;transform:translateY(8px)}.fade-leave-to{opacity:0;transform:translateY(-8px)}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{display:flex;flex-direction:column}.gap-sm{gap:8px}.gap-md{gap:16px}.gap-lg{gap:24px}.mt-sm{margin-top:8px}.mt-md{margin-top:16px}.mt-lg{margin-top:24px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:16px}.mb-lg{margin-bottom:24px}.text-center{text-align:center}.text-secondary{color:var(--text-secondary)}.w-full{width:100%}.cursor-pointer{cursor:pointer}@media (max-width: 1024px){.quick-actions,.project-cards,.project-grid,.stats-row,.template-grid{grid-template-columns:repeat(2,1fr)!important}.knowledge-list{grid-template-columns:repeat(1,1fr)!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 768px){html,body{font-size:14px}.el-breadcrumb{display:none!important}.dashboard,.project-list,.project-create{max-width:100%!important}.quick-actions{grid-template-columns:repeat(2,1fr)!important}.project-cards,.project-grid{grid-template-columns:1fr!important}.stats-row{grid-template-columns:repeat(2,1fr)!important}.welcome-banner{flex-direction:column!important;gap:16px;padding:20px!important;text-align:center}.welcome-stats{gap:16px!important}.stat-value{font-size:24px!important}.filter-bar{flex-direction:column!important;gap:8px!important}.filter-bar .el-input,.filter-bar .el-select{width:100%!important}.form-card{padding:16px!important}.el-form-item__label{font-size:13px}.el-descriptions{--el-descriptions-item-bordered-label-background: #f9fafb}.ai-shortcuts{flex-direction:column!important}.ai-shortcuts .el-button{width:100%;margin-left:0!important}.chat-area{height:400px!important;padding:12px!important}.quick-prompts{grid-template-columns:1fr!important}.msg-avatar{width:32px!important;height:32px!important;font-size:16px!important}.msg-text{font-size:13px!important;padding:10px 12px!important}.input-actions{flex-direction:column!important;gap:8px!important}.input-actions .el-select,.input-actions .el-button{width:100%!important}.el-table{font-size:13px}.el-table .el-button{padding:4px 8px;font-size:12px}.el-pagination{justify-content:center}.el-pagination .el-pagination__total{display:none}.knowledge-list,.template-grid{grid-template-columns:1fr!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important}.project-layout{padding:0!important}.project-header{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.header-left{flex-direction:column!important;align-items:flex-start!important;gap:4px!important}.header-left h2{font-size:18px!important}.project-nav{overflow-x:auto!important;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch;padding-bottom:4px}.nav-item{flex-shrink:0!important;padding:8px 12px!important;font-size:13px!important}.nav-item span{white-space:nowrap}.project-content{padding:12px!important;border-radius:8px!important}.page-header h2{font-size:18px!important}.el-dialog{width:92%!important;margin:4vh auto!important}.username{display:none}.msg-actions{flex-wrap:wrap}.el-col-12{max-width:100%!important;flex:0 0 100%!important}}@media (max-width: 480px){.quick-actions,.stats-row,.stats-grid{grid-template-columns:1fr!important}.welcome-stats{flex-direction:column!important;gap:8px!important}.stat-value{font-size:20px!important}.login-card{width:92%!important;padding:24px 20px!important;border-radius:16px!important}.title{font-size:20px!important}.action-card{padding:16px!important}.project-card{padding:14px!important}.card-title{font-size:15px!important}.input-area{padding:10px!important}.el-dialog{width:95%!important;margin:2vh auto!important}.el-dialog__body{padding:12px!important}}.el-message-box__header{padding:0 0 12px!important;position:relative!important}.el-message-box__title{font-size:17px!important;font-weight:700!important;color:#1e293b!important;padding-right:24px!important}.el-message-box__container{margin-bottom:0!important}.el-message-box__message{color:#475569!important;font-size:15px!important;line-height:1.6!important;padding:0!important}.el-message-box__content{padding:0 0 20px!important}.el-message-box__btns .el-button{padding:8px 20px!important;font-size:14px!important;border-radius:8px!important;min-width:80px!important}.el-message-box__btns .el-button--primary:hover{background:#4f46e5!important;box-shadow:0 4px 12px #6366f159!important}.el-message-box__btns .el-button--default{border-color:#e2e8f0!important;color:#475569!important}.el-message-box__close{position:absolute!important;top:20px!important;right:20px!important;font-size:16px!important;color:#94a3b8!important;cursor:pointer!important;transition:color .2s!important;z-index:10!important}.el-message-box__close:hover{color:#475569!important}.el-message-box__status{font-size:18px!important;position:static!important;transform:none!important;margin-right:8px!important;flex-shrink:0!important}.el-message-box__status.el-message-box-icon--warning,.el-message-box__status.el-icon-warning{color:#f59e0b!important}.el-message-box__status.el-message-box-icon--success,.el-message-box__status.el-icon-success{color:#10b981!important}.el-message-box__status.el-message-box-icon--error,.el-message-box__status.el-icon-error{color:#ef4444!important}.el-message-box__status.el-message-box-icon--info,.el-message-box__status.el-icon-info{color:#6366f1!important}.el-message-box__content{display:flex!important;align-items:flex-start!important;padding:0 0 20px!important}.el-message-box__container{display:flex!important;align-items:flex-start!important;gap:10px!important}.el-message-box__message{color:#475569!important;font-size:15px!important;line-height:1.6!important;padding:0!important;flex:1!important}.el-message-box__message p{color:#475569!important;margin:0!important}.el-message-box__btns{display:flex!important;justify-content:flex-end!important;gap:12px!important;padding:16px 0 0!important;border-top:1px solid #f1f5f9!important}.el-message-box__btns .el-button{padding:8px 22px!important;font-size:14px!important;font-weight:500!important;border-radius:8px!important;min-width:80px!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important}.el-message-box__btns .el-button--primary{background:#6366f1!important;border:none!important;color:#fff!important;box-shadow:0 2px 8px #6366f140!important}.el-message-box__btns .el-button--primary:hover{background:#4f46e5!important;box-shadow:0 4px 14px #6366f159!important;transform:translateY(-1px)!important}.el-message-box__btns .el-button--default{border:1px solid #e2e8f0!important;color:#475569!important;background:#fff!important}.el-message-box__btns .el-button--default:hover{border-color:#c7d2fe!important;color:#4f46e5!important;background:#f8faff!important}.el-message-box{background:#fff!important;border-radius:16px!important;box-shadow:0 24px 64px #00000059,0 8px 24px #00000026!important;border:none!important;width:420px!important;padding:24px 28px 20px!important;overflow:hidden!important}.el-overlay{background-color:#00000080!important;backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important}