@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&display=swap";:root{--color-background-primary: #f5f7fa;--color-background-secondary: #e1e8ed;--color-background-white: #ffffff;--color-text-primary: #2d3748;--color-text-secondary: #4a5568;--color-text-tertiary: #718096;--color-text-muted: #a0aec0;--color-accent-primary: #667eea;--color-accent-secondary: #764ba2;--color-success: #48bb78;--color-warning: #f59e0b;--color-error: #f56565;--color-info: #4299e1;--shadow-neumorphism: 12px 12px 24px rgba(200, 208, 231, .4), -12px -12px 24px rgba(255, 255, 255, .9);--shadow-neumorphism-hover: 14px 14px 28px rgba(200, 208, 231, .45), -14px -14px 28px rgba(255, 255, 255, .95);--shadow-neumorphism-inset: inset 6px 6px 12px rgba(200, 208, 231, .3), inset -6px -6px 12px rgba(255, 255, 255, .7);--shadow-neumorphism-sm: 6px 6px 12px rgba(200, 208, 231, .35), -6px -6px 12px rgba(255, 255, 255, .85);--shadow-neumorphism-lg: 20px 20px 40px rgba(200, 208, 231, .5), -20px -20px 40px rgba(255, 255, 255, .9);--gradient-title: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);--gradient-button: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);--gradient-accent: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);--page-max-width: 80%;--page-padding: 24px;--page-padding-md: 20px;--page-padding-sm: 16px;--page-padding-xs: 12px;--header-height: 80px;--page-header-padding: 32px 40px;--page-header-padding-md: 28px 32px;--page-header-padding-sm: 20px;--page-header-padding-xs: 16px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 32px;--font-size-5xl: 40px;--font-size-page-title: 2.5rem;--font-size-page-title-md: 2.2rem;--font-size-page-title-sm: 1.75rem;--font-size-page-title-xs: 1.5rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-smooth: .3s ease;--transition-slow: .4s ease;--z-index-base: 1;--z-index-dropdown: 100;--z-index-sticky: 200;--z-index-fixed: 300;--z-index-modal-backdrop: 1000;--z-index-modal: 1001;--z-index-popover: 1002;--z-index-tooltip: 1003}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes grow{0%{width:0;opacity:0}to{width:100%;opacity:1}}@keyframes shrink{0%{width:100%;opacity:1}to{width:0;opacity:0}}@keyframes expandHeight{0%{height:0;opacity:0}to{height:auto;opacity:1}}@keyframes burstAnimation{0%{transform:scale(0);opacity:1}50%{transform:scale(1.5);opacity:.8}to{transform:scale(2);opacity:0}}@keyframes glow{0%,to{box-shadow:0 0 5px #667eea80}50%{box-shadow:0 0 20px #667eeacc}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-fadeInUp{animation:fadeInUp .5s ease-out}.animate-slideUp{animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.animate-scaleIn{animation:scaleIn .2s ease-out}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-bounce{animation:bounce 1s ease-in-out infinite}.animate-shake{animation:shake .5s ease-in-out}.neu-card{background:#f5f7fa;border-radius:20px;box-shadow:8px 8px 16px #c8d0e759,-8px -8px 16px #fffc;transition:all .3s ease}.neu-card:hover{transform:translateY(-2px);box-shadow:10px 10px 20px #c8d0e766,-10px -10px 20px #ffffffe6}.neu-card-pressed{background:#f5f7fa;border-radius:20px;box-shadow:inset 6px 6px 12px #c8d0e74d,inset -6px -6px 12px #ffffffb3}.neu-button{background:#f5f7fa;border:none;border-radius:12px;padding:12px 24px;font-size:15px;font-weight:600;color:#667eea;cursor:pointer;transition:all .2s ease;box-shadow:4px 4px 8px #c8d0e759,-4px -4px 8px #fffc}.neu-button:hover{box-shadow:inset 3px 3px 6px #c8d0e74d,inset -3px -3px 6px #ffffffb3;color:#764ba2}.neu-button:active{box-shadow:inset 4px 4px 8px #c8d0e766,inset -4px -4px 8px #fff9}.neu-button-sm{width:36px;height:36px;border-radius:10px;padding:0;display:flex;align-items:center;justify-content:center}.neu-button-sm svg{width:18px;height:18px;stroke-width:2.5}.neu-button-primary{color:#667eea}.neu-button-danger{color:#f56565}.neu-button-danger:hover{color:#e53e3e}.neu-button-success{color:#48bb78}.neu-button-warning{color:#ed8936}.neu-input{background:#f5f7fa;border:none;border-radius:12px;padding:12px 16px;font-size:15px;color:#2d3748;box-shadow:inset 4px 4px 8px #c8d0e74d,inset -4px -4px 8px #ffffffb3;transition:all .2s ease}.neu-input:focus{outline:none;box-shadow:inset 5px 5px 10px #c8d0e766,inset -5px -5px 10px #fff9,0 0 0 2px #667eea1a}.neu-input::placeholder{color:#a0aec0}.neu-badge{display:inline-block;padding:4px 12px;border-radius:8px;font-size:12px;font-weight:600;background:#667eea1a;color:#667eea}.neu-badge-success{background:#48bb781a;color:#48bb78}.neu-badge-danger{background:#f565651a;color:#f56565}.neu-badge-warning{background:#ed89361a;color:#ed8936}.neu-badge-gray{background:#cbd5e04d;color:#718096}.neu-divider{height:1px;background:#c8d0e74d;margin:16px 0}.form-label{display:block;font-size:14px;font-weight:600;color:#2d3748;margin-bottom:8px;line-height:1.4}.field-group{display:flex;flex-direction:column;gap:4px}.field-group label{font-size:13px;font-weight:600;color:#4a5568}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#2d3748;padding:8px 0}.radio-group{display:flex;flex-direction:column;gap:8px}.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#2d3748;padding:8px 0}.radio-label input[type=radio]{width:18px;height:18px;cursor:pointer}.field-hint,.form-helper-text{font-size:12px;color:#718096;margin-top:4px;line-height:1.4}.form-actions{margin-top:32px;display:flex;justify-content:flex-end;gap:12px}.form-actions.center{justify-content:center}.form-actions.start{justify-content:flex-start}.close-btn{width:36px;height:36px;background:#f5f7fa;border:none;border-radius:12px;font-size:18px;color:#718096;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:4px 4px 8px #c8d0e7,-4px -4px 8px #fff}.close-btn:hover{color:#4a5568;transform:translateY(-1px);box-shadow:6px 6px 12px #c8d0e7,-6px -6px 12px #fff}.close-btn:active{transform:translateY(0);box-shadow:inset 2px 2px 4px #c8d0e7,inset -2px -2px 4px #fff}@media (max-width: 768px){.form-group{margin-bottom:20px}.form-actions{flex-direction:column}.form-actions>*{width:100%}}.common-stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px}.common-stat-card{background:#f5f7fa;border-radius:20px;padding:24px;display:flex;align-items:center;gap:16px;box-shadow:8px 8px 16px #c8d0e759,-8px -8px 16px #fffc;transition:all .3s ease}.common-stat-card:hover{transform:translateY(-2px);box-shadow:10px 10px 20px #c8d0e766,-10px -10px 20px #ffffffe6}.common-stat-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:28px;box-shadow:4px 4px 8px #667eea4d,-2px -2px 6px #ffffff80;flex-shrink:0}.common-stat-icon--primary{background:linear-gradient(135deg,#667eea,#764ba2)}.common-stat-icon--success{background:linear-gradient(135deg,#48bb78,#38a169)}.common-stat-icon--info{background:linear-gradient(135deg,#4299e1,#3182ce)}.common-stat-icon--warning{background:linear-gradient(135deg,#ed8936,#dd6b20)}.common-stat-icon--danger{background:linear-gradient(135deg,#f56565,#e53e3e)}.common-stat-content{flex:1;min-width:0}.common-stat-value{font-size:32px;font-weight:700;color:#2d3748;margin-bottom:4px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.common-stat-label{font-size:14px;font-weight:500;color:#718096;line-height:1.4}.common-stat-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#718096}.common-stat-item svg{color:#667eea;font-size:16px;flex-shrink:0}.stats-grid{display:flex;gap:16px;margin-bottom:24px;width:100%}.stat-card{background:#f5f7fa;border-radius:12px;padding:10px 14px;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:6px 6px 12px #c8d0e759,-6px -6px 12px #fffc;transition:all .2s ease;flex:1;min-width:160px}.stat-card:hover{transform:translateY(-2px);box-shadow:8px 8px 16px #c8d0e766,-8px -8px 16px #ffffffe6}.stat-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;flex-shrink:0;box-shadow:3px 3px 6px #667eea4d,-2px -2px 4px #ffffff80}.stat-icon--total{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon--top{background:linear-gradient(135deg,#48bb78,#38a169)}.stat-icon--sub{background:linear-gradient(135deg,#4299e1,#3182ce)}.stat-icon--warning{background:linear-gradient(135deg,#ed8936,#dd6b20)}.stat-icon--danger{background:linear-gradient(135deg,#f56565,#e53e3e)}.stat-content{display:flex;flex-direction:column;gap:2px;min-width:0}.stat-label{font-size:11px;font-weight:500;color:#718096;line-height:1.2}.stat-value{font-size:18px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}@media (max-width: 768px){.common-stats-summary{grid-template-columns:1fr}.common-stat-value{font-size:28px}.common-stat-icon{width:48px;height:48px;font-size:24px}.stats-grid{flex-direction:column}.stat-card{width:100%}}.common-table-container{background:#f5f7fa;border-radius:20px;padding:32px;box-shadow:8px 8px 16px #c8d0e759,-8px -8px 16px #fffc;overflow-x:auto}.common-table-title{font-size:20px;font-weight:700;color:#2d3748;margin:0 0 24px}.common-table{width:100%;border-collapse:collapse}.common-table thead{background:#667eea0d;border-radius:12px}.common-table th{padding:16px;text-align:left;font-size:14px;font-weight:600;color:#4a5568;border-bottom:2px solid rgba(200,208,231,.3);white-space:nowrap}.common-table tbody tr{transition:all .2s ease}.common-table tbody tr:hover{background:#667eea08}.common-table td{padding:16px;font-size:14px;color:#2d3748;border-bottom:1px solid rgba(200,208,231,.2)}.common-table tbody tr:last-child td{border-bottom:none}.common-sortable-header{display:inline-flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease}.common-sortable-header:hover{color:#667eea}.common-sortable-header svg{font-size:14px}.common-checkbox-col{width:40px;text-align:center}.common-checkbox-col input[type=checkbox]{width:18px;height:18px;cursor:pointer}.common-actions-col{width:120px;text-align:center}@media (max-width: 768px){.common-table-container{padding:20px}.common-table{font-size:13px}.common-table th,.common-table td{padding:12px 8px}.common-table-container{overflow-x:scroll}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fa;color:#2d3748;overflow-x:hidden}.logo{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important}.App{min-height:100vh;height:100vh;display:flex;flex-direction:column;position:relative;background:#f5f7fa;overflow:hidden}.layout-body{flex:1;padding:0;margin:0;overflow-y:auto;min-height:0}.logo-section{display:flex;align-items:baseline;gap:12px;min-width:200px;padding:8px 16px;border-radius:12px;background:#ffffff0d;box-shadow:inset 2px 2px 4px #fff6,inset -2px -2px 4px #c8d0e71a;transition:all .3s ease}.logo-section:hover{box-shadow:inset 3px 3px 6px #ffffff80,inset -3px -3px 6px #c8d0e726,0 2px 8px #c8d0e71a}.logo{font-size:28px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px;margin:0;transition:transform .3s ease;position:relative}.logo:hover{transform:translateY(-1px)}.logo:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.logo:hover:after{transform:scaleX(1)}.tagline{font-size:14px;color:#4a5568;font-weight:500;letter-spacing:.5px;text-transform:uppercase;margin-top:2px}.main-container{width:100%;margin:0;padding:0;flex:1}.hero-section{margin-bottom:60px}.hero-card{padding:50px 48px;text-align:center;max-width:900px;margin:0 auto}.hero-title{font-size:56px;font-weight:900;color:#0f172a;margin-bottom:24px;letter-spacing:-.06em;line-height:1.1;text-shadow:0 1px 2px rgba(0,0,0,.1)}.hero-desc{font-size:22px;color:#334155;margin-bottom:40px;line-height:1.6;font-weight:400;letter-spacing:-.01em;max-width:600px;margin-left:auto;margin-right:auto}.tech-tags{display:flex;justify-content:center;gap:16px;margin-bottom:32px;flex-wrap:wrap}.tech-tag{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;box-shadow:8px 8px 16px #c8d0e74d,-4px -4px 8px #fffc;transition:all .3s ease}.tech-tag:hover{transform:translateY(-2px);box-shadow:12px 12px 24px #c8d0e766,-6px -6px 12px #ffffffe6}.status-indicator{display:flex;align-items:center;justify-content:center;gap:12px}.status-dot{width:12px;height:12px;border-radius:50%;background:#48bb78;position:relative}.status-dot.loading{background:#ed8936}.status-dot.online:after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:2px solid #48bb78;border-radius:50%;opacity:.3;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:.3}70%{transform:scale(1.4);opacity:0}to{transform:scale(1.4);opacity:0}}.status-text{font-size:16px;font-weight:500;color:#4a5568}.content-grid{margin-top:40px}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px}.content-card{padding:32px 28px;cursor:pointer;transition:all .3s ease;border:1px solid transparent}.content-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:25px 25px 50px #c8d0e780,-25px -25px 50px #fff,inset 2px 2px 4px #ffffffb3,inset -2px -2px 4px #c8d0e733}.content-card:active{transform:translateY(-2px) scale(1.01);box-shadow:inset 12px 12px 24px #c8d0e766,inset -12px -12px 24px #fff}.card-title{font-size:24px;font-weight:700;color:#0f172a;margin-bottom:12px;letter-spacing:-.03em;line-height:1.2}.card-desc{font-size:16px;color:#475569;margin-bottom:24px;line-height:1.7;font-weight:400;letter-spacing:-.005em}.card-stats{display:flex;align-items:baseline;gap:8px}.stat-number{font-size:42px;font-weight:900;color:#6366f1;line-height:1;letter-spacing:-.02em;text-shadow:0 1px 3px rgba(99,102,241,.15)}.stat-label{font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.08em;margin-left:4px}.neumorphism-card{background:#f5f7fa;border-radius:20px;padding:32px;transition:all .3s ease;position:relative;box-shadow:20px 20px 40px #c8d0e740,-20px -20px 40px #ffffffe6}.neumorphism-card:hover{transform:translateY(-5px);box-shadow:25px 25px 50px #c8d0e759,-25px -25px 50px #fffffff2}.tech-stack{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.tech-card{background:#f5f7fa;border-radius:16px;padding:24px;text-align:center;transition:all .3s ease;box-shadow:12px 12px 24px #c8d0e733,-12px -12px 24px #fffc,inset -3px -3px 7px #c8d0e733,inset 3px 3px 7px #fffc}.tech-card:hover{transform:translateY(-3px);box-shadow:15px 15px 30px #c8d0e74d,-15px -15px 30px #ffffffe6}.tech-icon{font-size:48px;margin-bottom:16px;display:block}.tech-name{font-size:16px;font-weight:600;color:#2d3748;margin-bottom:8px}.tech-desc{font-size:14px;color:#4a5568;line-height:1.5}.contact-section{background:#f5f7fa;border-radius:24px;padding:40px;text-align:center;box-shadow:inset 10px 10px 20px #c8d0e733,inset -10px -10px 20px #fffc}.contact-title{font-size:32px;font-weight:700;color:#2d3748;margin-bottom:16px}.contact-desc{font-size:18px;color:#4a5568;margin-bottom:32px;line-height:1.6}.contact-item{display:flex;align-items:center;gap:12px;padding:16px 24px;background:#f5f7fa;border-radius:16px;box-shadow:8px 8px 16px #c8d0e733,-8px -8px 16px #fffc;transition:all .3s ease}.contact-item:hover{transform:translateY(-2px);box-shadow:12px 12px 24px #c8d0e74d,-12px -12px 24px #ffffffe6}.contact-icon{font-size:24px;color:#667eea}.contact-text{font-size:16px;font-weight:500;color:#2d3748}.welcome-section{margin-bottom:60px}.welcome-header{text-align:center;margin-bottom:40px}.welcome-title{font-size:48px;font-weight:900;color:#0f172a;margin-bottom:16px;letter-spacing:-.06em;line-height:1.1;text-shadow:0 1px 2px rgba(0,0,0,.1)}.welcome-subtitle{font-size:20px;color:#64748b;font-weight:400;line-height:1.6;max-width:600px;margin:0 auto}.hero-banner{position:relative;min-height:420px;margin-bottom:0;border-radius:0;overflow:hidden;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460,#533483,#6b3fa0);box-shadow:none}.hero-gradient-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 10% 20%,rgba(99,102,241,.15) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(139,92,246,.15) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(236,72,153,.1) 0%,transparent 60%);animation:gradientShift 20s ease infinite;pointer-events:none}@keyframes gradientShift{0%,to{opacity:1;transform:scale(1) rotate(0)}50%{opacity:.7;transform:scale(1.2) rotate(5deg)}}.hero-particles{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:#ffffff4d;border-radius:50%;animation:particleFloat 15s linear infinite}.particle:nth-child(1){top:20%;left:20%;animation-delay:0s;animation-duration:12s}.particle:nth-child(2){top:60%;left:80%;animation-delay:3s;animation-duration:18s}.particle:nth-child(3){top:80%;left:30%;animation-delay:6s;animation-duration:15s}.particle:nth-child(4){top:40%;left:70%;animation-delay:9s;animation-duration:20s}.particle:nth-child(5){top:10%;left:50%;animation-delay:12s;animation-duration:16s}@keyframes particleFloat{0%,to{transform:translateY(0) translate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}50%{transform:translateY(-100px) translate(50px);opacity:.3}}.hero-content{position:relative;display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;padding:80px 60px;gap:80px;z-index:1}.hero-text{flex:1;max-width:700px}.hero-main-title{font-size:72px;font-weight:900;color:#fff;margin-bottom:32px;line-height:1.15;letter-spacing:-.04em;text-shadow:0 4px 30px rgba(0,0,0,.3)}.hero-highlight{background:linear-gradient(135deg,#a78bfa,#ec4899,#f97316);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:900;position:relative;display:inline-block;animation:gradientShimmer 3s ease-in-out infinite}@keyframes gradientShimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.hero-description{font-size:18px;color:#ffffffd9;line-height:1.8;margin-bottom:36px;font-weight:400}.highlight-brand{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;color:#fffffff2;letter-spacing:.05em;position:relative;padding:0 4px}.hero-tags{display:flex;flex-wrap:wrap;gap:10px}.hero-tag{padding:10px 20px;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:8px;color:#ffffffe6;font-size:13px;font-weight:600;border:1px solid rgba(255,255,255,.2);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default;letter-spacing:.02em}.hero-tag:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 8px 20px #0003}.hero-visual{position:relative;flex:1;height:450px;display:flex;align-items:center;justify-content:center}.flow-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.flow-line{position:absolute;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(167,139,250,.4) 20%,rgba(236,72,153,.6) 50%,rgba(167,139,250,.4) 80%,transparent 100%);opacity:0;animation:flowMove 4s ease-in-out infinite}.line-1{width:200px;top:20%;left:10%;transform:rotate(-15deg);animation-delay:0s}.line-2{width:300px;top:50%;left:5%;transform:rotate(10deg);animation-delay:1s}.line-3{width:180px;top:75%;left:15%;transform:rotate(-5deg);animation-delay:2s}@keyframes flowMove{0%,to{opacity:0;transform:translate(0) scale(1)}50%{opacity:.8;transform:translate(80px) scale(1.1)}}.flow-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,#a78bfacc,#ec489966);opacity:0;animation:dotFloat 6s ease-in-out infinite;box-shadow:0 0 20px #a78bfa99}.dot-1{top:15%;left:30%;animation-delay:.5s}.dot-2{top:40%;left:60%;animation-delay:1.5s}.dot-3{top:65%;left:25%;animation-delay:2.5s}.dot-4{top:85%;left:55%;animation-delay:3.5s}@keyframes dotFloat{0%,to{opacity:0;transform:translate(0) scale(.8)}50%{opacity:1;transform:translate(50px,-30px) scale(1.2)}}@media (max-width: 1024px){.hero-content{flex-direction:column;padding:80px 40px;text-align:center;gap:50px}.notices-section{padding:50px 40px 80px}.news-sections{padding:80px 40px}.hero-text{max-width:100%}.hero-main-title{font-size:56px}.hero-tags{justify-content:center}.hero-visual{height:300px}.flow-line{width:150px!important}.flow-dot{width:6px;height:6px}}@media (max-width: 768px){.hero-banner{min-height:600px}.hero-content{padding:60px 24px}.notices-section{padding:40px 24px 60px}.news-sections{padding:60px 24px}.hero-main-title{font-size:42px}.hero-description{font-size:16px}.hero-tag{font-size:12px;padding:8px 16px}.hero-visual{height:250px}.flow-line{width:120px!important}.flow-dot{width:5px;height:5px}}.notices-section{margin-bottom:0;position:relative;padding:40px 60px 100px;background:#f5f7fa}.notices-section .notices-header{text-align:left;margin-bottom:48px;position:relative;max-width:1400px;margin-left:auto;margin-right:auto}.header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.view-all-btn{font-size:15px;font-weight:600;color:#667eea;text-decoration:none;padding:10px 20px;border-radius:12px;background:#667eea14;transition:all .3s ease;white-space:nowrap}.view-all-btn:hover{background:#667eea26;transform:translate(3px)}.title-container{position:relative;display:inline-block;margin-bottom:20px}.section-title{font-size:24px;font-weight:700;background:linear-gradient(135deg,#475569,#64748b,#6366f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:0;letter-spacing:-.02em;position:relative;display:block;width:fit-content;text-shadow:0 2px 20px rgba(99,102,241,.1);animation:titleGlow 3s ease-in-out infinite;border-bottom:none;padding-bottom:0}.section-description{font-size:14px;font-weight:400;color:#64748b;margin-top:4px;margin-bottom:0;line-height:1.5}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-title-wrapper{display:flex;flex-direction:column;gap:0}.section-meta{font-size:14px;color:#718096}.section-meta strong{color:#667eea;font-weight:600}@keyframes titleGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.15)}}.title-accent:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);transform:translate(-100%);animation:shine 3s ease-in-out 2s infinite}@keyframes expandAccent{0%{transform:scaleX(0);opacity:0}50%{opacity:1}to{transform:scaleX(1);opacity:1}}@keyframes shine{0%{transform:translate(-100%)}50%,to{transform:translate(200%)}}.notices-section .section-subtitle{font-size:18px;color:#64748b;font-weight:400;line-height:1.6;max-width:600px;margin:0;opacity:0;animation:fadeInUp 1s ease-out .8s forwards;text-align:left}.notices-container{position:relative;max-width:1400px;margin:0 auto}.notices-layout{display:grid;grid-template-columns:2fr 1fr;gap:32px}.notice-featured{background:#f5f7fa;border-radius:20px;padding:40px;transition:all .3s ease;box-shadow:15px 15px 30px #c8d0e7,-15px -15px 30px #fff;opacity:0;animation:slideInUp .6s ease-out .1s forwards}.notice-featured:hover{transform:translateY(-4px);box-shadow:20px 20px 40px #c8d0e7,-20px -20px 40px #fff}.featured-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.featured-date{font-size:14px;font-weight:500;color:#64748b}.featured-title{font-size:28px;font-weight:700;color:#1a202c;margin-bottom:16px;line-height:1.3;letter-spacing:-.02em}.content-display,.featured-summary,.compact-summary{font-size:16px;line-height:1.1;color:#2d3748;display:-webkit-box;-webkit-box-orient:vertical}.featured-summary{overflow:hidden;line-height:1.1;white-space:break-spaces;font-size:14px}.compact-summary{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}.content-display p{margin:0 0 16px;line-height:1.6}.featured-summary p{margin:0 0 8px}.featured-summary p:empty:before{content:"\a";white-space:pre}.content-display p:last-child,.featured-summary p:last-child{margin-bottom:0}.content-display h1,.content-display h2,.content-display h3,.content-display h4,.content-display h5,.content-display h6{font-weight:600;color:#2d3748;line-height:1.4}.featured-summary h1,.featured-summary h2,.featured-summary h3,.featured-summary h4,.featured-summary h5,.featured-summary h6{font-weight:600;color:#2d3748;line-height:1.1}.content-display h1{font-size:2.5rem;font-weight:700;margin:2rem 0 1rem;line-height:1.2}.featured-summary h1{font-size:2.5rem;font-weight:700;margin:2rem 0 1rem;line-height:1.1}.content-display h2{font-size:2rem;margin:1.8rem 0 .8rem;line-height:1.3}.featured-summary h2{font-size:2rem;margin:1.8rem 0 .8rem;line-height:1.1}.content-display h3{font-size:1.5rem;margin:1.5rem 0 .6rem;line-height:1.4}.featured-summary h3{font-size:1.5rem;margin:1.5rem 0 .6rem;line-height:1.1}.content-display h4{font-size:1.25rem;margin:1.2rem 0 .5rem;line-height:1.4}.featured-summary h4{font-size:1.25rem;margin:1.2rem 0 .5rem;line-height:1.1}.content-display h5{font-size:1.125rem;margin:1rem 0 .4rem;line-height:1.4}.featured-summary h5{font-size:1.125rem;margin:1rem 0 .4rem;line-height:1.1}.content-display h6{font-size:1rem;margin:.8rem 0 .3rem;line-height:1.4}.featured-summary h6{font-size:1rem;margin:.8rem 0 .3rem;line-height:1.1}.content-display strong,.content-display b,.featured-summary strong,.featured-summary b{font-weight:600;color:#1a202c}.content-display em,.content-display i,.featured-summary em,.featured-summary i{font-style:italic}.content-display ul,.content-display ol,.featured-summary ul,.featured-summary ol{margin:16px 0;padding-left:32px}.content-display ul,.featured-summary ul{list-style-type:disc}.content-display ol,.featured-summary ol{list-style-type:decimal}.content-display li{margin:8px 0;line-height:1.6}.featured-summary li{margin:8px 0;line-height:1.1}.content-display ul ul,.content-display ol ol,.featured-summary ul ul,.featured-summary ol ol{margin:8px 0}.content-display blockquote,.featured-summary blockquote{padding:16px 20px;margin:24px 0;background:#f1f5f9;border-radius:0 8px 8px 0;color:#4a5568;font-style:italic;border:1px solid #e2e8f0;border-left:4px solid #667eea}.content-display blockquote p,.featured-summary blockquote p{margin:0}.content-display code,.featured-summary code{background:#f1f5f9;color:#475569;padding:4px 8px;border-radius:6px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,monospace;font-size:.9em;border:1px solid #e2e8f0}.content-display pre,.featured-summary pre{background:#2d3748;color:#e2e8f0;padding:20px;border-radius:12px;overflow-x:auto;margin:24px 0;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,monospace;font-size:.9em;line-height:1.4;box-shadow:inset 5px 5px 10px #1a202c,inset -5px -5px 10px #3d4852}.content-display pre code,.featured-summary pre code{background:transparent;color:inherit;padding:0;border:none;border-radius:0}.content-display table,.featured-summary table{width:100%;border-collapse:collapse;margin:24px 0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #c8d0e726,0 2px 4px #c8d0e71a}.content-display th,.featured-summary th{background:#f8fafc;color:#2d3748;font-weight:600;padding:12px 16px;text-align:left;border-bottom:2px solid #e2e8f0}.content-display td,.featured-summary td{padding:12px 16px;border-bottom:1px solid #e2e8f0;color:#4a5568}.content-display tr:last-child td,.featured-summary tr:last-child td{border-bottom:none}.content-display tr:hover,.featured-summary tr:hover{background:#f8fafc}.content-display img,.featured-summary img{max-width:100%;height:auto;border-radius:8px;margin:20px 0;border:1px solid #e2e8f0;box-shadow:0 4px 12px #0000001a}.content-display a,.featured-summary a{color:#667eea;text-decoration:none;border-bottom:1px solid rgba(102,126,234,.3);transition:all .2s ease}.content-display a:hover,.featured-summary a:hover{color:#764ba2;border-bottom-color:#764ba2}.content-display hr,.featured-summary hr{border:none;height:1px;background:#a3b1c64d;margin:24px 0}.notices-sidebar{display:flex;flex-direction:column;gap:16px}.notice-compact{background:#f5f7fa;border-radius:16px;padding:20px;transition:all .3s ease;box-shadow:12px 12px 24px #c8d0e7,-12px -12px 24px #fff;opacity:0;animation:slideInUp .6s ease-out forwards}.notice-compact:nth-child(1){animation-delay:.2s}.notice-compact:nth-child(2){animation-delay:.3s}.notice-compact:nth-child(3){animation-delay:.4s}.notice-compact:hover{transform:translateY(-2px);box-shadow:15px 15px 30px #c8d0e7,-15px -15px 30px #fff}.compact-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.notice-badge-small{font-size:10px;font-weight:600;padding:4px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:.05em}.notice-badge-small.urgent{background:linear-gradient(135deg,#ef4444,#f97316);color:#fff}.notice-badge-small.update{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff}.notice-badge-small.release{background:linear-gradient(135deg,#10b981,#06d6a0);color:#fff}.notice-badge-small.general{background:linear-gradient(135deg,#64748b,#8b5cf6);color:#fff}.compact-date{font-size:12px;font-weight:500;color:#64748b}.compact-title{font-size:16px;font-weight:600;color:#1a202c;margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.compact-summary{font-size:13px;color:#64748b;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.compact-summary p{margin:0;display:inline}.compact-summary br{display:none}.compact-summary strong,.compact-summary b{font-weight:600;color:#1a202c}.compact-summary ul,.compact-summary ol,.compact-summary li{display:inline;list-style:none;padding:0;margin:0}.compact-summary h1,.compact-summary h2,.compact-summary h3,.compact-summary h4,.compact-summary h5,.compact-summary h6,.compact-summary blockquote,.compact-summary pre,.compact-summary table,.compact-summary img{display:none}.notices-grid .modern-card{opacity:0;animation:slideInUp .6s ease-out forwards}.notices-grid .modern-card:nth-child(1){animation-delay:.1s}.notices-grid .modern-card:nth-child(2){animation-delay:.2s}.notices-grid .modern-card:nth-child(3){animation-delay:.3s}.notices-grid .modern-card:nth-child(4){animation-delay:.4s}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modern-card{background:#f5f7fa;border-radius:20px;padding:25px;cursor:pointer;transition:all .3s ease;box-shadow:15px 15px 30px #c8d0e7,-15px -15px 30px #fff;position:relative;overflow:hidden;border:none}.modern-card:after{content:"";position:absolute;top:20px;left:20px;width:100px;height:100px;border-radius:50%;opacity:0;transition:all .6s cubic-bezier(.4,0,.2,1);pointer-events:none}.modern-card:hover:after{opacity:.15;transform:scale(4)}.modern-card:has(.notice-badge.urgent):after{background:radial-gradient(circle,#ef4444 0%,transparent 70%)}.modern-card:has(.notice-badge.update):after{background:radial-gradient(circle,#3b82f6 0%,transparent 70%)}.modern-card:has(.notice-badge.release):after{background:radial-gradient(circle,#10b981 0%,transparent 70%)}.modern-card:has(.notice-badge.general):after{background:radial-gradient(circle,#64748b 0%,transparent 70%)}.modern-card:hover{transform:translateY(-2px);box-shadow:20px 20px 40px #c8d0e7,-20px -20px 40px #fff}.modern-card.selected{box-shadow:inset 8px 8px 16px #c8d0e7,inset -8px -8px 16px #fff;background:#e8ebf0}.notice-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.notice-badge{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;padding:6px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:.05em;position:relative;overflow:hidden}.badge-icon{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.9}.notice-badge.urgent{background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;box-shadow:0 4px 12px #ef444466}.notice-badge.update{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;box-shadow:0 4px 12px #3b82f666}.notice-badge.release{background:linear-gradient(135deg,#10b981,#06d6a0);color:#fff;box-shadow:0 4px 12px #10b98166}.notice-badge.general{background:linear-gradient(135deg,#64748b,#8b5cf6);color:#fff;box-shadow:0 4px 12px #64748b66}.notice-badge-custom{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;padding:6px 12px;border-radius:20px;letter-spacing:.05em;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000026}.notice-badge-small-custom{font-size:10px;font-weight:600;padding:4px 10px;border-radius:12px;letter-spacing:.05em;box-shadow:0 2px 8px #00000026}.notice-timestamp{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.notice-timestamp .date{font-size:12px;font-weight:500;color:#2d3748}.notice-timestamp .time{font-size:11px;font-weight:400;color:#4a5568}.notice-body{margin-bottom:15px}.notice-title{font-size:20px;font-weight:600;color:#2d3748;margin-bottom:15px;line-height:1.3;letter-spacing:-.025em}.notice-content{font-size:14px;color:#4a5568;line-height:1.6;font-weight:400;letter-spacing:-.01em}.notice-footer{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid rgba(200,208,231,.2);margin-top:15px}.author-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);position:relative;overflow:hidden}.author-avatar:before{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;border-radius:50%;background:#f8fafc}.author-avatar.dev{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.author-avatar.api{background:linear-gradient(135deg,#10b981,#059669)}.author-avatar.ceo{background:linear-gradient(135deg,#f59e0b,#d97706)}.author-name{font-size:14px;font-weight:600;color:#1a202c}.engagement-stats{display:flex;align-items:center;gap:16px}.engagement-stats .views,.engagement-stats .reactions{font-size:13px;font-weight:500;color:#64748b;position:relative}.engagement-stats .views:before{content:"👁";margin-right:6px;font-size:12px}.engagement-stats .reactions:before{content:"❤";margin-right:6px;font-size:12px;color:#ef4444}.api-message{background:#f5f7fa;border-radius:16px;padding:20px;text-align:center;box-shadow:inset 8px 8px 16px #c8d0e733,inset -8px -8px 16px #fffc;margin-bottom:32px}.api-message.success{border-left:4px solid #48bb78}.api-message.error{border-left:4px solid #f56565}.api-message.warning{border-left:4px solid #ed8936}.news-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:40px;padding:100px 60px;max-width:1400px;margin:0 auto;background:#e8eef5}.news-section{background:#f5f7fa;border-radius:24px;padding:32px;box-shadow:20px 20px 40px #c8d0e740,-20px -20px 40px #ffffffe6}.news-section .section-title{font-size:24px;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid rgba(200,208,231,.15)}.news-grid{display:flex;flex-direction:column;gap:20px}.news-card{position:relative;padding:20px;background:#ffffff4d;border-radius:16px;transition:all .3s ease;box-shadow:8px 8px 16px #c8d0e726,-8px -8px 16px #fffc}.news-card:hover{transform:translateY(-2px);box-shadow:12px 12px 24px #c8d0e733,-12px -12px 24px #ffffffe6}.news-category{font-size:11px;font-weight:600;padding:4px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;display:inline-block}.news-category.it{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.news-category.ai{background:linear-gradient(135deg,#ef4444,#f97316);color:#fff}.news-category.ml{background:linear-gradient(135deg,#10b981,#06b6d4);color:#fff}.news-category.cloud{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.news-card h4{font-size:18px;font-weight:600;color:#1a202c;margin-bottom:8px;line-height:1.4}.news-card p{font-size:14px;color:#475569;line-height:1.6;margin-bottom:16px}.news-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#64748b}.news-source{font-weight:600}.news-date{font-weight:400}@media (max-width: 900px){.news-sections{grid-template-columns:1fr}}@media (max-width: 1024px){.notices-layout{grid-template-columns:1fr;gap:24px}.notice-featured{padding:32px}.featured-title{font-size:24px}.notices-sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}}@media (max-width: 768px){.notices-section{padding:40px 24px 60px}.notices-section .notices-header{margin-bottom:32px}.header-top{flex-direction:column;gap:16px;align-items:flex-start}.view-all-btn{align-self:flex-start}.section-title{font-size:20px}.section-subtitle{font-size:16px}.notices-layout{grid-template-columns:1fr}.notice-featured{padding:28px}.featured-title{font-size:22px}.featured-summary{font-size:15px}.notices-sidebar{grid-template-columns:1fr}.modern-card{padding:24px}.notice-title{font-size:18px}.notice-content{font-size:14px}}.nav-link.active{background:#f5f7fa;color:#667eea;box-shadow:inset 4px 4px 8px #c8d0e74d,inset -4px -4px 8px #fffc}.contact-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px;box-shadow:8px 8px 16px #c8d0e74d,-4px -4px 8px #fffc}.contact-button:hover{transform:translateY(-2px);box-shadow:12px 12px 24px #c8d0e766,-6px -6px 12px #ffffffe6}.contact-button:active{transform:translateY(0);box-shadow:4px 4px 8px #c8d0e74d,-2px -2px 4px #fffc}@media (max-width: 1200px){.main-container{padding:32px}.header-container{padding:0 32px}}@media (max-width: 768px){.header-container{padding:20px;flex-direction:column;height:auto;gap:16px}.nav-menu{gap:4px;padding:2px}.nav-link{padding:8px 12px;font-size:13px}.main-container{padding:24px 20px}.hero-card{padding:32px 24px}.hero-title{font-size:32px}.hero-desc{font-size:18px}.grid-container{grid-template-columns:1fr;gap:20px}.content-card{padding:24px 20px}.card-title{font-size:20px}.stat-number{font-size:32px}.tech-stack{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width: 480px){.logo{font-size:24px}.tagline{font-size:12px}.nav-menu{gap:2px}.nav-link{font-size:12px;padding:6px 10px}.hero-title{font-size:28px}.hero-desc{font-size:16px}.content-card{padding:20px 16px}.card-title{font-size:18px}.stat-number{font-size:28px}.contact-info{flex-direction:column;gap:16px}}select{padding:10px 12px;background:#f5f7fa;border:none;border-radius:10px;font-size:14px;color:#4a5568;cursor:pointer;font-family:inherit;transition:all .3s ease;box-shadow:inset 3px 3px 6px #c8d0e7,inset -3px -3px 6px #fff}select:focus{outline:none;box-shadow:inset 4px 4px 8px #c8d0e7,inset -4px -4px 8px #fff}select:hover{box-shadow:inset 4px 4px 8px #c8d0e7,inset -4px -4px 8px #fff}.user-section{display:flex;align-items:center;gap:16px}.username{font-size:14px;font-weight:600;color:#475569;padding:8px 16px;background:#ffffff0d;border-radius:12px;box-shadow:inset 1px 1px 2px #fff3,inset -1px -1px 2px #c8d0e71a}.logout-btn{font-size:14px;font-weight:600;color:#dc2626;background:#f5f7fa;border:none;padding:10px 16px;border-radius:12px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.025em;box-shadow:6px 6px 12px #c8d0e733,-6px -6px 12px #fffc,inset 1px 1px 2px #ffffff1a}.logout-btn:hover{color:#b91c1c;transform:translateY(-1px);box-shadow:8px 8px 16px #c8d0e740,-8px -8px 16px #ffffffe6,inset 1px 1px 2px #fff3}.logout-btn:active{transform:translateY(0);box-shadow:inset 4px 4px 8px #c8d0e74d,inset -4px -4px 8px #ffffffb3}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f5f7fa;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#c8d0e7,#e1e8ed);border-radius:10px;border:1px solid #f5f7fa;box-shadow:inset 2px 2px 4px #ffffff4d,inset -2px -2px 4px #c8d0e74d}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#b8c2e0,#d1d8ed);box-shadow:inset 3px 3px 6px #fff6,inset -3px -3px 6px #c8d0e766}::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,#a8b5d8,#c1cbe5)}*{scrollbar-width:thin;scrollbar-color:#c8d0e7 #f5f7fa}.scrollable{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c8d0e7 #f5f7fa}.modal-container::-webkit-scrollbar,.board-settings-modal::-webkit-scrollbar{width:6px}.modal-container::-webkit-scrollbar-thumb,.board-settings-modal::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;opacity:.7}.modal-container::-webkit-scrollbar-thumb:hover,.board-settings-modal::-webkit-scrollbar-thumb:hover{opacity:1}.page-navigation{display:flex;align-items:center;gap:8px;margin-bottom:12px}.page-navigation .nav-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:4px 10px;background:transparent;border:none;border-radius:8px;color:#718096;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.page-navigation .nav-button:hover{color:#667eea;background:#667eea0d}.page-navigation .nav-button:active{transform:scale(.98)}.page-navigation .nav-button svg{width:14px;height:14px}.page-navigation .nav-divider{color:#cbd5e0;font-size:12px;margin:0 2px}.page-navigation .nav-separator{color:#cbd5e0;font-size:13px;margin:0 4px;font-weight:400}.page-navigation .nav-current{font-size:13px;color:#667eea;font-weight:600}.page-navigation .nav-text{font-size:13px;color:#a0aec0;font-weight:500}@media (max-width: 768px){.page-navigation{gap:6px}.page-navigation .nav-button{font-size:12px;padding:3px 8px}.page-navigation .nav-button svg{width:12px;height:12px}.page-navigation .nav-divider{display:none}}.family-sites-bar{background:linear-gradient(135deg,#f5f7fa,#e8eaf0);border-top:1px solid rgba(200,208,231,.3);border-bottom:1px solid rgba(200,208,231,.3);padding:16px 60px;position:relative}.family-sites-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(102,126,234,.2) 20%,rgba(118,75,162,.2) 50%,rgba(102,126,234,.2) 80%,transparent 100%)}.family-sites-container{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:32px}.family-sites-label{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:11px;font-weight:500;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap}.label-icon{font-size:14px;color:#94a3b8;animation:arrowPulse 2s ease-in-out infinite}@keyframes arrowPulse{0%,to{transform:translate(0);opacity:.5}50%{transform:translate(3px);opacity:.8}}.label-text{color:#94a3b8}.family-sites-links{display:flex;gap:16px;align-items:center}.family-link{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#f5f7fa;border:none;border-radius:12px;text-decoration:none;color:#64748b;font-family:Pretendard,-apple-system,sans-serif;font-size:13px;font-weight:400;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:6px 6px 12px #c8d0e7,-6px -6px 12px #fff}.family-link:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(135deg,#667eea,#764ba2);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.family-link:hover{transform:translateY(-2px);color:#667eea;box-shadow:8px 8px 16px #c8d0e7,-8px -8px 16px #fff}.family-link:hover:after{transform:scaleX(1)}.family-link:active{transform:translateY(0);box-shadow:inset 3px 3px 6px #c8d0e7,inset -3px -3px 6px #fff}.link-icon{font-size:16px;flex-shrink:0;transition:all .3s ease;opacity:.75}.link-icon-img{width:16px;height:16px;object-fit:contain;opacity:.75}.family-link:hover .link-icon{color:#667eea;transform:scale(1.1);opacity:1}.family-link:hover .link-icon-img{transform:scale(1.1);filter:brightness(1.1);opacity:1}.link-text{font-size:12.5px;font-weight:400;letter-spacing:.2px}@media (max-width: 1024px){.family-sites-bar{padding:18px 40px}.family-sites-container{flex-direction:column;gap:16px}.family-sites-label{font-size:12px}}@media (max-width: 768px){.family-sites-bar{padding:16px 24px}.family-sites-links{gap:12px;flex-wrap:wrap;justify-content:center}.family-link{padding:8px 16px;font-size:12px}.link-icon{font-size:16px}.link-text{font-size:12px}}.form-section-group{margin-bottom:24px;padding:24px;background:#f5f7fa;border-radius:20px;overflow:visible;box-shadow:12px 12px 24px #aeb8ce4d,-12px -12px 24px #fffc;transition:box-shadow .3s ease;position:relative;z-index:1}.auth-error-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.auth-error-card{background:#fff;border-radius:16px;padding:48px;max-width:600px;width:100%;box-shadow:0 20px 60px #0000004d;text-align:center}.error-icon{font-size:64px;margin-bottom:24px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.error-title{font-size:32px;font-weight:700;color:#2d3748;margin-bottom:16px}.error-message{font-size:18px;color:#4a5568;margin-bottom:32px;line-height:1.6}.error-details{background:#f7fafc;border-radius:8px;padding:24px;margin-bottom:32px;text-align:left}.error-details h3{font-size:18px;font-weight:600;color:#2d3748;margin-bottom:16px}.error-details ul{list-style:none;padding:0;margin:0}.error-details li{color:#4a5568;font-size:16px;position:relative;padding:8px 0 8px 28px}.error-details li:before{content:"•";color:#667eea;font-weight:700;font-size:20px;position:absolute;left:8px}.error-actions{display:flex;gap:16px;margin-bottom:24px}.btn-primary,.btn-secondary{flex:1;padding:14px 24px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-secondary{background:#fff;color:#667eea;border:2px solid #667eea}.btn-secondary:hover{background:#f7fafc;transform:translateY(-2px)}.error-info{border-top:1px solid #e2e8f0;padding-top:24px}.countdown-text{font-size:14px;color:#718096;margin:0}@media (max-width: 640px){.auth-error-card{padding:32px 24px}.error-title{font-size:24px}.error-message{font-size:16px}.error-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.profile-section{background:#f5f7fa;border-radius:20px;padding:32px;margin-bottom:32px;box-shadow:var(--shadow-neumorphism)}.profile-section h2{font-size:24px;font-weight:600;color:#2d3748;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid #e1e8ed}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.profile-item{display:flex;flex-direction:column;gap:8px}.profile-item label{font-size:10px;font-weight:500;color:#4a5568;letter-spacing:.3px;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.profile-value{background:#ecf0f3;padding:12px 16px;border-radius:12px;font-size:16px;color:#2d3748;font-weight:500;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-neumorphism-inset)}.copy-btn{background:none;border:none;cursor:pointer;font-size:16px;opacity:.6;transition:opacity .3s ease}.copy-btn:hover{opacity:1}.status{padding:4px 12px;border-radius:8px;font-size:14px;font-weight:600}.status.admin{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.status.user{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.status.active{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.status.inactive{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#667eea;color:#fff;padding:4px 12px;border-radius:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.json-container{position:relative;background:#2d3748;border-radius:12px;padding:20px;overflow-x:auto}.json-content{color:#e2e8f0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.6;margin:0;overflow-x:auto;white-space:pre-wrap}.copy-json-btn{position:absolute;top:16px;right:16px;background:#667eea;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.copy-json-btn:hover{background:#5a67d8;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.loading,.error{text-align:center;padding:60px 20px;font-size:18px;color:#718096}@media (max-width: 768px){.profile-container{padding:16px}.profile-section{padding:20px}.profile-grid{grid-template-columns:1fr}.profile-header h1{font-size:28px}.json-container{padding:16px}.json-content{font-size:12px}}.profile-section:hover{box-shadow:24px 24px 48px #c8d0e7,-24px -24px 48px #fff;transform:translateY(-2px);transition:all .3s ease}.profile-value:hover{box-shadow:inset 10px 10px 20px #c8d0e7,inset -10px -10px 20px #fff;transition:all .3s ease}.permission-manager-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.permission-manager-modal{background:#f5f7fa;border-radius:20px;width:90%;max-width:900px;max-height:80vh;overflow:hidden;box-shadow:20px 20px 40px #c8d0e7,-20px -20px 40px #fff}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #e1e8ed}.modal-header h2{margin:0;font-size:24px;font-weight:600;color:#2d3748}.close-button{background:#f5f7fa;border:none;border-radius:12px;width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#666;box-shadow:8px 8px 16px #c8d0e7,-8px -8px 16px #fff;transition:all .2s ease}.close-button:hover{color:#333;box-shadow:inset 4px 4px 8px #c8d0e7,inset -4px -4px 8px #fff}.modal-body{padding:32px;overflow-y:auto;max-height:60vh}.permission-description{margin-bottom:24px;padding:16px;background:#f5f7fa;border-radius:12px;border-left:4px solid #667eea;box-shadow:inset 4px 4px 8px #c8d0e7,inset -4px -4px 8px #fff}.permission-description p{margin:0;color:#4a5568;font-size:14px}.permission-matrix{background:#fff;border-radius:16px;overflow:hidden;box-shadow:12px 12px 24px #c8d0e7,-12px -12px 24px #fff}.matrix-header{display:grid;grid-template-columns:200px repeat(5,1fr);background:#667eea;color:#fff;font-weight:600;font-size:14px}.group-column,.permission-column{padding:16px 12px;text-align:center;border-right:1px solid rgba(255,255,255,.2)}.group-column{text-align:left;background:#5a67d8}.matrix-row{display:grid;grid-template-columns:200px repeat(5,1fr);border-bottom:1px solid #e1e8ed;transition:background-color .2s ease}.matrix-row:hover{background:#f8fafc}.matrix-row:last-child{border-bottom:none}.group-info{padding:16px 12px;border-right:1px solid #e1e8ed}.group-name{font-weight:600;color:#2d3748;margin-bottom:4px;text-transform:capitalize}.group-description{font-size:12px;color:#718096}.permission-cell{display:flex;justify-content:center;align-items:center;padding:16px 12px;border-right:1px solid #e1e8ed}.permission-cell:last-child{border-right:none}.permission-toggle{position:relative;display:inline-block;width:48px;height:24px;cursor:pointer}.permission-toggle input[type=checkbox]{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background:#e1e8ed;border-radius:24px;transition:all .3s ease;box-shadow:inset 4px 4px 8px #c8d0e7,inset -4px -4px 8px #fff}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:3px 3px 6px #c8d0e7,-3px -3px 6px #fff}.permission-toggle input:checked+.toggle-slider{background:#667eea;box-shadow:inset 4px 4px 8px #5a67d8,inset -4px -4px 8px #7c8aed}.permission-toggle input:checked+.toggle-slider:before{transform:translate(24px)}.permission-toggle input:disabled+.toggle-slider{opacity:.6;cursor:not-allowed}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px}.loading-spinner,.saving-spinner{width:40px;height:40px;border:4px solid #e1e8ed;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.saving-indicator{position:fixed;top:20px;right:20px;background:#667eea;color:#fff;padding:12px 20px;border-radius:8px;display:flex;align-items:center;gap:8px;font-size:14px;box-shadow:0 4px 12px #667eea4d;z-index:1001}.saving-spinner{width:16px;height:16px;border-width:2px;margin:0}.modal-footer{padding:24px 32px;border-top:1px solid #e1e8ed;display:flex;justify-content:flex-end;gap:12px}.btn-secondary{background:#f5f7fa;border:none;border-radius:12px;padding:12px 24px;font-weight:600;color:#4a5568;cursor:pointer;box-shadow:8px 8px 16px #c8d0e7,-8px -8px 16px #fff;transition:all .2s ease}.btn-secondary:hover{box-shadow:inset 4px 4px 8px #c8d0e7,inset -4px -4px 8px #fff}@media (max-width: 768px){.permission-manager-modal{width:95%;margin:20px}.matrix-header,.matrix-row{grid-template-columns:150px repeat(5,1fr);font-size:12px}.group-column,.permission-column,.permission-cell,.group-info{padding:12px 8px}.permission-toggle{width:36px;height:20px}.toggle-slider:before{width:14px;height:14px;left:3px;top:3px}.permission-toggle input:checked+.toggle-slider:before{transform:translate(16px)}}@media (max-width: 480px){.modal-header{padding:16px 20px}.modal-body{padding:20px}.modal-footer{padding:16px 20px}.matrix-header,.matrix-row{grid-template-columns:120px repeat(5,1fr);font-size:11px}.group-column,.permission-column,.permission-cell{padding:8px 4px}}.dropdown-neumorp{position:relative;display:inline-block;min-width:180px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.dropdown-neumorp.dn-small{min-width:100px;font-size:13px}.dropdown-neumorp.dn-medium{min-width:180px;font-size:14px}.dropdown-neumorp.dn-large{min-width:220px;font-size:16px}.dn-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;background:#f5f7fa;border:none;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;position:relative}.dropdown-neumorp.dn-small .dn-trigger{padding:8px 12px;border-radius:8px;box-shadow:3px 3px 6px #c8d0e7,-3px -3px 6px #fff}.dropdown-neumorp.dn-medium .dn-trigger{padding:10px 14px;border-radius:10px;box-shadow:4px 4px 8px #c8d0e7,-4px -4px 8px #fff}.dropdown-neumorp.dn-large .dn-trigger{padding:12px 16px;border-radius:12px;box-shadow:5px 5px 10px #c8d0e7,-5px -5px 10px #fff}.dropdown-neumorp:not(.dn-disabled) .dn-trigger:hover{box-shadow:2px 2px 4px #c8d0e7,-2px -2px 4px #fff}.dropdown-neumorp.dn-open .dn-trigger{box-shadow:inset 2px 2px 4px #c8d0e7,inset -2px -2px 4px #fff}.dropdown-neumorp.dn-disabled .dn-trigger{background:#e2e8f0;color:#a0aec0;cursor:not-allowed;box-shadow:2px 2px 4px #cbd5e0,-2px -2px 4px #f7fafc}.dn-selected{flex:1;display:flex;align-items:center;gap:8px;overflow:hidden;color:#4a5568;font-weight:500}.dn-placeholder{color:#94a3b8;font-weight:400}.dn-selected-single{display:flex;align-items:center;gap:8px;color:#2d3748;font-weight:500}.dn-selected-multiple{display:flex;align-items:center;gap:4px;color:#2d3748;font-weight:500}.dn-selected-count{color:#667eea;font-weight:600}.dn-selected-color,.dn-option-color{width:12px;height:12px;border-radius:50%;border:1px solid rgba(255,255,255,.8);box-shadow:1px 1px 2px #0000001a;flex-shrink:0}.dn-selected-icon,.dn-option-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;color:#64748b;flex-shrink:0}.dn-actions{display:flex;align-items:center;gap:8px;margin-left:8px}.dn-clear-button{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:transparent;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;transition:all .2s ease}.dn-clear-button:hover{background:#94a3b81a;color:#64748b}.dn-arrow{display:flex;align-items:center;justify-content:center;width:18px;height:18px;color:#64748b;transition:transform .3s ease}.dn-arrow.dn-up{transform:rotate(180deg)}.dn-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:10000;background:#f5f7fa;border-radius:12px;overflow:hidden;animation:dnDropdownSlideIn .2s ease-out;box-shadow:6px 6px 12px #c8d0e7,-6px -6px 12px #fff,inset 1px 1px 2px #fffc}@keyframes dnDropdownSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dn-search{padding:12px;border-bottom:1px solid rgba(200,208,231,.3)}.dn-search-input{width:100%;padding:8px 12px;background:#f5f7fa;border:none;border-radius:8px;font-size:13px;color:#4a5568;transition:all .2s ease;box-shadow:inset 2px 2px 4px #c8d0e7,inset -2px -2px 4px #fff}.dn-search-input:focus{outline:none;box-shadow:inset 1px 1px 2px #c8d0e7,inset -1px -1px 2px #fff}.dn-search-input::placeholder{color:#94a3b8}.dn-options{max-height:inherit;overflow-y:auto;padding:4px 0}.dn-options::-webkit-scrollbar{width:6px}.dn-options::-webkit-scrollbar-track{background:transparent}.dn-options::-webkit-scrollbar-thumb{background:#c8d0e766;border-radius:3px}.dn-options::-webkit-scrollbar-thumb:hover{background:#c8d0e799}.dn-option{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;color:#4a5568;transition:all .2s ease;position:relative;margin:2px 8px;border-radius:8px}.dn-option:hover:not(.dn-disabled){background:#f8f9fa;box-shadow:2px 2px 4px #c8d0e7,-2px -2px 4px #fff;color:#2d3748}.dn-option.dn-selected{background:#f5f7fa;color:#667eea;font-weight:600;box-shadow:inset 1px 1px 2px #c8d0e7,inset -1px -1px 2px #fff}.dn-option.dn-selected:hover{box-shadow:inset 1.5px 1.5px 3px #c8d0e7,inset -1.5px -1.5px 3px #fff}.dn-option.dn-disabled{color:#2d3748;cursor:not-allowed;opacity:1;font-weight:700;background:transparent;pointer-events:none;padding-left:12px}.dn-option.dn-disabled:hover{background:transparent;box-shadow:none}.dn-option-checkbox{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:#f5f7fa;border-radius:4px;color:#fff;transition:all .2s ease;flex-shrink:0;box-shadow:inset 2px 2px 4px #c8d0e7,inset -2px -2px 4px #fff}.dn-option-checkbox.dn-checked{background:#667eea;box-shadow:2px 2px 4px #667eea4d,-2px -2px 4px #fff}.dn-option-content{flex:1;min-width:0}.dn-option-label{font-weight:500;white-space:pre;overflow:hidden;text-overflow:ellipsis}.dn-option-description{font-size:12px;color:#718096;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dn-option[data-has-children=true] .dn-option-label{font-weight:700;color:#2d3748}.dn-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;color:#64748b}.dn-loading-spinner{width:16px;height:16px;border:2px solid rgba(100,116,139,.2);border-left-color:#64748b;border-radius:50%;animation:dnSpin 1s linear infinite}@keyframes dnSpin{to{transform:rotate(360deg)}}.dn-empty{padding:20px;text-align:center;color:#94a3b8;font-style:italic}.dropdown-neumorp.dn-full-width{width:100%;min-width:auto}@media (max-width: 768px){.dropdown-neumorp.dn-small{min-width:120px}.dropdown-neumorp.dn-medium{min-width:140px}.dropdown-neumorp.dn-large{min-width:160px}.dn-trigger{padding:8px 12px}.dn-option{padding:12px 16px}}.board-container{max-width:80%;margin:0 auto;padding:40px 20px}.board-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.board-header h1{font-size:36px;font-weight:700;color:#2d3748}.write-button{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#f5f7fa;border-radius:16px;text-decoration:none;color:#2d3748;font-weight:600;box-shadow:4px 4px 8px #c8d0e7,-4px -4px 8px #fff;transition:all .3s ease}.write-button:hover{box-shadow:6px 6px 12px #c8d0e7,-6px -6px 12px #fff}.write-button:active{box-shadow:inset 4px 4px 8px #c8d0e7,inset -4px -4px 8px #fff}.board-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.categories{display:flex;gap:12px;flex-wrap:wrap}.category-wrapper{display:flex;align-items:center;gap:4px}.category-item{padding:6px 16px;background:#f5f7fa;border:none;border-radius:12px;cursor:pointer;font-weight:500;color:#2d3748;box-shadow:3px 3px 6px #c8d0e7,-3px -3px 6px #fff;transition:all .3s ease}.category-item:hover{box-shadow:4px 4px 8px #c8d0e7,-4px -4px 8px #fff}.category-item.active{box-shadow:inset 2px 2px 4px #c8d0e7,inset -2px -2px 4px #fff;color:var(--category-color, #667eea)}.permission-button{width:24px;height:24px;background:#f5f7fa;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#718096;box-shadow:2px 2px 4px #c8d0e7,-2px -2px 4px #fff;transition:all .2s ease}.permission-button:hover{color:#4a5568;box-shadow:3px 3px 6px #c8d0e7,-3px -3px 6px #fff}.permission-button:active{box-shadow:inset 2px 2px 4px #c8d0e7,inset -2px -2px 4px #fff}.permission-button svg{width:12px;height:12px}.search-sort{display:flex;gap:16px;align-items:center}.search-form{display:flex;background:linear-gradient(145deg,#f8fafc,#f1f5f9);border:1px solid rgba(226,232,240,.8);border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #94a3b81a,inset 0 1px #ffffff1a}.search-form:focus-within{background:linear-gradient(145deg,#fff,#f8fafc);border-color:#6366f14d;box-shadow:0 4px 8px #94a3b826,0 0 0 3px #6366f11a,inset 0 1px #fff3;transform:translateY(-1px)}.search-input{border:none;background:transparent;padding:12px 16px;font-size:15px;color:#334155;font-weight:400;min-width:200px;transition:color .3s ease}.search-input:focus{outline:none;color:#1e293b}.search-input::placeholder{color:#94a3b8;font-weight:400}.search-button{background:transparent;border:none;padding:0 16px;cursor:pointer;color:#667eea;transition:color .3s ease}.search-button:hover{color:#5a67d8}.posts-list{margin-bottom:32px}.loading,.no-posts{text-align:center;padding:60px 20px;color:#718096;font-size:18px}.post-item{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;margin-bottom:16px;background:#f5f7fa;border-radius:16px;box-shadow:6px 6px 12px #c8d0e7,-6px -6px 12px #fff;transition:all .3s ease;position:relative}.post-item:hover{box-shadow:8px 8px 16px #c8d0e7,-8px -8px 16px #fff}.pinned-badge{position:absolute;top:10px;left:10px;background:#ff6b6b;color:#fff;padding:4px 12px;border-radius:10px;font-size:12px;font-weight:600}.post-main{flex:1}.post-title{font-size:18px;font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:8px}.post-title a{color:#2d3748;text-decoration:none;transition:color .3s ease}.post-title a:hover{color:#667eea}.comment-count{color:#667eea;font-size:14px;font-weight:500}.post-summary{color:#718096;font-size:14px;margin-bottom:12px;line-height:1.5}.post-meta{display:flex;gap:16px;font-size:14px;color:#a0aec0}.category{font-weight:600}.post-stats{display:flex;gap:20px;color:#718096;font-size:14px}.stat{display:flex;align-items:center;gap:4px}.pagination{display:flex;justify-content:center;gap:8px;margin-top:40px}.page-button{width:40px;height:40px;background:#f5f7fa;border:none;border-radius:12px;cursor:pointer;font-weight:500;color:#2d3748;box-shadow:6px 6px 12px #c8d0e7,-6px -6px 12px #fff;transition:all .3s ease}.page-button:hover{box-shadow:8px 8px 16px #c8d0e7,-8px -8px 16px #fff}.page-button.active{box-shadow:inset 3px 3px 6px #c8d0e7,inset -3px -3px 6px #fff;color:#667eea;font-weight:700}@media (max-width: 768px){.board-header{flex-direction:column;gap:20px;align-items:flex-start}.board-controls{flex-direction:column;align-items:stretch}.search-sort{flex-direction:column;width:100%;gap:12px}.search-form{width:100%}.search-input{width:100%;min-width:auto}.post-item{flex-direction:column;gap:16px;align-items:flex-start}.post-stats{width:100%;justify-content:space-between}}.category-manager-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.category-manager{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;width:100%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.manager-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #f1f3f5;background:#fafbfc}.manager-header h3{margin:0;color:#212529;font-size:20px;font-weight:700}.close-button{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;padding:10px;color:#6c757d;cursor:pointer;transition:all .2s ease;font-size:18px;display:flex;align-items:center;justify-content:center}.close-button:hover{background:#e9ecef;color:#495057;transform:scale(1.05)}.manager-content{flex:1;padding:24px 32px;overflow-y:auto}.loading{text-align:center;padding:60px;color:#adb5bd;font-size:16px}.categories-list{margin-bottom:24px}.category-item{background:#fafbfc;border:1px solid #f1f3f5;border-radius:16px;margin-bottom:16px;padding:20px;transition:all .2s ease}.category-item:hover{box-shadow:0 4px 12px #0000000d;border-color:#e9ecef}.category-display{display:flex;justify-content:space-between;align-items:center}.category-info{flex:1}.category-name{display:flex;align-items:center;font-weight:700;color:#1a1d20;margin-bottom:12px;font-size:17px;letter-spacing:-.01em}.color-indicator{width:18px;height:18px;border-radius:50%;margin-right:14px;border:2px solid white;box-shadow:0 0 0 1px #0000001a}.category-meta{display:flex;gap:20px;align-items:center;font-size:15px}.slug{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;background:#f8f9fa;color:#495057;padding:6px 12px;border-radius:8px;font-size:14px;border:1px solid #e9ecef;font-weight:500}.description{color:#5a6169;font-style:normal;font-weight:400;line-height:1.5}.edit-button,.delete-button{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:10px;cursor:pointer;transition:all .2s ease;color:#6c757d;font-size:14px;display:flex;align-items:center;justify-content:center}.edit-button:hover{background:#e3f2fd;border-color:#90caf9;color:#1976d2;transform:translateY(-1px)}.delete-button:hover{background:#ffebee;border-color:#ffcdd2;color:#d32f2f;transform:translateY(-1px)}.category-form{display:flex;flex-direction:column;gap:16px}.create-form{background:#fafbfc;border:1px solid #f1f3f5;border-radius:16px;padding:24px}.create-form h4{margin:0 0 20px;color:#212529;font-weight:600;font-size:18px}.form-input{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:16px 20px;font-size:15px;color:#495057;transition:all .2s ease;width:100%;box-sizing:border-box;line-height:1.5;font-weight:400}.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background:#fafbfc}.form-input::placeholder{color:#adb5bd;font-weight:400}.form-color{width:80px;height:48px;border:1px solid #e9ecef;border-radius:10px;cursor:pointer;transition:all .2s ease;background:#fff}.form-color:hover{border-color:#667eea;transform:scale(1.05)}.form-color:focus{outline:none;box-shadow:0 0 0 3px #667eea1a}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.save-button,.cancel-button{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:100px;justify-content:center}.save-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.save-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.save-button:active{transform:translateY(0)}.cancel-button{background:#f8f9fa;color:#6c757d;border:1px solid #e9ecef}.cancel-button:hover{background:#e9ecef;color:#495057;transform:translateY(-1px)}.add-category-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:20px;background:#fff;border:2px dashed #e9ecef;border-radius:16px;color:#6c757d;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-category-button:hover{border-color:#667eea;color:#667eea;background:#f8f9ff;transform:translateY(-1px)}.add-category-button:active{transform:translateY(0)}@media (max-width: 768px){.category-manager-overlay{padding:16px}.category-manager{max-width:100%;max-height:95vh;border-radius:16px}.manager-header,.manager-content{padding:20px 24px}.manager-header h3{font-size:18px}.category-display{flex-direction:column;align-items:flex-start;gap:16px}.category-actions{margin-left:0;width:100%;justify-content:flex-end}.category-meta{flex-wrap:wrap;gap:12px}.form-actions{justify-content:stretch;gap:8px}.save-button,.cancel-button{flex:1}}@media (max-width: 480px){.category-manager-overlay{padding:12px}.manager-header,.manager-content{padding:16px 20px}.category-item{padding:16px}.create-form{padding:20px}.category-name{font-size:15px}.category-meta{font-size:13px}}.manager-content::-webkit-scrollbar{width:6px}.manager-content::-webkit-scrollbar-track{background:#f8f9fa;border-radius:3px}.manager-content::-webkit-scrollbar-thumb{background:#e9ecef;border-radius:3px}.manager-content::-webkit-scrollbar-thumb:hover{background:#dee2e6}.organization-tree{height:100%;display:flex;flex-direction:column;background:transparent;border:none;border-radius:0;overflow-y:auto;overflow-x:hidden}.tree-header{display:none}.tree-header h4{font-size:1rem;font-weight:600;color:#1a202c;margin:0 0 4px}.tree-header p{font-size:.875rem;color:#718096;margin:0 0 12px}.tree-search{position:relative;margin-bottom:12px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#a0aec0;width:16px;height:16px}.search-input{width:100%;padding:8px 36px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;color:#2d3748;transition:all .2s ease}.search-input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.search-input::placeholder{color:#a0aec0}.clear-search{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:24px;height:24px;background:transparent;border:none;border-radius:4px;color:#a0aec0;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.clear-search:hover{background:#e2e8f0;color:#4a5568}.selection-info{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#edf2f7;border-radius:6px;margin-bottom:12px;font-size:.875rem}.selection-info span{color:#4a5568;font-weight:500}.clear-selection{padding:4px 12px;background:#fff;border:1px solid #cbd5e0;border-radius:4px;font-size:.75rem;color:#4a5568;cursor:pointer;transition:all .2s ease}.clear-selection:hover{background:#f7fafc;border-color:#a0aec0}.tree-content{flex:1;overflow-y:auto;padding:8px 0}.tree-node{-webkit-user-select:none;user-select:none;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.node-content{display:flex;align-items:center;justify-content:space-between;padding:8px;margin:2px 4px;border-radius:6px;cursor:pointer;transition:all .2s ease;position:relative}.node-content:hover{background:#f7fafc}.node-content.selected{background:#dbeafe;border:1px solid #3b82f6;box-shadow:0 0 0 2px #3b82f61a}.node-content.assigned{background:#f8fafc;border:1px solid #e2e8f0}.node-content.selected.assigned{background:#dbeafe;border-color:#3b82f6}.organization-tree.multi-select-mode .node-content:hover{background:#f0fdfa;cursor:pointer}.organization-tree.multi-select-mode .node-content.selected{background:#b2f5ea;border-color:#319795}.node-content{cursor:grab;transition:all .2s ease}.node-content:active{cursor:grabbing}.node-content.dragging{opacity:.5;background:#e2e8f0}.node-content.selected.dragging{background:#cbd5e0;border-color:#a0aec0}.node-content.everybody{font-weight:600;background:#f0fff4;border:1px solid #68d391}.node-content.everybody.selected{background:#c6f6d5;border-color:#38a169}.node-left{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.node-right{display:flex;align-items:center;gap:4px}.expand-btn{width:20px;height:20px;background:transparent;border:none;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#718096;transition:all .2s ease}.expand-btn:hover{background:#edf2f7;color:#4a5568}.expand-spacer{width:20px;height:20px}.node-icon{width:16px;height:16px;flex-shrink:0}.node-icon.everybody{color:#38a169}.node-icon.department{color:#667eea}.node-icon.user{color:#4a5568}.node-name{font-size:.875rem;font-weight:500;color:#1a202c;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:250px}.user-title{font-size:.75rem;color:#718096;margin-left:4px;flex-shrink:0}.member-count{font-size:.75rem;color:#667eea;background:#edf2f7;padding:2px 6px;border-radius:10px;margin-left:4px;flex-shrink:0}.everybody-desc{font-size:.75rem;color:#38a169;font-style:italic;margin-left:4px}.selected-indicator{color:#3b82f6;font-weight:600;font-size:.875rem}.assigned-indicator{color:#10b981;font-size:1rem;font-weight:600;background:#d1fae5;padding:2px 4px;border-radius:4px;border:1px solid #34d399}.node-children{position:relative}.node-children:before{content:"";position:absolute;left:14px;top:0;bottom:0;width:1px;background:#e2e8f0}.node-content[style*="padding-left: 28px"],.node-content[style*="padding-left: 48px"],.node-content[style*="padding-left: 68px"]{border-left:2px solid transparent}.node-content.selected[style*="padding-left: 28px"],.node-content.selected[style*="padding-left: 48px"],.node-content.selected[style*="padding-left: 68px"]{border-left-color:#38b2ac}.tree-content::-webkit-scrollbar{width:6px}.tree-content::-webkit-scrollbar-track{background:#f1f5f9}.tree-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.tree-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}@media (max-width: 768px){.tree-header{padding:12px}.tree-header h4{font-size:.875rem}.tree-header p{font-size:.75rem}.node-content{padding:6px}.node-name{font-size:.8125rem}.user-title,.member-count,.everybody-desc{font-size:.6875rem}}.tree-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#718096}.tree-loading .spinner{width:24px;height:24px;border:2px solid #e2e8f0;border-top:2px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.tree-footer{padding:12px 16px;border-top:1px solid #e2e8f0;background:#f8fafc}.selection-hint{font-size:.75rem;color:#718096;text-align:center}.selection-hint span{background:#edf2f7;padding:4px 8px;border-radius:4px;display:inline-block}.tree-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#a0aec0;text-align:center}.tree-empty .empty-icon{width:48px;height:48px;margin-bottom:12px;color:#cbd5e0}.permission-selector-content{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;flex-direction:row;width:100%;background:transparent;flex:1;min-height:0;gap:0;padding:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.permission-selector-content input,.permission-selector-content textarea{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.select-zone{width:45%;border-right:1px solid rgba(200,208,231,.3);display:flex;flex-direction:column;background:transparent;padding-right:12px;padding-left:0}.select-zone-content{flex:1;background:#f5f7fa;border-radius:16px;box-shadow:8px 8px 16px #c8d0e7,-8px -8px 16px #fff;display:flex;flex-direction:column;overflow:hidden}.select-zone-header{padding:16px 20px;border-bottom:1px solid rgba(200,208,231,.3);background:transparent}.select-zone-header h4{font-size:1.125rem;font-weight:600;color:#2d3748;margin:0 0 6px;letter-spacing:-.025em}.select-zone-header p{font-size:.875rem;color:#667eea;margin:0;font-weight:500}.organization-tree-wrapper{flex:1;background:transparent;overflow-y:auto;overflow-x:hidden;min-height:0}.transfer-zone{width:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f4f8,#f5f7fa);border-right:1px solid rgba(102,126,234,.1);padding:16px 3px;position:relative}.transfer-info{text-align:center;font-size:.75rem;color:#718096}.transfer-info p{margin:0;background:linear-gradient(135deg,#fff,#f8fafc);padding:6px 12px;border-radius:16px;border:none;box-shadow:4px 4px 8px #c8d0e7,-4px -4px 8px #fff;white-space:nowrap;font-size:.75rem;font-weight:500;color:#667eea}.selected-zone{flex:1;display:flex;flex-direction:column;min-width:0;background:transparent;position:relative;padding-left:12px;padding-right:0}.selected-zone-content{flex:1;background:#f5f7fa;border-radius:16px;box-shadow:8px 8px 16px #c8d0e7,-8px -8px 16px #fff;display:flex;flex-direction:column;overflow:hidden;min-height:0}.zone-header{padding:16px 20px;border-bottom:1px solid rgba(200,208,231,.3);background:transparent;margin-bottom:0}.zone-header h4{font-size:1.125rem;font-weight:600;color:#2d3748;margin:0 0 6px;letter-spacing:-.025em}.zone-header p{font-size:.875rem;color:#667eea;margin:0;font-weight:500}.targets-list{flex:1;overflow-y:auto;padding:20px;background:transparent}.permission-target{background:#f5f7fa;border:none;border-radius:16px;padding:16px 20px 14px;margin-bottom:12px;transition:all .3s ease;opacity:1;transform:translate(0);max-height:120px;overflow:hidden;box-shadow:8px 8px 16px #c8d0e7,-8px -8px 16px #fff;position:relative}.permission-target:hover{box-shadow:10px 10px 20px #c8d0e7,-10px -10px 20px #fff}.permission-target.removing{opacity:0;transform:translate(-100%);max-height:0;padding-top:0;padding-bottom:0;margin-bottom:0;border-width:0;transition:all .3s ease}.permission-target.removing .target-header,.permission-target.removing .permissions-grid{opacity:0;transform:translate(-20px);transition:all .2s ease}.target-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px}.target-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.target-icon{width:16px;height:16px;flex-shrink:0}.target-icon.everybody{color:#38a169}.target-icon.department{color:#667eea}.target-icon.user{color:#4a5568}.target-name-container{display:flex;flex-direction:column;flex:1;min-width:0}.target-name{font-weight:500;color:#1a202c;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.department-info{font-size:.75rem;color:#718096;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;line-height:1.1}.member-count{font-size:.75rem;color:#667eea;background:#edf2f7;padding:2px 6px;border-radius:10px;flex-shrink:0}.override-badge{font-size:.75rem;color:#d69e2e;background:#fef5e7;padding:2px 6px;border-radius:10px;border:1px solid #f6e05e;flex-shrink:0}.saved-badge{font-size:.7rem;color:#38a169;background:#f0fff4;padding:2px 8px;border-radius:12px;border:1px solid #9ae6b4;flex-shrink:0;font-weight:600;letter-spacing:.025em}.remove-btn{width:28px;height:28px;background:#f5f7fa;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#cbd5e0;transition:all .2s ease;box-shadow:3px 3px 6px #c8d0e7,-3px -3px 6px #fff}.remove-btn:hover{color:#e53e3e;background:#fff}.permissions-grid{display:flex;flex-direction:row;gap:8px;margin-top:8px;flex-wrap:wrap}.permission-toggle{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f5f7fa;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;font-size:.8rem;min-height:32px;white-space:nowrap;box-shadow:4px 4px 8px #c8d0e7,-4px -4px 8px #fff;position:relative;-webkit-user-select:none;user-select:none;flex:1;min-width:0}.permission-toggle:hover{background:#f8fafc}.permission-toggle input[type=checkbox]{display:none}.toggle-label{color:#4a5568;font-weight:300;-webkit-user-select:none;user-select:none;flex:1;text-align:left;display:flex;align-items:center;gap:10px;font-size:.75rem}.permission-toggle:has(input:checked){background:linear-gradient(145deg,#f8fafc,#fff,#f5f7fa);box-shadow:inset 2px 2px 5px #c8d0e799,inset -2px -2px 5px #ffffffe6,0 1px 3px #c8d0e733;border:1px solid rgba(102,126,234,.08);transform:translateY(.5px)}.permission-toggle:has(input:checked) .toggle-label{color:#2d3748;font-weight:400}.permission-icon{width:16px;height:16px;flex-shrink:0;opacity:.8;transition:all .3s ease}.permission-toggle:has(input:checked) .permission-icon{opacity:1;color:#667eea}.check-indicator{width:18px;height:18px;border-radius:50%;background:#f5f7fa;border:2px solid #e2e8f0;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;box-shadow:inset 1px 1px 2px #c8d0e7,inset -1px -1px 2px #fff}.check-indicator svg{width:10px;height:10px;color:transparent;transition:all .2s ease}.permission-toggle:has(input:checked) .check-indicator{background:#667eea;border-color:#667eea;box-shadow:none}.permission-toggle:has(input:checked) .check-indicator svg{color:#fff}.permission-toggle:focus-within{outline:2px solid rgba(102,126,234,.2);outline-offset:1px}.permission-icon{color:#718096;transition:all .2s ease}.permission-toggle:has(input:checked) .permission-icon{color:#2d3748}.permission-target.selected{border:2px solid #667eea;box-shadow:0 0 0 2px #667eea33,8px 8px 16px #c8d0e7,-8px -8px 16px #fff}.bulk-controls{background:linear-gradient(135deg,#edf2f7,#f7fafc);border:1px solid rgba(102,126,234,.2);border-radius:12px;margin:12px 20px;padding:16px;box-shadow:inset 4px 4px 8px #c8d0e7,inset -4px -4px 8px #fff}.bulk-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.bulk-header h5{font-size:.875rem;font-weight:600;color:#2d3748;margin:0}.bulk-action-buttons{display:flex;gap:8px}.clear-selection-btn,.delete-selection-btn{background:#f5f7fa;border:none;border-radius:8px;padding:6px 12px;font-size:.75rem;cursor:pointer;transition:all .2s ease;box-shadow:3px 3px 6px #c8d0e7,-3px -3px 6px #fff}.clear-selection-btn{color:#667eea}.clear-selection-btn:hover{background:#fff;color:#5a67d8}.delete-selection-btn{color:#e53e3e}.delete-selection-btn:hover{background:#fed7d7;color:#c53030}.bulk-permissions{display:flex;gap:8px}.bulk-permission-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f5f7fa;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;font-size:.75rem;font-weight:500;color:#4a5568;flex:1;justify-content:space-between;box-shadow:3px 3px 6px #c8d0e7,-3px -3px 6px #fff}.bulk-permission-btn:hover{background:#fff}.bulk-permission-btn span{flex:1;text-align:center}.bulk-indicator{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;transition:all .2s ease}.bulk-permission-btn.all-enabled{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:inset 2px 2px 4px #667eea4d,inset -2px -2px 4px #764ba24d}.bulk-permission-btn.all-enabled .bulk-indicator{background:#fff3;color:#fff}.bulk-permission-btn.some-enabled{background:linear-gradient(135deg,#f6e05e,#ecc94b);color:#744210;box-shadow:inset 2px 2px 4px #ecc94b4d,inset -2px -2px 4px #f6e05e4d}.bulk-permission-btn.some-enabled .bulk-indicator{background:#74421033;color:#744210;font-size:12px}.bulk-permission-btn.none-enabled .bulk-indicator{background:#e2e8f0;border:2px solid #cbd5e0}.empty-targets{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;color:#a0aec0;background:transparent;border-radius:16px;margin:20px;border:2px dashed rgba(200,208,231,.5)}.empty-targets svg{color:#cbd5e0;margin-bottom:16px}.empty-targets h4{font-size:1.125rem;font-weight:600;color:#4a5568;margin:0 0 8px}.empty-targets p{font-size:.875rem;margin:0 0 16px}.drag-hint{background:linear-gradient(135deg,#f0f4f8,#f5f7fa);padding:12px 20px;border-radius:24px;border:2px dashed rgba(102,126,234,.3);font-size:.875rem;color:#667eea;font-weight:500;animation:pulse 2s ease-in-out infinite;box-shadow:4px 4px 8px #c8d0e780,-4px -4px 8px #ffffff80}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.selected-zone.drag-over{background:#f0fdfa;border:2px dashed #38b2ac;position:relative}.selected-zone.drag-over:before{content:"여기에 놓으세요";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#38b2ac;color:#fff;padding:12px 24px;border-radius:8px;font-weight:600;z-index:10;pointer-events:none;box-shadow:0 4px 12px #38b2ac4d}.selected-zone.drag-over .targets-list{opacity:.3}.selector-footer{display:flex;justify-content:flex-end;gap:16px;padding:20px 28px;border-top:1px solid rgba(102,126,234,.1);background:linear-gradient(135deg,#f8fafc,#fff);border-radius:0 0 20px 20px}.btn-cancel,.btn-save{padding:12px 24px;border-radius:12px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;border:none;min-width:100px;letter-spacing:.025em;position:relative;overflow:hidden}.btn-cancel{background:#f5f7fa;color:#e56767;box-shadow:6px 6px 12px #c8d0e7,-6px -6px 12px #fff}.btn-cancel:before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;background:radial-gradient(circle,rgba(229,62,62,.08) 0%,rgba(229,62,62,.04) 20%,rgba(229,62,62,.02) 40%,rgba(229,62,62,.01) 60%,rgba(229,62,62,.005) 80%,transparent 100%);border-radius:50%;transform:translate(-50%,-50%) scale(0);transition:transform .8s cubic-bezier(.25,.46,.45,.94);z-index:0}.btn-cancel:hover:before{transform:translate(-50%,-50%) scale(25)}.btn-cancel:hover{background:#fff;color:#e53e3e}.btn-cancel span,.btn-cancel .btn-text{position:relative;z-index:1}.btn-save{background:#f5f7fa;color:#a0aec0;box-shadow:inset 4px 4px 8px #c8d0e7,inset -4px -4px 8px #fff;cursor:not-allowed;opacity:.6;transition:all .3s ease}.btn-save.has-changes{background:linear-gradient(135deg,#f5f7fa,#f8fafc);color:#667eea;box-shadow:6px 6px 12px #c8d0e7,-6px -6px 12px #fff;cursor:pointer;opacity:1}.btn-save.has-changes:before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;background:radial-gradient(circle,rgba(102,126,234,.18) 0%,rgba(102,126,234,.09) 20%,rgba(102,126,234,.045) 40%,rgba(102,126,234,.022) 60%,rgba(102,126,234,.01) 80%,transparent 100%);border-radius:50%;transform:translate(-50%,-50%) scale(0);transition:transform .8s cubic-bezier(.25,.46,.45,.94);z-index:0}.btn-save.has-changes:hover:not(:disabled):before{transform:translate(-50%,-50%) scale(25)}.btn-save.has-changes:hover:not(:disabled){background:#fff;color:#5a67d8}.btn-save span,.btn-save .btn-text{position:relative;z-index:1}.btn-save:disabled{background:#f5f7fa;color:#a0aec0;box-shadow:inset 4px 4px 8px #c8d0e7,inset -4px -4px 8px #fff;cursor:not-allowed;opacity:.6}.save-button-container{position:relative;display:inline-block}.success-tooltip{position:absolute;bottom:110%;right:0;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;padding:12px 16px;border-radius:12px;font-size:.875rem;font-weight:600;white-space:nowrap;box-shadow:0 4px 12px #48bb784d,0 2px 8px #0000001a;animation:tooltipFadeIn .3s ease-out;z-index:1000}.success-tooltip:after{content:"";position:absolute;top:100%;right:20px;border:8px solid transparent;border-top-color:#38a169}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.selector-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:#718096}.selector-loading .spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@media (max-width: 1200px){.select-zone{width:350px}.transfer-zone{width:70px;padding:12px 4px}.permissions-grid{grid-template-columns:1fr}}@media (max-width: 1024px){.select-zone{width:300px}.transfer-zone{width:60px;padding:12px 4px}.permissions-grid{grid-template-columns:1fr}}@media (max-width: 768px){.selector-content{flex-direction:column}.select-zone{width:100%;height:300px;border-right:none;border-bottom:1px solid #e2e8f0}.transfer-zone{width:100%;height:40px;flex-direction:row;padding:8px 16px;border-right:none;border-bottom:1px solid #e2e8f0}.selected-zone{min-height:300px}.selector-header,.zone-header{padding:12px 16px}.targets-list{padding:12px}.selector-footer{padding:12px 16px}}.targets-list::-webkit-scrollbar,.organization-tree-wrapper::-webkit-scrollbar,.organization-tree::-webkit-scrollbar{width:6px}.targets-list::-webkit-scrollbar-track,.organization-tree-wrapper::-webkit-scrollbar-track,.organization-tree::-webkit-scrollbar-track{background:#f1f5f9}.targets-list::-webkit-scrollbar-thumb,.organization-tree-wrapper::-webkit-scrollbar-thumb,.organization-tree::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.targets-list::-webkit-scrollbar-thumb:hover,.organization-tree-wrapper::-webkit-scrollbar-thumb:hover,.organization-tree::-webkit-scrollbar-thumb:hover{background:#a0aec0}.search-input-neumorp{position:relative;display:inline-flex;align-items:center;min-width:200px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.search-input-neumorp.sin-small{min-width:150px}.search-input-neumorp.sin-small .sin-input{padding:8px 8px 8px 32px;font-size:13px;border-radius:8px}.search-input-neumorp.sin-small .sin-icon{left:10px;width:14px;height:14px}.search-input-neumorp.sin-medium{min-width:200px}.search-input-neumorp.sin-medium .sin-input{padding:10px 10px 10px 36px;font-size:14px;border-radius:10px}.search-input-neumorp.sin-medium .sin-icon{left:12px;width:16px;height:16px}.search-input-neumorp.sin-large{min-width:250px}.search-input-neumorp.sin-large .sin-input{padding:12px 12px 12px 40px;font-size:16px;border-radius:12px}.search-input-neumorp.sin-large .sin-icon{left:14px;width:18px;height:18px}.sin-icon{position:absolute;color:#a0aec0;z-index:1;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:color .2s ease}.sin-input{width:100%;background:#f5f7fa;border:none;color:#4a5568;box-shadow:inset 2px 2px 4px #c8d0e74d,inset -2px -2px 4px #fffc;outline:none;transition:all .2s ease;font-family:inherit;font-weight:400}.sin-input::placeholder{color:#94a3b8;font-weight:400}.sin-input:focus{box-shadow:inset 1.5px 1.5px 3px #c8d0e74d,inset -1.5px -1.5px 3px #fffc}.search-input-neumorp:focus-within .sin-icon{color:#667eea}.search-input-neumorp.sin-disabled .sin-input{background:#e2e8f0;color:#a0aec0;cursor:not-allowed;box-shadow:inset 2px 2px 4px #cbd5e0,inset -2px -2px 4px #f7fafc}.search-input-neumorp.sin-disabled .sin-icon{color:#cbd5e0}.search-input-neumorp.sin-disabled .sin-input::placeholder{color:#cbd5e0}.search-input-neumorp.sin-readonly .sin-input{cursor:default;background:#f8f9fa}.search-input-neumorp.sin-full-width{width:100%;min-width:auto}.search-input-neumorp:not(.sin-disabled):hover .sin-input{box-shadow:inset 2.5px 2.5px 5px #c8d0e7,inset -2.5px -2.5px 5px #fff}.search-input-neumorp:not(.sin-disabled):hover .sin-icon{color:#718096}@keyframes sinFocusIn{0%{box-shadow:inset 3px 3px 6px #c8d0e7,inset -3px -3px 6px #fff}to{box-shadow:inset 2px 2px 4px #c8d0e7,inset -2px -2px 4px #fff}}.sin-input:focus{animation:sinFocusIn .2s ease-out}@media (max-width: 768px){.search-input-neumorp.sin-small{min-width:120px}.search-input-neumorp.sin-medium{min-width:150px}.search-input-neumorp.sin-large{min-width:180px}}.text-input-neumorp-container{width:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.text-input-neumorp{position:relative;display:flex;align-items:center;width:100%}.tin-label{display:block;font-weight:600;color:#2d3748;margin-bottom:10px;font-size:12px}.tin-required{color:#e53e3e;margin-left:4px}.text-input-neumorp.tin-small .tin-input{padding:8px 12px;font-size:13px;border-radius:8px}.text-input-neumorp.tin-medium .tin-input{padding:10px 15px;font-size:14px;border-radius:10px}.text-input-neumorp.tin-large .tin-input{padding:15px 20px;font-size:16px;border-radius:12px}.tin-input{width:100%;background:#f5f7fa;border:none;color:#4a5568;box-shadow:inset 2px 2px 4px #c8d0e74d,inset -2px -2px 4px #fffc;outline:none;transition:all .2s ease;font-family:inherit;font-weight:400;resize:none}.tin-input::placeholder{color:#94a3b8;font-weight:400;font-size:14px}.tin-input:focus{background:#f8fafc;box-shadow:inset 2.5px 2.5px 5px #c8d0e7,inset -2.5px -2.5px 5px #fff}.text-input-neumorp.tin-disabled .tin-input{background:#e2e8f0;color:#a0aec0;cursor:not-allowed;box-shadow:inset 4px 4px 8px #cbd5e0,inset -4px -4px 8px #f7fafc}.text-input-neumorp.tin-disabled .tin-input::placeholder{color:#cbd5e0}.text-input-neumorp.tin-disabled .tin-label{color:#a0aec0}.text-input-neumorp.tin-readonly .tin-input{cursor:default;background:#f8f9fa;box-shadow:inset 4px 4px 8px #e2e8f0,inset -4px -4px 8px #fff}.text-input-neumorp:not(.tin-disabled):hover .tin-input{box-shadow:inset 2.5px 2.5px 5px #c8d0e7,inset -2.5px -2.5px 5px #fff}@keyframes tinFocusIn{0%{box-shadow:inset 3px 3px 6px #c8d0e7,inset -3px -3px 6px #fff}to{box-shadow:inset 2.5px 2.5px 5px #c8d0e7,inset -2.5px -2.5px 5px #fff}}.tin-input:focus{animation:tinFocusIn .2s ease-out}@media (max-width: 768px){.text-input-neumorp.tin-small .tin-input{padding:6px 10px;font-size:12px}.text-input-neumorp.tin-medium .tin-input{padding:8px 12px;font-size:13px}.text-input-neumorp.tin-large .tin-input{padding:12px 16px;font-size:15px}.text-input-neumorp.tin-small .tin-input::placeholder{font-size:11px}.text-input-neumorp.tin-medium .tin-input::placeholder{font-size:12px}.text-input-neumorp.tin-large .tin-input::placeholder{font-size:13px}.tin-label{font-size:15px}}@media (max-width: 480px){.text-input-neumorp.tin-small .tin-input{font-size:11px}.text-input-neumorp.tin-medium .tin-input{font-size:12px}.text-input-neumorp.tin-large .tin-input{font-size:14px}.text-input-neumorp.tin-small .tin-input::placeholder{font-size:10px}.text-input-neumorp.tin-medium .tin-input::placeholder{font-size:11px}.text-input-neumorp.tin-large .tin-input::placeholder{font-size:12px}.tin-label{font-size:14px}}.tab-neumorp-container{display:flex;background:#f5f7fa;border-radius:12px;padding:6px;margin:0 0 24px;max-width:100%;box-shadow:inset 4px 4px 8px #c8d0e7,inset -4px -4px 8px #fff;gap:3px}.tab-neumorp-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:transparent;border:none;border-radius:10px;font-size:15px;font-weight:500;color:#718096;cursor:pointer;transition:all .3s ease;flex:1}.tab-neumorp-btn:hover:not(.disabled){color:#4a5568}.tab-neumorp-btn.active{background:#f5f7fa;color:#667eea;font-weight:600;box-shadow:4px 4px 8px #c8d0e7,-4px -4px 8px #fff}.tab-neumorp-btn.disabled{opacity:.5;cursor:not-allowed}.tab-neumorp-btn .tab-icon{display:flex;align-items:center;font-size:18px}.tab-neumorp-btn .tab-label{display:flex;align-items:center}.tab-neumorp-btn .tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:2px 5px;margin-left:6px;background:#fca5a5;color:#fff;font-size:11px;font-weight:700;border-radius:9px;transition:all .2s ease}.tab-neumorp-btn.active .tab-badge{background:#f87171;color:#fff;transform:scale(1.05)}@media (max-width: 768px){.tab-neumorp-container{margin:0;flex-direction:column}.tab-neumorp-btn{justify-content:flex-start;padding:10px 16px}}.textarea-neumorp-container{width:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.textarea-neumorp{position:relative;display:flex;width:100%}.tan-label{display:block;font-weight:600;color:#2d3748;margin-bottom:10px;font-size:16px}.tan-required{color:#e53e3e;margin-left:4px}.textarea-neumorp.tan-small .tan-textarea{padding:8px 12px!important;font-size:13px!important;border-radius:8px!important}.textarea-neumorp.tan-medium .tan-textarea{padding:10px 15px!important;font-size:14px!important;border-radius:10px!important}.textarea-neumorp.tan-large .tan-textarea{padding:15px 20px!important;font-size:16px!important;border-radius:12px!important}.tan-textarea{width:100%!important;background:#f5f7fa!important;border:none!important;color:#4a5568!important;box-shadow:inset 2px 2px 4px #c8d0e74d,inset -2px -2px 4px #fffc!important;outline:none!important;transition:all .2s ease!important;font-family:inherit!important;font-weight:400!important;line-height:1.6!important;min-height:80px!important}.tan-textarea::placeholder{color:#94a3b8;font-weight:400;font-size:14px}.textarea-neumorp.tan-resize-none .tan-textarea{resize:none}.textarea-neumorp.tan-resize-both .tan-textarea{resize:both}.textarea-neumorp.tan-resize-horizontal .tan-textarea{resize:horizontal}.textarea-neumorp.tan-resize-vertical .tan-textarea{resize:vertical}.textarea-neumorp.tan-monospace .tan-textarea{font-family:Monaco,Menlo,Courier New,monospace!important;letter-spacing:.5px!important}.tan-textarea:focus{background:#f8fafc;box-shadow:inset 2.5px 2.5px 5px #c8d0e7,inset -2.5px -2.5px 5px #fff}.textarea-neumorp.tan-disabled .tan-textarea{background:#e2e8f0;color:#a0aec0;cursor:not-allowed;box-shadow:inset 4px 4px 8px #cbd5e0,inset -4px -4px 8px #f7fafc}.textarea-neumorp.tan-disabled .tan-textarea::placeholder{color:#cbd5e0}.textarea-neumorp.tan-disabled .tan-label{color:#a0aec0}.textarea-neumorp.tan-readonly .tan-textarea{cursor:default;background:#f8f9fa;box-shadow:inset 4px 4px 8px #e2e8f0,inset -4px -4px 8px #fff}.textarea-neumorp:not(.tan-disabled):hover .tan-textarea{box-shadow:inset 2.5px 2.5px 5px #c8d0e7,inset -2.5px -2.5px 5px #fff}@keyframes tanFocusIn{0%{box-shadow:inset 3px 3px 6px #c8d0e7,inset -3px -3px 6px #fff}to{box-shadow:inset 2.5px 2.5px 5px #c8d0e7,inset -2.5px -2.5px 5px #fff}}.tan-textarea:focus{animation:tanFocusIn .2s ease-out}.tan-textarea::-webkit-scrollbar{width:8px}.tan-textarea::-webkit-scrollbar-track{background:#c8d0e71a;border-radius:4px}.tan-textarea::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:4px}.tan-textarea::-webkit-scrollbar-thumb:hover{background:#667eea80}@media (max-width: 768px){.textarea-neumorp.tan-small .tan-textarea{padding:6px 10px;font-size:12px}.textarea-neumorp.tan-medium .tan-textarea{padding:8px 12px;font-size:13px}.textarea-neumorp.tan-large .tan-textarea{padding:12px 16px;font-size:15px}.textarea-neumorp.tan-small .tan-textarea::placeholder{font-size:11px}.textarea-neumorp.tan-medium .tan-textarea::placeholder{font-size:12px}.textarea-neumorp.tan-large .tan-textarea::placeholder{font-size:13px}.tan-label{font-size:15px}}@media (max-width: 480px){.textarea-neumorp.tan-small .tan-textarea{font-size:11px}.textarea-neumorp.tan-medium .tan-textarea{font-size:12px}.textarea-neumorp.tan-large .tan-textarea{font-size:14px}.textarea-neumorp.tan-small .tan-textarea::placeholder{font-size:10px}.textarea-neumorp.tan-medium .tan-textarea::placeholder{font-size:11px}.textarea-neumorp.tan-large .tan-textarea::placeholder{font-size:12px}.tan-label{font-size:14px}}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;background:transparent}.neumorphism-spinner{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.neumorphism-spinner.small{width:60px;height:60px}.neumorphism-spinner.medium{width:80px;height:80px}.neumorphism-spinner.large{width:100px;height:100px}.spinner-ring{position:absolute;border-radius:50%;border:3px solid transparent;animation:spinner-ring-rotate 1.5s cubic-bezier(.68,-.55,.265,1.55) infinite}.neumorphism-spinner .spinner-ring:nth-child(1){width:100%;height:100%;border-top-color:#667eea;animation-delay:0s}.neumorphism-spinner .spinner-ring:nth-child(2){width:80%;height:80%;border-top-color:#764ba2;animation-delay:.2s;animation-direction:reverse}.neumorphism-spinner .spinner-ring:nth-child(3){width:60%;height:60%;border-top-color:#667eea;animation-delay:.4s}.neumorphism-spinner.small .spinner-ring{border-width:2px}.neumorphism-spinner.medium .spinner-ring,.neumorphism-spinner.large .spinner-ring{border-width:3px}@keyframes spinner-ring-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-message{color:#4a5568;font-size:14px;font-weight:500;margin:0;text-align:center}@media (max-width: 768px){.loading-spinner-container{padding:30px}.loading-message{font-size:13px}}.loading-spinner-container.centered{max-width:600px;margin:100px auto}.loading-spinner-container.inline{padding:20px;margin:20px 0}.confirm-btn-neumorp{position:relative;border:none;border-radius:16px;font-weight:500;letter-spacing:.02em;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;align-items:center;gap:10px;justify-content:center;overflow:hidden;text-transform:uppercase;font-family:inherit}.confirm-btn-small{padding:10px 20px;font-size:13px;min-width:100px}.confirm-btn-medium{padding:16px 36px;font-size:15px;min-width:140px}.confirm-btn-large{padding:20px 48px;font-size:17px;min-width:180px}.confirm-btn-full{width:100%}.confirm-btn-primary{background:linear-gradient(145deg,#f5f7fa,#e8ecf0);color:#475569;box-shadow:12px 12px 24px #c8d0e799,-12px -12px 24px #ffffffe6,inset 0 0 #667eea00,inset 0 0 #fff0}.confirm-btn-secondary{background:linear-gradient(145deg,#f5f7fa,#e8ecf0);color:#94a3b8;box-shadow:12px 12px 24px #c8d0e799,-12px -12px 24px #ffffffe6,inset 0 0 #dc262600,inset 0 0 #fff0}.confirm-btn-neumorp:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.confirm-btn-neumorp:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(200,208,231,.2) 0%,transparent 70%);transition:all .6s ease-out}.confirm-btn-neumorp:hover:before{opacity:1}.confirm-btn-primary:hover:not(:disabled){transform:translateY(-3px) scale(1.02);color:#334155;background:linear-gradient(145deg,#f8fafc,#eef1f5);box-shadow:18px 18px 36px #c8d0e7b3,-18px -18px 36px #fff,inset 0 0 #667eea00,inset 0 0 #fff0}.confirm-btn-secondary:hover:not(:disabled){transform:translateY(-3px) scale(1.02);color:#64748b;background:linear-gradient(145deg,#f8fafc,#eef1f5);box-shadow:18px 18px 36px #c8d0e7b3,-18px -18px 36px #fff,inset 0 0 #dc262600,inset 0 0 #fff0}.confirm-btn-primary:active:not(:disabled),.confirm-btn-secondary:active:not(:disabled){transform:translateY(0) scale(.98);background:linear-gradient(145deg,#e8ecf0,#f5f7fa);box-shadow:0 0 #c8d0e700,0 0 #fff0,inset 6px 6px 12px #c8d0e766,inset -6px -6px 12px #ffffffb3;transition:all .1s ease}@keyframes ripple{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(4);opacity:0}}.confirm-btn-neumorp:not(:disabled):active:after{width:120%;height:120%;opacity:0;animation:ripple .6s ease-out}.confirm-btn-neumorp:disabled{cursor:not-allowed;transform:none!important;background:#e8ecf0!important;color:#cbd5e1!important;box-shadow:inset 3px 3px 6px #c8d0e74d,inset -3px -3px 6px #ffffff80!important;font-weight:400!important}.confirm-btn-neumorp:disabled:before,.confirm-btn-neumorp:disabled:after{display:none}.confirm-btn-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.confirm-btn-small{padding:8px 16px;font-size:12px;min-width:80px}.confirm-btn-medium{padding:14px 28px;font-size:14px;min-width:120px}.confirm-btn-large{padding:18px 40px;font-size:16px;min-width:160px}}.single-btn-neumorp{background:#f5f7fa;border:none;border-radius:12px;font-weight:400;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;cursor:pointer;font-family:inherit;color:#4a5568;box-shadow:4px 4px 8px #c8d0e766,-4px -4px 8px #fffc;position:relative;overflow:hidden}.single-btn-small{padding:8px 16px;font-size:12px;border-radius:10px}.single-btn-medium{padding:12px 20px;font-size:14px;border-radius:12px}.single-btn-large{padding:16px 28px;font-size:16px;border-radius:14px}.single-btn-full{width:100%;justify-content:center}.single-btn-default{color:#4a5568}.single-btn-primary{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;font-weight:700;box-shadow:4px 4px 8px #3b82f64d,-4px -4px 8px #fffc}.single-btn-secondary{color:#718096;font-weight:500}.single-btn-danger{color:#e53e3e;font-weight:600}.single-btn-settings{color:#6c757d;padding:12px;min-width:auto;border-radius:12px}.single-btn-icon{display:flex;align-items:center;font-size:1.1em}.single-btn-neumorp:hover:not(:disabled):not([aria-disabled=true]){color:#2d3748;transform:translateY(-2px);box-shadow:6px 6px 12px #c8d0e780,-6px -6px 12px #ffffffe6}.single-btn-primary:hover:not(:disabled):not([aria-disabled=true]){background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:6px 6px 12px #3b82f666,-6px -6px 12px #ffffffe6}.single-btn-secondary:hover:not(:disabled):not([aria-disabled=true]){color:#4a5568}.single-btn-danger:hover:not(:disabled):not([aria-disabled=true]){color:#c53030}.single-btn-settings:hover:not(:disabled):not([aria-disabled=true]){color:#495057}.single-btn-neumorp:active:not(:disabled):not([aria-disabled=true]){transform:translateY(0);box-shadow:inset 2px 2px 4px #c8d0e766,inset -2px -2px 4px #fffc}.single-btn-neumorp:disabled,.single-btn-neumorp[aria-disabled=true]{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:2px 2px 4px #c8d0e74d,-2px -2px 4px #fff9!important;color:#94a3b8!important}.single-btn-spinner{width:14px;height:14px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.single-btn-neumorp:focus{outline:none;box-shadow:4px 4px 8px #c8d0e766,-4px -4px 8px #fffc,0 0 0 2px #667eea4d}@media (max-width: 768px){.single-btn-small{padding:6px 12px;font-size:11px}.single-btn-medium{padding:10px 16px;font-size:13px}.single-btn-large{padding:14px 24px;font-size:15px}.single-btn-settings{padding:10px}}a.single-btn-neumorp{text-decoration:none}a.single-btn-neumorp:visited{color:inherit}.highlight-btn-neumorp{background:#f5f7fa;border:none;border-radius:14px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;cursor:pointer;font-family:inherit;color:#fff;box-shadow:6px 6px 12px #c8d0e780,-6px -6px 12px #ffffffe6,inset 1px 1px 2px #ffffff80;position:relative;overflow:visible;padding:3px}.highlight-btn-neumorp:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;background:linear-gradient(135deg,#60a5fa,#3b82f6);border-radius:9px;z-index:0;transition:all .3s ease;box-shadow:2px 2px 8px #3b82f699,-1px -1px 4px #fff6}.highlight-btn-neumorp.hbn-small{padding:11px 19px;font-size:12px;border-radius:12px}.highlight-btn-neumorp.hbn-medium{padding:15px 23px;font-size:14px;border-radius:14px}.highlight-btn-neumorp.hbn-large{padding:19px 31px;font-size:16px;border-radius:16px}.highlight-btn-neumorp.hbn-full{width:100%;justify-content:center}.hbn-icon{display:flex;align-items:center;font-size:1.15em;position:relative;z-index:1}.hbn-text{line-height:1;position:relative;z-index:1}.highlight-btn-neumorp:hover:not(.hbn-disabled){transform:translateY(-2px);box-shadow:6px 6px 12px #c8d0e780,-6px -6px 12px #ffffffe6}.highlight-btn-neumorp:hover:not(.hbn-disabled):before{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:3px 3px 10px #2563ebb3,-1px -1px 4px #ffffff4d}.highlight-btn-neumorp:active:not(.hbn-disabled){transform:translateY(0);box-shadow:inset 2px 2px 4px #c8d0e766,inset -2px -2px 4px #fffc}.highlight-btn-neumorp.hbn-disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:2px 2px 4px #c8d0e74d,-2px -2px 4px #fff9!important}.hbn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #ffffff;border-radius:50%;animation:hbn-spin 1s linear infinite;position:relative;z-index:1}@keyframes hbn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.highlight-btn-neumorp:focus{outline:none;box-shadow:4px 4px 8px #c8d0e766,-4px -4px 8px #fffc,0 0 0 3px #93c5fd66}@media (max-width: 768px){.highlight-btn-neumorp.hbn-small{padding:9px 15px;font-size:11px}.highlight-btn-neumorp.hbn-medium{padding:13px 19px;font-size:13px}.highlight-btn-neumorp.hbn-large{padding:17px 27px;font-size:15px}}a.highlight-btn-neumorp{text-decoration:none}a.highlight-btn-neumorp:visited{color:#fff}.confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1001;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.shared-confirm-dialog{background:#f5f7fa;border-radius:20px;width:90%;max-width:500px;max-height:80vh;overflow:hidden;box-shadow:4px 4px 12px #c8d0e726,-4px -4px 12px #fff9,0 0 30px #0000000d,8px 8px 24px #667eea14;border:1px solid rgba(255,255,255,.3);animation:confirmModalFadeIn .2s ease-out}@keyframes confirmModalFadeIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.shared-confirm-dialog-header{padding:24px 28px 16px;border-bottom:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#f5f7fa;border-radius:20px 20px 0 0;box-shadow:0 4px 8px #c8d0e71a}.shared-confirm-dialog-header h3{margin:0;font-size:24px;font-weight:700;background:linear-gradient(135deg,#1a202c,#4a5568,#6366f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.3;letter-spacing:-.02em}.shared-confirm-dialog-icon{display:flex;align-items:center;justify-content:center;font-size:48px;animation:confirmIconBounce .5s ease-out;filter:drop-shadow(4px 4px 8px rgba(200,208,231,.8)) drop-shadow(-3px -3px 6px rgba(255,255,255,1));font-weight:600;stroke-width:2px}@keyframes confirmIconBounce{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.shared-confirm-dialog-icon-primary{color:#667eea}.shared-confirm-dialog-icon-danger{color:#ef4444}.shared-confirm-dialog-icon-warning{color:#f59e0b}.shared-confirm-dialog-content{padding:16px 24px 24px;max-height:60vh;overflow-y:auto;text-align:center}.shared-confirm-dialog-content form{display:flex;flex-direction:column;gap:20px;text-align:left}.shared-confirm-dialog-content p{margin:0 0 12px;color:#4a5568;font-size:14px;line-height:1.6}.shared-confirm-dialog-content p:last-child{margin-bottom:0;font-weight:500;color:#2d3748}.shared-confirm-dialog-content p:first-child{margin-bottom:16px}.shared-confirm-modal-input{width:100%;margin-top:16px;padding:12px 16px;background:#f5f7fa;border:none;border-radius:12px;font-size:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#2d3748;resize:vertical;box-shadow:inset 3px 3px 6px #c8d0e7,inset -3px -3px 6px #fff;transition:all .2s ease;outline:none}.shared-confirm-modal-input:focus{box-shadow:inset 4px 4px 8px #c8d0e7,inset -4px -4px 8px #fff}.shared-confirm-modal-input::placeholder{color:#94a3b8;font-weight:400}.shared-confirm-dialog-actions{padding:20px 24px;border-top:1px solid rgba(200,208,231,.3);display:flex;gap:12px;justify-content:center}.shared-confirm-dialog .shared-cancel-button,.shared-confirm-dialog .shared-confirm-button{padding:12px 24px;border-radius:12px;border:none;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;min-width:100px}.shared-confirm-dialog .shared-cancel-button{background:#e1e8ed;color:#4a5568;box-shadow:6px 6px 12px #c8d0e7,-6px -6px 12px #fff}.shared-confirm-dialog .shared-cancel-button:hover{transform:translateY(-1px);box-shadow:8px 8px 16px #c8d0e7,-8px -8px 16px #fff}.shared-confirm-dialog .shared-cancel-button:active{transform:translateY(0);box-shadow:inset 4px 4px 8px #c8d0e7,inset -4px -4px 8px #fff}.shared-confirm-dialog .shared-confirm-button-primary,.shared-confirm-dialog .shared-confirm-button-danger,.shared-confirm-dialog .shared-confirm-button-warning{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff;box-shadow:6px 6px 12px #c8d0e7,-6px -6px 12px #fff}.shared-confirm-dialog .shared-confirm-button-primary:hover,.shared-confirm-dialog .shared-confirm-button-danger:hover,.shared-confirm-dialog .shared-confirm-button-warning:hover{background:linear-gradient(135deg,#3182ce,#2c5282);transform:translateY(-1px);box-shadow:8px 8px 16px #c8d0e7,-8px -8px 16px #fff}.shared-confirm-dialog .shared-confirm-button-primary:active,.shared-confirm-dialog .shared-confirm-button-danger:active,.shared-confirm-dialog .shared-confirm-button-warning:active{transform:translateY(0);box-shadow:4px 4px 8px #c8d0e7,-4px -4px 8px #fff}@media (max-width: 768px){.shared-confirm-dialog{width:95%;max-width:none}.shared-confirm-dialog-header{padding:20px 24px 14px}.shared-confirm-dialog-header h3{font-size:20px}.shared-confirm-dialog-icon{font-size:40px}.shared-confirm-dialog-content{padding:14px 20px 20px}.shared-confirm-dialog-content p{font-size:13px}.shared-confirm-dialog-actions{padding:16px 20px;flex-direction:column}.shared-confirm-dialog .shared-cancel-button,.shared-confirm-dialog .shared-confirm-button{width:100%}}.file-upload-container{width:100%}.file-upload-dropzone{background:#f5f7fa;border:2px dashed #c8d0e7;border-radius:20px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.file-upload-dropzone:hover{border-color:#667eea;background:#f8fafc;box-shadow:inset 5px 5px 10px #e1e8ed,inset -5px -5px 10px #fff}.file-upload-dropzone.drag-over{border-color:#667eea;background:#f0f4ff;box-shadow:inset 8px 8px 16px #c8d0e7,inset -8px -8px 16px #fff}.dropzone-content{display:flex;flex-direction:column;align-items:center;gap:15px}.upload-icon{font-size:48px;opacity:.6;transition:all .3s ease}.file-upload-dropzone:hover .upload-icon{opacity:.8;transform:scale(1.1)}.upload-text p{margin:0;color:#2d3748;font-weight:500}.upload-hint{font-size:14px!important;color:#718096!important;font-weight:400!important}.upload-progress{margin-top:15px;padding:15px;background:#f5f7fa;border-radius:15px;box-shadow:5px 5px 10px #c8d0e7,-5px -5px 10px #fff}.progress-info{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px;color:#2d3748}.progress-bar{height:6px;background:#e1e8ed;border-radius:3px;overflow:hidden;box-shadow:inset 2px 2px 4px #c8d0e7,inset -2px -2px 4px #fff}.progress-fill{height:100%;transition:width .3s ease;border-radius:3px}.progress-fill.uploading{background:linear-gradient(90deg,#667eea,#764ba2)}.progress-fill.completed{background:linear-gradient(90deg,#48bb78,#38a169)}.progress-fill.error{background:linear-gradient(90deg,#f56565,#e53e3e)}.file-upload-list{margin-top:20px}.file-upload-title{margin:0 0 15px!important;color:#2d3748!important;font-weight:600!important;font-size:14px!important;text-align:left!important}.file-upload-item{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:15px!important;margin-bottom:10px!important;background:#f5f7fa!important;border-radius:15px!important;box-shadow:5px 5px 10px #c8d0e7,-5px -5px 10px #fff!important;transition:all .2s ease}.file-upload-item:hover{box-shadow:7px 7px 14px #c8d0e7,-7px -7px 14px #fff!important}.file-upload-info{display:flex!important;align-items:center!important;gap:12px!important;flex:1!important}.file-upload-thumbnail{width:40px!important;height:40px!important;object-fit:cover!important;border-radius:8px!important;box-shadow:2px 2px 4px #c8d0e7,-2px -2px 4px #fff!important}.file-upload-details{flex:1!important}.file-upload-name{font-weight:500!important;font-size:14px!important;color:#2d3748!important;margin-bottom:2px!important;word-break:break-word!important;text-align:left!important}.file-upload-meta{font-size:10px!important;color:#718096!important;text-align:left!important}.file-upload-delete-btn{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;border:none!important;background:#f5f7fa!important;color:#718096!important;border-radius:8px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important;flex-shrink:0!important;box-shadow:3px 3px 6px #c8d0e7,-3px -3px 6px #fff!important}.file-upload-delete-btn:hover{color:#e53e3e!important;box-shadow:inset 2px 2px 4px #c8d0e7,inset -2px -2px 4px #fff!important;transform:translateY(-1px)!important}.file-upload-delete-btn svg{width:16px!important;height:16px!important;display:block!important;transition:all .2s ease!important}@media (max-width: 768px){.file-upload-dropzone{padding:30px 15px}.upload-icon{font-size:36px}.uploaded-file-item{padding:12px}.file-info{gap:8px}.file-thumbnail{width:32px;height:32px}.delete-button{width:28px;height:28px;font-size:16px}}.uploaded-file-item,.upload-progress{animation:fadeInUp .3s ease}.change-password-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100000;animation:fadeIn .2s ease-out}.change-password-modal{background:#f5f7fa;border-radius:24px;box-shadow:0 4px 20px #00000026;width:90%;max-width:520px;max-height:92vh;overflow-y:auto;animation:slideUp .3s ease-out;position:relative}.cpm-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e1e8ed}.cpm-title-section{display:flex;align-items:center;gap:12px}.cpm-icon{font-size:24px;color:#667eea}.cpm-title{font-size:24px;font-weight:700;color:#2d3748;margin:0}.cpm-close-btn{background:#f5f7fa;border:none;border-radius:12px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:6px 6px 12px #c8d0e7,-6px -6px 12px #fff;color:#64748b;font-size:20px}.cpm-close-btn:hover{box-shadow:inset 4px 4px 8px #c8d0e7,inset -4px -4px 8px #fff;color:#2d3748}.cpm-steps{display:flex;align-items:center;justify-content:center;padding:20px 24px;gap:16px}.cpm-step{display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .3s ease}.cpm-step-number{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;background:#f5f7fa;color:#94a3b8;box-shadow:6px 6px 12px #c8d0e7,-6px -6px 12px #fff;transition:all .3s ease}.cpm-step.active .cpm-step-number{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;box-shadow:4px 4px 8px #c8d0e7,-4px -4px 8px #fff,inset 0 0 0 2px #fff3}.cpm-step.completed .cpm-step-number{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:4px 4px 8px #c8d0e7,-4px -4px 8px #fff}.cpm-step-label{font-size:13px;font-weight:600;color:#94a3b8;transition:all .3s ease}.cpm-step.active .cpm-step-label{color:#667eea}.cpm-step.completed .cpm-step-label{color:#10b981}.cpm-step-divider{width:60px;height:2px;background:#e1e8ed;border-radius:2px}.cpm-notice{padding:12px 14px;background:linear-gradient(135deg,#3b82f615,#2563eb15);border-radius:12px;margin-bottom:16px;display:flex;align-items:center;gap:10px;box-shadow:inset 2px 2px 4px #c8d0e750,inset -2px -2px 4px #ffffff50;font-size:13px;font-weight:500;color:#2563eb}.cpm-notice-icon{font-size:18px;flex-shrink:0}.cpm-timer{padding:14px;background:#f5f7fa;border-radius:12px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;box-shadow:inset 4px 4px 8px #c8d0e7,inset -4px -4px 8px #fff}.cpm-timer-label{font-size:14px;font-weight:600;color:#64748b}.cpm-timer-value{font-size:24px;font-weight:700;color:#10b981;font-family:Courier New,monospace;transition:all .3s ease}.cpm-timer-value.warning{color:#ef4444;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.cpm-code-hint{margin-top:8px;font-size:12px;color:#64748b;text-align:center}.cpm-user-info{padding:12px 14px;background:linear-gradient(135deg,#667eea15,#764ba215);border-radius:12px;margin-bottom:16px;display:flex;align-items:center;gap:8px;box-shadow:inset 3px 3px 6px #c8d0e780,inset -3px -3px 6px #ffffff80}.cpm-user-label{font-size:14px;font-weight:600;color:#64748b}.cpm-user-email{font-size:15px;font-weight:600;color:#2d3748}.cpm-message{display:flex;align-items:center;gap:10px;padding:12px 16px;margin:0 28px 20px;border-radius:12px;font-size:14px;font-weight:500;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.cpm-message-icon{font-size:18px;flex-shrink:0}.cpm-message.cpm-success{background:linear-gradient(135deg,#10b98115,#059a6915);color:#059669;box-shadow:inset 2px 2px 4px #c8d0e750,inset -2px -2px 4px #ffffff50}.cpm-message.cpm-error{background:linear-gradient(135deg,#ef444415,#dc262615);color:#dc2626;box-shadow:inset 2px 2px 4px #c8d0e750,inset -2px -2px 4px #ffffff50}.cpm-form{padding:0 24px 24px}.cpm-field{margin-bottom:16px}.cpm-validation{margin-top:10px;padding:12px 14px;background:#f5f7fa;border-radius:12px;box-shadow:inset 4px 4px 8px #c8d0e7,inset -4px -4px 8px #fff}.cpm-validation-title{font-size:12px;font-weight:600;color:#64748b;margin-bottom:8px}.cpm-validation-item{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:13px;color:#94a3b8;transition:all .2s ease}.cpm-validation-item svg{font-size:16px;flex-shrink:0}.cpm-validation-item.valid{color:#10b981;font-weight:500}.cpm-validation-item.valid svg{color:#10b981}.cpm-verify-indicator{display:flex;align-items:center;gap:6px;margin-top:8px;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:500;transition:all .2s ease}.cpm-verify-indicator svg{font-size:16px;flex-shrink:0}.cpm-verify-indicator.verifying{background:linear-gradient(135deg,#3b82f615,#2563eb15);color:#3b82f6}.cpm-verify-indicator.verifying .spinner{animation:spin 1s linear infinite}.cpm-verify-indicator.valid{background:linear-gradient(135deg,#10b98115,#059a6915);color:#059669}.cpm-verify-indicator.invalid{background:linear-gradient(135deg,#ef444415,#dc262615);color:#dc2626}.cpm-match-indicator{display:flex;align-items:center;gap:6px;margin-top:8px;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:500;transition:all .2s ease}.cpm-match-indicator svg{font-size:16px;flex-shrink:0}.cpm-match-indicator.match{background:linear-gradient(135deg,#10b98115,#059a6915);color:#059669}.cpm-match-indicator.no-match{background:linear-gradient(135deg,#ef444415,#dc262615);color:#dc2626}.cpm-actions{display:flex;gap:12px;margin-top:20px;justify-content:flex-end}.cpm-actions button{min-width:120px}@media (max-width: 768px){.change-password-modal{width:95%;max-width:none;margin:10px}.cpm-header{padding:20px}.cpm-title,.cpm-icon{font-size:20px}.cpm-user-info,.cpm-message,.cpm-form{margin-left:20px;margin-right:20px}.cpm-form{padding:0 20px 20px}.cpm-actions{flex-direction:column}.cpm-actions button{width:100%}}.change-password-modal::-webkit-scrollbar{width:12px}.change-password-modal::-webkit-scrollbar-track{background:#f5f7fa;border-radius:0 24px 24px 0;margin:10px 0}.change-password-modal::-webkit-scrollbar-thumb{background:#e1e8ed;border-radius:10px;border:3px solid #f5f7fa;box-shadow:inset 2px 2px 4px #c8d0e780,inset -2px -2px 4px #ffffff80;transition:all .3s ease}.change-password-modal::-webkit-scrollbar-thumb:hover{background:#d1d8e5;box-shadow:inset 3px 3px 6px #c8d0e7a0,inset -3px -3px 6px #ffffffa0}.change-password-modal::-webkit-scrollbar-thumb:active{background:#c8d0e7;box-shadow:inset 4px 4px 8px #b0b8d0,inset -4px -4px 8px #fff}.change-password-modal{scrollbar-width:thin;scrollbar-color:#e1e8ed #f5f7fa}.first-login-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea,#764ba2);z-index:99999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.first-login-container{background:#f5f7fa;border-radius:24px;padding:48px 40px;max-width:520px;width:90%;box-shadow:20px 20px 40px #0000004d,-20px -20px 40px #ffffff1a;text-align:center;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.first-login-icon{width:120px;height:120px;margin:0 auto 24px;background:#f5f7fa;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#667eea;box-shadow:12px 12px 24px #c8d0e7,-12px -12px 24px #fff}.first-login-title{font-size:32px;font-weight:700;color:#2d3748;margin:0 0 24px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.first-login-description{background:linear-gradient(135deg,#fef3c715,#f59e0b15);border-left:4px solid #f59e0b;border-radius:12px;padding:20px;margin:24px 0;display:flex;align-items:flex-start;gap:12px;text-align:left;box-shadow:inset 3px 3px 6px #c8d0e750,inset -3px -3px 6px #ffffff50}.first-login-description .description-icon{color:#f59e0b;font-size:24px;flex-shrink:0;margin-top:2px}.first-login-description p{margin:0;font-size:15px;line-height:1.7;color:#2d3748}.first-login-description strong{color:#f59e0b;font-weight:600}.first-login-notice{background:#f5f7fa;border-radius:16px;padding:24px;margin:24px 0;text-align:left;box-shadow:inset 6px 6px 12px #c8d0e7,inset -6px -6px 12px #fff}.first-login-notice h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#667eea}.first-login-notice ul{margin:0;padding-left:20px}.first-login-notice li{margin:8px 0;font-size:14px;color:#4a5568;line-height:1.6}.first-login-button{width:100%;padding:16px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:16px;font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;margin:32px 0 20px;box-shadow:8px 8px 16px #667eea66,-8px -8px 16px #ffffff1a;transition:all .3s ease}.first-login-button:hover{transform:translateY(-2px);box-shadow:10px 10px 20px #667eea80,-10px -10px 20px #ffffff26}.first-login-button:active{transform:translateY(0);box-shadow:inset 6px 6px 12px #0003,inset -6px -6px 12px #ffffff1a}.first-login-user-info{font-size:14px;color:#64748b;padding:16px;background:#f5f7fa;border-radius:12px;box-shadow:inset 3px 3px 6px #c8d0e750,inset -3px -3px 6px #ffffff50}.first-login-user-info strong{color:#2d3748;font-weight:600}@media (max-width: 768px){.first-login-container{padding:36px 28px;width:95%}.first-login-icon{width:100px;height:100px}.first-login-icon svg{width:48px;height:48px}.first-login-title{font-size:26px}.first-login-description p{font-size:14px}.first-login-button{font-size:16px;padding:14px 28px}}.neumorphic-card{background:#f5f7fa;border-radius:20px;transition:all .3s ease}.neumorphic-card--default{box-shadow:20px 20px 40px #c8d0e7,-20px -20px 40px #fff}.neumorphic-card--inset{box-shadow:inset 10px 10px 20px #c8d0e7,inset -10px -10px 20px #fff}.neumorphic-card--flat{box-shadow:8px 8px 16px #c8d0e7,-8px -8px 16px #fff}.neumorphic-card--padding-none{padding:0}.neumorphic-card--padding-small{padding:16px}.neumorphic-card--padding-medium{padding:24px}.neumorphic-card--padding-large{padding:32px}.neumorphic-card--clickable{cursor:pointer}.neumorphic-card--clickable:hover{transform:translateY(-2px);box-shadow:22px 22px 44px #c8d0e7,-22px -22px 44px #fff}.neumorphic-card--clickable:active{transform:translateY(0);box-shadow:inset 8px 8px 16px #c8d0e7,inset -8px -8px 16px #fff}@media (max-width: 768px){.neumorphic-card{border-radius:16px}.neumorphic-card--default{box-shadow:12px 12px 24px #c8d0e7,-12px -12px 24px #fff}.neumorphic-card--padding-medium{padding:20px}.neumorphic-card--padding-large{padding:24px}}.form-field{margin-bottom:24px}.form-field__label{display:block;font-weight:600;color:#2d3748;margin-bottom:8px;font-size:14px}.form-field__required{color:#e53e3e;margin-left:4px}.form-field__input{position:relative}.form-field__input input,.form-field__input select,.form-field__input textarea{width:100%;padding:12px 16px;border:none;border-radius:12px;background:#f5f7fa;font-size:14px;color:#2d3748;box-shadow:inset 4px 4px 8px #c8d0e7,inset -4px -4px 8px #fff;transition:all .3s ease;font-family:inherit}.form-field__input input:focus,.form-field__input select:focus,.form-field__input textarea:focus{outline:none;box-shadow:inset 6px 6px 12px #c8d0e7,inset -6px -6px 12px #fff}.form-field__input input:disabled,.form-field__input select:disabled,.form-field__input textarea:disabled{opacity:.6;cursor:not-allowed}.form-field__input textarea{resize:vertical;min-height:100px}.form-field__error-message{color:#e53e3e;font-size:13px;margin-top:6px;display:flex;align-items:center;gap:4px}.form-field__error-message:before{content:"⚠";font-size:14px}.form-field__hint{color:#718096;font-size:12px;margin-top:6px;line-height:1.4}.form-field--error .form-field__input input,.form-field--error .form-field__input select,.form-field--error .form-field__input textarea{border-color:#e53e3e;box-shadow:inset 4px 4px 8px #e53e3e1a,inset -4px -4px 8px #fffc}@media (max-width: 768px){.form-field{margin-bottom:20px}.form-field__label{font-size:13px}.form-field__error-message,.form-field__hint{font-size:11px}}.checkbox-neumorp{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#f5f7fa;border-radius:10px;cursor:pointer;transition:all .2s ease;box-shadow:4px 4px 8px #c8d0e759,-4px -4px 8px #ffffffd9;-webkit-user-select:none;user-select:none}.checkbox-neumorp:hover:not(.disabled){box-shadow:5px 5px 10px #c8d0e766,-5px -5px 10px #ffffffe6}.checkbox-neumorp.disabled{opacity:.5;cursor:not-allowed}.checkbox-neumorp input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.checkbox-custom{position:relative;width:18px;height:18px;border-radius:6px;background:#f5f7fa;box-shadow:inset 2px 2px 4px #c8d0e766,inset -2px -2px 4px #fffc;transition:all .2s ease;flex-shrink:0}.checkbox-neumorp input[type=checkbox]:checked+.checkbox-custom{background:#667eea;box-shadow:inset 1px 1px 3px #0003,0 0 0 1px #667eea4d}.checkbox-neumorp input[type=checkbox]:checked+.checkbox-custom:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.checkbox-label{font-size:13px;color:#4a5568;font-weight:600}.checkbox-neumorp.disabled .checkbox-label{color:#a0aec0}.checkbox-simple-neumorp{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.checkbox-simple-neumorp.checkbox-simple-disabled{opacity:.5;cursor:not-allowed}.checkbox-simple-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.checkbox-simple-box{position:relative;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#f5f7fa;transition:all .2s ease;flex-shrink:0;box-shadow:inset 2px 2px 4px #c8d0e766,inset -2px -2px 4px #fffc}.checkbox-simple-small .checkbox-simple-box{width:16px;height:16px;border-radius:5px}.checkbox-simple-medium .checkbox-simple-box{width:20px;height:20px;border-radius:6px}.checkbox-simple-large .checkbox-simple-box{width:24px;height:24px;border-radius:7px}.checkbox-simple-neumorp:hover:not(.checkbox-simple-disabled) .checkbox-simple-box{box-shadow:inset 3px 3px 6px #c8d0e773,inset -3px -3px 6px #ffffffd9}.checkbox-simple-input:checked+.checkbox-simple-box{background:#667eea;box-shadow:inset 1px 1px 3px #0003,0 0 0 1px #667eea4d}.checkbox-simple-input:checked+.checkbox-simple-box:after{content:"✓";position:absolute;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}.checkbox-simple-small .checkbox-simple-input:checked+.checkbox-simple-box:after{font-size:11px}.checkbox-simple-medium .checkbox-simple-input:checked+.checkbox-simple-box:after{font-size:14px}.checkbox-simple-large .checkbox-simple-input:checked+.checkbox-simple-box:after{font-size:16px}.checkbox-simple-input:focus+.checkbox-simple-box{outline:none;box-shadow:inset 2px 2px 4px #c8d0e766,inset -2px -2px 4px #fffc,0 0 0 2px #667eea4d}.checkbox-simple-input:checked:focus+.checkbox-simple-box{box-shadow:inset 1px 1px 3px #0003,0 0 0 1px #667eea4d,0 0 0 2px #667eea4d}.checkbox-simple-disabled .checkbox-simple-box{background:#e2e8f0!important;box-shadow:inset 2px 2px 4px #c8d0e74d,inset -2px -2px 4px #fff9!important}.avatar-neumorp{border-radius:50%;background:#f5f7fa;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;position:relative;box-shadow:6px 6px 12px #c8d0e799,-6px -6px 12px #fff,inset 1px 1px 2px #ffffff80;padding:3px;transition:all .3s ease}.avatar-neumorp:before{content:"";position:absolute;top:3px;left:3px;right:3px;bottom:3px;background:linear-gradient(135deg,#60a5fa,#3b82f6);border-radius:50%;z-index:0;transition:all .3s ease}.avatar-neumorp:after{content:attr(data-initials);position:relative;z-index:1}.avatar-neumorp-small{width:32px;height:32px;min-width:32px;font-size:12px}.avatar-neumorp-medium{width:40px;height:40px;min-width:40px;font-size:14px}.avatar-neumorp-large{width:48px;height:48px;min-width:48px;font-size:18px}.avatar-neumorp-xlarge{width:64px;height:64px;min-width:64px;font-size:24px}.avatar-neumorp-clickable{cursor:pointer}.avatar-neumorp-clickable:hover{transform:scale(1.05);box-shadow:8px 8px 16px #c8d0e7a6,-8px -8px 16px #fff,inset 1px 1px 2px #ffffff80}.avatar-neumorp-clickable:hover:before{background:linear-gradient(135deg,#3b82f6,#2563eb)}.avatar-neumorp-clickable:active{transform:scale(.98);box-shadow:inset 4px 4px 8px #c8d0e766,inset -4px -4px 8px #fffc}.avatar-neumorp-clickable:focus{outline:none;box-shadow:6px 6px 12px #c8d0e799,-6px -6px 12px #fff,inset 1px 1px 2px #ffffff80,0 0 0 3px #60a5fa66}@media (max-width: 768px){.avatar-neumorp-small{width:28px;height:28px;min-width:28px;font-size:11px}.avatar-neumorp-medium{width:36px;height:36px;min-width:36px;font-size:13px}.avatar-neumorp-large{width:44px;height:44px;min-width:44px;font-size:16px}.avatar-neumorp-xlarge{width:56px;height:56px;min-width:56px;font-size:20px}}.user-search-input-container{width:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.user-search-input-container.usi-full-width{width:100%}.usi-label{display:block;font-weight:600;color:#2d3748;margin-bottom:12px;font-size:16px}.user-search-input-container>label{margin-bottom:12px}.usi-required{color:#e53e3e;margin-left:4px}.user-search-input{position:relative;width:100%;z-index:10}.usi-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.usi-icon{position:absolute;left:15px;color:#667eea;font-size:18px;pointer-events:none;z-index:1}.usi-input{width:100%;background:#f5f7fa;border:none;color:#4a5568;box-shadow:inset 2px 2px 4px #c8d0e74d,inset -2px -2px 4px #fffc;outline:none;transition:all .2s ease;font-family:inherit;font-weight:400;padding-left:45px}.usi-input::placeholder{color:#94a3b8;font-weight:400;font-size:14px}.usi-input:focus{background:#f5f7fa;box-shadow:inset 2.5px 2.5px 5px #c8d0e7,inset -2.5px -2.5px 5px #fff}.user-search-input.usi-small .usi-input{padding:8px 12px 8px 45px;font-size:13px;border-radius:8px}.user-search-input.usi-medium .usi-input{padding:10px 15px 10px 45px;font-size:14px;border-radius:10px}.user-search-input.usi-large .usi-input{padding:15px 20px 15px 50px;font-size:16px;border-radius:12px}.usi-input:disabled{background:#e2e8f0;color:#a0aec0;cursor:not-allowed;box-shadow:inset 4px 4px 8px #cbd5e0,inset -4px -4px 8px #f7fafc}.usi-input:disabled::placeholder{color:#cbd5e0}.usi-badges-container{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.usi-badge{margin-top:8px;padding:8px 12px 8px 14px;background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);border-radius:12px;font-size:13px;display:inline-flex;align-items:center;justify-content:space-between;gap:10px;max-width:100%;box-shadow:0 4px 6px #667eea1a,0 1px 3px #00000014,inset 0 1px 1px #fffc;transition:all .2s ease}.usi-badge.usi-badge-team{background:linear-gradient(135deg,#60a5fa26,#3b82f61a);border:1px solid rgba(96,165,250,.3);box-shadow:0 4px 6px #60a5fa26,0 1px 3px #00000014,inset 0 1px 1px #fffc}.usi-badge.usi-badge-team:hover{background:linear-gradient(135deg,#60a5fa33,#3b82f626)}.usi-badge-icon{display:flex;align-items:center;justify-content:center;color:#60a5fa;flex-shrink:0}.usi-badge:hover{background:#ffffffd9;box-shadow:0 6px 12px #667eea26,0 2px 4px #0000001a,inset 0 1px 1px #ffffffe6;transform:translateY(-1px)}.usi-badges-container .usi-badge{margin-top:0}.usi-badge-content{display:inline-flex;align-items:center;gap:6px;flex:1;overflow:hidden}.usi-badge-name{color:#2d3748;font-weight:600;white-space:nowrap}.usi-badge-division{color:#667eea;font-weight:500;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:2px 8px;border-radius:8px;background:#667eea1f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.usi-badge-clear{flex-shrink:0;width:20px;height:20px;border-radius:50%;border:none;background:#fff9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#718096;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;font-size:14px;box-shadow:0 2px 4px #00000014,inset 0 1px 1px #fffc}.usi-badge-clear:hover{color:#ef4444;background:#fecaca99;box-shadow:0 3px 6px #ef444433,inset 0 1px 1px #ffffffe6;transform:scale(1.05)}.usi-badge-clear:active{transform:scale(.95);box-shadow:0 1px 2px #00000014,inset 0 1px 2px #0000001a}.usi-results{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#f5f7fa;border-radius:16px;box-shadow:8px 8px 16px #c8d0e766,-8px -8px 16px #ffffffe6;max-height:240px;overflow-y:auto;overflow-x:hidden;padding:12px;z-index:1000}.usi-results::-webkit-scrollbar{width:6px;background:transparent}.usi-results::-webkit-scrollbar-track{background:transparent!important;margin:12px 0}.usi-results::-webkit-scrollbar-thumb{background:#c8d0e766;border-radius:10px;border:2px solid transparent;background-clip:padding-box}.usi-results::-webkit-scrollbar-thumb:hover{background:#c8d0e799;border:2px solid transparent;background-clip:padding-box}.usi-result-item{padding:10px 16px;cursor:pointer;transition:all .2s ease;border-radius:8px;margin:2px 8px;background:transparent;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.usi-result-item:hover{background:#f8f9fa;box-shadow:2px 2px 4px #c8d0e7,-2px -2px 4px #fff;color:#2d3748}.usi-result-item-selected{background:#667eea14;cursor:default}.usi-result-item-selected:hover{background:#667eea14;box-shadow:none}.usi-result-selected-mark{color:#667eea;font-size:16px;font-weight:700;flex-shrink:0}.usi-result-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border-radius:8px;background:#667eea14}.usi-result-item.usi-result-team .usi-result-icon{background:linear-gradient(135deg,#60a5fa26,#3b82f61a)}.usi-result-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;text-align:left;flex:1}.usi-result-name-row{display:flex;align-items:center;gap:6px}.usi-result-name{font-weight:600;color:#2d3748;font-size:13px;text-align:left;line-height:1.3;white-space:nowrap}.usi-result-team-badge{font-size:10px;font-weight:600;color:#fff;background:linear-gradient(135deg,#60a5fa,#3b82f6);padding:2px 8px;border-radius:6px;white-space:nowrap;box-shadow:0 2px 4px #60a5fa4d}.usi-result-title{font-size:11px;color:#667eea;font-weight:500;text-align:left;line-height:1.3;padding:2px 6px;background:#667eea1a;border-radius:4px;white-space:nowrap}.usi-result-division{font-size:11px;color:#718096;text-align:left;line-height:1.3;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.user-search-input.usi-small .usi-input{padding:6px 10px 6px 40px;font-size:12px}.user-search-input.usi-medium .usi-input{padding:8px 12px 8px 42px;font-size:13px}.user-search-input.usi-large .usi-input{padding:12px 16px 12px 45px;font-size:15px}.usi-label{font-size:15px}.usi-icon{left:12px;font-size:16px}}@media (max-width: 480px){.user-search-input.usi-small .usi-input{font-size:11px}.user-search-input.usi-medium .usi-input{font-size:12px}.user-search-input.usi-large .usi-input,.usi-label{font-size:14px}.usi-icon{font-size:15px}}.board-settings-modal{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f7fa;border-radius:20px;width:95%;max-width:85%;height:90vh;max-height:90vh;overflow:hidden;box-shadow:12px 12px 24px #c8d0e7,-12px -12px 24px #fff;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.2)}.basic-settings-section{padding:24px;display:flex;flex-direction:column;align-items:center;overflow-y:auto;flex:1;min-height:0;background:#f5f7fa}.animated-checkbox-label{display:flex;align-items:center;gap:16px;cursor:pointer;font-size:14px;font-weight:500;color:#2d3748;padding:12px 16px;background:#f5f7fa;border-radius:16px;transition:all .3s ease;-webkit-user-select:none;user-select:none;box-shadow:6px 6px 12px #c8d0e766,-6px -6px 12px #fffc}.animated-checkbox-label:hover{box-shadow:8px 8px 16px #c8d0e780,-8px -8px 16px #ffffffe6;transform:translateY(-1px)}.animated-checkbox-input{display:none}.animated-toggle-switch{position:relative;width:52px;height:28px;background:#f5f7fa;border-radius:28px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:inset 3px 3px 6px #c8d0e7b3,inset -3px -3px 6px #fff;flex-shrink:0}.animated-toggle-switch:before{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;background:linear-gradient(145deg,#fff,#f8fafc);border-radius:50%;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:3px 3px 6px #c8d0e780,-2px -2px 4px #ffffffe6}.animated-checkbox-input:checked+.animated-toggle-switch{background:linear-gradient(135deg,#a7c5f7,#b8d4f0);box-shadow:inset 3px 3px 6px #a7c5f766,inset -3px -3px 6px #b8d4f099}.animated-checkbox-input:checked+.animated-toggle-switch:before{left:27px;background:linear-gradient(145deg,#fff,#f0f7ff);box-shadow:3px 3px 6px #a7c5f74d,-2px -2px 4px #fffffff2}.animated-toggle-switch:hover{transform:scale(1.02)}.animated-checkbox-input:checked+.animated-toggle-switch:hover{background:linear-gradient(135deg,#9bb9f5,#adc9ed)}.animated-checkbox-text{flex:1;font-weight:500;color:#2d3748;transition:color .3s ease;letter-spacing:-.025em}.animated-checkbox-input:checked~.animated-checkbox-text{color:#5a7bc8;font-weight:600}.animated-checkbox-input:checked+.animated-toggle-switch+.animated-checkbox-text{color:#5a7bc8}.animated-checkbox-label:has(.animated-checkbox-input:checked){background:linear-gradient(145deg,#f8fbff,#f0f7ff);box-shadow:inset 2px 2px 4px #a7c5f733,6px 6px 12px #c8d0e74d,-6px -6px 12px #ffffffe6}.column-checkboxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-top:12px}.column-checkboxes .checkbox-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:13px;color:#4a5568}.column-checkboxes .checkbox-item:hover{background:#fff;border-color:#cbd5e0;box-shadow:0 2px 4px #0000000d}.column-checkboxes .checkbox-item input[type=checkbox]{width:16px;height:16px;accent-color:#667eea;cursor:pointer}.column-checkboxes .checkbox-item span{font-weight:500;-webkit-user-select:none;user-select:none}.settings-form{max-width:600px;width:100%}.basic-settings-section .section-header-clean{text-align:center;margin-bottom:32px}.basic-settings-section .section-header-clean h4{margin-bottom:8px}.permissions-section{padding:24px;display:flex;flex-direction:column;align-items:center;overflow-y:auto;flex:1;min-height:0;background:#f5f7fa}.permissions-section .section-header-clean{text-align:center;margin-bottom:32px}.permissions-section .section-header-clean h4{margin-bottom:8px}.permissions-content{max-width:none;width:100%}.view-settings-section .form-group label{color:#374151}.form-input,.form-textarea{width:100%;padding:12px 16px;border:none;border-radius:12px;font-size:14px;color:#374151;background:#f5f7fa;transition:all .2s ease;box-sizing:border-box;box-shadow:inset 4px 4px 8px #c8d0e7,inset -4px -4px 8px #fff}.board-settings-modal .form-textarea{height:200px;min-height:200px;resize:vertical}.form-input:focus,.form-textarea:focus{outline:none;box-shadow:inset 6px 6px 12px #c8d0e7,inset -6px -6px 12px #fff}.form-input.readonly{background:#edf2f7;color:#6b7280;cursor:not-allowed;box-shadow:inset 2px 2px 4px #c8d0e7,inset -2px -2px 4px #fff}.view-settings-section .form-help,.form-help{display:block;font-size:12px;color:#6b7280;margin-top:4px}.checkbox-label{display:flex;align-items:flex-start;gap:8px;cursor:pointer;font-weight:400!important}.form-checkbox{width:auto!important;margin:0;accent-color:#667eea}.checkbox-text{font-size:14px;color:#374151}.view-settings-section .form-actions,.form-actions{margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}.save-button{background:#667eea;color:#fff;border:none;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:6px 6px 12px #c8d0e7,-6px -6px 12px #fff}.save-button:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:8px 8px 16px #c8d0e7,-8px -8px 16px #fff}.save-button:active:not(:disabled){transform:translateY(0);box-shadow:4px 4px 8px #c8d0e7,-4px -4px 8px #fff}.save-button:disabled{background:#9ca3af;cursor:not-allowed;box-shadow:2px 2px 4px #c8d0e7,-2px -2px 4px #fff}.save-message{padding:12px 20px;border-radius:12px;font-size:14px;font-weight:500;margin-bottom:16px;text-align:center;animation:slideInDown .3s ease-out;box-shadow:0 4px 12px #0000001a;display:flex;align-items:center;justify-content:center;gap:8px}.save-message.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #10b981;color:#065f46}.save-message.error{background:linear-gradient(135deg,#fecaca,#fca5a5);border:1px solid #ef4444;color:#b91c1c}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.anonymous-board-info,.regular-board-info{margin-bottom:24px}.info-badge{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #0891b2;border-radius:12px;padding:16px 20px;text-align:center}.info-badge .badge-text{display:block;font-size:16px;font-weight:600;color:#0c4a6e;margin-bottom:4px}.info-badge .badge-help{font-size:14px;color:#075985;margin:0}.anonymous-settings-group{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px;margin-top:20px}.settings-group-title{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.form-select{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#374151;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box;cursor:pointer}.form-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.save-message.fade-out{animation:fadeOut .3s ease-out forwards}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.settings-modal-content{height:100%;display:flex;flex-direction:column;overflow:hidden;background:#f5f7fa;border-radius:20px}.modal-header-clean{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;background:#f5f7fa;border-bottom:none;border-radius:20px 20px 0 0;box-shadow:0 4px 8px #c8d0e71a}.modal-title-container{position:relative;display:inline-block}.modal-title{font-size:28px;font-weight:800;background:linear-gradient(135deg,#1a202c,#4a5568,#6366f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0;line-height:1.3;letter-spacing:-.04em;position:relative}.modal-title .title-accent{position:absolute;bottom:-8px;left:0;right:0;height:3px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899);border-radius:2px;transform:scaleX(0);animation:expandAccent 2s ease-out .5s forwards}.settings-tabs{display:flex;background:#f5f7fa;border-radius:12px;padding:6px;margin-bottom:24px;box-shadow:inset 4px 4px 8px #c8d0e7,inset -4px -4px 8px #fff;gap:3px}.settings-tab{display:flex;align-items:center;gap:6px;padding:10px 16px;background:transparent;border:none;border-radius:10px;font-weight:500;color:#718096;cursor:pointer;transition:all .3s ease;flex:1;justify-content:center}.settings-tab:hover{color:#4a5568}.settings-tab.active{background:#f5f7fa;color:#667eea;box-shadow:4px 4px 8px #c8d0e7,-4px -4px 8px #fff}.settings-content{flex:1;overflow:hidden;background:#f5f7fa;display:flex;flex-direction:column;min-height:0;padding:0 8px}.section-header-clean{margin-bottom:24px}.section-header-clean h4{font-size:1.25rem;font-weight:600;color:#1a202c;margin:0 0 8px}.section-header-clean p{color:#718096;margin:0;font-size:14px}.categories-section{max-width:100%;height:100%;overflow-y:auto;padding:24px;display:flex;flex-direction:column;background:#f5f7fa}.categories-list{display:flex;flex-direction:column;gap:12px}.category-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f5f7fa;border:none;border-radius:12px;transition:all .2s ease;box-shadow:6px 6px 12px #c8d0e7,-6px -6px 12px #fff;margin-bottom:12px}.category-item:hover{transform:translateY(-2px);box-shadow:8px 8px 16px #c8d0e7,-8px -8px 16px #fff}.category-info{display:flex;align-items:center;gap:12px;flex:1}.category-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.category-details h5{font-size:1rem;font-weight:600;color:#1a202c;margin:0 0 4px}.category-details p{font-size:14px;color:#718096;margin:0}.category-meta{display:flex;align-items:center;gap:12px;font-size:12px}.post-count{color:#4a5568;background:#edf2f7;padding:4px 8px;border-radius:6px}.category-status{padding:4px 8px;border-radius:6px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.category-status.active{background:#c6f6d5;color:#22543d}.category-status.inactive{background:#fed7d7;color:#742a2a}.permissions-section-clean{max-width:100%;height:100%;overflow-y:auto;display:flex;flex-direction:column;flex:1;min-height:0;padding:24px;background:#f5f7fa}.permissions-content{display:flex;flex-direction:column;gap:32px;width:100%;max-width:none;flex:1;min-height:0}.default-permissions,.user-permissions{background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.default-permissions h5,.user-permissions h5{font-size:1.1rem;font-weight:600;color:#1a202c;margin:0 0 16px}.permission-grid-clean{display:flex;flex-direction:column;gap:16px}.permission-row-clean{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px}.permission-info{display:flex;flex-direction:column;gap:4px;min-width:120px}.permission-info strong{font-size:14px;font-weight:600;color:#1a202c;text-transform:capitalize}.permission-desc{font-size:12px;color:#718096}.permission-controls{display:flex;gap:16px}.radio-control{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:14px;color:#4a5568;padding:4px 8px;border-radius:6px;transition:background-color .2s ease}.radio-control:hover{background:#f7fafc}.radio-control input[type=radio]{width:16px;height:16px;accent-color:#667eea}.user-search{margin-bottom:16px}.search-input-clean{width:100%;padding:12px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1a202c;transition:all .2s ease}.search-input-clean:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-input-clean::placeholder{color:#a0aec0}.users-list-clean{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto}.user-permission-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px}.user-details h6{font-size:1rem;font-weight:600;color:#1a202c;margin:0 0 4px}.user-details p{font-size:14px;color:#667eea;margin:0}.user-permission-controls{display:flex;gap:12px;flex-wrap:wrap}.permission-check{display:flex;align-items:center;gap:4px;cursor:pointer;font-size:12px;color:#4a5568;padding:4px 8px;border-radius:6px;background:#f7fafc;border:1px solid #e2e8f0;transition:all .2s ease}.permission-check:hover{background:#edf2f7;border-color:#cbd5e0}.permission-check input[type=checkbox]{width:14px;height:14px;accent-color:#667eea}.permission-check span{text-transform:capitalize}.loading-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;color:#718096}.loading-section .spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@media (max-width: 768px){.board-settings-modal{width:95%;max-height:90vh}.modal-header-clean{padding:16px 20px}.modal-header-clean h3{font-size:1.25rem}.settings-content{padding:20px}.form-row{grid-template-columns:1fr;gap:16px}.permission-row-clean{flex-direction:column;align-items:flex-start;gap:12px}.permission-controls{align-self:stretch;justify-content:space-around}.user-permission-item{flex-direction:column;align-items:flex-start;gap:12px}.user-permission-controls{align-self:stretch;justify-content:flex-start}}.view-settings-section{padding:24px;display:flex;flex-direction:column;align-items:center;overflow-y:auto;flex:1;min-height:0;background:#f5f7fa}.view-settings-section .settings-form{max-width:600px;width:100%}.view-settings-section .section-header-clean{text-align:center;margin-bottom:32px}.view-type-selector{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:16px}.view-type-option{position:relative;display:flex;align-items:center;gap:12px;padding:20px;border:none;border-radius:16px;background:#f5f7fa;cursor:pointer;transition:all .3s ease;box-shadow:8px 8px 16px #c8d0e7,-8px -8px 16px #fff}.view-type-option:hover{transform:translateY(-2px);box-shadow:12px 12px 24px #c8d0e7,-12px -12px 24px #fff}.view-type-option.selected{background:#f5f7fa;box-shadow:inset 6px 6px 12px #c8d0e7,inset -6px -6px 12px #fff;transform:none}.view-type-option.selected:hover{transform:none;box-shadow:inset 8px 8px 16px #c8d0e7,inset -8px -8px 16px #fff}.view-type-option input[type=radio]{width:18px;height:18px;accent-color:#667eea;margin:0;flex-shrink:0;cursor:pointer}.option-content{display:flex;flex-direction:column;gap:4px;flex:1}.option-content strong{font-size:17px;font-weight:700;color:#2d3748;margin:0;text-shadow:1px 1px 2px rgba(255,255,255,.8)}.option-content span{font-size:14px;color:#718096;margin:0;text-shadow:1px 1px 2px rgba(255,255,255,.6)}.view-type-option.selected .option-content strong{color:#667eea;text-shadow:1px 1px 2px rgba(255,255,255,.9)}.view-type-option.selected .option-content span{color:#5a67d8;text-shadow:1px 1px 2px rgba(255,255,255,.7)}.column-checkboxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-top:12px;padding:16px;background:#f5f7fa;border:none;border-radius:12px;box-shadow:inset 3px 3px 6px #c8d0e7,inset -3px -3px 6px #fff}.view-settings-section .checkbox-item{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-weight:500!important;font-size:14px;color:#374151;transition:all .2s ease;border-radius:8px;background:#f5f7fa;box-shadow:3px 3px 6px #c8d0e7,-3px -3px 6px #fff;position:relative;padding:10px 16px 10px 34px}.view-settings-section .checkbox-item:hover{color:#1a202c;transform:translateY(-1px);box-shadow:3px 3px 6px #c8d0e7,-3px -3px 6px #fff}.view-settings-section .checkbox-item input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.view-settings-section .checkbox-item:before{content:"";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:14px;height:14px;background:#fff;border:1.5px solid #cbd5e0;border-radius:3px;transition:all .15s ease}.view-settings-section .checkbox-item input[type=checkbox]:checked+span:before{content:"✓";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:14px;height:14px;background:#667eea;border:1.5px solid #667eea;border-radius:3px;color:#fff;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;line-height:1}.view-settings-section .checkbox-item:hover:before{border-color:#9ca3af}.checkbox-item span{-webkit-user-select:none;user-select:none;text-shadow:1px 1px 2px rgba(255,255,255,.7)}@media (max-width: 768px){.view-type-selector{grid-template-columns:1fr;gap:12px}.column-checkboxes{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.settings-tabs{flex-direction:column}.settings-tab{justify-content:flex-start}.modal-title{font-size:24px}}@media (max-width: 480px){.settings-tab{padding:12px 20px}.permission-controls,.user-permission-controls{flex-direction:column;gap:8px}.column-checkboxes{grid-template-columns:1fr 1fr}.modal-title{font-size:20px}.modal-header-clean{padding:20px 24px}}.save-message-global{display:flex;align-items:center;gap:8px;padding:12px 24px;margin:0;border-bottom:1px solid rgba(200,208,231,.3);font-size:14px;font-weight:500}.save-message-global.success{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;border-left:4px solid #28a745}.save-message-global.error{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;border-left:4px solid #dc3545}.save-message-global svg{width:16px;height:16px;flex-shrink:0}.modal-footer{border-top:1px solid rgba(200,208,231,.3);padding:8px 24px;background:#f5f7fa;min-height:auto}.settings-modal-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:0;padding-top:0}.changes-indicator{display:flex;align-items:center;gap:8px;color:#667eea;font-size:14px;font-weight:500}.changes-dot{width:8px;height:8px;border-radius:50%;background:#667eea;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.save-button.global{padding:12px 24px;border-radius:12px;border:none;font-weight:600;font-size:14px;transition:all .2s ease;cursor:pointer;background:#e1e8ed;color:#8892b0;box-shadow:6px 6px 12px #c8d0e7,-6px -6px 12px #fff}.save-button.global:disabled{cursor:not-allowed;opacity:.6}.save-button.global.has-changes{background:#667eea;color:#fff;box-shadow:6px 6px 12px #c8d0e7,-6px -6px 12px #fff}.save-button.global.has-changes:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:8px 8px 16px #c8d0e7,-8px -8px 16px #fff}.save-button.global.has-changes:active{transform:translateY(0);box-shadow:4px 4px 8px #c8d0e7,-4px -4px 8px #fff}.review-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.review-modal{background:#f5f7fa;border-radius:20px;width:90%;max-width:500px;max-height:80vh;overflow:hidden;box-shadow:4px 4px 12px #c8d0e726,-4px -4px 12px #fff9,0 0 30px #0000000d,8px 8px 24px #667eea14;border:1px solid rgba(255,255,255,.3);animation:reviewModalFadeIn .2s ease-out}@keyframes reviewModalFadeIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.review-modal-header{padding:24px 28px;border-bottom:none;display:flex;align-items:center;justify-content:space-between;background:#f5f7fa;border-radius:20px 20px 0 0;box-shadow:0 4px 8px #c8d0e71a}.review-modal-header h3{margin:0;font-size:24px;font-weight:700;background:linear-gradient(135deg,#1a202c,#4a5568,#6366f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.3;letter-spacing:-.02em}.review-modal-content{padding:24px;max-height:60vh;overflow-y:auto}.review-description{margin:0 0 20px;color:#4a5568;font-size:14px;line-height:1.5}.changes-list{display:flex;flex-direction:column;gap:12px}.change-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#ffffff80;border-radius:8px;border:1px solid rgba(200,208,231,.3)}.change-icon{color:#667eea;font-weight:700;margin-top:2px;flex-shrink:0}.change-text{color:#2d3748;font-size:14px;line-height:1.4}.no-changes{text-align:center;color:#8892b0;font-style:italic;padding:20px}.review-modal-actions{padding:20px 24px;border-top:1px solid rgba(200,208,231,.3);display:flex;gap:12px;justify-content:center}.cancel-button{padding:12px 24px;border-radius:12px;border:none;background:#e1e8ed;color:#4a5568;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:6px 6px 12px #c8d0e7,-6px -6px 12px #fff}.cancel-button:hover:not(:disabled){background:#d1d8dd;transform:translateY(-1px);box-shadow:8px 8px 16px #c8d0e7,-8px -8px 16px #fff}.cancel-button:active:not(:disabled){transform:translateY(0);box-shadow:4px 4px 8px #c8d0e7,-4px -4px 8px #fff}.cancel-button:disabled{cursor:not-allowed;opacity:.6;background:#9ca3af;box-shadow:2px 2px 4px #c8d0e7,-2px -2px 4px #fff}.confirm-save-button{padding:12px 24px;border-radius:12px;border:none;background:#667eea;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:6px 6px 12px #c8d0e7,-6px -6px 12px #fff}.confirm-save-button:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:8px 8px 16px #c8d0e7,-8px -8px 16px #fff}.confirm-save-button:active:not(:disabled){transform:translateY(0);box-shadow:4px 4px 8px #c8d0e7,-4px -4px 8px #fff}.confirm-save-button:disabled{cursor:not-allowed;opacity:.6;background:#9ca3af;box-shadow:2px 2px 4px #c8d0e7,-2px -2px 4px #fff}@media (max-width: 768px){.settings-modal-actions{flex-direction:column;align-items:stretch}.changes-indicator{justify-content:center}.review-modal{width:95%;margin:20px}.review-modal-actions{flex-direction:column}.cancel-button,.confirm-save-button{width:100%}}.board-type-info-section{width:100%;max-width:800px}.board-type-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px}.board-type-card,.board-features-card{background:#f5f7fa;border-radius:16px;padding:20px;box-shadow:8px 8px 16px #c8d0e766,-8px -8px 16px #fffc;transition:all .3s ease}.board-type-card:hover,.board-features-card:hover{box-shadow:10px 10px 20px #c8d0e780,-10px -10px 20px #ffffffe6;transform:translateY(-2px)}.type-header{display:flex;align-items:flex-start;gap:16px}.type-indicator{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:4px 4px 8px #c8d0e780,-4px -4px 8px #fff}.type-indicator.normal{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.type-indicator.anonymous{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.type-content{flex:1}.type-title{font-size:18px;font-weight:600;color:#2d3748;margin:0 0 8px}.type-description{font-size:14px;color:#718096;margin:0;line-height:1.5}.features-header{margin-bottom:16px}.features-header h5{font-size:16px;font-weight:600;color:#2d3748;margin:0}.features-list{display:flex;flex-direction:column;gap:12px}.feature-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f5f7fa;border-radius:12px;transition:all .2s ease;box-shadow:inset 2px 2px 4px #c8d0e74d,inset -2px -2px 4px #fffc}.feature-item.enabled{background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.feature-item.disabled{background:linear-gradient(135deg,#fef2f2,#fee2e2)}.feature-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:2px 2px 4px #c8d0e74d,-2px -2px 4px #fffc}.feature-item.enabled .feature-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.feature-item.disabled .feature-icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.feature-name{flex:1;font-size:14px;font-weight:500;color:#374151}.feature-status{padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.feature-status.on{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:2px 2px 4px #10b9814d,-2px -2px 4px #fffc}.feature-status.off{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:2px 2px 4px #ef44444d,-2px -2px 4px #fffc}.categories-actions{display:flex;justify-content:flex-end;margin-bottom:20px;padding:0 24px}.add-category-btn,.add-first-category-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#667eea;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:6px 6px 12px #c8d0e7,-6px -6px 12px #fff}.add-category-btn:hover,.add-first-category-btn:hover{background:#5a67d8;transform:translateY(-1px);box-shadow:8px 8px 16px #c8d0e7,-8px -8px 16px #fff}.add-category-btn:active,.add-first-category-btn:active{transform:translateY(0);box-shadow:4px 4px 8px #c8d0e7,-4px -4px 8px #fff}.category-item{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f5f7fa;border:none;border-radius:16px;transition:all .2s ease;box-shadow:8px 8px 16px #c8d0e7,-8px -8px 16px #fff;margin-bottom:16px}.category-item:hover{transform:translateY(-2px);box-shadow:12px 12px 24px #c8d0e7,-12px -12px 24px #fff}.category-actions{display:flex;gap:8px;margin-left:16px}.edit-category-btn,.delete-category-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;background:#f5f7fa;color:#718096;box-shadow:4px 4px 8px #c8d0e7,-4px -4px 8px #fff}.edit-category-btn:hover{color:#667eea;transform:translateY(-1px);box-shadow:6px 6px 12px #c8d0e7,-6px -6px 12px #fff}.delete-category-btn:hover:not(:disabled){color:#e53e3e;transform:translateY(-1px);box-shadow:6px 6px 12px #c8d0e7,-6px -6px 12px #fff}.delete-category-btn:disabled{color:#a0aec0;cursor:not-allowed;opacity:.5}.edit-category-btn:active,.delete-category-btn:active:not(:disabled){transform:translateY(0);box-shadow:inset 2px 2px 4px #c8d0e7,inset -2px -2px 4px #fff}.no-categories{text-align:center;padding:40px 20px;color:#718096}.no-categories p{margin-bottom:20px;font-size:16px}.category-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.category-modal{background:#f5f7fa;border-radius:20px;width:90%;max-width:600px;max-height:90vh;overflow:hidden;box-shadow:4px 4px 12px #c8d0e726,-4px -4px 12px #fff9,0 0 30px #0000000d,8px 8px 24px #667eea14;border:1px solid rgba(255,255,255,.3);animation:categoryModalFadeIn .2s ease-out}@keyframes categoryModalFadeIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.category-modal-header{padding:24px 28px;border-bottom:none;display:flex;align-items:center;justify-content:space-between;background:#f5f7fa;border-radius:20px 20px 0 0;box-shadow:0 4px 8px #c8d0e71a}.category-modal-header h3{margin:0;font-size:24px;font-weight:700;background:linear-gradient(135deg,#1a202c,#4a5568,#6366f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.3;letter-spacing:-.02em}.category-modal-content{padding:24px 28px;max-height:60vh;overflow-y:auto}.category-form{display:flex;flex-direction:column;gap:20px}.color-input-container{display:flex;gap:12px;align-items:center}.color-input{width:50px;height:40px;border:none;border-radius:8px;cursor:pointer;box-shadow:4px 4px 8px #c8d0e7,-4px -4px 8px #fff}.color-text-input{flex:1;padding:12px 16px;border:none;border-radius:12px;font-size:14px;color:#374151;background:#f5f7fa;transition:all .2s ease;box-sizing:border-box;box-shadow:inset 4px 4px 8px #c8d0e7,inset -4px -4px 8px #fff}.color-text-input:focus{outline:none;box-shadow:inset 6px 6px 12px #c8d0e7,inset -6px -6px 12px #fff}.category-modal-actions{padding:20px 24px;border-top:1px solid rgba(200,208,231,.3);display:flex;gap:12px;justify-content:center;background:#f5f7fa;border-radius:0 0 20px 20px}.category-modal-actions .cancel-button,.category-modal-actions .confirm-save-button{padding:12px 24px;border-radius:12px;border:none;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;min-width:100px;display:flex;align-items:center;justify-content:center;gap:8px}.category-modal-actions .cancel-button{background:#e1e8ed;color:#4a5568;box-shadow:6px 6px 12px #c8d0e7,-6px -6px 12px #fff}.category-modal-actions .cancel-button:hover{transform:translateY(-1px);box-shadow:8px 8px 16px #c8d0e7,-8px -8px 16px #fff}.category-modal-actions .cancel-button:active{transform:translateY(0);box-shadow:inset 4px 4px 8px #c8d0e7,inset -4px -4px 8px #fff}.category-modal-actions .confirm-save-button{background:#667eea;color:#fff;box-shadow:6px 6px 12px #c8d0e7,-6px -6px 12px #fff}.category-modal-actions .confirm-save-button:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:8px 8px 16px #c8d0e7,-8px -8px 16px #fff}.category-modal-actions .confirm-save-button:active:not(:disabled){transform:translateY(0);box-shadow:4px 4px 8px #c8d0e7,-4px -4px 8px #fff}.category-modal-actions .confirm-save-button:disabled{opacity:.5;cursor:not-allowed}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px}@media (max-width: 768px){.board-type-cards{grid-template-columns:1fr;gap:16px}.type-header{gap:12px}.type-indicator{width:40px;height:40px}.type-title{font-size:16px}.type-description{font-size:13px}.feature-item{padding:10px;gap:10px}.feature-icon{width:28px;height:28px}.category-item{flex-direction:column;align-items:flex-start;gap:16px}.category-meta{width:100%;justify-content:space-between}.category-actions{margin-left:0}.category-modal{width:95%;margin:20px}.category-modal-actions{flex-direction:column}.cancel-button,.confirm-save-button{width:100%}.color-input-container{flex-direction:column;align-items:stretch}.color-input{width:100%;height:50px}}.slug-input-wrapper{display:flex;flex-direction:column;gap:8px}.slug-input-container{position:relative;display:flex;gap:8px;align-items:center}.slug-input{flex:1}.slug-check-button{padding:8px 16px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:90px;height:40px;display:flex;align-items:center;justify-content:center;gap:4px}.slug-check-button:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px)}.slug-check-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.slug-check-button.loading{background:#6b7280;cursor:wait}.slug-check-button.success{background:#059669}.slug-check-button.success:hover{background:#047857}.slug-check-button.error{background:#dc2626}.slug-check-button.error:hover{background:#b91c1c}.loading-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}.slug-status-message{min-height:20px;display:flex;align-items:center}.status-text{font-size:13px;font-weight:500;display:flex;align-items:center;gap:4px}.status-text.valid{color:#059669}.status-text.invalid{color:#dc2626}.status-text.pending{color:#d97706}.form-help-inline{font-size:12px;color:#6b7280;font-weight:400;margin-left:8px}.form-input.valid{border-color:#059669;background-color:#f0fdf4}.form-input.invalid{border-color:#dc2626;background-color:#fef2f2}.form-input.disabled{background-color:#f3f4f6;border-color:#d1d5db;color:#6b7280;cursor:not-allowed}.slug-loading{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:12px;color:#6b7280;animation:pulse 1.5s ease-in-out infinite}.slug-status{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:500;padding:2px 6px;border-radius:4px}.slug-status.valid{color:#059669;background:#d1fae5}.slug-status.invalid{color:#dc2626;background:#fee2e2}.form-error{color:#dc2626;font-size:12px;margin-top:4px;display:block}.confirm-dialog{background:#f5f7fa;border-radius:20px;width:90%;max-width:500px;max-height:80vh;overflow:hidden;box-shadow:4px 4px 12px #c8d0e726,-4px -4px 12px #fff9,0 0 30px #0000000d,8px 8px 24px #667eea14;border:1px solid rgba(255,255,255,.3)}.confirm-dialog-header{padding:24px 28px;border-bottom:none;display:flex;align-items:center;justify-content:center;background:#f5f7fa;border-radius:20px 20px 0 0;box-shadow:0 4px 8px #c8d0e71a}.confirm-dialog-header h3{margin:0;font-size:24px;font-weight:700;background:linear-gradient(135deg,#1a202c,#4a5568,#6366f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.3;letter-spacing:-.02em}.confirm-dialog-content{padding:24px;max-height:60vh;overflow-y:auto;text-align:center}.confirm-dialog-content p{margin:0 0 8px;color:#4a5568;font-size:14px;line-height:1.5}.confirm-dialog-content p:last-child{margin-bottom:0;font-weight:500;color:#2d3748}.confirm-dialog-actions{padding:20px 24px;border-top:1px solid rgba(200,208,231,.3);display:flex;gap:12px;justify-content:center}.confirm-dialog .cancel-button,.confirm-dialog .confirm-button{padding:12px 24px;border-radius:12px;border:none;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.confirm-dialog .cancel-button{background:#e1e8ed;color:#4a5568;box-shadow:6px 6px 12px #c8d0e7,-6px -6px 12px #fff}.confirm-dialog .cancel-button:hover{transform:translateY(-1px);box-shadow:8px 8px 16px #c8d0e7,-8px -8px 16px #fff}.confirm-dialog .cancel-button:active{transform:translateY(0);box-shadow:inset 4px 4px 8px #c8d0e7,inset -4px -4px 8px #fff}.confirm-dialog .confirm-button{background:#667eea;color:#fff;box-shadow:6px 6px 12px #c8d0e7,-6px -6px 12px #fff}.confirm-dialog .confirm-button:hover{background:#5a67d8;transform:translateY(-1px);box-shadow:8px 8px 16px #c8d0e7,-8px -8px 16px #fff}.confirm-dialog .confirm-button:active{transform:translateY(0);box-shadow:4px 4px 8px #c8d0e7,-4px -4px 8px #fff}.file-list-view{display:flex;flex-direction:column;gap:16px;padding:4px}.file-list-item{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 24px;background:transparent;border-radius:12px;margin:2px 8px;cursor:pointer;transition:all .2s ease;min-height:90px;border-bottom:1px solid rgba(200,208,231,.2)}.file-list-item:last-child{border-bottom:none}.file-list-item:hover{background:#f8f9fa;box-shadow:2px 2px 4px #c8d0e7,-2px -2px 4px #fff;transform:translateY(-1px)}.file-list-item.pinned{background:#667eea0d;border-left:3px solid #667eea}.file-list-item.pinned:hover{background:#f8f9fa}.file-list-main{flex:1;display:flex;gap:20px;align-items:flex-start;min-width:0}.file-icon-section{flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#f5f7fa;border-radius:10px;box-shadow:inset 2px 2px 4px #c8d0e7,inset -2px -2px 4px #fff}.file-type-icon{display:flex;align-items:center;justify-content:center;line-height:1}.file-default-icon{color:#667eea}.file-info-section{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.file-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.file-title{font-size:16px;font-weight:600;color:#2d3748;margin:0;line-height:1.4;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pin-badge{display:inline-flex;align-items:center;padding:2px 8px;background:#667eea;color:#fff;font-size:11px;font-weight:600;border-radius:4px;flex-shrink:0}.file-count-badge{display:inline-flex;align-items:center;padding:2px 8px;background:#e1e8ed;color:#718096;font-size:11px;font-weight:600;border-radius:4px;flex-shrink:0}.file-description{font-size:13px;color:#718096;margin:0;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.file-attachments-preview{display:flex;flex-direction:column;gap:6px;margin-top:4px}.attachment-chip{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#fff9;border-radius:6px;box-shadow:1px 1px 2px #c8d0e74d,-1px -1px 2px #ffffff80;font-size:12px;width:fit-content;max-width:100%}.attachment-icon{display:flex;align-items:center;line-height:1;flex-shrink:0}.attachment-name{color:#2d3748;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.attachment-size{color:#718096;font-size:11px;flex-shrink:0;margin-left:auto}.file-list-meta{display:flex;flex-direction:column;gap:10px;align-items:flex-end;flex-shrink:0}.meta-row{display:flex;align-items:center;gap:6px;font-size:12px;color:#718096}.meta-icon{font-size:14px;color:#9ca3af}.meta-text{font-weight:500}.file-actions{display:flex;gap:8px;margin-top:8px}.action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:#718096;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:#f5f7fa;color:#667eea;box-shadow:2px 2px 4px #c8d0e7,-2px -2px 4px #fff}.action-btn:active{transform:scale(.95)}.action-btn svg{font-size:16px}.download-btn:hover{color:#48bb78}.file-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:#f5f7fa;border-radius:16px;box-shadow:inset 8px 8px 16px #c8d0e7,inset -8px -8px 16px #fff}.empty-icon{font-size:64px;color:#c8d0e7;margin-bottom:16px}.empty-message{font-size:16px;color:#718096;margin:0}@media (max-width: 1024px){.file-list-item{padding:16px 20px}.file-list-main{gap:16px}.file-icon-section{width:48px;height:48px}.file-type-icon{font-size:28px}.file-title{font-size:15px}.file-description{font-size:12px}}@media (max-width: 768px){.file-list-view{gap:12px}.file-list-item{flex-direction:column;align-items:flex-start;gap:16px;padding:16px}.file-list-main{width:100%}.file-list-meta{width:100%;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between}.file-actions{margin-top:0;margin-left:auto}.meta-row{font-size:11px}.action-btn{width:32px;height:32px}.action-btn svg{font-size:14px}.attachment-chip{font-size:11px;padding:4px 10px}.file-title{font-size:14px}}@media (max-width: 480px){.file-list-item{padding:12px}.file-icon-section{width:40px;height:40px}.file-type-icon{font-size:24px}.file-default-icon{font-size:20px}.file-attachments-preview{gap:4px}.attachment-chip{padding:4px 8px;font-size:10px}.file-title{font-size:13px}.file-description{font-size:11px;-webkit-line-clamp:1}}.board-view-container{line-height:1.7}.posts-table-container{background:#f5f7fa;border-radius:20px;padding:20px;box-shadow:8px 8px 16px #c8d0e74d,-8px -8px 16px #fffc;margin-bottom:32px}.table-top-controls{display:flex;justify-content:space-between;align-items:center;padding:16px 0 8px;margin-bottom:4px}.category-pills{display:flex;gap:10px;align-items:center}.category-pill{background:var(--category-color, #667eea);border:none;border-radius:20px;padding:8px 18px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;white-space:nowrap;opacity:.85;box-shadow:3px 3px 6px #c8d0e766,-3px -3px 6px #fffc;position:relative;overflow:hidden}.category-pill:first-child{background:#f5f7fa;color:#4a5568;opacity:1}.category-pill:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(var(--category-color-rgb, 102, 126, 234),.08) 0%,rgba(var(--category-color-rgb, 102, 126, 234),.04) 30%,rgba(var(--category-color-rgb, 102, 126, 234),.01) 60%,transparent 80%);border-radius:50%;transform:translate(-50%,-50%);transition:all .8s ease-out;opacity:0}.category-pill:hover{background:var(--category-color, #667eea);color:#fff;opacity:.95;box-shadow:2px 2px 4px #c8d0e74d,-2px -2px 4px #ffffffe6;transform:translateY(-1px)}.category-pill:first-child:hover{background:#f5f7fa;color:#2d3748;opacity:1}.category-pill:hover:before{width:90px;height:90px;opacity:1}.category-pill.active{background:var(--category-color, #667eea);color:#fff;font-weight:700;opacity:1;box-shadow:inset 2px 2px 4px #0003,inset -2px -2px 4px #ffffff26}.category-pill:first-child.active{background:#f5f7fa;color:#667eea;box-shadow:inset 2px 2px 4px #c8d0e74d,inset -2px -2px 4px #fffc}.table-right-controls{display:flex;gap:12px;align-items:center}.posts-table{width:100%;background:#f5f7fa;border-radius:16px;overflow-x:hidden;overflow-y:visible;box-shadow:inset 3px 3px 6px #c8d0e766,inset -3px -3px 6px #fffc}.table-header{background:transparent;display:grid;gap:16px;padding:16px 24px 12px;font-weight:500;color:#718096;font-size:13px;border-bottom:1px solid rgba(160,174,192,.2);text-align:center}.table-header>div{text-align:center}.table-body{display:block}.loading{text-align:center;padding:60px 20px;color:#adb5bd;font-size:16px}.no-posts{text-align:center;padding:60px 20px}.no-posts p{color:#6c757d;font-size:16px;margin-bottom:20px}.table-row{display:grid;gap:16px;padding:18px 24px 14px;background:transparent;border-bottom:1px solid rgba(200,208,231,.2);transition:all .2s ease;align-items:center;position:relative;overflow:visible;min-height:50px;cursor:pointer;border-radius:12px;margin:2px 8px}.table-row:nth-child(2n){background:transparent}.table-row:last-child{border-bottom:none}.table-row:hover{background:#f8f9fa;box-shadow:2px 2px 4px #c8d0e7,-2px -2px 4px #fff;transform:translateY(-1px)}.table-row.pinned{background:#ff6b6b0d;border-left:3px solid #ff6b6b}.table-row.pinned:hover{background:#f8f9fa}.table-cell{font-size:14px;color:#4a5568;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-cell.title-cell{display:flex;align-items:center;gap:10px;min-width:0;white-space:normal;line-height:1.5;overflow:visible;position:relative}.pinned-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;font-size:10px;font-weight:700;padding:4px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;position:absolute;top:50%;left:calc(50% - 4px);transform:translate(-50%,-50%);box-shadow:2px 2px 4px #ff6b6b4d,-1px -1px 2px #fffc}.post-title-link{font-size:14px;font-weight:500;color:#64748b;text-decoration:none;line-height:1.4;flex:1;min-width:0;overflow:visible;text-overflow:ellipsis;white-space:nowrap;transition:color .3s ease;display:flex;align-items:center;gap:3px}.post-title-link:hover{color:#667eea}.status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;margin-left:4px;align-self:center}.status-dot.new-post-only{background:#ef4444;box-shadow:0 0 4px #ef444466}.status-dot.new-comment-only{background:#3b82f6;box-shadow:0 0 4px #3b82f666}.status-dot.new-post-and-comment{background:linear-gradient(45deg,#ef4444 50%,#3b82f6 50%);box-shadow:0 0 4px #9333ea66}.attachment-icon{color:#9ca3af;font-size:11px;flex-shrink:0;opacity:.5;transition:opacity .2s ease;align-self:center}.post-title-link:hover .attachment-icon{opacity:.8;color:#6b7280}.comment-count-container{color:#a0aec0;font-weight:400;font-size:12px;flex-shrink:0;position:relative;display:inline-block;overflow:visible;align-self:center}.table-cell.author-cell{font-weight:400;color:#2d3748;text-align:center}.table-cell.date-cell{color:#4a5568;font-weight:500;font-size:13px;text-align:center}.table-cell.views-cell,.table-cell.likes-cell,.table-cell.comments-cell{display:flex;align-items:center;justify-content:center;gap:4px;font-weight:400;color:#718096;font-size:13px}.stat-icon{width:14px;height:14px;flex-shrink:0;stroke-width:1.5;opacity:1;box-shadow:none}.table-cell.number-cell{font-weight:500;color:#a0aec0;text-align:center;font-size:13px;display:flex!important;align-items:center!important;justify-content:center!important;min-height:100%;height:100%;position:relative;overflow:visible}.pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:32px;padding:0 20px}.page-button{background:#f5f7fa;border:none;border-radius:8px;padding:8px 12px;font-size:14px;font-weight:500;color:#4a5568;cursor:pointer;transition:all .2s ease;min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px 4px #c8d0e74d,-2px -2px 4px #fffc}.page-button:hover:not(.active){color:#2d3748;box-shadow:1px 1px 2px #c8d0e740,-1px -1px 2px #ffffffe6;transform:translateY(-1px)}.page-button.active{background:#f5f7fa;color:#667eea;font-weight:600;box-shadow:inset 1.5px 1.5px 3px #c8d0e74d,inset -1.5px -1.5px 3px #fffc}.page-button.nav-button{font-size:16px;font-weight:600;color:#667eea;min-width:32px;height:32px}.page-button.nav-button:hover{color:#5a67d8;transform:translateY(-1px);box-shadow:2px 2px 4px #c8d0e759,-2px -2px 4px #ffffffd9}.page-ellipsis{color:#a0aec0;font-weight:500;padding:0 8px;display:flex;align-items:center;height:36px}.pagination-info{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:16px 24px;background:#f5f7fa;border-radius:12px;box-shadow:inset 1.5px 1.5px 3px #c8d0e740,inset -1.5px -1.5px 3px #fffc;font-size:13px;color:#718096}.pagination-info .page-info{font-weight:600;color:#4a5568}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.board-settings-modal{background:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001f}@media (max-width: 768px){.table-top-controls{flex-direction:column;gap:16px;align-items:stretch}.category-pills{justify-content:flex-start;flex-wrap:wrap;gap:6px}.category-pill{font-size:12px;padding:5px 12px}.table-right-controls{flex-direction:column;gap:12px;width:100%}.table-header{grid-template-columns:50px 1fr 80px 80px;gap:12px;padding:16px 20px}.table-header .author-cell,.table-header .date-cell{display:none}.table-row{grid-template-columns:50px 1fr 80px 80px;gap:12px;padding:14px 20px 12px}.table-row .author-cell,.table-row .date-cell{display:none}.post-title-link{font-size:15px;line-height:1.4}.pagination{flex-wrap:wrap;gap:4px}.pagination-info{flex-direction:column;gap:8px;text-align:center;padding:12px 16px}}@media (max-width: 480px){.table-header{grid-template-columns:40px 1fr 60px;gap:8px;padding:12px 16px;font-size:12px}.table-header .author-cell,.table-header .date-cell,.table-header .views-cell,.table-header .likes-cell{display:none}.table-row{grid-template-columns:40px 1fr 60px;gap:8px;padding:10px 16px 8px}.table-row .author-cell,.table-row .date-cell,.table-row .views-cell,.table-row .likes-cell{display:none}.post-title-link{font-size:14px;line-height:1.4}}.tippy-box{background:transparent!important;box-shadow:none!important;border:none!important}.tippy-content{padding:0!important;background:transparent!important}.tippy-arrow{display:none!important}.mention-list{background:#f5f7fa;border-radius:16px;box-shadow:12px 12px 24px #c8d0e780,-12px -12px 24px #fff;overflow:hidden;padding:8px;max-height:320px;overflow-y:auto;min-width:280px;max-width:320px;border:1px solid rgba(255,255,255,.5)}.mention-item{width:100%;padding:10px 12px;border:none;background:transparent;cursor:pointer;text-align:left;border-radius:12px;transition:all .25s cubic-bezier(.4,0,.2,1);margin-bottom:4px;position:relative}.mention-item:last-child{margin-bottom:0}.mention-item:hover{background:linear-gradient(135deg,#fffc,#f5f7facc);box-shadow:inset 6px 6px 12px #c8d0e74d,inset -6px -6px 12px #fffc;transform:translateY(-1px)}.mention-item.is-selected{background:linear-gradient(135deg,#667eea14,#764ba20d);box-shadow:inset 5px 5px 10px #c8d0e766,inset -5px -5px 10px #ffffffe6}.mention-user-info{display:flex;align-items:center;gap:0}.mention-user-avatar{display:none}.mention-user-details{flex:1;min-width:0}.mention-user-name{font-size:14px;font-weight:600;color:#2d3748;display:flex;align-items:center;gap:6px;margin-bottom:3px;line-height:1.3}.mention-user-title{font-size:11px;font-weight:600;color:#667eea;padding:2px 8px;background:linear-gradient(135deg,#667eea1f,#764ba214);border-radius:6px;letter-spacing:.3px;box-shadow:inset 2px 2px 4px #c8d0e733,inset -1px -1px 2px #fffc}.mention-user-division{font-size:12px;color:#718096;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.mention-empty{padding:32px 20px;text-align:center;color:#a0aec0;font-size:14px;font-weight:500}.mention-list::-webkit-scrollbar{width:8px}.mention-list::-webkit-scrollbar-track{background:transparent;margin:8px 0}.mention-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c8d0e766,#c8d0e799);border-radius:10px;border:2px solid #f5f7fa}.mention-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#c8d0e799,#c8d0e7cc)}.mention{background:linear-gradient(135deg,#667eea1f,#764ba214);color:#667eea;padding:3px 10px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;box-shadow:inset 2px 2px 4px #c8d0e733,inset -1px -1px 2px #fffc;text-decoration:none;letter-spacing:.2px}.mention:hover{background:linear-gradient(135deg,#667eea2e,#764ba21f);box-shadow:inset 3px 3px 6px #c8d0e74d,inset -2px -2px 4px #ffffffe6,0 2px 6px #667eea26;transform:translateY(-1px)}.tiptap-editor{background:#ecf0f3;border-radius:16px;box-shadow:8px 8px 20px #a3b1c64d,-8px -8px 20px #ffffffe6;overflow:hidden;font-family:Inter,sans-serif}.editor-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:16px;background:#ecf0f3;border-bottom:1px solid rgba(163,177,198,.2);align-items:center}.toolbar-group{display:flex;gap:4px;align-items:center;padding:0 8px;position:relative}.toolbar-group:not(:last-child):after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:1px;height:20px;background:#a3b1c64d}.toolbar-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ecf0f3;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#4a5568;transition:all .2s ease;box-shadow:3px 3px 6px #a3b1c633,-3px -3px 6px #fffc}.toolbar-btn:hover{color:#667eea;box-shadow:5px 5px 10px #a3b1c64d,-5px -5px 10px #ffffffe6}.toolbar-btn:active,.toolbar-btn.active{color:#667eea;box-shadow:inset 2px 2px 4px #a3b1c64d,inset -2px -2px 4px #fffc}.toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.toolbar-select{padding:6px 12px;background:#ecf0f3;border:none;border-radius:8px;font-size:14px;color:#4a5568;cursor:pointer;min-width:100px;box-shadow:inset 2px 2px 4px #a3b1c633,inset -2px -2px 4px #fffc}.toolbar-select:focus{outline:none;color:#667eea}.editor-content{padding:24px;min-height:400px;background:#fff;border:1px solid rgba(225,232,237,.6)}.ProseMirror{outline:none;line-height:1.1;color:#2d3748;font-size:14px}.ProseMirror p{margin:0 0 8px}.ProseMirror p:last-child{margin-bottom:0}.ProseMirror h1,.ProseMirror h2,.ProseMirror h3,.ProseMirror h4,.ProseMirror h5,.ProseMirror h6{margin:24px 0 16px;font-weight:600;color:#1a202c;line-height:1.3}.ProseMirror h1:first-child,.ProseMirror h2:first-child,.ProseMirror h3:first-child,.ProseMirror h4:first-child,.ProseMirror h5:first-child,.ProseMirror h6:first-child{margin-top:0}.ProseMirror h1{font-size:2.25rem}.ProseMirror h2{font-size:1.875rem}.ProseMirror h3{font-size:1.5rem}.ProseMirror h4{font-size:1.25rem}.ProseMirror h5{font-size:1.125rem}.ProseMirror h6{font-size:1rem}.ProseMirror ul,.ProseMirror ol{margin:16px 0;padding-left:24px}.ProseMirror li{margin:8px 0}.ProseMirror ul ul,.ProseMirror ol ol,.ProseMirror ul ol,.ProseMirror ol ul{margin:4px 0}.ProseMirror blockquote{margin:16px 0;padding:16px 20px;border-left:4px solid #667eea;background:#667eea0d;border-radius:0 8px 8px 0;font-style:italic}.ProseMirror blockquote p{margin:0}.ProseMirror code{background:#667eea1a;padding:2px 6px;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:.875em;color:#667eea}.ProseMirror pre{background:#1a202c;color:#e2e8f0;padding:20px;border-radius:8px;margin:16px 0;overflow-x:auto;font-family:Monaco,Courier New,monospace;font-size:.875rem;line-height:1.5}.ProseMirror pre code{background:transparent;padding:0;color:inherit}.ProseMirror table{border-collapse:collapse;width:100%;margin:16px 0;border-radius:8px;overflow:hidden;box-shadow:3px 3px 8px #a3b1c633,-3px -3px 8px #ffffffb3}.ProseMirror th,.ProseMirror td{border:1px solid rgba(163,177,198,.3);padding:12px;text-align:left;vertical-align:top}.ProseMirror th{background:#667eea1a;font-weight:600;color:#1a202c}.ProseMirror td{background:#ecf0f3}.ProseMirror .editor-image{max-width:100%;height:auto;border-radius:8px;margin:16px 0;box-shadow:4px 4px 12px #a3b1c64d,-4px -4px 12px #fffc}.ProseMirror .editor-link{color:#667eea;text-decoration:none;border-bottom:1px solid rgba(102,126,234,.3);transition:all .2s ease}.ProseMirror .editor-link:hover{color:#764ba2;border-bottom-color:#764ba2}.ProseMirror[style*="text-align: center"]{text-align:center}.ProseMirror[style*="text-align: right"]{text-align:right}.ProseMirror[style*="text-align: justify"]{text-align:justify}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#a0aec0;pointer-events:none;height:0}.ProseMirror::selection,.ProseMirror *::selection{background:#667eea4d}.ProseMirror:focus{outline:none}@media (max-width: 768px){.editor-toolbar{padding:12px;gap:6px}.toolbar-group{padding:0 6px}.toolbar-btn{width:28px;height:28px;font-size:12px}.toolbar-select{min-width:80px;font-size:12px}.editor-content{padding:16px}.ProseMirror{font-size:14px}}.file-upload-section{padding:16px;background:#f5f7fa;border-top:1px solid rgba(163,177,198,.2);border-bottom:1px solid rgba(163,177,198,.2)}.editor-file-upload{margin:0}.editor-attached-files{padding:16px;background:#f8fafc;border-top:1px solid rgba(163,177,198,.2)}.editor-attached-files h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#2d3748}.attached-files-list{display:flex;flex-direction:column;gap:8px}.attached-file-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#ecf0f3;border-radius:12px;box-shadow:3px 3px 8px #a3b1c64d,-3px -3px 8px #fffc;transition:all .2s ease}.attached-file-item:hover{box-shadow:4px 4px 12px #a3b1c666,-4px -4px 12px #ffffffe6}.file-info{display:flex;flex-direction:column;gap:2px;flex:1}.file-name{font-size:14px;font-weight:500;color:#2d3748;word-break:break-word}.file-size{font-size:12px;color:#718096}.file-actions{display:flex;gap:4px}.file-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ecf0f3;border:none;border-radius:6px;cursor:pointer;font-size:12px;transition:all .2s ease;color:#718096;box-shadow:2px 2px 4px #a3b1c64d,-2px -2px 4px #fffc}.file-action-btn:hover{box-shadow:inset 2px 2px 4px #a3b1c64d,inset -2px -2px 4px #fffc;transform:scale(.95);color:#667eea}.file-action-btn.delete:hover{color:#f56565}.file-action-btn svg{transition:all .2s ease}@media (max-width: 768px){.file-upload-section,.editor-attached-files{padding:12px}.attached-file-item{padding:10px}.file-name{font-size:13px}.file-size{font-size:11px}.file-action-btn{width:24px;height:24px;font-size:10px}}.tiptap-editor.compact-mode{box-shadow:none;background:transparent;border-radius:0}.tiptap-editor.compact-mode .editor-content{padding:0;min-height:80px;max-height:200px;overflow-y:auto}.tiptap-editor.compact-mode .ProseMirror{min-height:80px;max-height:200px;padding:12px;font-size:15px;line-height:1.6}.tiptap-editor.compact-mode .ProseMirror p.is-editor-empty:first-child:before{font-size:15px}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.comment-form{margin-top:1rem;margin-bottom:0;padding:1rem;border-top:1px solid #f3f4f6}.form-content{width:100%}.comment-frame{position:relative;background:#f5f7fa;border-radius:20px;padding:20px;box-shadow:15px 15px 30px #c8d0e7,-15px -15px 30px #fff;transition:all .3s ease;margin-bottom:1rem;border:1px solid rgba(255,255,255,.2)}.comment-form.focused .comment-frame{box-shadow:inset 2px 2px 8px #c8d0e733,inset -2px -2px 8px #fffc,0 0 15px #667eea14;border-color:#667eea1a}.textarea-wrapper{position:relative;background:transparent;border-radius:16px;padding:0;margin-bottom:12px;background:#fff6;box-shadow:inset 1px 1px 3px #c8d0e726,inset -1px -1px 3px #fff9}.comment-form.focused .textarea-wrapper{background:#fff9;box-shadow:inset 1px 1px 4px #c8d0e733,inset -1px -1px 4px #fffc}.comment-textarea{width:100%;padding:0;margin-right:50px;border:none;background:transparent;font-family:inherit;font-size:.875rem;line-height:1.5;resize:none;min-height:60px;transition:all .2s ease;color:#2d3748}.comment-textarea:focus{outline:none}.comment-textarea:disabled{opacity:.6;cursor:not-allowed}.comment-textarea::placeholder{color:#a0aec0}.inline-actions{position:absolute;bottom:16px;right:16px;z-index:10}.btn-inline-submit{width:36px;height:36px;border:none;border-radius:50%;background:#667eea;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:4px 4px 8px #c8d0e74d,-2px -2px 6px #fffc;font-size:14px}.btn-inline-submit:hover:not(.disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:6px 6px 12px #c8d0e766,-3px -3px 8px #ffffffe6}.btn-inline-submit:active:not(.disabled){transform:translateY(0);box-shadow:inset 2px 2px 4px #c8d0e74d,inset -1px -1px 3px #fff9}.btn-inline-submit.disabled{opacity:.4;cursor:not-allowed;background:#9ca3af;box-shadow:2px 2px 4px #c8d0e733,-1px -1px 3px #ffffff80}.frame-footer{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;margin:0 -4px;border-radius:12px;background:#ffffff4d;box-shadow:inset 1px 1px 2px #c8d0e71a,inset -1px -1px 2px #fff6}.character-count{font-size:.7rem;color:#8b9dc3;font-weight:500}.anonymous-option-inline{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:.7rem;color:#6b7280;padding:6px 10px;border-radius:10px;background:#ffffff80;transition:all .3s ease;box-shadow:2px 2px 4px #c8d0e733,-1px -1px 3px #fff9}.anonymous-option-inline.visible{opacity:1;transform:translate(0);pointer-events:auto}.anonymous-option-inline.hidden{opacity:0;transform:translate(10px);pointer-events:none}.anonymous-option-inline.visible:hover{background:#ffffffb3;transform:translateY(-.5px);box-shadow:3px 3px 6px #c8d0e740,-2px -2px 4px #fffc}.anonymous-option-inline input[type=checkbox]{width:12px;height:12px;border-radius:3px;border:1px solid #c8d0e7;background:#fff;cursor:pointer;transition:all .2s ease;box-shadow:inset 1px 1px 2px #c8d0e733,inset -1px -1px 2px #fffc}.anonymous-option-inline input[type=checkbox]:checked{background:#667eea;border-color:#667eea;box-shadow:inset 1px 1px 2px #667eea4d,inset -1px -1px 2px #fffc}.anonymous-option-inline input[type=checkbox]:checked:before{content:"✓";color:#fff;display:block;text-align:center;font-size:9px;line-height:10px}.checkbox-label{-webkit-user-select:none;user-select:none}.form-hint{margin-top:.5rem;text-align:right}.form-hint span{font-size:.75rem;color:#a0aec0;background:#f7fafc;padding:.25rem .5rem;border-radius:6px}.comment-form-disabled{margin-top:1rem;margin-bottom:0;padding:1rem;text-align:center;border-top:1px solid #f3f4f6}.login-prompt p{color:#9ca3af;margin-bottom:.75rem;font-size:.875rem}.login-btn{background:#667eea;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-size:.875rem;cursor:pointer;transition:all .2s ease}.login-btn:hover{background:#5a67d8}@media (max-width: 768px){.comment-form{padding:.75rem}.comment-frame{border-radius:16px;padding:16px}.textarea-wrapper{padding:12px;border-radius:12px}.comment-textarea{font-size:16px;min-height:50px;margin-right:45px}.btn-inline-submit{width:32px;height:32px;font-size:12px;bottom:6px;right:6px}.frame-footer{padding:6px 8px;margin:0 -2px}.anonymous-option-inline{font-size:.65rem;padding:4px 6px}.character-count{font-size:.65rem}}@media (max-width: 480px){.comment-frame{border-radius:12px;padding:12px}.textarea-wrapper{padding:10px;border-radius:10px}.comment-textarea{min-height:45px;margin-right:40px}.btn-inline-submit{width:28px;height:28px;font-size:11px;bottom:5px;right:5px}.frame-footer{padding:4px 6px}.anonymous-option-inline{padding:3px 5px}}.comment-section{margin-top:2rem;padding:0}.comment-section-header{padding-bottom:.5rem;border-bottom:1px solid #e1e8ed}.comment-title{font-size:1rem;font-weight:600;color:#2d3748;margin:0;display:flex;align-items:center;gap:.5rem}.comment-title svg{color:#667eea;flex-shrink:0}.comment-count{color:#718096;font-weight:400;font-size:.875rem}.comment-error{background:#fef2f2;color:#b91c1c;padding:.75rem;margin-bottom:1rem;border-left:3px solid #ef4444;font-size:.875rem}.comment-list{margin:1rem 0}.comment-list-empty{text-align:center;padding:2rem 1rem;color:#9ca3af;font-size:.875rem}.comment-thread{margin-bottom:1rem}.comment-item{display:flex;align-items:flex-start;padding:.75rem 0;border-bottom:1px solid #f3f4f6;margin-bottom:0}.comment-item:last-child{border-bottom:none}.comment-reply{margin-left:2rem;margin-top:.5rem;padding-left:1rem;border-left:2px solid #e5e7eb}.comment-avatar{display:flex;flex-shrink:0;margin-right:.75rem}.comment-content{flex:1;min-width:0}.avatar-circle{width:2rem;height:2rem;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;text-transform:uppercase;box-shadow:0 2px 4px #0000001a}.avatar-color-0{background:linear-gradient(135deg,#667eea,#764ba2)}.avatar-color-1{background:linear-gradient(135deg,#f093fb,#f5576c)}.avatar-color-2{background:linear-gradient(135deg,#4facfe,#00f2fe)}.avatar-color-3{background:linear-gradient(135deg,#43e97b,#38f9d7)}.avatar-color-4{background:linear-gradient(135deg,#fa709a,#fee140)}.avatar-color-5{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#2d3748}.avatar-color-6{background:linear-gradient(135deg,#ff9a9e,#fecfef);color:#2d3748}.avatar-color-7{background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#2d3748}.comment-item-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.5rem;gap:.75rem;min-height:1.25rem}.comment-author{display:flex;align-items:baseline;gap:.5rem;flex:1;min-width:0}.author-name{font-weight:600;color:#374151;font-size:.875rem}.author-name-inline{font-weight:600;color:#374151;font-size:.875rem;display:inline-flex;align-items:baseline;gap:0}.author-division{font-size:.7rem;color:#9ca3af;font-weight:400;margin-left:2px}.author-detailed{display:flex;flex-direction:column;gap:3px}.author-details{font-size:.75rem;color:#9ca3af}.comment-time{font-size:.75rem;color:#9ca3af;white-space:nowrap;flex-shrink:0}.comment-menu{position:relative}.menu-trigger{padding:.25rem .5rem;border:none;background:transparent;border-radius:6px;color:#718096;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:2rem;height:1.75rem}.menu-trigger:hover{background:#e2e8f0;color:#2d3748}.menu-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 16px #0000001f;padding:.25rem;min-width:120px;z-index:10}.menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem;border:none;background:transparent;border-radius:8px;color:#2d3748;cursor:pointer;font-size:.875rem;transition:all .2s ease}.menu-item:hover{background:#f7fafc}.menu-item.delete{color:#e53e3e}.menu-item.delete:hover{background:#fed7d7}.comment-body{margin-bottom:.5rem}.comment-text{color:#374151;line-height:1.5;word-break:break-word;font-size:.875rem}.mention-badge{display:inline-block;background:#667eea;color:#fff;padding:.125rem .375rem;border-radius:4px;font-size:.75rem;font-weight:500;margin:0 .125rem}.comment-edit-form{margin:1rem 0}.edit-textarea{width:100%;padding:.875rem;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-family:inherit;font-size:.875rem;line-height:1.6;resize:vertical;box-shadow:none;transition:border-color .2s ease}.edit-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.edit-actions{display:flex;gap:.75rem;margin-top:1rem}.btn-save,.btn-cancel{padding:.5rem 1rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-save{background:#667eea;color:#fff;box-shadow:0 2px 4px #667eea4d}.btn-save:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px)}.btn-save:disabled{opacity:.6;cursor:not-allowed}.btn-cancel{background:#f7fafc;color:#2d3748;border:1px solid #e2e8f0;box-shadow:none}.btn-cancel:hover{background:#edf2f7}.comment-actions{display:flex;gap:1rem;align-items:center;margin-top:.75rem}.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.375rem .75rem;border:1px solid #e2e8f0;background:#f8fafc;color:#64748b;cursor:pointer;font-size:.75rem;font-weight:500;border-radius:16px;transition:all .25s ease;height:auto;min-height:1.75rem;white-space:nowrap;box-shadow:0 1px 3px #0000000d;width:auto;min-width:fit-content;box-sizing:border-box}.action-btn:hover:not(:disabled){color:#667eea;background:#fff;border-color:#667eea;transform:translateY(-1px);box-shadow:0 4px 12px #667eea26}.like-btn.liked{color:#ef4444;background:#fef2f2;border-color:#fecaca}.like-btn.liked:hover{color:#dc2626;background:#fee2e2;border-color:#ef4444;box-shadow:0 4px 12px #ef444433}.like-btn.processing{opacity:.7;cursor:not-allowed;background:#f1f5f9;border-color:#cbd5e1;color:#64748b}.like-btn.processing svg{animation:pulse 1.5s ease-in-out infinite}.reply-btn:hover:not(:disabled){color:#059669;background:#f0fdf4;border-color:#059669;box-shadow:0 4px 12px #05966926}.action-btn svg{width:14px;height:14px;vertical-align:middle;flex-shrink:0}.action-btn span{line-height:1;vertical-align:middle}.comment-reply-form{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.comment-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #f3f4f6}.pagination-btn{padding:.25rem .75rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:4px;font-size:.875rem;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.pagination-info{color:#6b7280;font-size:.875rem}.comment-permission-notice{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:1rem;margin:1rem 0}.permission-notice-content{display:flex;align-items:center;gap:.75rem;color:#92400e;font-size:.875rem;font-weight:500}.permission-notice-content svg{color:#f59e0b;flex-shrink:0}@media (max-width: 768px){.comment-section{padding:0;margin-top:0}.comment-item{padding:.75rem 0;gap:.5rem}.comment-reply{margin-left:1.5rem}.avatar-circle{width:1.75rem;height:1.75rem;font-size:.7rem}.comment-item-header{flex-direction:row;align-items:baseline;gap:.5rem}.comment-time{order:2}.comment-menu{order:3}.comment-actions{gap:.75rem;margin-top:.5rem}.action-btn{padding:.25rem .5rem;font-size:.75rem;min-height:1.75rem}.pagination-btn{padding:.5rem 1rem;font-size:.875rem}.comment-title{font-size:1rem}.author-name-inline{font-size:.8rem}.author-division{font-size:.65rem}}.post-detail-container{padding:24px}.post-detail-header{max-width:80%;margin:0 auto 30px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px}.breadcrumb{color:var(--color-accent-primary);font-size:var(--font-size-base);font-weight:500;padding:var(--spacing-sm) 0}.post-detail-card{max-width:80%;margin:0 auto 30px;background:var(--color-background-primary);border-radius:var(--radius-2xl);padding:40px;position:relative;box-shadow:var(--shadow-neumorphism-lg)}.post-actions-top{position:absolute;top:20px;right:20px;display:flex;gap:8px}.post-header{padding-bottom:20px;border-bottom:2px solid rgba(200,208,231,.3);margin-bottom:24px}.post-category{display:flex;gap:8px;margin-bottom:12px}.category-tag{font-size:12px;font-weight:600;padding:4px 12px;border-radius:8px;color:#fff;box-shadow:3px 3px 6px #c8d0e766,-2px -2px 4px #ffffff80}.post-title-section{margin-bottom:16px}.post-detail-card .post-title{font-size:2rem;font-weight:700;color:#2d3748;margin:0;line-height:1.3;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.post-detail-card .post-date-inline{font-size:.7rem;color:#a0aec0;font-weight:400;margin-left:12px;-webkit-text-fill-color:#a0aec0}.post-meta-simple{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.author-info{display:flex;align-items:center;gap:12px}.author-detailed{display:flex;flex-direction:column;gap:4px}.author-name{font-size:15px;font-weight:600;color:#2d3748}.author-details{font-size:13px;color:#64748b;font-weight:500}.post-stats-simple{display:flex;gap:16px;align-items:center}.stat-simple{font-size:13px;color:#64748b;font-weight:500}.stat-simple.modified{color:#667eea;font-weight:600}.post-content{line-height:1.8;color:var(--color-text-primary);background:#f8fafc;border-radius:var(--radius-md);padding:var(--spacing-lg);margin:var(--spacing-lg) 0;box-shadow:var(--shadow-neumorphism-inset)}.content-body{font-size:14px;padding:0 0 16px;line-height:1.1;color:#2d3748}.content-body h1{font-size:2em;font-weight:700;margin:24px 0 16px;color:#1a202c;line-height:1.2}.content-body h2{font-size:1.5em;font-weight:700;margin:20px 0 14px;color:#2d3748;line-height:1.3}.content-body h3{font-size:1.25em;font-weight:600;margin:18px 0 12px;color:#2d3748;line-height:1.4}.content-body h4,.content-body h5,.content-body h6{font-size:1.1em;font-weight:600;margin:16px 0 10px;color:#4a5568;line-height:1.4}.content-body p{margin:0 0 8px;line-height:1.7;min-height:1em}.content-body p:last-child{margin-bottom:0}.content-body p:empty:before{content:" ";display:inline-block}.content-body strong{font-weight:700;color:#1a202c}.content-body em{font-style:italic}.content-body u{text-decoration:underline}.content-body s{text-decoration:line-through}.content-body a{color:#667eea;text-decoration:none;border-bottom:1px solid rgba(102,126,234,.3);transition:all .2s ease}.content-body a:hover{color:#5a67d8;border-bottom-color:#5a67d8}.content-body ul,.content-body ol{margin:16px 0;padding-left:28px}.content-body ul{list-style-type:disc}.content-body ol{list-style-type:decimal}.content-body li{margin:8px 0;line-height:1.6}.content-body li p{margin:4px 0}.content-body blockquote{margin:20px 0;padding:16px 20px;border-left:4px solid #667eea;background:#667eea0d;color:#4a5568;font-style:italic;border-radius:0 8px 8px 0}.content-body pre{background:#2d3748;color:#e2e8f0;padding:16px;border-radius:8px;overflow-x:auto;margin:16px 0;font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.5}.content-body code{background:#edf2f7;color:#e53e3e;padding:2px 6px;border-radius:4px;font-family:Courier New,Courier,monospace;font-size:.9em}.content-body pre code{background:transparent;color:inherit;padding:0;border-radius:0;font-size:inherit}.content-body table{width:100%;border-collapse:collapse;margin:20px 0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.content-body table th{background:#f7fafc;color:#2d3748;font-weight:600;padding:12px;text-align:left;border-bottom:2px solid #e2e8f0}.content-body table td{padding:12px;border-bottom:1px solid #e2e8f0;color:#4a5568}.content-body table tr:last-child td{border-bottom:none}.content-body table tr:hover{background:#f7fafc}.content-body hr{border:none;border-top:2px solid #e2e8f0;margin:24px 0}.content-body img{max-width:100%;height:auto;border-radius:8px;margin:16px 0}.content-body .text-left{text-align:left}.content-body .text-center{text-align:center}.content-body .text-right{text-align:right}.content-body .text-justify{text-align:justify}.post-content-footer{margin-top:16px;padding-top:0;display:flex;justify-content:center}.like-button-inline{background:var(--color-background-primary);border:none;padding:12px 24px;border-radius:var(--radius-xl);color:var(--color-text-primary);font-weight:500;font-size:15px;cursor:pointer;transition:var(--transition-smooth);display:flex;align-items:center;gap:var(--spacing-sm);box-shadow:var(--shadow-neumorphism)}.like-button-inline:hover{transform:translateY(-2px);box-shadow:var(--shadow-neumorphism-hover)}.like-button-inline.liked{color:var(--color-error);box-shadow:var(--shadow-neumorphism-inset)}.like-button-inline .thumbs-container{position:relative;display:inline-block;width:18px;height:18px}.like-button-inline .thumbs-down-icon{position:absolute;top:0;left:0;color:#64748b;opacity:0;transform:rotate(180deg) translateY(-50%);transition:all .3s ease}.like-button-inline:not(.liked) .thumbs-down-icon{opacity:1;transform:rotate(180deg) translateY(0)}.like-button-inline .thumbs-up-icon{position:absolute;top:0;left:0;color:#e53e3e;opacity:0;transform:scale(.5);transition:all .3s ease}.like-button-inline.liked .thumbs-up-icon{opacity:1;transform:scale(1)}.heart-burst-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.heart-burst{position:absolute;animation:burstAnimation .6s ease-out forwards}.post-attachments-header{background:#ffffff4d;border-radius:var(--radius-md);padding:var(--spacing-md);margin:var(--spacing-lg) 0;border:1px solid rgba(200,208,231,.3)}.attachments-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.attachments-icon{color:#667eea}.attachments-count{font-size:14px;font-weight:600;color:#2d3748}.attachments-list-simple{display:flex;flex-direction:column;gap:8px}.attachment-item-simple{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#f5f7fa;border-radius:10px;box-shadow:4px 4px 8px #c8d0e733,-4px -4px 8px #ffffff80;transition:all .2s ease}.attachment-item-simple:hover{box-shadow:6px 6px 12px #c8d0e74d,-6px -6px 12px #fff9}.file-icon-simple{flex-shrink:0;font-size:20px}.attachment-icon{color:#667eea}.file-info-simple{flex:1;min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.file-name-simple{font-size:14px;font-weight:500;color:#2d3748;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.file-size-simple{font-size:12px;color:#718096}.file-actions-simple{display:flex;gap:6px;flex-shrink:0}.file-action-btn{width:28px;height:28px;border:none;border-radius:6px;background:#f5f7fa;color:#667eea;font-size:13px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px 4px #c8d0e74d,-2px -2px 4px #ffffff80}.file-action-btn:hover{box-shadow:inset 2px 2px 4px #c8d0e74d,inset -2px -2px 4px #ffffff80}.file-action-btn.downloading{color:#a0aec0;cursor:not-allowed}.download-complete-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);background:#48bb78;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;box-shadow:4px 4px 12px #48bb784d;animation:fadeInOut 2s ease forwards}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%) translateY(-4px)}10%{opacity:1;transform:translate(-50%) translateY(-8px)}90%{opacity:1;transform:translate(-50%) translateY(-8px)}to{opacity:0;transform:translate(-50%) translateY(-12px)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:var(--z-index-modal-backdrop);animation:fadeIn .2s ease}.modal-actions{position:absolute;top:20px;right:20px;display:flex;gap:12px;z-index:10000}.image-preview-container{max-width:90vw;max-height:90vh;position:relative}.image-preview-container img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:12px;box-shadow:20px 20px 60px #00000080}.image-preview-loading,.image-preview-error{padding:60px;color:#fff;font-size:18px;text-align:center}.pdf-preview-container{width:90vw;height:90vh;background:#fff;border-radius:12px;overflow:hidden;box-shadow:20px 20px 60px #00000080}.pdf-preview-container iframe{width:100%;height:100%;border:none}.pdf-preview-loading,.pdf-preview-error{padding:60px;text-align:center;color:#718096}.office-preview-container{width:90vw;height:90vh;background:#fff;border-radius:12px;overflow:hidden;box-shadow:20px 20px 60px #00000080;position:relative}.office-iframe{width:100%;height:calc(100% - 40px);border:none}.office-preview-note{position:absolute;bottom:0;left:0;right:0;background:#667eea1a;color:#667eea;padding:12px;text-align:center;font-size:13px;font-weight:500}.office-preview-loading,.office-preview-error{padding:60px;text-align:center;color:#718096}.preview-unsupported{background:#fff;padding:60px;border-radius:12px;text-align:center;box-shadow:20px 20px 60px #00000080}.unsupported-icon{font-size:64px;color:#cbd5e0;margin-bottom:20px}.preview-unsupported h3{font-size:24px;font-weight:600;color:#2d3748;margin:0 0 12px}.preview-unsupported p{color:#718096;margin:8px 0}.file-type-info{font-family:Courier New,monospace;background:#f5f7fa;padding:8px 16px;border-radius:6px;display:inline-block;margin:12px 0}.password-modal{background:var(--color-background-primary);border-radius:var(--radius-xl);padding:var(--spacing-xl);max-width:400px;width:90%;box-shadow:var(--shadow-neumorphism-lg)}.password-modal h3{margin:0 0 20px;font-size:1.5rem;font-weight:600;color:#2d3748}.password-input-group{margin-bottom:20px}.password-input{width:100%;padding:12px 16px;background:var(--color-background-primary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-text-primary);box-shadow:var(--shadow-neumorphism-inset)}.password-input:focus{outline:none;box-shadow:var(--shadow-neumorphism-inset)}.password-error{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--spacing-sm)}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.comments-section-integrated{max-width:80%;margin:0 auto}@media (max-width: 1024px){.post-detail-header,.post-detail-card,.comments-section-integrated{max-width:90%}}@media (max-width: 768px){.post-detail-header,.post-detail-card,.comments-section-integrated{max-width:100%}.post-detail-card{padding:24px 20px}.post-actions-top{position:static;justify-content:flex-end;margin-bottom:16px}.post-title{font-size:1.5rem}.post-meta-simple{flex-direction:column;align-items:flex-start}.file-name-simple{max-width:150px}.modal-actions{top:10px;right:10px}}.preview-modal{background:#f5f7fa;border-radius:16px;max-width:1200px;max-height:90vh;width:85vw;height:85vh;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.preview-modal.fullscreen{width:100vw;height:100vh;max-width:100vw;max-height:100vh;border-radius:0}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(200,208,231,.3);background:#f5f7fa;border-radius:16px 16px 0 0}.preview-header h3{margin:0;color:#2d3748;font-weight:600;font-size:18px;word-break:break-all;flex:1}.preview-header-buttons{display:flex;gap:8px;align-items:center}.fullscreen-btn,.download-btn-modal{background:#f5f7fa;border:none;border-radius:8px;width:24px;height:24px;cursor:pointer;transition:all .2s ease;color:#667eea;display:flex;align-items:center;justify-content:center;box-shadow:3px 3px 6px #c8d0e7,-3px -3px 6px #fff}.fullscreen-btn{color:#718096}.fullscreen-btn svg,.download-btn-modal svg{width:14px;height:14px}.fullscreen-btn:hover,.download-btn-modal:hover{transform:translateY(-1px);box-shadow:4px 4px 8px #c8d0e7,-4px -4px 8px #fff}.download-btn-modal:disabled{opacity:.6;cursor:not-allowed}.download-btn-modal.downloading{color:#667eea}.preview-modal .close-btn{width:24px;height:24px;font-size:18px!important;line-height:1}.preview-content{flex:1;padding:8px;display:flex;justify-content:center;align-items:center;overflow:auto;background:#f5f7fa}.preview-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:8px 8px 16px #c8d0e7,-8px -8px 16px #fff}.preview-unsupported{text-align:center;color:#718096}.preview-unsupported p{margin-bottom:16px}.preview-unsupported .download-btn{background:#667eea;color:#fff;padding:12px 24px;border-radius:12px;font-weight:600}.preview-unsupported .download-btn:hover{background:#5a6fd8}.office-preview-container,.pdf-preview-container,.image-preview-container,.text-preview-container{width:100%;height:100%;display:flex;flex-direction:column;position:relative}.image-preview-error,.pdf-preview-error,.office-preview-error,.text-preview-error{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;color:#e53e3e;background:#f565651a;border-radius:8px;margin:20px}.preview-iframe{width:100%;height:500px;border:none;border-radius:8px}.office-iframe{min-height:600px}.preview-modal .office-iframe{height:100%;min-height:unset}.preview-modal .preview-iframe{height:100%}.office-preview-note{margin-top:15px;padding:12px;background:#f1f4f8;border-radius:8px;border:1px solid #e1e8ed;font-size:13px;color:#718096}.office-preview-note p{margin:0;display:flex;align-items:center;gap:8px}.office-preview-note p+p{margin-top:8px}.download-complete-tooltip{position:fixed;z-index:10000;pointer-events:none;animation:slideUpFadeIn .3s ease-out}.tooltip-content{background:#2d3748;color:#fff;padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:8px;font-size:14px;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.success-icon{color:#48bb78;flex-shrink:0}.tooltip-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tooltip-text strong{color:#68d391;font-weight:600}@keyframes slideUpFadeIn{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.download-complete-tooltip.fade-out{animation:fadeOutDown .5s ease-in forwards}@keyframes fadeOutDown{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(10px)}}@media (max-width: 768px){.tooltip-content{max-width:250px;font-size:13px;padding:10px 14px}.preview-modal{width:95vw;height:88vh;max-height:90vh}.preview-header h3{font-size:16px}}.file-icon{display:inline-block;transition:all .2s ease;filter:drop-shadow(0 1px 3px rgba(0,0,0,.1));border-radius:4px}.file-icon:hover{transform:translateY(-1px) scale(1.05);filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.file-icon.small{width:16px;height:16px}.file-icon.medium{width:24px;height:24px}.file-icon.large{width:32px;height:32px}.file-icon.extra-large{width:48px;height:48px}.post-write-container{overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.post-w-write-form{max-width:80%;margin:0 auto;padding:0 0 40px}.post-w-form-row{display:flex;gap:16px;margin-bottom:24px}.post-w-form-group{margin-bottom:24px;flex:1}.post-w-form-label{display:block;font-size:14px;font-weight:600;color:#2d3748;margin-bottom:8px}.post-w-required{color:#f56565;margin-left:4px}.post-w-form-help-wrapper{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.post-w-form-help{font-size:13px;color:#718096}.post-w-character-count{font-size:12px;color:#a0aec0;font-weight:500}.post-w-checkbox-wrapper{background:#f5f7fa;border-radius:12px;padding:16px 20px;box-shadow:inset 2px 2px 4px #c8d0e74d,inset -2px -2px 4px #fffc}.post-w-checkbox-group{display:flex;align-items:center;gap:10px}.post-w-form-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.post-w-checkbox-label{font-size:14px;font-weight:500;color:#2d3748;cursor:pointer;-webkit-user-select:none;user-select:none}.post-w-checkbox-help{font-size:12px;color:#718096;margin-top:8px;margin-left:28px}.post-w-editor-wrapper{background:#f8fafc;border-radius:12px;box-shadow:inset 2px 2px 4px #c8d0e74d,inset -2px -2px 4px #fffc;overflow:hidden}.post-w-editor-help{font-size:13px;color:#718096;margin-top:8px}.post-w-form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;border-top:2px solid rgba(200,208,231,.3)}.post-w-error-alert{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#fff5f5,#fed7d7);border-left:4px solid #f56565;border-radius:12px;margin-bottom:24px;font-size:14px;color:#c53030;box-shadow:4px 4px 8px #f565651a,-4px -4px 8px #fffc}.post-w-error-icon{font-size:20px;flex-shrink:0}.post-w-draft-alert{background:linear-gradient(135deg,#ebf4ff,#c3dafe);border-left:4px solid #4299e1;border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:4px 4px 8px #4299e11a,-4px -4px 8px #fffc}.draft-alert-content{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.draft-alert-icon{font-size:24px;flex-shrink:0}.draft-alert-text{flex:1}.draft-alert-text strong{display:block;font-size:15px;font-weight:600;color:#2c5282;margin-bottom:4px}.draft-alert-text p{font-size:13px;color:#2d3748;margin:0}.draft-alert-actions{display:flex;gap:10px;justify-content:flex-end}.board-draft-button{padding:8px 16px;background:#f5f7fa;border:none;border-radius:8px;font-size:13px;font-weight:600;color:#4a5568;cursor:pointer;transition:all .2s ease;box-shadow:3px 3px 6px #c8d0e766,-3px -3px 6px #fffc}.board-draft-button:hover{box-shadow:2px 2px 4px #c8d0e780,-2px -2px 4px #ffffffe6}.board-draft-button:active{box-shadow:inset 2px 2px 4px #c8d0e766,inset -2px -2px 4px #fffc}.board-draft-button-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:4px 4px 8px #667eea4d,-2px -2px 4px #ffffff80}.board-draft-button-primary:hover{box-shadow:3px 3px 6px #667eea66,-2px -2px 4px #fff9}.board-draft-button-primary:active{box-shadow:inset 2px 2px 4px #667eea80,inset -2px -2px 4px #764ba280}.post-w-auto-save-status{padding:8px 16px;background:#f5f7fa;border-radius:8px;font-size:13px;font-weight:500;transition:all .3s ease;box-shadow:inset 2px 2px 4px #c8d0e74d,inset -2px -2px 4px #fffc}.post-w-auto-save-status.saving{color:#4299e1}.post-w-auto-save-status.saved{color:#48bb78}.post-w-auto-save-status.error{color:#f56565}.post-w-loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.post-w-spinner{width:50px;height:50px;border:4px solid #f5f7fa;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;box-shadow:4px 4px 8px #c8d0e766,-4px -4px 8px #fffc}.post-w-loading-spinner p{font-size:15px;color:#718096;font-weight:500}@media (max-width: 1024px){.post-w-write-form{max-width:90%}}@media (max-width: 768px){.post-w-write-form{max-width:100%;padding:0 0 24px}.post-w-form-row{flex-direction:column;gap:0}.post-w-form-actions{flex-direction:column}.post-w-form-actions button{width:100%}.draft-alert-actions{flex-direction:column}.draft-alert-actions button{width:100%}.post-w-form-help-wrapper{flex-direction:column;align-items:flex-start;gap:4px}}.board-management{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.files-management{margin-top:20px}.files-section{background:#f5f7fa;border-radius:16px;padding:24px;box-shadow:8px 8px 16px #c8d0e7,-8px -8px 16px #fff;margin-bottom:24px}.cleanup-section{margin-top:32px;padding-top:24px;border-top:1px solid rgba(200,208,231,.3)}.subsection-title{font-size:1.2rem;font-weight:600;color:#2d3748;margin-bottom:16px}.cleanup-stats{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.cleanup-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#ffffff80;border-radius:12px;border:1px solid rgba(200,208,231,.2)}.cleanup-label{color:#4a5568;font-weight:500}.cleanup-count{color:#667eea;font-weight:600;font-size:1.1rem}.cleanup-actions{display:flex;gap:12px;flex-wrap:wrap}.cleanup-info{margin-top:24px;padding:20px;background:#ffffff4d;border-radius:12px;border:1px solid rgba(200,208,231,.2)}.cleanup-rules{list-style:none;padding:0;margin:0}.cleanup-rules li{padding:8px 0;color:#4a5568;line-height:1.5}.cleanup-rules li strong{color:#2d3748}.loading-stats{text-align:center;padding:40px;color:#718096;font-style:italic}.error-banner{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff;padding:16px 24px;border-radius:12px;margin-bottom:24px;display:flex;align-items:center;gap:12px;box-shadow:4px 4px 12px #f565654d,-2px -2px 8px #ffffff1a}.admin-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.spinner{border:3px solid #e2e8f0;border-top:3px solid #667eea;border-radius:50%;width:40px;height:40px;animation:spin .8s linear infinite}.tab-content{animation:fadeIn .3s ease}.dashboard-grid{display:grid;gap:24px;grid-template-columns:1fr}.stats-section,.recent-activity{background:#f5f7fa;border-radius:16px;padding:24px;box-shadow:8px 8px 16px #c8d0e7,-8px -8px 16px #fff}.simple-controls{display:flex;gap:16px;margin-bottom:24px;align-items:center}.search-wrapper{flex:1;max-width:600px}.boards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-top:20px}.board-card-improved{background:#f5f7fa;border-radius:16px;padding:20px;box-shadow:8px 8px 16px #c8d0e7,-8px -8px 16px #fff;transition:all .3s ease;position:relative;overflow:hidden}.board-card-improved:hover{transform:translateY(-2px);box-shadow:10px 10px 20px #c8d0e7,-10px -10px 20px #fff}.board-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.board-title-section{flex:1;min-width:0}.board-name{font-size:18px;font-weight:600;color:#2d3748;margin:0 0 4px;display:flex;align-items:center;gap:8px}.board-name .default{font-size:11px;padding:2px 8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:6px;font-weight:500}.board-slug{font-size:12px;color:#a0aec0;font-family:Courier New,monospace}.board-status-actions{display:flex;gap:12px;align-items:center}.board-status-tags{display:flex;gap:6px;align-items:center}.board-content{margin:12px 0}.board-description{color:#718096;font-size:14px;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.board-metadata{margin:12px 0}.metadata-row{display:flex;gap:16px;padding:12px;background:#ffffff4d;border-radius:10px;margin-bottom:12px}.metadata-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#4a5568}.metadata-item span{color:#718096}.metadata-item strong{color:#2d3748;font-weight:600;margin-left:4px}.metadata-icon{color:#667eea;font-size:16px}.setting-tag{display:flex;align-items:center;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:500;border:1px solid transparent;white-space:nowrap;height:fit-content}.setting-tag.enabled{background:#667eea1a;color:#667eea;border-color:#667eea33}.setting-tag.default{background:#c8d0e726;color:#a0aec0;border-color:#c8d0e740}.status-indicator{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:500}.status-indicator.active{background:#48bb781a;color:#48bb78}.status-indicator.inactive{background:#a0aec01a;color:#a0aec0}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.board-info{display:flex;align-items:center;gap:6px;font-size:13px;color:#4a5568}.board-info svg{color:#667eea;font-size:16px}.board-actions{display:flex;gap:8px;justify-content:flex-end}.delete-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.delete-modal-body{background:#f5f7fa;border-radius:20px;box-shadow:20px 20px 60px #c8d0e7,-20px -20px 60px #fff;max-width:500px;width:90%;padding:32px}.delete-modal-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.delete-icon-wrapper{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#f56565,#e53e3e);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;box-shadow:4px 4px 12px #f565654d,-2px -2px 8px #ffffff1a}.delete-modal-header h3{margin:0;font-size:1.5rem;font-weight:600;color:#2d3748}.delete-modal-header p{margin:0 0 20px;color:#718096;line-height:1.6}.delete-modal-actions{display:flex;gap:12px;justify-content:flex-end}.empty-state{text-align:center;padding:60px 20px;color:#718096}.board-settings-modal{background:#fff;border-radius:20px;box-shadow:20px 20px 60px #c8d0e799,-20px -20px 60px #fffc;max-width:1200px;width:95%;max-height:90vh;overflow:hidden;animation:modalSlideUp .3s ease-out}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (max-width: 1024px){.boards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.dashboard-grid{grid-template-columns:1fr}}@media (max-width: 768px){.board-management{padding:12px}.boards-grid{grid-template-columns:1fr}.simple-controls{flex-direction:column}.board-actions{flex-wrap:wrap}.board-settings-modal{width:98%;max-height:95vh}}.admin-table-container{background:#f5f7fa;border-radius:20px;padding:24px;box-shadow:0 10px 30px #c8d0e74d,0 4px 12px #c8d0e733;overflow:visible}.admin-table-wrapper{overflow-x:auto;margin:-8px;padding:8px}.admin-table{width:100%;border-spacing:0;border-collapse:separate;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #c8d0e726}.admin-table thead{position:sticky;top:0;z-index:10}.admin-table thead tr{display:grid;gap:16px;align-items:center;padding:20px 28px;margin-bottom:0;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px 12px 0 0;border-bottom:none;box-shadow:0 4px 12px #667eea4d,0 2px 6px #764ba233;position:relative;overflow:hidden}.admin-table thead tr:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);pointer-events:none}.admin-table th{font-size:12px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.8px;text-align:center;white-space:nowrap;padding:0;display:flex;align-items:center;justify-content:center;position:relative}.admin-table .sortable-header{display:inline-flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease;padding:6px 12px;border-radius:8px;color:#fff}.admin-table .sortable-header:hover{background:#fff3;transform:translateY(-1px)}.admin-table .sortable-header:active{transform:translateY(0);background:#ffffff26}.admin-table .sortable-header svg{font-size:14px;opacity:.8}.admin-table .sortable-header:hover svg{opacity:1}.admin-table tbody{display:flex;flex-direction:column;gap:0}.admin-table tbody tr{display:grid;gap:16px;align-items:center;padding:18px 28px;background:#fff;border-bottom:1px solid rgba(226,232,240,.8);cursor:pointer;transition:all .15s ease;position:relative}.admin-table tbody tr:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.admin-table tbody tr:last-child{border-bottom:none;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.admin-table tbody tr:hover{background:linear-gradient(90deg,#6366f10a,#fff);border-left:3px solid #6366f1;padding-left:25px;box-shadow:0 2px 8px #6366f11f,inset 3px 0 #6366f1}.admin-table tbody tr.selected{background:linear-gradient(90deg,#6366f114,#fff);border-left:3px solid #818cf8;padding-left:25px;box-shadow:0 2px 8px #818cf826,inset 3px 0 #818cf8}.admin-table tbody tr:active{background:#6366f10d}.admin-table td{font-size:14px;color:#2d3748;padding:4px 0;white-space:nowrap;overflow:visible;text-overflow:ellipsis;text-align:center;display:flex;align-items:center;justify-content:center;min-height:32px}.admin-table .badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border:none;transition:all .2s ease;line-height:1.2;height:22px}.admin-table .badge.role-admin{background:#fafbfc;color:#c41d7f;box-shadow:4px 4px 8px #c8d0e780,-4px -4px 8px #ffffffe6}.admin-table .badge.role-user,.admin-table .badge.status-active{background:#fafbfc;color:#237804;box-shadow:4px 4px 8px #c8d0e780,-4px -4px 8px #ffffffe6}.admin-table .badge.status-inactive{background:#fafbfc;color:#cf1322;box-shadow:4px 4px 8px #c8d0e780,-4px -4px 8px #ffffffe6}.admin-table .badge.leader-yes{background:#fafbfc;color:#c41d7f;box-shadow:4px 4px 8px #c8d0e780,-4px -4px 8px #ffffffe6}.admin-table .badge.leader-no{background:#fafbfc;color:#64748b;box-shadow:4px 4px 8px #c8d0e780,-4px -4px 8px #ffffffe6}.admin-table .action-buttons{display:flex;gap:6px;justify-content:center;align-items:center}.admin-table .action-btn{width:32px;height:32px;padding:0;border-radius:8px;border:1px solid transparent;background:transparent;color:#64748b;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;font-size:16px}.admin-table .action-btn:hover{transform:scale(1.08);background:#64748b14}.admin-table .action-btn:active{transform:scale(.95)}.admin-table .action-btn.btn-edit{color:#6366f1}.admin-table .action-btn.btn-edit:hover{color:#4f46e5;background:#6366f11a;border-color:#6366f133}.admin-table .action-btn.btn-delete{color:#ef4444}.admin-table .action-btn.btn-delete:hover{color:#dc2626;background:#ef44441a;border-color:#ef444433}.admin-table .action-btn.btn-lock{color:#f59e0b}.admin-table .action-btn.btn-lock:hover{color:#d97706;background:#f59e0b1a;border-color:#f59e0b33}.admin-table .action-btn.btn-unlock{color:#10b981}.admin-table .action-btn.btn-unlock:hover{color:#059669;background:#10b9811a;border-color:#10b98133}.admin-table .action-btn.btn-reset{color:#8b5cf6}.admin-table .action-btn.btn-reset:hover{color:#7c3aed;background:#8b5cf61a;border-color:#8b5cf633}.admin-table .action-btn.btn-cache{color:#06b6d4}.admin-table .action-btn.btn-cache:hover{color:#0891b2;background:#06b6d41a;border-color:#06b6d433}.admin-table-empty{text-align:center;padding:80px 20px;color:#a0aec0}.admin-table-empty svg{font-size:64px;margin-bottom:16px;color:#cbd5e0;opacity:.5}.admin-table-empty h3{font-size:20px;font-weight:600;color:#4a5568;margin-bottom:8px}.admin-table-empty p{font-size:14px;color:#718096}.admin-table-loading{text-align:center;padding:80px 20px;color:#667eea}.admin-table-loading svg{font-size:48px;animation:spin 1s linear infinite}@media (max-width: 1200px){.admin-table-container{padding:24px}.admin-table thead tr,.admin-table tbody tr{padding:16px 20px;gap:12px}}@media (max-width: 768px){.admin-table-container{padding:16px;border-radius:16px}.admin-table thead{display:none}.admin-table tbody tr{grid-template-columns:1fr!important;gap:12px;padding:20px}.admin-table td{white-space:normal;justify-content:flex-start}.admin-table td:before{content:attr(data-label);font-weight:600;color:#667eea;display:block;margin-bottom:6px;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.admin-table .action-buttons{justify-content:flex-start}}.admin-table-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:32px;padding:20px}.admin-table-pagination button{padding:12px 20px;border-radius:12px;border:none;background:#f5f7fa;color:#4a5568;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:6px 6px 12px #c8d0e766,-6px -6px 12px #ffffffe6;min-width:44px}.admin-table-pagination button:hover:not(:disabled){transform:translateY(-2px);box-shadow:8px 8px 16px #c8d0e773,-8px -8px 16px #fffffff2}.admin-table-pagination button:active:not(:disabled){transform:translateY(0);box-shadow:inset 4px 4px 8px #c8d0e766,inset -4px -4px 8px #ffffffe6}.admin-table-pagination button:disabled{opacity:.4;cursor:not-allowed}.admin-table-pagination button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:6px 6px 12px #667eea4d,-6px -6px 12px #ffffffe6}.admin-table-pagination .page-info{font-size:14px;color:#4a5568;font-weight:500;padding:0 16px}.account-manager-content .admin-table thead tr,.account-manager-content .admin-table tbody tr{grid-template-columns:50px 2.5fr 1.8fr .9fr 1fr 1fr 1fr}.account-manager-content .user-info-cell{justify-content:flex-start;text-align:left}.account-user-info{display:flex;align-items:center;gap:12px;min-width:0;width:100%}.user-details{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.user-name{font-size:15px;font-weight:600;color:#2d3748;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.user-email{font-size:13px;color:#718096;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.user-username{font-size:12px;color:#a0aec0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Monaco,Menlo,monospace;line-height:1.2}.dept-info{display:flex;flex-direction:column;gap:4px;align-items:center}.department{font-size:14px;font-weight:600;color:#4a5568;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.position{font-size:12px;color:#718096;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.controls-bar{background:#f5f7fa;border-radius:20px;padding:24px;margin-bottom:24px;box-shadow:var(--shadow-neumorphism)}.search-section{display:flex;gap:12px;align-items:center;flex-wrap:nowrap}.search-section .search-input-neumorp{flex:1;min-width:320px}.header-actions{display:flex;gap:12px;align-items:center}.bulk-actions{display:flex;gap:12px;margin-top:20px;padding-top:20px;border-top:2px solid rgba(200,208,231,.2);align-items:center}.selection-count{font-size:15px;font-weight:700;color:#667eea;margin-right:auto;padding:8px 16px;background:#667eea1a;border-radius:12px;box-shadow:var(--shadow-neumorphism-inset-small)}.bulk-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;background:#f5f7fa;color:#4a5568;box-shadow:var(--shadow-neumorphism)}.bulk-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-neumorphism)}.bulk-btn:active{transform:translateY(0);box-shadow:var(--shadow-neumorphism-inset-small)}.bulk-btn.delete{color:#f56565}.bulk-btn.delete:hover{background:#f565651a}.bulk-btn.activate{color:#48bb78}.bulk-btn.activate:hover{background:#48bb781a}.bulk-btn.deactivate{color:#f59e0b}.bulk-btn.deactivate:hover{background:#f59e0b1a}.creation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.creation-modal-content{background:#f5f7fa;border-radius:24px;padding:48px;max-width:520px;width:90%;box-shadow:var(--shadow-neumorphism-large);animation:slideUp .3s cubic-bezier(.4,0,.2,1);text-align:center}.modal-result-icon{width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 28px;font-size:48px}.modal-result-icon.success{background:#48bb7826;color:#48bb78;box-shadow:var(--shadow-neumorphism-inset)}.modal-result-icon.error{background:#f5656526;color:#f56565;box-shadow:var(--shadow-neumorphism-inset)}.modal-result-icon.warning{background:#f59f0b26;color:#f59e0b;box-shadow:var(--shadow-neumorphism-inset)}.creation-modal-title{font-size:26px;font-weight:700;color:#2d3748;margin-bottom:12px}.creation-modal-subtitle{font-size:16px;color:#718096;margin-bottom:28px;line-height:1.6}.modal-actions{display:flex;gap:12px;justify-content:center;margin-top:36px}.modal-confirm-btn{padding:14px 36px;border-radius:14px;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-neumorphism)}.modal-confirm-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-neumorphism)}.modal-confirm-btn:active{transform:translateY(0);box-shadow:var(--shadow-neumorphism-inset-small)}@media (max-width: 1200px){.account-manager-content .admin-table thead tr,.account-manager-content .admin-table tbody tr{grid-template-columns:50px 2.2fr 1.6fr .8fr .9fr .9fr .9fr}}@media (max-width: 768px){.account-manager-content,.controls-bar{padding:16px}.search-section{flex-direction:column;flex-wrap:wrap}.search-section .search-input-neumorp{width:100%;min-width:100%}.header-actions{width:100%;justify-content:flex-end}.bulk-actions{flex-wrap:wrap}}.project-permission-manager .controls-bar:first-of-type .search-section{display:flex;gap:16px;flex-wrap:nowrap;width:100%}.project-permission-manager .controls-bar:first-of-type .search-section>div{min-width:300px;flex:1}.project-permission-manager .admin-table thead tr,.project-permission-manager .admin-table tbody tr{grid-template-columns:50px 2.5fr 1.2fr 1fr 1.2fr}.project-permission-manager .user-info-cell{justify-content:flex-start;text-align:left}@media (max-width: 1200px){.project-permission-manager .admin-table thead tr,.project-permission-manager .admin-table tbody tr{grid-template-columns:50px 2fr 1fr .9fr 1fr}}@media (max-width: 768px){.project-permission-manager .admin-table thead tr,.project-permission-manager .admin-table tbody tr{grid-template-columns:50px 1.5fr 1fr .8fr .8fr}}.registration-tabs{display:flex;gap:3px;background:#f5f7fa;padding:6px;border-radius:12px;margin:24px auto;max-width:1200px;box-shadow:inset 4px 4px 8px #c8d0e7,inset -4px -4px 8px #fff}.registration-tabs button{flex:1;padding:12px 24px;background:transparent;border:none;border-radius:8px;font-size:15px;font-weight:500;color:#718096;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.registration-tabs button:hover{color:#667eea}.registration-tabs button.active{background:#f5f7fa;color:#667eea;font-weight:600;box-shadow:4px 4px 8px #c8d0e7,-4px -4px 8px #fff}.registration-tabs button svg{font-size:18px}.create-account-form{max-width:1200px;margin:0 auto;background:#f5f7fa;border-radius:20px;padding:32px;box-shadow:var(--shadow-neumorphism)}.form-section{margin-bottom:32px}.form-section .section-title{margin-bottom:20px;display:inline-flex;align-items:center;gap:8px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.form-group-wrapper{display:flex;flex-direction:column;gap:8px}.form-group-wrapper label{font-size:14px;font-weight:600;color:#4a5568;display:flex;align-items:center;gap:4px}.form-group-wrapper label .required{color:#e53e3e}.username-input-wrapper{position:relative;display:flex;align-items:center}.username-input-wrapper .input-field-wrapper{flex:1}.username-status-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:18px;pointer-events:none}.username-status-icon.checking{color:#667eea;animation:pulse 1.5s ease-in-out infinite}.username-status-icon.available{color:#48bb78}.username-status-icon.unavailable{color:#f56565}.username-status-icon.error{color:#ed8936}.input-field-wrapper{position:relative}.error-message{font-size:12px;color:#f56565;margin-top:4px}.dropdown-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#4a5568;margin-bottom:8px}.form-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;border-top:2px solid rgba(200,208,231,.3)}.creation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.creation-modal-content{background:#f5f7fa;border-radius:20px;padding:40px;max-width:500px;width:90%;text-align:center;box-shadow:20px 20px 60px #c8d0e7,-20px -20px 60px #fff;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-result-icon{font-size:64px;margin-bottom:20px}.modal-result-icon.success{color:#48bb78;animation:scaleIn .3s ease}.modal-result-icon.error{color:#f56565;animation:shake .5s ease}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.modal-loading-icon{font-size:64px;color:#667eea;margin-bottom:20px}.creation-modal-title{font-size:1.5rem;font-weight:600;color:#2d3748;margin:0 0 12px}.creation-modal-subtitle{font-size:1rem;color:#718096;margin:0 0 24px}.status-text{font-size:.9rem;color:#4a5568;margin-bottom:24px}@media (max-width: 1024px){.form-grid{grid-template-columns:1fr}}@media (max-width: 768px){.create-account-page{padding:12px}.create-account-form{padding:20px}.registration-tabs{flex-direction:column}.registration-tabs button{justify-content:flex-start}.form-footer{flex-direction:column}.form-footer button{width:100%}}.changes-table{width:100%;margin-top:16px;overflow-x:auto}.changes-table table{width:100%;border-collapse:collapse;background:#f5f7fa;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-neumorphism-inset)}.changes-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.changes-table th{padding:12px 16px;text-align:left;font-size:14px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.changes-table td{padding:12px 16px;border-bottom:1px solid #e1e8ed;font-size:14px}.changes-table tbody tr:last-child td{border-bottom:none}.changes-table tbody tr:hover{background:#ecf0f3}.changes-table .field-name{color:#667eea;font-weight:600}.changes-table .before-value{color:#718096;font-style:italic}.changes-table .arrow{color:#667eea;font-weight:700;text-align:center;width:40px}.changes-table .after-value{color:#2d3748;font-weight:600}.bulk-create-content{max-width:80%;margin:0 auto;padding:32px}.info-box{background:#f5f7fa;border-radius:16px;padding:24px;margin-bottom:32px;display:flex;gap:16px;box-shadow:inset 4px 4px 8px #c8d0e7,inset -4px -4px 8px #fff}.info-box svg{color:#667eea;flex-shrink:0;margin-top:4px}.info-box h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#2d3748}.info-box p{margin:4px 0;font-size:15px;color:#4a5568;line-height:1.6}.sample-btn{margin-top:12px;padding:8px 16px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.sample-btn:hover{background:#5568d3;transform:translateY(-2px)}.script-input-section{margin-bottom:32px}.input-info{margin-top:8px;font-size:14px;color:#666}.input-info strong{color:#667eea;font-weight:600}.parsed-users-section{margin-bottom:32px}.users-table-wrapper{overflow-x:auto;background:#f5f7fa;border-radius:16px;padding:16px;box-shadow:8px 8px 16px #c8d0e7,-8px -8px 16px #fff}.parsed-users-table{width:100%;border-collapse:collapse;font-size:14px}.parsed-users-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.parsed-users-table th{padding:12px 8px;text-align:left;font-weight:600;white-space:nowrap}.parsed-users-table th:first-child{border-radius:8px 0 0}.parsed-users-table th:last-child{border-radius:0 8px 0 0}.parsed-users-table td{padding:12px 8px;border-bottom:1px solid #e1e8ed}.parsed-users-table tbody tr{transition:background .2s}.parsed-users-table tbody tr:hover{background:#667eea0d}.parsed-users-table tbody tr.error-row{background:#f565651a}.parsed-users-table tbody tr.error-row:hover{background:#f5656526}.status-ok{display:inline-flex;align-items:center;gap:4px;color:#48bb78;font-weight:600}.status-error{display:inline-flex;align-items:center;gap:4px;color:#f56565;font-weight:600;font-size:13px}.status-pending{color:#999;font-size:13px}.validation-errors{background:#fff5f5;border:2px solid #feb2b2;border-radius:12px;padding:20px;margin-bottom:24px}.validation-errors h4{display:flex;align-items:center;gap:8px;margin:0 0 12px;color:#c53030;font-size:16px}.validation-errors ul{margin:0;padding-left:24px;color:#742a2a}.validation-errors li{margin-bottom:8px;line-height:1.6}.bulk-create-account .action-buttons{display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:32px;border-top:2px solid #e1e8ed}.progress-bar{width:100%;height:12px;background:#e1e8ed;border-radius:6px;margin-top:20px;overflow:hidden;box-shadow:inset 2px 2px 4px #c8d0e7,inset -2px -2px 4px #fff}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease;border-radius:6px}.spinner{animation:spin 1s linear infinite}.reference-table-section{margin-bottom:32px}.reference-toggle-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#f5f7fa;border:none;border-radius:10px;font-size:15px;font-weight:600;color:#667eea;cursor:pointer;transition:all .3s;box-shadow:4px 4px 8px #c8d0e7,-4px -4px 8px #fff}.reference-toggle-btn:hover{transform:translateY(-2px);box-shadow:6px 6px 12px #c8d0e7,-6px -6px 12px #fff}.reference-table-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:20px}.reference-table-card{background:#f5f7fa;border-radius:16px;padding:20px;box-shadow:8px 8px 16px #c8d0e7,-8px -8px 16px #fff}.reference-table-card h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#2d3748;padding-bottom:12px;border-bottom:2px solid #e1e8ed}.reference-table-content{max-height:300px;overflow-y:auto;border-radius:8px}.reference-table-content::-webkit-scrollbar{width:8px}.reference-table-content::-webkit-scrollbar-track{background:#e1e8ed;border-radius:4px}.reference-table-content::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}.reference-table{width:100%;border-collapse:collapse;font-size:14px}.reference-table thead{position:sticky;top:0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;z-index:1}.reference-table th{padding:10px 12px;text-align:left;font-weight:600;font-size:13px}.reference-table th:first-child{border-radius:6px 0 0}.reference-table th:last-child{border-radius:0 6px 0 0}.reference-table td{padding:10px 12px;border-bottom:1px solid #e1e8ed;color:#4a5568}.reference-table tbody tr{transition:background .2s}.reference-table tbody tr:hover{background:#667eea14}.reference-table tbody tr:last-child td{border-bottom:none}.error-summary-compact{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;background:#fff5f5;border-left:4px solid #f56565;border-radius:8px;margin-bottom:16px}.error-summary-stats{display:flex;align-items:center;gap:12px;font-size:14px;color:#2d3748}.stat-item{display:flex;align-items:center;gap:6px}.stat-item strong{font-size:16px;font-weight:700}.stat-divider{color:#cbd5e0;font-weight:300}.icon-success{color:#48bb78}.icon-error{color:#f56565}@media (max-width: 768px){.bulk-create-content{padding:16px}.bulk-create-account .action-buttons{flex-direction:column}.users-table-wrapper{padding:8px}.parsed-users-table{font-size:12px}.parsed-users-table th,.parsed-users-table td{padding:8px 4px}.reference-table-grid{grid-template-columns:1fr}.reference-table-card{padding:16px}.reference-table{font-size:13px}.error-summary-compact{flex-direction:column;align-items:stretch;gap:12px}.error-summary-stats{flex-wrap:wrap}}.test-welcome-email-container{padding:40px;max-width:80%;margin:0 auto}.btn-back{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#f5f7fa;border:none;border-radius:12px;color:#2d3748;font-weight:600;font-size:14px;cursor:pointer;box-shadow:8px 8px 16px #c8d0e7,-8px -8px 16px #fff;transition:all .3s ease}.btn-back:hover{box-shadow:6px 6px 12px #c8d0e7,-6px -6px 12px #fff;transform:translateY(-2px)}.btn-back:active{box-shadow:inset 4px 4px 8px #c8d0e7,inset -4px -4px 8px #fff;transform:translateY(0)}.test-email-content{display:grid;grid-template-columns:2fr 1fr;gap:32px;margin-top:32px}.test-email-card{background:#f5f7fa;border-radius:20px;padding:40px;box-shadow:20px 20px 40px #c8d0e7,-20px -20px 40px #fff}.card-icon{text-align:center;margin-bottom:32px;color:#667eea}.test-email-form{display:flex;flex-direction:column;gap:24px}.form-hint{font-size:13px;color:#718096;margin-top:-4px;line-height:1.5}.btn-send,.btn-reset{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;border:none;border-radius:12px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease}.btn-send{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:8px 8px 16px #667eea4d,-8px -8px 16px #fffc}.btn-send:hover:not(:disabled){box-shadow:6px 6px 12px #667eea66,-6px -6px 12px #ffffffe6;transform:translateY(-2px)}.btn-send:active:not(:disabled){transform:translateY(0)}.btn-send:disabled{opacity:.6;cursor:not-allowed}.btn-reset{background:#f5f7fa;color:#2d3748;box-shadow:8px 8px 16px #c8d0e7,-8px -8px 16px #fff}.btn-reset:hover:not(:disabled){box-shadow:6px 6px 12px #c8d0e7,-6px -6px 12px #fff;transform:translateY(-2px)}.btn-reset:active:not(:disabled){box-shadow:inset 4px 4px 8px #c8d0e7,inset -4px -4px 8px #fff;transform:translateY(0)}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin .8s linear infinite}.result-box{margin-top:32px;padding:32px;border-radius:16px;display:flex;align-items:flex-start;gap:20px;animation:slideIn .3s ease-out}.result-box.success{background:linear-gradient(135deg,#f0fff4,#e6fffa);border-left:4px solid #48bb78;box-shadow:8px 8px 16px #48bb7833,-8px -8px 16px #fffc}.result-box.error{background:linear-gradient(135deg,#fff5f5,#fed7d7);border-left:4px solid #f56565;box-shadow:8px 8px 16px #f5656533,-8px -8px 16px #fffc}.result-icon{flex-shrink:0}.result-box.success .result-icon{color:#48bb78}.result-box.error .result-icon{color:#f56565}.result-content{flex:1}.result-content h3{margin:0 0 8px;font-size:18px;font-weight:700;color:#2d3748}.result-content p{margin:0 0 16px;color:#4a5568;line-height:1.6}.result-details{display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1px solid rgba(0,0,0,.1)}.detail-row{display:flex;gap:12px;font-size:13px}.detail-label{font-weight:600;color:#4a5568;min-width:100px}.detail-value{color:#2d3748}.detail-value.code{font-family:Courier New,monospace;font-size:12px;color:#667eea;word-break:break-all}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.info-panel{background:#f5f7fa;border-radius:20px;padding:32px;box-shadow:20px 20px 40px #c8d0e7,-20px -20px 40px #fff;height:fit-content}.info-panel h3{font-size:16px;font-weight:700;color:#2d3748;margin:0 0 16px;display:flex;align-items:center;gap:8px}.info-panel ul{margin:0;padding-left:20px;list-style:none}.info-panel ul li{position:relative;margin-bottom:12px;color:#4a5568;font-size:13px;line-height:1.6;padding-left:8px}.info-panel ul li:before{content:"•";position:absolute;left:-12px;color:#667eea;font-weight:700}.info-panel code{background:#e2e8f0;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:12px;color:#667eea}@media (max-width: 1024px){.test-email-content{grid-template-columns:1fr}.info-panel{order:2}}@media (max-width: 768px){.test-welcome-email-container{padding:24px 16px}.test-email-card{padding:24px}.form-actions{flex-direction:column}.result-box{flex-direction:column;align-items:center;text-align:center}.info-panel{padding:24px}}.changes-indicator{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fed7d7;color:#c53030;border-radius:8px;font-size:14px;font-weight:500}.action-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f5f7fa;border:none;border-radius:10px;font-weight:500;color:#4a5568;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-neumorphism-small)}.action-btn:hover:not(:disabled){box-shadow:var(--shadow-neumorphism-inset-small)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.primary-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-neumorphism-small)}.primary-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-neumorphism)}.primary-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.config-container{display:flex;gap:20px;min-height:600px}.config-tabs{display:flex;flex-direction:column;gap:8px;min-width:200px;background:#f5f7fa;border-radius:12px;padding:16px;box-shadow:var(--shadow-neumorphism);height:fit-content}.tab-button{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;border-radius:10px;font-weight:500;color:#718096;cursor:pointer;transition:all .3s ease;text-align:left}.tab-button:hover{color:#4a5568;background:#667eea0d}.tab-button.active{background:#f5f7fa;color:#667eea;box-shadow:var(--shadow-neumorphism-small)}.config-content{flex:1;background:#f5f7fa;border-radius:12px;padding:24px;box-shadow:var(--shadow-neumorphism)}.config-section{animation:fadeIn .3s ease-in-out}.section-header-with-action{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header-with-action .section-title{margin-bottom:0}.template-manage-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f5f7fa;border:none;border-radius:10px;font-weight:500;font-size:14px;color:#667eea;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-neumorphism-small)}.template-manage-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-neumorphism);background:linear-gradient(135deg,#667eea1a,#764ba21a)}.template-manage-btn svg{font-size:16px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.form-group{margin-bottom:0}.form-group.full-width{grid-column:1 / -1}.form-group.checkbox-group{gap:12px;display:flex;flex-direction:column;padding:12px 0}.checkbox-label{display:flex;align-items:center;gap:8px;font-weight:400!important;color:#4a5568;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.loading,.error{text-align:center;padding:60px 20px;font-size:18px}.loading{color:#718096}.error{color:#e53e3e;background:#fed7d7;border-radius:12px;margin:20px 0}@media (max-width: 768px){.page-header{flex-direction:column;gap:16px;align-items:flex-start}.header-actions{width:100%;flex-wrap:wrap}.config-container{flex-direction:column}.config-tabs{flex-direction:row;min-width:auto;overflow-x:auto;white-space:nowrap}.section-header-with-action{flex-direction:column;align-items:flex-start;gap:12px}.template-manage-btn{width:100%}.tab-button{flex-shrink:0;min-width:120px}.form-grid{grid-template-columns:1fr}.changes-indicator{order:-1;width:100%;justify-content:center}}@media (max-width: 480px){.system-config,.page-header,.config-content{padding:16px}.form-grid{gap:16px}}.controls-bar{display:flex;justify-content:space-between;align-items:center;background:#f5f7fa;padding:12px;border-radius:10px;margin-bottom:16px;box-shadow:var(--shadow-neumorphism-small);gap:16px;flex-shrink:0}.search-section{flex:1;max-width:400px}.search-box{position:relative;display:flex;align-items:center}.search-box svg{position:absolute;left:12px;color:#a0aec0;width:16px;height:16px}.search-box input{width:100%;padding:10px 10px 10px 36px;background:#f5f7fa;border:none;border-radius:10px;font-size:14px;color:#4a5568;box-shadow:var(--shadow-neumorphism-inset-small)}.search-box input:focus{outline:none;box-shadow:var(--shadow-neumorphism-inset)}.filter-section{display:flex;gap:12px}.filter-select{padding:10px 12px;background:#f5f7fa;border:none;border-radius:10px;font-size:14px;color:#4a5568;cursor:pointer;box-shadow:var(--shadow-neumorphism-small)}.auto-refresh-toggle{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f5f7fa;border-radius:8px;font-size:14px;color:#4a5568;cursor:pointer;box-shadow:var(--shadow-neumorphism-small)}.auto-refresh-toggle input[type=checkbox]{width:16px;height:16px;accent-color:#667eea}.logs-container{display:flex;gap:20px}.logs-list{flex:1;background:#f5f7fa;border-radius:12px;padding:16px;box-shadow:var(--shadow-neumorphism);min-height:calc(100vh - 450px);max-height:calc(100vh - 450px);overflow-y:auto}.logs-list:has(.log-viewer-empty-state){overflow:hidden;display:flex;justify-content:center;align-items:center}.log-entry{background:#f5f7fa;border-radius:10px;padding:16px;margin-bottom:12px;cursor:pointer;transition:all .3s ease;border-left:4px solid transparent;box-shadow:var(--shadow-neumorphism-small)}.log-entry:hover{transform:translateY(-1px);box-shadow:var(--shadow-neumorphism)}.log-entry.error{border-left-color:#e53e3e}.log-entry.warn{border-left-color:#dd6b20}.log-entry.info{border-left-color:#3182ce}.log-entry.debug{border-left-color:#38a169}.log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.log-level{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600}.log-level.error{color:#e53e3e}.log-level.warn{color:#dd6b20}.log-level.info{color:#3182ce}.log-level.debug{color:#38a169}.log-timestamp{font-size:12px;color:#a0aec0;font-family:Monaco,Menlo,monospace}.log-content{margin-bottom:8px}.log-category{font-size:12px;color:#667eea;font-weight:600;margin-bottom:4px}.log-message{color:#4a5568;font-size:14px;line-height:1.4}.log-meta{display:flex;gap:16px;font-size:11px;color:#a0aec0;flex-wrap:wrap}.log-source{font-family:Monaco,Menlo,monospace}.log-detail-panel{width:400px;background:#f5f7fa;border-radius:12px;box-shadow:var(--shadow-neumorphism);display:flex;flex-direction:column}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(200,208,231,.3)}.panel-header h3{font-size:1.1rem;font-weight:600;color:#2d3748;margin:0}.panel-content{padding:20px;overflow-y:auto;flex:1}.detail-section{margin-bottom:24px}.detail-section h4{font-size:14px;font-weight:600;color:#4a5568;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.detail-grid{display:grid;grid-template-columns:1fr;gap:12px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item.full-width{grid-column:1 / -1}.detail-item label{font-size:12px;font-weight:500;color:#718096;text-transform:uppercase;letter-spacing:.5px}.detail-item span{font-size:14px;color:#2d3748;word-break:break-all}.level-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600}.level-badge.error{background:#e53e3e1a;color:#e53e3e}.level-badge.warn{background:#dd6b201a;color:#dd6b20}.level-badge.info{background:#3182ce1a;color:#3182ce}.level-badge.debug{background:#38a1691a;color:#38a169}.message-content{background:#c8d0e71a;padding:12px;border-radius:8px;font-size:14px;color:#2d3748;line-height:1.5}.details-json{background:#c8d0e71a;padding:12px;border-radius:8px;font-size:12px;color:#2d3748;overflow-x:auto;white-space:pre-wrap;font-family:Monaco,Menlo,monospace}.log-viewer-empty-state{text-align:center;padding:60px 20px;color:#a0aec0}.log-viewer-empty-state svg{margin-bottom:16px;color:#cbd5e0}.log-viewer-empty-state h3{font-size:1.5rem;color:#4a5568;margin-bottom:8px}.log-viewer-empty-state p{color:#718096}.loading{text-align:center;padding:60px 20px;color:#718096;font-size:18px}.log-entry.failed{background:#e53e3e0d}.log-resource{color:#718096}.log-error-hint{color:#e53e3e;font-size:12px}.log-status.failed{background:#e53e3e1a;color:#e53e3e;padding:2px 8px;border-radius:4px;font-weight:500}.log-project{color:#667eea}.error-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#e53e3e1a;border:1px solid rgba(229,62,62,.2);border-radius:8px;margin-bottom:16px;color:#e53e3e}.error-banner button{margin-left:auto;background:none;border:none;color:#e53e3e;font-size:18px;cursor:pointer;padding:0;line-height:1}.error-message-box{background:#e53e3e1a;border:1px solid rgba(229,62,62,.2);padding:12px;border-radius:8px;color:#e53e3e;font-size:14px}.changes-container{display:flex;flex-direction:column;gap:12px}.change-box{padding:12px;border-radius:8px}.change-box.old{background:#e53e3e0d;border:1px solid rgba(229,62,62,.1)}.change-box.new{background:#38a1690d;border:1px solid rgba(56,161,105,.1)}.change-box label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;margin-bottom:8px;color:#718096}.change-box pre{margin:0;font-size:12px;font-family:Monaco,Menlo,monospace;white-space:pre-wrap;word-break:break-all}.monospace{font-family:Monaco,Menlo,monospace;font-size:12px}.user-agent{font-size:12px;word-break:break-all;line-height:1.4}.success{color:#38a169}.failed{color:#e53e3e}.pagination-bar{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:12px 16px;background:#f5f7fa;border-radius:10px;box-shadow:var(--shadow-neumorphism-small);flex-shrink:0}.pagination-info{font-size:14px;color:#718096}.pagination-controls{display:flex;align-items:center;gap:12px}.pagination-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f5f7fa;border:none;border-radius:8px;color:#4a5568;cursor:pointer;box-shadow:var(--shadow-neumorphism-small);transition:all .2s ease}.pagination-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-neumorphism)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-current{font-size:14px;font-weight:500;color:#4a5568}@media (max-width: 768px){.controls-bar{flex-direction:column;align-items:stretch;gap:12px}.filter-section{flex-wrap:wrap}.logs-container{flex-direction:column}.log-detail-panel{width:100%;max-height:400px}.log-meta{gap:8px}}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667eea' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.department-tree-container{background:#f5f7fa;border-radius:20px;padding:24px;box-shadow:8px 8px 16px #c8d0e759,-8px -8px 16px #fffc}.tree-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid rgba(200,208,231,.3)}.tree-title{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;color:#2d3748;margin:0}.tree-actions{display:flex;gap:8px}.tree-action-btn{padding:8px 16px;background:#f5f7fa;border:none;border-radius:10px;color:#667eea;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:4px 4px 8px #c8d0e759,-4px -4px 8px #fffc}.tree-action-btn:hover{transform:translateY(-1px);box-shadow:6px 6px 12px #c8d0e766,-6px -6px 12px #ffffffe6}.tree-action-btn:active{transform:translateY(0);box-shadow:inset 2px 2px 4px #c8d0e74d,inset -2px -2px 4px #ffffffb3}.tree-content{margin-top:16px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#a0aec0;text-align:center}.empty-state svg{margin-bottom:16px;opacity:.5}.division-node{margin-bottom:8px}.division-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f5f7fa;border-radius:12px;box-shadow:inset 2px 2px 4px #c8d0e733,inset -2px -2px 4px #ffffff80;transition:all .2s ease}.division-item:hover{box-shadow:inset 3px 3px 6px #c8d0e74d,inset -3px -3px 6px #fff9}.division-item--top{background:#667eea0d;font-weight:600}.division-toggle{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toggle-btn{background:none;border:none;padding:0;cursor:pointer;color:#667eea;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.toggle-btn:hover{color:#5a67d8;transform:scale(1.1)}.toggle-placeholder{width:18px;height:18px;display:inline-block}.division-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.division-icon{color:#667eea;display:flex;align-items:center;flex-shrink:0}.division-details{display:flex;flex-direction:column;gap:4px;min-width:0}.division-name{font-size:15px;font-weight:600;color:#2d3748;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.division-code{font-size:12px;color:#a0aec0;font-family:Monaco,Menlo,Courier New,monospace}.division-level{flex-shrink:0}.level-badge{display:inline-block;padding:4px 12px;border-radius:8px;font-size:12px;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:2px 2px 4px #667eea4d,-2px -2px 4px #ffffff1a}.level-badge.level-0{background:linear-gradient(135deg,#667eea,#764ba2)}.level-badge.level-1{background:linear-gradient(135deg,#48bb78,#38a169)}.level-badge.level-2{background:linear-gradient(135deg,#4299e1,#3182ce)}.level-badge.level-3{background:linear-gradient(135deg,#ed8936,#dd6b20)}.level-badge.level-4{background:linear-gradient(135deg,#f56565,#e53e3e)}.level-badge.level-5{background:linear-gradient(135deg,#9f7aea,#805ad5)}.division-actions{display:flex;gap:8px;flex-shrink:0}.action-btn{padding:6px 10px;background:#f5f7fa;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:3px 3px 6px #c8d0e759,-3px -3px 6px #fffc}.action-btn:hover{transform:translateY(-1px);box-shadow:4px 4px 8px #c8d0e766,-4px -4px 8px #ffffffe6}.action-btn:active{transform:translateY(0);box-shadow:inset 2px 2px 4px #c8d0e74d,inset -2px -2px 4px #ffffffb3}.action-btn--edit{color:#667eea}.action-btn--edit:hover{color:#5a67d8;background:#667eea1a}.action-btn--delete{color:#f56565}.action-btn--delete:hover{color:#e53e3e;background:#f565651a}.division-children{margin-left:36px;margin-top:8px;padding-left:16px;border-left:2px solid rgba(200,208,231,.3)}.department-form{background:#f5f7fa;border-radius:20px;padding:24px;box-shadow:8px 8px 16px #c8d0e759,-8px -8px 16px #fffc;margin-top:24px}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px}.loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top:3px solid #667eea;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.department-tree-container{padding:16px}.tree-header{flex-direction:column;gap:12px;align-items:flex-start}.tree-actions{width:100%}.tree-action-btn{flex:1}.division-item{flex-wrap:wrap;gap:8px}.division-level{width:100%;order:3}.division-actions{width:100%;order:4;justify-content:flex-end}.division-children{margin-left:12px}}.position-table-container{background:#f5f7fa;border-radius:20px;box-shadow:12px 12px 24px #c8d0e799,-12px -12px 24px #ffffffe6;overflow:hidden}.position-table-container .position-table-header{padding:24px 28px;border-bottom:2px solid rgba(200,208,231,.3);background:linear-gradient(135deg,#f5f7fa,#e8ecf1)}.position-table-container .table-title{font-size:20px;font-weight:700;color:#2d3748;display:flex;align-items:center;gap:10px;margin:0}.position-table-container .table-content{padding:24px}.position-table{width:100%}.position-table .table-head{margin-bottom:12px}.position-table .table-row{display:grid;grid-template-columns:150px 1fr 120px;gap:16px;align-items:center;padding:16px 20px;border-radius:12px;transition:all .2s ease}.position-table .table-head .table-row{background:#c8d0e733;font-weight:600;color:#4a5568;font-size:14px}.position-table .table-body .table-row{background:#f5f7fa;margin-bottom:8px;box-shadow:6px 6px 12px #c8d0e766,-6px -6px 12px #fffc}.position-table .table-body .table-row:hover{transform:translateY(-2px);box-shadow:8px 8px 16px #c8d0e780,-8px -8px 16px #ffffffe6}.position-table .table-cell{display:flex;align-items:center}.position-table .table-cell--code{justify-content:flex-start}.position-table .table-cell--name{flex:1}.position-table .table-cell--actions{justify-content:flex-end}.code-badge{display:inline-block;padding:6px 14px;background:#f5f7fa;border-radius:8px;font-size:13px;font-weight:600;color:#667eea;font-family:Courier New,monospace;box-shadow:inset 3px 3px 6px #c8d0e766,inset -3px -3px 6px #fffc}.position-info{display:flex;align-items:center;gap:12px}.position-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:4px 4px 8px #c8d0e766,-4px -4px 8px #fff9}.position-name{font-size:15px;font-weight:600;color:#2d3748}@media (max-width: 768px){.position-table .table-row{grid-template-columns:100px 1fr 100px;gap:12px;padding:12px 16px}.position-table .table-head .table-row{font-size:13px}.position-name{font-size:14px}.code-badge{font-size:12px;padding:4px 10px}}@media (max-width: 480px){.position-table .table-row{grid-template-columns:80px 1fr 80px;gap:8px;padding:10px 12px}}.email-template-layout{display:grid;grid-template-columns:350px 1fr;gap:24px;height:calc(100vh - 280px)}.template-list-panel{display:flex;flex-direction:column;gap:16px;background:#f5f7fa;border-radius:20px;padding:20px;box-shadow:12px 12px 24px #aeb8ce4d,-12px -12px 24px #fffc;overflow:hidden}.category-filter{display:flex;gap:8px;flex-wrap:wrap}.category-btn{padding:8px 16px;background:#f5f7fa;border:none;border-radius:12px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease;box-shadow:4px 4px 8px #aeb8ce4d,-4px -4px 8px #fffc}.category-btn:hover{transform:translateY(-1px);box-shadow:6px 6px 12px #aeb8ce66,-6px -6px 12px #ffffffe6}.category-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:4px 4px 8px #667eea4d,-2px -2px 4px #ffffff80}.template-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.template-item{padding:16px;background:#fff;border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:4px 4px 8px #c8d0e74d,-4px -4px 8px #fffc}.template-item:hover{transform:translateY(-2px);box-shadow:6px 6px 12px #c8d0e766,-6px -6px 12px #ffffffe6}.template-item.selected{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-left:4px solid #667eea;box-shadow:inset 2px 2px 4px #667eea33,-4px -4px 8px #fffc}.template-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.template-name{font-size:15px;font-weight:600;color:#2d3748}.system-badge{padding:2px 8px;background:#667eea;color:#fff;font-size:11px;font-weight:600;border-radius:4px}.template-subject{font-size:13px;color:#64748b;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#94a3b8}.template-key{font-family:Courier New,monospace;background:#f1f5f9;padding:2px 6px;border-radius:4px}.inactive-badge{padding:2px 6px;background:#fecaca;color:#dc2626;font-size:11px;font-weight:500;border-radius:4px}.template-detail-panel{background:#f5f7fa;border-radius:20px;padding:24px;box-shadow:12px 12px 24px #aeb8ce4d,-12px -12px 24px #fffc;overflow-y:auto}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#94a3b8}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state p{font-size:16px;font-weight:500}.detail-container{display:flex;flex-direction:column;gap:24px}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:2px solid rgba(200,208,231,.3)}.detail-title-section h2{margin:0 0 12px;font-size:24px;font-weight:700;background:linear-gradient(135deg,#475569,#64748b,#6366f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.template-badges{display:flex;gap:8px}.badge{padding:4px 12px;font-size:12px;font-weight:600;border-radius:6px}.badge-system{background:#667eea;color:#fff}.badge-active{background:#10b981;color:#fff}.badge-inactive{background:#ef4444;color:#fff}.detail-actions{display:flex;gap:12px}.warning-box{display:flex;align-items:center;gap:12px;padding:16px;background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;color:#856404;font-size:14px}.warning-box svg{font-size:20px;flex-shrink:0}.form-section{background:#fff;padding:20px;border-radius:12px;box-shadow:4px 4px 8px #c8d0e74d,-4px -4px 8px #fffc}.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:#475569}.form-input,.form-textarea{width:100%;padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#2d3748;font-family:inherit;transition:all .2s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input:disabled,.form-textarea:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}.code-textarea{font-family:Courier New,Courier,monospace;font-size:13px;line-height:1.6}.variables-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.variable-item{display:flex;flex-direction:column;gap:8px;padding:12px;background:#f8fafc;border-radius:8px;border-left:3px solid #667eea}.variable-item code{font-family:Courier New,Courier,monospace;font-size:13px;font-weight:600;color:#667eea}.variable-input{padding:8px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;color:#2d3748}.variable-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.preview-container{display:flex;flex-direction:column;height:100%;gap:16px}.preview-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:2px solid rgba(200,208,231,.3)}.preview-header h3{margin:0;font-size:20px;font-weight:600;color:#2d3748;display:flex;align-items:center;gap:8px}.preview-content{flex:1;background:#fff;border-radius:12px;overflow:hidden;box-shadow:inset 4px 4px 8px #c8d0e74d,inset -4px -4px 8px #ffffff80}.preview-iframe{width:100%;height:100%;border:none}@media (max-width: 1200px){.email-template-layout{grid-template-columns:300px 1fr}}@media (max-width: 968px){.email-template-layout{grid-template-columns:1fr;height:auto}.template-list-panel{max-height:400px}.template-detail-panel{min-height:600px}}@media (max-width: 768px){.detail-header{flex-direction:column;gap:16px}.detail-actions{width:100%;flex-direction:column}.variables-grid{grid-template-columns:1fr}.category-filter{flex-direction:column}}.project-page{min-height:auto;line-height:1.7}.projects-container{max-width:100%;margin:0;padding:0}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-bottom:60px}.project-card{background:#f5f7fa;border-radius:24px;padding:36px;box-shadow:var(--shadow-neumorphism);transition:all .3s ease;display:flex;flex-direction:column;gap:20px;position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--project-color);opacity:0;transition:opacity .3s ease}.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-neumorphism-lg)}.project-card:hover:before{opacity:1}.project-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#f5f7fa;border-radius:20px;box-shadow:var(--shadow-inset);margin-bottom:8px}.project-header{display:flex;flex-direction:column;gap:8px}.project-title{font-size:24px;font-weight:700;color:#2d3748;margin:0;line-height:1.3}.project-subtitle{font-size:14px;font-weight:500;color:#718096;letter-spacing:.5px}.project-status{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:12px;font-size:13px;font-weight:600;color:#fff;align-self:flex-start;margin-top:4px;box-shadow:4px 4px 8px #0000001a,-2px -2px 6px #ffffff80}.project-description{font-size:15px;line-height:1.7;color:#4a5568;margin:0;flex-grow:1}.project-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.project-tag{padding:8px 16px;background:#f5f7fa;border-radius:12px;font-size:13px;font-weight:500;color:#667eea;box-shadow:var(--shadow-neumorphism-xs);transition:all .2s ease}.project-tag:hover{box-shadow:var(--shadow-inset-sm)}.footer-card{background:#f5f7fa;border-radius:24px;padding:40px;text-align:center;box-shadow:var(--shadow-neumorphism)}.footer-card h3{font-size:24px;font-weight:700;color:#2d3748;margin:0 0 16px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-card p{font-size:15px;line-height:1.7;color:#4a5568;margin:0 0 24px}.contact-info{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.contact-info span{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#f5f7fa;border-radius:12px;font-size:14px;font-weight:500;color:#2d3748;box-shadow:var(--shadow-neumorphism-sm);transition:all .2s ease}.contact-info span:hover{box-shadow:var(--shadow-inset)}@media (max-width: 1024px){.projects-grid{gap:32px}.project-card{padding:32px}.project-title{font-size:22px}.project-description{font-size:14px}}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr;gap:24px;margin-bottom:40px}.project-card{padding:24px;gap:16px}.project-icon{width:64px;height:64px}.project-icon svg{width:36px;height:36px}.project-title{font-size:20px}.project-subtitle{font-size:13px}.project-description{font-size:14px;line-height:1.6}.project-tag{font-size:12px;padding:6px 12px}.footer-card{padding:32px 24px}.footer-card h3{font-size:20px}.footer-card p{font-size:14px}.contact-info{flex-direction:column;gap:16px}.contact-info span{font-size:13px;padding:10px 20px}}.project-card{animation:fadeInUp .6s ease-out}.project-card:nth-child(1){animation-delay:.1s}.project-card:nth-child(2){animation-delay:.2s}.project-card:nth-child(3){animation-delay:.3s}.project-card:nth-child(4){animation-delay:.4s}.footer-card{animation:fadeInUp .6s ease-out .5s backwards}.board-widget{background:linear-gradient(145deg,#f7f9fb,#f3f5f8);border-radius:24px;box-shadow:14px 14px 28px #c8d0e780,-14px -14px 28px #ffffffe6,inset 0 0 0 1px #ffffff80;padding:28px;height:100%;display:flex;flex-direction:column;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.board-widget:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#667eea);background-size:200% 100%;opacity:0;transition:opacity .4s ease}.board-widget:hover:before{opacity:1;animation:shimmer 3s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.board-widget:hover{box-shadow:18px 18px 36px #c8d0e799,-18px -18px 36px #fff,inset 0 0 0 1px #667eea1a}.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:18px;border-bottom:2px solid transparent;background:linear-gradient(to right,#667eea,#764ba2,transparent 60%) left bottom no-repeat;background-size:100% 2px;gap:12px}.header-left{flex:1;min-width:0}.widget-title{font-size:20px;font-weight:800;color:#2d3748;margin:0;cursor:pointer;transition:all .3s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;display:inline-block}.widget-title:hover{transform:translate(2px)}.header-actions{display:flex;gap:8px;flex-shrink:0}.action-btn{display:flex;align-items:center;justify-content:center;padding:10px;background:linear-gradient(145deg,#f7f9fb,#f0f2f5);border:none;border-radius:12px;color:#667eea;cursor:pointer;box-shadow:4px 4px 8px #c8d0e766,-4px -4px 8px #fffc,inset 0 0 0 1px #ffffff4d;transition:all .3s cubic-bezier(.4,0,.2,1);width:38px;height:38px;position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(102,126,234,.15),transparent);transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.action-btn:hover:before{width:100px;height:100px}.action-btn svg{width:16px;height:16px;position:relative;z-index:1}.action-btn:hover{box-shadow:6px 6px 12px #c8d0e780,-6px -6px 12px #fff,inset 0 0 0 1px #667eea33;color:#5568d3}.action-btn:active{box-shadow:inset 4px 4px 8px #c8d0e780,inset -4px -4px 8px #ffffffb3;transform:translateY(0)}.widget-content{flex:1;overflow-y:auto}.empty-message{text-align:center;padding:60px 20px;color:#a0aec0;font-size:14px;font-weight:500;background:linear-gradient(135deg,#667eea08,#764ba208);border-radius:16px;border:1px dashed rgba(160,174,192,.3)}.new-badge{display:inline-block;padding:4px 10px;background:#f5f7fa;color:#3b82f6;font-size:11px;font-weight:800;border-radius:8px;margin-right:8px;box-shadow:4px 4px 8px #c8d0e766,-4px -4px 8px #ffffffe6;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{box-shadow:4px 4px 8px #c8d0e766,-4px -4px 8px #ffffffe6}50%{box-shadow:6px 6px 12px #c8d0e780,-6px -6px 12px #fff}}.new-badge-small{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#f5f7fa;color:#3b82f6;font-size:10px;font-weight:800;border-radius:50%;margin-right:6px;flex-shrink:0;box-shadow:3px 3px 6px #c8d0e766,-3px -3px 6px #ffffffe6}.new-dot{display:inline-block;width:8px;height:8px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;margin-right:8px;flex-shrink:0;box-shadow:0 0 6px #667eea80;animation:pulse-dot 1.5s ease-in-out infinite}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.featured-mode{display:flex;flex-direction:column;gap:0}.featured-post{background:linear-gradient(145deg,#fff,#fafbfc);padding:26px;border-radius:18px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:10px 10px 20px #c8d0e759,-10px -10px 20px #fffc,inset 0 0 0 1px #fff9;border:1px solid rgba(200,208,231,.15);margin-bottom:18px;overflow:hidden}.featured-post:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.05),transparent);transition:left .6s ease}.featured-post:hover:before{left:100%}.featured-post:hover{box-shadow:14px 14px 28px #c8d0e773,-14px -14px 28px #fffffff2,inset 0 0 0 1px #667eea26;border-color:#667eea40}.featured-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;flex-wrap:nowrap}.featured-title-row{display:flex;align-items:center;gap:8px;flex:1;min-width:0;overflow:hidden}.featured-title{font-size:20px;font-weight:800;background:linear-gradient(135deg,#2d3748,#4a5568);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;line-height:1.5;transition:all .3s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.featured-post:hover .featured-title{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.featured-content{font-size:14px;color:#4a5568;line-height:1.7;margin:0 0 14px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.featured-content p{margin:0 0 8px}.featured-content p:last-child{margin-bottom:0}.featured-content h1,.featured-content h2,.featured-content h3,.featured-content h4,.featured-content h5,.featured-content h6{margin:0;font-size:inherit;font-weight:600;display:inline}.featured-content ul,.featured-content ol{margin:0;padding-left:1.2em;display:inline}.featured-content li{display:inline}.featured-content li:after{content:", "}.featured-content li:last-child:after{content:""}.featured-content img,.featured-content table{display:none}.featured-content code,.featured-content pre{background:linear-gradient(135deg,#667eea14,#764ba214);padding:2px 6px;border-radius:4px;font-size:.9em;display:inline;border:1px solid rgba(102,126,234,.1)}.featured-meta{display:flex;align-items:center;gap:10px;font-size:13px;color:#718096;flex-shrink:0}.featured-meta .author{font-weight:700;color:#4a5568;padding:2px 8px;background:#667eea14;border-radius:6px}.featured-meta .divider{color:#cbd5e0}.featured-meta .stats{display:flex;align-items:center;gap:12px;margin-left:auto}.featured-meta .stats .stat-item{display:flex;align-items:center;gap:4px;padding:3px 8px;background:#667eea0f;border-radius:6px;transition:all .2s ease}.featured-meta .stats .stat-item:hover{background:#667eea1f}.list-mode{display:flex;flex-direction:column;gap:0}.list-item{padding:14px 22px;border-bottom:1px solid rgba(200,208,231,.25);background:transparent;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px}.list-item:first-child{border-top:1px solid rgba(200,208,231,.25)}.list-item:after{content:"";position:absolute;right:20px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-top:2px solid #667eea;border-right:2px solid #667eea;transform:translateY(-50%) rotate(45deg);opacity:0;transition:all .3s ease}.list-item:hover{background:linear-gradient(90deg,rgba(102,126,234,.04),transparent 80%);padding-left:28px}.list-item:hover:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#667eea,#764ba2);box-shadow:2px 0 6px #667eea4d}.list-item:hover:after{opacity:1;right:16px}.list-item-main{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.list-title{font-size:16px;font-weight:700;color:#2d3748;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5;transition:all .2s ease}.list-item:hover .list-title{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.comment-count{font-size:13px;color:#667eea;font-weight:800;margin-left:4px;flex-shrink:0;background:linear-gradient(135deg,#667eea1f,#764ba21f);padding:3px 10px;border-radius:12px;border:1px solid rgba(102,126,234,.2);transition:all .2s ease}.list-item:hover .comment-count{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea4d}.list-item-meta{display:flex;align-items:center;gap:10px;font-size:13px;color:#a0aec0;flex-shrink:0}.list-item-meta .author{font-weight:700;color:#718096;padding:1px 6px;background:#71809614;border-radius:4px}.list-item-meta .divider{color:#cbd5e0}.card-mode{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.card-item{background:linear-gradient(145deg,#fff,#fafbfc);padding:22px;border-radius:18px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:10px 10px 20px #c8d0e759,-10px -10px 20px #fffc,inset 0 0 0 1px #fff9;border:1px solid rgba(200,208,231,.15);display:flex;flex-direction:column;min-height:170px;overflow:hidden}.card-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#667eea);background-size:200% 100%;opacity:0;transition:opacity .3s ease}.card-item:hover:before{opacity:1;animation:shimmer 2s linear infinite}.card-item:hover{box-shadow:14px 14px 28px #c8d0e773,-14px -14px 28px #fffffff2,inset 0 0 0 1px #667eea26;border-color:#667eea40}.card-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.card-title{font-size:16px;font-weight:800;background:linear-gradient(135deg,#2d3748,#4a5568);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;transition:all .3s ease}.card-item:hover .card-title{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-content{font-size:13px;color:#718096;line-height:1.6;margin:0 0 12px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1}.card-content p{margin:0 0 6px}.card-content p:last-child{margin-bottom:0}.card-content h1,.card-content h2,.card-content h3,.card-content h4,.card-content h5,.card-content h6{margin:0;font-size:inherit;font-weight:600;display:inline}.card-content ul,.card-content ol{margin:0;padding-left:1.2em;display:inline}.card-content li{display:inline}.card-content li:after{content:", "}.card-content li:last-child:after{content:""}.card-content img,.card-content table{display:none}.card-content code,.card-content pre{background:#667eea14;padding:2px 4px;border-radius:3px;font-size:.9em;display:inline}.card-footer{display:flex;justify-content:space-between;align-items:center}.card-meta{display:flex;align-items:center;gap:8px;font-size:12px}.card-footer .author{font-weight:700;color:#4a5568;padding:3px 8px;background:#667eea14;border-radius:6px}.card-stats{display:flex;gap:10px;font-size:12px;color:#a0aec0}.card-stats .stat-item{display:flex;align-items:center;gap:4px;padding:3px 8px;background:#a0aec014;border-radius:6px;transition:all .2s ease}.card-stats .stat-item:hover{background:#667eea1f;color:#667eea}.card-date{font-size:11px;color:#a0aec0}.compact-mode{display:flex;flex-direction:column;gap:0}.compact-item{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid rgba(200,208,231,.2);background:transparent;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.compact-item:first-child{border-top:1px solid rgba(200,208,231,.2)}.compact-item:after{content:"";position:absolute;right:18px;top:50%;transform:translateY(-50%);width:5px;height:5px;border-top:1.5px solid #667eea;border-right:1.5px solid #667eea;transform:translateY(-50%) rotate(45deg);opacity:0;transition:all .3s ease}.compact-item:hover{background:linear-gradient(90deg,rgba(102,126,234,.03),transparent 70%);padding-left:24px}.compact-item:hover:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#667eea,#764ba2);box-shadow:1px 0 4px #667eea4d}.compact-item:hover:after{opacity:1;right:14px}.compact-main{display:flex;align-items:center;flex:1;overflow:hidden;gap:8px}.compact-title{font-size:15px;font-weight:700;color:#2d3748;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4;transition:all .2s ease}.compact-item:hover .compact-title{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.comment-count-small{font-size:12px;color:#667eea;font-weight:800;flex-shrink:0;background:#667eea1f;padding:3px 8px;border-radius:10px;border:1px solid rgba(102,126,234,.2);transition:all .2s ease}.compact-item:hover .comment-count-small{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.compact-date{font-size:13px;color:#a0aec0;margin-left:14px;flex-shrink:0;font-weight:600}.post-list{display:flex;flex-direction:column;gap:0}.post-list-item{padding:12px 18px;border-bottom:1px solid rgba(200,208,231,.2);background:transparent;cursor:pointer;transition:all .3s ease;position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px}.post-list-item:after{content:"";position:absolute;right:18px;top:50%;transform:translateY(-50%);width:5px;height:5px;border-top:1.5px solid #667eea;border-right:1.5px solid #667eea;transform:translateY(-50%) rotate(45deg);opacity:0;transition:all .3s ease}.post-list-item:hover{background:linear-gradient(90deg,rgba(102,126,234,.03),transparent 60%);padding-left:24px}.post-list-item:hover:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#667eea;box-shadow:1px 0 4px #667eea4d}.post-list-item:hover:after{opacity:1;right:14px}.post-title-row{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.post-title{font-size:15px;font-weight:700;color:#2d3748;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4;transition:all .2s ease}.post-list-item:hover .post-title{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.post-meta-row{display:flex;align-items:center;gap:8px;font-size:12px;color:#a0aec0;flex-shrink:0}.post-meta-row .author{font-weight:700;color:#718096;padding:1px 6px;background:#71809614;border-radius:4px}@media (max-width: 768px){.board-widget{padding:20px;border-radius:20px}.widget-title{font-size:18px}.featured-post{padding:20px}.featured-title{font-size:18px}.card-mode{grid-template-columns:1fr}.action-btn{width:34px;height:34px}}.widget-content::-webkit-scrollbar{width:6px}.widget-content::-webkit-scrollbar-track{background:#e1e8ed4d;border-radius:3px}.widget-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:3px}.widget-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#5568d3,#6b3f8e)}.community-view{max-width:80%;margin:0 auto;padding:24px;background:#f5f7fa;min-height:auto;line-height:1.7}.community-content{max-width:100%;margin:0;padding:0}.boards-grid>div[data-mode=featured]{grid-column:1 / -1}.boards-grid>div{display:flex;flex-direction:column}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px;max-width:80%;margin:0 auto}.error-container{display:flex;justify-content:center;align-items:center;min-height:400px;padding:40px;max-width:80%;margin:0 auto}.error-message{background:#f5f7fa;padding:40px;border-radius:20px;text-align:center;box-shadow:12px 12px 24px #c8d0e7,-12px -12px 24px #fff}.error-message p{font-size:16px;color:#e53e3e;margin:0 0 20px}.retry-button{padding:12px 24px;background:#f5f7fa;border:none;border-radius:12px;font-size:14px;font-weight:600;color:#667eea;cursor:pointer;box-shadow:6px 6px 12px #c8d0e7,-6px -6px 12px #fff;transition:all .2s ease}.retry-button:hover{box-shadow:8px 8px 16px #c8d0e7,-8px -8px 16px #fff;transform:translateY(-2px)}.retry-button:active{box-shadow:inset 4px 4px 8px #c8d0e7,inset -4px -4px 8px #fff;transform:translateY(0)}.empty-community{background:#f5f7fa;padding:60px 40px;border-radius:20px;text-align:center;box-shadow:12px 12px 24px #c8d0e7,-12px -12px 24px #fff;max-width:500px;margin:0 auto}.empty-community p{font-size:18px;color:#4a5568;margin:0 0 12px;font-weight:600}.empty-sub{font-size:14px!important;color:#a0aec0!important;font-weight:400!important}@media (max-width: 1200px){.boards-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 900px){.boards-grid{grid-template-columns:1fr!important;gap:20px!important;grid-auto-rows:minmax(350px,auto)!important}}@media (max-width: 768px){.community-view{padding:12px}.community-content{padding:0 12px}.boards-grid{grid-template-columns:1fr!important;gap:16px!important;grid-auto-rows:minmax(300px,auto)!important}.empty-community{padding:40px 20px;margin:40px auto}}@media (max-width: 480px){.community-view{padding:8px}.community-content{padding:0 8px}.empty-community p{font-size:16px}.empty-sub{font-size:13px!important}}.community-settings{padding:40px;max-width:80%;margin:0 auto}.community-settings .settings-content{max-width:100%}.sortable-list{display:flex;flex-direction:column;gap:20px;margin-top:30px}.sortable-card{background:#f5f7fa;border-radius:20px;padding:24px;box-shadow:12px 12px 24px #c8d0e7,-12px -12px 24px #fff;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:20px;position:relative}.sortable-card:hover{transform:translateY(-2px);box-shadow:14px 14px 28px #c8d0e7,-14px -14px 28px #fff}.sortable-card.dragging{opacity:.5;box-shadow:8px 8px 16px #c8d0e7,-8px -8px 16px #fff;transform:scale(.98);cursor:grabbing}.card-drag-handle{cursor:grab;color:#667eea;font-size:24px;padding:8px;border-radius:12px;background:#f5f7fa;box-shadow:6px 6px 12px #c8d0e7,-6px -6px 12px #fff;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-drag-handle:hover{background:#e1e8ed;box-shadow:inset 4px 4px 8px #c8d0e7,inset -4px -4px 8px #fff}.card-drag-handle:active{cursor:grabbing;box-shadow:inset 6px 6px 12px #c8d0e7,inset -6px -6px 12px #fff}.card-content{flex:1;display:flex;align-items:center;gap:16px}.card-icon{font-size:32px;flex-shrink:0}.card-info{flex:1;min-width:0}.card-title{font-size:18px;font-weight:600;color:#2d3748;margin:0 0 8px;display:flex;align-items:center;gap:10px}.visibility-badge{font-size:12px;padding:4px 10px;border-radius:12px;font-weight:500;background:#f5f7fa;box-shadow:inset 3px 3px 6px #c8d0e7,inset -3px -3px 6px #fff}.visibility-badge.visible{color:#48bb78}.visibility-badge.hidden{color:#f56565}.card-meta{font-size:14px;color:#718096;display:flex;gap:16px;flex-wrap:wrap}.card-meta-item{display:flex;align-items:center;gap:6px}.card-actions{display:flex;gap:12px;flex-shrink:0}.icon-btn{background:#f5f7fa;border:none;width:44px;height:44px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s ease;box-shadow:6px 6px 12px #c8d0e7,-6px -6px 12px #fff;color:#667eea}.icon-btn:hover{transform:translateY(-2px);box-shadow:8px 8px 16px #c8d0e7,-8px -8px 16px #fff;color:#5568d3}.icon-btn:active{transform:translateY(0);box-shadow:inset 4px 4px 8px #c8d0e7,inset -4px -4px 8px #fff}.icon-btn.edit{color:#667eea}.icon-btn.delete{color:#f56565}.icon-btn.delete:hover{color:#e53e3e}.icon-btn.toggle{color:#48bb78}.icon-btn.toggle.hidden{color:#cbd5e0}.icon-btn.toggle:hover{color:#38a169}.icon-btn.toggle.hidden:hover{color:#a0aec0}.list-hint{text-align:center;padding:24px;color:#718096;font-size:14px;background:#f5f7fa;border-radius:16px;box-shadow:inset 6px 6px 12px #c8d0e7,inset -6px -6px 12px #fff;margin-top:20px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#2d3748b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{background:#f5f7fa;border-radius:24px;padding:40px;max-width:600px;width:90%;max-height:85vh;overflow-y:auto;box-shadow:20px 20px 40px #c8d0e7cc,-20px -20px 40px #fffc;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.modal-content h2{font-size:28px;font-weight:700;color:#2d3748;margin:0 0 30px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-form{display:flex;flex-direction:column;gap:24px}.form-group label{color:#4a5568}.checkbox-group{display:flex;align-items:center;gap:10px}.checkbox-group label{margin:0;cursor:pointer}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:30px;padding-top:30px;border-top:1px solid #e1e8ed}.modal-btn{padding:12px 28px;border:none;border-radius:14px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;background:#f5f7fa;box-shadow:6px 6px 12px #c8d0e7,-6px -6px 12px #fff}.modal-btn:hover{transform:translateY(-2px);box-shadow:8px 8px 16px #c8d0e7,-8px -8px 16px #fff}.modal-btn:active{transform:translateY(0);box-shadow:inset 4px 4px 8px #c8d0e7,inset -4px -4px 8px #fff}.modal-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:6px 6px 12px #667eea4d,-6px -6px 12px #ffffff80}.modal-btn.primary:hover{box-shadow:8px 8px 16px #667eea66,-8px -8px 16px #fff9}.modal-btn.secondary{color:#718096}.empty-state{text-align:center;padding:60px 40px;background:#f5f7fa;border-radius:20px;box-shadow:inset 10px 10px 20px #c8d0e7,inset -10px -10px 20px #fff;margin-top:30px}.empty-state-icon{font-size:64px;margin-bottom:20px;opacity:.5}.empty-state h3{font-size:20px;font-weight:600;color:#4a5568;margin:0 0 10px}.empty-state p{font-size:15px;color:#718096;margin:0}@media (max-width: 768px){.community-settings{padding:20px}.sortable-card{padding:16px;flex-direction:column;align-items:flex-start}.card-content{flex-direction:column;align-items:flex-start;width:100%}.card-actions{width:100%;justify-content:flex-end}.card-meta{flex-direction:column;gap:8px}.modal-content{padding:24px;width:95%}.modal-content h2{font-size:22px}.modal-actions{flex-direction:column-reverse}.modal-btn{width:100%}.card-drag-handle{position:absolute;top:16px;right:16px}}.loading-state{text-align:center;padding:40px;color:#718096}.loading-spinner{width:48px;height:48px;margin:0 auto 20px;border-radius:50%;background:#f5f7fa;box-shadow:inset 6px 6px 12px #c8d0e7,inset -6px -6px 12px #fff;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.emoji-picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}.emoji-picker-container{background:#f5f7fa;border-radius:20px;max-width:480px;width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:4px 4px 12px #c8d0e726,-4px -4px 12px #fff9,0 0 30px #0000000d,8px 8px 24px #667eea14;border:1px solid rgba(255,255,255,.3);animation:emojiPickerFadeIn .2s ease-out}@keyframes emojiPickerFadeIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.emoji-picker-header{padding:20px 24px 16px;border-bottom:none;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background:#f5f7fa;border-radius:20px 20px 0 0;box-shadow:0 4px 8px #c8d0e71a}.emoji-picker-header h3{margin:0;font-size:24px;font-weight:700;background:linear-gradient(135deg,#1a202c,#4a5568,#6366f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.3;letter-spacing:-.02em}.emoji-picker-categories{display:flex;flex-wrap:wrap;gap:8px;padding:16px 24px;border-bottom:1px solid rgba(200,208,231,.2);max-height:120px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e0 #f5f7fa}.emoji-picker-categories::-webkit-scrollbar{width:6px}.emoji-picker-categories::-webkit-scrollbar-track{background:#f5f7fa;border-radius:3px}.emoji-picker-categories::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.emoji-category-btn{padding:6px 12px;border:none;border-radius:10px;background:#f5f7fa;color:#718096;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease;box-shadow:3px 3px 6px #c8d0e780,-3px -3px 6px #ffffffe6;flex-shrink:0}.emoji-category-btn:hover{color:#667eea}.emoji-category-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:inset 2px 2px 4px #0000001a,4px 4px 8px #c8d0e780}.emoji-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:8px;overflow-y:auto;max-height:400px;padding:24px;scrollbar-width:thin;scrollbar-color:#cbd5e0 #f5f7fa}.emoji-picker-grid::-webkit-scrollbar{width:6px}.emoji-picker-grid::-webkit-scrollbar-track{background:#f5f7fa;border-radius:3px}.emoji-picker-grid::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.emoji-btn{width:48px;height:48px;border:none;border-radius:12px;background:#f5f7fa;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:4px 4px 8px #c8d0e780,-4px -4px 8px #ffffffe6}.emoji-btn:hover{transform:scale(1.1);box-shadow:6px 6px 12px #c8d0e799,-6px -6px 12px #fff}.emoji-btn:active{transform:scale(.95);box-shadow:inset 4px 4px 8px #c8d0e780,inset -4px -4px 8px #ffffffe6}@media (max-width: 768px){.emoji-picker-container{width:95%;max-width:none}.emoji-picker-header{padding:20px 24px 14px}.emoji-picker-header h3{font-size:20px}.emoji-picker-categories{padding:12px 20px}.emoji-picker-grid{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px;padding:20px}.emoji-btn{width:44px;height:44px;font-size:22px}.emoji-category-btn{font-size:12px;padding:6px 12px}}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.category-card{background:#f5f7fa;border-radius:16px;padding:24px;box-shadow:var(--shadow-neumorphism);transition:all .3s ease}.category-card:hover{box-shadow:var(--shadow-neumorphism-hover);transform:translateY(-2px)}.category-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.category-icon{font-size:32px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#f5f7fa;border-radius:12px;box-shadow:var(--shadow-neumorphism-inset)}.category-badges{display:flex;gap:6px;flex-wrap:wrap}.category-badge{font-size:12px;padding:4px 12px;border-radius:12px;background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;font-weight:600}.category-badge.admin-only{background:linear-gradient(135deg,#f59e0b,#d97706)}.category-name{font-size:20px;font-weight:700;color:#2d3748;margin:0 0 8px}.category-description{font-size:14px;color:#718096;margin:0 0 16px;line-height:1.6;min-height:42px}.category-meta{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid rgba(200,208,231,.3);margin-bottom:16px}.category-date{font-size:12px;color:#a0aec0}.category-actions{display:flex;gap:8px}.empty-state{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#718096}.empty-state p{font-size:16px;margin-bottom:20px}.icon-input-group{position:relative;display:flex;align-items:flex-end;gap:12px}.icon-input-group>div{flex:1}.emoji-picker-trigger{width:52px;height:52px;border:none;border-radius:12px;background:#f5f7fa;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:var(--shadow-neumorphism-sm);flex-shrink:0}.emoji-picker-trigger:hover{transform:scale(1.05);box-shadow:var(--shadow-neumorphism)}.emoji-picker-trigger:active{transform:scale(.95);box-shadow:var(--shadow-neumorphism-inset)}@media (max-width: 768px){.categories-grid{grid-template-columns:1fr}.icon-input-group{flex-direction:column;align-items:stretch;gap:12px}.emoji-picker-trigger{width:100%}}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stats-grid .stat-card{text-align:center}.stats-grid .stat-label{font-size:14px;font-weight:600;color:#718096;margin-bottom:8px}.stats-grid .stat-value{font-size:32px}.filters-container{display:flex;gap:16px;margin-bottom:24px;align-items:center;flex-wrap:wrap}.status-filters{display:flex;gap:8px;flex-wrap:wrap}.projects-table-container{background:#f5f7fa;border-radius:16px;padding:24px;box-shadow:var(--shadow-neumorphism);overflow-x:auto}.projects-table{width:100%;border-collapse:collapse}.projects-table thead{border-bottom:2px solid rgba(200,208,231,.3)}.projects-table th{padding:16px 12px;text-align:left;font-size:14px;font-weight:700;color:#4a5568;white-space:nowrap}.projects-table tbody tr{border-bottom:1px solid rgba(200,208,231,.2);transition:all .2s ease}.projects-table tbody tr:hover{background:#667eea0d}.projects-table td{padding:16px 12px;font-size:14px;color:#2d3748;vertical-align:middle}.project-title-cell{display:flex;align-items:center;gap:12px}.project-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f5f7fa;border-radius:10px;box-shadow:var(--shadow-neumorphism-inset);flex-shrink:0}.project-title{font-weight:600;color:#2d3748;margin-bottom:4px}.project-description{font-size:12px;color:#718096;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.table-actions{display:flex;gap:8px}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(3,1fr)}.projects-table-container{overflow-x:scroll}.projects-table{min-width:800px}}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.filters-container{flex-direction:column;align-items:stretch}.status-filters{justify-content:center}.projects-table th,.projects-table td{padding:12px 8px;font-size:13px}.project-description{max-width:200px}.table-actions{flex-direction:column}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}}.filters-section{background:#f5f7fa;border-radius:16px;padding:24px;margin-bottom:32px;box-shadow:var(--shadow-neumorphism)}.filters-top{display:flex;align-items:center;gap:16px;margin-bottom:20px}.filter-groups-horizontal{display:flex;gap:32px;align-items:flex-start;flex-wrap:wrap}.filter-group-horizontal{display:flex;align-items:center;gap:12px}.filter-label{font-size:13px;font-weight:600;color:#4a5568;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;min-width:70px}.filter-buttons{display:flex;gap:8px;flex-wrap:wrap}.status-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 6px;margin-left:6px;background:#ffffff40;border-radius:9px;font-size:11px;font-weight:700;line-height:1}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.project-card{background:#f5f7fa;border-radius:16px;padding:24px;box-shadow:var(--shadow-neumorphism);transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;gap:16px}.project-card:hover{box-shadow:var(--shadow-neumorphism-hover);transform:translateY(-4px)}.project-card-header{display:flex;justify-content:space-between;align-items:center}.project-card-icon{font-size:32px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#f5f7fa;border-radius:12px;box-shadow:var(--shadow-neumorphism-inset)}.project-status-draft,.project-status-active,.project-status-completed,.project-status-cancelled{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;color:#fff}.project-status-draft{background:linear-gradient(135deg,#94a3b8,#64748b)}.project-status-active{background:linear-gradient(135deg,#10b981,#059669)}.project-status-completed{background:linear-gradient(135deg,#3b82f6,#2563eb)}.project-status-cancelled{background:linear-gradient(135deg,#ef4444,#dc2626)}.project-card-title{font-size:20px;font-weight:700;color:#2d3748;margin:0;line-height:1.3}.project-card-description{font-size:14px;color:#718096;line-height:1.6;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.project-card-meta{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid rgba(200,208,231,.3);margin-top:auto}.project-card-category{font-size:12px;font-weight:600;color:#3b82f6;padding:4px 10px;background:#3b82f61a;border-radius:8px}.project-card-date{font-size:12px;color:#a0aec0}.project-card-footer{display:flex;justify-content:space-between;align-items:center}.project-card-author{font-size:13px;color:#718096}.project-card-author .leader-department{font-size:11px;color:#a0aec0}.projects-empty-state{grid-column:1 / -1;text-align:center;padding:80px 20px;color:#718096}.projects-empty-icon{font-size:64px;margin-bottom:20px;opacity:.5}.projects-empty-state h3{font-size:24px;font-weight:700;color:#2d3748;margin:0 0 12px}.projects-empty-state p{font-size:16px;margin:0 0 24px}@media (max-width: 1024px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.filter-groups-horizontal{gap:24px}}@media (max-width: 768px){.filters-section{padding:16px}.filters-top{margin-bottom:16px}.filter-groups-horizontal{flex-direction:column;gap:16px}.filter-group-horizontal{width:100%;flex-direction:column;align-items:flex-start;gap:8px}.filter-label{min-width:auto}.filter-buttons{gap:6px;width:100%}.projects-grid{grid-template-columns:1fr;gap:16px}.project-card{padding:20px}}@media (max-width: 480px){.project-card-meta{flex-direction:column;gap:8px;align-items:flex-start}}.form-container{width:100%;padding:40px;background:#f5f7fa;border-radius:24px;box-shadow:20px 20px 60px #aeb8ce66,-20px -20px 60px #fffc}.instructions-section{margin-bottom:32px;padding:20px 24px;background:#3b82f60f;border-radius:16px;border-left:4px solid #3b82f6;box-shadow:inset 2px 2px 4px #c8d0e733,inset -2px -2px 4px #fff6}.instructions-title{margin:0 0 14px;font-size:17px;font-weight:600;color:#3b82f6;display:flex;align-items:center;gap:8px}.instructions-list{margin:0;padding-left:28px;list-style-type:disc}.instructions-list li{margin-bottom:10px;color:#2d3748;font-size:14px;line-height:1.7}.instructions-list li:last-child{margin-bottom:0}.instructions-list li::marker{color:#3b82f6}.instructions-list strong,.instructions-list b{font-weight:700;color:#2d3748}.project-form{display:flex;flex-direction:column;gap:32px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.field-label{display:block;font-weight:600;color:#2d3748;margin-top:10px;font-size:12px}.required-mark{color:#ef4444;margin-left:4px}.field-error{font-size:13px;color:#ef4444;margin-top:4px}.date-input-neumorp{width:100%;padding:12px 16px;font-size:14px;color:#2d3748;background:#f5f7fa;border:none;border-radius:12px;box-shadow:inset 3px 3px 6px #a3b1c666,inset -3px -3px 6px #fff9;transition:all .2s ease;font-family:inherit}.date-input-neumorp:focus{outline:none;box-shadow:inset 4px 4px 8px #a3b1c680,inset -4px -4px 8px #ffffffb3,0 0 0 3px #667eea1a}.status-selector{display:flex;flex-direction:column;gap:16px}.status-radio-option{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;background:#f5f7fa;border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:4px 4px 8px #c8d0e74d,-4px -4px 8px #fffc}.status-radio-option:hover{box-shadow:6px 6px 12px #c8d0e766,-6px -6px 12px #ffffffe6;transform:translateY(-1px)}.status-radio-option input[type=radio]{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:#3b82f6;flex-shrink:0}.status-radio-content{flex:1}.status-radio-title{font-size:15px;font-weight:600;color:#2d3748;margin-bottom:4px}.status-radio-description{font-size:13px;color:#718096;line-height:1.5}.admin-project-option{margin-top:16px}.checkbox-option{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;background:#fff;border-radius:12px;border:2px solid #e2e8f0;cursor:pointer;transition:all .2s ease}.checkbox-option:hover{border-color:#3b82f6;background:#f0f7ff}.checkbox-option input[type=checkbox]{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:#3b82f6}.checkbox-content{flex:1}.checkbox-title{font-weight:600;color:#2d3748;margin-bottom:6px;font-size:14px}.checkbox-description{font-size:13px;color:#718096;line-height:1.5}.project-form-actions-sticky{position:sticky;bottom:0;background:#f5f7fa;margin-top:8px;z-index:10}.project-form-actions{display:flex;gap:12px;justify-content:flex-end;padding:16px 20px;background:#f5f7fa;border-radius:16px;box-shadow:8px 8px 16px #aeb8ce4d,-8px -8px 16px #fffc}@media (max-width: 768px){.form-container{padding:24px}.instructions-section{padding:16px 20px}.project-form-actions{flex-direction:column-reverse;padding:16px 20px}.project-form-actions button{width:100%}.status-radio-option{padding:12px 16px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:formModalFadeIn .2s ease-out}@keyframes formModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes formModalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.common-form-modal{background:#f5f7fa;border-radius:20px;width:90%;max-width:500px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:4px 4px 12px #c8d0e726,-4px -4px 12px #fff9,0 0 30px #0000000d,8px 8px 24px #667eea14;border:1px solid rgba(255,255,255,.3);animation:formModalSlideIn .2s ease-out}.modal-header{padding:24px 28px;border-bottom:none;display:flex;align-items:center;justify-content:space-between;background:#f5f7fa;border-radius:20px 20px 0 0;box-shadow:0 4px 8px #c8d0e71a;flex-shrink:0}.modal-title-wrapper{display:flex;align-items:center;gap:12px;flex:1}.modal-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:6px 6px 12px #667eea4d,-3px -3px 8px #fff9;flex-shrink:0}.modal-title{font-size:24px;font-weight:700;margin:0;background:linear-gradient(135deg,#1a202c,#4a5568,#6366f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.3;letter-spacing:-.02em}.close-button{width:36px;height:36px;border-radius:50%;border:none;background:#e1e8ed;color:#4a5568;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:6px 6px 12px #c8d0e7,-6px -6px 12px #fff;flex-shrink:0}.close-button:hover{color:#e53e3e;transform:translateY(-1px);box-shadow:8px 8px 16px #c8d0e7,-8px -8px 16px #fff}.close-button:active{transform:translateY(0);box-shadow:inset 4px 4px 8px #c8d0e7,inset -4px -4px 8px #fff}.modal-form{flex:1;overflow-y:auto;padding:32px}.form-group{margin-bottom:24px}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-size:14px;font-weight:600;color:#2d3748;margin-bottom:10px}.form-label .required{color:#f56565;margin-left:4px}.form-input,.form-select,.form-textarea{width:100%;padding:14px 18px;font-size:15px;color:#2d3748;background:#f5f7fa;border:none;border-radius:12px;box-shadow:inset 6px 6px 12px #c8d0e766,inset -6px -6px 12px #ffffffb3;transition:all .2s ease;outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{box-shadow:inset 8px 8px 16px #c8d0e780,inset -8px -8px 16px #fffc}.form-input::placeholder,.form-textarea::placeholder{color:#cbd5e0}.form-textarea{min-height:120px;resize:vertical;font-family:inherit}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667eea' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.form-helper-text{font-size:13px;color:#718096;margin-top:6px;line-height:1.4}.form-error{font-size:13px;color:#f56565;margin-top:6px;display:flex;align-items:center;gap:4px}.form-actions{padding:20px 24px;border-top:1px solid rgba(200,208,231,.3);display:flex;gap:12px;justify-content:center;flex-shrink:0}.btn{padding:12px 24px;border-radius:12px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:100px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-cancel{background:#e1e8ed;color:#4a5568;box-shadow:6px 6px 12px #c8d0e7,-6px -6px 12px #fff}.btn-cancel:hover:not(:disabled){transform:translateY(-1px);box-shadow:8px 8px 16px #c8d0e7,-8px -8px 16px #fff}.btn-cancel:active:not(:disabled){transform:translateY(0);box-shadow:inset 4px 4px 8px #c8d0e7,inset -4px -4px 8px #fff}.btn-submit{background:#667eea;color:#fff;box-shadow:6px 6px 12px #c8d0e7,-6px -6px 12px #fff}.btn-submit:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:8px 8px 16px #c8d0e7,-8px -8px 16px #fff}.btn-submit:active:not(:disabled){transform:translateY(0);box-shadow:4px 4px 8px #c8d0e7,-4px -4px 8px #fff}.btn-danger{background:#ef4444;color:#fff;box-shadow:6px 6px 12px #c8d0e7,-6px -6px 12px #fff}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:8px 8px 16px #c8d0e7,-8px -8px 16px #fff}.btn-danger:active:not(:disabled){transform:translateY(0);box-shadow:4px 4px 8px #c8d0e7,-4px -4px 8px #fff}.btn-warning{background:#f59e0b;color:#fff;box-shadow:6px 6px 12px #c8d0e7,-6px -6px 12px #fff}.btn-warning:hover:not(:disabled){background:#d97706;transform:translateY(-1px);box-shadow:8px 8px 16px #c8d0e7,-8px -8px 16px #fff}.btn-warning:active:not(:disabled){transform:translateY(0);box-shadow:4px 4px 8px #c8d0e7,-4px -4px 8px #fff}@media (max-width: 768px){.common-form-modal{width:95%;max-width:none}.modal-header{padding:20px 24px}.modal-title{font-size:20px}.modal-icon{width:40px;height:40px;font-size:20px}.modal-form{padding:20px}.form-group{margin-bottom:20px}.form-input,.form-select,.form-textarea{font-size:14px}.form-actions{padding:16px 20px;flex-direction:column}.btn{width:100%}}.project-detail-header{background:#f5f7fa;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:var(--shadow-neumorphism)}.project-detail-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.project-detail-header-actions{display:flex;align-items:center;gap:12px}.project-detail-status{display:inline-block;padding:6px 16px;border-radius:12px;font-size:13px;font-weight:600;white-space:nowrap}.project-detail-status.status-draft{background:linear-gradient(135deg,#94a3b8,#64748b);color:#fff}.project-detail-status.status-active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.project-detail-status.status-completed{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.project-detail-status.status-cancelled{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.project-detail-title-section{display:flex;align-items:center;gap:20px}.project-detail-icon{font-size:56px;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#f5f7fa;border-radius:16px;box-shadow:var(--shadow-neumorphism-inset)}.project-detail-title{font-size:32px;font-weight:700;color:#2d3748;margin:0 0 8px;line-height:1.2}.project-detail-meta{display:flex;gap:16px;align-items:center}.project-detail-category{font-size:14px;font-weight:600;color:#3b82f6;padding:4px 12px;background:#3b82f61a;border-radius:8px}.project-detail-date{font-size:14px;color:#718096}.project-detail-tabs{margin-bottom:24px}.project-detail-content{background:#f5f7fa;border-radius:16px;padding:32px;box-shadow:var(--shadow-neumorphism);min-height:400px}.project-detail-section{margin-bottom:32px}.project-detail-section:last-child{margin-bottom:0}.section-header .section-title{margin:0}.overview-description-box{background:#fff9;padding:20px 24px;border-radius:12px;box-shadow:inset 2px 2px 4px #0000000d;border-left:4px solid #667eea}.project-detail-description{font-size:16px;color:#4a5568;line-height:1.8;white-space:pre-wrap;margin:0}.project-detail-no-description{font-size:15px;color:#a0aec0;font-style:italic;margin:0}.overview-info-group{border-radius:12px;padding:20px;margin-bottom:16px;box-shadow:inset 2px 2px 4px #0000000a}.overview-info-group:last-child{margin-bottom:0}.overview-group-title{font-size:13px;font-weight:700;color:#667eea;text-transform:uppercase;letter-spacing:.8px;margin:0 0 16px;padding-bottom:10px;border-bottom:2px solid rgba(102,126,234,.15)}.overview-info-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.overview-info-item{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#fff9;border-radius:10px;box-shadow:2px 2px 4px #a3b1c626,-1px -1px 3px #ffffffb3;transition:all .2s ease}.overview-info-item:hover{box-shadow:3px 3px 6px #a3b1c633,-2px -2px 4px #fffc}.overview-info-label{min-width:80px;font-size:13px;font-weight:600;color:#64748b;white-space:nowrap}.overview-info-value{flex:1;font-size:15px;font-weight:500;color:#1e293b}.project-detail-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.project-detail-info-item{background:#ffffff80;padding:16px;border-radius:12px;box-shadow:inset 2px 2px 4px #0000000d}.info-label{font-size:12px;font-weight:600;color:#718096;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.info-value{font-size:14px;font-weight:600;color:#2d3748}.project-detail-placeholder{text-align:center;padding:60px 20px;color:#a0aec0;font-size:16px;font-style:italic}.project-add-member-form{background:#f5f7fa;padding:24px;border-radius:12px;margin-bottom:24px;box-shadow:inset 2px 2px 4px #0000000d}.project-add-member-inputs{display:grid;grid-template-columns:1fr 200px;gap:16px;margin-bottom:16px}.project-add-member-label{display:block;font-weight:600;color:#2d3748;margin-bottom:8px;font-size:16px}.project-add-member-checkbox-label{display:flex;align-items:center;gap:10px;font-size:14px;color:#4a5568;cursor:pointer;padding:12px;border-radius:8px;transition:background-color .2s}.project-add-member-checkbox-label:hover{background:#60a5fa0d}.project-add-member-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6}.project-add-member-actions{display:flex;gap:8px;justify-content:flex-end}.project-members-list{display:flex;flex-direction:column;gap:16px}.project-member-card{display:flex;justify-content:space-between;align-items:center;background:#f5f7fa;padding:16px 20px;border-radius:12px;box-shadow:inset 2px 2px 4px #0000000d;transition:all .2s ease;min-height:70px}.project-member-card:hover{box-shadow:inset 2px 2px 4px #0000000d,0 4px 8px #00000014}.project-member-card.team-member-card{background:linear-gradient(135deg,#60a5fa14,#3b82f60d);border:1px solid rgba(96,165,250,.2)}.project-member-card.team-member-card:hover{box-shadow:inset 2px 2px 4px #60a5fa1a,0 4px 8px #60a5fa26}.project-member-info{flex:1;display:flex;flex-direction:column;gap:6px}.project-member-header{display:flex;align-items:center;gap:12px}.member-name-with-icon{display:flex;align-items:center;gap:8px}.team-member-icon{display:flex;align-items:center;justify-content:center;color:#60a5fa}.project-member-name{font-size:15px;font-weight:600;color:#2d3748;display:flex;align-items:center;gap:8px}.team-member-badge{font-size:10px;font-weight:600;color:#fff;background:linear-gradient(135deg,#60a5fa,#3b82f6);padding:2px 8px;border-radius:6px;white-space:nowrap;box-shadow:0 2px 4px #60a5fa4d}.deleted-user-notice{font-size:12px;font-weight:400;color:#9ca3af}.member-team-code{font-size:13px;color:#60a5fa;font-weight:500}.include-subteams-badge{font-size:11px;color:#3b82f6;font-weight:500;font-style:italic}.project-member-role-badge{display:inline-block;padding:3px 10px;border-radius:8px;font-size:11px;font-weight:600;white-space:nowrap}.project-member-role-badge.role-leader{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.project-member-role-badge.role-admin{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.project-member-role-badge.role-member{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.project-member-details{display:flex;gap:12px;font-size:12px;color:#718096;flex-wrap:wrap}.project-member-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.project-member-actions .project-member-date{font-size:11px;color:#94a3b8;white-space:nowrap;margin-top:4px}.project-member-action-buttons{display:flex;gap:8px}.project-member-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:#f5f7fa;cursor:pointer;transition:all .2s ease;box-shadow:2px 2px 4px #0000001a,-2px -2px 4px #fffc}.project-member-action-btn:hover{box-shadow:inset 2px 2px 4px #0000001a,inset -2px -2px 4px #fffc}.project-member-action-btn:active{transform:scale(.95)}.project-member-action-btn.remove-btn{color:#ef4444}.project-member-action-btn.remove-btn:hover{color:#dc2626;background:#ef44440d}.project-member-action-btn.edit-btn{color:#3b82f6}.project-member-action-btn.edit-btn:hover{color:#2563eb;background:#3b82f60d}.project-member-action-btn svg{width:18px;height:18px}.project-edit-member-info{background:#ffffff80;padding:16px;border-radius:12px;margin-bottom:20px;box-shadow:inset 2px 2px 4px #0000000d}.project-edit-member-name{font-size:18px;font-weight:600;color:#2d3748;margin:0 0 8px}.project-edit-member-title{color:#667eea;font-size:14px;font-weight:500}.project-edit-member-division{font-size:14px;color:#718096;margin:0}.project-edit-member-field{margin-bottom:16px}.project-detail-empty{text-align:center;padding:80px 20px}.project-detail-empty h3{font-size:24px;font-weight:700;color:#2d3748;margin:0 0 24px}@media (max-width: 768px){.project-detail-header{padding:16px}.project-detail-title-section{flex-direction:column;align-items:flex-start;gap:16px}.project-detail-icon{width:64px;height:64px;font-size:40px}.project-detail-title{font-size:24px}.project-detail-meta{flex-direction:column;align-items:flex-start;gap:8px}.project-detail-content{padding:20px}.project-detail-info-grid{grid-template-columns:1fr}.overview-description-box{padding:16px 18px}.overview-info-group{padding:16px}.overview-group-title{font-size:12px;margin-bottom:12px;padding-bottom:8px}.overview-info-row{grid-template-columns:1fr;gap:12px}.overview-info-item{padding:10px 14px;gap:12px}.overview-info-label{min-width:70px;font-size:12px}.overview-info-value{font-size:14px}.project-add-member-inputs{grid-template-columns:1fr}.project-member-card{flex-direction:column;gap:16px}.project-member-details{flex-direction:column;gap:8px}.project-member-actions{align-self:flex-end}.project-member-permissions{margin-top:4px}}.project-detail-settings{display:flex;flex-direction:column;gap:24px}.project-settings-description{color:#64748b;font-size:14px;line-height:1.6;margin-bottom:16px}.project-settings-info-display{display:flex;flex-direction:column;gap:0}.project-info-row{display:flex;gap:0;border-bottom:1px solid rgba(163,177,198,.15)}.project-info-row:last-of-type{border-bottom:none}.project-info-item{flex:1;display:flex;align-items:center;padding:16px 20px;gap:20px;border-right:1px solid rgba(163,177,198,.15)}.project-info-item:last-child{border-right:none}.project-info-label{min-width:80px;font-size:13px;font-weight:600;color:#64748b;white-space:nowrap}.project-info-value{flex:1;font-size:15px;font-weight:500;color:#1e293b;word-break:break-word}.project-info-description{padding:20px;border-top:2px solid rgba(163,177,198,.2);margin-top:8px}.project-info-description .project-info-label{display:block;margin-bottom:12px;min-width:auto}.project-info-description-text{font-size:15px;font-weight:400;color:#475569;line-height:1.6;white-space:pre-wrap}.project-settings-actions-list{display:flex;flex-direction:column;gap:16px}.settings-action-item{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#ffffff80;border-radius:12px;box-shadow:inset 2px 2px 4px #0000000d;transition:all .2s ease;gap:20px}.settings-action-item:hover{box-shadow:inset 2px 2px 4px #0000000d,0 4px 8px #00000014}.settings-action-info{flex:1;display:flex;flex-direction:column;gap:6px}.settings-action-title{font-size:16px;font-weight:600;color:#2d3748;margin:0}.settings-action-description{font-size:13px;color:#718096;margin:0;line-height:1.5}.project-settings-info{display:grid;grid-template-columns:1fr;gap:20px}.project-settings-info-item{background:#f5f7fa;padding:20px;border-radius:16px;box-shadow:inset 3px 3px 6px #a3b1c666,inset -3px -3px 6px #fff9;transition:all .2s ease}.project-settings-info-item:hover{box-shadow:inset 4px 4px 8px #a3b1c680,inset -4px -4px 8px #ffffffb3}.project-settings-info-item .info-label{font-size:12px;font-weight:700;color:#667eea;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;display:flex;align-items:center;gap:6px}.project-settings-info-item .info-label:before{content:"";display:inline-block;width:4px;height:16px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.project-settings-info-item .info-value{font-size:16px;font-weight:500;color:#1e293b;line-height:1.6;word-break:break-word}.project-settings-info-item .info-value:empty:after{content:"설정되지 않음";color:#94a3b8;font-style:italic;font-weight:400}.project-settings-edit-form{display:flex;flex-direction:column;gap:24px;background:#f5f7fa;padding:24px;border-radius:16px;box-shadow:3px 3px 6px #a3b1c666,-3px -3px 6px #fff9}.project-settings-field{display:flex;flex-direction:column;gap:10px}.project-settings-label{font-size:13px;font-weight:700;color:#667eea;text-transform:uppercase;letter-spacing:.8px;display:flex;align-items:center;gap:6px}.project-settings-label:before{content:"";display:inline-block;width:3px;height:14px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.project-settings-input,.project-settings-textarea{width:100%;padding:14px 18px;font-size:15px;color:#1e293b;background:#f5f7fa;border:none;border-radius:12px;transition:all .2s ease;font-family:inherit;box-shadow:inset 3px 3px 6px #a3b1c666,inset -3px -3px 6px #fff9}.project-settings-input:focus,.project-settings-textarea:focus{outline:none;box-shadow:inset 4px 4px 8px #a3b1c680,inset -4px -4px 8px #ffffffb3,0 0 0 3px #667eea1a}.project-settings-input::placeholder,.project-settings-textarea::placeholder{color:#94a3b8}.project-settings-textarea{resize:vertical;min-height:120px;line-height:1.6}.project-settings-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px;padding-top:16px;border-top:1px solid rgba(163,177,198,.2)}.project-settings-danger-zone{border:2px solid #fee2e2;background:#fef2f2}.project-settings-danger-zone .section-title{color:#dc2626}.project-transfer-leadership-form{display:flex;flex-direction:column;gap:16px}@media (max-width: 768px){.project-settings-actions{flex-direction:column}.project-settings-actions button{width:100%}.project-info-row{flex-direction:column}.project-info-item{border-right:none;border-bottom:1px solid rgba(163,177,198,.1);flex-direction:column;align-items:flex-start;gap:8px;padding:14px 16px}.project-info-item:last-child{border-bottom:none}.project-info-label{min-width:auto;font-size:12px}.project-info-value{font-size:14px}.project-info-description{padding:16px}.project-info-description-text{font-size:14px}.settings-action-item{flex-direction:column;align-items:flex-start;gap:16px}.settings-action-item button{align-self:stretch;width:100%}}.project-duration-badge{display:inline-block;float:right;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;letter-spacing:.3px;box-shadow:2px 2px 4px #a3b1c626,-2px -2px 4px #ffffffb3,inset 1px 1px 2px #ffffff4d;transition:all .3s ease}.project-duration-badge.days-since{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#718096;text-shadow:0 1px 2px rgba(255,255,255,.5)}.project-duration-badge.total-days{background:linear-gradient(135deg,#fbc2eb,#a6c1ee);color:#718096;text-shadow:0 1px 2px rgba(255,255,255,.5)}.project-duration-badge:hover{transform:translateY(-1px);box-shadow:3px 3px 6px #a3b1c633,-3px -3px 6px #fffc,inset 1px 1px 2px #fff6}@media (max-width: 768px){.project-duration-badge{display:block;margin-left:0;margin-top:8px;width:fit-content;font-size:11px;padding:3px 10px}}.member-stats-container{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 20px;background:#f5f7fa;border-radius:12px;margin-bottom:20px;box-shadow:var(--shadow-neumorphism-inset)}.member-stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.member-stat-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.member-stat-value{font-size:20px;font-weight:700;color:#2d3748}.member-stat-value.leader{color:#8b5cf6}.member-stat-value.admin{color:#3b82f6}.member-stat-value.member{color:#10b981}.member-stat-divider{width:1px;height:32px;background:linear-gradient(to bottom,transparent,#cbd5e1 20%,#cbd5e1 80%,transparent)}.project-members-table-container{margin-top:20px;background:#f5f7fa;border-radius:12px;padding:20px;box-shadow:var(--shadow-neumorphism);overflow-x:auto}.project-members-table{width:100%;border-collapse:collapse}.project-members-table thead th{text-align:left;padding:12px 16px;font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0}.project-members-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background .2s ease}.project-members-table tbody tr:hover{background:#60a5fa0d}.project-members-table tbody tr:last-child{border-bottom:none}.project-members-table tbody td{padding:14px 16px;font-size:14px;color:#2d3748;vertical-align:middle}.project-members-table .actions-column{width:100px;text-align:center}.member-name-cell{display:flex;align-items:center;gap:10px}.team-icon{color:#60a5fa;display:flex;align-items:center}.member-name-text{font-weight:600;color:#2d3748;display:flex;align-items:center;gap:6px}.member-title-text{font-size:12px;color:#64748b;margin-top:2px}.team-badge-small{font-size:9px;font-weight:600;color:#fff;background:linear-gradient(135deg,#60a5fa,#3b82f6);padding:2px 6px;border-radius:4px;white-space:nowrap}.subteams-notice{font-size:11px;color:#60a5fa;margin-top:2px}.member-action-buttons{display:flex;align-items:center;justify-content:center;gap:8px}.member-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#f5f7fa;box-shadow:2px 2px 4px #0000001a,-2px -2px 4px #ffffffe6}.member-action-btn:hover{box-shadow:inset 2px 2px 4px #0000001a,inset -2px -2px 4px #ffffffe6}.member-action-btn:active{box-shadow:inset 2px 2px 4px #00000026}.member-action-btn.edit-btn{color:#3b82f6}.member-action-btn.remove-btn{color:#ef4444}.pagination-container{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #e2e8f0}.pagination-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;background:#f5f7fa;color:#3b82f6;box-shadow:2px 2px 4px #0000001a,-2px -2px 4px #ffffffe6}.pagination-btn:hover:not(:disabled){box-shadow:inset 2px 2px 4px #0000001a,inset -2px -2px 4px #ffffffe6;color:#2563eb}.pagination-btn:active:not(:disabled){box-shadow:inset 2px 2px 4px #00000026}.pagination-btn:disabled{color:#cbd5e1;cursor:not-allowed;opacity:.5}.pagination-info{font-size:14px;font-weight:600;color:#64748b;min-width:60px;text-align:center}.console-header{position:sticky;top:0;width:100%;margin:0;background:#e8ecf1;border-bottom:1px solid rgba(163,177,198,.15);border-radius:0;z-index:100;box-shadow:none}.coop-console[data-console-theme=dark] .console-header{background:#1b1d23;border-bottom:1px solid rgba(100,120,180,.06);box-shadow:none}.console-header-container{max-width:100%;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:80px;gap:24px}.console-header-left{display:flex;align-items:center;gap:20px;flex-shrink:0}.console-sidebar-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#e8ecf1;border:none;border-radius:10px;color:#64748b;cursor:pointer;transition:all .2s ease;box-shadow:4px 4px 10px #a3b1c666,-4px -4px 10px #fff9}.console-sidebar-toggle:hover{color:#3b82f6;box-shadow:3px 3px 8px #a3b1c659,-3px -3px 8px #ffffffb3;transform:translateY(-1px)}.console-sidebar-toggle:active{box-shadow:inset 3px 3px 6px #a3b1c64d,inset -3px -3px 6px #ffffff80;transform:translateY(0)}.coop-console[data-console-theme=dark] .console-sidebar-toggle{background:#2d2d30;color:#9ba1ab;box-shadow:4px 4px 10px #0006,-4px -4px 10px #3c3c3c1a}.coop-console[data-console-theme=dark] .console-sidebar-toggle:hover{color:#60a5fa;box-shadow:3px 3px 8px #00000080,-3px -3px 8px #3c3c3c26}.coop-console[data-console-theme=dark] .console-sidebar-toggle:active{box-shadow:inset 3px 3px 6px #00000080,inset -3px -3px 6px #3c3c3c1a}.console-window-controls{display:flex;gap:8px;align-items:center;margin-right:8px}.console-window-btn{width:12px;height:12px;border-radius:50%;border:none;cursor:pointer;position:relative;transition:all .2s ease}.console-window-btn:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s ease}.console-window-btn:hover:before{opacity:1}.console-window-btn-close{background:#ff5f57}.console-window-btn-close:before{width:6px;height:6px;background:linear-gradient(45deg,transparent 40%,#5c0400 40%,#5c0400 60%,transparent 60%),linear-gradient(-45deg,transparent 40%,#5c0400 40%,#5c0400 60%,transparent 60%)}.console-window-btn-close:hover{background:#ff3b30}.console-window-btn-minimize{background:#ffbd2e}.console-window-btn-minimize:before{width:6px;height:2px;background:#6b4e00}.console-window-btn-minimize:hover{background:#fa0}.console-window-btn-maximize{background:#28c840}.console-window-btn-maximize:before{width:6px;height:6px;border:2px solid #005700;box-sizing:border-box}.console-window-btn-maximize:hover{background:#20b038}.console-logo-section{display:flex;align-items:baseline;gap:12px}.console-logo{font-size:28px;font-weight:700;color:#1a202c;margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;cursor:default;letter-spacing:-.02em;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;transition:transform .2s ease}.console-logo:hover{transform:scale(1.02)}.coop-console[data-console-theme=dark] .console-logo{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.coop-console[data-console-theme=dark] .console-logo:hover{transform:scale(1.02)}.console-tagline{font-size:14px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.1em;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.coop-console[data-console-theme=dark] .console-tagline{color:#64748b}.console-header-center{flex:1;display:flex;justify-content:center;max-width:600px}.console-header-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.console-theme-toggle{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#e8ecf1;border:none;border-radius:10px;color:#4a5568;font-size:13px;font-weight:500;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;cursor:pointer;transition:all .2s ease;height:40px;box-shadow:4px 4px 10px #a3b1c666,-4px -4px 10px #fff9}.console-theme-toggle:hover{color:#60a5fa;box-shadow:3px 3px 8px #a3b1c659,-3px -3px 8px #ffffffb3;transform:translateY(-1px)}.console-theme-toggle:active{box-shadow:inset 3px 3px 6px #a3b1c64d,inset -3px -3px 6px #ffffff80;transform:translateY(0)}.console-theme-toggle svg{flex-shrink:0;stroke:currentColor;width:16px;height:16px}.coop-console[data-console-theme=dark] .console-theme-toggle{background:#2d2d30;color:#b8bdc9;box-shadow:4px 4px 10px #0006,-4px -4px 10px #3c3c3c1a}.coop-console[data-console-theme=dark] .console-theme-toggle:hover{color:#60a5fa;box-shadow:3px 3px 8px #00000080,-3px -3px 8px #3c3c3c26}.coop-console[data-console-theme=dark] .console-theme-toggle:active{box-shadow:inset 3px 3px 6px #00000080,inset -3px -3px 6px #3c3c3c1a}@media (max-width: 1024px){.console-header-container{gap:16px}.console-logo{font-size:24px}.console-tagline{font-size:12px}}@media (max-width: 768px){.console-header-container{padding:0 16px;height:70px}.console-logo-section{gap:8px}.console-tagline,.console-theme-toggle span{display:none}.console-theme-toggle{width:44px;padding:12px;justify-content:center}}.project-selector{position:relative;width:100%}.project-selector-large .project-selector-button{min-width:100%;max-width:600px;height:60px;font-size:16px;padding:14px 24px;border-radius:14px;box-shadow:8px 8px 16px #a3b1c680,-8px -8px 16px #ffffffb3}.project-selector-large .project-selector-icon{font-size:24px}.project-selector-large .project-selector-arrow{width:18px;height:18px}.coop-console[data-console-theme=dark] .project-selector-large .project-selector-button{box-shadow:8px 8px 16px #00000080,-8px -8px 16px #3c3c3c26}.project-selector-compact .project-selector-button{min-width:100%;height:36px;font-size:13px;padding:8px 12px;border-radius:8px;gap:8px}.project-selector-compact .project-selector-icon{font-size:14px}.project-selector-compact .project-selector-arrow{width:12px;height:12px}.project-selector-loading,.project-selector-empty{padding:10px 16px;font-size:14px;color:var(--console-text-tertiary);font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.project-selector-button{display:flex;align-items:center;gap:12px;padding:10px 18px;background:#e8ecf1;border:none;border-radius:10px;color:var(--console-text-primary);font-size:14px;font-weight:500;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;cursor:pointer;transition:all .2s ease;min-width:260px;height:40px;box-shadow:4px 4px 10px #a3b1c666,-4px -4px 10px #fff9}.project-selector-button:hover{box-shadow:3px 3px 8px #a3b1c659,-3px -3px 8px #ffffffb3;transform:translateY(-1px)}.project-selector-button:active{box-shadow:inset 3px 3px 6px #a3b1c64d,inset -3px -3px 6px #ffffff80;transform:translateY(0)}.coop-console[data-console-theme=dark] .project-selector-button{background:#2d2d30;color:#e8eaed;box-shadow:4px 4px 10px #0006,-4px -4px 10px #3c3c3c1a}.coop-console[data-console-theme=dark] .project-selector-button:hover{box-shadow:3px 3px 8px #00000080,-3px -3px 8px #3c3c3c26}.coop-console[data-console-theme=dark] .project-selector-button:active{box-shadow:inset 3px 3px 6px #00000080,inset -3px -3px 6px #3c3c3c1a}.project-selector-icon{font-size:16px;line-height:1}.project-selector-name{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.project-selector-placeholder{flex:1;text-align:left;color:var(--console-text-tertiary);font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.project-selector-arrow{flex-shrink:0;transition:transform .2s ease;stroke:var(--console-text-tertiary);width:14px;height:14px}.project-selector-arrow.open{transform:rotate(180deg)}.project-selector-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}.project-selector-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.7) 0%,transparent 65%),#e8ecf1;border:none;border-radius:10px;box-shadow:6px 6px 16px #a3b1c673,-4px -4px 12px #fff9,inset 1px 1px 2px #ffffff4d;max-height:400px;overflow-y:auto;z-index:1000;padding:8px}.coop-console[data-console-theme=dark] .project-selector-dropdown{background:#1b1d23;box-shadow:6px 6px 16px #00000080,-4px -4px 12px #3c3c3c1a,inset 1px 1px 2px #5050501a}.project-selector-dropdown::-webkit-scrollbar{width:6px}.project-selector-dropdown::-webkit-scrollbar-track{background:transparent}.project-selector-dropdown::-webkit-scrollbar-thumb{background:#cbd5e14d;border-radius:3px}.project-selector-dropdown::-webkit-scrollbar-thumb:hover{background:#cbd5e180}.coop-console[data-console-theme=dark] .project-selector-dropdown::-webkit-scrollbar-thumb{background:#ffffff1a}.coop-console[data-console-theme=dark] .project-selector-dropdown::-webkit-scrollbar-thumb:hover{background:#ffffff26}.project-selector-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#e8ecf1;border:none;border-radius:8px;color:#2d3748;font-size:14px;cursor:pointer;transition:all .2s ease;width:100%;text-align:left;box-shadow:3px 3px 8px #a3b1c659,-3px -3px 8px #fff9;margin-bottom:4px}.project-selector-item:last-child{margin-bottom:0}.project-selector-item:hover{color:#3b82f6;box-shadow:2px 2px 6px #a3b1c64d,-2px -2px 6px #ffffffb3,inset 1px 1px 2px #fff3;transform:translateY(-1px)}.project-selector-item.selected{background:#e8ecf1;color:#3b82f6;box-shadow:inset 3px 3px 6px #a3b1c659,inset -3px -3px 6px #ffffff80;font-weight:600}.coop-console[data-console-theme=dark] .project-selector-item{background:#1b1d23;color:#e8eaed;box-shadow:3px 3px 8px #0000004d,-3px -3px 8px #3c3c3c1a}.coop-console[data-console-theme=dark] .project-selector-item:hover{color:#60a5fa;box-shadow:2px 2px 6px #0006,-2px -2px 6px #3c3c3c26,inset 1px 1px 2px #5050501a}.coop-console[data-console-theme=dark] .project-selector-item.selected{background:#1b1d23;color:#60a5fa;box-shadow:inset 3px 3px 6px #0000004d,inset -3px -3px 6px #3c3c3c1a;font-weight:600}.project-item-icon{font-size:16px;line-height:1;flex-shrink:0}.project-item-info{flex:1;display:flex;flex-direction:column;gap:2px;overflow:hidden}.project-item-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.project-item-category{font-size:12px;color:var(--console-text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.project-item-check{flex-shrink:0;stroke:#3b82f6;width:16px;height:16px}.coop-console[data-console-theme=dark] .project-item-check{stroke:#60a5fa}.console-sidebar{width:220px;background:#e8ecf1;border-right:none;border-top:none;display:flex;flex-direction:column;height:calc(100% - 12px);overflow-y:auto;position:relative;border-radius:0 12px 12px 0;margin:0;padding:8px 0 0;box-shadow:6px 6px 12px #a3b1c699,-6px -6px 12px #ffffff80;z-index:10;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.console-sidebar-open{transform:translate(0);opacity:1;width:220px;margin-right:0}.console-sidebar-closed{transform:translate(-220px);opacity:0;width:0;margin-right:0;overflow:hidden}.coop-console[data-console-theme=dark] .console-sidebar{background:#1b1d23;border-right:none;border-top:none;box-shadow:6px 6px 12px #0009,-6px -6px 12px #2d323c40}.console-sidebar::-webkit-scrollbar{width:6px}.console-sidebar::-webkit-scrollbar-track{background:transparent}.console-sidebar::-webkit-scrollbar-thumb{background:#cbd5e14d;border-radius:3px}.console-sidebar::-webkit-scrollbar-thumb:hover{background:#cbd5e180}.coop-console[data-console-theme=dark] .console-sidebar::-webkit-scrollbar-thumb{background:#ffffff1a}.coop-console[data-console-theme=dark] .console-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff26}.console-sidebar-header{padding:12px;border-bottom:1px solid rgba(203,213,225,.2);margin-bottom:8px}.coop-console[data-console-theme=dark] .console-sidebar-header{border-bottom:1px solid rgba(100,120,180,.1)}.console-nav{display:flex;flex-direction:column;padding:8px 12px;gap:4px}.console-nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:transparent;border:none;border-radius:10px;color:#64748b;font-size:14px;font-weight:500;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;cursor:pointer;transition:all .2s ease;text-align:left;position:relative}.console-nav-item:hover{background:#e8ecf1;color:#3b82f6;box-shadow:2px 2px 4px #a3b1c64d,-2px -2px 4px #ffffff80}.console-nav-item-active{background:#e8ecf1;color:#3b82f6;font-weight:600;box-shadow:inset 2px 2px 4px #a3b1c640,inset -2px -2px 4px #ffffff80}.console-nav-item-active:hover{color:#2563eb}.coop-console[data-console-theme=dark] .console-nav-item{background:transparent;color:#9ba1ab}.coop-console[data-console-theme=dark] .console-nav-item:hover{background:#1b1d23;color:#60a5fa;box-shadow:2px 2px 4px #0000004d,-2px -2px 4px #2d323c1f}.coop-console[data-console-theme=dark] .console-nav-item-active{background:#1b1d23;color:#60a5fa;box-shadow:inset 2px 2px 4px #0000004d,inset -2px -2px 4px #2d323c1a}.coop-console[data-console-theme=dark] .console-nav-item-active:hover{color:#93c5fd}.console-nav-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px}.console-nav-icon svg{width:18px;height:18px;stroke:currentColor;stroke-width:2}.console-nav-label{flex:1;letter-spacing:-.01em}.console-nav-indicator{display:flex;align-items:center;justify-content:center;color:currentColor;opacity:.7;margin-left:auto}.console-nav-badge{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:4px;box-shadow:0 2px 4px #3b82f64d}.console-sidebar-footer{margin-top:auto;padding:24px 16px 16px}.console-branding{display:flex;flex-direction:column;gap:4px}.console-branding-logo{font-size:16px;font-weight:800;color:#64748b;letter-spacing:.05em;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;text-transform:uppercase;margin-bottom:8px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.6;transition:opacity .2s ease}.console-branding-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,#94a3b8 50%,transparent 100%);opacity:.2;margin-bottom:8px}.console-branding-text{font-size:11px;font-weight:700;color:#94a3b8;letter-spacing:.15em;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;text-transform:uppercase;opacity:.5;transition:opacity .2s ease}.console-sidebar:hover .console-branding-logo{opacity:.9}.console-sidebar:hover .console-branding-text{opacity:.8}.coop-console[data-console-theme=dark] .console-branding-logo{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.coop-console[data-console-theme=dark] .console-branding-text{color:#64748b}.coop-console[data-console-theme=dark] .console-branding-divider{background:linear-gradient(90deg,transparent 0%,#64748b 50%,transparent 100%)}.console-welcome{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:transparent;overflow:hidden}.console-welcome-hero{text-align:center;animation:heroZoom .8s cubic-bezier(.25,.46,.45,.94)}@keyframes heroZoom{0%{opacity:0;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.console-welcome-logo{font-size:120px;font-weight:900;margin:0 0 16px;padding:0 20px;color:#1a202c;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;letter-spacing:.02em;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;line-height:1.2}.console-welcome-tagline{font-size:18px;font-weight:600;color:#64748b;margin:0 0 48px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;opacity:.8}.console-welcome-hint{font-size:14px;font-weight:400;color:#94a3b8;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;animation:fadeInUp .8s .4s cubic-bezier(.25,.46,.45,.94) backwards;margin-bottom:32px}.console-welcome-selector{max-width:600px;margin:0 auto;animation:fadeInUp .8s .6s cubic-bezier(.25,.46,.45,.94) backwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.coop-console[data-console-theme=dark] .console-welcome-logo{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.coop-console[data-console-theme=dark] .console-welcome-tagline{color:#9ba1ab}.coop-console[data-console-theme=dark] .console-welcome-hint{color:#64748b}@media (max-width: 768px){.console-welcome-logo{font-size:80px}.console-welcome-tagline{font-size:14px;margin-bottom:32px}.console-welcome-hint{font-size:12px}}.console-overview{padding:16px;height:100%;overflow-y:auto}.console-overview-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(90px,auto);gap:12px;max-width:1400px;margin:0 auto}.console-overview-widget{background:var(--console-bg-secondary);border-radius:12px;padding:12px;position:relative;cursor:grab;transition:all .3s ease;border:1px solid var(--console-border-primary);box-shadow:var(--console-shadow-sm);overflow:hidden}.console-overview-widget:hover{box-shadow:var(--console-shadow-md);transform:translateY(-2px)}.console-overview-widget.dragging{opacity:.5;cursor:grabbing;transform:scale(.98)}.console-overview-widget.drag-over{border-color:var(--console-color-primary);box-shadow:0 0 0 2px #60a5fa4d}.console-overview-widget-drag-handle{position:absolute;top:8px;right:8px;color:var(--console-text-tertiary);opacity:0;transition:opacity .2s ease;cursor:grab}.console-overview-widget:hover .console-overview-widget-drag-handle{opacity:.6}.console-overview-widget[data-widget=datetime]{grid-column:span 2;grid-row:span 1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1d24,#2d3748)}.console-overview-widget[data-widget=tasks]{grid-column:span 2;grid-row:span 2}.console-overview-widget[data-widget=files],.console-overview-widget[data-widget=workspace],.console-overview-widget[data-widget=chat],.console-overview-widget[data-widget=members]{grid-column:span 1;grid-row:span 1}.console-overview-widget[data-widget=ai-chat]{grid-column:span 2;grid-row:span 1;background:linear-gradient(135deg,#60a5fa1a,#9333ea1a);border-color:#60a5fa33}.console-overview-widget-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.console-overview-widget-title{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--console-text-primary)}.console-overview-widget-title svg{color:var(--console-text-secondary)}.console-overview-widget-more{background:transparent;border:none;color:var(--console-color-primary);font-size:11px;cursor:pointer;padding:3px 6px;border-radius:4px;transition:all .2s ease}.console-overview-widget-more:hover{background:#60a5fa1a}.console-overview-datetime{text-align:center}.console-overview-time{font-size:36px;font-weight:300;color:#f1f5f9;font-family:SF Mono,Monaco,Consolas,monospace;letter-spacing:2px;margin-bottom:4px}.console-overview-date{font-size:13px;color:#94a3b8}.console-overview-tasks-content{display:flex;flex-direction:column;gap:6px;height:calc(100% - 28px)}.console-overview-calendar{flex:1}.console-overview-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.console-overview-calendar-header span{font-size:12px;font-weight:500;color:var(--console-text-primary)}.console-overview-calendar-header button{background:transparent;border:none;color:var(--console-text-secondary);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;transition:all .2s ease}.console-overview-calendar-header button:hover{background:var(--console-bg-hover);color:var(--console-text-primary)}.console-overview-calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;margin-bottom:4px}.console-overview-calendar-weekdays span{text-align:center;font-size:9px;font-weight:500;color:var(--console-text-tertiary);padding:2px 0}.console-overview-calendar-weekdays span:first-child{color:#f87171}.console-overview-calendar-weekdays span:last-child{color:#60a5fa}.console-overview-calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.console-overview-calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;color:var(--console-text-secondary);border-radius:4px;transition:all .2s ease;cursor:pointer;position:relative;gap:1px}.console-overview-calendar-day-number{line-height:1}.console-overview-calendar-day:hover:not(.empty){background:var(--console-bg-hover)}.console-overview-calendar-day.empty{cursor:default}.console-overview-calendar-day.today{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;font-weight:600}.console-overview-calendar-day.today .console-overview-calendar-day-number{color:#fff}.console-overview-calendar-dots{display:flex;align-items:center;justify-content:center;gap:2px;min-height:6px}.console-overview-calendar-dot{width:4px;height:4px;border-radius:50%;flex-shrink:0}.console-overview-calendar-dot.todo{background:#94a3b8}.console-overview-calendar-dot.in-progress{background:#fbbf24}.console-overview-calendar-dot.schedule{background:#8b5cf6}.console-overview-calendar-dot.done{background:#34d399}.console-overview-calendar-count{font-size:7px;color:var(--console-text-tertiary);line-height:1}.console-overview-calendar-day.today .console-overview-calendar-count{color:#ffffffb3}.console-overview-calendar-day.has-tasks{background:#60a5fa0d}.console-overview-calendar-day.has-tasks:hover{background:#60a5fa1a}.console-overview-calendar-day.today.has-tasks{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.console-overview-tasks-stats{display:flex;gap:6px;padding-top:6px;border-top:1px solid var(--console-border-primary)}.console-overview-stat{flex:1;text-align:center}.console-overview-stat-value{display:block;font-size:14px;font-weight:600;margin-bottom:1px}.console-overview-stat-value.todo{color:#94a3b8}.console-overview-stat-value.in-progress{color:#fbbf24}.console-overview-stat-value.done{color:#34d399}.console-overview-stat-label{font-size:10px;color:var(--console-text-tertiary)}.console-overview-files-content,.console-overview-workspace-content{display:flex;flex-direction:column;gap:4px}.console-overview-workspace-header{display:flex;align-items:center;margin-bottom:4px}.console-overview-workspace-header .console-overview-label{font-weight:500}.console-overview-files-count{display:flex;align-items:baseline;gap:4px}.console-overview-big-number{font-size:22px;font-weight:600;color:var(--console-text-primary)}.console-overview-label{font-size:11px;color:var(--console-text-tertiary)}.console-overview-recent-list{display:flex;flex-direction:column;gap:2px}.console-overview-recent-item{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--console-text-secondary);padding:3px 5px;background:var(--console-bg-tertiary);border-radius:3px;overflow:hidden}.console-overview-recent-item span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.console-overview-recent-item svg{flex-shrink:0;color:var(--console-text-tertiary)}.console-overview-empty{color:var(--console-text-tertiary);font-size:11px;text-align:center;padding:6px}.console-overview-chat-content{display:flex;flex-direction:column;gap:4px}.console-overview-badge{background:#ef4444;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;margin-left:4px}.console-overview-unread{background:#ef4444;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;flex-shrink:0}.console-overview-members-content{display:flex;flex-direction:column;gap:4px}.console-overview-members-count{display:flex;align-items:baseline;gap:4px}.console-overview-member-avatars{display:flex;gap:-6px}.console-overview-member-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#60a5fa,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#fff;border:2px solid var(--console-bg-secondary);margin-left:-6px}.console-overview-member-avatar:first-child{margin-left:0}.console-overview-member-avatar.more{background:var(--console-bg-tertiary);color:var(--console-text-secondary);font-size:9px}.console-overview-ai-icon{width:16px;height:16px}.console-overview-ai-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:4px 0}.console-overview-ai-content p{color:var(--console-text-secondary);font-size:12px;margin:0}.console-overview-ai-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;background:linear-gradient(135deg,#60a5fa,#3b82f6);border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.console-overview-ai-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #60a5fa66}.console-overview-ai-description{color:var(--console-text-secondary);font-size:11px;margin:0}.console-overview-ai-token-info{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;max-width:200px}.console-overview-ai-token-header{display:flex;align-items:center;gap:3px;font-size:10px;color:var(--console-text-secondary);font-weight:500}.console-overview-ai-token-icon{color:#fbbf24}.console-overview-ai-token-stats{display:flex;align-items:baseline;gap:3px}.console-overview-ai-token-current{font-size:14px;font-weight:700;color:var(--console-text-primary);font-family:SF Mono,Monaco,Consolas,monospace}.console-overview-ai-token-separator{font-size:10px;color:var(--console-text-tertiary)}.console-overview-ai-token-limit{font-size:10px;color:var(--console-text-secondary);font-family:SF Mono,Monaco,Consolas,monospace}.console-overview-ai-token-bar{width:100%;height:3px;background:#ffffff1a;border-radius:2px;overflow:hidden}.console-overview-ai-token-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:2px;transition:width .3s ease,background .3s ease}.console-overview-ai-token-fill.warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.console-overview-ai-token-fill.danger{background:linear-gradient(90deg,#ef4444,#f87171)}.console-overview-ai-token-percent{font-size:9px;color:var(--console-text-tertiary)}.console-overview-ai-token-unlimited{padding:2px 0}.console-overview-ai-token-badge{display:inline-flex;align-items:center;padding:4px 12px;background:linear-gradient(135deg,#60a5fa33,#9333ea33);border:1px solid rgba(96,165,250,.3);border-radius:16px;font-size:12px;font-weight:600;color:#60a5fa}[data-console-theme=bright] .console-overview-ai-token-bar{background:#00000014}[data-console-theme=bright] .console-overview-ai-token-badge{background:linear-gradient(135deg,#3b82f61a,#9333ea1a);border-color:#3b82f640;color:#3b82f6}[data-console-theme=bright] .console-overview-widget[data-widget=datetime]{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}[data-console-theme=bright] .console-overview-time{color:#1e293b}[data-console-theme=bright] .console-overview-date{color:#64748b}[data-console-theme=bright] .console-overview-calendar-day.today{background:linear-gradient(135deg,#3b82f6,#2563eb)}[data-console-theme=bright] .console-overview-calendar-day.has-tasks{background:#3b82f614}[data-console-theme=bright] .console-overview-calendar-day.has-tasks:hover{background:#3b82f626}@media (max-width: 1200px){.console-overview-grid{grid-template-columns:repeat(3,1fr)}.console-overview-widget[data-widget=datetime]{grid-column:span 3}.console-overview-widget[data-widget=tasks]{grid-column:span 2}.console-overview-widget[data-widget=ai-chat]{grid-column:span 3}}@media (max-width: 900px){.console-overview-grid{grid-template-columns:repeat(2,1fr)}.console-overview-widget[data-widget=datetime],.console-overview-widget[data-widget=tasks],.console-overview-widget[data-widget=ai-chat]{grid-column:span 2}}@media (max-width: 600px){.console-overview{padding:12px}.console-overview-grid{grid-template-columns:1fr;gap:12px}.console-overview-widget[data-widget=datetime],.console-overview-widget[data-widget=tasks],.console-overview-widget[data-widget=ai-chat]{grid-column:span 1}.console-overview-time{font-size:36px}}.console-members{width:100%;height:100%;padding:32px;overflow-y:auto}.console-members-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;padding-bottom:16px;border-bottom:2px solid rgba(203,213,225,.2)}.console-members-title{font-size:24px;font-weight:700;color:#1a202c;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;margin:0}.console-members-count{font-size:14px;font-weight:600;color:#64748b;padding:6px 16px;background:#e8ecf1;border-radius:20px;box-shadow:inset 2px 2px 4px #a3b1c633,inset -2px -2px 4px #ffffff80}.console-members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.console-members-card{display:flex;gap:16px;padding:20px;background:#e8ecf1;border-radius:16px;box-shadow:4px 4px 8px #a3b1c666,-4px -4px 8px #fff9;transition:all .2s ease}.console-members-card:hover{box-shadow:6px 6px 12px #a3b1c673,-6px -6px 12px #ffffffb3;transform:translateY(-2px)}.console-members-avatar{width:64px;height:64px;border-radius:50%;background:#e8ecf1;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;flex-shrink:0;box-shadow:inset 3px 3px 6px #a3b1c666,inset -3px -3px 6px #ffffffb3}.console-members-info{flex:1;display:flex;flex-direction:column;gap:8px}.console-members-name-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.console-members-name{font-size:18px;font-weight:600;color:#1a202c;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;margin:0}.console-members-role-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;color:#fff;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;box-shadow:2px 2px 4px #00000026,inset 0 1px #fff3}.console-members-role-icon{display:flex;align-items:center;justify-content:center}.console-members-email{font-size:14px;color:#64748b;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;margin:0}.console-members-title-inline{font-size:16px;font-weight:400;color:#64748b;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.console-members-meta{display:flex;align-items:center;gap:12px;margin-top:4px;font-size:12px;color:#94a3b8;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.console-members-username{font-weight:500;color:#3b82f6}.console-members-joined{opacity:.7}.console-members-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:16px}.console-members-loading-spinner{width:48px;height:48px;border:4px solid rgba(163,177,198,.2);border-top-color:#3b82f6;border-radius:50%;animation:console-members-spin .8s linear infinite}@keyframes console-members-spin{to{transform:rotate(360deg)}}.console-members-loading p{font-size:14px;color:#64748b;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.console-members-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:16px}.console-members-error p{font-size:14px;color:#ef4444;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.console-members-retry-button{padding:10px 20px;background:#e8ecf1;border:none;border-radius:10px;color:#3b82f6;font-size:14px;font-weight:600;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;cursor:pointer;box-shadow:3px 3px 6px #a3b1c666,-3px -3px 6px #fff9;transition:all .2s ease}.console-members-retry-button:hover{box-shadow:2px 2px 5px #a3b1c659,-2px -2px 5px #ffffffb3;transform:translateY(-1px)}.console-members-retry-button:active{box-shadow:inset 2px 2px 4px #a3b1c64d,inset -2px -2px 4px #ffffff80;transform:translateY(0)}.console-members-empty{display:flex;align-items:center;justify-content:center;height:300px}.console-members-empty p{font-size:16px;color:#94a3b8;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.coop-console[data-console-theme=dark] .console-members-title{color:#f7fafc}.coop-console[data-console-theme=dark] .console-members-header{border-bottom-color:#6478b41a}.coop-console[data-console-theme=dark] .console-members-count{background:#1b1d23;color:#9ba1ab;box-shadow:inset 2px 2px 4px #0000004d,inset -2px -2px 4px #2d323c1a}.coop-console[data-console-theme=dark] .console-members-card{background:#1b1d23;box-shadow:4px 4px 8px #0006,-4px -4px 8px #2d323c26}.coop-console[data-console-theme=dark] .console-members-card:hover{box-shadow:6px 6px 12px #00000073,-6px -6px 12px #2d323c33}.coop-console[data-console-theme=dark] .console-members-avatar{background:#1b1d23;color:#9ba1ab;box-shadow:inset 3px 3px 6px #0006,inset -3px -3px 6px #2d323c26}.coop-console[data-console-theme=dark] .console-members-name{color:#f7fafc}.coop-console[data-console-theme=dark] .console-members-email{color:#9ba1ab}.coop-console[data-console-theme=dark] .console-members-title-inline,.coop-console[data-console-theme=dark] .console-members-meta{color:#64748b}.coop-console[data-console-theme=dark] .console-members-username{color:#60a5fa}.coop-console[data-console-theme=dark] .console-members-loading-spinner{border-color:#6478b433;border-top-color:#60a5fa}.coop-console[data-console-theme=dark] .console-members-loading p{color:#9ba1ab}.coop-console[data-console-theme=dark] .console-members-error p{color:#f87171}.coop-console[data-console-theme=dark] .console-members-retry-button{background:#1b1d23;color:#60a5fa;box-shadow:3px 3px 6px #0006,-3px -3px 6px #2d323c26}.coop-console[data-console-theme=dark] .console-members-retry-button:hover{box-shadow:2px 2px 5px #00000059,-2px -2px 5px #2d323c33}.coop-console[data-console-theme=dark] .console-members-retry-button:active{box-shadow:inset 2px 2px 4px #00000059,inset -2px -2px 4px #2d323c1a}.coop-console[data-console-theme=dark] .console-members-empty p{color:#64748b}@media (max-width: 768px){.console-members{padding:20px}.console-members-grid{grid-template-columns:1fr}.console-members-card{padding:16px}.console-members-avatar{width:56px;height:56px;font-size:18px}.console-members-name{font-size:16px}}.create-room-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:999;animation:fadeIn .2s ease}.create-room-panel{position:fixed;top:0;right:-400px;width:400px;height:100vh;background:#e8ecf1;box-shadow:-4px 0 12px #00000026;z-index:1000;transition:right .3s ease;display:flex;flex-direction:column}.create-room-panel.open{right:0}.coop-console[data-console-theme=dark] .create-room-panel{background:#1b1d23;box-shadow:-4px 0 12px #00000080}.create-room-header{padding:20px;border-bottom:1px solid rgba(203,213,225,.2);display:flex;align-items:center;justify-content:space-between}.coop-console[data-console-theme=dark] .create-room-header{border-bottom:1px solid rgba(255,255,255,.1)}.create-room-header h2{font-size:18px;font-weight:600;color:#1e293b;margin:0}.coop-console[data-console-theme=dark] .create-room-header h2{color:#f1f5f9}.close-panel-btn{width:36px;height:36px;border:none;border-radius:8px;background:#e8ecf1;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:2px 2px 4px #a3b1c64d,-2px -2px 4px #ffffffb3}.close-panel-btn:hover{color:#dc2626;box-shadow:inset 2px 2px 4px #a3b1c64d,inset -2px -2px 4px #ffffff80}.coop-console[data-console-theme=dark] .close-panel-btn{background:#1b1d23;color:#94a3b8;box-shadow:2px 2px 4px #0006,-2px -2px 4px #3237464d}.coop-console[data-console-theme=dark] .close-panel-btn:hover{color:#ef4444;box-shadow:inset 2px 2px 4px #00000080,inset -2px -2px 4px #3237464d}.create-room-form{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:24px}.form-group label{font-size:13px;font-weight:600;color:#475569}.coop-console[data-console-theme=dark] .form-group label{color:#cbd5e1}.room-name-input{width:100%;padding:10px 14px;border:none;border-radius:12px;background:#fff;color:#1e293b;font-size:14px;font-family:inherit;outline:none;box-shadow:inset 2px 2px 4px #a3b1c633,inset -2px -2px 4px #ffffff80;transition:all .2s ease}.room-name-input:focus{box-shadow:inset 3px 3px 6px #a3b1c64d,inset -3px -3px 6px #ffffffb3}.room-name-input::placeholder{color:#94a3b8}.coop-console[data-console-theme=dark] .room-name-input{background:#2c2f36;color:#f1f5f9;box-shadow:inset 2px 2px 4px #0006,inset -2px -2px 4px #32374633}.coop-console[data-console-theme=dark] .room-name-input:focus{box-shadow:inset 3px 3px 6px #00000080,inset -3px -3px 6px #3237464d}.coop-console[data-console-theme=dark] .room-name-input::placeholder{color:#64748b}.visibility-toggle{display:flex;gap:8px}.visibility-btn{flex:1;padding:10px;border:none;border-radius:10px;background:#e8ecf1;color:#64748b;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease;box-shadow:2px 2px 4px #a3b1c64d,-2px -2px 4px #ffffffb3}.visibility-btn:hover{box-shadow:inset 2px 2px 4px #a3b1c64d,inset -2px -2px 4px #ffffff80}.visibility-btn.active{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;box-shadow:0 4px 8px #60a5fa4d}.coop-console[data-console-theme=dark] .visibility-btn{background:#1b1d23;color:#94a3b8;box-shadow:2px 2px 4px #0006,-2px -2px 4px #3237464d}.coop-console[data-console-theme=dark] .visibility-btn:hover{box-shadow:inset 2px 2px 4px #00000080,inset -2px -2px 4px #3237464d}.coop-console[data-console-theme=dark] .visibility-btn.active{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;box-shadow:0 4px 8px #60a5fa66}.visibility-description{font-size:11px;color:#64748b;margin:4px 0 0;line-height:1.4}.coop-console[data-console-theme=dark] .visibility-description{color:#94a3b8}.member-search{position:relative;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;background:#fff;box-shadow:inset 2px 2px 4px #a3b1c633,inset -2px -2px 4px #ffffff80;margin-bottom:8px}.coop-console[data-console-theme=dark] .member-search{background:#2c2f36;box-shadow:inset 2px 2px 4px #0006,inset -2px -2px 4px #32374633}.member-search svg{color:#94a3b8;flex-shrink:0}.coop-console[data-console-theme=dark] .member-search svg{color:#64748b}.member-search-input{flex:1;border:none;background:transparent;color:#1e293b;font-size:13px;font-family:inherit;outline:none}.member-search-input::placeholder{color:#94a3b8}.coop-console[data-console-theme=dark] .member-search-input{color:#f1f5f9}.coop-console[data-console-theme=dark] .member-search-input::placeholder{color:#64748b}.member-list{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.member-loading{padding:20px;text-align:center;color:#94a3b8;font-size:13px}.member-item{padding:10px;border-radius:10px;background:#fff;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s ease;box-shadow:2px 2px 4px #a3b1c633,-2px -2px 4px #ffffff80}.member-item:hover{box-shadow:inset 2px 2px 4px #a3b1c633,inset -2px -2px 4px #fff6}.member-item.selected{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 2px 6px #60a5fa4d}.member-item.selected .member-name,.member-item.selected .member-title,.member-item.selected .member-division{color:#fff!important}.coop-console[data-console-theme=dark] .member-item{background:#2c2f36;box-shadow:2px 2px 4px #0000004d,-2px -2px 4px #32374633}.coop-console[data-console-theme=dark] .member-item:hover{box-shadow:inset 2px 2px 4px #0006,inset -2px -2px 4px #3237464d}.coop-console[data-console-theme=dark] .member-item.selected{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 2px 6px #60a5fa66}.member-checkbox{width:20px;height:20px;border-radius:6px;background:#e8ecf1;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 2px 2px 4px #a3b1c64d,inset -2px -2px 4px #ffffff80}.member-item.selected .member-checkbox{background:#fff3;color:#fff;box-shadow:none}.coop-console[data-console-theme=dark] .member-checkbox{background:#1b1d23;box-shadow:inset 2px 2px 4px #00000080,inset -2px -2px 4px #3237464d}.member-name{font-size:13px;font-weight:500;color:#1e293b;line-height:1.3}.member-title{font-size:11px;font-weight:400;color:#64748b}.member-division{font-size:11px;color:#94a3b8;line-height:1.2;margin-top:2px}.coop-console[data-console-theme=dark] .member-division{color:#64748b}.form-actions{display:flex;gap:8px;padding-top:8px;border-top:1px solid rgba(203,213,225,.2)}.coop-console[data-console-theme=dark] .form-actions{border-top:1px solid rgba(255,255,255,.1)}.cancel-btn,.create-btn{flex:1;padding:12px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-btn{background:#e8ecf1;color:#64748b;box-shadow:2px 2px 4px #a3b1c64d,-2px -2px 4px #ffffffb3}.cancel-btn:hover{box-shadow:inset 2px 2px 4px #a3b1c64d,inset -2px -2px 4px #ffffff80}.create-btn{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;box-shadow:0 4px 8px #60a5fa4d}.create-btn:hover:not(:disabled){box-shadow:0 6px 12px #60a5fa66;transform:translateY(-1px)}.create-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:0 2px 4px #60a5fa33}.coop-console[data-console-theme=dark] .cancel-btn{background:#1b1d23;color:#94a3b8;box-shadow:2px 2px 4px #0006,-2px -2px 4px #3237464d}.coop-console[data-console-theme=dark] .cancel-btn:hover{box-shadow:inset 2px 2px 4px #00000080,inset -2px -2px 4px #3237464d}.coop-console[data-console-theme=dark] .create-btn{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 4px 8px #60a5fa66}.coop-console[data-console-theme=dark] .create-btn:hover:not(:disabled){box-shadow:0 6px 12px #60a5fa80}.member-list::-webkit-scrollbar{width:6px}.member-list::-webkit-scrollbar-track{background:transparent}.member-list::-webkit-scrollbar-thumb{background:#a3b1c64d;border-radius:3px}.member-list::-webkit-scrollbar-thumb:hover{background:#a3b1c666}.coop-console[data-console-theme=dark] .member-list::-webkit-scrollbar-thumb{background:#ffffff1a}.coop-console[data-console-theme=dark] .member-list::-webkit-scrollbar-thumb:hover{background:#ffffff26}.chat-room-list{width:320px;height:100%;display:flex;flex-direction:column;background:#e8ecf1;border-right:1px solid rgba(203,213,225,.3)}.coop-console[data-console-theme=dark] .chat-room-list{background:#1b1d23;border-right:1px solid rgba(255,255,255,.1)}.room-list-tabs{display:flex;padding:12px;gap:8px;border-bottom:1px solid rgba(203,213,225,.2)}.coop-console[data-console-theme=dark] .room-list-tabs{border-bottom:1px solid rgba(255,255,255,.1)}.room-tab{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:none;border-radius:12px;background:#e8ecf1;color:#64748b;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:3px 3px 6px #a3b1c666,-3px -3px 6px #fff9}.room-tab:hover{color:#475569;box-shadow:2px 2px 5px #a3b1c659,-2px -2px 5px #ffffffb3}.room-tab.active{color:#667eea;box-shadow:inset 2px 2px 4px #a3b1c64d,inset -2px -2px 4px #ffffff80}.coop-console[data-console-theme=dark] .room-tab{background:#1b1d23;color:#94a3b8;box-shadow:3px 3px 6px #0006,-3px -3px 6px #3237464d}.coop-console[data-console-theme=dark] .room-tab:hover{color:#cbd5e1;box-shadow:2px 2px 5px #00000080,-2px -2px 5px #32374666}.coop-console[data-console-theme=dark] .room-tab.active{color:#818cf8;box-shadow:inset 2px 2px 4px #00000080,inset -2px -2px 4px #3237464d}.room-list-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.room-list-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid rgba(203,213,225,.2)}.coop-console[data-console-theme=dark] .room-list-header{border-bottom:1px solid rgba(255,255,255,.1)}.room-list-header h3{font-size:16px;font-weight:700;color:#1e293b;margin:0}.coop-console[data-console-theme=dark] .room-list-header h3{color:#f1f5f9}.create-room-btn{width:32px;height:32px;border:none;border-radius:10px;background:#e8ecf1;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:3px 3px 6px #a3b1c666,-3px -3px 6px #fff9}.create-room-btn:hover{color:#667eea;box-shadow:2px 2px 5px #a3b1c659,-2px -2px 5px #ffffffb3}.create-room-btn:active{box-shadow:inset 2px 2px 4px #a3b1c64d,inset -2px -2px 4px #ffffff80}.coop-console[data-console-theme=dark] .create-room-btn{background:#1b1d23;color:#94a3b8;box-shadow:3px 3px 6px #0006,-3px -3px 6px #3237464d}.coop-console[data-console-theme=dark] .create-room-btn:hover{color:#818cf8;box-shadow:2px 2px 5px #00000080,-2px -2px 5px #32374666}.room-list-items,.member-list-items{flex:1;overflow-y:auto;padding:8px}.room-item{display:flex;align-items:flex-start;gap:12px;padding:12px;margin-bottom:6px;border-radius:12px;background:#e8ecf1;cursor:pointer;transition:all .2s ease;box-shadow:2px 2px 4px #a3b1c633,-2px -2px 4px #ffffff80}.room-item:hover{box-shadow:3px 3px 6px #a3b1c64d,-3px -3px 6px #fff9}.room-item.selected{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid rgba(102,126,234,.3);box-shadow:inset 2px 2px 4px #a3b1c633,inset -2px -2px 4px #ffffff4d}.coop-console[data-console-theme=dark] .room-item{background:#1b1d23;box-shadow:2px 2px 4px #0000004d,-2px -2px 4px #32374633}.coop-console[data-console-theme=dark] .room-item:hover{box-shadow:3px 3px 6px #0006,-3px -3px 6px #3237464d}.coop-console[data-console-theme=dark] .room-item.selected{background:linear-gradient(135deg,#818cf81a,#a78bfa1a);border:1px solid rgba(129,140,248,.3);box-shadow:inset 2px 2px 4px #0000004d,inset -2px -2px 4px #32374633}.room-icon{width:40px;height:40px;border-radius:12px;background:#e8ecf1;display:flex;align-items:center;justify-content:center;color:#64748b;flex-shrink:0;box-shadow:inset 2px 2px 4px #a3b1c64d,inset -2px -2px 4px #ffffff80}.coop-console[data-console-theme=dark] .room-icon{background:#1b1d23;color:#94a3b8;box-shadow:inset 2px 2px 4px #00000080,inset -2px -2px 4px #3237464d}.room-info{flex:1;min-width:0}.room-name-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.room-name{font-size:14px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coop-console[data-console-theme=dark] .room-name{color:#f1f5f9}.room-time{font-size:11px;color:#94a3b8;flex-shrink:0}.room-message-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.room-last-message{font-size:13px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coop-console[data-console-theme=dark] .room-last-message{color:#94a3b8}.room-unread-badge{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 4px #3b82f64d}.member-item{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:6px;border-radius:12px;background:#e8ecf1;cursor:pointer;transition:all .2s ease;box-shadow:2px 2px 4px #a3b1c633,-2px -2px 4px #ffffff80}.member-item:hover{box-shadow:3px 3px 6px #a3b1c64d,-3px -3px 6px #fff9}.coop-console[data-console-theme=dark] .member-item{background:#1b1d23;box-shadow:2px 2px 4px #0000004d,-2px -2px 4px #32374633}.coop-console[data-console-theme=dark] .member-item:hover{box-shadow:3px 3px 6px #0006,-3px -3px 6px #3237464d}.member-avatar{width:40px;height:40px;border-radius:50%;background:#e8ecf1;color:#64748b;font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:2px 2px 4px #a3b1c64d,-2px -2px 4px #ffffffb3}.member-avatar.leader{color:#f59e0b}.member-avatar.admin{color:#3b82f6}.member-avatar.member{color:#64748b}.coop-console[data-console-theme=dark] .member-avatar{background:#1b1d23;color:#94a3b8;box-shadow:2px 2px 4px #0006,-2px -2px 4px #3237464d}.coop-console[data-console-theme=dark] .member-avatar.leader{color:#fbbf24}.coop-console[data-console-theme=dark] .member-avatar.admin{color:#60a5fa}.coop-console[data-console-theme=dark] .member-avatar.member{color:#94a3b8}.member-info{flex:1;min-width:0}.member-name{font-size:14px;font-weight:600;color:#1e293b;margin-bottom:4px}.coop-console[data-console-theme=dark] .member-name{color:#f1f5f9}.member-title{font-weight:400;color:#64748b;font-style:normal}.coop-console[data-console-theme=dark] .member-title{color:#94a3b8}.member-detail{font-size:12px;color:#64748b;display:flex;align-items:center;gap:4px}.coop-console[data-console-theme=dark] .member-detail{color:#94a3b8}.member-division{margin-left:4px}.member-chat-button{width:36px;height:36px;border:none;border-radius:10px;background:#e8ecf1;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease;box-shadow:3px 3px 6px #a3b1c666,-3px -3px 6px #fff9}.member-chat-button:hover{color:#667eea;box-shadow:2px 2px 5px #a3b1c659,-2px -2px 5px #ffffffb3}.member-chat-button:active{box-shadow:inset 2px 2px 4px #a3b1c64d,inset -2px -2px 4px #ffffff80}.coop-console[data-console-theme=dark] .member-chat-button{background:#1b1d23;color:#94a3b8;box-shadow:3px 3px 6px #0006,-3px -3px 6px #3237464d}.coop-console[data-console-theme=dark] .member-chat-button:hover{color:#818cf8;box-shadow:2px 2px 5px #00000080,-2px -2px 5px #32374666}.coop-console[data-console-theme=dark] .member-chat-button:active{box-shadow:inset 2px 2px 4px #00000080,inset -2px -2px 4px #3237464d}.room-list-loading,.room-list-empty{padding:40px 20px;text-align:center;font-size:14px;color:#94a3b8}.room-list-items::-webkit-scrollbar,.member-list-items::-webkit-scrollbar{width:6px}.room-list-items::-webkit-scrollbar-track,.member-list-items::-webkit-scrollbar-track{background:transparent}.room-list-items::-webkit-scrollbar-thumb,.member-list-items::-webkit-scrollbar-thumb{background:#a3b1c64d;border-radius:3px}.room-list-items::-webkit-scrollbar-thumb:hover,.member-list-items::-webkit-scrollbar-thumb:hover{background:#a3b1c666}.coop-console[data-console-theme=dark] .room-list-items::-webkit-scrollbar-thumb,.coop-console[data-console-theme=dark] .member-list-items::-webkit-scrollbar-thumb{background:#ffffff1a}.coop-console[data-console-theme=dark] .room-list-items::-webkit-scrollbar-thumb:hover,.coop-console[data-console-theme=dark] .member-list-items::-webkit-scrollbar-thumb:hover{background:#ffffff26}.room-context-menu{position:fixed;z-index:9999;background:#e8ecf1;border-radius:8px;padding:4px;box-shadow:4px 4px 12px #a3b1c666,-4px -4px 12px #fffc;min-width:150px}.coop-console[data-console-theme=dark] .room-context-menu{background:#252830;box-shadow:4px 4px 12px #00000080,-4px -4px 12px #3237464d}.room-context-menu .context-menu-item{width:100%;padding:10px 14px;border:none;border-radius:6px;background:transparent;color:#1e293b;font-size:13px;font-weight:500;cursor:pointer;text-align:left;transition:all .2s ease}.coop-console[data-console-theme=dark] .room-context-menu .context-menu-item{color:#f1f5f9}.room-context-menu .context-menu-item.danger{color:#dc2626}.room-context-menu .context-menu-item.danger:hover{background:#fee2e2}.coop-console[data-console-theme=dark] .room-context-menu .context-menu-item.danger:hover{background:#dc262626}.room-context-menu .context-menu-item.disabled{color:#94a3b8;cursor:not-allowed;font-size:12px}.public-room-item{display:flex;align-items:center;gap:12px;cursor:default!important}.room-member-count{font-size:11px;color:#64748b;font-weight:500}.room-join-button,.room-leave-button{padding:6px 12px;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;flex-shrink:0;white-space:nowrap;min-width:52px}.room-join-button{background:#667eea;color:#fff;box-shadow:3px 3px 6px #a3b1c666,-3px -3px 6px #fff9}.room-join-button:hover{background:#5a67d8;transform:translateY(-1px);box-shadow:4px 4px 8px #a3b1c680,-4px -4px 8px #ffffffb3}.room-join-button:active{transform:translateY(0);box-shadow:inset 2px 2px 4px #667eea4d,inset -2px -2px 4px #ffffff80}.room-leave-button{background:#e8ecf1;color:#64748b;box-shadow:3px 3px 6px #a3b1c666,-3px -3px 6px #fff9}.room-leave-button:hover{color:#ef4444;box-shadow:2px 2px 5px #a3b1c659,-2px -2px 5px #ffffffb3}.room-leave-button:active{box-shadow:inset 2px 2px 4px #a3b1c64d,inset -2px -2px 4px #ffffff80}.coop-console[data-console-theme=dark] .room-join-button{background:#6366f1;box-shadow:3px 3px 6px #0006,-3px -3px 6px #3237464d}.coop-console[data-console-theme=dark] .room-join-button:hover{background:#818cf8;box-shadow:4px 4px 8px #00000080,-4px -4px 8px #32374666}.coop-console[data-console-theme=dark] .room-leave-button{background:#1b1d23;color:#94a3b8;box-shadow:3px 3px 6px #0006,-3px -3px 6px #3237464d}.coop-console[data-console-theme=dark] .room-leave-button:hover{color:#ef4444}.room-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:999;animation:fadeIn .2s ease}.room-menu-panel{position:fixed;top:0;right:-350px;width:350px;height:100vh;background:#e8ecf1;box-shadow:-4px 0 12px #00000026;z-index:1000;transition:right .3s ease;display:flex;flex-direction:column}.room-menu-panel.open{right:0}.coop-console[data-console-theme=dark] .room-menu-panel{background:#1b1d23;box-shadow:-4px 0 12px #00000080}.room-menu-header{padding:20px;border-bottom:1px solid rgba(203,213,225,.2);display:flex;align-items:center;justify-content:space-between}.coop-console[data-console-theme=dark] .room-menu-header{border-bottom:1px solid rgba(255,255,255,.1)}.room-menu-header h2{font-size:18px;font-weight:600;color:#1e293b;margin:0}.coop-console[data-console-theme=dark] .room-menu-header h2{color:#f1f5f9}.close-menu-btn{width:36px;height:36px;border:none;border-radius:8px;background:#e8ecf1;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:2px 2px 4px #a3b1c64d,-2px -2px 4px #ffffffb3}.close-menu-btn:hover{color:#dc2626;box-shadow:inset 2px 2px 4px #a3b1c64d,inset -2px -2px 4px #ffffff80}.coop-console[data-console-theme=dark] .close-menu-btn{background:#1b1d23;color:#94a3b8;box-shadow:2px 2px 4px #0006,-2px -2px 4px #3237464d}.coop-console[data-console-theme=dark] .close-menu-btn:hover{color:#ef4444;box-shadow:inset 2px 2px 4px #00000080,inset -2px -2px 4px #3237464d}.room-menu-content{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:24px}.room-menu-info{padding:16px;border-radius:12px;background:#e8ecf1;box-shadow:inset 2px 2px 4px #a3b1c633,inset -2px -2px 4px #ffffff80}.coop-console[data-console-theme=dark] .room-menu-info{background:#1b1d23;box-shadow:inset 2px 2px 4px #0006,inset -2px -2px 4px #32374633}.room-menu-info h3{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 8px}.coop-console[data-console-theme=dark] .room-menu-info h3{color:#f1f5f9}.room-menu-type{font-size:12px;color:#64748b;margin:0}.coop-console[data-console-theme=dark] .room-menu-type{color:#94a3b8}.room-menu-members{padding:16px;border-radius:12px;background:#e8ecf1;box-shadow:inset 2px 2px 4px #a3b1c633,inset -2px -2px 4px #ffffff80}.coop-console[data-console-theme=dark] .room-menu-members{background:#1b1d23;box-shadow:inset 2px 2px 4px #0006,inset -2px -2px 4px #32374633}.room-menu-members h4{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 12px}.coop-console[data-console-theme=dark] .room-menu-members h4{color:#f1f5f9}.room-member-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.room-member-loading{font-size:12px;color:#94a3b8;text-align:center;padding:12px 0}.room-member-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;transition:background .2s ease}.room-member-item:hover{background:#a3b1c61a}.coop-console[data-console-theme=dark] .room-member-item:hover{background:#ffffff0d}.room-member-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#cbd5e1,#94a3b8);color:#1e293b;flex-shrink:0}.room-member-avatar.leader{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.coop-console[data-console-theme=dark] .room-member-avatar{background:linear-gradient(135deg,#475569,#334155);color:#f1f5f9}.coop-console[data-console-theme=dark] .room-member-avatar.leader{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.room-member-info{flex:1;min-width:0}.room-member-name{font-size:13px;font-weight:500;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coop-console[data-console-theme=dark] .room-member-name{color:#f1f5f9}.room-member-title{font-size:11px;color:#94a3b8;font-weight:400}.room-member-division{font-size:11px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-member-status{width:8px;height:8px;border-radius:50%;flex-shrink:0}.room-member-status.online{background:#10b981;box-shadow:0 0 4px #10b98180}.room-member-status.offline{background:#94a3b8}.coop-console[data-console-theme=dark] .room-member-status.offline{background:#64748b}.room-member-list::-webkit-scrollbar{width:4px}.room-member-list::-webkit-scrollbar-track{background:transparent}.room-member-list::-webkit-scrollbar-thumb{background:#a3b1c64d;border-radius:2px}.room-member-list::-webkit-scrollbar-thumb:hover{background:#a3b1c666}.coop-console[data-console-theme=dark] .room-member-list::-webkit-scrollbar-thumb{background:#ffffff1a}.coop-console[data-console-theme=dark] .room-member-list::-webkit-scrollbar-thumb:hover{background:#ffffff26}.room-menu-items{display:flex;flex-direction:column;gap:8px}.room-menu-item{width:100%;padding:14px 16px;border:none;border-radius:12px;background:#e8ecf1;color:#1e293b;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .2s ease;box-shadow:2px 2px 4px #a3b1c64d,-2px -2px 4px #ffffffb3}.room-menu-item:hover{box-shadow:inset 2px 2px 4px #a3b1c64d,inset -2px -2px 4px #ffffff80}.room-menu-item svg{color:#60a5fa;flex-shrink:0}.room-menu-item span{flex:1;text-align:left}.room-menu-item .member-count{font-size:12px;color:#94a3b8;flex:0}.room-menu-item.danger{color:#dc2626}.room-menu-item.danger svg{color:#dc2626}.room-menu-item.danger:hover{background:#fee2e2}.coop-console[data-console-theme=dark] .room-menu-item{background:#1b1d23;color:#f1f5f9;box-shadow:2px 2px 4px #0000004d,-2px -2px 4px #32374633}.coop-console[data-console-theme=dark] .room-menu-item:hover{box-shadow:inset 2px 2px 4px #0006,inset -2px -2px 4px #3237464d}.coop-console[data-console-theme=dark] .room-menu-item svg{color:#60a5fa}.coop-console[data-console-theme=dark] .room-menu-item.danger{color:#ef4444}.coop-console[data-console-theme=dark] .room-menu-item.danger svg{color:#ef4444}.coop-console[data-console-theme=dark] .room-menu-item.danger:hover{background:#3a1f1f}.room-menu-content::-webkit-scrollbar{width:6px}.room-menu-content::-webkit-scrollbar-track{background:transparent}.room-menu-content::-webkit-scrollbar-thumb{background:#a3b1c64d;border-radius:3px}.room-menu-content::-webkit-scrollbar-thumb:hover{background:#a3b1c666}.coop-console[data-console-theme=dark] .room-menu-content::-webkit-scrollbar-thumb{background:#ffffff1a}.coop-console[data-console-theme=dark] .room-menu-content::-webkit-scrollbar-thumb:hover{background:#ffffff26}.coop-chat-room-area{flex:1;display:flex;flex-direction:column;background:#e8ecf1;height:100%;overflow:hidden}.coop-console[data-console-theme=dark] .coop-chat-room-area{background:#1b1d23}.coop-chat-room-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#94a3b8}.coop-chat-room-empty svg{opacity:.3}.coop-chat-room-empty p{font-size:16px;font-weight:500}.coop-chat-room-header{padding:8px 12px;border-bottom:1px solid rgba(203,213,225,.2);background:#e8ecf1;display:flex;align-items:center;justify-content:space-between}.coop-console[data-console-theme=dark] .coop-chat-room-header{background:#1b1d23;border-bottom:1px solid rgba(255,255,255,.1)}.coop-room-header-info{display:flex;align-items:center;gap:10px}.coop-room-header-icon{width:36px;height:36px;border-radius:10px;background:#e8ecf1;display:flex;align-items:center;justify-content:center;color:#667eea;box-shadow:inset 2px 2px 4px #a3b1c64d,inset -2px -2px 4px #ffffff80}.coop-console[data-console-theme=dark] .coop-room-header-icon{background:#1b1d23;color:#818cf8;box-shadow:inset 2px 2px 4px #00000080,inset -2px -2px 4px #3237464d}.coop-room-header-text h3{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 1px;line-height:1.2}.coop-console[data-console-theme=dark] .coop-room-header-text h3{color:#f1f5f9}.coop-room-header-members{font-size:10px;color:#94a3b8;line-height:1}.coop-console[data-console-theme=dark] .coop-room-header-members{color:#94a3b8}.coop-room-menu-btn{width:32px;height:32px;border:none;border-radius:8px;background:#e8ecf1;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:2px 2px 4px #a3b1c64d,-2px -2px 4px #ffffffb3}.coop-room-menu-btn:hover{color:#60a5fa;box-shadow:inset 2px 2px 4px #a3b1c64d,inset -2px -2px 4px #ffffff80}.coop-console[data-console-theme=dark] .coop-room-menu-btn{background:#1b1d23;color:#94a3b8;box-shadow:2px 2px 4px #0006,-2px -2px 4px #3237464d}.coop-console[data-console-theme=dark] .coop-room-menu-btn:hover{color:#60a5fa;box-shadow:inset 2px 2px 4px #00000080,inset -2px -2px 4px #3237464d}.coop-chat-messages-container{flex:1;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:1px}.coop-chat-messages-loading{flex:1;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:14px}.coop-message-date-divider{display:flex;align-items:center;justify-content:center;margin:8px 0 6px;position:relative}.coop-message-date-divider:before,.coop-message-date-divider:after{content:"";flex:1;height:1px;background:#cbd5e133}.coop-console[data-console-theme=dark] .coop-message-date-divider:before,.coop-console[data-console-theme=dark] .coop-message-date-divider:after{background:#ffffff1a}.coop-message-date-divider span{padding:2px 8px;margin:0 10px;border-radius:10px;background:#0000000a;color:#64748b;font-size:9px;font-weight:600;box-shadow:none}.coop-console[data-console-theme=dark] .coop-message-date-divider span{background:#1b1d23;color:#94a3b8;box-shadow:2px 2px 4px #0000004d,-2px -2px 4px #32374633}.coop-message-time-divider{display:flex;align-items:center;justify-content:center;margin:6px 0 4px;position:relative}.coop-message-time-divider span{padding:1px 6px;border-radius:8px;background:#00000008;color:#94a3b8;font-size:9px;font-weight:600;box-shadow:none}.coop-console[data-console-theme=dark] .coop-message-time-divider span{background:#ffffff0a;color:#94a3b8}.coop-message-group{display:flex;gap:6px;margin-bottom:8px;align-items:flex-start}.coop-message-group.is-mine{flex-direction:row-reverse;justify-content:flex-start}.coop-message-avatar{width:30px;height:30px;border-radius:50%;background:#e8ecf1;color:#64748b;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:2px 2px 4px #a3b1c64d,-2px -2px 4px #ffffffb3}.coop-message-avatar.leader{color:#f59e0b}.coop-message-avatar.member{color:#64748b}.coop-console[data-console-theme=dark] .coop-message-avatar{background:#1b1d23;color:#94a3b8;box-shadow:2px 2px 4px #0006,-2px -2px 4px #3237464d}.coop-console[data-console-theme=dark] .coop-message-avatar.leader{color:#fbbf24}.coop-console[data-console-theme=dark] .coop-message-avatar.member{color:#94a3b8}.coop-message-content{display:flex;flex-direction:column;gap:2px;max-width:70%;min-width:0}.coop-chat-room-area .coop-message-header{display:flex;align-items:baseline;justify-content:flex-start;gap:4px;padding-left:4px}.coop-message-group.is-mine .coop-message-header{justify-content:flex-end;padding-left:0;padding-right:4px}.coop-message-username{font-size:11px;font-weight:600;color:#86868b;line-height:1.2;white-space:nowrap}.coop-console[data-console-theme=dark] .coop-message-username{color:#86868b}.coop-message-user-title{font-size:10px;font-weight:400;color:#86868b;line-height:1.2;white-space:nowrap}.coop-console[data-console-theme=dark] .coop-message-user-title{color:#86868b}.coop-message-bubble{display:flex}.coop-message-text{font-size:14px;line-height:1.5;color:#000;word-wrap:break-word;white-space:pre-wrap;padding:7px 13px;background:#e5e5ea;border-radius:18px;width:fit-content;max-width:100%;position:relative}.coop-message-text.is-mine{background:#60a5fa;color:#fff}.coop-message-text:before{content:"";position:absolute;left:-5px;top:10px;width:0;height:0;border-style:solid;border-width:0 5px 7px 0;border-color:transparent #e5e5ea transparent transparent}.coop-message-text.is-mine:before{left:auto;right:-5px;border-width:0 0 7px 5px;border-color:transparent transparent transparent #60a5fa}.coop-console[data-console-theme=dark] .coop-message-text{color:#e0e0ff;background:#3a3650}.coop-console[data-console-theme=dark] .coop-message-text.is-mine{background:#3b82f6;color:#fff}.coop-console[data-console-theme=dark] .coop-message-text:before{border-color:transparent #3a3650 transparent transparent}.coop-console[data-console-theme=dark] .coop-message-text.is-mine:before{left:auto;right:-5px;border-width:0 0 7px 5px;border-color:transparent transparent transparent #3b82f6}.coop-typing-indicator{padding:8px 16px;margin:8px 0;font-size:13px;color:#667eea;font-style:italic}.coop-console[data-console-theme=dark] .coop-typing-indicator{color:#818cf8}.coop-chat-input-container{padding:8px 12px;border-top:1px solid rgba(203,213,225,.2);background:#e8ecf1}.coop-console[data-console-theme=dark] .coop-chat-input-container{background:#1b1d23;border-top:1px solid rgba(255,255,255,.1)}.coop-chat-input-form{display:flex;gap:8px;align-items:flex-end}.coop-chat-input-textarea{flex:1;min-height:36px;max-height:360px;padding:8px 12px;border:none;border-radius:10px;background:#e8ecf1;color:#1e293b;font-size:13px;font-family:inherit;resize:none;outline:none;box-shadow:inset 2px 2px 4px #a3b1c64d,inset -2px -2px 4px #fffc;transition:box-shadow .2s ease;line-height:1.4;overflow-y:hidden}.coop-chat-input-textarea:focus{background:#ecf0f3;box-shadow:inset 2.5px 2.5px 5px #a3b1c659,inset -2.5px -2.5px 5px #ffffffe6}.coop-chat-input-textarea::placeholder{color:#94a3b8}.coop-console[data-console-theme=dark] .coop-chat-input-textarea{background:#1b1d23;color:#f1f5f9;box-shadow:inset 2px 2px 4px #0006,inset -2px -2px 4px #3237464d}.coop-console[data-console-theme=dark] .coop-chat-input-textarea:focus{background:#1f2128;box-shadow:inset 2.5px 2.5px 5px #00000080,inset -2.5px -2.5px 5px #32374666}.coop-console[data-console-theme=dark] .coop-chat-input-textarea::placeholder{color:#64748b}.coop-chat-send-button{width:32px;height:32px;border:none;border-radius:8px;background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 4px 8px #3b82f64d;flex-shrink:0}.coop-chat-send-button:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 6px 12px #3b82f666;transform:translateY(-1px)}.coop-chat-send-button:active:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(0);box-shadow:0 2px 4px #3b82f64d}.coop-chat-send-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:0 2px 4px #3b82f633}.coop-chat-messages-container::-webkit-scrollbar{width:6px}.coop-chat-messages-container::-webkit-scrollbar-track{background:transparent}.coop-chat-messages-container::-webkit-scrollbar-thumb{background:#a3b1c64d;border-radius:3px}.coop-chat-messages-container::-webkit-scrollbar-thumb:hover{background:#a3b1c666}.coop-console[data-console-theme=dark] .coop-chat-messages-container::-webkit-scrollbar-thumb{background:#ffffff1a}.coop-console[data-console-theme=dark] .coop-chat-messages-container::-webkit-scrollbar-thumb:hover{background:#ffffff26}.message-context-menu{position:fixed;z-index:9999;background:#e8ecf1;border-radius:8px;padding:4px;box-shadow:4px 4px 12px #a3b1c666,-4px -4px 12px #fffc;min-width:150px}.coop-console[data-console-theme=dark] .message-context-menu{background:#1b1d23;box-shadow:4px 4px 12px #00000080,-4px -4px 12px #3237464d}.context-menu-item{width:100%;padding:10px 14px;border:none;border-radius:6px;background:transparent;color:#1e293b;font-size:13px;font-weight:500;cursor:pointer;text-align:left;transition:all .2s ease}.context-menu-item:hover{background:#a3b1c633}.context-menu-item.danger{color:#dc2626}.context-menu-item.danger:hover{background:#fee2e2}.coop-console[data-console-theme=dark] .context-menu-item{color:#f1f5f9}.coop-console[data-console-theme=dark] .context-menu-item:hover{background:#ffffff0d}.coop-console[data-console-theme=dark] .context-menu-item.danger{color:#ef4444}.coop-console[data-console-theme=dark] .context-menu-item.danger:hover{background:#3a1f1f}.coop-message-text.deleted{opacity:.9;font-style:italic;color:#475569!important;font-size:12px}.coop-console[data-console-theme=dark] .coop-message-text.deleted{color:#94a3b8!important;opacity:.7}.coop-chat-loading-older{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;color:#64748b;font-size:13px}.coop-console[data-console-theme=dark] .coop-chat-loading-older{color:#94a3b8}.coop-chat-loading-older .loading-spinner{width:16px;height:16px;border:2px solid rgba(100,116,139,.2);border-top-color:#64748b;border-radius:50%;animation:spin .8s linear infinite}.coop-console[data-console-theme=dark] .coop-chat-loading-older .loading-spinner{border-color:#94a3b833;border-top-color:#94a3b8}.coop-chat-attach-button{width:32px;height:32px;border:none;border-radius:8px;background:#e8ecf1;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:2px 2px 4px #a3b1c64d,-2px -2px 4px #ffffffb3;flex-shrink:0}.coop-chat-attach-button:hover{color:#60a5fa;box-shadow:inset 2px 2px 4px #a3b1c64d,inset -2px -2px 4px #ffffff80}.coop-console[data-console-theme=dark] .coop-chat-attach-button{background:#1b1d23;color:#94a3b8;box-shadow:2px 2px 4px #0006,-2px -2px 4px #3237464d}.coop-console[data-console-theme=dark] .coop-chat-attach-button:hover{color:#60a5fa;box-shadow:inset 2px 2px 4px #00000080,inset -2px -2px 4px #3237464d}.coop-pending-files{padding:10px 12px;background:#e8ecf1;border-top:1px solid rgba(203,213,225,.2)}.coop-console[data-console-theme=dark] .coop-pending-files{background:#1b1d23;border-top:1px solid rgba(255,255,255,.1)}.coop-pending-files-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;color:#64748b}.coop-pending-files-clear{border:none;background:none;color:#dc2626;font-size:11px;cursor:pointer;padding:2px 6px;border-radius:4px;transition:background .2s}.coop-pending-files-clear:hover{background:#dc26261a}.coop-pending-files-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.coop-pending-file-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#e8ecf1;border-radius:8px;box-shadow:2px 2px 4px #a3b1c64d,-2px -2px 4px #ffffffb3}.coop-console[data-console-theme=dark] .coop-pending-file-item{background:#1b1d23;box-shadow:2px 2px 4px #0006,-2px -2px 4px #3237464d}.coop-pending-file-icon{color:#60a5fa;display:flex;align-items:center}.coop-pending-file-info{display:flex;flex-direction:column;gap:2px;max-width:150px}.coop-pending-file-name{font-size:12px;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coop-console[data-console-theme=dark] .coop-pending-file-name{color:#f1f5f9}.coop-pending-file-size{font-size:10px;color:#94a3b8}.coop-pending-file-remove{border:none;background:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.coop-pending-file-remove:hover{color:#dc2626;background:#dc26261a}.coop-upload-files-btn{width:100%;padding:8px 16px;border:none;border-radius:8px;background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 4px 8px #3b82f64d}.coop-upload-files-btn:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 6px 12px #3b82f666}.coop-upload-files-btn:disabled{opacity:.6;cursor:not-allowed}.coop-message-file{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#e8ecf1;border-radius:12px;cursor:pointer;transition:all .2s;box-shadow:2px 2px 4px #a3b1c64d,-2px -2px 4px #ffffffb3;max-width:280px}.coop-message-file:hover{box-shadow:3px 3px 6px #a3b1c666,-3px -3px 6px #fffc}.coop-console[data-console-theme=dark] .coop-message-file{background:#1b1d23;box-shadow:2px 2px 4px #0006,-2px -2px 4px #3237464d}.coop-console[data-console-theme=dark] .coop-message-file:hover{box-shadow:3px 3px 6px #00000080,-3px -3px 6px #32374666}.coop-file-icon{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.coop-file-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.coop-file-name{font-size:13px;font-weight:500;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coop-console[data-console-theme=dark] .coop-file-name{color:#f1f5f9}.coop-file-size{font-size:11px;color:#94a3b8}.coop-file-download{color:#60a5fa;display:flex;align-items:center;padding:6px;border-radius:6px;transition:background .2s}.coop-message-file:hover .coop-file-download{background:#60a5fa1a}.coop-message-image-container{display:flex;flex-direction:column;gap:6px;max-width:300px}.coop-message-image{max-width:100%;max-height:300px;border-radius:12px;cursor:pointer;transition:all .2s;object-fit:contain;background:#00000008}.coop-message-image:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}.coop-console[data-console-theme=dark] .coop-message-image{background:#ffffff0d}.coop-message-image-info{display:flex;justify-content:space-between;align-items:center;padding:0 4px}.coop-message-image-info .coop-file-name{font-size:11px;color:#64748b;font-weight:400;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coop-message-image-info .coop-file-size{font-size:10px;color:#94a3b8}.coop-reply-quote{display:flex;gap:8px;padding:6px 10px;margin-bottom:4px;background:#0000000a;border-radius:8px;max-width:fit-content}.coop-console[data-console-theme=dark] .coop-reply-quote{background:#ffffff0f}.coop-reply-bar{width:3px;border-radius:2px;background:linear-gradient(180deg,#60a5fa,#3b82f6);flex-shrink:0}.coop-reply-content{display:flex;flex-direction:column;gap:2px;min-width:0}.coop-reply-author{font-size:11px;font-weight:600;color:#60a5fa}.coop-reply-text{font-size:12px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.coop-console[data-console-theme=dark] .coop-reply-text{color:#94a3b8}.coop-reply-preview{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#e8ecf1;border-top:1px solid rgba(203,213,225,.2)}.coop-console[data-console-theme=dark] .coop-reply-preview{background:#1b1d23;border-top:1px solid rgba(255,255,255,.1)}.coop-reply-preview-bar{width:3px;height:36px;border-radius:2px;background:linear-gradient(180deg,#60a5fa,#3b82f6);flex-shrink:0}.coop-reply-preview-content{flex:1;min-width:0}.coop-reply-preview-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#60a5fa;margin-bottom:2px}.coop-reply-preview-text{font-size:13px;color:#64748b;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coop-console[data-console-theme=dark] .coop-reply-preview-text{color:#94a3b8}.coop-reply-preview-close{width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.coop-reply-preview-close:hover{background:#0000000d;color:#dc2626}.coop-console[data-console-theme=dark] .coop-reply-preview-close:hover{background:#ffffff0d}.console-section.console-chat{display:flex;flex-direction:column;height:calc(100vh - 120px);min-height:600px}.console-chat-container{flex:1;display:flex;flex-direction:row;overflow:hidden;background:#e8ecf1;min-height:0}.coop-console[data-console-theme=dark] .console-chat-container{background:#1b1d23}.subtask-list{padding:0}.subtask-list-header{margin-bottom:12px}.subtask-list-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#495057;margin:0 0 8px}.subtask-progress{display:flex;align-items:center;gap:8px}.subtask-progress-text{font-size:11px;font-weight:500;color:#6c757d;min-width:60px}.subtask-progress-bar{flex:1;height:4px;background:#e9ecef;border-radius:2px;overflow:hidden}.subtask-items{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.subtask-item{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#fff;border:1px solid transparent;border-radius:6px;transition:all .15s ease}.subtask-item:hover{background:#f8f9fa;border-color:#e9ecef}.subtask-item[style*="opacity: 0.5"]{background:#e3f2fd;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633}.subtask-drag-handle{color:#adb5bd;cursor:grab;display:flex;align-items:center;opacity:0;transition:all .15s ease;flex-shrink:0}.subtask-item:hover .subtask-drag-handle{opacity:1;color:#6c757d}.subtask-drag-handle:hover{color:#3b82f6}.subtask-drag-handle:active{cursor:grabbing;color:#2563eb}.subtask-checkbox{flex-shrink:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #dee2e6;border-radius:4px;cursor:pointer;transition:all .15s ease;color:transparent}.subtask-checkbox:hover{border-color:#3b82f6}.subtask-checkbox.checked{background:#3b82f6;border-color:#3b82f6;color:#fff}.subtask-title{flex:1;font-size:13px;color:#495057;cursor:pointer;padding:2px 0;transition:color .15s ease;line-height:1.4}.subtask-title:hover{color:#3b82f6}.subtask-title.completed{color:#adb5bd;text-decoration:line-through}.subtask-delete-btn{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:#ced4da;cursor:pointer;opacity:0;transition:all .15s ease}.subtask-item:hover .subtask-delete-btn{opacity:1}.subtask-delete-btn:hover{color:#dc3545;background:#fff5f5}.subtask-delete-btn:active{background:#ffe0e0}.subtask-edit-form{flex:1;display:flex;flex-direction:column;gap:8px}.subtask-edit-input{width:100%;padding:8px 12px;font-size:14px;color:#2c3e50;background:#fff;border:2px solid #3b82f6;border-radius:6px;outline:none;box-shadow:inset 1px 1px 2px #0000000d,0 0 0 3px #3b82f61a}.subtask-edit-actions{display:flex;gap:6px}.subtask-edit-btn{padding:6px 14px;font-size:13px;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.subtask-edit-btn.save{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;box-shadow:2px 2px 4px #3b82f64d,-1px -1px 2px #ffffff1a}.subtask-edit-btn.save:hover{transform:translateY(-1px);box-shadow:3px 3px 6px #3b82f64d,-1px -1px 3px #ffffff1a}.subtask-edit-btn.cancel{background:#ecf0f3;color:#64748b;box-shadow:2px 2px 4px #d1d9e6,-2px -2px 4px #f5f7fa}.subtask-edit-btn.cancel:hover{color:#2c3e50;box-shadow:3px 3px 6px #d1d9e6,-3px -3px 6px #f5f7fa}.subtask-edit-btn:active{transform:translateY(0);box-shadow:inset 2px 2px 4px #d1d9e6,inset -2px -2px 4px #f5f7fa}.subtask-add-form{display:flex;flex-direction:column;gap:6px;margin-top:4px}.subtask-add-input{width:100%;padding:8px 10px;font-size:13px;color:#495057;background:#fff;border:1px solid #3b82f6;border-radius:6px;outline:none}.subtask-add-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #3b82f61a}.subtask-add-input::placeholder{color:#adb5bd}.subtask-add-actions{display:flex;gap:6px}.subtask-add-btn{padding:6px 12px;font-size:12px;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .15s ease}.subtask-add-btn.save{background:#3b82f6;color:#fff}.subtask-add-btn.save:hover{background:#2563eb}.subtask-add-btn.save:active{background:#1d4ed8}.subtask-add-btn.cancel{background:#e9ecef;color:#6c757d}.subtask-add-btn.cancel:hover{background:#dee2e6;color:#495057}.subtask-add-btn.cancel:active{background:#ced4da}.subtask-add-trigger{width:100%;padding:6px 8px;display:flex;align-items:center;gap:6px;background:transparent;border:1px dashed #dee2e6;border-radius:6px;color:#6c757d;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.subtask-add-trigger:hover{color:#3b82f6;border-color:#3b82f6;background:#f8f9fa}.subtask-add-trigger:active{background:#e9ecef}.console-tasks-attachments{padding:0}.console-tasks-attachments-header{margin-bottom:12px}.console-tasks-attachments-title{font-size:13px;font-weight:600;color:#495057;margin:0;display:flex;align-items:center;gap:6px}.console-tasks-attachments-count{font-weight:400;color:#6c757d;font-size:12px}.console-tasks-attachments-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px;border:2px dashed #dee2e6;border-radius:8px;background:#f8f9fa;color:#6c757d;font-size:13px;cursor:pointer;transition:all .2s ease}.console-tasks-attachments-dropzone:hover{border-color:#3b82f6;background:#f0f4ff;color:#3b82f6}.console-tasks-attachments-dropzone.dragging{border-color:#3b82f6;background:#e8f0fe;color:#3b82f6}.console-tasks-attachments-hint{font-size:11px;color:#adb5bd}.console-tasks-attachments-uploading{display:flex;align-items:center;gap:8px;color:#3b82f6}.console-tasks-attachments-spinner{width:16px;height:16px;border:2px solid #e0e7ff;border-top-color:#3b82f6;border-radius:50%;animation:console-tasks-spin .8s linear infinite}.console-tasks-attachments-list{display:flex;flex-direction:column;gap:4px;margin-top:12px}.console-tasks-attachment-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#fff;border:1px solid transparent;border-radius:6px;transition:all .15s ease}.console-tasks-attachment-item:hover{background:#f8f9fa;border-color:#e9ecef}.console-tasks-attachment-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f4ff,#e8f0fe);border-radius:8px;color:#3b82f6}.console-tasks-attachment-info{flex:1;min-width:0}.console-tasks-attachment-name{font-size:13px;font-weight:500;color:#495057;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.console-tasks-attachment-meta{font-size:11px;color:#adb5bd;margin-top:2px}.console-tasks-attachment-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s ease}.console-tasks-attachment-item:hover .console-tasks-attachment-actions{opacity:1}.console-tasks-attachment-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:#6c757d;cursor:pointer;transition:all .15s ease}.console-tasks-attachment-btn.download:hover{background:#e8f0fe;color:#3b82f6}.console-tasks-attachment-btn.delete:hover{background:#fff5f5;color:#dc3545}.console-tasks-attachment-btn:active{transform:scale(.95)}.console-tasks-attachments-empty{text-align:center;padding:16px;color:#adb5bd;font-size:12px}.console-tasks-comments{display:flex;flex-direction:column;height:100%;padding:0}.console-tasks-comments-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e2e8f0;background:#fff;position:sticky;top:0;z-index:1}.console-tasks-comments-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#334155;margin:0}.console-tasks-comments-count{background:#667eea;color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;min-width:20px;text-align:center}.console-tasks-comments-list{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:16px}.console-tasks-comments-loading,.console-tasks-comments-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#94a3b8;font-size:13px;text-align:center}.console-tasks-comments-empty svg{margin-bottom:12px;opacity:.5}.console-tasks-comment-item{display:flex;gap:12px;position:relative}.console-tasks-comment-item.is-reply{margin-left:44px;padding-left:12px;border-left:2px solid #e2e8f0}.console-tasks-comment-avatar{width:36px;height:36px;border-radius:50%;background:#64748b;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0;text-transform:uppercase}.console-tasks-comment-item.is-reply .console-tasks-comment-avatar{width:28px;height:28px;font-size:11px}.console-tasks-comment-body{flex:1;min-width:0}.console-tasks-comment-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.console-tasks-comment-username{font-size:13px;font-weight:600;color:#1e293b}.console-tasks-comment-date{font-size:12px;color:#94a3b8}.console-tasks-comment-edited{font-size:11px;color:#94a3b8;font-style:italic}.console-tasks-comment-bubble{background:#fff;border:1px solid #e2e8f0;border-radius:4px 12px 12px;padding:12px 14px;position:relative;transition:all .15s ease}.console-tasks-comment-item:hover .console-tasks-comment-bubble{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000a}.console-tasks-comment-item.is-reply .console-tasks-comment-bubble{background:#f8fafc;border-top-left-radius:12px}.console-tasks-comment-content{font-size:14px;line-height:1.6;color:#475569;word-break:break-word}.console-tasks-comment-content p{margin:0 0 8px}.console-tasks-comment-content p:last-child{margin-bottom:0}.console-tasks-comment-content .mention{background:#3b82f61f;color:#3b82f6;padding:1px 6px;border-radius:4px;font-weight:500;font-size:13px}.console-tasks-comment-actions{display:flex;gap:2px;margin-top:8px;opacity:0;transition:opacity .15s ease}.console-tasks-comment-item:hover .console-tasks-comment-actions{opacity:1}.console-tasks-comment-action-btn{background:none;border:none;color:#94a3b8;padding:4px 8px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:4px;font-size:12px;transition:all .15s ease}.console-tasks-comment-action-btn:hover{background:#f1f5f9;color:#64748b}.console-tasks-comment-action-btn.danger:hover{background:#fef2f2;color:#ef4444}.console-tasks-comment-replies{margin-top:12px;display:flex;flex-direction:column;gap:12px}.console-tasks-comments-form{background:#fff;border-top:1px solid #e2e8f0;padding:16px 20px;position:sticky;bottom:0}.console-tasks-comments-form-inner{display:flex;gap:12px;align-items:flex-start}.console-tasks-comments-form-avatar{width:32px;height:32px;border-radius:50%;background:#64748b;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.console-tasks-comments-form-content{flex:1;min-width:0}.console-tasks-comments-form .tiptap-editor-wrapper,.console-tasks-comments-form .console-tasks-comment-editor{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;min-height:auto;transition:all .2s ease}.console-tasks-comments-form .tiptap-editor-wrapper:focus-within,.console-tasks-comments-form .console-tasks-comment-editor:focus-within{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea14;border-radius:12px}.console-tasks-comments-form .ProseMirror{padding:10px 16px;min-height:20px;max-height:120px;overflow-y:auto;font-size:14px}.console-tasks-comments-form-actions{display:flex;justify-content:flex-end;margin-top:10px;gap:8px}.console-tasks-comment-submit-btn{display:flex;align-items:center;justify-content:center;gap:6px;background:#667eea;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.console-tasks-comment-submit-btn:hover:not(:disabled){background:#5a6fd6;transform:translateY(-1px);box-shadow:0 4px 12px #667eea40}.console-tasks-comment-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.console-tasks-comments-reply-form{background:#f0f4ff;border:1px solid #c7d2fe;border-radius:12px;padding:14px;margin-left:48px;margin-bottom:12px}.console-tasks-comments-reply-header{display:flex;align-items:center;gap:8px;color:#667eea;font-size:12px;font-weight:600;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.console-tasks-reply-cancel{margin-left:auto;background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.console-tasks-reply-cancel:hover{background:#0000000d;color:#64748b}.console-tasks-comments-reply-form .console-tasks-comment-editor{background:#fff;border:1px solid #c7d2fe;border-radius:8px}.console-tasks-comments-reply-form .console-tasks-comments-form-actions{margin-top:10px}.console-tasks-comment-edit{margin-top:8px}.console-tasks-comment-edit .tiptap-editor-wrapper,.console-tasks-comment-edit .console-tasks-comment-editor{background:#fff;border:1px solid #667eea;border-radius:8px}.console-tasks-comment-edit-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.console-tasks-comment-btn{padding:6px 14px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.console-tasks-comment-btn.cancel{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b}.console-tasks-comment-btn.cancel:hover{background:#e2e8f0;color:#475569}.console-tasks-comment-btn.primary{background:#667eea;border:none;color:#fff}.console-tasks-comment-btn.primary:hover:not(:disabled){background:#5a6fd6}.console-tasks-comment-btn:disabled{opacity:.5;cursor:not-allowed}.console-tasks-comment-editor{background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-height:60px;transition:all .2s ease}.console-tasks-comment-editor:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea14}.console-tasks-comment-editor .ProseMirror{padding:10px 14px;min-height:60px;font-size:14px;line-height:1.5;outline:none}.console-tasks-comment-editor .ProseMirror p{margin:0 0 8px}.console-tasks-comment-editor .ProseMirror p:last-child{margin-bottom:0}.console-tasks-comment-editor .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#94a3b8;pointer-events:none;height:0}.console-tasks-comment-editor .mention{background:#3b82f61f;color:#3b82f6;padding:1px 6px;border-radius:4px;font-weight:500}.console-tasks-comment-editor-loading{padding:16px;text-align:center;color:#94a3b8;font-size:13px}.console-tasks-comments-list::-webkit-scrollbar{width:6px}.console-tasks-comments-list::-webkit-scrollbar-track{background:transparent}.console-tasks-comments-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.console-tasks-comments-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.console-tasks-activity-item{display:flex;gap:12px;padding:8px 0;font-size:13px;color:#64748b}.console-tasks-activity-icon{width:28px;height:28px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;flex-shrink:0}.console-tasks-activity-content{flex:1;padding-top:4px}.console-tasks-activity-content strong{color:#334155;font-weight:600}.console-tasks-activity-time{font-size:11px;color:#94a3b8;margin-top:2px}.console-tasks-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;z-index:9999;padding:48px 16px;overflow-y:auto}.console-tasks-modal-container.trello-style{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;width:100%;max-width:1100px;min-height:400px;min-width:600px;height:calc(100vh - 120px);max-height:800px;position:relative;display:flex;flex-direction:column}.console-tasks-modal-container.trello-style.is-dragging,.console-tasks-modal-container.trello-style.is-resizing{-webkit-user-select:none;user-select:none;transition:none}.console-tasks-modal-container.trello-style.is-dragging{cursor:grabbing}.console-tasks-modal-drag-handle{position:absolute;top:0;left:0;right:40px;height:40px;cursor:grab;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-radius:12px 0 0;z-index:5;background:linear-gradient(to bottom,rgba(248,250,252,.9),transparent)}.console-tasks-modal-drag-handle:active{cursor:grabbing}.console-tasks-drag-indicator{display:flex;align-items:center;gap:6px;font-size:12px;color:#94a3b8;opacity:0;transition:opacity .2s}.console-tasks-modal-drag-handle:hover .console-tasks-drag-indicator{opacity:1}.console-tasks-reset-size-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:6px;border-radius:4px;opacity:0;transition:all .2s;display:flex;align-items:center;justify-content:center}.console-tasks-modal-drag-handle:hover .console-tasks-reset-size-btn{opacity:1}.console-tasks-reset-size-btn:hover{background:#f1f5f9;color:#475569}.console-tasks-resize-handle{position:absolute;z-index:10}.console-tasks-resize-n{top:0;left:10px;right:10px;height:6px;cursor:ns-resize}.console-tasks-resize-s{bottom:0;left:10px;right:10px;height:6px;cursor:ns-resize}.console-tasks-resize-e{right:0;top:10px;bottom:10px;width:6px;cursor:ew-resize}.console-tasks-resize-w{left:0;top:10px;bottom:10px;width:6px;cursor:ew-resize}.console-tasks-resize-ne{top:0;right:0;width:14px;height:14px;cursor:nesw-resize}.console-tasks-resize-nw{top:0;left:0;width:14px;height:14px;cursor:nwse-resize}.console-tasks-resize-se{bottom:0;right:0;width:14px;height:14px;cursor:nwse-resize}.console-tasks-resize-sw{bottom:0;left:0;width:14px;height:14px;cursor:nesw-resize}.console-tasks-resize-se:after{content:"";position:absolute;bottom:4px;right:4px;width:8px;height:8px;border-right:2px solid #d1d5db;border-bottom:2px solid #d1d5db;opacity:0;transition:opacity .2s}.console-tasks-modal-container.trello-style:hover .console-tasks-resize-se:after{opacity:1}.console-tasks-modal-close-btn{position:absolute;top:12px;right:12px;background:transparent;border:none;color:#64748b;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s;z-index:10}.console-tasks-modal-close-btn:hover{background:#f1f5f9;color:#1e293b}.console-tasks-modal-main{display:flex;flex:1;overflow:hidden;min-height:0}.console-tasks-modal-left{flex:1;padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px;border-right:1px solid #e2e8f0}.console-tasks-modal-right{width:450px;flex-shrink:0;background:#f8fafc;display:flex;flex-direction:column;overflow:hidden;border-radius:0 12px 12px 0}.console-tasks-modal-right-header{display:flex;align-items:center;gap:8px;padding:16px 20px;border-bottom:1px solid #e2e8f0;font-weight:600;color:#334155;font-size:14px}.console-tasks-modal-right .console-tasks-comments{flex:1;overflow-y:auto;padding:0}.console-tasks-modal-title-section{display:flex;align-items:flex-start;gap:12px;position:relative;padding-right:40px}.console-tasks-modal-status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;flex-shrink:0;border:1px solid transparent}.console-tasks-modal-status-badge:hover{filter:brightness(.95);box-shadow:0 2px 8px #0000001a}.console-tasks-modal-status-badge .status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.console-tasks-modal-status-badge .status-arrow{margin-left:2px;opacity:.6;transition:transform .2s}.console-tasks-modal-status-badge:hover .status-arrow{opacity:1}.console-tasks-modal-status-wrapper{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.console-tasks-modal-status-label{font-size:10px;font-weight:500;color:#64748b;white-space:nowrap}.console-tasks-modal-status-dot{width:24px;height:24px;border-radius:50%;flex-shrink:0;cursor:pointer;transition:all .2s;position:relative;box-shadow:inset 0 0 0 2px #ffffff4d}.console-tasks-modal-status-dot:hover:not(.disabled){transform:scale(1.15);box-shadow:inset 0 0 0 2px #ffffff80,0 0 0 4px #0000001a}.console-tasks-modal-status-dot.disabled{cursor:default;opacity:.9}.console-tasks-modal-status-dot.disabled:after,.console-tasks-modal-status-dot.disabled:before{display:none}.console-tasks-modal-status-dot:after{content:"";position:absolute;bottom:-2px;right:-2px;width:10px;height:10px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0003;opacity:0;transition:opacity .2s}.console-tasks-modal-status-dot:before{content:"";position:absolute;bottom:0;right:0;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #64748b;opacity:0;transition:opacity .2s;z-index:1}.console-tasks-modal-status-dot:hover:not(.disabled):after,.console-tasks-modal-status-dot:hover:not(.disabled):before{opacity:1}.console-tasks-modal-title{font-size:22px;font-weight:600;color:#1e293b;cursor:pointer;line-height:1.3;flex:1;border-radius:6px;padding:4px 8px;margin:-4px -8px;transition:background .2s}.console-tasks-modal-title:hover{background:#f1f5f9}.console-tasks-header-priority{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;cursor:pointer;transition:opacity .2s,transform .2s;flex-shrink:0;margin-left:auto}.console-tasks-header-priority:hover{opacity:.85;transform:scale(1.02)}.console-tasks-header-priority svg{flex-shrink:0}.console-tasks-modal-title-input{font-size:22px;font-weight:600;color:#1e293b;border:2px solid #3b82f6;border-radius:6px;padding:4px 8px;width:100%;outline:none;background:#f8fafc}.console-tasks-modal-actions-bar{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.console-tasks-action-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f1f5f9;border:none;border-radius:6px;color:#475569;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.console-tasks-action-btn:hover{background:#e2e8f0;color:#1e293b}.console-tasks-action-btn.primary{background:#1e293b;color:#fff}.console-tasks-action-btn.primary:hover{background:#334155}.console-tasks-action-btn.has-value{background:#dbeafe;color:#1d4ed8}.console-tasks-action-btn.has-value:hover{background:#bfdbfe}.console-tasks-modal-add-menu{position:fixed;width:300px;background:#fff;border-radius:12px;box-shadow:0 8px 30px #00000026;z-index:10000;overflow:hidden}.console-tasks-add-menu-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e2e8f0;font-weight:600;color:#334155}.console-tasks-add-menu-header button{background:none;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:4px}.console-tasks-add-menu-header button:hover{background:#f1f5f9;color:#1e293b}.console-tasks-add-menu-items{padding:8px}.console-tasks-add-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px;background:none;border:none;border-radius:8px;cursor:pointer;transition:background .2s;text-align:left}.console-tasks-add-menu-item:hover{background:#f1f5f9}.console-tasks-add-menu-item svg{color:#64748b;flex-shrink:0}.console-tasks-add-menu-item-text{display:flex;flex-direction:column;gap:2px}.console-tasks-add-menu-item-title{font-weight:500;color:#1e293b;font-size:14px}.console-tasks-add-menu-item-desc{font-size:12px;color:#64748b}.console-tasks-add-menu-divider{height:1px;background:#e2e8f0;margin:8px 0}.console-tasks-add-menu-item.highlight-schedule svg{color:#8b5cf6;background:#8b5cf61a;padding:4px;border-radius:6px;margin:-4px}.console-tasks-add-menu-item.highlight-schedule .console-tasks-add-menu-item-title{color:#7c3aed}.console-tasks-modal-dropdown{position:fixed;background:#fff;border-radius:12px;box-shadow:0 8px 30px #00000026;z-index:10000;min-width:200px;overflow:hidden}.console-tasks-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e2e8f0;font-weight:600;color:#334155;font-size:13px}.console-tasks-dropdown-header button{background:none;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:4px}.console-tasks-dropdown-header button:hover{background:#f1f5f9}.console-tasks-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;background:none;border:none;cursor:pointer;font-size:14px;color:#334155;transition:background .15s}.console-tasks-dropdown-item:hover{background:#f1f5f9}.console-tasks-dropdown-item.active{background:#dbeafe;color:#1d4ed8}.console-tasks-dropdown-item .console-tasks-status-dot{width:12px;height:12px;border-radius:50%}.console-tasks-status-dropdown{width:180px}.console-tasks-date-dropdown{width:280px}.console-tasks-date-picker-content{padding:16px;display:flex;flex-direction:column;gap:12px}.console-tasks-date-field{display:flex;flex-direction:column;gap:6px}.console-tasks-date-field label{font-size:12px;font-weight:500;color:#64748b}.console-tasks-date-field input{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;color:#334155;outline:none}.console-tasks-date-field input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.console-tasks-date-remove-btn{padding:8px;background:#fee2e2;border:none;border-radius:6px;color:#dc2626;font-size:13px;font-weight:500;cursor:pointer;margin-top:4px}.console-tasks-date-remove-btn:hover{background:#fecaca}.console-tasks-member-dropdown{width:260px}.console-tasks-member-list{padding:8px;max-height:300px;overflow-y:auto}.console-tasks-member-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;background:none;border:none;border-radius:6px;cursor:pointer;font-size:14px;color:#334155;transition:background .15s}.console-tasks-member-item:hover{background:#f1f5f9}.console-tasks-member-item.active{background:#dbeafe}.console-tasks-member-avatar{width:32px;height:32px;border-radius:50%;background:#64748b;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px}.console-tasks-member-avatar.empty{background:#e2e8f0;color:#64748b}.console-tasks-member-info{display:flex;flex-direction:column;gap:2px;text-align:left}.console-tasks-member-name{font-size:14px;color:#1e293b;font-weight:500}.console-tasks-member-title{font-size:12px;color:#64748b}.console-tasks-assignee-title{color:#64748b;font-weight:400}.console-tasks-priority-dropdown{width:180px}.console-tasks-priority-list{padding:8px;display:flex;flex-direction:column;gap:4px}.console-tasks-priority-item{display:flex;align-items:center;width:100%;padding:6px 8px;background:none;border:none;border-radius:8px;cursor:pointer;transition:background .15s}.console-tasks-priority-item:hover{background:#f1f5f9}.console-tasks-priority-item.active{background:#e2e8f0}.console-tasks-priority-item .console-tasks-priority-badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:16px;font-size:13px;font-weight:500;white-space:nowrap}.console-tasks-modal-card-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;padding:16px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.console-tasks-card-detail-item{display:flex;flex-direction:column;gap:6px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:background .2s}.console-tasks-card-detail-item:hover{background:#0000000a}.console-tasks-card-detail-item:hover .console-tasks-card-detail-value{opacity:.85}.console-tasks-card-detail-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.console-tasks-card-detail-label svg{color:#94a3b8;width:14px;height:14px}.console-tasks-card-detail-value{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:14px;font-weight:500;transition:opacity .2s;line-height:1.3}.console-tasks-card-detail-value-default,.console-tasks-card-detail-value-date{background:#fff;color:#1e293b;border:1px solid #e2e8f0}.console-tasks-card-detail-value-date .console-tasks-date-icon{color:#f59e0b;flex-shrink:0}.console-tasks-date-range{display:flex;flex-direction:column;gap:4px}.console-tasks-date-range-row{display:flex;align-items:center;gap:6px;font-size:13px}.console-tasks-date-range-label{font-size:11px;color:#94a3b8;min-width:32px}.console-tasks-detail-avatar{width:24px;height:24px;border-radius:50%;background:#64748b;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:11px;flex-shrink:0}.console-tasks-modal-card-details:empty{display:none}.console-tasks-card-detail-attendees{cursor:pointer}.console-tasks-attendees-list{display:flex;align-items:center;gap:8px}.console-tasks-attendees-avatars{display:flex;align-items:center}.console-tasks-attendee-avatar{width:28px;height:28px;border-radius:50%;background:#64748b;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:11px;flex-shrink:0;margin-left:-8px;border:2px solid #ffffff;position:relative}.console-tasks-attendee-avatar:first-child{margin-left:0}.console-tasks-attendee-avatar.accepted{background:#10b981}.console-tasks-attendee-avatar.declined{background:#ef4444}.console-tasks-attendee-avatar.tentative{background:#f59e0b}.console-tasks-attendee-avatar.pending{background:#94a3b8}.console-tasks-attendee-more{width:28px;height:28px;border-radius:50%;background:#e2e8f0;color:#64748b;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:10px;margin-left:-8px;border:2px solid #ffffff}.console-tasks-attendees-empty{color:#94a3b8;font-size:13px}.console-tasks-attendee-dropdown{min-width:300px;max-width:360px;max-height:400px;overflow-y:auto}.console-tasks-attendee-picker-content{padding:8px 0}.console-tasks-attendee-section-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 4px}.console-tasks-attendee-section-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase}.console-tasks-add-all-btn{font-size:11px;font-weight:500;color:#3b82f6;background:transparent;border:1px solid #3b82f6;border-radius:4px;padding:3px 8px;cursor:pointer;transition:all .15s}.console-tasks-add-all-btn:hover:not(:disabled){background:#3b82f6;color:#fff}.console-tasks-add-all-btn:disabled{opacity:.5;cursor:not-allowed}.console-tasks-attendee-current{border-bottom:1px solid #e2e8f0;padding-bottom:8px;margin-bottom:8px}.console-tasks-attendee-item{display:flex;align-items:center;gap:10px;padding:8px 16px;transition:background .15s}.console-tasks-attendee-item:hover{background:#f8fafc}.console-tasks-attendee-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.console-tasks-attendee-name{font-size:13px;font-weight:500;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.console-tasks-attendee-status{font-size:11px;font-weight:500}.console-tasks-attendee-status.accepted{color:#10b981}.console-tasks-attendee-status.declined{color:#ef4444}.console-tasks-attendee-status.tentative{color:#f59e0b}.console-tasks-attendee-status.pending{color:#94a3b8}.console-tasks-attendee-remove{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .15s}.console-tasks-attendee-item:hover .console-tasks-attendee-remove{opacity:1}.console-tasks-attendee-remove:hover{background:#fee2e2;color:#ef4444}.console-tasks-attendee-add{padding-top:4px}.console-tasks-add-icon{color:#94a3b8;transition:color .15s}.console-tasks-member-item:hover .console-tasks-add-icon{color:#3b82f6}.console-tasks-no-members{padding:16px;text-align:center;color:#94a3b8;font-size:13px}.console-tasks-modal-section{display:flex;flex-direction:column;gap:12px}.console-tasks-section-header{display:inline-flex;align-items:center;gap:8px;color:#334155}.console-tasks-section-header svg{color:#64748b;flex-shrink:0}.console-tasks-section-header h3{font-size:14px;font-weight:600;margin:0;flex-shrink:0}.console-tasks-description-edit textarea{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;line-height:1.6;resize:vertical;outline:none;font-family:inherit}.console-tasks-description-edit textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.console-tasks-description-actions{display:flex;gap:8px;margin-top:8px}.console-tasks-btn-save,.console-tasks-btn-cancel{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:none}.console-tasks-btn-save{background:#3b82f6;color:#fff}.console-tasks-btn-save:hover{background:#2563eb}.console-tasks-btn-cancel{background:#f1f5f9;color:#64748b}.console-tasks-btn-cancel:hover{background:#e2e8f0}.console-tasks-description-content{padding:12px;background:#f8fafc;border-radius:8px;font-size:14px;line-height:1.6;color:#334155;cursor:pointer;min-height:60px;transition:background .2s;white-space:pre-wrap}.console-tasks-description-content:hover{background:#f1f5f9}.console-tasks-description-content.empty{color:#94a3b8;font-style:italic}.console-tasks-modal-footer{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid #e2e8f0;margin-top:auto}.console-tasks-modal-delete-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:1px solid #fca5a5;border-radius:6px;color:#dc2626;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.console-tasks-modal-delete-btn:hover{background:#fee2e2;border-color:#f87171}.console-tasks-modal-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:#94a3b8}@media (max-width: 1100px){.console-tasks-modal-main{flex-direction:column}.console-tasks-modal-left{border-right:none;border-bottom:1px solid #e2e8f0}.console-tasks-modal-right{width:100%;max-height:400px}}@media (max-width: 600px){.console-tasks-modal-backdrop{padding:0;align-items:flex-end}.console-tasks-modal-container.trello-style{max-width:100%!important;max-height:90vh!important;width:100%!important;height:90vh!important;border-radius:16px 16px 0 0;transform:none!important}.console-tasks-modal-actions-bar{overflow-x:auto;flex-wrap:nowrap;padding-bottom:12px;margin:0 -24px;padding-left:24px;padding-right:24px}.console-tasks-action-btn{white-space:nowrap}.console-tasks-resize-handle,.console-tasks-modal-drag-handle{display:none}}.console-tasks-modal-left::-webkit-scrollbar,.console-tasks-modal-right::-webkit-scrollbar{width:6px}.console-tasks-modal-left::-webkit-scrollbar-track,.console-tasks-modal-right::-webkit-scrollbar-track{background:transparent}.console-tasks-modal-left::-webkit-scrollbar-thumb,.console-tasks-modal-right::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.console-tasks-modal-left::-webkit-scrollbar-thumb:hover,.console-tasks-modal-right::-webkit-scrollbar-thumb:hover{background:#9ca3af}.console-tasks-checklist-dropdown{width:260px}.console-tasks-checklist-picker-content{padding:16px;display:flex;flex-direction:column;gap:12px}.console-tasks-checklist-picker-content label{font-size:12px;font-weight:500;color:#64748b}.console-tasks-checklist-picker-content input{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;color:#1e293b;outline:none;transition:all .2s}.console-tasks-checklist-picker-content input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.console-tasks-checklist-add-btn{padding:10px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.console-tasks-checklist-add-btn:hover{background:#2563eb}.console-tasks-card-context-menu{position:fixed;z-index:10000;min-width:200px;max-width:280px;background:#fff;border-radius:8px;box-shadow:0 8px 16px #00000026,0 2px 4px #0000001a;padding:6px 0;animation:console-tasks-context-menu-fade-in .15s ease-out}@keyframes console-tasks-context-menu-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.console-tasks-card-context-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border:none;background:none;cursor:pointer;text-align:left;font-size:14px;color:#172b4d;transition:background-color .1s ease}.console-tasks-card-context-menu-item:hover{background-color:#f4f5f7}.console-tasks-card-context-menu-item:active{background-color:#ebecf0}.console-tasks-card-context-menu-item.danger{color:#dc2626}.console-tasks-card-context-menu-item.danger:hover{background-color:#fef2f2}.console-tasks-card-context-menu-item.disabled{color:#a5adba;cursor:not-allowed}.console-tasks-card-context-menu-item.disabled:hover{background-color:transparent}.console-tasks-card-context-menu-icon{display:flex;align-items:center;justify-content:center;width:20px;flex-shrink:0;color:inherit}.console-tasks-card-context-menu-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.console-tasks-card-context-menu-divider{height:1px;background-color:#e4e6ea;margin:6px 0}@media (prefers-color-scheme: dark){.console-tasks-card-context-menu{background:#2d3748;box-shadow:0 8px 16px #0006,0 2px 4px #0003}.console-tasks-card-context-menu-item{color:#e2e8f0}.console-tasks-card-context-menu-item:hover{background-color:#3d4a5c}.console-tasks-card-context-menu-item:active{background-color:#4a5568}.console-tasks-card-context-menu-item.danger{color:#fc8181}.console-tasks-card-context-menu-item.danger:hover{background-color:#742a2a}.console-tasks-card-context-menu-item.disabled{color:#718096}.console-tasks-card-context-menu-divider{background-color:#4a5568}}.console-tasks-calendar-view{width:100%;height:100%;padding:16px;background:transparent;overflow:auto;display:flex;flex-direction:column;gap:16px}.custom-calendar-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ecf0f3;border-radius:12px;box-shadow:4px 4px 8px #d1d9e6,-4px -4px 8px #f5f7fa}.custom-calendar-toolbar-left,.custom-calendar-toolbar-right{display:flex;gap:8px}.custom-calendar-toolbar-center{flex:1;display:flex;align-items:center;justify-content:center;gap:16px}.custom-calendar-title{font-size:24px;font-weight:700;color:#2c3e50;margin:0;min-width:180px;text-align:center}.custom-calendar-nav-btn{background:#ecf0f3;border:none;color:#64748b;padding:10px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;box-shadow:4px 4px 8px #d1d9e6,-4px -4px 8px #f5f7fa;transition:all .2s ease;cursor:pointer}.custom-calendar-nav-btn:hover{color:#3b82f6;box-shadow:6px 6px 12px #d1d9e6,-6px -6px 12px #f5f7fa}.custom-calendar-nav-btn:active{box-shadow:inset 2px 2px 4px #d1d9e6,inset -2px -2px 4px #f5f7fa}.custom-calendar-btn{background:#ecf0f3;border:none;color:#64748b;font-weight:500;padding:8px 16px;border-radius:8px;box-shadow:4px 4px 8px #d1d9e6,-4px -4px 8px #f5f7fa;transition:all .2s ease;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;min-width:40px}.custom-calendar-btn:hover{color:#2c3e50;box-shadow:6px 6px 12px #d1d9e6,-6px -6px 12px #f5f7fa}.custom-calendar-btn.active{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:inset 2px 2px 4px #0000001a;color:#fff}.custom-calendar-filter{display:flex;gap:4px;background:#e4e8ec;border-radius:8px;padding:4px}.custom-calendar-filter-btn{background:transparent;border:none;color:#64748b;font-weight:500;padding:6px 12px;border-radius:6px;transition:all .2s ease;cursor:pointer;font-size:13px}.custom-calendar-filter-btn:hover{color:#2c3e50;background:#ffffff80}.custom-calendar-filter-btn.active{background:#fff;color:#3b82f6;box-shadow:0 1px 3px #0000001a}.custom-calendar-content{flex:1;background:#fff;border-radius:12px;box-shadow:4px 4px 8px #d1d9e6,-4px -4px 8px #f5f7fa;overflow:hidden;padding:16px}.custom-calendar-month{display:flex;flex-direction:column;height:100%}.custom-calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:8px;padding:12px 0;background:#ecf0f3;border-radius:8px}.custom-calendar-weekday{text-align:center;font-weight:600;color:#64748b;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.custom-calendar-weeks{display:grid;gap:4px;flex:1;min-height:0;overflow:hidden;grid-auto-rows:1fr}.custom-calendar-week-row{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;position:relative;min-height:0;overflow:hidden}.custom-calendar-multiday-overlay{position:absolute;top:0;left:0;right:0;pointer-events:none;z-index:10}.custom-calendar-multiday-bar{position:absolute;border-radius:0;display:flex;align-items:center;gap:3px;padding:0 6px;font-size:11px;font-weight:500;color:#fff;cursor:pointer;pointer-events:auto;transition:all .2s ease;box-shadow:0 1px 2px #00000026;overflow:hidden;box-sizing:border-box}.custom-calendar-multiday-bar:hover{transform:translateY(-1px);box-shadow:0 3px 6px #00000040;z-index:15}.custom-calendar-multiday-bar.bar-start{border-top-left-radius:3px;border-bottom-left-radius:3px}.custom-calendar-multiday-bar.bar-end{border-top-right-radius:3px;border-bottom-right-radius:3px}.custom-calendar-multiday-icon{flex-shrink:0}.custom-calendar-multiday-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.custom-calendar-multiday-time{font-size:10px;opacity:.9;flex-shrink:0;margin-left:auto}.custom-calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;flex:1}.custom-calendar-day{background:#fff;border:1px solid #e4e8ec;border-radius:8px;padding:8px 6px;cursor:pointer;transition:all .2s ease;overflow:hidden;min-width:0;min-height:0;display:flex;flex-direction:column;gap:4px;position:relative}.custom-calendar-day:hover{background:#f8f9fa;box-shadow:0 2px 4px #0000000d}.custom-calendar-day.is-today{background:#f0f9ff;border-color:#3b82f6}.custom-calendar-day.other-month{opacity:.4}.custom-calendar-day.is-holiday{background:#fef2f2;border-color:#fca5a5}.custom-calendar-day-number{color:#2c3e50;font-weight:500;font-size:14px;padding:4px;text-align:center}.custom-calendar-day-number.today-number{background:#3b82f6;color:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;margin:0 auto}.custom-calendar-day-number.holiday-number{color:#dc2626;font-weight:600}.custom-calendar-holiday-name{font-size:10px;color:#dc2626;font-weight:600;text-align:center;padding:2px 4px;background:#fee2e2;border-radius:4px;margin:2px 0}.custom-calendar-events{display:flex;flex-direction:column;gap:2px;overflow:hidden;min-width:0;min-height:0;flex:1 1 0;position:relative;z-index:5}.custom-calendar-event{border-radius:3px;padding:2px 5px;font-size:11px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 1px 2px #00000026;max-width:100%;display:flex;align-items:center;gap:3px;box-sizing:border-box}.custom-calendar-event-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;display:flex;align-items:center;gap:3px}.custom-calendar-event-icon{flex-shrink:0}.custom-calendar-event-time{font-size:10px;opacity:.9;flex-shrink:0;margin-left:auto}.custom-calendar-event:hover{transform:translateY(-1px);box-shadow:0 2px 4px #00000040}.custom-calendar-more{font-size:11px;color:#3b82f6;font-weight:500;padding:2px 6px;text-align:center;background:#e0f2fe;border-radius:4px;cursor:pointer;transition:all .2s ease}.custom-calendar-more:hover{background:#bae6fd}.custom-calendar-week{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;height:100%}.custom-calendar-week-day{background:#fff;border:1px solid #e4e8ec;border-radius:8px;padding:12px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.custom-calendar-week-day:hover{background:#f8f9fa;box-shadow:0 2px 4px #0000000d}.custom-calendar-week-day.is-today{background:#f0f9ff;border-color:#3b82f6}.custom-calendar-week-day.is-holiday{background:#fef2f2;border-color:#fca5a5}.custom-calendar-week-header{display:flex;flex-direction:column;gap:4px;padding-bottom:8px;border-bottom:2px solid #e4e8ec}.custom-calendar-week-dayname{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.custom-calendar-week-date{font-size:24px;font-weight:600;color:#2c3e50}.custom-calendar-week-date.today-number{color:#3b82f6}.custom-calendar-week-date.holiday-number{color:#dc2626}.custom-calendar-week-holiday{font-size:11px;color:#dc2626;font-weight:600;padding:2px 6px;background:#fee2e2;border-radius:4px;text-align:center}.custom-calendar-week-events{display:flex;flex-direction:column;gap:6px}.custom-calendar-week-event{background:#fff;border-left:4px solid #3b82f6;border-radius:6px;padding:8px 12px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.custom-calendar-week-event:hover{transform:translate(2px);box-shadow:0 2px 4px #0000001a}.custom-calendar-week-event-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.custom-calendar-week-event-icon{color:#8b5cf6;flex-shrink:0}.custom-calendar-week-event-title{font-weight:500;color:#2c3e50;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.custom-calendar-week-event-status{width:8px;height:8px;border-radius:50%;flex-shrink:0}.custom-calendar-week-event-time{display:flex;align-items:center;gap:4px;font-size:11px;color:#8b5cf6;margin-bottom:4px}.custom-calendar-week-event.is-schedule{border-left-color:#8b5cf6;background:#faf5ff}.custom-calendar-week-event-desc{font-size:12px;color:#64748b;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.custom-calendar-day-view{display:flex;flex-direction:column;gap:16px;height:100%}.custom-calendar-day-header{background:#ecf0f3;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:4px 4px 8px #d1d9e6,-4px -4px 8px #f5f7fa}.custom-calendar-day-header.is-today{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff}.custom-calendar-day-header.is-holiday{background:linear-gradient(135deg,#fca5a5,#dc2626);color:#fff}.custom-calendar-day-name{font-size:18px;font-weight:600;color:#64748b}.custom-calendar-day-header.is-today .custom-calendar-day-name,.custom-calendar-day-header.is-holiday .custom-calendar-day-name{color:#ffffffe6}.custom-calendar-day-date{font-size:48px;font-weight:700;color:#2c3e50}.custom-calendar-day-date.today-number,.custom-calendar-day-date.holiday-number{color:#fff}.custom-calendar-day-holiday{font-size:14px;font-weight:600;color:#fff;padding:4px 8px;background:#fff3;border-radius:6px}.custom-calendar-day-events{flex:1;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.custom-calendar-day-empty{text-align:center;color:#94a3b8;padding:40px;font-size:14px}.custom-calendar-day-event{background:#fff;border-left:4px solid #3b82f6;border-radius:8px;padding:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.custom-calendar-day-event:hover{transform:translate(4px);box-shadow:0 4px 8px #0000001a}.custom-calendar-day-event-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.custom-calendar-day-event-title-row{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.custom-calendar-day-event-icon{color:#8b5cf6;flex-shrink:0}.custom-calendar-day-event-title{font-weight:600;color:#2c3e50;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-calendar-day-event-time{display:flex;align-items:center;gap:6px;font-size:13px;color:#8b5cf6;margin-bottom:8px}.custom-calendar-day-event.is-schedule{border-left-color:#8b5cf6;background:#faf5ff}.custom-calendar-day-event-badges{display:flex;gap:6px;align-items:center}.custom-calendar-day-event-status{padding:4px 10px;border-radius:12px;color:#fff;font-size:11px;font-weight:600}.custom-calendar-day-event-priority{padding:4px 12px;border-radius:12px;color:#fff;font-size:11px;font-weight:600;text-transform:uppercase}.custom-calendar-day-event-desc{font-size:14px;color:#64748b;line-height:1.6}.custom-calendar-list{display:flex;flex-direction:column;gap:16px;height:100%;overflow-y:auto}.custom-calendar-list-empty{text-align:center;color:#94a3b8;padding:40px;font-size:14px}.custom-calendar-list-group{display:flex;flex-direction:column;gap:8px}.custom-calendar-list-date{font-size:16px;font-weight:600;color:#2c3e50;padding:12px 16px;background:#ecf0f3;border-radius:8px;box-shadow:2px 2px 4px #d1d9e6,-2px -2px 4px #f5f7fa}.custom-calendar-list-date.is-today{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff}.custom-calendar-list-date.is-holiday{background:linear-gradient(135deg,#fca5a5,#dc2626);color:#fff}.custom-calendar-list-holiday{font-weight:600}.custom-calendar-list-events{display:flex;flex-direction:column;gap:8px;padding-left:16px}.custom-calendar-list-event{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border-radius:8px;border-left:4px solid transparent;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.custom-calendar-list-event:hover{transform:translate(4px);box-shadow:0 2px 4px #0000001a}.custom-calendar-list-event-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.custom-calendar-list-event-content{flex:1;display:flex;flex-direction:column;gap:4px}.custom-calendar-list-event-title-row{display:flex;align-items:center;gap:6px}.custom-calendar-list-event-icon{color:#8b5cf6;flex-shrink:0}.custom-calendar-list-event-title{font-weight:500;color:#2c3e50;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-calendar-list-event-time{display:flex;align-items:center;gap:4px;font-size:11px;color:#8b5cf6}.custom-calendar-list-event.is-schedule{background:#faf5ff}.custom-calendar-list-event-desc{font-size:12px;color:#64748b;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.custom-calendar-list-event-priority{padding:4px 10px;border-radius:12px;color:#fff;font-size:10px;font-weight:600;text-transform:uppercase;flex-shrink:0}.console-tasks-calendar-view::-webkit-scrollbar,.custom-calendar-week-day::-webkit-scrollbar,.custom-calendar-day-events::-webkit-scrollbar,.custom-calendar-list::-webkit-scrollbar{width:8px;height:8px}.console-tasks-calendar-view::-webkit-scrollbar-track,.custom-calendar-week-day::-webkit-scrollbar-track,.custom-calendar-day-events::-webkit-scrollbar-track,.custom-calendar-list::-webkit-scrollbar-track{background:#e4e8ec;border-radius:4px}.console-tasks-calendar-view::-webkit-scrollbar-thumb,.custom-calendar-week-day::-webkit-scrollbar-thumb,.custom-calendar-day-events::-webkit-scrollbar-thumb,.custom-calendar-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.console-tasks-calendar-view::-webkit-scrollbar-thumb:hover,.custom-calendar-week-day::-webkit-scrollbar-thumb:hover,.custom-calendar-day-events::-webkit-scrollbar-thumb:hover,.custom-calendar-list::-webkit-scrollbar-thumb:hover{background:#a0aec0}@media (max-width: 1200px){.custom-calendar-week{grid-template-columns:repeat(4,1fr)}}@media (max-height: 1100px){.custom-calendar-event{padding:1px 4px;font-size:10px}.custom-calendar-multiday-bar{font-size:10px;padding:0 4px}.custom-calendar-more{font-size:10px;padding:1px 4px}}@media (max-height: 900px){.console-tasks-calendar-view{padding:10px;gap:10px}.custom-calendar-toolbar{padding:10px 14px}.custom-calendar-title{font-size:20px;min-width:160px}.custom-calendar-nav-btn{width:36px;height:36px;padding:8px}.custom-calendar-btn{padding:6px 12px;font-size:13px}.custom-calendar-filter-btn{padding:5px 10px;font-size:12px}.custom-calendar-weekdays{padding:10px 0;margin-bottom:6px}.custom-calendar-day{padding:5px;gap:2px}.custom-calendar-day-number{font-size:13px;padding:3px}.custom-calendar-day-number.today-number{width:24px;height:24px}.custom-calendar-event{padding:1px 4px;font-size:10px}.custom-calendar-multiday-bar{font-size:10px;padding:0 4px}.custom-calendar-weeks{gap:3px}}@media (max-height: 800px){.console-tasks-calendar-view{padding:8px;gap:8px}.custom-calendar-toolbar{padding:8px 12px}.custom-calendar-title{font-size:18px;min-width:140px}.custom-calendar-nav-btn{width:32px;height:32px;padding:6px}.custom-calendar-btn{padding:6px 10px;font-size:12px}.custom-calendar-filter-btn{padding:4px 8px;font-size:11px}.custom-calendar-weekdays{padding:8px 0;margin-bottom:4px}.custom-calendar-weekday{font-size:11px}.custom-calendar-day{padding:4px;gap:2px}.custom-calendar-day-number{font-size:12px;padding:2px}.custom-calendar-day-number.today-number{width:22px;height:22px}.custom-calendar-event{padding:1px 3px;font-size:9px}.custom-calendar-multiday-bar{font-size:9px;padding:0 3px}.custom-calendar-weeks{gap:2px}.custom-calendar-more{font-size:9px;padding:1px 3px}}@media (max-height: 600px){.console-tasks-calendar-view{padding:4px;gap:4px}.custom-calendar-toolbar{padding:6px 8px}.custom-calendar-title{font-size:14px;min-width:100px}.custom-calendar-nav-btn{width:28px;height:28px;padding:4px}.custom-calendar-btn{padding:4px 8px;font-size:11px}.custom-calendar-filter-btn{padding:3px 6px;font-size:10px}.custom-calendar-weekdays{padding:4px 0;margin-bottom:2px}.custom-calendar-weekday{font-size:10px}.custom-calendar-day{padding:2px;gap:1px}.custom-calendar-day-number{font-size:11px;padding:1px}.custom-calendar-day-number.today-number{width:18px;height:18px}.custom-calendar-event{padding:0 2px;font-size:8px}.custom-calendar-multiday-bar{font-size:8px;padding:0 2px}.custom-calendar-holiday-name{display:none}.custom-calendar-more{font-size:8px;padding:1px 2px}}@media (max-width: 768px){.custom-calendar-toolbar{flex-direction:column;gap:8px}.custom-calendar-toolbar-left,.custom-calendar-toolbar-right{width:100%;justify-content:center;flex-wrap:wrap}.custom-calendar-toolbar-center{gap:8px}.custom-calendar-week{grid-template-columns:repeat(2,1fr)}.custom-calendar-day-date{font-size:36px}}.console-tasks-calendar-view.compact-mode{padding:8px;gap:8px}.custom-calendar-toolbar.compact{padding:8px 12px;justify-content:space-between;flex-wrap:nowrap}.custom-calendar-compact-title-area{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.custom-calendar-title.compact{font-size:16px;min-width:auto}.custom-calendar-nav-btn.compact{width:32px;height:32px;padding:6px;flex-shrink:0}.custom-calendar-btn.compact{padding:4px 10px;font-size:11px}.custom-calendar-btn.compact.today-btn{background:#3b82f6;color:#fff}.custom-calendar-compact{display:flex;flex-direction:column;height:100%;gap:12px}.custom-calendar-compact-grid{background:#f8f9fa;border-radius:10px;padding:10px;flex-shrink:0}.custom-calendar-compact-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:6px}.custom-calendar-compact-weekday{text-align:center;font-size:10px;font-weight:600;color:#64748b;padding:4px 0}.custom-calendar-compact-weekday.sunday{color:#dc2626}.custom-calendar-compact-weekday.saturday{color:#3b82f6}.custom-calendar-compact-days{display:flex;flex-direction:column;gap:2px}.custom-calendar-compact-week{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.custom-calendar-compact-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:8px;cursor:pointer;transition:all .15s ease;position:relative;min-height:36px}.custom-calendar-compact-day:hover{background:#e2e8f0}.custom-calendar-compact-day.today{background:#dbeafe}.custom-calendar-compact-day.selected{background:#3b82f6}.custom-calendar-compact-day.selected .custom-calendar-compact-day-number{color:#fff!important}.custom-calendar-compact-day.other-month{opacity:.35}.custom-calendar-compact-day.holiday{background:#fef2f2}.custom-calendar-compact-day-number{font-size:13px;font-weight:500;color:#2c3e50;line-height:1}.custom-calendar-compact-day-number.holiday-text{color:#dc2626}.custom-calendar-compact-day-number.saturday-text{color:#3b82f6}.custom-calendar-compact-dot{width:5px;height:5px;border-radius:50%;background:#3b82f6;position:absolute;bottom:4px}.custom-calendar-compact-day.selected .custom-calendar-compact-dot{background:#fff}.custom-calendar-compact-events{flex:1;display:flex;flex-direction:column;background:#fff;border-radius:10px;overflow:hidden;min-height:0}.custom-calendar-compact-events-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#f1f5f9;border-bottom:1px solid #e2e8f0;flex-shrink:0}.custom-calendar-compact-events-header.today{background:#dbeafe}.custom-calendar-compact-events-header.holiday{background:#fee2e2}.custom-calendar-compact-events-date{font-size:14px;font-weight:600;color:#2c3e50}.custom-calendar-compact-events-holiday{font-size:11px;font-weight:600;color:#dc2626;background:#fef2f2;padding:2px 8px;border-radius:4px}.custom-calendar-compact-events-list{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:6px}.custom-calendar-compact-empty{text-align:center;color:#94a3b8;font-size:13px;padding:30px 10px}.custom-calendar-compact-event{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:8px;border-left:4px solid;cursor:pointer;transition:all .15s ease;color:#fff}.custom-calendar-compact-event:hover{transform:translate(2px);box-shadow:0 2px 6px #00000026}.custom-calendar-compact-event-title{display:flex;align-items:center;gap:6px;flex:1;min-width:0;font-size:13px;font-weight:500}.custom-calendar-compact-event-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-calendar-compact-event-time{display:flex;align-items:center;gap:4px;font-size:11px;opacity:.9;flex-shrink:0}.custom-calendar-compact-event-status{font-size:10px;font-weight:600;background:#ffffff40;padding:2px 6px;border-radius:4px;flex-shrink:0}.custom-calendar-compact-events-list::-webkit-scrollbar{width:4px}.custom-calendar-compact-events-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.custom-calendar-compact-events-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.custom-calendar-compact-events-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.console-tasks-timeline-view{width:100%;height:100%;display:flex;flex-direction:column;padding:16px;background:transparent}.console-tasks-timeline-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:12px 16px;background:#fff;border-radius:12px;box-shadow:4px 4px 8px #d1d9e6,-4px -4px 8px #f5f7fa}.console-tasks-timeline-toolbar-left,.console-tasks-timeline-toolbar-right{display:flex;gap:8px;align-items:center}.console-tasks-timeline-filter{display:flex;gap:4px;background:#e4e8ec;padding:4px;border-radius:8px;margin-left:8px}.console-tasks-timeline-filter-btn{background:transparent;border:none;padding:6px 12px;font-size:13px;font-weight:500;color:#64748b;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.console-tasks-timeline-filter-btn:hover{background:#ffffff80;color:#2c3e50}.console-tasks-timeline-filter-btn.active{background:#fff;color:#2c3e50;box-shadow:0 1px 3px #0000001a}.console-tasks-timeline-filter-count{background:#e2e8f0;padding:2px 6px;border-radius:10px;font-size:11px;font-weight:600;color:#64748b}.console-tasks-timeline-filter-btn.active .console-tasks-timeline-filter-count{background:#3b82f6;color:#fff}.console-tasks-timeline-toolbar-center{flex:1;display:flex;align-items:center;justify-content:center;gap:16px}.console-tasks-timeline-title{font-size:24px;font-weight:700;color:#2c3e50;margin:0;min-width:200px;text-align:center}.console-tasks-timeline-nav-btn{background:#ecf0f3;border:none;color:#64748b;padding:10px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;box-shadow:4px 4px 8px #d1d9e6,-4px -4px 8px #f5f7fa;transition:all .2s ease;cursor:pointer}.console-tasks-timeline-nav-btn:hover{color:#3b82f6;box-shadow:6px 6px 12px #d1d9e6,-6px -6px 12px #f5f7fa}.console-tasks-timeline-nav-btn:active{box-shadow:inset 2px 2px 4px #d1d9e6,inset -2px -2px 4px #f5f7fa}.console-tasks-timeline-btn{background:#ecf0f3;border:none;color:#64748b;font-weight:500;padding:8px 16px;border-radius:8px;box-shadow:4px 4px 8px #d1d9e6,-4px -4px 8px #f5f7fa;transition:all .2s ease;cursor:pointer;font-size:14px}.console-tasks-timeline-btn:hover{color:#2c3e50;box-shadow:6px 6px 12px #d1d9e6,-6px -6px 12px #f5f7fa}.console-tasks-timeline-btn.active{background:#e4e8ec;box-shadow:inset 4px 4px 8px #d1d9e6,inset -4px -4px 8px #f5f7fa;color:#2c3e50}.console-tasks-timeline-container{flex:1;overflow:auto;background:#fff;border-radius:12px;box-shadow:inset 2px 2px 4px #e4e8ec,inset -2px -2px 4px #fff}.console-tasks-timeline-grid{min-width:100%;display:flex;flex-direction:column}.console-tasks-timeline-grid-header{display:flex;position:sticky;top:0;background:#f8f9fa;z-index:10;border-bottom:2px solid #e4e8ec;box-shadow:0 2px 4px #0000000d}.console-tasks-timeline-task-column{width:300px;min-width:300px;padding:16px;font-weight:600;color:#2c3e50;font-size:13px;text-transform:uppercase;letter-spacing:.5px;border-right:2px solid #e4e8ec;background:#f8f9fa}.console-tasks-timeline-dates-column{flex:1;display:flex;background:#f8f9fa}.console-tasks-timeline-date-cell{flex:1;min-width:60px;padding:12px 8px;text-align:center;border-right:1px solid #e4e8ec;display:flex;flex-direction:column;gap:4px;transition:all .2s ease}.console-tasks-timeline-date-cell.today{background:linear-gradient(135deg,#dbeafe,#bfdbfe);font-weight:600;border-right:1px solid #3b82f6}.console-tasks-timeline-date-cell.weekend{background:#f1f3f5}.console-tasks-timeline-date-day{font-size:16px;font-weight:700;color:#2c3e50}.console-tasks-timeline-date-cell.today .console-tasks-timeline-date-day{color:#3b82f6}.console-tasks-timeline-date-weekday{font-size:11px;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.console-tasks-timeline-date-cell.today .console-tasks-timeline-date-weekday{color:#3b82f6}.console-tasks-timeline-grid-body{display:flex;flex-direction:column}.console-tasks-timeline-row{display:flex;border-bottom:1px solid #e4e8ec;min-height:64px;transition:all .2s ease;background:#fff}.console-tasks-timeline-row:hover{background:#f8fafc;box-shadow:0 2px 4px #00000005}.console-tasks-timeline-task-info{width:300px;min-width:300px;padding:14px 16px;border-right:2px solid #e4e8ec;display:flex;flex-direction:column;gap:6px;justify-content:center;background:inherit}.console-tasks-timeline-task-title{font-size:14px;font-weight:600;color:#2c3e50;display:flex;align-items:center;gap:10px;line-height:1.5}.console-tasks-timeline-priority-indicator{width:4px;height:24px;border-radius:2px;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.console-tasks-timeline-task-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:#64748b}.console-tasks-timeline-assignee{display:flex;align-items:center;gap:5px;background:#f0f4f8;padding:3px 10px;border-radius:6px;font-weight:500;color:#475569;box-shadow:inset 1px 1px 2px #d1d9e6,inset -1px -1px 2px #fff}.console-tasks-timeline-overdue{display:flex;align-items:center;gap:5px;color:#dc2626;background:#fef2f2;padding:3px 10px;border-radius:6px;font-weight:600;box-shadow:0 1px 3px #dc262626}.console-tasks-timeline-bars-container{flex:1;position:relative;display:flex}.console-tasks-timeline-bar-cell{flex:1;min-width:60px;border-right:1px solid #e4e8ec}.console-tasks-timeline-bar-cell.today{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-right:1px solid #3b82f6}.console-tasks-timeline-bar-cell.weekend{background:#f1f3f5}.console-tasks-timeline-bar{position:absolute;top:50%;transform:translateY(-50%);height:32px;border-radius:16px;display:flex;align-items:center;padding:0 14px;box-shadow:3px 3px 6px #0000001f,-1px -1px 3px #fff6;cursor:pointer;transition:all .25s ease;overflow:hidden;z-index:5}.console-tasks-timeline-bar:hover{height:36px;box-shadow:4px 4px 10px #0000002e,-2px -2px 6px #ffffff80;z-index:6;transform:translateY(-50%) scale(1.02)}.console-tasks-timeline-bar.overdue{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;animation:pulse-glow 2s ease-in-out infinite;box-shadow:3px 3px 8px #dc26264d,0 0 12px #dc262633}@keyframes pulse-glow{0%,to{box-shadow:3px 3px 8px #dc26264d,0 0 12px #dc262633}50%{box-shadow:3px 3px 12px #dc262666,0 0 20px #dc26264d}}.console-tasks-timeline-bar-label{color:#fff;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px rgba(0,0,0,.25);letter-spacing:.2px}.console-tasks-timeline-bar.schedule{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;border-radius:8px}.console-tasks-timeline-row.schedule{background:#faf5ff}.console-tasks-timeline-row.schedule:hover{background:#f3e8ff}.console-tasks-timeline-schedule-icon{color:#8b5cf6;flex-shrink:0}.console-tasks-timeline-list-badge{background:#e0f2fe;color:#0369a1;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500}.console-tasks-timeline-task-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.console-tasks-timeline-row{cursor:pointer}.console-tasks-timeline-empty{padding:80px 20px;text-align:center;color:#94a3b8;font-size:15px;font-weight:500;width:100%}.console-tasks-timeline-container::-webkit-scrollbar{width:10px;height:10px}.console-tasks-timeline-container::-webkit-scrollbar-track{background:#f1f3f5;border-radius:5px;margin:4px}.console-tasks-timeline-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#cbd5e0,#a0aec0);border-radius:5px;border:2px solid #f1f3f5;transition:background .2s ease}.console-tasks-timeline-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#a0aec0,#718096)}.console-tasks-timeline-container::-webkit-scrollbar-corner{background:#f1f3f5}@media (max-width: 1200px){.console-tasks-timeline-task-column,.console-tasks-timeline-task-info{width:250px;min-width:250px}.console-tasks-timeline-date-cell,.console-tasks-timeline-bar-cell{min-width:50px}.console-tasks-timeline-title{font-size:20px;min-width:160px}}@media (max-width: 768px){.console-tasks-timeline-header{flex-direction:column;gap:12px}.console-tasks-timeline-toolbar-left,.console-tasks-timeline-toolbar-right{width:100%;justify-content:center}.console-tasks-timeline-toolbar-center{width:100%}.console-tasks-timeline-task-column,.console-tasks-timeline-task-info{width:200px;min-width:200px}.console-tasks-timeline-date-cell{min-width:45px;padding:10px 6px}.console-tasks-timeline-bar-cell{min-width:45px}.console-tasks-timeline-title{font-size:18px}.console-tasks-timeline-bar{height:28px}.console-tasks-timeline-bar:hover{height:30px}}.task-list-view{display:flex;flex-direction:column;height:100%;background:#f8fafc;padding:20px;overflow:hidden}.task-list-view-filters{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:#fff;border-radius:12px;margin-bottom:16px;box-shadow:0 1px 3px #0000001a}.task-list-view-filter-buttons{display:flex;gap:8px}.task-list-view-filter-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#f1f5f9;border:none;border-radius:8px;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;transition:all .15s}.task-list-view-filter-btn:hover{background:#e2e8f0;color:#475569}.task-list-view-filter-btn.active{background:#3b82f6;color:#fff}.task-list-view-filter-count{font-size:11px;padding:2px 6px;background:#0000001a;border-radius:10px}.task-list-view-filter-btn.active .task-list-view-filter-count{background:#fff3}.task-list-view-sort-select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#475569;background:#fff;cursor:pointer}.task-list-view-items{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.task-list-view-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fff;border-radius:10px;box-shadow:0 1px 3px #00000014;cursor:pointer;transition:all .15s;border-left:3px solid transparent}.task-list-view-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.task-list-view-item.completed{opacity:.7;background:#f8fafc}.task-list-view-item.completed .task-list-view-item-title{text-decoration:line-through;color:#94a3b8}.task-list-view-item.schedule{border-left-color:#8b5cf6}.task-list-view-item-checkbox{padding-top:2px}.task-list-view-item-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6}.task-list-view-schedule-icon{color:#8b5cf6}.task-list-view-item-content{flex:1;min-width:0}.task-list-view-item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:6px}.task-list-view-item-title{margin:0;font-size:14px;font-weight:600;color:#1e293b;line-height:1.4}.task-list-view-item-badges{display:flex;align-items:center;gap:6px;flex-shrink:0}.task-list-view-priority-badge{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;color:#fff}.task-list-view-list-badge{padding:3px 8px;background:#e2e8f0;border-radius:4px;font-size:11px;font-weight:500;color:#64748b}.task-list-view-item-description{margin:0 0 8px;font-size:13px;color:#64748b;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-list-view-item-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.task-list-view-meta-item{display:flex;align-items:center;gap:4px;font-size:12px;color:#64748b}.task-list-view-meta-item.overdue{color:#ef4444}.task-list-view-meta-item.schedule-time{color:#8b5cf6}.task-list-view-meta-item.subtasks{color:#3b82f6}.task-list-view-subtask-toggle{display:inline-flex;align-items:center;gap:4px;margin-top:10px;padding:4px 8px;background:#f1f5f9;border-radius:4px;font-size:12px;color:#64748b;cursor:pointer;transition:background .15s}.task-list-view-subtask-toggle:hover{background:#e2e8f0}.task-list-view-subtasks{margin-top:12px;padding:12px;background:#f8fafc;border-radius:8px}.task-list-view-empty{display:flex;align-items:center;justify-content:center;padding:60px 20px;color:#94a3b8;font-size:14px}.console-tasks-personal-divider{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0 8px;min-width:60px;flex-shrink:0}.console-tasks-personal-divider-line{width:2px;flex:1;min-height:100px;background:linear-gradient(180deg,transparent 0%,#cbd5e0 10%,#cbd5e0 90%,transparent 100%);border-radius:1px}.console-tasks-personal-divider-label{position:relative;display:flex;align-items:center;gap:4px;padding:8px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:20px;font-size:11px;font-weight:600;color:#718096;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;box-shadow:0 2px 4px #0000000f;margin-bottom:16px}.console-tasks-personal-divider-label svg{color:#3b82f6}.console-tasks-personal-help-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:2px;margin-left:2px;cursor:pointer;color:#a0aec0;border-radius:50%;transition:all .2s}.console-tasks-personal-help-btn:hover{color:#3b82f6;background:#3b82f61a}.console-tasks-personal-help-tooltip{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);width:260px;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;z-index:1000;overflow:hidden;animation:tooltipFadeIn .2s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.console-tasks-personal-help-tooltip-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.console-tasks-personal-help-tooltip-header span{font-size:12px;font-weight:600;text-transform:none;letter-spacing:0}.console-tasks-personal-help-tooltip-header button{background:transparent;border:none;color:#fffc;font-size:16px;cursor:pointer;padding:0;line-height:1}.console-tasks-personal-help-tooltip-header button:hover{color:#fff}.console-tasks-personal-help-tooltip-content{padding:14px;font-size:12px;color:#4a5568;line-height:1.5;text-transform:none;letter-spacing:0;font-weight:400}.console-tasks-personal-help-tooltip-content p{margin:0 0 8px}.console-tasks-personal-help-tooltip-content p strong{color:#2d3748;font-size:11px;text-transform:uppercase;letter-spacing:.3px}.console-tasks-personal-help-tooltip-content ul{margin:4px 0 0;padding-left:14px}.console-tasks-personal-help-tooltip-content li{margin-bottom:3px;color:#718096}.console-tasks-personal-list{position:relative;border:2px solid transparent;background:linear-gradient(135deg,#fefefe,#f8fafc)}.console-tasks-personal-badge{position:absolute;top:-6px;right:12px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:50%;box-shadow:0 2px 4px #3b82f64d;z-index:10}.console-tasks-personal-list:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:12px 12px 0 0}.console-tasks-personal-list-loading{padding:20px;text-align:center;color:#718096;font-size:13px}.console-tasks-personal-add-btn{border-color:#93c5fd!important;color:#3b82f6!important}.console-tasks-personal-add-btn:hover{background:#3b82f614!important;border-color:#3b82f6!important}.console-tasks-share-list-selector{margin-top:12px;max-height:200px;overflow-y:auto}.console-tasks-share-list-option{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:8px;cursor:pointer;transition:all .2s}.console-tasks-share-list-option:hover{border-color:#3b82f6;background:#3b82f60a}.console-tasks-share-list-option input[type=radio]{margin:0;accent-color:#3b82f6}.console-tasks-share-list-option span{font-size:14px;color:#2d3748}.console-tasks-share-no-lists{text-align:center;color:#718096;font-size:13px;padding:20px;margin:0}.console-tasks-archived-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:console-tasks-archived-fade-in .2s ease}@keyframes console-tasks-archived-fade-in{0%{opacity:0}to{opacity:1}}.console-tasks-archived-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;animation:console-tasks-archived-slide-up .2s ease}@keyframes console-tasks-archived-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.console-tasks-archived-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb}.console-tasks-archived-modal-title{display:flex;align-items:center;gap:10px;color:#172b4d}.console-tasks-archived-modal-title h2{margin:0;font-size:18px;font-weight:600}.console-tasks-archived-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .15s ease}.console-tasks-archived-modal-close:hover{background:#f3f4f6;color:#374151}.console-tasks-archived-search{display:flex;align-items:center;gap:8px;padding:12px 20px;border-bottom:1px solid #e5e7eb;position:relative}.console-tasks-archived-search-icon{color:#9ca3af;flex-shrink:0}.console-tasks-archived-search-input{flex:1;border:none;outline:none;font-size:14px;color:#374151;background:transparent}.console-tasks-archived-search-input::placeholder{color:#9ca3af}.console-tasks-archived-search-clear{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:#e5e7eb;border-radius:50%;color:#6b7280;cursor:pointer;transition:all .15s ease}.console-tasks-archived-search-clear:hover{background:#d1d5db;color:#374151}.console-tasks-archived-modal-content{flex:1;overflow-y:auto;padding:16px 20px}.console-tasks-archived-loading,.console-tasks-archived-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#9ca3af;gap:12px}.console-tasks-archived-empty p{margin:0;font-size:15px}.console-tasks-archived-list{display:flex;flex-direction:column;gap:12px}.console-tasks-archived-item{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;transition:all .15s ease}.console-tasks-archived-item:hover{background:#f3f4f6;border-color:#d1d5db}.console-tasks-archived-item-content{flex:1;min-width:0}.console-tasks-archived-item-title{margin:0 0 6px;font-size:15px;font-weight:500;color:#172b4d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.console-tasks-archived-item-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#6b7280}.console-tasks-archived-item-date,.console-tasks-archived-item-by{display:flex;align-items:center;gap:4px}.console-tasks-archived-item-desc{margin:8px 0 0;font-size:13px;color:#6b7280;line-height:1.4}.console-tasks-archived-item-actions{display:flex;gap:8px;flex-shrink:0}.console-tasks-archived-action-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;border:none;border-radius:6px;font-size:13px;cursor:pointer;transition:all .15s ease}.console-tasks-archived-action-btn.restore{background:#e0f2fe;color:#0284c7}.console-tasks-archived-action-btn.restore:hover{background:#bae6fd}.console-tasks-archived-action-btn.restore:disabled{opacity:.6;cursor:not-allowed}.console-tasks-archived-action-btn.delete{background:#fee2e2;color:#dc2626}.console-tasks-archived-action-btn.delete:hover{background:#fecaca}.console-tasks-archived-action-btn.delete:disabled{opacity:.6;cursor:not-allowed}.console-tasks-archived-modal-footer{padding:12px 20px;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 12px 12px}.console-tasks-archived-count{font-size:13px;color:#6b7280}.console-tasks-task-board-board{display:flex;flex-direction:column;height:100%;background:transparent;overflow:hidden;border-radius:12px}.console-tasks-task-board-board-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#fff;border-radius:12px 12px 0 0;border-bottom:1px solid rgba(0,0,0,.06)}.console-tasks-task-board-board-header-left{display:flex;align-items:center;gap:16px}.console-tasks-task-board-board-title{font-size:18px;font-weight:600;color:var(--console-text-primary);margin:0}.console-tasks-task-board-board-header-actions{display:flex;align-items:center;gap:12px}.console-tasks-view-selector{position:relative}.console-tasks-view-selector-trigger{display:flex;align-items:center;gap:8px;background:transparent;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;color:var(--console-text-primary);font-size:14px;font-weight:500;transition:background-color .2s}.console-tasks-view-selector-trigger:hover{background:var(--console-bg-hover)}.console-tasks-view-selector-trigger svg{color:var(--console-text-secondary);font-size:16px}.console-tasks-view-selector-arrow{color:var(--console-text-tertiary);font-size:14px;transition:transform .2s;margin-left:4px}.console-tasks-view-selector-arrow.open{transform:rotate(180deg)}.console-tasks-view-selector-menu{position:absolute;top:calc(100% + 4px);left:0;background:var(--console-bg-elevated);border:1px solid var(--console-border-primary);border-radius:8px;box-shadow:var(--console-shadow-lg);padding:6px;min-width:180px;z-index:1000;animation:fadeInDown .15s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.console-tasks-view-selector-option{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:none;padding:10px 12px;border-radius:6px;cursor:pointer;color:var(--console-text-primary);font-size:14px;font-weight:500;text-align:left;transition:background-color .15s}.console-tasks-view-selector-option:hover{background:var(--console-bg-hover)}.console-tasks-view-selector-option.active{background:var(--console-color-primary-light);color:var(--console-color-primary)}.console-tasks-view-selector-option svg{color:var(--console-text-secondary);font-size:16px;flex-shrink:0}.console-tasks-view-selector-option.active svg{color:var(--console-color-primary)}.console-tasks-task-board-personal-toggle{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid #e2e8f0;border-radius:6px;padding:6px 12px;cursor:pointer;color:#718096;font-size:13px;font-weight:500;transition:all .2s}.console-tasks-task-board-personal-toggle:hover{background:#f8fafc;border-color:#cbd5e0;color:#4a5568}.console-tasks-task-board-personal-toggle.active{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#93c5fd;color:#2563eb}.console-tasks-task-board-personal-toggle.active:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#60a5fa}.console-tasks-task-board-personal-toggle svg{flex-shrink:0}.console-tasks-task-board-archive-btn{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid #e2e8f0;border-radius:6px;padding:6px 12px;cursor:pointer;color:#718096;font-size:13px;font-weight:500;transition:all .2s}.console-tasks-task-board-archive-btn:hover{background:#f8fafc;border-color:#cbd5e0;color:#4a5568}.console-tasks-task-board-archive-btn svg{flex-shrink:0}.console-tasks-task-board-board-settings-btn{background:transparent;border:none;border-radius:6px;padding:8px;cursor:pointer;color:var(--console-text-secondary);transition:all .2s}.console-tasks-task-board-board-settings-btn:hover{background:var(--console-bg-hover);color:var(--console-text-primary)}.console-tasks-task-board-board-lists-container{display:flex;gap:16px;padding:24px;overflow-x:auto;overflow-y:auto;flex:1;align-items:flex-start;min-height:200px;background:#f4f5f7;border-radius:0 0 12px 12px;scrollbar-width:thin;scrollbar-color:var(--console-border-secondary) transparent}.console-tasks-task-board-board-lists-container:empty{padding:12px 24px;min-height:100px}.console-tasks-task-board-board-lists-container::-webkit-scrollbar{height:8px}.console-tasks-task-board-board-lists-container::-webkit-scrollbar-track{background:transparent;border-radius:4px}.console-tasks-task-board-board-lists-container::-webkit-scrollbar-thumb{background:var(--console-border-secondary);border-radius:4px}.console-tasks-task-board-board-lists-container::-webkit-scrollbar-thumb:hover{background:var(--console-border-primary)}.console-tasks-task-board-list{flex-shrink:0;width:300px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;max-height:calc(100vh - 300px);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;position:relative;will-change:transform}.console-tasks-task-board-list-dragging{opacity:1;background:#0000001f!important;box-shadow:inset 0 4px 20px #00000026,0 0 20px #00000014!important;border-radius:12px}.console-tasks-task-board-list-dragging *{visibility:hidden}.console-tasks-task-board-list-accepting{transition:background-color .2s ease,box-shadow .2s ease}.console-tasks-task-board-list-drop-target{background:linear-gradient(180deg,#3b82f614,#3b82f60a);box-shadow:0 0 0 2px #3b82f64d,0 4px 12px #3b82f626;transition:background .15s ease,box-shadow .15s ease}.console-tasks-task-board-card-drop-preview{min-height:60px;background:#3b82f614;border:2px dashed rgba(59,130,246,.4);border-radius:8px;margin:4px 0;padding:8px;animation:dropPreviewAppear .15s ease-out;position:relative;overflow:hidden}.console-tasks-task-board-card-drop-preview-inner{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(59,130,246,.15) 50%,transparent 100%);animation:dropPreviewShimmer 1.5s ease-in-out infinite}@keyframes dropPreviewAppear{0%{opacity:0;min-height:0;transform:scaleY(.8)}to{opacity:1;min-height:60px;transform:scaleY(1)}}@keyframes dropPreviewShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.console-tasks-task-board-list-drop-placeholder{flex-shrink:0;width:300px;min-height:200px;background:#00000026;border-radius:12px;box-shadow:inset 0 4px 20px #0003,0 0 30px #0000001a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.console-tasks-task-board-list-over{position:relative}.console-tasks-task-board-list-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:grab;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:none;-webkit-touch-callout:none;position:relative;z-index:2}.console-tasks-task-board-list-header:active{cursor:grabbing}.console-tasks-task-board-list-header,.console-tasks-task-board-list-header *{-webkit-user-drag:none;user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.console-tasks-task-board-list-title{flex:1;font-size:14px;font-weight:600;color:#2d3748;margin:0;cursor:grab}.console-tasks-task-board-list-menu-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;width:28px;height:28px;cursor:pointer;color:#a0aec0;border-radius:6px;transition:all .2s}.console-tasks-task-board-list-menu-btn:hover{background:#f0f3f8;color:#718096}.console-tasks-task-board-list-cards{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:8px;min-height:60px;transition:background .2s ease,box-shadow .2s ease;scrollbar-width:thin;scrollbar-color:#cbd5e0 #f0f3f8}.console-tasks-task-board-list-cards-over{min-height:80px;background:#3b82f608;border-radius:8px;transition:background .15s ease}.console-tasks-task-board-list-cards::-webkit-scrollbar{width:6px}.console-tasks-task-board-list-cards::-webkit-scrollbar-track{background:transparent}.console-tasks-task-board-list-cards::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.console-tasks-task-board-list-cards::-webkit-scrollbar-thumb:hover{background:#a0aec0}.console-tasks-task-board-drop-placeholder{border-radius:8px;min-height:50px;background:#00000005;box-shadow:inset 0 2px 8px #00000014;animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.console-tasks-task-board-list-footer{padding:8px}.console-tasks-task-board-add-card-btn{width:100%;background:transparent;border:none;padding:8px;border-radius:8px;cursor:pointer;color:#718096;font-size:14px;display:flex;align-items:center;gap:6px;transition:all .2s}.console-tasks-task-board-add-card-btn:hover{background:#f0f3f8;color:#4a5568}.console-tasks-task-board-add-card-form{display:flex;flex-direction:column;gap:8px;background:transparent}.console-tasks-task-board-add-card-textarea{width:100%;padding:10px;border:1px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:14px;color:#2d3748;resize:none;background:#fff;box-shadow:0 1px 3px #0000000d;transition:all .2s}.console-tasks-task-board-add-card-textarea:focus{outline:none;border-color:#4299e1}.console-tasks-task-board-add-card-actions{display:flex;gap:8px}.console-tasks-task-board-add-card-confirm{background:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.console-tasks-task-board-add-card-confirm:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.console-tasks-task-board-add-card-confirm:disabled{background:#cbd5e1;color:#94a3b8;cursor:not-allowed;transform:none}.console-tasks-task-board-add-card-cancel{background:#e5e7eb;color:#6b7280;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.console-tasks-task-board-add-card-cancel:hover:not(:disabled){background:#d1d5db;color:#374151}.console-tasks-task-board-add-card-cancel:disabled{opacity:.5;cursor:not-allowed}.console-tasks-task-board-card{position:relative;background:#f8fafc;border-radius:8px;padding:10px 12px;cursor:grab;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;transform:translateZ(0);will-change:transform;backface-visibility:hidden;-webkit-font-smoothing:antialiased;border:1px solid #e2e8f0;box-shadow:0 1px 3px #00000014;transition:border-color .15s ease,box-shadow .15s ease;overflow:hidden}.console-tasks-task-board-card:hover{border-color:#cbd5e1;box-shadow:0 3px 6px #0000001a}.console-tasks-task-board-card.is-completed{background:#f1f5f9;border-color:#e2e8f0}.console-tasks-task-board-card.is-completed .console-tasks-task-board-card-title.completed{color:#94a3b8;text-decoration:line-through}.console-tasks-task-board-card-complete-btn{width:0;height:18px;min-width:0;display:flex;align-items:center;justify-content:center;background:#e2e8f0;border:1.5px solid #cbd5e1;border-radius:50%;cursor:pointer;overflow:hidden;opacity:0;flex-shrink:0;transition:width .6s ease-out,min-width .6s ease-out,opacity .5s ease-out,margin-right .6s ease-out,background .2s ease,border-color .2s ease,transform .2s ease;margin-right:0}.console-tasks-task-board-card-complete-btn svg{color:transparent;transition:all .2s ease;flex-shrink:0}.console-tasks-task-board-card-complete-btn:hover{background:#bbf7d0;border-color:#22c55e;transform:scale(1.1)}.console-tasks-task-board-card-complete-btn:hover svg{color:#166534}.console-tasks-task-board-card-complete-btn.completed{background:#15803d;border-color:#166534}.console-tasks-task-board-card-complete-btn.completed svg{color:#fff}.console-tasks-task-board-card-complete-btn.completed:hover{background:#fecaca;border-color:#f87171}.console-tasks-task-board-card-complete-btn.completed:hover svg{color:#b91c1c}.console-tasks-task-board-card-complete-btn.visible{width:18px;min-width:18px;opacity:1;margin-right:8px}.console-tasks-task-board-card-share-btn{width:0;height:22px;min-width:0;display:flex;align-items:center;justify-content:center;background:#e0f2fe;border:1.5px solid #7dd3fc;border-radius:4px;cursor:pointer;overflow:hidden;opacity:0;flex-shrink:0;transition:width .4s ease-out,min-width .4s ease-out,opacity .3s ease-out,margin-left .4s ease-out,background .2s ease,border-color .2s ease,transform .2s ease;margin-left:0}.console-tasks-task-board-card-share-btn svg{color:#0284c7;transition:all .2s ease;flex-shrink:0}.console-tasks-task-board-card-share-btn:hover{background:#bae6fd;border-color:#38bdf8;transform:scale(1.1)}.console-tasks-task-board-card-share-btn:hover svg{color:#0369a1}.console-tasks-task-board-card-share-btn.visible{width:22px;min-width:22px;opacity:1;margin-left:6px}.console-tasks-task-board-card:active{cursor:grabbing}.console-tasks-task-board-card-dragging{opacity:.5}.console-tasks-task-board-card-placeholder{opacity:.4!important;background:#e2e8f0!important;border:2px dashed #94a3b8!important;box-shadow:none!important;cursor:grabbing}.console-tasks-task-board-card-overlay{cursor:grabbing!important;transform:rotate(3deg) scale(1.02);box-shadow:0 15px 30px #00000040,0 5px 15px #00000026!important;opacity:.95;z-index:9999}.console-tasks-task-board-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:4px}.console-tasks-task-board-card-title{font-size:14px;font-weight:500;color:var(--console-text-primary);margin:0;line-height:1.5;word-wrap:break-word;flex:1;transition:transform .6s ease-out}.console-tasks-task-board-card-status-badge{flex-shrink:0;font-size:10px;font-weight:600;color:#fff;padding:3px 8px;border-radius:12px;line-height:1;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 1px 2px #0000001a}.console-tasks-task-board-card-progress{width:100%;height:3px;background:var(--console-bg-input);border-radius:2px;margin-top:8px;overflow:hidden}.console-tasks-task-board-card-progress-bar{height:100%;border-radius:2px;transition:width .3s ease,background-color .3s ease}.console-tasks-task-board-card-placeholder{min-height:60px;margin:0 0 8px;background:#0000000f;border-radius:8px;box-shadow:inset 0 0 8px #00000014}.console-tasks-task-board-add-list{flex-shrink:0;width:300px}.console-tasks-task-board-add-list-btn{width:100%;background:var(--console-bg-elevated);border:2px dashed var(--console-border-secondary);padding:16px;border-radius:12px;cursor:pointer;color:var(--console-text-tertiary);font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;box-shadow:var(--console-shadow-sm)}.console-tasks-task-board-add-list-btn:hover{background:var(--console-bg-hover);border-color:var(--console-color-primary);color:var(--console-color-primary);transform:translateY(-1px);box-shadow:var(--console-shadow-md)}.console-tasks-task-board-add-list-form{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:12px;display:flex;flex-direction:column;gap:8px}.console-tasks-task-board-add-list-input{width:100%;padding:10px;border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:14px;color:#2d3748;background:#fff;box-shadow:inset 2px 2px 4px #e2e8f0;transition:border-color .2s}.console-tasks-task-board-add-list-input:focus{outline:none;border-color:#4299e1}.console-tasks-task-board-add-list-actions{display:flex;gap:8px}.console-tasks-task-board-add-list-confirm{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.console-tasks-task-board-add-list-confirm:hover{transform:translateY(-1px);box-shadow:0 4px 8px #667eea4d}.console-tasks-task-board-add-list-cancel{background:#f0f3f8;color:#718096;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.console-tasks-task-board-add-list-cancel:hover{background:#e2e8f0;color:#4a5568}.console-tasks-task-board-list-drag-overlay{width:300px;max-height:400px;overflow:hidden;pointer-events:none}.console-tasks-task-board-list-more-cards{padding:8px 12px;text-align:center;font-size:12px;color:#64748b;background:#00000008;border-radius:6px;margin:4px 8px 8px}.console-tasks-task-board-board-loading,.console-tasks-task-board-board-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#718096}.console-tasks-loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:console-tasks-task-board-spin .8s linear infinite}@keyframes console-tasks-task-board-spin{to{transform:rotate(360deg)}}.console-tasks-task-board-list-title-input{flex:1;font-size:14px;font-weight:600;color:var(--console-text-primary, #2d3748);background:#fff;border:2px solid #667eea;border-radius:6px;padding:4px 8px;outline:none;min-width:0}.console-tasks-task-board-list-title-input:focus{box-shadow:0 0 0 3px #667eea33}.console-tasks-task-board-list-menu-wrapper{position:relative}.console-tasks-task-board-list-menu{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;box-shadow:0 4px 12px #00000026;padding:4px;min-width:180px;z-index:1000}.console-tasks-task-board-list-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:none;border-radius:6px;font-size:13px;color:#4a5568;cursor:pointer;transition:background-color .15s;text-align:left}.console-tasks-task-board-list-menu-item:hover{background:#f7fafc}.console-tasks-task-board-list-menu-item.danger{color:#e53e3e}.console-tasks-task-board-list-menu-item.danger:hover{background:#fff5f5}.console-tasks-task-board-list-menu-divider{height:1px;background:#e2e8f0;margin:4px 0}.console-tasks-color-icon{display:inline-block;width:14px;height:14px;border-radius:4px;border:1px solid rgba(0,0,0,.1)}.console-tasks-task-board-list-menu-label{font-size:11px;font-weight:600;color:#718096;text-transform:uppercase;letter-spacing:.5px;padding:6px 12px 4px}.console-tasks-task-board-color-picker-inline{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:6px 12px 10px}.console-tasks-color-option{width:24px;height:24px;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}.console-tasks-color-option:hover{transform:scale(1.15);box-shadow:0 2px 6px #0003}.console-tasks-color-option.selected{border-color:#667eea;box-shadow:0 0 0 2px #667eea66}.console-tasks-task-board-list[style*="background-color: #4b5563"] .console-tasks-task-board-list-title,.console-tasks-task-board-list[style*="background-color: rgb(75, 85, 99)"] .console-tasks-task-board-list-title{color:#fff}.console-tasks-task-board-list[style*="background-color: #4b5563"] .console-tasks-task-board-list-count,.console-tasks-task-board-list[style*="background-color: rgb(75, 85, 99)"] .console-tasks-task-board-list-count{color:#d1d5db;background:#ffffff1a}.console-tasks-task-board-list[style*="background-color: #4b5563"] .console-tasks-task-board-list-menu-btn,.console-tasks-task-board-list[style*="background-color: rgb(75, 85, 99)"] .console-tasks-task-board-list-menu-btn{color:#d1d5db}.console-tasks-task-board-list[style*="background-color: #4b5563"] .console-tasks-task-board-list-menu-btn:hover,.console-tasks-task-board-list[style*="background-color: rgb(75, 85, 99)"] .console-tasks-task-board-list-menu-btn:hover{background:#ffffff1a;color:#fff}.console-tasks-task-board-list[style*="background-color: #4b5563"] .console-tasks-task-board-add-card-btn,.console-tasks-task-board-list[style*="background-color: rgb(75, 85, 99)"] .console-tasks-task-board-add-card-btn{color:#d1d5db}.console-tasks-task-board-list[style*="background-color: #4b5563"] .console-tasks-task-board-add-card-btn:hover,.console-tasks-task-board-list[style*="background-color: rgb(75, 85, 99)"] .console-tasks-task-board-add-card-btn:hover{background:#ffffff1a;color:#fff}.console-tasks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0;flex-shrink:0}.console-tasks-header-actions{display:flex;align-items:center;gap:16px}.console-tasks-view-controls{display:flex;gap:4px;background:#ecf0f3;padding:4px;border-radius:10px;box-shadow:inset 3px 3px 6px #d1d9e6,inset -3px -3px 6px #f5f7fa}.console-tasks-view-button{padding:8px 12px;background:transparent;border:none;border-radius:8px;color:#64748b;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.console-tasks-view-button:hover{color:#2c3e50}.console-tasks-view-button.active{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;box-shadow:4px 4px 8px #3b82f64d,-4px -4px 8px #fffc}.console-tasks-create-button,.task-create-button{padding:10px 20px;background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:4px 4px 8px #3b82f64d,-4px -4px 8px #fffc}.console-tasks-create-button:hover,.task-create-button:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:6px 6px 12px #3b82f666,-6px -6px 12px #ffffffe6;transform:translateY(-1px)}.console-tasks-create-button:active,.task-create-button:active{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:inset 3px 3px 6px #1d4ed84d,inset -3px -3px 6px #60a5fa33;transform:translateY(0)}.console-tasks-filters-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.console-tasks-filters-container{flex:1;display:flex;align-items:center;gap:16px}.console-tasks-filters-label{font-size:14px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.console-tasks-filters{display:flex;gap:10px;padding:12px;background:#ecf0f3;border-radius:14px;overflow-x:auto;flex:1;box-shadow:inset 4px 4px 8px #d1d9e6,inset -4px -4px 8px #f5f7fa}.console-tasks-filter-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ecf0f3;border:none;border-radius:10px;color:#64748b;font-size:13px;font-weight:600;cursor:pointer;transition:all .25s ease;white-space:nowrap;box-shadow:4px 4px 8px #d1d9e6,-4px -4px 8px #f5f7fa;position:relative}.console-tasks-filter-button .filter-label{font-size:14px;font-weight:600}.console-tasks-filter-button .filter-count{background:#cbd5e0;color:#475569;font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;min-width:24px;text-align:center;box-shadow:inset 2px 2px 4px #a0aec0,inset -1px -1px 2px #e2e8f0}.console-tasks-filter-button:hover{color:#2c3e50;transform:translateY(-2px);box-shadow:6px 6px 14px #d1d9e6,-6px -6px 14px #f5f7fa}.console-tasks-filter-button.active{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;box-shadow:4px 4px 12px #3b82f666,-2px -2px 8px #ffffff80}.console-tasks-filter-button.active .filter-count{background:#ffffff40;color:#fff;box-shadow:inset 1px 1px 2px #0003,inset -1px -1px 2px #ffffff1a}.console-tasks-filter-button.active:hover{transform:translateY(-2px);box-shadow:5px 5px 15px #3b82f680,-3px -3px 10px #fff9}.console-tasks-form{background:transparent;padding:24px;border-radius:16px;margin-bottom:24px;border:none}.console-tasks-form-field{margin-bottom:18px}.console-tasks-form-label{display:block;font-size:13px;font-weight:600;color:#475569;margin-bottom:8px;letter-spacing:.3px}.console-tasks-form-input,.console-tasks-form-textarea,.console-tasks-form-select{width:100%;padding:14px 16px;border:none;background:#ecf0f3;border-radius:10px;font-size:14px;font-family:inherit;color:#2c3e50;transition:all .2s ease;box-shadow:inset 3px 3px 6px #d1d9e6,inset -3px -3px 6px #f5f7fa}.console-tasks-form-input:focus,.console-tasks-form-textarea:focus,.console-tasks-form-select:focus{outline:none;box-shadow:inset 4px 4px 8px #d1d9e6,inset -4px -4px 8px #f5f7fa}.console-tasks-form-input::placeholder,.console-tasks-form-textarea::placeholder{color:#94a3b8}.console-tasks-form-textarea{resize:vertical;font-family:inherit;min-height:80px}.console-tasks-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:0}.console-tasks-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.console-tasks-form-submit,.console-tasks-form-cancel{padding:12px 28px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.console-tasks-form-submit{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;font-weight:700;box-shadow:4px 4px 8px #3b82f64d,-4px -4px 8px #fffc}.console-tasks-form-submit:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:6px 6px 12px #3b82f666,-6px -6px 12px #ffffffe6;transform:translateY(-1px)}.console-tasks-form-submit:active:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:inset 3px 3px 6px #1d4ed84d,inset -3px -3px 6px #60a5fa33;transform:translateY(0)}.console-tasks-form-submit:disabled{opacity:.5;cursor:not-allowed;background:#94a3b8;box-shadow:none}.console-tasks-form-cancel{background:#ecf0f3;color:#64748b;box-shadow:4px 4px 8px #d1d9e6,-4px -4px 8px #f5f7fa}.console-tasks-form-cancel:hover{color:#2c3e50;box-shadow:6px 6px 12px #d1d9e6,-6px -6px 12px #f5f7fa}.console-tasks-form-cancel:active{box-shadow:inset 3px 3px 6px #d1d9e6,inset -3px -3px 6px #f5f7fa}.console-tasks-list{display:flex;flex-direction:column;gap:16px;flex:1;overflow-y:auto;padding:20px;max-height:calc(100vh - 300px)}.console-tasks-item{display:flex;gap:16px;padding:20px;background:#f8f9fa;border:none;border-radius:16px;border-left:4px solid transparent;transition:all .3s ease;box-shadow:6px 6px 12px #d1d9e6,-6px -6px 12px #f5f7fa}.console-tasks-item:hover{box-shadow:8px 8px 16px #d1d9e6,-8px -8px 16px #f5f7fa;transform:translateY(-2px)}.console-tasks-item.console-tasks-done{opacity:.6;background:#f1f3f5}.console-tasks-item.console-tasks-done .console-tasks-item-title{text-decoration:line-through;color:#94a3b8}.console-tasks-item-checkbox{display:flex;align-items:flex-start;padding-top:4px}.console-tasks-item-checkbox input[type=checkbox]{width:22px;height:22px;cursor:pointer;accent-color:#667eea;border-radius:6px;box-shadow:inset 2px 2px 4px #d1d9e6,inset -2px -2px 4px #f5f7fa}.console-tasks-item-content{flex:1;min-width:0}.console-tasks-item-header{margin-bottom:10px}.console-tasks-item-title-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.console-tasks-item-title{font-size:15px;font-weight:600;color:#1e293b;margin:0;line-height:1.5;flex:1}.console-tasks-item-badges{display:flex;gap:6px;flex-shrink:0}.console-tasks-priority-badge,.task-priority-badge{width:28px;height:28px;border-radius:50%;font-size:12px;font-weight:600;color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:2px 2px 4px #00000026,inset 0 -1px 2px #0000001a}.console-tasks-status-badge,.task-status-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;background:#ecf0f3;color:#64748b;white-space:nowrap;box-shadow:inset 1px 1px 2px #d1d9e6,inset -1px -1px 2px #f5f7fa}.console-tasks-item-description{font-size:13px;color:#64748b;line-height:1.6;margin:0 0 10px}.console-tasks-item-meta{margin-bottom:10px}.console-tasks-meta-row{display:flex;flex-wrap:wrap;gap:8px;font-size:12px}.console-tasks-item-assignee,.console-tasks-item-due-date,.console-tasks-item-creator{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#ecf0f3;border-radius:12px;font-size:12px;color:#64748b;box-shadow:inset 1px 1px 2px #d1d9e6,inset -1px -1px 2px #f5f7fa}.console-tasks-item-due-date.overdue{background:#fee2e2;color:#dc2626;font-weight:600;box-shadow:inset 2px 2px 4px #fecaca,inset -2px -2px 4px #fef5f5}.console-tasks-item-subtasks-section{margin-top:8px;padding:10px 12px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .2s ease}.console-tasks-item-subtasks-section:hover{background:#f1f3f5;border-color:#dee2e6}.console-tasks-item-subtasks-section.expanded{background:#fff;border-color:#3b82f6}.subtask-progress-header{display:flex;align-items:center;gap:8px;color:#495057;font-size:12px;font-weight:500}.subtask-progress-text{flex:1;color:#495057}.subtask-progress-bar{height:4px;background:#e9ecef;border-radius:2px;overflow:hidden;margin-top:8px}.subtask-progress-fill{height:100%;background:linear-gradient(90deg,#60a5fa,#3b82f6);transition:width .3s ease}.console-tasks-item-subtasks-expanded{margin-top:8px;padding:12px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;animation:subtask-expand .2s ease-out}@keyframes subtask-expand{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.console-tasks-item-actions{display:flex;flex-direction:column;gap:8px}.console-tasks-action-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ecf0f3;border:none;border-radius:10px;font-size:16px;color:#64748b;cursor:pointer;transition:all .2s ease;box-shadow:4px 4px 8px #d1d9e6,-4px -4px 8px #f5f7fa}.console-tasks-action-button:hover{color:#667eea;box-shadow:6px 6px 12px #d1d9e6,-6px -6px 12px #f5f7fa}.console-tasks-action-button:active{box-shadow:inset 3px 3px 6px #d1d9e6,inset -3px -3px 6px #f5f7fa}.console-tasks-empty{text-align:center;padding:60px 20px;color:#94a3b8}.console-tasks-empty p{font-size:16px;margin:0}.console-tasks-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#64748b}.console-tasks-loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:console-tasks-spin 1s linear infinite;margin-bottom:16px}@keyframes console-tasks-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.console-tasks{padding:16px}.console-tasks-header{flex-direction:column;align-items:flex-start;gap:12px}.console-tasks-form-row{grid-template-columns:1fr}.console-tasks-item{flex-direction:column}.console-tasks-item-actions{flex-direction:row;justify-content:flex-end}.console-tasks-item-badges{flex-wrap:wrap}}.console-files-perm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10001}.console-files-perm-modal{background:#fff;border-radius:12px;width:90%;max-width:520px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #0003}.console-files-perm-modal-header{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb;position:relative}.console-files-perm-modal-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#1f2937}.console-files-perm-modal-title svg{color:#3b82f6}.console-files-perm-modal-folder-name{display:flex;align-items:center;gap:6px;margin-left:16px;padding:4px 10px;background:#f3f4f6;border-radius:6px;font-size:13px;color:#6b7280}.console-files-perm-modal-close{position:absolute;right:16px;background:none;border:none;padding:4px;cursor:pointer;color:#9ca3af;border-radius:4px;transition:all .15s}.console-files-perm-modal-close:hover{background:#f3f4f6;color:#6b7280}.console-files-perm-modal-tabs{display:flex;border-bottom:1px solid #e5e7eb;padding:0 16px}.console-files-perm-tab{display:flex;align-items:center;gap:6px;padding:12px 16px;background:none;border:none;border-bottom:2px solid transparent;font-size:14px;color:#6b7280;cursor:pointer;transition:all .15s}.console-files-perm-tab:hover{color:#374151}.console-files-perm-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.console-files-perm-modal-content{flex:1;overflow-y:auto;padding:16px}.console-files-perm-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.console-files-perm-loading,.console-files-perm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;color:#9ca3af;text-align:center}.console-files-perm-empty svg{margin-bottom:12px;color:#d1d5db}.console-files-perm-empty p{margin:0;font-size:14px}.console-files-perm-empty-hint{font-size:12px!important;margin-top:4px!important;color:#9ca3af}.console-files-perm-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border-radius:8px;transition:background .15s}.console-files-perm-item:hover{background:#f3f4f6}.console-files-perm-item-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#e5e7eb;border-radius:50%;color:#6b7280}.console-files-perm-item-info{flex:1;display:flex;flex-direction:column;gap:2px}.console-files-perm-item-name{font-size:14px;font-weight:500;color:#1f2937}.console-files-perm-item-type{font-size:12px;color:#9ca3af}.console-files-perm-item-level{margin-right:8px}.console-files-perm-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.console-files-perm-badge.none{background:#fee2e2;color:#dc2626}.console-files-perm-badge.view{background:#e5e7eb;color:#6b7280}.console-files-perm-badge.download{background:#dbeafe;color:#2563eb}.console-files-perm-badge.upload{background:#d1fae5;color:#059669}.console-files-perm-badge.edit{background:#fef3c7;color:#d97706}.console-files-perm-badge.manage{background:#ede9fe;color:#7c3aed}.console-files-perm-item-remove{background:none;border:none;padding:6px;cursor:pointer;color:#9ca3af;border-radius:4px;transition:all .15s}.console-files-perm-item-remove:hover{background:#fee2e2;color:#dc2626}.console-files-perm-add-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:12px;background:#f3f4f6;border:2px dashed #d1d5db;border-radius:8px;font-size:14px;color:#6b7280;cursor:pointer;transition:all .15s}.console-files-perm-add-btn:hover{background:#e5e7eb;border-color:#9ca3af;color:#374151}.console-files-perm-add-form{background:#f9fafb;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px}.console-files-perm-add-row{display:flex;gap:8px}.console-files-perm-add-type{display:flex;gap:4px}.console-files-perm-type-btn{display:flex;align-items:center;gap:4px;padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;color:#6b7280;cursor:pointer;transition:all .15s}.console-files-perm-type-btn:hover{border-color:#d1d5db}.console-files-perm-type-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.console-files-perm-select{flex:1;padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;color:#374151;cursor:pointer;transition:border-color .15s}.console-files-perm-select:focus{outline:none;border-color:#3b82f6}.console-files-perm-add-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.console-files-perm-btn-cancel,.console-files-perm-btn-add{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.console-files-perm-btn-cancel{background:#fff;border:1px solid #e5e7eb;color:#6b7280}.console-files-perm-btn-cancel:hover{background:#f3f4f6}.console-files-perm-btn-add{background:#3b82f6;border:none;color:#fff}.console-files-perm-btn-add:hover:not(:disabled){background:#2563eb}.console-files-perm-btn-add:disabled{background:#9ca3af;cursor:not-allowed}.console-files-perm-settings{display:flex;flex-direction:column;gap:16px}.console-files-perm-setting-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f9fafb;border-radius:8px}.console-files-perm-setting-info{flex:1;margin-right:16px}.console-files-perm-setting-info h4{margin:0 0 4px;font-size:14px;font-weight:600;color:#1f2937}.console-files-perm-setting-info p{margin:0;font-size:12px;color:#6b7280;line-height:1.5}.console-files-perm-toggle{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.console-files-perm-toggle input{opacity:0;width:0;height:0}.console-files-perm-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#d1d5db;transition:.2s;border-radius:26px}.console-files-perm-toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.2s;border-radius:50%;box-shadow:0 2px 4px #0000001a}.console-files-perm-toggle input:checked+.console-files-perm-toggle-slider{background-color:#3b82f6}.console-files-perm-toggle input:checked+.console-files-perm-toggle-slider:before{transform:translate(22px)}.console-files-perm-toggle input:disabled+.console-files-perm-toggle-slider{opacity:.5;cursor:not-allowed}.console-files-perm-info-box{display:flex;gap:12px;padding:16px;background:#eff6ff;border-radius:8px;color:#1e40af}.console-files-perm-info-box svg{flex-shrink:0;margin-top:2px}.console-files-perm-info-box strong{display:block;margin-bottom:8px;font-size:13px}.console-files-perm-info-box ol{margin:0;padding-left:16px;font-size:12px;line-height:1.6}.file-version-history-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.file-version-history-modal{background:linear-gradient(145deg,#f0f2f5,#e8eaed);border-radius:20px;box-shadow:8px 8px 24px #00000026,-8px -8px 24px #ffffffe6;width:90%;max-width:560px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease}.file-version-history-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.08)}.file-version-history-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:#333}.file-version-history-title svg{color:#5c6bc0;font-size:20px}.file-version-history-close{background:linear-gradient(145deg,#f5f5f5,#e0e0e0);border:none;border-radius:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:3px 3px 8px #0000001a,-3px -3px 8px #fffc}.file-version-history-close:hover{background:linear-gradient(145deg,#e0e0e0,#d0d0d0)}.file-version-history-close svg{color:#666;font-size:16px}.file-version-history-file-info{display:flex;align-items:center;gap:10px;padding:16px 24px;background:#5c6bc014;border-bottom:1px solid rgba(0,0,0,.05)}.file-version-history-file-info svg{color:#5c6bc0;font-size:18px}.file-version-history-filename{font-weight:500;color:#333;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-version-history-count{font-size:13px;color:#666;background:#0000000d;padding:4px 10px;border-radius:12px}.file-version-history-actions{padding:16px 24px;border-bottom:1px solid rgba(0,0,0,.08)}.file-version-history-upload-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 20px;background:linear-gradient(145deg,#5c6bc0,#4a5ab8);border:none;border-radius:12px;color:#fff;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:4px 4px 12px #5c6bc04d,-2px -2px 8px #ffffff1a}.file-version-history-upload-btn:hover:not(:disabled){background:linear-gradient(145deg,#6b7ad0,#5969c0);transform:translateY(-1px)}.file-version-history-upload-btn:disabled{opacity:.7;cursor:not-allowed}.file-version-history-content{flex:1;overflow-y:auto;padding:16px 24px}.file-version-history-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:#666}.file-version-history-loading svg{font-size:24px;color:#5c6bc0}.file-version-history-error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;color:#e74c3c;text-align:center}.file-version-history-error button{padding:8px 16px;background:linear-gradient(145deg,#f5f5f5,#e0e0e0);border:none;border-radius:8px;color:#333;cursor:pointer;transition:all .2s ease}.file-version-history-error button:hover{background:linear-gradient(145deg,#e8e8e8,#d5d5d5)}.file-version-history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:#999}.file-version-history-empty svg{font-size:40px;opacity:.5}.file-version-history-list{display:flex;flex-direction:column}.file-version-history-item{position:relative;background:linear-gradient(145deg,#fff,#f5f5f5);border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:4px 4px 12px #00000014,-4px -4px 12px #ffffffe6;transition:all .2s ease}.file-version-history-item:hover{transform:translateY(-2px);box-shadow:6px 6px 16px #0000001a,-6px -6px 16px #fff}.file-version-history-item.current{background:linear-gradient(145deg,#e8f5e9,#dcedc8);border:1px solid rgba(76,175,80,.2)}.file-version-history-item:last-child{margin-bottom:0}.file-version-history-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.file-version-history-item-version{display:flex;align-items:center;gap:8px}.version-number{font-weight:600;font-size:16px;color:#333}.current-badge{font-size:11px;font-weight:500;color:#4caf50;background:#4caf5026;padding:3px 8px;border-radius:10px}.file-version-history-item-actions{display:flex;gap:8px}.version-action-btn{background:linear-gradient(145deg,#f5f5f5,#e8e8e8);border:none;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:2px 2px 6px #00000014,-2px -2px 6px #ffffffe6}.version-action-btn:hover:not(:disabled){transform:translateY(-1px)}.version-action-btn:disabled{opacity:.5;cursor:not-allowed}.version-action-btn.download svg{color:#5c6bc0}.version-action-btn.restore svg{color:#4caf50}.version-action-btn.delete svg{color:#e74c3c}.version-action-btn.download:hover:not(:disabled){background:linear-gradient(145deg,#e3e9ff,#d5deff)}.version-action-btn.restore:hover:not(:disabled){background:linear-gradient(145deg,#e8f5e9,#dcedc8)}.version-action-btn.delete:hover:not(:disabled){background:linear-gradient(145deg,#ffebee,#ffcdd2)}.file-version-history-item-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:#666}.meta-item{display:flex;align-items:center;gap:6px}.meta-item svg{font-size:12px;color:#999}.file-size{background:#0000000d;padding:2px 8px;border-radius:8px}.file-version-history-item-description{margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.06);font-size:13px;color:#555;line-height:1.5}.file-version-history-timeline-connector{position:absolute;left:50%;bottom:-12px;width:2px;height:12px;background:linear-gradient(to bottom,#ddd,transparent);transform:translate(-50%)}.spinning{animation:spin 1s linear infinite}.file-version-history-content::-webkit-scrollbar{width:8px}.file-version-history-content::-webkit-scrollbar-track{background:transparent}.file-version-history-content::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:4px}.file-version-history-content::-webkit-scrollbar-thumb:hover{background:#bbb}@media (max-width: 600px){.file-version-history-modal{width:95%;max-height:90vh;border-radius:16px}.file-version-history-header{padding:16px 20px}.file-version-history-file-info,.file-version-history-actions,.file-version-history-content{padding:12px 20px}.file-version-history-item-meta{flex-direction:column;gap:8px}}.console-files-info-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10001}.console-files-info-modal{background:#fff;border-radius:12px;width:90%;max-width:420px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #0003}.console-files-info-modal-header{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb;position:relative}.console-files-info-modal-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#1f2937;margin:0}.console-files-info-modal-title svg{color:#3b82f6}.console-files-info-modal-name{display:flex;align-items:center;gap:6px;flex:1;min-width:0;padding:4px 10px;background:#f3f4f6;border-radius:6px;font-size:13px;color:#6b7280;margin-right:40px}.console-files-info-modal-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.console-files-info-modal-close{position:absolute;right:16px;background:none;border:none;padding:4px;cursor:pointer;color:#9ca3af;border-radius:4px;transition:all .15s}.console-files-info-modal-close:hover{background:#f3f4f6;color:#6b7280}.console-files-info-modal-content{flex:1;overflow-y:auto;padding:16px}.console-files-info-modal-loading,.console-files-info-modal-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;color:#9ca3af;text-align:center}.console-files-info-modal-error{color:#ef4444}.console-files-info-loading-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.console-files-info-list{display:flex;flex-direction:column;gap:8px}.console-files-info-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#f9fafb;border-radius:8px;transition:background .15s}.console-files-info-item:hover{background:#f3f4f6}.console-files-info-label{display:flex;align-items:center;gap:10px;color:#6b7280;font-size:13px}.console-files-info-label svg{flex-shrink:0;color:#9ca3af}.console-files-info-value{color:#1f2937;font-size:13px;font-weight:500;text-align:right;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.console-files-info-version{display:flex;align-items:center;gap:10px}.console-files-info-version-history-btn{display:flex;align-items:center;gap:5px;padding:4px 10px;background:linear-gradient(145deg,#f5f5f5,#e8e8e8);border:none;border-radius:6px;font-size:12px;color:#5c6bc0;cursor:pointer;transition:all .2s ease;box-shadow:2px 2px 5px #00000014,-2px -2px 5px #ffffffe6}.console-files-info-version-history-btn:hover{background:linear-gradient(145deg,#e8e8e8,#ddd);color:#3f51b5;transform:translateY(-1px)}.console-files-info-version-history-btn svg{flex-shrink:0}.console-files-info-modal-content::-webkit-scrollbar{width:6px}.console-files-info-modal-content::-webkit-scrollbar-track{background:transparent}.console-files-info-modal-content::-webkit-scrollbar-thumb{background:#9ca3af80;border-radius:3px}.console-files-info-modal-content::-webkit-scrollbar-thumb:hover{background:#9ca3afb3}.console-files-preview-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10002;animation:fadeIn .2s ease}.console-files-preview-modal{background:#1f2937;border-radius:12px;width:90%;max-width:1200px;height:85vh;display:flex;flex-direction:column;box-shadow:0 25px 50px #00000080;animation:slideUp .2s ease}.console-files-preview-modal.fullscreen{width:100%;max-width:100%;height:100vh;border-radius:0}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.console-files-preview-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#111827;border-bottom:1px solid #374151;border-radius:12px 12px 0 0;flex-shrink:0}.console-files-preview-modal.fullscreen .console-files-preview-modal-header{border-radius:0}.console-files-preview-modal-title{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.console-files-preview-filename{font-size:14px;font-weight:500;color:#f3f4f6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.console-files-preview-filesize{font-size:12px;color:#9ca3af;flex-shrink:0}.console-files-preview-modal-actions{display:flex;align-items:center;gap:4px}.console-files-preview-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;transition:all .15s}.console-files-preview-action-btn:hover{background:#374151;color:#f3f4f6}.console-files-preview-close-btn:hover{background:#ef4444;color:#fff}.console-files-preview-modal-body{flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#0f172a}.console-files-preview-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:auto}.console-files-preview-loading{display:flex;flex-direction:column;align-items:center;gap:12px;color:#9ca3af}.console-files-preview-spinner{animation:spin 1s linear infinite}.console-files-preview-error{display:flex;flex-direction:column;align-items:center;gap:12px;color:#ef4444}.console-files-preview-image{max-width:100%;max-height:100%;object-fit:contain}.console-files-preview-pdf,.console-files-preview-office{padding:0}.console-files-preview-iframe{width:100%;height:100%;border:none;background:#fff}.console-files-preview-video{padding:20px}.console-files-preview-player{max-width:100%;max-height:100%;border-radius:8px;background:#000}.console-files-preview-audio{padding:40px}.console-files-preview-audio-wrapper{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px;background:#1f2937;border-radius:12px}.console-files-preview-audio-icon{color:#60a5fa}.console-files-preview-audio-name{font-size:16px;font-weight:500;color:#f3f4f6;max-width:400px;text-align:center;word-break:break-all}.console-files-preview-audio-player{width:400px;max-width:100%}.console-files-preview-text{padding:20px;overflow:auto}.console-files-preview-text-content{width:100%;max-width:900px;margin:0 auto;padding:20px;background:#1e293b;border-radius:8px;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;line-height:1.6;color:#e2e8f0;white-space:pre-wrap;word-break:break-all;overflow-x:auto}.console-files-preview-unsupported{flex-direction:column;gap:16px;padding:40px;text-align:center;color:#9ca3af}.console-files-preview-unsupported h3{margin:0;font-size:18px;font-weight:500;color:#f3f4f6;word-break:break-all}.console-files-preview-unsupported p{margin:0;font-size:14px}.console-files-preview-download-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#3b82f6;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:all .15s;margin-top:8px}.console-files-preview-download-btn:hover{background:#2563eb}.console-files-preview-text::-webkit-scrollbar{width:8px;height:8px}.console-files-preview-text::-webkit-scrollbar-track{background:transparent}.console-files-preview-text::-webkit-scrollbar-thumb{background:#9ca3af4d;border-radius:4px}.console-files-preview-text::-webkit-scrollbar-thumb:hover{background:#9ca3af80}@media (max-width: 768px){.console-files-preview-modal{width:100%;height:100%;border-radius:0}.console-files-preview-modal-header{border-radius:0}.console-files-preview-audio-player{width:100%}}.console-files-transfer-modal-container{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:10001;animation:slideInDown .3s ease}@keyframes slideInDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.console-files-transfer-modal{width:360px;max-height:400px;background:#1f2937;border-radius:12px;box-shadow:0 10px 40px #0006,0 0 0 1px #ffffff0d;overflow:hidden;display:flex;flex-direction:column}.console-files-transfer-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#111827;border-bottom:1px solid #374151}.console-files-transfer-header-info{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:#f3f4f6}.console-files-transfer-header-icon{width:18px;height:18px}.console-files-transfer-header-icon.success{color:#10b981}.console-files-transfer-spinner{width:16px;height:16px;border:2px solid #374151;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.console-files-transfer-header-stats{display:flex;align-items:center;gap:8px}.console-files-transfer-stat{font-size:11px;padding:2px 8px;border-radius:10px}.console-files-transfer-stat.success{background:#10b98126;color:#10b981}.console-files-transfer-stat.error{background:#ef444426;color:#ef4444}.console-files-transfer-close-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;transition:all .15s}.console-files-transfer-close-btn:hover{background:#374151;color:#f3f4f6}.console-files-transfer-overall-progress{height:3px;background:#374151;position:relative}.console-files-transfer-overall-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);transition:width .3s ease;position:relative}.console-files-transfer-overall-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.console-files-transfer-list{flex:1;overflow-y:auto;padding:8px;max-height:300px}.console-files-transfer-list::-webkit-scrollbar{width:6px}.console-files-transfer-list::-webkit-scrollbar-track{background:transparent}.console-files-transfer-list::-webkit-scrollbar-thumb{background:#9ca3af4d;border-radius:3px}.console-files-transfer-section{margin-bottom:4px}.console-files-transfer-section:last-child{margin-bottom:0}.console-files-transfer-section-title{display:flex;align-items:center;gap:6px;padding:6px 8px;font-size:11px;font-weight:500;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.console-files-transfer-item{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;background:#111827;border-radius:8px;margin-bottom:6px;transition:all .2s}.console-files-transfer-item:last-child{margin-bottom:0}.console-files-transfer-item.completed{background:#10b98114}.console-files-transfer-item.error{background:#ef444414}.console-files-transfer-item-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#1f2937;border-radius:8px}.console-files-transfer-icon{width:16px;height:16px;color:#9ca3af}.console-files-transfer-icon.active{color:#3b82f6;animation:pulse 1.5s ease-in-out infinite}.console-files-transfer-icon.success{color:#10b981}.console-files-transfer-icon.error{color:#ef4444}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.console-files-transfer-item-info{flex:1;min-width:0}.console-files-transfer-item-name{font-size:13px;font-weight:500;color:#f3f4f6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px}.console-files-transfer-item-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:#9ca3af;margin-bottom:6px}.console-files-transfer-percent{font-weight:600;color:#60a5fa}.console-files-transfer-error-text{color:#ef4444}.console-files-transfer-complete-text{color:#10b981}.console-files-transfer-progress-bar{height:4px;background:#374151;border-radius:2px;overflow:hidden}.console-files-transfer-progress-fill{height:100%;background:#4b5563;border-radius:2px;transition:width .3s ease}.console-files-transfer-progress-fill.active{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.console-files-transfer-cancel-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;transition:all .15s;margin-top:4px}.console-files-transfer-cancel-btn:hover{background:#374151;color:#ef4444}@media (max-width: 480px){.console-files-transfer-modal-container{top:16px;left:16px;right:16px;transform:none}.console-files-transfer-modal{width:100%}}.console-files{display:flex;flex-direction:column;height:100%;background:#f8fafc;border-radius:12px;overflow:hidden}.console-files-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;background:#fff;border-bottom:1px solid #e2e8f0}.console-files-toolbar-left,.console-files-toolbar-right{display:flex;align-items:center;gap:8px}.console-files-toolbar-center{flex:1;max-width:400px}.console-files-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid #e2e8f0;background:#fff;border-radius:8px;font-size:13px;font-weight:500;color:#475569;cursor:pointer;transition:all .15s ease}.console-files-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.console-files-btn-primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.console-files-btn-primary:hover{background:#2563eb;border-color:#2563eb}.console-files-btn:disabled{opacity:.6;cursor:not-allowed}.console-files-search{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f1f5f9;border:1px solid transparent;border-radius:8px;transition:all .15s ease}.console-files-search:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.console-files-search input{flex:1;border:none;background:transparent;font-size:13px;color:#1e293b;outline:none}.console-files-search input::placeholder{color:#94a3b8}.console-files-search-clear{display:flex;align-items:center;justify-content:center;padding:2px;border:none;background:#cbd5e1;border-radius:50%;color:#64748b;cursor:pointer;transition:all .15s ease}.console-files-search-clear:hover{background:#94a3b8;color:#fff}.console-files-view-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #e2e8f0;background:#fff;border-radius:8px;color:#64748b;cursor:pointer;transition:all .15s ease}.console-files-view-btn:hover{background:#f1f5f9;color:#475569}.console-files-view-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.console-files-breadcrumb{display:flex;align-items:center;gap:4px;padding:8px 16px;background:#fff;border-bottom:1px solid #e2e8f0;flex-wrap:wrap}.console-files-breadcrumb-item{display:flex;align-items:center;gap:4px;padding:4px 8px;border:none;background:transparent;border-radius:4px;font-size:13px;color:#64748b;cursor:pointer;transition:all .15s ease}.console-files-breadcrumb-item:hover{background:#f1f5f9;color:#1e293b}.console-files-breadcrumb-item.active{color:#1e293b;font-weight:500}.console-files-breadcrumb-sep{color:#cbd5e1}.console-files-content{display:flex;flex:1;overflow:hidden}.console-files-sidebar{width:240px;display:flex;flex-direction:column;background:#fff;border-right:1px solid #e2e8f0;overflow:hidden}.console-files-sidebar-header{padding:12px 16px;border-bottom:1px solid #f1f5f9}.console-files-sidebar-header h3{margin:0;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.console-files-sidebar-stats{padding:12px 16px;border-top:1px solid #f1f5f9;margin-top:auto}.console-files-stat{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:12px;color:#64748b}.console-files-tree{flex:1;overflow-y:auto;padding:8px 0}.console-files-tree-item{display:flex;align-items:center;gap:4px;width:100%;padding:8px 12px;border:none;background:transparent;font-size:13px;color:#475569;cursor:pointer;text-align:left;transition:background .15s ease}.console-files-tree-item:hover{background:#f1f5f9}.console-files-tree-item.active{background:#eff6ff;color:#2563eb}.console-files-tree-toggle{display:flex;align-items:center;justify-content:center;width:16px;height:16px;color:#94a3b8}.console-files-tree-toggle-placeholder{width:16px}.console-files-tree-icon{color:#fbbf24}.console-files-tree-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.console-files-tree-root{border-bottom:1px solid #f1f5f9;margin-bottom:4px}.console-files-tree-empty{display:flex;flex-direction:column;align-items:center;padding:24px 16px;color:#94a3b8;font-size:12px;gap:8px}.console-files-main{flex:1;overflow:hidden;display:flex;flex-direction:column}.console-files-nav-header{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.console-files-nav-buttons{display:flex;align-items:center;gap:2px}.console-files-nav-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:6px;color:#64748b;cursor:pointer;transition:all .15s ease}.console-files-nav-btn:hover{background:#e2e8f0;color:#1e293b}.console-files-nav-btn:active{background:#cbd5e1}.console-files-nav-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#1e293b}.console-files-upload-zone{flex:1;position:relative;overflow:auto}.console-files-upload-zone.dragging:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#3b82f60d;border:2px dashed #3b82f6;border-radius:8px;z-index:10;pointer-events:none}.console-files-upload-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#fffffff2;z-index:11}.console-files-upload-content{display:flex;flex-direction:column;align-items:center;gap:12px;color:#3b82f6}.console-files-upload-content p{margin:0;font-size:18px;font-weight:600}.console-files-upload-content span{font-size:13px;color:#64748b}.console-files-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:300px;color:#94a3b8;gap:12px}.console-files-empty p{margin:0;font-size:16px;color:#64748b}.console-files-empty span{font-size:13px}.console-files-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:300px;color:#64748b;gap:12px}.console-files-spinner{animation:console-files-spin 1s linear infinite}@keyframes console-files-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.console-files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:4px 8px;padding:16px;align-content:start}.console-files-grid-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;cursor:pointer;border-radius:8px;transition:background-color .15s ease}.console-files-grid-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;padding:8px;border-radius:8px;transition:background-color .15s ease;cursor:pointer}.console-files-grid-icon.selected{background-color:#007aff26;border-radius:8px}.console-files-grid-name{font-size:12px;font-weight:400;color:#1e293b;text-align:center;max-width:100%;line-height:1.3;padding:2px 6px;border-radius:4px;transition:all .15s ease;cursor:pointer;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.console-files-grid-name-base{word-break:break-all}.console-files-grid-name-ext{word-break:keep-all}.console-files-grid-name.selected{background-color:#007aff;color:#fff}.console-files-inline-edit{font-size:12px;font-weight:400;text-align:center;width:100%;max-width:100%;padding:2px 6px;border:2px solid #007AFF;border-radius:4px;background:#fff;color:#1e293b;outline:none;box-sizing:border-box}.console-files-inline-edit-list{font-size:14px;font-weight:400;padding:2px 6px;border:2px solid #007AFF;border-radius:4px;background:#fff;color:#1e293b;outline:none;flex:1;min-width:100px}.console-files-grid-size{display:none}.console-files-list{display:flex;flex-direction:column}.console-files-list-header{display:flex;align-items:center;padding:8px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.console-files-list-row{display:flex;align-items:center;padding:10px 16px;background:#fff;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .15s ease}.console-files-list-col{display:flex;align-items:center;gap:10px}.console-files-list-name{flex:1;min-width:0}.console-files-list-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.console-files-list-name-content{display:inline-flex;align-items:center;gap:10px;padding:4px 8px;border-radius:4px;transition:background-color .15s ease}.console-files-list-row.selected{background:#007aff14}.console-files-list-date{width:150px;font-size:12px;color:#64748b}.console-files-list-size{width:100px;font-size:12px;color:#64748b;justify-content:center;text-align:center}.console-files-list-actions{width:80px;justify-content:flex-end}.console-files-list-header .console-files-list-date,.console-files-list-header .console-files-list-size{justify-content:center;text-align:center}.console-files-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:4px;color:#64748b;cursor:pointer;transition:all .15s ease}.console-files-action-btn:hover{background:#f1f5f9;color:#1e293b}.console-files-context-menu{position:fixed;min-width:180px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 16px #0000001f;padding:4px;z-index:10001}.console-files-context-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:transparent;border-radius:6px;font-size:13px;color:#475569;cursor:pointer;text-align:left;transition:background .15s ease}.console-files-context-item:hover{background:#f1f5f9}.console-files-context-item.danger{color:#dc2626}.console-files-context-item.danger:hover{background:#fef2f2}.console-files-context-divider{height:1px;background:#e2e8f0;margin:4px 8px}.console-files-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10002;animation:console-files-fade-in .2s ease}@keyframes console-files-fade-in{0%{opacity:0}to{opacity:1}}.console-files-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;width:90%;max-width:400px;animation:console-files-slide-up .2s ease}@keyframes console-files-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.console-files-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e2e8f0}.console-files-modal-title{display:flex;align-items:center;gap:10px;color:#1e293b}.console-files-modal-title h2{margin:0;font-size:18px;font-weight:600}.console-files-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:6px;color:#64748b;cursor:pointer;transition:all .15s ease}.console-files-modal-close:hover{background:#f1f5f9;color:#1e293b}.console-files-modal-content{padding:20px}.console-files-modal-field input{width:100%;padding:12px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;transition:all .15s ease;box-sizing:border-box}.console-files-modal-field input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.console-files-modal-field input.error{border-color:#dc2626}.console-files-modal-error{display:block;margin-top:6px;font-size:12px;color:#dc2626}.console-files-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid #e2e8f0;background:#f8fafc;border-radius:0 0 12px 12px}.console-files-modal-btn{padding:10px 18px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.console-files-modal-btn.cancel{background:#f1f5f9;color:#64748b}.console-files-modal-btn.cancel:hover{background:#e2e8f0}.console-files-modal-btn.submit{background:#3b82f6;color:#fff}.console-files-modal-btn.submit:hover{background:#2563eb}.console-files-modal-btn:disabled{opacity:.6;cursor:not-allowed}.console-files-drag-overlay{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:grabbing;pointer-events:none;opacity:.9}.console-files-drag-item{display:flex;flex-direction:column;align-items:center;gap:4px}.console-files-drag-item span{font-size:12px;font-weight:500;color:#1e293b;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:#007aff;color:#fff;padding:2px 6px;border-radius:4px}.console-files-grid-item.drop-target,.console-files-list-row.drop-target{background-color:#dbeafe!important;border-radius:8px;box-shadow:0 0 0 2px #3b82f6}.console-files-tree-item.drop-target{background-color:#dbeafe!important;box-shadow:inset 0 0 0 1px #3b82f6}.console-files-grid-folder.drop-target .console-files-grid-icon{background-color:#bfdbfe}.console-files-list-folder.drop-target{background-color:#dbeafe!important}.console-files-grid-item[style*="opacity: 0.5"],.console-files-list-row[style*="opacity: 0.5"]{pointer-events:none}@media (max-width: 768px){.console-files-sidebar{display:none}.console-files-toolbar{flex-wrap:wrap}.console-files-toolbar-center{order:3;width:100%;max-width:none;margin-top:8px}.console-files-list-date,.console-files-list-size{display:none}.console-files-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:4px;padding:12px}}*,:before,:after{--univer-tw-border-spacing-x: 0;--univer-tw-border-spacing-y: 0;--univer-tw-translate-x: 0;--univer-tw-translate-y: 0;--univer-tw-rotate: 0;--univer-tw-skew-x: 0;--univer-tw-skew-y: 0;--univer-tw-scale-x: 1;--univer-tw-scale-y: 1;--univer-tw-pan-x: ;--univer-tw-pan-y: ;--univer-tw-pinch-zoom: ;--univer-tw-scroll-snap-strictness: proximity;--univer-tw-gradient-from-position: ;--univer-tw-gradient-via-position: ;--univer-tw-gradient-to-position: ;--univer-tw-ordinal: ;--univer-tw-slashed-zero: ;--univer-tw-numeric-figure: ;--univer-tw-numeric-spacing: ;--univer-tw-numeric-fraction: ;--univer-tw-ring-inset: ;--univer-tw-ring-offset-width: 0px;--univer-tw-ring-offset-color: #fff;--univer-tw-ring-color: rgba(147, 197, 253, .5);--univer-tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);--univer-tw-ring-shadow: 0 0 rgba(0,0,0,0);--univer-tw-shadow: 0 0 rgba(0,0,0,0);--univer-tw-shadow-colored: 0 0 rgba(0,0,0,0);--univer-tw-blur: ;--univer-tw-brightness: ;--univer-tw-contrast: ;--univer-tw-grayscale: ;--univer-tw-hue-rotate: ;--univer-tw-invert: ;--univer-tw-saturate: ;--univer-tw-sepia: ;--univer-tw-drop-shadow: ;--univer-tw-backdrop-blur: ;--univer-tw-backdrop-brightness: ;--univer-tw-backdrop-contrast: ;--univer-tw-backdrop-grayscale: ;--univer-tw-backdrop-hue-rotate: ;--univer-tw-backdrop-invert: ;--univer-tw-backdrop-opacity: ;--univer-tw-backdrop-saturate: ;--univer-tw-backdrop-sepia: ;--univer-tw-contain-size: ;--univer-tw-contain-layout: ;--univer-tw-contain-paint: ;--univer-tw-contain-style: }::backdrop{--univer-tw-border-spacing-x: 0;--univer-tw-border-spacing-y: 0;--univer-tw-translate-x: 0;--univer-tw-translate-y: 0;--univer-tw-rotate: 0;--univer-tw-skew-x: 0;--univer-tw-skew-y: 0;--univer-tw-scale-x: 1;--univer-tw-scale-y: 1;--univer-tw-pan-x: ;--univer-tw-pan-y: ;--univer-tw-pinch-zoom: ;--univer-tw-scroll-snap-strictness: proximity;--univer-tw-gradient-from-position: ;--univer-tw-gradient-via-position: ;--univer-tw-gradient-to-position: ;--univer-tw-ordinal: ;--univer-tw-slashed-zero: ;--univer-tw-numeric-figure: ;--univer-tw-numeric-spacing: ;--univer-tw-numeric-fraction: ;--univer-tw-ring-inset: ;--univer-tw-ring-offset-width: 0px;--univer-tw-ring-offset-color: #fff;--univer-tw-ring-color: rgba(147, 197, 253, .5);--univer-tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);--univer-tw-ring-shadow: 0 0 rgba(0,0,0,0);--univer-tw-shadow: 0 0 rgba(0,0,0,0);--univer-tw-shadow-colored: 0 0 rgba(0,0,0,0);--univer-tw-blur: ;--univer-tw-brightness: ;--univer-tw-contrast: ;--univer-tw-grayscale: ;--univer-tw-hue-rotate: ;--univer-tw-invert: ;--univer-tw-saturate: ;--univer-tw-sepia: ;--univer-tw-drop-shadow: ;--univer-tw-backdrop-blur: ;--univer-tw-backdrop-brightness: ;--univer-tw-backdrop-contrast: ;--univer-tw-backdrop-grayscale: ;--univer-tw-backdrop-hue-rotate: ;--univer-tw-backdrop-invert: ;--univer-tw-backdrop-opacity: ;--univer-tw-backdrop-saturate: ;--univer-tw-backdrop-sepia: ;--univer-tw-contain-size: ;--univer-tw-contain-layout: ;--univer-tw-contain-paint: ;--univer-tw-contain-style: }*{scrollbar-color:initial;scrollbar-width:initial}.univer-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.univer-bottom-0\.5{bottom:.125rem}.univer-bottom-6{bottom:1.5rem}.univer-left-0\.5{left:.125rem}.univer-left-2{left:.5rem}.univer-right-4{right:1rem}.univer-right-px{right:1px}.univer-top-px{top:1px}.univer-z-50{z-index:50}.univer-z-\[1080\]{z-index:1080}.univer-z-\[1081\]{z-index:1081}.-univer-mx-1{margin-left:-.25rem;margin-right:-.25rem}.univer-mx-auto{margin-left:auto;margin-right:auto}.univer-my-0{margin-top:0;margin-bottom:0}.univer-ml-auto{margin-left:auto}.univer-inline-block{display:inline-block}.\!univer-hidden{display:none!important}.univer-size-2{width:.5rem;height:.5rem}.univer-size-2\.5{width:.625rem;height:.625rem}.univer-size-7{width:1.75rem;height:1.75rem}.univer-h-1\/2{height:50%}.univer-h-12{height:3rem}.univer-h-2{height:.5rem}.univer-h-3{height:.75rem}.univer-h-3\.5{height:.875rem}.univer-h-48{height:12rem}.univer-h-\[150px\]{height:150px}.univer-h-\[calc\(100\%-2px\)\]{height:calc(100% - 2px)}.univer-max-h-0{max-height:0px}.univer-max-h-80{max-height:20rem}.univer-max-h-\[40vh\]{max-height:40vh}.univer-max-h-\[var\(--radix-popper-available-height\)\]{max-height:var(--radix-popper-available-height)}.univer-max-h-full{max-height:100%}.univer-max-h-screen{max-height:100vh}.univer-min-h-3\.5{min-height:.875rem}.\!univer-w-fit{width:-moz-fit-content!important;width:fit-content!important}.univer-w-2\.5{width:.625rem}.univer-w-3{width:.75rem}.univer-w-3\.5{width:.875rem}.univer-w-64{width:16rem}.univer-w-72{width:18rem}.univer-w-\[calc\(100\%-16px\)\]{width:calc(100% - 16px)}.univer-w-\[var\(--radix-popper-anchor-width\)\]{width:var(--radix-popper-anchor-width)}.univer-min-w-36{min-width:9rem}.univer-min-w-\[320px\]{min-width:320px}.univer-max-w-\[480px\]{max-width:480px}.univer-max-w-\[60vw\]{max-width:60vw}.univer-max-w-full{max-width:100%}.univer-max-w-lg{max-width:32rem}.univer-max-w-sm{max-width:24rem}.univer-max-w-xs{max-width:20rem}.univer-origin-\[--radix-hover-card-content-transform-origin\]{transform-origin:var(--radix-hover-card-content-transform-origin)}.univer-translate-x-3{--univer-tw-translate-x: .75rem;transform:translate(.75rem,var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));transform:translate(var(--univer-tw-translate-x),var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y))}.-univer-rotate-90{--univer-tw-rotate: -90deg;transform:translate(var(--univer-tw-translate-x),var(--univer-tw-translate-y)) rotate(-90deg) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));transform:translate(var(--univer-tw-translate-x),var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y))}.univer-rotate-0{--univer-tw-rotate: 0deg;transform:translate(var(--univer-tw-translate-x),var(--univer-tw-translate-y)) rotate(0) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));transform:translate(var(--univer-tw-translate-x),var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y))}.univer-rotate-45{--univer-tw-rotate: 45deg;transform:translate(var(--univer-tw-translate-x),var(--univer-tw-translate-y)) rotate(45deg) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));transform:translate(var(--univer-tw-translate-x),var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y))}.\!univer-animate-none{animation:none!important}.univer-cursor-crosshair{cursor:crosshair}.univer-resize{resize:both}.univer-grid-flow-row{grid-auto-flow:row}.univer-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.univer-flex-col-reverse{flex-direction:column-reverse}.univer-content-center{align-content:center}.univer-gap-0\.5{gap:.125rem}.univer-gap-3{gap:.75rem}.univer-space-x-2>:not([hidden])~:not([hidden]){--univer-tw-space-x-reverse: 0;margin-right:0rem;margin-right:calc(.5rem * var(--univer-tw-space-x-reverse));margin-left:calc(.5rem * (1 - var(--univer-tw-space-x-reverse)));margin-left:.5rem;margin-left:calc(.5rem * calc(1 - var(--univer-tw-space-x-reverse)))}.univer-space-y-1\.5>:not([hidden])~:not([hidden]){--univer-tw-space-y-reverse: 0;margin-top:calc(.375rem * (1 - var(--univer-tw-space-y-reverse)));margin-top:.375rem;margin-top:calc(.375rem * calc(1 - var(--univer-tw-space-y-reverse)));margin-bottom:0rem;margin-bottom:calc(.375rem * var(--univer-tw-space-y-reverse))}.univer-divide-x>:not([hidden])~:not([hidden]){--univer-tw-divide-x-reverse: 0;border-right-width:0px;border-right-width:calc(1px * var(--univer-tw-divide-x-reverse));border-left-width:calc(1px * (1 - var(--univer-tw-divide-x-reverse)));border-left-width:1px;border-left-width:calc(1px * calc(1 - var(--univer-tw-divide-x-reverse)))}.univer-divide-y-0>:not([hidden])~:not([hidden]){--univer-tw-divide-y-reverse: 0;border-top-width:calc(0px * (1 - var(--univer-tw-divide-y-reverse)));border-top-width:0px;border-top-width:calc(0px * calc(1 - var(--univer-tw-divide-y-reverse)));border-bottom-width:0px;border-bottom-width:calc(0px * var(--univer-tw-divide-y-reverse))}.univer-overflow-auto{overflow:auto}.univer-text-balance{text-wrap:balance}.univer-rounded-xl{border-radius:.75rem}.\!univer-rounded-b-none{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.\!univer-rounded-l-none{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.\!univer-rounded-r-none{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.\!univer-rounded-t-none{border-top-left-radius:0!important;border-top-right-radius:0!important}.univer-rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.\!univer-border-l-0{border-left-width:0px!important}.\!univer-border-t-0{border-top-width:0px!important}.univer-border-b{border-bottom-width:1px}.univer-border-b-0{border-bottom-width:0px}.univer-border-l{border-left-width:1px}.univer-border-l-0{border-left-width:0px}.univer-border-r{border-right-width:1px}.univer-border-t{border-top-width:1px}.univer-border-t-0{border-top-width:0px}.\!univer-border-gray-200{border-color:var(--univer-gray-200)!important}.univer-border-gray-200{border-color:var(--univer-gray-200)}.univer-border-gray-300{border-color:var(--univer-gray-300)}.univer-border-red-500{border-color:var(--univer-red-500)}.univer-border-white{border-color:var(--univer-white)}.\!univer-bg-primary-600{background-color:var(--univer-primary-600)!important}.univer-bg-gray-300{background-color:var(--univer-gray-300)}.univer-bg-gray-800{background-color:var(--univer-gray-800)}.univer-bg-primary-500{background-color:var(--univer-primary-500)}.univer-bg-red-500{background-color:var(--univer-red-500)}.univer-fill-current{fill:currentColor}.\!univer-p-2\.5{padding:.625rem!important}.\!univer-pl-4{padding-left:1rem!important}.univer-pl-0{padding-left:0}.univer-pl-8{padding-left:2rem}.univer-pr-0{padding-right:0}.univer-pr-32{padding-right:8rem}.univer-pr-8{padding-right:2rem}.univer-text-left{text-align:left}.univer-align-middle{vertical-align:middle}.univer-font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.univer-font-sans{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.univer-text-lg{font-size:1.125rem;line-height:1.75rem}.univer-text-sm\/8{font-size:.875rem;line-height:2rem}.univer-text-xs\/6{font-size:.75rem;line-height:1.5rem}.univer-uppercase{text-transform:uppercase}.univer-leading-9{line-height:2.25rem}.univer-leading-none{line-height:1}.univer-leading-normal{line-height:1.5}.univer-tracking-tight{letter-spacing:-.025em}.univer-tracking-widest{letter-spacing:.1em}.\!univer-text-primary-500{color:var(--univer-primary-500)!important}.univer-text-current{color:currentColor}.univer-text-cyan-700{--univer-tw-text-opacity: 1;color:#0e7490;color:rgba(14,116,144,var(--univer-tw-text-opacity, 1))}.univer-text-green-500{color:var(--univer-green-500)}.univer-text-indigo-600{color:var(--univer-indigo-600)}.univer-text-yellow-400{color:var(--univer-yellow-400)}.univer-underline-offset-4{text-underline-offset:4px}.univer-opacity-40{opacity:.4}.univer-opacity-50{opacity:.5}.univer-opacity-60{opacity:.6}.univer-opacity-80{opacity:.8}.univer-opacity-90{opacity:.9}.univer-shadow-inner{--univer-tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--univer-tw-shadow-colored: inset 0 2px 4px 0 var(--univer-tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,inset 0 2px 4px #0000000d;box-shadow:var(--univer-tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--univer-tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--univer-tw-shadow)}.univer-ring-2{--univer-tw-ring-offset-shadow: var(--univer-tw-ring-inset) 0 0 0 var(--univer-tw-ring-offset-width) var(--univer-tw-ring-offset-color);--univer-tw-ring-shadow: var(--univer-tw-ring-inset) 0 0 0 calc(2px + var(--univer-tw-ring-offset-width)) var(--univer-tw-ring-color);box-shadow:var(--univer-tw-ring-offset-shadow),var(--univer-tw-ring-shadow),0 0 #0000;box-shadow:var(--univer-tw-ring-offset-shadow),var(--univer-tw-ring-shadow),var(--univer-tw-shadow, 0 0 rgba(0,0,0,0))}.\!univer-ring-primary-900{--univer-tw-ring-color: var(--univer-primary-900) !important}.univer-ring-primary-50{--univer-tw-ring-color: var(--univer-primary-50) }.univer-ring-white{--univer-tw-ring-color: var(--univer-white) }.univer-ring-offset-2{--univer-tw-ring-offset-width: 2px }.\!univer-ring-offset-gray-600{--univer-tw-ring-offset-color: var(--univer-gray-600) !important}.univer-ring-offset-white{--univer-tw-ring-offset-color: var(--univer-white) }.univer-drop-shadow-sm{--univer-tw-drop-shadow: drop-shadow(0 1px 1px rgba(0, 0, 0, .05));filter:var(--univer-tw-blur) var(--univer-tw-brightness) var(--univer-tw-contrast) var(--univer-tw-grayscale) var(--univer-tw-hue-rotate) var(--univer-tw-invert) var(--univer-tw-saturate) var(--univer-tw-sepia) drop-shadow(0 1px 1px rgba(0,0,0,.05));filter:var(--univer-tw-blur) var(--univer-tw-brightness) var(--univer-tw-contrast) var(--univer-tw-grayscale) var(--univer-tw-hue-rotate) var(--univer-tw-invert) var(--univer-tw-saturate) var(--univer-tw-sepia) var(--univer-tw-drop-shadow)}.univer-transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.univer-transition-\[max-height\,opacity\]{transition-property:max-height,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.univer-transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.univer-transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.univer-transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.univer-duration-500{transition-duration:.5s}.univer-duration-75{transition-duration:75ms}.univer-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.univer-ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.univer-will-change-transform{will-change:transform}.univer-scrollbar-thin::-webkit-scrollbar-track{background-color:var(--scrollbar-track);border-radius:var(--scrollbar-track-radius)}.univer-scrollbar-thin::-webkit-scrollbar-track:hover{background-color:var(--scrollbar-track-hover, var(--scrollbar-track))}.univer-scrollbar-thin::-webkit-scrollbar-track:active{background-color:var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)))}.univer-scrollbar-thin::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--scrollbar-thumb-radius)}.univer-scrollbar-thin::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover, var(--scrollbar-thumb))}.univer-scrollbar-thin::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)))}.univer-scrollbar-thin::-webkit-scrollbar-corner{background-color:var(--scrollbar-corner);border-radius:var(--scrollbar-corner-radius)}.univer-scrollbar-thin::-webkit-scrollbar-corner:hover{background-color:var(--scrollbar-corner-hover, var(--scrollbar-corner))}.univer-scrollbar-thin::-webkit-scrollbar-corner:active{background-color:var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)))}.univer-scrollbar-thin{scrollbar-width:thin;scrollbar-color:initial initial;scrollbar-color:var(--scrollbar-thumb, initial) var(--scrollbar-track, initial)}.univer-scrollbar-thin::-webkit-scrollbar{display:block;width:8px;height:8px}.univer-scrollbar-track-gray-50{--scrollbar-track: var(--univer-gray-50) !important}.univer-scrollbar-thumb-gray-300{--scrollbar-thumb: var(--univer-gray-300) !important}.univer-animate-out{animation-name:exit;animation-duration:.15s;--univer-tw-exit-opacity: initial;--univer-tw-exit-scale: initial;--univer-tw-exit-rotate: initial;--univer-tw-exit-translate-x: initial;--univer-tw-exit-translate-y: initial }.univer-fade-in,.univer-fade-in-0{--univer-tw-enter-opacity: 0 }.univer-fade-out{--univer-tw-exit-opacity: 0 }.univer-zoom-in-95{--univer-tw-enter-scale: .95 }.univer-slide-in-from-top-4{--univer-tw-enter-translate-y: -1rem }.univer-duration-200{animation-duration:.2s}.univer-duration-300{animation-duration:.3s}.univer-duration-500{animation-duration:.5s}.univer-duration-75{animation-duration:75ms}.univer-ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.univer-ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.placeholder\:univer-text-gray-200::-moz-placeholder{color:var(--univer-gray-200)}.placeholder\:univer-text-gray-200::placeholder{color:var(--univer-gray-200)}.placeholder\:univer-text-gray-400::-moz-placeholder{color:var(--univer-gray-400)}.placeholder\:univer-text-gray-400::placeholder{color:var(--univer-gray-400)}.before\:univer-absolute:before{content:var(--univer-tw-content);position:absolute}.before\:univer-top-1\/2:before{content:var(--univer-tw-content);top:50%}.before\:univer-block:before{content:var(--univer-tw-content);display:block}.before\:univer-h-px:before{content:var(--univer-tw-content);height:1px}.before\:univer-w-full:before{content:var(--univer-tw-content);width:100%}.before\:-univer-translate-y-1\/2:before{content:var(--univer-tw-content);--univer-tw-translate-y: -50%;transform:translate(var(--univer-tw-translate-x),-50%) rotate(var(--univer-tw-rotate)) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));transform:translate(var(--univer-tw-translate-x),var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y))}.before\:univer-bg-gray-200:before{content:var(--univer-tw-content);background-color:var(--univer-gray-200)}.before\:univer-content-\[\"\"\]:before{--univer-tw-content: "";content:"";content:var(--univer-tw-content)}.data-\[disabled\]\:univer-pointer-events-none[data-disabled]{pointer-events:none}.data-\[orientation\=horizontal\]\:univer-h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=vertical\]\:univer-h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=horizontal\]\:univer-w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:univer-w-px[data-orientation=vertical]{width:1px}.data-\[state\=open\]\:univer-bg-gray-100[data-state=open]{background-color:var(--univer-gray-100)}.data-\[disabled\]\:univer-opacity-50[data-disabled]{opacity:.5}.data-\[state\=open\]\:univer-animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--univer-tw-enter-opacity: initial;--univer-tw-enter-scale: initial;--univer-tw-enter-rotate: initial;--univer-tw-enter-translate-x: initial;--univer-tw-enter-translate-y: initial }.data-\[state\=closed\]\:univer-animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--univer-tw-exit-opacity: initial;--univer-tw-exit-scale: initial;--univer-tw-exit-rotate: initial;--univer-tw-exit-translate-x: initial;--univer-tw-exit-translate-y: initial }.data-\[state\=closed\]\:univer-fade-out-0[data-state=closed]{--univer-tw-exit-opacity: 0 }.data-\[state\=open\]\:univer-fade-in-0[data-state=open]{--univer-tw-enter-opacity: 0 }.data-\[state\=closed\]\:univer-zoom-out-95[data-state=closed]{--univer-tw-exit-scale: .95 }.data-\[state\=open\]\:univer-zoom-in-95[data-state=open]{--univer-tw-enter-scale: .95 }.data-\[side\=bottom\]\:univer-slide-in-from-top-2[data-side=bottom]{--univer-tw-enter-translate-y: -.5rem }.data-\[side\=left\]\:univer-slide-in-from-right-2[data-side=left]{--univer-tw-enter-translate-x: .5rem }.data-\[side\=right\]\:univer-slide-in-from-left-2[data-side=right]{--univer-tw-enter-translate-x: -.5rem }.data-\[side\=top\]\:univer-slide-in-from-bottom-2[data-side=top]{--univer-tw-enter-translate-y: .5rem }.data-\[state\=closed\]\:univer-slide-out-to-left-1\/2[data-state=closed]{--univer-tw-exit-translate-x: -50% }.data-\[state\=closed\]\:univer-slide-out-to-top-\[48\%\][data-state=closed]{--univer-tw-exit-translate-y: -48% }.data-\[state\=open\]\:univer-slide-in-from-left-1\/2[data-state=open]{--univer-tw-enter-translate-x: -50% }.data-\[state\=open\]\:univer-slide-in-from-top-\[48\%\][data-state=open]{--univer-tw-enter-translate-y: -48% }.hover\:univer-border-red-400:hover{border-color:var(--univer-red-400)}.hover\:univer-border-transparent:hover{border-color:transparent}.hover\:univer-bg-primary-500:hover{background-color:var(--univer-primary-500)}.hover\:univer-bg-red-400:hover{background-color:var(--univer-red-400)}.hover\:univer-text-gray-500:hover{color:var(--univer-gray-500)}.hover\:univer-text-gray-900:hover{color:var(--univer-gray-900)}.hover\:univer-text-primary-500:hover{color:var(--univer-primary-500)}.hover\:univer-text-white:hover{color:var(--univer-white)}.hover\:univer-underline:hover{text-decoration-line:underline}.hover\:univer-opacity-100:hover{opacity:1}.hover\:univer-opacity-70:hover{opacity:.7}.hover\:univer-opacity-80:hover{opacity:.8}.focus\:univer-border-primary-500:focus{border-color:var(--univer-primary-500)}.focus\:univer-border-primary-600:focus{border-color:var(--univer-primary-600)}.focus\:univer-bg-gray-100:focus{background-color:var(--univer-gray-100)}.focus\:univer-ring-2:focus{--univer-tw-ring-offset-shadow: var(--univer-tw-ring-inset) 0 0 0 var(--univer-tw-ring-offset-width) var(--univer-tw-ring-offset-color);--univer-tw-ring-shadow: var(--univer-tw-ring-inset) 0 0 0 calc(2px + var(--univer-tw-ring-offset-width)) var(--univer-tw-ring-color);box-shadow:var(--univer-tw-ring-offset-shadow),var(--univer-tw-ring-shadow),0 0 #0000;box-shadow:var(--univer-tw-ring-offset-shadow),var(--univer-tw-ring-shadow),var(--univer-tw-shadow, 0 0 rgba(0,0,0,0))}.focus\:univer-ring-primary-50:focus{--univer-tw-ring-color: var(--univer-primary-50) }.active\:univer-border-red-600:active{border-color:var(--univer-red-600)}.active\:univer-bg-gray-200:active{background-color:var(--univer-gray-200)}.active\:univer-bg-primary-700:active{background-color:var(--univer-primary-700)}.active\:univer-bg-red-600:active{background-color:var(--univer-red-600)}.active\:univer-text-primary-700:active{color:var(--univer-primary-700)}.disabled\:univer-pointer-events-none:disabled{pointer-events:none}.disabled\:univer-opacity-50:disabled{opacity:.5}@media (min-width:640px){.sm\:\!univer-flex-row{flex-direction:row!important}.sm\:\!univer-justify-end{justify-content:flex-end!important}.sm\:\!univer-space-x-2>:not([hidden])~:not([hidden]){--univer-tw-space-x-reverse: 0 !important;margin-right:0rem!important;margin-right:calc(.5rem * var(--univer-tw-space-x-reverse))!important;margin-left:calc(.5rem * (1 - var(--univer-tw-space-x-reverse)))!important;margin-left:.5rem!important;margin-left:calc(.5rem * calc(1 - var(--univer-tw-space-x-reverse)))!important}.sm\:\!univer-rounded-lg{border-radius:.5rem!important}.sm\:\!univer-text-left{text-align:left!important}}.dark\:\!univer-border-gray-500:where(.univer-dark,.univer-dark *){border-color:var(--univer-gray-500)!important}.dark\:\!univer-border-gray-600:where(.univer-dark,.univer-dark *){border-color:var(--univer-gray-600)!important}.dark\:\!univer-bg-gray-100:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-100)!important}.dark\:\!univer-bg-primary-600:where(.univer-dark,.univer-dark *){background-color:var(--univer-primary-600)!important}.dark\:\!univer-text-gray-900:where(.univer-dark,.univer-dark *){color:var(--univer-gray-900)!important}.dark\:\!univer-text-primary-500:where(.univer-dark,.univer-dark *){color:var(--univer-primary-500)!important}.dark\:\!univer-ring-primary-600:where(.univer-dark,.univer-dark *){--univer-tw-ring-color: var(--univer-primary-600) !important}.dark\:\!univer-ring-primary-900:where(.univer-dark,.univer-dark *){--univer-tw-ring-color: var(--univer-primary-900) !important}.dark\:\!univer-ring-offset-gray-600:where(.univer-dark,.univer-dark *){--univer-tw-ring-offset-color: var(--univer-gray-600) !important}.dark\:\!univer-scrollbar-track-gray-900:where(.univer-dark,.univer-dark *){--scrollbar-track: var(--univer-gray-900) !important}.dark\:\!univer-scrollbar-thumb-gray-700:where(.univer-dark,.univer-dark *){--scrollbar-thumb: var(--univer-gray-700) !important}.dark\:before\:\!univer-bg-gray-600:where(.univer-dark,.univer-dark *):before{content:var(--univer-tw-content);background-color:var(--univer-gray-600)!important}.dark\:data-\[state\=open\]\:\!univer-bg-gray-600[data-state=open]:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-600)!important}.dark\:hover\:\!univer-bg-gray-900:hover:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-900)!important}.dark\:hover\:\!univer-text-white:hover:where(.univer-dark,.univer-dark *){color:var(--univer-white)!important}.dark\:focus\:\!univer-border-primary-500:focus:where(.univer-dark,.univer-dark *){border-color:var(--univer-primary-500)!important}.dark\:focus\:\!univer-bg-gray-600:focus:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-600)!important}.dark\:focus\:\!univer-ring-primary-900:focus:where(.univer-dark,.univer-dark *){--univer-tw-ring-color: var(--univer-primary-900) !important}.dark\:focus-visible\:\!univer-border-gray-600:focus-visible:where(.univer-dark,.univer-dark *){border-color:var(--univer-gray-600)!important}.dark\:active\:\!univer-bg-gray-600:active:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-600)!important}.dark\:active\:\!univer-bg-gray-700:active:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-700)!important}.\[\&\:\:-webkit-calendar-picker-indicator\]\:univer-hidden::-webkit-calendar-picker-indicator{display:none}.\[\&\:\:-webkit-calendar-picker-indicator\]\:univer-appearance-none::-webkit-calendar-picker-indicator{-webkit-appearance:none;-moz-appearance:none;appearance:none}.\[\&\>input\]\:univer-w-11>input{width:2.75rem}.\[\&\>input\]\:univer-border-gray-200>input{border-color:var(--univer-gray-200)}.\[\&\>input\]\:focus\:univer-border-primary-500:focus>input{border-color:var(--univer-primary-500)}.dark\:\[\&\>input\]\:\!univer-border-gray-600>input:where(.univer-dark,.univer-dark *){border-color:var(--univer-gray-600)!important}.dark\:\[\&\>input\]\:\!univer-text-white>input:where(.univer-dark,.univer-dark *){color:var(--univer-white)!important}.\[\&\>svg\]\:univer-relative>svg{position:relative}.\[\&\>svg\]\:univer-top-0\.5>svg{top:.125rem}.\[\&\>svg\]\:univer-block>svg{display:block}.\[\&\>svg\]\:univer-size-4>svg{width:1rem;height:1rem}.\[\&\>svg\]\:univer-shrink-0>svg{flex-shrink:0}.\[\&\>ul\:not\(\:last-child\)\]\:univer-border-0>ul:not(:last-child){border-width:0px}.\[\&\>ul\:not\(\:last-child\)\]\:univer-border-r>ul:not(:last-child){border-right-width:1px}.\[\&\>ul\:not\(\:last-child\)\]\:univer-border-solid>ul:not(:last-child){border-style:solid}.\[\&\>ul\:not\(\:last-child\)\]\:univer-border-r-gray-200>ul:not(:last-child){border-right-color:var(--univer-gray-200)}.\[\&_\[data-description\]\]\:univer-text-sm [data-description]{font-size:.875rem;line-height:1.25rem}.\[\&_\[data-description\]\]\:univer-text-gray-200 [data-description]{color:var(--univer-gray-200)}.\[\&_\[data-description\]\]\:univer-text-gray-600 [data-description]{color:var(--univer-gray-600)}.\[\&_\[data-icon\]\>svg\]\:univer-relative [data-icon]>svg{position:relative}.\[\&_\[data-icon\]\>svg\]\:univer-top-1 [data-icon]>svg{top:.25rem}.\[\&_\[data-icon\]\]\:univer-self-baseline [data-icon]{align-self:baseline}.\[\&_\[data-icon\]\]\:univer-text-green-500 [data-icon]{color:var(--univer-green-500)}.\[\&_\[data-icon\]\]\:univer-text-primary-600 [data-icon]{color:var(--univer-primary-600)}.\[\&_\[data-icon\]\]\:univer-text-red-500 [data-icon]{color:var(--univer-red-500)}.\[\&_\[data-icon\]\]\:univer-text-yellow-500 [data-icon]{color:var(--univer-yellow-500)}.\[\&_\[data-sonner-toast\]\]\:univer-shadow-md [data-sonner-toast]{--univer-tw-shadow: 0px 1px 6px -2px rgba(30, 40, 77, .08), 0px 2px 6px -1px rgba(30, 40, 77, .1);--univer-tw-shadow-colored: 0px 1px 6px -2px var(--univer-tw-shadow-color), 0px 2px 6px -1px var(--univer-tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 1px 6px -2px #1e284d14,0 2px 6px -1px #1e284d1a;box-shadow:var(--univer-tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--univer-tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--univer-tw-shadow)}.\[\&_\[data-title\]\]\:univer-text-sm [data-title]{font-size:.875rem;line-height:1.25rem}.\[\&_\[data-title\]\]\:univer-text-gray-900 [data-title]{color:var(--univer-gray-900)}.\[\&_\[data-u-comp\=form-layout\]\]\:univer-max-w-\[calc\(50\%-8px\)\] [data-u-comp=form-layout]{max-width:calc(50% - 8px)}.\[\&_\[data-u-comp\=form-layout\]\]\:univer-shrink [data-u-comp=form-layout]{flex-shrink:1}.\[\&_\[data-u-comp\=form-layout\]\]\:univer-grow [data-u-comp=form-layout]{flex-grow:1}.\[\&_\[data-u-comp\=input\]\]\:univer-w-full [data-u-comp=input]{width:100%}.\[\&_\[data-u-comp\=input\]\]\:univer-border-red-500 [data-u-comp=input]{border-color:var(--univer-red-500)}.\[\&_\[data-u-comp\=pager-left-arrow\]\:hover\]\:\!univer-bg-gray-600 [data-u-comp=pager-left-arrow]:hover,.\[\&_\[data-u-comp\=pager-right-arrow\]\:hover\]\:\!univer-bg-gray-600 [data-u-comp=pager-right-arrow]:hover{background-color:var(--univer-gray-600)!important}.\[\&_\[data-u-comp\=select\]\]\:univer-w-full [data-u-comp=select]{width:100%}.\[\&_\[data-u-comp\=select\]\]\:univer-border-red-500 [data-u-comp=select]{border-color:var(--univer-red-500)}.\[\&_input\]\:univer-box-border input{box-sizing:border-box}.\[\&_input\]\:univer-flex input{display:flex}.\[\&_input\]\:univer-h-7 input{height:1.75rem}.\[\&_input\]\:univer-items-center input{align-items:center}.\[\&_input\]\:univer-rounded input{border-radius:.25rem}.\[\&_input\]\:univer-border input{border-width:1px}.\[\&_input\]\:univer-border-solid input{border-style:solid}.\[\&_input\]\:univer-border-gray-200 input{border-color:var(--univer-gray-200)}.\[\&_input\]\:univer-border-gray-600 input{border-color:var(--univer-gray-600)}.\[\&_input\]\:univer-bg-transparent input{background-color:transparent}.\[\&_input\]\:univer-px-1\.5 input{padding-left:.375rem;padding-right:.375rem}.\[\&_input\]\:univer-text-gray-700 input{color:var(--univer-gray-700)}.\[\&_input\]\:univer-text-white input{color:var(--univer-white)}.\[\&_input\]\:univer-outline-none input{outline:2px solid transparent;outline-offset:2px}.\[\&_svg\]\:univer-pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:univer-size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:univer-shrink-0 svg{flex-shrink:0}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;-o-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.univer-dropdown{position:absolute;z-index:1070;top:-9999px;left:-9999px;display:block}.univer-dropdown-hidden{display:none}.univer-dropdown-slide-up-enter,.univer-dropdown-slide-up-appear{transform-origin:0 0;display:block!important;animation-duration:.15s;animation-fill-mode:both;opacity:0;animation-play-state:paused;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.univer-dropdown-slide-up-leave{transform-origin:0 0;display:block!important;animation-duration:.15s;animation-fill-mode:both;opacity:1;animation-play-state:paused;animation-timing-function:cubic-bezier(.6,.04,.98,.34)}.univer-dropdown-slide-up-enter.univer-dropdown-slide-up-enter-active.univer-dropdown-placement-bottomLeft,.univer-dropdown-slide-up-appear.univer-dropdown-slide-up-appear-active.univer-dropdown-placement-bottomLeft,.univer-dropdown-slide-up-enter.univer-dropdown-slide-up-enter-active.univer-dropdown-placement-bottomCenter,.univer-dropdown-slide-up-appear.univer-dropdown-slide-up-appear-active.univer-dropdown-placement-bottomCenter,.univer-dropdown-slide-up-enter.univer-dropdown-slide-up-enter-active.univer-dropdown-placement-bottomRight,.univer-dropdown-slide-up-appear.univer-dropdown-slide-up-appear-active.univer-dropdown-placement-bottomRight{animation-name:dropdown-slide-up-in;animation-play-state:running}.univer-dropdown-slide-up-enter.univer-dropdown-slide-up-enter-active.univer-dropdown-placement-topLeft,.univer-dropdown-slide-up-appear.univer-dropdown-slide-up-appear-active.univer-dropdown-placement-topLeft,.univer-dropdown-slide-up-enter.univer-dropdown-slide-up-enter-active.univer-dropdown-placement-topCenter,.univer-dropdown-slide-up-appear.univer-dropdown-slide-up-appear-active.univer-dropdown-placement-topCenter,.univer-dropdown-slide-up-enter.univer-dropdown-slide-up-enter-active.univer-dropdown-placement-topRight,.univer-dropdown-slide-up-appear.univer-dropdown-slide-up-appear-active.univer-dropdown-placement-topRight{animation-name:dropdown-slide-down-in;animation-play-state:running}.univer-dropdown-slide-up-leave.univer-dropdown-slide-up-leave-active.univer-dropdown-placement-bottomLeft,.univer-dropdown-slide-up-leave.univer-dropdown-slide-up-leave-active.univer-dropdown-placement-bottomCenter,.univer-dropdown-slide-up-leave.univer-dropdown-slide-up-leave-active.univer-dropdown-placement-bottomRight{animation-name:dropdown-slide-up-out;animation-play-state:running}.univer-dropdown-slide-up-leave.univer-dropdown-slide-up-leave-active.univer-dropdown-placement-topLeft,.univer-dropdown-slide-up-leave.univer-dropdown-slide-up-leave-active.univer-dropdown-placement-topCenter,.univer-dropdown-slide-up-leave.univer-dropdown-slide-up-leave-active.univer-dropdown-placement-topRight{animation-name:dropdown-slide-down-out;animation-play-state:running}@keyframes dropdown-slide-up-in{0%{transform-origin:0% 0%;transform:scaleY(0);opacity:0}to{transform-origin:0% 0%;transform:scaleY(1);opacity:1}}@keyframes dropdown-slide-up-out{0%{transform-origin:0% 0%;transform:scaleY(1);opacity:1}to{transform-origin:0% 0%;transform:scaleY(0);opacity:0}}@keyframes dropdown-slide-down-in{0%{transform-origin:0% 100%;transform:scaleY(0);opacity:0}to{transform-origin:0% 100%;transform:scaleY(1);opacity:1}}@keyframes dropdown-slide-down-out{0%{transform-origin:0% 100%;transform:scaleY(1);opacity:1}to{transform-origin:0% 100%;transform:scaleY(0);opacity:0}}.univer-menu{max-width:-moz-fit-content;max-width:fit-content;margin:0;box-sizing:border-box;width:-moz-fit-content;width:fit-content;min-width:13rem;list-style-type:none;border-radius:.375rem;border-width:1px;border-style:solid;border-color:var(--univer-gray-200);background-color:var(--univer-white);padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem;--univer-tw-shadow: 0px 1px 6px -2px rgba(30, 40, 77, .08), 0px 2px 6px -1px rgba(30, 40, 77, .1);--univer-tw-shadow-colored: 0px 1px 6px -2px var(--univer-tw-shadow-color), 0px 2px 6px -1px var(--univer-tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 1px 6px -2px #1e284d14,0 2px 6px -1px #1e284d1a;box-shadow:var(--univer-tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--univer-tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--univer-tw-shadow)}.univer-dark .univer-menu{border-color:var(--univer-gray-600);background-color:var(--univer-gray-700)}.univer-menu-vertical{display:grid}.univer-menu-hidden,.univer-menu-submenu-hidden{display:none}.univer-menu-item-group{padding-top:.25rem;padding-bottom:.25rem}.univer-menu-item-group:not(:last-child){border-bottom:1px solid #e3e5ea}.univer-dark .univer-menu-item-group:not(:last-child){border-bottom-color:var(--univer-gray-600)}.univer-menu-item-group-list{display:grid;margin:0;padding:0;grid-gap:.25rem;gap:.25rem}.univer-menu-item-group-title{font-weight:600;line-height:1.5em;padding:6px 4px 4px;padding-left:.5rem;padding-right:.5rem;font-size:.75rem;line-height:1rem;color:var(--univer-gray-600)}.univer-dark .univer-menu-item-group-title{color:var(--univer-white)}.univer-menu-item-group-title:empty{display:none}.univer-menu-item-active,.univer-menu-submenu-active{border-radius:.375rem;background-color:var(--univer-gray-50)}.univer-dark .univer-menu-item-active,.univer-dark .univer-menu-submenu-active{background-color:var(--univer-gray-600)}.univer-menu-item-selected{transform:translateZ(0);border-radius:.375rem;background-color:var(--univer-gray-50)}.univer-dark .univer-menu-item-selected{background-color:var(--univer-gray-600)}.univer-menu-submenu-selected{border-radius:.375rem;background-color:var(--univer-gray-50)}.univer-dark .univer-menu-submenu-selected{background-color:var(--univer-gray-600)}.univer-menu>li.univer-menu-submenu{padding:0}.univer-menu-horizontal-sub,.univer-menu-vertical-sub,.univer-menu-vertical-left-sub,.univer-menu-vertical-right-sub{min-width:160px;margin-top:0}.univer-menu-item{display:flex;align-items:center;min-height:32px;line-height:1.5em;gap:.75rem;border-radius:.375rem;padding-left:.5rem;padding-right:.5rem;font-size:.875rem;line-height:1.25rem;color:var(--univer-gray-900)}.univer-dark .univer-menu-item{color:var(--univer-white)}.univer-menu-item:hover{background-color:var(--univer-gray-50)}.univer-dark .univer-menu-item:hover{background-color:var(--univer-gray-600)}.univer-menu-item .icon{color:var(--univer-gray-600)}.univer-dark .univer-menu-item .icon{color:var(--univer-white)}.univer-menu-item,.univer-menu-submenu{cursor:pointer;position:relative;box-sizing:border-box;margin:0;white-space:nowrap;list-style:none}.univer-menu-item.univer-menu-item-disabled,.univer-menu-submenu.univer-menu-submenu-disabled{cursor:not-allowed;color:var(--univer-gray-400)!important}.univer-menu-submenu-popup{position:absolute;z-index:1070}.univer-menu-submenu-popup .submenu-title-wrapper{padding-right:1.25rem}.univer-menu-submenu-title{display:flex;align-items:center;justify-content:space-between;height:100%;min-height:32px;line-height:1.5em;padding-left:.5rem;padding-right:.5rem;font-size:.875rem;line-height:1.25rem;color:var(--univer-gray-900)}.univer-dark .univer-menu-submenu-title{color:var(--univer-white)}.univer-menu-submenu-title-more-icon,.univer-menu-item-more-icon{margin-left:.5rem;font-size:.875rem;line-height:1.25rem;color:var(--univer-gray-400)}.univer-menu-horizontal{overflow:hidden;white-space:nowrap;border:none;border-bottom:1px solid transparent;box-shadow:none;border-bottom-color:var(--univer-gray-200)}.univer-dark .univer-menu-horizontal{border-bottom-color:var(--univer-gray-600)}.univer-menu-horizontal>.univer-menu-item,.univer-menu-horizontal>.univer-menu-submenu>.univer-menu-submenu-title{padding:15px 20px}.univer-menu-horizontal>.univer-menu-submenu,.univer-menu-horizontal>.univer-menu-item{display:inline-block;vertical-align:bottom;border-bottom:2px solid transparent}.univer-menu-vertical,.univer-menu-vertical-left,.univer-menu-vertical-right,.univer-menu-inline{width:100%}.univer-menu-vertical>.univer-menu-item,.univer-menu-vertical>.univer-menu-submenu>.univer-menu-submenu-title,.univer-menu-vertical-left>.univer-menu-item,.univer-menu-vertical-left>.univer-menu-submenu>.univer-menu-submenu-title,.univer-menu-vertical-right>.univer-menu-item,.univer-menu-vertical-right>.univer-menu-submenu>.univer-menu-submenu-title,.univer-menu-inline>.univer-menu-item,.univer-menu-inline>.univer-menu-submenu>.univer-menu-submenu-title{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;min-height:28px;padding:.25rem}.univer-menu-vertical .univer-menu-submenu-arrow,.univer-menu-vertical-left .univer-menu-submenu-arrow,.univer-menu-vertical-right .univer-menu-submenu-arrow,.univer-menu-inline .univer-menu-submenu-arrow{position:absolute;right:16px;display:inline-block;font-size:inherit;line-height:1.5em;text-align:center;text-transform:none;text-rendering:auto;vertical-align:baseline}.univer-menu-sub-inline{padding:0;border:none;border-radius:0;box-shadow:none}.univer-menu-sub-inline>.univer-menu-item,.univer-menu-sub-inline>.univer-menu-submenu>.univer-menu-submenu-title{padding-top:8px;padding-right:0;padding-bottom:8px}.univer-menu-open-slide-up-enter,.univer-menu-open-slide-up-appear{opacity:0;animation-play-state:paused;animation-timing-function:cubic-bezier(.08,.82,.17,1);transform-origin:0 0;animation-duration:.3s;animation-fill-mode:both}.univer-menu-open-slide-up-leave{opacity:1;animation-play-state:paused;animation-timing-function:cubic-bezier(.6,.04,.98,.34);transform-origin:0 0;animation-duration:.3s;animation-fill-mode:both}.univer-menu-open-slide-up-enter.univer-menu-open-slide-up-enter-active,.univer-menu-open-slide-up-appear.univer-menu-open-slide-up-appear-active{animation-name:menu-open-slide-up-in;animation-play-state:running}.univer-menu-open-slide-up-leave.univer-menu-open-slide-up-leave-active{animation-name:menu-open-slide-up-out;animation-play-state:running}@keyframes menu-open-slide-up-in{0%{transform-origin:0% 0%;transform:scaleY(0);opacity:0}to{transform-origin:0% 0%;transform:scaleY(1);opacity:1}}@keyframes menu-open-slide-up-out{0%{transform-origin:0% 0%;transform:scaleY(1);opacity:1}to{transform-origin:0% 0%;transform:scaleY(0);opacity:0}}.univer-menu-open-zoom-enter,.univer-menu-open-zoom-appear{opacity:0;animation-play-state:paused;animation-timing-function:cubic-bezier(.08,.82,.17,1);transform-origin:0 0;animation-duration:.3s;animation-fill-mode:both}.univer-menu-open-zoom-leave{animation-play-state:paused;animation-timing-function:cubic-bezier(.6,.04,.98,.34);transform-origin:0 0;animation-duration:.3s;animation-fill-mode:both}.univer-menu-open-zoom-enter.univer-menu-open-zoom-enter-active,.univer-menu-open-zoom-appear.univer-menu-open-zoom-appear-active{animation-name:menu-open-zoom-in;animation-play-state:running}.univer-menu-open-zoom-leave.univer-menu-open-zoom-leave-active{animation-name:menu-open-zoom-out;animation-play-state:running}@keyframes menu-open-zoom-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes menu-open-zoom-out{0%{transform:scale(1)}to{transform:scale(0);opacity:0}}.univer-popup{position:fixed;z-index:1070;top:-9999px;left:-9999px;border-radius:6px;overflow:hidden;--univer-tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--univer-tw-shadow-colored: 0 1px 3px 0 var(--univer-tw-shadow-color), 0 1px 2px -1px var(--univer-tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 1px 3px #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--univer-tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--univer-tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--univer-tw-shadow)}.univer-popup-enter{transform-origin:0 0;animation-duration:.15s;animation-fill-mode:both;opacity:0;animation-play-state:paused;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.univer-popup-enter-active{animation-name:popup-slide-up-in;animation-play-state:running}.univer-popup-exit{transform-origin:0 0;animation-duration:.15s;animation-fill-mode:both;opacity:1;animation-name:popup-slide-up-out;animation-play-state:running;animation-timing-function:cubic-bezier(.6,.04,.98,.34)}.univer-popup-exit-active{display:none}@keyframes popup-slide-up-in{0%{transform-origin:0 0;transform:scaleY(0);opacity:0}to{transform-origin:0 0;transform:scaleY(1);opacity:1}}@keyframes popup-slide-up-out{0%{transform-origin:0 0;transform:scaleY(1);opacity:1}to{transform-origin:0 0;transform:scaleY(0);opacity:0}}.univer-popup-mask{position:fixed;z-index:1060;top:0;left:0;right:0;bottom:0}.univer-tree{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;color:var(--univer-gray-900)}.univer-dark .univer-tree{color:var(--univer-white)}.univer-tree-icon{position:absolute;top:50%;left:-16px;transform:translateY(-50%) rotate(-90deg);display:flex;align-items:center;justify-content:center;font-size:8px}.univer-tree-icon-expand{transform:translateY(-50%)}.univer-tree-list{margin:0;padding:0;list-style:none;height:100%}.univer-tree-list .univer-tree-list{overflow:hidden;height:0}.univer-tree-list .univer-tree-list-expand{height:inherit}.univer-tree-list-item{position:relative;padding-left:20px;font-size:13px}.univer-tree-list-item>a{position:relative;display:flex;align-items:center;cursor:pointer}.univer-tree-list-item-title{display:inline-block;height:100%;margin:0 4px;flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.univer-tree-list-item-content{margin:4px 0;width:100%;position:relative;display:flex;align-items:center}.univer-tree-list-item-content-selected-icon{position:absolute;top:50%;left:-20px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;font-size:1rem;line-height:1.5rem}.univer-pointer-events-auto{pointer-events:auto}.univer-invisible{visibility:hidden}.univer-fixed{position:fixed}.univer-sticky{position:sticky}.-univer-left-\[99999\]{left:-99999}.-univer-top-\[99999\]{top:-99999}.univer-left-1\/2{left:50%}.univer-left-\[-9999px\]{left:-9999px}.univer-right-2{right:.5rem}.univer-top-\[-9999px\]{top:-9999px}.univer-top-\[calc\(50\%-6px\)\]{top:calc(50% - 6px)}.univer-z-\[-1\]{z-index:-1}.univer-z-\[1020\]{z-index:1020}.univer-z-\[1\]{z-index:1}.univer-mx-2{margin-left:.5rem;margin-right:.5rem}.univer-line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.univer-size-3\.5{width:.875rem;height:.875rem}.univer-size-9{width:2.25rem;height:2.25rem}.univer-h-0{height:0px}.univer-h-1{height:.25rem}.univer-h-10{height:2.5rem}.univer-min-h-0{min-height:0px}.univer-min-h-full{min-height:100%}.univer-w-0{width:0px}.univer-w-0\.5{width:.125rem}.univer-w-32{width:8rem}.univer-w-40{width:10rem}.univer-w-7{width:1.75rem}.univer-w-96{width:24rem}.univer-w-max{width:-moz-max-content;width:max-content}.univer-w-screen{width:100vw}.univer-min-w-6{min-width:1.5rem}.univer-min-w-8{min-width:2rem}.univer-min-w-min{min-width:-moz-min-content;min-width:min-content}.univer-max-w-52{max-width:13rem}.univer-max-w-96{max-width:24rem}.univer-max-w-\[var\(--radix-popper-available-width\)\]{max-width:var(--radix-popper-available-width)}.univer-origin-center{transform-origin:center}.-univer-translate-x-1\/2{--univer-tw-translate-x: -50%;transform:translate(-50%,var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));transform:translate(var(--univer-tw-translate-x),var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y))}.univer-translate-x-0{--univer-tw-translate-x: 0px;transform:translateY(var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));transform:translate(var(--univer-tw-translate-x),var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y))}.univer-translate-x-full{--univer-tw-translate-x: 100%;transform:translate(100%,var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));transform:translate(var(--univer-tw-translate-x),var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y))}.univer-grid-cols-\[1fr\]{grid-template-columns:1fr}.univer-grid-cols-\[auto\,1fr\]{grid-template-columns:auto 1fr}.univer-grid-cols-\[auto_1fr_auto\]{grid-template-columns:auto 1fr auto}.univer-grid-cols-none{grid-template-columns:none}.univer-grid-rows-\[100\%\]{grid-template-rows:100%}.univer-grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr}.univer-grid-rows-\[auto_1fr_auto\]{grid-template-rows:auto 1fr auto}.univer-flex-wrap{flex-wrap:wrap}.univer-overflow-x-auto{overflow-x:auto}.\!univer-rounded-full{border-radius:9999px!important}.\!univer-rounded-xl{border-radius:.75rem!important}.univer-rounded-2xl{border-radius:1rem}.univer-rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.\!univer-bg-gray-200{background-color:var(--univer-gray-200)!important}.\!univer-bg-gray-500{background-color:var(--univer-gray-500)!important}.univer-bg-gray-400{background-color:var(--univer-gray-400)}.univer-bg-gray-50{background-color:var(--univer-gray-50)}.univer-bg-gray-700{background-color:var(--univer-gray-700)}.univer-bg-gray-900{background-color:var(--univer-gray-900)}.univer-bg-primary-50{background-color:var(--univer-primary-50)}.univer-pb-2{padding-bottom:.5rem}.univer-pl-2{padding-left:.5rem}.univer-pl-5{padding-left:1.25rem}.univer-pr-5{padding-right:1.25rem}.univer-text-right{text-align:right}.\!univer-text-gray-600{color:var(--univer-gray-600)!important}.univer-underline{text-decoration-line:underline}.univer-opacity-0{opacity:0}.univer-transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@keyframes enter{0%{opacity:1;opacity:var(--univer-tw-enter-opacity, 1);transform:translateZ(0) scaleZ(1) rotate(0);transform:translate3d(var(--univer-tw-enter-translate-x, 0),var(--univer-tw-enter-translate-y, 0),0) scale3d(var(--univer-tw-enter-scale, 1),var(--univer-tw-enter-scale, 1),var(--univer-tw-enter-scale, 1)) rotate(var(--univer-tw-enter-rotate, 0))}}@keyframes exit{to{opacity:1;opacity:var(--univer-tw-exit-opacity, 1);transform:translateZ(0) scaleZ(1) rotate(0);transform:translate3d(var(--univer-tw-exit-translate-x, 0),var(--univer-tw-exit-translate-y, 0),0) scale3d(var(--univer-tw-exit-scale, 1),var(--univer-tw-exit-scale, 1),var(--univer-tw-exit-scale, 1)) rotate(var(--univer-tw-exit-rotate, 0))}}.univer-animate-in{animation-name:enter;animation-duration:.15s;--univer-tw-enter-opacity: initial;--univer-tw-enter-scale: initial;--univer-tw-enter-rotate: initial;--univer-tw-enter-translate-x: initial;--univer-tw-enter-translate-y: initial }.univer-fade-in{--univer-tw-enter-opacity: 0 }.univer-fade-in-70{--univer-tw-enter-opacity: .7 }.last\:univer-border-b-0:last-child{border-bottom-width:0px}.hover\:univer-opacity-50:hover{opacity:.5}.focus\:univer-bg-white:focus{background-color:var(--univer-white)}.disabled\:univer-cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:univer-text-gray-300:disabled{color:var(--univer-gray-300)}.disabled\:hover\:univer-bg-transparent:hover:disabled{background-color:transparent}@media (min-width:640px){.sm\:\!univer-block{display:block!important}}.rtl\:univer-pr-2:where([dir=rtl],[dir=rtl] *){padding-right:.5rem}.dark\:\!univer-bg-gray-200:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-200)!important}.dark\:\!univer-bg-gray-500:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-500)!important}.dark\:\!univer-bg-primary-900:where(.univer-dark,.univer-dark *){background-color:var(--univer-primary-900)!important}.dark\:\!univer-text-gray-500:where(.univer-dark,.univer-dark *){color:var(--univer-gray-500)!important}.dark\:\!univer-text-gray-600:where(.univer-dark,.univer-dark *){color:var(--univer-gray-600)!important}.dark\:\!univer-text-gray-800:where(.univer-dark,.univer-dark *){color:var(--univer-gray-800)!important}.dark\:\!univer-text-primary-300:where(.univer-dark,.univer-dark *){color:var(--univer-primary-300)!important}.dark\:disabled\:\!univer-text-gray-600:disabled:where(.univer-dark,.univer-dark *){color:var(--univer-gray-600)!important}.\[\&\>\*\]\:univer-inline-flex>*{display:inline-flex}.\[\&\>\*\]\:univer-h-6>*{height:1.5rem}.\[\&\>\*\]\:univer-items-center>*{align-items:center}.\[\&\>\*\]\:univer-rounded>*{border-radius:.25rem}.\[\&\>\*\]\:univer-px-1>*{padding-left:.25rem;padding-right:.25rem}.\[\&\>\*\]\:univer-transition-colors>*{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:\[\&\>\*\]\:univer-bg-gray-100>*:hover{background-color:var(--univer-gray-100)}.\[\&\>span\]\:univer-mt-0\.5>span{margin-top:.125rem}.\[\&\>span\]\:univer-w-full>span{width:100%}.\[\&\>span\]\:univer-truncate>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.\[\&\>span\]\:univer-text-sm>span{font-size:.875rem;line-height:1.25rem}.\[\&\>svg\]\:univer-size-\[18px\]>svg{width:18px;height:18px}.\[\&\>svg\]\:univer-text-lg>svg{font-size:1.125rem;line-height:1.75rem}.\[\&_input\:focus\]\:\!univer-ring-0 input:focus{--univer-tw-ring-offset-shadow: var(--univer-tw-ring-inset) 0 0 0 var(--univer-tw-ring-offset-width) var(--univer-tw-ring-offset-color) !important;--univer-tw-ring-shadow: var(--univer-tw-ring-inset) 0 0 0 calc(0px + var(--univer-tw-ring-offset-width)) var(--univer-tw-ring-color) !important;box-shadow:var(--univer-tw-ring-offset-shadow),var(--univer-tw-ring-shadow),0 0 #0000!important;box-shadow:var(--univer-tw-ring-offset-shadow),var(--univer-tw-ring-shadow),var(--univer-tw-shadow, 0 0 rgba(0,0,0,0))!important}.\[\&_input\]\:univer-h-6 input{height:1.5rem}.\[\&_input\]\:univer-w-7 input{width:1.75rem}.\[\&_input\]\:univer-border-none input{border-style:none}.\[\&_input\]\:\!univer-bg-transparent input{background-color:transparent!important}.\[\&_input\]\:univer-p-0 input{padding:0}.\[\&_input\]\:univer-text-sm input{font-size:.875rem;line-height:1.25rem}.univer-bottom-0{bottom:0}.univer-left-5{left:1.25rem}.univer-left-\[5px\]{left:5px}.univer-top-4{top:1rem}.univer-top-\[5px\]{top:5px}.univer-mb-1{margin-bottom:.25rem}.univer-mr-1{margin-right:.25rem}.univer-mt-1\.5{margin-top:.375rem}.univer-mt-12{margin-top:3rem}.univer-size-3{width:.75rem;height:.75rem}.univer-size-full{width:100%;height:100%}.univer-h-\[24px\]{height:24px}.univer-w-28{width:7rem}.univer-w-4\/5{width:80%}.univer-w-8{width:2rem}.univer-w-\[0px\]{width:0px}.univer-w-\[162px\]{width:162px}.univer-w-\[72px\]{width:72px}.univer-min-w-\[180px\]{min-width:180px}.univer-flex-shrink-0{flex-shrink:0}.univer-gap-1\.5{gap:.375rem}.univer-gap-2\.5{gap:.625rem}.univer-overflow-x-hidden{overflow-x:hidden}.univer-rounded-r-2xl{border-top-right-radius:1rem;border-bottom-right-radius:1rem}.univer-border-primary-500{border-color:var(--univer-primary-500)}.univer-bg-none{background-image:none}.univer-px-2\.5{padding-left:.625rem;padding-right:.625rem}.univer-px-3{padding-left:.75rem;padding-right:.75rem}.univer-py-0{padding-top:0;padding-bottom:0}.univer-pb-0\.5{padding-bottom:.125rem}.univer-pb-4{padding-bottom:1rem}.univer-pl-1\.5{padding-left:.375rem}.univer-pr-1{padding-right:.25rem}.univer-pr-2{padding-right:.5rem}.univer-pt-1\.5{padding-top:.375rem}.univer-pt-14{padding-top:3.5rem}.univer-font-\[500\],.univer-font-medium{font-weight:500}.univer-leading-\[24px\]{line-height:24px}.\!univer-text-gray-200{color:var(--univer-gray-200)!important}.\!univer-text-gray-400{color:var(--univer-gray-400)!important}.univer-text-gray-800{color:var(--univer-gray-800)}.univer-shadow-sm{--univer-tw-shadow: 0px 1px 2px 0px rgba(30, 40, 77, .08);--univer-tw-shadow-colored: 0px 1px 2px 0px var(--univer-tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 1px 2px #1e284d14;box-shadow:var(--univer-tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--univer-tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--univer-tw-shadow)}.univer-backdrop-blur-\[10px\]{--univer-tw-backdrop-blur: blur(10px);-webkit-backdrop-filter:blur(10px) var(--univer-tw-backdrop-brightness) var(--univer-tw-backdrop-contrast) var(--univer-tw-backdrop-grayscale) var(--univer-tw-backdrop-hue-rotate) var(--univer-tw-backdrop-invert) var(--univer-tw-backdrop-opacity) var(--univer-tw-backdrop-saturate) var(--univer-tw-backdrop-sepia);backdrop-filter:blur(10px) var(--univer-tw-backdrop-brightness) var(--univer-tw-backdrop-contrast) var(--univer-tw-backdrop-grayscale) var(--univer-tw-backdrop-hue-rotate) var(--univer-tw-backdrop-invert) var(--univer-tw-backdrop-opacity) var(--univer-tw-backdrop-saturate) var(--univer-tw-backdrop-sepia);-webkit-backdrop-filter:var(--univer-tw-backdrop-blur) var(--univer-tw-backdrop-brightness) var(--univer-tw-backdrop-contrast) var(--univer-tw-backdrop-grayscale) var(--univer-tw-backdrop-hue-rotate) var(--univer-tw-backdrop-invert) var(--univer-tw-backdrop-opacity) var(--univer-tw-backdrop-saturate) var(--univer-tw-backdrop-sepia);backdrop-filter:var(--univer-tw-backdrop-blur) var(--univer-tw-backdrop-brightness) var(--univer-tw-backdrop-contrast) var(--univer-tw-backdrop-grayscale) var(--univer-tw-backdrop-hue-rotate) var(--univer-tw-backdrop-invert) var(--univer-tw-backdrop-opacity) var(--univer-tw-backdrop-saturate) var(--univer-tw-backdrop-sepia)}.univer-duration-300{transition-duration:.3s}.hover\:univer-border-primary-500:hover{border-color:var(--univer-primary-500)}.dark\:\!univer-border-gray-700:where(.univer-dark,.univer-dark *){border-color:var(--univer-gray-700)!important}.dark\:\!univer-text-gray-400:where(.univer-dark,.univer-dark *){color:var(--univer-gray-400)!important}.univer-pointer-events-none{pointer-events:none}.univer-inset-0{top:0;right:0;bottom:0;left:0}.-univer-bottom-0\.5{bottom:-.125rem}.-univer-left-0\.5{left:-.125rem}.-univer-right-0\.5{right:-.125rem}.-univer-top-0\.5{top:-.125rem}.univer-left-0{left:0}.univer-left-1{left:.25rem}.univer-left-3{left:.75rem}.univer-right-0{right:0}.univer-right-5{right:1.25rem}.univer-top-0{top:0}.univer-top-0\.5{top:.125rem}.univer-z-10{z-index:10}.univer-z-\[1001\]{z-index:1001}.univer-z-\[100\]{z-index:100}.univer-mx-1{margin-left:.25rem;margin-right:.25rem}.univer-my-1\.5{margin-top:.375rem;margin-bottom:.375rem}.univer-mb-1\.5{margin-bottom:.375rem}.univer-mb-3{margin-bottom:.75rem}.univer-mb-4{margin-bottom:1rem}.univer-ml-1{margin-left:.25rem}.univer-ml-1\.5{margin-left:.375rem}.univer-ml-3{margin-left:.75rem}.univer-ml-6{margin-left:1.5rem}.univer-ml-px{margin-left:1px}.univer-mr-1\.5{margin-right:.375rem}.univer-mr-2{margin-right:.5rem}.univer-mr-5{margin-right:1.25rem}.univer-mt-4{margin-top:1rem}.univer-mt-auto{margin-top:auto}.univer-size-0{width:0px;height:0px}.univer-size-10{width:2.5rem;height:2.5rem}.univer-size-4{width:1rem;height:1rem}.univer-size-6{width:1.5rem;height:1.5rem}.univer-h-0\.5{height:.125rem}.univer-h-20{height:5rem}.univer-h-4{height:1rem}.univer-h-5{height:1.25rem}.univer-h-60{height:15rem}.univer-h-7{height:1.75rem}.univer-h-8{height:2rem}.univer-h-9{height:2.25rem}.univer-h-\[270px\]{height:270px}.univer-h-\[30px\]{height:30px}.univer-h-\[calc\(100\%-16px\)\]{height:calc(100% - 16px)}.univer-h-\[calc\(100\%-8px\)\]{height:calc(100% - 8px)}.univer-h-px{height:1px}.univer-max-h-52{max-height:13rem}.univer-max-h-\[100px\]{max-height:100px}.univer-max-h-\[360px\]{max-height:360px}.\!univer-w-\[90px\]{width:90px!important}.univer-w-16{width:4rem}.univer-w-20{width:5rem}.univer-w-24{width:6rem}.univer-w-4{width:1rem}.univer-w-5{width:1.25rem}.univer-w-60{width:15rem}.univer-w-\[100px\]{width:100px}.univer-w-\[130px\]{width:130px}.univer-w-\[156px\]{width:156px}.univer-w-\[300px\]{width:300px}.univer-w-\[50\%\]{width:50%}.univer-w-fit{width:-moz-fit-content;width:fit-content}.univer-min-w-0{min-width:0px}.univer-min-w-12{min-width:3rem}.univer-max-w-32{max-width:8rem}.univer-max-w-64{max-width:16rem}.univer-max-w-\[120px\]{max-width:120px}.univer-max-w-\[190px\]{max-width:190px}.univer-max-w-\[200px\]{max-width:200px}.univer-max-w-\[calc\(100\%-112px\)\]{max-width:calc(100% - 112px)}.univer-max-w-fit{max-width:-moz-fit-content;max-width:fit-content}.univer-flex-shrink-0,.univer-shrink-0{flex-shrink:0}.univer-flex-grow{flex-grow:1}.univer-flex-grow-0{flex-grow:0}.univer-rotate-180{--univer-tw-rotate: 180deg;transform:translate(var(--univer-tw-translate-x),var(--univer-tw-translate-y)) rotate(180deg) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));transform:translate(var(--univer-tw-translate-x),var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y))}@keyframes univer-spin{to{transform:rotate(360deg)}}.univer-animate-spin{animation:univer-spin 1s linear infinite}.univer-cursor-default{cursor:default}.univer-cursor-not-allowed{cursor:not-allowed}.univer-appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.univer-grid-flow-col{grid-auto-flow:column}.univer-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.univer-grid-cols-\[1fr\,auto\,auto\,auto\]{grid-template-columns:1fr auto auto auto}.univer-flex-row{flex-direction:row}.univer-flex-row-reverse{flex-direction:row-reverse}.univer-flex-nowrap{flex-wrap:nowrap}.univer-gap-1{gap:.25rem}.univer-gap-7{gap:1.75rem}.univer-gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.univer-space-y-2>:not([hidden])~:not([hidden]){--univer-tw-space-y-reverse: 0;margin-top:calc(.5rem * (1 - var(--univer-tw-space-y-reverse)));margin-top:.5rem;margin-top:calc(.5rem * calc(1 - var(--univer-tw-space-y-reverse)));margin-bottom:0rem;margin-bottom:calc(.5rem * var(--univer-tw-space-y-reverse))}.univer-divide-x-0>:not([hidden])~:not([hidden]){--univer-tw-divide-x-reverse: 0;border-right-width:0px;border-right-width:calc(0px * var(--univer-tw-divide-x-reverse));border-left-width:calc(0px * (1 - var(--univer-tw-divide-x-reverse)));border-left-width:0px;border-left-width:calc(0px * calc(1 - var(--univer-tw-divide-x-reverse)))}.univer-divide-y>:not([hidden])~:not([hidden]){--univer-tw-divide-y-reverse: 0;border-top-width:calc(1px * (1 - var(--univer-tw-divide-y-reverse)));border-top-width:1px;border-top-width:calc(1px * calc(1 - var(--univer-tw-divide-y-reverse)));border-bottom-width:0px;border-bottom-width:calc(1px * var(--univer-tw-divide-y-reverse))}.univer-divide-solid>:not([hidden])~:not([hidden]){border-style:solid}.univer-divide-gray-200>:not([hidden])~:not([hidden]){border-color:var(--univer-gray-200)}.univer-justify-self-center{justify-self:center}.univer-overflow-hidden{overflow:hidden}.univer-overflow-x-scroll{overflow-x:scroll}.univer-rounded-full{border-radius:9999px}.univer-rounded-md{border-radius:.375rem}.univer-rounded-sm{border-radius:.125rem}.univer-border-2{border-width:2px}.univer-border-4{border-width:4px}.univer-border-solid{border-style:solid}.univer-border-none{border-style:none}.univer-border-gray-100{border-color:var(--univer-gray-100)}.univer-border-transparent{border-color:transparent}.univer-border-r-gray-200{border-right-color:var(--univer-gray-200)}.univer-border-t-primary-500{border-top-color:var(--univer-primary-500)}.\!univer-bg-gray-700{background-color:var(--univer-gray-700)!important}.\!univer-bg-slate-600{--univer-tw-bg-opacity: 1 !important;background-color:#475569!important;background-color:rgba(71,85,105,var(--univer-tw-bg-opacity, 1))!important}.univer-bg-blue-500{background-color:var(--univer-blue-500)}.univer-fill-gray-900{fill:var(--univer-gray-900)}.univer-p-1\.5{padding:.375rem}.univer-p-4{padding:1rem}.univer-px-1{padding-left:.25rem;padding-right:.25rem}.univer-px-1\.5{padding-left:.375rem;padding-right:.375rem}.univer-px-3\.5{padding-left:.875rem;padding-right:.875rem}.univer-px-5{padding-left:1.25rem;padding-right:1.25rem}.univer-py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.univer-py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.univer-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.univer-pb-1{padding-bottom:.25rem}.univer-pl-3{padding-left:.75rem}.univer-pl-6{padding-left:1.5rem}.univer-pt-1{padding-top:.25rem}.univer-pt-2{padding-top:.5rem}.univer-font-semibold{font-weight:600}.univer-leading-6{line-height:1.5rem}.univer-leading-7{line-height:1.75rem}.\!univer-text-gray-700{color:var(--univer-gray-700)!important}.\!univer-text-white{color:var(--univer-white)!important}.univer-text-blue-500{color:var(--univer-blue-500)}.univer-text-gray-200{color:var(--univer-gray-200)}.univer-text-gray-300{color:var(--univer-gray-300)}.univer-text-gray-700{color:var(--univer-gray-700)}.univer-text-green-600{color:var(--univer-green-600)}.univer-text-primary-700{color:var(--univer-primary-700)}.univer-text-red-600{color:var(--univer-red-600)}.univer-text-yellow-500{color:var(--univer-yellow-500)}.univer-shadow{--univer-tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--univer-tw-shadow-colored: 0 1px 3px 0 var(--univer-tw-shadow-color), 0 1px 2px -1px var(--univer-tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 1px 3px #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--univer-tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--univer-tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--univer-tw-shadow)}.univer-shadow-lg{--univer-tw-shadow: 0px 4px 6px 0px rgba(30, 40, 77, .05), 0px 10px 15px -3px rgba(30, 40, 77, .1);--univer-tw-shadow-colored: 0px 4px 6px 0px var(--univer-tw-shadow-color), 0px 10px 15px -3px var(--univer-tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 4px 6px #1e284d0d,0 10px 15px -3px #1e284d1a;box-shadow:var(--univer-tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--univer-tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--univer-tw-shadow)}.univer-blur-sm{--univer-tw-blur: blur(4px);filter:blur(4px) var(--univer-tw-brightness) var(--univer-tw-contrast) var(--univer-tw-grayscale) var(--univer-tw-hue-rotate) var(--univer-tw-invert) var(--univer-tw-saturate) var(--univer-tw-sepia) var(--univer-tw-drop-shadow);filter:var(--univer-tw-blur) var(--univer-tw-brightness) var(--univer-tw-contrast) var(--univer-tw-grayscale) var(--univer-tw-hue-rotate) var(--univer-tw-invert) var(--univer-tw-saturate) var(--univer-tw-sepia) var(--univer-tw-drop-shadow)}.univer-backdrop-blur{--univer-tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:blur(8px) var(--univer-tw-backdrop-brightness) var(--univer-tw-backdrop-contrast) var(--univer-tw-backdrop-grayscale) var(--univer-tw-backdrop-hue-rotate) var(--univer-tw-backdrop-invert) var(--univer-tw-backdrop-opacity) var(--univer-tw-backdrop-saturate) var(--univer-tw-backdrop-sepia);backdrop-filter:blur(8px) var(--univer-tw-backdrop-brightness) var(--univer-tw-backdrop-contrast) var(--univer-tw-backdrop-grayscale) var(--univer-tw-backdrop-hue-rotate) var(--univer-tw-backdrop-invert) var(--univer-tw-backdrop-opacity) var(--univer-tw-backdrop-saturate) var(--univer-tw-backdrop-sepia);-webkit-backdrop-filter:var(--univer-tw-backdrop-blur) var(--univer-tw-backdrop-brightness) var(--univer-tw-backdrop-contrast) var(--univer-tw-backdrop-grayscale) var(--univer-tw-backdrop-hue-rotate) var(--univer-tw-backdrop-invert) var(--univer-tw-backdrop-opacity) var(--univer-tw-backdrop-saturate) var(--univer-tw-backdrop-sepia);backdrop-filter:var(--univer-tw-backdrop-blur) var(--univer-tw-backdrop-brightness) var(--univer-tw-backdrop-contrast) var(--univer-tw-backdrop-grayscale) var(--univer-tw-backdrop-hue-rotate) var(--univer-tw-backdrop-invert) var(--univer-tw-backdrop-opacity) var(--univer-tw-backdrop-saturate) var(--univer-tw-backdrop-sepia)}.univer-transition-\[colors\,box-shadow\]{transition-property:colors,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.univer-transition-\[height\]{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.univer-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.univer-duration-200{transition-duration:.2s}.univer-ease-linear{transition-timing-function:linear}.after\:univer-absolute:after{content:var(--univer-tw-content);position:absolute}.after\:univer-right-0:after{content:var(--univer-tw-content);right:0}.after\:univer-top-1\/2:after{content:var(--univer-tw-content);top:50%}.after\:univer-block:after{content:var(--univer-tw-content);display:block}.after\:univer-h-4:after{content:var(--univer-tw-content);height:1rem}.after\:univer-w-px:after{content:var(--univer-tw-content);width:1px}.after\:-univer-translate-y-1\/2:after{content:var(--univer-tw-content);--univer-tw-translate-y: -50%;transform:translate(var(--univer-tw-translate-x),-50%) rotate(var(--univer-tw-rotate)) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));transform:translate(var(--univer-tw-translate-x),var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y))}.after\:univer-bg-gray-200:after{content:var(--univer-tw-content);background-color:var(--univer-gray-200)}.after\:univer-content-\[\"\"\]:after{--univer-tw-content: "";content:"";content:var(--univer-tw-content)}.last\:univer-mb-0:last-child{margin-bottom:0}.univer-group:hover .group-hover\:univer-flex{display:flex}.hover\:univer-border-primary-600:hover{border-color:var(--univer-primary-600)}.hover\:univer-bg-gray-50:hover{background-color:var(--univer-gray-50)}.hover\:univer-bg-transparent:hover{background-color:transparent}.focus\:univer-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.dark\:\!univer-divide-gray-600:where(.univer-dark,.univer-dark *)>:not([hidden])~:not([hidden]){border-color:var(--univer-gray-600)!important}.dark\:\!univer-border-r-gray-700:where(.univer-dark,.univer-dark *){border-right-color:var(--univer-gray-700)!important}.dark\:\!univer-bg-black:where(.univer-dark,.univer-dark *){background-color:var(--univer-black)!important}.dark\:\!univer-bg-gray-700:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-700)!important}.dark\:\!univer-bg-slate-600:where(.univer-dark,.univer-dark *){--univer-tw-bg-opacity: 1 !important;background-color:#475569!important;background-color:rgba(71,85,105,var(--univer-tw-bg-opacity, 1))!important}.dark\:\!univer-fill-white:where(.univer-dark,.univer-dark *){fill:var(--univer-white)!important}.dark\:\!univer-text-gray-700:where(.univer-dark,.univer-dark *){color:var(--univer-gray-700)!important}.dark\:\!univer-text-green-400:where(.univer-dark,.univer-dark *){color:var(--univer-green-400)!important}.dark\:\!univer-text-red-400:where(.univer-dark,.univer-dark *){color:var(--univer-red-400)!important}.dark\:hover\:\!univer-bg-gray-700:hover:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-700)!important}.\[\&\>div\:first-child\]\:univer-px-2\.5>div:first-child{padding-left:.625rem;padding-right:.625rem}.\[\&\>div\]\:univer-h-5>div{height:1.25rem}.\[\&\>div\]\:univer-ring-transparent>div{--univer-tw-ring-color: transparent }.\[\&_canvas\]\:univer-absolute canvas{position:absolute}.univer-absolute{position:absolute}.univer-left-1\.5{left:.375rem}.univer-top-1\/2{top:50%}.univer-z-\[15\]{z-index:15}.univer-m-0{margin:0}.-univer-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}.univer-mx-0{margin-left:0;margin-right:0}.univer-my-1{margin-top:.25rem;margin-bottom:.25rem}.univer-my-2{margin-top:.5rem;margin-bottom:.5rem}.univer-mb-0{margin-bottom:0}.univer-mb-2{margin-bottom:.5rem}.univer-mb-5{margin-bottom:1.25rem}.univer-ml-2{margin-left:.5rem}.univer-ml-4{margin-left:1rem}.univer-mr-0{margin-right:0}.univer-mt-0{margin-top:0}.univer-mt-1{margin-top:.25rem}.univer-mt-2{margin-top:.5rem}.univer-mt-3{margin-top:.75rem}.univer-box-border{box-sizing:border-box}.univer-block{display:block}.univer-inline-flex{display:inline-flex}.univer-h-6{height:1.5rem}.univer-h-\[18px\]{height:18px}.univer-h-\[364px\]{height:364px}.univer-max-h-60{max-height:15rem}.univer-max-h-72{max-height:18rem}.univer-max-h-\[350px\]{max-height:350px}.univer-max-h-\[400px\]{max-height:400px}.univer-w-6{width:1.5rem}.univer-w-\[250px\]{width:250px}.univer-flex-1{flex:1 1 0%}.-univer-translate-y-1\/2{--univer-tw-translate-y: -50%;transform:translate(var(--univer-tw-translate-x),-50%) rotate(var(--univer-tw-rotate)) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));transform:translate(var(--univer-tw-translate-x),var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y))}.univer-cursor-pointer{cursor:pointer}.univer-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.univer-list-none{list-style-type:none}.univer-flex-col{flex-direction:column}.univer-justify-end{justify-content:flex-end}.univer-justify-between{justify-content:space-between}.univer-justify-around{justify-content:space-around}.univer-gap-4{gap:1rem}.univer-overflow-visible{overflow:visible}.univer-overflow-y-auto{overflow-y:auto}.univer-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.univer-whitespace-nowrap{white-space:nowrap}.univer-whitespace-pre-wrap{white-space:pre-wrap}.univer-break-words{word-wrap:break-word}.univer-break-all{word-break:break-all}.univer-rounded-lg{border-radius:.5rem}.univer-rounded-none{border-radius:0}.univer-rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.univer-border{border-width:1px}.univer-border-r-0{border-right-width:0px}.univer-border-gray-600{border-color:var(--univer-gray-600)}.univer-border-primary-600{border-color:var(--univer-primary-600)}.\!univer-bg-gray-600{background-color:var(--univer-gray-600)!important}.univer-bg-gray-200{background-color:var(--univer-gray-200)}.univer-bg-primary-600{background-color:var(--univer-primary-600)}.univer-bg-transparent{background-color:transparent}.univer-p-0{padding:0}.univer-p-0\.5{padding:.125rem}.univer-p-2{padding:.5rem}.univer-p-3{padding:.75rem}.univer-px-2{padding-left:.5rem;padding-right:.5rem}.univer-px-4{padding-left:1rem;padding-right:1rem}.univer-px-6{padding-left:1.5rem;padding-right:1.5rem}.univer-px-7{padding-left:1.75rem;padding-right:1.75rem}.univer-py-1{padding-top:.25rem;padding-bottom:.25rem}.univer-py-3{padding-top:.75rem;padding-bottom:.75rem}.univer-pb-3{padding-bottom:.75rem}.univer-pt-0{padding-top:0}.univer-text-base{font-size:1rem;line-height:1.5rem}.univer-text-xs{font-size:.75rem;line-height:1rem}.univer-font-bold{font-weight:700}.univer-font-medium{font-weight:500}.univer-leading-5{line-height:1.25rem}.univer-leading-\[13px\]{line-height:13px}.univer-text-gray-500{color:var(--univer-gray-500)}.univer-text-primary-500{color:var(--univer-primary-500)}.univer-text-primary-600{color:var(--univer-primary-600)}.univer-text-red-500{color:var(--univer-red-500)}.univer-text-white{color:var(--univer-white)}.univer-shadow-md{--univer-tw-shadow: 0px 1px 6px -2px rgba(30, 40, 77, .08), 0px 2px 6px -1px rgba(30, 40, 77, .1);--univer-tw-shadow-colored: 0px 1px 6px -2px var(--univer-tw-shadow-color), 0px 2px 6px -1px var(--univer-tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 1px 6px -2px #1e284d14,0 2px 6px -1px #1e284d1a;box-shadow:var(--univer-tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--univer-tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--univer-tw-shadow)}.univer-outline-none{outline:2px solid transparent;outline-offset:2px}.univer-ring-1{--univer-tw-ring-offset-shadow: var(--univer-tw-ring-inset) 0 0 0 var(--univer-tw-ring-offset-width) var(--univer-tw-ring-offset-color);--univer-tw-ring-shadow: var(--univer-tw-ring-inset) 0 0 0 calc(1px + var(--univer-tw-ring-offset-width)) var(--univer-tw-ring-color);box-shadow:var(--univer-tw-ring-offset-shadow),var(--univer-tw-ring-shadow),0 0 #0000;box-shadow:var(--univer-tw-ring-offset-shadow),var(--univer-tw-ring-shadow),var(--univer-tw-shadow, 0 0 rgba(0,0,0,0))}.univer-ring-primary-500{--univer-tw-ring-color: var(--univer-primary-500) }.univer-ring-red-500{--univer-tw-ring-color: var(--univer-red-500) }.univer-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:univer-bg-gray-200:hover{background-color:var(--univer-gray-200)}.hover\:univer-bg-gray-300:hover{background-color:var(--univer-gray-300)}.dark\:\!univer-bg-gray-600:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-600)!important}.dark\:\!univer-text-gray-300:where(.univer-dark,.univer-dark *){color:var(--univer-gray-300)!important}.dark\:hover\:\!univer-bg-gray-600:hover:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-600)!important}.univer-relative{position:relative}.univer-mt-2\.5{margin-top:.625rem}.univer-flex{display:flex}.univer-h-full{height:100%}.univer-w-full{width:100%}.univer-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.univer-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.univer-items-center{align-items:center}.univer-justify-center{justify-content:center}.univer-rounded{border-radius:.25rem}.\!univer-bg-gray-800{background-color:var(--univer-gray-800)!important}.\!univer-bg-gray-900{background-color:var(--univer-gray-900)!important}.univer-bg-gray-100{background-color:var(--univer-gray-100)}.univer-bg-white{background-color:var(--univer-white)}.univer-fill-primary-600{fill:var(--univer-primary-600)}.univer-p-1{padding:.25rem}.univer-text-center{text-align:center}.univer-text-gray-900{color:var(--univer-gray-900)}.hover\:univer-bg-gray-100:hover{background-color:var(--univer-gray-100)}.dark\:\!univer-bg-gray-800:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-800)!important}.dark\:\!univer-bg-gray-900:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-900)!important}.dark\:\!univer-text-white:where(.univer-dark,.univer-dark *){color:var(--univer-white)!important}.dark\:hover\:\!univer-bg-gray-800:hover:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-800)!important}.\[\&\>div\]\:univer-grid>div{display:grid}.\[\&\>div\]\:univer-gap-2>div{gap:.5rem}.univer-grid{display:grid}.univer-hidden{display:none}.univer-gap-2{gap:.5rem}.univer-py-2{padding-top:.5rem;padding-bottom:.5rem}.univer-text-sm{font-size:.875rem;line-height:1.25rem}.univer-text-gray-400{color:var(--univer-gray-400)}.univer-text-gray-600{color:var(--univer-gray-600)}.dark\:\!univer-text-gray-200:where(.univer-dark,.univer-dark *){color:var(--univer-gray-200)!important}.file-browser-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.file-browser-modal{background:#f5f7fa;border-radius:16px;width:90%;max-width:700px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a;overflow:hidden}.file-browser-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff}.file-browser-modal-header h3{margin:0;font-size:18px;font-weight:600}.file-browser-modal-close{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.file-browser-modal-close:hover{background:#ffffff4d}.file-browser-toolbar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#e8ecf1;border-bottom:1px solid rgba(0,0,0,.08)}.file-browser-back-btn{background:linear-gradient(145deg,#fff,#e8e8e8);border:none;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#4a5568;transition:all .2s ease;box-shadow:3px 3px 6px #0000001a,-3px -3px 6px #ffffffe6}.file-browser-back-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:4px 4px 8px #0000001f,-4px -4px 8px #fffffff2}.file-browser-back-btn:disabled{opacity:.5;cursor:not-allowed}.file-browser-breadcrumbs{display:flex;align-items:center;gap:4px;flex:1;overflow-x:auto;padding:4px 0}.file-browser-breadcrumbs::-webkit-scrollbar{height:4px}.file-browser-breadcrumbs::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px}.breadcrumb-separator{color:#9ca3af;font-size:10px;flex-shrink:0}.breadcrumb-item{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:none;border-radius:8px;font-size:13px;color:#6b7280;cursor:pointer;transition:all .2s ease;white-space:nowrap}.breadcrumb-item:hover:not(.active){background:#0000000d;color:#374151}.breadcrumb-item.active{background:linear-gradient(145deg,#fff,#f0f0f0);color:#1f2937;font-weight:500;box-shadow:2px 2px 4px #00000014,-2px -2px 4px #ffffffe6}.file-browser-content{flex:1;overflow-y:auto;padding:16px;min-height:300px;max-height:400px;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.5) 0%,transparent 70%),#e8ecf1}.file-browser-loading,.file-browser-error,.file-browser-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:12px;color:#6b7280}.file-browser-loading .spinning{animation:spin 1s linear infinite}.file-browser-error button{padding:8px 16px;background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.file-browser-error button:hover{transform:translateY(-1px)}.file-browser-empty .empty-icon{font-size:48px;color:#d1d5db}.file-browser-list{display:flex;flex-direction:column;gap:8px}.file-browser-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(145deg,#fff,#f5f5f5);border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:3px 3px 6px #00000014,-3px -3px 6px #ffffffe6}.file-browser-item:hover:not(.disabled){transform:translateY(-2px);box-shadow:5px 5px 10px #0000001a,-5px -5px 10px #fffffff2}.file-browser-item.selected{background:linear-gradient(145deg,#dbeafe,#bfdbfe);box-shadow:inset 2px 2px 4px #0000001a,inset -2px -2px 4px #ffffff80}.file-browser-item.disabled{opacity:.5;cursor:not-allowed}.file-browser-icon{font-size:24px;flex-shrink:0}.file-browser-icon.folder{color:#fbbf24}.file-browser-icon.excel{color:#22c55e}.file-browser-icon.file{color:#9ca3af}.file-browser-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.file-browser-item-name{font-size:14px;font-weight:500;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-browser-item-meta{font-size:12px;color:#9ca3af}.file-browser-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#e8ecf1;border-top:1px solid rgba(0,0,0,.08)}.file-browser-hint{font-size:12px;color:#6b7280}.file-browser-actions{display:flex;gap:10px}.file-browser-cancel-btn,.file-browser-confirm-btn{padding:10px 24px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.file-browser-cancel-btn{background:linear-gradient(145deg,#fff,#e8e8e8);border:none;color:#4a5568;box-shadow:3px 3px 6px #0000001a,-3px -3px 6px #ffffffe6}.file-browser-cancel-btn:hover{transform:translateY(-1px)}.file-browser-confirm-btn{background:linear-gradient(135deg,#60a5fa,#3b82f6);border:none;color:#fff;box-shadow:3px 3px 6px #3b82f64d,-3px -3px 6px #ffffff1a}.file-browser-confirm-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:5px 5px 10px #3b82f666,-3px -3px 6px #ffffff1a}.file-browser-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.coop-console[data-console-theme=dark] .file-browser-modal{background:#1e2028}.coop-console[data-console-theme=dark] .file-browser-toolbar{background:#252830;border-bottom-color:#ffffff0d}.coop-console[data-console-theme=dark] .file-browser-back-btn{background:linear-gradient(145deg,#2d3039,#252830);color:#9ca3af;box-shadow:3px 3px 6px #0000004d,-3px -3px 6px #ffffff08}.coop-console[data-console-theme=dark] .breadcrumb-item{color:#9ca3af}.coop-console[data-console-theme=dark] .breadcrumb-item:hover:not(.active){background:#ffffff0d;color:#e5e7eb}.coop-console[data-console-theme=dark] .breadcrumb-item.active{background:linear-gradient(145deg,#2d3039,#252830);color:#f9fafb;box-shadow:2px 2px 4px #0000004d,-2px -2px 4px #ffffff08}.coop-console[data-console-theme=dark] .file-browser-content{background:radial-gradient(circle at 50% 50%,rgba(50,55,70,.3) 0%,transparent 70%),#1b1d23}.coop-console[data-console-theme=dark] .file-browser-item{background:linear-gradient(145deg,#2d3039,#252830);box-shadow:3px 3px 6px #0000004d,-3px -3px 6px #ffffff08}.coop-console[data-console-theme=dark] .file-browser-item.selected{background:linear-gradient(145deg,#1e3a5f,#1e40af)}.coop-console[data-console-theme=dark] .file-browser-item-name{color:#f9fafb}.coop-console[data-console-theme=dark] .file-browser-modal-footer{background:#252830;border-top-color:#ffffff0d}.coop-console[data-console-theme=dark] .file-browser-cancel-btn{background:linear-gradient(145deg,#2d3039,#252830);color:#9ca3af;box-shadow:3px 3px 6px #0000004d,-3px -3px 6px #ffffff08}.file-save-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.file-save-modal{background:#f5f7fa;border-radius:16px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a;overflow:hidden}.file-save-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(145deg,#22c55e,#16a34a);color:#fff}.file-save-modal-header h3{margin:0;font-size:18px;font-weight:600}.file-save-modal-close{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.file-save-modal-close:hover:not(:disabled){background:#ffffff4d}.file-save-modal-close:disabled{opacity:.5;cursor:not-allowed}.file-save-toolbar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#e8ecf1;border-bottom:1px solid rgba(0,0,0,.08)}.file-save-back-btn{background:linear-gradient(145deg,#fff,#e8e8e8);border:none;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#4a5568;transition:all .2s ease;box-shadow:3px 3px 6px #0000001a,-3px -3px 6px #ffffffe6}.file-save-back-btn:hover:not(:disabled){transform:translateY(-1px)}.file-save-back-btn:disabled{opacity:.5;cursor:not-allowed}.file-save-breadcrumbs{display:flex;align-items:center;gap:4px;flex:1;overflow-x:auto;padding:4px 0}.file-save-breadcrumbs .breadcrumb-separator{color:#9ca3af;font-size:10px;flex-shrink:0}.file-save-breadcrumbs .breadcrumb-item{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:none;border-radius:8px;font-size:13px;color:#6b7280;cursor:pointer;transition:all .2s ease;white-space:nowrap}.file-save-breadcrumbs .breadcrumb-item:hover:not(.active):not(:disabled){background:#0000000d;color:#374151}.file-save-breadcrumbs .breadcrumb-item.active{background:linear-gradient(145deg,#fff,#f0f0f0);color:#1f2937;font-weight:500;box-shadow:2px 2px 4px #00000014,-2px -2px 4px #ffffffe6}.file-save-content{flex:1;overflow-y:auto;padding:16px;min-height:200px;max-height:250px;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.5) 0%,transparent 70%),#e8ecf1}.file-save-loading,.file-save-error,.file-save-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:150px;gap:12px;color:#6b7280;text-align:center}.file-save-loading .spinning{animation:spin 1s linear infinite}.file-save-error button{padding:8px 16px;background:linear-gradient(145deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:8px;cursor:pointer}.file-save-empty .empty-icon{font-size:40px;color:#d1d5db}.file-save-empty-hint{font-size:12px;color:#9ca3af}.file-save-list{display:flex;flex-direction:column;gap:8px}.file-save-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(145deg,#fff,#f5f5f5);border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:3px 3px 6px #00000014,-3px -3px 6px #ffffffe6}.file-save-item:hover{transform:translateY(-2px);box-shadow:5px 5px 10px #0000001a,-5px -5px 10px #fffffff2}.file-save-icon{font-size:20px;flex-shrink:0}.file-save-icon.folder{color:#fbbf24}.file-save-item-name{font-size:14px;font-weight:500;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-save-filename-section{padding:16px 20px;background:#e8ecf1;border-top:1px solid rgba(0,0,0,.08)}.file-save-filename-section label{display:block;font-size:13px;font-weight:500;color:#4a5568;margin-bottom:8px}.file-save-filename-section input{width:100%;padding:12px 16px;border:none;border-radius:10px;font-size:14px;background:linear-gradient(145deg,#fff,#f5f5f5);box-shadow:inset 2px 2px 4px #00000014,inset -2px -2px 4px #ffffffe6;transition:all .2s ease}.file-save-filename-section input:focus{outline:none;box-shadow:inset 2px 2px 4px #0000001a,inset -2px -2px 4px #fffffff2,0 0 0 2px #22c55e4d}.file-save-filename-section input:disabled{opacity:.6;cursor:not-allowed}.file-save-filename-hint{display:block;font-size:11px;color:#9ca3af;margin-top:6px}.file-save-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#e8ecf1;border-top:1px solid rgba(0,0,0,.08)}.file-save-location{font-size:13px;color:#6b7280}.file-save-location strong{color:#1f2937}.file-save-actions{display:flex;gap:10px}.file-save-cancel-btn,.file-save-confirm-btn{display:flex;align-items:center;gap:8px;padding:10px 24px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.file-save-cancel-btn{background:linear-gradient(145deg,#fff,#e8e8e8);border:none;color:#4a5568;box-shadow:3px 3px 6px #0000001a,-3px -3px 6px #ffffffe6}.file-save-cancel-btn:hover:not(:disabled){transform:translateY(-1px)}.file-save-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.file-save-confirm-btn{background:linear-gradient(145deg,#22c55e,#16a34a);border:none;color:#fff;box-shadow:3px 3px 6px #22c55e4d,-3px -3px 6px #ffffff1a}.file-save-confirm-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:5px 5px 10px #22c55e66,-3px -3px 6px #ffffff1a}.file-save-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.file-save-confirm-btn .spinning{animation:spin 1s linear infinite}.coop-console[data-console-theme=dark] .file-save-modal{background:#1e2028}.coop-console[data-console-theme=dark] .file-save-toolbar{background:#252830;border-bottom-color:#ffffff0d}.coop-console[data-console-theme=dark] .file-save-back-btn{background:linear-gradient(145deg,#2d3039,#252830);color:#9ca3af;box-shadow:3px 3px 6px #0000004d,-3px -3px 6px #ffffff08}.coop-console[data-console-theme=dark] .file-save-breadcrumbs .breadcrumb-item{color:#9ca3af}.coop-console[data-console-theme=dark] .file-save-breadcrumbs .breadcrumb-item.active{background:linear-gradient(145deg,#2d3039,#252830);color:#f9fafb}.coop-console[data-console-theme=dark] .file-save-content{background:radial-gradient(circle at 50% 50%,rgba(50,55,70,.3) 0%,transparent 70%),#1b1d23}.coop-console[data-console-theme=dark] .file-save-item{background:linear-gradient(145deg,#2d3039,#252830);box-shadow:3px 3px 6px #0000004d,-3px -3px 6px #ffffff08}.coop-console[data-console-theme=dark] .file-save-item-name{color:#f9fafb}.coop-console[data-console-theme=dark] .file-save-filename-section{background:#252830;border-top-color:#ffffff0d}.coop-console[data-console-theme=dark] .file-save-filename-section label{color:#9ca3af}.coop-console[data-console-theme=dark] .file-save-filename-section input{background:linear-gradient(145deg,#2d3039,#252830);color:#f9fafb;box-shadow:inset 2px 2px 4px #0000004d,inset -2px -2px 4px #ffffff08}.coop-console[data-console-theme=dark] .file-save-filename-section input:focus{box-shadow:inset 2px 2px 4px #0000004d,inset -2px -2px 4px #ffffff08,0 0 0 2px #22c55e66}.coop-console[data-console-theme=dark] .file-save-modal-footer{background:#252830;border-top-color:#ffffff0d}.coop-console[data-console-theme=dark] .file-save-location{color:#9ca3af}.coop-console[data-console-theme=dark] .file-save-location strong{color:#f9fafb}.coop-console[data-console-theme=dark] .file-save-cancel-btn{background:linear-gradient(145deg,#2d3039,#252830);color:#9ca3af;box-shadow:3px 3px 6px #0000004d,-3px -3px 6px #ffffff08}.console-documents{display:flex;flex-direction:column;height:100%;background:var(--console-bg-primary);border-radius:12px}.console-documents-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--console-border);background:var(--console-bg-secondary);border-radius:12px}.console-documents-title-area{display:flex;align-items:center;gap:8px}.console-documents-title{margin:0;font-size:18px;font-weight:600;color:var(--console-text-primary)}.console-documents-dropdown{position:relative}.console-documents-dropdown-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:var(--console-text-secondary);cursor:pointer;transition:all .2s ease}.console-documents-dropdown-toggle:hover{background:var(--console-bg-tertiary, rgba(0, 0, 0, .05));color:var(--console-text-primary)}.console-documents-dropdown-toggle svg{width:12px;height:12px}.console-documents-dropdown-menu{position:absolute;top:100%;left:0;margin-top:4px;min-width:180px;background:var(--console-bg-primary, #fff);border:1px solid var(--console-border);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;padding:4px 0;animation:console-documents-dropdown-fade .15s ease}@keyframes console-documents-dropdown-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.console-documents-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:none;color:var(--console-text-primary);font-size:14px;text-align:left;cursor:pointer;transition:background .15s ease}.console-documents-dropdown-item:hover{background:var(--console-bg-secondary, #f5f5f5)}.console-documents-dropdown-item:disabled{opacity:.4;cursor:not-allowed}.console-documents-dropdown-item:disabled:hover{background:none}.console-documents-dropdown-item svg{width:14px;height:14px;color:var(--console-text-secondary);flex-shrink:0}.console-documents-dropdown-item.has-submenu{position:relative;justify-content:flex-start}.console-documents-dropdown-item.has-submenu .submenu-arrow{margin-left:auto;width:10px;height:10px}.console-documents-submenu{position:absolute;left:100%;top:0;min-width:160px;background:var(--console-bg-primary, #fff);border:1px solid var(--console-border);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1001;padding:4px 0;margin-left:2px}.console-documents-submenu .console-documents-dropdown-item{white-space:nowrap}.console-documents-dropdown-divider{height:1px;margin:4px 0;background:var(--console-border)}.console-documents-actions{display:flex;gap:12px}.console-documents-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.console-documents-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea4d}.console-documents-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.console-documents-content{flex:1;position:relative;overflow:hidden}.console-documents-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--console-bg-primary, #fff);color:var(--console-text-secondary);z-index:10}.console-documents-spinner{width:40px;height:40px;border:3px solid var(--console-border);border-top-color:#667eea;border-radius:50%;animation:console-documents-spin 1s linear infinite}@keyframes console-documents-spin{to{transform:rotate(360deg)}}.console-documents-filename{font-weight:400;font-size:14px;color:var(--console-text-secondary)}.console-documents-univer-container{width:100%;height:100%}.console-documents-file-select{min-height:200px;max-height:400px;overflow-y:auto}.console-documents-file-select-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px;color:var(--console-text-secondary, #666)}.console-documents-file-select-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px;color:var(--console-text-secondary, #666);text-align:center}.console-documents-file-select-empty p{margin:0;font-size:15px;color:var(--console-text-primary, #333)}.console-documents-file-select-empty small{font-size:13px;opacity:.7}.console-documents-file-list{list-style:none;margin:0;padding:0}.console-documents-file-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;cursor:pointer;transition:background .15s ease}.console-documents-file-item:hover{background:var(--console-bg-secondary, #f5f5f5)}.console-documents-file-item.selected{background:#667eea1a;border:1px solid rgba(102,126,234,.3)}.console-documents-file-icon{width:24px;height:24px;color:#217346;flex-shrink:0}.console-documents-file-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.console-documents-file-name{font-size:14px;font-weight:500;color:var(--console-text-primary, #333);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.console-documents-file-meta{font-size:12px;color:var(--console-text-secondary, #666)}.coop-console[data-console-theme=dark] .console-documents-header{background:#1e1e1e;border-bottom-color:#333}.coop-console[data-console-theme=dark] .console-documents-title{color:#e8eaed}.coop-console[data-console-theme=dark] .console-documents-dropdown-toggle{color:#9aa0a6}.coop-console[data-console-theme=dark] .console-documents-dropdown-toggle:hover{background:#ffffff1a;color:#e8eaed}.coop-console[data-console-theme=dark] .console-documents-dropdown-menu{background:#2d2d2d;border-color:#444;box-shadow:0 4px 12px #0006}.coop-console[data-console-theme=dark] .console-documents-dropdown-item{color:#e8eaed}.coop-console[data-console-theme=dark] .console-documents-dropdown-item:hover{background:#3d3d3d}.coop-console[data-console-theme=dark] .console-documents-dropdown-item svg{color:#9aa0a6}.coop-console[data-console-theme=dark] .console-documents-dropdown-divider{background:#444}.coop-console[data-console-theme=dark] .console-documents-submenu{background:#2d2d2d;border-color:#444;box-shadow:0 4px 12px #0006}.coop-console[data-console-theme=dark] .console-documents-loading-overlay{background:#1e1e1e;color:#9aa0a6}.console-documents-univer-container .univer-container{width:100%!important;height:100%!important}.console-activity{display:flex;flex-direction:column;height:100%;padding:20px}.console-activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-shrink:0}.console-activity-title{font-size:20px;font-weight:600;color:#1e293b;margin:0}.console-activity-controls{display:flex;align-items:center;gap:12px}.console-activity-filter{display:flex;align-items:center;gap:6px;color:#64748b}.console-activity-filter-select{padding:6px 10px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#475569;font-size:13px;cursor:pointer;outline:none}.console-activity-filter-select:focus{border-color:#6366f1}.console-activity-refresh-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:#f1f5f9;color:#64748b;cursor:pointer;transition:all .2s ease}.console-activity-refresh-button:hover:not(:disabled){background:#e2e8f0;color:#475569}.console-activity-refresh-button:disabled{opacity:.5;cursor:not-allowed}.console-activity-refresh-button .spinning{animation:spin 1s linear infinite}.console-activity-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.console-activity-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:#f8fafc;border-radius:8px;transition:background .2s ease}.console-activity-item:hover{background:#f1f5f9}.console-activity-item.failed{background:#ef44440d;border-left:3px solid #ef4444}.console-activity-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:12px;font-weight:600;flex-shrink:0}.console-activity-icon.create{background:#dcfce7;color:#16a34a}.console-activity-icon.delete{background:#fee2e2;color:#dc2626}.console-activity-icon.update{background:#e0e7ff;color:#4f46e5}.console-activity-icon.complete{background:#d1fae5;color:#059669}.console-activity-icon.archive{background:#f5f5f4;color:#78716c}.console-activity-icon.download{background:#e0f2fe;color:#0284c7}.console-activity-icon.default{background:#f1f5f9;color:#64748b}.console-activity-content{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.console-activity-description{font-size:14px;color:#475569;line-height:1.5}.console-activity-description strong{color:#1e293b;font-weight:600}.console-activity-resource{color:#6366f1;font-weight:500}.console-activity-time{font-size:12px;color:#94a3b8}.console-activity-pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding-top:16px;margin-top:16px;border-top:1px solid #e2e8f0;flex-shrink:0}.console-activity-page-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#64748b;cursor:pointer;transition:all .2s ease}.console-activity-page-button:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.console-activity-page-button:disabled{opacity:.5;cursor:not-allowed}.console-activity-page-info{font-size:14px;color:#64748b}.console-activity-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#94a3b8;padding:40px 20px}.console-activity-empty svg{margin-bottom:16px;color:#cbd5e0}.console-activity-empty h3{font-size:18px;font-weight:600;color:#64748b;margin:0 0 8px}.console-activity-empty p{font-size:14px;color:#94a3b8;margin:0}.console-activity-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px}.console-activity-loading-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.console-activity-loading p{font-size:14px;color:#64748b}.console-activity-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px}.console-activity-error p{font-size:14px;color:#ef4444;margin:0 0 16px}.console-activity-retry-button{padding:8px 16px;border:none;border-radius:6px;background:#6366f1;color:#fff;font-size:14px;cursor:pointer;transition:background .2s ease}.console-activity-retry-button:hover{background:#4f46e5}@media (max-width: 768px){.console-activity{padding:16px}.console-activity-header{flex-direction:column;align-items:flex-start;gap:12px}.console-activity-controls{width:100%;justify-content:space-between}.console-activity-item{padding:10px 12px}}.console-settings{display:flex;flex-direction:column;height:100%;background:#f0f0f3;padding:24px;overflow:hidden}.coop-console[data-console-theme=dark] .console-settings{background:#1b1d23}.console-settings-header{margin-bottom:24px}.console-settings-title{font-size:1.5rem;font-weight:600;color:#333;margin:0}.coop-console[data-console-theme=dark] .console-settings-title{color:#e2e8f0}.console-settings-body{display:flex;flex:1;gap:24px;overflow:hidden;background:#e8ecf1;border-radius:16px;box-shadow:6px 6px 12px #a3b1c666,-6px -6px 12px #fffc}.coop-console[data-console-theme=dark] .console-settings-body{background:#22252d;box-shadow:6px 6px 12px #0006,-6px -6px 12px #2d323c33}.console-settings-tabs{width:180px;min-width:180px;padding:20px 12px;display:flex;flex-direction:column;gap:8px;border-right:1px solid rgba(203,213,225,.3);flex-shrink:0}.coop-console[data-console-theme=dark] .console-settings-tabs{border-right:1px solid rgba(100,120,180,.1)}.console-settings-tab{display:flex;align-items:center;gap:8px;padding:12px;background:transparent;border:none;border-radius:10px;cursor:pointer;font-size:.85rem;color:#64748b;transition:all .2s ease;text-align:left;white-space:nowrap}.console-settings-tab svg{flex-shrink:0;width:18px;height:18px}.console-settings-tab:hover:not(.console-settings-tab-disabled){background:#f0f0f3;color:#333}.console-settings-tab-active{background:#f0f0f3;color:#3b82f6;font-weight:500;box-shadow:inset 3px 3px 6px #a3b1c640,inset -3px -3px 6px #ffffff80}.console-settings-tab-disabled{opacity:.5;cursor:not-allowed}.console-settings-tab-soon{font-size:.65rem;background:#cbd5e14d;color:#888;padding:2px 6px;border-radius:4px;margin-left:auto}.coop-console[data-console-theme=dark] .console-settings-tab{color:#9ba1ab}.coop-console[data-console-theme=dark] .console-settings-tab:hover:not(.console-settings-tab-disabled){background:#1b1d23;color:#e2e8f0}.coop-console[data-console-theme=dark] .console-settings-tab-active{background:#1b1d23;color:#60a5fa;box-shadow:inset 3px 3px 6px #0000004d,inset -3px -3px 6px #2d323c26}.coop-console[data-console-theme=dark] .console-settings-tab-soon{background:#6478b433;color:#64748b}.console-settings-content{flex:1;padding:24px;overflow-y:auto}.console-settings-loading{display:flex;align-items:center;justify-content:center;height:200px;color:#888}.console-settings-section{max-width:600px}.console-settings-section-title{font-size:1.1rem;font-weight:600;color:#333;margin:0 0 8px}.coop-console[data-console-theme=dark] .console-settings-section-title{color:#e2e8f0}.console-settings-section-desc{font-size:.85rem;color:#666;margin:0 0 24px;line-height:1.5}.coop-console[data-console-theme=dark] .console-settings-section-desc{color:#9ba1ab}.console-settings-form{display:flex;flex-direction:column;gap:16px}.console-settings-field{display:flex;align-items:center;gap:16px}.console-settings-label{flex:1;display:flex;align-items:center;gap:10px;font-size:.9rem;color:#444}.coop-console[data-console-theme=dark] .console-settings-label{color:#cbd5e1}.console-settings-role-badge{font-size:.7rem;font-weight:600;padding:3px 8px;border-radius:4px;text-transform:uppercase}.console-settings-role-leader{background:#ffeaa7;color:#d68910}.console-settings-role-admin{background:#dfe6e9;color:#636e72}.console-settings-role-member{background:#dfe6fd;color:#4a6cf7}.console-settings-select{width:150px;padding:10px 14px;background:#f0f0f3;border:none;border-radius:10px;font-size:.9rem;color:#333;cursor:pointer;box-shadow:inset 3px 3px 6px #a3b1c640,inset -3px -3px 6px #ffffff80;transition:all .2s ease}.console-settings-select:focus{outline:none;box-shadow:inset 4px 4px 8px #a3b1c64d,inset -4px -4px 8px #fff9}.coop-console[data-console-theme=dark] .console-settings-select{background:#1b1d23;color:#e2e8f0;box-shadow:inset 3px 3px 6px #0000004d,inset -3px -3px 6px #2d323c26}.console-settings-checkbox-field{flex-direction:column;align-items:flex-start;padding:16px;background:#cbd5e133;border-radius:12px;margin-top:8px}.coop-console[data-console-theme=dark] .console-settings-checkbox-field{background:#6478b41a}.console-settings-checkbox-label{display:flex;align-items:center;gap:10px;font-size:.9rem;color:#333;cursor:pointer}.coop-console[data-console-theme=dark] .console-settings-checkbox-label{color:#e2e8f0}.console-settings-checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.console-settings-hint{font-size:.8rem;color:#888;margin:8px 0 0 28px}.coop-console[data-console-theme=dark] .console-settings-hint{color:#64748b}.console-settings-actions{display:flex;align-items:center;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(203,213,225,.3)}.coop-console[data-console-theme=dark] .console-settings-actions{border-top:1px solid rgba(100,120,180,.1)}.console-settings-btn{padding:10px 24px;border:none;border-radius:10px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.console-settings-btn-primary{background:#3b82f6;color:#fff;box-shadow:4px 4px 8px #a3b1c666,-4px -4px 8px #fffc}.console-settings-btn-primary:hover:not(:disabled){background:#2563eb;box-shadow:2px 2px 4px #a3b1c64d,-2px -2px 4px #ffffff80}.console-settings-btn-primary:disabled{opacity:.6;cursor:not-allowed}.coop-console[data-console-theme=dark] .console-settings-btn-primary{box-shadow:4px 4px 8px #0006,-4px -4px 8px #2d323c33}.console-settings-success{font-size:.85rem;color:#10b981}.console-settings-error{font-size:.85rem;color:#ef4444}.console-settings-coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;text-align:center;color:#888}.console-settings-coming-soon-icon{font-size:3rem;margin-bottom:16px}.console-settings-coming-soon h3{font-size:1.1rem;color:#555;margin:0 0 8px}.coop-console[data-console-theme=dark] .console-settings-coming-soon h3{color:#cbd5e1}.console-settings-coming-soon p{font-size:.9rem;color:#888;margin:0}.coop-console[data-console-theme=dark] .console-settings-coming-soon p{color:#64748b}@media (max-width: 768px){.console-settings{padding:16px}.console-settings-body{flex-direction:column}.console-settings-tabs{width:100%;flex-direction:row;overflow-x:auto;padding:12px;border-right:none;border-bottom:1px solid rgba(203,213,225,.3)}.console-settings-tab{flex-shrink:0;padding:10px 12px}.console-settings-field{flex-direction:column;align-items:flex-start}.console-settings-select{width:100%}}.console-ai-chat{height:100%;display:flex;flex-direction:column}.console-ai-chat-container{display:flex;flex-direction:column;height:calc(100vh - 120px);background:linear-gradient(135deg,#1a1d24,#13151a);border-radius:16px;overflow:hidden;box-shadow:0 4px 24px #0000004d,inset 0 1px #ffffff0d}.console-ai-chat-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:100}.console-ai-chat-header-left,.console-ai-chat-logo{display:flex;align-items:center;gap:12px}.console-ai-chat-logo-icon{width:60px;height:60px}.console-ai-chat-logo-text{display:flex;flex-direction:column;gap:0}.console-ai-chat-logo-brand{font-size:18px;font-weight:700;color:#f1f5f9;letter-spacing:.5px;line-height:1.2}.console-ai-chat-logo-name{font-size:14px;font-weight:500;color:#94a3b8;line-height:1.2}.console-ai-chat-help-wrapper{position:relative;margin-left:8px}.console-ai-chat-help-btn{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#60a5fa26,#9333ea26);border:1px solid rgba(96,165,250,.3);cursor:pointer;padding:6px 10px;border-radius:16px;color:#60a5fa;font-size:11px;font-weight:600;gap:4px;transition:all .3s ease;animation:helpBtnPulse 2s ease-in-out infinite;box-shadow:0 0 12px #60a5fa33}.console-ai-chat-help-btn:after{content:"안내";font-size:11px}@keyframes helpBtnPulse{0%,to{box-shadow:0 0 8px #60a5fa33;transform:scale(1)}50%{box-shadow:0 0 16px #60a5fa66,0 0 24px #9333ea33;transform:scale(1.02)}}.console-ai-chat-help-btn:hover{color:#fff;background:linear-gradient(135deg,#60a5fa,#3b82f6);border-color:transparent;animation:none;box-shadow:0 4px 12px #60a5fa66;transform:scale(1.05)}.console-ai-chat-help-tooltip{position:absolute;top:calc(100% + 8px);left:0;width:320px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000040;z-index:9999;overflow:hidden;animation:tooltipFadeIn .2s ease}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.console-ai-chat-help-tooltip-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff}.console-ai-chat-help-tooltip-header span{font-size:13px;font-weight:600}.console-ai-chat-help-tooltip-header button{background:transparent;border:none;color:#fffc;font-size:18px;cursor:pointer;padding:0;line-height:1}.console-ai-chat-help-tooltip-header button:hover{color:#fff}.console-ai-chat-help-tooltip-content{padding:16px;font-size:13px;color:#4a5568;line-height:1.6}.console-ai-chat-help-tooltip-content p{margin:0 0 8px}.console-ai-chat-help-tooltip-content p strong{color:#2d3748;font-size:12px;text-transform:uppercase;letter-spacing:.3px}.console-ai-chat-help-tooltip-content ul{margin:4px 0 12px;padding-left:16px}.console-ai-chat-help-tooltip-content li{margin-bottom:4px;color:#718096}.console-ai-chat-help-tooltip-content a{color:#3b82f6;text-decoration:none;font-weight:500}.console-ai-chat-help-tooltip-content a:hover{text-decoration:underline}.console-ai-chat-header-actions{display:flex;align-items:center;gap:12px}.console-ai-chat-token-indicator{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff0d;border-radius:20px;font-size:12px;color:#94a3b8}.console-ai-chat-token-indicator svg{color:#fbbf24}.console-ai-chat-session-tokens{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#fbbf241a;border:1px solid rgba(251,191,36,.2);border-radius:12px;animation:tokensFadeIn .3s ease}@keyframes tokensFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.console-ai-chat-session-tokens svg{color:#fbbf24;font-size:14px;flex-shrink:0}.console-ai-chat-session-tokens-detail{display:flex;flex-direction:column;gap:2px}.console-ai-chat-tokens-total{font-size:13px;font-weight:600;color:#fbbf24;line-height:1.2}.console-ai-chat-tokens-breakdown{font-size:10px;color:#94a3b8;line-height:1.2}.console-ai-chat-action-btn{width:36px;height:36px;border-radius:10px;border:none;background:#ffffff0d;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.console-ai-chat-action-btn:hover{background:#ffffff1a;color:#f1f5f9}.console-ai-chat-messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px;position:relative;z-index:1;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.console-ai-chat-messages::-webkit-scrollbar{width:6px}.console-ai-chat-messages::-webkit-scrollbar-track{background:transparent}.console-ai-chat-messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.console-ai-chat-messages::-webkit-scrollbar-thumb:hover{background:#fff3}.console-ai-chat-welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;animation:fadeIn .5s ease;user-select:text;-webkit-user-select:text}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.console-ai-chat-welcome-icon{width:250px;height:250px;border-radius:40px;background:transparent;display:flex;align-items:center;justify-content:center;margin-bottom:32px;overflow:hidden}.console-ai-chat-welcome-icon img{width:100%;height:100%;object-fit:contain}.console-ai-chat-welcome h3{margin:0 0 12px;font-size:22px;font-weight:600;color:#f1f5f9}.console-ai-chat-welcome p{margin:0 0 16px;font-size:14px;color:#94a3b8;max-width:400px}.console-ai-chat-dev-notice{display:flex;align-items:center;gap:10px;padding:12px 18px;margin-bottom:24px;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:12px;max-width:450px}.console-ai-chat-dev-notice svg{color:#fbbf24;font-size:18px;flex-shrink:0}.console-ai-chat-dev-notice span{font-size:13px;color:#fbbf24;line-height:1.5}.console-ai-chat-suggestions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.console-ai-chat-suggestions button{padding:10px 16px;border-radius:20px;border:1px solid rgba(99,102,241,.3);background:#6366f11a;color:#a5b4fc;font-size:13px;cursor:pointer;transition:all .2s ease}.console-ai-chat-suggestions button:hover{background:#6366f133;border-color:#6366f180;transform:translateY(-2px)}.console-ai-chat-history-divider{display:flex;align-items:center;gap:16px;margin:24px 0 20px;padding:0 20px}.console-ai-chat-history-divider:before,.console-ai-chat-history-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(148,163,184,.3),transparent)}.console-ai-chat-history-divider span{font-size:12px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.console-ai-chat-message{display:flex;gap:12px;animation:messageSlide .3s ease}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.console-ai-chat-message.user{flex-direction:row-reverse}.console-ai-chat-message-avatar{flex-shrink:0;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px}.console-ai-chat-message.user .console-ai-chat-message-avatar{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.console-ai-chat-message.assistant .console-ai-chat-message-avatar{background:transparent;overflow:hidden}.console-ai-chat-message-avatar img{width:100%;height:100%;object-fit:contain}.console-ai-chat-message-content{max-width:75%;user-select:text;-webkit-user-select:text}.console-ai-chat-message.user .console-ai-chat-message-content{text-align:right}.console-ai-chat-message-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.console-ai-chat-message.user .console-ai-chat-message-header{flex-direction:row-reverse}.console-ai-chat-message-sender{font-size:13px;font-weight:600;color:#e2e8f0}.console-ai-chat-message-time{font-size:11px;color:#64748b}.console-ai-chat-message-body{display:inline-block;padding:14px 18px;border-radius:16px;font-size:14px;line-height:1.6;text-align:left}.console-ai-chat-message.user .console-ai-chat-message-body{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-bottom-right-radius:4px}.console-ai-chat-message.assistant .console-ai-chat-message-body{background:#ffffff0d;color:#e2e8f0;border:1px solid rgba(255,255,255,.08);border-bottom-left-radius:4px}.console-ai-chat,.console-ai-chat *,.console-ai-chat-message-body,.console-ai-chat-message-body *{user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important}.console-ai-chat-message-body{cursor:text}.console-ai-chat-message-body p{margin:0}.console-ai-chat-message-body p+p{margin-top:12px}.console-ai-chat-message.assistant .console-ai-chat-message-body h1,.console-ai-chat-message.assistant .console-ai-chat-message-body h2,.console-ai-chat-message.assistant .console-ai-chat-message-body h3{color:#f1f5f9;margin:16px 0 8px}.console-ai-chat-message.assistant .console-ai-chat-message-body h1:first-child,.console-ai-chat-message.assistant .console-ai-chat-message-body h2:first-child,.console-ai-chat-message.assistant .console-ai-chat-message-body h3:first-child{margin-top:0}.console-ai-chat-message.assistant .console-ai-chat-message-body code{background:#0000004d;padding:2px 6px;border-radius:4px;font-family:Monaco,Consolas,monospace;font-size:13px;color:#f472b6}.console-ai-chat-code-block{margin:12px 0;border-radius:8px;overflow:hidden;background:#0006}.console-ai-chat-code-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1)}.console-ai-chat-code-language{font-size:11px;font-weight:500;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.console-ai-chat-code-copy-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;border:none;border-radius:4px;background:#ffffff1a;color:#94a3b8;font-size:11px;cursor:pointer;transition:all .2s ease}.console-ai-chat-code-copy-btn:hover{background:#fff3;color:#e2e8f0}.console-ai-chat-code-copy-btn svg{font-size:12px}.console-ai-chat-code-block pre{margin:0;padding:16px;overflow-x:auto}.console-ai-chat-code-block pre code{background:transparent;padding:0;color:#e2e8f0;font-family:Monaco,Consolas,monospace;font-size:13px}.console-ai-chat-message.assistant .console-ai-chat-message-body pre{background:#0006;padding:16px;border-radius:8px;overflow-x:auto;margin:12px 0}.console-ai-chat-message.assistant .console-ai-chat-message-body pre code{background:transparent;padding:0;color:#e2e8f0}.console-ai-chat-message-body-wrapper{position:relative;display:flex;align-items:flex-start;gap:8px}.console-ai-chat-message-copy-btn{flex-shrink:0;width:28px;height:28px;margin-top:4px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:#ffffff0d;color:#64748b;cursor:pointer;transition:all .2s ease;opacity:0}.console-ai-chat-message:hover .console-ai-chat-message-copy-btn{opacity:1}.console-ai-chat-message-copy-btn:hover{background:#ffffff26;color:#e2e8f0}.console-ai-chat-message-copy-btn svg{font-size:14px}.console-ai-chat-message.assistant .console-ai-chat-message-body ul,.console-ai-chat-message.assistant .console-ai-chat-message-body ol{margin:8px 0;padding-left:20px}.console-ai-chat-message.assistant .console-ai-chat-message-body li{margin:4px 0}.console-ai-chat-message.assistant .console-ai-chat-message-body a{color:#60a5fa;text-decoration:none}.console-ai-chat-message.assistant .console-ai-chat-message-body a:hover{text-decoration:underline}.console-ai-chat-message.assistant .console-ai-chat-message-body blockquote{border-left:3px solid #6366f1;margin:12px 0;padding-left:16px;color:#94a3b8}.console-ai-chat-typing-indicator{display:inline-flex;gap:4px;padding:4px 0}.console-ai-chat-typing-indicator span{width:6px;height:6px;border-radius:50%;background:#6366f1;animation:typing 1.4s infinite ease-in-out both}.console-ai-chat-typing-indicator span:nth-child(1){animation-delay:-.32s}.console-ai-chat-typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.console-ai-chat-message-meta{margin-top:8px}.console-ai-chat-intent-badge{display:inline-block;padding:4px 10px;border-radius:12px;background:#6366f126;color:#a5b4fc;font-size:11px;font-weight:500}.console-ai-chat-error{display:flex;align-items:center;gap:10px;padding:12px 20px;margin:0 24px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#fca5a5;font-size:13px}.console-ai-chat-error svg{flex-shrink:0;color:#ef4444}.console-ai-chat-error span{flex:1}.console-ai-chat-error button{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;border:none;background:#ef444433;color:#fca5a5;font-size:12px;cursor:pointer;transition:all .2s ease}.console-ai-chat-error button:hover{background:#ef44444d}.console-ai-chat-input-area{padding:16px 24px 20px;background:#ffffff05;border-top:1px solid rgba(255,255,255,.08)}.console-ai-chat-input-wrapper{display:flex;align-items:center;gap:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:8px 12px;transition:all .2s ease}.console-ai-chat-input-wrapper:focus-within{border-color:#6366f180;box-shadow:0 0 0 3px #6366f11a}.console-ai-chat-input-wrapper textarea{flex:1;border:none;background:transparent;color:#f1f5f9;font-size:14px;line-height:1.5;resize:none;outline:none;max-height:150px;font-family:inherit}.console-ai-chat-input-wrapper textarea::placeholder{color:#64748b}.console-ai-chat-send-btn{width:36px;height:36px;border-radius:10px;border:none;background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s ease;flex-shrink:0}.console-ai-chat-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #3b82f666}.console-ai-chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.console-ai-chat-stop-btn{padding:10px 20px;border-radius:12px;border:none;background:#ef444433;color:#fca5a5;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;flex-shrink:0}.console-ai-chat-stop-btn:hover{background:#ef44444d}.console-ai-chat-input-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:0 4px}.console-ai-chat-input-hint{font-size:11px;color:#64748b}.console-ai-chat-powered-by{font-size:11px;color:#4b5563}.console-ai-chat-powered-by span{background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}[data-console-theme=bright] .console-ai-chat-container{background:linear-gradient(135deg,#ffffffe6,#f8fafcf2);border:1px solid rgba(226,232,240,.6);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008,inset 0 1px #ffffffb3}[data-console-theme=bright] .console-ai-chat-header{background:#ffffffb3;border-bottom-color:#00000014}[data-console-theme=bright] .console-ai-chat-logo-brand{color:#4a5565}[data-console-theme=bright] .console-ai-chat-logo-name{color:#718096}[data-console-theme=bright] .console-ai-chat-token-indicator,[data-console-theme=bright] .console-ai-chat-action-btn{background:#0000000d;color:#64748b}[data-console-theme=bright] .console-ai-chat-action-btn:hover{background:#0000001a;color:#1e293b}[data-console-theme=bright] .console-ai-chat-messages::-webkit-scrollbar-thumb{background:#0000001a}[data-console-theme=bright] .console-ai-chat-welcome h3{color:#1e293b}[data-console-theme=bright] .console-ai-chat-welcome p{color:#64748b}[data-console-theme=bright] .console-ai-chat-dev-notice{background:#d9770614;border-color:#d977064d}[data-console-theme=bright] .console-ai-chat-dev-notice svg{color:#d97706}[data-console-theme=bright] .console-ai-chat-dev-notice span{color:#b45309}[data-console-theme=bright] .console-ai-chat-suggestions button{background:#6366f114;border-color:#6366f133;color:#6366f1}[data-console-theme=bright] .console-ai-chat-suggestions button:hover{background:#6366f126}[data-console-theme=bright] .console-ai-chat-history-divider:before,[data-console-theme=bright] .console-ai-chat-history-divider:after{background:linear-gradient(90deg,transparent,rgba(100,116,139,.3),transparent)}[data-console-theme=bright] .console-ai-chat-history-divider span{color:#94a3b8}[data-console-theme=bright] .console-ai-chat-message-sender{color:#1e293b}[data-console-theme=bright] .console-ai-chat-message-time{color:#94a3b8}[data-console-theme=bright] .console-ai-chat-message.assistant .console-ai-chat-message-body{background:#fff;color:#334155;border-color:#00000014;box-shadow:0 2px 8px #0000000d}[data-console-theme=bright] .console-ai-chat-message.assistant .console-ai-chat-message-body h1,[data-console-theme=bright] .console-ai-chat-message.assistant .console-ai-chat-message-body h2,[data-console-theme=bright] .console-ai-chat-message.assistant .console-ai-chat-message-body h3{color:#1e293b}[data-console-theme=bright] .console-ai-chat-message.assistant .console-ai-chat-message-body code{background:#0000000d;color:#c026d3}[data-console-theme=bright] .console-ai-chat-message.assistant .console-ai-chat-message-body pre{background:#1e293b}[data-console-theme=bright] .console-ai-chat-message.assistant .console-ai-chat-message-body pre code{color:#e2e8f0}[data-console-theme=bright] .console-ai-chat-message.assistant .console-ai-chat-message-body blockquote{color:#64748b}[data-console-theme=bright] .console-ai-chat-code-block{background:#1e293b}[data-console-theme=bright] .console-ai-chat-code-header{background:#0f172a;border-bottom-color:#ffffff1a}[data-console-theme=bright] .console-ai-chat-code-language{color:#94a3b8}[data-console-theme=bright] .console-ai-chat-code-copy-btn{background:#ffffff1a;color:#94a3b8}[data-console-theme=bright] .console-ai-chat-code-copy-btn:hover{background:#fff3;color:#e2e8f0}[data-console-theme=bright] .console-ai-chat-message-copy-btn{background:#0000000d;color:#94a3b8}[data-console-theme=bright] .console-ai-chat-message-copy-btn:hover{background:#0000001a;color:#475569}[data-console-theme=bright] .console-ai-chat-input-area{background:#ffffff80;border-top-color:#00000014}[data-console-theme=bright] .console-ai-chat-input-wrapper{background:#fff;border-color:#0000001a;box-shadow:0 2px 8px #0000000d}[data-console-theme=bright] .console-ai-chat-input-wrapper textarea{color:#1e293b}[data-console-theme=bright] .console-ai-chat-input-wrapper textarea::placeholder{color:#94a3b8}[data-console-theme=bright] .console-ai-chat-input-hint{color:#94a3b8}[data-console-theme=bright] .console-ai-chat-powered-by{color:#64748b}.console-ai-chat-load-more{display:flex;justify-content:center;padding:12px 0;margin-bottom:8px}.console-ai-chat-load-more-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#94a3b8;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.console-ai-chat-load-more-btn:hover:not(:disabled){background:#ffffff1a;color:#e2e8f0;border-color:#fff3}.console-ai-chat-load-more-btn:disabled{cursor:not-allowed;opacity:.7}.console-ai-chat-load-more-btn svg{width:16px;height:16px}.console-ai-chat-loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-console-theme=bright] .console-ai-chat-help-btn{background:linear-gradient(135deg,#3b82f61a,#9333ea1a);border-color:#3b82f640;color:#3b82f6}[data-console-theme=bright] .console-ai-chat-help-btn:hover{color:#fff;background:linear-gradient(135deg,#60a5fa,#3b82f6)}[data-console-theme=bright] .console-ai-chat-load-more-btn{background:#00000008;border-color:#0000001a;color:#64748b}[data-console-theme=bright] .console-ai-chat-load-more-btn:hover:not(:disabled){background:#0000000f;color:#334155;border-color:#00000026}.console-ai-chat-user-tokens{display:flex;flex-direction:column;gap:4px;padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;min-width:140px}.console-ai-chat-user-tokens-info{display:flex;align-items:center;gap:6px;font-size:11px}.console-ai-chat-user-tokens-label{color:#94a3b8;font-weight:500}.console-ai-chat-user-tokens-value{color:#e2e8f0;font-weight:600;font-family:SF Mono,Monaco,Consolas,monospace;font-size:10px}.console-ai-chat-user-tokens-bar{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.console-ai-chat-user-tokens-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:2px;transition:width .3s ease,background .3s ease}.console-ai-chat-user-tokens-fill.warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.console-ai-chat-user-tokens-fill.danger{background:linear-gradient(90deg,#ef4444,#f87171)}[data-console-theme=bright] .console-ai-chat-user-tokens{background:#00000008;border-color:#00000014}[data-console-theme=bright] .console-ai-chat-user-tokens-label{color:#64748b}[data-console-theme=bright] .console-ai-chat-user-tokens-value{color:#334155}[data-console-theme=bright] .console-ai-chat-user-tokens-bar{background:#00000014}@media (max-width: 768px){.console-ai-chat-container{border-radius:0;height:calc(100vh - 100px)}.console-ai-chat-header{padding:12px 16px}.console-ai-chat-messages{padding:16px}.console-ai-chat-message-content{max-width:85%;min-width:150px}.console-ai-chat-welcome{padding:24px}.console-ai-chat-suggestions{flex-direction:column}.console-ai-chat-input-area{padding:12px 16px 16px}}.console-ai-chat-token-warning{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:linear-gradient(135deg,#fbbf2426,#f59e0b26);border-bottom:1px solid rgba(251,191,36,.3);animation:warningSlideIn .3s ease}@keyframes warningSlideIn{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.console-ai-chat-token-warning-content{display:flex;align-items:center;gap:8px;color:#fbbf24;font-size:13px;font-weight:500}.console-ai-chat-token-warning-content svg{flex-shrink:0;width:16px;height:16px}.console-ai-chat-token-warning-usage{color:#f59e0b;font-weight:600}.console-ai-chat-token-warning-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;color:#fbbf24;font-size:18px;cursor:pointer;border-radius:4px;transition:all .2s ease}.console-ai-chat-token-warning-close:hover{background:#fbbf2433;color:#f59e0b}[data-console-theme=bright] .console-ai-chat-token-warning{background:linear-gradient(135deg,#fbbf241a,#f59e0b1a);border-bottom-color:#f59e0b40}[data-console-theme=bright] .console-ai-chat-token-warning-content{color:#d97706}[data-console-theme=bright] .console-ai-chat-token-warning-usage{color:#b45309}[data-console-theme=bright] .console-ai-chat-token-warning-close{color:#d97706}[data-console-theme=bright] .console-ai-chat-token-warning-close:hover{background:#f59e0b26;color:#b45309}.console-content{flex:1;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.7) 0%,transparent 65%),#e8ecf1;overflow-y:auto;padding:5px 25px;position:relative;min-height:0}.coop-console[data-console-theme=dark] .console-content{background:radial-gradient(circle at 50% 50%,rgba(50,55,70,.3) 0%,transparent 65%),#1b1d23}.console-content::-webkit-scrollbar{width:8px}.console-content::-webkit-scrollbar-track{background:var(--console-bg-secondary);border-radius:4px}.console-content::-webkit-scrollbar-thumb{background:var(--console-border-secondary);border-radius:4px}.console-content::-webkit-scrollbar-thumb:hover{background:var(--console-border-focus)}.console-section{max-width:100%;margin:0;width:100%}.console-section-title{font-size:32px;font-weight:700;color:#4a5568;margin:0 0 24px;position:relative;display:inline-block;letter-spacing:-.5px;text-shadow:0 1px 3px rgba(255,255,255,.8),0 -1px 2px rgba(0,0,0,.06)}.console-section-title:before{content:"";position:absolute;left:-16px;top:50%;transform:translateY(-50%);width:8px;height:8px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:2px 2px 4px #00000026,-2px -2px 4px #ffffffe6,0 0 10px #667eea4d}.coop-console[data-console-theme=dark] .console-section-title{color:#9ca3af;text-shadow:0 1px 3px rgba(0,0,0,.5),0 -1px 2px rgba(255,255,255,.05)}.coop-console[data-console-theme=dark] .console-section-title:before{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:2px 2px 4px #0000004d,-2px -2px 4px #ffffff0d,0 0 10px #667eea66}.console-content .coop-console-card h3{font-size:18px;font-weight:600;color:var(--console-text-primary);margin:0 0 12px}.console-content .coop-console-card p{font-size:14px;color:var(--console-text-secondary);margin:0;line-height:1.6}.console-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.console-empty-state svg{margin-bottom:24px;stroke:var(--console-text-tertiary);opacity:.5}.console-empty-state h3{font-size:20px;font-weight:600;color:var(--console-text-primary);margin:0 0 12px}.console-empty-state p{font-size:14px;color:var(--console-text-secondary);margin:0;max-width:400px}.console-ai-chat-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.console-ai-chat-placeholder svg{margin-bottom:24px;stroke:var(--console-text-tertiary)}.console-ai-chat-placeholder h3{font-size:24px;font-weight:600;color:var(--console-text-primary);margin:0 0 12px}.console-ai-chat-placeholder p{font-size:14px;color:var(--console-text-secondary);margin:0;max-width:400px;line-height:1.6}.coop-console[data-console-theme=bright]{--console-bg-primary: #f5f7fa;--console-bg-secondary: #f8fafc;--console-bg-tertiary: #f1f5f9;--console-bg-elevated: #ffffff;--console-bg-input: #f8fafc;--console-bg-hover: #f5f7fa;--console-bg-active: #f1f5f9;--console-text-primary: #2d3748;--console-text-secondary: #4a5568;--console-text-tertiary: #64748b;--console-text-inverse: #ffffff;--console-border-primary: rgba(226, 232, 240, .8);--console-border-secondary: #e2e8f0;--console-border-focus: #3b82f6;--console-color-primary: #60a5fa;--console-color-primary-hover: #3b82f6;--console-color-success: #48bb78;--console-color-warning: #ed8936;--console-color-error: #f56565;--console-color-info: #4299e1;--console-shadow-sm: 6px 6px 12px rgba(200, 208, 231, .25), -6px -6px 12px rgba(255, 255, 255, .9);--console-shadow-md: 8px 8px 16px rgba(200, 208, 231, .35), -8px -8px 16px rgba(255, 255, 255, .95);--console-shadow-lg: 12px 12px 24px rgba(200, 208, 231, .4), -12px -12px 24px rgba(255, 255, 255, .9);--console-shadow-inset: inset 4px 4px 8px rgba(200, 208, 231, .2), inset -4px -4px 8px rgba(255, 255, 255, .7);--console-divider: rgba(226, 232, 240, .6)}.coop-console[data-console-theme=dark]{--console-bg-primary: #1e1e1e;--console-bg-secondary: #252526;--console-bg-tertiary: #2d2d30;--console-bg-elevated: #3e3e42;--console-bg-input: #3c3c3c;--console-bg-hover: #2a2d2e;--console-bg-active: #37373d;--console-text-primary: #e8eaed;--console-text-secondary: #b8bdc9;--console-text-tertiary: #7f8493;--console-text-inverse: #24272c;--console-border-primary: rgba(255, 255, 255, .08);--console-border-secondary: rgba(255, 255, 255, .05);--console-border-focus: #6b7280;--console-color-primary: #7c8a9d;--console-color-primary-hover: #8c9aad;--console-color-success: #6fa57a;--console-color-warning: #d4a574;--console-color-error: #d18a7e;--console-color-info: #7a9db5;--console-shadow-sm: 6px 6px 12px rgba(0, 0, 0, .5), -6px -6px 12px rgba(65, 70, 80, .15);--console-shadow-md: 9px 9px 16px rgba(0, 0, 0, .6), -9px -9px 16px rgba(65, 70, 80, .2);--console-shadow-lg: 12px 12px 24px rgba(0, 0, 0, .7), -12px -12px 24px rgba(65, 70, 80, .25);--console-shadow-inset: inset 6px 6px 12px rgba(0, 0, 0, .6), inset -6px -6px 12px rgba(65, 70, 80, .15);--console-divider: rgba(255, 255, 255, .1)}.coop-console{background:var(--console-bg-primary);color:var(--console-text-primary);min-height:100vh;display:flex;flex-direction:column;transition:background-color .3s ease,color .3s ease}.coop-console *{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}.coop-console *:focus,.coop-console *:active{transition:none}.coop-console-card{background:linear-gradient(135deg,#ffffffe6,#f8fafcf2);border-radius:16px;padding:28px;border:1px solid rgba(226,232,240,.6);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008,inset 0 1px #ffffffb3;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.coop-console-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#667eea);background-size:200% 100%;animation:shimmer 3s linear infinite;opacity:0;transition:opacity .3s ease}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.coop-console-card:hover:before{opacity:1}.coop-console[data-console-theme=dark] .coop-console-card{background:linear-gradient(135deg,#252526f2,#2d2d30e6);border-color:#ffffff14;box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d,inset 0 1px #ffffff0d}.coop-console[data-console-theme=dark] .coop-console-card:before{background:linear-gradient(90deg,#818cf8,#a78bfa,#818cf8);background-size:200% 100%}.coop-console-card:hover{transform:translateY(-2px);border-color:#667eea4d;box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a,inset 0 1px #fffc}.coop-console[data-console-theme=dark] .coop-console-card:hover{transform:translateY(-2px);background:linear-gradient(135deg,#2d2d30fa,#323235f2);border-color:#818cf833;box-shadow:0 10px 15px -3px #0009,0 4px 6px -2px #00000080,inset 0 1px #ffffff14}.coop-console-btn{background:var(--console-bg-secondary);color:var(--console-text-primary);border:none;border-radius:12px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;box-shadow:var(--console-shadow-sm);transition:all .2s ease}.coop-console-btn:hover{box-shadow:var(--console-shadow-md);transform:translateY(-1px)}.coop-console-btn:active{transform:translateY(0);box-shadow:var(--console-shadow-inset)}.coop-console-btn-primary{background:var(--console-color-primary);color:var(--console-text-inverse)}.coop-console-btn-primary:hover{background:var(--console-color-primary-hover)}.coop-console-input{width:100%;background:var(--console-bg-input);color:var(--console-text-primary);border:2px solid var(--console-border-primary);border-radius:12px;padding:12px 16px;font-size:14px;box-shadow:var(--console-shadow-inset)}.coop-console-input:focus{outline:none;border-color:var(--console-border-focus);box-shadow:var(--console-shadow-md)}.coop-console-divider{height:1px;background:var(--console-divider);border:none;margin:20px 0}.coop-console{background:#e8ecf1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.coop-console[data-console-theme=dark]{background:#1b1d23}.console-layout{display:flex;height:calc(100vh - 92px);overflow:hidden;padding-top:12px}.coop-console *{box-sizing:border-box}.console-launcher{min-height:calc(100vh - 80px);background:radial-gradient(circle at 30% 20%,rgba(96,165,250,.08) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(59,130,246,.06) 0%,transparent 50%),#e8ecf1;display:flex;align-items:center;justify-content:center;padding:40px 20px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.console-launcher-hero{max-width:600px;width:100%;background:#e8ecf1;border-radius:24px;padding:60px 48px;text-align:center;box-shadow:12px 12px 24px #a3b1c680,-12px -12px 24px #fffc;transition:all .3s ease}.console-launcher-hero:hover{box-shadow:16px 16px 32px #a3b1c699,-16px -16px 32px #ffffffe6}.console-launcher-logo{margin-bottom:32px}.console-launcher-title{font-size:48px;font-weight:800;margin:0 0 8px;letter-spacing:.05em;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase}.console-launcher-subtitle{font-size:16px;font-weight:600;color:#64748b;margin:0;letter-spacing:.1em;text-transform:uppercase}.console-launcher-description{font-size:18px;font-weight:500;color:#475569;margin:0 0 40px;line-height:1.6}.console-launch-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:18px 48px;background:linear-gradient(135deg,#60a5fa,#3b82f6);border:none;border-radius:16px;color:#fff;font-size:18px;font-weight:600;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 16px #3b82f64d,0 4px 8px #3b82f633;position:relative;overflow:hidden}.console-launch-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.console-launch-button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #3b82f666,0 6px 12px #3b82f64d}.console-launch-button:hover:before{left:100%}.console-launch-button:active{transform:translateY(0);box-shadow:0 4px 8px #3b82f64d,0 2px 4px #3b82f633}.console-launch-button svg{flex-shrink:0}.console-launcher-features{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:48px 0 32px}.console-feature-item{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#e8ecf1;border-radius:12px;color:#64748b;font-size:14px;font-weight:500;transition:all .2s ease;box-shadow:inset 4px 4px 8px #a3b1c633,inset -4px -4px 8px #ffffff80}.console-feature-item:hover{color:#3b82f6;box-shadow:inset 3px 3px 6px #a3b1c626,inset -3px -3px 6px #fff9}.console-feature-item svg{flex-shrink:0}.console-launcher-hint{font-size:13px;font-weight:500;color:#94a3b8;margin:0;font-style:italic}@media (max-width: 768px){.console-launcher-hero{padding:48px 32px}.console-launcher-title{font-size:36px}.console-launcher-subtitle{font-size:14px}.console-launcher-description{font-size:16px}.console-launch-button{padding:16px 40px;font-size:16px}.console-launcher-features{grid-template-columns:1fr}}@media (max-width: 480px){.console-launcher-hero{padding:36px 24px}.console-launcher-title{font-size:32px}.console-launch-button{padding:14px 32px;font-size:15px}}.page-container{max-width:80%;margin:0 auto;padding:24px;background:#f5f7fa;min-height:calc(100vh - 81px);font-family:Inter,sans-serif}.page-header{background:#f5f7fa;border-radius:20px;padding:25px;margin-bottom:32px;box-shadow:12px 12px 24px #c8d0e766,-12px -12px 24px #fffc;border:none;position:relative;overflow:hidden;width:106.25%;max-width:106.25%;margin-left:-3.125%;box-sizing:border-box}.header-main{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;width:100%}.page-title-section{flex:1}.page-title-container{position:relative;display:inline-block;margin-bottom:20px}.page-title{font-size:36px;font-weight:800;background:linear-gradient(135deg,#475569,#64748b,#6366f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0;line-height:1.3;letter-spacing:-.04em;position:relative;display:inline-block}.title-accent{position:absolute;bottom:-8px;left:0;right:0;height:3px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899);border-radius:2px;transform:scaleX(0);animation:expandAccent 2s ease-out .5s forwards}@keyframes expandAccent{to{transform:scaleX(1)}}.page-header.description-inline .page-title-container{display:flex;align-items:baseline;gap:16px;margin-bottom:0}.page-header.description-inline .page-description{background:none;padding:0;box-shadow:none;margin:0;max-width:none}.page-header.description-inline .description-text{font-size:16px;color:#718096;font-weight:400;opacity:1;animation:none}.page-description{background:#f5f7fa99;padding:16px 20px;border-radius:12px;box-shadow:inset 3px 3px 6px #c8d0e74d,inset -3px -3px 6px #ffffffb3;max-width:600px;margin:16px 0 0}.description-text{font-size:18px;color:#64748b;margin:0;line-height:1.6;font-weight:400;white-space:pre-line}.animated-description{opacity:0;animation:fadeInUp 1s ease-out .8s forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-description a{color:#667eea;text-decoration:none;font-weight:600;transition:all .3s ease;position:relative;padding:0 2px;border-radius:4px}.page-description a:hover{color:#764ba2;background:#667eea1a;box-shadow:0 2px 8px #667eea33,inset 1px 1px 2px #ffffff4d}.header-actions{display:flex;gap:12px;align-items:center;flex-shrink:0;margin-top:8px}.common-page-header{composes:page-header}.common-header-main{composes:header-main}.common-page-title-section{composes:page-title-section}.common-page-title-container{composes:page-title-container}.common-page-title{composes:page-title}.common-title-accent{composes:title-accent}.common-page-description{composes:page-description}.common-description-text{composes:description-text}.common-header-actions{composes:header-actions}.common-content-wrapper{background:#f5f7fa;border-radius:20px;padding:32px;box-shadow:8px 8px 16px #c8d0e759,-8px -8px 16px #fffc}.common-empty-state{max-width:500px;margin:100px auto;padding:40px;text-align:center;background:#f5f7fa;border-radius:20px;box-shadow:10px 10px 20px #c8d0e759,-10px -10px 20px #fffc}.common-empty-icon{font-size:64px;color:#cbd5e0;margin-bottom:16px}.common-empty-state h3{font-size:24px;font-weight:700;color:#2d3748;margin:0 0 12px}.common-empty-state p{font-size:16px;color:#718096;margin:0 0 24px}@media (max-width: 1200px){.page-container,.common-page-container{max-width:90%;padding:20px}.page-header{padding:20px}.page-title{font-size:32px}}@media (max-width: 768px){.page-container,.common-page-container{max-width:100%;padding:16px}.page-header,.common-page-header{padding:16px;margin-bottom:20px}.header-main,.common-header-main{flex-direction:column;gap:20px}.header-actions,.common-header-actions{width:100%;justify-content:flex-start}.page-title,.common-page-title{font-size:28px}.page-description,.common-page-description{padding:12px 16px}.description-text,.common-description-text{font-size:16px}.common-content-wrapper{padding:20px}}@media (max-width: 480px){.page-container,.common-page-container{padding:12px}.page-header,.common-page-header{padding:12px;border-radius:16px}.page-title,.common-page-title{font-size:24px}.title-accent,.common-title-accent{height:3px}.description-text,.common-description-text{font-size:14px}}.connection-status{font-size:13px;font-weight:600;margin-left:16px;padding:4px 12px;border-radius:12px;background:#f5f7fa;box-shadow:inset 2px 2px 4px #c8d0e74d,inset -2px -2px 4px #ffffffb3}.status-connected{color:#22c55e}.status-disconnected{color:#ef4444}.filter-tabs{display:flex;gap:12px;background:#f5f7fa;padding:6px;border-radius:12px;box-shadow:inset 3px 3px 6px #c8d0e74d,inset -3px -3px 6px #ffffffb3}.filter-tab{padding:10px 18px;background:transparent;border:none;border-radius:8px;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.filter-tab.active{background:#f5f7fa;color:#6366f1;box-shadow:4px 4px 8px #c8d0e766,-4px -4px 8px #fffc}.filter-tab:hover:not(.active){color:#475569}.filter-tab .count{font-size:11px;padding:3px 8px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:10px;font-weight:700;min-width:24px;text-align:center}.filter-tab.active .count{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 2px 4px #6366f14d}.mark-all-read-btn{padding:12px 24px;background:#f5f7fa;color:#6366f1;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:6px 6px 12px #c8d0e766,-6px -6px 12px #fffc}.mark-all-read-btn:hover{color:#8b5cf6;box-shadow:8px 8px 16px #c8d0e780,-8px -8px 16px #ffffffe6}.mark-all-read-btn:active{box-shadow:inset 4px 4px 8px #c8d0e766,inset -4px -4px 8px #fffc}.notification-list{display:flex;flex-direction:column;gap:12px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#6b7280}.loading-spinner{width:48px;height:48px;border:4px solid #f3f4f6;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#9ca3af;text-align:center}.empty-state svg{margin-bottom:20px;opacity:.5}.empty-state h3{font-size:18px;font-weight:600;color:#6b7280;margin:0 0 8px}.empty-state p{font-size:14px;margin:0}.notification-item{display:flex;gap:16px;padding:20px;background:#f5f7fa;border:none;border-radius:16px;transition:all .3s ease;position:relative;box-shadow:8px 8px 16px #c8d0e759,-8px -8px 16px #fffc}.notification-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:16px 0 0 16px;background:transparent;transition:all .3s ease}.notification-item.unread{background:linear-gradient(135deg,#f5f7fa,#eef2f7)}.notification-item.unread:before{background:linear-gradient(180deg,#6366f1,#8b5cf6)}.notification-item:hover{box-shadow:10px 10px 20px #c8d0e766,-10px -10px 20px #ffffffe6;transform:translateY(-2px)}.notification-item.priority-urgent:before{background:linear-gradient(180deg,#ef4444,#dc2626)!important}.notification-item.priority-urgent.unread{background:linear-gradient(135deg,#fef2f2,#fee2e2)}.notification-item.priority-high:before{background:linear-gradient(180deg,#f59e0b,#d97706)!important}.notification-item.priority-high.unread{background:linear-gradient(135deg,#fffbeb,#fef3c7)}.notification-icon{flex-shrink:0;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:inset 2px 2px 4px #0000001a,inset -2px -2px 4px #fffc}.notification-icon svg{flex-shrink:0;width:22px!important;height:22px!important;max-width:22px;max-height:22px}.notification-icon.notification-category-info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6}.notification-icon.notification-category-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#10b981}.notification-icon.notification-category-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#f59e0b}.notification-icon.notification-category-alert{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#ef4444}.notification-content{flex:1;min-width:0}.notification-meta{display:flex;align-items:center;gap:12px;margin-bottom:8px;font-size:12px}.notification-source{font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.notification-time{color:#9ca3af}.notification-title{font-size:16px;font-weight:600;color:#111827;margin:0 0 6px;line-height:1.4}.notification-message{font-size:14px;color:#6b7280;margin:0 0 12px;line-height:1.6}.notification-link{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:500;color:#3b82f6;text-decoration:none;transition:all .2s ease}.notification-link:hover{color:#2563eb;gap:6px}.notification-actions{display:flex;gap:8px;flex-shrink:0;align-self:flex-start}.action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f5f7fa;border:none;border-radius:8px;cursor:pointer;color:#64748b;transition:all .3s ease;box-shadow:4px 4px 8px #c8d0e74d,-4px -4px 8px #ffffffb3}.action-btn:hover{color:#6366f1;box-shadow:6px 6px 12px #c8d0e766,-6px -6px 12px #fffc}.action-btn:active{box-shadow:inset 2px 2px 4px #c8d0e766,inset -2px -2px 4px #fffc}.action-btn--delete:hover{color:#dc2626}.notification-action-buttons{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.notification-action-btn{padding:10px 20px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:4px 4px 8px #c8d0e759,-4px -4px 8px #fffc}.notification-action-btn:hover:not(:disabled){box-shadow:6px 6px 12px #c8d0e766,-6px -6px 12px #ffffffe6;transform:translateY(-1px)}.notification-action-btn:active:not(:disabled){box-shadow:inset 3px 3px 6px #c8d0e766,inset -3px -3px 6px #fffc;transform:translateY(0)}.notification-action-btn:disabled{opacity:.6;cursor:not-allowed}.notification-action-btn--primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.notification-action-btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#7c3aed)}.notification-action-btn--secondary{background:#f5f7fa;color:#6366f1}.notification-action-btn--secondary:hover:not(:disabled){color:#4f46e5}.notification-action-btn--danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.notification-action-btn--danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c)}.action-taken-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;margin-top:14px;background:#f5f7fa;color:#10b981;font-size:13px;font-weight:600;border-radius:10px;box-shadow:inset 2px 2px 4px #c8d0e74d,inset -2px -2px 4px #ffffffb3}@media (max-width: 768px){.filter-tabs,.mark-all-read-btn{width:100%}.notification-item{padding:16px;gap:12px}.notification-icon{width:40px;height:40px}.notification-icon svg{width:18px!important;height:18px!important}.notification-title{font-size:15px}.notification-message{font-size:13px}.action-btn{width:32px;height:32px}.notification-action-btn{padding:8px 16px;font-size:13px}.action-taken-badge{font-size:12px;padding:6px 12px}}.welcome-branding{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:100;transition:all 1.2s cubic-bezier(.4,0,.2,1);animation:fadeIn .5s ease-in}.welcome-branding.transitioning{top:80px;left:50%;transform:translate(-50%) scale(.45);transform-origin:top center}.welcome-logo{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:96px;font-weight:900;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:30px;letter-spacing:-2px}.welcome-tagline{display:flex;align-items:center;justify-content:center;gap:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;font-weight:600;color:#4a5568;letter-spacing:3px;text-transform:uppercase}.welcome-tagline .dot{color:#667eea;font-size:12px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.public-register-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f7fa;padding:40px 20px;position:relative}.public-register-card{background:#f5f7fa;border-radius:30px;box-shadow:15px 15px 30px #c8d0e7,-15px -15px 30px #fff;padding:56px 60px;max-width:540px;width:100%;opacity:0;transform:translateY(30px);transition:all 1s ease-out;transition-delay:.5s;margin-top:200px}.public-register-card.visible{opacity:1;transform:translateY(0)}.register-header{text-align:center;margin-bottom:44px;padding-bottom:24px;border-bottom:1px solid #f0f0f3}.register-header h1{font-size:30px;background:linear-gradient(135deg,#475569,#64748b,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px;font-weight:700;letter-spacing:-.5px}.register-header p{color:#718096;font-size:15px;font-weight:400}.register-form,.verify-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label,.form-group label{display:flex;align-items:center;gap:8px;color:#2d3748;font-size:13px;font-weight:600;letter-spacing:-.2px;margin-bottom:0}.form-label svg,.form-group label svg{color:#667eea;width:16px;height:16px}.form-group input{padding:13px 16px;border:1.5px solid #e2e8f0;border-radius:12px;background:#fafafa;font-size:15px;color:#2d3748;transition:all .2s ease;font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif}.form-group input:hover{background:#fff;border-color:#cbd5e0}.form-group input:focus{outline:none;background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea14}.form-group input::placeholder{color:#a0aec0;font-weight:400}.privacy-consent-group{position:relative;display:flex;flex-direction:column;gap:12px}.privacy-info-message{background:linear-gradient(135deg,#dbeafe,#eff6ff);border:none;border-radius:12px;padding:14px 18px;font-size:13px;line-height:1.6;color:#1e40af;font-weight:500;box-shadow:inset 2px 2px 4px #93c5fd4d,inset -2px -2px 4px #fffc,0 2px 8px #60a5fa1a;position:relative;overflow:hidden;animation:slideDown .3s ease-out}.privacy-info-message:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#60a5fa,#3b82f6);border-radius:12px 0 0 12px}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.error-message{background:#fff5f5;border:1.5px solid #fc8181;color:#c53030;padding:14px 16px;border-radius:12px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px}.submit-button,.resend-button,.home-button{padding:15px 28px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.3px}.submit-button{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;box-shadow:15px 15px 30px #c8d0e7,-15px -15px 30px #fff;margin-top:8px}.submit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:15px 15px 30px #c8d0e7,-15px -15px 30px #fff}.submit-button:active:not(:disabled){transform:translateY(0);box-shadow:inset 6px 6px 12px #c8d0e7,inset -6px -6px 12px #fff}.submit-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.resend-button{background:#f5f7fa;color:#667eea;border:none;box-shadow:15px 15px 30px #c8d0e7,-15px -15px 30px #fff}.resend-button:hover:not(:disabled){box-shadow:15px 15px 30px #c8d0e7,-15px -15px 30px #fff}.resend-button:disabled{opacity:.4;cursor:not-allowed}.home-button{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;box-shadow:15px 15px 30px #c8d0e7,-15px -15px 30px #fff;margin:24px auto 0;display:flex;width:fit-content}.home-button:hover{transform:translateY(-1px);box-shadow:15px 15px 30px #c8d0e7,-15px -15px 30px #fff}.verify-header{text-align:center;margin-bottom:36px;padding-bottom:24px;border-bottom:1px solid #f0f0f3}.verify-icon{width:64px;height:64px;color:#667eea;margin:0 auto 20px}.verify-header h2{font-size:26px;color:#1a202c;margin-bottom:12px;font-weight:700;letter-spacing:-.5px}.verify-header p{color:#718096;font-size:14px;line-height:1.6;font-weight:400}.verification-input-group{margin:28px 0}.verification-input{width:100%;padding:24px;text-align:center;font-size:38px;font-weight:700;letter-spacing:18px;border:none;border-radius:16px;background:#f5f7fa;color:#667eea;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;transition:all .2s ease;box-shadow:inset 6px 6px 12px #c8d0e7,inset -6px -6px 12px #fff}.verification-input:hover{box-shadow:inset 6px 6px 12px #c8d0e7,inset -6px -6px 12px #fff}.verification-input:focus{outline:none;box-shadow:inset 6px 6px 12px #c8d0e7,inset -6px -6px 12px #fff}.verification-input::placeholder{color:#cbd5e0;letter-spacing:16px}.timer-display{text-align:center;color:#4a5568;font-size:14px;margin:20px 0;font-weight:500}.timer-display span{font-weight:700;font-size:16px;color:#667eea;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin-left:6px}.timer-display .time-warning{color:#f56565}.verify-actions{display:flex;gap:12px;margin-top:28px}.verify-actions .resend-button{flex:1}.verify-actions .submit-button{flex:2}.success-container{text-align:center;padding:28px 0}.success-icon{width:88px;height:88px;margin:0 auto 36px;background:linear-gradient(135deg,#48bb78,#38a169);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:15px 15px 30px #c8d0e7,-15px -15px 30px #fff}.success-icon svg{width:52px;height:52px;color:#fff;stroke-width:2.5}.success-container h2{font-size:28px;color:#1a202c;margin-bottom:14px;font-weight:700;letter-spacing:-.5px}.success-message{color:#718096;font-size:15px;margin-bottom:36px;line-height:1.6;font-weight:400}.ticket-info{background:#f5f7fa;border:none;border-radius:16px;padding:28px;margin-bottom:24px;box-shadow:inset 6px 6px 12px #c8d0e7,inset -6px -6px 12px #fff}.ticket-info strong{display:block;color:#4a5568;font-size:12px;margin-bottom:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.ticket-number{font-size:32px;font-weight:800;color:#667eea;letter-spacing:3px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.success-note{color:#a0aec0;font-size:13px;margin-bottom:12px;font-weight:400}@media (max-width: 640px){.public-register-card{padding:40px 28px}.welcome-branding.transitioning{top:60px;left:50%;transform:translate(-50%) scale(.35)}.public-register-card{margin-top:160px}.welcome-logo{font-size:72px}.welcome-tagline{font-size:14px;gap:12px}.register-header h1,.verify-header h2{font-size:24px}.verification-input{font-size:30px;letter-spacing:14px;padding:20px}.verify-actions{flex-direction:column}.verify-actions .resend-button,.verify-actions .submit-button{flex:1}.ticket-number{font-size:26px;letter-spacing:2px}}@media (max-width: 480px){.public-register-container{padding:20px}.welcome-branding.transitioning{top:50px}.public-register-card{padding:32px 24px;margin-top:140px}.register-header,.verify-header{margin-bottom:32px}.form-group{gap:6px}.register-form,.verify-form{gap:18px}}.auto-generated-field{padding:12px 16px;background:linear-gradient(135deg,#f0f4ff,#e8f0fe);border-radius:10px;font-size:16px;font-weight:600;color:#667eea;text-align:center;border:2px solid #a5b4fc;box-shadow:inset 3px 3px 6px #a5b4fc33,inset -3px -3px 6px #fffc}.test-page{width:100vw;height:100vh;background:#1e1e1e;margin:0;padding:0;position:fixed;top:0;left:0}.header{position:sticky;top:0;width:100%;background:linear-gradient(145deg,#f8fafc,#f1f5f9);border-bottom:1px solid rgba(226,232,240,.8);z-index:100;box-shadow:0 4px 8px #94a3b814,0 1px 2px #ffffff1a inset}.header-container{max-width:1400px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:80px}.logo-section{display:flex;align-items:baseline;gap:12px}.logo{font-size:28px;font-weight:700;color:#1a202c;margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.logo:hover{transform:scale(1.02);transition:transform .2s ease}.tagline{font-size:14px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.1em}.nav-menu{display:flex;align-items:center;gap:8px}.nav-item{color:#4a5568;text-decoration:none;padding:12px 18px;border-radius:12px;font-weight:500;font-size:13px;transition:all .3s cubic-bezier(.4,0,.2,1);background:transparent;cursor:pointer;letter-spacing:.025em;text-transform:uppercase;border:none;display:flex;align-items:center;gap:6px;box-shadow:none;font-family:Nunito Sans,sans-serif;height:44px;min-height:44px;line-height:20px;box-sizing:border-box;justify-content:center}.nav-item:hover{color:#667eea;transform:translateY(-2px);background:#f5f7fa;box-shadow:8px 8px 16px #c8d0e759,-8px -8px 16px #fffffff2,inset 1px 1px 2px #ffffff4d}.nav-item:active{transform:translateY(0);box-shadow:inset 4px 4px 8px #c8d0e733,inset -4px -4px 8px #ffffffb3}.nav-item.active{color:#4a5568;background:transparent;font-weight:500;position:relative}.nav-item.active:after{content:"";position:absolute;bottom:4px;left:20px;right:20px;height:2px;background:linear-gradient(90deg,transparent 0%,#667eea 15%,#764ba2 50%,#667eea 85%,transparent 100%);border-radius:1px;animation:shimmer 2.5s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.7;box-shadow:0 0 4px #667eea4d}50%{opacity:1;box-shadow:0 0 8px #667eea80}}.nav-dropdown,.nav-item--dropdown{position:relative}.dropdown-arrow{transition:transform .3s ease;margin-left:4px;flex-shrink:0;width:10px;height:6px}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:380px;background:#f5f7fa;border-radius:12px;padding:16px;opacity:1;visibility:visible;transform:translateY(0);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:6px 6px 12px #c8d0e74d,-6px -6px 12px #fffc,inset 1px 1px 2px #fff3;z-index:1000;border:none}.dropdown-menu--wide{min-width:800px;max-width:900px;left:auto;right:0}.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.menu-section{margin-bottom:0;padding:12px;background:#f5f7fa;border-radius:8px;box-shadow:inset 2px 2px 4px #c8d0e726,inset -2px -2px 4px #fffc}.menu-category{display:flex;align-items:center;gap:10px;padding:8px 8px 12px;margin-bottom:8px;font-size:12px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:.08em;border-bottom:2px solid transparent;border-image:linear-gradient(90deg,#667eea,#764ba2);border-image-slice:1;font-family:Nunito Sans,sans-serif;position:relative}.menu-category svg{width:18px;height:18px;color:#667eea;filter:drop-shadow(0 2px 4px rgba(102,126,234,.2))}.dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 16px;margin:2px 8px;border-radius:8px;color:#4a5568;font-size:14px;font-weight:400;cursor:pointer;transition:all .2s ease;background:transparent;text-decoration:none;border:none;width:calc(100% - 16px);font-family:Noto Sans KR,Nunito Sans,sans-serif;text-transform:none;letter-spacing:0;box-sizing:border-box;position:relative}.dropdown-item--submenu{padding-left:32px;font-size:13px;color:#64748b;font-weight:400}.dropdown-item:hover{background:#f8f9fa;color:#2d3748;box-shadow:2px 2px 4px #c8d0e7,-2px -2px 4px #fff}.dropdown-item.active{background:#f5f7fa;color:#667eea;font-weight:600;box-shadow:inset 1px 1px 2px #c8d0e7,inset -1px -1px 2px #fff}.dropdown-item.active:hover{box-shadow:inset 1.5px 1.5px 3px #c8d0e7,inset -1.5px -1.5px 3px #fff}.dropdown-item svg{width:16px;height:16px;opacity:.7;color:currentColor;transition:all .2s ease;flex-shrink:0}.user-info{display:flex;align-items:center;gap:16px;min-width:200px;justify-content:flex-end;height:48px;margin:0;padding:0}.profile-area{position:relative;display:flex;align-items:center;height:48px}.profile-trigger{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#f5f7fa;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:6px 6px 12px #c8d0e740,-6px -6px 12px #ffffffe6;box-sizing:border-box;line-height:24px}.profile-trigger:hover{box-shadow:8px 8px 16px #c8d0e74d,-8px -8px 16px #fffffff2}.profile-trigger:active{box-shadow:inset 3px 3px 6px #c8d0e733,inset -3px -3px 6px #ffffffb3}.profile-trigger--compact{padding:10px;gap:0;min-width:auto;background:linear-gradient(145deg,#f8fafc,#eef2f6);box-shadow:10px 10px 20px #aebed966,-10px -10px 20px #fff,inset 2px 2px 4px #ffffff80,inset -2px -2px 4px #aebed926;border:1px solid rgba(255,255,255,.8);transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-trigger--compact:hover{transform:translateY(-2px);box-shadow:12px 12px 24px #aebed980,-12px -12px 24px #fff,inset 3px 3px 6px #fff9,inset -3px -3px 6px #aebed933}.profile-trigger--compact:active{transform:translateY(1px);box-shadow:inset 6px 6px 12px #aebed94d,inset -6px -6px 12px #ffffff80,2px 2px 4px #aebed933}.avatar-wrapper{position:relative;display:inline-block}.user-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#fff,#f1f5f9);box-shadow:6px 6px 12px #aebed94d,-6px -6px 12px #ffffffe6,inset 1px 1px 2px #ffffff80;color:#667eea;transition:all .3s ease}.profile-trigger--compact:hover .user-icon{box-shadow:8px 8px 16px #aebed959,-8px -8px 16px #fff,inset 2px 2px 4px #fff9;transform:scale(1.05)}.profile-trigger--compact:active .user-icon{box-shadow:inset 4px 4px 8px #aebed940,inset -4px -4px 8px #fff9;transform:scale(.98)}.notification-badge{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 2px 4px #e53e3e4d,0 0 0 2px #f5f7fa;z-index:1;font-family:Nunito Sans,sans-serif;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.menu-badge{margin-left:auto;background:#111827;color:#fff;font-size:10px;font-weight:500;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:none;font-family:Nunito Sans,sans-serif}.profile-info{display:flex;flex-direction:column;justify-content:center;gap:2px;max-width:150px}.profile-name{font-size:14px;font-weight:400;color:#4a5568;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Noto Sans KR,Nunito Sans,sans-serif;line-height:1.1;margin:0}.profile-division{font-size:11px;font-weight:400;color:#718096;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Noto Sans KR,Nunito Sans,sans-serif;line-height:1.2;margin:0}.profile-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:420px;height:230px;background:repeating-linear-gradient(0deg,#fafafa 0px,#fafafa 1px,transparent 1px,transparent 2px),repeating-linear-gradient(90deg,#fafafa 0px,#fafafa 1px,transparent 1px,transparent 2px),linear-gradient(135deg,#fcfcfc,#f8f8f8);background-size:2px 2px,2px 2px,100% 100%;border-radius:15px;padding:10px;box-shadow:0 10px 30px #00000026,0 3px 8px #0000001a;border:none;z-index:1000;overflow:hidden;animation:dropdown-appear .25s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;justify-content:space-between}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.card-content{display:flex;gap:0;align-items:stretch}.card-logo-section{flex:0 0 50%;display:flex;align-items:center;justify-content:center;padding:15px}.card-logo{font-size:10px;font-weight:200;color:#a1a1aa;letter-spacing:.25em;text-transform:uppercase;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;white-space:nowrap;font-feature-settings:"ss01" on,"ss02" on;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.card-divider{width:1px;background:linear-gradient(to bottom,transparent,#e5e7eb 35%,#e5e7eb 65%,transparent);flex-shrink:0}.card-logo-accent{font-weight:700;color:#dc2626;letter-spacing:.15em}.user-info-section{flex:1;display:flex;flex-direction:column;gap:0;padding:15px 25px 15px 40px;justify-content:center}.user-name-title{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.user-fullname{font-size:19px;font-weight:700;color:#0a0a0a;margin:0;font-family:Pretendard,Noto Sans KR,-apple-system,sans-serif;letter-spacing:-.03em;line-height:1.15;font-feature-settings:"tnum" on,"ss01" on;-webkit-font-smoothing:antialiased}.user-title{font-size:11.5px;font-weight:500;color:#52525b;margin:0;font-family:Pretendard,Noto Sans KR,sans-serif;letter-spacing:-.015em;line-height:1.4;font-feature-settings:"tnum" on}.user-division{color:#71717a;font-size:9px;font-weight:400;margin:0 0 2px;font-family:Pretendard,Noto Sans KR,sans-serif;letter-spacing:-.01em;line-height:1.5;opacity:.85}.user-email{color:#a1a1aa;font-size:8.5px;font-weight:400;margin:0;font-family:JetBrains Mono,SF Mono,Consolas,monospace;letter-spacing:.01em;line-height:1.5;font-feature-settings:"zero" on,"ss01" on;-webkit-font-smoothing:antialiased;opacity:.8}.card-actions{display:flex;gap:8px;padding-top:12px;border-top:1px solid #e5e7eb}.card-button{flex:1;display:flex;align-items:center;justify-content:center;height:38px;background:linear-gradient(145deg,#fff,#f5f5f5);border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;box-shadow:5px 5px 10px #aebed933,-5px -5px 10px #ffffffe6;color:#6b7280;text-decoration:none}.card-button:hover{color:#111827;box-shadow:4px 4px 8px #aebed940,-4px -4px 8px #fff}.card-button:active{box-shadow:inset 3px 3px 6px #aebed933,inset -3px -3px 6px #ffffffb3}.card-button--logout{color:#dc2626}.card-button--logout:hover{color:#b91c1c}.card-button svg{opacity:.7;transition:opacity .2s ease}.card-button:hover svg{opacity:1}@media (max-width: 1024px){.dropdown-menu--wide{min-width:600px;max-width:700px}.menu-grid{grid-template-columns:1fr;gap:16px}}@media (max-width: 768px){.header-container{padding:0 16px}.nav-menu{gap:4px}.nav-item{padding:8px 12px;font-size:14px}.dropdown-menu--wide{min-width:380px;max-width:100%}.profile-name{display:none}.user-info{min-width:auto}}.toast-container{position:fixed;top:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none;max-width:420px}.toast{position:relative;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;min-height:68px;pointer-events:auto;cursor:pointer;background:#ffffff14;border:1px solid rgba(255,255,255,.25);border-radius:20px;backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);box-shadow:0 18px 35px #0000004d,0 0 0 1px #ffffff14;animation:toast-slide-in .35s cubic-bezier(.22,1,.36,1);transition:transform .18s ease-out,box-shadow .18s ease-out,background .18s ease-out;overflow:visible}.toast:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:conic-gradient(from 140deg,#fff6,#4f46e54d,#06b6d44d,#ec48994d,#fff6);opacity:.3;filter:blur(12px);z-index:-1}.toast:hover{transform:translateY(-2px) scale(1.005);background:#ffffff1f;box-shadow:0 22px 45px #0006,0 0 0 1px #ffffff1f}.toast:hover:before{opacity:.5}.toast.toast-removing{animation:toast-slide-out .3s cubic-bezier(.5,0,.75,0);opacity:0;transform:translate(120%)}.toast-priority{background:#ffffff38;box-shadow:0 8px 32px #0000001f}.toast-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#ffffff14;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #0003,0 0 0 1px #ffffff0d}.toast-info .toast-icon{color:#3b82f6}.toast-success .toast-icon{color:#10b981}.toast-warning .toast-icon{color:#f59e0b}.toast-alert .toast-icon{color:#ef4444}.toast-content{flex:1;min-width:0;padding-right:8px}.toast-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.toast-source{font-size:10px;font-weight:600;letter-spacing:.06em;color:#00000080;text-transform:uppercase}.toast-priority-badge{font-size:14px;line-height:1}.toast-title{font-size:14px;font-weight:600;color:#000000d9;margin:0 0 3px;line-height:1.4;letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.toast-message{font-size:12.5px;color:#000000a6;margin:0;line-height:1.45;letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.toast-close{flex-shrink:0;width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:#ffffff14;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.18);border-radius:10px;color:#0009;cursor:pointer;transition:transform .18s ease-out,box-shadow .18s ease-out,background .18s ease-out;box-shadow:0 4px 10px #0003,0 0 0 1px #ffffff0d}.toast-close:hover{background:#ffffff26;color:#000000d9;transform:scale(1.1);box-shadow:0 6px 15px #0000004d,0 0 0 1px #ffffff1a}.toast-close:active{transform:scale(.95)}.toast-progress{position:absolute;bottom:0;left:0;height:2px;background:linear-gradient(90deg,#00000026,#00000014);border-radius:0 0 24px 24px;animation:toast-progress 5s linear;box-shadow:none}@keyframes toast-slide-in{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(120%)}}@keyframes toast-progress{0%{width:100%}to{width:0%}}@media (max-width: 768px){.toast-container{top:16px;right:16px;left:16px;max-width:none}.toast{padding:14px 16px;min-height:70px}.toast-icon{width:36px;height:36px}.toast-title{font-size:14px}.toast-message{font-size:12px}.toast-close{width:24px;height:24px}}@media (prefers-color-scheme: dark){.toast{background:#1f2937d9;border:1px solid rgba(75,85,99,.5)}.toast-info{background:#1e3a8ad9;border:1px solid rgba(59,130,246,.4)}.toast-success{background:#064e3bd9;border:1px solid rgba(16,185,129,.4)}.toast-warning{background:#78350fd9;border:1px solid rgba(245,158,11,.4)}.toast-alert{background:#7f1d1dd9;border:1px solid rgba(239,68,68,.4)}.toast-title{color:#f9fafb}.toast-message{color:#d1d5db}.toast-source{color:#ffffff80}}