.app-layout{flex-direction:column;min-height:100vh;padding:0;gap:0}.app-layout,.main-wrapper{display:flex;background:#ffffff;overflow:hidden}.main-wrapper{flex:1 1;position:relative}.main-container{flex:1 1;display:flex;flex-direction:column;min-width:0}.content-wrapper{flex:1 1;display:flex;overflow:hidden;background:#e5e6e7;margin:0 24px 24px;border-radius:40px}.dashboard-content{display:flex;flex-direction:column;width:100%}.dashboard-grid-top{display:grid;grid-template-columns:1fr 320px;gap:32px;align-items:flex-start}.dashboard-main-col{min-width:0}.dashboard-side-col{display:flex;flex-direction:column;gap:24px}@media (max-width:1200px){.dashboard-grid-top{grid-template-columns:1fr}}.main-content{flex:1 1;overflow-y:auto;padding:32px}@media (max-width:768px){.main-content{padding:16px}}.right-sidebar{display:none}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:95;display:none}@media (max-width:1024px){.app-layout{padding:12px}.main-wrapper{border-radius:40px}.content-wrapper{margin:0 16px 16px;border-radius:30px}}@media (max-width:768px){.app-layout{padding:0}.main-wrapper{border-radius:0}.content-wrapper{margin:0;border-radius:0;padding-bottom:calc(70px + env(safe-area-inset-bottom) + 24px);padding-top:140px}.sidebar-overlay{display:block}}.sidebar{width:80px;height:100vh;background:#ffffff;flex-direction:column;align-items:center;padding:30px 0;z-index:100;flex-shrink:0}.sidebar,.sidebar-header{display:flex;justify-content:center}.sidebar-header{margin-bottom:24px;width:100%}.logo-image{width:60px;height:60px;object-fit:contain;border-radius:16px;transition:all .3s ease}.logo-image:hover{transform:scale(1.05)}.sidebar-nav{flex:1 1;justify-content:center;align-items:center;margin-top:-60px;padding-left:20px}.nav-items-container,.sidebar-nav{display:flex;flex-direction:column;width:100%}.nav-items-container{gap:24px}.sidebar-item{width:100%;height:60px;display:flex;align-items:center;justify-content:center;color:#94a3b8;text-decoration:none}.item-icon,.sidebar-item{position:relative;transition:all .3s ease}.item-icon{z-index:10}.sidebar-item.active{color:white}.sidebar-item.active:before{content:"";position:absolute;width:56px;height:56px;background:#36454F;border-radius:18px;z-index:1}.sidebar-item:hover:not(.active){color:#64748b}@media (max-width:768px){.sidebar{position:fixed;bottom:0;left:0;right:0;width:100%;height:calc(76px + env(safe-area-inset-bottom));flex-direction:row;padding:0 0 calc(6px + env(safe-area-inset-bottom));z-index:2000;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 -1px 0 rgba(0,0,0,.05);justify-content:space-around;border-top:1px solid rgba(0,0,0,.05)}.sidebar-header{display:none}.sidebar-nav{align-items:center;margin-top:0;padding-left:0}.nav-items-container,.sidebar-nav{flex-direction:row;justify-content:space-around;width:100%}.nav-items-container{gap:0}.sidebar-item{height:70px;width:auto;flex:1 1;opacity:.7}.sidebar-item.active{opacity:1;color:#000000}.sidebar-item.active:before{width:44px;height:44px;background:#f1f5f9;border-radius:12px}}.app-header{height:80px;padding:0 40px;justify-content:space-between;background:transparent;width:100%}.app-header,.header-left{display:flex;align-items:center}.header-logo{display:none;align-items:center}.logo-img{height:50px;width:auto;object-fit:contain}.header-nav-bar{display:flex;align-items:center;gap:12px;background:transparent}.header-nav-link{padding:10px 24px;border-radius:40px;font-size:14px;font-weight:700;color:#475569;background:#f1f5f9;text-decoration:none;display:flex;align-items:center;gap:10px;transition:all .2s ease;white-space:nowrap;border:none}.header-nav-link:hover{background:#e2e8f0;color:#1e293b}.header-nav-link.active{background:#36454F;color:#ffffff}.header-right{gap:20px}.header-actions,.header-right{display:flex;align-items:center}.header-actions{gap:12px}.action-btn{width:48px;height:48px;border-radius:50%;background:#f1f5f9;border:none;display:flex;align-items:center;justify-content:center;color:#475569;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:#e2e8f0;color:#1e293b}.cart-btn{position:relative}.cart-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;background:#dc2626;color:white;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:2px;border:2px solid #ffffff}.user-profile-dropdown{position:relative}.profile-trigger{display:flex;align-items:center;gap:12px;padding:8px 16px 8px 8px;background:#f1f5f9;border:none;border-radius:40px;cursor:pointer;transition:all .2s ease}.profile-trigger:hover{background:#e2e8f0}.profile-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.profile-name{font-size:14px;font-weight:600;color:#1e293b}.profile-dropdown-menu{position:absolute;top:100%;right:0;margin-top:8px;background:#ffffff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);min-width:150px;overflow:hidden;z-index:1000}.dropdown-item{width:100%;padding:12px 20px;background:transparent;border:none;text-align:left;font-size:14px;font-weight:600;color:#dc2626;cursor:pointer;transition:background .2s ease}.dropdown-item:hover{background:#fef2f2}.auth-buttons{display:flex;align-items:center;gap:12px}.sign-in-btn{padding:10px 24px;border-radius:40px;font-size:14px;font-weight:700;color:#1e293b;background:transparent;border:2px solid #e2e8f0;text-decoration:none;transition:all .2s ease}.sign-in-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.sign-up-btn{padding:10px 24px;border-radius:40px;font-size:14px;font-weight:700;color:#ffffff;background:#36454F;text-decoration:none;transition:all .2s ease}.sign-up-btn:hover{background:#2d3a45}@media (max-width:768px){.app-header{height:70px;padding:0 16px;position:fixed;top:0;left:0;width:100%;z-index:100;background:white}.header-logo{display:flex}.logo-img{height:42px}.header-nav-bar{position:fixed;top:70px;left:0;width:100vw;overflow-x:auto;overflow-y:hidden;gap:8px;padding:12px 16px;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:white;border-bottom:1px solid #f1f5f9;box-shadow:0 4px 12px rgba(0,0,0,.05);z-index:90}.header-nav-bar::-webkit-scrollbar{display:none}.header-nav-link{padding:8px 16px;font-size:13px;flex-shrink:0;border-radius:12px}.header-right{gap:8px}.header-actions{gap:2px}.action-btn{width:36px;height:36px}.action-btn svg{width:20px;height:20px}.auth-buttons{gap:6px}.sign-in-btn,.sign-up-btn{padding:6px 10px;font-size:12px;border-radius:8px}.profile-name{display:none}.profile-avatar{width:34px;height:34px}.profile-trigger{padding:4px;gap:6px}}.bottom-sheet-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:flex-end;animation:fadeInSheet .3s ease;touch-action:none}@keyframes fadeInSheet{0%{opacity:0}to{opacity:1}}.bottom-sheet{width:100%;max-width:600px;margin:0 auto;background:#ffffff;border-radius:24px 24px 0 0;box-shadow:0 -4px 24px rgba(0,0,0,.1);animation:slideUp .3s cubic-bezier(.32,.72,0,1);max-height:90vh;display:flex;flex-direction:column;transition:transform .2s ease}.bottom-sheet-handle{width:44px;height:5px;background:#e2e8f0;border-radius:10px;margin:10px auto;cursor:grab;flex-shrink:0}.bottom-sheet-handle:active{cursor:grabbing}.bottom-sheet-header{padding:16px 24px;border-bottom:1px solid #f1f5f9}.bottom-sheet-title{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 12px}.bottom-sheet-progress{display:flex;align-items:center;gap:12px}.progress-bar{flex:1 1;height:4px;background:#f1f5f9;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:#36454F;transition:width .3s ease;border-radius:2px}.progress-text{font-size:12px;font-weight:600;color:#64748b;white-space:nowrap}.bottom-sheet-content{padding:24px;overflow-y:auto;flex:1 1;overscroll-behavior:none;-webkit-overflow-scrolling:touch}.bottom-sheet-content::-webkit-scrollbar{width:6px}.bottom-sheet-content::-webkit-scrollbar-track{background:transparent}.bottom-sheet-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.bottom-sheet-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (min-width:768px){.bottom-sheet{border-radius:24px;margin:auto;max-height:80vh}.bottom-sheet-overlay{align-items:center;padding:20px}}.auth-bottom-sheet{min-height:300px}.auth-step{animation:fadeSlideIn .3s ease}@keyframes fadeSlideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.auth-input{width:100%;padding:14px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;font-weight:500;color:#1e293b;transition:all .2s ease;background:#ffffff}.auth-input:focus{outline:none;border-color:#36454F;box-shadow:0 0 0 3px rgba(54,69,79,.1)}.auth-input::placeholder{color:#94a3b8}.auth-button{width:100%;padding:14px 24px;border-radius:12px;font-size:16px;font-weight:700;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.auth-button-primary{background:#36454F;color:#ffffff}.auth-button-primary:hover:not(:disabled){background:#2d3a45;transform:translateY(-1px);box-shadow:0 4px 12px rgba(54,69,79,.2)}.auth-button-secondary{background:#f1f5f9;color:#1e293b}.auth-button-secondary:hover:not(:disabled){background:#e2e8f0}.auth-button:disabled{opacity:.5;cursor:not-allowed}.auth-button:active:not(:disabled){transform:scale(.98)}.auth-divider{display:flex;align-items:center;gap:16px;margin:24px 0}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:#e2e8f0}.auth-divider-text{font-size:14px;font-weight:600;color:#64748b}.auth-link{color:#36454F;text-decoration:none;font-weight:600;transition:color .2s ease}.auth-link:hover{color:#2d3a45;text-decoration:underline}.auth-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626}.auth-error,.auth-success{padding:12px 16px;font-size:14px;font-weight:500;margin-bottom:16px}.auth-success{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#16a34a}.auth-helper-text{font-size:14px;color:#64748b;margin-top:8px}.auth-back-button{background:none;border:none;color:#64748b;font-size:14px;font-weight:600;cursor:pointer;padding:8px;margin-bottom:16px;display:flex;align-items:center;gap:4px;transition:color .2s ease}.auth-back-button:hover{color:#1e293b}.footer-section{position:relative;padding:40px 0;overflow:hidden}.footer-section,.footer-section[data-theme=dark],.footer-section[data-theme=light]{background:var(--bg-primary)}.footer-container{max-width:1200px;margin:0 auto;padding:0 32px;position:relative;z-index:1}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.2fr;gap:64px;margin-bottom:64px;background:var(--bg-secondary);padding:48px;border-radius:20px}.footer-section[data-theme=dark] .footer-content{background:var(--bg-card)}.footer-brand{display:flex;flex-direction:column;gap:24px}.footer-logo{width:fit-content}.footer-logo img{height:32px;width:auto;object-fit:contain}.footer-description{font-size:14.4px;line-height:1.6;margin:0;max-width:280px;font-family:var(--font-secondary)}.footer-description,.footer-section[data-theme=dark] .footer-description{color:var(--text-secondary)}.footer-social{display:flex;gap:12px}.social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--bg-secondary);color:var(--text-secondary);text-decoration:none;transition:all .3s ease;border:1px solid var(--border-color)}.social-link:hover{background:var(--text-main);color:var(--bg-primary);border-color:var(--text-main);transform:translateY(-2px)}.footer-column{display:flex;flex-direction:column;gap:16px}.footer-column-title{font-size:16px;font-weight:600;margin:0 0 8px;font-family:var(--font-primary)}.footer-column-title,.footer-section[data-theme=dark] .footer-column-title{color:var(--text-main)}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.footer-links li{margin:0}.footer-links a{font-size:14px;color:var(--text-secondary);text-decoration:none;transition:color .3s ease;font-family:var(--font-secondary)}.footer-links a:hover{color:#1f2937}.footer-section[data-theme=dark] .footer-links a{color:#d1d5db}.footer-section[data-theme=dark] .footer-links a:hover{color:#f9fafb}.footer-contact{display:flex;flex-direction:column;gap:14px}.contact-item{display:flex;align-items:center;gap:12px;font-size:14px;color:#6b7280;font-family:var(--font-secondary)}.footer-section[data-theme=dark] .contact-item{color:#d1d5db}.contact-item svg{color:#9ca3af;flex-shrink:0}.footer-section[data-theme=dark] .contact-item svg{color:#9ca3af}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:0;border-top:none;margin-bottom:0}.footer-section[data-theme=dark] .footer-bottom{border-top-color:var(--border-color)}.footer-bottom-left{display:flex;align-items:center}.footer-copyright{font-size:14px;color:#9ca3af;font-family:var(--font-secondary)}.footer-section[data-theme=dark] .footer-copyright{color:#9ca3af}.footer-bottom-right{display:flex;gap:32px}.footer-legal-link{font-size:14px;color:#9ca3af;text-decoration:none;transition:color .3s ease;font-family:var(--font-secondary)}.footer-legal-link:hover{color:#6b7280}.footer-section[data-theme=dark] .footer-legal-link{color:#9ca3af}.footer-section[data-theme=dark] .footer-legal-link:hover{color:#d1d5db}.footer-brand-mark{position:absolute;bottom:16px;right:32px;display:flex;align-items:center;justify-content:center}.brand-mark{font-size:24px;font-weight:800;color:#e5e7eb;letter-spacing:.1em;font-family:var(--font-primary);-webkit-user-select:none;user-select:none}.footer-section[data-theme=dark] .brand-mark{color:#4b5563}@media (max-width:1024px){.footer-content{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.footer-brand-mark{right:24px}}@media (max-width:768px){.footer-section{padding:64px 0}.footer-container{padding:0 24px}.footer-content{grid-template-columns:1fr 1fr;gap:32px;margin-bottom:48px;padding:32px}.footer-brand{grid-column:1/-1;margin-bottom:16px}.footer-description{max-width:100%}.footer-bottom{flex-direction:column;gap:16px;text-align:center;padding-top:24px;margin-bottom:24px}.footer-bottom-right{gap:16px}.footer-brand-mark{position:static;margin-top:16px;justify-content:center}.brand-mark{font-size:20px}}@media (max-width:480px){.footer-section{padding:40px 0 16px}.footer-container{padding:0 16px}.footer-content{grid-template-columns:1fr;gap:24px;margin-bottom:24px}.footer-brand{margin-bottom:0}.footer-social{justify-content:center}.social-link{width:32px;height:32px}.footer-bottom{padding-top:16px;margin-bottom:16px}.footer-bottom-right{flex-direction:column;gap:8px}.brand-mark{font-size:16px}}.migration-notice-modal{max-width:420px!important;text-align:center;padding:36px 32px 28px!important}.migration-notice-icon{width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,#eff6ff,#e0e7ff);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#5B4FE8}.migration-notice-modal h2{font-size:20px;font-weight:800;margin:0 0 12px;color:#1a1a1a}.migration-notice-modal p{font-size:15px;color:#64748b;line-height:1.6;margin:0 0 28px}.migration-notice-btn{width:100%;height:48px;border-radius:14px;background:#1a1a1a;color:white;font-weight:700;font-size:15px;border:none;cursor:pointer;transition:background .2s ease}.migration-notice-btn:hover{background:#333}.install-pwa-banner{position:fixed;bottom:20px;left:20px;right:20px;background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-xl);border-radius:16px;padding:16px;display:flex;align-items:center;gap:16px;z-index:9999;animation:slideUp .4s ease-out}@keyframes slideUp{0%{transform:translateY(120%)}to{transform:translateY(0)}}.install-pwa-icon{width:48px;height:48px;border-radius:12px}.install-pwa-content{flex:1 1}.install-pwa-content h4{margin:0 0 4px;font-size:16px;color:var(--text-main)}.install-pwa-content p{margin:0;font-size:13.6px;color:var(--text-secondary)}.install-pwa-actions{display:flex;gap:8px}.install-btn{background:var(--color-primary);color:white;padding:8px 16px;border-radius:8px;font-weight:600;font-size:14.4px;cursor:pointer;transition:opacity .2s}.install-btn:hover{opacity:.9}.dismiss-btn{background:none;border:none;color:var(--text-muted);padding:8px;cursor:pointer;font-size:14.4px}.ios-guide-container{display:flex;flex-direction:column;gap:4px;margin-top:8px}.ios-safari-note{font-size:12px!important;color:var(--color-primary)!important;font-weight:600;margin:0!important}.ios-guide{display:flex;align-items:center;gap:8px;font-size:13.6px;color:var(--text-secondary);background:var(--bg-secondary);padding:6px 10px;border-radius:8px}.share-icon-pulse{color:var(--color-primary);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}.ios-share-icon{width:20px;height:20px}@media (max-width:768px){.install-pwa-banner{bottom:15px;left:15px;right:15px;flex-direction:column;text-align:center;gap:12px}.install-pwa-actions{width:100%;flex-direction:column}.install-btn{width:100%}}.category-sidebar{width:300px;display:flex;flex-direction:column;gap:24px}.sidebar-section{background:#ffffff;border-radius:20px;padding:24px;box-shadow:0 4px 15px rgba(0,0,0,.02)}.section-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.section-title{font-size:18px;font-weight:700;color:#1a1a1a;margin:0}.add-mentor-btn,.more-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center}.circular-progress-wrapper{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;margin-bottom:32px}.circular-progress{position:relative;width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .5s ease}.circular-progress:after{content:"";position:absolute;width:84px;height:84px;border-radius:50%;background:#ffffff}.progress-avatar{position:relative;z-index:1;width:76px;height:76px;border-radius:50%;object-fit:cover}.percentage-badge{position:absolute;top:-5px;right:-5px;background:#6366f1;color:#ffffff;font-size:10.4px;font-weight:700;padding:2px 6px;border-radius:10px;z-index:2;border:2px solid #ffffff}.welcome-text h4{font-size:18px;font-weight:800;color:#1a1a1a;margin-bottom:8px}.welcome-text p{font-size:13px;color:#94a3b8;line-height:1.4;padding:0 16px}.user-social-stats{justify-content:center;gap:32px;padding-top:24px;margin-top:24px;border-top:1px solid #f1f5f9}.stat-item,.user-social-stats{display:flex;align-items:center}.stat-item{flex-direction:column;gap:4px}.stat-value{font-size:18px;color:#1a1a1a}.stat-label{font-size:12px;color:#94a3b8}.stat-divider{width:1px;height:30px;background:#f1f5f9}.finance-card{background:#1e293b;color:#ffffff;border:none;box-shadow:0 20px 40px rgba(0,0,0,.2)}.finance-card .section-title{color:#ffffff}.finance-balance-box{margin:8px 0 24px}.balance-label{font-size:13px;color:#94a3b8;font-weight:600}.balance-value-row{display:flex;align-items:baseline;gap:2px;margin-top:8px;position:relative}.balance-currency{font-size:24px;font-weight:800;color:#ffffff}.balance-amount{font-size:32px;font-weight:800;color:#ffffff}.balance-currency-text{font-size:14px;font-weight:700;color:#94a3b8;margin-left:4px;text-transform:uppercase}.balance-change{margin-left:auto;background:rgba(255,255,255,.1);padding:2px 8px;border-radius:8px;font-size:11px;font-weight:700;color:#94a3b8}.top-up-btn{width:100%;background:#3b82f6;color:white;border:none;padding:16px;border-radius:16px;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .3s ease;margin-top:24px}.top-up-btn:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 10px 20px rgba(59,130,246,.3)}.creators-section{padding:24px}.view-all-link{display:flex;align-items:center;gap:4px;background:transparent;border:none;color:#6366f1;font-size:13px;font-weight:700;cursor:pointer}.creators-list{display:flex;flex-direction:column;gap:20px;margin-top:10px}.creator-item{display:flex;align-items:center;gap:12px}.creator-avatar{width:44px;height:44px;border-radius:14px;object-fit:cover}.creator-info{display:flex;flex-direction:column;flex:1 1}.creator-name{font-size:14px;font-weight:700;color:#1e293b}.creator-type{font-size:12px;color:#94a3b8;font-weight:600}.follow-btn{background:#f1f5f9;background:transparent;color:#6366f1;border:none;font-size:13px;font-weight:700;cursor:pointer;padding:4px 0}.follow-btn:before{content:"+ "}.follow-btn:hover{text-decoration:underline}@media (max-width:768px){.category-sidebar{width:100%;gap:16px}.sidebar-section{width:100%;padding:20px}.token-card{width:100%}}.admin-container{max-width:1400px;margin:0 auto;padding:40px}.admin-layout-wrapper{display:flex;flex-direction:column;height:100vh;background:#f8fafc}.admin-main{flex:1 1;overflow-y:auto;padding:0}.admin-logo{height:32px!important;width:auto!important;object-fit:contain!important;flex-shrink:0!important}.admin-nav-header{height:72px;background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:space-between;padding:0 40px;position:sticky;top:0;z-index:100}.admin-nav-left{display:flex;align-items:center;gap:24px}.admin-nav-content{display:flex;flex-direction:column;justify-content:center}.admin-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b;font-weight:500}.admin-hero{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}.hero-content h1{font-size:32px;font-weight:800;letter-spacing:-.02em;margin-bottom:8px;color:#0f172a}.hero-content p{color:#64748b;font-size:16px}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px}.stat-card{background:white;padding:24px;border-radius:16px;border:1px solid rgba(0,0,0,.05)}.stat-value{font-size:28px;font-weight:800;color:#0f172a;margin-bottom:4px}.stat-label{font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.add-btn,.post-submit-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#0f172a;color:white;border-radius:12px;font-weight:700;font-size:15px;border:none;cursor:pointer;transition:all .2s ease}.add-btn:hover,.post-submit-btn:hover{background:#1e293b;transform:translateY(-2px)}