.app-shell{color:#0f172a;background:#f4f8ff;min-height:100vh}.app-shell.theme-day{color:#0f172a;background:#f4f8ff}.app-shell.theme-night{color:#e2e8f0;background:#0f172a}.app-header{z-index:20;background:#fff;border-bottom:1px solid #217df31f;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 2rem;display:flex;position:sticky;top:0;box-shadow:0 12px 32px #217df30f}.app-shell.theme-night .app-header{background:#0f172aeb;border-bottom-color:#94a3b826;box-shadow:0 12px 32px #0000002e}.header-actions{align-items:center;gap:.75rem;display:flex}.user-menu-wrapper,.notifications-wrapper{position:relative}.user-menu-card{z-index:30;background:#fff;border:1px solid #94a3b82e;border-radius:22px;min-width:220px;display:grid;position:absolute;top:calc(100% + .75rem);right:0;overflow:hidden;box-shadow:0 22px 46px #0f172a29}.app-shell.theme-night .user-menu-card{background:#111827;border-color:#94a3b81f}.menu-item{text-align:left;cursor:pointer;color:#0f172a;background:0 0;border:none;width:100%;padding:.95rem 1rem;transition:background-color .2s}.app-shell.theme-night .menu-item{color:#e2e8f0}.menu-item:hover{background:#217df314}.menu-item--danger{color:#b91c1c}.menu-item--danger:hover{background:#fb71851f}.user-avatar{color:#0f172a;background:#217df31f}.app-shell.theme-night .user-avatar{color:#e2e8f0;background:#94a3b829}.brand-block{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:inline-flex}.brand-logo{object-fit:contain;background:0 0;border-radius:0;width:58px;height:auto;padding:0}.brand-title,.brand-tag{display:none}.nav-links{flex-wrap:wrap;gap:.65rem;display:flex}.nav-item,.btn{color:#1f2937;cursor:pointer;background:#217df314;border-radius:999px;padding:.85rem 1.2rem;transition:transform .2s,background-color .2s,box-shadow .2s}.nav-item:hover,.btn:hover,.icon-button:hover{background:#217df324;transform:translateY(-1px)}.nav-item.active{color:#fff;background:linear-gradient(135deg,#5f9df7 0%,#9d7cf7 100%)}.icon-button{color:#cbd5e1;background:#ffffff0f;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;position:relative}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24}.badge{color:#fff;background:#fb7185;border-radius:999px;place-items:center;min-width:18px;height:18px;font-size:.75rem;display:grid;position:absolute;top:6px;right:6px}.notifications-dropdown{z-index:40;background:#fff;border:1px solid #e5e7eb;border-radius:20px;width:min(420px,100vw - 2rem);max-height:560px;animation:.25s fadeInDown;position:absolute;top:calc(100% + .75rem);right:0;overflow:hidden;box-shadow:0 20px 44px #0f172a1f}.notifications-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:flex-start;gap:.8rem;padding:1rem 1rem .8rem;display:flex}.notifications-header h3{color:#111827;margin:0;font-size:1rem}.notifications-header p{color:#6b7280;margin:.2rem 0 0;font-size:.85rem}.notifications-link{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:.86rem;font-weight:600}.notifications-list{gap:.6rem;max-height:400px;padding:.8rem;display:grid;overflow-y:auto}.notification-item-card{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:16px;align-items:center;gap:.8rem;width:100%;padding:.8rem;transition:background-color .2s,transform .2s;display:flex}.notification-item-card:hover{background:#f8fafc;transform:translateY(-1px)}.notification-item-card.unread{background:#f3f8ff}.notification-avatar{color:#2563eb;background:linear-gradient(135deg,#dbeafe,#eff6ff);border-radius:14px;flex-shrink:0;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.notification-body{flex:1;min-width:0}.notification-body strong{color:#111827;font-size:.95rem;display:block}.notification-body p{color:#6b7280;margin:.22rem 0 0;font-size:.85rem}.notification-dot{background:#3b82f6;border-radius:50%;flex-shrink:0;width:8px;height:8px}.notification-empty{text-align:center;color:#6b7280;padding:1rem;font-size:.95rem}.notifications-footer-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:999px;width:calc(100% - 1.6rem);margin:.4rem .8rem .8rem;padding:.8rem 1rem;font-weight:600}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.landing-page,.auth-page,.dashboard-page{padding:2rem}.landing-page{color:#0f172a;background:radial-gradient(circle at 0 0,#3b82f61c,#0000 25%),radial-gradient(circle at 85% 18%,#a855f712,#0000 16%),linear-gradient(#f9fbff 0%,#f5f7fb 100%);min-height:calc(100vh - 80px);padding:3.4rem 2rem 2rem;position:relative;overflow:hidden}.landing-page:before{content:"";filter:blur(110px);pointer-events:none;background:radial-gradient(circle,#3b82f61f,#0000 60%);width:520px;height:520px;position:absolute;top:6%;left:-5%}.landing-page:after{content:"";filter:blur(105px);pointer-events:none;background:radial-gradient(circle,#a855f714,#0000 58%);width:440px;height:440px;position:absolute;bottom:-11%;right:-8%}.landing-header{z-index:1;justify-content:flex-start;align-items:center;gap:1rem;max-width:1180px;margin:0 auto;padding-bottom:1.5rem;display:flex;position:relative}.landing-logo{object-fit:contain;background:0 0;border:none;border-radius:0;width:84px;height:auto;padding:0}.landing-actions,.landing-brand,.landing-brand strong,.landing-brand span{display:none}.landing-page .btn-primary{background:linear-gradient(135deg,#2563eb 0%,#4f46e5 100%);border-radius:18px;padding:.95rem 1.5rem;box-shadow:0 18px 40px #2563eb2e}.landing-page .btn-secondary{color:#0f172a;background:#ffffffe6;border:1px solid #94a3b83d}.landing-page .btn-ghost{color:#475569;background:#fff6}.landing-page .btn:hover,.landing-page .btn:focus-visible{transform:translateY(-1px)}.hero-label{color:#2563eb;letter-spacing:.08em;text-transform:uppercase;background:#3b82f61f;border-radius:999px;justify-content:center;align-items:center;margin-bottom:1.25rem;padding:.68rem 1rem;font-size:.76rem;font-weight:700;display:inline-flex}.landing-hero{z-index:1;grid-template-columns:1.05fr .95fr;align-items:center;gap:2.2rem;max-width:1180px;margin:0 auto;display:grid;position:relative}.hero-column{gap:1.5rem;display:grid}.hero-column--visual{padding:1rem 1.5rem 0 0}.hero-copy{max-width:520px}.hero-copy h1{letter-spacing:-.04em;max-width:12ch;margin:0;font-size:clamp(2.9rem,4vw,4rem);line-height:1.02}.hero-description{color:#55657a;max-width:440px;margin:1.2rem 0 0;font-size:1rem;line-height:1.75}.hero-benefits{gap:1rem;margin:1.75rem 0 0;padding:0;list-style:none;display:grid}.hero-benefits li{color:#2e3a50;background:#ffffffeb;border:1px solid #94a3b82e;border-radius:22px;grid-template-columns:auto 1fr;align-items:flex-start;gap:1rem;padding:1rem 1.15rem;display:grid;box-shadow:0 24px 50px #0f172a0f}.benefit-icon{color:#2563eb;background:#2563eb24;border-radius:50%;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;margin-top:2px;font-size:.95rem;display:inline-flex}.hero-visual{align-items:center;min-height:520px;display:grid;position:relative}.hero-visual:before{content:"";filter:blur(56px);z-index:0;background:radial-gradient(circle at 30% 40%,#3b82f624,#0000 38%);width:100%;max-width:680px;height:420px;margin:auto;position:absolute;inset:0}.hero-visual img{object-fit:contain;z-index:1;border-radius:40px;width:100%;max-width:720px;height:auto;position:relative;box-shadow:0 42px 110px #0f172a24}.hero-column--form{align-self:start}.hero-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border:1px solid #94a3b82e;border-radius:30px;gap:1.2rem;width:100%;max-width:420px;padding:2rem;display:grid;box-shadow:0 32px 70px #0f172a1a}.card-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.card-pretitle{color:#64748b;letter-spacing:.02em;margin:0 0 .35rem;font-size:.95rem}.hero-card h2{color:#0f172a;margin:0;font-size:1.85rem}.card-text{color:#52617d;margin:0;line-height:1.75}.form-field{gap:.45rem;display:grid}.form-field label{color:#5b6b7f;font-size:.95rem}.form-field input{color:#0f172a;background:#f6f8fcf2;border:1px solid #94a3b840;border-radius:18px;width:100%;min-height:3.4rem;padding:1rem;font-size:1rem;transition:border-color .25s,box-shadow .25s,transform .25s}.form-field input:focus{border-color:#2563eb73;outline:none;transform:translateY(-.5px);box-shadow:0 0 0 4px #3b82f614}.btn-full{width:100%}.btn-small{padding:.76rem 1rem;font-size:.95rem}.btn-link{color:#5b6b7f;text-align:center;background:0 0;width:100%;font-weight:600;transition:color .25s,transform .25s}.btn-link:hover{color:#0f172a;transform:translateY(-1px)}.form-separator{color:#94a3b8;justify-content:center;align-items:center;margin:.15rem 0;font-size:.95rem;display:flex}@media (width<=980px){.landing-page{padding:2.5rem 1.5rem 2rem}.landing-header,.landing-hero{max-width:100%}.landing-header{flex-wrap:wrap;justify-content:center}.landing-actions{justify-content:center;width:100%}.landing-brand{justify-content:center}.landing-hero{grid-template-columns:1fr}.hero-column--visual{padding-top:0}}@media (width<=720px){.landing-page{padding:1.5rem 1rem}.hero-copy h1{font-size:2.4rem}.hero-description{font-size:1rem}.hero-benefits li{padding:.9rem}.hero-card{padding:1.5rem}}.publish-hero{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.publish-hero h2{margin:0}.publish-grid{grid-template-columns:1.4fr .9fr;gap:1.5rem;display:grid}.publish-form-card{gap:1rem;display:grid}.publish-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.publish-actions{justify-content:flex-end;gap:1rem;margin-top:1rem;display:flex}.publish-preview-card{gap:1rem;display:grid}.preview-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.preview-header h4{margin:0}.preview-panel{gap:1rem;display:grid}.preview-panel strong{font-size:1.1rem;display:block}.preview-panel span{color:#475569;margin-bottom:.75rem;display:block}.preview-meta{color:#475569;gap:.5rem;display:grid}.publish-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;max-height:360px;display:grid;overflow:auto}.publish-media-placeholder{color:#64748b;text-align:center;background:#f9faff;border-radius:20px;place-items:center;min-height:180px;padding:1.5rem;display:grid}.landing-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:1240px;margin-top:2rem;margin-left:auto;margin-right:auto;display:grid}.feature-card,.info-card,.sidebar-card,.post-card,.profile-form-card,.profile-publications-card,.chat-list-card,.chat-window-card,.publish-form-card,.publish-preview-card{color:#0f172a;background:#fff;border:1px solid #94a3b82e;border-radius:24px;padding:1.5rem}.feature-card h2,.profile-form-card h3,.profile-publications-card h3,.chat-list-card h4,.chat-window-card h4{margin-top:0}.landing-info{gap:1.5rem;margin-top:3rem;display:grid}.info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.info-card{background:#f9faff;border-radius:22px;flex-direction:column;gap:.75rem;display:flex}.info-card strong{font-size:1.05rem}.hero-image-banner img{border-radius:24px}.auth-page{justify-content:center;align-items:center;min-height:calc(100vh - 120px);display:flex}.auth-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:28px;width:min(500px,100%);padding:2rem}.auth-card h2{margin-top:0}.auth-card label{color:#334155;gap:.5rem;margin-top:1rem;display:grid}.auth-card input,.auth-card textarea,.auth-card select,.auth-card input[type=file]{color:#0f172a;background:#fff;border:1px solid #94a3b84d;border-radius:18px;outline:none;width:100%;padding:.95rem 1rem}.auth-card input:focus,.auth-card textarea:focus,.auth-card select:focus,.auth-card input[type=file]:focus{border-color:#217df3cc}.form-actions{flex-direction:column;gap:.9rem;margin-top:1.5rem;display:flex}.form-message{color:#fb7185;margin-top:1rem}.dashboard-page{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.dashboard-content{min-width:0}.dashboard-sidebar{flex-direction:column;align-self:start;gap:1rem;display:flex;position:sticky;top:96px}.sidebar-brand{background:linear-gradient(135deg,#3b82f61f,#2563eb0a);border:1px solid #3b82f624;border-radius:24px;align-items:center;gap:.9rem;padding:1rem 1.1rem;display:flex}.sidebar-brand strong{color:#111827;font-size:1rem;display:block}.sidebar-brand p{color:#6b7280;margin:.2rem 0 0;font-size:.9rem}.sidebar-brand-mark{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:16px;place-items:center;width:46px;height:46px;font-weight:700;display:grid;box-shadow:0 10px 28px #3b82f642}.sidebar-panel{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:1rem;box-shadow:0 12px 36px #0f172a0d}.sidebar-panel-header{justify-content:space-between;align-items:center;margin-bottom:.8rem;display:flex}.sidebar-panel-header h3{color:#111827;margin:0;font-size:.95rem}.sidebar-panel-header span{color:#6b7280;font-size:.8rem}.category-list{gap:.55rem;display:grid}.category-item{color:#374151;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:16px;align-items:center;gap:.75rem;padding:.8rem .9rem;transition:all .2s;display:flex}.category-item:hover{color:#2563eb;background:#f3f6ff}.category-item.active{color:#2563eb;background:linear-gradient(135deg,#3b82f61f,#60a5fa14);font-weight:600}.sidebar-profile-card{align-items:center;gap:.85rem;display:flex}.sidebar-profile-card p{color:#6b7280;margin:.25rem 0 0;font-size:.92rem}.sidebar-create-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:999px;padding:.9rem 1rem;font-weight:600;box-shadow:0 14px 32px #2563eb3d}.profile-card{align-items:center;gap:1rem;display:flex}.profile-avatar{color:#2563eb;background:linear-gradient(135deg,#dbeafe,#eff6ff);border:1px solid #ffffff1f;border-radius:24px;place-items:center;width:72px;height:72px;font-size:1.8rem;display:grid;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%}.notification-item{color:#334155;background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;margin-top:.7rem;padding:.8rem .9rem;font-size:.93rem}.notification-item.read{opacity:.9}.home-shell{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:1.5rem;display:grid}.home-feed{gap:1.25rem;display:grid}.home-banner{background:linear-gradient(135deg,#fff 0%,#f8fbff 100%);border:1px solid #e5e7eb;border-radius:24px;justify-content:space-between;align-items:center;gap:1rem;padding:1.3rem 1.4rem;display:flex;box-shadow:0 14px 36px #0f172a0a}.home-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#3b82f6;margin:0 0 .35rem;font-size:.74rem;font-weight:700}.home-banner h2{color:#111827;margin:0;font-size:1.32rem}.home-banner p{color:#6b7280;max-width:660px;margin:.4rem 0 0}.search-panel{grid-template-columns:minmax(0,1fr) 220px;gap:1rem;display:grid}.search-input-wrap,.search-select-wrap{background:#f5f7fb;border:1px solid #e5e7eb;border-radius:999px;align-items:center;gap:.75rem;padding:.9rem 1rem;transition:all .2s;display:flex}.search-input-wrap:focus-within,.search-select-wrap:focus-within{border-color:#93c5fd;box-shadow:0 0 0 4px #3b82f61f}.search-input-wrap input,.search-select-wrap select,.profile-grid input,.profile-grid textarea,.profile-grid select,.chat-input-row input,.profile-grid input[type=file],.modal-card input[type=file]{color:#111827;background:0 0;border:none;outline:none;width:100%;padding:0}.search-select-wrap select{appearance:none}.home-side{flex-direction:column;gap:1rem;display:flex;position:sticky;top:96px}.home-side-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:1rem;box-shadow:0 14px 34px #0f172a0a}.home-side-card-head{justify-content:space-between;align-items:center;margin-bottom:.85rem;display:flex}.home-side-card-head h3{color:#111827;margin:0;font-size:1rem}.home-side-card-head span{color:#6b7280;font-size:.8rem}.community-card{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:start;gap:.8rem;padding:.8rem 0;display:flex}.community-card:first-of-type{border-top:none;padding-top:0}.community-card strong{color:#111827;font-size:.95rem;display:block}.community-card p{color:#6b7280;margin:.25rem 0 0;font-size:.85rem}.community-card span{color:#3b82f6;white-space:nowrap;font-size:.85rem;font-weight:600}.community-card--compact{align-items:center}.home-empty-copy{color:#6b7280;margin:0;font-size:.92rem}.floating-create-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:999px;align-self:flex-end;padding:.95rem 1.1rem;font-weight:600;box-shadow:0 16px 34px #2563eb3d}.btn{color:#111827;cursor:pointer;background:#f3f4f6;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.82rem 1.1rem;font-weight:600;transition:transform .2s,box-shadow .2s,background-color .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 14px 30px #2563eb33}.btn-secondary{color:#374151;background:#fff;border:1px solid #e5e7eb}.btn-ghost{color:#475569;background:0 0}.btn-sm{padding:.64rem .95rem;font-size:.93rem}.section-header{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.section-header h2,.section-header h4{margin:0}.section-header p{color:#475569;margin:.4rem 0 0}.modal-backdrop{z-index:1000;background:#0f172a73;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border-radius:28px;width:min(650px,100%);padding:2rem;box-shadow:0 30px 70px #0f172a29}.posts-grid{gap:1.2rem;display:grid}.post-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;gap:1rem;padding:0;transition:transform .25s,box-shadow .25s;display:grid;overflow:hidden;box-shadow:0 16px 36px #0f172a0a}.post-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px #0f172a14}.post-media{background:#f8fafc;height:220px}.post-media--placeholder{color:#6b7280;place-items:center;font-weight:600;display:grid}.media-preview{object-fit:cover;width:100%;height:220px;box-shadow:none;border-radius:0}.post-body{gap:.8rem;padding:1rem 1.1rem 1.1rem;display:grid}.post-card-top{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.post-category{color:#2563eb;text-transform:capitalize;background:#3b82f61f;border-radius:999px;padding:.35rem .7rem;font-size:.82rem;font-weight:600;display:inline-flex}.post-chip{color:#6b7280;font-size:.84rem}.post-card h3{color:#111827;margin:0;font-size:1.08rem}.post-description{color:#6b7280;margin:0;line-height:1.6}.post-user-row{align-items:center;gap:.75rem;display:flex}.post-avatar{color:#2563eb;background:linear-gradient(135deg,#dbeafe,#eff6ff);border-radius:14px;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.post-user-row strong{color:#111827;display:block}.post-user-row p{color:#6b7280;margin:.2rem 0 0;font-size:.9rem}.post-meta-row{color:#6b7280;flex-wrap:wrap;justify-content:space-between;gap:.75rem;font-size:.9rem;display:flex}.post-actions{flex-wrap:wrap;gap:.75rem;margin-top:.25rem;display:flex}.empty-state{text-align:center;color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:2rem}.profile-page{gap:1.25rem;padding:.5rem 0 2rem;display:grid}.profile-hero-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;justify-content:space-between;align-items:flex-start;gap:1.25rem;padding:1.6rem;display:flex;box-shadow:0 14px 34px #0f172a0a}.profile-hero-main{flex-direction:column;flex:1;gap:1rem;display:flex}.profile-avatar-block{align-items:center;gap:1.1rem;display:flex}.profile-avatar-large{color:#2563eb;background:linear-gradient(135deg,#dbeafe,#eff6ff);border-radius:50%;place-items:center;width:128px;height:128px;font-size:2.5rem;font-weight:700;display:grid;overflow:hidden;box-shadow:0 16px 34px #3b82f62e}.profile-avatar-large img{object-fit:cover;width:100%;height:100%}.profile-user-info h2{color:#111827;margin:0;font-size:1.65rem}.profile-meta-line{color:#6b7280;flex-wrap:wrap;gap:.9rem;margin:.45rem 0;font-size:.95rem;display:flex}.profile-user-info p{color:#6b7280;max-width:720px;margin:0;line-height:1.6}.profile-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;display:grid}.profile-stats div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:.9rem .95rem}.profile-stats strong{color:#111827;font-size:1.05rem;display:block}.profile-stats span{color:#6b7280;font-size:.9rem}.profile-actions{flex-wrap:wrap;gap:.75rem;display:flex}.profile-content-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:1.2rem;box-shadow:0 14px 34px #0f172a0a}.tab-item{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.75rem 1rem;font-weight:600;transition:all .2s}.tab-item:hover{color:#2563eb;background:#f3f6ff}.tab-item.active{color:#2563eb;background:#eef6ff;box-shadow:inset 0 -2px #2563eb}.profile-grid-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.product-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;gap:.8rem;padding:.9rem;transition:transform .25s,box-shadow .25s;display:grid}.product-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #0f172a12}.product-card-media{background:linear-gradient(135deg,#f8fafc,#e0f2fe);border-radius:16px;height:160px}.product-card-body strong{color:#111827;display:block}.product-card-body p{color:#6b7280;margin:.35rem 0 .7rem;line-height:1.55}.product-card-meta{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.product-card-meta span{color:#2563eb;font-size:.9rem;font-weight:600}.empty-state-card{color:#6b7280;background:#f8fafc;border:1px dashed #d1d5db;border-radius:20px;padding:1.25rem}.profile-review-list,.profile-history-list{gap:.9rem;display:grid}.review-card,.history-card{background:#fafbfc;border:1px solid #e5e7eb;border-radius:20px;padding:1rem}.review-head{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.review-avatar{color:#2563eb;background:linear-gradient(135deg,#dbeafe,#eff6ff);border-radius:50%;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.review-head p,.review-card p{color:#6b7280;margin:.2rem 0 0}.review-stars{color:#f59e0b;margin-bottom:.35rem}.history-card{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:.8rem;display:grid}.history-label{color:#6b7280;text-transform:uppercase;letter-spacing:.08em;margin:0 0 .25rem;font-size:.8rem}.history-status{color:#2563eb;background:#eef6ff;border-radius:999px;padding:.35rem .65rem;font-size:.86rem;display:inline-flex}.chats-page{padding:.5rem 0 2rem}.chats-shell{background:#fff;border:1px solid #e5e7eb;border-radius:28px;grid-template-columns:320px minmax(0,1fr);gap:1rem;min-height:72vh;padding:1rem;display:grid;box-shadow:0 16px 36px #0f172a0a}.chat-sidebar{border-right:1px solid #f3f4f6;flex-direction:column;gap:.95rem;padding-right:.6rem;display:flex}.chat-sidebar-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.chat-sidebar-header h2{color:#111827;margin:0;font-size:1.25rem}.chat-sidebar-header p{color:#6b7280;margin:.25rem 0 0;font-size:.9rem}.chat-search{background:#f5f7fb;border-radius:999px;align-items:center;gap:.65rem;padding:.78rem .95rem;display:flex}.chat-search input{color:#111827;background:0 0;border:none;outline:none;width:100%}.chat-list{gap:.6rem;padding-right:.2rem;display:grid;overflow-y:auto}.chat-list-item{text-align:left;color:#111827;cursor:pointer;background:0 0;border:none;border-radius:18px;align-items:center;gap:.8rem;width:100%;padding:.8rem;transition:all .2s;display:flex}.chat-list-item:hover,.chat-list-item.active{background:#eef6ff}.chat-list-avatar,.chat-header-avatar{color:#2563eb;background:linear-gradient(135deg,#dbeafe,#eff6ff);border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;font-weight:700;display:grid}.chat-list-content{flex:1;min-width:0}.chat-list-meta{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.chat-list-meta strong{color:#111827;font-size:.95rem}.chat-list-meta span{color:#6b7280;font-size:.75rem}.chat-list-content p{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;margin:.3rem 0 0;font-size:.9rem;overflow:hidden}.chat-view{flex-direction:column;min-height:0;display:flex}.chat-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.chat-header-user{align-items:center;gap:.8rem;display:flex}.chat-header-user h3{color:#111827;margin:0}.chat-header-user p{color:#6b7280;margin:.25rem 0 0;font-size:.9rem}.chat-header-actions{align-items:center;gap:.8rem;display:flex}.chat-product-pill{background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;align-items:center;gap:.7rem;padding:.65rem .8rem;display:flex}.chat-product-thumb{background:linear-gradient(135deg,#dbeafe,#eff6ff);border-radius:12px;width:36px;height:36px}.chat-product-pill strong{color:#111827;font-size:.9rem;display:block}.chat-product-pill p{color:#6b7280;margin:.1rem 0 0;font-size:.8rem}.chat-messages{flex-direction:column;gap:.7rem;min-height:0;padding:1rem 0;display:flex;overflow-y:auto}.chat-message-group{display:flex}.chat-message-group.sent{justify-content:flex-end}.chat-message-group.grouped .chat-bubble{margin-top:.15rem}.chat-bubble{border-radius:18px;max-width:min(78%,520px);padding:.8rem .95rem;transition:transform .25s;box-shadow:0 8px 20px #0f172a0a}.chat-bubble:hover{transform:translateY(-2px)}.chat-bubble.sent{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb)}.chat-bubble.received{color:#111827;background:#f5f7fb}.chat-bubble p{margin:0;line-height:1.55}.chat-bubble span{opacity:.8;margin-top:.35rem;font-size:.75rem;display:block}.chat-input-row{border-top:1px solid #f3f4f6;align-items:flex-end;gap:.75rem;padding-top:.8rem;display:flex}.chat-input-row textarea{resize:none;color:#111827;background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;outline:none;flex:1;min-height:48px;max-height:140px;padding:.8rem .95rem}.chat-input-row textarea:focus{border-color:#93c5fd;box-shadow:0 0 0 4px #3b82f61f}.chat-input-actions{gap:.55rem;display:flex}.chat-icon-btn{color:#374151;cursor:pointer;background:#f5f7fb;border:none;border-radius:14px;width:44px;height:44px}.chat-empty,.empty-chat-view{color:#6b7280;text-align:center;background:#f8fafc;border-radius:20px;padding:1.2rem}.tab-item{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #94a3b84d;border-radius:999px;margin-right:.8rem;padding:.95rem 1.25rem}.tab-item.active{color:#fff;background:#217df3;border-color:#217df3}.profile-tabs{flex-wrap:wrap;gap:.8rem;margin-bottom:1.5rem;display:flex}.profile-account-card{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.account-summary,.profile-publications-card{background:#fff;border:1px solid #94a3b82e;border-radius:24px;padding:1.5rem}.account-summary p{color:#475569;margin:.85rem 0}.chat-item.active,.chat-item:hover{background:#5f9df729}.chat-window-card{grid-template-rows:auto 1fr auto;gap:1rem;min-height:420px;display:grid}.chat-window-header{border-bottom:1px solid #ffffff14;padding-bottom:.8rem}.chat-messages{gap:.75rem;padding-right:.25rem;display:grid;overflow-y:auto}.chat-message{background:#eef4ff;border-radius:22px;max-width:85%;padding:1rem}.chat-message.sent{background:#5f9df72e;justify-self:end}.chat-message.received{background:#f8fafc}.chat-message span{color:#475569;margin-top:.45rem;font-size:.78rem;display:block}.chat-input-row{grid-template-columns:1fr 140px;gap:1rem;display:grid}.publish-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;max-height:320px;margin-top:1rem;display:grid;overflow-y:auto}.publish-media-item{object-fit:contain;background:#f8fafc;border-radius:20px;width:100%;max-height:220px}.publish-preview-card,.publish-form-card{max-height:calc(100vh - 180px);overflow:auto}.publish-form-card label,.publish-preview-card label{color:#334155;gap:.6rem;display:grid}.publish-form-card input,.publish-form-card select,.publish-form-card textarea,.publish-form-card input[type=file]{color:#0f172a;background:#fff;border:1px solid #94a3b84d;border-radius:18px;outline:none;width:100%;padding:.95rem 1rem}.publish-form-card input:focus,.publish-form-card textarea:focus,.publish-form-card select:focus,.publish-form-card input[type=file]:focus{border-color:#217df3cc}.media-preview{object-fit:cover;border-radius:20px;width:100%;max-height:220px;box-shadow:0 18px 50px #0f172a14}.modal-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.modal-card label{gap:.5rem;margin-top:1rem;display:grid}.modal-actions{justify-content:flex-end;gap:1rem;margin-top:1.5rem;display:flex}@media (width<=1040px){.landing-features,.info-grid,.dashboard-page,.profile-grid-cards,.search-panel{grid-template-columns:1fr}.profile-hero-card{flex-direction:column}.profile-actions{width:100%}.profile-actions .btn{flex:1}.chats-shell{grid-template-columns:1fr}.chat-sidebar{border-bottom:1px solid #f3f4f6;border-right:none;padding-bottom:.6rem;padding-right:0}}@media (width<=720px){.app-header{flex-direction:column;align-items:stretch}.nav-links{justify-content:center}.section-header,.profile-avatar-block{flex-direction:column;align-items:flex-start}.profile-stats{grid-template-columns:1fr 1fr}.history-card{grid-template-columns:1fr}.chat-header{flex-direction:column;align-items:flex-start}.chat-input-row{flex-direction:column;align-items:stretch}.chat-input-actions{justify-content:flex-end}.notifications-dropdown{width:min(94vw,100%);right:-.5rem}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf2f7;background:#050814;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;padding:0}body{background:radial-gradient(circle at top,#5f9df724,#0000 34%),linear-gradient(#060b18 0%,#070d1f 100%);min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{border:none}img{max-width:100%;display:block}