.notification-popover-overlay .ant-popover-inner{border-radius:16px;box-shadow:0 12px 40px #00000026;overflow:hidden}.notification-popover-modern{width:380px;max-height:520px;display:flex;flex-direction:column;background:linear-gradient(180deg,#fffffffa,#f8fafcfa)}.notification-popover-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.notification-popover-header .header-icon{font-size:20px;color:#fffffff2}.notification-popover-header .header-title{color:#fff!important;font-size:1rem}.notification-popover-header .unread-tag{border-radius:10px;font-size:.75rem}.notification-popover-header .header-action-btn{color:#ffffffd9!important;background:#ffffff26!important;border-radius:8px!important}.notification-popover-header .header-action-btn:hover{background:#ffffff40!important}.notification-list-container{flex:1;overflow-y:auto;padding:12px;max-height:380px}.loading-state,.empty-state{padding:40px 20px;text-align:center}.notification-items{display:flex;flex-direction:column;gap:10px}.notification-card{display:flex;gap:12px;padding:14px;background:#ffffffe6;border-radius:12px;border-left:4px solid;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000000a}.notification-card:hover{transform:translate(4px);box-shadow:0 4px 16px #00000014}.notification-card.unread{background:linear-gradient(135deg,#667eea0f,#764ba20a)}.notification-card.read{opacity:.8}.notification-icon-wrapper{width:40px;height:40px;min-width:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;box-shadow:0 4px 12px #00000026}.notification-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.notification-title-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.notification-title{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.type-tag{font-size:.7rem;border-radius:6px;padding:0 6px;flex-shrink:0}.notification-message{font-size:.8rem;line-height:1.4;max-width:100%}.notification-footer{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.notification-time{font-size:.75rem}.delete-btn{opacity:0;transition:opacity .2s ease}.notification-card:hover .delete-btn{opacity:1}.notification-popover-footer{padding:12px 20px;border-top:1px solid rgba(0,0,0,.06);text-align:center;background:#f8fafce6}.view-all-btn{font-weight:600;color:#667eea!important}.view-all-btn:hover{color:#764ba2!important}.notification-trigger-btn{width:40px;height:40px;border-radius:12px!important;display:flex;align-items:center;justify-content:center}.notification-trigger-btn:hover{background:#667eea1a!important}[data-theme=dark] .notification-popover-modern{background:linear-gradient(180deg,#1e293bfa,#0f172afa)}[data-theme=dark] .notification-card{background:#ffffff0d}[data-theme=dark] .notification-card.unread{background:#667eea1a}[data-theme=dark] .notification-popover-footer{background:#0f172ae6;border-top-color:#ffffff0f}.announcement-bell-button{transition:all .3s ease}.announcement-bell-button:hover{background:#00d4ff1a!important;color:#00d4ff!important}.announcement-bell-popover .ant-popover-inner{border-radius:16px;box-shadow:0 12px 48px #0000001f;overflow:hidden}.announcement-bell-content{max-height:480px;overflow-y:auto}.announcement-item:hover{background:#00d4ff14!important}.announcement-bell-content::-webkit-scrollbar{width:6px}.announcement-bell-content::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.announcement-bell-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00d4ff,#0891b2);border-radius:10px}.announcement-bell-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#22d3ee,#06b6d4)}[data-theme=dark] .announcement-bell-button:hover{background:#00d4ff26!important}[data-theme=dark] .announcement-bell-popover .ant-popover-inner{background:#1e293b}[data-theme=dark] .announcement-item:hover{background:#00d4ff1f!important}.global-search-modal .ant-modal-content{background:var(--component-background, rgba(255, 255, 255, .95));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 24px 80px #0006;overflow:hidden;padding:0}.search-container{padding:24px}.search-input{border:none!important;background:transparent!important;font-size:20px!important;font-weight:500;box-shadow:none!important;padding:0!important}.search-input input::placeholder{color:var(--text-quaternary, rgba(0, 0, 0, .25))!important}.search-placeholder{padding:60px 0;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.search-results-wrapper{min-height:300px;max-height:500px;overflow-y:auto;padding-right:8px}.search-results-header{padding:0 0 12px}.search-results-list{margin-bottom:16px}.search-result-item{padding:12px!important;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none!important}.search-result-item:hover{background:var(--item-hover-bg, rgba(24, 144, 255, .05));transform:translate(4px)}.search-result-content{display:flex;align-items:flex-start;width:100%;gap:16px}.search-result-icon{font-size:24px;padding-top:4px;opacity:.8}.search-result-info{flex:1;min-width:0}.search-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.search-result-title{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px}.type-tag{text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:.5px;border-radius:4px}.search-result-desc{font-size:13px;color:var(--text-secondary, rgba(0, 0, 0, .45));margin-bottom:0!important}.search-result-parent{font-size:11px;display:block;margin-top:4px}.search-result-meta{text-align:right;min-width:80px}.search-result-date{font-size:11px}.search-pagination{display:flex;justify-content:center;padding:16px 0;border-top:1px solid var(--border-color-split, rgba(0, 0, 0, .06))}[data-theme=dark] .global-search-modal .ant-modal-content{background:#141414e6}:root{--transition-speed: .3s;--header-height: 48px;--sidebar-width: 220px;--sidebar-collapsed-width: 64px}.main-layout{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.sidebar{box-shadow:4px 0 15px #0000001a;border-right:1px solid var(--border-color);background:var(--bg-sidebar)!important;z-index:100;position:fixed!important;left:0;top:0;bottom:0;height:100vh!important}.sidebar .ant-layout-sider-children{display:flex;flex-direction:column;height:100%}.sidebar-logo{height:var(--header-height);padding:0 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.05);background:#ffffff05;overflow:hidden;transition:all var(--transition-speed)}.logo-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;min-width:32px}.logo-icon{font-size:24px;color:var(--primary-color);filter:drop-shadow(0 0 8px rgba(24,144,255,.5))}.logo-status-dot{position:absolute;bottom:-2px;right:-2px;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-sidebar)}.logo-wrapper{display:flex;flex-direction:column;animation:fadeIn .3s ease-out}.logo-text{font-size:16px;font-weight:700;letter-spacing:.5px;color:#fff;white-space:nowrap}.logo-status-line{height:2px;width:100%;margin-top:2px;border-radius:1px;opacity:.8}.logo-status-dot.online,.logo-status-line.online{background:#52c41a;box-shadow:0 0 5px #52c41a}.logo-status-dot.offline,.logo-status-line.offline{background:#ff4d4f;box-shadow:0 0 5px #ff4d4f}.logo-status-dot.connecting,.logo-status-line.connecting{background:#faad14;animation:pulse 1.5s infinite}.logo-status-dot.polling,.logo-status-line.polling{background:#1890ff}@keyframes pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}@keyframes fadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.sidebar-menu-container{flex:1;overflow-y:auto!important;overflow-x:hidden;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.sidebar-menu-container::-webkit-scrollbar{width:4px}.sidebar-menu-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.sidebar-footer{padding:16px;border-top:1px solid rgba(255,255,255,.05);background:#ffffff03}.sidebar-footer .ant-typography{transition:color .3s ease}.sidebar-footer:hover .ant-typography{color:#ffffffa6!important}.site-header{background:var(--bg-secondary)!important;padding:0 16px!important;height:var(--header-height)!important;line-height:var(--header-height)!important;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:sticky;top:0;z-index:90;width:100%}.header-left,.header-right{display:flex;align-items:center;gap:12px}.header-icon-btn{display:flex!important;align-items:center;justify-content:center;width:32px!important;height:32px!important;border-radius:8px!important;transition:all .2s!important}.header-icon-btn:hover{background:var(--bg-hover)!important;transform:translateY(-1px)}.user-menu-trigger{padding:4px 12px 4px 8px;border-radius:12px;cursor:pointer;transition:all .2s;border:1px solid transparent;margin-left:8px}.user-menu-trigger:hover{background:var(--bg-hover);border-color:var(--border-color)}.user-avatar{width:28px!important;height:28px!important;border:1px solid var(--primary-color);padding:1px;background:#fff}.user-info{display:flex;flex-direction:column;line-height:1.2}.user-name{font-size:14px;color:var(--text-primary)}.user-role{font-size:11px;color:var(--text-secondary)}.content-layout{min-height:100vh;margin-left:var(--sidebar-width);margin-top:0;margin-bottom:0;margin-right:0;padding:0;transition:all var(--transition-speed);background:var(--bg-primary)}.content-layout.collapsed{margin-left:var(--sidebar-collapsed-width)}.main-content{padding:12px 16px;background:var(--bg-primary);min-height:calc(100vh - var(--header-height))}@media (max-width: 768px){.user-info{display:none}.site-header{padding:0 12px!important}}.widget-wrapper{margin-bottom:16px}.widget-wrapper .widget-card{height:100%;border-radius:8px;box-shadow:0 2px 8px #0000000f;transition:box-shadow .3s ease}.widget-wrapper .widget-card:hover{box-shadow:0 4px 16px #0000001a}.widget-loading,.widget-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;padding:24px}.widget-header-extra{display:flex;gap:4px}.widget-size-small{grid-column:span 6}.widget-size-medium{grid-column:span 12}.widget-size-large{grid-column:span 16}.widget-size-full{grid-column:span 24}@media (max-width: 1200px){.widget-size-small{grid-column:span 12}.widget-size-large{grid-column:span 24}}@media (max-width: 768px){.widget-size-small,.widget-size-medium,.widget-size-large,.widget-size-full{grid-column:span 24}}.welcome-widget-modern{border-radius:20px!important;overflow:hidden;box-shadow:0 8px 32px #00000014!important}.welcome-gradient-bg{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);padding:32px 40px;position:relative;overflow:hidden}.welcome-gradient-bg:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);animation:float 8s ease-in-out infinite}.welcome-gradient-bg:after{content:"";position:absolute;bottom:-30%;left:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(0,0,0,.1) 0%,transparent 70%);animation:float 10s ease-in-out infinite reverse}.welcome-content-wrapper{position:relative;z-index:1}.welcome-time-card{background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;padding:20px 28px;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #0000001a;min-width:180px}[data-theme=dark] .welcome-gradient-bg{background:linear-gradient(135deg,#434343,#000,#1a1a1a)}[data-theme=dark] .welcome-gradient-bg:before{background:radial-gradient(circle,rgba(0,212,255,.15) 0%,transparent 70%)}.stats-widget-modern{width:100%}.stat-card-modern{position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #0000001a!important}.stat-card-modern:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);border-radius:16px;pointer-events:none;opacity:0;transition:opacity .3s ease}.stat-card-modern:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 12px 32px #0003!important}.stat-card-modern:hover:before{opacity:1}[data-theme=dark] .stat-card-modern{box-shadow:0 4px 16px #0006!important}[data-theme=dark] .stat-card-modern:hover{box-shadow:0 12px 32px #0009!important}.upcoming-tasks-widget-modern{cursor:pointer;width:100%}.tasks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.tasks-list{display:flex;flex-direction:column;gap:8px}.task-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#00000005;border-radius:12px;transition:all .3s ease}.task-item:hover{background:#1890ff14;transform:translate(4px)}.task-priority-bar{width:4px;height:100%;min-height:32px;border-radius:2px;flex-shrink:0}.task-content{flex:1;min-width:0}.task-title{font-weight:500;display:block;font-size:.95rem}.task-due{display:flex;align-items:center;gap:4px;margin-top:4px;font-size:.8rem;color:#8c8c8c}[data-theme=dark] .task-item{background:#ffffff0a}[data-theme=dark] .task-item:hover{background:#1890ff26}.recent-notes-widget-modern{cursor:pointer;width:100%}.notes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.notes-list{display:flex;flex-direction:column;gap:8px}.note-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#faad140a;border-radius:12px;transition:all .3s ease}.note-item:hover{background:#faad141a;transform:translate(4px)}.note-icon-wrapper{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#faad141f;border-radius:10px;flex-shrink:0}.note-content{flex:1;min-width:0}.note-title-row{display:flex;align-items:center;gap:8px;margin-bottom:2px}.note-title{font-size:.95rem;max-width:160px}[data-theme=dark] .note-item{background:#faad1414}[data-theme=dark] .note-item:hover,[data-theme=dark] .note-icon-wrapper{background:#faad1426}.active-projects-widget-modern{cursor:pointer;width:100%}.projects-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.projects-list{display:flex;flex-direction:column;gap:12px}.project-card{padding:16px;background:#722ed10a;border-radius:14px;transition:all .3s ease}.project-card:hover{background:#722ed11a;transform:translateY(-2px);box-shadow:0 4px 16px #722ed126}.project-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.project-icon-wrapper{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0}.project-info{flex:1;min-width:0;display:flex;align-items:center;gap:8px}.project-name{font-size:.95rem;max-width:180px}.project-description{font-size:.85rem;display:block;margin-bottom:8px}.project-progress{display:flex;align-items:center;gap:8px}.project-progress .ant-progress{flex:1}[data-theme=dark] .project-card{background:#722ed11a}[data-theme=dark] .project-card:hover{background:#722ed133;box-shadow:0 4px 16px #722ed140}.system-status-widget-modern{width:100%}.status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.status-summary{padding:4px 12px;background:#13c2c21a;border-radius:12px}.services-list{display:flex;flex-direction:column;gap:8px}.service-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;transition:all .3s ease;cursor:pointer}.service-item:hover{transform:translate(4px)}.service-icon{font-size:18px}.service-name{flex:1;font-weight:500;font-size:.9rem}.service-status{font-size:18px}[data-theme=dark] .status-summary{background:#13c2c226}.personal-todo-widget-modern{width:100%}.todo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.todo-progress{display:flex;align-items:center}.todo-input-wrapper{margin-bottom:12px}.todo-input{border-radius:8px 0 0 8px!important;border-color:#00d4ff33!important}.todo-input:focus{border-color:#00d4ff!important;box-shadow:0 0 0 2px #00d4ff1a!important}.todo-add-btn{border-radius:0 8px 8px 0!important;background:linear-gradient(135deg,#00d4ff,#0891b2)!important;border:none!important}.todo-add-btn:hover{background:linear-gradient(135deg,#22d3ee,#06b6d4)!important}.todo-list-container{max-height:200px;overflow-y:auto}.todo-item{border-radius:8px;margin-bottom:4px;padding:8px 12px!important;transition:all .3s ease;background:#00000005;border:none!important}.todo-item:hover{background:#00d4ff0f}.todo-item.completed{background:#52c41a0f}.todo-text{font-size:.9rem}.todo-delete-btn{opacity:0;transition:opacity .3s ease}.todo-item:hover .todo-delete-btn{opacity:1}.todo-footer{text-align:right;margin-top:8px;padding-top:8px;border-top:1px solid rgba(0,0,0,.06)}[data-theme=dark] .todo-item{background:#ffffff05}[data-theme=dark] .todo-item:hover{background:#00d4ff1a}[data-theme=dark] .todo-item.completed{background:#52c41a1a}[data-theme=dark] .todo-footer{border-top-color:#ffffff0f}.todo-list-container::-webkit-scrollbar{width:4px}.todo-list-container::-webkit-scrollbar-track{background:transparent}.todo-list-container::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:10px}.weather-widget-modern{height:100%}.weather-icon-animate{animation:float 6s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(0,0,0,.2))}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(2deg)}to{transform:translateY(0) rotate(0)}}.forecast-card:hover{transform:translateY(-5px);background:#ffffff4d!important}.weather-main-card:hover{box-shadow:0 15px 40px #0003!important}.weather-settings-modal .ant-modal-content{border-radius:16px;background:#fff}.weather-settings-modal .ant-modal-header{border-bottom:none;padding-bottom:0}.weather-settings-modal .ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;height:40px;padding:0 24px}[data-theme=dark] .weather-settings-modal .ant-modal-content{background:#1f1f1f}[data-theme=dark] .weather-settings-modal .ant-typography{color:#ffffffd9}.modern-announcement-widget{display:flex;flex-direction:column;height:100%;overflow:hidden}.modern-announcement-widget .widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.04)}.modern-announcement-widget .header-icon{color:#ff4d4f;font-size:16px;animation:bell-ring 4s infinite ease-in-out}@keyframes bell-ring{0%,to{transform:rotate(0)}5%,15%{transform:rotate(10deg)}10%{transform:rotate(-10deg)}20%{transform:rotate(0)}}.announcement-list{display:flex;flex-direction:column;gap:8px;flex:1;overflow-y:auto}.announcement-item{position:relative;padding:10px 12px;background:#ffffff80;border-radius:12px;border:1px solid rgba(0,0,0,.03);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.announcement-item:hover{background:#fffc;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.item-glow{position:absolute;left:0;top:15%;bottom:15%;width:3px;border-radius:0 4px 4px 0;opacity:.6}.announcement-item.high .item-glow{box-shadow:0 0 8px currentColor;animation:glow-pulse 2s infinite ease-in-out}@keyframes glow-pulse{0%,to{opacity:.4}50%{opacity:1}}.item-content{display:flex;flex-direction:column;gap:2px}.item-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.item-title{font-size:13px;max-width:140px}.item-time{font-size:10px;opacity:.6;white-space:nowrap}.item-body{font-size:12px;opacity:.8}.unread-dot{width:6px;height:6px;border-radius:50%}.announcement-item .item-actions{position:absolute;right:4px;top:50%;transform:translateY(-50%) translate(20px);opacity:0;transition:all .2s ease;display:flex;gap:2px;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:4px;border-radius:8px}.announcement-item:hover .item-actions{transform:translateY(-50%) translate(0);opacity:1}.modern-announcement-widget.small .item-title{max-width:100px}.announcement-item.read{opacity:.7;background:#00000003}[data-theme=dark] .announcement-item{background:#ffffff08;border-color:#ffffff0d}[data-theme=dark] .item-actions{background:#1e293bf2}.dashboard-header-modern{position:relative;padding:12px 24px;margin:-24px -24px 16px;border-radius:0 0 16px 16px;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);min-height:80px}.header-gradient-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.1) 0%,transparent 40%);pointer-events:none}.header-content{position:relative;display:flex;justify-content:space-between;align-items:center;z-index:1}.header-left{flex:1}.greeting-title{color:#fff!important;margin-bottom:4px!important;font-weight:700!important;font-size:1.5rem!important;text-shadow:0 2px 8px rgba(0,0,0,.15)}.date-time-row{margin-top:8px}.date-badge,.time-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#fff3;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.date-badge .ant-typography,.time-badge .ant-typography{color:#fffffff2!important;font-size:.8rem}.date-badge .anticon,.time-badge .anticon{color:#ffffffe6}.live-time{font-family:Inter,SF Mono,monospace;font-size:1rem!important;letter-spacing:.05em}.customize-btn{background:#fffffff2!important;color:#667eea!important;border:none!important;font-weight:600!important;height:32px!important;padding:0 16px!important;border-radius:8px!important;box-shadow:0 4px 16px #00000026!important;transition:all .3s ease!important}.customize-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0003!important;background:#fff!important}[data-theme=dark] .dashboard-header-modern{background:linear-gradient(135deg,#1e3a5f,#2d1b4e,#4a1942)}[data-theme=dark] .customize-btn{background:#ffffffe6!important}.announcement-section{margin-bottom:20px;padding:12px 20px;background:#ffffffe6;border-radius:16px;box-shadow:0 4px 20px #0000000f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.announcement-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.no-announcements{text-align:center;padding:16px}.announcements-list{display:flex;flex-direction:column;gap:8px}.announcement-card{padding:8px 12px;background:#00000005;border-radius:12px;border-left:3px solid;transition:all .2s ease}.announcement-card.unread{background:#ff4d4f0a}.announcement-card:hover{background:#0000000a;transform:translate(4px)}.announcement-content{display:flex;flex-direction:column;gap:4px}.announcement-title-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.announcement-title{font-size:.9rem}.announcement-body{font-size:.85rem;line-height:1.4}.announcement-footer{display:flex;justify-content:space-between;align-items:center;margin-top:4px}[data-theme=dark] .announcement-section{background:#1e293be6}[data-theme=dark] .announcement-card{background:#ffffff0a}[data-theme=dark] .announcement-card.unread{background:#ff4d4f14}[data-theme=dark] .announcement-card:hover{background:#ffffff14}.dashboard-page{width:100%;position:relative;min-height:100vh}.dashboard-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,212,255,.03) 0%,transparent 50%),linear-gradient(225deg,rgba(139,92,246,.03) 0%,transparent 50%);pointer-events:none;z-index:-1}.dashboard-header{margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:linear-gradient(135deg,#ffffffd9,#f8fafcb3);border-radius:12px;border:1px solid rgba(0,212,255,.12);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;overflow:hidden;box-shadow:0 4px 16px #0000000a,0 1px #ffffffe6 inset;transition:all .3s ease}.dashboard-header:hover{box-shadow:0 12px 48px #00d4ff14,0 1px #ffffffe6 inset}.dashboard-header:before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background:linear-gradient(180deg,#00d4ff,#8b5cf6,#0891b2);border-radius:20px 0 0 20px;animation:shimmer 3s ease-in-out infinite}.dashboard-header:after{content:"";position:absolute;top:-60%;right:-15%;width:400px;height:400px;background:radial-gradient(circle,rgba(0,212,255,.12) 0%,rgba(139,92,246,.06) 50%,transparent 70%);pointer-events:none;animation:float 8s ease-in-out infinite}.dashboard-header h2{margin:0;font-weight:700;font-size:1.4rem;background:linear-gradient(135deg,#0f172a,#6366f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.widget-grid{width:100%}.widget-grid .ant-col{display:flex;flex-direction:column}.widget-animation-wrapper{width:100%;height:100%;animation:widgetEnter .7s cubic-bezier(.34,1.56,.64,1) forwards;opacity:0}.widget-grid .ant-col:nth-child(1) .widget-animation-wrapper{animation-delay:.05s}.widget-grid .ant-col:nth-child(2) .widget-animation-wrapper{animation-delay:.1s}.widget-grid .ant-col:nth-child(3) .widget-animation-wrapper{animation-delay:.15s}.widget-grid .ant-col:nth-child(4) .widget-animation-wrapper{animation-delay:.2s}.widget-grid .ant-col:nth-child(5) .widget-animation-wrapper{animation-delay:.25s}.widget-grid .ant-col:nth-child(6) .widget-animation-wrapper{animation-delay:.3s}.widget-grid .ant-col:nth-child(7) .widget-animation-wrapper{animation-delay:.35s}.widget-grid .ant-col:nth-child(8) .widget-animation-wrapper{animation-delay:.4s}.widget-grid .widget-wrapper{width:100%;height:100%;border-radius:12px;transition:all .5s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#fffffff2,#ffffffd9);border:1px solid rgba(0,212,255,.1);box-shadow:0 4px 16px #0000000a,0 1px #ffffffe6 inset;position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.widget-grid .widget-wrapper:before{content:"";position:absolute;top:0;left:0;width:60px;height:60px;background:linear-gradient(135deg,rgba(0,212,255,.1) 0%,transparent 70%);border-radius:20px 0;pointer-events:none;transition:all .5s cubic-bezier(.4,0,.2,1);opacity:0}.widget-grid .widget-wrapper:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:translate(-100%) translateY(-100%) rotate(45deg);transition:transform .6s ease;pointer-events:none}.widget-grid .widget-wrapper:hover{transform:translateY(-6px) scale(1.01);border-color:#00d4ff40;box-shadow:0 16px 48px #00d4ff1f,0 8px 24px #00000014,0 1px #ffffffe6 inset}.widget-grid .widget-wrapper:hover:before{width:120px;height:120px;background:linear-gradient(135deg,rgba(0,212,255,.15) 0%,rgba(139,92,246,.08) 50%,transparent 70%);opacity:1}.widget-grid .widget-wrapper:hover:after{transform:translate(100%) translateY(100%) rotate(45deg)}.quick-action-card:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 24px #00000026}.quick-action-card:hover .action-icon{transform:scale(1.1) rotate(5deg)}.shortcut-card{position:relative}.shortcut-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);border-radius:12px;opacity:0;transition:opacity .3s ease;pointer-events:none}.shortcut-card:hover:before{opacity:1}.shortcut-card:hover{transform:translateY(-6px) scale(1.05);box-shadow:0 16px 32px #00000040}.forecast-card:hover{transform:scale(1.05);background:#00d4ff14!important;border-color:#00d4ff33!important}.progress-goal-card:hover{transform:translate(4px);box-shadow:0 4px 16px #00000014}.announcement-card:hover{transform:translate(4px);box-shadow:0 8px 24px #00000014}.resource-card:hover{transform:scale(1.05);box-shadow:0 8px 24px #0000001a}.widget-icon-preview{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#64748b;border:1px solid rgba(0,0,0,.04);transition:all .3s cubic-bezier(.4,0,.2,1)}.widget-icon-preview:hover{transform:scale(1.1) rotate(5deg)}.widget-icon-preview.welcome{background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#0284c7;border-color:#0284c733}.widget-icon-preview.stats{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#16a34a;border-color:#16a34a33}.widget-icon-preview.weather{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb;border-color:#2563eb33}.widget-icon-preview.quick-actions{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706;border-color:#d9770633}@keyframes widgetEnter{0%{opacity:0;transform:translateY(30px) scale(.95) rotateX(10deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}@keyframes shimmer{0%,to{opacity:.8}50%{opacity:1}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}[data-theme=dark] .dashboard-page:before{background:linear-gradient(135deg,rgba(0,212,255,.06) 0%,transparent 50%),linear-gradient(225deg,rgba(139,92,246,.06) 0%,transparent 50%)}[data-theme=dark] .dashboard-header{background:linear-gradient(135deg,#1e293bf2,#0f172ad9);border-color:#00d4ff33;box-shadow:0 8px 32px #0000004d,0 1px #ffffff0d inset}[data-theme=dark] .dashboard-header:hover{box-shadow:0 12px 48px #00d4ff26,0 1px #ffffff0d inset}[data-theme=dark] .dashboard-header:after{background:radial-gradient(circle,rgba(0,212,255,.15) 0%,rgba(139,92,246,.08) 50%,transparent 70%)}[data-theme=dark] .dashboard-header h2{background:linear-gradient(135deg,#e2e8f0,#a78bfa);-webkit-background-clip:text;background-clip:text}[data-theme=dark] .widget-grid .widget-wrapper{background:linear-gradient(135deg,#1e293bf2,#0f172ae6);border-color:#00d4ff26;box-shadow:0 8px 32px #0006,0 1px #ffffff0d inset}[data-theme=dark] .widget-grid .widget-wrapper:hover{border-color:#00d4ff59;box-shadow:0 16px 48px #00d4ff33,0 8px 24px #00000080,0 1px #ffffff0d inset}[data-theme=dark] .widget-grid .widget-wrapper:before{background:linear-gradient(135deg,rgba(0,212,255,.15) 0%,rgba(139,92,246,.1) 50%,transparent 70%)}[data-theme=dark] .widget-icon-preview{background:linear-gradient(135deg,#1e293b,#0f172a);color:#94a3b8;border-color:#ffffff14}.stat-card{background:#f1f5f9b3!important;border-radius:14px!important;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.04)!important}[data-theme=dark] .stat-card{background:#ffffff0a!important;border-color:#ffffff14!important}.stat-card:hover{background:#ffffffe6!important;transform:translateY(-3px) scale(1.02);box-shadow:0 6px 20px #00000014}[data-theme=dark] .stat-card:hover{background:#ffffff1a!important;box-shadow:0 6px 20px #0000004d}.stat-card .ant-statistic-title{color:#64748b;font-weight:600;font-size:13px;letter-spacing:.5px;text-transform:uppercase}[data-theme=dark] .stat-card .ant-statistic-title{color:#ffffff80}.stat-card .ant-statistic-content{color:#0f172a;font-weight:600}[data-theme=dark] .stat-card .ant-statistic-content{color:#fffffff2}@media (max-width: 768px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:16px;padding:20px 24px}.dashboard-header h2{font-size:1.5rem}.widget-grid .widget-wrapper:hover{transform:translateY(-2px) scale(1)}}.activity-feed::-webkit-scrollbar{width:6px}.activity-feed::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.activity-feed::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00d4ff,#0891b2);border-radius:10px}.activity-feed::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#22d3ee,#06b6d4)}.projects-page{width:100%;padding:24px}.projects-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.projects-header-left{display:flex;align-items:center;gap:16px}.projects-header-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;background:linear-gradient(135deg,#1890ff1a,#1890ff33);color:var(--primary-color)}.projects-header-text p{margin:0;font-size:13px;color:var(--text-secondary)}.status-tabs{display:flex;gap:6px;margin-bottom:20px;padding:4px;background:var(--bg-primary);border-radius:12px;border:1px solid var(--border-color);width:fit-content}.status-tab{padding:6px 16px;border-radius:8px;font-size:12px;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;border:none;background:transparent;white-space:nowrap}.status-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.status-tab.active{background:var(--bg-card);color:var(--primary-color);box-shadow:0 1px 3px #00000014}.status-tab .tab-count{background:var(--bg-hover);padding:1px 7px;border-radius:10px;font-size:11px;font-weight:800}.status-tab.active .tab-count{background:#1890ff1a;color:var(--primary-color)}.projects-list{display:flex;flex-direction:column;gap:6px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:6px}.project-row{display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:10px;cursor:pointer;transition:all .15s;position:relative}.project-row:hover{background:var(--bg-hover)}.project-row-color{width:4px;height:32px;border-radius:2px;flex-shrink:0}.project-row-main{flex:1;min-width:0}.project-row-name{font-size:14px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-row-desc{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.project-row-progress{display:flex;align-items:center;gap:8px;width:120px;flex-shrink:0}.project-row-progress .progress-bar-bg{flex:1;height:5px;background:var(--bg-primary);border-radius:3px;overflow:hidden}.project-row-progress .progress-bar-fill{height:100%;border-radius:3px;transition:width .3s}.project-row-progress .progress-text{font-size:11px;font-weight:700;color:var(--text-secondary);white-space:nowrap;min-width:28px;text-align:right}.project-row-date{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--text-secondary);width:60px;flex-shrink:0;white-space:nowrap}.project-row-actions{display:flex;gap:2px;flex-shrink:0;opacity:0;transition:opacity .15s}.project-row:hover .project-row-actions{opacity:1}.projects-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:var(--bg-card);border:2px dashed var(--border-color);border-radius:16px}.projects-empty-icon{width:72px;height:72px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:32px;background:#1890ff14;color:var(--primary-color);margin-bottom:20px}.projects-empty h3{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.projects-empty p{font-size:13px;color:var(--text-secondary);margin:0 0 24px}.projects-page{width:100%}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-header h2{margin:0}.agenda-page{width:100%;position:relative;padding-bottom:24px;user-select:none;-webkit-user-select:none}.agenda-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:12px 20px;background:#fff9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 20px #00000008;transition:all .3s ease}[data-theme=dark] .agenda-page .page-header{background:#1e1e2e99;border-color:#ffffff14}.agenda-content{display:flex;gap:16px;align-items:flex-start}.calendar-container{flex:1;background:#ffffffb3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 32px #0000000d;overflow:hidden;padding:12px}[data-theme=dark] .calendar-container{background:#1e1e2e80;border-color:#ffffff14;box-shadow:0 8px 32px #0003}.calendar-container .ant-picker-calendar{background:transparent}.calendar-container .ant-picker-panel{background:transparent;border:none}.calendar-container .ant-picker-content th{color:#64748b;font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:1px;padding-bottom:16px}[data-theme=dark] .calendar-container .ant-picker-content th{color:#fff6}.ant-picker-calendar-date-content{height:60px!important}.ant-picker-cell .ant-picker-calendar-date{border-top:none!important;margin:6px!important;border-radius:16px!important;background:#fff6;box-shadow:0 2px 4px #00000005;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .ant-picker-cell .ant-picker-calendar-date{border-top:none!important;background:#ffffff08;box-shadow:0 2px 4px #0003}.ant-picker-cell:hover .ant-picker-calendar-date{background:#ffffffe6!important;transform:translateY(-2px) scale(1.02);box-shadow:0 8px 16px #0000000f;z-index:10}[data-theme=dark] .ant-picker-cell:hover .ant-picker-calendar-date{background:#ffffff14!important;box-shadow:0 8px 16px #0000004d}.ant-picker-cell-selected .ant-picker-calendar-date{background:transparent!important;border:2px solid #faad14!important;box-shadow:0 0 12px #faad1466!important;transform:scale(.98)}[data-theme=dark] .ant-picker-cell-selected .ant-picker-calendar-date{background:transparent!important;border:2px solid #d4b106!important;box-shadow:0 0 15px #faad1433!important}.ant-picker-cell-selected:has(.agenda-events-container) .ant-picker-calendar-date-value{color:#faad14!important}.ant-picker-cell-today .ant-picker-calendar-date-value{background:linear-gradient(135deg,#00d4ff,#0072ff)!important;color:#fff!important;width:32px!important;height:32px!important;border-radius:10px!important;box-shadow:0 4px 15px #0072ff66!important;display:flex!important;align-items:center;justify-content:center;font-weight:800!important;border:2px solid rgba(255,255,255,.2)!important}.ant-picker-cell-in-view .ant-picker-calendar-date{opacity:1}.ant-picker-calendar .ant-picker-cell:not(.ant-picker-cell-in-view) .ant-picker-calendar-date{opacity:.4;background:transparent!important;box-shadow:none!important;filter:grayscale(100%)}.ant-picker-calendar .ant-picker-cell:not(.ant-picker-cell-in-view) .ant-picker-calendar-date-value{color:#ccc;font-weight:400}[data-theme=dark] .ant-picker-calendar .ant-picker-cell:not(.ant-picker-cell-in-view) .ant-picker-calendar-date-value{color:#555}.ant-picker-cell-today .ant-picker-calendar-date-value{background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff;box-shadow:0 4px 12px #1890ff66;border-radius:8px;width:28px;height:28px;line-height:28px;display:flex;align-items:center;justify-content:center;font-weight:700}.agenda-events-container{display:flex;flex-direction:column;gap:4px;margin-top:4px}.event-card{display:flex;align-items:center;gap:6px;padding:3px 8px;border-radius:6px;background:#1890ff14;border-left:4px solid #1890ff;font-size:10.5px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:2px;color:#1a1a1a;box-shadow:0 2px 5px #00000005;border-top:1px solid rgba(255,255,255,.1)}[data-theme=dark] .event-card{background:#ffffff0f;color:#ffffffe6;border-top:1px solid rgba(255,255,255,.05)}.event-card:hover{transform:scale(1.02) translate(4px);background:#1890ff26!important;box-shadow:0 4px 12px #00000014;z-index:2}.task-pill{display:flex;align-items:center;gap:6px;padding:3px 8px;border-radius:6px;background:#52c41a14;border:1px solid rgba(82,196,26,.2);border-left:4px solid #52c41a;font-size:10px;color:#389e0d;margin-bottom:2px;font-weight:700;transition:all .2s ease}[data-theme=dark] .task-pill{background:#52c41a1f;color:#73d13d}.event-card .event-title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.ant-picker-cell:has(.agenda-events-container) .ant-picker-calendar-date-value:after,.ant-picker-cell:has(.task-pill) .ant-picker-calendar-date-value:before,.ant-picker-cell:has(.has-tasks) .ant-picker-calendar-date-value:before{display:none!important}.ant-picker-cell:has(.agenda-events-container) .ant-picker-calendar-date{border-top:2px solid rgba(24,144,255,.15)!important}.ant-picker-cell:has(.task-pill) .ant-picker-calendar-date{border-top-color:#52c41a33!important}.agenda-timeline{margin-top:12px}.timeline-event-item{background:#ffffff80;border-radius:8px;padding:8px 12px;cursor:pointer;transition:all .2s;border:1px solid transparent}.timeline-event-item:hover{background:#fffc;transform:translate(4px);box-shadow:0 4px 12px #0000000d}[data-theme=dark] .timeline-event-item{background:#0003}[data-theme=dark] .timeline-event-item:hover{background:#ffffff0d}.timeline-time{font-size:11px;color:#888;margin-bottom:2px;font-weight:500}.timeline-content{position:relative}.timeline-desc{font-size:11px;color:#666;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-actions{position:absolute;right:0;top:0;opacity:0;transition:opacity .2s;background:#fffc;border-radius:4px;padding:2px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}[data-theme=dark] .timeline-actions{background:#0009}.timeline-event-item:hover .timeline-actions{opacity:1}.more-events{font-size:10px;color:#1890ff;text-align:center;padding:2px 0;font-weight:600;cursor:pointer}.agenda-sidebar{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:12px}.agenda-sidebar .ant-card{background:#ffffffb3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 32px #0000000d}[data-theme=dark] .agenda-sidebar .ant-card{background:#1e1e2e80;border-color:#ffffff14}.agenda-sidebar .ant-list-item{padding:12px;margin-bottom:8px;background:#ffffff80;border-radius:12px;border:1px solid rgba(0,0,0,.03);transition:all .2s}[data-theme=dark] .agenda-sidebar .ant-list-item{background:#0003;border-color:#ffffff0d}.agenda-sidebar .ant-list-item:hover{background:#fffc;transform:translate(4px);box-shadow:0 4px 12px #0000000d}[data-theme=dark] .agenda-sidebar .ant-list-item:hover{background:#ffffff0d}.color-blue{border-left-color:#1890ff!important;background:#1890ff14!important}.color-green{border-left-color:#52c41a!important;background:#52c41a14!important}.color-orange{border-left-color:#faad14!important;background:#faad141a!important}.color-red{border-left-color:#f5222d!important;background:#f5222d14!important}.color-purple{border-left-color:#722ed1!important;background:#722ed114!important}.color-cyan{border-left-color:#13c2c2!important;background:#13c2c214!important}@media (max-width: 992px){.agenda-content{flex-direction:column}.agenda-sidebar{width:100%}}.agenda-modal .ant-modal-content{background:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:16px 20px;border-radius:16px;box-shadow:0 12px 48px #0003}[data-theme=dark] .agenda-modal .ant-modal-content{background:#1e1e2ee6;border:1px solid rgba(255,255,255,.08)}.agenda-modal .ant-modal-header{background:transparent;border-bottom:1px solid rgba(0,0,0,.05);margin-bottom:16px}[data-theme=dark] .agenda-modal .ant-modal-header{border-bottom-color:#ffffff14}[data-theme=dark] .agenda-modal .ant-modal-title{color:#ffffffe6}.agenda-modal .ant-modal-close{top:24px;right:24px}[data-theme=dark] .agenda-modal .ant-modal-close{color:#fff9}.operations-page{height:calc(100vh - var(--header-height));padding:0;background:var(--bg-primary);overflow:hidden;display:flex;flex-direction:column}.ops-split-layout{display:flex;flex:1;overflow:hidden;position:relative}.ops-top-bar,.ops-inner-sidebar,.ops-detail-panel{background:#141414b3!important;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-color:#ffffff14!important}[data-theme=light] .ops-top-bar,[data-theme=light] .ops-inner-sidebar,[data-theme=light] .ops-detail-panel{background:#fffc!important;border-color:#0000000f!important}.ops-top-bar{height:48px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;background:var(--bg-secondary)!important;border-bottom:1px solid var(--border-color)!important;z-index:10}.search-wrapper{background:var(--bg-hover);border-radius:8px;padding:2px 8px;border:1px solid var(--border-color);width:280px;transition:all .3s}.search-wrapper:focus-within{background:var(--bg-secondary);border-color:var(--primary-color);box-shadow:0 0 0 2px #1890ff1a}.top-search-input{color:var(--text-primary)!important}.quick-filters-bar{padding:4px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);opacity:.95}.filter-chip{color:var(--text-secondary);font-size:13px;padding:4px 12px;border-radius:20px;transition:all .2s}.filter-chip:hover{background:#ffffff0d!important}.filter-chip.active{background:#1890ff1a!important;color:var(--primary-color)!important}.filter-chip.urgent.active{background:#ff4d4f26!important;color:#ff4d4f!important}.filter-chip.overdue.active{background:#ff4d4f33!important;color:#ff4d4f!important;font-weight:700}.filter-chip.today.active{background:#faad1426!important;color:#faad14!important}.filter-chip.completed.active{background:#52c41a26!important;color:#52c41a!important}.filter-chip.my.active{background:#722ed126!important;color:#722ed1!important}.ops-split-layout{display:flex;flex:1;overflow:hidden;position:relative;background:#0000000d}.ops-task-feed{flex:0 0 60%;border-right:1px solid var(--border-color);background:var(--bg-primary);overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding:8px}.ops-detail-panel{flex:0 0 40%;background:var(--bg-secondary);border-left:1px solid var(--border-color);overflow-y:auto;display:flex;flex-direction:column}.tab-pane-content{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.task-row{display:flex;align-items:center;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;gap:16px;box-shadow:var(--shadow-sm)}.task-row:hover{background:var(--bg-hover);border-color:var(--primary-color);transform:translate(4px);box-shadow:var(--shadow-md)}.task-row.selected{background:#1890ff14;border-color:var(--primary-color);box-shadow:inset 2px 0 0 var(--primary-color)}.task-row.pinned{background:#faad140a!important;border-left:2px solid #faad14!important}.task-row.pinned:hover{background:#faad1414!important}.task-row.active-work{background:#597ef714!important;border-left:3px solid #597ef7!important;box-shadow:0 4px 12px #597ef726!important;z-index:5}.task-row.active-work:hover{background:#597ef71f!important}.rocket-btn.active{color:#597ef7!important;animation:pulseRocket 2s infinite}@keyframes pulseRocket{0%{transform:scale(1)}50%{transform:scale(1.1);filter:drop-shadow(0 0 4px rgba(89,115,247,.5))}to{transform:scale(1)}}.row-selection{width:20px}.row-status{width:24px;display:flex;justify-content:center}.row-main{flex:1;min-width:0}.row-meta{width:160px;display:flex;flex-direction:column;gap:4px;align-items:flex-end;flex-shrink:0}.row-actions{width:80px;display:flex;gap:12px;align-items:center;justify-content:flex-end;opacity:0;transition:opacity .2s}.task-row:hover .row-actions{opacity:1}.row-title-line{display:flex;align-items:center;gap:8px;margin-bottom:2px}.row-title{font-weight:600;font-size:14px;color:var(--text-primary)}.row-desc{margin:0;font-size:12px;color:var(--text-secondary)}.row-meta-top{display:flex;align-items:center;gap:8px}.row-date-tag{font-size:10px;font-weight:700;border-radius:4px;padding:0 4px}.row-pin-btn{color:var(--text-tertiary);cursor:pointer;transition:color .2s}.row-pin-btn.active{color:#faad14}.row-pin-btn:hover{color:var(--primary-color)}.row-quick-done{background:#52c41a1a;border-color:#52c41a4d;color:#52c41a}.task-feed-item.overdue{border-left:4px solid var(--error-color)}.detail-content{display:flex;flex-direction:column;padding:16px}.detail-header-top{margin-bottom:20px}.detail-title{font-size:18px!important;font-weight:800!important;letter-spacing:-.5px;color:var(--text-primary)}.detail-desc{font-size:14px;line-height:1.6}.detail-divider{margin:24px 0!important;border-color:#ffffff0d!important}.section-label{font-size:10px;font-weight:800;letter-spacing:1.5px;color:var(--primary-color);margin-bottom:20px;text-transform:uppercase}.meta-item{display:flex;flex-direction:column;gap:4px}.meta-label{font-size:10px;letter-spacing:.5px;font-weight:600}.meta-value{font-size:13px;font-weight:500;color:var(--text-primary)}.priority-tag{font-size:10px!important;font-weight:800!important;border-radius:4px!important;padding:2px 8px!important}.subtasks-container{background:var(--bg-primary);border-radius:12px;padding:8px;border:1px solid var(--border-color)}.subtask-row{transition:all .2s cubic-bezier(.4,0,.2,1);background:var(--bg-secondary)}.subtask-row:hover{background:var(--bg-hover)!important;border-color:var(--primary-color)!important;transform:translate(4px)}.subtask-row.done{opacity:.6}.subtask-input{transition:all .3s}.subtask-input:focus-within{background:var(--bg-secondary)!important;box-shadow:0 0 0 2px #1890ff1a}.row-progress-container{width:100%;max-width:130px;margin-top:4px;display:flex;flex-direction:column;justify-content:center}.subtask-delete-btn{opacity:0;transition:opacity .2s}.subtask-row:hover .subtask-delete-btn{opacity:1}.detail-tabs.top-nav-tabs .ant-tabs-nav{margin:0!important;padding:0 32px;background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.detail-tabs.top-nav-tabs .ant-tabs-tab{padding:12px 16px!important}.detail-timeline{padding-top:12px}.timeline-item{display:flex;flex-direction:column;gap:2px}.timeline-text{font-size:13px}.timeline-time{font-size:10px;color:var(--text-tertiary)}.ops-inner-sidebar,.ops-detail-panel{background:var(--bg-secondary)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-color:var(--border-color)!important}.detail-header .ant-typography{letter-spacing:-.5px}.section-label{font-size:10px;letter-spacing:1px;color:var(--primary-color);margin-bottom:12px}.time-remaining-label{font-size:10px;font-weight:700;color:var(--warning-color);background:#faad141a;padding:0 6px;border-radius:4px;text-transform:uppercase}.global-progress-meta{display:flex;align-items:center;background:var(--bg-primary);padding:2px 12px;border-radius:6px;border:1px solid var(--border-color)}:root{--reading-font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Console", monospace;--reading-heading-font: "Courier New", Courier, monospace;--reading-line-height: 1.65;--reading-max-width: 850px;--reading-text-color: #1a1a1a;--reading-heading-color: #000000;--reading-paper-bg: rgba(255, 255, 250, .95);--reading-paper-backdrop: blur(12px)}[data-theme=dark]{--reading-text-color: #e0e0e0;--reading-heading-color: #ffffff;--reading-paper-bg: rgba(28, 28, 30, .95)}.reading-paper{background:var(--reading-paper-bg);backdrop-filter:var(--reading-paper-backdrop);-webkit-backdrop-filter:var(--reading-paper-backdrop);padding:50px 70px;border-radius:8px;box-shadow:0 10px 40px #0000001a;position:relative;transition:all .3s ease;min-height:80vh}.typewriter-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid rgba(0,0,0,.8);padding-bottom:15px;margin-bottom:40px;font-family:var(--reading-font-family)}[data-theme=dark] .typewriter-toolbar{border-bottom-color:#fff3}.toolbar-left,.toolbar-right{flex:1;display:flex;align-items:center}.toolbar-right{justify-content:flex-end;gap:8px}.toolbar-meta{font-size:.8rem;color:#666;text-transform:uppercase;letter-spacing:1px}[data-theme=dark] .toolbar-meta{color:#999}.toolbar-center{flex:2;text-align:center}.toolbar-title{font-family:var(--reading-heading-font)!important;font-size:1.4rem!important;font-weight:700!important;color:var(--reading-heading-color)!important;margin:0!important;text-transform:uppercase;letter-spacing:2px}.reading-content{font-family:var(--reading-font-family);line-height:var(--reading-line-height);color:var(--reading-text-color);font-size:16px}.reading-content.size-small{font-size:14px}.reading-content.size-medium{font-size:17px}.reading-content.size-large{font-size:20px}.reading-content.size-small p{margin-bottom:1.2rem}.reading-content.size-medium p{margin-bottom:1.5rem}.reading-content.size-large p{margin-bottom:1.8rem}.reading-content h1,.reading-content h2,.reading-content h3{font-family:var(--reading-heading-font);text-transform:uppercase;margin-top:2rem}.reading-content p{margin-bottom:1.5rem;text-align:justify}.reading-content blockquote{border-left:2px solid #333;padding-left:1.5rem;font-style:italic;margin:2rem 0}[data-theme=dark] .reading-content blockquote{border-left-color:#888}@media (max-width: 768px){.reading-paper{padding:30px 20px}.toolbar-title{font-size:1rem!important}}.rich-text-editor{border:1px solid transparent;border-radius:12px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#667eea,#764ba2) border-box;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:all .3s ease}.rich-text-editor:focus-within{box-shadow:0 8px 30px #667eea33}.menu-bar{padding:12px 16px;background:linear-gradient(135deg,#667eea0d,#764ba20d);border-bottom:1px solid rgba(0,0,0,.06)}.menu-bar .ant-btn{border-radius:8px;transition:all .2s ease}.menu-bar .ant-btn:hover{transform:translateY(-1px)}.menu-bar .ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none}.editor-content{padding:20px 24px;background:#fff}.editor-content .ProseMirror{outline:none;min-height:inherit}.editor-content .ProseMirror>*+*{margin-top:.75em}.editor-content h1{font-size:2em;font-weight:700;line-height:1.2;color:#1a1a1a;margin-top:1em;margin-bottom:.5em}.editor-content h2{font-size:1.5em;font-weight:600;line-height:1.3;color:#2a2a2a;margin-top:.8em;margin-bottom:.4em}.editor-content h3{font-size:1.25em;font-weight:600;line-height:1.4;color:#3a3a3a;margin-top:.6em;margin-bottom:.3em}.editor-content p{line-height:1.7;color:#4a4a4a}.editor-content code{background:#667eea1a;color:#667eea;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:.9em}.editor-content pre{background:#1e1e1e;color:#d4d4d4;padding:16px;border-radius:8px;overflow-x:auto;font-family:Courier New,monospace;font-size:.9em}.editor-content pre code{background:none;color:inherit;padding:0}.editor-content ul,.editor-content ol{padding-left:1.5em}.editor-content li{margin:.4em 0;line-height:1.6}.editor-content ul>li{list-style-type:disc}.editor-content ol>li{list-style-type:decimal}.editor-content ul[data-type=taskList]{list-style:none;padding-left:0}.editor-content ul[data-type=taskList] li{display:flex;align-items:flex-start}.editor-content ul[data-type=taskList] li>label{flex:0 0 auto;margin-right:.5rem;-webkit-user-select:none;user-select:none}.editor-content ul[data-type=taskList] li>div{flex:1 1 auto}.editor-content input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:#667eea}.editor-content a{color:#667eea;text-decoration:underline;cursor:pointer;transition:color .2s ease}.editor-content a:hover{color:#764ba2}.editor-content img{max-width:100%;height:auto;border-radius:8px;margin:1em 0;box-shadow:0 4px 12px #0000001a}.editor-content table{border-collapse:collapse;table-layout:fixed;width:100%;margin:1em 0;overflow:hidden;border-radius:8px;box-shadow:0 2px 8px #00000014}.editor-content td,.editor-content th{min-width:1em;border:1px solid #e0e0e0;padding:10px 12px;vertical-align:top;box-sizing:border-box;position:relative}.editor-content th{font-weight:600;text-align:left;background:linear-gradient(135deg,#667eea1a,#764ba21a)}.editor-content .selectedCell:after{z-index:2;position:absolute;content:"";left:0;right:0;top:0;bottom:0;background:#667eea33;pointer-events:none}.editor-content blockquote{padding-left:1em;border-left:4px solid #667eea;margin-left:0;margin-right:0;font-style:italic;color:#666}.editor-content hr{border:none;border-top:2px solid rgba(102,126,234,.2);margin:2em 0}.editor-content .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#adb5bd;pointer-events:none;height:0}.editor-footer{padding:8px 16px;background:#f8fafce6;border-top:1px solid rgba(0,0,0,.06);display:flex;justify-content:flex-end}.character-count{font-size:.85rem;color:#666}[data-theme=dark] .rich-text-editor{background:linear-gradient(#1a1a1a,#1a1a1a) padding-box,linear-gradient(135deg,#667eea,#764ba2) border-box}[data-theme=dark] .menu-bar{background:linear-gradient(135deg,#667eea1a,#764ba21a)}[data-theme=dark] .editor-content{background:#1a1a1a}[data-theme=dark] .editor-content h1,[data-theme=dark] .editor-content h2,[data-theme=dark] .editor-content h3{color:#e0e0e0}[data-theme=dark] .editor-content p{color:#b0b0b0}[data-theme=dark] .editor-footer{background:#1e1e1ee6}.note-card{position:relative;border-radius:16px;border:2px solid var(--note-border, rgba(102, 126, 234, .3));background:var(--note-bg, #ffffff);box-shadow:0 4px 20px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;min-height:140px;display:flex;flex-direction:column}.note-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #667eea26}.note-card .ant-card-body{padding:12px!important;display:flex;flex-direction:column;height:100%;flex:1}.note-card.colored:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--note-border)}.note-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.note-card-status{display:flex;gap:6px}.status-icon{font-size:14px;opacity:.7}.status-icon.encrypted{color:#f39c12}.status-icon.shared{color:#3498db}.note-card-actions{display:flex;gap:4px;opacity:0;transform:translate(10px);transition:all .2s ease}.note-card:hover .note-card-actions{opacity:1;transform:translate(0)}.action-btn{width:28px;height:28px;border-radius:8px;border:none;background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s ease}.action-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-btn.favorite.active{color:#f39c12}.action-btn.favorite.active:hover{background:#f39c12;color:#fff}.action-btn.share.active{color:#3498db}.action-btn.share.active:hover{background:#3498db;color:#fff}.note-card-title{margin:0 0 4px!important;font-size:.95rem!important;font-weight:600!important;color:var(--note-text, #1a1a2e)!important;line-height:1.3!important}.note-card-preview{flex:1;color:#666!important;font-size:.8rem!important;line-height:1.4!important;margin-bottom:8px!important}.note-card-encrypted{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;color:#f39c12;font-size:.85rem;opacity:.8}.note-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid rgba(0,0,0,.04);margin-top:auto}.folder-tag{background:#667eea14!important;border:none!important;color:#667eea!important;border-radius:6px!important}.note-card-time{font-size:.75rem;color:#888;display:flex;align-items:center;gap:4px}.note-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:2px;background:linear-gradient(135deg,#667eea00,#764ba200);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;pointer-events:none;transition:background .3s ease}.note-card:hover:after{background:linear-gradient(135deg,#667eea80,#764ba280)}[data-theme=dark] .note-card{background:#1e1e2e}[data-theme=dark] .note-card-title{color:#e0e0e0!important}[data-theme=dark] .note-card-preview{color:#a0a0a0!important}[data-theme=dark] .note-card-footer{border-top-color:#ffffff0f}[data-theme=dark] .note-card-time{color:#888}[data-theme=dark] .action-btn{background:#1e1e2ee6;color:#a0a0a0}[data-theme=dark] .note-card.colored{background:#1e1e2ef2}.notes-pagination{display:flex;justify-content:center;margin-top:32px;padding:16px;background:#fff6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.2)}[data-theme=dark] .notes-pagination{background:#1e1e2e66;border-color:#ffffff0d}.folder-sidebar{background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 20px #0000000a;overflow:hidden;height:100%;display:flex;flex-direction:column}.folder-sidebar-header{padding:16px 20px;background:linear-gradient(135deg,#667eea0d,#764ba20d);border-bottom:1px solid rgba(0,0,0,.04);display:flex;justify-content:space-between;align-items:center}.add-folder-btn{color:#667eea!important}.add-folder-btn:hover{background:#667eea1a!important}.folder-sidebar-search{padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.04)}.folder-sidebar-search .ant-input-affix-wrapper{border-radius:10px;border-color:#00000014;transition:all .2s ease}.folder-sidebar-search .ant-input-affix-wrapper:hover,.folder-sidebar-search .ant-input-affix-wrapper:focus-within{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.special-folders{padding:8px;border-bottom:1px solid rgba(0,0,0,.04)}.special-folder-item{display:flex;align-items:center;padding:10px 12px;border-radius:10px;cursor:pointer;transition:all .2s ease;gap:10px}.special-folder-item:hover{background:#667eea0d}.special-folder-item.active{background:linear-gradient(135deg,#667eea1f,#764ba21f)}.special-folder-icon{width:28px;height:28px;border-radius:8px;background:#667eea1a;display:flex;align-items:center;justify-content:center;font-size:14px}.special-folder-item.active .special-folder-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.special-folder-name{flex:1;font-size:.9rem;font-weight:500;color:#333}.folder-tree-container{flex:1;overflow-y:auto;padding:8px}.folder-tree-header{font-size:.75rem;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.5px;padding:8px 12px 4px}.folder-tree .ant-tree-treenode{padding:4px 0;border-radius:8px;transition:all .15s ease}.folder-tree .ant-tree-treenode:hover{background:#667eea0d}.folder-tree .ant-tree-treenode-selected{background:linear-gradient(135deg,#667eea1f,#764ba21f)!important}.folder-tree .ant-tree-node-content-wrapper{border-radius:6px;padding:4px 8px!important}.folder-tree .ant-tree-node-selected .ant-tree-node-content-wrapper{background:transparent!important}.folder-tree .ant-tree-iconEle{color:#667eea}.folder-tree .ant-tree-switcher{color:#999}.folder-tree-item{display:flex;align-items:center;gap:8px}.folder-tree-item .folder-name{flex:1;font-size:.9rem;color:#444}.folder-tree-item .folder-count{margin-left:auto}.folder-loading{display:flex;justify-content:center;align-items:center;padding:40px}[data-theme=dark] .folder-sidebar{background:#1e1e2e;border-color:#ffffff14}[data-theme=dark] .folder-sidebar-header{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-bottom-color:#ffffff0d}[data-theme=dark] .special-folders,[data-theme=dark] .folder-sidebar-search{border-bottom-color:#ffffff0d}[data-theme=dark] .special-folder-name,[data-theme=dark] .folder-tree-item .folder-name{color:silver}[data-theme=dark] .folder-tree-header{color:#666}[data-theme=dark] .folder-tree .ant-tree-treenode:hover{background:#667eea1a}.note-templates-modal .ant-modal-content{border-radius:20px;overflow:hidden}.note-templates-modal .ant-modal-header{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-bottom:1px solid rgba(0,0,0,.04);padding:20px 24px}.note-templates-modal .ant-modal-title{font-size:1.25rem;font-weight:600}.note-templates-modal .ant-modal-body{padding:24px;max-height:70vh;overflow-y:auto}.template-card{border-radius:16px;border:2px solid rgba(0,0,0,.06);text-align:center;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.template-card:hover{transform:translateY(-4px);border-color:#667eea;box-shadow:0 12px 40px #667eea26}.template-icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#667eea1a,#764ba21a);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:16px;transition:all .3s ease}.template-card:hover .template-icon{transform:scale(1.1);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff!important}.template-name{margin:0 0 4px!important;font-size:1rem!important;color:#1a1a2e!important}.template-desc{font-size:.85rem!important}[data-theme=dark] .note-templates-modal .ant-modal-content{background:#1e1e2e}[data-theme=dark] .note-templates-modal .ant-modal-header{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-bottom-color:#ffffff0d}[data-theme=dark] .template-card{background:#252536;border-color:#ffffff14}[data-theme=dark] .template-card:hover{border-color:#667eea}[data-theme=dark] .template-name{color:#e0e0e0!important}.view-toggle{background:#667eea14!important;border-radius:12px!important;padding:4px!important}.view-toggle .ant-segmented-item{border-radius:8px!important;transition:all .2s ease!important}.view-toggle .ant-segmented-item-selected{background:linear-gradient(135deg,#667eea,#764ba2)!important;box-shadow:0 4px 12px #667eea4d!important}.view-toggle .ant-segmented-item-selected .ant-segmented-item-label{color:#fff!important}.view-toggle-option{display:flex;align-items:center;justify-content:center;padding:4px 8px;font-size:16px}.view-toggle .ant-segmented-item:not(.ant-segmented-item-selected):hover{background:#667eea1f!important}[data-theme=dark] .view-toggle{background:#667eea26!important}[data-theme=dark] .view-toggle .ant-segmented-item-label{color:silver}[data-theme=dark] .view-toggle .ant-segmented-item:not(.ant-segmented-item-selected):hover{background:#667eea40!important}.notes-page-modern{display:flex;flex-direction:column;height:100%;min-height:calc(100vh - 120px);background:linear-gradient(135deg,#f8f9ff,#f0f2f8)}.notes-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;gap:16px}.notes-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#fff;border-radius:16px;margin-bottom:20px;box-shadow:0 4px 20px #0000000a}.notes-header-left,.notes-title-section{display:flex;align-items:center;gap:16px}.notes-icon{font-size:32px;color:#764ba2;background:linear-gradient(135deg,#764ba21a,#667eea1a);padding:12px;border-radius:12px}.notes-title{margin:0!important;font-size:1.5rem!important;background:linear-gradient(135deg,#764ba2,#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.notes-header-right{display:flex;align-items:center;gap:12px}.notes-search{width:280px;border-radius:10px}.notes-search .ant-input-affix-wrapper{border-radius:10px;border-color:#00000014;transition:all .2s ease}.notes-search .ant-input-affix-wrapper:hover,.notes-search .ant-input-affix-wrapper:focus-within{border-color:#764ba2;box-shadow:0 0 0 3px #764ba21a}.notes-content{display:flex;gap:20px;flex:1;min-height:0}.notes-sidebar{width:280px;flex-shrink:0}.folder-tree-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:2px 0}.folder-name{margin-left:8px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.folder-sidebar .ant-tree-node-content-wrapper{display:flex;align-items:center}.folder-sidebar .ant-tree-title{flex:1}.notes-main{flex:1;min-width:0}.notes-grid{display:grid;gap:20px;overflow-y:auto;padding-right:8px;align-content:start}.notes-grid.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.notes-grid.list{display:flex;flex-direction:column;gap:6px}.notes-grid.list .note-card{min-height:unset;height:48px;padding:0 16px;display:flex;align-items:center;border-radius:8px;border:1px solid rgba(0,0,0,.04)}.notes-grid.list .note-card .ant-card-body{padding:0;width:100%;display:flex;flex-direction:row;align-items:center}.notes-grid.list .note-card-header,.notes-grid.list .note-card-preview,.notes-grid.list .note-card-encrypted{display:none}.notes-grid.list .note-card-title{margin:0!important;font-size:.95rem!important;font-weight:500;flex:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:16px;height:100%;display:flex;align-items:center}.notes-grid.list .note-card-footer{border:none;padding:0;background:none;flex:1;display:flex;align-items:center;justify-content:flex-end;gap:16px;height:100%}.notes-grid.list .folder-tag{margin:0;max-width:120px;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}.notes-grid.list .note-card-time{font-size:.8rem;min-width:100px;text-align:right;display:flex;align-items:center;justify-content:flex-end;gap:4px}.notes-empty{background:#fff;border-radius:16px;padding:60px 40px;text-align:center;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.notes-modal .ant-modal-content{border-radius:16px;overflow:hidden}.notes-modal .ant-modal-header{background:linear-gradient(135deg,#764ba20d,#667eea0d);border-bottom:1px solid rgba(0,0,0,.04);padding:20px 24px}.notes-modal .ant-modal-title{font-size:1.25rem;font-weight:600}.notes-modal .ant-modal-body{max-height:75vh;overflow-y:auto;padding:24px}.notes-form-actions{margin-bottom:0;margin-top:24px;display:flex;justify-content:flex-end}.notes-view-modal .ant-modal-content{border-radius:16px}.note-view-content{line-height:1.8;font-size:1rem}.note-view-content h1,.note-view-content h2,.note-view-content h3{color:#1a1a2e;margin-top:24px;margin-bottom:12px}.note-view-content ul,.note-view-content ol{margin-bottom:16px;padding-left:24px}.note-view-content code{background:#764ba21a;padding:2px 6px;border-radius:4px;font-family:Fira Code,monospace;font-size:.9em}.note-view-content pre{background:#1e1e2e;color:#cdd6f4;padding:16px;border-radius:8px;overflow-x:auto}.note-view-content pre code{background:none;padding:0}.note-view-content table{width:100%;border-collapse:collapse;margin:16px 0}.note-view-content th,.note-view-content td{border:1px solid rgba(0,0,0,.08);padding:10px;text-align:left}.note-view-content th{background:linear-gradient(135deg,#764ba214,#667eea14)}.color-preview{display:inline-block;width:16px;height:16px;border-radius:4px;border:1px solid #ddd;margin-right:8px}.decrypted-content{padding:8px 0}.decrypted-content>div{line-height:1.7}@media (max-width: 1200px){.notes-grid.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 992px){.notes-content{flex-direction:column}.notes-sidebar{width:100%}.notes-header{flex-direction:column;gap:16px;text-align:center}.notes-header-right{flex-wrap:wrap;justify-content:center}.notes-search{width:100%;max-width:400px}}@media (max-width: 768px){.notes-grid.grid{grid-template-columns:1fr}.notes-header-right{gap:8px}.notes-header-right button{padding:4px 12px;font-size:13px}}[data-theme=dark] .notes-page-modern{background:linear-gradient(135deg,#0f0f1a,#1a1a2e)}[data-theme=dark] .notes-header,[data-theme=dark] .notes-empty{background:#1e1e2e;box-shadow:0 4px 20px #0003}[data-theme=dark] .notes-title{-webkit-text-fill-color:inherit;color:#e0e0e0}[data-theme=dark] .note-view-content h1,[data-theme=dark] .note-view-content h2,[data-theme=dark] .note-view-content h3{color:#e0e0e0}[data-theme=dark] .notes-modal .ant-modal-content{background:#1e1e2e}[data-theme=dark] .notes-modal .ant-modal-header{background:linear-gradient(135deg,#764ba21a,#667eea1a);border-bottom-color:#ffffff0d}.premium-paper-modal .ant-modal-content{background:transparent!important;box-shadow:none!important;padding:0!important}.premium-paper-modal .ant-modal-mask{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important}.note-card{animation:fadeInUp .3s ease forwards;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.notes-grid .note-card:nth-child(1){animation-delay:.05s}.notes-grid .note-card:nth-child(2){animation-delay:.1s}.notes-grid .note-card:nth-child(3){animation-delay:.15s}.notes-grid .note-card:nth-child(4){animation-delay:.2s}.notes-grid .note-card:nth-child(5){animation-delay:.25s}.notes-grid .note-card:nth-child(6){animation-delay:.3s}.notes-grid .note-card:nth-child(7){animation-delay:.35s}.notes-grid .note-card:nth-child(8){animation-delay:.4s}.notes-grid .note-card:nth-child(n+9){animation-delay:.45s}.file-preview-modal .ant-modal-body{padding:0;height:80vh;display:flex;flex-direction:column}.preview-toolbar{padding:12px 16px;background:#fafafa;border-bottom:1px solid #f0f0f0;display:flex;justify-content:center}.preview-toolbar .zoom-level{padding:0 8px;font-size:13px;color:#666;min-width:50px;text-align:center}.preview-content{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;background:#f5f5f5}.preview-image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:auto}.preview-image{max-width:100%;max-height:100%;object-fit:contain;transition:transform .2s ease}.preview-pdf-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.preview-pdf{width:100%;height:100%;border:none}.preview-video-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000}.preview-video{max-width:100%;max-height:100%}.preview-audio-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.preview-audio-container .audio-icon{font-size:64px;margin-bottom:16px}.preview-audio-container p{margin-bottom:24px;font-size:16px;color:#333}.preview-audio{width:400px;max-width:100%}.preview-office-container{display:flex;align-items:center;justify-content:center;padding:40px}.office-message{text-align:center}.office-message p{margin-bottom:24px;font-size:16px;color:#666}.preview-text-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.preview-text{width:100%;height:100%;border:none;background:#fff}.preview-unknown-container,.preview-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.preview-error p,.preview-unknown-container p{margin-bottom:24px;font-size:16px;color:#666}@media (prefers-color-scheme: dark){.preview-toolbar{background:#1f1f1f;border-bottom-color:#333}.preview-content{background:#141414}.preview-text{background:#1f1f1f;color:#fff}}.files-page{width:100%}.files-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.trials-page{width:100%}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.stats-container{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px}.stat-card{background:#fff;padding:6px 10px;border-radius:4px;box-shadow:0 1px 2px #0000000d;transition:transform .2s;border:1px solid #f0f0f0}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:0;color:#8c8c8c;font-size:11px;font-weight:500}.stat-value{font-size:16px;font-weight:700;color:#262626;margin:0;line-height:1}.stat-trend{font-size:9px;margin-top:0;display:flex;align-items:center;gap:2px}.trend-up{color:#52c41a}.trend-down{color:#ff4d4f}.trend-neutral{color:#8c8c8c}.trials-table-container{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.modern-table .ant-table-thead>tr>th{background:transparent;font-weight:600;color:#595959}.modern-table .ant-table-tbody>tr>td{padding:16px}.trial-number-link{font-family:DM Mono,monospace;font-weight:600;color:#1890ff;transition:color .2s}.trial-number-link:hover{text-decoration:underline}.status-badge{padding:4px 8px;border-radius:20px;font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:6px;text-transform:capitalize}.status-badge.planned{background:#f0f5ff;color:#2f54eb;border:1px solid #adc6ff}.status-badge.in_progress{background:#fff7e6;color:#fa8c16;border:1px solid #ffd591;animation:pulse 2s infinite}.status-badge.completed{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.status-badge.cancelled{background:#fff1f0;color:#f5222d;border:1px solid #ffa39e}@keyframes pulse{0%{box-shadow:0 0 #fa8c1666}70%{box-shadow:0 0 0 6px #fa8c1600}to{box-shadow:0 0 #fa8c1600}}.detail-modal .ant-modal-content{border-radius:16px;overflow:hidden}.detail-modal .ant-modal-header{padding:20px 24px;border-bottom:1px solid #f0f0f0}.detail-modal .ant-modal-body{padding:24px}.detail-section{background:#fafafa;border-radius:8px;padding:16px;margin-bottom:16px}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:400px;gap:16px;color:#8c8c8c}[data-theme=dark] .trials-page{background-color:var(--bg-primary)}[data-theme=dark] .trials-page .page-header{background-color:var(--bg-card);box-shadow:var(--shadow-sm)}[data-theme=dark] .stat-card{background-color:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .stat-card .stat-value{color:var(--text-primary)}[data-theme=dark] .stat-card .stat-header{color:var(--text-secondary)}[data-theme=dark] .trials-table-container{background-color:var(--bg-card);box-shadow:var(--shadow-sm)}[data-theme=dark] .modern-table .ant-table-thead>tr>th{color:var(--text-primary)}[data-theme=dark] .trial-number-link{color:var(--primary-color)}[data-theme=dark] .status-badge{background-color:transparent}[data-theme=dark] .detail-modal .ant-modal-content{background-color:var(--bg-card)}[data-theme=dark] .detail-modal .ant-modal-header{background-color:var(--bg-card);border-bottom-color:var(--border-color)}[data-theme=dark] .detail-modal .ant-modal-title{color:var(--text-primary)}[data-theme=dark] .detail-section{background-color:#1f1f1f;border:1px solid #303030}[data-theme=dark] .detail-section .ant-descriptions-title{color:var(--text-primary)}[data-theme=dark] .detail-section .ant-descriptions-item-label{color:var(--text-secondary)}[data-theme=dark] .detail-section .ant-descriptions-item-content{color:var(--text-primary)}.glass-page-outer{position:relative;padding:var(--spacing-lg);min-height:calc(100vh - 64px);overflow:hidden;background:var(--bg-primary)}.glass-blob{position:absolute;border-radius:50%;filter:blur(80px);z-index:0;opacity:.15;pointer-events:none}.glass-blob-1{width:400px;height:400px;background:var(--primary-color);top:-100px;right:-100px}.glass-blob-2{width:300px;height:300px;background:#722ed1;bottom:10%;left:-50px}.glass-blob-3{width:250px;height:250px;background:#13c2c2;top:30%;right:20%}[data-theme=dark] .glass-blob{opacity:.1}.glass-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);position:relative;z-index:1}.header-info-main{display:flex;align-items:center;gap:var(--spacing-md)}.header-icon-wrapper{font-size:32px;color:var(--primary-color);background:#ffffff80;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}[data-theme=dark] .header-icon-wrapper{background:#ffffff0d}.glass-title{margin:0!important;font-weight:700!important;letter-spacing:-.5px}.glass-description{font-size:14px;opacity:.8}.glass-container-main{position:relative;z-index:1;background:#fff6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);box-shadow:0 8px 32px #1f268712;padding:var(--spacing-lg)}[data-theme=dark] .glass-container-main{background:#14141466;border:1px solid rgba(255,255,255,.08)}.glass-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.glass-container-main .ant-card{background:#ffffff4d;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}[data-theme=dark] .glass-container-main .ant-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05)}.glass-container-main .ant-table{background:transparent!important}.glass-container-main .ant-table-thead>tr>th{background:#00000005!important}[data-theme=dark] .glass-container-main .ant-table-thead>tr>th{background:#ffffff08!important}.filters-bar{display:flex;gap:16px;padding:8px 16px;background:#ffffff4d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;border:1px solid rgba(255,255,255,.2);margin-bottom:12px;align-items:center;flex-wrap:wrap}[data-theme=dark] .filters-bar{background:#ffffff0d;border-color:#ffffff1a}.glass-table-container{background:#fff3;border-radius:16px;border:1px solid rgba(255,255,255,.2);overflow:hidden;padding:4px}[data-theme=dark] .glass-table-container{background:#ffffff05}.glass-table .ant-table{background:transparent!important}.glass-table .ant-table-thead>tr>th{background:#00000005!important;font-weight:600;text-transform:uppercase;font-size:10px;letter-spacing:.5px;padding:8px 12px!important}[data-theme=dark] .glass-table .ant-table-thead>tr>th{background:#ffffff08!important}.detail-stat-card{background:#fff6;border-radius:12px;padding:12px 16px;border:1px solid rgba(255,255,255,.3);height:100%}[data-theme=dark] .detail-stat-card{background:#ffffff0d;border-color:#ffffff1a}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.status-pill.success{background:#52c41a26;color:#52c41a}.status-pill.pending{background:#faad1426;color:#faad14}.status-pill.error{background:#ff4d4f26;color:#ff4d4f}.status-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.test-type-item-dark{transition:all .2s;background:#ffffff4d}.test-type-item-dark:hover{background:#722ed10d}.test-type-item-dark.selected{background:#722ed11a!important}[data-theme=dark] .test-type-item-dark{background:#ffffff0d}[data-theme=dark] .test-type-item-dark:hover{background:#722ed133}.samples-page{width:100%}.article-card{position:relative;border-radius:16px;border:1px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#667eea4d,#764ba24d) border-box;box-shadow:0 4px 20px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:120px}.article-card .ant-card-body{padding:12px!important}.article-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #667eea26;border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#667eea80,#764ba280) border-box}.article-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);opacity:0;transition:opacity .3s ease}.article-card:hover:before{opacity:1}.article-card-category{margin-bottom:8px}.article-card-title{margin-bottom:4px!important;font-size:1.05rem!important;font-weight:600!important;color:#1a1a2e!important;line-height:1.3!important;transition:color .2s ease}.article-card:hover .article-card-title{color:#667eea!important}.article-card-excerpt{color:#666!important;font-size:.85rem!important;line-height:1.5!important;margin-bottom:12px!important}.article-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid rgba(0,0,0,.05)}.article-card-author{display:flex;align-items:center;gap:8px}.article-card-author .author-name{font-size:.85rem;color:#666;font-weight:500}.article-card-meta{display:flex;align-items:center}.article-card-meta .meta-item{display:flex;align-items:center;gap:4px;font-size:.8rem;color:#888}.article-card-edit-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:8px;border:none;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#667eea;opacity:0;transform:scale(.9);transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.article-card:hover .article-card-edit-btn{opacity:1;transform:scale(1)}.article-card-edit-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}[data-theme=dark] .article-card{background:linear-gradient(#1e1e2e,#1e1e2e) padding-box,linear-gradient(135deg,#667eea66,#764ba266) border-box}[data-theme=dark] .article-card-title{color:#e0e0e0!important}[data-theme=dark] .article-card-excerpt{color:#a0a0a0!important}[data-theme=dark] .article-card-footer{border-top-color:#ffffff14}[data-theme=dark] .article-card-author .author-name{color:#b0b0b0}[data-theme=dark] .article-card-meta .meta-item{color:#888}.category-sidebar{background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 20px #0000000a;overflow:hidden;height:100%;display:flex;flex-direction:column}.category-sidebar-header{padding:16px 20px;background:linear-gradient(135deg,#667eea0d,#764ba20d);border-bottom:1px solid rgba(0,0,0,.04);display:flex;justify-content:space-between;align-items:center}.sidebar-title{margin:0;font-size:1rem;font-weight:600;color:#1a1a2e;display:flex;align-items:center;gap:8px}.sidebar-title .anticon{color:#667eea}.add-category-btn{color:#667eea!important;display:flex!important;align-items:center!important;justify-content:center!important}.add-category-btn:hover{background:#667eea1a!important}.category-sidebar-search{padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.04)}.category-sidebar-search .ant-input-affix-wrapper{border-radius:10px;border-color:#00000014;transition:all .2s ease}.category-sidebar-search .ant-input-affix-wrapper:hover,.category-sidebar-search .ant-input-affix-wrapper:focus-within{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.category-all-item{display:flex;align-items:center;padding:12px 16px;margin:8px 12px;border-radius:10px;cursor:pointer;transition:all .2s ease;gap:10px}.category-all-item:hover{background:#667eea0d}.category-all-item.active{background:linear-gradient(135deg,#667eea1a,#764ba21a)}.category-all-item .category-icon{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px}.category-all-item .category-name{flex:1;font-weight:500;color:#333}.category-tree-container{flex:1;overflow-y:auto;padding:8px 12px 16px}.category-tree .ant-tree-treenode{padding:4px 0;border-radius:8px;transition:all .15s ease}.category-tree .ant-tree-treenode:hover{background:#667eea0d}.category-tree .ant-tree-treenode-selected{background:linear-gradient(135deg,#667eea1a,#764ba21a)!important}.category-tree .ant-tree-node-content-wrapper{border-radius:6px;padding:0 8px!important;display:flex;align-items:center;min-height:32px}.category-tree .ant-tree-title{flex:1}.category-tree .ant-tree-node-selected .ant-tree-node-content-wrapper{background:transparent!important}.category-tree .ant-tree-iconEle{color:#667eea}.category-tree .ant-tree-switcher{color:#999}.category-tree-item{display:flex;align-items:center;justify-content:space-between;width:100%}.category-tree-item .category-name{flex:1;font-size:.9rem;color:#444}.category-tree-item .category-count{margin-left:auto}.category-loading{display:flex;justify-content:center;align-items:center;padding:40px}[data-theme=dark] .category-sidebar{background:#1e1e2e;border-color:#ffffff14}[data-theme=dark] .category-sidebar-header{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-bottom-color:#ffffff0d}[data-theme=dark] .sidebar-title{color:#e0e0e0}[data-theme=dark] .category-all-item .category-name,[data-theme=dark] .category-tree-item .category-name{color:silver}[data-theme=dark] .category-tree .ant-tree-treenode:hover{background:#667eea1a}.knowledge-page{display:flex;flex-direction:column;height:100%;min-height:calc(100vh - 120px);background:linear-gradient(135deg,#f8f9ff,#f0f2f8)}.kb-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;gap:16px}.kb-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#fff;border-radius:16px;margin-bottom:20px;box-shadow:0 4px 20px #0000000a}.kb-header-left,.kb-title-section{display:flex;align-items:center;gap:16px}.kb-icon{font-size:32px;color:#667eea;background:linear-gradient(135deg,#667eea1a,#764ba21a);padding:12px;border-radius:12px}.kb-title{margin:0!important;font-size:1.5rem!important;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.kb-header-right{display:flex;align-items:center;gap:12px}.kb-search{width:280px;border-radius:10px}.kb-search .ant-input-affix-wrapper{border-radius:10px;border-color:#00000014;transition:all .2s ease}.kb-search .ant-input-affix-wrapper:hover,.kb-search .ant-input-affix-wrapper:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.kb-content{display:flex;gap:20px;flex:1;min-height:0}.kb-sidebar{width:280px;flex-shrink:0}.kb-main{flex:1;display:flex;flex-direction:column;min-width:0}.kb-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-radius:12px;margin-bottom:16px;box-shadow:0 2px 8px #00000008}.kb-toolbar-left,.kb-toolbar-right{display:flex;align-items:center;gap:12px}.kb-toolbar .ant-select-selector{border-radius:8px!important}.kb-toolbar .ant-segmented{background:#667eea14;border-radius:10px;padding:4px}.kb-toolbar .ant-segmented-item-selected{background:linear-gradient(135deg,#667eea,#764ba2)!important;box-shadow:0 4px 12px #667eea4d}.kb-toolbar .ant-segmented-item-selected .anticon{color:#fff!important}.kb-articles{flex:1;overflow-y:auto;padding-right:8px}.kb-articles.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;align-content:start}.kb-articles.list{display:flex;flex-direction:column;gap:6px}.kb-articles.list .article-card{min-height:unset;height:48px;padding:0 16px;display:flex;align-items:center;border-radius:8px;border:1px solid rgba(0,0,0,.04)}.kb-articles.list .article-card .ant-card-body{padding:0!important;width:100%;display:flex;flex-direction:row;align-items:center}.kb-articles.list .article-card-category{margin:0 12px 0 0}.kb-articles.list .article-card-excerpt,.kb-articles.list .article-card-author,.kb-articles.list .article-card:before,.kb-articles.list .article-card:after{display:none}.kb-articles.list .article-card-title{margin:0!important;font-size:.95rem!important;font-weight:500;flex:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:16px}.kb-articles.list .article-card-footer{border:none;padding:0;background:none;flex:1;display:flex;align-items:center;justify-content:flex-end;gap:16px}.kb-articles.list .article-card-meta{font-size:.8rem}.kb-articles.list .article-card-edit-btn{position:static;opacity:1;transform:none;width:28px;height:28px;box-shadow:none;background:transparent}.knowledge-pagination{display:flex;justify-content:center;margin-top:32px;padding:16px;background:#fff6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.2)}[data-theme=dark] .knowledge-pagination{background:#1e1e2e66;border-color:#ffffff0d}.kb-articles.list .article-card{flex-direction:row;align-items:center}.kb-empty{background:#fff;border-radius:16px;padding:60px 40px;text-align:center}.kb-modal .ant-modal-content{border-radius:16px;overflow:hidden}.kb-modal .ant-modal-header{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-bottom:1px solid rgba(0,0,0,.04);padding:20px 24px}.kb-modal .ant-modal-title{font-size:1.25rem;font-weight:600}.kb-form-actions{margin-bottom:0;margin-top:24px;display:flex;justify-content:flex-end}.kb-view-modal .ant-modal-content{border-radius:16px}.kb-article-view{padding:0 8px}.kb-article-meta{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.06)}.kb-article-content{line-height:1.8;font-size:1rem}.kb-article-content h1{font-size:1.75rem;margin-top:32px;margin-bottom:16px;color:#1a1a2e}.kb-article-content h2{font-size:1.5rem;margin-top:28px;margin-bottom:14px;color:#1a1a2e}.kb-article-content h3{font-size:1.25rem;margin-top:24px;margin-bottom:12px;color:#1a1a2e}.kb-article-content p{margin-bottom:16px}.kb-article-content ul,.kb-article-content ol{margin-bottom:16px;padding-left:24px}.kb-article-content code{background:#667eea1a;padding:2px 6px;border-radius:4px;font-family:Fira Code,monospace;font-size:.9em}.kb-article-content pre{background:#1e1e2e;color:#cdd6f4;padding:16px;border-radius:8px;overflow-x:auto;margin-bottom:16px}.kb-article-content pre code{background:none;padding:0;color:inherit}.kb-article-content table{width:100%;border-collapse:collapse;margin-bottom:16px}.kb-article-content th,.kb-article-content td{border:1px solid rgba(0,0,0,.08);padding:10px 14px;text-align:left}.kb-article-content th{background:linear-gradient(135deg,#667eea14,#764ba214);font-weight:600}.kb-article-content img{max-width:100%;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin:16px 0}@media (max-width: 1200px){.kb-articles.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 992px){.kb-content{flex-direction:column}.kb-sidebar{width:100%}.kb-header{flex-direction:column;gap:16px;text-align:center}.kb-header-right{flex-wrap:wrap;justify-content:center}.kb-search{width:100%;max-width:400px}}@media (max-width: 768px){.kb-articles.grid{grid-template-columns:1fr}.kb-toolbar{flex-direction:column;gap:12px}.kb-toolbar-right{flex-wrap:wrap;justify-content:center}}[data-theme=dark] .knowledge-page{background:linear-gradient(135deg,#0f0f1a,#1a1a2e)}[data-theme=dark] .kb-header,[data-theme=dark] .kb-toolbar,[data-theme=dark] .kb-empty{background:#1e1e2e;box-shadow:0 4px 20px #0003}[data-theme=dark] .kb-title{-webkit-text-fill-color:inherit;color:#e0e0e0}[data-theme=dark] .kb-article-content h1,[data-theme=dark] .kb-article-content h2,[data-theme=dark] .kb-article-content h3{color:#e0e0e0}[data-theme=dark] .kb-article-meta{border-bottom-color:#ffffff0f}:root{--chat-sidebar-width: 340px;--chat-header-height: 70px;--chat-input-height: 80px;--chat-bubble-radius: 18px;--chat-bubble-radius-small: 6px;--chat-bg-me: linear-gradient(135deg, #1890ff 0%, #0050b3 100%);--chat-bg-other: #f0f2f5;--chat-glass: rgba(255, 255, 255, .82);--chat-border: #f0f0f0}[data-theme=dark]{--chat-bg-other: #262626;--chat-glass: rgba(29, 29, 29, .85);--chat-border: #303030}.messages-page{height:calc(100vh - 64px);overflow:hidden;display:flex;flex-direction:column;background-color:#f5f7fa}[data-theme=dark] .messages-page{background-color:#0d1117}.messages-page .page-header{height:60px;min-height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 24px;background:var(--chat-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--chat-border);z-index:10}.messages-container{flex:1;display:flex;overflow:hidden;height:100%}.conversations-sidebar{width:var(--chat-sidebar-width);background:var(--chat-glass);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-right:1px solid var(--chat-border);display:flex;flex-direction:column;z-index:5;transition:all .3s ease}.conversations-header{padding:20px;border-bottom:1px solid var(--chat-border)}.search-container{margin-top:12px}.search-container .ant-input-affix-wrapper{background:#0000000a;border:none;border-radius:12px;padding:8px 12px}[data-theme=dark] .search-container .ant-input-affix-wrapper{background:#ffffff0f}.conversations-scroll-area{flex:1;overflow-y:auto;padding:10px}.conversations-scroll-area::-webkit-scrollbar{width:4px}.conversations-scroll-area::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:10px}.conversation-item-modern{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;cursor:pointer;margin-bottom:4px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.conversation-item-modern:hover{background-color:#1890ff0f}.conversation-item-modern.selected{background-color:#1890ff;box-shadow:0 8px 20px #1890ff33}.conversation-item-modern.selected .ant-typography{color:#fff!important}.conversation-item-modern.selected .ant-avatar{border:2px solid rgba(255,255,255,.4)}.conv-info{flex:1;overflow:hidden}.conv-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.conv-last-msg{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;display:block}.conv-time{font-size:11px;opacity:.7}.chat-main-area{flex:1;display:flex;flex-direction:column;background:#fff;position:relative}[data-theme=dark] .chat-main-area{background:#141414}.chat-header{height:64px;padding:0 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--chat-border);background:var(--chat-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:4}.chat-messages-scroll{flex:1;overflow-y:auto;padding:24px;background-color:#f8fafc;display:flex;flex-direction:column}[data-theme=dark] .chat-messages-scroll{background-color:#0d1117}.chat-messages-scroll::-webkit-scrollbar{width:6px}.chat-messages-scroll::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.date-divider{display:flex;align-items:center;margin:24px 0;justify-content:center}.date-divider:before,.date-divider:after{content:"";flex:1;height:1px;background:var(--chat-border)}.date-divider span{padding:4px 16px;background:#0000000d;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;color:#8c8c8c;margin:0 16px}[data-theme=dark] .date-divider span{background:#ffffff1a}.msg-bubble-wrapper{margin-bottom:4px;display:flex;flex-direction:column;max-width:80%;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.msg-bubble-wrapper.me{align-self:flex-end;align-items:flex-end}.msg-bubble-wrapper.other{align-self:flex-start;align-items:flex-start}.msg-header-info{margin:0 12px 4px;font-size:11px;font-weight:500;color:#8c8c8c}.msg-content-box{padding:10px 16px;position:relative;box-shadow:0 2px 4px #00000008;word-wrap:break-word;line-height:1.5;font-size:14.5px}.msg-bubble-wrapper.me .msg-content-box{background:var(--chat-bg-me);color:#fff;border-radius:var(--chat-bubble-radius) var(--chat-bubble-radius-small) var(--chat-bubble-radius) var(--chat-bubble-radius)}.msg-bubble-wrapper.other .msg-content-box{background:var(--chat-bg-other);color:inherit;border-radius:var(--chat-bubble-radius-small) var(--chat-bubble-radius) var(--chat-bubble-radius) var(--chat-bubble-radius);border:1px solid var(--chat-border)}.chat-image-attachment{max-width:100%;max-height:300px;border-radius:8px;margin-top:6px;margin-bottom:2px;cursor:zoom-in;object-fit:cover;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease;display:block}.chat-image-attachment:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}.msg-bubble-wrapper.me .chat-image-attachment{border:1px solid rgba(255,255,255,.3)}.msg-bubble-wrapper.other .chat-image-attachment{border:1px solid rgba(0,0,0,.05)}.chat-image-wrapper{margin-top:4px;position:relative;display:inline-block;max-width:100%}.image-placeholder{width:200px;height:150px;display:flex;align-items:center;justify-content:center;background:#00000005;border-radius:8px}[data-theme=dark] .image-placeholder{background:#ffffff0d}.msg-bubble-wrapper.grouped{margin-top:-2px}.msg-bubble-wrapper.me.grouped .msg-content-box{border-top-right-radius:var(--chat-bubble-radius-small);border-bottom-right-radius:var(--chat-bubble-radius-small)}.msg-bubble-wrapper.other.grouped .msg-content-box{border-top-left-radius:var(--chat-bubble-radius-small);border-bottom-left-radius:var(--chat-bubble-radius-small)}.msg-time-status{margin-top:4px;font-size:10px;opacity:.6;padding:0 8px}.chat-input-area{padding:16px 24px 24px;background:var(--chat-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--chat-border);z-index:5}.input-toolbar{margin-bottom:8px;display:flex;gap:8px}.input-wrapper-container{display:flex;gap:12px;align-items:flex-end;background:#00000008;padding:8px 12px;border-radius:16px;border:1px solid transparent;transition:all .3s}[data-theme=dark] .input-wrapper-container{background:#ffffff0d}.input-wrapper-container:focus-within{background:#fff;border-color:#1890ff;box-shadow:0 4px 12px #1890ff1a}[data-theme=dark] .input-wrapper-container:focus-within{background:#1f1f1f}.chat-textarea{flex:1;background:transparent!important;border:none!important;box-shadow:none!important;padding:8px 4px!important;font-size:15px!important;resize:none;max-height:150px}.chat-gallery-sidebar{width:280px;background:var(--chat-glass);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-left:1px solid var(--chat-border);display:flex;flex-direction:column;z-index:5;animation:slideInRight .3s cubic-bezier(.4,0,.2,1)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.gallery-header{height:64px;padding:0 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--chat-border)}.gallery-content{flex:1;overflow-y:auto;padding:16px}.gallery-item{padding:12px 10px!important;border-radius:12px!important;cursor:pointer!important;transition:all .2s!important;border-bottom:none!important;margin-bottom:8px}.gallery-item:hover{background:#0000000a!important;transform:translate(-4px)}[data-theme=dark] .gallery-item:hover{background:#ffffff0a!important}.ref-selection-item{padding:12px 16px!important;border-radius:10px!important;cursor:pointer;transition:all .2s;margin-bottom:4px}.ref-selection-item:hover{background:#f5f5f5;padding-left:20px!important}.rich-ref-tag-modern{display:flex!important;align-items:center;gap:8px;padding:8px 12px!important;border-radius:12px!important;border:1px solid rgba(0,0,0,.1)!important;background:#fffc!important;margin:8px 0!important;transition:all .2s!important;height:auto!important;max-width:100%}.rich-ref-tag-modern:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.msg-bubble-wrapper.me .rich-ref-tag-modern{background:#ffffff26!important;border-color:#ffffff4d!important;color:#fff!important}.ref-icon-modern{font-size:20px}.ref-content-modern{display:flex;flex-direction:column}.ref-label-modern{font-weight:600;font-size:13px}.ref-type-modern{font-size:11px;opacity:.8}.chat-empty-state{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}[data-theme=dark] .chat-empty-state{background:linear-gradient(135deg,#0d1117,#161b22)}.selection-hint{margin-top:16px;background:#fff;padding:12px 24px;border-radius:20px;box-shadow:0 10px 25px #0000000d;display:flex;align-items:center;gap:12px}[data-theme=dark] .selection-hint{background-color:#1a1b1e}@media (max-width: 900px){.conv-info,.search-container,.conversations-header span:not(.ant-avatar){display:none}.conversations-header{padding:10px;text-align:center}}.scroll-to-bottom-float{position:absolute;bottom:calc(var(--chat-input-height) + 80px);right:30px;z-index:100;animation:floatIn .3s cubic-bezier(.18,.89,.32,1.28)}.scroll-btn-modern{width:42px!important;height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:var(--chat-glass)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;border:1px solid var(--chat-border)!important;box-shadow:0 4px 15px #0000001a!important;color:#1890ff!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.scroll-btn-modern:hover{transform:translateY(-3px);box-shadow:0 8px 25px #1890ff33!important;background:#1890ff!important;color:#fff!important}[data-theme=dark] .scroll-btn-modern{background:#2d2d2dcc!important;box-shadow:0 4px 15px #0000004d!important}@keyframes floatIn{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.settings-page{width:100%}.health-card{border-radius:8px;transition:all .3s ease}.health-progress-bg{width:100%;height:8px;background:#f0f0f0;border-radius:4px;margin-top:12px;overflow:hidden}.health-progress-bar{height:100%;background:#1890ff;border-radius:4px;transition:width .5s ease-in-out}[data-theme=dark] .health-progress-bg{background:#333}.audit-log-page{padding:0}.audit-log-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.audit-log-page .page-header h2{margin:0}.audit-log-page .filters-card{margin-bottom:16px}.audit-log-page .filters-card .ant-space{width:100%}.approval-queue-page{padding:0}.approval-queue-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.approval-queue-page .page-header h2{margin:0}.approval-queue-page .ant-statistic-title{font-size:13px}.approval-queue-page .ant-statistic-content-value{font-size:24px}.stats-row{margin-bottom:24px}.table-filters{margin-bottom:16px}.analytics-page{padding:24px}.analytics-page h1{margin-bottom:24px;font-size:24px}.analytics-loading,.analytics-error{display:flex;justify-content:center;align-items:center;height:400px}.analytics-page .stats-row,.analytics-page .alerts-row{margin-bottom:16px}.analytics-page .alert-card{border-left:3px solid #1890ff}.analytics-page .stat-sub{font-size:12px;color:#666;margin-top:8px}.analytics-page .status-breakdown{display:flex;flex-wrap:wrap;gap:12px}.analytics-page .status-item{display:flex;align-items:center;gap:8px}.analytics-page .status-item .count{font-weight:700;font-size:16px}.analytics-page .type-breakdown{display:flex;flex-direction:column;gap:8px}.analytics-page .type-item{display:flex;align-items:center;gap:12px}.analytics-page .type-item .type-name{min-width:100px;font-size:13px}.analytics-page .type-item .ant-progress{flex:1}[data-theme=dark] .analytics-page .ant-card-body{background-color:#141414;color:#ffffffd9}[data-theme=dark] .analytics-page .ant-statistic-title{color:#ffffff73}[data-theme=dark] .analytics-page .ant-statistic-content{color:#ffffffd9}[data-theme=dark] .analytics-page .stat-sub{color:#ffffff73}.visual-builder-container{display:flex;height:calc(100vh - 140px);min-height:700px;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;overflow:hidden;position:relative;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.vb-sidebar{width:280px;background:linear-gradient(180deg,#1f1f2e,#252538);border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;overflow:hidden}.vb-sidebar-header{padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;background:#00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.vb-canvas-controls{position:absolute;bottom:64px;right:24px;background:#1e1e2ed9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:6px 16px;border-radius:12px;box-shadow:0 8px 32px #0003;display:flex;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.08);z-index:100;transition:all .3s ease}.vb-canvas-controls:hover{box-shadow:0 8px 32px #0000004d;border-color:#ffffff1f}[data-theme=light] .vb-canvas-controls{background:#ffffffd9;border-color:#0000000f;box-shadow:0 8px 32px #00000014}.vb-sidebar .ant-tabs{flex:1!important;display:flex!important;flex-direction:column!important;height:0!important;min-height:100%!important}.vb-sidebar .ant-tabs-nav{flex:0 0 auto!important;margin-bottom:0!important;padding:0 8px;background:#0003}.vb-sidebar .ant-segmented{background:#ffffff08!important;border:1px solid rgba(255,255,255,.05)}.vb-sidebar .ant-segmented-item{font-size:11px!important}.vb-sidebar .ant-segmented-item-selected{background:#4338ca!important;color:#fff!important}.vb-sidebar-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.vb-toolbox{flex:1;display:flex;flex-direction:column;overflow-y:auto!important}.vb-toolbox::-webkit-scrollbar{width:6px}.vb-toolbox::-webkit-scrollbar-track{background:#1f1f2e}.vb-toolbox::-webkit-scrollbar-thumb{background:#3a3a5c;border-radius:3px}.vb-fields-list{display:flex;flex-direction:column;gap:4px}.vb-toolbox h5,.vb-toolbox .ant-typography{color:#e8e8f0!important;margin-bottom:12px;font-weight:600;letter-spacing:.3px}.vb-tool-item{padding:10px 14px;margin-bottom:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;cursor:grab;display:flex;align-items:center;gap:10px;color:#c4c4d4;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000001a}.vb-tool-item:active{cursor:grabbing;transform:scale(.97);box-shadow:0 1px 2px #0003}.vb-tool-item:hover{background:#6366f126;border-color:#6366f166;color:#e8e8f0;transform:translate(4px)}.vb-tool-item .anticon{font-size:16px;opacity:.8}.vb-tool-item:hover .anticon{opacity:1;color:#818cf8}.vb-preset-btn{background:linear-gradient(135deg,#6366f133,#8b5cf633)!important;border:1px solid rgba(139,92,246,.3)!important;color:#c4b5fd!important;border-radius:8px!important;font-size:12px!important;transition:all .2s ease!important}.vb-preset-btn:hover{background:linear-gradient(135deg,#6366f159,#8b5cf659)!important;border-color:#8b5cf680!important;color:#e9d5ff!important;transform:translateY(-1px)}.vb-field-item{background:#22c55e1a!important;border-color:#22c55e4d!important;color:#86efac!important}.vb-field-item:hover{background:#22c55e33!important;border-color:#22c55e80!important}.thin-line-tool{color:#60a5fa!important}.vb-canvas-area{flex:1;overflow:auto;padding:40px;display:flex;justify-content:center;align-items:flex-start;background:#0f0f1a;background-image:radial-gradient(circle at 20% 80%,rgba(99,102,241,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.05) 0%,transparent 50%)}.vb-canvas{background:#fff;box-shadow:0 0 0 1px #ffffff1a,0 25px 50px -12px #00000080;position:relative;width:794px;height:1123px;transform-origin:top center;border-radius:4px}.vb-properties{flex:1!important;display:flex;flex-direction:column;overflow:hidden;background:#0000001a;border-top:1px solid rgba(255,255,255,.05)}.vb-properties-header{padding:16px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between}.vb-properties-header h5{color:#e8e8f0!important;margin:0!important;font-size:14px;font-weight:600}.vb-properties-content{padding:16px;flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3a3a5c #1f1f2e}.vb-properties-content::-webkit-scrollbar{width:6px}.vb-properties-content::-webkit-scrollbar-track{background:#1f1f2e}.vb-properties-content::-webkit-scrollbar-thumb{background:#3a3a5c;border-radius:3px}.vb-properties .ant-form-item{margin-bottom:12px}.vb-properties .ant-form-item-label>label{color:#a0a0b8!important;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.vb-properties .ant-input,.vb-properties .ant-input-number,.vb-properties .ant-select-selector,.vb-properties .ant-input-textarea textarea{background:#ffffff0d!important;border-color:#ffffff1a!important;color:#e8e8f0!important;border-radius:8px!important}.vb-properties .ant-input:hover,.vb-properties .ant-input-number:hover,.vb-properties .ant-select-selector:hover,.vb-properties .ant-input-textarea textarea:hover{border-color:#6366f180!important}.vb-properties .ant-input:focus,.vb-properties .ant-input-number:focus,.vb-properties .ant-input-textarea textarea:focus{border-color:#6366f1!important;box-shadow:0 0 0 2px #6366f133!important}.vb-properties .ant-select-arrow{color:#a0a0b8}.vb-properties .ant-divider{border-color:#ffffff14}.vb-properties .ant-divider-inner-text{color:#818cf8!important;font-size:11px;font-weight:600}.vb-quick-actions{display:flex;gap:6px;padding:12px;background:#0003;border-radius:10px;margin-bottom:16px}.vb-quick-actions .ant-btn{flex:1;background:#ffffff0d;border-color:#ffffff1a;color:#c4c4d4;border-radius:8px}.vb-quick-actions .ant-btn:hover{background:#6366f133;border-color:#6366f166;color:#e8e8f0}.vb-quick-actions .ant-btn-dangerous{background:#ef44441a!important;border-color:#ef44444d!important;color:#fca5a5!important}.vb-quick-actions .ant-btn-dangerous:hover{background:#ef444440!important;border-color:#ef444480!important}.vb-top-toolbar{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:8px;padding:8px 16px;background:#1f1f2ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 4px 20px #0000004d}.vb-top-toolbar .ant-btn{background:transparent;border:none;color:#a0a0b8;padding:6px 10px;height:auto;border-radius:6px}.vb-top-toolbar .ant-btn:hover{background:#6366f133;color:#e8e8f0}.vb-top-toolbar .ant-btn.active{background:#6366f14d;color:#818cf8}.vb-toolbar-divider{width:1px;height:24px;background:#ffffff1a;margin:0 4px}.vb-toolbar-label{color:#6b7280;font-size:11px;font-weight:500;padding:0 8px}.vb-bottom-toolbar{position:absolute;bottom:20px;right:320px;z-index:100;display:flex;align-items:center;gap:8px;padding:8px 16px;background:#1f1f2ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 4px 20px #0000004d}.vb-zoom-controls{display:flex;align-items:center;gap:8px}.vb-zoom-controls .ant-btn{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#c4c4d4;border-radius:6px}.vb-zoom-controls .ant-btn:hover{background:#6366f133;border-color:#6366f166;color:#e8e8f0}.vb-zoom-label{color:#a0a0b8;font-size:12px;font-weight:500;min-width:42px;text-align:center}.vb-element{position:absolute;cursor:move;border:1px dashed transparent;box-sizing:border-box;transition:box-shadow .15s ease,border-color .15s ease}.vb-element:hover{border-color:#6366f180}.vb-element.selected{border:2px solid #6366f1;box-shadow:0 0 0 4px #6366f140;z-index:999!important}.vb-element:not(.selected):hover{outline:1px solid rgba(99,102,241,.4);background-color:#6366f105}.vb-elem-text{white-space:pre-wrap;overflow:hidden}.vb-elem-image{background:#f8fafc;display:flex;align-items:center;justify-content:center;color:#94a3b8}.vb-elem-field{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd!important;color:#1d4ed8;display:flex;align-items:center;padding:0 8px;font-family:SF Mono,Fira Code,monospace;font-size:11px;font-weight:500;border-radius:4px}.vb-guideline-v{position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,#f472b6,#f472b6,transparent);z-index:100;pointer-events:none}.vb-guideline-h{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#f472b6,#f472b6,transparent);z-index:100;pointer-events:none}.vb-resize-handle{position:absolute;width:10px;height:10px;background:#6366f1;border:2px solid white;border-radius:50%;box-shadow:0 2px 4px #0003;z-index:100;transition:transform .1s ease}.vb-resize-handle:hover{transform:scale(1.2);background:#818cf8}.vb-resize-handle.nw{top:-5px;left:-5px;cursor:nw-resize}.vb-resize-handle.n{top:-5px;left:calc(50% - 5px);cursor:n-resize}.vb-resize-handle.ne{top:-5px;right:-5px;cursor:ne-resize}.vb-resize-handle.e{top:calc(50% - 5px);right:-5px;cursor:e-resize}.vb-resize-handle.se{bottom:-5px;right:-5px;cursor:se-resize}.vb-resize-handle.s{bottom:-5px;left:calc(50% - 5px);cursor:s-resize}.vb-resize-handle.sw{bottom:-5px;left:-5px;cursor:sw-resize}.vb-resize-handle.w{top:calc(50% - 5px);left:-5px;cursor:w-resize}.vb-table-preview{width:100%;height:100%;overflow:hidden;background:#fff;font-size:10px;border-radius:4px}.vb-table-preview table{width:100%;border-collapse:collapse}.vb-table-preview td{border:1px solid #e5e7eb;padding:4px 8px;color:#374151}.vb-table-preview tr:first-child td{background:#f9fafb;font-weight:600;color:#1f2937}.vb-qrcode-preview{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#fafafa,#f0f0f0);border:1px solid #e5e7eb;border-radius:8px;font-size:10px;font-weight:600;color:#4b5563}.vb-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#6b7280;text-align:center;padding:40px}.vb-empty-state .anticon{font-size:48px;color:#4b5563;margin-bottom:16px}.vb-empty-state h4{color:#9ca3af;margin-bottom:8px}.vb-empty-state p{color:#6b7280;font-size:13px}[data-theme=light] .visual-builder-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}[data-theme=light] .vb-sidebar,[data-theme=light] .vb-properties{background:linear-gradient(180deg,#fff,#f8fafc);border-color:#e2e8f0}[data-theme=light] .vb-toolbox h5,[data-theme=light] .vb-properties-header h5{color:#1e293b!important}[data-theme=light] .vb-section-header{background:#6366f114;color:#6366f1}[data-theme=light] .vb-tool-item{background:#fff;border-color:#e2e8f0;color:#475569;box-shadow:0 1px 3px #0000000d}[data-theme=light] .vb-tool-item:hover{background:#6366f114;border-color:#6366f14d;color:#1e293b}[data-theme=light] .vb-canvas-area{background:#e2e8f0;background-image:none}[data-theme=light] .vb-top-toolbar,[data-theme=light] .vb-bottom-toolbar{background:#fffffff2;border-color:#e2e8f0;box-shadow:0 4px 12px #0000001a}[data-theme=light] .vb-top-toolbar .ant-btn,[data-theme=light] .vb-bottom-toolbar .ant-btn{color:#475569}[data-theme=light] .vb-properties .ant-form-item-label>label{color:#64748b!important}[data-theme=light] .vb-properties .ant-input,[data-theme=light] .vb-properties .ant-input-number,[data-theme=light] .vb-properties .ant-select-selector{background:#fff!important;border-color:#e2e8f0!important;color:#1e293b!important}.vb-canvas,[data-theme=light] .vb-canvas,[data-theme=dark] .vb-canvas{background-color:#fff!important;color:#000!important}[data-theme=dark] .vb-canvas .vb-element{color:inherit}.template-editor-page{padding:24px}.template-editor-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.template-editor-page .page-header h2{margin:0}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px}.field-list{background:#fafafa;border-radius:8px;padding:16px}.field-item{background:#fff;border:1px solid #e8e8e8;border-radius:6px;padding:12px 16px;margin-bottom:8px;display:flex;align-items:center;gap:12px}.component-item:hover{border-color:#1890ff;background:#e6f7ff}[data-theme=dark] .template-editor-layout .sider{background-color:var(--bg-card);border-right-color:var(--border-color)}[data-theme=dark] .component-item{background-color:#1f1f1f;border-color:#303030;color:var(--text-primary)}[data-theme=dark] .component-item:hover{border-color:var(--primary-color);background-color:#1890ff1a}[data-theme=dark] .editor-canvas-container{background-color:#141414}[data-theme=dark] .a4-page{background-color:#fff;box-shadow:0 0 20px #00000080}[data-theme=dark] .properties-panel{background-color:var(--bg-card);border-left-color:var(--border-color)}.field-item:hover{border-color:#1890ff;box-shadow:0 2px 8px #1890ff1a}.field-item .drag-handle{cursor:grab;color:#999}.field-item .field-info{flex:1}.field-item .field-type{color:#666;font-size:12px}.ant-modal .ant-tabs-content{min-height:300px}.tds-page{padding:24px}.tds-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.tds-page .page-header h2{margin:0}.material-detail{padding:8px 0}.material-detail .ant-divider{margin:16px 0}.tds-page .ant-steps{padding:4px 0}.tds-page .ant-steps .ant-steps-item-title{font-size:13px!important}.tds-page .ant-form-item{margin-bottom:16px}.tds-page .ant-input-number-group-addon,.tds-page .ant-input-group-addon{background:#1890ff0f;color:#1890ff;font-size:11px;min-width:50px;text-align:center}.tds-page .custom-prop-row{transition:background .2s;padding:4px;border-radius:4px}.tds-page .custom-prop-row:hover{background:#1890ff0a}.tds-page .ant-table-tbody>tr{cursor:pointer;transition:background .15s}.material-detail .ant-col{padding:6px 0}[data-theme=dark] .tds-page{background-color:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .tds-page .page-header{background-color:var(--bg-card);box-shadow:var(--shadow-sm);padding:16px;border-radius:8px}[data-theme=dark] .tds-page .ant-input-number-group-addon,[data-theme=dark] .tds-page .ant-input-group-addon{background:#1890ff1f;color:#40a9ff;border-color:#ffffff1a}.engineering-calculator-page{padding:12px 16px}.engineering-calculator-page .page-header{margin-bottom:12px}.engineering-calculator-page .page-header h2{margin:0;font-size:20px}.calculator-card{height:100%}.calculator-card .ant-card-body{padding:12px!important}.calculator-card .ant-card-head{min-height:36px;padding:0 12px}.calculator-card .ant-card-head-title{font-weight:600;padding:8px 0;font-size:14px}.calc-inputs{margin:12px 0}.calc-result{background:linear-gradient(135deg,#f5f7fa,#e4e8eb);padding:12px;border-radius:8px;text-align:center}.result-value{margin-top:8px;color:inherit}@media (max-width: 768px){.engineering-calculator-page{padding:16px}.calc-result .result-value span:first-child{font-size:24px!important}}.tds-file-browser-page{padding:24px}.tds-file-browser-page .page-header{margin-bottom:24px}.tds-file-browser-page .page-header h2{margin:0}.file-browser .browser-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.file-browser .directory-info{background:linear-gradient(135deg,#f0f5ff,#e6f7ff);padding:12px 16px;border-radius:8px;margin-bottom:16px;border:1px solid #d6e4ff}.upload-dragger-container .ant-upload-drag{background:#fafafa;border:2px dashed #d9d9d9;border-radius:12px;transition:all .3s}.upload-dragger-container .ant-upload-drag:hover{border-color:#1890ff;background:#f0f7ff}.upload-dragger-container .ant-upload-drag-icon{margin-bottom:8px!important}.analysis-matrix .matrix-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.analysis-matrix .matrix-header h4{margin:0}.matrix-cell-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:44px}.editable-matrix-cell{max-height:48px;overflow:hidden;padding:4px;border-radius:4px;transition:background .3s;width:100%;display:flex;flex-direction:column;justify-content:center}.editable-matrix-cell:hover{background:#f5f5f5}.expand-cell-btn{position:absolute;right:-10px;top:-10px;background:#fff!important;border-radius:50%;box-shadow:0 2px 4px #0000001a;opacity:0;transition:all .3s;z-index:10;width:20px;height:20px;display:flex;align-items:center;justify-content:center;padding:0}.matrix-cell-container:hover .expand-cell-btn{opacity:1;right:-12px}.analysis-preview .analysis-info{background:linear-gradient(135deg,#f0f5ff,#e6f7ff);padding:12px 16px;border-radius:8px;margin-bottom:16px;border:1px solid #d6e4ff}.analysis-property{display:flex;flex-direction:column;gap:6px;padding:8px;background:#fafafa;border-radius:6px;border:1px solid #f0f0f0}.analysis-property:hover{border-color:#d9d9d9;background:#fff}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:200px;gap:16px}.pdf-text-selection{margin-top:24px}.pdf-text-scrollable{max-height:300px;overflow-y:auto;padding:16px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:13px;line-height:1.6;color:#495057;white-space:pre-wrap;word-break:break-all}.clickable-word{display:inline-block;padding:0 1px;margin:0;color:#495057;border-radius:2px;cursor:pointer;transition:all .15s ease}.clickable-word:hover{background:#1890ff;color:#fff!important}.clickable-word:active{background:#096dd9}.clickable-number{display:inline-block;padding:0 4px;margin:0 1px;background:#e7f5ff;color:#1971c2;border-radius:3px;cursor:pointer;transition:all .2s ease;border-bottom:2px solid #a5d8ff;font-weight:500}.clickable-number:hover{background:#1890ff;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #1890ff33}.highlight{background-color:#fff3bf!important;border-bottom:2px solid #fab005!important;font-weight:700;color:#000!important}.text-more{text-align:center;color:#868e96;font-style:italic;margin-top:12px}.tds-file-browser-page .ant-table-wrapper{border-radius:8px;overflow:hidden}.tds-file-browser-page .ant-table-thead>tr>th{background:#fafafa;font-weight:600}.tds-file-browser-page .ant-badge-count{background:#1890ff}@media (max-width: 768px){.file-browser .browser-header{flex-direction:column;align-items:stretch}.file-browser .browser-header>*{width:100%}}.tds-file-browser-page .ant-alert{border-radius:8px}.tds-file-browser-page .ant-alert ul{margin-bottom:0}.tds-file-browser-page .ant-empty{padding:40px 0}.tds-file-browser-page .ant-card{border-radius:12px;box-shadow:0 1px 3px #00000014}.analysis-property-card{transition:all .3s ease;border:1px solid #f0f0f0}.analysis-property-card:hover{border-color:#1890ff}.analysis-property-card.selected{border-color:#1890ff;background-color:#f0f5ff}.analysis-property-card.focused{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33;background-color:#e6f7ff}.analysis-property-card.focused .ant-card-head{background-color:#bae7ff}.analysis-container{display:flex;flex-direction:column;height:100%}.analysis-container.split-view{flex-direction:row;gap:24px;height:75vh}.analysis-pdf-pane{flex:1.2;background:#f0f2f5;border-radius:8px;overflow:hidden;height:100%;border:1px solid #d9d9d9}.analysis-form-pane{flex:1;overflow-y:auto;padding-right:8px;height:100%}.analysis-form-pane::-webkit-scrollbar{width:6px}.analysis-form-pane::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}[data-theme=dark] .tds-file-browser-page{background-color:var(--bg-primary)}[data-theme=dark] .file-browser .directory-info{background:linear-gradient(135deg,#1f1f1f,#141414);border-color:#303030;color:var(--text-primary)}[data-theme=dark] .upload-dragger-container .ant-upload-drag{background-color:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .upload-dragger-container .ant-upload-drag:hover{border-color:var(--primary-color);background-color:#1890ff0d}[data-theme=dark] .editable-matrix-cell:hover{background-color:var(--bg-hover)}[data-theme=dark] .expand-cell-btn{background-color:var(--bg-card)!important;color:var(--text-primary);box-shadow:0 2px 4px #00000080}[data-theme=dark] .analysis-preview .analysis-info{background:linear-gradient(135deg,#1f1f1f,#141414);border-color:#303030;color:var(--text-primary)}[data-theme=dark] .analysis-property{background-color:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .analysis-property:hover{background-color:var(--bg-hover)}[data-theme=dark] .pdf-text-scrollable{background-color:#141414;border-color:#303030;color:#d9d9d9}[data-theme=dark] .clickable-word{color:#bfbfbf}[data-theme=dark] .clickable-word:hover{color:#fff!important}[data-theme=dark] .clickable-number{background-color:#1890ff26;color:#40a9ff;border-bottom-color:#1890ff}[data-theme=dark] .tds-file-browser-page .ant-table-thead>tr>th{background-color:#1f1f1f;color:var(--text-primary)}[data-theme=dark] .analysis-pdf-pane{background-color:#1a1a1a;border-color:#303030}[data-theme=dark] .analysis-property-card{background-color:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .analysis-property-card.selected{background-color:#1890ff1a;border-color:#1890ff}[data-theme=dark] .analysis-property-card.focused{background-color:#1890ff26;border-color:#40a9ff}[data-theme=dark] .analysis-property-card.focused .ant-card-head{background-color:#1890ff33;color:var(--text-primary)}.recipe-editor{display:flex;flex-direction:column;height:calc(100vh - var(--header-height));width:100%;overflow:hidden;background:var(--bg-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.recipe-toolbar{height:48px;flex-shrink:0;display:flex;align-items:center;padding:0 20px;gap:12px;border-bottom:1px solid var(--border-color);background:var(--bg-card);position:relative;z-index:50}.recipe-toolbar .toolbar-back{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all .2s}.recipe-toolbar .toolbar-back:hover{border-color:var(--primary-color);color:var(--primary-color);background:#1890ff0f}.recipe-toolbar .toolbar-name-input{flex:1;min-width:180px}.recipe-toolbar .toolbar-name-input .ant-input{font-size:16px;font-weight:700;background:transparent!important;border:none!important;box-shadow:none!important;padding:4px 8px;color:var(--text-primary);border-radius:8px;transition:background .2s}.recipe-toolbar .toolbar-name-input .ant-input:hover{background:var(--bg-hover)!important}.recipe-toolbar .toolbar-name-input .ant-input:focus{background:var(--bg-primary)!important;box-shadow:0 0 0 2px #1890ff26!important}.toolbar-divider{width:1px;height:28px;background:var(--border-color);flex-shrink:0}.toolbar-field{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:8px;background:var(--bg-primary);border:1px solid var(--border-color);transition:all .2s}.toolbar-field:hover{border-color:var(--primary-color)}.toolbar-field .field-label{font-size:10px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.toolbar-field .ant-input-number{width:80px!important;background:transparent!important;border:none!important;box-shadow:none!important}.toolbar-field .ant-input-number-input{font-size:14px;font-weight:700;color:var(--text-primary);padding:0!important;text-align:right}.toolbar-field .field-unit{font-size:11px;font-weight:600;color:var(--text-secondary)}.toolbar-status{display:flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.5px}.toolbar-status.ok{background:#52c41a1a;color:#52c41a;border:1px solid rgba(82,196,26,.2)}.toolbar-status.warning{background:#faad141a;color:#faad14;border:1px solid rgba(250,173,20,.2)}.toolbar-status.draft{background:#1890ff14;color:var(--primary-color);border:1px solid rgba(24,144,255,.15)}.recipe-body{display:flex;flex:1;overflow:hidden}.recipe-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.recipe-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px}.recipe-scroll::-webkit-scrollbar{width:6px}.recipe-scroll::-webkit-scrollbar-track{background:transparent}.recipe-scroll::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.recipe-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.recipe-scroll-inner{max-width:1600px;margin:0 auto;overflow:hidden}.recipe-scroll-inner .ant-table-expanded-row>.ant-table-cell{padding:0!important;overflow:hidden!important}.recipe-scroll-inner .ant-table-wrapper{overflow-x:auto}.layer-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;margin-bottom:8px;transition:all .2s}.layer-card:hover{border-color:#1890ff4d;box-shadow:0 2px 8px #0000000a}.layer-card.expanded{border-color:#1890ff66;box-shadow:0 4px 16px #1890ff14}.layer-header{display:flex;align-items:center;padding:10px 16px;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.layer-header:hover{background:var(--bg-hover)}.layer-badge{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:#fff;flex-shrink:0;background:linear-gradient(135deg,#4f8df9,#2563eb);box-shadow:0 2px 6px #2563eb4d}.layer-badge.empty{background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:0 2px 6px #64748b33}.layer-meta{flex:1;display:flex;align-items:center;gap:20px;min-width:0}.layer-meta-item{display:flex;align-items:baseline;gap:4px;white-space:nowrap}.layer-meta-item .meta-value{font-size:14px;font-weight:700;color:var(--text-primary)}.layer-meta-item .meta-unit{font-size:11px;color:var(--text-secondary);font-weight:500}.layer-thickness-input{width:64px!important}.layer-thickness-input .ant-input-number-input{font-size:14px!important;font-weight:700!important;text-align:center!important;padding:0!important;color:var(--text-primary)!important}.layer-expand-icon{color:var(--text-secondary);font-size:10px;transition:transform .25s;flex-shrink:0}.layer-expand-icon.expanded{transform:rotate(90deg)}.feeder-grid{padding:12px 16px 16px;border-top:1px solid var(--border-color);background:var(--bg-primary)}.feeder-row{display:grid;grid-template-columns:56px 1fr 80px 80px 80px 90px 80px 80px;gap:8px;align-items:center;padding:6px 8px;border-radius:8px;transition:background .15s}.feeder-row:hover{background:var(--bg-hover)}.feeder-row.active{background:#1890ff0f;outline:1px solid rgba(24,144,255,.2);border-radius:8px}.feeder-row-header{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);padding:4px 8px 8px;border-bottom:1px solid var(--border-color);margin-bottom:4px}.feeder-tag{font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px;text-align:center;background:#1890ff14;color:var(--primary-color);border:1px solid rgba(24,144,255,.15)}.feeder-material-cell{position:relative;border-radius:6px;padding:2px;transition:all .2s}.feeder-material-cell.active{background:#1890ff0d;box-shadow:0 0 0 2px #1890ff26}.feeder-input .ant-input-number{background:transparent!important;border:none!important;box-shadow:none!important}.feeder-input .ant-input-number-input{font-size:13px!important;font-weight:600!important;color:var(--text-primary)!important;text-align:center!important;padding:0!important}.feeder-input-pct .ant-input-number{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;border-radius:6px!important}.feeder-input-pct .ant-input-number-input{font-size:14px!important;font-weight:800!important;color:var(--primary-color)!important}.feeder-input-pct .ant-input-number.ant-input-number-status-error{border-color:var(--error-color)!important}.feeder-calc{font-size:12px;font-weight:600;color:var(--text-secondary);text-align:center}.recipe-sidebar{width:320px;flex-shrink:0;display:flex;flex-direction:column;border-left:1px solid var(--border-color);background:var(--bg-card);z-index:1;transition:width .3s cubic-bezier(.4,0,.2,1),opacity .2s;overflow:hidden}.recipe-sidebar.collapsed{width:0;border-left:none;opacity:0}.sidebar-header{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--border-color);flex-shrink:0}.sidebar-header .sidebar-title{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--text-primary)}.sidebar-body{flex:1;overflow:hidden}.recipe-footer{height:44px;flex-shrink:0;display:flex;align-items:center;padding:0 20px;gap:20px;border-top:1px solid var(--border-color);background:var(--bg-card);position:relative;z-index:50}.footer-stat{display:flex;align-items:center;gap:8px}.footer-stat .stat-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.footer-stat .stat-content{display:flex;flex-direction:column;line-height:1}.footer-stat .stat-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:2px}.footer-stat .stat-value{font-size:15px;font-weight:800;color:var(--text-primary)}.footer-stat .stat-unit{font-size:11px;font-weight:600;margin-left:2px}.footer-agents{display:flex;gap:8px;overflow-x:auto;flex:1}.footer-agents::-webkit-scrollbar{display:none}.agent-chip{display:flex;align-items:center;gap:4px;padding:3px 10px;border-radius:16px;background:#f59e0b14;border:1px solid rgba(245,158,11,.15);white-space:nowrap;font-size:11px;font-weight:700}.agent-chip .agent-name{color:var(--text-secondary);font-weight:600}.agent-chip .agent-ppm{color:#f59e0b}.analysis-section{margin-top:16px;display:grid;grid-template-columns:1fr 2fr;gap:16px;padding-bottom:24px}@media (max-width: 1200px){.analysis-section{grid-template-columns:1fr}}.analysis-card{border-radius:12px;padding:20px;border:1px solid var(--border-color);background:var(--bg-card)}.analysis-alert{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:10px;margin-bottom:10px;font-size:12px;font-weight:600}.analysis-alert.warn{background:#faad1414;border:1px solid rgba(250,173,20,.2);color:#d48806}.analysis-alert.error{background:#ff4d4f14;border:1px solid rgba(255,77,79,.2);color:#cf1322}.analysis-alert.info{background:#1890ff0f;border:1px solid rgba(24,144,255,.15);color:var(--primary-color)}.analysis-alert.success{background:#52c41a0f;border:1px solid rgba(82,196,26,.15);color:#389e0d}.analysis-alert .alert-icon{font-size:16px;flex-shrink:0;margin-top:1px}.analysis-alert .alert-title{font-weight:800;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.analysis-alert .alert-desc{font-weight:500;margin-top:2px;opacity:.85}[data-theme=dark] .analysis-alert.warn{color:#ffc53d}[data-theme=dark] .analysis-alert.error{color:#ff7875}[data-theme=dark] .analysis-alert.info{color:#69b1ff}[data-theme=dark] .analysis-alert.success{color:#73d13d}.notes-textarea{width:100%;min-height:160px;resize:vertical;border-radius:10px!important;padding:14px!important;font-size:14px!important;background:var(--bg-primary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.layer-status{font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;flex-shrink:0}.layer-status.ok{background:#52c41a1a;color:#52c41a}.layer-status.error{background:#ff4d4f1a;color:#ff4d4f}.layer-status.empty{background:var(--bg-hover);color:var(--text-secondary)}.ratio-bar{width:60px;height:4px;background:var(--border-color);border-radius:2px;overflow:hidden;flex-shrink:0}.ratio-bar-fill{height:100%;background:linear-gradient(90deg,#4f8df9,#2563eb);border-radius:2px;transition:width .3s}.template-select .ant-select-selector{border-radius:8px!important;font-size:12px!important}:root{--primary-color: #1890ff;--primary-dark: #0050b3;--success-color: #52c41a;--warning-color: #faad14;--error-color: #ff4d4f;--bg-primary: #f0f2f5;--bg-secondary: #ffffff;--bg-sidebar: #001529;--bg-card: #ffffff;--bg-hover: rgba(0, 0, 0, .04);--text-primary: rgba(0, 0, 0, .85);--text-secondary: rgba(0, 0, 0, .45);--border-color: #f0f0f0;--border-color-light: #e8e8e8;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}[data-theme=dark]{--bg-primary: #141414;--bg-secondary: #1f1f1f;--bg-sidebar: #000000;--bg-card: #262626;--bg-hover: rgba(255, 255, 255, .08);--text-primary: rgba(255, 255, 255, .85);--text-secondary: rgba(255, 255, 255, .45);--border-color: #303030;--border-color-light: #434343;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box}button,.ant-btn,.ant-menu-item,.ant-menu-submenu-title,.clickable,[role=button]{user-select:none;-webkit-user-select:none}html,body,#root{height:100%;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.login-card{width:100%;max-width:400px;padding:var(--spacing-xl);background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:0 10px 40px #0003}.login-header{text-align:center;margin-bottom:var(--spacing-xl)}.login-logo{font-size:48px;color:var(--primary-color);margin-bottom:var(--spacing-md)}.login-title{font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.login-subtitle{color:var(--text-secondary)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.widget-card{border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000f}.widget-error{padding:var(--spacing-lg);text-align:center;color:var(--error-color)}.user-management{padding:var(--spacing-lg)}.user-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}@media (max-width: 768px){.login-card{margin:var(--spacing-md)}}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px}.error-fallback{padding:var(--spacing-xl);text-align:center;background:#fff1f0;border:1px solid #ffa39e;border-radius:var(--radius-md);margin:var(--spacing-md)}.error-fallback h3{color:var(--error-color);margin-bottom:var(--spacing-md)}.error-fallback button{margin-top:var(--spacing-md)}[data-theme=dark] .ant-typography,[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5{color:var(--text-primary)}[data-theme=dark] .page-header .ant-typography-secondary{color:var(--text-secondary)}[data-theme=dark] .site-header{border-bottom:1px solid var(--border-color)}[data-theme=dark] .ant-modal-content,[data-theme=dark] .ant-modal-header{background-color:var(--bg-card)}[data-theme=dark] .ant-modal-title{color:var(--text-primary)}.ant-modal-wrap.ant-modal-centered{display:flex!important;align-items:center;justify-content:center;pointer-events:none}.ant-modal-wrap.ant-modal-centered .ant-modal{top:0!important;margin:0!important;padding-bottom:0!important;pointer-events:auto}.ant-modal-body{max-height:80vh}.ant-modal .ant-tabs-content{min-height:195px}[data-theme=dark] .page-header,[data-theme=dark] .page-header-component,[data-theme=dark] .page-header-title-section{background-color:var(--bg-card);color:var(--text-primary);border-radius:8px;padding:16px}[data-theme=dark] .page-header h1,[data-theme=dark] .page-header-component h1,[data-theme=dark] .page-header h2,[data-theme=dark] .page-header-component h2,[data-theme=dark] .page-header h3,[data-theme=dark] .page-header-component h3,[data-theme=dark] .page-header h4,[data-theme=dark] .page-header-component h4,[data-theme=dark] .page-header span.ant-typography,[data-theme=dark] .page-header-component span.ant-typography,[data-theme=dark] .page-header .anticon,[data-theme=dark] .page-header-component .anticon{color:var(--text-primary)!important}[data-theme=dark] .page-header .ant-typography-secondary,[data-theme=dark] .page-header-component .ant-typography-secondary{color:var(--text-secondary)!important}[data-theme=dark] .ant-table{background:transparent;color:var(--text-primary)}[data-theme=dark] .ant-table-thead>tr>th{background:#1f1f1f;color:#fff;border-bottom:1px solid #303030}[data-theme=dark] .ant-table-tbody>tr>td{background:#141414;color:var(--text-primary);border-bottom:1px solid #303030}[data-theme=dark] .ant-table-tbody>tr.ant-table-row:hover>td,[data-theme=dark] .ant-table-tbody>tr>td.ant-table-cell-row-hover{background:#262626}[data-theme=dark] .ant-pagination-item-active{background-color:transparent;border-color:var(--primary-color)}[data-theme=dark] .ant-pagination-item a{color:var(--text-primary)}[data-theme=dark] .ant-pagination-item-active a{color:var(--primary-color)}[data-theme=dark] .ant-card{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .ant-card-head{border-bottom:1px solid var(--border-color);color:var(--text-primary)}[data-theme=dark] .ant-card-head-title,[data-theme=dark] .ant-card-meta-title,[data-theme=dark] .ant-card-meta-description{color:var(--text-primary)}[data-theme=dark] .calc-result{background:linear-gradient(135deg,#1f1f1f,#141414);border:1px solid #303030}[data-theme=dark] .calc-result .ant-typography,[data-theme=dark] .result-value{color:var(--text-primary)!important}[data-theme=dark] .calc-result .ant-typography-secondary{color:var(--text-secondary)!important}.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:focus,.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:focus-within{background-color:var(--bg-secondary)!important}.material-item-hover:hover{background-color:var(--bg-hover)!important}.recipe-premium-input .ant-input,.recipe-premium-input .ant-input-number-input{transition:all .3s}.recipe-premium-input:hover .ant-input,.recipe-premium-input:hover .ant-input-number-input,.recipe-premium-input-focused{border-bottom:1px solid var(--primary-color)!important}[data-theme=dark] .ant-input,[data-theme=dark] .ant-input-number,[data-theme=dark] .ant-select-selector,[data-theme=dark] .ant-picker{background-color:#1f1f1f!important;border-color:#434343!important;color:var(--text-primary)!important}[data-theme=dark] .ant-select-arrow,[data-theme=dark] .ant-picker-suffix{color:var(--text-secondary)}[data-theme=dark] .ant-upload.ant-upload-drag{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .ant-upload.ant-upload-drag .ant-upload-text{color:var(--text-primary)!important}[data-theme=dark] .ant-upload.ant-upload-drag .ant-upload-hint{color:var(--text-secondary)!important}[data-theme=dark] .ant-upload.ant-upload-drag:hover{border-color:var(--primary-color)!important}[data-theme=dark] .ant-upload-list-item-name{color:var(--text-primary)!important}[data-theme=dark] .ant-upload-list-item:hover .ant-upload-list-item-info{background-color:var(--bg-hover)!important}[data-theme=dark] .message-bubble-received{background-color:#262626;color:var(--text-primary);border:1px solid #303030}[data-theme=dark] .message-bubble-sent{background-color:var(--primary-dark);color:#fff}[data-theme=dark] .chat-list-item:hover{background-color:#262626}[data-theme=dark] .chat-list-item.selected{background-color:#1a1a1a;border-left-color:var(--primary-color)}[data-theme=dark] .ant-list-item,[data-theme=dark] .ant-list-item-meta-title{color:var(--text-primary)!important}[data-theme=dark] .ant-list-item-meta-description{color:var(--text-secondary)!important}[data-theme=dark] .ant-card-body{color:var(--text-primary)!important}[data-theme=dark] .ant-space-item{color:var(--text-primary)}[data-theme=dark] .ant-space-item span,[data-theme=dark] .ant-space-item div,[data-theme=dark] .ant-space-item p{color:inherit}[data-theme=dark] .ant-list-item-action li{color:var(--text-secondary)!important}[data-theme=dark] .ant-tabs-tab{color:var(--text-secondary)}[data-theme=dark] .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--primary-color);text-shadow:0 0 .25px currentcolor}[data-theme=dark] .ant-tabs-ink-bar{background:var(--primary-color)}[data-theme=dark] .ant-tabs-top>.ant-tabs-nav:before{border-bottom:1px solid var(--border-color)}[data-theme=dark] .ant-collapse{background-color:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .ant-collapse>.ant-collapse-item{border-bottom-color:var(--border-color)}[data-theme=dark] .ant-collapse .ant-collapse-header{color:var(--text-primary)!important;background-color:var(--bg-card)}[data-theme=dark] .ant-collapse .ant-collapse-content{background-color:var(--bg-card);border-top-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .ant-spin-container,[data-theme=dark] .ant-spin-nested-loading{color:var(--text-primary);background-color:transparent}.notification-item.unread{background-color:#f0f9ff}[data-theme=dark] .notification-item.unread{background-color:#1890ff26!important}[data-theme=dark] .notification-item:hover{background-color:var(--bg-hover)!important}[data-theme=dark] .notification-header,[data-theme=dark] .notification-footer{background-color:var(--bg-card);border-color:var(--border-color)!important}[data-theme=dark] .notification-popover-content{background-color:var(--bg-card);color:var(--text-primary)}.profile-page{max-width:800px;margin:0 auto;padding:24px}.profile-page .ant-card{border-radius:16px;border:1px solid rgba(0,212,255,.08);background:linear-gradient(135deg,#fffffff2,#f8fafce6);box-shadow:0 4px 20px #00000008,0 1px #fffc inset;overflow:hidden;position:relative;transition:all .3s ease}.profile-page .ant-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#00d4ff,#0891b2);opacity:0;transition:opacity .3s ease}.profile-page .ant-card:hover:before{opacity:1}.profile-page .ant-card:hover{border-color:#00d4ff26;box-shadow:0 8px 32px #00d4ff14,0 1px #fffc inset;transform:translateY(-2px)}.profile-page .ant-card-head{border-bottom:1px solid rgba(0,212,255,.08);background:linear-gradient(90deg,rgba(0,212,255,.03) 0%,transparent 100%)}.profile-avatar-container{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;background:linear-gradient(135deg,#00d4ff,#0891b2);color:#fff;box-shadow:0 4px 16px #00d4ff4d,0 0 0 4px #00d4ff1a;transition:all .3s ease}.profile-avatar-container:hover{transform:scale(1.05);box-shadow:0 6px 24px #00d4ff66,0 0 0 6px #00d4ff26}[data-theme=dark] .profile-page .ant-card{background:linear-gradient(135deg,#1e293be6,#0f172ad9);border-color:#00d4ff1f;box-shadow:0 4px 20px #0003,0 1px #ffffff08 inset}[data-theme=dark] .profile-page .ant-card:hover{border-color:#00d4ff40;box-shadow:0 8px 32px #00d4ff1f,0 1px #ffffff08 inset}[data-theme=dark] .profile-page .ant-card-head{border-bottom-color:#00d4ff1a;background:linear-gradient(90deg,rgba(0,212,255,.05) 0%,transparent 100%)}.ant-btn-primary{background:linear-gradient(135deg,#00d4ff,#0891b2);border:none;box-shadow:0 4px 12px #00d4ff4d;transition:all .3s cubic-bezier(.4,0,.2,1)}.ant-btn-primary:hover{background:linear-gradient(135deg,#22d3ee,#06b6d4);box-shadow:0 6px 20px #00d4ff66;transform:translateY(-1px)}.ant-btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #00d4ff4d}.page-header{padding:20px 24px;background:linear-gradient(135deg,#fffc,#f8fafc99);border-radius:12px;border:1px solid rgba(0,212,255,.08);margin-bottom:24px;position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,#00d4ff,#0891b2)}[data-theme=dark] .page-header{background:linear-gradient(135deg,#1e293bcc,#0f172a99);border-color:#00d4ff1f}.ant-drawer-content{background:linear-gradient(180deg,#fffffffa,#f8fafcf2)}.ant-drawer-header{border-bottom:1px solid rgba(0,212,255,.1);background:linear-gradient(90deg,rgba(0,212,255,.03) 0%,transparent 100%)}[data-theme=dark] .ant-drawer-content{background:linear-gradient(180deg,#1e293bfa,#0f172af2)}[data-theme=dark] .ant-drawer-header{border-bottom-color:#00d4ff26;background:linear-gradient(90deg,rgba(0,212,255,.05) 0%,transparent 100%)}