:root{
  --blue:#0866ff;--blue-hover:#075ce5;--blue-soft:#e7f3ff;--green:#42b72a;--green-hover:#36a420;
  --bg:#f0f2f5;--surface:#fff;--surface-2:#f7f8fa;--surface-3:#e4e6eb;--text:#080809;--muted:#65676b;
  --line:#dfe3e8;--danger:#d93025;--shadow:0 1px 2px rgba(0,0,0,.12);--shadow-lg:0 12px 40px rgba(0,0,0,.18);
  --radius:12px;--topbar:56px;--left:300px;--right:320px;--feed:680px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.35;overflow-x:hidden}
body.dark{--bg:#18191a;--surface:#242526;--surface-2:#3a3b3c;--surface-3:#4e4f50;--text:#e4e6eb;--muted:#b0b3b8;--line:#3e4042;--blue-soft:#263951;--shadow:0 1px 2px rgba(0,0,0,.45);--shadow-lg:0 15px 45px rgba(0,0,0,.55)}
a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}.ui-icon{display:inline-block;flex:0 0 auto}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow)}
.avatar{display:block;border-radius:50%;object-fit:cover;background:var(--surface-3)}.avatar-32{width:32px;height:32px}.avatar-36{width:36px;height:36px}.avatar-40{width:40px;height:40px}.avatar-44{width:44px;height:44px}.avatar-48{width:48px;height:48px}.avatar-52{width:52px;height:52px}.avatar-56{width:56px;height:56px}.avatar-60{width:60px;height:60px}.avatar-72{width:72px;height:72px}
.btn{border:0;border-radius:7px;min-height:36px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:700;background:var(--surface-3);white-space:nowrap}.btn:hover{filter:brightness(.97)}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-hover)}.btn-success{background:var(--green);color:#fff}.btn-danger{background:#fde8e7;color:#b3261e}.btn-muted{background:var(--surface-3);color:var(--text)}.btn-block{width:100%}.btn-lg{min-height:44px;font-size:16px}.btn-xs{min-height:30px;padding:0 10px;font-size:13px}.icon-plain{width:36px;height:36px;border:0;border-radius:50%;background:transparent;display:grid;place-items:center}.icon-plain:hover{background:var(--surface-2)}
.app-topbar{position:fixed;z-index:500;top:0;left:0;right:0;height:var(--topbar);background:var(--surface);box-shadow:0 1px 2px rgba(0,0,0,.16);display:grid;grid-template-columns:minmax(260px,1fr) minmax(420px,680px) minmax(260px,1fr);align-items:center;padding:0 16px}.topbar-left{display:flex;align-items:center;gap:8px}.brand-button{width:40px;height:40px;border-radius:50%;background:linear-gradient(145deg,#1877f2,#0866ff);display:grid;place-items:center;color:#fff;font-size:27px;font-weight:900;letter-spacing:-2px}.top-search{height:40px;min-width:240px;max-width:280px;background:var(--bg);border-radius:22px;display:flex;align-items:center;gap:8px;padding:0 14px;color:var(--muted)}.top-search input{border:0;outline:0;background:transparent;min-width:0;width:100%}.top-tabs{height:100%;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.top-tab{position:relative;height:100%;display:flex;align-items:center;justify-content:center;border-radius:8px;color:var(--muted)}.top-tab span{display:none}.top-tab:hover{background:var(--surface-2)}.top-tab.active{color:var(--blue)}.top-tab.active:after{content:"";position:absolute;bottom:0;left:5px;right:5px;height:3px;background:var(--blue)}.top-actions{display:flex;justify-content:flex-end;gap:8px;align-items:center}.circle-action,.avatar-button{position:relative;width:40px;height:40px;border:0;border-radius:50%;background:var(--surface-3);display:grid;place-items:center}.circle-action:hover,.avatar-button:hover{filter:brightness(.96)}.avatar-button{padding:0;background:transparent}.avatar-caret{position:absolute;right:-1px;bottom:-1px;width:14px;height:14px;background:var(--surface-3);border:2px solid var(--surface);border-radius:50%;display:grid;place-items:center;font-size:9px}.counter-badge{position:absolute;right:-5px;top:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:#e41e3f;color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center;border:2px solid var(--surface)}
.floating-panel{position:fixed;z-index:650;top:62px;right:16px;width:360px;max-height:calc(100vh - 78px);overflow:auto;background:var(--surface);border-radius:12px;box-shadow:var(--shadow-lg);padding:12px;display:none}.floating-panel.open{display:block}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:5px 4px 12px;font-size:24px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick-grid a{min-height:90px;border-radius:12px;background:var(--surface-2);display:flex;flex-direction:column;gap:10px;justify-content:center;padding:14px;font-weight:700}.quick-grid a:hover{background:var(--surface-3)}.quick-grid svg{color:var(--blue)}.account-card{display:flex;align-items:center;gap:11px;padding:10px;border-radius:10px;box-shadow:var(--shadow);margin-bottom:10px}.account-card div{flex:1}.account-card strong,.account-card span{display:block}.account-card span{font-size:13px;color:var(--muted);margin-top:2px}.panel-row{width:100%;height:48px;border:0;border-radius:9px;background:transparent;display:flex;align-items:center;gap:11px;padding:0 8px;text-align:left}.panel-row:hover{background:var(--surface-2)}.panel-row svg:first-child{width:36px;height:36px;padding:7px;border-radius:50%;background:var(--surface-3)}.panel-row span{flex:1;font-weight:600}.panel-row b{font-size:24px;color:var(--muted)}
.app-shell{max-width:1920px;margin:0 auto;padding-top:var(--topbar);display:grid;grid-template-columns:minmax(240px,var(--left)) minmax(0,var(--feed)) minmax(280px,var(--right));justify-content:center;gap:24px}.left-rail,.right-rail{position:sticky;top:var(--topbar);height:calc(100vh - var(--topbar));overflow:auto;padding:16px 8px 24px;scrollbar-width:none}.left-rail::-webkit-scrollbar,.right-rail::-webkit-scrollbar{display:none}.main-feed{min-width:0;padding:16px 0 56px}.side-nav{display:grid;gap:3px}.side-link{min-height:48px;border-radius:8px;display:flex;align-items:center;gap:12px;padding:6px 9px}.side-link:hover,.side-link.active{background:rgba(255,255,255,.65)}body.dark .side-link:hover,body.dark .side-link.active{background:var(--surface-2)}.side-link strong{font-size:15px}.side-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#1887ff,#0866ff)}.side-marketplace{background:linear-gradient(145deg,#14b8a6,#0f766e)}.side-groups{background:linear-gradient(145deg,#8b5cf6,#6d28d9)}.side-pages{background:linear-gradient(145deg,#f59e0b,#d97706)}.side-events{background:linear-gradient(145deg,#ec4899,#be185d)}.side-saved{background:linear-gradient(145deg,#7c3aed,#4c1d95)}.side-divider{height:1px;background:rgba(0,0,0,.14);margin:10px 8px}body.dark .side-divider{background:var(--line)}.side-heading{display:flex;justify-content:space-between;padding:8px 10px;color:var(--muted)}.side-heading a{color:var(--blue);font-size:13px}.shortcut-thumb{width:36px;height:36px;border-radius:8px;color:#fff;display:grid;place-items:center;font-weight:800}.side-footer{font-size:12px;color:var(--muted);line-height:1.5;padding:14px 10px}.right-section{padding:8px 0;border-bottom:1px solid rgba(0,0,0,.13)}body.dark .right-section{border-color:var(--line)}.right-section:last-child{border:0}.right-title{display:flex;justify-content:space-between;align-items:center;padding:6px 2px 10px;color:var(--muted);font-size:16px}.right-title a{color:var(--blue);font-size:13px}.right-tools{display:flex;gap:14px}.suggestion-card{display:flex;gap:10px;padding:8px 0}.suggestion-copy{min-width:0;flex:1}.suggestion-copy>a strong{display:block}.suggestion-copy>span{display:block;font-size:12px;color:var(--muted);margin:2px 0 8px}.mini-actions{display:flex;gap:6px}.birthday-row{display:flex;gap:10px;padding:8px 2px;border-radius:8px}.birthday-row:hover{background:rgba(255,255,255,.6)}.gift-icon{font-size:28px}.birthday-row span:last-child{font-size:13px}.contact-row{display:flex;align-items:center;gap:10px;padding:6px 2px;border-radius:8px}.contact-row:hover{background:rgba(255,255,255,.65)}body.dark .contact-row:hover{background:var(--surface-2)}.avatar-presence{position:relative}.avatar-presence i{position:absolute;right:-1px;bottom:0;width:11px;height:11px;border-radius:50%;background:#31a24c;border:2px solid var(--bg)}.muted-note{color:var(--muted);font-size:13px;padding:8px 2px}
.flash{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:8px;margin-bottom:12px;box-shadow:var(--shadow);background:var(--surface)}.flash.success{border-left:4px solid #31a24c}.flash.error{border-left:4px solid #e41e3f}.flash button{border:0;background:transparent;font-size:20px;color:var(--muted)}
.stories-strip{display:flex;gap:8px;overflow-x:auto;padding:0 0 12px;scrollbar-width:none}.stories-strip::-webkit-scrollbar{display:none}.story-card{position:relative;flex:0 0 112px;height:200px;border:0;border-radius:12px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow);padding:0;color:#fff;text-align:left}.story-card:hover{transform:translateY(-1px)}.story-bg{position:absolute;inset:0;background:#222}.story-bg:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.72))}.story-bg img,.story-bg video{width:100%;height:100%;object-fit:cover}.story-text{display:grid;place-items:center;padding:14px;text-align:center;font-weight:700}.story-text:after{display:none}.story-owner{position:absolute;top:12px;left:12px;width:38px;height:38px;border-radius:50%;object-fit:cover;border:4px solid var(--blue)}.story-card>strong{position:absolute;left:10px;right:8px;bottom:10px;font-size:13px;text-shadow:0 1px 2px #000}.create-story{color:var(--text);text-align:center}.story-create-photo{height:145px;position:relative}.story-create-photo>img{width:100%;height:100%;object-fit:cover}.story-create-photo:after{content:"";position:absolute;inset:auto 0 0;height:35px;background:var(--surface)}.story-create-photo i{position:absolute;z-index:2;left:50%;bottom:15px;transform:translate(-50%,50%);width:36px;height:36px;border-radius:50%;background:var(--blue);color:#fff;border:4px solid var(--surface);display:grid;place-items:center}.create-story>strong{color:var(--text);text-shadow:none;text-align:center;bottom:10px}.story-viewer{display:none;position:fixed;z-index:900;inset:0;background:rgba(0,0,0,.92);align-items:center;justify-content:center}.story-viewer.open{display:flex}.story-viewer-close{position:absolute;right:24px;top:20px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;display:grid;place-items:center}.story-viewer-card{width:min(430px,94vw);height:min(760px,90vh);background:#111;border-radius:16px;overflow:hidden;position:relative;color:#fff}.story-viewer-card header{position:absolute;z-index:2;top:0;left:0;right:0;padding:18px;display:flex;align-items:center;gap:10px;background:linear-gradient(rgba(0,0,0,.65),transparent)}.story-viewer-card header span{display:block;font-size:12px;opacity:.75}.story-view-content{width:100%;height:100%;display:grid;place-items:center}.story-view-content img,.story-view-content video{width:100%;height:100%;object-fit:contain}.story-view-content .story-text-full{width:100%;height:100%;display:grid;place-items:center;padding:40px;font-size:26px;font-weight:700;text-align:center}.story-viewer-card>p{position:absolute;left:20px;right:20px;bottom:18px;margin:0;text-align:center;text-shadow:0 1px 4px #000}
.composer-card{padding:12px 16px;margin-bottom:12px}.composer-row{display:flex;gap:9px;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--line)}.composer-trigger{height:40px;flex:1;border:0;border-radius:22px;background:var(--bg);color:var(--muted);text-align:left;padding:0 16px;font-size:17px}.composer-trigger:hover{filter:brightness(.97)}.composer-actions{display:grid;grid-template-columns:repeat(3,1fr);padding-top:8px}.composer-actions button{height:40px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}.composer-actions button:hover{background:var(--surface-2)}.composer-actions button:nth-child(1) svg{color:#f02849}.composer-actions button:nth-child(2) svg{color:#45bd62}.composer-actions button:nth-child(3) svg{color:#f7b928}.feed-filter{display:flex;padding:7px;margin-bottom:12px}.feed-filter button{flex:1;height:36px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-weight:700;display:flex;gap:7px;align-items:center;justify-content:center}.feed-filter button:hover,.feed-filter button.active{background:var(--surface-2);color:var(--blue)}
.post-card{margin-bottom:12px;overflow:visible}.post-head{display:flex;gap:10px;padding:12px 16px 8px}.post-avatar-link{flex:0 0 auto}.post-meta{flex:1;min-width:0}.post-author-line{font-size:15px}.post-author-line a:hover{text-decoration:underline}.post-author-line>a strong{font-weight:700}.verified{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--blue);color:#fff;font-size:10px;font-weight:900}.verified.large{width:20px;height:20px;font-size:13px;vertical-align:4px}.post-author-line>a:not(:first-child){font-weight:700}.post-feeling{color:var(--muted)}.post-sub{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:13px;margin-top:2px}.post-sub a:hover{text-decoration:underline}.post-options{position:relative}.post-options>.icon-plain{margin-top:-3px}.dropdown-menu{display:none;position:absolute;right:0;top:38px;width:260px;background:var(--surface);border-radius:10px;box-shadow:var(--shadow-lg);padding:8px;z-index:80}.dropdown-menu.open{display:block}.dropdown-menu button,.dropdown-menu a{width:100%;min-height:42px;border:0;background:transparent;border-radius:7px;display:flex;align-items:center;gap:11px;padding:0 10px;text-align:left;font-weight:600}.dropdown-menu button:hover,.dropdown-menu a:hover{background:var(--surface-2)}.dropdown-menu .danger{color:var(--danger)}.post-body{padding:4px 16px 12px;font-size:16px;line-height:1.42;overflow-wrap:anywhere}.post-background{margin:0;padding:54px 30px;min-height:260px;display:grid;place-items:center;text-align:center;color:#fff;font-size:27px;font-weight:700;line-height:1.25}.bg-blue{background:linear-gradient(135deg,#0062e6,#33aeff)}.bg-purple{background:linear-gradient(135deg,#4f46e5,#c026d3)}.bg-sunset{background:linear-gradient(135deg,#f97316,#e11d48)}.bg-green{background:linear-gradient(135deg,#047857,#34d399)}.bg-dark{background:linear-gradient(135deg,#111827,#374151)}.post-media{background:#050505;max-height:760px;display:flex;justify-content:center}.post-media img,.post-media video{display:block;width:100%;max-height:760px;object-fit:contain}.shared-preview{display:block;margin:0 16px 12px;border:1px solid var(--line);border-radius:8px;padding:12px}.shared-preview p{margin:5px 0 0;color:var(--muted)}.post-stats{min-height:38px;margin:0 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:14px}.post-stats button{border:0;background:transparent;color:inherit}.reaction-summary{display:flex;align-items:center;gap:6px}.reaction-bubbles{display:flex}.reaction-bubbles i{font-style:normal;width:20px;height:20px;border-radius:50%;background:var(--surface);display:grid;place-items:center;margin-right:-4px;font-size:14px}.post-actions{margin:0 16px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);height:44px}.post-action{width:100%;height:36px;margin-top:4px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-weight:700;display:flex;align-items:center;justify-content:center;gap:7px}.post-action:hover{background:var(--surface-2)}.post-action.active{color:var(--blue)}.reaction-love{color:#f5536b!important}.reaction-care,.reaction-haha,.reaction-wow,.reaction-sad{color:#f7b125!important}.reaction-angry{color:#e9710f!important}.reaction-wrap{position:relative}.reaction-picker{position:absolute;z-index:60;left:-4px;bottom:40px;padding:5px 8px;background:var(--surface);border-radius:24px;box-shadow:var(--shadow-lg);display:flex;gap:3px;opacity:0;visibility:hidden;transform:translateY(8px) scale(.95);transition:.15s}.reaction-wrap:hover .reaction-picker,.reaction-picker.open{opacity:1;visibility:visible;transform:none}.reaction-picker button{width:40px;height:40px;border:0;border-radius:50%;background:transparent;font-size:28px;transition:.12s}.reaction-picker button:hover{transform:scale(1.28) translateY(-4px)}.share-form{margin:0}.comments-block{padding:8px 16px 12px}.comment-row{display:flex;gap:7px;margin:5px 0}.comment-content{max-width:calc(100% - 39px)}.comment-bubble{background:var(--bg);border-radius:16px;padding:8px 12px}.comment-bubble strong{font-size:13px}.comment-bubble p{margin:2px 0 0;line-height:1.35}.comment-links{display:flex;gap:10px;padding:3px 10px;color:var(--muted);font-size:12px}.comment-links button{border:0;background:transparent;font-weight:700;padding:0}.comment-form{display:flex;gap:7px;margin-top:8px}.comment-input{position:relative;flex:1;background:var(--bg);border-radius:20px;height:36px;display:flex}.comment-input input[type=text],.comment-input input[name=body]{flex:1;border:0;outline:0;background:transparent;padding:0 42px 0 12px}.comment-input button{position:absolute;right:4px;top:3px;width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:var(--blue);display:grid;place-items:center}
.modal{display:none;position:fixed;z-index:800;inset:0;background:rgba(244,244,244,.82);backdrop-filter:blur(2px);align-items:center;justify-content:center;padding:18px}body.dark .modal{background:rgba(0,0,0,.72)}.modal.open{display:flex}.modal-card{width:min(560px,100%);max-height:92vh;overflow:auto;background:var(--surface);border-radius:12px;box-shadow:var(--shadow-lg)}.small-modal{width:min(440px,100%)}.modal-head{position:sticky;top:0;z-index:3;background:var(--surface);height:60px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;padding:0 16px}.modal-head h3{margin:0;font-size:20px}.modal-head button{position:absolute;right:12px;width:36px;height:36px;border:0;border-radius:50%;background:var(--surface-3);display:grid;place-items:center}.modal-body{padding:16px}.field{margin-bottom:14px}.field label{display:block;font-weight:700;font-size:13px;margin-bottom:6px}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:11px 12px;outline:0}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 2px rgba(8,102,255,.12)}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.composer-author{display:flex;gap:9px;align-items:center}.composer-author strong{display:block}.privacy-select{margin-top:3px;border:0;border-radius:6px;background:var(--surface-3);font-size:12px;font-weight:700;padding:3px 6px}.composer-form>textarea{width:100%;min-height:130px;resize:none;border:0;outline:0;background:transparent;font-size:23px;padding:16px 0}.background-picker{display:flex;gap:6px;margin-bottom:12px}.background-picker input{display:none}.background-picker span{display:block;width:30px;height:30px;border-radius:6px;border:2px solid transparent}.background-picker input:checked+span{border-color:var(--blue);box-shadow:0 0 0 2px var(--surface)}.background-picker .bg-none{background:var(--surface-3);font-size:11px;display:grid;place-items:center}.media-preview{border-radius:10px;overflow:hidden;margin-bottom:12px;background:#111}.media-preview img,.media-preview video{width:100%;max-height:360px;object-fit:contain;display:block}.composer-extra-grid{border:1px solid var(--line);border-radius:10px;padding:10px;margin-bottom:14px;display:grid;gap:5px}.composer-extra-grid label{min-height:42px;border-radius:7px;display:flex;align-items:center;gap:9px;padding:0 8px}.composer-extra-grid label:hover{background:var(--surface-2)}.composer-extra-grid label svg{color:#45bd62}.composer-extra-grid label:nth-child(2) svg{color:#f7b928}.composer-extra-grid label:nth-child(3) svg{color:#f5533d}.composer-extra-grid input{border:0;outline:0;background:transparent;flex:1}
.page-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:4px 0 16px}.page-heading h1{margin:0;font-size:28px;letter-spacing:-.5px}.page-heading p{margin:3px 0 0;color:var(--muted)}.subtabs{display:flex;gap:6px;margin-bottom:12px;overflow:auto}.subtabs a{height:40px;padding:0 14px;border-radius:8px;display:flex;align-items:center;font-weight:700;color:var(--muted);white-space:nowrap}.subtabs a:hover,.subtabs a.active{background:var(--surface);color:var(--blue)}.card-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-title h2,.card-title h3{margin:0}.card-title a{color:var(--blue)}.empty-state{text-align:center;padding:50px 20px}.empty-state h3{margin:12px 0 6px;font-size:20px}.empty-state p{margin:0 auto 16px;max-width:460px;color:var(--muted)}.empty-illustration{width:72px;height:72px;border-radius:50%;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;margin:auto}.inline-empty{padding:22px;color:var(--muted);text-align:center}
.profile-shell{overflow:hidden;margin-bottom:16px}.profile-cover{height:350px;position:relative;background-size:cover!important;background-position:center!important}.profile-cover>img{width:100%;height:100%;object-fit:cover}.profile-cover>button{position:absolute;right:20px;bottom:16px;border:0;border-radius:7px;height:36px;padding:0 13px;background:rgba(255,255,255,.92);color:#111;font-weight:700;display:flex;align-items:center;gap:7px}.profile-summary{min-height:145px;padding:0 28px 0 220px;position:relative;display:flex;align-items:center;gap:18px}.profile-photo-wrap{position:absolute;left:28px;top:-80px;width:176px;height:176px}.profile-photo{width:176px;height:176px;border-radius:50%;object-fit:cover;border:5px solid var(--surface);background:var(--surface-3)}.profile-photo-wrap button{position:absolute;right:7px;bottom:10px;width:38px;height:38px;border:0;border-radius:50%;background:var(--surface-3);display:grid;place-items:center}.profile-name-block{flex:1}.profile-name-block h1{font-size:31px;margin:0;line-height:1.1}.profile-name-block p{color:var(--muted);margin:6px 0}.friend-facepile{display:flex}.friend-facepile img{width:31px;height:31px;border:2px solid var(--surface);border-radius:50%;object-fit:cover;margin-right:-6px}.profile-buttons{display:flex;gap:8px;align-items:center}.profile-tabs{margin:0 24px;border-top:1px solid var(--line);height:55px;display:flex;align-items:center;gap:3px}.profile-tabs a,.profile-tabs button{position:relative;height:44px;border:0;border-radius:6px;padding:0 16px;background:transparent;color:var(--muted);font-weight:700;display:flex;align-items:center}.profile-tabs a:hover,.profile-tabs button:hover{background:var(--surface-2)}.profile-tabs a.active{color:var(--blue)}.profile-tabs a.active:after{content:"";position:absolute;left:5px;right:5px;bottom:-6px;height:3px;background:var(--blue)}.profile-tabs button{margin-left:auto;background:var(--surface-3);height:36px}.profile-content{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px}.profile-content>aside{align-self:start;position:sticky;top:72px}.intro-card,.photos-card{padding:16px;margin-bottom:16px}.intro-card h3{font-size:20px;margin:0 0 12px}.profile-bio{text-align:center;line-height:1.45}.intro-list{display:grid;gap:13px;margin:14px 0}.intro-list>div{display:flex;gap:10px;align-items:flex-start}.intro-list svg{color:var(--muted)}.photos-card .photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;border-radius:8px;overflow:hidden;margin-top:12px}.photo-grid img{width:100%;aspect-ratio:1;object-fit:cover;background:var(--surface-3)}.tab-content{padding:20px}.about-grid{display:grid;grid-template-columns:230px 1fr;border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.about-grid nav{display:grid;align-content:start;gap:4px;padding-right:20px}.about-grid nav a{padding:10px;border-radius:7px;font-weight:700;color:var(--muted)}.about-grid nav a.active{background:var(--blue-soft);color:var(--blue)}.about-details{border-left:1px solid var(--line);padding-left:24px;display:grid;gap:18px}.about-row{display:flex;gap:14px;align-items:center}.about-row svg{color:var(--muted)}.about-row span,.about-row strong{display:block}.about-row span{font-size:13px;color:var(--muted)}.friends-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.friend-tile{border:1px solid var(--line);border-radius:9px;padding:10px;display:flex;align-items:center;gap:12px}.friend-tile:hover{background:var(--surface-2)}.friend-tile img{width:80px;height:80px;border-radius:8px;object-fit:cover}.friend-tile span{display:block;color:var(--muted);font-size:13px;margin-top:3px}.large-photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:16px}.large-photo-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:5px}
.people-section{padding:16px;margin-bottom:16px}.people-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.people-card{overflow:hidden;border:1px solid var(--line);border-radius:10px}.people-card>a>img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:var(--surface-3)}.people-card>div{padding:12px}.people-card strong{font-size:16px}.people-card span{display:block;color:var(--muted);font-size:13px;margin:4px 0 10px}.people-card form{display:grid;gap:6px}
.messenger{height:calc(100vh - 88px);display:grid;grid-template-columns:330px 1fr;overflow:hidden}.conversation-sidebar{border-right:1px solid var(--line);overflow:auto}.conversation-head{display:flex;justify-content:space-between;align-items:center;padding:16px 14px 8px}.conversation-head h2{font-size:25px;margin:0}.conversation-head button,.chat-window header button{width:36px;height:36px;border:0;border-radius:50%;background:var(--surface-3);display:grid;place-items:center}.conversation-search{margin:0 12px;height:38px;border-radius:20px;background:var(--bg);display:flex;align-items:center;gap:7px;padding:0 12px;color:var(--muted)}.conversation-search input{flex:1;border:0;outline:0;background:transparent}.conversation-tabs{display:flex;gap:5px;padding:10px 12px}.conversation-tabs button{height:34px;border:0;border-radius:18px;padding:0 13px;background:transparent;font-weight:700}.conversation-tabs button.active{background:var(--blue-soft);color:var(--blue)}.conversation-row{display:flex;gap:10px;align-items:center;padding:9px 12px;margin:0 5px;border-radius:8px}.conversation-row:hover,.conversation-row.active{background:var(--surface-2)}.conversation-row div{min-width:0}.conversation-row strong{display:block}.conversation-row p{margin:2px 0 0;color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-window{display:grid;grid-template-rows:60px 1fr 60px;min-width:0}.chat-window>header{border-bottom:1px solid var(--line);padding:0 14px;display:flex;align-items:center;justify-content:space-between}.chat-window>header>a{display:flex;align-items:center;gap:9px}.chat-window>header span{display:block;font-size:12px;color:var(--muted)}.chat-window>header>div{display:flex;gap:8px}.chat-window header button{background:transparent;color:var(--blue)}.chat-history{overflow:auto;padding:16px;display:flex;flex-direction:column}.chat-profile{text-align:center;margin:16px auto 28px}.chat-profile img{margin:0 auto 8px}.chat-profile strong,.chat-profile span{display:block}.chat-profile span{font-size:13px;color:var(--muted)}.message-row{display:flex;margin:2px 0}.message-row.mine{justify-content:flex-end}.message-bubble{max-width:68%;border-radius:18px;padding:8px 12px;background:var(--surface-3);position:relative}.message-row.mine .message-bubble{background:var(--blue);color:#fff}.message-bubble p{margin:0}.message-bubble img{display:block;max-width:300px;max-height:300px;border-radius:12px;margin:-5px}.message-bubble time{display:block;font-size:9px;opacity:.65;margin-top:3px;text-align:right}.chat-composer{display:flex;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid var(--line)}.chat-composer>label{color:var(--blue)}.chat-composer>div{flex:1;height:40px;background:var(--bg);border-radius:22px;display:flex;align-items:center}.chat-composer input{flex:1;border:0;outline:0;background:transparent;padding:0 13px}.chat-composer>div button,.send-button{border:0;background:transparent;color:var(--blue);display:grid;place-items:center}.send-button{width:36px;height:36px}.empty-chat{display:grid;place-items:center;align-content:center;height:100%;text-align:center}.empty-chat>div{width:80px;height:80px;border-radius:50%;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center}.empty-chat h2{margin:12px 0 4px}.empty-chat p{color:var(--muted)}
.notification-card{overflow:hidden}.notification-filters{display:flex;gap:6px;padding:12px 14px}.notification-filters button{height:34px;border:0;border-radius:18px;padding:0 13px;background:transparent;font-weight:700}.notification-filters button.active{background:var(--blue-soft);color:var(--blue)}.notification-row{display:flex;align-items:center;gap:12px;padding:9px 14px}.notification-row:hover{background:var(--surface-2)}.notification-avatar{position:relative}.notification-avatar i{position:absolute;right:-4px;bottom:0;width:26px;height:26px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:13px;border:2px solid var(--surface)}.notification-row>div{flex:1}.notification-row p{margin:0}.notification-row time{font-size:13px;color:var(--blue);font-weight:600}.notification-row>button{border:0;background:transparent;color:var(--muted)}
.search-layout{display:grid;grid-template-columns:210px 1fr;overflow:hidden}.search-layout>aside{padding:16px;border-right:1px solid var(--line);display:grid;gap:5px;align-content:start}.search-layout>aside>strong{font-size:20px;margin-bottom:8px}.search-layout>aside button{height:44px;border:0;border-radius:8px;background:transparent;display:flex;align-items:center;gap:10px;font-weight:700;padding:0 10px}.search-layout>aside button:hover,.search-layout>aside button.active{background:var(--surface-2)}.search-layout>aside button svg{width:34px;height:34px;padding:7px;border-radius:50%;background:var(--surface-3)}.search-layout>div{padding:18px}.search-layout h2{font-size:20px}.search-person{padding:9px 0;border-bottom:1px solid var(--line)}.search-person>a{display:flex;align-items:center;gap:11px}.search-person span{display:block;color:var(--muted);font-size:13px}
.community-cover{overflow:hidden;margin-bottom:16px}.community-cover-image{height:340px;background-size:cover!important;background-position:center!important}.community-cover-image img{width:100%;height:100%;object-fit:cover}.community-summary,.page-summary{display:flex;align-items:center;justify-content:space-between;padding:18px 24px}.community-summary h1,.page-summary h1{margin:0;font-size:28px}.community-summary p,.page-summary p{margin:4px 0 0;color:var(--muted)}.community-tabs{height:56px;margin:0 20px;border-top:1px solid var(--line);display:flex;align-items:center;gap:4px}.community-tabs a{height:43px;padding:0 14px;border-radius:6px;display:flex;align-items:center;color:var(--muted);font-weight:700}.community-tabs a:hover{background:var(--surface-2)}.community-tabs a.active{color:var(--blue);border-bottom:3px solid var(--blue);border-radius:0}.community-layout{display:grid;grid-template-columns:300px 1fr;gap:16px}.community-layout>aside{align-self:start;position:sticky;top:72px}.discovery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.discovery-card{overflow:hidden}.discovery-cover{height:180px;background-size:cover!important;background-position:center!important}.discovery-cover img{width:100%;height:100%;object-fit:cover}.discovery-card>div:last-child{padding:14px}.discovery-card h3{font-size:18px;margin:0}.discovery-card p{color:var(--muted);margin:5px 0 12px}.page-summary{justify-content:flex-start}.page-avatar{width:142px;height:142px;border-radius:50%;border:5px solid var(--surface);margin-top:-80px;margin-right:14px;background:var(--surface)}.page-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.page-summary>div:nth-child(2){flex:1}.page-discovery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.page-discovery-card{text-align:center;padding-bottom:14px;overflow:hidden}.page-banner{height:110px;background-size:cover!important;background-position:center!important}.page-banner img{width:100%;height:100%;object-fit:cover}.page-list-avatar{width:90px;height:90px;border-radius:50%;object-fit:cover;border:4px solid var(--surface);margin:-45px auto 8px}.page-discovery-card h3{margin:0}.page-discovery-card p{color:var(--muted);font-size:13px;margin:4px 10px 12px}.page-discovery-card .btn{margin:0 14px;width:calc(100% - 28px)}
.market-toolbar{display:grid;grid-template-columns:1fr 180px auto;gap:10px;padding:12px;margin-bottom:14px}.market-toolbar label{height:40px;background:var(--bg);border-radius:20px;display:flex;align-items:center;gap:8px;padding:0 12px}.market-toolbar input{flex:1;border:0;outline:0;background:transparent}.market-toolbar select,.market-toolbar button{border:0;border-radius:8px;background:var(--surface-3);padding:0 12px}.market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.market-card>div:first-child{height:210px;border-radius:10px;overflow:hidden;background:var(--surface-3);display:grid;place-items:center}.market-card img{width:100%;height:100%;object-fit:cover}.market-card>strong{display:block;font-size:18px;margin-top:8px}.market-card h3{margin:2px 0;font-size:15px;font-weight:500}.market-card p{margin:0;color:var(--muted);font-size:13px}.market-detail{display:grid;grid-template-columns:1.25fr .75fr;overflow:hidden}.market-detail-image{min-height:620px;background:#111;display:grid;place-items:center;color:#fff}.market-detail-image img{width:100%;height:100%;max-height:760px;object-fit:contain}.market-detail-copy{padding:24px}.market-status{display:inline-flex;background:#e7f7ed;color:#1b7a3b;border-radius:20px;padding:5px 9px;font-size:12px;font-weight:800}.market-detail-copy h1{font-size:28px;margin:10px 0 5px}.market-price{font-size:22px}.market-detail-copy>p{color:var(--muted);line-height:1.55}.market-detail dl{display:grid;gap:8px}.market-detail dl div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:8px 0}.market-detail dt{color:var(--muted)}.seller-row{display:flex;align-items:center;gap:10px;padding:12px 0;margin:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.seller-row div{flex:1}.seller-row span,.seller-row strong{display:block}.seller-row span{font-size:12px;color:var(--muted)}
.events-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.event-card{overflow:hidden}.event-image{height:210px;background-size:cover!important;background-position:center!important}.event-image img{width:100%;height:100%;object-fit:cover}.event-card>div:last-child{padding:14px}.event-card span{color:#f5533d;font-size:13px;font-weight:800}.event-card h3{font-size:18px;margin:5px 0}.event-card p{color:var(--muted);margin:0}.event-detail{overflow:hidden}.event-hero{height:390px;background-size:cover!important;background-position:center!important}.event-hero img{width:100%;height:100%;object-fit:cover}.event-detail-body{display:flex;align-items:center;gap:16px;padding:20px}.event-date-box{width:64px;text-align:center}.event-date-box strong{display:block;color:#f5533d}.event-date-box span{display:block;font-size:30px}.event-detail-body>div:nth-child(2){flex:1}.event-date-line{color:#f5533d!important;font-weight:800}.event-detail-body h1{margin:0;font-size:28px}.event-detail-body p{margin:3px 0;color:var(--muted)}.event-actions form{display:flex;gap:8px}.event-layout{display:grid;grid-template-columns:1fr 300px;gap:16px;margin-top:16px}
.reels-feed{display:grid;gap:22px}.reel-card{display:flex;align-items:end;justify-content:center;gap:12px}.reel-media{position:relative;width:min(420px,100%);height:700px;background:#000;border-radius:14px;overflow:hidden;box-shadow:var(--shadow-lg)}.reel-media video,.reel-media>img{width:100%;height:100%;object-fit:contain}.reel-overlay{position:absolute;left:0;right:0;bottom:0;padding:80px 18px 20px;background:linear-gradient(transparent,rgba(0,0,0,.85));color:#fff}.reel-overlay a{display:flex;align-items:center;gap:9px}.reel-overlay p{margin:9px 0 0}.reel-card>aside{display:grid;gap:14px}.reel-card>aside button{width:56px;border:0;background:transparent;display:grid;place-items:center;gap:5px;font-size:25px}.reel-card>aside button span{font-size:12px;color:var(--muted)}
.settings-layout{display:grid;grid-template-columns:260px 1fr;overflow:hidden}.settings-layout>nav{border-right:1px solid var(--line);padding:12px}.settings-layout>nav button{width:100%;height:48px;border:0;border-radius:8px;background:transparent;display:flex;align-items:center;gap:11px;padding:0 10px;font-weight:700}.settings-layout>nav button:hover,.settings-layout>nav button.active{background:var(--surface-2)}.settings-layout>div{padding:24px}.settings-layout>div>h2{margin:0}.settings-layout>div>p{color:var(--muted)}.setting-row{width:100%;min-height:68px;border:0;border-top:1px solid var(--line);background:transparent;display:flex;align-items:center;gap:12px;text-align:left;padding:10px 0}.setting-row>span{width:42px;height:42px;border-radius:50%;background:var(--surface-3);display:grid;place-items:center}.setting-row>div{flex:1}.setting-row p{margin:3px 0 0;color:var(--muted)}
.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.admin-stats>.card{padding:16px;display:flex;align-items:center;gap:12px}.admin-stats>.card>span{width:48px;height:48px;border-radius:12px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center}.admin-stats strong{display:block;font-size:25px}.admin-stats p{margin:0;color:var(--muted)}.admin-section{padding:16px;margin-bottom:16px}.table-wrap{overflow:auto;margin:12px -16px -16px}.table-wrap table{width:100%;border-collapse:collapse}.table-wrap th,.table-wrap td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);white-space:nowrap}.table-wrap th{color:var(--muted);font-size:12px;background:var(--surface-2)}.table-user{display:flex;align-items:center;gap:9px}.status-pill{display:inline-flex;padding:5px 9px;border-radius:20px;font-size:12px;font-weight:800}.status-active,.status-reviewed{background:#e7f7ed;color:#1b7a3b}.status-suspended,.status-open{background:#fde8e7;color:#a52b22}.status-dismissed{background:var(--surface-3);color:var(--muted)}.report-list{margin-top:12px}.report-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.report-row>div{flex:1}.report-row p{margin:3px 0 0;color:var(--muted)}.report-row form{display:flex;gap:5px}
.auth-page{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center;max-width:1100px;margin:auto;padding:40px 24px}.auth-hero{padding:30px 0}.auth-logo{width:72px;height:72px;border-radius:20px;background:linear-gradient(145deg,#1877f2,#0866ff);color:#fff;display:grid;place-items:center;font-size:48px;font-weight:900;letter-spacing:-4px;box-shadow:0 15px 35px rgba(8,102,255,.28)}.auth-hero h1{font-size:48px;line-height:1.08;letter-spacing:-1.8px;margin:24px 0 14px}.auth-hero>p{font-size:19px;color:var(--muted);line-height:1.55;max-width:620px}.auth-preview{height:150px;position:relative;margin-top:28px}.preview-card{position:absolute;width:180px;height:120px;border-radius:16px;box-shadow:var(--shadow-lg);display:flex;align-items:end;padding:14px;color:#fff;font-weight:800;background:linear-gradient(145deg,#2563eb,#7c3aed)}.preview-card.p1{left:0;transform:rotate(-5deg)}.preview-card.p2{left:150px;z-index:2;background:linear-gradient(145deg,#059669,#10b981)}.preview-card.p3{left:300px;transform:rotate(5deg);background:linear-gradient(145deg,#db2777,#7c3aed)}.auth-card{padding:24px;box-shadow:0 2px 18px rgba(0,0,0,.14)}.auth-card h2{font-size:27px;margin:0}.auth-subtitle{color:var(--muted);margin:4px 0 20px}.auth-form .field input{min-height:48px;font-size:16px}.forgot-link{display:block;text-align:center;color:var(--blue);font-weight:600;margin:14px 0}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--muted);margin:16px 0}.auth-divider span{height:1px;background:var(--line);flex:1}.create-account{display:flex;width:max-content;margin:auto}.form-legal{font-size:11px;color:var(--muted);line-height:1.45}
.mobile-nav{display:none}.toast-stack{position:fixed;z-index:1000;right:18px;bottom:18px;display:grid;gap:8px}.toast{background:var(--surface);box-shadow:var(--shadow-lg);border-radius:9px;padding:12px 15px;min-width:260px;border-left:4px solid var(--blue)}
@media(max-width:1280px){:root{--left:240px;--right:290px}.app-shell{gap:14px}.top-search{min-width:44px;width:44px;padding:0 12px}.top-search input{display:none}.page-discovery-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1060px){.app-topbar{grid-template-columns:220px 1fr 220px}.app-shell{grid-template-columns:220px minmax(0,var(--feed))}.right-rail{display:none}.profile-cover{height:300px}.market-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){body{padding-bottom:60px}.app-topbar{grid-template-columns:1fr auto;height:54px;padding:0 10px}.top-tabs{display:none}.top-actions .circle-action:first-child{display:none}.app-shell{display:block;padding-top:54px}.left-rail{display:none}.main-feed{padding:10px 8px 30px;max-width:680px;margin:auto}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:600;bottom:0;left:0;right:0;height:58px;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.mobile-nav a{display:grid;place-items:center;color:var(--muted)}.mobile-nav a.active{color:var(--blue)}.profile-cover{height:240px}.profile-summary{padding:100px 16px 16px;display:block;text-align:center}.profile-photo-wrap{left:50%;top:-80px;transform:translateX(-50%)}.profile-buttons{justify-content:center;margin-top:12px}.friend-facepile{justify-content:center}.profile-tabs{margin:0 8px;overflow:auto}.profile-content,.community-layout{grid-template-columns:1fr}.profile-content>aside,.community-layout>aside{position:static}.friends-grid{grid-template-columns:1fr}.people-cards{grid-template-columns:repeat(2,1fr)}.messenger{height:calc(100vh - 132px);grid-template-columns:250px 1fr}.search-layout{grid-template-columns:1fr}.search-layout>aside{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--line)}.search-layout>aside>strong{display:none}.search-layout>aside button{white-space:nowrap}.discovery-grid,.events-grid{grid-template-columns:1fr}.page-discovery-grid{grid-template-columns:repeat(2,1fr)}.market-detail{grid-template-columns:1fr}.market-detail-image{min-height:380px}.event-layout{grid-template-columns:1fr}.settings-layout{grid-template-columns:1fr}.settings-layout>nav{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--line)}.settings-layout>nav button{white-space:nowrap}.admin-stats{grid-template-columns:repeat(2,1fr)}.auth-page{grid-template-columns:1fr;gap:20px;max-width:520px}.auth-hero{padding-bottom:0}.auth-hero h1{font-size:38px}.auth-preview{display:none}}
@media(max-width:560px){.app-topbar{grid-template-columns:1fr auto}.top-actions .circle-action:nth-child(2){display:none}.stories-strip{margin:0 -8px;padding-left:8px}.story-card{flex-basis:105px;height:185px}.composer-actions span{display:none}.post-card,.composer-card,.feed-filter{border-radius:9px}.post-body{font-size:15px}.post-background{font-size:23px;min-height:220px}.profile-shell{margin:0 -8px 12px;border-radius:0}.profile-cover{height:200px}.profile-cover>button{right:10px;bottom:10px;font-size:0;width:38px;padding:0;justify-content:center}.profile-photo-wrap,.profile-photo{width:142px;height:142px}.profile-photo-wrap{top:-65px}.profile-summary{padding-top:86px}.profile-name-block h1{font-size:26px}.profile-buttons{flex-wrap:wrap}.profile-tabs a{padding:0 11px}.people-cards{grid-template-columns:1fr 1fr;gap:8px}.people-card>div{padding:9px}.messenger{display:block;height:auto}.conversation-sidebar{border-right:0}.chat-window{min-height:calc(100vh - 130px)}.conversation-sidebar:has(+ .chat-window .chat-history){display:none}.page-discovery-grid,.market-grid{grid-template-columns:repeat(2,1fr);gap:8px}.market-card>div:first-child{height:170px}.market-toolbar{grid-template-columns:1fr}.market-toolbar select,.market-toolbar button{height:40px}.community-cover-image{height:230px}.community-summary,.page-summary{padding:14px;flex-wrap:wrap;gap:10px}.page-avatar{width:100px;height:100px;margin-top:-55px}.community-tabs{overflow:auto}.event-hero{height:250px}.event-detail-body{align-items:flex-start;flex-wrap:wrap}.event-actions{width:100%}.event-actions form{width:100%}.event-actions button{flex:1}.reel-media{height:calc(100vh - 150px)}.reel-card>aside{gap:10px}.reel-card>aside button{width:42px}.two-fields{grid-template-columns:1fr}.modal{padding:0;align-items:end}.modal-card{width:100%;max-height:94vh;border-radius:14px 14px 0 0}.large-photo-grid{grid-template-columns:repeat(3,1fr)}.about-grid{grid-template-columns:1fr}.about-grid nav{display:flex;overflow:auto;padding:0 0 12px}.about-details{border-left:0;border-top:1px solid var(--line);padding:14px 0 0}.admin-stats{grid-template-columns:1fr 1fr}.auth-page{padding:22px 14px}.auth-hero{text-align:center}.auth-logo{margin:auto}.auth-hero h1{font-size:31px}.auth-hero>p{font-size:16px}.floating-panel{right:8px;left:8px;width:auto}.top-search{display:none}}

/* =========================================================
   LINKUP 4.0 — FACEBOOK-STYLE WORKSPACE REDESIGN
   ========================================================= */
:root{
  --blue:#0866ff;--blue-hover:#075ce6;--blue-soft:#e7f3ff;--green:#42b72a;
  --bg:#f0f2f5;--surface:#ffffff;--surface-2:#f0f2f5;--surface-3:#e4e6eb;
  --text:#050505;--muted:#65676b;--line:#ced0d4;--soft-line:#e4e6eb;
  --shadow:0 1px 2px rgba(0,0,0,.10);--shadow-lg:0 12px 28px rgba(0,0,0,.20);
  --radius:8px;--topbar:56px;--left:280px;--right:320px;--feed:680px;
}
body{font-family:"Segoe UI",Helvetica,Arial,sans-serif;font-size:15px;line-height:1.333;background:var(--bg);color:var(--text)}
body.dark{--bg:#18191a;--surface:#242526;--surface-2:#3a3b3c;--surface-3:#3a3b3c;--text:#e4e6eb;--muted:#b0b3b8;--line:#4e4f50;--soft-line:#3e4042;--blue-soft:#263951}
.card{border-radius:8px;box-shadow:var(--shadow);border:0}
.btn{border-radius:6px;min-height:36px;padding:0 14px;font-weight:700;transition:background .15s,transform .15s}
.btn:active{transform:scale(.98)}

/* Top navigation */
.app-topbar{position:fixed;z-index:700;top:0;left:0;right:0;height:56px;padding:0 16px;display:grid;grid-template-columns:minmax(260px,320px) minmax(420px,680px) minmax(260px,320px);align-items:center;justify-content:space-between;background:var(--surface);border-bottom:1px solid rgba(0,0,0,.05);box-shadow:0 1px 3px rgba(0,0,0,.15)}
.topbar-left{display:flex;align-items:center;gap:8px;min-width:0}.brand-button{width:40px;height:40px;flex:0 0 40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#1b74e4,#0866ff);color:#fff;font-size:29px;font-weight:900;letter-spacing:-2px;box-shadow:0 1px 2px rgba(0,0,0,.16)}
.top-search{height:40px;width:240px;min-width:0;border-radius:22px;background:var(--surface-2);display:flex;align-items:center;gap:8px;padding:0 12px;color:var(--muted)}.top-search input{border:0;outline:0;background:transparent;width:100%;min-width:0;font-size:15px}.top-search:focus-within{width:280px;box-shadow:0 0 0 2px var(--blue-soft)}
.top-tabs{height:56px;display:grid;grid-template-columns:repeat(5,minmax(72px,1fr));align-items:stretch;gap:8px}.top-tab{position:relative;display:grid;place-items:center;color:var(--muted);border-radius:8px;margin:4px 0}.top-tab:hover{background:var(--surface-2)}.top-tab.active{color:var(--blue);background:transparent}.top-tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--blue)}.top-tab span{position:absolute;left:-9999px}.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.circle-action,.avatar-button{width:40px;height:40px;border:0;border-radius:50%;display:grid;place-items:center;background:var(--surface-3);position:relative}.circle-action:hover,.avatar-button:hover{filter:brightness(.96)}.avatar-button{padding:0;background:transparent}.avatar-caret{position:absolute;right:-2px;bottom:-1px;width:14px;height:14px;border-radius:50%;background:var(--surface-3);border:2px solid var(--surface);font-size:10px;display:grid;place-items:center}.counter-badge{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;padding:0 5px;border:2px solid var(--surface);border-radius:12px;background:#e41e3f;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:800}

/* Floating menus */
.floating-panel{position:fixed;z-index:900;top:52px;right:16px;display:none;background:var(--surface);border-radius:10px;box-shadow:var(--shadow-lg);border:1px solid rgba(0,0,0,.04)}.floating-panel.open{display:block}.quick-panel{width:610px;max-height:calc(100vh - 70px);overflow:auto;padding:16px}.account-panel{width:360px;padding:10px}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-title strong{font-size:24px}.menu-search{height:40px;border-radius:20px;background:var(--surface-2);display:flex;align-items:center;gap:9px;padding:0 12px;color:var(--muted);margin-bottom:16px}.menu-search input{border:0;background:transparent;outline:0;flex:1}.quick-panel-body{display:grid;grid-template-columns:1fr 190px;gap:14px}.quick-panel-body>section{background:var(--surface);border-radius:9px}.quick-panel-body h4{font-size:17px;margin:0 0 8px}.quick-list{display:grid}.quick-list>a{display:flex;gap:12px;padding:10px;border-radius:8px}.quick-list>a:hover,.quick-create>a:hover,.quick-create>button:hover{background:var(--surface-2)}.quick-list>a>span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--blue);background:var(--blue-soft)}.quick-list strong,.quick-list small{display:block}.quick-list small{color:var(--muted);font-size:12px;margin-top:2px}.quick-create{padding:12px;box-shadow:var(--shadow)}.quick-create>a,.quick-create>button{width:100%;min-height:44px;border:0;background:transparent;border-radius:8px;display:flex;align-items:center;gap:12px;text-align:left;font-weight:700}.quick-create .ui-icon{width:34px;height:34px;padding:7px;border-radius:50%;background:var(--surface-3)}
.account-panel-card{padding:6px;border-radius:9px;box-shadow:var(--shadow);margin-bottom:8px}.account-card{min-height:62px;padding:8px;display:flex;align-items:center;gap:11px;border-radius:8px}.account-card:hover{background:var(--surface-2)}.account-card>div{flex:1}.account-card strong,.account-card span{display:block}.account-card span{color:var(--blue);font-size:13px;margin-top:3px}.panel-row{width:100%;min-height:52px;border:0;background:transparent;display:flex;align-items:center;gap:11px;border-radius:8px;padding:6px;text-align:left;font-weight:700}.panel-row:hover{background:var(--surface-2)}.panel-row>.ui-icon{width:36px;height:36px;padding:7px;border-radius:50%;background:var(--surface-3)}.panel-row span{flex:1}.account-footer{font-size:12px;color:var(--muted);padding:5px 8px 0;margin:6px 0}

/* Home feed layout */
.app-shell{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:minmax(220px,var(--left)) minmax(0,var(--feed)) minmax(260px,var(--right));justify-content:center;gap:32px;padding:calc(var(--topbar) + 16px) 16px 48px}.main-feed{width:100%;min-width:0}.left-rail,.right-rail{position:sticky;top:calc(var(--topbar) + 8px);height:calc(100vh - var(--topbar) - 16px);overflow-y:auto;scrollbar-width:none}.left-rail::-webkit-scrollbar,.right-rail::-webkit-scrollbar{display:none}.side-nav{display:grid;gap:2px}.side-link{min-height:48px;padding:6px 8px;display:flex;align-items:center;gap:12px;border-radius:8px}.side-link:hover,.side-link.active{background:rgba(0,0,0,.05)}body.dark .side-link:hover,body.dark .side-link.active{background:rgba(255,255,255,.06)}.side-link strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#1b74e4,#0866ff)}.side-friends{background:linear-gradient(145deg,#318ce7,#1877f2)}.side-reels{background:linear-gradient(145deg,#7c3aed,#ec4899)}.side-marketplace{background:linear-gradient(145deg,#06b6d4,#087ea4)}.side-groups{background:linear-gradient(145deg,#14b8a6,#0f766e)}.side-pages{background:linear-gradient(145deg,#f59e0b,#ea580c)}.side-events{background:linear-gradient(145deg,#ef4444,#db2777)}.side-saved{background:linear-gradient(145deg,#8b5cf6,#6d28d9)}.side-divider{height:1px;background:var(--line);margin:12px 8px}.side-heading{display:flex;justify-content:space-between;align-items:center;padding:0 8px 8px;color:var(--muted)}.side-heading a{color:var(--blue);font-size:13px}.shortcut-thumb{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;color:#fff;font-weight:800}.side-footer{padding:12px 8px;color:var(--muted);font-size:12px;line-height:1.55}
.right-section{padding:0 4px 14px;margin-bottom:12px;border-bottom:1px solid var(--line)}.right-title{height:34px;display:flex;align-items:center;justify-content:space-between;color:var(--muted)}.right-title>a{color:var(--blue);font-size:13px}.sponsored-row{display:flex;align-items:center;gap:12px;padding:8px;border-radius:8px}.sponsored-row:hover{background:rgba(0,0,0,.05)}.sponsored-art{width:92px;height:70px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,#e7f3ff,#d8e8ff);color:var(--blue)}.sponsored-row div{min-width:0}.sponsored-row strong,.sponsored-row small{display:block}.sponsored-row small{color:var(--muted);margin-top:3px}.suggestion-card{display:flex;gap:10px;padding:8px 4px}.suggestion-copy{flex:1;min-width:0}.suggestion-copy>a,.suggestion-copy>span{display:block}.suggestion-copy>span{font-size:12px;color:var(--muted);margin:3px 0 7px}.mini-actions{display:flex;gap:6px}.birthday-row{display:flex;gap:11px;padding:8px;border-radius:8px}.birthday-row:hover{background:rgba(0,0,0,.05)}.gift-icon{font-size:26px}.contact-row{min-height:44px;padding:4px 8px;display:flex;align-items:center;gap:10px;border-radius:8px}.contact-row:hover{background:rgba(0,0,0,.05)}.avatar-presence{position:relative}.avatar-presence i{position:absolute;right:-1px;bottom:0;width:10px;height:10px;border-radius:50%;background:#31a24c;border:2px solid var(--bg)}.right-tools{display:flex;gap:14px}.muted-note{color:var(--muted);font-size:13px;padding:0 8px}

/* Stories and composer */
.stories-strip{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:0 0 4px;margin-bottom:16px}.stories-strip::-webkit-scrollbar{display:none}.story-card{position:relative;flex:0 0 128px;height:225px;border:0;border-radius:10px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow);padding:0;text-align:left}.story-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,0,0,.65));pointer-events:none}.story-card:hover .story-bg img,.story-card:hover .story-bg video{transform:scale(1.03)}.story-bg,.story-bg img,.story-bg video{width:100%;height:100%}.story-bg img,.story-bg video{object-fit:cover;transition:transform .2s}.story-owner{position:absolute;z-index:2;top:12px;left:12px;width:40px;height:40px;border-radius:50%;object-fit:cover;border:4px solid var(--blue)}.story-card>strong{position:absolute;z-index:2;left:12px;right:10px;bottom:12px;color:#fff;font-size:13px;line-height:1.2}.create-story:after{display:none}.create-story{display:flex;flex-direction:column;background:var(--surface)}.story-create-photo{height:165px;position:relative}.story-create-photo img{width:100%;height:100%;object-fit:cover}.story-create-photo i{position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;border:4px solid var(--surface)}.create-story>strong{position:static;color:var(--text);text-align:center;margin:auto 6px 11px;font-size:13px}
.composer-card{padding:12px 16px;margin-bottom:16px}.composer-row{display:flex;align-items:center;gap:9px}.composer-trigger{height:40px;flex:1;border:0;border-radius:20px;background:var(--surface-2);color:var(--muted);text-align:left;padding:0 15px;font-size:16px}.composer-trigger:hover{filter:brightness(.97)}.composer-actions{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:12px;padding-top:8px}.composer-actions button{height:40px;border:0;border-radius:8px;background:transparent;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-weight:700}.composer-actions button:hover{background:var(--surface-2)}.composer-actions button:nth-child(1) .ui-icon{color:#f3425f}.composer-actions button:nth-child(2) .ui-icon{color:#45bd62}.composer-actions button:nth-child(3) .ui-icon{color:#f7b928}.feed-filter{display:none}

/* Post cards */
.post-card{margin-bottom:16px;overflow:visible}.post-head{padding:12px 16px 4px;display:flex;align-items:flex-start}.post-meta{flex:1;min-width:0;padding-left:9px}.post-author-line{font-size:15px;line-height:1.25}.post-author-line a:hover{text-decoration:underline}.post-sub{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:13px;margin-top:2px}.post-options{position:relative}.post-options>.icon-plain:hover{background:var(--surface-2)}.post-body{padding:8px 16px 12px;font-size:15px;line-height:1.38;white-space:normal}.post-body.post-background{min-height:360px;padding:40px;display:grid;place-items:center;text-align:center;color:#fff;font-size:30px;font-weight:700;line-height:1.2}.post-media{background:#000}.post-media img,.post-media video{display:block;width:100%;max-height:760px;object-fit:contain}.post-stats{min-height:42px;margin:0 16px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);border-bottom:1px solid var(--line);font-size:14px}.post-stats button{border:0;background:transparent;color:inherit}.reaction-summary{display:flex;align-items:center;gap:6px}.reaction-bubbles{display:flex}.reaction-bubbles i{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:var(--surface);font-size:14px;margin-left:-3px}.reaction-bubbles i:first-child{margin-left:0}.post-actions{height:44px;margin:0 12px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;border-bottom:1px solid var(--line)}.post-action{width:100%;height:36px;border:0;border-radius:6px;background:transparent;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);font-weight:700}.post-action:hover{background:var(--surface-2)}.reaction-wrap{position:relative}.reaction-picker{bottom:42px}.comments-block{padding:8px 16px 12px}.comment-row{display:flex;gap:6px;margin-bottom:7px}.comment-content{min-width:0}.comment-bubble{display:inline-block;max-width:560px;padding:8px 12px;border-radius:18px;background:var(--surface-2)}.comment-bubble p{margin:2px 0 0;line-height:1.3}.comment-links{display:flex;gap:10px;padding:3px 12px;color:var(--muted);font-size:12px;font-weight:700}.comment-links button{border:0;background:transparent;padding:0;font-weight:700}.comment-form{display:flex;align-items:center;gap:7px}.comment-input{height:36px;flex:1;border-radius:18px;background:var(--surface-2);display:flex;align-items:center;padding:0 10px}.comment-input input{flex:1;border:0;background:transparent;outline:0}.comment-input button{border:0;background:transparent;color:var(--blue);display:grid;place-items:center}

/* Feature-specific full workspaces */
.feature-shell{min-height:100vh;padding-top:var(--topbar)}.feature-sidebar{position:fixed;z-index:300;left:0;top:var(--topbar);bottom:0;width:360px;padding:16px 12px;background:var(--surface);box-shadow:1px 0 3px rgba(0,0,0,.14);overflow-y:auto}.feature-sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:0 4px 12px}.feature-sidebar-head h1{font-size:24px;letter-spacing:-.3px;margin:0}.feature-settings-button{width:36px;height:36px}.feature-search{height:40px;border-radius:20px;background:var(--surface-2);display:flex;align-items:center;gap:8px;padding:0 12px;color:var(--muted);margin:0 4px 12px}.feature-search input{min-width:0;flex:1;border:0;outline:0;background:transparent}.feature-nav{display:grid;gap:3px}.feature-nav>a{min-height:52px;padding:6px 8px;border-radius:8px;display:flex;align-items:center;gap:12px}.feature-nav>a:hover,.feature-nav>a.active{background:var(--surface-2)}.feature-nav>a>span{width:36px;height:36px;border-radius:50%;background:var(--surface-3);display:grid;place-items:center}.feature-nav>a.active>span{background:var(--blue);color:#fff}.feature-nav>a strong{flex:1}.feature-create{width:calc(100% - 8px);margin:12px 4px 0}.feature-sidebar-footer{font-size:12px;color:var(--muted);padding:20px 8px}.feature-main{min-height:calc(100vh - var(--topbar));margin-left:360px}.feature-main-inner{max-width:1480px;margin:0 auto;padding:28px 32px 60px}.feature-main .page-heading{margin:0 0 20px}.feature-main .page-heading h1{font-size:24px}.feature-main .page-heading p{margin:3px 0 0;color:var(--muted)}
.feature-friends .feature-main-inner,.feature-groups .feature-main-inner,.feature-pages .feature-main-inner,.feature-events .feature-main-inner{max-width:1300px}.feature-marketplace .feature-main-inner{max-width:1540px}.feature-reels .feature-main-inner{max-width:900px}.feature-notifications .feature-main-inner,.feature-saved .feature-main-inner{max-width:800px}.feature-settings .feature-main-inner{max-width:980px;padding-top:24px}.feature-admin .feature-main-inner{max-width:1400px}

/* Canvas pages: profile and messenger */
.canvas-shell{padding-top:var(--topbar);min-height:100vh}.canvas-main{min-height:calc(100vh - var(--topbar))}.profile-canvas .canvas-main{max-width:1100px;margin:0 auto;padding-bottom:50px}.profile-canvas .profile-shell{border-radius:0 0 8px 8px;box-shadow:var(--shadow)}.profile-canvas .profile-cover{height:410px;border-radius:0 0 8px 8px}.profile-canvas .profile-content{max-width:1000px;margin:16px auto 0}.profile-canvas .post-card,.profile-canvas .composer-card{max-width:620px}.messenger-canvas{background:var(--surface)}.messenger-canvas .canvas-main{height:calc(100vh - var(--topbar));overflow:hidden}.messenger-canvas .messenger{height:100%;border-radius:0;box-shadow:none}

/* Discovery cards and feature grids */
.people-cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.people-card,.discovery-card,.event-card,.market-card{border-radius:9px;overflow:hidden}.discovery-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.page-discovery-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.market-grid{grid-template-columns:repeat(4,minmax(180px,1fr));gap:22px 16px}.market-card{background:transparent;box-shadow:none}.market-card>div:first-child{height:250px;border-radius:8px;overflow:hidden;background:var(--surface-3)}.market-card>div:last-child{padding:10px 2px}.market-card h3{font-size:17px;margin:0 0 4px}.market-card p{margin:2px 0;color:var(--muted)}.events-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:18px}.event-card{box-shadow:var(--shadow)}

/* Settings */
.settings-content{max-width:760px;margin:0 auto}.settings-content-head{padding:0 4px 16px}.settings-content-head h1{font-size:28px;letter-spacing:-.5px;margin:0}.settings-content-head p{margin:5px 0 0;color:var(--muted);font-size:15px}.settings-card,.accounts-centre-card{background:var(--surface);border-radius:10px;box-shadow:var(--shadow);padding:20px;margin-bottom:16px}.settings-card h2{font-size:20px;margin:0}.settings-card-intro{color:var(--muted);margin:5px 0 15px}.accounts-centre-card{border-top:4px solid transparent;border-image:linear-gradient(90deg,#0866ff,#7c3aed,#f43f5e) 1}.accounts-centre-brand{display:flex;align-items:flex-start;gap:12px;padding-bottom:16px}.accounts-centre-brand>span{width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,#0866ff,#7c3aed);color:#fff;display:grid;place-items:center}.accounts-centre-brand strong{font-size:19px}.accounts-centre-brand p{margin:3px 0 0;color:var(--muted)}.accounts-profile{display:flex;align-items:center;gap:12px;background:var(--surface-2);border-radius:9px;padding:12px;margin-bottom:14px}.accounts-profile>div{flex:1}.accounts-profile strong,.accounts-profile span{display:block}.accounts-profile span{font-size:13px;color:var(--muted);margin-top:2px}.account-status-dot{color:#31a24c!important;font-size:12px!important;font-weight:700}.settings-row-list{margin:0 -8px -8px}.settings-row{width:100%;min-height:68px;border:0;background:transparent;display:flex;align-items:center;gap:12px;border-radius:8px;padding:9px 8px;text-align:left}.settings-row:hover{background:var(--surface-2)}.settings-row-icon{width:42px;height:42px;border-radius:50%;background:var(--surface-3);display:grid;place-items:center}.settings-row>div{flex:1}.settings-row strong,.settings-row p{display:block}.settings-row p{margin:3px 0 0;color:var(--muted);font-size:13px}.row-value{color:var(--muted);font-size:13px}.settings-form{padding-bottom:0}.settings-control-row{min-height:76px;display:flex;align-items:center;gap:20px;border-top:1px solid var(--soft-line);padding:13px 0}.settings-control-row:first-of-type{border-top:0}.settings-control-row>span:first-child{flex:1}.settings-control-row strong,.settings-control-row small{display:block}.settings-control-row small{color:var(--muted);font-size:13px;margin-top:4px;line-height:1.3}.settings-control-row select{min-width:170px;height:36px;border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:0 10px}.settings-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;border-top:1px solid var(--soft-line);margin:0 -20px;padding:13px 20px}.switch{position:relative;flex:0 0 44px!important;width:44px;height:24px}.switch input{position:absolute;opacity:0;pointer-events:none}.switch i{position:absolute;inset:0;border-radius:14px;background:#bcc0c4;transition:.2s}.switch i:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:.2s}.switch input:checked+i{background:var(--blue)}.switch input:checked+i:after{transform:translateX(20px)}.display-preview{width:100%;min-height:82px;border:1px solid var(--soft-line);border-radius:9px;background:var(--surface-2);display:flex;align-items:center;gap:14px;padding:14px;text-align:left}.display-preview-icon{width:48px;height:48px;border-radius:50%;background:#18191a;color:#fff;display:grid;place-items:center}.display-preview>div{flex:1}.display-preview p{margin:4px 0 0;color:var(--muted)}.password-form .field{margin:14px 0}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.info-grid>a{min-height:130px;border:1px solid var(--soft-line);border-radius:9px;padding:16px}.info-grid>a:hover{background:var(--surface-2)}.info-grid>a>span{width:42px;height:42px;border-radius:50%;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;margin-bottom:12px}.info-grid strong{display:block}.info-grid p{margin:5px 0 0;color:var(--muted);font-size:13px}.settings-help-search{height:46px;border-radius:23px;background:var(--surface-2);display:flex;align-items:center;gap:9px;padding:0 15px;margin:16px 0}.settings-help-search input{border:0;background:transparent;outline:0;flex:1}.block-user-form{display:flex;gap:8px;align-items:center;margin:14px 0}.block-user-form .feature-search{flex:1;margin:0}.blocked-person{display:flex;align-items:center;gap:11px;border-top:1px solid var(--soft-line);padding:12px 0}.blocked-person>div{flex:1}.blocked-person strong,.blocked-person span{display:block}.blocked-person span{color:var(--muted);font-size:13px}.settings-empty{display:grid;place-items:center;text-align:center;color:var(--muted);padding:32px}.settings-empty strong{color:var(--text);margin-top:10px}.settings-empty p{margin:4px 0}

/* Messenger refinements */
.messenger{display:grid;grid-template-columns:360px minmax(0,1fr);background:var(--surface)}.conversation-sidebar{border-right:1px solid var(--soft-line);padding:12px}.conversation-sidebar h1{font-size:24px}.conversation-search{height:40px;border-radius:20px}.conversation-row{border-radius:8px;min-height:68px}.conversation-row:hover,.conversation-row.active{background:var(--surface-2)}.conversation-head{height:64px;padding:0 16px;border-bottom:1px solid var(--soft-line);box-shadow:0 1px 2px rgba(0,0,0,.06)}.chat-history{padding:20px}.chat-composer{min-height:58px;border-top:1px solid var(--soft-line)}

/* Authentication */
.auth-page{min-height:100vh;max-width:1040px;grid-template-columns:1.15fr 396px;gap:70px}.auth-logo{width:auto;height:auto;display:block;background:transparent;color:var(--blue);font-size:60px;box-shadow:none;letter-spacing:-5px}.auth-hero h1{font-size:28px;font-weight:400;letter-spacing:0;margin:4px 0}.auth-hero>p{display:none}.auth-preview{display:none}.auth-card{border-radius:8px;padding:16px;box-shadow:0 2px 12px rgba(0,0,0,.18)}.auth-card h2,.auth-subtitle{display:none}.auth-form .field label{display:none}.auth-form .field{margin:0 0 12px}.auth-form .field input{height:52px;border-radius:6px;font-size:17px}.auth-form .btn-primary{height:48px;font-size:20px}.create-account{background:#42b72a}.auth-divider{margin:18px 0}

/* Responsive */
@media(max-width:1350px){:root{--left:250px;--right:290px;--feed:640px}.app-shell{gap:18px}.app-topbar{grid-template-columns:280px minmax(400px,620px) 280px}.market-grid{grid-template-columns:repeat(3,minmax(180px,1fr))}}
@media(max-width:1120px){.app-topbar{grid-template-columns:220px 1fr 220px}.top-search{width:40px;padding:0 10px}.top-search input{display:none}.top-tabs{max-width:620px}.app-shell{grid-template-columns:220px minmax(0,640px);max-width:930px}.right-rail{display:none}.feature-sidebar{width:320px}.feature-main{margin-left:320px}.market-grid{grid-template-columns:repeat(3,minmax(170px,1fr))}.profile-canvas .profile-cover{height:350px}}
@media(max-width:860px){body{padding-bottom:58px}.app-topbar{height:54px;grid-template-columns:1fr auto;padding:0 10px}.top-tabs{display:none}.top-actions .circle-action:first-child{display:none}.app-shell{display:block;padding:calc(54px + 12px) 8px 30px}.left-rail{display:none}.main-feed{max-width:680px;margin:0 auto}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:650;bottom:0;left:0;right:0;height:58px;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.mobile-nav a{display:grid;place-items:center;color:var(--muted)}.mobile-nav a.active{color:var(--blue)}.feature-shell{padding-top:54px}.feature-sidebar{position:static;width:auto;height:auto;padding:10px 10px 4px;box-shadow:var(--shadow);overflow:hidden}.feature-sidebar-head{padding-bottom:7px}.feature-search{max-width:520px}.feature-nav{display:flex;overflow-x:auto;padding-bottom:6px}.feature-nav>a{min-width:max-content;min-height:44px;padding:4px 10px}.feature-nav>a>span{width:32px;height:32px}.feature-nav>a .ui-icon:last-child{display:none}.feature-create{width:auto;margin:4px 4px 8px}.feature-sidebar-footer{display:none}.feature-main{margin-left:0}.feature-main-inner{padding:18px 12px 70px}.feature-settings .feature-sidebar{overflow:visible}.feature-settings .feature-nav{display:flex}.settings-content{max-width:760px}.profile-canvas .canvas-main{padding-bottom:70px}.profile-canvas .profile-cover{height:280px}.messenger-canvas .canvas-main{height:calc(100vh - 112px)}.market-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}.quick-panel{right:8px;left:8px;width:auto}.quick-panel-body{grid-template-columns:1fr 180px}}
@media(max-width:600px){.top-actions .circle-action:nth-child(2){display:none}.stories-strip{margin-left:-8px;margin-right:-8px;padding-left:8px}.story-card{flex-basis:110px;height:195px}.story-create-photo{height:140px}.composer-card,.post-card{border-radius:8px}.composer-actions span{display:none}.post-body.post-background{min-height:260px;font-size:24px}.profile-canvas .profile-shell{margin:0;border-radius:0}.profile-canvas .profile-cover{height:210px;border-radius:0}.profile-canvas .profile-content{margin-top:8px;padding:0 8px}.profile-canvas .post-card,.profile-canvas .composer-card{max-width:none}.feature-sidebar-head h1{font-size:22px}.feature-search{margin-left:0;margin-right:0}.feature-main-inner{padding-left:8px;padding-right:8px}.page-heading{padding:0 4px}.market-grid{gap:14px 8px}.market-card>div:first-child{height:180px}.settings-content-head{padding:0 6px 12px}.settings-content-head h1{font-size:24px}.settings-card,.accounts-centre-card{border-radius:8px;padding:16px}.settings-control-row{align-items:flex-start}.settings-control-row select{min-width:120px;max-width:150px}.settings-form-actions{margin:0 -16px;padding:12px 16px}.info-grid{grid-template-columns:1fr}.block-user-form{align-items:stretch}.messenger{grid-template-columns:1fr}.conversation-sidebar{border-right:0}.auth-page{display:block;padding:44px 14px;max-width:430px}.auth-hero{text-align:center}.auth-logo{font-size:52px}.auth-hero h1{font-size:22px;margin:0 0 26px}.floating-panel{right:8px;left:8px;width:auto}.quick-panel-body{grid-template-columns:1fr}.quick-create{display:none}}

/* Saved accessibility preferences */
body.compact-mode{--feed:640px;font-size:14px}.compact-mode .app-shell{gap:20px;padding-top:calc(var(--topbar) + 10px)}.compact-mode .side-link{min-height:42px}.compact-mode .post-card,.compact-mode .composer-card{margin-bottom:10px}.compact-mode .post-head{padding-top:9px}.compact-mode .settings-control-row{min-height:64px;padding:9px 0}
body.reduce-motion *,body.reduce-motion *:before,body.reduce-motion *:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
body.high-contrast{--line:#8a8d91;--soft-line:#b0b3b8}.high-contrast .card,.high-contrast .settings-card,.high-contrast .accounts-centre-card{outline:1px solid var(--line)}.high-contrast a:focus-visible,.high-contrast button:focus-visible,.high-contrast input:focus-visible,.high-contrast select:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
html[dir="rtl"] .feature-sidebar{left:auto;right:0;box-shadow:-1px 0 3px rgba(0,0,0,.14)}html[dir="rtl"] .feature-main{margin-left:0;margin-right:360px}html[dir="rtl"] .post-meta{padding-left:0;padding-right:9px}html[dir="rtl"] .top-actions{justify-content:flex-start}@media(max-width:1120px){html[dir="rtl"] .feature-main{margin-right:320px}}@media(max-width:860px){html[dir="rtl"] .feature-main{margin-right:0}}

/* v5 persistent chat and profile studio */
.chat-dock{position:fixed;right:18px;bottom:18px;z-index:9500;display:flex;align-items:flex-end;gap:12px}.chat-launcher{width:54px;height:54px;border:0;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0866ff,#6c4cff);color:#fff;box-shadow:0 12px 35px rgba(8,102,255,.35);cursor:pointer;position:relative}.chat-launcher-dot{position:absolute;right:4px;top:3px;width:12px;height:12px;background:#31a24c;border:3px solid #fff;border-radius:50%}.chat-contacts-panel{position:absolute;right:0;bottom:66px;width:330px;max-height:560px;background:var(--card,#fff);border:1px solid var(--border,#dddfe2);border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.22);overflow:hidden;transform:translateY(16px) scale(.97);opacity:0;pointer-events:none;transition:.2s ease}.chat-contacts-panel.open{transform:none;opacity:1;pointer-events:auto}.chat-contacts-panel header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 10px}.chat-contacts-panel header>div:first-child{display:flex;flex-direction:column}.chat-contacts-panel header strong{font-size:20px}.chat-contacts-panel header span{font-size:12px;color:var(--muted)}.chat-contacts-panel header>div:last-child{display:flex;gap:6px}.chat-contacts-panel header button,.chat-contacts-panel header a{width:34px;height:34px;border:0;border-radius:50%;display:grid;place-items:center;background:var(--surface,#f0f2f5);color:inherit}.chat-contact-search{margin:0 12px 10px;height:38px;border-radius:20px;background:var(--surface,#f0f2f5);display:flex;align-items:center;padding:0 12px;gap:8px}.chat-contact-search input{border:0;background:transparent;outline:0;width:100%;color:inherit}.chat-contact-list{padding:0 8px 10px;overflow:auto;max-height:455px}.chat-contact{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:10px;padding:8px;border-radius:12px;text-align:left;color:inherit;cursor:pointer}.chat-contact:hover{background:var(--surface,#f0f2f5)}.chat-contact>span:last-child{display:flex;flex-direction:column;min-width:0}.chat-contact strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-contact small{color:var(--muted);font-size:12px}.chat-dock-windows{display:flex;align-items:flex-end;gap:10px}.mini-chat{width:328px;height:455px;background:var(--card,#fff);border:1px solid var(--border,#dddfe2);border-radius:16px 16px 0 0;box-shadow:0 16px 50px rgba(0,0,0,.2);overflow:hidden;display:flex;flex-direction:column}.mini-chat header{height:54px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.mini-chat header>a{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none}.mini-chat header span{display:flex;flex-direction:column}.mini-chat header small{font-size:11px;color:#31a24c}.mini-chat header button{border:0;background:transparent;color:var(--primary,#0866ff);cursor:pointer}.mini-chat-history{flex:1;overflow:auto;padding:12px;background:var(--card,#fff)}.mini-chat-form{display:flex;gap:7px;padding:9px;border-top:1px solid var(--border)}.mini-chat-form input{flex:1;border:0;background:var(--surface,#f0f2f5);border-radius:18px;padding:10px 13px;outline:0;color:inherit}.mini-chat-form button{width:38px;border:0;background:transparent;color:var(--primary,#0866ff)}.profile-studio{max-width:1180px;margin:0 auto;padding:26px 18px 70px}.profile-studio-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px}.profile-studio-nav,.profile-studio-main{background:var(--card);border:1px solid var(--border);border-radius:18px}.profile-studio-nav{padding:14px;height:max-content;position:sticky;top:82px}.profile-studio-nav h2{padding:8px 10px 14px}.profile-studio-nav a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;color:inherit;text-decoration:none;font-weight:600}.profile-studio-nav a.active,.profile-studio-nav a:hover{background:var(--surface)}.profile-studio-main{padding:24px}.profile-edit-hero{height:230px;border-radius:16px;background:linear-gradient(135deg,#dbeafe,#ede9fe);position:relative;overflow:hidden}.profile-edit-hero>img{width:100%;height:100%;object-fit:cover}.profile-edit-avatar{position:absolute;left:28px;bottom:-54px;width:120px;height:120px;border-radius:50%;border:5px solid var(--card);object-fit:cover}.profile-edit-heading{padding:68px 6px 18px}.profile-edit-section{padding:20px 0;border-top:1px solid var(--border)}.profile-edit-section h3{margin:0 0 14px}.profile-edit-actions{display:flex;justify-content:flex-end;gap:10px;position:sticky;bottom:0;background:var(--card);padding:16px 0 0}
@media(max-width:900px){.chat-dock{right:12px;bottom:76px}.chat-dock-windows{display:none}.chat-contacts-panel{width:min(340px,calc(100vw - 24px))}.profile-studio-grid{grid-template-columns:1fr}.profile-studio-nav{position:static;display:flex;overflow:auto}.profile-studio-nav h2{display:none}.profile-studio-nav a{white-space:nowrap}.profile-edit-hero{height:170px}}

/* =====================================================================
   v6 Pro Social UI: Messenger, notifications, ads, profile studio, calls
   ===================================================================== */
:root{--pro-blue:#0866ff;--pro-violet:#6c4cff;--pro-cyan:#09a8ff;--pro-card:rgba(255,255,255,.94);--pro-glass:blur(18px);--pro-radius:18px;--pro-border:rgba(16,24,40,.09);--pro-shadow:0 18px 60px rgba(17,24,39,.14)}
body{background:radial-gradient(circle at 50% -180px,rgba(8,102,255,.10),transparent 520px),var(--bg);letter-spacing:-.01em}.card{border:1px solid var(--pro-border);box-shadow:0 2px 8px rgba(16,24,40,.055);border-radius:16px}.app-topbar{background:rgba(255,255,255,.88);backdrop-filter:blur(18px) saturate(150%);border-bottom:1px solid rgba(0,0,0,.055);box-shadow:0 4px 22px rgba(15,23,42,.055)}body.dark .app-topbar{background:rgba(36,37,38,.88)}.brand-button{box-shadow:0 8px 22px rgba(8,102,255,.28)}.circle-action{transition:transform .16s,background .16s}.circle-action:hover{transform:translateY(-1px);background:#dfe7f5}.top-tab{margin:4px 0;height:calc(100% - 8px)}.top-tab.active{background:linear-gradient(180deg,rgba(8,102,255,.08),transparent)}.top-tab.active:after{height:4px;border-radius:4px 4px 0 0}.account-language{display:flex;align-items:center;gap:5px;padding:9px 8px;margin-top:6px;border-top:1px solid var(--line)}.account-language>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--surface-3)}.account-language a{padding:6px 8px;border-radius:9px;font-weight:800;font-size:12px}.account-language a.active{background:var(--blue);color:#fff}

/* Notification flyout */
.notification-panel{width:390px;padding:12px 10px 10px;border-radius:18px;overflow:hidden}.notification-panel-head{display:flex;align-items:center;justify-content:space-between;padding:3px 8px 8px}.notification-panel-head h2{font-size:24px;margin:0;letter-spacing:-.5px}.notification-panel-head>div{display:flex}.notification-panel-tabs{display:flex;gap:5px;padding:0 8px 9px}.notification-panel-tabs button{border:0;border-radius:20px;background:transparent;padding:8px 14px;font-weight:750}.notification-panel-tabs button.active{background:var(--blue-soft);color:var(--blue)}.notification-panel-list{max-height:545px;overflow:auto;padding:0 2px}.notification-pop-row{display:grid;grid-template-columns:58px 1fr 10px;align-items:center;gap:10px;padding:8px;border-radius:13px;position:relative}.notification-pop-row:hover{background:var(--surface-2)}.notification-pop-row.unread{background:rgba(8,102,255,.065)}.notification-pop-row p{margin:0;font-size:14px;line-height:1.32}.notification-pop-row time{display:block;color:var(--blue);font-size:12px;font-weight:700;margin-top:3px}.notification-pop-row>b{width:8px;height:8px;border-radius:50%;background:var(--blue)}.notification-avatar{position:relative;display:inline-block;width:58px}.notification-avatar i{position:absolute;right:-2px;bottom:-2px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--surface);font-style:normal;font-size:13px;color:#fff}.notification-avatar i.visual-reaction{background:#e41e3f}.notification-avatar i.visual-comment,.notification-avatar i.visual-message{background:#0866ff}.notification-avatar i.visual-friend,.notification-avatar i.visual-group{background:#2d88ff}.notification-avatar i.visual-call{background:#31a24c}.notification-avatar i.visual-market{background:#f59e0b}.notification-avatar i.visual-general{background:#65676b}.notification-see-all{display:block;text-align:center;padding:11px;border-top:1px solid var(--line);color:var(--blue);font-weight:750}.notification-empty{padding:35px;text-align:center;color:var(--muted);display:grid;place-items:center;gap:8px}.notification-workspace{max-width:760px}.pro-notification-filters{display:flex;gap:6px;margin-bottom:10px}.pro-notification-filters a{padding:8px 14px;border-radius:20px;font-weight:750}.pro-notification-filters a.active{background:var(--blue-soft);color:var(--blue)}.notification-day{background:var(--surface);border:1px solid var(--pro-border);border-radius:17px;padding:12px;margin-bottom:14px;box-shadow:0 3px 12px rgba(0,0,0,.045)}.notification-day>h3{font-size:17px;margin:3px 8px 7px}.pro-notification-row{display:grid;grid-template-columns:62px 1fr 10px 36px;align-items:center;padding:9px 8px;border-radius:13px;gap:10px}.pro-notification-row:hover{background:var(--surface-2)}.pro-notification-row.unread{background:rgba(8,102,255,.07)}.pro-notification-row p{margin:0;font-size:15px}.pro-notification-row time{display:block;color:var(--blue);font-weight:700;font-size:12px;margin-top:4px}.unread-dot{width:9px;height:9px;background:var(--blue);border-radius:50%}.notification-inline-empty{color:var(--muted);padding:18px 8px}

/* Dynamic sponsored content */
.pro-sponsored{display:grid!important;grid-template-columns:112px 1fr;gap:10px!important;align-items:center;padding:6px 2px!important}.pro-sponsored>img{width:112px;height:72px;border-radius:10px;object-fit:cover}.pro-sponsored .sponsored-art{width:112px;height:72px;border-radius:10px}.pro-sponsored strong{font-size:14px;line-height:1.25}.pro-sponsored small{margin-top:4px;color:var(--muted);display:block}.sponsored-card{overflow:hidden;margin-bottom:14px}.sponsored-card>header{height:64px;padding:10px 14px;display:flex;align-items:center;gap:10px}.sponsored-card>header>div{flex:1}.sponsored-card>header strong,.sponsored-card>header small{display:block}.sponsored-card>header small{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:3px}.sponsor-logo{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--pro-blue),var(--pro-violet))}.sponsored-copy{padding:0 14px 12px}.sponsored-copy h3{margin:0 0 4px;font-size:16px}.sponsored-copy p{margin:0;color:var(--muted)}.sponsored-image{display:block;width:100%;max-height:520px;object-fit:cover;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.sponsored-cta{padding:10px 14px;background:var(--surface-2);display:flex;align-items:center;gap:12px}.sponsored-cta>div{flex:1;min-width:0}.sponsored-cta small,.sponsored-cta strong{display:block}.sponsored-cta small{color:var(--muted);font-size:11px;text-transform:uppercase}.sponsored-cta strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Messenger: real 3-panel workspace */
.messenger-canvas{padding-top:var(--topbar);height:100vh;overflow:hidden}.messenger-canvas .canvas-main{height:calc(100vh - var(--topbar));padding:0;max-width:none}.messenger-pro{height:100%;display:grid;grid-template-columns:355px minmax(420px,1fr) 320px;background:var(--surface);border-top:1px solid var(--line)}.pro-sidebar{border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0;background:var(--surface)}html[dir="rtl"] .pro-sidebar{border-right:0;border-left:1px solid var(--line)}.conversation-head{height:62px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between}.conversation-head h2{font-size:25px;margin:0}.conversation-head>div{display:flex;gap:5px}.conversation-head button,.chat-head-actions button{width:37px;height:37px;border:0;border-radius:50%;background:var(--surface-3);display:grid;place-items:center}.conversation-search{margin:0 12px 8px;height:38px;border-radius:22px;background:var(--bg);display:flex;align-items:center;gap:8px;padding:0 12px;color:var(--muted)}.conversation-search input{border:0;background:transparent;outline:0;width:100%}.conversation-tabs{display:flex;gap:4px;padding:0 12px 7px;border-bottom:1px solid var(--line)}.conversation-tabs button{border:0;background:transparent;border-radius:18px;padding:7px 11px;font-weight:750;color:var(--muted)}.conversation-tabs button.active{background:var(--blue-soft);color:var(--blue)}.conversation-list{overflow:auto;padding:6px;flex:1}.conversation-row{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px;border-radius:13px;min-height:72px}.conversation-row:hover{background:var(--surface-2)}.conversation-row.active{background:rgba(8,102,255,.105)}.conversation-row.unread .conversation-copy strong,.conversation-row.unread .conversation-copy p{font-weight:800;color:var(--text)}.conversation-copy{min-width:0}.conversation-copy>div{display:flex;gap:7px;align-items:center}.conversation-copy strong{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-copy time{font-size:11px;color:var(--muted)}.conversation-copy p{margin:3px 0 0;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.conversation-unread{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:11px}.empty-conversation-list{text-align:center;padding:50px 20px;color:var(--muted);display:grid;place-items:center;gap:8px}.empty-conversation-list strong{color:var(--text)}
.pro-chat-window{display:flex;flex-direction:column;min-width:0;background:var(--surface)}.pro-chat-header{height:62px;border-bottom:1px solid var(--line);padding:8px 13px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 10px rgba(0,0,0,.035);z-index:3}.pro-chat-header>a{display:flex;align-items:center;gap:9px}.pro-chat-header>a>div strong,.pro-chat-header>a>div span{display:block}.pro-chat-header>a>div span{font-size:12px;color:#31a24c}.chat-head-actions{display:flex;gap:4px}.chat-head-actions button{background:transparent;color:var(--blue)}.chat-head-actions button:hover{background:var(--surface-2)}.chat-inline-search{height:48px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;padding:0 12px;background:var(--surface)}.chat-inline-search[hidden]{display:none}.chat-inline-search input{flex:1;border:0;background:var(--bg);border-radius:18px;padding:9px 13px;outline:0}.chat-inline-search button{border:0;background:transparent}.pro-chat-history{flex:1;overflow:auto;padding:16px 18px 18px;scroll-behavior:smooth;background:linear-gradient(180deg,rgba(8,102,255,.025),transparent 160px),var(--surface)}.chat-profile{text-align:center;padding:28px 10px 34px;display:grid;place-items:center;gap:5px}.chat-profile strong{font-size:17px}.chat-profile span{color:var(--muted);font-size:13px}.chat-profile .btn{margin-top:7px}.message-row{position:relative;display:flex;margin:2px 0;padding:1px 45px 1px 0}.message-row.mine{justify-content:flex-end;padding:1px 0 1px 45px}.message-bubble{position:relative;max-width:min(72%,560px);border-radius:18px;background:var(--surface-3);padding:8px 12px;line-height:1.35;word-break:break-word}.message-row.mine .message-bubble{background:linear-gradient(145deg,#087cff,#0866ff);color:#fff}.message-bubble>p{margin:0;white-space:normal}.message-bubble time{display:block;font-size:9px;opacity:.7;text-align:right;margin-top:3px;white-space:nowrap}.message-state{margin-left:4px;font-weight:800}.message-hover-actions{position:absolute;top:50%;transform:translateY(-50%);right:calc(100% - 42px);display:flex;opacity:0;transition:.15s;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:2px;box-shadow:0 4px 14px rgba(0,0,0,.09);z-index:2}.message-row.mine .message-hover-actions{right:auto;left:calc(100% - 42px)}.message-row:hover .message-hover-actions{opacity:1}.message-hover-actions button{width:28px;height:28px;border:0;background:transparent;border-radius:50%;font-size:13px}.message-hover-actions button:hover{background:var(--surface-2)}.message-image{display:block;margin:-8px -12px 5px}.message-image img{display:block;max-width:360px;max-height:380px;border-radius:17px;object-fit:cover}.message-video{display:block;max-width:390px;max-height:390px;border-radius:15px;margin:-7px -10px 5px;background:#000}.voice-message{display:flex;align-items:center;gap:8px;min-width:260px}.voice-message audio{height:34px;max-width:280px}.message-file{display:flex;align-items:center;gap:10px;color:inherit;min-width:260px;padding:5px 0}.message-file>span:first-child,.file-glyph{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.18);display:grid;place-items:center}.message-file>div{flex:1;min-width:0}.message-file strong,.message-file small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-file small{opacity:.7}.message-reply-preview{border-left:3px solid currentColor;padding:4px 7px;margin:0 0 6px;opacity:.72;font-size:11px}.message-reply-preview strong,.message-reply-preview span{display:block}.message-reactions{position:absolute;bottom:-13px;right:8px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:13px;padding:2px 5px;box-shadow:0 2px 6px rgba(0,0,0,.1);font-size:11px;display:flex;gap:2px}.message-row.theirs .message-reactions{right:auto;left:8px}.message-reaction-picker{position:absolute;z-index:5;bottom:calc(100% + 6px);right:0;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:5px;display:none;gap:2px;box-shadow:var(--pro-shadow)}.message-reaction-picker.open{display:flex}.message-reaction-picker button{border:0;background:transparent;font-size:20px;width:32px;height:32px;border-radius:50%}.message-reaction-picker button:hover{background:var(--surface-2);transform:scale(1.12)}.sticker-bubble{background:transparent!important;padding:0}.sticker-text{font-size:54px!important;line-height:1!important}.message-removed{font-style:italic;opacity:.7}.message-system{margin:10px auto;padding:6px 10px;border-radius:15px;background:var(--surface-2);color:var(--muted);font-size:11px;display:flex;align-items:center;gap:5px;width:max-content}.chat-reply-bar{height:48px;border-top:1px solid var(--line);padding:6px 12px;display:flex;align-items:center;background:var(--surface-2)}.chat-reply-bar[hidden]{display:none}.chat-reply-bar>div{flex:1;min-width:0;border-left:3px solid var(--blue);padding-left:9px}.chat-reply-bar strong,.chat-reply-bar span{display:block}.chat-reply-bar span{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-reply-bar button{border:0;background:transparent}
.pro-chat-composer{position:relative;min-height:58px;border-top:1px solid var(--line);display:flex;align-items:flex-end;gap:4px;padding:9px 10px;background:var(--surface)}.composer-tool,.send-button{width:36px;height:36px;border:0;background:transparent;color:var(--blue);border-radius:50%;display:grid;place-items:center;flex:0 0 auto}.composer-tool:hover,.send-button:hover{background:var(--blue-soft)}.gif-tool{font-size:10px;font-weight:900;border:2px solid currentColor;border-radius:5px;padding:2px}.message-input-shell{position:relative;flex:1;background:var(--bg);border-radius:20px;display:flex;align-items:flex-end;min-height:38px}.message-input-shell textarea{flex:1;resize:none;border:0;background:transparent;outline:0;min-height:38px;max-height:110px;padding:9px 38px 8px 13px;line-height:1.25}.message-input-shell>button{position:absolute;right:5px;bottom:3px;width:32px;height:32px;border:0;background:transparent;border-radius:50%;display:grid;place-items:center;color:var(--muted)}html[dir="rtl"] .message-input-shell textarea{padding-right:13px;padding-left:38px}html[dir="rtl"] .message-input-shell>button{right:auto;left:5px}.emoji-picker,.sticker-picker{position:absolute;z-index:30;bottom:48px;right:0;width:300px;background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:10px;box-shadow:var(--pro-shadow);display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.emoji-picker[hidden],.sticker-picker[hidden]{display:none}.emoji-picker button,.sticker-picker button{border:0;background:transparent;border-radius:9px;font-size:24px;height:39px}.emoji-picker button:hover,.sticker-picker button:hover{background:var(--surface-2);transform:scale(1.1)}.sticker-picker{grid-template-columns:repeat(4,1fr)}.sticker-picker button{height:58px;font-size:37px}.composer-attachment-menu{position:absolute;z-index:25;left:10px;bottom:59px;background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:7px;box-shadow:var(--pro-shadow);min-width:220px}.composer-attachment-menu[hidden]{display:none}.composer-attachment-menu label{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;font-weight:700}.composer-attachment-menu label:hover{background:var(--surface-2)}.attachment-preview{position:absolute;left:10px;right:10px;bottom:62px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px 10px;display:flex;align-items:center;box-shadow:0 6px 18px rgba(0,0,0,.1)}.attachment-preview[hidden]{display:none}.attachment-preview span{flex:1;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-preview button{border:0;background:transparent}.voice-recorder{position:absolute;inset:0;background:var(--surface);display:flex;align-items:center;gap:11px;padding:9px 14px}.voice-recorder[hidden]{display:none}.voice-recorder strong{flex:1}.voice-recorder button{border:0;border-radius:16px;padding:7px 12px}.voice-recorder button:last-child{background:var(--blue);color:#fff}.record-dot{width:12px;height:12px;border-radius:50%;background:#e41e3f;animation:recordPulse 1s infinite}@keyframes recordPulse{50%{opacity:.35;transform:scale(.75)}}
.chat-details{border-left:1px solid var(--line);background:var(--surface);overflow:auto}.chat-details-profile{text-align:center;padding:32px 18px 20px}.chat-details-profile h3{font-size:20px;margin:10px 0 2px}.chat-details-profile p{margin:0;color:var(--muted)}.chat-details-profile>div{display:flex;justify-content:center;gap:18px;margin-top:18px}.chat-details-profile>div a,.chat-details-profile>div button{border:0;background:transparent;display:grid;place-items:center;gap:5px}.chat-details-profile>div span{width:38px;height:38px;border-radius:50%;background:var(--surface-3);display:grid;place-items:center}.chat-details-profile small{font-size:11px}.chat-detail-group{border-top:1px solid var(--line);padding:8px}.chat-detail-group button{width:100%;height:48px;border:0;background:transparent;border-radius:10px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-weight:700}.chat-detail-group button:hover{background:var(--surface-2)}.chat-detail-danger{border-top:1px solid var(--line);padding:8px}.chat-detail-danger button{width:100%;height:43px;border:0;background:transparent;color:var(--danger);display:flex;align-items:center;gap:10px;padding:0 10px;border-radius:9px}.chat-detail-danger button:hover{background:#fff1f1}

/* Persistent pro chat */
.chat-dock{right:18px;bottom:18px}.chat-launcher{width:58px;height:58px;background:linear-gradient(145deg,#087cff,#6557ff);box-shadow:0 16px 40px rgba(8,102,255,.36)}.chat-unread-badge{position:absolute;top:-5px;right:-4px;min-width:22px;height:22px;border-radius:12px;background:#e41e3f;color:#fff;border:3px solid var(--surface);display:grid;place-items:center;font-size:11px;font-weight:900}.chat-contacts-panel{width:370px;max-height:620px;border-radius:20px}.chat-contacts-panel header{padding:15px 14px 9px}.chat-contacts-panel header strong{font-size:23px}.chat-panel-tabs{display:flex;padding:0 12px 8px;gap:5px}.chat-panel-tabs button{border:0;background:transparent;border-radius:18px;padding:7px 12px;font-weight:750}.chat-panel-tabs button.active{background:var(--blue-soft);color:var(--blue)}.chat-contact-list{max-height:465px}.chat-contact{display:grid;grid-template-columns:48px 1fr auto;gap:9px;min-height:62px}.chat-contact-copy{min-width:0}.chat-contact-copy>span{display:flex;align-items:center}.chat-contact-copy strong{flex:1}.chat-contact-copy time{font-size:10px;color:var(--muted)}.chat-contact-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-contact.unread{background:rgba(8,102,255,.065)}.chat-panel-footer{display:block;text-align:center;border-top:1px solid var(--line);padding:11px;color:var(--blue);font-weight:750}.pro-mini-chat{width:350px;height:500px;border-radius:18px 18px 0 0}.pro-mini-chat header{height:58px}.pro-mini-chat header>div{display:flex;align-items:center;gap:1px}.pro-mini-chat header button,.pro-mini-chat header a{width:31px;height:31px;border:0;background:transparent;color:var(--blue);display:grid;place-items:center;border-radius:50%}.pro-mini-chat header button:hover,.pro-mini-chat header>div a:hover{background:var(--blue-soft)}.pro-mini-chat .mini-chat-history{padding:10px}.pro-mini-chat .message-bubble{max-width:85%;font-size:13px}.pro-mini-chat .message-hover-actions{display:none}.pro-mini-form{height:52px;align-items:center}.pro-mini-form>label{font-size:25px;color:var(--blue);cursor:pointer}.pro-mini-form>div{position:relative;flex:1;background:var(--bg);height:36px;border-radius:18px;display:flex}.pro-mini-form>div>input{border:0;background:transparent;outline:0;flex:1;padding:0 7px 0 12px;min-width:0}.pro-mini-form>div>button{border:0;background:transparent;color:var(--muted)}.mini-emoji-picker{position:absolute;bottom:44px;right:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:7px;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:var(--pro-shadow)}.mini-emoji-picker[hidden]{display:none}.mini-emoji-picker button{border:0;background:transparent;font-size:22px}.pro-mini-form>button{border:0;background:transparent;color:var(--blue);font-size:20px}

/* Audio and video calling */
.call-stage{position:fixed;z-index:12000;inset:0;display:grid;place-items:center}.call-stage[hidden]{display:none}.call-stage-backdrop{position:absolute;inset:0;background:rgba(4,8,18,.78);backdrop-filter:blur(16px)}.call-stage-card{position:relative;width:min(960px,calc(100vw - 32px));height:min(720px,calc(100vh - 34px));background:#111827;border:1px solid rgba(255,255,255,.15);border-radius:24px;overflow:hidden;box-shadow:0 35px 100px rgba(0,0,0,.55);color:#fff}.call-stage-card>header{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:linear-gradient(180deg,rgba(0,0,0,.46),transparent);position:absolute;z-index:3;left:0;right:0;top:0}.call-stage-card>header strong,.call-stage-card>header span{display:block}.call-stage-card>header span{font-size:12px;opacity:.72}.call-stage-card>header button{border:0;background:rgba(255,255,255,.14);color:#fff;width:36px;height:36px;border-radius:50%;display:grid;place-items:center}.call-video-area{height:100%;position:relative;display:grid;place-items:center;background:radial-gradient(circle at center,#24334d,#060a12)}.call-video-area>[data-call-remote]{width:100%;height:100%;object-fit:cover}.call-video-area>[data-call-local]{position:absolute;right:18px;bottom:100px;width:190px;height:135px;object-fit:cover;border-radius:16px;border:2px solid rgba(255,255,255,.7);background:#111;box-shadow:0 10px 35px rgba(0,0,0,.4)}.call-stage:not(.video-call) [data-call-remote],.call-stage:not(.video-call) [data-call-local]{opacity:0}.call-audio-avatar{position:absolute;display:grid;place-items:center}.call-audio-avatar img{width:145px;height:145px;border-radius:50%;object-fit:cover;position:relative;z-index:2;border:4px solid rgba(255,255,255,.2)}.call-pulse{position:absolute;width:175px;height:175px;border-radius:50%;border:2px solid rgba(255,255,255,.25);animation:callPulse 1.8s infinite}@keyframes callPulse{0%{transform:scale(.75);opacity:1}100%{transform:scale(1.35);opacity:0}}.call-stage.video-call .call-audio-avatar{display:none}.call-controls{position:absolute;z-index:5;left:50%;bottom:25px;transform:translateX(-50%);display:flex;gap:13px}.call-controls button{width:52px;height:52px;border-radius:50%;border:0;background:rgba(255,255,255,.17);color:#fff;display:grid;place-items:center;backdrop-filter:blur(10px)}.call-controls button:hover{background:rgba(255,255,255,.25)}.call-controls button.off{background:#fff;color:#111}.call-controls button.end{background:#e41e3f;width:60px;height:60px}.incoming-call{position:fixed;z-index:12500;right:22px;top:78px}.incoming-call[hidden]{display:none}.incoming-call-card{width:350px;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--pro-shadow);padding:18px;display:grid;grid-template-columns:64px 1fr;gap:12px}.incoming-avatar{position:relative}.incoming-avatar img{width:64px;height:64px;border-radius:50%;object-fit:cover}.incoming-avatar i{position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--blue);animation:incomingPulse 1.2s infinite}@keyframes incomingPulse{50%{transform:scale(1.14);opacity:.2}}.incoming-call-card>div:nth-child(2) strong{font-size:18px}.incoming-call-card>div:nth-child(2) p{margin:3px 0;color:var(--muted)}.incoming-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:9px}.incoming-actions button{height:43px;border:0;border-radius:12px;color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:750}.incoming-actions .decline{background:#e41e3f}.incoming-actions .accept{background:#31a24c}

/* Profile editor v6 */
.pro-profile-studio{max-width:1260px}.pro-profile-studio .profile-studio-grid{grid-template-columns:300px minmax(0,1fr)}.profile-edit-account{display:flex;align-items:center;gap:10px;padding:9px 9px 14px;border-bottom:1px solid var(--line);margin-bottom:6px}.profile-edit-account strong,.profile-edit-account span{display:block}.profile-edit-account span{font-size:12px;color:var(--muted)}.pro-profile-studio .profile-studio-nav a{display:grid;grid-template-columns:24px 1fr 18px;min-height:48px}.pro-profile-studio .profile-studio-nav a.active{background:var(--blue-soft);color:var(--blue)}.pro-profile-studio .profile-studio-main{padding:0 0 26px;overflow:hidden}.pro-profile-studio .profile-edit-hero{border-radius:0;height:300px}.profile-hero-shade{position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.38))}.profile-preview-button{position:absolute;right:18px;bottom:18px;background:rgba(0,0,0,.62);backdrop-filter:blur(8px);color:#fff;border-radius:10px;padding:9px 13px;display:flex;align-items:center;gap:7px;font-weight:750}.pro-profile-studio .profile-edit-avatar{left:36px;bottom:-62px;width:134px;height:134px}.pro-profile-studio .profile-edit-heading{display:flex;align-items:center;justify-content:space-between;padding:78px 28px 22px}.pro-profile-studio .profile-edit-heading h1{font-size:27px;margin:0}.pro-profile-studio .profile-edit-heading p{margin:4px 0;color:var(--muted)}.profile-completion{background:var(--blue-soft);color:var(--blue);border-radius:20px;padding:7px 11px;font-size:12px;font-weight:800}.profile-overview-grid{padding:0 26px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-overview-grid>a{min-height:100px;border:1px solid var(--line);border-radius:15px;display:grid;grid-template-columns:45px 1fr 20px;align-items:center;gap:11px;padding:15px}.profile-overview-grid>a:hover{border-color:rgba(8,102,255,.45);background:var(--blue-soft)}.profile-overview-grid>a>span{width:45px;height:45px;border-radius:13px;background:linear-gradient(145deg,var(--blue-soft),#efeaff);color:var(--blue);display:grid;place-items:center}.profile-overview-grid strong{font-size:16px}.profile-overview-grid p{margin:4px 0 0;color:var(--muted);font-size:12px}.profile-editor-card{margin:0 26px;border:1px solid var(--line);border-radius:17px;padding:22px;background:var(--surface)}.profile-editor-card h2{margin:0 0 18px}.photo-editor-grid{display:grid;grid-template-columns:220px 1fr;gap:16px}.photo-upload-card,.cover-upload-card{position:relative;border:1px dashed var(--line);border-radius:16px;min-height:210px;display:grid;place-items:center;overflow:hidden;background:var(--surface-2);cursor:pointer}.photo-upload-card{align-content:center;gap:12px}.photo-upload-card>span,.cover-upload-card>span{background:rgba(0,0,0,.66);color:#fff;padding:9px 12px;border-radius:10px;display:flex;align-items:center;gap:7px}.cover-upload-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cover-upload-card>span{position:relative}.editor-help{color:var(--muted);font-size:13px}.profile-editor-card .profile-edit-actions{border-top:1px solid var(--line);margin-top:20px;padding-top:14px}

/* Admin ads */
.ad-admin-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:16px}.ad-admin-summary>.card{padding:17px;display:flex;align-items:center;gap:12px}.ad-admin-summary>.card>span{width:48px;height:48px;border-radius:14px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center}.ad-admin-summary strong{font-size:24px}.ad-admin-summary p{margin:0;color:var(--muted)}.ad-campaign-list{display:grid}.ad-campaign-row{display:grid;grid-template-columns:92px 1fr auto;align-items:center;gap:13px;padding:12px 0;border-top:1px solid var(--line)}.ad-campaign-row>img,.ad-placeholder{width:92px;height:64px;object-fit:cover;border-radius:10px;background:var(--surface-3);display:grid;place-items:center}.ad-campaign-copy{min-width:0}.ad-campaign-copy>div{display:flex;align-items:center;gap:8px}.ad-campaign-copy p{margin:4px 0;color:var(--muted)}.ad-campaign-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}.ad-campaign-row form{display:flex;gap:6px}.ad-campaign-row select{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;padding:7px}

/* RTL precision for Kurdish Sorani */
html[dir="rtl"] body{font-family:"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;letter-spacing:0}.notification-panel{right:auto;left:16px}html[dir="rtl"] .chat-dock{right:auto;left:18px}html[dir="rtl"] .chat-contacts-panel{right:auto;left:0}html[dir="rtl"] .message-row{padding-right:45px;padding-left:0}html[dir="rtl"] .message-row.mine{padding-right:0;padding-left:45px}html[dir="rtl"] .message-row.mine .message-hover-actions{left:auto;right:calc(100% - 42px)}html[dir="rtl"] .message-row.theirs .message-hover-actions{right:auto;left:calc(100% - 42px)}html[dir="rtl"] .chat-details{border-left:0;border-right:1px solid var(--line)}html[dir="rtl"] .profile-edit-avatar{left:auto;right:36px}html[dir="rtl"] .profile-preview-button{right:auto;left:18px}html[dir="rtl"] .call-video-area>[data-call-local]{right:auto;left:18px}

@media(max-width:1250px){.messenger-pro{grid-template-columns:330px minmax(390px,1fr)}.chat-details{display:none}.chat-details.open{display:block;position:absolute;right:0;top:0;bottom:0;width:320px;z-index:20;box-shadow:-12px 0 35px rgba(0,0,0,.18)}.messenger-pro{position:relative}}
@media(max-width:900px){.messenger-canvas{padding-top:54px}.messenger-canvas .canvas-main{height:calc(100vh - 112px)}.messenger-pro{grid-template-columns:115px 1fr}.conversation-head h2,.conversation-search,.conversation-tabs,.conversation-copy,.conversation-unread{display:none}.conversation-head{justify-content:center}.conversation-head>div button:first-child{display:none}.conversation-row{grid-template-columns:58px;justify-content:center}.conversation-row.active:after{content:"";position:absolute;right:4px;width:4px;height:34px;border-radius:3px;background:var(--blue)}.pro-chat-history{padding-left:10px;padding-right:10px}.message-bubble{max-width:83%}.chat-dock{bottom:76px}.pro-profile-studio .profile-studio-grid{grid-template-columns:1fr}.pro-profile-studio .profile-studio-nav{position:static;display:flex;overflow:auto;border-radius:14px;margin-bottom:12px}.profile-edit-account,.pro-profile-studio .profile-studio-nav h2,.pro-profile-studio .profile-studio-nav a svg:last-child{display:none}.pro-profile-studio .profile-studio-nav a{display:flex;min-width:max-content}.notification-panel{right:8px;left:8px;width:auto}.ad-admin-summary{grid-template-columns:1fr}.incoming-call{left:12px;right:12px}.incoming-call-card{width:100%}}
@media(max-width:620px){.messenger-pro{grid-template-columns:1fr}.pro-sidebar{display:none}.pro-chat-header{padding:7px 8px}.chat-head-actions button{width:35px;height:35px}.chat-head-actions button:nth-child(3){display:none}.pro-chat-history{padding:12px 8px}.message-row{padding-right:34px}.message-row.mine{padding-left:34px}.message-bubble{max-width:86%}.quick-photo,.pro-chat-composer>.composer-tool:nth-of-type(3){display:none}.emoji-picker,.sticker-picker{width:270px;right:-45px}.pro-chat-composer{padding-left:5px;padding-right:5px}.chat-details.open{width:100%}.chat-dock-windows{display:none}.pro-profile-studio{padding:10px 0 70px}.pro-profile-studio .profile-studio-main{border-radius:0;border-left:0;border-right:0}.pro-profile-studio .profile-edit-hero{height:210px}.pro-profile-studio .profile-edit-avatar{width:105px;height:105px;bottom:-48px;left:18px}.pro-profile-studio .profile-edit-heading{padding:62px 16px 16px;display:block}.profile-completion{display:inline-block;margin-top:8px}.profile-overview-grid{grid-template-columns:1fr;padding:0 12px}.profile-editor-card{margin:0 10px;padding:16px}.photo-editor-grid{grid-template-columns:1fr}.photo-upload-card{min-height:180px}.cover-upload-card{min-height:180px}.ad-campaign-row{grid-template-columns:72px 1fr}.ad-campaign-row>img,.ad-placeholder{width:72px;height:58px}.ad-campaign-row form{grid-column:1/-1;justify-content:flex-end}.call-stage-card{width:100vw;height:100vh;border-radius:0}.call-video-area>[data-call-local]{width:115px;height:150px;bottom:100px}.call-controls{gap:8px}.call-controls button{width:48px;height:48px}.notification-day{margin-left:-4px;margin-right:-4px;border-radius:12px}.pro-notification-row{grid-template-columns:58px 1fr 8px}.pro-notification-row>.icon-plain{display:none}}

/* v6 language switch and generated sponsored creatives */
.auth-languages{display:flex;justify-content:center;gap:6px;margin:-4px 0 18px;padding:5px;background:var(--surface-soft,#f0f2f5);border-radius:999px}.auth-languages a{flex:1;text-align:center;padding:8px 10px;border-radius:999px;color:var(--muted);font-size:13px;font-weight:800;text-decoration:none}.auth-languages a.active{background:var(--surface,#fff);color:var(--primary,#0866ff);box-shadow:0 2px 10px rgba(15,23,42,.09)}
.sponsored-generated{position:relative;min-height:300px;overflow:hidden;display:flex!important;align-items:flex-end;padding:26px;text-decoration:none;background:linear-gradient(135deg,#0b5cff 0%,#6b4eff 48%,#ec4d9b 100%);color:#fff}.sponsored-generated.generated-2{background:linear-gradient(140deg,#007f72,#0aa5a2 48%,#7bdcb5)}.sponsored-generated.generated-3{background:linear-gradient(140deg,#191f38,#3948a8 52%,#16a1dc)}.sponsored-generated.generated-4{background:linear-gradient(140deg,#ff6b35,#ff3d77 50%,#8b5cf6)}.sponsored-generated:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(3,8,25,.72));z-index:1}.generated-orb{position:absolute;border-radius:50%;filter:blur(2px);background:rgba(255,255,255,.17);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}.orb-a{width:220px;height:220px;top:-65px;right:-25px}.orb-b{width:140px;height:140px;left:-40px;top:90px}.generated-ad-icon{position:absolute;top:30px;left:30px;width:64px;height:64px;border-radius:22px;display:grid;place-items:center;background:rgba(255,255,255,.18);backdrop-filter:blur(15px);box-shadow:0 16px 45px rgba(0,0,0,.18);z-index:2}.sponsored-generated>div{position:relative;z-index:2;display:grid;gap:6px;max-width:82%}.sponsored-generated>div small{font-weight:800;opacity:.82;text-transform:uppercase;letter-spacing:.09em}.sponsored-generated>div strong{font-size:28px;line-height:1.08;letter-spacing:-.7px}.sponsored-sidebar .sponsored-generated{min-height:175px;padding:18px}.sponsored-sidebar .generated-ad-icon{width:46px;height:46px;top:18px;left:18px;border-radius:16px}.sponsored-sidebar .sponsored-generated>div strong{font-size:20px}.sponsored-sidebar .sponsored-copy{display:none}
html[dir="rtl"] .generated-ad-icon{left:auto;right:30px}html[dir="rtl"] .sponsored-generated>div{text-align:right}
@media(max-width:700px){.sponsored-generated{min-height:230px}.sponsored-generated>div strong{font-size:23px}.auth-languages{margin-top:4px}}

/* v6 advanced Messenger preferences */
.conversation-tabs a{flex:1;border:0;background:transparent;color:var(--muted);font:inherit;font-size:13px;font-weight:800;text-align:center;padding:9px 6px;border-radius:9px;text-decoration:none}.conversation-tabs a.active{background:var(--primary-soft,#e7f3ff);color:var(--primary,#0866ff)}
.chat-detail-section{margin:-2px 10px 8px;padding:12px;border-radius:12px;background:var(--surface-soft,#f0f2f5);border:1px solid var(--line,#e4e6eb)}.chat-detail-section[hidden]{display:none}.chat-nickname-field{display:grid;grid-template-columns:1fr auto;gap:7px}.chat-nickname-field>span{grid-column:1/-1;font-size:12px;font-weight:800;color:var(--muted)}.chat-nickname-field input{min-width:0;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);padding:9px}.chat-nickname-field button{border:0;border-radius:9px;background:var(--primary);color:#fff;padding:0 11px;font-weight:800}.chat-theme-picker{display:flex;gap:8px;margin-top:12px}.chat-theme-picker button{width:28px;height:28px;border-radius:50%;border:3px solid var(--surface);box-shadow:0 0 0 1px var(--line);transition:.15s}.chat-theme-picker button.active{transform:scale(1.12);box-shadow:0 0 0 2px var(--text)}.theme-blue{background:#0866ff}.theme-purple{background:#7c3aed}.theme-green{background:#0a9f6e}.theme-orange{background:#f97316}.theme-pink{background:#ec4899}.theme-mono{background:#374151}.chat-shared-media{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.chat-shared-media img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.chat-shared-media .shared-file{grid-column:1/-1;display:flex;align-items:center;gap:8px;color:var(--text);text-decoration:none;background:var(--surface);padding:9px;border-radius:9px;font-size:12px}.chat-detail-danger form{margin:0}.chat-detail-danger form button{width:100%}
.chat-theme-purple .message-row.mine .message-bubble{background:#7c3aed}.chat-theme-green .message-row.mine .message-bubble{background:#0a9f6e}.chat-theme-orange .message-row.mine .message-bubble{background:#f97316}.chat-theme-pink .message-row.mine .message-bubble{background:#ec4899}.chat-theme-mono .message-row.mine .message-bubble{background:#374151}
html[dir="rtl"] .chat-nickname-field{direction:rtl}
.chat-call-history{display:grid;gap:6px}.chat-call-history>div{display:flex;align-items:center;gap:9px;padding:8px;border-radius:9px;background:var(--surface)}.chat-call-history>div>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary)}.chat-call-history strong,.chat-call-history small{display:block}.chat-call-history small{color:var(--muted);font-size:11px;margin-top:2px}

/* v6 call compact mode */
.call-stage.minimised{pointer-events:none;place-items:end}.call-stage.minimised .call-stage-backdrop{display:none}.call-stage.minimised .call-stage-card{pointer-events:auto;width:340px;height:230px;margin:0 22px 22px 0;border-radius:20px}.call-stage.minimised .call-stage-card>header{height:52px}.call-stage.minimised .call-video-area>[data-call-local]{width:86px;height:66px;right:12px;bottom:70px}.call-stage.minimised .call-audio-avatar img{width:82px;height:82px}.call-stage.minimised .call-pulse{width:105px;height:105px}.call-stage.minimised .call-controls{bottom:12px;gap:8px}.call-stage.minimised .call-controls button{width:38px;height:38px}.call-stage.minimised .call-controls button.end{width:44px;height:44px}.call-stage.minimised [data-call-screen],.call-stage.minimised [data-call-camera]{display:none}@media(max-width:620px){.call-stage.minimised .call-stage-card{width:calc(100vw - 18px);height:210px;margin:0 9px 82px;border-radius:18px}}

/* =========================================================
   LinkUp v7 — rebuilt authentication, creator tools & admin
   ========================================================= */
body[data-page="auth-v7"]{background:#f3f6fb;min-height:100vh;color:#111827}
body[data-page="auth-v7"].dark{background:#111827}
.auth-v7-shell{min-height:calc(100vh - 86px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(390px,.72fr);max-width:1440px;margin:auto;padding:54px clamp(24px,5vw,78px) 34px;gap:clamp(42px,7vw,110px);align-items:center}
.auth-v7-brand{min-width:0}.auth-v7-wordmark{display:inline-flex;align-items:center;gap:13px;font-size:30px;font-weight:900;letter-spacing:-1.4px;color:#0866ff}.auth-v7-mark{width:47px;height:47px;border-radius:15px;background:linear-gradient(145deg,#1877f2,#075ce5);display:grid;place-items:center;color:#fff;font-size:31px;font-weight:950;box-shadow:0 12px 30px rgba(8,102,255,.24)}
.auth-v7-copy{max-width:700px;margin:48px 0 32px}.auth-v7-kicker{display:inline-flex;padding:7px 11px;border-radius:999px;background:#e7f3ff;color:#0866ff;font-size:11px;font-weight:900;letter-spacing:1.2px}.auth-v7-copy h1{font-size:clamp(38px,4vw,64px);line-height:1.03;letter-spacing:-2.8px;margin:17px 0 17px;max-width:760px}.auth-v7-copy p{font-size:19px;line-height:1.6;color:#5f6b7a;max-width:660px;margin:0}
.auth-v7-product{background:#fff;border:1px solid #dce5f2;border-radius:23px;box-shadow:0 30px 80px rgba(29,46,77,.18);overflow:hidden;transform:perspective(1100px) rotateY(3deg) rotateX(1deg);transform-origin:left center;max-width:820px}.auth-v7-product-top{height:50px;border-bottom:1px solid #e8edf4;display:flex;align-items:center;gap:10px;padding:0 13px}.auth-v7-mini-logo{width:31px;height:31px;border-radius:50%;background:#0866ff;color:#fff;display:grid;place-items:center;font-weight:900;font-size:20px}.auth-v7-mini-search{width:170px;height:31px;border-radius:20px;background:#f0f2f5;color:#7a8490;display:flex;align-items:center;gap:6px;padding:0 11px;font-size:11px}.auth-v7-mini-action{margin-left:auto;width:31px;height:31px;border-radius:50%;background:#e4e6eb;display:grid;place-items:center;color:#344054}.auth-v7-mini-action+.auth-v7-mini-action{margin-left:0}
.auth-v7-product-body{display:grid;grid-template-columns:145px minmax(280px,1fr) 138px;background:#f0f2f5;min-height:335px}.auth-v7-product-nav{padding:15px 9px;display:grid;gap:5px;align-content:start}.auth-v7-product-nav span{height:35px;border-radius:8px;display:flex;align-items:center;gap:9px;padding:0 10px;font-size:11px;font-weight:750;color:#414b59}.auth-v7-product-nav span.active{background:#fff;color:#0866ff}.auth-v7-product-feed{padding:14px 8px}.auth-v7-stories{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px}.auth-v7-stories i{height:92px;border-radius:9px;background:linear-gradient(160deg,#8b5cf6,#2563eb);position:relative;overflow:hidden}.auth-v7-stories i:nth-child(2){background:linear-gradient(160deg,#fb7185,#f59e0b)}.auth-v7-stories i:nth-child(3){background:linear-gradient(160deg,#14b8a6,#0f766e)}.auth-v7-stories i:nth-child(4){background:linear-gradient(160deg,#475569,#111827)}.auth-v7-stories i:after{content:"";position:absolute;bottom:8px;left:8px;width:18px;height:18px;border:2px solid #fff;border-radius:50%;background:#e5e7eb}.auth-v7-demo-post{background:#fff;border-radius:10px;box-shadow:0 1px 2px rgba(0,0,0,.1);overflow:hidden}.auth-v7-demo-post header{height:51px;display:flex;align-items:center;gap:8px;padding:0 11px}.auth-v7-demo-post header>b{width:31px;height:31px;border-radius:50%;background:linear-gradient(145deg,#0866ff,#7c3aed)}.auth-v7-demo-post header div{flex:1}.auth-v7-demo-post header strong,.auth-v7-demo-post header small{display:block;font-size:10px}.auth-v7-demo-post header small{color:#8a94a3;margin-top:2px}.auth-v7-demo-post header em{font-style:normal;color:#667085}.auth-v7-demo-post>p{font-size:11px;margin:0;padding:0 11px 9px}.auth-v7-demo-photo{height:104px;background:linear-gradient(140deg,#dbeafe,#eff6ff 45%,#ede9fe);display:grid;place-items:center;color:#0866ff;font-weight:900}.auth-v7-demo-post footer{height:38px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;border-top:1px solid #edf0f4;color:#667085;font-size:9px;text-align:center}.auth-v7-product-contacts{padding:15px 10px;display:grid;gap:8px;align-content:start;font-size:10px;color:#525d6b}.auth-v7-product-contacts strong{color:#7b8491;margin-bottom:4px}.auth-v7-product-contacts span{display:flex;align-items:center;gap:7px}.auth-v7-product-contacts i{width:24px;height:24px;border-radius:50%;background:#dbeafe;position:relative}.auth-v7-product-contacts i:after{content:"";position:absolute;right:0;bottom:0;width:7px;height:7px;border-radius:50%;background:#22c55e;border:1px solid #f0f2f5}
.auth-v7-trust{display:flex;gap:20px;flex-wrap:wrap;margin-top:25px;color:#596579;font-size:13px;font-weight:750}.auth-v7-trust span{display:flex;align-items:center;gap:7px}.auth-v7-trust svg{color:#0866ff}
.auth-v7-panel{max-width:470px;width:100%;justify-self:center}.auth-v7-card{background:#fff;border:1px solid #e1e7f0;border-radius:22px;padding:30px;box-shadow:0 22px 70px rgba(25,39,65,.16)}.auth-v7-languages{display:flex;gap:5px;background:#f1f4f8;border-radius:12px;padding:4px;margin-bottom:25px}.auth-v7-languages a{height:34px;flex:1;border-radius:9px;display:grid;place-items:center;font-size:12px;font-weight:900;color:#667085}.auth-v7-languages a.active{background:#fff;color:#0866ff;box-shadow:0 3px 10px rgba(16,24,40,.08)}.auth-v7-card-head h2{font-size:30px;letter-spacing:-.8px;margin:0 0 7px}.auth-v7-card-head p{margin:0 0 25px;color:#687386;line-height:1.55}.auth-v7-mobile-brand{display:none}.auth-v7-form{display:grid;gap:16px}.auth-v7-field>span{display:block;font-size:12px;font-weight:850;color:#475467;margin:0 0 7px}.auth-v7-field>div{height:52px;border:1px solid #d5deea;border-radius:12px;display:flex;align-items:center;padding:0 14px;background:#fff;transition:.18s}.auth-v7-field>div:focus-within{border-color:#0866ff;box-shadow:0 0 0 4px rgba(8,102,255,.1)}.auth-v7-field svg{color:#8b95a5}.auth-v7-field input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:0 11px;font-size:15px}.auth-v7-field button{width:34px;height:34px;border:0;background:transparent;border-radius:8px;color:#687386;display:grid;place-items:center}.field-at{color:#667085;font-size:17px}.auth-v7-form-meta{display:flex;align-items:center;justify-content:space-between;font-size:13px}.auth-v7-form-meta label{display:flex;gap:7px;align-items:center;color:#667085}.auth-v7-form-meta a{color:#0866ff;font-weight:800}.auth-v7-primary{height:52px;border:0;border-radius:12px;background:linear-gradient(145deg,#1877f2,#0866ff);color:#fff;font-size:16px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 22px rgba(8,102,255,.23)}.auth-v7-primary:hover{filter:brightness(.97);transform:translateY(-1px)}.auth-v7-separator{display:flex;align-items:center;gap:10px;margin:20px 0;color:#98a2b3;font-size:12px}.auth-v7-separator span{height:1px;background:#e4e7ec;flex:1}.auth-v7-create{height:48px;border-radius:12px;background:#eaf8e7;color:#247d18;display:flex;align-items:center;justify-content:center;font-weight:900}.auth-v7-page-note{text-align:center;color:#667085;font-size:13px;margin:20px 0 0}.auth-v7-page-note strong{color:#101828}.auth-v7-switch{text-align:center;color:#667085;margin:19px 0 0;font-size:13px}.auth-v7-switch a{color:#0866ff;font-weight:900}.auth-v7-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-v7-avatar-upload{display:flex;align-items:center;gap:13px;border:1px dashed #cbd5e1;background:#f8fafc;border-radius:14px;padding:12px}.auth-v7-avatar-upload img{width:62px;height:62px;border-radius:50%;object-fit:cover}.auth-v7-avatar-upload label{height:38px;border-radius:9px;background:#e7f3ff;color:#0866ff;padding:0 13px;display:flex;align-items:center;gap:7px;font-weight:850;cursor:pointer}.auth-v7-check{display:flex;align-items:flex-start;gap:9px;color:#667085;font-size:12px;line-height:1.45}.auth-v7-check input{margin-top:3px}.auth-v7-signup{background:linear-gradient(145deg,#42b72a,#36a420);box-shadow:0 10px 22px rgba(54,164,32,.18)}.auth-v7-footer{min-height:86px;background:#fff;border-top:1px solid #e7ebf1;padding:20px clamp(24px,5vw,78px);display:flex;align-items:center;justify-content:space-between;color:#7a8492;font-size:12px}.auth-v7-footer div{display:flex;gap:16px;flex-wrap:wrap}.auth-v7-link-button{width:100%}.recovery-brand{align-self:center}.recovery-art{width:280px;height:230px;border-radius:48% 52% 60% 40%/44% 38% 62% 56%;background:linear-gradient(145deg,#dbeafe,#ede9fe);display:grid;place-items:center;color:#0866ff;margin:34px auto 0;position:relative}.recovery-art>span{position:absolute;width:74px;height:74px;border-radius:22px;background:#fff;display:grid;place-items:center;right:22px;bottom:20px;box-shadow:0 16px 30px rgba(30,64,175,.18)}.recovery-back{display:block;text-align:center;color:#0866ff;font-weight:800;margin-top:18px}
body.dark .auth-v7-card,body.dark .auth-v7-product,body.dark .auth-v7-footer{background:#1f2937;border-color:#374151;color:#f9fafb}body.dark .auth-v7-product-body{background:#111827}body.dark .auth-v7-product-nav span.active,body.dark .auth-v7-demo-post{background:#1f2937}body.dark .auth-v7-copy p,body.dark .auth-v7-card-head p,body.dark .auth-v7-page-note,body.dark .auth-v7-switch{color:#9ca3af}body.dark .auth-v7-field>div{background:#111827;border-color:#475569}body.dark .auth-v7-field input{color:#fff}body.dark .auth-v7-avatar-upload{background:#111827;border-color:#475569}

/* Creator management */
.manage-v7-canvas{background:#f0f2f5;min-height:100vh}.manage-v7{max-width:1420px;margin:auto;padding:82px 24px 60px}.manage-v7-header{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:22px}.manage-v7-eyebrow{color:#0866ff;font-size:11px;font-weight:950;letter-spacing:1.2px}.manage-v7-header h1{font-size:34px;letter-spacing:-1.1px;margin:6px 0 3px}.manage-v7-header p{margin:0;color:var(--muted)}.manage-v7-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px}.manage-v7-nav{background:var(--surface);border-radius:15px;box-shadow:var(--shadow);padding:12px;height:max-content;position:sticky;top:76px}.manage-v7-person{display:flex;align-items:center;gap:10px;padding:7px 8px 15px;border-bottom:1px solid var(--line);margin-bottom:8px}.manage-v7-person img{width:48px;height:48px;border-radius:50%;object-fit:cover}.manage-v7-person strong,.manage-v7-person small{display:block}.manage-v7-person small{color:var(--muted);margin-top:2px}.manage-v7-nav>a{height:48px;border-radius:10px;display:flex;align-items:center;gap:11px;padding:0 11px;font-weight:760;color:var(--muted)}.manage-v7-nav>a:hover{background:var(--surface-2)}.manage-v7-nav>a.active{background:var(--blue-soft);color:var(--blue)}.manage-v7-nav>a span{flex:1}.manage-v7-content{min-width:0}.manage-v7-section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;background:var(--surface);border-radius:15px;padding:18px 20px;box-shadow:var(--shadow);margin-bottom:14px}.manage-v7-section-head h2{margin:0;font-size:24px}.manage-v7-section-head p{margin:4px 0 0;color:var(--muted)}.manage-count{height:35px;border-radius:18px;background:var(--surface-3);padding:0 13px;display:grid;place-items:center;font-weight:800;color:var(--muted)}
.manage-post-list{display:grid;gap:10px}.manage-post-row{background:var(--surface);border-radius:14px;box-shadow:var(--shadow);padding:12px;display:grid;grid-template-columns:116px minmax(0,1fr) auto;gap:14px;align-items:center}.manage-post-media{width:116px;height:88px;border-radius:10px;overflow:hidden;background:#111;display:grid;place-items:center}.manage-post-media img,.manage-post-media video{width:100%;height:100%;object-fit:cover}.manage-post-media.empty{background:var(--surface-2);color:var(--muted)}.manage-post-copy{min-width:0}.manage-post-copy>div{display:flex;gap:6px}.visibility-pill,.manage-pinned{display:inline-flex;height:23px;align-items:center;border-radius:12px;background:var(--surface-3);padding:0 8px;color:var(--muted);font-size:11px;font-weight:850;text-transform:capitalize}.manage-pinned{background:#fff2cc;color:#8a5b00}.manage-post-copy p{margin:8px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:650}.manage-post-copy small{color:var(--muted)}.manage-post-actions{display:flex;gap:6px}.manage-edit-modal{max-width:690px}.manage-upload-box{border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--surface-2)}.manage-current-media{display:grid;gap:8px;margin-bottom:10px}.manage-current-media img,.manage-current-media video{max-height:280px;width:100%;object-fit:contain;border-radius:9px;background:#111}.manage-current-media label{font-size:13px;color:var(--danger)}.manage-upload-trigger{min-height:68px;border:1px dashed var(--line);border-radius:10px;display:flex;align-items:center;gap:12px;padding:0 15px;color:var(--blue);cursor:pointer;background:var(--surface)}.manage-upload-trigger span strong,.manage-upload-trigger span small{display:block}.manage-upload-trigger span small{color:var(--muted);margin-top:3px}.manage-danger-form{border-top:1px solid var(--line);padding:14px 18px;display:flex;align-items:center;gap:15px}.manage-danger-form>div{flex:1}.manage-danger-form strong,.manage-danger-form p{display:block;margin:0}.manage-danger-form p{font-size:12px;color:var(--muted);margin-top:3px}.manage-empty{background:var(--surface);border-radius:14px;padding:70px 20px;text-align:center;color:var(--muted);box-shadow:var(--shadow)}.manage-empty svg{color:var(--blue)}.manage-empty h3{color:var(--text);margin:12px 0 4px}.manage-empty p{margin:0}.manage-empty.full{grid-column:1/-1}
.manage-media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.manage-media-grid article{position:relative;min-width:0;background:#111;border-radius:12px;overflow:hidden;aspect-ratio:1}.manage-media-grid article.wide{grid-column:span 2;aspect-ratio:2/1}.manage-media-grid img,.manage-media-grid video{width:100%;height:100%;object-fit:cover}.manage-media-grid article>div{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;padding:27px 10px 9px;background:linear-gradient(transparent,rgba(0,0,0,.76));color:#fff;font-size:12px}.manage-media-grid article>div a{color:#9ec5ff;font-weight:800}
.manage-entity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.manage-entity-grid>article{background:var(--surface);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.manage-entity-cover{height:155px;background-size:cover!important;background-position:center!important;position:relative}.manage-entity-cover>img:not(.manage-page-avatar){width:100%;height:100%;object-fit:cover}.manage-entity-grid>article>div:last-child{padding:14px}.manage-entity-grid h3{font-size:18px;margin:8px 0 5px}.manage-entity-grid p{height:38px;color:var(--muted);margin:0;overflow:hidden}.manage-entity-grid footer{display:flex;gap:7px;margin-top:14px}.manage-page-avatar{position:absolute;left:14px;bottom:-26px;width:68px;height:68px;border-radius:14px;border:4px solid var(--surface);object-fit:cover}.page-grid article>div:last-child{padding-top:36px}
.manage-listing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.manage-listing-grid>article{background:var(--surface);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.manage-listing-grid>article>img,.listing-placeholder{width:100%;height:210px;object-fit:cover;background:var(--surface-3);display:grid;place-items:center;color:var(--muted)}.manage-listing-grid>article>div{padding:13px}.manage-listing-grid h3{margin:8px 0 3px}.manage-listing-grid p{color:var(--muted);font-size:13px;margin:4px 0 12px}.status-sold{background:#e4e6eb;color:#555}.status-reserved{background:#fff2cc;color:#8a5b00}.status-available{background:#e7f7ed;color:#1b7a3b}
.manage-event-list{display:grid;gap:10px}.manage-event-list>article{background:var(--surface);border-radius:14px;box-shadow:var(--shadow);display:grid;grid-template-columns:124px 65px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px}.manage-event-list>article>img,.manage-event-list>article>div{width:124px;height:82px;border-radius:10px;object-fit:cover;background:var(--surface-3);display:grid;place-items:center;color:var(--blue)}.manage-event-list time{text-align:center}.manage-event-list time b,.manage-event-list time strong{display:block}.manage-event-list time b{color:#e41e3f;text-transform:uppercase;font-size:12px}.manage-event-list time strong{font-size:24px}.manage-event-list h3{margin:0 0 4px}.manage-event-list p,.manage-event-list small{margin:0;color:var(--muted)}
.manage-reel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.manage-reel-grid>article{background:var(--surface);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.manage-reel-grid img,.manage-reel-grid video{width:100%;height:330px;object-fit:cover;background:#111}.manage-reel-grid>article>div{padding:12px}.manage-reel-grid p{height:38px;margin:0 0 5px;overflow:hidden}.manage-reel-grid small{color:var(--muted);display:block;margin-bottom:10px}

/* Administration v7 */
.admin-v7{max-width:1520px;margin:auto}.admin-v7-header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.admin-v7-eyebrow{font-size:11px;color:var(--blue);font-weight:950;letter-spacing:1.2px}.admin-v7-header h1{font-size:34px;margin:5px 0 3px;letter-spacing:-1px}.admin-v7-header p{margin:0;color:var(--muted)}.admin-v7-header-actions{display:flex;gap:8px}.admin-v7-tabs{display:flex;gap:5px;background:var(--surface);box-shadow:var(--shadow);border-radius:14px;padding:7px;margin-bottom:15px;overflow:auto}.admin-v7-tabs a{height:43px;border-radius:9px;display:flex;align-items:center;gap:8px;padding:0 13px;font-weight:750;color:var(--muted);white-space:nowrap}.admin-v7-tabs a:hover{background:var(--surface-2)}.admin-v7-tabs a.active{background:var(--blue-soft);color:var(--blue)}
.admin-v7-metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:14px}.admin-v7-metrics article{background:var(--surface);border-radius:14px;box-shadow:var(--shadow);padding:15px;display:flex;gap:11px;min-width:0}.admin-v7-metrics article>span{width:42px;height:42px;border-radius:12px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;flex:0 0 auto}.admin-v7-metrics strong{font-size:24px;display:block;line-height:1}.admin-v7-metrics h3{font-size:13px;margin:5px 0 2px}.admin-v7-metrics p{font-size:10px;color:var(--muted);margin:0}.admin-v7-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-v7-card{background:var(--surface);border-radius:14px;box-shadow:var(--shadow);padding:17px}.admin-v7-wide{grid-column:1/-1}.admin-v7-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}.admin-v7-card-head h2{font-size:19px;margin:0}.admin-v7-card-head p{font-size:12px;color:var(--muted);margin:3px 0 0}.admin-v7-card-head>a{color:var(--blue);font-weight:800;font-size:13px}.admin-live{display:inline-flex;align-items:center;gap:6px;background:#e7f7ed;color:#1b7a3b;border-radius:18px;padding:6px 9px;font-size:11px;font-weight:900}.admin-live i{width:7px;height:7px;border-radius:50%;background:#22c55e}.admin-health-list{display:grid}.admin-health-list>div{height:43px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.admin-health-list>div span{color:var(--muted)}.admin-health-list .positive{color:#1b7a3b}.admin-card-link{display:flex;align-items:center;justify-content:space-between;color:var(--blue);font-weight:800;margin-top:10px}.admin-member-list{display:grid}.admin-member-list>a{height:55px;display:flex;align-items:center;gap:10px;border-top:1px solid var(--line)}.admin-member-list>a>img{width:38px;height:38px;border-radius:50%;object-fit:cover}.admin-member-list span{flex:1}.admin-member-list strong,.admin-member-list small{display:block}.admin-member-list small{color:var(--muted);font-size:11px;margin-top:2px}.status-dot{width:9px;height:9px;border-radius:50%;background:#9ca3af}.status-dot.status-active{background:#22c55e}.status-dot.status-suspended{background:#ef4444}.admin-report-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.admin-report-cards>div{border:1px solid var(--line);border-radius:11px;padding:11px;display:grid;grid-template-columns:34px 1fr;gap:9px}.admin-report-icon{width:34px;height:34px;border-radius:10px;background:#fde8e7;color:#b3261e;display:grid;place-items:center}.admin-report-cards h3,.admin-report-cards p{margin:0}.admin-report-cards p{color:var(--muted);font-size:12px;margin:4px 0}.admin-report-cards small{color:var(--muted)}.admin-report-cards form{grid-column:2}.admin-empty{text-align:center;padding:42px 20px;color:var(--muted)}.admin-empty svg{color:var(--blue)}.admin-empty strong{display:block;color:var(--text);margin:8px 0 3px}.admin-empty p{margin:0}
.admin-v7-toolbar{background:var(--surface);border-radius:14px;box-shadow:var(--shadow);padding:15px 17px;margin-bottom:13px;display:flex;justify-content:space-between;align-items:center;gap:15px}.admin-v7-toolbar h2{margin:0;font-size:22px}.admin-v7-toolbar p{margin:3px 0 0;color:var(--muted)}.admin-v7-toolbar form{display:flex;gap:7px}.admin-v7-toolbar form>label{height:39px;min-width:300px;border-radius:20px;background:var(--surface-2);display:flex;align-items:center;gap:7px;padding:0 12px;color:var(--muted)}.admin-v7-toolbar input{border:0;outline:0;background:transparent;flex:1}.admin-v7-table-card{padding:0;overflow:hidden}.admin-v7-table{overflow:auto}.admin-v7-table table{width:100%;border-collapse:collapse}.admin-v7-table th{background:var(--surface-2);color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.4px;text-align:left;padding:12px}.admin-v7-table td{padding:11px 12px;border-top:1px solid var(--line);vertical-align:middle}.admin-v7-table td>small,.admin-v7-table td>strong{display:block}.admin-v7-table td>small{color:var(--muted);margin-top:3px}.admin-user-cell{display:flex;align-items:center;gap:10px}.admin-user-cell img{width:43px;height:43px;border-radius:50%;object-fit:cover}.admin-user-cell span strong,.admin-user-cell span small{display:block}.admin-user-cell small{color:var(--muted);margin-top:2px}.admin-user-cell i{font-style:normal;color:var(--blue)}.admin-role{height:27px;border-radius:14px;background:var(--surface-3);padding:0 9px;display:inline-flex;align-items:center;font-size:11px;font-weight:850}.admin-role.admin{background:#ede9fe;color:#6d28d9}.admin-edit-modal{max-width:650px}.admin-modal-person{display:flex;align-items:center;gap:9px}.admin-modal-person img{width:42px;height:42px;border-radius:50%;object-fit:cover}.admin-modal-person strong,.admin-modal-person small{display:block}.admin-modal-person small{color:var(--muted)}.admin-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.admin-choice-grid label>input{display:none}.admin-choice-grid label>span{border:1px solid var(--line);border-radius:11px;min-height:78px;padding:12px;display:grid;grid-template-columns:24px 1fr;column-gap:8px;cursor:pointer}.admin-choice-grid label>span svg{color:var(--muted)}.admin-choice-grid label b,.admin-choice-grid label small{display:block}.admin-choice-grid label small{color:var(--muted);font-size:11px;margin-top:3px}.admin-choice-grid label>input:checked+span{border-color:var(--blue);background:var(--blue-soft)}.admin-choice-grid label>input:checked+span svg{color:var(--blue)}.admin-danger-zone{border-top:1px solid var(--line);display:flex;align-items:center;gap:15px;padding:14px 18px}.admin-danger-zone>div{flex:1}.admin-danger-zone strong,.admin-danger-zone p{display:block;margin:0}.admin-danger-zone p{color:var(--muted);font-size:12px;margin-top:3px}
.admin-content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.admin-content-card{background:var(--surface);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.admin-content-card>header{display:flex;align-items:center;gap:8px;padding:11px}.admin-content-card>header img{width:38px;height:38px;border-radius:50%;object-fit:cover}.admin-content-card>header div{flex:1}.admin-content-card>header strong,.admin-content-card>header small{display:block}.admin-content-card>header small{color:var(--muted);font-size:11px}.admin-content-media{height:210px;background:#111}.admin-content-media img,.admin-content-media video{width:100%;height:100%;object-fit:cover}.admin-content-card>p{height:58px;overflow:hidden;margin:12px;font-size:13px}.admin-content-card>footer{border-top:1px solid var(--line);padding:9px;display:flex;gap:5px;flex-wrap:wrap}.admin-content-card>footer form{display:flex;gap:5px}.admin-reels-list{margin-top:14px}.admin-reel-row{display:grid;grid-template-columns:64px 38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-top:1px solid var(--line)}.admin-reel-thumb{width:64px;height:70px;border-radius:8px;overflow:hidden;background:#111}.admin-reel-thumb img,.admin-reel-thumb video{width:100%;height:100%;object-fit:cover}.admin-reel-row>img{width:38px;height:38px;border-radius:50%;object-fit:cover}.admin-reel-row p{margin:3px 0;color:var(--muted)}.admin-reel-row small{color:var(--muted)}
.admin-community-columns,.admin-commerce-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.admin-community-row,.admin-commerce-row{min-height:76px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:8px 0}.admin-community-cover,.admin-page-avatar,.admin-commerce-row>img,.admin-commerce-row>span{width:68px;height:55px;border-radius:9px;object-fit:cover;background:var(--surface-3);display:grid;place-items:center;background-size:cover!important;background-position:center!important}.admin-community-cover img{width:100%;height:100%;object-fit:cover;border-radius:9px}.admin-page-avatar{width:55px;height:55px;border-radius:50%}.admin-community-row>div:nth-child(2),.admin-commerce-row>div{flex:1;min-width:0}.admin-community-row strong,.admin-community-row p,.admin-community-row small,.admin-commerce-row strong,.admin-commerce-row p,.admin-commerce-row small{display:block;margin:0}.admin-community-row p,.admin-commerce-row p{color:var(--muted);font-size:12px;margin:3px 0}.admin-community-row small,.admin-commerce-row small{color:var(--muted);font-size:11px}.icon-danger{width:34px;height:34px;border:0;border-radius:50%;background:#fde8e7;color:#b3261e;display:grid;place-items:center}.admin-commerce-row select{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;height:34px}
.admin-filter-pills{display:flex;gap:5px}.admin-filter-pills a{height:34px;padding:0 12px;border-radius:17px;display:flex;align-items:center;color:var(--muted);font-weight:800}.admin-filter-pills a.active{background:var(--blue-soft);color:var(--blue)}.admin-report-workspace{display:grid;gap:9px}.admin-report-item{background:var(--surface);border-radius:13px;box-shadow:var(--shadow);padding:12px;display:grid;grid-template-columns:220px minmax(0,1fr) auto auto;gap:12px;align-items:center}.admin-report-user{display:flex;align-items:center;gap:9px}.admin-report-user img{width:42px;height:42px;border-radius:50%;object-fit:cover}.admin-report-user strong,.admin-report-user small{display:block}.admin-report-user small{color:var(--muted)}.admin-report-target h3{margin:3px 0}.admin-report-target p{margin:0;color:var(--muted)}.admin-report-target>span{color:var(--blue);font-size:11px;font-weight:900;text-transform:uppercase}.admin-report-actions{display:flex;gap:6px}.admin-report-actions form{display:flex;gap:5px}
.admin-ad-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:13px}.admin-ad-metrics article{background:var(--surface);border-radius:13px;box-shadow:var(--shadow);padding:15px}.admin-ad-metrics span,.admin-ad-metrics strong{display:block}.admin-ad-metrics span{color:var(--muted);font-size:12px}.admin-ad-metrics strong{font-size:25px;margin-top:5px}.admin-ad-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.admin-ad-card{background:var(--surface);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.admin-ad-card>img,.admin-ad-generated{width:100%;height:180px;object-fit:cover}.admin-ad-generated{background:linear-gradient(145deg,#dbeafe,#ede9fe);display:grid;place-items:center;color:var(--blue)}.admin-ad-body{padding:13px}.admin-ad-body>div:first-child{display:flex;justify-content:space-between}.admin-ad-body h3{margin:9px 0 5px}.admin-ad-body p{height:38px;overflow:hidden;color:var(--muted);margin:0}.admin-ad-stats{display:grid!important;grid-template-columns:1fr 1fr!important;margin:13px 0!important}.admin-ad-stats span{background:var(--surface-2);padding:8px;border-radius:8px;font-size:11px;color:var(--muted)}.admin-ad-stats b{display:block;color:var(--text);font-size:16px}.admin-ad-body footer{display:flex;gap:7px}.admin-ad-body footer form{margin-left:auto}.admin-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.admin-settings-wide,.admin-settings-save{grid-column:1/-1}.admin-settings-save{display:flex;justify-content:flex-end}.admin-brand-preview{display:flex;align-items:center;gap:10px;padding:10px;background:var(--surface-2);border-radius:9px}.admin-brand-preview img{max-width:150px;max-height:54px;object-fit:contain}.admin-log-list{padding-top:5px}.admin-log-row{min-height:72px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:9px 0}.admin-log-icon{width:38px;height:38px;border-radius:11px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center}.admin-log-row>img{width:34px;height:34px;border-radius:50%;object-fit:cover}.admin-log-row>div{flex:1}.admin-log-row strong,.admin-log-row p,.admin-log-row small{display:block;margin:0}.admin-log-row p{color:var(--muted);margin:3px 0}.admin-log-row small{color:var(--muted);font-size:11px}.admin-quick-panel{position:fixed;z-index:900;right:24px;top:75px;width:300px;background:var(--surface);border-radius:14px;box-shadow:var(--shadow-lg);padding:15px}.admin-quick-panel>button{position:absolute;right:9px;top:9px;border:0;background:var(--surface-3);border-radius:50%;width:32px;height:32px;display:grid;place-items:center}.admin-quick-panel h3{margin:3px 0 13px}.admin-quick-panel a{height:46px;border-radius:9px;display:flex;align-items:center;gap:9px;padding:0 9px;font-weight:750}.admin-quick-panel a:hover{background:var(--surface-2)}

@media(max-width:1250px){.auth-v7-product-contacts{display:none}.auth-v7-product-body{grid-template-columns:135px 1fr}.admin-v7-metrics{grid-template-columns:repeat(3,1fr)}.admin-content-grid,.admin-ad-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.manage-entity-grid,.manage-listing-grid,.manage-reel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){.auth-v7-shell{grid-template-columns:1fr;max-width:620px;padding-top:32px}.auth-v7-brand{text-align:center}.auth-v7-wordmark{justify-content:center}.auth-v7-copy{margin:26px auto 0}.auth-v7-copy h1{font-size:42px}.auth-v7-copy p{margin:auto}.auth-v7-product,.auth-v7-trust{display:none}.auth-v7-panel{max-width:480px}.manage-v7-layout{grid-template-columns:1fr}.manage-v7-nav{position:static;display:flex;overflow:auto}.manage-v7-person{display:none}.manage-v7-nav>a{min-width:max-content}.manage-v7-nav>a svg:last-child{display:none}.manage-media-grid{grid-template-columns:repeat(3,1fr)}.manage-entity-grid,.manage-listing-grid,.manage-reel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-v7-grid,.admin-community-columns,.admin-commerce-grid,.admin-settings-grid{grid-template-columns:1fr}.admin-settings-wide,.admin-settings-save{grid-column:auto}.admin-report-cards{grid-template-columns:1fr}.admin-report-item{grid-template-columns:180px 1fr}.admin-report-item>.status-pill,.admin-report-actions{grid-column:2}.admin-v7-wide{grid-column:auto}}
@media(max-width:760px){.auth-v7-shell{display:block;padding:24px 14px 20px;min-height:auto}.auth-v7-brand>.auth-v7-wordmark,.auth-v7-copy,.auth-v7-trust{display:none}.auth-v7-mobile-brand{display:flex;align-items:center;justify-content:center;gap:8px;color:#0866ff;font-size:25px;font-weight:950;margin-bottom:20px}.auth-v7-mobile-brand b{width:36px;height:36px;border-radius:11px;background:#0866ff;color:#fff;display:grid;place-items:center}.auth-v7-card{padding:22px 18px;border-radius:17px}.auth-v7-card-head{text-align:center}.auth-v7-card-head h2{font-size:25px}.auth-v7-footer{display:block;text-align:center}.auth-v7-footer div{justify-content:center;margin-bottom:8px}.auth-v7-grid-two{grid-template-columns:1fr}.auth-v7-page-note{margin-bottom:24px}.manage-v7{padding:68px 8px 76px}.manage-v7-header{padding:0 6px}.manage-v7-header h1{font-size:28px}.manage-v7-header .btn{display:none}.manage-v7-section-head{align-items:flex-start;padding:15px}.manage-v7-section-head p{font-size:12px}.manage-post-row{grid-template-columns:80px 1fr}.manage-post-media{width:80px;height:72px}.manage-post-actions{grid-column:2}.manage-media-grid{grid-template-columns:repeat(2,1fr)}.manage-entity-grid,.manage-listing-grid,.manage-reel-grid{grid-template-columns:1fr 1fr;gap:8px}.manage-listing-grid>article>img,.listing-placeholder{height:160px}.manage-reel-grid img,.manage-reel-grid video{height:270px}.manage-event-list>article{grid-template-columns:80px 48px 1fr}.manage-event-list>article>img,.manage-event-list>article>div{width:80px;height:70px}.manage-event-list>article>button{grid-column:3}.admin-v7{padding:0 0 60px}.admin-v7-header{align-items:flex-start}.admin-v7-header h1{font-size:28px}.admin-v7-header-actions .btn-muted{display:none}.admin-v7-tabs{margin-left:-8px;margin-right:-8px;border-radius:0}.admin-v7-tabs a span{display:none}.admin-v7-tabs a{min-width:48px;justify-content:center}.admin-v7-metrics{grid-template-columns:1fr 1fr}.admin-v7-metrics p{display:none}.admin-v7-toolbar{align-items:flex-start}.admin-v7-toolbar form{width:100%}.admin-v7-toolbar form>label{min-width:0;flex:1}.admin-content-grid,.admin-ad-grid{grid-template-columns:1fr}.admin-report-item{grid-template-columns:1fr}.admin-report-item>.status-pill,.admin-report-actions{grid-column:auto}.admin-report-actions{flex-wrap:wrap}.admin-ad-metrics{grid-template-columns:1fr 1fr}.admin-choice-grid{grid-template-columns:1fr}.admin-v7-header,.admin-v7-toolbar{flex-direction:column}.admin-quick-panel{left:8px;right:8px;width:auto}.admin-community-columns,.admin-commerce-grid{grid-template-columns:1fr}}
@media(max-width:480px){.auth-v7-card{border-radius:14px}.auth-v7-avatar-upload{display:grid;justify-items:center;text-align:center}.manage-entity-grid,.manage-listing-grid,.manage-reel-grid{grid-template-columns:1fr}.manage-media-grid{grid-template-columns:1fr 1fr}.manage-media-grid article.wide{grid-column:1/-1}.admin-v7-metrics{grid-template-columns:1fr}.admin-ad-metrics{grid-template-columns:1fr 1fr}.admin-v7-header-actions{width:100%}.admin-v7-header-actions .btn-primary{width:100%}}

/* v7.1 completion: branded auth, valid full-width admin workspace and storage manager */
.auth-v7-logo-image{width:48px;height:48px;border-radius:14px;object-fit:contain;background:#fff;box-shadow:0 8px 24px rgba(8,102,255,.18)}
.auth-v7-mobile-brand img{width:38px;height:38px;border-radius:10px;object-fit:contain}
.auth-v7-mini-action{position:relative}.auth-v7-mini-action i{position:absolute;right:-3px;top:-4px;width:8px;height:8px;border-radius:50%;background:#e41e3f;border:2px solid #fff}
.auth-v7-stories i{position:relative}.auth-v7-stories i:first-child b{position:absolute;left:50%;bottom:8px;translate:-50% 0;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#0866ff;color:#fff;border:3px solid #fff;font-size:18px}
.auth-v7-registration-closed{min-height:48px;border-radius:12px;background:#fff3cd;color:#7a5600;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 14px;font-weight:750;text-align:center}
.auth-v7-login-link{display:flex;align-items:center;justify-content:center;margin-top:12px}
html[dir="rtl"] .auth-v7-copy,html[dir="rtl"] .auth-v7-card{text-align:right}
html[dir="rtl"] .auth-v7-wordmark{flex-direction:row-reverse;justify-content:flex-end}
html[dir="rtl"] .auth-v7-product-nav span,html[dir="rtl"] .auth-v7-trust span{flex-direction:row-reverse}
html[dir="rtl"] .auth-v7-form-meta,html[dir="rtl"] .auth-v7-field>div{direction:rtl}
.admin-v7-canvas{background:linear-gradient(180deg,var(--surface) 0, var(--bg) 170px)}
.admin-v7-canvas .canvas-main{padding:24px clamp(14px,2.5vw,40px) 80px}
.admin-v7-table-card{overflow:visible}.admin-v7-table{overflow:auto}.admin-v7-table table{min-width:900px}
.admin-v7-table td:last-child{text-align:right}
.admin-storage-metrics{grid-template-columns:repeat(4,1fr)}
.admin-storage-card{padding:18px}.admin-storage-list{display:grid;gap:8px}.admin-storage-list>div{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:62px;padding:9px 10px 13px;border:1px solid var(--line);border-radius:11px;overflow:hidden}.admin-storage-folder{width:38px;height:38px;border-radius:10px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center}.admin-storage-list strong,.admin-storage-list small{display:block}.admin-storage-list small{color:var(--muted);margin-top:2px}.admin-storage-list>div>b{font-size:13px}.admin-storage-list>div>i{position:absolute;left:0;bottom:0;width:var(--usage);height:3px;background:var(--blue);border-radius:0 3px 3px 0}.admin-runtime-limits{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.admin-runtime-limits span{background:var(--surface-2);border-radius:9px;padding:9px 12px;color:var(--muted)}.admin-runtime-limits b{color:var(--text);margin-left:5px}
.admin-content-card footer{flex-wrap:wrap}.admin-content-card footer form{display:inline-flex}
.admin-community-row>.btn,.admin-commerce-row>.btn{flex:0 0 auto}
@media(max-width:1000px){.admin-storage-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.admin-v7-canvas .canvas-main{padding:12px 8px 78px}.admin-storage-metrics{grid-template-columns:1fr 1fr}.auth-v7-mobile-brand img{display:block}}
@media(max-width:480px){.admin-storage-metrics{grid-template-columns:1fr}}
.maintenance-v7{min-height:calc(100vh - var(--topbar));padding:100px 20px;display:grid;place-items:center}.maintenance-v7 section{width:min(560px,100%);background:var(--surface);border-radius:20px;box-shadow:var(--shadow-lg);padding:48px;text-align:center}.maintenance-v7 section>span{width:76px;height:76px;border-radius:24px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;margin:0 auto 18px}.maintenance-v7 h1{font-size:34px;margin:0 0 10px}.maintenance-v7 p{color:var(--muted);font-size:17px;margin:0 0 24px}.maintenance-v7 form{display:flex;justify-content:center}
button.is-loading{position:relative;opacity:.82;pointer-events:none}button.is-loading:after{content:"";width:15px;height:15px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:v7spin .7s linear infinite;margin-left:8px}@keyframes v7spin{to{transform:rotate(360deg)}}

/* =========================================================
   LinkUp v8 — modern Facebook-style profile, sharing & chat
   ========================================================= */
:root{--profile-max:1280px;--profile-left:410px;--v8-radius:14px;--v8-soft-shadow:0 1px 2px rgba(0,0,0,.10),0 8px 26px rgba(0,0,0,.04)}
.profile-canvas-v8{background:linear-gradient(180deg,var(--surface) 0,var(--surface) 620px,var(--bg) 620px)}
.profile-canvas-v8 .canvas-main{max-width:none;padding:0 0 80px}
.profile-v8-hero{background:var(--surface);box-shadow:0 1px 0 var(--line);margin:0 auto 18px}
.profile-v8-cover{position:relative;width:min(var(--profile-max),calc(100% - 36px));height:390px;margin:0 auto;border-radius:0 0 16px 16px;overflow:hidden;background-position:center!important;background-size:cover!important}
.profile-v8-cover>img{width:100%;height:100%;object-fit:cover}.profile-cover-shade{position:absolute;inset:48% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.42))}
.profile-cover-edit{position:absolute;right:22px;bottom:20px;height:40px;border:0;border-radius:9px;padding:0 15px;display:flex;align-items:center;gap:8px;background:#fff;color:#111;font-weight:800;box-shadow:0 2px 12px rgba(0,0,0,.16)}
.profile-v8-summary{position:relative;width:min(1180px,calc(100% - 48px));min-height:190px;margin:-34px auto 0;display:grid;grid-template-columns:184px minmax(0,1fr) auto;align-items:end;gap:22px;padding:0 0 22px}
.profile-v8-avatar-wrap{position:relative;width:184px;height:184px;align-self:start}.profile-v8-avatar{width:184px;height:184px;border-radius:50%;object-fit:cover;border:6px solid var(--surface);background:var(--surface-3);box-shadow:0 2px 8px rgba(0,0,0,.12)}
.profile-v8-avatar-wrap>button{position:absolute;right:8px;bottom:10px;width:42px;height:42px;border:3px solid var(--surface);border-radius:50%;background:var(--surface-3);display:grid;place-items:center}
.profile-v8-identity{align-self:end;padding-bottom:4px;min-width:0}.profile-v8-identity h1{font-size:34px;line-height:1.05;letter-spacing:-.7px;margin:0 0 6px}.profile-v8-counts{display:flex;gap:7px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:15px}.profile-v8-counts a:hover{text-decoration:underline}.profile-v8-counts strong{color:var(--text)}
.profile-v8-bio{font-size:17px;margin:9px 0 6px;max-width:700px}.profile-v8-facts{display:flex;flex-wrap:wrap;gap:9px 15px;color:var(--text);font-weight:650}.profile-v8-facts span{display:flex;align-items:center;gap:5px}.profile-v8-facts svg{color:var(--muted)}
.profile-v8-facepile{display:flex;margin-top:10px;padding-left:3px}.profile-v8-facepile img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:3px solid var(--surface);margin-left:-7px}.profile-v8-facepile img:first-child{margin-left:0}
.profile-v8-actions{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:8px;align-self:end;padding-bottom:8px}.profile-v8-actions form{display:inline-flex}.profile-v8-actions .square{width:44px;padding:0}.profile-owner-menu{right:0;top:48px;min-width:240px}
.profile-v8-tabs{width:min(1180px,calc(100% - 48px));height:66px;margin:0 auto;display:flex;align-items:stretch;border-top:1px solid var(--line);gap:5px}.profile-v8-tabs>a,.profile-v8-tabs>button{position:relative;border:0;background:transparent;padding:0 18px;display:flex;align-items:center;gap:5px;color:var(--muted);font-weight:750;border-radius:8px}.profile-v8-tabs>a:hover,.profile-v8-tabs>button:hover{background:var(--surface-2)}.profile-v8-tabs>a.active{color:var(--blue)}.profile-v8-tabs>a.active:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:3px;background:var(--blue);border-radius:3px 3px 0 0}.profile-v8-tabs>span{flex:1}.profile-tabs-more{width:58px!important;padding:0!important;justify-content:center!important}
.profile-v8-layout{width:min(1180px,calc(100% - 32px));margin:0 auto;display:grid;grid-template-columns:minmax(320px,var(--profile-left)) minmax(0,1fr);gap:18px;align-items:start}.profile-v8-left{display:grid;gap:16px;position:sticky;top:72px}.profile-v8-main{min-width:0;display:grid;gap:16px}.profile-v8-main>.composer-card,.profile-v8-main>.post-card,.profile-v8-main>.profile-posts-toolbar,.profile-v8-main>.profile-suggestions-v8{margin-bottom:0}
.profile-v8-card{padding:18px;border-radius:var(--v8-radius);box-shadow:var(--v8-soft-shadow)}.profile-v8-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.profile-v8-card-head h2{font-size:22px;letter-spacing:-.3px;margin:0}.profile-v8-card-head p{margin:2px 0 0;color:var(--muted);font-size:13px}.profile-v8-card-head>a{color:var(--blue);padding:4px 2px}.profile-v8-detail-list{display:grid;gap:15px}.profile-v8-detail-list>div{display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;align-items:center}.profile-v8-detail-list svg{color:#1c1e21}.dark .profile-v8-detail-list svg{color:#e4e6eb}.profile-v8-detail-list span{font-size:15.5px}.profile-v8-see-more{display:block;margin:17px -2px -3px;padding:11px 12px;background:var(--surface-2);text-align:center;border-radius:8px;font-weight:750}
.profile-v8-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;border-radius:9px;overflow:hidden}.profile-v8-photo-grid img{width:100%;aspect-ratio:1;object-fit:cover;background:var(--surface-3)}
.profile-v8-friends-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 8px}.profile-v8-friends-grid a{min-width:0}.profile-v8-friends-grid img{width:100%;aspect-ratio:1;border-radius:9px;object-fit:cover}.profile-v8-friends-grid strong{display:block;margin-top:5px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-suggestions-v8{overflow:hidden;padding:18px 0 16px;border-radius:var(--v8-radius);box-shadow:var(--v8-soft-shadow)}.profile-suggestions-v8>.profile-v8-card-head{padding:0 18px}.profile-suggestion-row{display:flex;gap:10px;overflow-x:auto;padding:0 18px 4px;scrollbar-width:none}.profile-suggestion-row::-webkit-scrollbar{display:none}.profile-suggestion-card{position:relative;flex:0 0 185px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface);box-shadow:0 1px 3px rgba(0,0,0,.08)}.suggestion-photo{display:block;height:185px;background:var(--surface-3)}.suggestion-photo img{width:100%;height:100%;object-fit:cover}.profile-suggestion-card>div{padding:10px}.profile-suggestion-card strong{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-suggestion-card span{display:block;min-height:34px;margin:3px 0 9px;color:var(--muted);font-size:12px;line-height:1.25}.suggestion-remove{position:absolute;z-index:2;right:8px;top:8px;width:32px;height:32px;border:0;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;color:#222;box-shadow:0 1px 5px rgba(0,0,0,.18)}
.profile-posts-toolbar{padding:14px 18px 0;display:grid;grid-template-columns:1fr auto;align-items:start;border-radius:var(--v8-radius);box-shadow:var(--v8-soft-shadow)}.profile-posts-toolbar h2{margin:0;font-size:22px}.profile-posts-toolbar>div:first-child span{display:block;color:var(--muted);font-size:13px;margin-top:2px}.profile-posts-toolbar>div:nth-child(2){display:flex;gap:8px}.profile-posts-toolbar nav{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;margin-top:12px;border-top:1px solid var(--line)}.profile-posts-toolbar nav button{position:relative;height:46px;border:0;background:transparent;color:var(--muted);font-weight:750;display:flex;align-items:center;justify-content:center;gap:7px}.profile-posts-toolbar nav button.active{color:var(--blue)}.profile-posts-toolbar nav button.active:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:3px;background:var(--blue)}
.profile-v8-tab-card{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:20px;border-radius:var(--v8-radius)}.profile-v8-tab-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.profile-v8-tab-head h2{margin:0;font-size:24px}.profile-v8-tab-head p{margin:3px 0 0;color:var(--muted)}.profile-about-v8 nav{min-width:260px}.profile-about-v8 .about-row{position:relative}.profile-about-v8 .about-row>a{margin-left:auto;color:var(--muted)}.profile-friend-search{height:38px;border-radius:20px;background:var(--surface-2);display:flex;align-items:center;gap:7px;padding:0 13px;color:var(--muted)}.profile-friend-search input{border:0;outline:0;background:transparent}.profile-friends-v8 article{display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px}.profile-friends-v8 article>a{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.profile-friends-v8 article>a>img{width:76px;height:76px;border-radius:10px;object-fit:cover}.profile-friends-v8 article button{width:38px;height:38px;border:0;border-radius:50%;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center}.profile-photos-v8{grid-template-columns:repeat(5,1fr);gap:5px}.profile-reels-v8{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.profile-reels-v8 article{position:relative;border-radius:12px;overflow:hidden;background:#000;min-height:320px}.profile-reels-v8 img,.profile-reels-v8 video{width:100%;height:100%;object-fit:cover}.profile-reels-v8 p{position:absolute;left:10px;right:10px;bottom:8px;margin:0;color:#fff;text-shadow:0 1px 3px #000}

/* Share workspace */
.share-modal{z-index:900}.share-modal-card{width:min(660px,calc(100vw - 22px));max-height:min(900px,calc(100vh - 28px));overflow:auto;border-radius:18px}.share-workspace{padding:12px 18px 20px}.share-as-user{display:flex;align-items:center;gap:11px}.share-as-user>div{display:grid;gap:3px}.share-audience-chip{justify-self:start;border:0;border-radius:7px;background:var(--surface-3);min-height:27px;padding:0 8px;display:flex;align-items:center;gap:4px;font-size:12px;font-weight:750}.share-workspace>textarea{width:100%;min-height:70px;border:0;resize:none;outline:0;background:transparent;font-size:18px;padding:15px 0 10px}.shared-post-modal-preview{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:18px}.shared-post-modal-preview>header{display:flex;align-items:center;gap:8px;padding:10px}.shared-post-modal-preview>header strong,.shared-post-modal-preview>header span{display:block}.shared-post-modal-preview>header span{color:var(--muted);font-size:12px}.shared-post-modal-media{height:230px;background:#0b0b0b;display:grid;place-items:center;color:#fff}.shared-post-modal-media img{width:100%;height:100%;object-fit:cover}.shared-post-modal-preview>p{margin:0;padding:11px 12px;line-height:1.35}.share-workspace>h4{margin:0 0 9px;font-size:16px}.share-destination-grid{display:grid;gap:7px}.share-destination{position:relative;display:grid;grid-template-columns:45px minmax(0,1fr) 25px;align-items:center;gap:10px;min-height:64px;padding:7px 11px;border:1px solid transparent;border-radius:11px;cursor:pointer}.share-destination:hover{background:var(--surface-2)}.share-destination.active{background:var(--blue-soft);border-color:rgba(8,102,255,.2)}.share-destination>input{position:absolute;opacity:0;pointer-events:none}.share-destination>svg{display:none;color:var(--blue)}.share-destination.active>svg{display:block}.share-destination-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center}.share-destination-icon.feed{background:#e7f3ff;color:#0866ff}.share-destination-icon.story{background:#fce8f1;color:#e1306c}.share-destination-icon.message{background:#e8f4ff;color:#006aff}.share-destination-icon.group{background:#e8f8f3;color:#14a36d}.share-destination-icon.page{background:#fff2d9;color:#d77c00}.share-destination strong,.share-destination small{display:block}.share-destination small{color:var(--muted);font-size:12px;margin-top:2px}.share-option-panel{margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2)}.share-option-panel>label{display:grid;gap:6px;font-weight:750}.share-option-panel select{height:40px;border:1px solid var(--line);border-radius:9px;background:var(--surface);padding:0 10px}.share-recipient-search{height:40px!important;display:flex!important;grid-template-columns:none!important;align-items:center;gap:7px;border-radius:20px;background:var(--surface);padding:0 12px!important;font-weight:400!important}.share-recipient-search input{flex:1;border:0;outline:0;background:transparent}.share-recipient-list{max-height:260px;overflow:auto;margin-top:10px;display:grid;gap:3px}.share-recipient-list>label{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 28px;align-items:center;gap:10px;min-height:54px;padding:5px 8px;border-radius:9px;cursor:pointer}.share-recipient-list>label:hover{background:var(--surface-3)}.share-recipient-list>label>input{position:absolute;opacity:0}.share-recipient-list strong,.share-recipient-list small{display:block}.share-recipient-list small{color:var(--muted)}.share-recipient-list i{width:24px;height:24px;border:2px solid var(--line);border-radius:50%;display:grid;place-items:center;color:transparent}.share-recipient-list input:checked~i{background:var(--blue);border-color:var(--blue);color:#fff}.share-empty{text-align:center;color:var(--muted)}.share-link-row{display:flex;gap:8px;margin:14px 0}.share-link-row .btn{flex:1}

/* Rich post previews inside Messenger */
.message-shared-post{display:block;width:min(310px,65vw);overflow:hidden;border:1px solid rgba(0,0,0,.12);border-radius:12px;background:var(--surface);color:var(--text);text-align:left;margin-bottom:6px}.mine .message-shared-post{border-color:rgba(255,255,255,.45)}.message-shared-post>header{display:flex;align-items:center;gap:8px;padding:9px}.message-shared-post>header img{width:34px;height:34px;border-radius:50%;object-fit:cover}.message-shared-post>header strong,.message-shared-post>header span{display:block}.message-shared-post>header span{font-size:11px;color:var(--muted)}.message-shared-media{height:170px;background:#111;display:grid;place-items:center}.message-shared-media img{width:100%;height:100%;object-fit:cover}.shared-video-mark{font-size:38px;color:#fff}.message-shared-post>p{padding:9px 10px!important;margin:0!important;color:var(--text)!important;background:var(--surface)!important;border-radius:0!important}.message-shared-post>footer{padding:8px 10px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;align-items:center;gap:5px}

/* Professional friends-first chat dock */
.chat-contacts-v8{width:390px;right:18px;bottom:78px;max-height:min(760px,calc(100vh - 90px));padding:0;border-radius:18px;overflow:hidden;box-shadow:0 18px 60px rgba(0,0,0,.24);border:1px solid rgba(0,0,0,.08)}.chat-v8-header{height:68px;padding:0 15px!important;border-bottom:0!important}.chat-v8-header>div:first-child strong{font-size:24px;letter-spacing:-.4px}.chat-v8-header>div:first-child span{font-size:12px;color:var(--muted)}.chat-v8-header>div:last-child{display:flex;gap:5px}.chat-v8-header>div:last-child>*{width:36px;height:36px;border:0;border-radius:50%;background:var(--surface-2);display:grid;place-items:center}.chat-search-v8{margin:0 12px 10px!important;height:40px!important}.chat-online-v8{padding:0 12px 12px;border-bottom:1px solid var(--line)}.chat-v8-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.chat-v8-section-title span{font-size:12px;color:var(--muted)}.chat-online-scroll{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none}.chat-online-scroll::-webkit-scrollbar{display:none}.chat-online-scroll>button{width:58px;flex:0 0 58px;border:0;background:transparent;padding:0;text-align:center}.chat-online-scroll img{width:50px;height:50px;border-radius:50%;object-fit:cover}.chat-online-scroll small{display:block;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-tabs-v8{display:grid;grid-template-columns:1fr 1fr;margin:0;padding:5px 12px 6px;border-bottom:1px solid var(--line)}.chat-tabs-v8 button{position:relative;height:38px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-weight:750}.chat-tabs-v8 button:hover{background:var(--surface-2)}.chat-tabs-v8 button.active{color:var(--blue)}.chat-tabs-v8 button.active:after{content:"";position:absolute;left:15px;right:15px;bottom:-6px;height:3px;background:var(--blue)}.chat-list-v8{padding:7px;max-height:390px;overflow:auto}.chat-contact-v8{min-height:64px;padding:7px 8px!important;border-radius:12px}.chat-contact-v8:hover{background:var(--surface-2)}.chat-contact-v8 .chat-contact-copy>span{display:flex;align-items:center;gap:8px}.chat-contact-v8 .chat-contact-copy time{margin-left:auto}.chat-row-action{width:30px;height:30px;border-radius:50%;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;opacity:0}.chat-contact-v8:hover .chat-row-action{opacity:1}.chat-friend-row{display:flex;align-items:center;gap:6px;padding:5px 7px;border-radius:11px}.chat-friend-row:hover{background:var(--surface-2)}.chat-friend-main{min-width:0;flex:1;border:0;background:transparent;display:flex;align-items:center;gap:10px;padding:0;text-align:left}.chat-friend-main>span:last-child{min-width:0}.chat-friend-main strong,.chat-friend-main small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-friend-main small{color:var(--muted)}.chat-friend-row>div{display:flex;gap:4px}.chat-friend-row>div>*{width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:var(--blue);display:grid;place-items:center}.chat-friend-row>div>*:hover{background:var(--blue-soft)}.chat-contacts-v8 .chat-panel-footer{height:46px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:5px;font-weight:750;color:var(--blue)}
.pro-mini-chat{width:350px!important;border-radius:14px 14px 0 0!important;box-shadow:0 8px 30px rgba(0,0,0,.25)!important}.pro-mini-chat>header{height:52px!important;padding:0 9px!important}.pro-mini-chat>header>a span:last-child strong{font-size:14px}.pro-mini-chat>header>a span:last-child small{display:block;color:var(--muted);font-size:11px}.mini-chat-history{background:var(--surface);padding:10px 8px!important}.pro-mini-form{min-height:54px!important;padding:7px!important;border-top:1px solid var(--line)!important}

html[dir="rtl"] .profile-cover-edit{right:auto;left:22px}html[dir="rtl"] .profile-v8-facepile img{margin-left:0;margin-right:-7px}html[dir="rtl"] .profile-v8-facepile img:first-child{margin-right:0}html[dir="rtl"] .profile-owner-menu{right:auto;left:0}html[dir="rtl"] .chat-friend-main{text-align:right}html[dir="rtl"] .chat-contact-v8 .chat-contact-copy time{margin-left:0;margin-right:auto}

@media(max-width:1100px){.profile-v8-cover{height:330px}.profile-v8-summary{grid-template-columns:160px minmax(0,1fr);margin-top:-32px}.profile-v8-avatar-wrap,.profile-v8-avatar{width:160px;height:160px}.profile-v8-actions{grid-column:2;justify-content:flex-start;padding-top:8px}.profile-v8-layout{grid-template-columns:340px minmax(0,1fr)}.profile-v8-identity h1{font-size:30px}.profile-reels-v8{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.profile-canvas-v8{background:var(--bg)}.profile-v8-cover{width:100%;height:285px;border-radius:0}.profile-v8-summary{width:100%;grid-template-columns:1fr;text-align:center;margin-top:-68px;padding:0 16px 16px}.profile-v8-avatar-wrap{width:142px;height:142px;margin:auto}.profile-v8-avatar{width:142px;height:142px}.profile-v8-identity{padding:0}.profile-v8-counts,.profile-v8-facts,.profile-v8-actions,.profile-v8-facepile{justify-content:center}.profile-v8-actions{grid-column:auto;flex-wrap:wrap}.profile-v8-tabs{width:100%;overflow-x:auto;padding:0 8px}.profile-v8-tabs>a,.profile-v8-tabs>button{flex:0 0 auto}.profile-v8-tabs>span{display:none}.profile-v8-layout{width:min(700px,calc(100% - 16px));grid-template-columns:1fr}.profile-v8-left{position:static;grid-template-columns:1fr 1fr}.profile-details-card{grid-column:1/-1}.profile-v8-card:last-child{grid-column:1/-1}.profile-v8-tab-card{width:calc(100% - 16px)}.profile-photos-v8{grid-template-columns:repeat(3,1fr)}.profile-reels-v8{grid-template-columns:repeat(2,1fr)}.chat-contacts-v8{right:8px;left:8px;width:auto}.share-modal-card{border-radius:14px}}
@media(max-width:560px){.profile-v8-cover{height:220px}.profile-cover-edit span{display:none}.profile-cover-edit{width:40px;padding:0;justify-content:center}.profile-v8-summary{margin-top:-58px}.profile-v8-identity h1{font-size:27px}.profile-v8-counts{font-size:13px}.profile-v8-bio{font-size:15px}.profile-v8-facts{font-size:13px}.profile-v8-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.profile-v8-actions .btn,.profile-v8-actions form,.profile-v8-actions form .btn{width:100%}.profile-v8-actions .square{display:none}.profile-v8-left{grid-template-columns:1fr}.profile-v8-card,.profile-suggestions-v8,.profile-posts-toolbar{border-radius:10px}.profile-suggestion-card{flex-basis:158px}.suggestion-photo{height:158px}.profile-posts-toolbar{grid-template-columns:1fr}.profile-posts-toolbar>div:nth-child(2){margin-top:10px}.profile-v8-tab-head{align-items:flex-start;flex-direction:column}.profile-friends-v8{grid-template-columns:1fr}.profile-photos-v8{grid-template-columns:repeat(2,1fr)}.profile-reels-v8{grid-template-columns:1fr 1fr}.share-workspace{padding:10px 12px 16px}.shared-post-modal-media{height:180px}.share-link-row{display:grid}.chat-online-v8{display:none}.chat-list-v8{max-height:calc(100vh - 260px)}}

/* v8.0 profile no-cover mode, modern friend discovery and mini composer */
.profile-v8-hero.no-cover .profile-v8-cover{display:none}
.profile-v8-hero.no-cover .profile-v8-summary{min-height:250px;margin:0 auto;align-items:center;padding:28px 0 24px}
.profile-v8-hero.no-cover .profile-v8-avatar-wrap{align-self:center}
.profile-v8-hero.no-cover .profile-v8-identity,.profile-v8-hero.no-cover .profile-v8-actions{align-self:center;padding-bottom:0}
.profile-v8-hero.no-cover .profile-v8-tabs{border-top:1px solid var(--line)}
.people-section-v8{overflow:hidden;padding:0;border-radius:15px;box-shadow:var(--v8-soft-shadow)}
.people-section-v8>.card-title{padding:20px 20px 14px;border-bottom:1px solid var(--line)}
.people-section-v8>.card-title h2{font-size:25px;letter-spacing:-.45px;margin:0}
.people-section-v8>.card-title span{display:block;color:var(--muted);font-size:13px;margin-top:4px}
.people-cards-v8{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px!important;padding:16px 18px 20px!important}
.people-card-v8{position:relative;display:block!important;min-width:0!important;padding:0!important;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--surface);box-shadow:0 2px 8px rgba(0,0,0,.07)}
.people-card-v8 .people-card-photo{display:block;width:100%;height:210px;background:var(--surface-3)}
.people-card-v8 .people-card-photo img{width:100%!important;height:100%!important;border-radius:0!important;object-fit:cover}
.people-card-v8>div{padding:11px!important}.people-card-v8>div>a strong{font-size:16px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.people-card-v8>div>span{display:block;height:35px;color:var(--muted);font-size:12px;line-height:1.35;margin:3px 0 9px}
.people-card-v8 form{display:grid;gap:6px}.people-card-v8 .suggestion-remove{top:8px;right:8px}
.mini-chat-head-actions{display:flex;align-items:center;gap:2px}.mini-chat-head-actions>*{width:32px!important;height:32px!important;border:0!important;border-radius:50%!important;background:transparent!important;color:var(--blue)!important;display:grid!important;place-items:center!important;padding:0!important}.mini-chat-head-actions>*:hover{background:var(--blue-soft)!important}
.mini-upload-chip{margin:0 8px 5px;padding:7px 8px;border-radius:8px;background:var(--surface-2);display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.mini-upload-chip[hidden]{display:none}.mini-upload-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.mini-upload-chip button{width:24px;height:24px;border:0;border-radius:50%;background:var(--surface-3);display:grid;place-items:center}
.pro-mini-form{display:grid!important;grid-template-columns:34px 34px minmax(0,1fr) 34px!important;align-items:end!important;gap:3px!important}.mini-composer-tool,.mini-send-button{width:34px!important;height:34px!important;border:0!important;border-radius:50%!important;background:transparent!important;color:var(--blue)!important;display:grid!important;place-items:center!important;padding:0!important}.mini-composer-tool:hover,.mini-send-button:hover{background:var(--blue-soft)!important}.mini-composer-tool.recording{background:#fee2e2!important;color:#dc2626!important;animation:v8record 1s ease-in-out infinite}.mini-input-wrap{position:relative;display:flex!important;align-items:center!important;min-width:0!important;background:var(--surface-2)!important;border-radius:18px!important;padding:0 4px 0 11px!important}.mini-input-wrap>input{height:36px!important;min-width:0!important;flex:1!important;border:0!important;background:transparent!important;outline:0!important;padding:0!important}.mini-input-wrap>[data-mini-emoji]{width:30px!important;height:30px!important;border:0!important;border-radius:50%!important;background:transparent!important;color:var(--blue)!important;display:grid!important;place-items:center!important}.mini-input-wrap .mini-emoji-picker{bottom:43px!important;right:0!important}.mini-send-button{background:var(--blue)!important;color:#fff!important}.mini-send-button:hover{background:var(--blue-hover)!important}
@keyframes v8record{50%{transform:scale(.91);opacity:.72}}
html[dir="rtl"] .people-card-v8 .suggestion-remove{right:auto;left:8px}
html[dir="rtl"] .mini-input-wrap{padding:0 11px 0 4px!important}
@media(max-width:820px){.profile-v8-hero.no-cover .profile-v8-summary{padding-top:22px}.people-cards-v8{grid-template-columns:repeat(2,minmax(0,1fr))}.people-card-v8 .people-card-photo{height:auto;aspect-ratio:1}}
@media(max-width:480px){.people-cards-v8{padding:10px!important;gap:8px!important}.people-card-v8>div{padding:9px!important}.profile-v8-hero.no-cover .profile-v8-summary{min-height:auto}}
.share-selected-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 4px;padding:9px 10px;border-radius:10px;background:var(--surface);border:1px solid var(--line)}.share-selected-summary>div:first-child{white-space:nowrap}.share-selected-summary>div:first-child strong{font-size:17px;color:var(--blue)}.share-selected-summary>[data-share-selected-people]{display:flex;justify-content:flex-end;gap:5px;overflow:hidden;flex-wrap:wrap;color:var(--muted);font-size:12px}.share-selected-chip{max-width:130px;padding:4px 8px;border-radius:13px;background:var(--blue-soft);color:var(--blue);font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-selected-more{padding:4px 7px;border-radius:13px;background:var(--surface-3);font-weight:800}.share-confirmation{display:flex;align-items:center;gap:10px;margin:13px 0 2px;padding:11px 12px;border-radius:11px;background:var(--blue-soft);color:var(--blue)}.share-confirmation>svg{flex:0 0 auto}.share-confirmation strong,.share-confirmation span{display:block}.share-confirmation strong{font-size:12px}.share-confirmation span{margin-top:2px;color:var(--text);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:440px}

/* =========================================================
   LinkUp v9 — Facebook-style chats, cover upload and settings
   ========================================================= */
.profile-v8-hero.no-cover .profile-v8-cover{display:block!important;height:330px!important;background:linear-gradient(145deg,#dfe8f6 0%,#eef3f9 45%,#d8e4f2 100%)!important}
.dark .profile-v8-hero.no-cover .profile-v8-cover{background:linear-gradient(145deg,#26374f,#1c2738)!important}
.profile-cover-empty{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:7px;color:#60738d;text-align:center}.profile-cover-empty strong{font-size:20px;color:#26374f}.profile-cover-empty span{font-size:13px}.dark .profile-cover-empty,.dark .profile-cover-empty strong{color:#dbe5f2}
.profile-cover-edit{z-index:3;min-width:170px;justify-content:center;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.08)}
.profile-v8-cover>img{object-fit:cover}
.profile-media-card{width:min(720px,calc(100vw - 24px));overflow:hidden}.profile-media-card .modal-head{align-items:flex-start}.profile-media-card .modal-head p{margin:3px 0 0;color:var(--muted);font-size:13px}.profile-media-form{padding:16px 18px 18px}.quick-cover-preview{height:250px;border-radius:14px;overflow:hidden;position:relative;background-position:center!important;background-size:cover!important;border:1px solid var(--line)}.quick-cover-preview img{width:100%;height:100%;object-fit:cover}.quick-cover-placeholder{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:8px;color:var(--muted)}.profile-upload-drop{margin-top:14px;min-height:72px;border:1.5px dashed var(--line);border-radius:12px;display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;background:var(--surface-2)}.profile-upload-drop:hover{border-color:var(--blue);background:var(--blue-soft)}.profile-upload-drop>span{display:flex;flex-direction:column}.profile-upload-drop small{color:var(--muted);font-size:12px}.profile-upload-drop input{display:none}.cover-position-control{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,320px) 48px;gap:12px;align-items:center;margin-top:14px;padding:12px 14px;border:1px solid var(--line);border-radius:12px}.cover-position-control>span{display:flex;flex-direction:column}.cover-position-control small{color:var(--muted)}.cover-position-control input{accent-color:var(--blue)}.cover-position-control output{font-weight:800;color:var(--blue)}.profile-media-actions{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;margin-top:16px}.btn-danger-soft{background:#fee2e2;color:#b42318}.quick-avatar-preview{width:170px;height:170px;margin:2px auto 18px}.quick-avatar-preview img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:6px solid var(--surface-2);box-shadow:0 5px 22px rgba(0,0,0,.14)}

.chat-contacts-v9{width:382px!important;height:min(690px,calc(100vh - 92px));max-height:none!important;bottom:72px!important;right:0!important;border-radius:14px!important;padding:0!important;overflow:hidden!important;background:var(--surface)!important;box-shadow:0 12px 38px rgba(0,0,0,.28)!important;border:1px solid rgba(0,0,0,.11)!important}.chat-panel-home,.chat-compose-view{height:100%;display:flex;flex-direction:column;min-height:0}.chat-panel-home[hidden],.chat-compose-view[hidden]{display:none!important}.chat-v9-header{height:68px;min-height:68px;padding:10px 14px 6px;display:flex;align-items:center;position:relative}.chat-v9-header h2{font-size:28px;line-height:1;margin:0;letter-spacing:-.7px}.chat-v9-actions{margin-left:auto;display:flex;gap:5px}.chat-v9-actions>*,.chat-v9-header.compose>*:first-child,.chat-v9-header.compose>a{width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:var(--text);display:grid;place-items:center}.chat-v9-actions>*:hover,.chat-v9-header.compose>*:hover{background:var(--surface-2)}.chat-v9-header.compose{gap:8px}.chat-v9-header.compose h2{font-size:23px;flex:1}.chat-v9-menu{position:absolute;z-index:6;right:12px;top:55px;width:230px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg);padding:7px}.chat-v9-menu[hidden]{display:none}.chat-v9-menu a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:9px;font-weight:650}.chat-v9-menu a:hover{background:var(--surface-2)}.chat-v9-search{height:40px;min-height:40px;margin:0 14px 8px;border-radius:20px;background:var(--surface-2);display:flex;align-items:center;gap:8px;padding:0 12px;color:var(--muted)}.chat-v9-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text);font-size:15px}.chat-v9-filters{display:flex;gap:5px;padding:2px 14px 8px;overflow-x:auto;scrollbar-width:none}.chat-v9-filters button{border:0;background:transparent;color:var(--text);font-weight:700;height:36px;padding:0 13px;border-radius:18px;white-space:nowrap}.chat-v9-filters button:hover{background:var(--surface-2)}.chat-v9-filters button.active{background:var(--blue-soft);color:var(--blue)}.chat-v9-body{flex:1;min-height:0;overflow:hidden}.chat-v9-conversations,.chat-v9-groups,.chat-compose-friends{height:100%;overflow-y:auto;padding:4px 7px 8px;scrollbar-width:thin}.chat-v9-row{width:100%;min-height:68px;padding:6px 8px;border:0;border-radius:10px;background:transparent;color:var(--text);display:grid;grid-template-columns:56px minmax(0,1fr) 34px;gap:11px;align-items:center;text-align:left;cursor:pointer}.chat-v9-row:hover{background:var(--surface-2)}.chat-v9-row[hidden]{display:none!important}.chat-v9-avatar{position:relative;width:56px!important;height:56px!important;min-width:56px;display:block;overflow:visible}.chat-v9-avatar>img{display:block;width:56px!important;height:56px!important;max-width:56px!important;max-height:56px!important;border-radius:50%!important;object-fit:cover!important;background:var(--surface-3)}.chat-v9-avatar.square>img,.chat-v9-avatar.square{border-radius:12px!important;overflow:hidden}.chat-v9-avatar.square>b{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,#0866ff,#7c3aed);color:#fff;display:grid;place-items:center;font-size:18px}.chat-v9-avatar>i{position:absolute;right:0;bottom:2px;width:14px;height:14px;border-radius:50%;background:#31a24c;border:3px solid var(--surface)}.chat-v9-copy{min-width:0;display:block!important}.chat-v9-copy strong,.chat-v9-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-v9-copy strong{font-size:15.5px;line-height:1.25}.chat-v9-copy small{font-size:13px;color:var(--muted);margin-top:3px}.chat-v9-row.unread .chat-v9-copy strong,.chat-v9-row.unread .chat-v9-copy small{font-weight:800;color:var(--text)}.chat-v9-unread{display:grid;justify-items:center;gap:5px}.chat-v9-unread>i{width:11px;height:11px;background:var(--blue);border-radius:50%}.chat-v9-unread>b{font-size:10px;color:var(--blue)}.chat-v9-presence-thumb{width:22px;height:22px;justify-self:center}.chat-v9-presence-thumb img{width:22px!important;height:22px!important;border-radius:50%;object-fit:cover}.chat-v9-chevron,.chat-v9-compose-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:var(--blue)}.chat-v9-row:hover .chat-v9-compose-icon{background:var(--blue-soft)}.chat-v9-empty{min-height:270px;padding:36px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted)}.chat-v9-empty strong{font-size:17px;color:var(--text);margin-top:10px}.chat-v9-empty p{margin:6px 0 12px}.chat-v9-empty button,.chat-v9-empty a{border:0;background:var(--blue-soft);color:var(--blue);font-weight:750;border-radius:8px;padding:9px 13px}.chat-v9-footer{height:45px;min-height:45px;border-top:1px solid var(--line);display:grid;place-items:center;color:var(--blue);font-weight:750}.chat-compose-label{height:38px;padding:4px 16px 8px;display:flex;align-items:center;justify-content:space-between}.chat-compose-label span{color:var(--muted);font-size:12px}.chat-compose-friends{flex:1;min-height:0}.chat-dock-v9 .chat-launcher{width:56px;height:56px}.chat-dock-v9 .pro-mini-chat{width:330px!important;height:460px!important;border-radius:10px 10px 0 0!important}.chat-dock-v9 .pro-mini-chat>header{height:48px!important}.chat-dock-v9 .pro-mini-chat .avatar-presence,.chat-dock-v9 .pro-mini-chat .avatar-presence img{width:36px!important;height:36px!important;min-width:36px!important}.chat-dock-v9 .mini-chat-history{min-height:0}

.feature-settings .feature-sidebar{width:390px;padding:16px 10px}.feature-settings .feature-main{margin-left:390px}.feature-settings .feature-sidebar-head{padding:0 10px 12px}.feature-settings .feature-sidebar-head h1{font-size:29px}.settings-sidebar-search{margin:0 8px 12px!important}.settings-feature-nav{display:grid;gap:14px;padding:0 4px 20px}.settings-feature-nav section{padding-bottom:10px;border-bottom:1px solid var(--line)}.settings-feature-nav section:last-child{border-bottom:0}.settings-feature-nav h3{font-size:17px;margin:0;padding:0 8px}.settings-feature-nav section>p{margin:3px 8px 7px;color:var(--muted);font-size:12.5px;line-height:1.35}.settings-feature-nav a{min-height:48px;padding:5px 8px;border-radius:9px;display:flex;align-items:center;gap:11px}.settings-feature-nav a[hidden]{display:none}.settings-feature-nav a:hover,.settings-feature-nav a.active{background:var(--surface-2)}.settings-feature-nav a>span{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;color:var(--muted)}.settings-feature-nav a.active>span{background:var(--blue);color:#fff}.settings-feature-nav a strong{font-size:14.5px}.feature-settings .feature-main-inner{max-width:1120px;padding:28px 40px 70px}.settings-content{max-width:900px}.settings-content-head h1{font-size:30px}.settings-content-head p{font-size:15px}.settings-info-banner{display:flex;gap:12px;align-items:flex-start;background:var(--blue-soft);color:var(--blue);padding:14px;border-radius:12px;margin-top:14px}.settings-info-banner p{margin:3px 0 0;color:var(--muted)}.reaction-preview-row{display:flex;align-items:center;gap:4px;padding:16px;border-radius:12px;background:var(--surface-2);margin-top:14px}.reaction-preview-row>span{font-size:26px;margin-right:-8px}.reaction-preview-row>div{margin-left:13px;display:flex;flex-direction:column}.reaction-preview-row small{color:var(--muted)}.settings-profile-preview{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:12px;margin-bottom:15px}.settings-profile-preview>div{min-width:0}.settings-profile-preview strong,.settings-profile-preview span,.settings-profile-preview p{display:block}.settings-profile-preview span{color:var(--muted)}.settings-profile-preview p{margin:5px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.professional-settings-hero{display:flex;align-items:center;gap:14px;padding:18px;border-radius:14px;background:linear-gradient(135deg,#e7f3ff,#f1e9ff);margin:-2px 0 12px}.dark .professional-settings-hero{background:linear-gradient(135deg,#1d3656,#31264f)}.professional-settings-hero>span{width:58px;height:58px;border-radius:18px;background:var(--blue);color:#fff;display:grid;place-items:center}.professional-settings-hero h2{margin:0}.professional-settings-hero p{margin:5px 0 0;color:var(--muted)}.professional-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.professional-feature-grid>div{padding:14px;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;gap:6px}.professional-feature-grid svg{color:var(--blue)}.professional-feature-grid span{color:var(--muted);font-size:12px}

html[dir="rtl"] .chat-v9-actions{margin-left:0;margin-right:auto}html[dir="rtl"] .chat-v9-row{text-align:right}html[dir="rtl"] .chat-v9-avatar>i{right:auto;left:0}html[dir="rtl"] .chat-v9-menu{right:auto;left:12px}
@media(max-width:900px){.feature-settings .feature-sidebar{width:auto}.feature-settings .feature-main{margin-left:0}.feature-settings .feature-main-inner{padding:18px 12px 75px}.settings-feature-nav{display:flex;overflow-x:auto;gap:4px}.settings-feature-nav section{display:contents}.settings-feature-nav section>h3,.settings-feature-nav section>p{display:none}.settings-feature-nav a{min-width:max-content}.profile-v8-hero.no-cover .profile-v8-cover{height:260px!important}.chat-contacts-v9{right:8px!important;width:min(382px,calc(100vw - 16px))!important}}
@media(max-width:560px){.chat-contacts-v9{position:fixed!important;inset:54px 0 58px!important;width:100%!important;height:auto!important;border-radius:0!important;max-height:none!important}.chat-dock-v9 .chat-launcher{width:52px;height:52px}.cover-position-control{grid-template-columns:1fr}.profile-media-actions{grid-template-columns:1fr 1fr}.profile-media-actions>span{display:none}.professional-feature-grid{grid-template-columns:1fr}.settings-profile-preview{grid-template-columns:auto 1fr}.settings-profile-preview .btn{grid-column:1/-1}.profile-v8-hero.no-cover .profile-v8-cover{height:220px!important}.profile-cover-empty span{display:none}}

/* ========================================================================
   LinkUp v10 — Modern social workspace
   Original visual system: spacious, layered, responsive and app-like.
   ======================================================================== */
:root{
  --v10-navy:#0b1833;--v10-navy-2:#13264c;--v10-blue:#1769ff;--v10-violet:#6c4cff;
  --v10-cyan:#21c7d9;--v10-bg:#eef3f9;--v10-card:rgba(255,255,255,.92);
  --v10-border:rgba(21,42,78,.10);--v10-shadow:0 18px 50px rgba(18,42,82,.10);
  --v10-shadow-soft:0 8px 24px rgba(18,42,82,.08);--v10-radius:22px;
}
html{background:var(--v10-bg)}
body{background:
 radial-gradient(circle at 12% 4%,rgba(23,105,255,.10),transparent 29rem),
 radial-gradient(circle at 91% 12%,rgba(108,76,255,.09),transparent 26rem),
 linear-gradient(180deg,#f7f9fc 0,#eef3f9 38rem,#edf2f8 100%);color:#12213b;letter-spacing:-.01em}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(13,31,64,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(13,31,64,.018) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,black,transparent 65%)}
a,button,input,textarea,select{transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}
button:active,.btn:active{transform:scale(.97)}

/* top application chrome */
.app-topbar{height:70px;padding:0 20px;grid-template-columns:minmax(260px,1fr) minmax(420px,620px) minmax(260px,1fr);background:rgba(255,255,255,.84);border-bottom:1px solid rgba(12,31,64,.08);box-shadow:0 8px 30px rgba(13,36,73,.06);backdrop-filter:blur(22px) saturate(1.35);-webkit-backdrop-filter:blur(22px) saturate(1.35)}
.brand-button{width:46px;height:46px;border-radius:15px;background:linear-gradient(145deg,var(--v10-blue),var(--v10-violet));box-shadow:0 10px 24px rgba(23,105,255,.28)}
.brand-button span{font-size:25px;font-weight:900;color:#fff}
.top-search{height:44px;max-width:340px;border:1px solid transparent;background:#edf2f8;border-radius:15px;padding:0 14px}
.top-search:focus-within{background:#fff;border-color:rgba(23,105,255,.28);box-shadow:0 0 0 4px rgba(23,105,255,.10)}
.top-tabs{height:100%;gap:8px}.top-tab{height:54px;min-width:76px;border-radius:16px;color:#65728a}.top-tab:hover{background:#edf3fb;color:var(--v10-navy)}.top-tab.active{background:linear-gradient(180deg,rgba(23,105,255,.12),rgba(23,105,255,.04));color:var(--v10-blue)}.top-tab.active:after{left:14px;right:14px;bottom:0;height:4px;border-radius:4px 4px 0 0;background:linear-gradient(90deg,var(--v10-blue),var(--v10-violet))}
.top-actions{gap:8px}.circle-action,.avatar-button{background:#edf2f8;border:1px solid transparent}.circle-action:hover,.avatar-button:hover{background:#e4ecf7;border-color:rgba(23,105,255,.10);transform:translateY(-1px)}
.counter-badge{box-shadow:0 0 0 3px #fff}
.floating-panel{border:1px solid var(--v10-border);border-radius:22px;box-shadow:0 24px 70px rgba(13,31,64,.22);background:rgba(255,255,255,.97);backdrop-filter:blur(22px)}

/* cards and page surfaces */
.card,.post-card,.composer-card,.settings-card,.profile-v8-card,.profile-v8-tab-card,.notification-day,.accounts-centre-card{border:1px solid var(--v10-border)!important;border-radius:var(--v10-radius)!important;background:var(--v10-card)!important;box-shadow:var(--v10-shadow-soft)!important}
.btn{border-radius:12px;min-height:40px;font-weight:800}.btn-primary{border:0;background:linear-gradient(135deg,var(--v10-blue),#4a63ff);box-shadow:0 8px 20px rgba(23,105,255,.22)}.btn-primary:hover{filter:brightness(1.04);box-shadow:0 12px 28px rgba(23,105,255,.28);transform:translateY(-1px)}.btn-muted{background:#edf2f8;border:1px solid rgba(19,42,79,.06)}
.modal{background:rgba(6,15,35,.55);backdrop-filter:blur(8px)}.modal-card{border:1px solid rgba(255,255,255,.18);border-radius:24px;box-shadow:0 32px 100px rgba(0,0,0,.30);overflow:hidden}

/* feed and posts */
.composer-card{padding:14px 16px}.composer-trigger{height:46px;border-radius:16px;background:#eef3f8;border:1px solid transparent;font-size:15px}.composer-trigger:hover{background:#e7eef7;border-color:rgba(23,105,255,.10)}
.composer-actions{border-top:1px solid rgba(17,37,70,.07);margin-top:13px;padding-top:8px}.composer-actions button{border-radius:13px;min-height:44px}.composer-actions button:hover{background:#eef4fb}
.post-card{overflow:visible}.post-head{padding:16px 17px 10px}.post-body{padding-left:17px;padding-right:17px;line-height:1.55}.post-actions{margin:0 14px;padding:7px 0;border-top:1px solid rgba(17,37,70,.07);border-bottom:1px solid rgba(17,37,70,.07)}.post-actions button{border-radius:12px}.post-actions button:hover{background:#edf3fa}.comment-input{border-radius:16px;background:#eef3f8}

/* profile: large premium canvas */
.profile-canvas .canvas-main{max-width:1260px;padding:0 24px 70px}.profile-v8-hero{border-radius:0 0 30px 30px!important;overflow:hidden;background:rgba(255,255,255,.88);border:1px solid var(--v10-border);border-top:0;box-shadow:var(--v10-shadow)}
.profile-v8-cover{height:390px!important;background-size:cover!important;background-position:center!important}.profile-v8-cover:after{content:"";position:absolute;inset:48% 0 0;background:linear-gradient(transparent,rgba(8,21,48,.46))}
.profile-v8-summary{padding:0 34px 24px!important;min-height:154px}.profile-v8-avatar-wrap{margin-top:-78px!important;z-index:2}.profile-v8-avatar{width:174px!important;height:174px!important;border:6px solid #fff!important;box-shadow:0 16px 36px rgba(13,31,64,.20)}
.profile-v8-identity h1{font-size:34px!important;color:var(--v10-navy)}.profile-v8-counts{font-size:15px}.profile-v8-bio{font-size:16px;max-width:720px}.profile-v8-actions{gap:9px}.profile-v8-actions .btn{min-height:44px;padding:0 17px}
.profile-v8-tabs{height:64px!important;padding:0 24px!important;border-top:1px solid rgba(17,37,70,.08)}.profile-v8-tabs a,.profile-v8-tabs button{height:46px!important;border-radius:13px!important}.profile-v8-tabs a.active{background:rgba(23,105,255,.09)}
.profile-v8-layout{max-width:1120px!important;grid-template-columns:360px minmax(0,1fr)!important;gap:22px!important;margin-top:22px!important}.profile-v8-left{top:88px!important}.profile-v8-card{padding:20px!important}.profile-v8-main>.card{margin-bottom:20px}.profile-suggestion-card{border-radius:18px!important;overflow:hidden;border:1px solid var(--v10-border)!important;box-shadow:0 8px 22px rgba(15,36,72,.07)}

/* settings workspace */
.settings-canvas .canvas-main,.settings-workspace{background:transparent!important}.settings-layout{gap:24px!important}.settings-sidebar{border-right:0!important;background:rgba(255,255,255,.82)!important;border:1px solid var(--v10-border)!important;border-radius:24px!important;box-shadow:var(--v10-shadow-soft)!important;margin:20px 0 20px 20px!important;height:calc(100vh - 110px)!important}.settings-sidebar-head{padding:22px!important}.settings-sidebar nav a{border-radius:13px!important;margin:2px 10px!important}.settings-sidebar nav a:hover{background:#edf3fb}.settings-sidebar nav a.active{background:linear-gradient(135deg,rgba(23,105,255,.14),rgba(108,76,255,.08));color:var(--v10-blue)}.settings-main{padding:28px 34px 80px!important;max-width:980px}.settings-card{padding:24px!important;margin-bottom:18px}.settings-card h2{font-size:23px;color:var(--v10-navy)}.settings-control-row{min-height:68px;border-radius:14px;padding:12px 10px!important}.settings-control-row:hover{background:#f5f8fc}.settings-control-row select,.settings-control-row input[type=text],.settings-control-row input[type=password]{border-radius:12px;border:1px solid rgba(15,38,78,.12);background:#f7f9fc}.settings-form-actions{background:linear-gradient(180deg,rgba(247,249,252,0),#f7f9fc);border-radius:0 0 18px 18px}
.password-field>div:first-of-type{display:flex;align-items:center;border:1px solid rgba(15,38,78,.14);background:#f7f9fc;border-radius:13px;overflow:hidden}.password-field>div:first-of-type:focus-within{border-color:rgba(23,105,255,.45);box-shadow:0 0 0 4px rgba(23,105,255,.10);background:#fff}.password-field>div:first-of-type input{flex:1;border:0!important;background:transparent!important;box-shadow:none!important}.password-field>div:first-of-type button{width:44px;height:44px;border:0;background:transparent;color:#68758b}.password-strength{display:flex!important;align-items:center;gap:8px;margin-top:9px}.password-strength:before{content:"";height:5px;flex:1;background:#dce4ef;border-radius:9px}.password-strength i{position:absolute;height:5px;max-width:calc(100% - 190px);width:0;border-radius:9px;background:#e5484d;transition:width .2s}.password-strength i[data-score="2"]{background:#f59e0b}.password-strength i[data-score="3"]{background:#3b82f6}.password-strength i[data-score="4"]{background:#16a34a}.password-strength span{font-size:11px;color:#748197;white-space:nowrap}

/* Messenger full workspace */
.messenger-canvas{background:linear-gradient(135deg,#eff4fa,#f7f9fc)!important}.messenger-pro{grid-template-columns:330px minmax(0,1fr) 310px!important;gap:12px;padding:12px;height:100%!important;background:transparent!important}.pro-sidebar,.pro-chat-window,.chat-details{border:1px solid var(--v10-border)!important;border-radius:22px!important;background:rgba(255,255,255,.94)!important;box-shadow:var(--v10-shadow-soft)!important;overflow:hidden}.pro-sidebar{border-right:1px solid var(--v10-border)!important}.conversation-head{padding:18px 18px 10px}.conversation-head h2{font-size:27px}.conversation-search{margin:0 14px 12px;border-radius:14px;background:#edf2f8}.conversation-tabs{padding:0 12px 10px;gap:4px}.conversation-tabs a{border-radius:12px;padding:9px 12px}.conversation-tabs a.active{background:rgba(23,105,255,.10);color:var(--v10-blue)}.conversation-list{padding:0 8px 10px}.conversation-row{border-radius:16px;padding:9px 10px;min-height:72px}.conversation-row:hover{background:#edf3fa}.conversation-row.active{background:linear-gradient(135deg,rgba(23,105,255,.13),rgba(108,76,255,.07))}.conversation-copy strong{font-size:14px}.conversation-copy p{font-size:12px}.pro-chat-window{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto}.pro-chat-header{height:68px!important;padding:0 16px!important;border-bottom:1px solid rgba(15,38,78,.08)!important;background:rgba(255,255,255,.92)}.chat-head-actions button{width:40px!important;height:40px!important;border-radius:13px!important}.chat-head-actions button:hover{background:rgba(23,105,255,.10)!important}.pro-chat-history{background:radial-gradient(circle at 50% 0,rgba(23,105,255,.06),transparent 22rem),linear-gradient(180deg,#f9fbfd,#f4f7fb)!important;padding:18px 20px!important}.message-row{margin:2px 0}.message-bubble{border-radius:18px!important;box-shadow:0 3px 10px rgba(14,32,64,.05)}.message-row.mine .message-bubble{background:linear-gradient(135deg,var(--v10-blue),#5b56f6)!important;color:#fff}.message-row.theirs .message-bubble{background:#fff!important;border:1px solid rgba(15,38,78,.08)}.voice-message{min-width:250px;border-radius:15px;padding:8px;background:rgba(255,255,255,.14)}.voice-message audio{height:34px;max-width:260px}.pro-chat-composer{min-height:70px!important;padding:10px 12px!important;gap:5px!important;border-top:1px solid rgba(15,38,78,.08)!important}.composer-tool,.send-button{width:40px!important;height:40px!important}.message-input-shell{min-height:44px!important;border-radius:16px!important;background:#edf2f8!important;border:1px solid transparent}.message-input-shell:focus-within{background:#fff!important;border-color:rgba(23,105,255,.25);box-shadow:0 0 0 4px rgba(23,105,255,.08)}.message-input-shell textarea{min-height:42px!important;padding-top:11px!important}.gif-composer-tool{cursor:pointer}.gif-tool{font-size:10px!important;padding:3px 4px!important;border-radius:5px!important}.sticker-picker header{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding:3px 5px 8px;border-bottom:1px solid var(--line)}.sticker-picker header span{font-size:11px;color:var(--muted)}.voice-recorder{inset:7px 10px!important;border-radius:16px!important;background:#fff!important;border:1px solid rgba(23,105,255,.16);box-shadow:0 8px 22px rgba(14,32,64,.10)}.chat-details{border-left:1px solid var(--v10-border)!important}.chat-details-profile{background:linear-gradient(180deg,rgba(23,105,255,.07),transparent);padding-top:28px!important}.chat-detail-group>button{border-radius:12px;margin:2px 8px;width:calc(100% - 16px)!important}.chat-detail-group>button:hover{background:#edf3fa}

/* floating Messenger */
.chat-launcher{width:62px!important;height:62px!important;border:4px solid rgba(255,255,255,.9)!important;background:linear-gradient(145deg,var(--v10-blue),var(--v10-violet))!important;box-shadow:0 18px 45px rgba(23,105,255,.38)!important}.chat-contacts-panel{width:390px!important;max-height:min(680px,calc(100vh - 100px))!important;border-radius:24px!important;border:1px solid var(--v10-border)!important;box-shadow:0 28px 80px rgba(8,24,55,.25)!important}.chat-v9-header{padding:18px 17px 10px!important}.chat-v9-header h2{font-size:28px!important}.chat-v9-search{margin:0 14px 11px!important;height:44px!important;border-radius:15px!important;background:#edf2f8!important}.chat-v9-tabs{padding:0 12px 8px!important}.chat-v9-tabs button{border-radius:12px!important}.chat-v9-row{min-height:69px!important;border-radius:15px!important;margin:2px 7px!important;padding:8px 9px!important}.chat-v9-row:hover{background:#edf3fa!important}.chat-v9-avatar{width:52px!important;height:52px!important}.chat-v9-copy strong{font-size:14px!important}.chat-v9-copy small{font-size:12px!important}.pro-mini-chat{width:370px!important;height:535px!important;border-radius:22px 22px 0 0!important;border:1px solid var(--v10-border)!important;box-shadow:0 24px 70px rgba(8,24,55,.24)!important;overflow:hidden}.pro-mini-chat header{height:64px!important;background:rgba(255,255,255,.96)!important}.pro-mini-chat .mini-chat-history{background:linear-gradient(180deg,#f9fbfd,#f2f6fb)!important;padding:14px!important}.pro-mini-form{height:62px!important;padding:8px!important;background:#fff!important}.mini-input-wrap{height:42px!important;border-radius:15px!important;background:#edf2f8!important}.mini-send-button{background:linear-gradient(135deg,var(--v10-blue),var(--v10-violet))!important;box-shadow:0 7px 16px rgba(23,105,255,.24)}

/* Call stage */
.call-stage{background:rgba(2,8,22,.70)!important;backdrop-filter:blur(16px)}.call-stage-card{width:min(1080px,calc(100vw - 40px))!important;height:min(720px,calc(100vh - 40px))!important;border-radius:30px!important;border:1px solid rgba(255,255,255,.14)!important;background:linear-gradient(150deg,#111d39,#07101f)!important;box-shadow:0 40px 120px rgba(0,0,0,.55)!important;overflow:hidden}.call-stage-card>header{height:74px!important;padding:0 22px!important;background:rgba(7,16,31,.62)!important;backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.call-stage-card>header strong{font-size:17px}.call-stage-card>header span{font-size:12px;color:#aab7cd}.call-stage-card>header small{display:block;font-size:10px;color:#71819c;margin-top:2px}.call-video-area{background:radial-gradient(circle at 50% 35%,#20345f,#07101f 68%)!important}.call-video-area>[data-call-remote]{object-fit:cover!important}.call-video-area>[data-call-local]{border-radius:19px!important;border:2px solid rgba(255,255,255,.26)!important;box-shadow:0 16px 40px rgba(0,0,0,.35)!important}.call-audio-avatar img{width:150px!important;height:150px!important;border:6px solid rgba(255,255,255,.14)!important;box-shadow:0 24px 60px rgba(0,0,0,.34)}.call-controls{bottom:27px!important;padding:10px 14px;border-radius:28px;background:rgba(5,13,28,.58);backdrop-filter:blur(16px)}.call-controls button{width:52px!important;height:52px!important;background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.10)!important}.call-controls button:hover{background:rgba(255,255,255,.24)!important}.call-controls button.off{background:#ef4444!important}.call-controls .end{width:62px!important;background:#ef334f!important}.incoming-call-card{border-radius:24px!important;background:rgba(255,255,255,.97)!important;border:1px solid var(--v10-border);box-shadow:0 30px 90px rgba(7,23,52,.30)!important}

/* admin surfaces */
.admin-v7-shell,.admin-shell{background:transparent!important}.admin-v7-sidebar{background:linear-gradient(180deg,var(--v10-navy),#102752)!important;border-radius:0 24px 24px 0!important;box-shadow:18px 0 50px rgba(11,24,51,.16)}.admin-v7-main{padding:26px 30px 70px!important}.admin-v7-card,.admin-stat,.admin-v7-toolbar{border-radius:20px!important;border:1px solid var(--v10-border)!important;box-shadow:var(--v10-shadow-soft)!important;background:rgba(255,255,255,.92)!important}

/* dark mode */
body.dark-mode{--v10-card:rgba(20,32,54,.94);--v10-border:rgba(184,204,238,.12);--v10-bg:#091120;background:radial-gradient(circle at 14% 0,rgba(42,111,255,.16),transparent 30rem),linear-gradient(180deg,#0b1426,#07101e);color:#eaf0fb}.dark-mode .app-topbar{background:rgba(12,23,41,.88);border-color:rgba(255,255,255,.08)}.dark-mode .card,.dark-mode .settings-card,.dark-mode .pro-sidebar,.dark-mode .pro-chat-window,.dark-mode .chat-details,.dark-mode .floating-panel{background:rgba(18,30,51,.95)!important}.dark-mode .top-search,.dark-mode .conversation-search,.dark-mode .message-input-shell,.dark-mode .chat-v9-search,.dark-mode .mini-input-wrap{background:#172640!important}.dark-mode .pro-chat-history,.dark-mode .pro-mini-chat .mini-chat-history{background:linear-gradient(180deg,#101c31,#0c1729)!important}.dark-mode .message-row.theirs .message-bubble{background:#1b2a45!important}.dark-mode .btn-muted{background:#1b2a45}

/* responsive redesign */
@media(max-width:1180px){.app-topbar{grid-template-columns:240px minmax(360px,1fr) 240px}.top-tab{min-width:66px}.profile-v8-layout{grid-template-columns:320px minmax(0,1fr)!important}.messenger-pro{grid-template-columns:300px minmax(0,1fr)!important}.chat-details{position:absolute!important;right:12px;top:12px;bottom:12px;width:310px!important;z-index:10;display:none}.chat-details.open{display:block}.settings-main{padding-right:20px!important}}
@media(max-width:900px){.app-topbar{grid-template-columns:1fr auto;padding:0 12px}.top-tabs{position:fixed;left:0;right:0;bottom:0;z-index:100;height:66px;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);box-shadow:0 -8px 30px rgba(13,31,64,.10);padding-bottom:env(safe-area-inset-bottom)}.top-tab{flex:1;min-width:0;height:58px}.top-tab span{display:block;font-size:10px}.top-tab.active:after{top:0;bottom:auto}.canvas-shell,.app-shell,.feature-shell{padding-bottom:72px}.profile-v8-layout{grid-template-columns:1fr!important;padding:0 12px}.profile-v8-left{position:static!important;display:grid;grid-template-columns:1fr 1fr;gap:14px}.profile-v8-left>.card{margin:0}.profile-v8-main{min-width:0}.settings-layout{display:block!important}.settings-sidebar{height:auto!important;position:static!important;margin:12px!important;max-height:none!important}.settings-sidebar nav{display:flex;overflow-x:auto;padding:0 8px 12px}.settings-sidebar nav section{display:contents}.settings-sidebar nav h3{display:none}.settings-sidebar nav a{flex:0 0 auto;white-space:nowrap}.settings-main{padding:10px 12px 90px!important;max-width:none}.messenger-pro{grid-template-columns:290px minmax(0,1fr)!important}.chat-dock{bottom:82px!important}.chat-dock-windows{bottom:74px!important}}
@media(max-width:680px){body{background:#f1f4f8}.app-topbar{height:60px}.brand-button{width:40px;height:40px;border-radius:13px}.top-actions .circle-action:first-child{display:none}.avatar-button .avatar-caret{display:none}.profile-canvas .canvas-main{padding:0 0 80px}.profile-v8-hero{border-radius:0!important;border-left:0;border-right:0}.profile-v8-cover{height:230px!important}.profile-v8-summary{padding:0 16px 18px!important;display:block!important}.profile-v8-avatar-wrap{margin-top:-58px!important}.profile-v8-avatar{width:122px!important;height:122px!important}.profile-v8-identity{padding-top:8px}.profile-v8-identity h1{font-size:27px!important}.profile-v8-actions{margin-top:15px;display:grid!important;grid-template-columns:1fr 1fr}.profile-v8-actions>*{width:100%;justify-content:center}.profile-v8-tabs{padding:0 8px!important;overflow-x:auto}.profile-v8-tabs a{flex:0 0 auto}.profile-v8-left{display:block}.profile-v8-left>.card{margin-bottom:12px}.profile-v8-layout{padding:0 8px!important;gap:10px!important}.card,.post-card,.composer-card,.profile-v8-card,.profile-v8-tab-card{border-radius:16px!important}.messenger-pro{display:block!important;padding:0!important}.pro-sidebar{border-radius:0!important;height:calc(100vh - 126px)}.pro-chat-window{display:none}.messenger-pro:has(.pro-chat-window [data-chat]) .pro-sidebar{display:none}.messenger-pro:has(.pro-chat-window [data-chat]) .pro-chat-window{display:grid;border-radius:0!important;height:calc(100vh - 126px)}.pro-chat-header{height:60px!important}.pro-chat-composer{padding:7px 5px!important;gap:1px!important}.composer-tool,.send-button{width:34px!important;height:38px!important}.gif-composer-tool,.quick-photo{display:none!important}.message-input-shell{min-height:40px!important}.emoji-picker,.sticker-picker{position:fixed!important;left:8px!important;right:8px!important;bottom:76px!important;width:auto!important}.chat-contacts-panel{position:fixed!important;left:8px!important;right:8px!important;bottom:82px!important;width:auto!important;max-height:calc(100vh - 105px)!important}.pro-mini-chat{display:none!important}.call-stage-card{width:100vw!important;height:100vh!important;border-radius:0!important}.call-video-area>[data-call-local]{width:105px!important;height:142px!important;right:12px!important;bottom:110px!important}.call-controls{bottom:30px!important}.settings-card{padding:17px!important}.settings-control-row{display:grid!important;grid-template-columns:1fr!important;gap:10px}.settings-control-row select{width:100%!important;max-width:none!important}.two-fields{grid-template-columns:1fr!important}.password-strength{align-items:flex-start!important;flex-direction:column}.password-strength:before{width:100%}.password-strength i{max-width:100%;width:0}.password-strength span{white-space:normal}.admin-v7-main{padding:12px 10px 80px!important}}
.mini-gif-button span{font-size:9px;font-weight:950;border:2px solid currentColor;border-radius:5px;padding:2px 3px;line-height:1}.pro-mini-form{grid-template-columns:34px 34px 34px minmax(0,1fr) 34px!important}
@media(max-width:400px){.chat-contacts-panel{left:4px!important;right:4px!important}.chat-v9-row{margin-left:3px!important;margin-right:3px!important}.chat-v9-avatar{width:48px!important;height:48px!important}}