/*
Theme Name: Purple Login
Theme URI: https://purplelogin.com/
Author: Purple Login Team
Author URI: https://purplelogin.com/
Description: All-in-One Professional Platform - CV Builder + Professional Network + Jobs + HR + More
Version: 4.3.0
License: Proprietary
Text Domain: purple-login
*/
:root{--font-main:'Share Tech',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--fs-2xs:10px;--fs-xs:11px;--fs-sm:12px;--fs-base-sm:12.5px;--fs-base:13.5px;--fs-md:14px;--fs-lg:15px;--fs-xl:16px;--fs-xl-alt:17px;--fs-2xl:18px;--fs-3xl:20px;--fs-4xl:22px;--fs-5xl:24px;--fs-6xl:28px;--fs-hero:40px;--fs-hero-lg:44px;--fs-hero-xl:48px;--fs-hero-2xl:50px;--c-primary:#6a1b9a;--c-primary-dark:#4a148c;--c-primary-darkest:#1a0633;--c-primary-deep:#2d1b4e;--c-primary-deep-alt:#1a1145;--c-primary-hover:#4a2370;--c-accent-violet:#7C3AED;--c-accent-violet-light:#8b5cf6;--c-accent-purple:#5B2C8A;--c-accent-indigo:#6d28d9;--c-accent-indigo-dark:#4338ca;--c-accent-magenta:#910f9c;--c-accent-pink:#c2185b;--c-accent-blue:#667eea;--c-text-primary:#111827;--c-text-secondary:#1f2937;--c-text-tertiary:#374151;--c-text-muted:#4b5563;--c-text-light:#6b7280;--c-text-dark:#111111;--c-text-body:#333333;--c-text-mid:#444444;--c-text-dim:#555555;--c-text-faded:#6b7280;--c-text-placeholder:#9ca3af;--c-text-disabled:#9ca3af;--c-text-hint:#9ca3af;--c-bg-body:#FAF8F3;--c-bg-panel:#FAF8F3;--c-bg-white:#ffffff;--c-bg-light:#f9fafb;--c-bg-muted:#f3f4f6;--c-bg-page:#f4f4f4;--c-bg-off-white:#f5f5f5;--c-bg-subtle:#f8f9fa;--c-bg-dim:#eeeeee;--c-bg-input-alt:#f0f0f0;--c-border:#e5e7eb;--c-border-dark:#d1d5db;--c-border-light:#e0e0e0;--c-border-input:#cccccc;--c-border-subtle:#dddddd;--c-btn:#808080;--c-btn-hover:#666666;--c-btn-active:#555555;--hdr-font:var(--font-main);--hdr-font-size:13px;--hdr-text-color:#ffffff;--hdr-btn-bg:#808080;--hdr-btn-bg-hover:#666666;--hdr-btn-bg-active:#555555;--hdr-btn-color:#ffffff;--hdr-btn-color-hover:#ffffff;--hdr-btn-border-color:transparent;--hdr-btn-border-hover:transparent;--hdr-btn-logout-bg:#808080;--hdr-btn-logout-bg-hover:#666666;--hdr-btn-padding-y:5px;--hdr-btn-padding-x:12px;--hdr-btn-font-size:12px;--hdr-btn-font-weight:700;--hdr-btn-letter-spacing:0.4px;--hdr-btn-gap:10px;--hdr-btn-radius-tl:0;--hdr-btn-radius-tr:0;--hdr-btn-radius-bl:0;--hdr-btn-radius-br:0;--hdr-btn-border-width:1px;--hdr-btn-border-style:solid;--hdr-btn-shadow:0 2px 4px rgba(0,0,0,0.15);--hdr-btn-shadow-hover:0 4px 8px rgba(0,0,0,0.25);--hdr-btn-opacity:1;--hdr-btn-opacity-hover:1;--hdr-btn-brightness:1;--hdr-btn-brightness-hover:1.1;--hdr-btn-scale-hover:1.03;--hdr-btn-transition:all 0.2s ease;--hdr-btn-text-transform:none;--hdr-btn-text-shadow:none;--c-danger:#dc3545;--c-danger-dark:#b02a37;--c-danger-hover:#dc2626;--c-danger-deep:#991b1b;--c-danger-light:#ef4444;--c-danger-bg:#fee2e2;--c-danger-bg-alt:#f8d7da;--c-danger-border:#fca5a5;--c-success:#28a745;--c-success-vivid:#10b981;--c-success-dark:#059669;--c-success-deep:#065f46;--c-success-light:#22c55e;--c-success-mid:#16a34a;--c-success-hover:#218838;--c-success-green:#009739;--c-success-green-dark:#006b2b;--c-success-green-alt:#1e7b3a;--c-success-green-deep:#165d2b;--c-success-bg:#d4edda;--c-success-bg-vivid:#d1fae5;--c-success-border:#c3e6cb;--c-success-text:#155724;--c-success-text-vivid:#047857;--c-warning:#f0ad4e;--c-warning-vivid:#f59e0b;--c-warning-dark:#d97706;--c-warning-deep:#b45309;--c-warning-text:#92400e;--c-warning-bg:#fef3c7;--c-warning-bg-alt:#fff3cd;--c-warning-border:#fcd34d;--c-warning-border-alt:#ffeeba;--c-info:#2563eb;--c-info-light:#3b82f6;--c-info-dark:#1d4ed8;--c-info-bg:#dbeafe;--c-info-border:#c7d2fe;--radius-none:0;--radius-xs:0;--radius-sm:0;--radius-md:0;--radius-lg:0;--radius-xl:0;--radius-2xl:0;--radius-3xl:0;--radius-full:50%;--shadow-sm:0 1px 3px rgba(0,0,0,0.08);--shadow-md:0 2px 8px rgba(0,0,0,0.08);--shadow-lg:0 4px 12px rgba(0,0,0,0.12);--transition-fast:0.15s ease;--transition-normal:0.2s ease;--transition-slow:0.3s ease;--header-height:60px;--header-bg:linear-gradient(135deg,#6a1b9a 0%,#4a148c 50%,#1a0633 100%);--header-text-color:rgba(255,255,255,0.85);--footer-height:40px;--footer-bg:linear-gradient(135deg,#6a1b9a,#4a148c,#1a0633);--footer-text-color:rgba(255,255,255,0.7);--footer-font:var(--font-main);--footer-font-size:12px;--container-width:70%;--container-max-width:1400px;--container-margin-top:0px;--container-margin-bottom:0px;--top-banner-height:100px;--top-banner-padding-top:10px;--top-banner-padding-bottom:10px;--top-banner-padding-left:0px;--top-banner-padding-right:0px;--top-banner-bg:linear-gradient(135deg,#2d1b4e,#1a1145);--top-banner-color:rgba(255,255,255,0.7);--top-banner-font-size:13px;--top-banner-font:var(--font-main);--bottom-banner-height:100px;--bottom-banner-padding-top:10px;--bottom-banner-padding-bottom:10px;--bottom-banner-padding-left:0px;--bottom-banner-padding-right:0px;--bottom-banner-bg:linear-gradient(135deg,#2d1b4e,#1a1145);--bottom-banner-color:rgba(255,255,255,0.7);--bottom-banner-font-size:13px;--gap-banner-to-columns:0px;--column-gap:0px;--col1-width:200px;--col1-bg:#FAF8F3;--col1-font:var(--font-main);--col1-font-size:13px;--col1-text-color:#1f2937;--col1-text-muted:#6b7280;--col1-padding-top:8px;--col1-padding-bottom:8px;--col1-padding-left:6px;--col1-padding-right:6px;--col1-margin-top:0px;--col1-margin-bottom:0px;--col1-margin-left:0px;--col1-margin-right:0px;--col2-bg:#FAF8F3;--col2-font:var(--font-main);--col2-font-size:13px;--col2-text-color:#1f2937;--col2-text-muted:#6b7280;--col2-padding-top:20px;--col2-padding-bottom:20px;--col2-padding-left:15px;--col2-padding-right:15px;--col2-margin-top:0px;--col2-margin-bottom:0px;--col2-margin-left:0px;--col2-margin-right:0px;--col3-width:220px;--col3-bg:#FAF8F3;--col3-font:var(--font-main);--col3-font-size:13px;--col3-text-color:#1f2937;--col3-text-muted:#6b7280;--col3-padding-top:6px;--col3-padding-bottom:6px;--col3-padding-left:5px;--col3-padding-right:5px;--col3-margin-top:0px;--col3-margin-bottom:0px;--col3-margin-left:0px;--col3-margin-right:0px;--col4-width:200px;--col4-bg:#FAF8F3;--col4-font:var(--font-main);--col4-font-size:13px;--col4-text-color:#1f2937;--col4-text-muted:#6b7280;--col4-padding-top:0px;--col4-padding-bottom:6px;--col4-padding-left:5px;--col4-padding-right:5px;--col4-margin-top:0px;--col4-margin-bottom:0px;--col4-margin-left:0px;--col4-margin-right:0px;--scrollbar-width:8px;--scrollbar-thumb:rgba(140,140,140,0.7);--scrollbar-track:rgba(200,200,200,0.4);--scrollbar-radius:10px;--form-max-width:700px;--form-label-color:#555555;--form-label-size:13px;--form-input-padding:8px 12px;--form-input-border:1px solid #cccccc;--form-input-focus:#888888;--form-save-bg:#6a1b9a;--form-save-hover:#4a148c;--post-card-bg:#ffffff;--post-card-border:1px solid #e5e7eb;--post-card-radius:1px;--post-card-padding:14px;--post-card-margin-bottom:10px;--post-card-shadow:0 1px 3px rgba(0,0,0,0.08);--post-avatar-size:44px;--post-media-height:none;--post-media-fit:contain;--post-media-bg:#ffffff;--post-media-radius:0;--post-media-gap:4px;--post-media-ratio:16 / 9;--cv-section-title-color:#1f2937;--cv-entry-border-left:3px solid #6b7280;--cv-entry-hover-border:#1f2937;--cv-personal-border:4px solid #1f2937;--cv-bg:rgba(250,248,243,0.95)}
[data-theme="dark"]{--c-text-primary:#e5e7eb;--c-text-secondary:#d1d5db;--c-text-tertiary:#9ca3af;--c-text-muted:#9ca3af;--c-text-light:#6b7280;--c-text-dark:#f3f4f6;--c-text-body:#d1d5db;--c-text-mid:#b0b0b0;--c-text-dim:#9ca3af;--c-text-faded:#6b7280;--c-text-placeholder:#6b7280;--c-bg-body:#111827;--c-bg-panel:#111827;--c-bg-white:#1f2937;--c-bg-light:#1f2937;--c-bg-muted:#1f2937;--c-bg-page:#111827;--c-bg-off-white:#1a2332;--c-bg-subtle:#1e293b;--c-bg-dim:#1e293b;--c-bg-input-alt:#374151;--c-bg-hover:#374151;--c-border:#374151;--c-border-dark:#4b5563;--c-border-light:#2d3748;--c-border-input:#4b5563;--c-border-subtle:#374151;--c-btn:#6b7280;--c-btn-hover:#9ca3af;--c-primary:#8b5cf6;--c-primary-dark:#7c3aed;--c-primary-darkest:#0f0a1a;--c-primary-deep:#1e1533;--c-accent-purple:#8b5cf6;--c-accent-violet:#a78bfa;--c-accent-violet-light:#c4b5fd;--c-success:#34d399;--c-success-green-alt:#10b981;--c-danger:#f87171;--c-warning:#fbbf24;--c-shadow:rgba(0,0,0,0.4);--c-shadow-md:0 4px 6px rgba(0,0,0,0.3);--c-shadow-lg:0 10px 15px rgba(0,0,0,0.4);--cv-bg:rgba(17,24,39,0.95)}
[data-theme="dark"] body,[data-theme="dark"] .dashboard-wrapper,[data-theme="dark"] .dashboard-center{background-color:#111827 !important;color:#e5e7eb}
[data-theme="dark"] .site-header{background:linear-gradient(135deg,#1e1533,#0f172a,#0c0a1a) !important}
[data-theme="dark"] .sidebar,[data-theme="dark"] .right-sidebar,[data-theme="dark"] .users-panel{background:#1f2937 !important;border-color:#374151 !important}
[data-theme="dark"] .content-area{background:#111827 !important}
[data-theme="dark"] .notif-dashboard,[data-theme="dark"] .sidebar-widget{background:#1f2937 !important;border-color:#374151 !important}
[data-theme="dark"] .conn-card,[data-theme="dark"] .feed-post,[data-theme="dark"] .post-card{background:#1f2937 !important;border-color:#374151 !important}
[data-theme="dark"] input,[data-theme="dark"] textarea,[data-theme="dark"] select{background:#374151 !important;color:#e5e7eb !important;border-color:#4b5563 !important}
[data-theme="dark"] a{color:#a78bfa}
[data-theme="dark"] a:hover{color:#c4b5fd}
[data-theme="dark"] .conn-tab{background:#374151;color:#9ca3af;border-color:#4b5563}
[data-theme="dark"] .conn-tab.active{background:#8b5cf6;color:#fff}
[data-theme="dark"] .nd-tab{color:#9ca3af}
[data-theme="dark"] .nd-tab.active{color:#a78bfa;border-color:#a78bfa}
[data-theme="dark"] .nd-panel-header{border-color:#374151}
[data-theme="dark"] .nav-submenu a{color:#d1d5db !important}
[data-theme="dark"] .nav-submenu li.active>a{color:#a78bfa !important;background:rgba(139,92,246,0.1) !important}
[data-theme="dark"] .nav-item>a{color:#e5e7eb !important}
[data-theme="dark"] .info-banner,[data-theme="dark"] .info-banner-bottom{background:#1e1533 !important;color:#c4b5fd !important}
[data-theme="dark"] hr{border-color:#374151}
[data-theme="dark"] .privacy-card,[data-theme="dark"] .pv-stat,[data-theme="dark"] .pv-list,[data-theme="dark"] .pv-item:hover{background:#1f2937 !important;border-color:#374151 !important}
[data-theme="dark"] .site-footer{background:#0f172a !important}
button,.btn,input[type="submit"],input[type="button"],.post-btn,.comment-submit-btn,.reply-submit-btn,.conn-btn,.conn-tab,.jobs-tab,.reg-tab,.pj-tab,.privacy-quick-btn,.privacy-save-btn,.sv-unsave,.sv-footer-btn{background-color:var(--c-btn) !important;color:white !important;padding:5px 10px !important;border:none !important;border-radius:var(--radius-sm) !important;font-size:12px !important;font-weight:normal !important;cursor:pointer;transition:all 0.2s;text-decoration:none;display:inline-flex;align-items:center;text-align:center;box-shadow:none !important;background-image:none !important;-webkit-text-fill-color:white !important;line-height:1.4;font-family:inherit;outline:none;white-space:nowrap}
button:hover:not(.engagement-btn),.btn:hover,input[type="submit"]:hover,input[type="button"]:hover,.post-btn:hover,.comment-submit-btn:hover,.reply-submit-btn:hover{background-color:var(--c-btn-hover) !important;transform:none !important}
button.active:not(.engagement-btn){background-color:var(--c-btn-active) !important}
*{box-sizing:border-box}
body{margin:0;font-family:var(--font-main);font-weight:400;font-size:13px;line-height:1.5;color:var(--c-text-body);background:var(--c-bg-body);height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:'kern' 1,'liga' 1}
*,button,input,select,textarea{font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
input,select,textarea{background-color:var(--c-bg-panel)}
.dashboard-grid{display:grid;grid-template-columns:var(--col1-width) 1fr var(--col3-width) var(--col4-width);column-gap:var(--column-gap);width:100%;margin:var(--gap-banner-to-columns) 0;flex:1;overflow:hidden;min-height:0;box-sizing:border-box}
.dashboard-grid.full-width-mode{grid-template-columns:var(--col1-width) 1fr !important}
.dashboard-grid.full-width-mode .users-panel,.dashboard-grid.full-width-mode .right-sidebar{display:none !important}
.left-sidebar{background:var(--col1-bg);font-family:var(--col1-font);font-size:var(--col1-font-size);color:var(--col1-text-color);padding:var(--col1-padding-top) var(--col1-padding-right) var(--col1-padding-bottom) var(--col1-padding-left);margin:var(--col1-margin-top) var(--col1-margin-right) var(--col1-margin-bottom) var(--col1-margin-left);overflow-y:scroll;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:rgba(140,140,140,0.7) rgba(200,200,200,0.4);border-left:none;box-shadow:none}
.left-sidebar::-webkit-scrollbar{width:8px}
.left-sidebar::-webkit-scrollbar-track{background:rgba(200,200,200,0.4) !important}
.left-sidebar::-webkit-scrollbar-thumb{background:rgba(140,140,140,0.7);border-radius:var(--radius-2xl)}
.sidebar-profile{text-align:center;padding-bottom:5px;margin-bottom:4px;border-bottom:1px solid rgba(0,0,0,0.08)}
.sidebar-avatar{width:75px;height:95px;object-fit:cover;margin-bottom:4px;border:none}
.sidebar-name{color:var(--c-text-primary);font-weight:700;font-size:var(--fs-lg);margin-bottom:2px}
.nav-section{margin-bottom:2px}
.nav-menu{list-style:none;padding:0;margin:0}
.nav-item a{display:block;color:var(--c-text-mid);text-decoration:none;padding:4px 6px;border-radius:var(--radius-none);font-size:var(--fs-md);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background 0.2s}
.nav-item a:hover{background-color:var(--c-btn);color:white}
.nav-item.active>a{background-color:var(--c-btn);color:white;font-weight:normal;box-shadow:none}
.nav-submenu{list-style:none;padding:0;margin:0 0 0 10px;display:none}
.has-submenu.open .nav-submenu{display:block}
.nav-submenu li a{padding:3px 6px;font-size:var(--fs-base);color:var(--c-text-faded);white-space:nowrap}
.nav-submenu li a:hover{background-color:var(--c-btn);color:white}
.nav-submenu li.active a{background-color:var(--c-btn);color:white;font-weight:normal}
.has-submenu>a::after{content:'▾';float:right;opacity:0.4}
.has-submenu.open>a::after{content:'▴'}
.center-content{background:var(--col2-bg);font-family:var(--col2-font);font-size:var(--col2-font-size);color:var(--col2-text-color);padding:var(--col2-padding-top) var(--col2-padding-right) var(--col2-padding-bottom) var(--col2-padding-left);margin:var(--col2-margin-top) var(--col2-margin-right) var(--col2-margin-bottom) var(--col2-margin-left);overflow-y:scroll;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:rgba(140,140,140,0.7) rgba(200,200,200,0.4)}
.center-content::-webkit-scrollbar{width:8px}
.center-content::-webkit-scrollbar-track{background:rgba(200,200,200,0.4) !important}
.center-content::-webkit-scrollbar-thumb{background:rgba(140,140,140,0.7);border-radius:var(--radius-2xl)}
.center-content>*:first-child{margin-top:0 !important}
.users-panel{background:var(--col3-bg);font-family:var(--col3-font);font-size:var(--col3-font-size);color:var(--col3-text-color);padding:var(--col3-padding-top) var(--col3-padding-right) var(--col3-padding-bottom) var(--col3-padding-left);margin:var(--col3-margin-top) var(--col3-margin-right) var(--col3-margin-bottom) var(--col3-margin-left);overflow-y:scroll !important;overflow-x:hidden;scrollbar-width:auto !important;scrollbar-color:rgba(140,140,140,0.7) rgba(200,200,200,0.4);scrollbar-gutter:stable}
.users-panel::-webkit-scrollbar{width:8px;display:block !important}
.users-panel::-webkit-scrollbar-track{background:rgba(200,200,200,0.4) !important;display:block !important}
.users-panel::-webkit-scrollbar-thumb{background:rgba(140,140,140,0.7);border-radius:var(--radius-2xl);min-height:100%}
.right-sidebar{background:var(--col4-bg);font-family:var(--col4-font);font-size:var(--col4-font-size);color:var(--col4-text-color);padding:var(--col4-padding-top) var(--col4-padding-right) var(--col4-padding-bottom) var(--col4-padding-left);margin:var(--col4-margin-top) var(--col4-margin-right) var(--col4-margin-bottom) var(--col4-margin-left);overflow-y:scroll;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:rgba(140,140,140,0.7) rgba(200,200,200,0.4)}
.right-sidebar>*:first-child{margin-top:0 !important}
.right-sidebar .widget:first-of-type{margin-top:0 !important}
.right-sidebar>style+.widget{margin-top:0 !important}
.right-sidebar::-webkit-scrollbar{width:8px;display:block !important}
.right-sidebar::-webkit-scrollbar-track{background:rgba(200,200,200,0.4) !important;display:block !important}
.right-sidebar::-webkit-scrollbar-thumb{background:rgba(140,140,140,0.7);border-radius:var(--radius-2xl)}
@media (max-width:1600px){.dashboard-center{width:80%}
}
@media (max-width:1400px){.dashboard-center{width:90%}
.dashboard-grid{grid-template-columns:190px 1fr 200px 190px}
}
@media (max-width:1200px){.dashboard-center{width:95%}
.dashboard-grid{grid-template-columns:190px 1fr 200px}
.right-sidebar{display:none}
}
@media (max-width:992px){.dashboard-center{width:100%}
.dashboard-grid{grid-template-columns:1fr}
.left-sidebar{display:none;position:fixed;top:0;left:0;bottom:0;width:280px;z-index:9999;background:var(--c-bg-white,#fff);overflow-y:auto;box-shadow:4px 0 20px rgba(0,0,0,0.3);transform:translateX(-100%);transition:transform 0.3s ease}
.left-sidebar.mobile-open{display:block !important;transform:translateX(0)}
.users-panel{display:none}
.right-sidebar{display:none}
.hamburger-btn{display:flex !important}
.site-logo{margin-left:10px}
.header-nav{margin-right:10px;gap:5px}
.site-header{padding:0 10px}
.conn-tabs,.reg-tabs{flex-wrap:wrap !important;gap:4px !important}
.conn-tab,.reg-tab,.jobs-tab,.pj-tab{font-size:10px !important;padding:4px 8px !important}
.engagement-bar{gap:1px;padding:5px 6px}
.engagement-btn{padding:3px 4px !important;min-width:0 !important}
.eng-badge-count{font-size:9px !important}
.info-banner canvas{width:100% !important;height:auto !important}
.forward-modal,.conn-modal,.gm-alert-box{max-width:92vw !important}
}
@media (max-width:600px){
.site-header{padding:0 6px}
.header-button{padding:3px 6px !important;font-size:10px !important}
.logo-img{height:32px}
.site-logo{margin-left:4px;margin-right:8px}
.header-nav{gap:3px;margin-right:4px}
.create-post-card{padding:10px}
.post-actions-row{flex-wrap:wrap;gap:3px}
.conn-tab,.reg-tab,.jobs-tab{font-size:9px !important;padding:3px 6px !important}
.engagement-bar{padding:4px 4px;gap:0px}
.engagement-btn svg{width:14px !important;height:14px !important}
}
.hamburger-btn{display:none;flex-direction:column;justify-content:center;gap:4px;background:none;border:none;cursor:pointer;padding:6px;margin-right:8px;z-index:10000}
.hamburger-btn span{display:block;width:20px;height:2px;background:var(--c-text-primary,#fff);border-radius:2px;transition:all 0.3s}
.hamburger-btn.active span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}
.hamburger-btn.active span:nth-child(2){opacity:0}
.hamburger-btn.active span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}
.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:9998}
.sidebar-overlay.active{display:block}
.info-banner{background:var(--top-banner-bg);color:var(--top-banner-color);font-family:var(--top-banner-font);text-align:center;padding:var(--top-banner-padding-top) var(--top-banner-padding-right) var(--top-banner-padding-bottom) var(--top-banner-padding-left);font-size:var(--top-banner-font-size);font-weight:500;width:100%;height:var(--top-banner-height);min-height:var(--top-banner-height);max-height:var(--top-banner-height);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box}
.info-banner-bottom{background:var(--bottom-banner-bg);color:var(--bottom-banner-color);font-family:var(--top-banner-font);text-align:center;padding:var(--bottom-banner-padding-top) var(--bottom-banner-padding-right) var(--bottom-banner-padding-bottom) var(--bottom-banner-padding-left);font-size:var(--bottom-banner-font-size);font-weight:500;width:100%;min-height:var(--bottom-banner-height);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box}
.dashboard-center{width:var(--container-width);max-width:var(--container-max-width);margin:var(--container-margin-top) auto var(--container-margin-bottom) auto;display:flex;flex-direction:column;height:calc(100% - var(--container-margin-top) - var(--container-margin-bottom));overflow:hidden}
.dashboard-wrapper{position:fixed;top:var(--header-height);bottom:var(--footer-height);left:0;right:0;overflow:hidden}
.has-submenu>a{cursor:pointer}
*,*::before,*::after,body,h1,h2,h3,h4,h5,h6,p,span,a,label,input,select,textarea,button,li,td,th,div,nav,header,footer,section{font-family:var(--font-main) !important;font-weight:400}
.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:linear-gradient(135deg,var(--c-primary) 0%,var(--c-primary-dark) 50%,var(--c-primary-darkest) 100%);display:flex;align-items:center;justify-content:space-between;padding:0 30px;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,0.3);font-family:var(--hdr-font);font-size:var(--hdr-font-size);color:var(--hdr-text-color)}
.site-header a{color:var(--hdr-text-color,white);text-decoration:none;font-size:var(--fs-md);transition:background 0.2s}
.site-logo{display:flex;align-items:center;margin-left:260px;margin-right:20px}
.site-logo a{display:flex;align-items:center;margin:0}
.logo-img{height:45px;width:auto;display:block;margin-right:12px}
.header-nav{display:flex;align-items:center;gap:var(--hdr-btn-gap);margin-left:auto;margin-right:260px}
.header-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-main);background-color:var(--hdr-btn-bg);color:var(--hdr-btn-color);border:var(--hdr-btn-border-width) var(--hdr-btn-border-style) var(--hdr-btn-border-color);padding:var(--hdr-btn-padding-y) var(--hdr-btn-padding-x);font-size:var(--hdr-btn-font-size);font-weight:var(--hdr-btn-font-weight);letter-spacing:var(--hdr-btn-letter-spacing);border-top-left-radius:var(--hdr-btn-radius-tl);border-top-right-radius:var(--hdr-btn-radius-tr);border-bottom-left-radius:var(--hdr-btn-radius-bl);border-bottom-right-radius:var(--hdr-btn-radius-br);box-shadow:var(--hdr-btn-shadow);opacity:var(--hdr-btn-opacity);filter:brightness(var(--hdr-btn-brightness));transition:var(--hdr-btn-transition);text-transform:var(--hdr-btn-text-transform);line-height:1.4;white-space:nowrap}
.header-button:hover{background-color:var(--hdr-btn-bg-hover);color:var(--hdr-btn-color-hover);border-color:var(--hdr-btn-border-hover);box-shadow:var(--hdr-btn-shadow-hover);opacity:var(--hdr-btn-opacity-hover);filter:brightness(var(--hdr-btn-brightness-hover));transform:scale(var(--hdr-btn-scale-hover))}
.header-button:active{background-color:var(--hdr-btn-bg-active);transform:scale(0.97);box-shadow:var(--hdr-btn-shadow)}
.header-button--logout{background-color:var(--hdr-btn-bg)}
.header-button--logout:hover{background-color:var(--hdr-btn-bg-hover)}
a.header-button,a.vp-conn-btn,a.sv-footer-btn,a.fwd-profile-btn,a.dropdown-item{text-decoration:none;color:var(--hdr-btn-color,#fff);display:inline-flex;align-items:center;justify-content:center;-webkit-text-fill-color:var(--hdr-btn-color,#fff)}
a.header-button:visited,a.vp-conn-btn:visited,a.sv-footer-btn:visited,a.fwd-profile-btn:visited,a.dropdown-item:visited{color:var(--hdr-btn-color,#fff);-webkit-text-fill-color:var(--hdr-btn-color,#fff)}
a.header-button:hover,a.vp-conn-btn:hover,a.sv-footer-btn:hover,a.fwd-profile-btn:hover,a.dropdown-item:hover{text-decoration:none}
body{padding-top:var(--header-height)}
.site-footer{position:fixed;bottom:0;left:0;right:0;height:var(--footer-height);background:linear-gradient(135deg,var(--c-primary) 0%,var(--c-primary-dark) 50%,var(--c-primary-darkest) 100%);display:flex;align-items:center;justify-content:center;z-index:1000;box-shadow:0 -2px 10px rgba(0,0,0,0.3);font-family:var(--footer-font)}
.footer-text{color:var(--footer-text-color,white);font-size:var(--footer-font-size,var(--fs-base-sm));margin:0;font-family:var(--footer-font)}
.footer-text a{color:var(--footer-text-color,white);text-decoration:none;font-weight:normal}
.footer-text a:hover{text-decoration:underline}
body{padding-bottom:var(--footer-height)}
.hero{background:linear-gradient(135deg,var(--c-border-muted-alpha),var(--c-accent-magenta));height:100vh;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;text-align:center;padding-top:80px;box-sizing:border-box}
.hero h1{font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:15px;color:var(--c-plum-dark)}
.hero p{font-size:1.25rem;color:var(--c-primary-near-black);margin-bottom:40px}
.hero a.button{background-color:var(--c-indigo);color:var(--c-rose-bg-light);padding:10px 15px;font-weight:bold;border-radius:var(--radius-sm);text-decoration:none;transition:background 0.3s ease,color 0.3s ease}
.hero a.button:hover{background-color:var(--c-violet);color:var(--c-bg-white)}
:root{--dynamic-padding:calc(var(--base-width) * 0.05);--dynamic-font-main:calc(var(--base-width) * 0.055);--dynamic-font-small:calc(var(--base-width) * 0.045)}
.login-wrapper-small{display:flex;justify-content:center;align-items:center;height:60vh}
.login-card-small{width:var(--base-width);max-width:var(--base-width);background:linear-gradient(135deg,var(--c-primary) 0%,var(--c-primary-dark) 50%,var(--c-primary-darkest) 100%);padding:var(--dynamic-padding);font-family:var(--font-main);box-shadow:calc(cos(var(--shadow-angle)) * var(--shadow-distance)) calc(sin(var(--shadow-angle)) * var(--shadow-distance)) var(--shadow-blur) rgba(0,0,0,var(--shadow-opacity));box-sizing:border-box}
.login-grid-small{display:grid;grid-template-columns:var(--label-col-width) 1fr;column-gap:var(--dynamic-gap-x);row-gap:var(--dynamic-gap-y);align-items:center}
.login-grid-small label{color:var(--c-bg-white);font-size:var(--dynamic-font-main);white-space:nowrap;font-family:var(--font-main)}
.login-grid-small input[type="text"],.login-grid-small input[type="password"]{width:100%;height:var(--input-height);background-color:#ffffff;border:none;padding:0 8px;font-size:var(--dynamic-font-small);box-sizing:border-box;font-family:var(--font-main);color:#1f2937}
.button-area-small{grid-column:1 / -1;display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;align-items:center;justify-content:center;gap:10px;margin-top:36px}
.button-area-small>*{display:inline-flex !important;width:auto !important}
.secondary-buttons-small{display:flex;justify-content:space-between;width:100%}
.login-card-small input[type="submit"],.login-card-small .btn-gray-small{background-color:var(--c-btn) !important;color:white !important;border:none !important;padding:0 18px !important;height:34px !important;font-size:12px !important;font-family:var(--font-main) !important;text-decoration:none !important;cursor:pointer;white-space:nowrap;display:inline-flex !important;align-items:center !important;justify-content:center !important;width:auto !important;min-width:120px;box-sizing:border-box !important;line-height:1 !important;font-weight:700 !important}
.login-card-small input[type="submit"]:hover,.login-card-small .btn-gray-small:hover{background-color:var(--c-btn-hover)}
.error-msg{grid-column:span 2;color:var(--c-red-light);text-align:center;font-size:var(--dynamic-font-small);margin-bottom:4px}
:root{--base-width:300px;--dynamic-padding-y:calc(var(--base-width) * 0.05);--dynamic-padding-x:calc(var(--base-width) * 0.07);--label-col-width:calc(var(--base-width) * 0.32);--dynamic-gap-y:calc(var(--base-width) * 0.03);--dynamic-gap-x:calc(var(--base-width) * 0.02);--input-height:calc(var(--base-width) * 0.09);--dynamic-font-label:calc(var(--base-width) * 0.042);--dynamic-font-input:calc(var(--base-width) * 0.038);--dynamic-font-btn:calc(var(--base-width) * 0.045);--shadow-distance:calc(var(--base-width) * 0.12);--shadow-blur:calc(var(--base-width) * 0.02);--shadow-opacity:0.72;--shadow-angle:212deg}
.reg-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:20px;box-sizing:border-box}
.reg-card{width:var(--base-width);background:linear-gradient(135deg,var(--c-primary) 0%,var(--c-primary-dark) 50%,var(--c-primary-darkest) 100%);padding:var(--dynamic-padding-y) var(--dynamic-padding-x);font-family:var(--font-main);box-sizing:border-box;box-shadow:calc(cos(var(--shadow-angle)) * var(--shadow-distance)) calc(sin(var(--shadow-angle)) * var(--shadow-distance)) var(--shadow-blur) rgba(0,0,0,var(--shadow-opacity))}
.reg-card h2{color:var(--c-bg-white);text-align:center;margin:0 0 var(--dynamic-gap-y) 0;font-size:calc(var(--base-width) * 0.07)}
.reg-grid{display:grid;grid-template-columns:var(--label-col-width) 1fr;column-gap:var(--dynamic-gap-x);row-gap:var(--dynamic-gap-y);align-items:center}
.reg-grid label{color:var(--c-bg-white);font-size:var(--dynamic-font-label);white-space:nowrap;font-family:var(--font-main)}
.reg-grid input:not([type="checkbox"]):not([type="submit"]){width:100%;height:var(--input-height);background-color:#ffffff;border:none;padding:0 8px;font-size:var(--dynamic-font-input);box-sizing:border-box;font-family:var(--font-main);color:#1f2937}
.show-pass-row{grid-column:span 2;color:var(--c-bg-white);font-size:calc(var(--base-width) * 0.035);margin:5px 0;display:flex;align-items:center;justify-content:center;gap:5px;font-family:var(--font-main)}
.reg-footer{grid-column:span 2;display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:var(--dynamic-gap-y)}
.footer-nav{display:flex;justify-content:space-between;width:100%}
.reg-card input[type="submit"],.btn-gray{border:none;color:white !important;padding:5px 14px;font-size:12px;font-family:var(--font-main);text-decoration:none;cursor:pointer;text-align:center;display:inline-block;white-space:nowrap;background-color:var(--c-btn) !important}
.reg-card input[type="submit"]:hover,.btn-gray:hover{background-color:var(--c-btn-hover) !important}
.sb-avatar-frame{display:inline-block;padding:0;border:none;background:none;margin-bottom:8px}
.sb-avatar-frame.sb-frame-male{border:none;background:none}
.sb-avatar-frame.sb-frame-female{border:none;background:none}
.sb-avatar-frame.sb-frame-other{border:none;background:none}
.sb-avatar-img{width:120px;height:120px;object-fit:cover;display:block;cursor:pointer;border-radius:4px}
.sb-avatar-img:hover{opacity:0.8}
.gm-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.35);z-index:99999;justify-content:center;align-items:center}
.gm-overlay.active{display:flex}
.gm-box{background:var(--c-bg-white);padding:20px 24px;max-width:340px;width:90%;box-shadow:0 8px 30px rgba(0,0,0,0.25);text-align:center}
.gm-icon{font-size:28px;margin-bottom:8px}
.gm-msg{font-size:14px;color:var(--c-text-primary);font-weight:500;margin-bottom:16px;line-height:1.5}
.gm-btns{display:flex;gap:10px;justify-content:center}
.gm-btn{padding:5px 10px!important;font-size:12px!important;font-weight:normal!important;border:none!important;cursor:pointer!important;font-family:inherit!important}
.gm-btn.yes{background:var(--c-danger)!important;color:white!important;-webkit-text-fill-color:white!important}
.gm-btn.yes:hover{background:var(--c-danger-dark)!important}
.gm-btn.ok{background:var(--c-btn)!important;color:white!important;-webkit-text-fill-color:white!important}
.gm-btn.ok:hover{background:var(--c-text-dim)!important}
.gm-btn.no{background:var(--c-border)!important;color:var(--c-text-secondary)!important;-webkit-text-fill-color:var(--c-text-secondary)!important}
.gm-btn.no:hover{background:var(--c-border-dark)!important}
.up-toggle-wrap{display:flex !important;align-items:center !important;margin-bottom:4px !important;position:relative !important;background:#d1d5db !important;height:24px !important;cursor:pointer !important;user-select:none !important}
.up-toggle-wrap .up-tog-slider{position:absolute !important;top:0 !important;left:0 !important;width:50% !important;height:100% !important;background-color:var(--c-btn-active) !important;transition:left 0.25s ease !important;z-index:1 !important}
.up-toggle-wrap.jobs .up-tog-slider{left:50% !important}
.up-toggle-wrap .up-tog-label{flex:1 !important;text-align:center !important;font-size:10px !important;font-weight:normal !important;color:var(--c-text-muted) !important;position:relative !important;z-index:2 !important;line-height:24px !important;-webkit-text-fill-color:var(--c-text-muted) !important;transition:color 0.2s !important}
.up-toggle-wrap .up-tog-label.active{color:var(--c-bg-white) !important;-webkit-text-fill-color:var(--c-bg-white) !important}
.up-search{width:100%;padding:4px 6px;border:1px solid var(--c-border-input);font-size:var(--fs-sm);outline:none;margin-bottom:4px;box-sizing:border-box;font-family:var(--font-main);background-color:var(--c-bg-white)}
.up-search:focus{border-color:var(--c-text-faded)}
.up-card{display:block;text-decoration:none;color:inherit;padding:3px 0;border-bottom:1px solid rgba(0,0,0,0.04);cursor:pointer}
.up-card:hover{text-decoration:none;color:inherit}
.up-card:last-child{border-bottom:none}
.up-row1{display:flex;align-items:center;gap:5px}
.up-avatar{width:28px;height:28px;border-radius:var(--radius-full);flex-shrink:0}
.up-info{flex:1;min-width:0}
.up-name{font-size:var(--fs-base-sm);font-weight:600;color:var(--c-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.up-headline{font-size:var(--fs-2xs);color:var(--c-text-placeholder);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.up-actions{display:flex;gap:3px;flex-shrink:0;margin-left:auto;position:relative}
.up-btn{color:white !important;border:none !important;padding:2px 6px !important;font-size:var(--fs-2xs) !important;cursor:pointer;transition:background 0.2s;text-decoration:none;display:flex;align-items:center;justify-content:center;height:20px;min-width:20px;line-height:1;font-family:var(--font-main);background-color:var(--c-btn) !important}
.up-btn.connect-btn{background-color:var(--c-danger) !important}
.up-btn.connect-btn:hover{background-color:var(--c-danger-dark) !important}
.up-btn.done{background-color:var(--c-btn) !important;cursor:default;font-size:var(--fs-2xs) !important}
.up-btn.pending-btn{background-color:var(--c-warning) !important;font-size:9px !important;cursor:pointer;padding:2px 5px !important;height:18px}
.up-btn.invite-btn{background-color:var(--c-accent-purple) !important;font-size:var(--fs-2xs) !important;cursor:pointer;padding:0 4px !important;position:relative}
.up-btn.invite-btn:hover{background-color:var(--c-accent-violet) !important}
.up-btn.invite-btn:hover::after{content:'Invite to Job';position:absolute;bottom:110%;left:50%;transform:translateX(-50%);background:var(--c-text-primary);color:var(--c-bg-white);font-size:var(--fs-xs);font-weight:normal;padding:4px 8px;white-space:nowrap;z-index:1000;pointer-events:none}
.up-btn.invite-btn:hover::before{content:'';position:absolute;bottom:96%;left:50%;transform:translateX(-50%);border:4px solid transparent;border-top-color:var(--c-text-primary);z-index:1000;pointer-events:none}
.invite-dropdown{position:fixed;z-index:99999;background:var(--c-bg-white);border:1px solid var(--c-border-input);box-shadow:0 4px 12px rgba(0,0,0,0.15);width:240px;max-height:260px;overflow-y:auto}
.invite-dd-title{padding:6px 10px;font-size:var(--fs-sm);font-weight:700;color:var(--c-accent-purple);border-bottom:1px solid var(--c-bg-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.invite-dd-item{padding:8px 10px;font-size:var(--fs-sm);color:var(--c-text-dark);cursor:pointer;border-bottom:1px solid var(--c-bg-off-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.invite-dd-item:hover{background:var(--c-purple-bg)}
.invite-dd-item.sent{color:var(--c-text-placeholder);cursor:default}
.invite-dd-empty{padding:10px;font-size:var(--fs-sm);color:var(--c-text-placeholder);text-align:center;font-style:italic}
.vp-conn-btn.pending,button.vp-conn-btn.pending,#vp-connect-btn.pending,#vp-conn-area .pending{background-color:var(--c-warning) !important;color:white !important;-webkit-text-fill-color:white !important;cursor:pointer !important}
.vp-conn-btn.pending:hover,button.vp-conn-btn.pending:hover,#vp-connect-btn.pending:hover,#vp-conn-area .pending:hover{background-color:var(--c-amber) !important}
.up-btn.pending-btn:hover{background-color:var(--c-amber) !important}
.up-no-users{text-align:center;color:var(--c-text-placeholder);font-size:var(--fs-base-sm);padding:30px 0}
.sj-panel{display:none}
.sj-panel.active{display:block}
.sj-search{width:100%;padding:6px 10px;border:1px solid var(--c-border-input);font-size:12px;outline:none;margin-bottom:10px;box-sizing:border-box;font-family:inherit;background-color:var(--c-bg-white)}
.sj-search:focus{border-color:var(--c-text-faded)}
.sj-card{display:block;padding:8px 0;border-bottom:1px solid rgba(0,0,0,0.06);cursor:pointer;text-decoration:none;color:inherit}
.sj-card:hover{text-decoration:none;color:inherit}
.sj-card:last-child{border-bottom:none}
.sj-title{font-size:12px;font-weight:700;color:var(--c-text-primary);line-height:1.3}
.sj-company{font-size:10px;color:var(--c-accent-purple);font-weight:normal}
.sj-meta{font-size:10px;color:var(--c-text-light);margin-top:2px}
.sj-tags{display:flex;gap:3px;margin-top:4px;flex-wrap:wrap}
.sj-tag{font-size:var(--tag-size,8px);padding:1px 5px;background:var(--tag-bg,var(--c-bg-muted));color:var(--tag-color,var(--c-text-tertiary));border-radius:var(--tag-radius,0px)}
.sj-tag.salary{background:var(--tag-bg,var(--c-success-bg-vivid));color:var(--tag-color,var(--c-success-deep))}
.sj-no-jobs{text-align:center;color:var(--c-text-light);font-size:12px;padding:30px 0}
.up-panel{display:block}
.up-panel.hidden{display:none}
.feed-container{max-width:100%}
.create-post-card{background:var(--c-bg-white);border-radius:var(--radius-xs);padding:14px;margin-bottom:10px;box-shadow:0 1px 3px rgba(0,0,0,0.08);border:1px solid var(--c-border)}
.create-post-card h3{margin:0 0 10px 0;color:var(--c-text-primary);font-size:var(--fs-xl);font-weight:700}
.post-textarea{width:100%;min-height:70px;padding:10px;border:1px solid var(--c-border-dark);border-radius:var(--radius-xs);font-size:var(--fs-base);resize:vertical;background:white;margin-bottom:8px}
.post-textarea:focus{outline:none;border-color:var(--c-text-light);box-shadow:0 0 0 2px rgba(156,163,175,0.2)}
.post-actions-row{display:flex;justify-content:space-between;align-items:center;margin-top:8px}
.add-media-btn{background-color:var(--c-danger) !important;color:white !important;padding:6px 16px !important;border:none !important;cursor:pointer;font-size:var(--fs-base) !important;font-family:var(--font-main);transition:background 0.2s}
.add-media-btn:hover{background-color:var(--c-danger-dark) !important}
.file-input{display:none}
.media-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-bottom:8px}
.preview-item{position:relative;border-radius:var(--radius-xs);overflow:hidden;aspect-ratio:1;background:var(--c-bg-muted)}
.preview-item img,.preview-item video{width:100%;height:100%;object-fit:cover}
.preview-remove{position:absolute;top:5px;right:5px;background:rgba(239,68,68,0.95);color:white;border:none;border-radius:var(--radius-full);width:28px;height:28px;cursor:pointer;font-size:var(--fs-xl);font-weight:bold;display:flex;align-items:center;justify-content:center;transition:all 0.2s;z-index:10}
.preview-remove:hover{background:var(--c-danger-hover);transform:scale(1.15)}
.post-actions{display:flex;justify-content:space-between;align-items:center}
.submit-post-btn{padding:8px 22px;background:var(--c-text-tertiary);color:white;border:none;border-radius:var(--radius-xs);cursor:pointer;font-size:var(--fs-base);font-weight:700;transition:all 0.2s}
.submit-post-btn:hover{background:var(--c-text-secondary);box-shadow:0 2px 6px rgba(0,0,0,0.15)}
.post-card{background:var(--c-bg-white);border-radius:6px;padding:14px 14px 0 14px;margin-bottom:10px;box-shadow:0 2px 8px rgba(0,0,0,0.06),inset 0 0 0 0 transparent;border:1px solid #e0e0e0;transition:all 0.2s;overflow:hidden}
.post-card:hover{box-shadow:0 4px 16px rgba(91,44,138,0.12);border-color:rgba(91,44,138,0.25);border-left:3px solid var(--c-primary,#5B2C8A);border-right:3px solid var(--c-primary,#5B2C8A)}
.post-header{display:flex;align-items:center;margin-bottom:8px;position:relative}
.post-avatar{width:40px;height:40px;border-radius:var(--radius-full);margin-right:10px;border:2px solid var(--c-border-dark)}
.post-author-info{flex:1}
.post-author-name{font-weight:700;color:var(--c-text-primary);font-size:var(--fs-lg)}
.post-timestamp{font-size:var(--fs-base-sm);color:var(--c-text-light)}
.post-content-full{color:var(--c-text-tertiary);font-size:var(--fs-md);line-height:1.6;margin:8px 0 6px;padding:10px 12px;border:1px solid #e8e8e8;border-radius:4px;white-space:pre-wrap;background:#fcfcfc}
.post-text-toggle{color:var(--c-text-muted);font-size:var(--fs-base-sm);cursor:pointer;padding:2px 0;user-select:none;margin-top:4px}
.post-text-toggle:hover{color:var(--c-text-secondary)}
.post-text-body{display:none;color:var(--c-text-tertiary);font-size:var(--fs-base);line-height:1.5;white-space:pre-wrap;padding:2px 0 4px 0;word-break:break-word}
.post-text-body.show{display:block}
.post-content{color:var(--c-text-tertiary);font-size:var(--fs-md);line-height:1.6;margin-bottom:6px;white-space:pre-wrap}
.post-content.editing{display:none}
.edit-form{display:none;margin-bottom:15px}
.edit-form.active{display:block;animation:fadeInUp 0.3s ease}
@keyframes fadeInUp{from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}
.edit-textarea{width:100%;min-height:80px;padding:12px;border:1px solid var(--c-border-dark);border-radius:var(--radius-xs);font-size:var(--fs-md);font-family:var(--font-main);resize:vertical;margin-bottom:10px}
.edit-textarea:focus{outline:none;border-color:var(--c-text-light);box-shadow:0 0 0 2px rgba(156,163,175,0.2)}
.edit-actions{display:flex;gap:10px}
.edit-save-btn,.edit-cancel-btn{padding:8px 20px;border:none;border-radius:var(--radius-xs);font-size:var(--fs-base);font-weight:normal;cursor:pointer;transition:all 0.2s;background:var(--c-border);color:var(--c-text-tertiary)}
.edit-save-btn{background:linear-gradient(135deg,var(--c-success-vivid),var(--c-success-dark));color:white}
.edit-save-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(16,185,129,0.4)}
.edit-cancel-btn:hover{background:var(--c-border-dark)}
.post-media{margin:8px -14px;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;overflow:hidden}
.post-media-grid{display:grid;gap:var(--post-media-gap)}
.post-media-grid.single{grid-template-columns:1fr}
.post-media-grid.double{grid-template-columns:repeat(2,1fr)}
.post-media-grid.multiple{grid-template-columns:repeat(3,1fr)}
.post-media-item{position:relative;border-radius:var(--post-media-radius);overflow:hidden;background:#fff;padding:0 10px 10px 10px}
.post-media-grid.single .post-media-item{width:100%}
.post-media-grid.double .post-media-item,.post-media-grid.multiple .post-media-item{aspect-ratio:1 / 1}
.post-media-item img{width:100%;height:auto;max-height:350px;object-fit:contain;display:block;cursor:pointer}
.post-media-item video{max-width:100%;max-height:220px;object-fit:contain;display:block}
.post-actions-menu{position:relative;margin-left:auto}
.post-menu-btn{background:var(--c-bg-input-alt);border:1px solid var(--c-border-input);font-size:var(--fs-2xl);cursor:pointer;padding:2px 10px;color:var(--c-text-mid);border-radius:var(--radius-md);font-weight:bold;line-height:1;-webkit-text-fill-color:var(--c-text-mid)}
.post-menu-btn:hover{background:var(--c-border-light);color:var(--c-text-dark);-webkit-text-fill-color:var(--c-text-dark)}
.post-dropdown{display:none;position:absolute;right:0;top:100%;background:var(--c-text-mid);border-radius:var(--radius-xs);box-shadow:0 4px 12px rgba(0,0,0,0.15);min-width:auto;z-index:100;overflow:hidden;padding:2px 0}
.post-dropdown.active{display:block}
.dropdown-item{display:block;width:100%;padding:4px 10px;border:none;background:none;text-align:center;cursor:pointer;font-size:var(--fs-md);color:var(--c-bg-white);line-height:1.2}
.dropdown-item:hover{background:var(--c-text-body)}
.dropdown-item.delete{color:var(--c-danger-border)}
.dropdown-item.delete:hover{background:var(--c-danger-text-dark)}
.comments-section{margin:0 -14px -1px;padding:6px 14px 10px;border-top:1px solid #e5e7eb;animation:fadeInUp 0.3s ease}
.comments-toolbar{display:flex;justify-content:flex-end;margin-bottom:4px}
.read-mode-btn{background:none;border:1px solid var(--c-border,#ddd);padding:2px 8px;font-size:10px;font-family:inherit;color:var(--c-text-muted,#888);cursor:pointer;border-radius:3px;transition:all 0.2s}
.read-mode-btn:hover{border-color:var(--c-accent-purple,#6a1b9a);color:var(--c-accent-purple,#6a1b9a)}
.read-mode-btn.active{background:var(--c-accent-purple,#6a1b9a);color:#fff;border-color:var(--c-accent-purple,#6a1b9a)}
.rm-icon{font-size:11px}
.comments-list{max-height:320px;overflow:auto;margin-bottom:4px;scrollbar-width:thin;scrollbar-color:rgba(140,140,140,0.5) transparent}
.comments-list::-webkit-scrollbar{width:5px;height:5px}
.comments-list::-webkit-scrollbar-track{background:transparent}
.comments-list::-webkit-scrollbar-thumb{background:rgba(140,140,140,0.4);border-radius:3px}
.comments-list::-webkit-scrollbar-thumb:hover{background:rgba(140,140,140,0.6)}
.comment-item{display:flex;gap:6px;padding:4px 0;border-bottom:1px solid rgba(0,0,0,0.02);min-width:220px;max-width:100%}
.comment-item:last-child{border-bottom:none}
.comment-avatar{width:28px;height:28px;border-radius:var(--radius-full);flex-shrink:0}
.comment-content-wrapper{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.comment-content{background:var(--c-bg-muted);border-radius:var(--radius-xs);padding:6px 10px;flex:0 1 auto;word-wrap:break-word;overflow-wrap:break-word}
.comment-author{font-weight:700;font-size:var(--fs-base-sm);color:var(--c-text-primary);margin-bottom:1px}
.comment-text{font-size:var(--fs-base-sm);color:var(--c-text-tertiary);line-height:1.4}
.comment-actions-bar{display:flex;align-items:center;gap:0;margin-top:0;padding-left:0;position:relative;flex-shrink:0}
.comment-replies,.reply-form-wrapper{width:100%}
.comment-actions-toggle{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:none;border:1px solid rgba(0,0,0,0.1);border-radius:var(--radius-full);cursor:pointer;font-size:var(--fs-base-sm);font-weight:700;color:var(--c-text-light);transition:all 0.2s;line-height:1;padding:0;flex-shrink:0}
.comment-actions-toggle:hover{background:rgba(107,114,128,0.1);color:var(--c-text-tertiary);border-color:var(--c-text-light)}
.comment-actions-toggle.open{background:rgba(107,114,128,0.1);color:var(--c-text-tertiary)}
.comment-actions-inner{display:none;align-items:center;gap:1px;margin-left:4px;animation:fadeInActions 0.15s ease}
.comment-actions-inner.show{display:inline-flex}
@keyframes fadeInActions{from{opacity:0;transform:translateX(-5px)}
to{opacity:1;transform:translateX(0)}
}
.comment-action-btn{display:inline-flex;align-items:center;gap:2px;padding:1px 3px;background:none;border:none;border-radius:var(--radius-xs);cursor:pointer;font-size:var(--fs-sm);font-weight:normal;color:var(--c-text-light);transition:all 0.2s;line-height:1}
.comment-action-btn .eng-icon{display:block;flex-shrink:0}
.comment-action-btn:hover{color:var(--c-text-muted)}
.comment-action-btn.comment-like-btn.active{color:var(--c-primary,#5B2C8A)}
.comment-action-btn.comment-dislike-btn.active{color:var(--c-primary,#5B2C8A)}
.comment-action-btn.comment-reply-btn:hover{color:var(--c-info)}
.comment-action-btn.comment-edit-btn:hover{color:var(--c-text-tertiary)}
.comment-action-btn.comment-delete-btn:hover{color:var(--c-danger-light)}
.comment-edit-form{display:flex;gap:4px;margin-top:4px}
.comment-edit-form input{flex:1;padding:4px 8px;border:1.5px solid rgba(102,126,234,0.3);border-radius:var(--radius-xs);font-size:var(--fs-base-sm);outline:none}
.comment-edit-form input:focus{border-color:var(--c-text-light)}
.comment-edit-form button{padding:4px 10px;border:none;border-radius:var(--radius-xs);font-size:var(--fs-sm);font-weight:normal;cursor:pointer}
.comment-edit-save{background:var(--c-text-tertiary);color:white}
.comment-edit-cancel{background:var(--c-border);color:var(--c-text-muted)}
.comment-eng-count{font-size:var(--fs-sm);min-width:6px;text-align:center}
.comment-time{font-size:var(--fs-xs);color:var(--c-text-light);margin-left:2px}
.comment-replies{margin-top:2px;margin-left:14px;padding-left:6px;border-left:2px solid var(--c-border-dark)}
.comment-replies .comment-replies{margin-left:10px;padding-left:4px}
.comment-replies-flat{margin-left:-20px !important;padding-left:0 !important;border-left:none !important;border-top:1px dashed var(--c-border,#ddd);margin-top:6px;padding-top:4px}
.comment-replies .comment-replies-flat{margin-left:-14px !important}
.comment-replies.collapsed{display:none}
.replies-toggle{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:var(--c-accent-purple,#5B2C8A);font-size:var(--fs-sm);font-weight:600;cursor:pointer;padding:2px 0;margin-top:1px;font-family:var(--font-main);transition:color 0.15s}
.replies-toggle:hover{color:var(--c-primary,#6a1b9a);text-decoration:underline}
.replies-toggle .rt-arrow{font-size:8px;transition:transform 0.2s;display:inline-block}
.replies-toggle.expanded .rt-arrow{transform:rotate(90deg)}
.reply-item{padding:3px 0}
.reply-avatar{width:22px !important;height:22px !important}
.reply-content{padding:5px 8px !important;background:var(--c-bg-light) !important}
.reply-content .comment-author{font-size:var(--fs-sm)}
.reply-content .comment-text{font-size:var(--fs-sm)}
.reply-form-inline{display:flex;align-items:center;gap:4px;margin-top:4px;padding:4px 0}
.reply-form-inline .reply-input{flex:1;padding:5px 10px;border:1px solid var(--c-border-dark);border-radius:var(--radius-xs);font-size:var(--fs-sm);outline:none;transition:all 0.2s}
.reply-form-inline .reply-input:focus{border-color:var(--c-text-light);box-shadow:0 0 0 2px rgba(156,163,175,0.2)}
.reply-form-inline .reply-submit-btn{padding:5px 10px;background:var(--c-text-tertiary);color:white;border:none;border-radius:var(--radius-xs);font-size:var(--fs-sm);font-weight:normal;cursor:pointer;transition:all 0.2s;white-space:nowrap}
.reply-form-inline .reply-submit-btn:hover{background:var(--c-text-secondary)}
.reply-form-inline .reply-cancel-btn{padding:5px 8px;background:var(--c-border);color:var(--c-text-muted);border:none;border-radius:var(--radius-xs);font-size:var(--fs-sm);font-weight:normal;cursor:pointer;transition:all 0.2s}
.comment-form{display:flex;align-items:center;gap:6px;padding-top:6px;border-top:1px solid rgba(0,0,0,0.04)}
.comment-form-avatar{width:28px;height:28px;border-radius:var(--radius-full);flex-shrink:0}
.comment-input{flex:1;padding:7px 10px;border:1px solid var(--c-border-dark);border-radius:var(--radius-xs);font-size:var(--fs-base-sm);outline:none;transition:all 0.2s}
.comment-input:focus{border-color:var(--c-text-light);box-shadow:0 0 0 2px rgba(156,163,175,0.2)}
.comment-submit-btn{padding:7px 12px;background:var(--c-text-tertiary);color:white;border:none;border-radius:var(--radius-xs);font-size:var(--fs-base-sm);font-weight:normal;cursor:pointer;transition:all 0.2s}
.comment-submit-btn:hover{background:var(--c-text-secondary)}
.no-comments{text-align:center;color:var(--c-text-light);font-size:var(--fs-base-sm);padding:6px 0}
.reply-form{display:flex;align-items:center;gap:4px;margin-top:4px;margin-left:8px;padding-left:10px;border-left:2px solid var(--c-border-dark);animation:fadeInUp 0.2s ease}
.reply-input{flex:1;padding:5px 8px;border:1px solid var(--c-border-dark);border-radius:var(--radius-xs);font-size:var(--fs-sm);outline:none;transition:all 0.3s}
.reply-input:focus{border-color:var(--c-text-light);box-shadow:0 0 0 2px rgba(102,126,234,0.1)}
.success-message{color:white;padding:15px 20px;border-radius:var(--radius-xs);margin-bottom:20px;text-align:center;font-weight:normal}
.success-message.msg-red{background:linear-gradient(135deg,var(--c-danger),var(--c-danger-dark))}
.success-message.msg-green{background:linear-gradient(135deg,var(--c-success-green),var(--c-success-green-dark))}
.lightbox{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.95);z-index:10000;justify-content:center;align-items:center;cursor:default}
.lightbox.active{display:flex}
.lightbox-viewport{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}
.lightbox-viewport img{max-width:90%;max-height:90%;border-radius:var(--radius-xs);transition:transform 0.15s ease;cursor:pointer;user-select:none}
.lightbox-close{position:absolute;top:15px;right:25px;color:white;font-size:30px;font-weight:bold;cursor:pointer;z-index:10001}
.lightbox-controls{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:10001}
.lightbox-controls button{width:36px;height:36px;border:none;background:rgba(255,255,255,0.15);color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:0;font-family:inherit}
.lightbox-controls button:hover{background:rgba(255,255,255,0.3)}
.edit-upload-area{border:2px dashed rgba(102,126,234,0.3);border-radius:var(--radius-xs);padding:20px 15px;text-align:center;margin-bottom:12px;background:rgba(102,126,234,0.03);cursor:pointer;transition:all 0.3s}
.edit-upload-area:hover{border-color:var(--c-text-light);background:rgba(102,126,234,0.08)}
.edit-upload-area.dragover{border-color:var(--c-text-light);background:rgba(102,126,234,0.12);border-width:3px}
.edit-new-preview-item{position:relative;border-radius:var(--radius-xs);overflow:hidden;aspect-ratio:1;background:var(--c-bg-muted);border:2px solid rgba(16,185,129,0.3)}
.edit-new-preview-item img,.edit-new-preview-item video{width:100%;height:100%;object-fit:cover}
.edit-new-preview-item .new-badge{position:absolute;bottom:6px;left:6px;background:rgba(16,185,129,0.9);color:white;font-size:var(--fs-xs);font-weight:700;padding:2px 8px;border-radius:var(--radius-xs)}
.edit-new-preview-remove{position:absolute;top:5px;right:5px;background:rgba(239,68,68,0.95);color:white;border:none;border-radius:var(--radius-full);width:26px;height:26px;cursor:pointer;font-size:var(--fs-md);font-weight:bold;display:flex;align-items:center;justify-content:center;transition:all 0.2s;z-index:10}
.edit-new-preview-remove:hover{background:var(--c-danger-hover);transform:scale(1.15)}
.engagement-bar{display:flex;gap:2px;padding:7px 10px;margin:10px -14px 0;border-top:1px solid #e5e7eb;background:linear-gradient(135deg,#ede7f6 0%,#e3f2fd 50%,#ede7f6 100%);flex-wrap:wrap}
.engagement-bar:last-child{margin-bottom:-1px;border-radius:0 0 5px 5px}
.engagement-btn{display:flex !important;align-items:center !important;gap:2px !important;padding:4px 6px !important;border:none !important;border-radius:var(--radius-sm) !important;cursor:pointer !important;font-size:var(--fs-base) !important;font-weight:normal !important;color:var(--c-text-primary) !important;-webkit-text-fill-color:var(--c-text-primary) !important;transition:all 0.2s !important;background:none !important;background-color:transparent !important;box-shadow:none !important;position:relative !important;overflow:visible !important}
.engagement-btn .eng-icon{display:block;flex-shrink:0;transition:all 0.2s}
.engagement-btn span:not(.eng-badge-count):not(.engagement-count):not(.comment-count){font-size:18px !important;line-height:1 !important}
.engagement-btn .engagement-count,.engagement-btn .comment-count{font-size:var(--fs-base-sm);min-width:8px;text-align:center}
.engagement-btn.like-btn,.engagement-btn.dislike-btn,.engagement-btn.forward-btn,.engagement-btn.comment-btn,.engagement-btn.save-btn,.engagement-btn.misleading-btn{color:#6b7280 !important;-webkit-text-fill-color:#6b7280 !important;background:transparent !important}
.engagement-btn.like-btn:hover,.engagement-btn.dislike-btn:hover,.engagement-btn.forward-btn:hover,.engagement-btn.comment-btn:hover,.engagement-btn.save-btn:hover,.engagement-btn.misleading-btn:hover{background:rgba(91,44,138,0.06) !important}
.engagement-btn .eng-icon{stroke:#6b7280}
.engagement-btn.like-btn.active,.engagement-btn.dislike-btn.active,.engagement-btn.save-btn.active{color:var(--c-primary,#5B2C8A) !important;-webkit-text-fill-color:var(--c-primary,#5B2C8A) !important;background:rgba(91,44,138,0.08) !important}
.engagement-btn.like-btn.active .eng-icon,.engagement-btn.dislike-btn.active .eng-icon,.engagement-btn.save-btn.active .eng-icon{stroke:var(--c-primary,#5B2C8A);fill:rgba(91,44,138,0.12)}
.engagement-btn.misleading-btn.active{color:#dc2626 !important;-webkit-text-fill-color:#dc2626 !important}
.engagement-btn.misleading-btn.active .eng-icon{stroke:#dc2626}
.forward-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:99999;justify-content:center;align-items:center}
.forward-overlay.active{display:flex}
.forward-modal{background:white;padding:0;width:90%;max-width:420px;box-shadow:0 20px 60px rgba(0,0,0,0.2);position:relative;max-height:80vh;display:flex;flex-direction:column}
.forward-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--c-border)}
.forward-header h3{margin:0;color:var(--c-text-primary);font-size:var(--fs-xl);font-weight:700}
.forward-modal .forward-close{background:none;border:none;font-size:var(--fs-4xl);cursor:pointer;color:var(--c-text-light);padding:0;line-height:1}
.forward-close:hover{color:var(--c-text-dark)}
.fwd-tabs{display:flex;border-bottom:2px solid var(--c-border)}
.fwd-tab{flex:1;padding:10px 0;text-align:center;font-size:var(--fs-base);font-weight:normal;color:var(--c-text-muted);cursor:pointer;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all 0.2s}
.fwd-tab.active{color:var(--c-accent-purple);border-bottom-color:var(--c-accent-purple)}
.fwd-tab:hover{color:var(--c-accent-purple)}
.fwd-panel{display:none;padding:16px 20px}
.fwd-panel.active{display:block}
.fwd-repost-info{text-align:center;padding:10px 0;color:var(--c-text-secondary);font-size:var(--fs-base);line-height:1.6}
.fwd-repost-preview{background:var(--c-bg-light);border:1px solid var(--c-border);padding:12px;margin:12px 0;font-size:var(--fs-base-sm);color:var(--c-text-muted);max-height:80px;overflow:hidden}
.fwd-repost-preview .fwd-rp-author{font-weight:normal;color:var(--c-text-primary);margin-bottom:4px}
.fwd-repost-btn{display:block;width:100%;padding:5px 10px;background:var(--c-accent-purple);color:var(--c-bg-white);border:none;font-size:12px;font-weight:normal;cursor:pointer;margin-top:12px}
.fwd-repost-btn:hover{background:var(--c-accent-violet)}
.fwd-repost-btn:disabled{background:var(--c-text-light);cursor:not-allowed}
.fwd-conn-search{width:100%;padding:8px 12px;border:1px solid var(--c-border-dark);font-size:var(--fs-base);margin-bottom:10px;box-sizing:border-box;background:var(--c-bg-white)}
.fwd-conn-list{max-height:240px;overflow-y:auto;border:1px solid var(--c-border)}
.fwd-conn-item{display:flex;align-items:center;padding:8px 12px;cursor:default;gap:10px;border-bottom:1px solid var(--c-bg-muted);position:relative}
.fwd-conn-item:last-child{border-bottom:none}
.fwd-conn-item.selected{background:var(--c-violet-bg)}
.fwd-conn-cb{width:16px;height:16px;accent-color:var(--c-accent-purple);cursor:pointer;flex-shrink:0}
.fwd-conn-avatar{width:32px;height:32px;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;cursor:pointer}
.fwd-conn-info{flex:1;min-width:0;cursor:pointer}
.fwd-conn-name{font-size:var(--fs-base);font-weight:normal;color:var(--c-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fwd-conn-hl{font-size:var(--fs-sm);color:var(--c-text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fwd-conn-info:hover .fwd-conn-name{color:var(--c-accent-purple);text-decoration:underline}
.fwd-conn-check-area{position:absolute;top:0;right:0;bottom:0;width:40px;cursor:pointer}
.fwd-conn-empty{text-align:center;padding:30px 10px;color:var(--c-text-light);font-size:var(--fs-base)}
.fwd-send-bar{padding:12px 20px;border-top:1px solid var(--c-border);display:flex;align-items:center;justify-content:space-between}
.fwd-selected-count{font-size:var(--fs-base-sm);color:var(--c-text-muted)}
.fwd-send-btn{padding:5px 10px;background:var(--c-accent-purple);color:var(--c-bg-white);border:none;font-size:12px;font-weight:normal;cursor:pointer;font-weight:normal;cursor:pointer}
.fwd-send-btn:hover{background:var(--c-accent-violet)}
.fwd-send-btn:disabled{background:var(--c-text-light);cursor:not-allowed}
.fwd-msg{text-align:center;padding:8px;font-size:var(--fs-base-sm);display:none;margin:8px 20px 0}
.fwd-msg.success{display:block;background:var(--c-success-bg-vivid);color:var(--c-success-deep)}
.fwd-msg.error{display:block;background:var(--c-danger-bg);color:var(--c-danger-deep)}
.fwd-profile-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);z-index:100001;justify-content:center;align-items:center}
.fwd-profile-overlay.active{display:flex}
.fwd-profile-card{background:var(--c-bg-white);width:90%;max-width:340px;box-shadow:0 12px 40px rgba(0,0,0,0.3);position:relative}
.fwd-profile-banner{height:60px;background:linear-gradient(135deg,var(--c-accent-purple),var(--c-accent-violet))}
.fwd-profile-avatar-wrap{text-align:center;margin-top:-30px}
.fwd-profile-avatar-wrap img{width:60px;height:60px;border-radius:var(--radius-full);border:3px solid var(--c-bg-white);object-fit:cover;background:var(--c-bg-muted)}
.fwd-profile-body{padding:8px 20px 18px;text-align:center}
.fwd-profile-name{font-size:var(--fs-xl);font-weight:700;color:var(--c-text-primary);margin:6px 0 2px}
.fwd-profile-hl{font-size:var(--fs-base-sm);color:var(--c-accent-purple);font-weight:500;margin-bottom:6px}
.fwd-profile-loc{font-size:var(--fs-sm);color:var(--c-text-light);margin-bottom:8px}
.fwd-profile-bio{font-size:var(--fs-base-sm);color:var(--c-text-tertiary);line-height:1.5;margin-bottom:12px;max-height:80px;overflow:hidden}
.fwd-profile-stats{display:flex;justify-content:center;gap:20px;margin-bottom:12px;padding:8px 0;border-top:1px solid var(--c-bg-muted);border-bottom:1px solid var(--c-bg-muted)}
.fwd-profile-stat{text-align:center}
.fwd-profile-stat-num{font-size:var(--fs-lg);font-weight:700;color:var(--c-text-primary)}
.fwd-profile-stat-label{font-size:var(--fs-xs);color:var(--c-text-light)}
.fwd-profile-actions{display:flex;gap:8px;justify-content:center}
.fwd-profile-btn{padding:5px 10px;font-size:12px;font-weight:normal;border:none;cursor:pointer}
.fwd-profile-btn.view{background:var(--c-accent-purple);color:var(--c-bg-white)}
.fwd-profile-btn.view:hover{background:var(--c-accent-violet)}
.fwd-profile-btn.close{background:var(--c-border);color:var(--c-text-secondary)}
.fwd-profile-btn.close:hover{background:var(--c-border-dark)}
.fwd-profile-close{position:absolute;top:6px;right:10px;background:rgba(255,255,255,0.8);border:none;font-size:var(--fs-2xl);cursor:pointer;color:var(--c-bg-white);width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full)}
.fwd-profile-close:hover{background:rgba(255,255,255,1);color:var(--c-text-dark)}
@keyframes postHighlight{0%{box-shadow:0 0 0 3px var(--c-accent-purple);background:var(--c-purple-bg)}
100%{box-shadow:0 1px 3px rgba(0,0,0,0.08);background:var(--c-bg-white)}
}
.post-card.highlighted{animation:postHighlight 3s ease-out forwards}
.conn-page{max-width:700px;margin:0 auto}
.conn-page h2{font-size:var(--fs-3xl);color:var(--c-text-primary);margin:0 0 6px 0}
.conn-header-line{border:none;border-top:3px solid var(--c-text-primary);margin:0 0 20px 0}
.conn-stat{text-align:center}
.conn-tabs{display:flex;gap:2px;margin-bottom:20px;flex-wrap:nowrap;margin-top:18px}
.conn-tab{width:auto !important;text-align:center !important;position:relative !important;border-radius:0 !important}
.conn-tab:hover{background-color:var(--c-btn-hover) !important}
.conn-tab.active{background-color:var(--c-btn-active) !important}
.conn-tab .conn-tab-badge{position:absolute !important;top:-10px !important;left:50% !important;transform:translateX(-50%) !important;min-width:20px !important;height:20px !important;line-height:20px !important;font-size:9px !important;padding:0 5px !important;border-radius:10px !important;font-weight:800 !important;text-align:center !important;box-shadow:0 1px 3px rgba(0,0,0,0.2) !important;color:#fff !important;-webkit-text-fill-color:#fff !important;margin-left:0 !important;pointer-events:none !important;background-image:none !important}
#badge-network{background-color:#2563eb !important}
#badge-received{background-color:#059669 !important}
#badge-sent{background-color:#d97706 !important}
#badge-removed{background-color:#dc2626 !important}
.conn-section{display:none}
.conn-section.active{display:block}
.conn-card{background:rgba(250,248,243,0.95);padding:14px 18px;margin-bottom:8px;border-left:3px solid var(--c-text-muted);display:flex;align-items:center;gap:14px;transition:border-color 0.2s}
.conn-card:hover{border-left-color:var(--c-text-primary)}
.conn-avatar{width:48px;height:48px;border-radius:var(--radius-full);flex-shrink:0;object-fit:cover}
.conn-info{flex:1;min-width:0}
.conn-name{font-size:var(--fs-md);font-weight:700;color:var(--c-text-primary)}
.conn-name a{color:var(--c-text-primary);text-decoration:none}
.conn-name a:hover{text-decoration:underline}
.conn-headline{font-size:var(--fs-base-sm);color:var(--c-text-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.conn-location{font-size:var(--fs-sm);color:var(--c-text-disabled);margin-top:1px}
.conn-time{font-size:var(--fs-sm);color:var(--c-text-hint);margin-top:2px}
.conn-actions{display:flex;gap:6px;flex-shrink:0}
.conn-btn{display:inline-flex !important;align-items:center !important;gap:4px !important;padding:5px 10px !important;border:none !important;border-radius:var(--radius-sm) !important;cursor:pointer !important;font-size:12px !important;font-weight:normal !important;color:var(--c-bg-white) !important;transition:all 0.2s !important;box-shadow:none !important;text-decoration:none;text-align:center;font-family:var(--font-main);-webkit-text-fill-color:white !important}
.conn-btn-accept{background-color:var(--c-success)}
.conn-btn-accept:hover{background-color:var(--c-success-green-alt)}
.conn-btn-decline{background-color:var(--c-danger)}
.conn-btn-decline:hover{background-color:var(--c-danger-dark)}
.conn-btn-cancel{background-color:var(--c-warning) !important}
.conn-btn-cancel:hover{background-color:var(--c-amber) !important}
.conn-btn-remove{background-color:var(--c-btn)}
.conn-btn-remove:hover{background-color:var(--c-text-dim)}
.conn-btn-profile{background-color:var(--c-text-muted)}
.conn-btn-profile:hover{background-color:var(--c-text-mid)}
.conn-btn-following{background-color:var(--c-accent-purple,#7c3aed)}
.conn-search{width:100%;padding:8px 12px;border:1px solid var(--c-border-input);font-size:var(--fs-base);outline:none;margin-bottom:15px;box-sizing:border-box;font-family:var(--font-main);background:rgba(250,248,243,0.95)}
.conn-search:focus{border-color:var(--c-text-faded)}
.conn-empty{text-align:center;padding:40px 20px;color:var(--c-text-placeholder);font-size:var(--fs-base);font-style:italic}
.conn-modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:9999;justify-content:center;align-items:center}
.conn-modal-overlay.active{display:flex}
.conn-modal{background:white;padding:24px;max-width:340px;width:90%;box-shadow:0 8px 30px rgba(0,0,0,0.2);text-align:center}
.conn-modal-msg{font-size:14px;color:var(--c-text-secondary);font-weight:500;margin-bottom:18px;line-height:1.5}
.conn-modal-btns{display:flex;gap:10px;justify-content:center}
.conn-modal-btn{padding:8px 24px !important;font-size:13px !important;font-weight:700 !important;border:none !important;cursor:pointer !important;border-radius:0 !important;box-shadow:none !important;font-family:inherit !important}
.conn-modal-btn.yes{background:var(--c-danger) !important;color:white !important}
.conn-modal-btn.yes:hover{background:var(--c-danger-dark) !important}
.conn-modal-btn.no{background:var(--c-border) !important;color:var(--c-text-secondary) !important}
.conn-modal-btn.no:hover{background:var(--c-border-dark) !important}
.msg-container{display:flex;border:1px solid var(--c-border);background:var(--c-bg-white);min-height:500px;max-height:600px}
.msg-sidebar{width:240px;border-right:1px solid var(--c-border);display:flex;flex-direction:column}
.msg-sidebar-header{background:var(--c-accent-purple);color:white;padding:10px 14px;font-weight:700;font-size:14px}
.msg-search{width:100%;padding:8px 10px;border:none;border-bottom:1px solid var(--c-border);font-size:12px;font-family:inherit;box-sizing:border-box;outline:none}
.msg-contacts{flex:1;overflow-y:auto}
.msg-contact{display:flex;align-items:center;padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--c-bg-muted);gap:8px;transition:background 0.15s}
.msg-contact:hover{background:var(--c-bg-light)}
.msg-contact.active{background:var(--c-violet-bg)}
.msg-contact-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}
.msg-contact-info{flex:1;min-width:0}
.msg-contact-name{font-size:13px;font-weight:normal;color:var(--c-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msg-contact-preview{font-size:12px;color:var(--c-text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msg-contact-meta{text-align:right;flex-shrink:0}
.msg-contact-time{font-size:10px;color:var(--c-text-light)}
.msg-unread-badge{background:var(--c-danger);color:white;font-size:9px;padding:1px 5px;border-radius:0;font-weight:700;display:inline-block;margin-top:2px}
.msg-no-convos{padding:30px 14px;text-align:center;color:var(--c-text-light);font-size:13px;font-style:italic}
.msg-chat{flex:1;display:flex;flex-direction:column}
.msg-chat-header{display:flex;align-items:center;padding:10px 14px;border-bottom:1px solid var(--c-border);gap:8px;background:var(--c-bg-light)}
.msg-chat-header img{width:32px;height:32px;border-radius:50%;object-fit:cover}
.msg-chat-header-name{font-size:14px;font-weight:normal;color:var(--c-text-primary)}
.msg-chat-body{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:6px}
.msg-bubble{max-width:70%;padding:8px 12px;font-size:13px;line-height:1.5;word-wrap:break-word}
.msg-bubble.mine{background:var(--c-accent-purple);color:white;align-self:flex-end;border-radius:0}
.msg-bubble.theirs{background:var(--c-bg-muted);color:var(--c-text-primary);align-self:flex-start;border-radius:0}
.msg-bubble-time{font-size:9px;opacity:0.7;margin-top:2px}
.msg-receipt{font-size:10px;margin-left:3px;opacity:0.6;letter-spacing:-2px}
.msg-receipt.read{color:#34d399;opacity:1}
.msg-online-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#9ca3af;margin-left:6px;vertical-align:middle}
.msg-online-dot.online{background:#10b981;box-shadow:0 0 4px #10b981}
.typing-dots span{animation:typingBounce 1.4s infinite;display:inline-block;font-size:16px;line-height:1}
.typing-dots span:nth-child(2){animation-delay:0.2s}
.typing-dots span:nth-child(3){animation-delay:0.4s}
@keyframes typingBounce{0%,60%,100%{transform:translateY(0)}
30%{transform:translateY(-4px)}
}
.msg-search-results{position:absolute;top:100%;left:0;right:0;background:var(--c-bg-white,#fff);border:1px solid var(--c-border,#e5e7eb);max-height:250px;overflow-y:auto;z-index:10;box-shadow:0 4px 12px rgba(0,0,0,0.15)}
.msg-search-result{display:flex;align-items:center;gap:8px;padding:6px 10px;cursor:pointer;font-size:11px;border-bottom:1px solid var(--c-border,#f0f0f0)}
.msg-search-result:hover{background:var(--c-bg-muted,#f5f5f5)}
.msg-search-result img{width:28px;height:28px;border-radius:50%}
.msg-search-result-text{flex:1}
.msg-search-result-name{font-weight:600;font-size:11px}
.msg-search-result-preview{font-size:10px;color:var(--c-text-muted,#999)}
.msg-chat-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--c-text-light);font-size:13px;font-style:italic}
.msg-chat-input{display:flex;padding:10px;border-top:1px solid var(--c-border);gap:8px}
.msg-chat-input input{flex:1;padding:8px 12px;border:1px solid var(--c-border-input);font-size:13px;font-family:inherit;outline:none;box-sizing:border-box}
.msg-chat-input input:focus{border-color:var(--c-accent-purple)}
.msg-chat-input button{padding:5px 10px !important;font-size:12px !important}
.msg-select-placeholder{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--c-text-light)}
.msg-select-placeholder .icon{font-size:40px;margin-bottom:8px}
#engagements-page h2{font-size:var(--fs-3xl);font-weight:700;color:var(--c-text-primary);margin-bottom:5px}
#engagements-page hr{border:none;border-top:3px solid var(--c-accent-purple);margin-bottom:15px}
#engagements-page .eng-tabs{display:flex;gap:2px;margin-bottom:20px;flex-wrap:nowrap;margin-top:18px}
#engagements-page .eng-tabs>button.eng-tab{width:auto !important;text-align:center !important;position:relative !important;border-radius:0 !important}
#engagements-page .eng-tabs>button.eng-tab:hover{background-color:var(--c-btn-hover) !important}
#engagements-page .eng-tabs>button.eng-tab.active{background-color:var(--c-btn-active) !important;color:var(--c-bg-white) !important;-webkit-text-fill-color:white !important}
#engagements-page .eng-tab .eng-badge{position:absolute !important;top:-10px !important;left:50% !important;transform:translateX(-50%) !important;min-width:18px !important;height:18px !important;line-height:18px !important;font-size:8px !important;padding:0 4px !important;border-radius:9px !important;font-weight:800 !important;text-align:center !important;box-shadow:0 1px 3px rgba(0,0,0,0.2) !important;color:#fff !important;-webkit-text-fill-color:#fff !important;margin-left:0 !important;pointer-events:none !important;background:#7f8c8d !important}
#engagements-page .eng-tab[data-tab="my_posts"] .eng-badge{background:var(--c-accent-purple) !important}
#engagements-page .eng-tab[data-tab="liked"] .eng-badge{background:#27ae60 !important}
#engagements-page .eng-tab[data-tab="disliked"] .eng-badge{background:#e67e22 !important}
#engagements-page .eng-tab[data-tab="forwarded"] .eng-badge{background:#2980b9 !important}
#engagements-page .eng-tab[data-tab="commented"] .eng-badge{background:#7f8c8d !important}
#engagements-page .eng-tab[data-tab="saved"] .eng-badge{background:#e74c3c !important}
.eng-section{display:none}
.eng-section.active{display:block}
.eng-empty{text-align:center;padding:30px;color:var(--c-text-disabled);font-size:var(--fs-md)}
#engagements-page .post-card{background:var(--c-bg-white);border-radius:var(--radius-xs);padding:14px;margin-bottom:10px;box-shadow:0 1px 3px rgba(0,0,0,0.08);border:1px solid var(--c-border);transition:all 0.2s}
#engagements-page .post-card:hover{box-shadow:0 2px 6px rgba(0,0,0,0.1);border-color:var(--c-border-dark)}
#engagements-page .post-header{display:flex;align-items:center;margin-bottom:8px;position:relative}
#engagements-page .post-avatar{width:40px;height:40px;border-radius:50%;margin-right:10px;object-fit:cover;border:2px solid var(--c-border-dark)}
#engagements-page .post-author-info{flex:1}
#engagements-page .post-author-name{font-weight:700;font-size:var(--fs-lg);color:var(--c-text-primary)}
#engagements-page .post-timestamp{font-size:var(--fs-base-sm);color:var(--c-text-light);margin-top:2px}
#engagements-page .post-actions-menu{position:relative}
#engagements-page .post-menu-btn{background:var(--c-bg-input-alt)!important;border:1px solid var(--c-border-input)!important;font-size:18px!important;cursor:pointer!important;color:var(--c-text-mid)!important;padding:2px 10px!important;border-radius:0!important;box-shadow:none!important;font-weight:bold!important;line-height:1!important;-webkit-text-fill-color:var(--c-text-mid)!important}
#engagements-page .post-menu-btn:hover{background:var(--c-border-light)!important;color:var(--c-text-dark)!important;-webkit-text-fill-color:var(--c-text-dark)!important}
#engagements-page .post-dropdown{display:none;position:absolute;right:0;top:100%;background:var(--c-text-mid)!important;z-index:10;min-width:auto!important;box-shadow:0 4px 12px rgba(0,0,0,0.15);padding:2px 0!important;border:none!important}
#engagements-page .post-dropdown.show{display:block}
#engagements-page .dropdown-item{display:block!important;width:100%!important;padding:4px 10px!important;border:none!important;background:none!important;cursor:pointer!important;text-align:center!important;font-size:14px!important;border-radius:0!important;box-shadow:none!important;color:var(--c-bg-white)!important;-webkit-text-fill-color:var(--c-bg-white)!important;white-space:nowrap!important;line-height:1.2!important}
#engagements-page .dropdown-item:hover{background:var(--c-text-body)!important}
#engagements-page .dropdown-item.delete{color:var(--c-danger-border)!important;-webkit-text-fill-color:var(--c-danger-border)!important}
#engagements-page .dropdown-item.delete:hover{background:var(--c-danger-text-dark)!important}
#engagements-page .post-content-full{color:var(--c-text-tertiary);font-size:var(--fs-md);line-height:1.6;margin-bottom:6px;white-space:pre-wrap}
#engagements-page .post-text-toggle{color:var(--c-text-muted);font-size:var(--fs-base-sm);cursor:pointer;padding:2px 0;user-select:none;margin-top:4px}
#engagements-page .post-text-toggle:hover{color:var(--c-text-secondary)}
#engagements-page .post-text-body{display:none;color:var(--c-text-tertiary);font-size:var(--fs-base);line-height:1.5;white-space:pre-wrap;padding:2px 0 4px 0;word-break:break-word}
#engagements-page .post-text-body.show{display:block}
#engagements-page .post-media{margin:8px 0;border-radius:var(--post-media-radius);overflow:hidden}
#engagements-page .post-media-grid{display:grid;gap:var(--post-media-gap)}
#engagements-page .post-media-grid.single{grid-template-columns:1fr}
#engagements-page .post-media-grid.double{grid-template-columns:repeat(2,1fr)}
#engagements-page .post-media-grid.multiple{grid-template-columns:repeat(3,1fr)}
#engagements-page .post-media-grid.single .post-media-item{width:100%}
#engagements-page .post-media-grid.double .post-media-item,#engagements-page .post-media-grid.multiple .post-media-item{aspect-ratio:1/1}
#engagements-page .post-media-item{position:relative;border-radius:var(--post-media-radius);overflow:hidden;background:#fff;padding:0 10px 10px 10px}
#engagements-page .post-media-item img{width:100%;height:auto;max-height:350px;object-fit:contain;display:block;cursor:pointer}
#engagements-page .post-media-item video{max-width:100%;max-height:220px;object-fit:contain;display:block}
#engagements-page .comments-section{border-top:1px solid var(--c-bg-muted);padding-top:10px;margin-top:6px}
#engagements-page .comments-list{max-height:320px;overflow:auto}
#engagements-page .comment-form{display:flex;gap:8px;align-items:center;padding:8px 14px}
#engagements-page .comment-form-avatar{width:30px;height:30px;border-radius:50%}
#engagements-page .comment-input{flex:1!important;padding:6px 10px!important;border:1px solid var(--c-border-dark)!important;font-size:13px!important;font-family:inherit!important;outline:none!important;border-radius:0!important;box-shadow:none!important}
#engagements-page .comment-submit-btn{padding:5px 10px!important;background:var(--c-accent-purple)!important;color:white!important;border:none!important;cursor:pointer!important;font-size:12px!important;font-weight:normal!important;border-radius:0!important;box-shadow:none!important}
#engagements-page .edit-form{display:none;margin-bottom:10px}
#engagements-page .edit-form.active{display:block}
#engagements-page .edit-textarea{width:100%!important;min-height:60px;padding:8px!important;border:1px solid var(--c-border-dark)!important;font-size:13px!important;font-family:inherit!important;resize:vertical;margin-bottom:8px;border-radius:0!important;box-shadow:none!important}
#engagements-page .edit-actions{display:flex;gap:8px}
#engagements-page .edit-save-btn,#engagements-page .edit-cancel-btn{padding:5px 10px!important;border:none!important;font-size:12px!important;font-weight:normal!important;cursor:pointer!important;border-radius:0!important;box-shadow:none!important}
#engagements-page .edit-save-btn{background:linear-gradient(135deg,var(--c-success-vivid),var(--c-success-dark))!important;color:white!important}
#engagements-page .edit-cancel-btn{background:var(--c-border)!important;color:var(--c-text-tertiary)!important}
.fwd-badge{margin-left:auto;font-size:10px;color:var(--c-text-light);background:var(--c-bg-muted);padding:2px 8px;border-radius:0;display:inline-flex;align-items:center;gap:3px;white-space:nowrap;align-self:flex-start}
.fwd-badge img{width:14px;height:14px;border-radius:50%;object-fit:cover}
#engagements-page .repost-label{display:inline;font-size:12px;color:var(--c-text-light);font-weight:400;padding:0 0 0 14px}
#engagements-page .repost-card-header{display:inline-flex;align-items:center;gap:6px;padding:0 14px 0 4px}
#engagements-page .repost-card-avatar{width:18px;height:18px;border-radius:50%;object-fit:cover}
#engagements-page .repost-card-author{font-size:12px;font-weight:normal;color:var(--c-text-primary)}
#engagements-page .repost-card-date{font-size:12px;color:var(--c-text-light)}
.sv-page{max-width:700px;margin:0 auto}
.sv-page h2{font-size:var(--fs-3xl);color:var(--c-text-primary);margin:0 0 6px 0}
.sv-header-line{border:none;border-top:3px solid var(--c-text-primary);margin:0 0 15px 0}
.sv-count{font-size:var(--fs-base-sm);color:var(--c-text-faded);margin-bottom:18px}
.sv-card{background:var(--c-bg-white);border:1px solid var(--c-border);margin-bottom:12px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,0.06);transition:opacity 0.3s}
.sv-card-top{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.sv-avatar{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0}
.sv-author{flex:1;min-width:0}
.sv-author-name{font-size:var(--fs-base);font-weight:700;color:var(--c-text-primary)}
.sv-author-name a{color:var(--c-text-primary);text-decoration:none}
.sv-author-name a:hover{text-decoration:underline}
.sv-time{font-size:var(--fs-xs);color:var(--c-text-disabled)}
.sv-saved-time{font-size:var(--fs-xs);color:var(--c-primary)}
.sv-unsave{background:none;border:none;font-size:var(--fs-2xl);cursor:pointer;padding:2px 6px;opacity:0.6;transition:opacity 0.2s;flex-shrink:0;title:"Unsave"}
.sv-unsave:hover{opacity:1}
.sv-content{font-size:var(--fs-base);line-height:1.6;color:var(--c-text-secondary);margin-bottom:10px;word-wrap:break-word}
.sv-media{margin-bottom:8px;border-radius:var(--radius-md);overflow:hidden}
.sv-media img{width:100%;max-height:350px;object-fit:cover;display:block}
.sv-media video{width:100%;max-height:350px;display:block}
.sv-media-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px}
.sv-media-grid img,.sv-media-grid video{width:100%;height:180px;object-fit:cover}
.sv-footer{display:flex;align-items:center;gap:12px;padding-top:8px;border-top:1px solid rgba(0,0,0,0.06)}
.sv-footer-btn{background:none;border:none;font-size:var(--fs-base-sm);color:var(--c-text-muted);cursor:pointer;padding:4px 8px;transition:color 0.2s;font-family:var(--font-main)}
.sv-footer-btn:hover{color:var(--c-text-primary)}
.sv-empty{text-align:center;padding:50px 20px;color:var(--c-text-placeholder);font-size:var(--fs-base);font-style:italic}
.jobs-page h2{font-size:18px;font-weight:700;color:var(--c-text-primary);margin-bottom:5px}
.jobs-page hr{border:none;border-top:3px solid var(--c-accent-purple);margin-bottom:15px}
.jobs-tabs{display:flex;gap:1px;margin-bottom:20px;flex-wrap:nowrap;margin-top:18px}
.jobs-tab{width:auto !important;text-align:center !important;position:relative !important;border-radius:0 !important}
.jobs-tab:hover{background-color:var(--c-btn-hover) !important}
.jobs-tab.active{background-color:var(--c-btn-active) !important}
.jobs-tab .jobs-badge{position:absolute !important;top:-10px !important;left:50% !important;transform:translateX(-50%) !important;min-width:18px !important;height:18px !important;line-height:18px !important;font-size:8px !important;padding:0 4px !important;border-radius:9px !important;font-weight:800 !important;text-align:center !important;box-shadow:0 1px 3px rgba(0,0,0,0.2) !important;color:#fff !important;-webkit-text-fill-color:#fff !important;pointer-events:none !important;background-image:none !important}
#badge-recommended{background-color:#2563eb !important}
#badge-invites{background-color:#7c3aed !important}
#badge-applied{background-color:#059669 !important}
#badge-withdrawn{background-color:#d97706 !important}
#badge-rejected{background-color:#dc2626 !important}
#badge-declined{background-color:#ea580c !important}
#badge-saved{background-color:#0891b2 !important}
.save-icon{background:#f3f4f6!important;border:1px solid #d1d5db!important;color:#6b7280!important;font-size:16px;padding:4px 10px!important;cursor:pointer;line-height:1;min-width:auto!important;-webkit-text-fill-color:#6b7280!important;transition:all 0.2s}
.save-icon:hover{background:#fef3c7!important;color:#d97706!important;border-color:#f59e0b!important;-webkit-text-fill-color:#d97706!important}
.save-icon.saved{background:#f59e0b!important;color:#fff!important;border-color:#d97706!important;-webkit-text-fill-color:#fff!important}
.unsave-btn{background:#6b7280!important;font-size:12px!important;padding:3px 10px!important}
.unsave-btn:hover{background:#4b5563!important}
.fjd-save-btn{background:#f3f4f6!important;color:#6b7280!important;border:1px solid #d1d5db!important;font-size:12px!important;-webkit-text-fill-color:#6b7280!important}
.fjd-save-btn:hover{background:#fef3c7!important;color:#d97706!important;-webkit-text-fill-color:#d97706!important}
.fjd-save-btn.saved{background:#f59e0b!important;color:#fff!important;border-color:#d97706!important;-webkit-text-fill-color:#fff!important}
.jobs-section{display:none}
.jobs-section.active{display:block}
.jobs-search{width:100%;padding:8px 12px;border:1px solid var(--c-border-input);font-size:13px;margin-bottom:15px;font-family:inherit;box-sizing:border-box}
.job-card{border:1px solid var(--c-border);padding:15px;margin-bottom:10px;background:var(--c-bg-white);transition:border-color 0.2s}
.job-card:hover{border-color:var(--c-accent-purple)}
.job-title{font-size:15px;font-weight:700;color:var(--c-text-primary);margin-bottom:4px}
.job-company{font-size:13px;color:var(--c-accent-purple);font-weight:normal;margin-bottom:3px}
.job-location{font-size:12px;color:var(--c-text-light);margin-bottom:3px}
.job-salary{font-size:12px;color:var(--c-success-vivid);font-weight:normal;margin-bottom:6px}
.job-desc{font-size:12px;color:var(--c-text-tertiary);line-height:1.5;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.job-date{font-size:12px;color:var(--c-text-light)}
.job-status{font-size:12px;font-weight:700;padding:2px 8px;display:inline-block;margin-top:4px}
.job-status.new,.job-status.applied{background:var(--c-info-bg);color:var(--c-info-dark)}
.job-status.screening{background:var(--c-warning-bg);color:var(--c-warning-dark)}
.job-status.interview{background:var(--c-success-bg-vivid);color:var(--c-success-dark)}
.job-status.offered{background:var(--c-info-border);color:var(--c-accent-indigo-dark)}
.job-status.invited{background:var(--c-warning-bg);color:var(--c-warning-dark)}
.job-status.withdrawn{background:var(--c-bg-muted);color:var(--c-text-muted)}
.job-status.rejected{background:var(--c-danger-bg);color:var(--c-danger-hover)}
.job-status.declined{background:var(--c-bg-muted);color:var(--c-text-muted)}
.job-tags{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:6px}
.job-tag{font-size:var(--tag-size,10px);padding:2px 6px;background:var(--tag-bg,var(--c-bg-muted));color:var(--tag-color,var(--c-text-tertiary));border-radius:var(--tag-radius,0px)}
.jobs-empty{text-align:center;padding:40px 20px;color:var(--c-text-light);font-size:13px;font-style:italic}
.job-card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid var(--c-bg-muted)}
.job-card-actions{display:flex;gap:6px;align-items:center}
.job-btn{padding:5px 14px;font-size:12px;border:none;cursor:pointer;font-family:inherit;color:white !important;-webkit-text-fill-color:white !important;transition:background 0.2s}
.job-btn.apply-btn{background:var(--c-success) !important}
.job-btn.apply-btn:hover{background:var(--c-success-hover) !important}
.job-btn.withdraw-btn{background:var(--c-danger) !important}
.job-btn.withdraw-btn:hover{background:var(--c-danger-dark) !important}
.job-btn.accept-btn{background:var(--c-success) !important}
.job-btn.accept-btn:hover{background:var(--c-success-hover) !important}
.job-btn.decline-btn{background:var(--c-danger) !important}
.job-btn.decline-btn:hover{background:var(--c-danger-dark) !important}
.job-btn.reapply-btn{background:var(--c-accent-purple) !important}
.job-btn.reapply-btn:hover{background:var(--c-accent-violet) !important}
.job-btn.disabled-btn{background:var(--c-border-input) !important;cursor:default !important}
.job-invite-label{font-size:12px;color:var(--c-warning-dark);font-weight:normal;margin-bottom:6px}
.jd-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:99999;justify-content:center;align-items:center}
.jd-overlay.active{display:flex}
.jd-dialog{background:var(--c-bg-white);width:380px;max-width:90vw;box-shadow:0 8px 32px rgba(0,0,0,0.25);animation:jdSlide 0.2s ease}
@keyframes jdSlide{from{opacity:0;transform:translateY(-20px)}
to{opacity:1;transform:translateY(0)}
}
.jd-header{padding:14px 20px;display:flex;align-items:center;gap:10px}
.jd-header.green{background:linear-gradient(135deg,var(--c-success),var(--c-success-green-alt))}
.jd-header.red{background:linear-gradient(135deg,var(--c-danger),var(--c-danger-dark))}
.jd-header.purple{background:linear-gradient(135deg,var(--c-primary),var(--c-primary-dark))}
.jd-icon{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;font-size:15px}
.jd-title{color:var(--c-bg-white);font-size:15px;font-weight:700}
.jd-body{padding:20px}
.jd-msg{font-size:14px;color:var(--c-text-dark);line-height:1.6;margin-bottom:6px}
.jd-sub{font-size:12px;color:var(--c-text-muted);line-height:1.5}
.jd-footer{padding:12px 20px;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--c-border)}
.jd-btn{padding:5px 10px;font-size:12px;font-weight:normal;border:none;cursor:pointer;font-family:inherit}
.jd-btn.cancel{background:var(--c-border);color:var(--c-text-tertiary)}
.jd-btn.cancel:hover{background:var(--c-border-dark)}
.jd-btn.green{background:var(--c-success);color:var(--c-bg-white)}
.jd-btn.green:hover{background:var(--c-success-hover)}
.jd-btn.red{background:var(--c-danger);color:var(--c-bg-white)}
.jd-btn.red:hover{background:var(--c-danger-dark)}
.jd-btn.purple{background:var(--c-accent-purple);color:var(--c-bg-white)}
.jd-btn.purple:hover{background:var(--c-accent-violet)}
.jd-btn.ok{background:var(--c-accent-purple);color:var(--c-bg-white)}
.jd-btn.ok:hover{background:var(--c-accent-violet)}
.job-card{cursor:pointer}
.fjd-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:99998;justify-content:center;align-items:flex-start;padding:30px 20px;overflow-y:auto}
.fjd-overlay.active{display:flex}
.fjd-modal{background:var(--c-bg-white);width:100%;max-width:680px;max-height:85vh;overflow-y:auto;position:relative;margin:auto}
.fjd-close{position:absolute;top:10px;right:14px;font-size:20px;cursor:pointer;color:var(--c-text-placeholder);background:none !important;border:none !important;padding:4px 8px !important;z-index:2}
.fjd-close:hover{color:var(--c-text-dark)}
.fjd-header{padding:20px 24px 16px;border-bottom:1px solid var(--c-border)}
.fjd-title{font-size:20px;font-weight:700;color:var(--c-text-primary);margin-bottom:4px}
.fjd-company{font-size:14px;color:var(--c-accent-purple);font-weight:normal;margin-bottom:4px}
.fjd-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.fjd-meta-item{font-size:12px;padding:3px 10px;background:var(--c-bg-muted);color:var(--c-text-tertiary)}
.fjd-meta-item.salary{background:var(--c-success-bg-vivid);color:var(--c-success-dark);font-weight:normal}
.fjd-meta-item.location{color:var(--c-text-muted)}
.fjd-status-row{display:flex;align-items:center;gap:8px;margin-top:6px}
.fjd-actions{padding:14px 24px;border-bottom:1px solid var(--c-border);background:var(--c-bg-ghost);display:flex;gap:8px;flex-wrap:wrap}
.fjd-actions .job-btn{padding:5px 10px !important;font-size:12px !important}
.fjd-body{padding:20px 24px}
.fjd-section{margin-bottom:18px}
.fjd-section-title{font-size:12px;font-weight:700;color:var(--c-accent-purple);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid var(--c-bg-muted)}
.fjd-section-text{font-size:13px;color:var(--c-text-secondary);line-height:1.7;white-space:pre-wrap}
.fjd-footer{padding:12px 24px;border-top:1px solid var(--c-border);background:var(--c-bg-light);font-size:12px;color:var(--c-text-light)}
.fjd-msg{padding:8px 16px;font-size:12px;margin:0 24px 10px;display:none}
.fjd-msg.success{display:block;background:var(--c-success-bg-vivid);color:var(--c-success-deep)}
.fjd-msg.error{display:block;background:var(--c-danger-bg);color:var(--c-danger-deep)}
.job-match{display:inline-block;font-size:10px;font-weight:700;padding:2px 8px;margin-left:8px;vertical-align:middle}
.job-match.high{background:var(--c-success-bg-vivid);color:var(--c-success-dark)}
.job-match.medium{background:var(--c-info-bg);color:var(--c-info)}
.job-match.low{background:var(--c-warning-bg);color:var(--c-warning-dark)}
.js-page h2{font-size:18px;font-weight:700;color:var(--c-text-primary);margin-bottom:5px}
.js-page hr{border:none;border-top:3px solid var(--c-accent-purple);margin-bottom:16px}
.js-search-wrapper{background:var(--c-bg-muted);padding:10px;margin-bottom:12px}
.js-search-wrapper .js-row1,.js-search-wrapper .js-row2{display:flex !important;flex-direction:row !important;gap:6px !important;align-items:center !important;flex-wrap:nowrap !important;width:100% !important}
.js-search-wrapper .js-row1{margin-bottom:6px}
.js-search-wrapper .js-row1 input[type="text"]{flex:1 !important;min-width:80px !important;height:30px !important;padding:6px 8px !important;border:1px solid var(--c-border-dark) !important;font-size:12px !important;background:var(--c-bg-white) !important;box-sizing:border-box !important;display:inline-block !important;width:auto !important;margin:0 !important}
.js-search-wrapper .js-row2 select{flex:1 !important;height:30px !important;padding:4px 6px !important;border:1px solid var(--c-border-dark) !important;font-size:12px !important;background:var(--c-bg-white) !important;box-sizing:border-box !important;display:inline-block !important;width:auto !important;min-width:0 !important;max-width:none !important;margin:0 !important;-webkit-appearance:auto !important;appearance:auto !important}
.js-search-wrapper .js-search-btn{flex:none !important;padding:5px 10px !important;background:var(--c-accent-purple) !important;color:var(--c-bg-white) !important;border:none !important;font-size:12px !important;font-weight:700 !important;cursor:pointer !important;-webkit-text-fill-color:white !important;white-space:nowrap !important;height:30px !important;line-height:1 !important;width:auto !important;display:inline-block !important}
.js-search-wrapper .js-search-btn:hover{background:var(--c-accent-violet) !important}
.js-search-wrapper .js-clear-btn{font-size:10px !important;color:var(--c-accent-purple) !important;cursor:pointer !important;text-decoration:underline !important;background:none !important;border:none !important;white-space:nowrap !important;height:auto !important;padding:0 !important;width:auto !important;display:inline-block !important}
.js-result-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.js-result-row select{height:26px !important;padding:2px 6px !important;font-size:12px !important;width:auto !important;display:inline-block !important}
.js-result-count{font-size:12px;color:var(--c-text-muted)}
.js-card{border:1px solid var(--c-border);padding:16px;margin-bottom:10px;background:var(--c-bg-white);transition:border-color 0.2s}
.js-card:hover{border-color:var(--c-accent-purple)}
.js-card-top{display:flex;justify-content:space-between;align-items:flex-start}
.js-card-title{font-size:15px;font-weight:700;color:var(--c-text-primary);margin:0 0 2px 0;cursor:pointer}
.js-card-title:hover{color:var(--c-accent-purple);text-decoration:underline}
.js-card-company{font-size:12px;color:var(--c-accent-purple);font-weight:normal}
.js-card-location{font-size:12px;color:var(--c-text-muted);margin-top:2px}
.js-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.js-tag{font-size:10px;padding:3px 8px;background:var(--c-bg-muted);color:var(--c-text-tertiary);font-weight:500}
.js-tag.type{background:var(--c-violet-bg);color:var(--c-accent-purple)}
.js-tag.mode{background:var(--c-info-bg);color:var(--c-info-dark)}
.js-tag.salary{background:var(--c-success-bg-vivid);color:var(--c-success-deep)}
.js-tag.exp{background:var(--c-warning-bg);color:var(--c-warning-dark)}
.js-card-desc{font-size:12px;color:var(--c-text-muted);margin-top:8px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.js-card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:8px;border-top:1px solid var(--c-bg-muted)}
.js-card-time{font-size:12px;color:var(--c-text-light)}
.js-card-actions{display:flex;gap:6px}
.js-apply-btn{padding:5px 10px !important;font-size:12px !important;background:var(--c-accent-purple) !important;color:white !important;border:none !important;cursor:pointer !important;-webkit-text-fill-color:white !important}
.js-apply-btn:hover{background:var(--c-accent-violet) !important}
.js-apply-btn.applied{background:var(--c-success) !important;cursor:default !important}
.js-apply-btn.applied:hover{background:var(--c-success) !important}
.js-view-btn{padding:5px 10px !important;font-size:12px !important;background:var(--c-btn) !important;color:white !important;border:none !important;cursor:pointer !important;-webkit-text-fill-color:white !important}
.js-view-btn:hover{background:var(--c-text-dim) !important}
.js-deadline{font-size:10px;color:var(--c-danger)}
.js-no-results{text-align:center;padding:40px 20px;color:var(--c-text-light)}
.js-no-results .icon{font-size:40px;margin-bottom:10px}
.js-modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:9999;justify-content:center;align-items:center}
.js-modal-overlay.active{display:flex}
.js-modal{background:var(--c-bg-white);width:90%;max-width:650px;max-height:80vh;overflow-y:auto;padding:24px;position:relative}
.js-modal-close{position:absolute;top:10px;right:14px;font-size:20px;cursor:pointer;color:var(--c-text-muted);background:none;border:none}
.js-modal h3{font-size:18px;font-weight:700;color:var(--c-text-primary);margin:0 0 4px 0}
.js-modal-company{font-size:13px;color:var(--c-accent-purple);font-weight:normal}
.js-modal-meta{font-size:12px;color:var(--c-text-muted);margin:6px 0 12px 0}
.js-modal-section{margin-bottom:14px}
.js-modal-section-title{font-size:13px;font-weight:700;color:var(--c-text-primary);margin-bottom:6px;border-bottom:1px solid var(--c-border);padding-bottom:3px}
.js-modal-text{font-size:13px;color:var(--c-text-tertiary);line-height:1.6;white-space:pre-line}
.js-modal-apply-row{margin-top:16px;padding-top:12px;border-top:2px solid var(--c-border);display:flex;gap:10px;align-items:center}
.company-page h2{font-size:var(--fs-2xl);font-weight:700;color:var(--c-text-primary);margin-bottom:5px}
.company-page hr{border:none;border-top:3px solid var(--c-accent-purple);margin-bottom:20px}
.company-coming-soon{text-align:center;padding:60px 20px;color:var(--c-text-light)}
.company-coming-soon .icon{font-size:var(--fs-hero-xl);margin-bottom:15px}
.company-coming-soon h3{font-size:var(--fs-xl);color:var(--c-text-tertiary);margin-bottom:8px}
.company-coming-soon p{font-size:var(--fs-base)}
.reg-tab{width:auto !important;text-align:center !important;position:relative !important;border-radius:0 !important}
.reg-tab:hover{background-color:var(--c-btn-hover) !important}
.reg-tab.active{background-color:var(--c-btn-active) !important}
.reg-section{display:none}
.reg-section.active{display:block}
.reg-form-section{margin-bottom:20px}
.reg-form-section-title{font-size:var(--fs-md);font-weight:700;color:var(--c-accent-purple);margin-bottom:10px;padding-bottom:4px;border-bottom:1px solid var(--c-border)}
.reg-row{display:flex;gap:12px;margin-bottom:10px}
.reg-row>div{flex:1}
.reg-label{display:block;font-size:var(--fs-sm);font-weight:normal;color:var(--c-text-tertiary);margin-bottom:3px;text-transform:uppercase;letter-spacing:0.5px}
.reg-label .req{color:var(--c-danger)}
.reg-input,.reg-select,.reg-textarea{width:100%;padding:7px 10px;border:1px solid var(--c-border-dark);font-size:var(--fs-base);font-family:var(--font-main);box-sizing:border-box;outline:none;background:var(--c-bg-white)}
.reg-input:focus,.reg-select:focus,.reg-textarea:focus{border-color:var(--c-accent-purple)}
.reg-textarea{resize:vertical;min-height:80px}
.reg-submit-row{margin-top:15px;display:flex;gap:10px;align-items:center}
.reg-submit{padding:8px 24px !important;font-size:var(--fs-md) !important;background-color:var(--c-accent-purple) !important;color:white !important;border:none !important;cursor:pointer !important;-webkit-text-fill-color:white !important}
.reg-submit:hover{background-color:var(--c-accent-violet) !important}
.reg-msg{font-size:var(--fs-base-sm);padding:6px 12px;display:none}
.reg-msg.success{background:var(--c-success-bg-vivid);color:var(--c-success-deep);display:inline-block}
.reg-msg.error{background:var(--c-danger-bg);color:var(--c-danger-deep);display:inline-block}
.reg-status-topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;margin-bottom:15px;border:1px solid var(--c-border);background:var(--c-bg-light)}
.reg-status-topbar .stl{display:flex;align-items:center;gap:8px}
.reg-status-topbar .stl .st-label{font-size:12px;font-weight:normal;color:var(--c-text-tertiary)}
.reg-status-topbar .stl .st-badge{font-size:12px;font-weight:700;padding:2px 10px}
.st-badge.st-active{background:var(--c-success-bg-vivid);color:var(--c-success-deep)}
.st-badge.st-paused{background:var(--c-warning-bg);color:var(--c-warning-text)}
.reg-status-topbar .str{display:flex;gap:5px}
.st-btn{padding:4px 12px !important;font-size:12px !important;font-weight:normal !important;border:none !important;cursor:pointer !important;color:var(--c-bg-white) !important;-webkit-text-fill-color:var(--c-bg-white) !important}
.st-btn.st-pause{background-color:var(--c-warning-vivid) !important}
.st-btn.st-pause:hover{background-color:var(--c-warning-dark) !important}
.st-btn.st-disable{background-color:var(--c-danger) !important}
.st-btn.st-disable:hover{background-color:var(--c-danger-deep) !important}
.st-btn.st-reactivate{background-color:var(--c-success-vivid) !important}
.st-btn.st-reactivate:hover{background-color:var(--c-success-dark) !important}
.reg-form.paused-form .reg-input,.reg-form.paused-form .reg-select,.reg-form.paused-form .reg-textarea{background:var(--c-bg-muted) !important;color:var(--c-text-light) !important;pointer-events:none}
.reg-disabled-box{text-align:center;padding:60px 20px;background:var(--c-bg-light);border:1px solid var(--c-border)}
.reg-disabled-box .dis-icon{font-size:44px;margin-bottom:10px}
.reg-disabled-box h3{font-size:16px;color:var(--c-danger-deep);margin-bottom:4px}
.reg-disabled-box .dis-name{font-size:14px;font-weight:700;color:var(--c-text-primary);margin-bottom:3px}
.reg-disabled-box p{font-size:13px;color:var(--c-text-muted);margin-bottom:15px}
.st-btn-big{padding:5px 10px !important;font-size:12px !important;font-weight:normal !important;border:none !important;cursor:pointer !important;color:var(--c-bg-white) !important;-webkit-text-fill-color:var(--c-bg-white) !important;background-color:var(--c-success-vivid) !important}
.st-btn-big:hover{background-color:var(--c-success-dark) !important}
.pj-tabs{display:flex;gap:2px;margin-bottom:20px}
.pj-tab{width:auto !important;text-align:center !important;position:relative !important;border-radius:0 !important}
.pj-tab:hover{background-color:var(--c-btn-hover) !important}
.pj-tab.active{background-color:var(--c-btn-active) !important}
.pj-section{display:none}
.pj-section.active{display:block}
.pj-badge{position:absolute !important;top:-10px !important;left:50% !important;transform:translateX(-50%) !important;min-width:20px !important;height:20px !important;line-height:20px !important;font-size:9px !important;padding:0 5px !important;border-radius:10px !important;font-weight:800 !important;text-align:center !important;box-shadow:0 1px 3px rgba(0,0,0,0.2) !important;color:#fff !important;-webkit-text-fill-color:#fff !important;margin-left:0 !important;pointer-events:none !important;background:#7f8c8d !important}
.pj-tab[data-tab="post_job"] .pj-badge{background:var(--c-accent-purple) !important}
.pj-tab[data-tab="drafts"] .pj-badge{background:#7f8c8d !important}
.pj-tab[data-tab="open"] .pj-badge{background:#27ae60 !important}
.pj-tab[data-tab="temp_closed"] .pj-badge{background:#e67e22 !important}
.pj-tab[data-tab="closed"] .pj-badge{background:#e74c3c !important}
.job-list-card{border:1px solid var(--c-border);margin-bottom:10px;background:var(--c-bg-white)}
.job-list-header{padding:12px;display:flex;justify-content:space-between;align-items:center}
.job-list-info h4{font-size:14px;font-weight:700;color:var(--c-text-primary);margin:0 0 3px 0;cursor:pointer}
.job-list-info h4:hover{color:var(--c-accent-purple)}
.job-list-info h4 .expand-arrow{font-size:10px;color:var(--c-text-placeholder);margin-right:4px;transition:transform 0.2s;display:inline-block}
.job-list-info h4 .expand-arrow.open{transform:rotate(90deg)}
.job-list-info p{font-size:12px;color:var(--c-text-muted);margin:0}
.job-list-meta{display:flex;gap:8px;margin-top:4px;flex-wrap:wrap}
.job-list-meta span{font-size:12px;padding:2px 8px;background:var(--c-bg-muted);color:var(--c-text-tertiary)}
.job-list-actions{display:flex;gap:6px;flex-shrink:0}
.job-list-actions button{padding:4px 12px !important;font-size:12px !important}
.job-expand{display:none;border-top:1px solid var(--c-border);padding:14px;background:var(--c-bg-ghost)}
.job-expand.open{display:block}
.job-expand-section{margin-bottom:12px}
.job-expand-label{font-size:12px;font-weight:700;color:var(--c-accent-purple);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:4px}
.job-expand-text{font-size:12px;color:var(--c-text-secondary);line-height:1.6;white-space:pre-wrap}
.job-invite-box{border-top:1px solid var(--c-border);padding:12px 14px;background:var(--c-purple-bg)}
.job-invite-title{font-size:12px;font-weight:700;color:var(--c-accent-purple);margin-bottom:8px}
.job-invite-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.job-invite-toggle{display:flex;gap:0;margin-bottom:8px}
.job-invite-toggle button{padding:4px 12px !important;font-size:12px !important;font-weight:normal !important;border:1px solid var(--c-border-dark) !important;cursor:pointer !important}
.job-invite-toggle button.active{background:var(--c-accent-purple) !important;color:var(--c-bg-white) !important;border-color:var(--c-accent-purple) !important}
.job-invite-toggle button:not(.active){background:var(--c-bg-white) !important;color:var(--c-text-secondary) !important;-webkit-text-fill-color:var(--c-text-secondary) !important}
.job-invite-input{flex:1;padding:6px 10px;border:1px solid var(--c-border-dark);font-size:12px;font-family:inherit;min-width:140px;outline:none;background:var(--c-bg-white)}
.job-invite-input:focus{border-color:var(--c-accent-purple)}
.job-invite-send{padding:6px 16px !important;font-size:12px !important;font-weight:normal !important;background:var(--c-accent-purple) !important;color:var(--c-bg-white) !important;border:none !important;cursor:pointer !important;-webkit-text-fill-color:var(--c-bg-white) !important;white-space:nowrap}
.job-invite-send:hover{background:var(--c-accent-violet) !important}
.job-invite-msg{font-size:12px;margin-top:6px;padding:4px 8px;display:none}
.job-invite-msg.success{display:block;background:var(--c-success-bg-vivid);color:var(--c-success-deep)}
.job-invite-msg.error{display:block;background:var(--c-danger-bg);color:var(--c-danger-deep)}
.job-status-badge{font-size:10px;padding:2px 8px;font-weight:normal}
.job-status-badge.active{background:var(--c-success-bg-vivid);color:var(--c-success-deep)}
.job-status-badge.closed{background:var(--c-danger-bg);color:var(--c-danger-deep)}
.job-status-badge.draft{background:var(--c-bg-muted);color:var(--c-text-muted)}
.job-status-badge.temp_closed{background:#fef3c7;color:#92400e}
.rd-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}
.rd-stat{border:1px solid var(--c-border);padding:15px;text-align:center;background:var(--c-bg-white)}
.rd-stat-num{font-size:28px;font-weight:700;color:var(--c-accent-purple)}
.rd-stat-label{font-size:12px;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:0.5px;margin-top:4px}
.rd-pipeline{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:20px}
.rd-pipe{border:1px solid var(--c-border);padding:12px;text-align:center;background:var(--c-bg-white)}
.rd-pipe-num{font-size:22px;font-weight:700}
.rd-pipe-label{font-size:10px;color:var(--c-text-muted);text-transform:uppercase;margin-top:3px}
.rd-pipe.new .rd-pipe-num{color:var(--c-info-light)}
.rd-pipe.screening .rd-pipe-num{color:var(--c-warning-vivid)}
.rd-pipe.interview .rd-pipe-num{color:var(--c-accent-violet-light)}
.rd-pipe.offered .rd-pipe-num{color:var(--c-success-vivid)}
.rd-pipe.rejected .rd-pipe-num{color:var(--c-danger-light)}
.rd-section-title{font-size:14px;font-weight:700;color:var(--c-text-primary);margin:20px 0 10px 0;padding-bottom:5px;border-bottom:2px solid var(--c-border)}
.rd-vacancy{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid var(--c-border);margin-bottom:6px;background:var(--c-bg-white)}
.rd-vac-title{font-size:13px;font-weight:normal;color:var(--c-text-primary)}
.rd-vac-meta{font-size:12px;color:var(--c-text-muted)}
.rd-vac-stats{display:flex;gap:12px}
.rd-vac-stat{text-align:center}
.rd-vac-stat-num{font-size:16px;font-weight:700;color:var(--c-accent-purple)}
.rd-vac-stat-label{font-size:9px;color:var(--c-text-light);text-transform:uppercase}
.rd-recent{padding:10px 12px;border:1px solid var(--c-border);margin-bottom:6px;background:var(--c-bg-white);display:flex;align-items:center;gap:10px}
.rd-recent-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}
.rd-recent-info{flex:1}
.rd-recent-name{font-size:13px;font-weight:normal;color:var(--c-text-primary)}
.rd-recent-detail{font-size:12px;color:var(--c-text-muted)}
.rd-recent-status{font-size:10px;padding:2px 8px;font-weight:normal}
.rd-recent-status.new{background:var(--c-info-bg);color:var(--c-info-dark)}
.rd-recent-status.screening{background:var(--c-warning-bg);color:var(--c-warning-dark)}
.rd-recent-status.interview{background:var(--c-violet-bg);color:var(--c-accent-violet)}
.rd-recent-status.offered{background:var(--c-success-bg-vivid);color:var(--c-success-deep)}
.rd-recent-status.rejected{background:var(--c-danger-bg);color:var(--c-danger-deep)}
.rd-empty{text-align:center;padding:20px;color:var(--c-text-light);font-size:12px;font-style:italic}
.vp-container{max-width:100%}
.vp-header{background:var(--c-bg-white);border:1px solid var(--c-border);padding:30px;text-align:center;margin-bottom:15px}
.vp-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid var(--c-border);margin-bottom:12px}
.vp-name{font-size:22px;font-weight:700;color:var(--c-text-primary);margin-bottom:4px}
.vp-headline{font-size:14px;color:var(--c-text-muted);margin-bottom:3px}
.vp-location{font-size:13px;color:var(--c-text-light);margin-bottom:10px}
.vp-conn-status{font-size:13px;font-weight:700;margin-bottom:8px}
.vp-conn-status.connected{color:var(--c-success)}
.vp-conn-status.pending{color:var(--c-warning-vivid)}
.vp-conn-btn{padding:5px 10px !important;border:none !important;color:white !important;font-size:12px !important;font-weight:normal !important;cursor:pointer !important;border-radius:var(--radius-sm) !important;box-shadow:none !important;font-family:inherit !important;margin:3px !important;-webkit-text-fill-color:white !important;display:inline-flex !important;align-items:center !important;white-space:nowrap !important;width:auto !important}
.vp-conn-btn.connect{background:var(--c-accent-purple) !important}
.vp-conn-btn.connect:hover{background:var(--c-accent-violet) !important}
.vp-conn-btn.remove{background:var(--c-danger) !important}
.vp-conn-btn.remove:hover{background:var(--c-danger-dark) !important}
.vp-conn-btn.pending-btn{background:var(--c-warning-vivid) !important;cursor:default !important}
.vp-follow-btn{display:inline-block;padding:5px 18px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;border:2px solid var(--c-accent-purple,#7c3aed);background:transparent;color:var(--c-accent-purple,#7c3aed);transition:all 0.2s;margin-top:8px}
.vp-follow-btn:hover{background:var(--c-accent-purple,#7c3aed);color:#fff}
.vp-follow-btn.following{background:var(--c-accent-purple,#7c3aed);color:#fff;border-color:var(--c-accent-purple,#7c3aed)}
.vp-follow-btn.following:hover{background:var(--c-danger,#dc2626);border-color:var(--c-danger,#dc2626)}
.vp-card{background:var(--c-bg-white);border:1px solid var(--c-border);margin-bottom:15px;padding:0}
.vp-card-header{padding:12px 16px;background:var(--c-bg-light);border-bottom:1px solid var(--c-border);font-weight:700;font-size:14px;color:var(--c-text-secondary)}
.vp-card-body{padding:16px}
.vp-info-row{display:flex;padding:8px 0;border-bottom:1px solid var(--c-bg-muted);gap:10px}
.vp-info-row:last-child{border-bottom:none}
.vp-info-label{font-size:12px;font-weight:700;color:var(--c-text-muted);min-width:120px;text-transform:uppercase}
.vp-info-value{font-size:13px;color:var(--c-text-primary);flex:1}
.vp-skills{display:flex;flex-wrap:wrap;gap:6px}
.vp-skill-tag{background:var(--c-bg-muted);border:1px solid var(--c-border);padding:4px 12px;font-size:12px;color:var(--c-text-secondary);font-weight:500}
.vp-item{padding:10px 0;border-bottom:1px solid var(--c-bg-muted)}
.vp-item:last-child{border-bottom:none}
.vp-item-title{font-size:14px;font-weight:700;color:var(--c-text-primary)}
.vp-item-sub{font-size:13px;color:var(--c-text-muted)}
.vp-item-date{font-size:12px;color:var(--c-text-light)}
.vp-item-desc{font-size:13px;color:var(--c-text-tertiary);margin-top:4px;line-height:1.5}
.vp-empty{color:var(--c-text-light);font-size:13px;font-style:italic}
.profile-form{max-width:700px;margin:0 auto}
.profile-form h2{font-size:var(--fs-2xl);color:var(--c-text-primary);margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,0.08)}
.form-row{margin-bottom:15px}
.form-row label{display:block;font-size:var(--fs-base);font-weight:700;color:var(--c-text-mid);margin-bottom:5px}
.form-row input,.form-row select,.form-row textarea{width:100%;padding:8px 12px;border:1px solid var(--c-border-input);font-size:var(--fs-base);font-family:var(--font-main);box-sizing:border-box;outline:none}
.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:var(--c-text-faded)}
.form-row textarea{height:80px;resize:vertical}
.form-row-half{display:flex;gap:15px}
.form-row-half .form-row{flex:1}
.save-msg{background:var(--c-success-bg);color:var(--c-success-text);padding:8px 14px;font-size:var(--fs-base);margin-bottom:15px}
.avatar-upload-wrap{text-align:center;margin-bottom:20px}
.avatar-frame{display:inline-block;position:relative;padding:0;background:none;border:none}
.avatar-frame::before,.avatar-frame::after{display:none}
.avatar-frame.gender-male{border:none;background:none;box-shadow:none}
.avatar-frame.gender-male::before,.avatar-frame.gender-male::after{display:none}
.avatar-frame.gender-female{border:none;background:none;border-radius:0;box-shadow:none;padding:0}
.avatar-frame.gender-female::before,.avatar-frame.gender-female::after{display:none}
.avatar-frame.gender-female .avatar-preview{border-radius:0}
.avatar-frame.gender-other{border:none;background:none;box-shadow:none}
.avatar-upload-wrap .avatar-preview{width:225px;height:225px;object-fit:cover;cursor:pointer;display:block;transition:opacity 0.2s}
.avatar-upload-wrap .avatar-preview:hover{opacity:0.75}
.avatar-upload-wrap .avatar-hint{font-size:var(--fs-sm);color:var(--c-text-placeholder);margin-top:8px}
.avatar-upload-wrap input[type="file"]{display:none}
.profile-form{max-width:700px;margin:0 auto}
.profile-form h2{font-size:var(--fs-2xl);color:var(--c-text-primary);margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,0.08)}
.form-row{margin-bottom:15px}
.form-row label{display:block;font-size:var(--fs-base);font-weight:700;color:var(--c-text-mid);margin-bottom:5px}
.form-row input,.form-row select,.form-row textarea{width:100%;padding:8px 12px;border:1px solid var(--c-border-input);font-size:var(--fs-base);font-family:var(--font-main);box-sizing:border-box;outline:none}
.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:var(--c-text-faded)}
.form-row textarea{height:60px;resize:vertical}
.form-row-half{display:flex;gap:15px}
.form-row-half .form-row{flex:1}
.save-msg{background:var(--c-success-bg);color:var(--c-success-text);padding:8px 14px;font-size:var(--fs-base);margin-bottom:15px}
.entry-block{background:rgba(255,255,255,0.8);padding:15px;margin-bottom:15px;border:1px solid rgba(0,0,0,0.08);position:relative}
.entry-block h3{font-size:var(--fs-md);color:var(--c-text-primary);margin:0 0 12px 0}
.remove-entry{position:absolute;top:10px;right:10px;background:var(--c-success-green-alt);color:white;border:none;padding:4px 10px;font-size:var(--fs-base-sm);cursor:pointer}
.remove-entry:hover{background:var(--c-success-green-deep)}
.date-error{color:var(--c-danger);font-size:var(--fs-sm);margin-top:3px;display:none}
.date-group{display:flex;gap:8px}
.date-group select{flex:1}
.date-group input{flex:1}
.btn-row{display:flex;gap:8px;margin-top:10px}
.btn-row button{padding:5px 10px;font-size:12px;white-space:nowrap;width:auto;font-family:var(--font-main);cursor:pointer;border:none}
.btn-row button[type="button"]{background:var(--c-danger);color:var(--c-bg-white)}
.btn-row button[type="button"]:hover{background:var(--c-danger-dark)}
.btn-row button[type="submit"]{background:var(--c-primary);color:var(--c-bg-white)}
.btn-row button[type="submit"]:hover{background:var(--c-primary-dark)}
.profile-form{max-width:700px;margin:0 auto}
.profile-form h2{font-size:var(--fs-2xl);color:var(--c-text-primary);margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,0.08)}
.form-row{margin-bottom:15px}
.form-row label{display:block;font-size:var(--fs-base);font-weight:700;color:var(--c-text-mid);margin-bottom:5px}
.form-row input,.form-row select,.form-row textarea{width:100%;padding:8px 12px;border:1px solid var(--c-border-input);font-size:var(--fs-base);font-family:var(--font-main);box-sizing:border-box;outline:none}
.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:var(--c-text-faded)}
.form-row textarea{height:60px;resize:vertical}
.form-row-half{display:flex;gap:15px}
.form-row-half .form-row{flex:1}
.save-msg{background:var(--c-success-bg);color:var(--c-success-text);padding:8px 14px;font-size:var(--fs-base);margin-bottom:15px}
.entry-block{background:rgba(255,255,255,0.8);padding:15px;margin-bottom:15px;border:1px solid rgba(0,0,0,0.08);position:relative}
.entry-block h3{font-size:var(--fs-md);color:var(--c-text-primary);margin:0 0 12px 0}
.remove-entry{position:absolute;top:10px;right:10px;background:var(--c-success-green-alt);color:white;border:none;padding:4px 10px;font-size:var(--fs-base-sm);cursor:pointer}
.remove-entry:hover{background:var(--c-success-green-deep)}
.date-error{color:var(--c-danger);font-size:var(--fs-sm);margin-top:3px;display:none}
.date-group{display:flex;gap:8px}
.date-group select{flex:1}
.date-group input{flex:1}
.btn-row{display:flex;gap:8px;margin-top:10px}
.btn-row button{padding:5px 10px;font-size:12px;white-space:nowrap;width:auto;font-family:var(--font-main);cursor:pointer;border:none}
.btn-row button[type="button"]{background:var(--c-danger);color:var(--c-bg-white)}
.btn-row button[type="button"]:hover{background:var(--c-danger-dark)}
.btn-row button[type="submit"]{background:var(--c-primary);color:var(--c-bg-white)}
.btn-row button[type="submit"]:hover{background:var(--c-primary-dark)}
.profile-form{max-width:700px;margin:0 auto}
.profile-form h2{font-size:var(--fs-2xl);color:var(--c-text-primary);margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,0.08)}
.form-row{margin-bottom:15px}
.form-row label{display:block;font-size:var(--fs-base);font-weight:700;color:var(--c-text-mid);margin-bottom:5px}
.form-row input,.form-row select,.form-row textarea{width:100%;padding:8px 12px;border:1px solid var(--c-border-input);font-size:var(--fs-base);font-family:var(--font-main);box-sizing:border-box;outline:none}
.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:var(--c-text-faded)}
.form-row textarea{height:80px;resize:vertical}
.form-row-half{display:flex;gap:15px}
.form-row-half .form-row{flex:1}
.save-msg{background:var(--c-success-bg);color:var(--c-success-text);padding:8px 14px;font-size:var(--fs-base);margin-bottom:15px}
.entry-block{background:rgba(255,255,255,0.8);padding:15px;margin-bottom:15px;border:1px solid rgba(0,0,0,0.08);position:relative}
.entry-block h3{font-size:var(--fs-md);color:var(--c-text-primary);margin:0 0 12px 0}
.remove-entry{position:absolute;top:10px;right:10px;background:var(--c-btn);color:white;border:none;padding:4px 10px;font-size:var(--fs-base-sm);cursor:pointer}
.date-error{color:var(--c-danger);font-size:var(--fs-sm);margin-top:3px;display:none}
.date-group{display:flex;gap:8px}
.date-group select{flex:1}
.date-group input{flex:1}
.btn-row{display:flex;gap:8px;margin-top:10px}
.btn-row button:hover{background:var(--c-bg-muted)}
.btn-row button[type="submit"]{background:var(--c-primary);color:var(--c-bg-white);border-color:var(--c-primary)}
.btn-row button[type="submit"]:hover{background:var(--c-primary-dark)}
.profile-form{max-width:700px;margin:0 auto}
.profile-form h2{font-size:var(--fs-2xl);color:var(--c-text-primary);margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,0.08)}
.form-row{margin-bottom:15px}
.form-row label{display:block;font-size:var(--fs-base);font-weight:700;color:var(--c-text-mid);margin-bottom:5px}
.form-row input,.form-row select,.form-row textarea{width:100%;padding:8px 12px;border:1px solid var(--c-border-input);font-size:var(--fs-base);font-family:var(--font-main);box-sizing:border-box;outline:none}
.form-row input:focus{border-color:var(--c-text-faded)}
.form-row-half{display:flex;gap:15px}
.form-row-half .form-row{flex:1}
.save-msg{background:var(--c-success-bg);color:var(--c-success-text);padding:8px 14px;font-size:var(--fs-base);margin-bottom:15px}
.entry-block{background:rgba(255,255,255,0.8);padding:15px;margin-bottom:15px;border:1px solid rgba(0,0,0,0.08);position:relative}
.entry-block h3{font-size:var(--fs-md);color:var(--c-text-primary);margin:0 0 12px 0}
.remove-entry{position:absolute;top:10px;right:10px;background:var(--c-success-green-alt);color:white;border:none;padding:4px 10px;font-size:var(--fs-base-sm);cursor:pointer}
.remove-entry:hover{background:var(--c-success-green-deep)}
.date-error{color:var(--c-danger);font-size:var(--fs-sm);margin-top:3px;display:none}
.date-group{display:flex;gap:8px}
.date-group select{flex:1}
.date-group input{flex:1}
.btn-row{display:flex;gap:8px;margin-top:10px}
.btn-row button{padding:5px 10px;font-size:12px;white-space:nowrap;width:auto;font-family:var(--font-main);cursor:pointer;border:none}
.btn-row button[type="button"]{background:var(--c-danger);color:var(--c-bg-white)}
.btn-row button[type="button"]:hover{background:var(--c-danger-dark)}
.btn-row button[type="submit"]{background:var(--c-primary);color:var(--c-bg-white)}
.btn-row button[type="submit"]:hover{background:var(--c-primary-dark)}
.profile-form{max-width:700px;margin:0 auto}
.profile-form h2{font-size:var(--fs-2xl);color:var(--c-text-primary);margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,0.08)}
.profile-form h3{font-size:var(--fs-lg);color:var(--c-text-primary);margin:20px 0 12px 0}
.form-row{margin-bottom:15px}
.form-row label{display:block;font-size:var(--fs-base);font-weight:700;color:var(--c-text-mid);margin-bottom:5px}
.form-row input,.form-row textarea{width:100%;padding:8px 12px;border:1px solid var(--c-border-input);font-size:var(--fs-base);font-family:var(--font-main);box-sizing:border-box;outline:none}
.form-row input:focus,.form-row textarea:focus{border-color:var(--c-text-faded)}
.form-row textarea{height:80px;resize:vertical}
.form-hint{font-size:var(--fs-sm);color:var(--c-text-placeholder);margin-top:3px}
.save-msg{background:var(--c-success-bg);color:var(--c-success-text);padding:8px 14px;font-size:var(--fs-base);margin-bottom:15px}
.btn-row{display:flex;gap:10px;margin-top:10px}
.btn-row button{padding:5px 10px !important;font-size:12px !important;white-space:nowrap !important;width:auto !important;font-weight:normal !important;border:none !important;cursor:pointer;color:white !important;font-family:var(--font-main)}
.btn-save{background-color:var(--c-btn) !important}
.btn-save:hover{background-color:var(--c-btn-hover) !important}
.cv-container{max-width:700px;margin:0 auto}
.cv-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}
.cv-header h2{font-size:var(--fs-3xl);color:var(--c-text-primary);margin:0}
.cv-headline{font-size:var(--fs-3xl);font-weight:700;color:var(--c-text-primary);text-align:right}
.cv-header-line{border:none;border-top:3px solid var(--c-text-primary);margin:0 0 20px 0}
.cv-section{margin-bottom:22px}
.cv-section-title{font-size:var(--fs-lg);font-weight:700;color:var(--c-text-primary);text-transform:uppercase;letter-spacing:1px;padding-bottom:6px;border-bottom:2px solid var(--c-text-primary);margin-bottom:12px}
.cv-personal{background:rgba(250,248,243,0.95);padding:18px 20px;border-left:4px solid var(--c-text-primary);margin-bottom:8px}
.cv-name{font-size:var(--fs-xl-alt);font-weight:700;color:var(--c-text-primary);margin-bottom:10px}
.cv-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 20px}
.cv-info-item{font-size:var(--fs-base);color:var(--c-text-body)}
.cv-info-item strong{color:var(--c-text-primary);min-width:70px;display:inline-block}
.cv-about{font-size:var(--fs-base);color:var(--c-text-body);margin-top:10px;padding-top:10px;border-top:1px solid rgba(0,0,0,0.06);line-height:1.6}
.cv-about strong{color:var(--c-text-primary)}
.cv-divider{border:none;border-top:3px solid var(--c-text-primary);margin:22px 0}
.cv-entry{background:rgba(250,248,243,0.95);padding:14px 18px;margin-bottom:8px;border-left:3px solid var(--c-text-muted);transition:border-color 0.2s}
.cv-entry:hover{border-left-color:var(--c-text-primary)}
.cv-entry-header{display:flex;justify-content:space-between;align-items:baseline}
.cv-entry-title{font-weight:700;color:var(--c-text-primary);font-size:var(--fs-md)}
.cv-entry-date{font-size:var(--fs-base-sm);color:var(--c-text-faded);white-space:nowrap}
.cv-entry-sub{font-size:var(--fs-base-sm);color:var(--c-text-muted);margin-top:3px}
.cv-entry-desc{font-size:var(--fs-base);color:var(--c-text-mid);margin-top:6px;line-height:1.5}
.cv-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.cv-tag{background:rgba(31,41,55,0.08);color:var(--c-text-primary);padding:4px 12px;font-size:var(--fs-base-sm);font-weight:500;border-radius:var(--radius-sm)}
.cv-row{padding:5px 0;font-size:var(--fs-base);color:var(--c-text-body)}
.cv-row strong{color:var(--c-text-primary)}
.cv-links{display:grid;grid-template-columns:1fr 1fr;gap:6px 20px}
.cv-link-item{font-size:var(--fs-base);color:var(--c-text-body);padding:4px 0}
.cv-link-item strong{color:var(--c-text-primary);min-width:70px;display:inline-block}
.cv-empty{font-size:var(--fs-base);color:var(--c-text-placeholder);font-style:italic;padding:8px 0}
#acct-settings{max-width:700px;margin:0 auto}
#acct-settings h2{font-size:var(--fs-3xl);font-weight:700;color:var(--c-text-primary);margin-bottom:15px}
#acct-settings .paused-banner{background:linear-gradient(135deg,var(--c-warning),var(--c-amber));color:white;padding:12px 20px;margin-bottom:12px;font-size:var(--fs-md);font-weight:normal;display:flex;align-items:center;justify-content:space-between}
#acct-settings .paused-banner span{font-weight:400;font-size:var(--fs-base)}
#acct-settings .acc-head{background:var(--c-bg-cream) !important;padding:14px 20px !important;margin-bottom:0 !important;border:1px solid rgba(0,0,0,0.1) !important;cursor:pointer !important;display:flex !important;justify-content:space-between !important;align-items:center !important;transition:background 0.2s !important;user-select:none !important;color:var(--c-text-primary) !important;font-size:var(--fs-lg) !important;font-weight:700 !important;border-radius:var(--radius-none) !important;box-shadow:none !important;background-image:none !important;-webkit-text-fill-color:var(--c-text-primary) !important;text-align:left !important;width:100% !important;line-height:1.4 !important}
#acct-settings .acc-head:hover{background:var(--c-bg-warm) !important}
#acct-settings .acc-head .acc-title{font-size:var(--fs-lg);font-weight:700}
#acct-settings .acc-head .acc-title.clr-warn{color:var(--c-orange) !important;-webkit-text-fill-color:var(--c-orange) !important}
#acct-settings .acc-head .acc-title.clr-ok{color:var(--c-success) !important;-webkit-text-fill-color:var(--c-success) !important}
#acct-settings .acc-head .acc-title.clr-danger{color:var(--c-danger) !important;-webkit-text-fill-color:var(--c-danger) !important}
#acct-settings .acc-head .acc-title.clr-default{color:var(--c-text-primary) !important;-webkit-text-fill-color:var(--c-text-primary) !important}
#acct-settings .acc-head .arr{font-size:var(--fs-sm);color:var(--c-text-faded) !important;-webkit-text-fill-color:var(--c-text-faded) !important;transition:transform 0.3s}
#acct-settings .acc-head.opened .arr{transform:rotate(180deg)}
#acct-settings .acc-panel{display:none;padding:20px;border:1px solid rgba(0,0,0,0.1);border-top:none;margin-bottom:10px}
#acct-settings .acc-panel.bg-warn{background:var(--c-bg-white)8e1}
#acct-settings .acc-panel.bg-ok{background:var(--c-green-bg)}
#acct-settings .acc-panel.bg-danger{background:var(--c-bg-white)5f5}
#acct-settings .acc-panel.bg-default{background:var(--c-bg-panel)}
#acct-settings .info-box{padding:12px 15px;margin-bottom:15px;font-size:var(--fs-base);border:1px solid}
#acct-settings .info-box.warn{background:var(--c-warning-bg-alt);color:var(--c-warning-text-dark);border-color:var(--c-warning-border-alt)}
#acct-settings .info-box.danger{background:var(--c-danger-bg-alt);color:var(--c-danger-text);border-color:var(--c-danger-border)}
#acct-settings .info-box.ok{background:var(--c-success-bg);color:var(--c-success-text);border-color:var(--c-success-border)}
#acct-settings .info-box strong{display:block;margin-bottom:5px}
#acct-settings .info-box ul{margin:8px 0 0 18px;padding:0}
#acct-settings .info-box ul li{margin-bottom:4px}
#acct-settings .s-field{margin-bottom:15px}
#acct-settings .s-field label{display:block;font-size:var(--fs-base);font-weight:normal;color:var(--c-text-mid);margin-bottom:5px}
#acct-settings .s-field input[type="text"],#acct-settings .s-field input[type="password"]{width:100%;padding:8px 12px;border:1px solid var(--c-border-input);font-size:var(--fs-md);font-family:var(--font-main);background:var(--c-bg-white);box-sizing:border-box;outline:none;border-radius:var(--radius-none)}
#acct-settings .s-field input:focus{border-color:var(--c-electric-purple)}
#acct-settings .s-btn{padding:5px 10px !important;color:white !important;-webkit-text-fill-color:white !important;border:none !important;cursor:pointer !important;font-size:12px !important;font-weight:normal !important;font-family:var(--font-main) !important;background-color:var(--c-btn) !important;border-radius:var(--radius-sm) !important;box-shadow:none !important;display:inline-flex !important;align-items:center !important;white-space:nowrap !important;width:auto !important}
#acct-settings .s-btn:hover{background-color:var(--c-text-dim) !important}
#acct-settings .s-btn.btn-d{background-color:var(--c-danger) !important}
#acct-settings .s-btn.btn-d:hover{background-color:var(--c-danger-dark) !important}
#acct-settings .s-btn.btn-w{background-color:var(--c-warning) !important}
#acct-settings .s-btn.btn-w:hover{background-color:var(--c-amber) !important}
#acct-settings .s-btn.btn-g{background-color:var(--c-success) !important}
#acct-settings .s-btn.btn-g:hover{background-color:var(--c-success-hover) !important}
#acct-settings .s-msg{padding:10px 15px;margin-bottom:15px;font-size:var(--fs-base);display:none}
#acct-settings .s-msg.success{background:var(--c-success-bg);color:var(--c-success-text);border:1px solid var(--c-success-border)}
#acct-settings .s-msg.error{background:var(--c-danger-bg-alt);color:var(--c-danger-text);border:1px solid var(--c-danger-border)}
#acct-settings .del-disclaimer{background:var(--c-rose-bg);padding:12px 15px;margin-bottom:15px;font-size:var(--fs-base-sm);color:var(--c-text-dim);border:1px solid var(--c-rose-border);line-height:1.6}
#acct-settings .del-confirm{display:none;margin-top:15px;padding:15px;background:var(--c-bg-white);border:2px solid var(--c-danger)}
#acct-settings .del-confirm p{font-size:var(--fs-md);font-weight:normal;color:var(--c-danger);margin-bottom:10px}
#acct-settings .del-confirm input[type="text"],#acct-settings .del-confirm input[type="password"]{width:100%;padding:8px 12px;border:1px solid var(--c-danger);font-size:var(--fs-md);font-family:var(--font-main);box-sizing:border-box;margin-bottom:10px;outline:none;border-radius:var(--radius-none)}
#acct-settings .del-actions{display:flex;gap:10px;margin-top:10px}
#acct-settings .del-check{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;padding:10px;background:var(--c-bg-white)8f8;border:1px solid var(--c-danger-border)}
#acct-settings .del-check input[type="checkbox"]{margin-top:3px;width:18px;height:18px;flex-shrink:0;cursor:pointer;accent-color:var(--c-danger)}
#acct-settings .del-check label{font-size:var(--fs-base-sm);color:var(--c-danger-text);line-height:1.5;cursor:pointer}
#privacy-page h2{font-size:16px;font-weight:700;color:var(--c-text-primary);margin-bottom:5px}
#privacy-page hr{border:none;border-top:3px solid var(--c-accent-purple);margin-bottom:15px}
#privacy-page p.desc{font-size:12px;color:var(--c-text-muted);margin-bottom:20px;line-height:1.6}
.privacy-card{background:var(--c-bg-white);border:1px solid var(--c-border);margin-bottom:15px}
.privacy-card-header{padding:10px 14px;background:var(--c-bg-light);border-bottom:1px solid var(--c-border);font-weight:700;font-size:12px;color:var(--c-text-secondary)}
.privacy-row{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-bottom:1px solid var(--c-bg-muted);gap:10px}
.privacy-row:last-child{border-bottom:none}
.privacy-label{font-size:12px;color:var(--c-text-secondary);font-weight:500;flex:1}
.tri-toggle{display:flex;align-items:center;gap:10px;flex-shrink:0}
.tri-track{position:relative;width:96px;height:36px;background:var(--c-border);border-radius:0;cursor:pointer;border:2px solid var(--c-border-dark);box-sizing:border-box}
.tri-hole{position:absolute;top:50%;width:24px;height:24px;border-radius:50%;background:var(--c-border-muted);transform:translateY(-50%);box-shadow:inset 0 2px 4px rgba(0,0,0,0.15);transition:background 0.2s}
.tri-hole-0{left:5px}
.tri-hole-1{left:36px}
.tri-hole-2{left:66px}
.tri-knob{position:absolute;top:50%;width:26px;height:26px;border-radius:50%;background:white;transform:translateY(-50%);box-shadow:0 2px 6px rgba(0,0,0,0.35);transition:left 0.25s ease,background 0.25s ease;z-index:2;border:2px solid rgba(0,0,0,0.1)}
.tri-track[data-pos="0"] .tri-knob{left:4px}
.tri-track[data-pos="1"] .tri-knob{left:35px}
.tri-track[data-pos="2"] .tri-knob{left:65px}
.tri-track[data-pos="0"] .tri-knob{background:var(--c-success-vivid);border-color:var(--c-success-dark)}
.tri-track[data-pos="1"] .tri-knob{background:var(--c-danger-light);border-color:var(--c-danger-hover)}
.tri-track[data-pos="2"] .tri-knob{background:var(--c-warning-vivid);border-color:var(--c-warning-dark)}
.tri-track[data-pos="0"]{background:var(--c-success-bg-vivid);border-color:var(--c-emerald-light)}
.tri-track[data-pos="1"]{background:var(--c-danger-bg);border-color:var(--c-danger-border)}
.tri-track[data-pos="2"]{background:var(--c-warning-bg);border-color:var(--c-warning-border)}
.tri-status{font-size:10px;font-weight:700;min-width:65px;text-align:left}
.privacy-quick{display:flex;gap:8px;margin-bottom:15px;flex-wrap:wrap}
.privacy-quick-btn{display:inline-flex !important;align-items:center !important;gap:4px !important;padding:5px 10px !important;border:none !important;color:white !important;font-size:12px !important;font-weight:normal !important;cursor:pointer !important;border-radius:var(--radius-sm) !important;box-shadow:none !important;font-family:inherit !important;-webkit-text-fill-color:white !important;transition:all 0.2s !important}
.privacy-quick-btn.q-show{background:var(--c-success-vivid) !important}
.privacy-quick-btn.q-show:hover{background:var(--c-success-dark) !important}
.privacy-quick-btn.q-hide{background:var(--c-danger-light) !important}
.privacy-quick-btn.q-hide:hover{background:var(--c-danger-hover) !important}
.privacy-quick-btn.q-recruit{background:var(--c-warning-vivid) !important}
.privacy-quick-btn.q-recruit:hover{background:var(--c-warning-dark) !important}
.privacy-save-bar{display:flex;justify-content:space-between;align-items:center;margin-top:15px;flex-wrap:wrap;gap:10px}
.privacy-save-btn{padding:5px 10px!important;background:linear-gradient(135deg,var(--c-accent-purple),var(--c-accent-violet))!important;color:white!important;border:none!important;cursor:pointer!important;font-size:12px!important;font-weight:normal!important;border-radius:var(--radius-sm)!important;box-shadow:none!important;-webkit-text-fill-color:white!important}
.privacy-save-btn:hover{opacity:0.9!important}
.privacy-msg{font-size:12px;font-weight:normal;padding:6px 0;display:none}
.privacy-msg.success{display:block;color:var(--c-success-vivid)}
.privacy-msg.error{display:block;color:var(--c-danger-light)}
#site-settings-page{max-width:100%;font-family:'Share Tech',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
#site-settings-page h2{font-size:22px;font-weight:700;color:var(--c-text-primary);margin-bottom:5px}
#site-settings-page hr{border:none;border-top:3px solid var(--c-accent-purple);margin-bottom:18px}
@keyframes ssOrb{0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(-30px,20px) scale(1.1)}
}
#ss-theme-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:12px}
.ss-theme-card{border-radius:0;cursor:pointer;overflow:hidden;position:relative;transition:all 0.25s;background:var(--c-bg-white);border:2px solid var(--c-border-dark)}
.ss-theme-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(91,44,138,0.2);border-color:var(--c-accent-violet-light)}
.ss-theme-card.active{border-color:var(--c-accent-purple);box-shadow:0 0 0 2px rgba(91,44,138,0.3)}
.ss-theme-card.active::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;z-index:3;background:var(--c-accent-purple)}
@keyframes ssGlow{0%{background-position:0% 50%}
100%{background-position:200% 50%}
}
.ss-theme-card.active .ss-tc-badge{display:flex}
.ss-tc-dash{display:grid;grid-template-columns:22% 50% 28%;grid-template-rows:12px 5px 1fr 7px;overflow:hidden;height:72px}
.ss-tc-d-hdr{grid-column:1/4;grid-row:1;display:flex;align-items:center;padding:0 4px}
.ss-tc-d-hdr-logo{font-size:4px;font-weight:700}
.ss-tc-d-hdr-nav{margin-left:auto;display:flex;gap:2px}
.ss-tc-d-hdr-nav span{padding:0 3px;border-radius:0;font-size:3px;font-weight:700;line-height:8px}
.ss-tc-d-ban{grid-column:1/4;grid-row:2;display:flex;align-items:center;justify-content:center;font-size:3px}
.ss-tc-d-left{grid-column:1;grid-row:3;padding:2px;display:flex;flex-direction:column;align-items:center;gap:1px;border-right:1px solid rgba(0,0,0,0.06)}
.ss-tc-d-left-av{width:8px;height:8px;border-radius:50%;border:1px solid rgba(0,0,0,0.15)}
.ss-tc-d-left-nm{font-size:3.5px;font-weight:700}
.ss-tc-d-left-menu{display:flex;flex-direction:column;gap:1px;width:100%;margin-top:1px}
.ss-tc-d-left-menu span{font-size:3px;padding:1px 2px;border-radius:0}
.ss-tc-d-ctr{grid-column:2;grid-row:3;padding:2px;display:flex;flex-direction:column;gap:2px;overflow:hidden}
.ss-tc-d-ctr-tabs{display:flex;gap:1px}
.ss-tc-d-ctr-tabs span{flex:1;text-align:center;font-size:3px;padding:1px 0;border-radius:0;font-weight:700}
.ss-tc-d-ctr-post{border-radius:0;padding:2px;display:flex;flex-direction:column;gap:1px}
.ss-tc-d-ctr-post-author{font-size:3.5px;font-weight:700}
.ss-tc-d-ctr-post-text{font-size:3px;line-height:1.2}
.ss-tc-d-ctr-btns{display:flex;gap:1px}
.ss-tc-d-ctr-btns span{font-size:3px;padding:0 2px;border-radius:0;line-height:6px}
.ss-tc-d-right{grid-column:3;grid-row:3;padding:2px;display:flex;flex-direction:column;gap:2px;border-left:1px solid rgba(0,0,0,0.06)}
.ss-tc-d-right-toggle{display:flex;gap:1px}
.ss-tc-d-right-toggle span{flex:1;font-size:3px;text-align:center;padding:1px 0;border-radius:0;font-weight:700}
.ss-tc-d-right-job{border-radius:0;padding:2px;border:1px solid rgba(0,0,0,0.06)}
.ss-tc-d-right-job-title{font-size:3.5px;font-weight:700}
.ss-tc-d-right-job-sal{font-size:3px;font-weight:700;display:inline-block;padding:0 2px;border-radius:0;margin-top:1px}
.ss-tc-d-ftr{grid-column:1/4;grid-row:4;display:flex;align-items:center;justify-content:center;font-size:3px}
.ss-tc-pal{display:flex;height:4px}
.ss-tc-pal span{flex:1}
.ss-tc-info{padding:4px 6px;background:var(--c-text-primary);display:flex;align-items:center;justify-content:space-between}
.ss-tc-info-name{font-size:9px;font-weight:700;color:var(--c-bg-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ss-tc-info-font{font-size:7px;color:var(--c-text-light)}
.ss-tc-badge{display:none;position:absolute;top:4px;right:4px;z-index:3;width:16px;height:16px;border-radius:50%;background:var(--c-success-light);align-items:center;justify-content:center;font-size:9px;color:var(--c-bg-white);font-weight:700;box-shadow:0 1px 4px rgba(34,197,94,0.4)}
#ss-theme-msg{display:none;padding:8px 12px;border-radius:0;font-size:12px;font-weight:normal;margin-bottom:12px;background:var(--c-success-bg-vivid);color:var(--c-success-deep);border:1px solid var(--c-green-light)}
.ss-section-divider{display:flex;align-items:center;gap:14px;margin:24px 0 16px;font-size:14px;color:var(--c-accent-purple);font-weight:700;letter-spacing:0.3px}
.ss-section-divider::before,.ss-section-divider::after{content:'';flex:1;height:2px;background:linear-gradient(90deg,transparent,var(--c-purple-border),transparent)}
.ss-bypass-circle{width:22px;height:22px;border-radius:50%;border:2px solid var(--c-success-mid);background:var(--c-success-light);cursor:pointer;display:inline-block;vertical-align:middle;transition:all 0.2s;box-shadow:0 1px 3px rgba(0,0,0,0.2);position:relative}
.ss-bypass-circle:hover{transform:scale(1.1)}
.ss-bypass-circle.bypassed{background:var(--c-danger);border-color:var(--c-danger-deep)}
.ss-bypass-circle::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.6)}
.ss-col-header{display:flex;align-items:center;gap:8px;margin-bottom:6px;padding-bottom:3px;border-bottom:2px solid var(--c-accent-purple)}
.ss-col-header h4{font-size:12px;font-weight:700;color:var(--c-accent-purple);text-transform:uppercase;margin:0;flex:1}
.ss-grid{display:grid;grid-template-columns:150px 1fr 200px;gap:10px;align-items:start;background:var(--c-bg-white);border:1px solid var(--c-border);padding:14px;border-radius:0;box-shadow:0 1px 4px rgba(0,0,0,0.03)}
.ss-col-disabled{opacity:0.2;pointer-events:none}
.ss-particulars{border:1px solid var(--c-border);background:var(--c-bg-white);max-height:260px;overflow-y:auto;border-radius:0}
.ss-part-item{padding:7px 10px;cursor:pointer;font-size:12px;border-bottom:1px solid var(--c-bg-muted);transition:all 0.15s}
.ss-part-item:hover{background:var(--c-bg-purple-tint)}
.ss-part-item.selected{background:linear-gradient(135deg,var(--c-accent-purple),var(--c-accent-violet));color:var(--c-bg-white);font-weight:600}
.ss-subitems{border:1px solid var(--c-border);background:var(--c-bg-white);max-height:260px;overflow-y:auto;border-radius:0}
.ss-sub-item{padding:4px 10px;font-size:12px;border-bottom:1px solid var(--c-bg-muted);display:flex;align-items:center;gap:6px}
.ss-sub-item label{cursor:pointer;font-size:12px;color:var(--c-text-secondary)}
.ss-sub-check{accent-color:var(--c-accent-purple)}
.ss-sub-applied{margin-left:auto;font-size:10px;color:var(--c-accent-purple)}
.ss-ctrl{margin-bottom:6px}
.ss-ctrl label{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:700;color:var(--c-accent-purple);text-transform:uppercase;margin-bottom:3px}
.ss-ctrl select{width:100%!important;padding:5px!important;border:1px solid var(--c-border-dark)!important;font-size:12px!important;background:var(--c-bg-white)!important;border-radius:0!important;box-shadow:none!important}
.ss-ctrl input[type="color"]{width:36px!important;height:24px!important;padding:1px!important;border:1px solid var(--c-border-dark)!important;cursor:pointer!important;background:var(--c-bg-white)!important;border-radius:0!important;box-shadow:none!important}
.ss-ctrl input[type="range"]{width:100%;cursor:pointer;accent-color:var(--c-accent-purple)}
.ss-ctrl input[type="number"]{width:55px!important;padding:4px!important;border:1px solid var(--c-border-dark)!important;font-size:12px!important;border-radius:0!important;box-shadow:none!important;text-align:center}
.ss-color-hex{font-size:9px;color:var(--c-text-muted);margin-left:4px}
.ss-preview-box{background:var(--c-bg-light);border:1px dashed var(--c-border-dark);padding:14px;margin:8px 0;text-align:center;border-radius:0}
.ss-table{width:100%;border-collapse:collapse;background:var(--c-bg-white);border:1px solid var(--c-border-dark);margin-top:10px;border-radius:0;overflow:hidden}
.ss-table th{background:linear-gradient(135deg,var(--c-accent-purple),var(--c-accent-violet));color:var(--c-bg-white);font-size:10px;font-weight:700;padding:8px;text-align:left;text-transform:uppercase;letter-spacing:0.5px}
.ss-table td{padding:4px 6px;border:1px solid var(--c-border);font-size:11px}
.ss-table tr:nth-child(even) td{background:var(--c-bg-lavender)}
.ss-table tr:hover td{background:var(--c-bg-purple-tint)}
.ss-lang-section{background:var(--c-bg-white);border:1px solid var(--c-border);padding:14px;margin-top:16px;border-radius:0}
.ss-lang-section h4{font-size:14px;font-weight:700;color:var(--c-accent-purple);margin:0 0 10px}
.ss-lang-sel{width:280px!important;padding:6px 10px!important;border:1px solid var(--c-border-dark)!important;font-size:13px!important;background:var(--c-bg-white)!important;border-radius:0!important;box-shadow:none!important}
.ss-legend{display:flex;align-items:center;gap:20px;margin-bottom:12px;padding:8px 12px;background:linear-gradient(135deg,var(--c-bg-lavender),var(--c-bg-purple-tint));border:1px solid var(--c-border);font-size:12px;border-radius:0}
.ss-legend-dot{width:16px;height:16px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:4px}
.ss-legend-green{background:var(--c-success-light);border:2px solid var(--c-success-mid)}
.ss-legend-red{background:var(--c-danger);border:2px solid var(--c-danger-deep)}
.ss-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.ss-apply-btn{padding:5px 10px!important;background:var(--c-accent-purple)!important;color:var(--c-bg-white)!important;border:none!important;font-size:12px!important;font-weight:normal!important;cursor:pointer!important;border-radius:0!important;box-shadow:none!important;transition:all 0.2s!important}
.ss-apply-btn:hover{background:var(--c-primary-hover)!important;transform:translateY(-1px)!important}
.ss-save-btn{padding:5px 10px!important;background:linear-gradient(135deg,var(--c-success-green),var(--c-success-mid))!important;color:var(--c-bg-white)!important;border:none!important;font-size:12px!important;font-weight:normal!important;cursor:pointer!important;border-radius:0!important;box-shadow:0 3px 10px rgba(0,151,57,0.3)!important;transition:all 0.2s!important}
.ss-save-btn:hover{transform:translateY(-2px)!important;box-shadow:0 6px 16px rgba(0,151,57,0.4)!important}
.ss-reset-btn{padding:5px 10px!important;background:linear-gradient(135deg,var(--c-danger),var(--c-danger-light))!important;color:var(--c-bg-white)!important;border:none!important;font-size:12px!important;font-weight:normal!important;cursor:pointer!important;border-radius:0!important;box-shadow:0 3px 10px rgba(220,53,69,0.3)!important;transition:all 0.2s!important}
.ss-reset-btn:hover{transform:translateY(-2px)!important;box-shadow:0 6px 16px rgba(220,53,69,0.4)!important}
.ss-msg{display:none;text-align:center;padding:10px;font-size:13px;font-weight:normal;margin-top:8px;border-radius:0}
.ss-msg.success{display:block;background:var(--c-success-bg-vivid);color:var(--c-success-deep);border:1px solid var(--c-green-light)}
.ss-msg.error{display:block;background:var(--c-danger-bg);color:var(--c-danger-deep);border:1px solid var(--c-danger-border)}
';$html .= 'body{font-family:Arial,sans-serif;margin:40px}
';$html .= 'h1{color:var(--c-accent-blue);text-align:center;font-size:var(--fs-6xl);margin-bottom:10px}
';$html .= '.contact{text-align:center;color:var(--c-text-dim);margin-bottom:20px;padding-bottom:15px;border-bottom:3px solid var(--c-accent-blue)}
';$html .= '.section{margin-bottom:25px;page-break-inside:avoid}
';$html .= '.section-title{color:var(--c-accent-blue);font-size:var(--fs-2xl);font-weight:bold;margin-bottom:10px;border-bottom:2px solid var(--c-border-subtle);padding-bottom:5px}
';$html .= '.entry{margin-bottom:15px;padding-left:10px;border-left:3px solid var(--c-border-subtle)}
';$html .= '.entry-title{font-weight:bold;font-size:var(--fs-md)}
';$html .= '.entry-subtitle{color:var(--c-text-dim);font-size:var(--fs-base-sm);margin-top:3px}
';$html .= '.entry-desc{color:var(--c-text-body);font-size:var(--fs-base-sm);margin-top:5px;line-height:1.5}
';$html .= '.skill{display:inline-block;background:var(--c-accent-blue);color:white;padding:4px 10px;border-radius:var(--radius-3xl);margin:3px;font-size:var(--fs-sm)}
';$html .= '@media print{body{margin:20px}
}
';$html .= ' --c-amber:var(--c-amber);--c-amber-bg:var(--c-amber-bg);--c-bg-cool:var(--c-bg-cool);--c-bg-cream:var(--c-bg-cream);--c-bg-ghost:var(--c-bg-ghost);--c-bg-lavender:var(--c-bg-lavender);--c-bg-near-white:var(--c-bg-near-white);--c-bg-purple-tint:var(--c-bg-purple-tint);--c-bg-warm:var(--c-bg-warm);--c-blue-bg-light:var(--c-blue-bg-light);--c-border-muted:var(--c-border-muted);--c-border-muted-alpha:var(--c-border-muted-alpha);--c-cyan:var(--c-cyan);--c-danger-text:var(--c-danger-text);--c-danger-text-dark:var(--c-danger-text-dark);--c-electric-purple:var(--c-electric-purple);--c-emerald-light:var(--c-emerald-light);--c-green-bg:var(--c-green-bg);--c-green-bg-light:var(--c-green-bg-light);--c-green-light:var(--c-green-light);--c-indigo:var(--c-indigo);--c-navy:var(--c-navy);--c-orange:var(--c-orange);--c-pink:var(--c-pink);--c-pink-bg:var(--c-pink-bg);--c-pink-bg-light:var(--c-pink-bg-light);--c-pink-bg-pale:var(--c-pink-bg-pale);--c-pink-border:var(--c-pink-border);--c-pink-vivid:var(--c-pink-vivid);--c-plum-dark:var(--c-plum-dark);--c-primary-black:var(--c-primary-black);--c-primary-near-black:var(--c-primary-near-black);--c-purple-bg:var(--c-purple-bg);--c-purple-bg-light:var(--c-purple-bg-light);--c-purple-border:var(--c-purple-border);--c-purple-light:var(--c-purple-light);--c-purple-night:var(--c-purple-night);--c-red-bg-light:var(--c-red-bg-light);--c-red-bg-pale:var(--c-red-bg-pale);--c-red-light:var(--c-red-light);--c-rose-bg:var(--c-rose-bg);--c-rose-bg-light:var(--c-rose-bg-light);--c-rose-border:var(--c-rose-border);--c-violet:var(--c-violet);--c-violet-bg:var(--c-violet-bg);--c-violet-bg-light:var(--c-violet-bg-light);--c-violet-border:var(--c-violet-border);--c-warning-text-dark:var(--c-warning-text-dark);.tab-fallback-wrap{text-align:center;padding:60px 20px}
.tab-fallback-icon{font-size:var(--fs-hero-xl);margin-bottom:15px}
.tab-fallback-title{color:var(--c-primary)}
.tab-fallback-text{color:var(--c-text-placeholder)}
.page-content-wrap{max-width:1200px;margin:40px auto;padding:0 20px}
.page-title{color:var(--c-primary);margin-bottom:20px}
.hidden-element{display:none}
.d-none{display:none}
.mt-4{margin-top:4px}
.mt-10{margin-top:10px}
.mb-10{margin-bottom:10px}
.mb-12{margin-bottom:12px}
.ml-8{margin-left:8px}
.ml-10{margin-left:10px}
.nowrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-badge{background:var(--c-danger) !important;color:var(--c-bg-white) !important;-webkit-text-fill-color:#fff !important;font-size:9px !important;padding:1px 6px !important;border-radius:10px !important;margin-left:4px !important;font-weight:700 !important;display:inline-block;min-width:16px !important;text-align:center !important;line-height:14px !important}
.sidebar-badge.d-none{display:none !important}
.sidebar-role{font-size:var(--fs-xs);color:var(--c-text-faded);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.modified-indicator{font-size:var(--fs-sm);color:var(--c-text-light);font-style:italic}
.deleted-post-msg{padding:20px 14px;text-align:center;color:var(--c-text-light);font-style:italic}
.post-deleted-confirm{text-align:center;padding:14px;color:var(--c-danger);font-weight:normal;font-size:var(--fs-base)}
.comments-loading{text-align:center;padding:10px;color:var(--c-text-light);font-size:var(--fs-base)}
.feed-empty{text-align:center;padding:80px 20px}
.feed-empty-icon{font-size:80px;margin-bottom:20px;opacity:0.4}
.feed-empty-title{font-size:var(--fs-3xl);font-weight:700;color:var(--c-text-primary);margin-bottom:10px}
.feed-empty-text{font-size:var(--fs-md);color:var(--c-text-light)}
.char-counter{text-align:right;font-size:var(--fs-sm);color:var(--c-text-light);margin-top:-4px;margin-bottom:6px}
.reply-form-wrapper{display:none}
.btn-accepted{background:var(--c-success) !important;cursor:default !important}
.btn-declined{background:var(--c-text-muted) !important;cursor:default !important}
.btn-closed{background:var(--c-border-input) !important;cursor:not-allowed !important}
.btn-pending{background:var(--c-warning) !important}
.btn-danger-override{background:var(--c-danger) !important}
.btn-success-override{background:var(--c-success) !important}
.btn-draft{background-color:var(--c-btn) !important}
.btn-message{background:var(--c-info) !important}
.avatar-actions{margin-top:8px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.upload-photo-btn{padding:5px 14px !important;font-size:var(--fs-base-sm) !important;font-family:var(--font-main) !important;cursor:pointer;background:var(--c-accent-purple) !important;color:var(--c-bg-white) !important;border:none !important;font-weight:normal !important}
.remove-photo-btn{padding:5px 14px !important;font-size:var(--fs-base-sm) !important;font-family:var(--font-main) !important;cursor:pointer;background:var(--c-danger) !important;color:var(--c-bg-white) !important;border:none !important;font-weight:normal !important}
.input-disabled{background:var(--c-bg-input-alt)}
.save-btn-wrap{max-width:50%;margin-top:10px}
.save-btn-primary{width:100%;padding:8px 12px !important;font-size:var(--fs-base) !important;font-family:var(--font-main) !important;cursor:pointer;background:var(--c-primary) !important;color:var(--c-bg-white) !important;border:none !important}
.vp-not-found{padding:40px;text-align:center;color:var(--c-text-muted)}
.vp-actions-row{display:flex;gap:8px;justify-content:center;margin-top:6px}
.vp-conn-count{font-size:var(--fs-base-sm);color:var(--c-text-muted);margin-top:6px}
.vp-bio-text{font-size:var(--fs-base);color:var(--c-text-secondary);line-height:1.6}
.vp-footer{text-align:center;padding:15px;font-size:var(--fs-base-sm);color:var(--c-text-light)}
.company-tabs{display:flex;gap:2px;margin-bottom:20px}
.company-link{color:var(--c-accent-purple);font-weight:normal}
.company-coming-soon{padding:30px}
.js-separator{color:var(--c-border-input)}
.js-new-badge{background:var(--c-accent-purple);color:white;font-size:var(--fs-2xs);padding:1px 6px;margin-left:5px;font-weight:700}
.js-vacancies{font-size:var(--fs-sm);color:var(--c-text-muted)}
.js-no-results-title{font-size:var(--fs-md);color:var(--c-text-tertiary);font-weight:normal}
.js-no-results-text{font-size:var(--fs-base-sm)}
.js-link{font-size:var(--fs-base-sm);color:var(--c-accent-purple)}
.js-filter-inline{display:inline}
.conn-accept-all{padding:6px 18px !important;font-size:var(--fs-base-sm) !important}
.conn-removed-avatar{opacity:0.6}
.search-placeholder{max-width:900px;margin:0 auto;padding:20px}
.search-placeholder-card{background:white;border-radius:var(--radius-3xl);padding:30px;text-align:center;box-shadow:var(--shadow-md)}
.search-placeholder-icon{font-size:64px;margin-bottom:20px}
.search-placeholder-title{color:var(--c-primary);margin-bottom:15px}
.search-placeholder-text{color:var(--c-text-dim);font-size:var(--fs-xl);margin-bottom:20px}
.search-placeholder-note{color:var(--c-text-placeholder);font-size:var(--fs-md)}
.db-status-ok{color:green}
.db-status-err{color:red}
.db-card{margin-top:20px}
.cv-summary-block{background:var(--cv-bg);padding:14px 18px;border-left:var(--cv-entry-border-left)}
.cv-summary-subsection{margin-top:8px;padding-top:8px;border-top:1px solid rgba(0,0,0,0.06)}
.sj-panel{display:none}
.form-inline{margin:0}
.text-muted-italic{color:var(--c-text-light);font-style:italic}
.fs-sm{font-size:var(--fs-sm) !important}
.card{background:var(--c-bg-white);border-radius:var(--radius-3xl);padding:20px;margin-bottom:20px;box-shadow:var(--shadow-md)}
.flash-message{padding:12px 16px;margin-bottom:15px;border-radius:var(--radius-lg);font-size:var(--fs-base);font-weight:normal}
.flash-message.success{background:var(--c-success-bg);color:var(--c-success-text);border:1px solid var(--c-success-border)}
.flash-message.error{background:var(--c-danger-bg);color:var(--c-danger-text);border:1px solid var(--c-danger-border)}
.flash-message.warning{background:var(--c-warning-bg-alt);color:var(--c-warning-text);border:1px solid var(--c-warning-border-alt)}
.flash-message.info{background:var(--c-info-bg);color:var(--c-info-dark);border:1px solid var(--c-info-border)}
.ss-col{min-width:0}
.ss-style-section{margin-top:4px}
.ss-style-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:var(--fs-sm);font-weight:700;color:var(--c-text-primary);padding:4px 0}
.ss-style-toggle span{font-size:var(--fs-xs);color:var(--c-text-light)}
.ss-style-body{display:none;padding:6px 0 6px 8px}
.ss-style-body.open{display:block}
.ss-style-row{display:flex;align-items:center;gap:6px;margin-bottom:4px;font-size:var(--fs-sm)}
.ss-style-row label{min-width:50px;font-size:var(--fs-sm);color:var(--c-text-muted)}
.ss-shadow-presets{display:flex;gap:3px;flex-wrap:wrap}
.ss-shadow-preset{padding:3px 8px;border:1px solid var(--c-border-dark);border-radius:var(--radius-md);font-size:8px;cursor:pointer;background:var(--c-bg-white);transition:all 0.15s}
.ss-shadow-preset:hover,.ss-shadow-preset.active{background:var(--c-accent-purple);color:var(--c-bg-white);border-color:var(--c-accent-purple)}
.js-filter-select{min-width:100px;font-size:var(--fs-sm);padding:4px 6px;border:1px solid var(--c-border-dark);border-radius:var(--radius-md);font-family:var(--font-main)}
.edit-post-id,.keep-media-url{display:none}
.page-content{line-height:1.6;color:var(--c-text-dark)}
.site-main{width:100%}
.notice{padding:12px 16px;margin-bottom:15px;border-left:4px solid var(--c-border-dark);background:var(--c-bg-light)}
.notice-success{border-left-color:var(--c-success)}
.notice-warning{border-left-color:var(--c-warning-vivid)}
.notice.is-dismissible{position:relative}
.button-primary{background:var(--c-accent-purple) !important;color:var(--c-bg-white) !important;border:none !important;padding:6px 16px !important;cursor:pointer}
.wrap{max-width:100%}
.msg-link{color:var(--c-accent-purple);text-decoration:underline;font-weight:normal;display:inline-block;margin-top:4px}
.ss-picker-bar{display:flex;align-items:center;gap:12px;margin:10px 0 6px;padding:8px 12px;background:var(--c-bg-panel);border:2px dashed var(--c-accent-purple);border-radius:var(--radius-lg)}
.ss-picker-btn{background:var(--c-accent-purple) !important;color:var(--c-bg-white) !important;padding:8px 18px !important;font-size:var(--fs-base) !important;font-weight:700 !important;border:none !important;border-radius:var(--radius-lg) !important;cursor:pointer;transition:all 0.2s}
.ss-picker-btn:hover{background:var(--c-primary-dark) !important;transform:scale(1.02)}
.ss-picker-btn.active{background:var(--c-danger) !important}
.ss-picker-status{font-size:var(--fs-base-sm);color:var(--c-text-muted);flex:1}
.ss-picker-status b{color:var(--c-accent-purple)}
#ss-picker-highlight{position:absolute;border:3px solid var(--c-accent-purple);background:rgba(106,27,154,0.08);pointer-events:none;z-index:99998;display:none;transition:all 0.08s ease-out;box-shadow:0 0 0 2px rgba(106,27,154,0.3)}
#ss-picker-tooltip{position:fixed;background:var(--c-primary-darkest);color:var(--c-bg-white);padding:8px 12px;border-radius:var(--radius-lg);font-size:12px;line-height:1.5;font-family:var(--font-main);z-index:99999;pointer-events:none;display:none;max-width:280px;box-shadow:0 4px 16px rgba(0,0,0,0.4);white-space:nowrap}
#ss-picker-tooltip b{color:#c084fc}
@keyframes ss-picker-pulse{0%,100%{box-shadow:0 0 0 0 rgba(220,53,69,0.4)}
50%{box-shadow:0 0 0 8px rgba(220,53,69,0)}
}
.ss-sub-label:hover{color:var(--c-accent-purple);text-decoration:underline}
.jobs-filter-row{display:flex;gap:4px;margin-bottom:10px;flex-wrap:wrap;align-items:center}
.jobs-filter-sel{padding:4px 6px;font-size:11px;border:1px solid var(--c-border);background:var(--c-bg-white);color:var(--c-text-secondary);font-family:inherit;outline:none;min-width:80px;cursor:pointer}
.jobs-filter-sel:focus{border-color:var(--c-accent-purple)}
.banner-row{width:100%}
.banner-row .info-banner{width:100%}
.notif-dashboard{width:100%;flex-shrink:0;background:var(--c-bg-white);border:1px solid var(--c-border);display:flex;flex-direction:column;height:220px;overflow:hidden;margin-bottom:10px}
.notif-dash-header{padding:6px 10px;background:var(--c-primary);color:#fff;font-size:11px;font-weight:600;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}
.notif-dash-header button{background:none;border:none;color:rgba(255,255,255,0.8);font-size:10px;cursor:pointer;font-family:inherit}
.notif-dash-header button:hover{color:#fff;text-decoration:underline}
.notif-dash-list{flex:1;overflow-y:auto;font-size:11px}
.notif-dash-item{padding:6px 10px;border-bottom:1px solid var(--c-border-light,#f0f0f0);cursor:pointer;display:flex;gap:6px;align-items:flex-start;transition:background 0.15s;line-height:1.4}
.notif-dash-item:hover{background:var(--c-bg-muted,#f9fafb)}
.notif-dash-item.unread{background:#f5f0ff;font-weight:500}
.notif-dash-item.unread:hover{background:#ede5ff}
.notif-dash-icon{font-size:13px;flex-shrink:0}
.notif-dash-content{flex:1;min-width:0}
.notif-dash-text{font-size:11px;color:var(--c-text-primary)}
.notif-dash-text strong{font-weight:600}
.notif-dash-time{font-size:9px;color:var(--c-text-muted);margin-top:1px}
.notif-dash-empty{padding:20px 10px;text-align:center;color:var(--c-text-muted);font-size:11px}
.post-author-link{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.post-author-link:hover .post-author-name{text-decoration:underline;color:var(--c-accent-purple)}
.post-engagements{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.notif-dash-tabs{display:flex;border-bottom:2px solid var(--c-border);flex-shrink:0}
.nd-tab{flex:1;padding:4px 2px;border:none;background:var(--c-bg-muted);cursor:pointer;font-size:11px;text-align:center;position:relative;color:var(--c-text-mid);white-space:nowrap}
.nd-tab.active{background:var(--c-bg-white);color:var(--c-accent-purple);border-bottom:2px solid var(--c-accent-purple);font-weight:700}
.nd-tab:hover{background:var(--c-bg-white)}
.nd-badge{background:var(--c-danger);color:white;font-size:9px;padding:1px 4px;font-weight:700;display:inline-block;vertical-align:top;min-width:14px;text-align:center}
.nd-badge:empty{display:none}
.nd-panel{display:flex;flex-direction:column;flex:1;overflow:hidden}
.nd-panel-header{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:var(--c-accent-purple);color:white;font-size:10px;font-weight:700;flex-shrink:0;white-space:nowrap}
.nd-panel-header button{background:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.3);color:white;padding:1px 6px;font-size:9px;cursor:pointer;white-space:nowrap}
.nd-panel-header button:hover{background:rgba(255,255,255,0.3)}
.alert-item{border-left:3px solid var(--c-warning) !important}
.alert-item .notif-dash-icon{color:var(--c-warning)}
.misleading-btn{background:transparent !important;border:1px solid var(--c-border) !important;color:var(--c-text-muted) !important}
.misleading-btn:hover{background:var(--c-warning-bg) !important;border-color:var(--c-warning) !important}
.misleading-btn.active{background:var(--c-warning) !important;color:white !important;border-color:var(--c-warning) !important}
.eng-badge-count{display:inline-block !important;min-width:14px !important;height:14px !important;line-height:14px !important;font-size:8px !important;font-weight:800 !important;text-align:center !important;padding:0 3px !important;border-radius:7px !important;color:#fff !important;-webkit-text-fill-color:#fff !important;cursor:pointer !important;z-index:2 !important;background-image:none !important}
.eng-badge-count:hover{opacity:0.8 !important}
.like-btn .eng-badge-count{background:var(--c-primary,#5B2C8A) !important;background-color:var(--c-primary,#5B2C8A) !important}
.dislike-btn .eng-badge-count{background:var(--c-primary,#5B2C8A) !important;background-color:var(--c-primary,#5B2C8A) !important}
.forward-btn .eng-badge-count{background:var(--c-primary,#5B2C8A) !important;background-color:var(--c-primary,#5B2C8A) !important}
.comment-btn .eng-badge-count{background:var(--c-primary,#5B2C8A) !important;background-color:var(--c-primary,#5B2C8A) !important}
.save-btn .eng-badge-count{background:var(--c-primary,#5B2C8A) !important;background-color:var(--c-primary,#5B2C8A) !important}
.misleading-btn .eng-badge-count{background:#dc2626 !important;background-color:#dc2626 !important}
.eng-users-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.15);z-index:999}
.eng-users-popup{position:absolute;z-index:1000;background:var(--c-bg-white);border:1px solid var(--c-border);box-shadow:0 4px 16px rgba(0,0,0,0.15);width:200px;max-height:250px;display:flex;flex-direction:column}
.eng-users-header{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:var(--c-accent-purple);color:white;font-size:11px;font-weight:700}
.eng-users-header button{background:none;border:none;color:white;font-size:14px;cursor:pointer}
.eng-users-list{flex:1;overflow-y:auto;max-height:200px}
.eng-user-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid var(--c-border-light,#f0f0f0);cursor:pointer;font-size:12px}
.eng-user-item:hover{background:var(--c-bg-muted)}
.eng-user-av{width:24px;height:24px;border-radius:50%;object-fit:cover}
.ml-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:9998}
.ml-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;background:var(--c-bg-white);border:1px solid var(--c-border);width:300px;max-width:90vw;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px rgba(0,0,0,0.2)}
.ml-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--c-warning);color:var(--c-text-dark);font-weight:700;font-size:13px}
.ml-dialog-header button{background:none;border:none;font-size:16px;cursor:pointer;color:var(--c-text-dark)}
.ml-dialog-body{padding:14px}
.ml-warning{background:#fff3cd;border:1px solid #ffc107;padding:8px 12px;font-size:11px;color:#856404;margin-bottom:12px;font-weight:600}
.ml-label{font-size:12px;font-weight:700;margin-bottom:8px;color:var(--c-text-primary)}
.ml-reason{display:block;font-size:12px;padding:4px 0;cursor:pointer;color:var(--c-text-primary)}
.ml-reason input{margin-right:6px}
.ml-note{width:100%;padding:6px 8px;border:1px solid var(--c-border);font-size:11px;margin:2px 0 8px 22px;resize:vertical;min-height:35px;max-height:80px;font-family:inherit;width:calc(100% - 22px);background:var(--c-bg-muted)}
.ml-dialog-footer{display:flex;justify-content:flex-end;gap:8px;padding:10px 14px;border-top:1px solid var(--c-border)}
.ml-cancel-btn{padding:6px 14px;border:1px solid var(--c-border);background:var(--c-bg-white);cursor:pointer;font-size:12px}
.ml-submit-btn{padding:6px 14px;border:none;background:var(--c-danger);color:white;cursor:pointer;font-size:12px;font-weight:700}
.ml-submit-btn:hover{opacity:0.9}
.ml-clear-btn{background:var(--c-success);color:white;border:none;padding:1px 6px;font-size:9px;cursor:pointer;margin-left:4px;font-weight:700}
.ml-clear-btn:hover{opacity:0.8}
.ml-caution{background:#fef2f2;border:1px solid #dc2626;padding:12px;text-align:center}
.ml-caution-icon{font-size:28px;margin-bottom:6px}
.ml-caution-title{font-size:13px;font-weight:800;color:#dc2626;margin-bottom:8px}
.ml-caution-text{font-size:11px;color:#7f1d1d;text-align:left;line-height:1.6}
.ml-reason-summary{font-size:11px;color:var(--c-text-primary);background:var(--c-bg-muted);padding:8px 10px;line-height:1.6;max-height:100px;overflow-y:auto}
.ml-msg-bar{padding:6px 10px;font-size:11px;font-weight:600;text-align:center}
.ml-msg-warning{background:#fff3cd;color:#856404;border:1px solid #ffc107}
.ml-msg-error{background:#fef2f2;color:#dc2626;border:1px solid #dc2626}
body.density-relaxed .left-sidebar{padding:6px 5px}
body.density-relaxed .center-content{padding:14px 10px}
body.density-relaxed .users-panel{padding:4px 4px}
body.density-relaxed .right-sidebar{padding:0 4px 4px}
body.density-relaxed .sidebar-avatar{width:70px;height:88px}
body.density-relaxed .sidebar-profile{padding-bottom:4px;margin-bottom:3px}
body.density-relaxed .nav-item a{padding:3px 6px}
body.density-relaxed .nav-submenu li a{padding:2px 6px}
body.density-relaxed .feed-post,body.density-relaxed .post-card{padding:12px;margin-bottom:8px}
body.density-relaxed .nav-section{margin-bottom:1px}
body.density-cozy .left-sidebar{padding:4px 4px}
body.density-cozy .center-content{padding:10px 8px}
body.density-cozy .users-panel{padding:3px 3px}
body.density-cozy .right-sidebar{padding:0 3px 3px}
body.density-cozy .sidebar-avatar{width:60px;height:78px}
body.density-cozy .sidebar-profile{padding-bottom:3px;margin-bottom:2px}
body.density-cozy .sidebar-name{font-size:13px}
body.density-cozy .sidebar-email{font-size:10px}
body.density-cozy .nav-item a{padding:3px 5px;font-size:12px}
body.density-cozy .nav-submenu li a{padding:2px 5px;font-size:11px}
body.density-cozy .feed-post,body.density-cozy .post-card{padding:10px;margin-bottom:6px}
body.density-cozy .nav-section{margin-bottom:0}
body.density-cozy .up-card{padding:6px;margin-bottom:4px}
body.density-cozy .post-header{margin-bottom:6px}
body.density-cozy .post-content{margin-bottom:6px}
body.density-compact .left-sidebar{padding:2px 3px}
body.density-compact .center-content{padding:6px 5px}
body.density-compact .users-panel{padding:2px 2px}
body.density-compact .right-sidebar{padding:0 2px 2px}
body.density-compact .sidebar-avatar{width:50px;height:65px;margin-bottom:2px}
body.density-compact .sidebar-profile{padding-bottom:2px;margin-bottom:1px}
body.density-compact .sidebar-name{font-size:12px;margin-bottom:0}
body.density-compact .sidebar-email{font-size:9px}
body.density-compact .nav-item a{padding:2px 4px;font-size:11px}
body.density-compact .nav-submenu li a{padding:1px 4px;font-size:10px}
body.density-compact .feed-post,body.density-compact .post-card{padding:8px;margin-bottom:4px}
body.density-compact .nav-section{margin-bottom:0}
body.density-compact .up-card{padding:4px;margin-bottom:3px}
body.density-compact .post-header{margin-bottom:4px}
body.density-compact .post-content{margin-bottom:4px}
body.density-compact .post-avatar{width:36px;height:36px}
body.density-compact h2{font-size:14px}
.skip-link{position:absolute;top:-100%;left:50%;transform:translateX(-50%);background:#6a1b9a;color:#fff;padding:8px 20px;border-radius:0 0 6px 6px;z-index:10001;font-size:14px;font-weight:600;text-decoration:none;transition:top 0.2s}
.skip-link:focus{top:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important}
}
@media print{.site-header,.left-sidebar,.right-sidebar,.site-footer,.hamburger-btn{display:none !important}
.dashboard-center{margin:0 !important;width:100% !important}
}