#root,body,html{height:100%}body{-moz-osx-font-smoothing:grayscale;font-family:Inter,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}code{font-family:JetBrains Mono,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b899}:root{--bg-app:#f6f7fb;--bg-surface:#fff;--bg-subtle:#f1f5f9;--bg-hover:#f8fafc;--sidebar-bg:#0b1220;--sidebar-surface:#ffffff0a;--sidebar-hover:#ffffff14;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-on-dark:#e2e8f0;--text-on-dark-muted:#94a3b8;--border:#e5e7eb;--border-strong:#cbd5e1;--border-dark:#ffffff14;--primary:#6366f1;--primary-hover:#4f46e5;--primary-soft:#eef2ff;--primary-gradient:linear-gradient(135deg,#6366f1,#8b5cf6);--success:#10b981;--success-soft:#ecfdf5;--danger:#ef4444;--danger-hover:#dc2626;--danger-soft:#fef2f2;--warning:#f59e0b;--warning-soft:#fffbeb;--info:#0ea5e9;--info-soft:#f0f9ff;--shadow-sm:0 1px 2px #0f172a0d;--shadow-md:0 4px 10px -2px #0f172a14;--shadow-lg:0 16px 32px -12px #0f172a26;--shadow-xl:0 24px 48px -16px #0f172a2e;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--sidebar-w:260px;--topbar-h:70px;--trans-fast:150ms ease;--trans:220ms ease}[data-theme=dark]{--bg-app:#0b1220;--bg-surface:#111a2e;--bg-subtle:#0f1a30;--bg-hover:#162340;--sidebar-bg:#060b1a;--sidebar-surface:#ffffff0a;--sidebar-hover:#ffffff14;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#64748b;--border:#1e293b;--border-strong:#334155;--primary-soft:#6366f126;--success-soft:#10b9811f;--danger-soft:#ef44441f;--warning-soft:#f59e0b1f;--info-soft:#0ea5e91f;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 10px -2px #0006;--shadow-lg:0 16px 32px -12px #00000080}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;background-color:#f6f7fb;background-color:var(--bg-app);font-family:Inter,Source Sans Pro,-apple-system,BlinkMacSystemFont,sans-serif;margin:0;transition:background-color .22s ease,color .22s ease;transition:background-color var(--trans),color var(--trans)}body,h1,h2,h3,h4,h5,h6{color:#0f172a;color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:Poppins,Inter,sans-serif;letter-spacing:-.01em}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{background-color:#fff;background-color:var(--bg-surface);color:#0f172a;color:var(--text-primary);font-family:inherit}.dashboard-layout{background-color:#f6f7fb;background-color:var(--bg-app)}.dashboard-layout,.sidebar{display:flex;min-height:100vh}.sidebar{background-color:#0b1220;background-color:var(--sidebar-bg);border-right:1px solid #ffffff14;border-right:1px solid var(--border-dark);color:#e2e8f0;color:var(--text-on-dark);flex-direction:column;padding:24px 18px;position:sticky;top:0;width:260px;width:var(--sidebar-w)}.sidebar-brand{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border-dark);display:flex;gap:12px;margin-bottom:16px;padding:6px 10px 22px}.sidebar-brand-logo{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--primary-gradient);border-radius:10px;box-shadow:0 4px 14px #6366f166;color:#fff;display:flex;font-size:1.1rem;font-weight:700;height:38px;justify-content:center;width:38px}.sidebar-brand-text{display:flex;flex-direction:column;line-height:1.1}.sidebar-brand-text strong{color:#fff;font-family:Poppins,sans-serif;font-size:1.05rem}.sidebar-brand-text span{font-size:.72rem;letter-spacing:.08em}.sidebar-brand-text span,.sidebar-section-label{color:#94a3b8;color:var(--text-on-dark-muted);text-transform:uppercase}.sidebar-section-label{font-size:.68rem;font-weight:600;letter-spacing:.12em;padding:12px 12px 8px}.sidebar-nav{display:flex;flex-direction:column;flex-grow:1;gap:4px;list-style:none;margin:0;padding:0}.sidebar-nav li a{align-items:center;border-radius:10px;border-radius:var(--radius-md);color:#e2e8f0;color:var(--text-on-dark);display:flex;font-size:.92rem;font-weight:500;gap:12px;padding:11px 12px;transition:background-color .15s ease,color .15s ease,transform .15s ease;transition:background-color var(--trans-fast),color var(--trans-fast),transform var(--trans-fast)}.sidebar-nav li a:hover{background-color:#ffffff14;background-color:var(--sidebar-hover);color:#fff}.sidebar-nav li a.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--primary-gradient);box-shadow:0 6px 14px #6366f159;color:#fff}.sidebar-nav li a svg{flex-shrink:0;height:18px;width:18px}.sidebar-footer{border-top:1px solid #ffffff14;border-top:1px solid var(--border-dark);display:flex;flex-direction:column;gap:10px;margin-top:16px;padding-top:16px}.sidebar-user{align-items:center;background-color:#ffffff0a;background-color:var(--sidebar-surface);border-radius:10px;border-radius:var(--radius-md);display:flex;gap:10px;padding:10px 12px}.sidebar-user-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--primary-gradient);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;height:36px;justify-content:center;width:36px}.sidebar-user-info{display:flex;flex-direction:column;line-height:1.2;overflow:hidden}.sidebar-user-info strong{color:#fff;font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-info span{color:#94a3b8;color:var(--text-on-dark-muted);font-size:.72rem;text-transform:capitalize}.logout-button{align-items:center;background-color:initial;border:1px solid #ffffff14;border:1px solid var(--border-dark);border-radius:10px;border-radius:var(--radius-md);color:#e2e8f0;color:var(--text-on-dark);display:flex;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;padding:11px 14px;transition:all .15s ease;transition:all var(--trans-fast);width:100%}.logout-button:hover{background-color:#ef444426;border-color:#ef444466;color:#fecaca}.logout-button svg{height:16px;width:16px}.topbar{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fff;background-color:var(--bg-surface);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;height:70px;height:var(--topbar-h);justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:10}.topbar-title{display:flex;flex-direction:column;gap:2px}.topbar-title h2{font-size:1.15rem;font-weight:600;margin:0}.topbar-title span{color:#94a3b8;color:var(--text-muted);font-size:.78rem}.topbar-actions{gap:10px}.theme-toggle,.topbar-actions{align-items:center;display:flex}.theme-toggle{background-color:#fff;background-color:var(--bg-surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:50%;color:#475569;color:var(--text-secondary);height:40px;justify-content:center;transition:all .15s ease;transition:all var(--trans-fast);width:40px}.theme-toggle:hover{background-color:#f1f5f9;background-color:var(--bg-subtle);border-color:#6366f1;border-color:var(--primary);color:#6366f1;color:var(--primary)}.theme-toggle svg{height:18px;width:18px}.topbar-user-chip{align-items:center;background-color:#f1f5f9;background-color:var(--bg-subtle);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:999px;display:flex;gap:10px;padding:6px 14px 6px 6px}.topbar-user-chip .avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--primary-gradient);border-radius:50%;color:#fff;display:flex;font-size:.78rem;font-weight:600;height:30px;justify-content:center;width:30px}.topbar-user-chip strong{font-size:.85rem;font-weight:600}.topbar-user-chip span{color:#94a3b8;color:var(--text-muted);font-size:.72rem;margin-left:6px}.content-area{display:flex;flex-direction:column;flex-grow:1;min-width:0}.page-container{margin:0 auto;max-width:1400px;padding:32px;width:100%}.page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:28px}.page-title{font-size:1.75rem;font-weight:700;margin:0 0 6px}.page-subtitle{color:#94a3b8;color:var(--text-muted);font-size:.95rem;margin:0}.btn{align-items:center;border:1px solid #0000;border-radius:10px;border-radius:var(--radius-md);display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;padding:10px 18px;transition:all .15s ease;transition:all var(--trans-fast);white-space:nowrap}.btn svg{height:16px;width:16px}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--primary-gradient);box-shadow:0 4px 14px #6366f14d;color:#fff}.btn-primary:hover{box-shadow:0 6px 20px #6366f166;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background-color:#fff;background-color:var(--bg-surface);border-color:#e5e7eb;border-color:var(--border);color:#0f172a;color:var(--text-primary)}.btn-secondary:hover{background-color:#f1f5f9;background-color:var(--bg-subtle);border-color:#cbd5e1;border-color:var(--border-strong)}.btn-danger{background-color:#ef4444;background-color:var(--danger);color:#fff}.btn-danger:hover{background-color:#dc2626;background-color:var(--danger-hover)}.btn-ghost{background-color:initial;border-color:#e5e7eb;border-color:var(--border);color:#475569;color:var(--text-secondary)}.btn-ghost:hover{background-color:#f1f5f9;background-color:var(--bg-subtle);color:#0f172a;color:var(--text-primary)}.btn-sm{font-size:.82rem;padding:6px 12px}.btn-icon-only,.btn-sm{border-radius:6px;border-radius:var(--radius-sm)}.btn-icon-only{height:36px;padding:0;width:36px}.card{background-color:#fff;background-color:var(--bg-surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0f172a0d;box-shadow:var(--shadow-sm);padding:24px;transition:box-shadow .22s ease,transform .22s ease;transition:box-shadow var(--trans),transform var(--trans)}.card-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:18px;padding-bottom:16px}.card-header h3{font-size:1.1rem;font-weight:600;margin:0}.form-group{display:flex;flex-direction:column;margin-bottom:18px}.form-group label{color:#0f172a;color:var(--text-primary);font-size:.85rem;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background-color:#fff;background-color:var(--bg-surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);color:#0f172a;color:var(--text-primary);font-size:.95rem;padding:11px 14px;transition:border-color .15s ease,box-shadow .15s ease;transition:border-color var(--trans-fast),box-shadow var(--trans-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 4px #eef2ff;box-shadow:0 0 0 4px var(--primary-soft);outline:none}.form-group textarea{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.9rem;line-height:1.55;min-height:360px;resize:vertical}.form-group .form-hint{color:#94a3b8;color:var(--text-muted);font-size:.78rem;margin-top:6px}.input-with-button{display:flex;gap:0}.input-with-button input{border-bottom-right-radius:0;border-right:none;border-top-right-radius:0;flex-grow:1}.input-with-button button{background-color:#f1f5f9;background-color:var(--bg-subtle);border:1px solid #e5e7eb;border:1px solid var(--border);border-bottom-left-radius:0;border-bottom-right-radius:10px;border-bottom-right-radius:var(--radius-md);border-top-left-radius:0;border-top-right-radius:10px;border-top-right-radius:var(--radius-md);color:#475569;color:var(--text-secondary);font-size:.85rem;font-weight:600;padding:0 16px;transition:background-color .15s ease;transition:background-color var(--trans-fast)}.input-with-button button:hover{background-color:#f8fafc;background-color:var(--bg-hover);color:#6366f1;color:var(--primary)}.file-drop{background-color:#f1f5f9;background-color:var(--bg-subtle);border:2px dashed #cbd5e1;border:2px dashed var(--border-strong);border-radius:10px;border-radius:var(--radius-md);cursor:pointer;padding:22px;text-align:center;transition:border-color .15s ease,background-color .15s ease;transition:border-color var(--trans-fast),background-color var(--trans-fast)}.file-drop:hover{background-color:#eef2ff;background-color:var(--primary-soft);border-color:#6366f1;border-color:var(--primary)}.file-drop svg{color:#94a3b8;color:var(--text-muted);height:28px;margin-bottom:8px;width:28px}.file-drop-label{color:#475569;color:var(--text-secondary);font-size:.9rem}.file-drop input[type=file]{display:block;font-size:.82rem;margin:10px auto 0}.alert{align-items:center;border:1px solid #0000;border-radius:10px;border-radius:var(--radius-md);display:flex;font-size:.9rem;gap:10px;margin-top:14px;padding:12px 16px}.alert svg{flex-shrink:0;height:18px;width:18px}.alert-success,.success-message{background-color:#ecfdf5;background-color:var(--success-soft);border-color:#10b98140;color:#10b981;color:var(--success)}.alert-error,.error-message{background-color:#fef2f2;background-color:var(--danger-soft);border-color:#ef444440;color:#ef4444;color:var(--danger)}.alert-info{background-color:#f0f9ff;background-color:var(--info-soft);border-color:#0ea5e940;color:#0ea5e9;color:var(--info)}.data-table-wrapper{background-color:#fff;background-color:var(--bg-surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0f172a0d;box-shadow:var(--shadow-sm);overflow:hidden}.data-table-toolbar{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;padding:16px 20px}.search-input{flex-grow:1;max-width:360px;position:relative}.search-input input{background-color:#f1f5f9;background-color:var(--bg-subtle);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);color:#0f172a;color:var(--text-primary);font-size:.9rem;padding:9px 12px 9px 38px;transition:all .15s ease;transition:all var(--trans-fast);width:100%}.search-input input:focus{background-color:#fff;background-color:var(--bg-surface);border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 4px #eef2ff;box-shadow:0 0 0 4px var(--primary-soft);outline:none}.search-input svg{color:#94a3b8;color:var(--text-muted);height:16px;left:12px;position:absolute;top:50%;transform:translateY(-50%);width:16px}.data-table{border-collapse:collapse;font-size:.92rem;width:100%}.data-table thead th{background-color:#f1f5f9;background-color:var(--bg-subtle);color:#475569;color:var(--text-secondary);font-size:.78rem;font-weight:600;letter-spacing:.05em;padding:13px 20px;text-align:left;text-transform:uppercase}.data-table tbody td,.data-table thead th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border)}.data-table tbody td{color:#0f172a;color:var(--text-primary);padding:14px 20px}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background-color .15s ease;transition:background-color var(--trans-fast)}.data-table tbody tr:hover{background-color:#f8fafc;background-color:var(--bg-hover)}.data-table .actions-cell{display:flex;gap:8px;justify-content:flex-end}.posts-table,.users-table{background-color:#fff;background-color:var(--bg-surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-collapse:collapse;border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0f172a0d;box-shadow:var(--shadow-sm);font-size:.92rem;overflow:hidden;width:100%}.posts-table thead tr,.users-table thead tr{background-color:#f1f5f9;background-color:var(--bg-subtle);color:#475569;color:var(--text-secondary);text-align:left}.posts-table td,.posts-table th,.users-table td,.users-table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);padding:14px 20px}.posts-table th,.users-table th{font-size:.78rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.posts-table tbody tr:hover,.users-table tbody tr:hover{background-color:#f8fafc;background-color:var(--bg-hover)}.badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.75rem;font-weight:600;padding:3px 10px;text-transform:capitalize}.badge-admin{background-color:#eef2ff;background-color:var(--primary-soft);color:#6366f1;color:var(--primary)}.badge-user{border:1px solid #e5e7eb;border:1px solid var(--border)}.action-btn,.badge-user{background-color:#f1f5f9;background-color:var(--bg-subtle);color:#475569;color:var(--text-secondary)}.action-btn{border:1px solid #0000;border-radius:6px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;margin-right:6px;padding:6px 12px;transition:all .15s ease;transition:all var(--trans-fast)}.action-btn:hover{transform:translateY(-1px)}.edit-btn{background-color:#fffbeb;background-color:var(--warning-soft);color:#f59e0b;color:var(--warning)}.edit-btn:hover{background-color:#fde68a}.delete-btn{background-color:#fef2f2;background-color:var(--danger-soft);color:#ef4444;color:var(--danger)}.delete-btn:hover{background-color:#fecaca}.posts-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:22px}.create-post-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--primary-gradient);border:none;border-radius:10px;border-radius:var(--radius-md);box-shadow:0 4px 14px #6366f14d;color:#fff!important;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 18px;transition:all .15s ease;transition:all var(--trans-fast)}.create-post-btn:hover{box-shadow:0 6px 20px #6366f166;transform:translateY(-1px)}.post-editor-form{background-color:#fff;background-color:var(--bg-surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0f172a0d;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:4px;padding:28px}.save-post-btn{align-self:flex-start;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--primary-gradient);border:none;border-radius:10px;border-radius:var(--radius-md);box-shadow:0 4px 14px #6366f14d;color:#fff;font-size:.95rem;font-weight:600;margin-top:10px;padding:12px 26px;transition:all .15s ease;transition:all var(--trans-fast)}.save-post-btn:hover{box-shadow:0 6px 20px #6366f166;transform:translateY(-1px)}.save-post-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.welcome-banner{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--primary-gradient);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 10px 30px #6366f14d;color:#fff;display:flex;gap:20px;justify-content:space-between;margin-bottom:28px;overflow:hidden;padding:28px 32px;position:relative}.welcome-banner:before{background:#ffffff14;height:280px;right:-10%;top:-50%;width:280px}.welcome-banner:after,.welcome-banner:before{border-radius:50%;content:"";position:absolute}.welcome-banner:after{background:#ffffff0d;bottom:-40%;height:200px;right:12%;width:200px}.welcome-banner>*{position:relative;z-index:1}.welcome-banner h2{color:#fff;font-size:1.4rem;font-weight:700;margin:0 0 6px}.welcome-banner p{font-size:.95rem;margin:0;opacity:.9}.stats-cards-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin-bottom:28px}.stat-card{background-color:#fff;background-color:var(--bg-surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0f172a0d;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:22px;position:relative;transition:transform .22s ease,box-shadow .22s ease;transition:transform var(--trans),box-shadow var(--trans)}.stat-card:hover{box-shadow:0 16px 32px -12px #0f172a26;box-shadow:var(--shadow-lg);transform:translateY(-3px)}.stat-card-top{align-items:flex-start;display:flex;justify-content:space-between}.stat-card-icon{align-items:center;border-radius:10px;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.stat-card-icon svg{height:22px;width:22px}.stat-card-icon.primary{background-color:#eef2ff;background-color:var(--primary-soft);color:#6366f1;color:var(--primary)}.stat-card-icon.success{background-color:#ecfdf5;background-color:var(--success-soft);color:#10b981;color:var(--success)}.stat-card-icon.warning{background-color:#fffbeb;background-color:var(--warning-soft);color:#f59e0b;color:var(--warning)}.stat-card-icon.info{background-color:#f0f9ff;background-color:var(--info-soft);color:#0ea5e9;color:var(--info)}.stat-card h2{color:#94a3b8;color:var(--text-muted);font-size:.82rem;font-weight:600;letter-spacing:.06em;margin:0;text-transform:uppercase}.stat-card p{color:#0f172a;color:var(--text-primary);font-family:Poppins,sans-serif;font-size:2.2rem;font-weight:700;line-height:1;margin:0}.stat-trend{align-items:center;color:#10b981;color:var(--success);display:inline-flex;font-size:.78rem;font-weight:600;gap:4px}.chart-container{background-color:#fff;background-color:var(--bg-surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0f172a0d;box-shadow:var(--shadow-sm);padding:28px}.ad-container{margin-top:24px}.login-container{background-color:#f6f7fb;background-color:var(--bg-app);display:flex;min-height:100vh}.login-brand{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--primary-gradient);color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:space-between;overflow:hidden;padding:48px;position:relative}.login-brand:after,.login-brand:before{background:#ffffff14;border-radius:50%;content:"";position:absolute}.login-brand:before{height:420px;right:-120px;top:-120px;width:420px}.login-brand:after{bottom:-80px;height:280px;left:-80px;width:280px}.login-brand>*{position:relative;z-index:1}.login-brand-header{align-items:center;display:flex;gap:14px}.login-brand-logo{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff2e;border-radius:12px;display:flex;font-size:1.3rem;font-weight:700;height:46px;justify-content:center;width:46px}.login-brand-text h1{color:#fff;font-size:1.2rem;letter-spacing:-.01em;margin:0}.login-brand-text span{font-size:.85rem;letter-spacing:.08em;opacity:.8;text-transform:uppercase}.login-brand-tagline h2{color:#fff;font-size:2.2rem;line-height:1.2;margin:0 0 14px;max-width:520px}.login-brand-tagline p{font-size:1rem;line-height:1.6;max-width:440px;opacity:.85}.login-brand-footer{font-size:.8rem;opacity:.75}.login-panel{align-items:center;display:flex;flex:1 1;justify-content:center;padding:48px 32px}.login-form{background-color:#fff;background-color:var(--bg-surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 16px 32px -12px #0f172a26;box-shadow:var(--shadow-lg);max-width:400px;padding:40px;width:100%}.login-form h2{font-size:1.7rem;margin:0 0 6px;text-align:left}.login-form .login-sub{color:#94a3b8;color:var(--text-muted);font-size:.92rem;margin:0 0 28px}.login-form .form-group input{padding:13px 14px}.login-button{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--primary-gradient);border:none;border-radius:10px;border-radius:var(--radius-md);box-shadow:0 4px 14px #6366f14d;color:#fff;font-size:.98rem;font-weight:600;margin-top:8px;padding:13px;transition:all .15s ease;transition:all var(--trans-fast);width:100%}.login-button:hover:not(:disabled){box-shadow:0 6px 20px #6366f166;transform:translateY(-1px)}.login-button:disabled{cursor:not-allowed;opacity:.6}.tabs{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;gap:6px;margin-bottom:24px;overflow-x:auto}.tab{background:none;border:none;border-bottom:2px solid #0000;color:#475569;color:var(--text-secondary);font-size:.92rem;font-weight:600;padding:11px 18px;transition:all .15s ease;transition:all var(--trans-fast);white-space:nowrap}.tab:hover{color:#0f172a;color:var(--text-primary)}.tab.active{border-bottom-color:#6366f1;border-bottom-color:var(--primary);color:#6366f1;color:var(--primary)}.profile-header{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--primary-gradient);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 10px 30px #6366f14d;color:#fff;display:flex;gap:20px;margin-bottom:24px;overflow:hidden;padding:28px;position:relative}.profile-header:before{background:#ffffff14;border-radius:50%;content:"";height:260px;position:absolute;right:-80px;top:-80px;width:260px}.profile-header>*{position:relative;z-index:1}.profile-avatar{align-items:center;background:#fff3;border:3px solid #ffffff4d;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:2rem;font-weight:700;height:80px;justify-content:center;width:80px}.profile-header h2{color:#fff;font-size:1.6rem;margin:0 0 4px}.profile-header .profile-role{align-items:center;background:#fff3;border-radius:999px;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;margin-top:8px;padding:4px 12px}.profile-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.profile-meta-item{background-color:#f1f5f9;background-color:var(--bg-subtle);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);padding:14px 18px}.profile-meta-item span{color:#94a3b8;color:var(--text-muted);display:block;font-size:.75rem;font-weight:600;letter-spacing:.06em;margin-bottom:4px;text-transform:uppercase}.profile-meta-item strong{color:#0f172a;color:var(--text-primary);font-size:1rem;font-weight:600}.empty-state,.loading-state{color:#94a3b8;color:var(--text-muted);padding:60px 20px;text-align:center}.loading-state .spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-top-color:#6366f1;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:36px;margin:0 auto 14px;width:36px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state svg{color:#94a3b8;color:var(--text-muted);height:48px;margin-bottom:12px;opacity:.5;width:48px}.empty-state h3{color:#475569;color:var(--text-secondary);font-size:1.05rem;margin:0 0 6px}.empty-state p{font-size:.9rem;margin:0}.ReactModal__Overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172a99!important;z-index:1000}.ReactModal__Content{border:1px solid #e5e7eb!important;border:1px solid var(--border)!important;border-radius:20px!important;border-radius:var(--radius-xl)!important}.ReactModal__Content,.modal-content{background-color:#fff!important;background-color:var(--bg-surface)!important;box-shadow:0 24px 48px -16px #0f172a2e!important;box-shadow:var(--shadow-xl)!important;color:#0f172a;color:var(--text-primary);padding:28px!important}.modal-content{border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:20px!important;border-radius:var(--radius-xl)!important}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172a99!important}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:14px}.modal-title{font-size:1.15rem;font-weight:600;margin:0}.close-btn{background:none;border:none;color:#94a3b8;color:var(--text-muted);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .15s ease;transition:color var(--trans-fast)}.close-btn:hover{color:#0f172a;color:var(--text-primary)}.upload-image-btn{background-color:#eef2ff;background-color:var(--primary-soft);border:1px solid #6366f1;border:1px solid var(--primary);border-radius:6px;border-radius:var(--radius-sm);color:#6366f1;color:var(--primary);cursor:pointer;font-size:.82rem;font-weight:600;margin-left:auto;padding:6px 14px;transition:all .15s ease;transition:all var(--trans-fast)}.upload-image-btn:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--primary-gradient);color:#fff}.image-url-container{background-color:#f1f5f9;background-color:var(--bg-subtle);border-radius:10px;border-radius:var(--radius-md);margin-top:18px;padding:16px}.image-url-container p{color:#10b981;color:var(--success);font-size:.88rem;font-weight:600;margin:0 0 10px}.image-url-container input{background-color:#fff;background-color:var(--bg-surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#0f172a;color:var(--text-primary);font-size:.85rem;margin-bottom:10px;padding:9px 12px;width:100%}.copy-code-btn{background-color:#10b981;background-color:var(--success);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.82rem;font-weight:600;margin-right:8px;padding:8px 14px;transition:all .15s ease;transition:all var(--trans-fast)}.copy-code-btn:hover{background-color:#059669;transform:translateY(-1px)}.toggle-visibility-btn{cursor:pointer}@media (max-width:900px){.dashboard-layout{flex-direction:column}.sidebar{align-items:center;flex-direction:row;min-height:auto;overflow-x:auto;padding:14px 16px;position:static;width:100%}.sidebar-brand{border:none;border-right:1px solid #ffffff14;border-right:1px solid var(--border-dark);margin:0;padding:0 12px 0 0}.sidebar-footer,.sidebar-section-label{display:none}.sidebar-nav{flex-direction:row;gap:6px;margin:0 0 0 14px}.sidebar-nav li a{font-size:.85rem;padding:8px 12px}.login-brand,.sidebar-nav li a span{display:none}.page-container{padding:20px}.topbar{padding:0 20px}}
/*# sourceMappingURL=main.d0a4a7cd.css.map*/