@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&family=Poppins:wght@500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600&family=Poppins:wght@500;600;700&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.border{border-style:var(--tw-border-style);border-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}html,body{height:100%;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{min-height:100vh}.dashboard-action-item{border-radius:8px;transition:background-color .2s}.dashboard-action-item:hover{background-color:#f5f5f5}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.interactive-card{cursor:pointer;transition:box-shadow .2s,transform .2s}.interactive-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.status-tag-draft{color:#8c8c8c;background:#f5f5f5;border:1px solid #d9d9d9}.status-tag-published{color:#52c41a;background:#f6ffed;border:1px solid #b7eb8f}.status-tag-discarded{color:#ff4d4f;background:#fff1f0;border:1px solid #ffa39e}button,a,.ant-btn,.ant-select-selector{transition:all .2s!important}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.loading-overlay{justify-content:center;align-items:center;min-height:200px;display:flex}.empty-state{text-align:center;color:#8c8c8c;padding:40px 20px}.empty-state-icon{opacity:.5;margin-bottom:16px;font-size:48px}.page-fade-in{animation:.3s ease-in-out fadeIn}.copy-button{opacity:0;transition:opacity .2s}.has-copy:hover .copy-button{opacity:1}.ant-table-tbody>tr>td{transition:background-color .2s}.ant-modal{animation:.3s ease-out modalSlideIn}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}:root{--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-200: #bfdbfe;--color-primary-300: #93c5fd;--color-primary-400: #60a5fa;--color-primary-500: #3b82f6;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-primary-800: #1e40af;--color-primary-900: #1e3a8a;--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-300: #cbd5e1;--color-slate-400: #94a3b8;--color-slate-500: #64748b;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1e293b;--color-slate-900: #0f172a;--gradient-primary: linear-gradient(135deg, #1e40af 0%, #3b82f6 50%, #0ea5e9 100%);--gradient-primary-subtle: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);--gradient-surface: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 10px 10px -5px rgba(0, 0, 0, .03);--shadow-primary: 0 4px 14px rgba(37, 99, 235, .3);--shadow-primary-lg: 0 6px 20px rgba(37, 99, 235, .4);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--sidebar-width: 260px;--sidebar-collapsed-width: 80px;--header-height: 64px}*{box-sizing:border-box}body{margin:0;font-family:Open Sans,sans-serif;color:var(--color-slate-700);background:var(--color-slate-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;font-weight:600;color:var(--color-slate-800);margin:0}h1{font-size:2rem;font-weight:700}h2{font-size:1.5rem;font-weight:700}h3{font-size:1.25rem;font-weight:600}h4{font-size:1.125rem;font-weight:600}h5{font-size:1rem;font-weight:600}h6{font-size:.875rem;font-weight:600}p{margin:0;line-height:1.6}a{color:var(--color-primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-700)}.ant-btn-primary{background:var(--gradient-primary-subtle);border:none;box-shadow:var(--shadow-primary);transition:all var(--transition-normal);font-weight:600}.ant-btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#2563eb);box-shadow:var(--shadow-primary-lg);transform:translateY(-1px)}.ant-btn-primary:active{transform:translateY(0)}.ant-btn-default:hover{border-color:var(--color-primary-400);color:var(--color-primary-600)}.ant-input,.ant-input-password,.ant-select-selector{border-radius:var(--radius-sm)!important;border-color:var(--color-slate-200)!important;transition:all var(--transition-normal)}.ant-input:hover,.ant-input-password:hover,.ant-select-selector:hover{border-color:var(--color-slate-300)!important}.ant-input:focus,.ant-input-password .ant-input:focus,.ant-select-focused .ant-select-selector{border-color:var(--color-primary-500)!important;box-shadow:0 0 0 3px #3b82f61a!important}.ant-card{border-radius:var(--radius-lg)!important;border:1px solid var(--color-slate-200)!important;box-shadow:var(--shadow-sm)!important}.ant-card-head{border-bottom:1px solid var(--color-slate-200)!important;padding:16px 24px!important}.ant-card-head-title{font-family:Poppins,sans-serif!important;font-weight:600!important;color:var(--color-slate-800)!important}.ant-card-body{padding:24px!important}.ant-table{font-size:.9375rem}.ant-table-thead>tr>th{font-family:Poppins,sans-serif;font-weight:600;color:var(--color-slate-700);background:var(--color-slate-50);border-bottom:2px solid var(--color-slate-200)}.ant-table-tbody>tr>td{border-bottom:1px solid var(--color-slate-100)}.ant-table-tbody>tr:hover>td{background:var(--color-primary-50)}.ant-menu-dark{background:transparent!important}.ant-menu-dark .ant-menu-item-selected{background:#ffffff26!important;border-radius:var(--radius-sm)}.ant-menu-dark .ant-menu-item{border-radius:var(--radius-sm);margin:4px 8px;width:calc(100% - 16px);transition:all var(--transition-fast)}.ant-menu-dark .ant-menu-item:hover{background:#ffffff14}.ant-modal-content{border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-xl)!important}.ant-modal-header{border-radius:var(--radius-lg) var(--radius-lg) 0 0!important;border-bottom:1px solid var(--color-slate-200)!important;padding:20px 24px!important}.ant-modal-title{font-family:Poppins,sans-serif;font-weight:600;color:var(--color-slate-800)}.ant-modal-body{padding:24px!important}.ant-tag{border-radius:var(--radius-full);padding:4px 12px;font-size:.8125rem;font-weight:500}.ant-pagination-item-active{background:var(--color-primary-600)!important;border-color:var(--color-primary-600)!important}.ant-pagination-item-active a{color:#fff!important}.ant-form-item-label>label{font-weight:600;color:var(--color-slate-700)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--color-slate-200)}.page-header h1{font-size:1.75rem;font-weight:700;color:var(--color-slate-800)}.page-header-title{display:flex;align-items:center;gap:12px}.page-header-actions{display:flex;gap:12px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.stat-card{background:#fff;border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--color-slate-200);transition:all var(--transition-normal)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card-label{color:var(--color-slate-500);font-size:.875rem;font-weight:500;margin-bottom:8px}.stat-card-value{font-family:Poppins,sans-serif;font-size:2rem;font-weight:700;color:var(--color-slate-800)}.stat-card-trend{display:flex;align-items:center;gap:4px;font-size:.875rem;margin-top:8px}.stat-card-trend.up{color:#10b981}.stat-card-trend.down{color:#ef4444}.empty-state{text-align:center;padding:60px 20px;color:var(--color-slate-400)}.empty-state-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state-text{font-size:1rem;margin-bottom:24px}.page-fade-in{animation:fadeIn .3s ease}.skeleton{background:linear-gradient(90deg,var(--color-slate-100) 0%,var(--color-slate-200) 50%,var(--color-slate-100) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-slate-100)}::-webkit-scrollbar-thumb{background:var(--color-slate-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-slate-400)}.app-header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;position:sticky;top:0;z-index:10}.toggle-button{width:44px;height:44px;border-radius:10px;transition:all .2s ease}.toggle-button:hover{background:#f1f5f9!important;color:#2563eb!important}.header-right{display:flex;align-items:center;gap:16px}.user-avatar-trigger{cursor:pointer;transition:all .2s ease}.user-avatar-trigger:hover{transform:scale(1.05)}.user-avatar{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 2px 8px #2563eb4d}.user-dropdown-info{display:flex;flex-direction:column;padding:4px 0}.user-name{font-weight:600;color:#1e293b;font-size:.9375rem}.user-role{font-size:.8125rem;color:#64748b}.ant-dropdown-menu{border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 10px 25px #0000001a;padding:8px;min-width:180px}.ant-dropdown-menu-item{border-radius:8px;padding:10px 12px;margin:2px 0;transition:all .2s ease}.ant-dropdown-menu-item:hover{background:#f1f5f9}.ant-dropdown-menu-item-danger:hover{background:#fef2f2;color:#ef4444}.ant-dropdown-menu-item-disabled{cursor:default}.ant-dropdown-menu-item-disabled:hover{background:transparent}.app-sidebar{background:linear-gradient(180deg,#1e40af,#1d4ed8,#2563eb)!important;box-shadow:2px 0 10px #0000001a}.sidebar-logo{display:flex;align-items:center;gap:12px;height:64px;padding:0 20px;margin:16px 8px;background:#ffffff1a;border-radius:12px;transition:all .2s ease}.sidebar-logo:hover{background:#ffffff26}.logo-icon{font-size:24px;color:#fff;flex-shrink:0}.logo-text{display:flex;flex-direction:column;gap:2px}.logo-main{font-family:Poppins,sans-serif;font-size:18px;font-weight:700;color:#fff;letter-spacing:-.02em;line-height:1}.logo-sub{font-size:11px;color:#fffc;font-weight:500;line-height:1}.sidebar-menu{background:transparent!important;border:none!important;padding:8px 0}.sidebar-menu .ant-menu-item{border-radius:10px!important;margin:4px 12px!important;width:calc(100% - 24px)!important;height:44px;line-height:44px;display:flex;align-items:center;color:#fffc!important;font-weight:500;transition:all .2s ease}.sidebar-menu .ant-menu-item:hover{background:#ffffff1f!important;color:#fff!important;transform:translate(4px)}.sidebar-menu .ant-menu-item-selected{background:#fff3!important;color:#fff!important;font-weight:600;box-shadow:0 2px 8px #0000001a}.sidebar-menu .ant-menu-item .anticon{font-size:18px;min-width:18px}.app-sidebar .ant-layout-sider-children{display:flex;flex-direction:column}.app-sidebar.ant-layout-sider-collapsed .sidebar-logo{justify-content:center;padding:0;margin:16px auto;width:calc(100% - 32px)}.app-sidebar::-webkit-scrollbar{width:4px}.app-sidebar::-webkit-scrollbar-track{background:transparent}.app-sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.app-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.sidebar-version{position:absolute;bottom:12px;left:12px;right:12px;-webkit-user-select:none;user-select:none}.version-badge{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:10px;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.version-badge:hover{background:#ffffff1f;border-color:#ffffff2e;transform:translateY(-1px)}.version-icon{font-size:16px;color:#ffffffb3;flex-shrink:0}.version-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.version-number{font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px;font-weight:600;color:#fffffff2;line-height:1.2;letter-spacing:.02em}.version-time{font-family:SF Mono,Monaco,Consolas,monospace;display:flex;align-items:baseline;gap:6px;font-size:10px;color:#ffffffb3;line-height:1.2;font-weight:500;font-variant-numeric:tabular-nums}.version-time-label{font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#ffffff73}.version-time-value{color:#ffffffb3}.app-layout{min-height:100vh;background:#f8fafc}.app-main-layout{min-height:100vh;display:flex;flex-direction:column}.app-content{flex:1;padding:24px;overflow:auto;background:#f8fafc}.content-wrapper{background:#fff;border-radius:16px;padding:32px;min-height:calc(100vh - 112px);box-shadow:0 2px 8px #0000000a;border:1px solid #e2e8f0;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.app-content{padding:16px}.content-wrapper{padding:20px;border-radius:12px}}@media(max-width:480px){.app-content{padding:12px}.content-wrapper{padding:16px;border-radius:8px}}.article-status-tag{border-radius:6px;padding:4px 10px;font-size:.8125rem;font-weight:500;flex-shrink:0}.article-card{border-radius:12px!important;border:1px solid #e2e8f0!important;box-shadow:0 2px 4px #0000000a!important;transition:all .25s ease;cursor:pointer;height:100%}.article-card:hover{box-shadow:0 8px 16px #00000014!important;transform:translateY(-2px);border-color:#cbd5e1!important}.article-card .ant-card-body{padding:20px!important;display:flex;flex-direction:column;gap:12px}.article-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.article-card-title{font-family:Poppins,sans-serif;font-size:1.0625rem;font-weight:600;color:#1e293b;margin:0;line-height:1.4;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-card-meta{display:flex;align-items:center;gap:12px}.article-type-tag{border-radius:6px;padding:4px 10px;font-size:.8125rem;font-weight:500;border:none}.article-date{font-size:.8125rem;color:#94a3b8}.article-topic{font-size:.875rem;color:#64748b;padding-top:8px;border-top:1px solid #f1f5f9;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.login-container{display:flex;min-height:100vh;font-family:Open Sans,sans-serif}.login-left-panel{position:relative;flex:1;display:flex;align-items:center;padding:3rem;background:linear-gradient(135deg,#1e40af,#3b82f6,#0ea5e9);color:#fff;overflow:hidden}.login-content{position:relative;z-index:2;max-width:420px}.login-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:2.5rem}.logo-icon{font-size:2.5rem;color:#fff}.logo-text{font-family:Poppins,sans-serif;font-size:1.75rem;font-weight:700;letter-spacing:-.02em}.login-title{font-family:Poppins,sans-serif;font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem;letter-spacing:-.03em}.login-subtitle{font-size:1.0625rem;color:#ffffffd9;line-height:1.6;margin-bottom:3rem}.login-features{display:flex;flex-direction:column;gap:1rem}.feature-item{display:flex;align-items:center;gap:.875rem;font-size:1rem;color:#fffffff2}.feature-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#fff3;border-radius:50%;font-size:.75rem;font-weight:700;flex-shrink:0}.login-shapes{position:absolute;inset:0;pointer-events:none;overflow:hidden}.shape{position:absolute;border-radius:50%;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.shape-1{width:400px;height:400px;top:-100px;right:-100px}.shape-2{width:300px;height:300px;bottom:-80px;left:-50px}.shape-3{width:200px;height:200px;top:50%;right:10%;transform:translateY(-50%)}.login-right-panel{flex:0 0 520px;display:flex;align-items:center;justify-content:center;padding:2rem;background:#f8fafc}.login-form-wrapper{width:100%;max-width:400px}.login-form-header{margin-bottom:2.5rem}.login-form-header h2{font-family:Poppins,sans-serif;font-size:1.75rem;font-weight:700;color:#1e293b;margin-bottom:.5rem;letter-spacing:-.02em}.login-form-header p{color:#64748b;font-size:.9375rem}.login-form-wrapper .ant-form-item-label>label{font-weight:600;color:#334155;font-size:.875rem}.login-form-wrapper .ant-input,.login-form-wrapper .ant-input-password{border-radius:10px;border-color:#e2e8f0;padding:.75rem 1rem;font-size:.9375rem;transition:all .2s ease}.login-form-wrapper .ant-input:hover,.login-form-wrapper .ant-input-password:hover{border-color:#94a3b8}.login-form-wrapper .ant-input:focus,.login-form-wrapper .ant-input-password .ant-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.login-form-wrapper .ant-input-prefix{color:#94a3b8;margin-right:.75rem}.login-button{height:48px;border-radius:10px;font-weight:600;font-size:1rem;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;box-shadow:0 4px 14px #2563eb4d;transition:all .25s ease}.login-button:hover{background:linear-gradient(135deg,#1d4ed8,#2563eb);box-shadow:0 6px 20px #2563eb66;transform:translateY(-1px)}.login-button:active{transform:translateY(0)}.login-footer{margin-top:2rem;text-align:center}.login-footer p{color:#94a3b8;font-size:.8125rem}@media(max-width:1024px){.login-left-panel{padding:2rem}.login-title{font-size:2rem}.login-right-panel{flex:0 0 420px}}@media(max-width:768px){.login-container{flex-direction:column}.login-left-panel{min-height:40vh;padding:2rem 1.5rem}.login-title{font-size:1.75rem}.login-subtitle{font-size:.9375rem;margin-bottom:1.5rem}.login-features{display:none}.login-right-panel{flex:1;padding:1.5rem}.login-form-wrapper{max-width:100%}.shape{display:none}}@media(max-width:480px){.login-left-panel{padding:1.5rem;min-height:35vh}.login-logo{margin-bottom:1.5rem}.logo-icon{font-size:2rem}.logo-text,.login-title,.login-form-header h2{font-size:1.5rem}}.config-page{min-height:100%}.config-tabs{margin-top:24px}.config-tabs .ant-tabs-nav{margin-bottom:24px}.config-tabs .ant-tabs-tab{padding:12px 20px;border-radius:10px;margin-right:8px;transition:all .2s ease}.config-tabs .ant-tabs-tab:hover{background:var(--color-primary-50)}.config-tabs .ant-tabs-tab-active{background:var(--color-primary-100)}.config-tabs .ant-tabs-tab-btn{font-weight:500;color:var(--color-slate-600)}.config-tabs .ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--color-primary-600);font-weight:600}.tab-label{display:flex;align-items:center;gap:8px}.config-section{animation:fadeIn .3s ease}.section-header{margin-bottom:24px}.section-header-content{display:flex;align-items:flex-start;gap:16px}.section-icon{font-size:32px;color:var(--color-primary-500);background:var(--color-primary-50);width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.section-icon-small{font-size:20px;color:var(--color-primary-500);background:var(--color-primary-50);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0}.section-header-compact{display:flex;align-items:center;gap:12px;margin-bottom:16px}.section-header h3{font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:600;color:var(--color-slate-800);margin-bottom:4px}.section-description{color:var(--color-slate-500);font-size:.9375rem;margin:0}.user-info-card{border-radius:16px!important;border:1px solid var(--color-slate-200)!important;box-shadow:var(--shadow-sm)!important;background:linear-gradient(135deg,var(--color-primary-50) 0%,#ffffff 100%)!important;height:100%}.user-info-card .ant-card-body{padding:32px!important;height:100%;display:flex;align-items:center}.user-profile{display:flex;align-items:center;gap:20px;width:100%}.user-avatar-large{width:80px;height:80px;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;flex-shrink:0;box-shadow:0 4px 12px #2563eb4d}.user-details h3{font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:700;color:var(--color-slate-800);margin-bottom:4px}.user-role{color:var(--color-slate-500);font-size:.9375rem;margin-bottom:12px}.user-stats{display:flex;gap:8px}.stat-item{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#fff;border-radius:20px;font-size:.8125rem;color:var(--color-slate-600);font-weight:500}.password-section{height:100%}.config-card{border-radius:16px!important;border:1px solid var(--color-slate-200)!important;box-shadow:var(--shadow-sm)!important}.config-card .ant-card-body{padding:32px!important}.password-form{max-width:100%}.password-form .ant-form-item{margin-bottom:18px}.password-form .ant-form-item-label>label{font-weight:600;color:var(--color-slate-700)}.password-form .ant-input-affix-wrapper,.password-form .ant-input{border-radius:10px;padding:10px 14px;font-size:.9375rem}.password-form .ant-input-prefix{color:var(--color-slate-400);margin-right:10px}.password-strength{margin-bottom:16px;padding:12px;background:var(--color-slate-50);border-radius:8px}.strength-header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.8125rem;font-weight:500}.strength-header span:first-child{color:var(--color-slate-600)}.strength-header span:last-child{font-weight:600}.password-strength .ant-progress-line-bg{background:var(--color-slate-200)!important}.submit-button{height:48px;border-radius:10px;font-weight:600;font-size:1rem;margin-top:8px}.progress-card{border-radius:16px!important;border:1px solid var(--color-slate-200)!important;box-shadow:var(--shadow-sm)!important;margin-bottom:24px}.progress-card .ant-card-body{padding:24px!important}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.progress-title{display:flex;align-items:center;gap:8px;font-family:Poppins,sans-serif;font-weight:600;color:var(--color-slate-800);font-size:1rem}.progress-badge{font-size:.875rem;font-weight:600;padding:4px 12px;background:var(--color-primary-100);color:var(--color-primary-600);border-radius:16px}.config-progress{margin-bottom:20px}.config-progress .ant-progress-line-bg{background:var(--color-slate-200)!important}.progress-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.progress-step{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-slate-50);border-radius:10px;transition:all .2s ease}.progress-step:hover{background:var(--color-slate-100)}.progress-step.done{background:var(--color-primary-50)}.progress-step.done .step-icon{background:var(--color-primary-500);color:#fff}.step-icon{width:32px;height:32px;background:var(--color-slate-300);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;transition:all .2s ease}.progress-step.done .step-icon{background:var(--color-primary-500)}.step-info{flex:1;display:flex;flex-direction:column;gap:2px}.step-name{font-weight:600;color:var(--color-slate-700);font-size:.875rem}.step-count{color:var(--color-slate-500);font-size:.75rem}.step-check{color:var(--color-primary-500);font-size:16px}.guide-divider{display:flex;align-items:center;margin:24px 0;color:var(--color-slate-400);font-size:.875rem}.guide-divider:before,.guide-divider:after{content:"";flex:1;height:1px;background:var(--color-slate-200)}.guide-divider span{padding:0 16px;background:#fff}.guide-card{border-radius:14px!important;border:1px solid var(--color-slate-200)!important;box-shadow:var(--shadow-sm)!important;transition:all .25s ease;cursor:pointer}.guide-card:hover{box-shadow:var(--shadow-md)!important;transform:translateY(-3px);border-color:var(--color-primary-300)!important}.guide-card .ant-card-body{padding:20px 24px!important}.guide-card-header{display:flex;align-items:center;gap:16px}.guide-step{width:48px;height:48px;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.guide-step-primary{background:linear-gradient(135deg,#7c3aed,#8b5cf6)}.guide-content{flex:1}.guide-content h4{font-family:Poppins,sans-serif;font-weight:600;color:var(--color-slate-800);margin:0 0 4px;font-size:1rem}.guide-content p{color:var(--color-slate-500);font-size:.875rem;margin:0}.guide-arrow{font-size:18px;color:var(--color-slate-300);transition:all .25s ease}.guide-card:hover .guide-arrow{color:var(--color-primary-500);transform:translate(4px)}.guide-card-primary{background:linear-gradient(135deg,#f5f3ff,#ede9fe)!important;border-color:var(--color-primary-200)!important}.guide-card-primary:hover{background:linear-gradient(135deg,#ede9fe,#ddd6fe)!important}@media(max-width:992px){.user-profile{flex-direction:column;text-align:center}.user-stats{justify-content:center}}@media(max-width:768px){.config-card .ant-card-body,.progress-card .ant-card-body{padding:20px!important}.progress-steps{grid-template-columns:1fr}.section-header-content{flex-direction:column;gap:12px}.section-icon{width:48px;height:48px;font-size:24px}.user-info-card .ant-card-body{padding:24px!important}.user-avatar-large{width:64px;height:64px;font-size:28px}.progress-header{flex-direction:column;align-items:flex-start;gap:8px}}