@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://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 pulse{0%,to{opacity:1}50%{opacity:.5}}@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}.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}}.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:8px;line-height:1.4}.form-label .required{color:#f56565;margin-left:4px}.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-error{font-size:13px;color:#f56565;margin-top:6px;display:flex;align-items:center;gap:4px}.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-info{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.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-info{display:flex;align-items:center;gap:12px}.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}#datepicker-portal .react-datepicker-popper{z-index:999999!important}#datepicker-portal .react-datepicker{font-family:inherit;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #0003}.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%}}.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;display:flex;flex-direction:column}@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);flex-shrink:0}.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{flex:1;min-height:0;overflow-y:auto;padding:4px 0 12px}.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}}.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:#8b5cf6;animation-delay:.2s;animation-direction:reverse}.neumorphism-spinner .spinner-ring:nth-child(3){width:60%;height:60%;border-top-color:#ec4899;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:10500;-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}.shared-confirm-spinner{display:inline-block;width:14px;height:14px;margin-right:8px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:shared-confirm-spin .8s linear infinite;vertical-align:middle}@keyframes shared-confirm-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.shared-confirm-dialog{width:90%;max-width:320px;border-radius:16px}.shared-confirm-dialog-header{padding:16px 20px 12px;gap:8px}.shared-confirm-dialog-header h3{font-size:17px}.shared-confirm-dialog-icon{font-size:32px}.shared-confirm-dialog-content{padding:10px 20px 16px}.shared-confirm-dialog-content p{font-size:13px;margin-bottom:8px}.shared-confirm-dialog-actions{padding:12px 16px 16px;flex-direction:row;gap:10px}.shared-confirm-dialog .shared-cancel-button,.shared-confirm-dialog .shared-confirm-button{flex:1;min-width:auto;padding:10px 16px;font-size:13px;border-radius:10px}}.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}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.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}}.shared-avatar{border-radius:50%;background:transparent;color:#64748b;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:600;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;box-shadow:3px 3px 6px #a3b1c680,-3px -3px 6px #fffc;transition:transform .15s ease,box-shadow .15s ease}.shared-avatar[role=button]{cursor:pointer}.shared-avatar[role=button]:hover{transform:scale(1.05)}.shared-avatar[role=button]:active{transform:scale(.98);box-shadow:2px 2px 4px #a3b1c680,-2px -2px 4px #fffc}.shared-avatar-xs{width:24px;height:24px;font-size:10px;box-shadow:2px 2px 4px #a3b1c673,-2px -2px 4px #ffffffbf}.shared-avatar-sm{width:28px;height:28px;font-size:11px;box-shadow:2px 2px 4px #a3b1c673,-2px -2px 4px #ffffffbf}.shared-avatar-md{width:32px;height:32px;font-size:13px;box-shadow:2px 2px 5px #a3b1c680,-2px -2px 5px #fffc}.shared-avatar-lg{width:36px;height:36px;font-size:14px;box-shadow:2px 2px 5px #a3b1c680,-2px -2px 5px #fffc}.shared-avatar-xl{width:48px;height:48px;font-size:18px;box-shadow:3px 3px 6px #a3b1c680,-3px -3px 6px #fffc}.shared-avatar.shared-avatar-leader{color:#f59e0b}.shared-avatar.shared-avatar-admin{color:#3b82f6}.shared-avatar.shared-avatar-member{color:#64748b}.coop-console[data-console-theme=dark] .shared-avatar,[data-theme=dark] .shared-avatar{background:transparent;color:#9ba1ab;box-shadow:3px 3px 6px #00000080,-3px -3px 6px #2d323c4d}.coop-console[data-console-theme=dark] .shared-avatar-xs,[data-theme=dark] .shared-avatar-xs,.coop-console[data-console-theme=dark] .shared-avatar-sm,[data-theme=dark] .shared-avatar-sm{box-shadow:2px 2px 4px #00000073,-2px -2px 4px #2d323c40}.coop-console[data-console-theme=dark] .shared-avatar-md,[data-theme=dark] .shared-avatar-md,.coop-console[data-console-theme=dark] .shared-avatar-lg,[data-theme=dark] .shared-avatar-lg{box-shadow:2px 2px 5px #00000080,-2px -2px 5px #2d323c4d}.coop-console[data-console-theme=dark] .shared-avatar-xl,[data-theme=dark] .shared-avatar-xl{box-shadow:3px 3px 6px #00000080,-3px -3px 6px #2d323c4d}.coop-console[data-console-theme=dark] .shared-avatar.shared-avatar-leader,[data-theme=dark] .shared-avatar.shared-avatar-leader{color:#fbbf24}.coop-console[data-console-theme=dark] .shared-avatar.shared-avatar-admin,[data-theme=dark] .shared-avatar.shared-avatar-admin{color:#60a5fa}.coop-console[data-console-theme=dark] .shared-avatar.shared-avatar-member,[data-theme=dark] .shared-avatar.shared-avatar-member{color:#9ba1ab}.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}}.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:40px;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}.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:680px;width:100%;opacity:0;transform:translateY(30px);transition:all 1s ease-out;transition-delay:.5s;margin-top:50px}.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{display:grid;grid-template-columns:1fr 1fr;gap:20px}.verify-form{display:flex;flex-direction:column;gap:20px}.register-form>*{grid-column:span 2}.register-form .form-row{display:contents}.register-form .form-half{grid-column:span 1}@media (max-width: 600px){.register-form{grid-template-columns:1fr}.register-form .form-half{grid-column:span 1}}.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}.label-hint{font-size:11px;font-weight:400;color:#94a3b8;margin-left:6px}.phone-field{grid-column:span 2}.phone-field .form-label{margin-bottom:10px}.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}.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)}}.submit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:15px 15px 30px #c8d0e7,-15px -15px 30px #fff}.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}.home-button:hover{transform:translateY(-1px);box-shadow:15px 15px 30px #c8d0e7,-15px -15px 30px #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}.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}}.email-input-wrapper{position:relative;grid-column:span 2}.email-status-indicator{position:absolute;right:12px;top:32px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:14px}.email-status-indicator.checking{color:#667eea}.email-status-indicator.available{color:#48bb78;background:#48bb781a}.email-status-indicator.unavailable{color:#f56565;background:#f565651a}.email-status-indicator svg.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.email-status-message{font-size:12px;margin-top:6px;padding-left:4px;font-weight:500}.email-status-message.available{color:#48bb78}.email-status-message.unavailable{color:#f56565}.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}.forgot-password-container .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}.forgot-password-container .welcome-branding.transitioning{top:40px;left:50%;transform:translate(-50%) scale(.45);transform-origin:top center}.forgot-password-container .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}.forgot-password-container .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}.forgot-password-container .welcome-tagline .dot{color:#667eea;font-size:12px}.forgot-password-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f7fa;padding:40px 20px;position:relative}.forgot-password-card{background:#f5f7fa;border-radius:30px;box-shadow:15px 15px 30px #c8d0e7,-15px -15px 30px #fff;padding:56px 60px;max-width:480px;width:100%;opacity:0;transform:translateY(30px);transition:all 1s ease-out;transition-delay:.5s;margin-top:50px}.forgot-password-card.visible{opacity:1;transform:translateY(0)}.forgot-header{text-align:center;margin-bottom:44px;padding-bottom:24px;border-bottom:1px solid #f0f0f3}.forgot-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}.forgot-header p{color:#718096;font-size:15px;font-weight:400}.forgot-header .password-icon{width:48px;height:48px;color:#667eea;margin-bottom:16px}.forgot-form,.verify-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.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-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;width:100%}.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}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{padding-right:48px}.password-toggle{position:absolute;right:14px;background:none;border:none;color:#a0aec0;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.password-toggle:hover{color:#667eea}.password-toggle svg{width:18px;height:18px}.password-requirements{display:flex;flex-direction:column;gap:8px;padding:16px;background:#f8fafc;border-radius:12px;margin-top:4px}.password-requirements p{display:flex;align-items:center;gap:8px;font-size:13px;color:#a0aec0;margin:0;transition:color .2s ease}.password-requirements p svg{width:14px;height:14px}.password-requirements p.met{color:#48bb78}.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)}.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;white-space:nowrap;min-width:fit-content}.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)}.back-link{background:none;border:none;color:#718096;font-size:14px;cursor:pointer;padding:12px;margin-top:8px;transition:color .2s ease}.back-link:hover{color:#667eea}.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}.verify-header p strong{color:#667eea}.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:focus{outline:none}.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}@media (max-width: 600px){.forgot-password-container .welcome-logo{font-size:56px}.forgot-password-container .welcome-tagline{font-size:12px;gap:12px;letter-spacing:2px}.forgot-password-card{padding:36px 28px;margin-top:160px}.forgot-header h1{font-size:24px}.verification-input{font-size:28px;letter-spacing:12px;padding:18px}}.public-response-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f5f7fa;padding:40px 20px;position:relative}.public-response-branding{text-align:center;margin-bottom:40px}.branding-logo{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:48px;font-weight:900;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px;letter-spacing:-1px}.branding-tagline{display:flex;align-items:center;justify-content:center;gap:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px;font-weight:600;color:#4a5568;letter-spacing:2px;text-transform:uppercase}.branding-tagline .dot{color:#667eea;font-size:8px}.public-response-card{background:#f5f7fa;border-radius:24px;box-shadow:15px 15px 30px #c8d0e7,-15px -15px 30px #fff;padding:40px;max-width:520px;width:100%;min-height:300px;display:flex;flex-direction:column;justify-content:center}.public-response-loading{text-align:center;padding:40px}.loading-spinner{width:48px;height:48px;margin:0 auto 20px;border:4px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.public-response-loading p{color:#718096;font-size:15px}.public-response-info-card{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 4px 15px #0000000d}.info-header{display:flex;align-items:center;gap:8px;color:#667eea;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.info-icon{width:18px;height:18px}.info-title{font-size:22px;font-weight:700;color:#1a202c;margin-bottom:8px;letter-spacing:-.5px}.info-description{font-size:14px;color:#718096;line-height:1.6;margin-bottom:20px}.info-details{display:flex;flex-direction:column;gap:16px;border-top:1px solid #e2e8f0;padding-top:16px}.info-row{display:flex;align-items:flex-start;gap:12px}.detail-icon{width:18px;height:18px;color:#a0aec0;flex-shrink:0;margin-top:2px}.detail-content{display:flex;flex-direction:column;gap:2px}.detail-label{font-size:11px;color:#a0aec0;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.detail-value{font-size:14px;color:#2d3748;font-weight:500}.detail-value small{display:block;font-size:12px;color:#718096;margin-top:2px;font-weight:400}.public-response-actions{text-align:center}.actions-prompt{font-size:14px;color:#718096;margin-bottom:20px}.action-buttons{display:flex;gap:12px;justify-content:center}.action-btn{flex:1;max-width:140px;padding:14px 20px;border:none;border-radius:12px;font-size:14px;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}.action-btn svg{width:18px;height:18px}.accept-btn{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;box-shadow:0 4px 15px #48bb784d}.accept-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #48bb7866}.tentative-btn{background:linear-gradient(135deg,#ecc94b,#d69e2e);color:#fff;box-shadow:0 4px 15px #ecc94b4d}.tentative-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ecc94b66}.decline-btn{background:linear-gradient(135deg,#fc8181,#f56565);color:#fff;box-shadow:0 4px 15px #fc81814d}.decline-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fc818166}.public-response-result{text-align:center;padding:20px}.result-icon{width:80px;height:80px;margin:0 auto 24px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:15px 15px 30px #c8d0e7,-15px -15px 30px #fff}.result-icon svg{width:40px;height:40px;color:#fff;stroke-width:2.5}.result-icon.response-accepted{background:linear-gradient(135deg,#48bb78,#38a169)}.result-icon.response-declined{background:linear-gradient(135deg,#fc8181,#f56565)}.result-icon.response-tentative{background:linear-gradient(135deg,#ecc94b,#d69e2e)}.result-icon.error-icon{background:linear-gradient(135deg,#fc8181,#e53e3e)}.public-response-result h2{font-size:24px;color:#1a202c;margin-bottom:12px;font-weight:700;letter-spacing:-.5px}.result-message{font-size:15px;color:#718096;margin-bottom:16px;line-height:1.6}.response-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:600;margin-right:8px}.response-badge.response-accepted{background:#c6f6d5;color:#22543d}.response-badge.response-declined{background:#fed7d7;color:#742a2a}.response-badge.response-tentative{background:#fefcbf;color:#744210}.result-hint{font-size:13px;color:#a0aec0;margin-bottom:20px}.home-btn{padding:14px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;box-shadow:15px 15px 30px #c8d0e7,-15px -15px 30px #fff}.home-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}@media (max-width: 640px){.public-response-card{padding:28px 20px}.branding-logo{font-size:36px}.info-title{font-size:18px}.action-buttons{flex-direction:column}.action-btn{max-width:none}}.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:center;gap:10px}.logo-icon{height:32px;width:auto;object-fit:contain}.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}.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}}.mobile-breadcrumb{position:fixed;top:calc(68px + env(safe-area-inset-top,0));left:0;right:0;z-index:999;display:flex;justify-content:center;pointer-events:none}.mobile-breadcrumb-inner{position:relative;display:flex;align-items:center;gap:2px;height:26px;padding:0 16px;background:#ffffff40;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-radius:0 0 13px 13px;border:1px solid rgba(255,255,255,.15);border-top:none;box-shadow:0 4px 16px #0000000a,inset 0 1px #fff3;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;pointer-events:auto}.mobile-breadcrumb-inner:before{content:"";position:absolute;top:0;left:-10px;width:10px;height:10px;background:transparent;border-top-right-radius:10px;box-shadow:5px -5px #ffffff40}.mobile-breadcrumb-inner:after{content:"";position:absolute;top:0;right:-10px;width:10px;height:10px;background:transparent;border-top-left-radius:10px;box-shadow:-5px -5px #ffffff40}.mobile-breadcrumb-inner::-webkit-scrollbar{display:none}.mobile-breadcrumb-item{display:flex;align-items:center;gap:2px;padding:2px 6px;background:transparent;border:none;border-radius:6px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px;font-weight:500;color:#00000073;white-space:nowrap;cursor:pointer;transition:all .2s ease;flex-shrink:0}.mobile-breadcrumb-item:not(:disabled):active{background:#0000000d;transform:scale(.95)}.mobile-breadcrumb-item.home{padding:2px 4px;color:#00000059}.mobile-breadcrumb-item.home svg{font-size:13px}.mobile-breadcrumb-item.active{color:#667eea;font-weight:600;cursor:default}.mobile-breadcrumb-separator{font-size:10px;color:#0003;flex-shrink:0}@media (prefers-color-scheme: dark){.mobile-breadcrumb-inner{background:#ffffff14;border-color:#ffffff1a;box-shadow:0 4px 16px #00000026,inset 0 1px #ffffff14}.mobile-breadcrumb-inner:before{box-shadow:5px -5px #ffffff14}.mobile-breadcrumb-inner:after{box-shadow:-5px -5px #ffffff14}.mobile-breadcrumb-item{color:#ffffff73}.mobile-breadcrumb-item:not(:disabled):active{background:#ffffff14}.mobile-breadcrumb-item.home{color:#ffffff59}.mobile-breadcrumb-item.active{color:#818cf8}.mobile-breadcrumb-separator{color:#ffffff26}}@media (orientation: landscape) and (max-height: 500px){.mobile-breadcrumb{top:calc(48px + env(safe-area-inset-top,0))}.mobile-breadcrumb-inner{height:22px;padding:0 12px;border-radius:0 0 10px 10px}.mobile-breadcrumb-inner:before{left:-8px;width:8px;height:8px;border-top-right-radius:8px;box-shadow:4px -4px #ffffff40}.mobile-breadcrumb-inner:after{right:-8px;width:8px;height:8px;border-top-left-radius:8px;box-shadow:-4px -4px #ffffff40}.mobile-breadcrumb-item{font-size:10px;padding:2px 4px}.mobile-breadcrumb-item.home svg{font-size:11px}}@media (orientation: landscape) and (max-height: 500px) and (prefers-color-scheme: dark){.mobile-breadcrumb-inner:before{box-shadow:4px -4px #ffffff14}.mobile-breadcrumb-inner:after{box-shadow:-4px -4px #ffffff14}}.mobile-header{position:fixed;top:0;left:0;right:0;z-index:1000;padding-top:env(safe-area-inset-top,0)}.mobile-header-inner{display:flex;align-items:center;justify-content:space-between;height:56px;margin:12px 16px 0;padding:0 16px;background:#ffffff26;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-radius:20px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000000f,inset 0 1px #ffffff4d;transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-header-safe-area{display:none}.mobile-header-left,.mobile-header-right{width:44px;display:flex;align-items:center}.mobile-header-left{justify-content:flex-start}.mobile-header-right{justify-content:flex-end}.mobile-header-center{flex:1;display:flex;align-items:center;justify-content:center;min-width:0;padding:0 12px}.mobile-header-title{font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;font-size:17px;font-weight:600;color:#000000bf;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-header-logo{display:flex;align-items:center;gap:6px}.mobile-logo-icon{width:24px;height:24px;object-fit:contain}.mobile-logo-text{font-family:Inter,sans-serif;font-size:18px;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.mobile-logo-tagline{font-size:11px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.02em}.mobile-header-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:#ffffff59;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);border-radius:14px;color:#000000a6;font-size:22px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent;box-shadow:0 2px 8px #0000000a}.mobile-header-btn:active{transform:scale(.88);background:#ffffff80;box-shadow:0 1px 4px #00000014}.mobile-notification-btn{position:relative}.mobile-notification-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 6px;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);border-radius:12px;border:2px solid rgba(255,255,255,.9);font-family:Pretendard,sans-serif;font-size:11px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ee5a5a66;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@media (prefers-color-scheme: dark){.mobile-header-inner{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0003,inset 0 1px #ffffff1a}.mobile-header-title{color:#ffffffe6}.mobile-logo-text{background:linear-gradient(135deg,#818cf8,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mobile-logo-tagline{color:#94a3b8}.mobile-header-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#ffffffe6}.mobile-header-btn:active{background:#ffffff40}.mobile-notification-badge{border-color:#1a1a1ae6}}@media (orientation: landscape) and (max-height: 500px){.mobile-header-inner{height:48px;margin:8px 12px 0;padding:0 12px;border-radius:16px}.mobile-header-title{font-size:15px}.mobile-header-btn{width:36px;height:36px;font-size:18px;border-radius:12px}}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:1000;padding-bottom:env(safe-area-inset-bottom,0)}.mobile-bottom-nav-inner{display:flex;justify-content:space-around;align-items:center;width:calc(100% - 32px);max-width:400px;margin:0 auto 12px;padding:8px 12px;height:64px;background:#ffffff26;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-radius:24px;border:1px solid rgba(255,255,255,.35);box-shadow:0 8px 32px #0000001a,inset 0 1px #fff6}.mobile-bottom-nav-safe-area{height:0;background:transparent}.mobile-bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:56px;height:48px;padding:6px 8px;background:transparent;border:none;border-radius:16px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent;position:relative}.mobile-bottom-nav-item:active{transform:scale(.85)}.mobile-bottom-nav-icon{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:22px;color:#00000073;transition:all .25s cubic-bezier(.4,0,.2,1)}.mobile-bottom-nav-item.active .mobile-bottom-nav-icon{color:#667eea;transform:scale(1.1)}.mobile-bottom-nav-label{font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;font-size:10px;font-weight:500;color:#00000073;transition:all .25s cubic-bezier(.4,0,.2,1);opacity:.8}.mobile-bottom-nav-item.active .mobile-bottom-nav-label{color:#667eea;font-weight:600;opacity:1}.mobile-bottom-nav-item.active{background:#ffffff80;box-shadow:0 4px 12px #667eea33,inset 0 1px #fff9}.mobile-bottom-nav-item.active:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:4px;height:4px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;animation:dotPulse 1.5s ease-in-out infinite}@keyframes dotPulse{0%,to{opacity:1;transform:translate(-50%) scale(1)}50%{opacity:.7;transform:translate(-50%) scale(1.2)}}.mobile-bottom-nav-badge{position:absolute;top:0;right:10px;min-width:18px;height:18px;padding:0 5px;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);border-radius:10px;border:2px solid rgba(255,255,255,.9);font-size:10px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ee5a5a66;animation:badgeBounce 2s ease-in-out infinite}@keyframes badgeBounce{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.05) translateY(-1px)}}@media (prefers-color-scheme: dark){.mobile-bottom-nav-inner{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0003,inset 0 1px #ffffff1a}.mobile-bottom-nav-icon{color:#ffffff80}.mobile-bottom-nav-item.active .mobile-bottom-nav-icon{color:#818cf8}.mobile-bottom-nav-label{color:#ffffff80}.mobile-bottom-nav-item.active .mobile-bottom-nav-label{color:#818cf8}.mobile-bottom-nav-item.active{background:#fff3;box-shadow:0 4px 12px #818cf833,inset 0 1px #ffffff26}.mobile-bottom-nav-item.active:after{background:linear-gradient(135deg,#818cf8,#a78bfa)}.mobile-bottom-nav-badge{border-color:#14141ee6}}@media (orientation: landscape) and (max-height: 500px){.mobile-bottom-nav-inner{height:52px;margin-bottom:8px;padding:4px 8px;border-radius:20px}.mobile-bottom-nav-item{width:48px;height:40px;padding:4px;border-radius:12px}.mobile-bottom-nav-icon{font-size:18px}.mobile-bottom-nav-label{font-size:9px}}.push-permission-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .3s ease}.push-permission-content{background:#fff;border-radius:20px;padding:32px 24px;max-width:320px;width:100%;text-align:center;position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.push-permission-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s}.push-permission-close:hover{background:#e5e7eb}.push-permission-icon{width:72px;height:72px;margin:0 auto 20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px}.push-permission-title{margin:0 0 12px;font-size:20px;font-weight:700;color:#1f2937}.push-permission-desc{margin:0 0 12px;font-size:15px;color:#6b7280;line-height:1.5}.push-permission-hint{margin:0 0 20px;padding:12px 16px;background:#f0f4ff;border-radius:10px;font-size:13px;color:#4b5563;line-height:1.5}.push-permission-hint strong{color:#667eea}.push-permission-actions{display:flex;flex-direction:column;gap:10px}.push-permission-btn{width:100%;padding:14px 20px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.push-permission-btn.allow{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.push-permission-btn.allow:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.push-permission-btn.allow:disabled{opacity:.7;cursor:not-allowed}.push-permission-btn.later{background:transparent;color:#6b7280}.push-permission-btn.later:hover{background:#f3f4f6}.mobile-layout{min-height:100vh;min-height:100dvh;position:relative;overflow:hidden;background:linear-gradient(180deg,#f8fafc,#f1f5f9,#e2e8f0)}.mobile-content{min-height:100vh;min-height:100dvh;padding:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;z-index:1}.mobile-content.with-header{padding-top:calc(80px + env(safe-area-inset-top,0))}.mobile-content.with-header.with-breadcrumb{padding-top:calc(100px + env(safe-area-inset-top,0))}.mobile-content.with-bottom-nav{padding-bottom:calc(80px + env(safe-area-inset-bottom,0))}.mobile-content::-webkit-scrollbar{display:none}.mobile-content{-ms-overflow-style:none;scrollbar-width:none}@media (prefers-color-scheme: dark){.mobile-layout{background:linear-gradient(180deg,#0f0f12,#15151a,#1a1a1f)}}@media (orientation: landscape) and (max-height: 500px){.mobile-content.with-header{padding-top:calc(64px + env(safe-area-inset-top,0))}.mobile-content.with-header.with-breadcrumb{padding-top:calc(74px + env(safe-area-inset-top,0))}.mobile-content.with-bottom-nav{padding-bottom:calc(64px + env(safe-area-inset-bottom,0))}}.mobile-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9998;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu-drawer{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85vw;background:#f5f7fa;z-index:9999;display:flex;flex-direction:column;box-shadow:4px 0 24px #00000026;animation:slideIn .25s cubic-bezier(.4,0,.2,1);padding-top:env(safe-area-inset-top,0)}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px;border-bottom:1px solid rgba(200,208,231,.3)}.mobile-menu-brand{display:flex;align-items:center;gap:8px}.mobile-menu-logo-icon{width:28px;height:28px;object-fit:contain}.mobile-menu-logo{font-size:20px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif}.mobile-menu-tagline{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase}.mobile-menu-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff80;border:none;border-radius:10px;color:#64748b;font-size:20px;cursor:pointer;transition:all .2s ease;box-shadow:2px 2px 6px #c8d0e766,-2px -2px 6px #fffc}.mobile-menu-close:active{transform:scale(.92);box-shadow:inset 2px 2px 4px #c8d0e766,inset -2px -2px 4px #fff9}.mobile-menu-user{display:flex;align-items:center;gap:12px;padding:16px;margin:8px 12px;background:#fff9;border-radius:12px;box-shadow:3px 3px 8px #c8d0e74d,-3px -3px 8px #fffc}.mobile-menu-user-avatar{width:44px;height:44px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:600;flex-shrink:0}.mobile-menu-user-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.mobile-menu-user-name{font-size:15px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-menu-user-email{font-size:12px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-menu-nav{flex:1;overflow-y:auto;padding:12px}.mobile-menu-item-wrapper{margin-bottom:4px}.mobile-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;background:transparent;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left}.mobile-menu-item:hover,.mobile-menu-item:active{background:#fff9;box-shadow:2px 2px 6px #c8d0e74d,-2px -2px 6px #ffffffb3}.mobile-menu-item.active{background:#fffc;box-shadow:3px 3px 8px #c8d0e766,-3px -3px 8px #ffffffe6}.mobile-menu-item-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:20px;color:#64748b;flex-shrink:0}.mobile-menu-item.active .mobile-menu-item-icon{color:#667eea}.mobile-menu-item-label{flex:1;font-size:14px;font-weight:500;color:#475569}.mobile-menu-item.active .mobile-menu-item-label{color:#667eea;font-weight:600}.mobile-menu-item-arrow{font-size:16px;color:#94a3b8;transition:transform .2s ease}.mobile-menu-item-arrow.expanded{transform:rotate(90deg)}.mobile-menu-submenu{padding:4px 0 4px 36px}.mobile-menu-subitem{display:flex;align-items:center;width:100%;padding:10px 14px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left}.mobile-menu-subitem:hover,.mobile-menu-subitem:active{background:#ffffff80}.mobile-menu-subitem.active{background:#667eea1a}.mobile-menu-subitem-label{font-size:13px;font-weight:500;color:#64748b}.mobile-menu-subitem.active .mobile-menu-subitem-label{color:#667eea;font-weight:600}.mobile-menu-footer{padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0));border-top:1px solid rgba(200,208,231,.3)}.mobile-menu-logout{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:#ef44441a;border:none;border-radius:10px;color:#ef4444;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.mobile-menu-logout:active{background:#ef444433;transform:scale(.98)}.mobile-menu-logout svg{font-size:18px}@media (prefers-color-scheme: dark){.mobile-menu-drawer{background:linear-gradient(180deg,#12121a,#1a1a22);box-shadow:4px 0 24px #00000080}.mobile-menu-header{border-bottom-color:#ffffff1a}.mobile-menu-tagline{color:#64748b}.mobile-menu-close{background:#ffffff14;color:#94a3b8;box-shadow:2px 2px 6px #0000004d,-2px -2px 6px #ffffff08}.mobile-menu-user{background:#ffffff0d;box-shadow:3px 3px 8px #0000004d,-3px -3px 8px #ffffff05}.mobile-menu-user-name{color:#e2e8f0}.mobile-menu-user-email{color:#94a3b8}.mobile-menu-item:hover,.mobile-menu-item:active{background:#ffffff0d;box-shadow:2px 2px 6px #0003,-2px -2px 6px #ffffff05}.mobile-menu-item.active{background:#ffffff14;box-shadow:3px 3px 8px #00000040,-3px -3px 8px #ffffff05}.mobile-menu-item-icon{color:#94a3b8}.mobile-menu-item.active .mobile-menu-item-icon{color:#818cf8}.mobile-menu-item-label{color:#cbd5e1}.mobile-menu-item.active .mobile-menu-item-label{color:#818cf8}.mobile-menu-subitem:hover,.mobile-menu-subitem:active{background:#ffffff0d}.mobile-menu-subitem.active{background:#818cf826}.mobile-menu-subitem-label{color:#94a3b8}.mobile-menu-subitem.active .mobile-menu-subitem-label{color:#818cf8}.mobile-menu-footer{border-top-color:#ffffff1a}.mobile-menu-logout{background:#ef444426}.mobile-menu-logout:active{background:#ef444440}}.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-link{display:inline-block;margin-top:6px;font-size:12px;font-weight:500;color:#3b82f6;cursor:pointer;transition:color .15s}.toast:hover .toast-link{color:#2563eb}.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}.toast-link{color:#60a5fa}.toast:hover .toast-link{color:#93c5fd}}.pwa-install-prompt{position:fixed;bottom:0;left:0;right:0;z-index:10000;padding:16px;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.pwa-install-content{position:relative;background:#fff;border-radius:16px;padding:20px;box-shadow:0 -4px 20px #00000026;max-width:400px;margin:0 auto}.pwa-install-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s}.pwa-install-close:hover{background:#e5e7eb;color:#374151}.pwa-install-close svg{width:18px;height:18px}.pwa-install-icon{width:60px;height:60px;margin:0 auto 16px;border-radius:14px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.pwa-install-icon img{width:100%;height:100%;object-fit:cover}.pwa-install-text{text-align:center;margin-bottom:20px}.pwa-install-text h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#1f2937}.pwa-install-text p{margin:0;font-size:14px;color:#6b7280;line-height:1.5}.pwa-install-actions{display:flex;justify-content:center}.pwa-install-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.pwa-install-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.pwa-install-btn svg{width:20px;height:20px}.pwa-install-ios-guide{display:flex;flex-direction:column;gap:12px;padding:16px;background:#f9fafb;border-radius:12px}.pwa-ios-step{display:flex;align-items:center;gap:10px}.pwa-ios-step-number{width:22px;height:22px;background:linear-gradient(135deg,#60a5fa,#3b82f6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.pwa-ios-step-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#64748b;flex-shrink:0}.pwa-ios-step-icon svg{width:22px;height:22px}.pwa-ios-step-icon.confirm{font-size:12px;font-weight:600;color:#007aff}.pwa-ios-plus{font-size:20px;font-weight:300;color:#3b82f6}.pwa-ios-step span{font-size:14px;color:#374151}.pwa-ios-step strong{color:#1f2937}.pwa-install-android-guide{display:flex;flex-direction:column;gap:12px;padding:16px;background:#f9fafb;border-radius:12px}.pwa-android-step{display:flex;align-items:center;gap:10px}.pwa-android-step-number{width:22px;height:22px;background:linear-gradient(135deg,#34d399,#10b981);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.pwa-android-step-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#64748b;flex-shrink:0}.pwa-android-step-icon svg{width:22px;height:22px}.pwa-android-step-icon.confirm{font-size:12px;font-weight:600;color:#10b981}.pwa-android-step span{font-size:14px;color:#374151}.pwa-android-step strong{color:#1f2937}.pwa-install-never{display:block;width:100%;margin-top:16px;padding:8px;background:none;border:none;color:#9ca3af;font-size:13px;cursor:pointer;transition:color .2s}.pwa-install-never:hover{color:#6b7280}@media (min-width: 768px){.pwa-install-prompt{bottom:20px;left:auto;right:20px;padding:0;max-width:360px}.pwa-install-content{box-shadow:0 4px 24px #00000026}}