@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800&family=Sora:wght@600;700;800&display=swap";.uw-header{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:9999!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#fffffff2!important;border-bottom:1px solid rgba(15,23,42,.1)!important;transition:all .3s ease;box-shadow:0 4px 20px #0000000d!important}.uw-header--scrolled{background:#ffffffeb;border-bottom-color:#0f172a14;box-shadow:0 12px 34px #0206170f}.uw-header__container{width:100%;max-width:1440px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.uw-left{display:flex;align-items:center;gap:24px;min-width:0;flex-shrink:1}.uw-brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}.uw-brand__icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#02061708;border:1px solid rgba(15,23,42,.08);overflow:hidden}.uw-brand__logo{width:100%;height:100%;object-fit:contain;display:block}.uw-brand__name{font-weight:800;letter-spacing:.5px;color:#0f172a;font-size:19px;white-space:nowrap}.uw-nav{display:flex;align-items:center;gap:8px}.uw-nav__link{height:36px;padding:0 10px;border-radius:10px;display:inline-flex;align-items:center;gap:4px;text-decoration:none;font-weight:600;font-size:13px;color:#0f172ab3;white-space:nowrap;border:1px solid transparent;transition:all .25s cubic-bezier(.4,0,.2,1)}.uw-nav__link:hover{background:#0f172a0d;color:#0f172a}.uw-nav__link--active{background:#2563eb14;border-color:#2563eb2e;color:#1e3a8a}.uw-nav__more{position:relative}.uw-nav__more:after{content:"";position:absolute;left:0;right:0;top:100%;height:12px}.uw-nav__morebtn{height:40px;padding:0 12px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;border:1px solid transparent;background:transparent;color:#0f172adb;font-weight:650;font-size:14px;white-space:nowrap;transition:background .2s ease,border-color .2s ease,transform .2s ease}.uw-nav__morebtn:hover{background:#0206170a;border-color:#0f172a1a;transform:translateY(-1px)}.uw-nav__menu{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);min-width:190px;padding:8px;border-radius:14px;background:#fffffff5;border:1px solid rgba(15,23,42,.12);box-shadow:0 30px 70px #02061724;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.uw-nav__menu{position:absolute;top:130%;left:50%;transform:translate(-50%) translateY(10px);min-width:190px;padding:8px;border-radius:14px;background:#fffffff5;border:1px solid rgba(15,23,42,.12);box-shadow:0 30px 70px #02061724;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.uw-nav__menu.open{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(10px)}.uw-nav__menulink{display:flex;align-items:center;height:40px;padding:0 12px;border-radius:12px;text-decoration:none;font-weight:500;font-size:14px;color:#0f172a;transition:background .18s ease}.uw-nav__menulink:hover{background:#0206170a}.uw-nav__link--btn{background:transparent;cursor:pointer}.uw-mega{position:relative}.uw-mega:after{content:"";position:absolute;left:0;right:0;top:100%;height:18px}.uw-mega__panel{position:fixed;left:0;right:0;top:84px;margin:0 auto;width:100%;max-width:none;padding:26px 28px;border-radius:0;background:#fffffffa;border-top:1px solid rgba(15,23,42,.1);border-bottom:1px solid rgba(15,23,42,.1);box-shadow:0 30px 70px #02061724;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .18s ease,transform .18s ease;z-index:3000}.uw-mega__panel.open{opacity:1;pointer-events:auto;transform:translateY(0)}.uw-mega__grid{width:min(1200px,calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.uw-mega__col{min-width:0}.uw-mega__title{font-weight:700;font-size:13px;color:#0f172a;margin-bottom:10px}.uw-mega__item{display:block;padding:8px 10px;border-radius:12px;text-decoration:none;font-weight:500;font-size:13px;color:#0f172adb;transition:background .16s ease,transform .16s ease}.uw-mega__item:hover{background:#0206170a;transform:translateY(-1px)}.uw-mega__side{border-left:1px solid rgba(15,23,42,.1);padding-left:18px}.uw-mega__sideTitle{font-weight:700;font-size:13px;color:#0f172a;margin-bottom:10px}.uw-mega__sideLink{display:inline-flex;padding:10px;border-radius:12px;font-weight:500;font-size:13px;text-decoration:none;color:#1e3a8a;transition:background .16s ease}.uw-mega__sideLink:hover{background:#2563eb14}@media(max-width:860px){.uw-mega__panel{display:none!important}}.dark-mode .uw-mega__panel{background:#0f172afa;border-color:#ffffff1a;box-shadow:0 30px 70px #0006}.dark-mode .uw-mega__title,.dark-mode .uw-mega__sideTitle{color:#f1f5f9}.dark-mode .uw-mega__item{color:#f1f5f9e6}.dark-mode .uw-mega__item:hover{background:#ffffff0f}.dark-mode .uw-mega__side{border-left-color:#ffffff1a}.dark-mode .uw-mega__sideLink{color:#93c5fd}.dark-mode .uw-mega__sideLink:hover{background:#93c5fd1f}.uw-actions{display:flex;align-items:center;gap:14px}.uw-iconbtn{width:42px;height:42px;border-radius:999px;border:1px solid rgba(15,23,42,.14);background:#02061708;color:#0f172a;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,transform .2s ease,border-color .2s ease}.uw-iconbtn:hover{background:#0206170d;border-color:#0f172a2e;transform:translateY(-1px)}.uw-linkbtn{height:42px;padding:0 14px;border-radius:999px;display:flex;align-items:center;text-decoration:none;font-weight:850;font-size:14px;color:#0f172a;border:1px solid rgba(15,23,42,.14);background:#02061708;transition:background .2s ease,transform .2s ease,border-color .2s ease}.uw-linkbtn:hover{background:#0206170d;border-color:#0f172a2e;transform:translateY(-1px)}.uw-ctabtn{height:42px;padding:0 20px;border-radius:14px;display:flex;align-items:center;text-decoration:none;font-weight:700;font-size:14px;color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 10px 25px #2563eb33;transition:all .3s cubic-bezier(.4,0,.2,1)}.uw-ctabtn:hover{transform:translateY(-2px);box-shadow:0 14px 30px #2563eb59;filter:brightness(1.05)}.uw-burger{display:none;width:42px;height:42px;border-radius:999px;border:1px solid rgba(15,23,42,.14);background:#02061708;color:#0f172a;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,transform .2s ease,border-color .2s ease}.uw-burger:hover{background:#0206170d;border-color:#0f172a2e;transform:translateY(-1px)}.uw-drawer{display:none;border-top:1px solid rgba(15,23,42,.08);background:#fffffff0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:absolute;top:100%;left:0;right:0;z-index:999;box-shadow:0 20px 40px #0f172a14}.uw-drawer--open{display:block}.uw-drawer__inner{max-width:1200px;margin:0 auto;padding:16px 20px 24px}.uw-drawer__links{display:flex;flex-direction:column;gap:6px}.uw-drawer__link{height:48px;padding:0 10px;border-radius:12px;display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:600;font-size:14px;color:#1e293b;border:none;background:transparent;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%;text-align:left}.uw-drawer__link:hover{background:#2563eb0d;color:#2563eb}.uw-drawer__link:hover .uw-drawer__link-icon-box{background:#2563eb14;color:#2563eb}.uw-drawer__link:hover .uw-drawer__link-arrow{color:#2563eb;transform:translate(4px)}.uw-drawer__link--active{background:#2563eb14;color:#1d4ed8;font-weight:700}.uw-drawer__link--active .uw-drawer__link-icon-box{background:#2563eb1f;color:#1d4ed8}.uw-drawer__link-icon-box{width:32px;height:32px;border-radius:10px;background:#0f172a0a;color:#64748b;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.uw-drawer__link-text{flex:1}.uw-drawer__link-arrow{color:#94a3b8;transition:transform .2s ease,color .2s ease;flex-shrink:0}.uw-drawer__link--theme{display:flex;align-items:center;justify-content:space-between}.uw-drawer__theme-toggle-switch{position:relative;width:38px;height:22px;border-radius:11px;background:#0f172a1a;transition:background .25s ease;flex-shrink:0}.uw-drawer__theme-toggle-dot{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0f172a26;transition:transform .25s cubic-bezier(.4,0,.2,1)}.uw-drawer__theme-toggle-dot.active{transform:translate(16px)}.uw-drawer__actions{margin-top:16px;display:flex;flex-direction:column;gap:10px}.uw-drawer__btn-login,.uw-drawer__btn-signup{height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14.5px;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.uw-drawer__btn-login{background:#0f172a08;color:#1e293b;border:1px solid rgba(15,23,42,.12)}.uw-drawer__btn-login:hover{background:#0f172a0f;border-color:#0f172a33}.uw-drawer__btn-signup{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 8px 24px #2563eb33;border:none}.uw-drawer__btn-signup:hover{transform:translateY(-1px);box-shadow:0 10px 28px #2563eb59;filter:brightness(1.04)}@media(max-width:1084px){.uw-header__container{gap:10px}.uw-brand__icon,.uw-brand__logo{width:46px;height:46px}.uw-brand__name{font-size:16px}.uw-nav{gap:6px}.uw-nav__link,.uw-nav__morebtn{font-size:12px;padding:0 8px;height:36px}.uw-iconbtn{width:38px;height:38px}.uw-linkbtn{height:38px;padding:0 10px;font-size:12px}.uw-ctabtn{height:38px;padding:0 12px;font-size:12px}.uw-mega__panel{padding:18px 16px;top:76px}.uw-mega__grid{width:min(980px,calc(100% - 24px));grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.uw-mega__item{padding:7px 9px;font-size:12.5px}.uw-mega__title,.uw-mega__sideTitle{font-size:12px;margin-bottom:8px}.uw-mega__side{grid-column:1 / -1;border-left:none;border-top:1px solid rgba(15,23,42,.1);padding-left:0;padding-top:14px}}@media(max-width:860px){.uw-nav{display:none}.uw-burger{display:inline-flex}}@media(max-width:520px){.uw-brand__name,.uw-linkbtn{display:none}}@media(max-width:768px){.lang-sw,.uw-iconbtn{display:none!important}}.preferences-panel{padding:12px 0!important}.pref-section{padding:8px 12px}.pref-label{display:block;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.pref-theme-toggle{width:100%;height:40px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;color:var(--text);font-weight:600;font-size:13px;transition:all .2s ease}.pref-theme-toggle:hover{background:var(--brand-light);border-color:var(--brand);color:var(--brand)}.pref-divider{height:1px;background:var(--border);margin:12px 0}.rotate-settings{animation:rotate 2s linear infinite}.dark-mode .uw-header{background:#0f172abf!important;border-bottom:1px solid rgba(255,255,255,.06)!important}.dark-mode .uw-header--scrolled{background:#0f172ad9!important;box-shadow:0 15px 40px #0006!important}.dark-mode .uw-brand__name,.dark-mode .uw-nav__link,.dark-mode .uw-nav__morebtn,.dark-mode .uw-linkbtn,.dark-mode .uw-iconbtn{color:#f1f5f9}.dark-mode .uw-nav__link:hover,.dark-mode .uw-nav__morebtn:hover,.dark-mode .uw-linkbtn:hover,.dark-mode .uw-iconbtn:hover{background:#ffffff0f;border-color:#ffffff1f}.dark-mode .uw-drawer{background:#0f172af2;border-top-color:#ffffff14;box-shadow:0 20px 40px #0000004d}.dark-mode .uw-drawer__link{color:#f1f5f9}.dark-mode .uw-drawer__link:hover{background:#ffffff0a;color:#60a5fa}.dark-mode .uw-drawer__link-icon-box{background:#ffffff0d;color:#94a3b8}.dark-mode .uw-drawer__link:hover .uw-drawer__link-icon-box{background:#3b82f626;color:#60a5fa}.dark-mode .uw-drawer__link-arrow{color:#64748b}.dark-mode .uw-drawer__theme-toggle-switch{background:#ffffff26}.dark-mode .uw-drawer__btn-login{background:#ffffff08;color:#f1f5f9;border-color:#ffffff26}.dark-mode .uw-drawer__btn-login:hover{background:#ffffff0f;border-color:#ffffff40}.lang-sw{position:relative}.lang-sw__trigger{display:flex;align-items:center;justify-content:center;gap:4px;height:38px;padding:0 14px;border-radius:12px;border:1px solid rgba(15,23,42,.1);background:#0f172a08;color:#1e293b;cursor:pointer;font-weight:700;font-size:13px;transition:all .2s ease}.lang-sw__trigger:hover{background:#0f172a0f;border-color:#0f172a29}.lang-sw__code{font-size:12px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}.lang-sw__arrow{opacity:.5;margin-left:2px;transition:transform .25s ease}.lang-sw__arrow.open{transform:rotate(180deg)}.lang-sw__panel{position:absolute;top:calc(100% + 8px);right:0;min-width:160px;padding:6px;border-radius:14px;background:#fff;border:1px solid rgba(15,23,42,.1);box-shadow:0 20px 50px #02061729;z-index:9999;animation:langPanelIn .18s ease}@keyframes langPanelIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.lang-sw__item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border-radius:10px;border:none;background:transparent;cursor:pointer;font-size:14px;font-weight:500;color:#0f172a;text-align:left;transition:background .15s}.lang-sw__item:hover{background:#0206170a}.lang-sw__item.active{background:#2563eb14;color:#1d4ed8;font-weight:700}.lang-sw__item-flag{font-size:18px;line-height:1}.lang-sw__item-label{flex:1}.lang-sw__item-check{color:#2563eb;margin-left:auto}.dark-mode .lang-sw__trigger{background:#ffffff0f;border-color:#ffffff1f;color:#f1f5f9}.dark-mode .lang-sw__trigger:hover{background:#ffffff1a;border-color:#fff3}.dark-mode .lang-sw__panel{background:#1e293b;border-color:#ffffff1a;box-shadow:0 20px 50px #0006}.dark-mode .lang-sw__item{color:#f1f5f9}.dark-mode .lang-sw__item:hover{background:#ffffff0f}.dark-mode .lang-sw__item.active{background:#60a5fa26;color:#93c5fd}.dark-mode .lang-sw__item-check{color:#60a5fa}.uw-drawer__lang{display:flex;gap:4px;padding:4px;background:#0f172a0a;border-radius:12px}.uw-drawer__langbtn{flex:1;height:38px;border-radius:9px;border:none;background:transparent;color:#475569;cursor:pointer;font-weight:700;font-size:13px;text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:6px}.uw-drawer__langbtn-flag{font-size:16px;line-height:1}.uw-drawer__langbtn-text{letter-spacing:.5px}.uw-drawer__langbtn.active{background:#fff;color:#2563eb;box-shadow:0 4px 12px #0f172a14}.dark-mode .uw-drawer__lang{background:#ffffff0f}.dark-mode .uw-drawer__langbtn{color:#94a3b8}.dark-mode .uw-drawer__langbtn.active{background:#3b82f6;color:#fff;box-shadow:0 4px 12px #00000040}.nav{position:sticky;top:0;z-index:1100;background:var(--surface);border-bottom:1px solid var(--border);font-family:Plus Jakarta Sans,sans-serif;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.nav__inner{height:64px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:0 24px;gap:16px;max-width:1440px;margin:0 auto}.nav__left{display:flex;align-items:center;gap:6px}.nav__brand{font-weight:800;font-size:20px;letter-spacing:-.8px;color:var(--brand);white-space:nowrap;text-decoration:none}.nav__divider{width:1px;height:22px;background:var(--border);margin:0 10px}.nav__menu{display:flex;align-items:center;gap:10px}.nav__link{color:var(--text-2);text-decoration:none;font-size:13.5px;font-weight:500;padding:7px 14px;border-radius:10px;transition:background .15s,color .15s;white-space:nowrap}.nav__link:hover{background:var(--chip-bg);color:var(--text)}.nav__link.is-active{background:var(--btn-ghost);color:var(--brand);font-weight:600}.nav__item-with-dropdown{position:relative;display:flex;align-items:center}.nav__chevron{margin-left:4px;transition:transform .2s}.nav__item-with-dropdown:hover .nav__chevron{transform:rotate(180deg)}.nav__dropdown{position:absolute;top:100%;left:0;width:220px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 25px #0000001a;padding:8px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .2s cubic-bezier(.4,0,.2,1);z-index:1000;margin-top:4px}.dark-mode .nav__dropdown{background:#1a1d23;box-shadow:0 10px 30px #00000080;border-color:#ffffff1a}.nav__item-with-dropdown:hover .nav__dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown__link{display:flex;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;font-size:13.5px;color:var(--text-2);border-radius:8px;transition:all .2s}.dropdown__link svg{color:var(--text-tertiary);transition:color .2s}.dropdown__link:hover{background:var(--chip-bg);color:var(--brand)}.dropdown__link:hover svg{color:var(--brand)}.dark-mode .dropdown__link:hover{background:#ffffff0d}.nav__center{display:flex;align-items:center;justify-content:center}.search{position:relative;width:100%;max-width:460px;display:flex;align-items:center;border:1.5px solid var(--input-border);border-radius:12px;overflow:visible;background:var(--input-bg);transition:border-color .2s,box-shadow .2s}.search:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px #2563eb1f}.dark-mode .search{background:#0f172acc;border-color:#ffffff1f}.dark-mode .search:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f640}.search__icon{position:absolute;left:12px;color:var(--input-placeholder);pointer-events:none;display:flex}.dark-mode .search__icon{color:#94a3b8}.search__input{flex:1;border:0;outline:none;padding:9px 12px 9px 36px;font-size:13.5px;font-family:inherit;background:transparent;color:var(--input-text);min-width:0}.search__input::placeholder{color:var(--input-placeholder)}.dark-mode .search__input{color:#f8fafc}.dark-mode .search__input::placeholder{color:#64748b}.search__divider{width:1px;height:18px;background:var(--input-border);flex-shrink:0}.dark-mode .search__divider{background:#ffffff1f}.search__btn{display:flex;align-items:center;gap:4px;border:0;background:transparent;padding:9px 13px;cursor:pointer;font-size:13px;font-weight:500;font-family:inherit;color:var(--text-2);white-space:nowrap;border-radius:0 10px 10px 0;transition:background .15s,color .15s;flex-shrink:0}.search__btn:hover{background:var(--chip-bg);color:var(--text)}.dark-mode .search__btn{color:#cbd5e1}.dark-mode .search__btn:hover{background:#ffffff14;color:#f8fafc}.search__btn-chevron{transition:transform .2s}.search__btn-chevron.open{transform:rotate(180deg)}.dropdown{position:absolute;right:0;top:calc(100% + 8px);width:170px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-md);padding:6px;z-index:200;animation:dropIn .15s ease}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dropdown__item{width:100%;text-align:left;border:0;background:transparent;padding:9px 12px;border-radius:10px;cursor:pointer;font-size:13.5px;font-family:inherit;font-weight:500;color:var(--text-2);transition:background .15s,color .15s}.dropdown__item:hover{background:var(--chip-bg);color:var(--text)}.nav__right{display:flex;justify-content:flex-end;align-items:center;gap:6px}.icon-btn{border:1.5px solid var(--border);background:var(--surface);width:36px;height:36px;border-radius:10px;display:grid;place-items:center;cursor:pointer;color:var(--text-2);transition:background .15s,color .15s,border-color .15s;flex-shrink:0}.icon-btn:hover{background:var(--chip-bg);color:var(--text)}.icon-btn--notif{position:relative}.notif-dot{position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:50%;background:#ef4444;border:1.5px solid var(--surface)}.avatar{border:1.5px solid var(--border);width:36px;height:36px;border-radius:50%;background:var(--btn-ghost);display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;color:var(--brand);transition:background .15s,transform .15s;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.avatar:hover{background:var(--btn-ghost);transform:scale(1.05)}.nav__hamburger{display:none;border:1.5px solid var(--border);background:var(--surface);width:36px;height:36px;border-radius:10px;place-items:center;cursor:pointer;color:var(--text-2);flex-shrink:0}.mobile-drawer{display:none;position:fixed;inset:0;z-index:200}.mobile-drawer.open{display:block}.drawer-overlay{position:absolute;inset:0;background:#00000059;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease}.drawer-panel{position:absolute;left:0;top:0;bottom:0;width:280px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;animation:slideIn .22s ease;overflow-y:auto}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border)}.drawer-brand{font-size:20px;font-weight:800;letter-spacing:-.8px;color:var(--brand)}.drawer-close{border:1.5px solid var(--border);background:transparent;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;cursor:pointer;color:var(--text-2)}.drawer-nav{display:flex;flex-direction:column;gap:2px;padding:14px 12px;border-bottom:1px solid var(--border)}.drawer-link{display:block;text-decoration:none;font-size:14px;font-weight:500;font-family:Plus Jakarta Sans,sans-serif;color:var(--text-2);padding:10px 12px;border-radius:10px;transition:background .15s,color .15s}.drawer-link:hover{background:var(--chip-bg);color:var(--text)}.drawer-link.is-active{background:var(--btn-ghost);color:var(--brand);font-weight:600}.drawer-actions{display:flex;gap:8px;padding:14px 12px;flex-wrap:wrap}.drawer-icon-row{display:flex;align-items:center;gap:10px;color:var(--text-2);padding:10px 12px;border-radius:10px;font-size:14px;font-weight:500;font-family:Plus Jakarta Sans,sans-serif;cursor:pointer;background:none;border:none;width:100%;text-align:left;transition:background .15s}.drawer-icon-row:hover{background:var(--chip-bg);color:var(--text)}@media(max-width:1100px){.nav__menu{gap:0}.nav__link{font-size:13px;padding:7px 8px}.nav__inner{padding:0 16px!important;gap:12px}}@media(max-width:900px){.nav__menu,.nav__divider{display:none}.nav__hamburger{display:grid}.mobile-drawer{display:block}.mobile-drawer:not(.open){display:none}.nav__inner{display:flex!important;justify-content:space-between!important;padding:0 16px!important}}@media(max-width:640px){.icon-btn--help,.icon-btn--settings,.nav__center{display:none}.nav__inner{display:flex!important;justify-content:space-between!important;padding:0 16px!important}}@media(max-width:400px){.nav__inner{display:flex!important;justify-content:space-between!important;padding:0 16px!important;gap:8px}.nav__brand{font-size:18px}}.nav__badge{display:inline-flex;align-items:center;justify-content:center;line-height:1;white-space:nowrap}.unread-badge{position:absolute;top:0;right:-2px;background:#3390ec;color:#fff!important;font-size:11px;font-weight:800;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 5px;pointer-events:none;z-index:10;transform:translate(50%,-50%);border:2px solid var(--surface, #fff);box-shadow:0 2px 5px #3390ec4d}.dark-mode .unread-badge{border-color:#0f172a}.nav__link{position:relative}:root{--bg-h: 215;--bg-s: 15%;--bg-l: 95%;--bg: hsl(var(--bg-h), var(--bg-s), var(--bg-l));--surface: #ffffff;--surface-2: #f8fafc;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .07);--glass-blur: blur(12px);--text: #0f172a;--text-2: #334155;--muted: #64748b;--border: rgba(15, 23, 42, .08);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .05);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .05);--brand: #2563eb;--brand-light: #eff6ff;--brand-dark: #1d4ed8;--btn: var(--brand);--btn-text: #ffffff;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--input-bg: #f1f5f9;--input-border: rgba(15, 23, 42, .08);--input-text: #0f172a;--input-placeholder: #94a3b8;--chip-bg: rgba(15, 23, 42, .04);--btn-ghost: rgba(37, 99, 235, .08)}:root[data-theme=dark]{--bg-h: 222;--bg-s: 47%;--bg-l: 11%;--bg: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #1e3a8a 100%);--bg-fixed: fixed;--surface: #0f172a;--surface-2: #1e293b;--glass-bg: rgba(15, 23, 42, .75);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .3);--glass-blur: blur(16px);--text: #f8fafc;--text-2: #cbd5e1;--muted: #94a3b8;--border: rgba(255, 255, 255, .1);--brand-light: rgba(37, 99, 235, .15);--input-bg: rgba(255, 255, 255, .05);--input-border: rgba(255, 255, 255, .1);--input-text: #f8fafc;--input-placeholder: #64748b;--chip-bg: rgba(255, 255, 255, .06);--btn-ghost: rgba(37, 99, 235, .15)}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-xl)}.soft-fade-in{animation:softFadeIn .8s ease-out forwards;opacity:0}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}html,body{width:100%;max-width:100vw;overflow-x:hidden;position:relative;margin:0;padding:0}body{background:var(--bg);background-attachment:var(--bg-fixed, initial);color:var(--text);min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container,.main-content,.auth-wrapper{width:100%;max-width:100%;overflow-x:hidden}.uw-header{width:100%;max-width:100%}.uzwork-notif-wrapper{position:relative;display:flex;align-items:center}.uzwork-notif-trigger{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#e2e8f080;border:1px solid rgba(0,0,0,.05);border-radius:10px;cursor:pointer;color:#64748b;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);padding:0}[data-theme=dark] .uzwork-notif-trigger{background:#ffffff0d;border-color:#ffffff1a;color:#94a3b8}.uzwork-notif-trigger:hover,.uzwork-notif-trigger.active{background:#fff;color:#3b82f6;box-shadow:0 4px 15px #3b82f626;border-color:#3b82f64d;transform:translateY(-1px)}[data-theme=dark] .uzwork-notif-trigger:hover,[data-theme=dark] .uzwork-notif-trigger.active{background:#ffffff1f;color:#fff;border-color:#fff3;box-shadow:0 4px 20px #0000004d}.uzwork-notif-trigger:active{transform:translateY(0) scale(.95)}.uzwork-notif-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;background:#3390ec;color:#fff!important;font-size:11px;font-weight:800;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 5px;border:2px solid #ffffff;box-shadow:0 2px 5px #3390ec4d;line-height:1;z-index:10}[data-theme=dark] .uzwork-notif-badge{border-color:#1e293b}.uzwork-notif-dropdown{position:absolute;top:calc(100% + 15px);right:-10px;width:380px;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0f172a26;border:1px solid rgba(0,0,0,.04);z-index:2000;overflow:hidden;animation:notif-slide-up .3s cubic-bezier(.18,.89,.32,1.28)}[data-theme=dark] .uzwork-notif-dropdown{background:#1e293b;border-color:#ffffff1a;box-shadow:0 20px 60px #0006}@keyframes notif-slide-up{0%{opacity:0;transform:translateY(15px) scale(.95);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.uzwork-notif-header{padding:18px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9}.uzwork-notif-header h3{margin:0;font-size:17px;font-weight:700;color:#0f172a}[data-theme=dark] .uzwork-notif-header h3{color:#fff}.uzwork-notif-more{width:32px;height:32px;border-radius:8px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;color:#94a3b8;cursor:pointer;transition:all .2s}.uzwork-notif-more:hover{background:#f1f5f9;color:#475569}.uzwork-notif-tabs{display:flex;padding:0 20px;gap:20px;background:#fcfcfd}[data-theme=dark] .uzwork-notif-tabs{background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.05)}.uzwork-notif-tabs .tab{padding:12px 0;background:none;border:none;font-size:13px;font-weight:600;color:#94a3b8;cursor:pointer;position:relative;transition:color .2s}.uzwork-notif-tabs .tab:hover{color:#64748b}.uzwork-notif-tabs .tab.active{color:#3b82f6}.uzwork-notif-tabs .tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#3b82f6;border-radius:2px}.uzwork-notif-list{max-height:380px;overflow-y:auto;background:#fff}[data-theme=dark] .uzwork-notif-list{background:transparent}.uzwork-notif-list.custom-scrollbar::-webkit-scrollbar{width:5px}.uzwork-notif-list.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.uzwork-notif-list.custom-scrollbar::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.uzwork-notif-item{display:flex;gap:15px;padding:16px 20px;transition:all .2s;cursor:pointer;border-bottom:1px solid #f8fafc}.uzwork-notif-item:last-child{border-bottom:none}.uzwork-notif-item:hover{background:#f8fafc}[data-theme=dark] .uzwork-notif-item{border-color:#ffffff0d}[data-theme=dark] .uzwork-notif-item:hover{background:#ffffff08}.uzwork-notif-item.unread{background:#3b82f60a}.uzwork-notif-icon-box{width:42px;height:42px;min-width:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #00000005}.uzwork-notif-icon-box.blue{background:#eff6ff;color:#3b82f6}.uzwork-notif-icon-box.purple{background:#f5f3ff;color:#8b5cf6}.uzwork-notif-icon-box.green{background:#f0fdf4;color:#22c55e}.uzwork-notif-icon-box.orange{background:#fff7ed;color:#f97316}.uzwork-notif-icon-box.red{background:#fef2f2;color:#ef4444}[data-theme=dark] .uzwork-notif-icon-box.blue{background:#3b82f626;color:#60a5fa}[data-theme=dark] .uzwork-notif-icon-box.purple{background:#8b5cf626;color:#a78bfa}[data-theme=dark] .uzwork-notif-icon-box.green{background:#22c55e26;color:#4ade80}[data-theme=dark] .uzwork-notif-icon-box.orange{background:#f9731626;color:#fb923c}[data-theme=dark] .uzwork-notif-icon-box.red{background:#ef444426;color:#f87171}.uzwork-notif-info{flex:1}.uzwork-notif-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.uzwork-notif-title-row h4{margin:0;font-size:14px;font-weight:700;color:#1e293b}[data-theme=dark] .uzwork-notif-title-row h4{color:#fff}.unread-dot{width:7px;height:7px;background:#3b82f6;border-radius:50%;box-shadow:0 0 0 3px #3b82f61a}.uzwork-notif-info p{margin:0;font-size:13px;color:#64748b;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}[data-theme=dark] .uzwork-notif-info p{color:#ffffffe6}.uzwork-notif-time{font-size:11px;color:#94a3b8;margin-top:6px;display:block}[data-theme=dark] .uzwork-notif-time{color:#fff}.uzwork-notif-empty{padding:60px 40px;text-align:center}.uzwork-notif-empty p{margin-top:15px;color:#94a3b8;font-size:14px}[data-theme=dark] .uzwork-notif-empty p{color:#ffffff80}.uzwork-notif-footer{padding:12px 16px;background:#fff;text-align:center;border-top:1px solid #f1f5f9;display:flex;justify-content:center}[data-theme=dark] .uzwork-notif-footer{background:#1e293b;border-color:#ffffff0d}.view-all-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#475569;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .view-all-btn{background:#ffffff08;border-color:#ffffff1a;color:#94a3b8}.view-all-btn:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f61a}[data-theme=dark] .view-all-btn:hover{background:#3b82f61a;border-color:#3b82f6;color:#60a5fa;box-shadow:0 4px 15px #0003}.view-all-btn:active{transform:translateY(0) scale(.98)}.footer{background:linear-gradient(135deg,#0f172a,#34495e);color:#ecf0f1;padding:60px 0 0;font-family:Roboto,sans-serif}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(236,240,241,.1)}.footer-column{display:flex;flex-direction:column}.footer-title{font-family:Montserrat,sans-serif;font-size:1.8rem;font-weight:700;color:#3498db;margin-bottom:15px}.footer-description{font-size:.95rem;line-height:1.6;color:#bdc3c7;margin-bottom:20px}.footer-social{display:flex;gap:12px;margin-top:10px}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#3498db1a;border:1px solid rgba(52,152,219,.3);border-radius:8px;color:#3498db;font-size:1.1rem;transition:all .3s ease}.social-link:hover{background:#3498db;color:#fff;transform:translateY(-3px);box-shadow:0 5px 15px #3498db4d}.footer-heading{font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:600;color:#ecf0f1;margin-bottom:20px}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:12px}.footer-links a{color:#bdc3c7;text-decoration:none;font-size:.95rem;transition:all .3s ease;display:inline-block}.footer-links a:hover{color:#3498db;padding-left:5px}.footer-contact{list-style:none;padding:0;margin:0}.footer-contact li{display:flex;align-items:flex-start;gap:12px;margin-bottom:15px;color:#bdc3c7;font-size:.95rem}.contact-icon{color:#3498db;font-size:1.1rem;margin-top:3px;flex-shrink:0}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:25px 0;font-size:.9rem;color:#95a5a6}.footer-bottom-left p{margin:0}.footer-bottom-right{display:flex;align-items:center;gap:15px}.footer-bottom-right a{color:#95a5a6;text-decoration:none;transition:color .3s ease}.footer-bottom-right a:hover{color:#3498db}.separator{color:#7f8c8d}@media(max-width:1024px){.footer-top{grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.footer-column:last-child{grid-column:1 / -1}}@media(max-width:768px){.footer{padding:40px 0 0}.footer-top{grid-template-columns:1fr 1fr;gap:30px}.footer-column:first-child{grid-column:1 / -1}.footer-bottom{flex-direction:column;gap:15px;text-align:center}.footer-bottom-right{flex-wrap:wrap;justify-content:center}}@media(max-width:480px){.footer-top{grid-template-columns:1fr;gap:30px}.footer-column{text-align:center}.footer-social{justify-content:center}.footer-links,.footer-contact{text-align:left}.footer-contact li{justify-content:flex-start}.footer-title{font-size:1.6rem}.footer-heading{font-size:1rem}.footer-bottom-right{font-size:.85rem}}.signup-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:40px 20px;background:var(--bg);position:relative;overflow:hidden;font-family:Inter,system-ui,-apple-system,sans-serif}.signup-container:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(37,99,235,.1),transparent 70%);top:-200px;right:-100px;z-index:0;pointer-events:none}.signup-container:after{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(16,185,129,.05),transparent 70%);bottom:-100px;left:-100px;z-index:0;pointer-events:none}.signup-card{position:relative;z-index:10;width:100%;max-width:540px;padding:48px;background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-lg);transition:var(--transition)}[data-theme=dark] .signup-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.title-signup{font-size:32px;font-weight:800;color:var(--text);margin-bottom:12px;text-align:center;letter-spacing:-.02em}.subtitle-signup{text-align:center;color:var(--muted);margin-bottom:32px;font-size:15px;line-height:1.5}.role-boxes{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px}.role-box{display:flex;flex-direction:column;padding:24px;border-radius:var(--radius-lg);border:2px solid var(--border);background:var(--surface-2);cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.role-box:hover{border-color:var(--brand);transform:translateY(-2px);background:var(--surface)}.role-box.selected{border-color:var(--brand);background:var(--brand-light);box-shadow:0 0 0 4px var(--btn-ghost)}.role-icon-box{width:44px;height:44px;border-radius:var(--radius-md);background:var(--surface);display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--brand);box-shadow:var(--shadow-sm);transition:var(--transition)}.role-box.selected .role-icon-box{background:var(--brand);color:#fff}.role-box h3{font-size:16px;font-weight:700;color:var(--text);margin-bottom:6px}.role-box p{font-size:13px;color:var(--muted);line-height:1.4}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.input-group{margin-bottom:20px}.input-group input{width:100%;padding:14px 16px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--input-bg);color:var(--input-text);font-size:15px;transition:var(--transition)}.input-group input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px var(--btn-ghost);background:var(--surface)}.input-group small{display:block;margin-top:6px;color:var(--muted);font-size:12px}.upwork-checkbox-group{display:flex;gap:12px;margin:24px 0;font-size:14px;color:var(--text-2);line-height:1.4}.upwork-checkbox-group input{width:18px;height:18px;border-radius:4px;accent-color:var(--brand);cursor:pointer}.terms-link{color:var(--brand);text-decoration:none;font-weight:600}.terms-link:hover{text-decoration:underline}.create-account-btn,.continue-btn{width:100%;padding:16px;background:var(--brand);color:#fff;border:none;border-radius:var(--radius-lg);font-size:16px;font-weight:700;cursor:pointer;transition:var(--transition)}.create-account-btn:hover:not(:disabled),.continue-btn:hover:not(:disabled){background:var(--brand-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.create-account-btn:disabled,.continue-btn:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.5)}.back-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;margin-bottom:24px;transition:var(--transition);box-shadow:var(--shadow-sm);padding:0;line-height:0}.back-btn svg{display:block;flex-shrink:0;width:20px;height:20px}.back-btn:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-light);transform:translate(-3px);box-shadow:var(--shadow-md)}.link-box{margin-top:24px;text-align:center}.text-center-signup{color:var(--muted);font-size:14px;text-decoration:none}.text-center-signup a,.login-link{color:var(--brand);font-weight:700;text-decoration:none}.success-card{text-align:center;padding:20px 0}.success-icon-wrapper{width:80px;height:80px;background:var(--brand-light);color:var(--brand);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:40px}.signup-card{animation:slideUp .6s cubic-bezier(.16,1,.3,1) forwards}@media(max-width:640px){.signup-container{padding:0!important;overflow-y:auto!important}.signup-card{padding:32px 24px;border-radius:0!important;border:none!important;box-shadow:none!important;min-height:100vh;display:flex;flex-direction:column;justify-content:center;width:100%;box-sizing:border-box;<<<<<<< Updated upstream}.signup-card.otp-step{padding-top:16px!important;padding-bottom:16px!important;justify-content:flex-start!important;margin-top:24px!important;======= >>>>>>> Stashed changes}.role-boxes,.input-row{grid-template-columns:1fr}}.otp-input{letter-spacing:12px!important;text-align:center!important;font-size:20px!important;font-weight:700!important;max-width:100%!important;box-sizing:border-box!important;text-indent:12px!important;padding-left:12px!important}@media(max-width:640px){.otp-input{letter-spacing:8px!important;font-size:18px!important;text-indent:8px!important;padding-left:8px!important;padding-top:12px!important;padding-bottom:12px!important}}@media(max-width:480px){.otp-input{letter-spacing:6px!important;font-size:16px!important;text-indent:6px!important;padding-left:6px!important;padding-top:10px!important;padding-bottom:10px!important}}.login-container{display:flex;align-items:center;justify-content:center;height:100vh;width:100%;padding:20px;background:var(--bg);position:relative;overflow:hidden;font-family:Inter,system-ui,-apple-system,sans-serif}.login-container:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(37,99,235,.1),transparent 70%);top:-200px;left:-100px;z-index:0;pointer-events:none}.login-card{position:relative;z-index:10;width:100%;max-width:460px;padding:48px;background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-lg);animation:slideUp .6s cubic-bezier(.16,1,.3,1) forwards}[data-theme=dark] .login-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.title-login{font-size:32px;font-weight:800;color:var(--text);margin-bottom:12px;text-align:center;letter-spacing:-.02em}.subtitle-login{text-align:center;color:var(--muted);margin-bottom:32px;font-size:15px;line-height:1.5}.alert-error{background:#dc26261a;border:1px solid rgba(220,38,38,.2);color:#dc2626;padding:12px 16px;border-radius:var(--radius-md);margin-bottom:24px;font-size:14px;text-align:center}.input-group{margin-bottom:20px;position:relative}.input-group label{display:block;font-size:14px;font-weight:600;color:var(--text-2);margin-bottom:8px}.login-input{width:100%;padding:14px 16px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--input-bg);color:var(--input-text);font-size:15px;transition:var(--transition)}.login-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px var(--btn-ghost);background:var(--surface)}.email-preview{display:block;text-align:center;font-weight:600;color:var(--text);background:var(--surface-2);padding:12px;border-radius:var(--radius-md);margin-bottom:24px;font-size:14px}.toggle-password{position:absolute;right:12px;top:38px;background:none;border:none;color:var(--muted);cursor:pointer;padding:8px;transition:var(--transition)}.toggle-password:hover{color:var(--brand)}.options-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-2);cursor:pointer}.checkbox-label input{width:18px;height:18px;accent-color:var(--brand)}.forgot-link{color:var(--brand);font-size:14px;font-weight:600;text-decoration:none;transition:var(--transition)}.forgot-link:hover{color:var(--brand-dark);text-decoration:underline}.cont-btn{width:100%;padding:16px;background:var(--brand);color:#fff;border:none;border-radius:var(--radius-lg);font-size:16px;font-weight:700;cursor:pointer;transition:var(--transition)}.cont-btn:hover:not(:disabled){background:var(--brand-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.cont-btn:disabled{opacity:.6;cursor:not-allowed}.login-or{display:flex;align-items:center;margin:24px 0;color:var(--muted);font-size:13px}.login-or:before,.login-or:after{content:"";flex:1;height:1px;background:var(--border)}.login-or:before{margin-right:16px}.login-or:after{margin-left:16px}.social-btns{display:grid;grid-template-columns:1fr;gap:12px}.google-btn,.apple-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:15px;font-weight:600;cursor:pointer;transition:var(--transition)}.google-btn:hover,.apple-btn:hover{background:var(--brand-light);border-color:var(--brand);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.text-center{margin-top:32px;text-align:center;font-size:14px;color:var(--muted)}.signup-btn-link{color:var(--brand);font-weight:700;text-decoration:none;margin-left:4px}.not-you{margin-top:24px;text-align:center}.not-you-link{color:var(--muted);font-size:13px;text-decoration:none}.not-you-link:hover{color:var(--brand);text-decoration:underline}@media(max-width:480px){.login-container{padding:0!important;height:auto;min-height:100vh}.login-card{padding:32px 24px;border-radius:0!important;border:none!important;box-shadow:none!important;min-height:100vh;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}}.uzfp-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:40px 20px;background:var(--bg);position:relative;overflow:hidden;font-family:Inter,system-ui,-apple-system,sans-serif}.uzfp-container:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(37,99,235,.1),transparent 70%);bottom:-200px;right:-100px;z-index:0;pointer-events:none}.uzfp-card{position:relative;z-index:10;width:100%;max-width:480px;padding:48px;background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-lg);animation:slideUp .6s cubic-bezier(.16,1,.3,1) forwards}[data-theme=dark] .uzfp-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.uzfp-backBtn{position:absolute;top:24px;left:24px;width:44px;height:44px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);z-index:20}.uzfp-backBtn:hover{background:var(--brand-light);color:var(--brand);border-color:var(--brand);transform:translate(-3px)}.uzfp-title{font-size:28px;font-weight:800;color:var(--text);margin-bottom:12px;text-align:center;letter-spacing:-.02em}.uzfp-sub{text-align:center;color:var(--muted);margin-bottom:32px;font-size:15px;line-height:1.6}.uzfp-alert{background:#dc26261a;border:1px solid rgba(220,38,38,.2);color:#dc2626;padding:12px 16px;border-radius:var(--radius-md);margin-bottom:24px;font-size:14px;text-align:center}.uzfp-inputGroup{margin-bottom:20px;position:relative}.uzfp-input{width:100%;padding:14px 16px 14px 44px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--input-bg);color:var(--input-text);font-size:15px;transition:var(--transition)}.uzfp-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:16px;pointer-events:none}.uzfp-input:focus{outline:none;border-color:var(--brand);background:var(--surface);box-shadow:0 0 0 4px var(--btn-ghost)}.uzfp-pill{display:block;text-align:center;background:var(--brand-light);color:var(--brand);padding:12px;border-radius:var(--radius-md);margin-bottom:24px;font-size:14px;font-weight:600}.uzfp-codeTag{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:800;color:var(--brand);background:var(--brand-light);padding:4px 8px;border-radius:4px}.uzfp-codeInput{padding-left:60px;letter-spacing:.2em;font-weight:700;text-align:center}.uzfp-eyeBtn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--muted);cursor:pointer;padding:8px;transition:var(--transition)}.uzfp-eyeBtn:hover{color:var(--brand)}.uzfp-btn{width:100%;padding:16px;border:none;border-radius:var(--radius-lg);font-size:16px;font-weight:700;cursor:pointer;transition:var(--transition)}.uzfp-primary{background:var(--brand);color:#fff}.uzfp-primary:hover:not(:disabled){background:var(--brand-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.uzfp-ghost{margin-top:12px;background:transparent;border:1px solid var(--border);color:var(--text-2)}.uzfp-ghost:hover:not(:disabled){background:var(--surface-2)}.uzfp-footer{margin-top:32px;text-align:center;font-size:14px;color:var(--muted)}.uzfp-linkBtn{color:var(--brand);font-weight:700;background:none;border:none;cursor:pointer;padding:0;margin-left:4px}.uzfp-success{text-align:center}.uzfp-successIcon{width:72px;height:72px;background:var(--status-success-bg);color:var(--status-success);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 24px}.uzfp-successTitle{font-size:24px;font-weight:800;color:var(--text);margin-bottom:12px}.uzfp-successText{color:var(--muted);line-height:1.6;margin-bottom:32px}@media(max-width:480px){.uzfp-container{padding:0!important}.uzfp-card{padding:32px 24px;border-radius:0!important;border:none!important;box-shadow:none!important;min-height:100vh;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.uzwork-landing{min-height:100vh;background:#fff}.uzwork-navbar{position:fixed;top:0;width:100%;z-index:50;transition:all .3s ease;background:transparent}.uzwork-navbar.scrolled{background:#1e293bf2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 2px 20px #0000004d;border-bottom:2px solid rgba(59,130,246,.3)}.navbar-container{max-width:1280px;margin:0 auto;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between}.navbar-logo{display:flex;align-items:center;gap:.1rem;cursor:pointer;text-decoration:none}.logo{width:60px;height:60px;object-fit:contain}.logo-icon{width:60px;height:60px;border-radius:8px;display:flex;align-items:center;justify-content:center}.logo-text{font-size:1.7rem;font-weight:700;color:#1e3a8a}.navbar-actions{display:flex;align-items:center;gap:.75rem}.l-nav-link{padding:.5rem 1.25rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #3b82f640;text-decoration:none}.l-nav-link:hover{box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px);background:linear-gradient(135deg,#2563eb,#1e40af)}.l-nav-btn{padding:.5rem 1.25rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #3b82f640;text-decoration:none}.l-nav-btn:hover{box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px);background:linear-gradient(135deg,#2563eb,#1e40af)}.hero-section{position:relative;overflow:hidden;min-height:90vh;display:flex;align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b,#1e3a8a);padding:4rem 1rem 4.5rem}.hero-section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:26px 26px;opacity:.35;pointer-events:none;z-index:0}.hero-section:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,#0000,#00000059 70%,#00000073);opacity:.55;pointer-events:none;z-index:0}.hero-container{max-width:1200px;margin:0 auto;width:100%;position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:center}.hero-left{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.hero-badge{display:inline-flex;align-items:center;gap:.6rem;padding:.55rem 1rem;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffeb;font-weight:800;letter-spacing:.5px;margin-bottom:1.25rem}.hero-title{font-size:clamp(2.6rem,4.6vw,4.6rem);font-weight:900;line-height:1.08;margin-bottom:1rem;color:#fff;text-shadow:0 18px 40px rgba(0,0,0,.35)}.title-dark{color:#fff!important}.title-gradient{background:linear-gradient(135deg,#e2e8f0,#93c5fd 45%,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 10px 24px rgba(0,0,0,.25))}.hero-desc{font-size:1.15rem;color:#ffffffe0;font-weight:650;margin-bottom:1.75rem;max-width:560px}.hero-search{display:flex;gap:.8rem;width:100%;max-width:620px}.search-input{flex:1;height:54px;border-radius:14px;padding:0 1.1rem;border:1px solid rgba(255,255,255,.4);background:#ffffffeb;outline:none;font-weight:650;color:#0f172a}.search-input::placeholder{color:#0f172a8c}.search-btn{height:54px;padding:0 1.25rem;border-radius:14px;border:none;cursor:pointer;font-weight:800;color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 18px 40px #0000002e;display:flex;align-items:center;gap:.6rem;transition:transform .2s ease,box-shadow .2s ease}.search-btn:hover{transform:translateY(-2px);box-shadow:0 24px 55px #00000042}.hero-right{display:flex;justify-content:flex-end}.hero-preview{width:min(520px,100%);position:relative}.preview-glow{position:absolute;background:radial-gradient(280px 200px at 25% 20%,rgba(59,130,246,.28),transparent 60%),radial-gradient(260px 200px at 85% 45%,rgba(139,92,246,.22),transparent 60%);filter:blur(18px);opacity:.9;z-index:0}.preview-card{position:relative;z-index:1;background:#ffffffeb;border:1px solid rgba(255,255,255,.55);border-radius:22px;box-shadow:0 30px 70px #00000038;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.preview-job{padding:0;margin-bottom:18px}.preview-header{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid rgba(15,23,42,.08)}.dot{width:10px;height:10px;border-radius:50%}.dot-red{background:#ef4444}.dot-yellow{background:#f59e0b}.dot-green{background:#22c55e}.preview-title{margin-left:6px;font-weight:800;color:#0f172a;opacity:.85}.preview-body{padding:14px}.preview-line{height:10px;border-radius:999px;background:#0f172a1a;margin-bottom:10px}.preview-line.lg{width:90%}.preview-line.md{width:70%}.preview-line.sm{width:55%}.preview-tags{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}.tag{font-size:12px;font-weight:800;padding:6px 10px;border-radius:999px;background:#3b82f61a;color:#1e40af;border:1px solid rgba(59,130,246,.18)}.preview-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.badge{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;font-size:12px;font-weight:900;border:1px solid rgba(15,23,42,.1)}.badge-safe{background:#22c55e1a;color:#166534;border-color:#22c55e38}.badge-ai{background:#8b5cf61a;color:#5b21b6;border-color:#8b5cf638}.preview-freelancer{padding:16px}.freelancer-top{display:flex;gap:12px;align-items:center;margin-bottom:12px}.avatar-skeleton{width:54px;height:54px;border-radius:50%;background:#0f172a1a}.freelancer-meta{flex:1}.freelancer-stats-mini{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.mini{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;background:#0f172a0f;border:1px solid rgba(15,23,42,.08);font-weight:900;color:#0f172a;font-size:12px}.preview-btn{width:100%;height:48px;border-radius:14px;border:none;cursor:pointer;font-weight:900;color:#fff;background:linear-gradient(135deg,#3b82f6,#06b6d4);box-shadow:0 18px 40px #3b82f638;display:flex;justify-content:center;align-items:center;gap:10px}.preview-floating{position:absolute;right:-10px;top:54%;transform:translateY(-50%);background:#fffffff2;border:1px solid rgba(255,255,255,.55);border-radius:999px;padding:10px 14px;display:flex;align-items:center;gap:10px;font-weight:900;color:#0f172a;box-shadow:0 22px 50px #00000038;z-index:3}@media(max-width:1024px){.hero-section{min-height:auto;padding:6.5rem 1rem 3.5rem}.hero-container{grid-template-columns:1fr;gap:2.25rem}.hero-left{align-items:center;text-align:center}.hero-right{justify-content:center}.hero-search{max-width:680px}.preview-floating{right:12px;top:12px;transform:none}}@media(max-width:640px){.hero-search{flex-direction:column}.search-btn{width:100%;justify-content:center}}.preview-floating{right:-14px;top:58%;transform:translateY(-50%);z-index:5}@media(max-width:1024px){.preview-floating{right:12px;top:12px;transform:none}}.hero-quick{width:100%;max-width:760px;margin-top:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:28px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 40px 100px #00000059;overflow:hidden;animation:heroQuickSlideUp .8s cubic-bezier(.2,.8,.2,1)}@keyframes heroQuickSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-quick__tabs{position:relative;z-index:10;display:flex;justify-content:center;margin-top:15px;gap:10px}.hero-quick__panel{position:relative;z-index:1}.hero-quick__tab{width:45%;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#ffffffd9;font-weight:800;cursor:pointer;transition:.2s ease;font-size:15px}.hero-quick__tab:hover{background:#ffffff24;transform:translateY(-1px)}.hero-quick__tab.is-active{background:transparent;border-color:#1e40af;color:#fff;box-shadow:inset 0 0 0 2px #1e40af}.hero-quick__panel{padding:18px 18px 16px}.hero-quick__search{display:flex;gap:12px;align-items:center;position:relative;width:100%}.hero-quick__input-wrapper{position:relative;flex:1;display:flex;align-items:center}.hero-quick__search-icon{position:absolute;left:18px;width:20px;height:20px;color:#3b82f6;pointer-events:none;z-index:2}.hero-quick__input{width:100%;height:56px;border-radius:16px;border:1px solid rgba(255,255,255,.2);background:#fffffff2;padding:0 20px 0 52px;font-weight:700;outline:none;color:#0f172a;font-size:14.5px;transition:all .3s ease;box-shadow:0 4px 12px #0000000d}.hero-quick__input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f640,0 8px 24px #00000014;transform:translateY(-1px)}.hero-quick__btn{height:56px;padding:0 28px;border-radius:16px;border:none;cursor:pointer;font-weight:800;color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);display:inline-flex;align-items:center;gap:10px;box-shadow:0 14px 30px #2563eb4d;transition:all .3s ease;font-size:16px;letter-spacing:.3px}.hero-quick__btn:hover{transform:translateY(-2px);box-shadow:0 18px 40px #2563eb73;filter:brightness(1.1)}.hero-quick__btn:active{transform:translateY(0)}.hero-quick__popular{margin-top:20px;display:flex;flex-direction:column;gap:12px}.hero-quick__popular-title{font-size:12.5px;font-weight:900;color:#ffffffa6;text-transform:uppercase;letter-spacing:1px}.hero-quick__tags{display:flex;flex-wrap:wrap;gap:8px}.hero-quick__tag{padding:8px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff1a;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:all .25s ease}.hero-quick__tag:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.hero-quick__popular{margin-top:14px}.hero-quick__popularTitle{font-size:13px;letter-spacing:.12em;font-weight:900;color:#ffffffbf;margin-bottom:10px}.hero-quick__popularList{display:grid;gap:8px}.hero-quick__popularItem{width:fit-content;text-align:left;border:none;background:transparent;cursor:pointer;font-size:11px;color:#ffffffe6;font-weight:600;display:inline-flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;transition:.2s ease}.hero-quick__popularItem:hover{background:#ffffff1a;transform:translate(4px)}.hero-quick__popularDot{width:10px;height:10px;border-radius:999px;background:#ffffff8c;box-shadow:0 0 0 3px #ffffff1a}.hero-quick__panel--work{padding-top:16px}.hero-quick__workTitle{font-size:18px;font-weight:950;color:#fff;margin-bottom:4px}.hero-quick__workDesc{color:#ffffffc7;font-weight:650;margin-bottom:14px}.hero-quick__workActions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.hero-quick__input--dark{background:#ffffffeb}.hero-quick__btn--green{background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 18px 40px #22c55e47}.hero-quick__btn--green:hover{box-shadow:0 24px 55px #22c55e5c}.hero-quick__popular--work{margin-top:12px}.hero-quick__popularItem--work{color:#ffffffe0}.hero-quick__popularDot--work{background:#22c55ed9;box-shadow:0 0 0 3px #22c55e26}.hero-quick__popular--dropdown{padding:12px;border-radius:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);position:absolute;left:0;right:0;top:calc(100% + 10px);margin-top:0;z-index:50;max-height:min(320px,50vh);overflow:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(max-width:520px){.hero-quick__input{min-width:0;width:100%}.hero-quick__btn{width:100%;justify-content:center}.hero-quick__popular--dropdown{top:calc(100% + 8px);padding:10px;border-radius:14px}}.hero-quick__popular--dropdown{margin-top:12px;padding:12px;border-radius:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.14)}.hero-quick__panel--workOnly{padding:18px;display:flex;flex-direction:column;gap:14px}.hero-quick__btn--full{width:100%;justify-content:center}.hero-quick__workText{text-align:center}@media(max-width:640px){.hero-quick__search,.hero-quick__workActions{flex-direction:column;align-items:stretch}.hero-quick__btn{width:100%;justify-content:center}.hero-quick__tabs{grid-template-columns:1fr}}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:64rem;margin:0 auto}.stat-card{background:#ffffffbf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #e2e8f0;border-radius:16px;padding:2.5rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease;min-height:200px;box-shadow:0 4px 16px #0000000f}.stat-card:hover{box-shadow:0 8px 24px #0000001a;border-color:#cbd5e1;transform:translateY(-4px)}.stat-icon{width:72px;height:72px;background:#3b82f6;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:transform .2s;box-shadow:0 8px 20px #3b82f64d}.stat-card:hover .stat-icon{transform:scale(1.05)}.stat-value{font-size:2.25rem;font-weight:700;color:#1e3a8a;margin-bottom:.5rem;line-height:1}.stat-label{font-size:1rem;font-weight:500;color:#1e3a8a;line-height:1.5}.section-container{max-width:1600px;margin:0 auto;padding:0 1.5rem}.section-header{text-align:center;margin-bottom:3rem}.section-title{font-size:2.5rem;font-weight:900;color:#1e3a8a;margin-bottom:.75rem}.section-title.white{color:#fff}.section-subtitle{font-size:1.125rem;color:#1e3a8a;font-weight:500}.section-subtitle.light{color:#fbfcff}.categories-section{padding:5rem 1rem;background:#fff;position:relative;overflow:hidden}.categories-section:before{content:"";position:absolute;top:-30%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(59,130,246,.08) 0%,transparent 70%);border-radius:50%;animation:float 20s ease-in-out infinite}.categories-section:after{content:"";position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(168,85,247,.08) 0%,transparent 70%);border-radius:50%;animation:float 15s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.categories-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:1600px;margin:0 auto;position:relative;z-index:1}.category-card{background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.8);border-radius:28px;padding:3rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .6s cubic-bezier(.34,1.56,.64,1);cursor:pointer;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a}.category-card:before{content:"";position:absolute;inset:-100%;background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,var(--card-color, #3b82f6) 60deg,transparent 120deg);opacity:0;transition:all .6s ease;animation:rotate 3s linear infinite paused}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.category-card:hover:before{opacity:.15;animation-play-state:running}.category-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#fff0);opacity:0;transition:opacity .4s}.category-card:hover{transform:translateY(-16px) scale(1.03);box-shadow:0 30px 60px #00000026,0 10px 30px #0000001a,inset 0 1px #fff9;border-color:#fff}.category-card:hover:after{opacity:1}.category-card.active{background:linear-gradient(135deg,#3b82f626,#a855f726);border:2px solid rgba(59,130,246,.5);transform:translateY(-12px) scale(1.02);box-shadow:0 30px 60px #3b82f640,0 10px 30px #3b82f626,inset 0 1px #fffc}.category-card.active .category-icon{transform:scale(1.15) rotate(0);box-shadow:0 20px 40px #3b82f666,0 0 60px #3b82f633}.category-icon{width:96px;height:96px;border-radius:26px;display:flex;align-items:center;justify-content:center;margin-bottom:1.75rem;transition:all .6s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:2;box-shadow:0 15px 35px #00000026,0 5px 15px #00000014}.category-icon:before{content:"";position:absolute;inset:-4px;background:inherit;border-radius:28px;opacity:.3;filter:blur(12px);z-index:-1;transition:all .6s}.category-card:hover .category-icon{transform:scale(1.2) translateY(-8px);box-shadow:0 25px 50px #00000040,0 10px 25px #00000026}.category-card:hover .category-icon:before{opacity:.5;filter:blur(20px)}.category-title{font-size:1.125rem;font-weight:800;color:#1e3a8a;margin-bottom:.625rem;line-height:1.3;position:relative;z-index:1;transition:all .3s;letter-spacing:-.02em}.category-card:hover .category-title{color:#1e40af;transform:translateY(-2px)}.category-count{font-size:1rem;font-weight:700;background:linear-gradient(135deg,#1e3a8a 0% 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1;transition:all .3s}.category-card:hover .category-count{transform:scale(1.1);filter:brightness(1.2)}.top-freelancers-section{margin-top:3rem;padding:2.5rem 1.5rem;background:linear-gradient(135deg,#ffffffe6,#f9fafbe6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:28px;border:2px solid rgba(255,255,255,.8);box-shadow:0 15px 45px #0000001a,inset 0 1px #fff;position:relative;overflow:hidden}.top-freelancers-section:before{content:"";position:absolute;top:-50%;right:-20%;width:350px;height:350px;background:radial-gradient(circle,rgba(59,130,246,.08) 0%,transparent 70%);border-radius:50%;animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.3}}.top-freelancers-section:after{content:"";position:absolute;bottom:-40%;left:-15%;width:300px;height:300px;background:radial-gradient(circle,rgba(139,92,246,.06) 0%,transparent 70%);border-radius:50%;animation:pulse 6s ease-in-out infinite reverse}.freelancers-title{font-size:1.75rem;font-weight:900;background:linear-gradient(135deg,#0f172a,#1e40af);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:2rem;text-align:center;position:relative;z-index:1;letter-spacing:-.03em}.freelancers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,320px));justify-content:center;gap:1.5rem;margin-bottom:2rem;position:relative;z-index:1;width:100%}@supports not (grid-template-columns: subgrid){.freelancers-grid{grid-template-columns:repeat(auto-fit,minmax(280px,320px))}}.freelancer-card{background:#fff;border:2px solid #e5e7eb;border-radius:28px;padding:1.75rem 1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:0 6px 20px #0000000f;min-height:340px;max-width:360px;width:100%}.freelancer-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(59,130,246,.06) 50%,transparent 100%);transition:left .6s ease}.freelancer-card:hover:before{left:100%}.freelancer-card:after{content:"";position:absolute;bottom:-20px;right:-20px;width:100px;height:100px;background-image:radial-gradient(circle,rgba(59,130,246,.1) 2px,transparent 2px);background-size:14px 14px;opacity:0;transition:opacity .5s;z-index:0;pointer-events:none}.freelancer-card:hover:after{opacity:1}.freelancer-card.featured:after{background-image:radial-gradient(circle,rgba(139,92,246,.12) 2px,transparent 2px)}.freelancer-card.featured{background:linear-gradient(135deg,#3b82f60f,#8b5cf60f);border:2px solid rgba(59,130,246,.35);transform:scale(1.02);box-shadow:0 20px 50px #3b82f62e,0 8px 24px #00000014}.freelancer-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 60px #0000001f,0 12px 30px #3b82f626;border-color:#3b82f666}.freelancer-card.featured:hover{transform:translateY(-8px) scale(1.04);box-shadow:0 28px 65px #3b82f640,0 12px 35px #0000001f}.freelancer-avatar{width:90px;height:90px;border-radius:50%;object-fit:cover;border:3px solid white;box-shadow:0 8px 24px #0000001f,0 0 0 2px #3b82f614;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:1}.freelancer-card:hover .freelancer-avatar{transform:scale(1.08);box-shadow:0 15px 35px #0003,0 0 0 3px #3b82f633}.freelancer-card.featured .freelancer-avatar{box-shadow:0 12px 30px #3b82f640,0 0 0 3px #3b82f626}.freelancer-info{width:100%;display:flex;flex-direction:column;align-items:center;gap:.75rem;position:relative;z-index:1}.freelancer-name{font-size:1.25rem;font-weight:800;color:#1e3a8a;margin-bottom:.125rem;transition:all .3s;letter-spacing:-.02em}.freelancer-card.featured .freelancer-name,.freelancer-card:hover .freelancer-name{color:#1e40af}.freelancer-title{font-size:.9375rem;color:#64748b;margin-bottom:.25rem;font-weight:600}.freelancer-stats{display:flex;align-items:center;justify-content:center;gap:.875rem;flex-wrap:wrap;width:100%}.freelancer-rating{display:flex;align-items:center;gap:.375rem;font-size:1rem;font-weight:800;color:#0f172a;padding:.5rem 1rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:14px;transition:all .3s;box-shadow:0 3px 10px #fbbf2426}.freelancer-card:hover .freelancer-rating{transform:scale(1.05);box-shadow:0 5px 15px #fbbf2440}.rating-star{width:1.125rem;height:1.125rem;color:#f59e0b;filter:drop-shadow(0 2px 4px rgba(245,158,11,.3))}.jobs-count{color:#78716c;font-weight:700;font-size:.9375rem}.freelancer-rate{font-size:1.125rem;font-weight:800;color:#3b82f6;padding:.5rem 1.25rem;border-radius:14px;border:2px solid rgba(59,130,246,.2);background:#3b82f60f;transition:all .3s}.freelancer-card:hover .freelancer-rate{transform:scale(1.05);border-color:#3b82f659;background:#3b82f61a}.freelancer-btn{padding:.75rem 2rem;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border:none;border-radius:16px;font-weight:800;font-size:.9375rem;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 6px 20px #4f46e540;position:relative;overflow:hidden;margin-top:.25rem;z-index:1}.freelancer-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.freelancer-btn:hover:before{width:300px;height:300px}.freelancer-btn:hover{transform:scale(1.06) translateY(-3px);box-shadow:0 12px 35px #4f46e566}.close-freelancers-btn{display:block;margin:0 auto;padding:.875rem 2.5rem;background:#fff;color:#4f46e5;border:2px solid #4f46e5;border-radius:16px;font-weight:800;font-size:.9375rem;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;z-index:1;box-shadow:0 4px 14px #0000000f}.close-freelancers-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#4f46e5,#6366f1);transform:scaleX(0);transform-origin:left;transition:transform .4s;z-index:-1}.close-freelancers-btn:hover{color:#fff;transform:translateY(-3px);box-shadow:0 10px 28px #4f46e559}.close-freelancers-btn:hover:before{transform:scaleX(1)}@media(max-width:639px){.freelancers-grid{grid-template-columns:1fr;max-width:380px;margin-left:auto;margin-right:auto}}@media(min-width:640px)and (max-width:899px){.freelancers-grid{grid-template-columns:repeat(auto-fit,minmax(280px,320px));justify-content:center;gap:1.5rem}}@media(min-width:900px){.freelancers-grid{grid-template-columns:repeat(auto-fit,minmax(280px,320px));justify-content:center;gap:2rem}.top-freelancers-section{padding:2.5rem 2rem}.freelancer-card.featured{transform:scale(1.04)}.freelancer-card.featured:hover{transform:translateY(-8px) scale(1.06)}}@media(min-width:1200px){.freelancers-grid{gap:2.5rem}.top-freelancers-section{padding:2.5rem 3rem}.freelancer-card.featured{transform:scale(1.05)}.freelancer-card.featured:hover{transform:translateY(-8px) scale(1.07)}}@media(min-width:1400px){.freelancers-grid{gap:3rem}.top-freelancers-section{padding:3rem 3.5rem}}.find-box{margin-top:50px;padding:70px 40px;border-radius:32px;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);position:relative;overflow:hidden}.find-box:before{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(59,130,246,.25) 0%,transparent 70%);top:-120px;right:-120px;filter:blur(40px)}.find-box__content{text-align:center;max-width:680px;position:relative;z-index:2}.find-box__title{font-size:32px;font-weight:900;color:#fff;margin-bottom:18px;line-height:1.3}.find-box__desc{font-size:16px;color:#ffffffbf;margin-bottom:30px}.find-box__btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 26px;border-radius:999px;font-size:15px;font-weight:900;text-decoration:none;color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 14px 40px #2563eb59;transition:all .25s ease}.find-box__btn:hover{transform:translateY(-3px);box-shadow:0 18px 50px #2563eb73}@media(max-width:768px){.find-box{padding:50px 20px;border-radius:24px}.find-box__title{font-size:24px}.find-box__desc{font-size:14px}}.work-section{padding:5rem 1rem;background:#fff;position:relative;overflow:hidden}.work-section:before{content:"";position:absolute;top:0;left:0;right:0;height:300px;background:linear-gradient(180deg,#f8fafc 0%,transparent 100%);pointer-events:none}.work-tabs{display:flex;gap:1rem;justify-content:center;margin-top:2rem;flex-wrap:wrap;position:relative;z-index:1}.work-tab{padding:1.125rem 2.5rem;background:#fff;border:2px solid #e2e8f0;border-radius:18px;font-size:1.0625rem;font-weight:800;color:#64748b;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;gap:.75rem;box-shadow:0 4px 12px #0000000a;position:relative;overflow:hidden}.work-tab:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f6,#8b5cf6);transform:scaleX(0);transform-origin:left;transition:transform .4s;z-index:-1}.work-tab.active{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-color:transparent;color:#fff;transform:translateY(-6px);box-shadow:0 16px 40px #3b82f666}.work-tab:hover:not(.active){border-color:#3b82f6;color:#3b82f6;transform:translateY(-4px);box-shadow:0 12px 28px #0000001f}.work-content{margin-top:3.5rem;position:relative;z-index:1}.work-steps{display:grid;grid-template-columns:1fr;gap:3rem}.work-step-card{position:relative;background:#fff;border-radius:32px;overflow:hidden;transition:all .6s cubic-bezier(.34,1.56,.64,1);border:2px solid #e5e7eb;display:flex;flex-direction:column;box-shadow:0 8px 30px #00000014}.work-step-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f60d,#a855f70d);opacity:0;transition:opacity .6s;z-index:1}.work-step-card:hover{transform:translateY(-20px) scale(1.03);box-shadow:0 40px 80px #0000002e,0 20px 40px #3b82f633;border-color:transparent}.work-step-card:hover:before{opacity:1}.step-number{position:absolute;top:2rem;left:2rem;width:80px;height:80px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:900;color:#fff;z-index:3;box-shadow:0 16px 40px #3b82f680;transition:all .5s cubic-bezier(.34,1.56,.64,1)}.step-number:before{content:"";position:absolute;inset:-4px;background:inherit;border-radius:24px;opacity:.4;filter:blur(16px);z-index:-1}.work-step-card:hover .step-number{transform:scale(1.2) rotate(-10deg) translateY(-8px);box-shadow:0 20px 50px #3b82f699}.step-image-wrapper{position:relative;width:100%;height:340px;overflow:hidden}.step-image{width:100%;height:100%;object-fit:cover;transition:transform .8s ease;filter:brightness(.95)}.work-step-card:hover .step-image{transform:scale(1.2);filter:brightness(1)}.step-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.4) 70%,rgba(0,0,0,.7) 100%);opacity:0;transition:opacity .6s}.work-step-card:hover .step-overlay{opacity:1}.step-content{padding:3rem 2.5rem;background:#fff;position:relative;z-index:2}.step-title{font-size:1.625rem;font-weight:900;color:#1e3a8a;margin-bottom:1.125rem;line-height:1.3;letter-spacing:-.03em;transition:all .3s}.work-step-card:hover .step-title{color:#1e40af;transform:translate(8px)}.step-desc{font-size:1.125rem;color:#1e3a8a;line-height:1.75;font-weight:600;transition:all .3s}.work-step-card:hover .step-desc{color:#334155;transform:translate(8px)}.work-cta{display:flex;justify-content:center;margin-top:4.5rem}.work-cta-btn{padding:1.375rem 3.5rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;border-radius:20px;font-size:1.1875rem;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:1rem;transition:all .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 16px 40px #3b82f666;position:relative;overflow:hidden}.work-cta-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.work-cta-btn:hover:before{width:400px;height:400px}.work-cta-btn:hover{transform:translateY(-6px) scale(1.08);box-shadow:0 24px 60px #3b82f699}.features-section{padding:5rem 1rem;background:#fff;position:relative;overflow:hidden}.features-section:before{content:"";position:absolute;top:50%;left:50%;width:800px;height:800px;background:radial-gradient(circle,rgba(168,85,247,.05) 0%,transparent 70%);transform:translate(-50%,-50%);animation:rotate 30s linear infinite}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1600px;margin:0 auto;position:relative;z-index:1}.feature-card{background:#fff;border:2px solid rgba(226,232,240,.5);border-radius:28px;padding:3rem 2.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .5s cubic-bezier(.34,1.56,.64,1);min-height:240px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000f}.feature-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 0deg 340deg,rgba(59,130,246,.2) 340deg 360deg);opacity:0;transition:all .6s;animation:rotate 4s linear infinite paused}.feature-card:hover:before{opacity:1;animation-play-state:running}.feature-card:after{content:"";position:absolute;inset:4px;background:#fff;border-radius:26px;z-index:0}.feature-card:hover{transform:translateY(-12px);box-shadow:0 25px 60px #0000001f,0 10px 30px #3b82f626;border-color:#3b82f64d}.feature-icon{width:88px;height:88px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:22px;display:flex;align-items:center;justify-content:center;margin-bottom:1.75rem;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:1;box-shadow:0 12px 30px #3b82f64d}.feature-icon:before{content:"";position:absolute;inset:-6px;background:inherit;border-radius:28px;opacity:.4;filter:blur(16px);z-index:-1;transition:all .5s}.feature-card:hover .feature-icon{transform:scale(1.15) translateY(-8px) rotate(5deg);box-shadow:0 20px 50px #3b82f680}.feature-card:hover .feature-icon:before{opacity:.6;filter:blur(24px)}.feature-title{font-size:1.25rem;font-weight:800;color:#1e3a8a;margin-bottom:.875rem;line-height:1.3;position:relative;z-index:1;transition:all .3s;letter-spacing:-.02em}.feature-card:hover .feature-title{color:#1e40af;transform:scale(1.05)}.feature-desc{font-size:1.0625rem;font-weight:500;color:#1e3a8a;line-height:1.6;position:relative;z-index:1;transition:all .3s}.feature-card:hover .feature-desc{color:#475569}.testimonials-section{padding:5rem 1rem;background:#fff;position:relative;overflow:hidden}.testimonials-section:before{content:"";position:absolute;top:20%;right:-5%;width:400px;height:400px;background:radial-gradient(circle,rgba(59,130,246,.06) 0%,transparent 70%);border-radius:50%}.testimonials-grid{display:grid;gap:2rem;max-width:1600px;margin:0 auto;position:relative;z-index:1}.testimonial-card{background:#fff;border:2px solid rgba(226,232,240,.5);border-radius:24px;padding:2.25rem;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000d}.testimonial-card:before{content:'"';position:absolute;top:-20px;right:20px;font-size:120px;font-weight:900;color:#3b82f60d;font-family:Georgia,serif;line-height:1;transition:all .5s}.testimonial-card:hover:before{color:#3b82f61a;transform:scale(1.2) rotate(-5deg)}.testimonial-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transform:scaleX(0);transform-origin:left;transition:transform .5s}.testimonial-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px #0000001f,0 10px 25px #3b82f626;border-color:#3b82f64d}.testimonial-card:hover:after{transform:scaleX(1)}.testimonial-top{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;position:relative;z-index:1}.testimonial-avatar-top{width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0;border:3px solid white;box-shadow:0 4px 12px #0000001a;transition:all .4s}.testimonial-card:hover .testimonial-avatar-top{transform:scale(1.1);box-shadow:0 8px 24px #3b82f64d;border-color:#3b82f633}.testimonial-user-info{flex:1}.testimonial-name{font-weight:800;font-size:1.0625rem;color:#1e3a8a;margin-bottom:.25rem;letter-spacing:-.01em}.testimonial-role{font-size:.875rem;color:#64748b;font-weight:600}.testimonial-stars{display:flex;gap:.25rem}.star-icon{width:1rem;height:1rem;color:#fbbf24;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(251,191,36,.3))}.testimonial-text{color:#475569;margin-bottom:1.25rem;font-size:1.0625rem;line-height:1.7;font-weight:500;position:relative;z-index:1;font-style:italic}.testimonial-company-badge{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1e40af;font-size:.8125rem;font-weight:700;border-radius:12px;border:1px solid rgba(59,130,246,.2);position:relative;z-index:1;transition:all .3s}.testimonial-card:hover .testimonial-company-badge{transform:scale(1.05);box-shadow:0 4px 12px #3b82f633}.pricing-section{padding:4rem 1rem;background:linear-gradient(135deg,#0f172a,#1e293b,#1e3a8a);position:relative;overflow:hidden}.pricing-section:before{content:"";position:absolute;top:-30%;right:-15%;width:700px;height:700px;background:radial-gradient(circle,rgba(59,130,246,.15) 0%,transparent 70%);border-radius:50%;animation:float 20s ease-in-out infinite}.pricing-section:after{content:"";position:absolute;bottom:-30%;left:-15%;width:600px;height:600px;background:radial-gradient(circle,rgba(139,92,246,.12) 0%,transparent 70%);border-radius:50%;animation:float 15s ease-in-out infinite reverse}.pricing-container{max-width:80rem;margin:0 auto;position:relative;z-index:1}.pricing-grid{display:grid;gap:2rem;max-width:900px;margin:0 auto}.pricing-card{border-radius:24px;padding:1.75rem;position:relative;transition:all .6s cubic-bezier(.34,1.56,.64,1);border:2px solid transparent;overflow:hidden}.pricing-card:before{content:"";position:absolute;inset:-100%;background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgba(255,255,255,.2) 60deg,transparent 120deg);opacity:0;transition:opacity .6s;animation:rotate 3s linear infinite paused}.pricing-card:hover:before{opacity:1;animation-play-state:running}.pricing-card.basic{background:#ffffff14;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-color:#ffffff26;box-shadow:0 8px 32px #0003}.pricing-card.basic:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-12px) scale(1.02);box-shadow:0 25px 70px #0006}.pricing-card.premium{background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 25px 70px #3b82f666;border-color:#fff3}.pricing-card.premium:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,255,255,.15) 0%,transparent 50%);pointer-events:none}.pricing-card.premium:hover{transform:translateY(-16px) scale(1.04);box-shadow:0 35px 90px #3b82f680,0 0 60px #8b5cf64d}.popular-badge{position:absolute;margin-top:30px;right:2rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#fff,#f8fafc);color:#1e40af;border-radius:20px;font-size:.75rem;font-weight:900;letter-spacing:.5px;box-shadow:0 8px 20px #00000026;transition:all .4s}.pricing-card.premium:hover .popular-badge{transform:translateY(-4px) scale(1.1);box-shadow:0 16px 36px #0000004d}.pricing-title{font-size:1.25rem;font-weight:900;color:#fff;margin-bottom:.625rem;letter-spacing:-.02em}.pricing-price{display:flex;align-items:baseline;gap:.625rem;margin:1.25rem 0;padding-bottom:1.25rem;border-bottom:2px solid rgba(255,255,255,.15)}.price-value{font-size:2.5rem;font-weight:900;color:#fff;line-height:1;text-shadow:0 4px 12px rgba(0,0,0,.2)}.price-label{font-size:.9375rem;color:#fffc;font-weight:700}.pricing-features{list-style:none;margin:1.5rem 0;display:flex;flex-direction:column;gap:.75rem}.pricing-features li{display:flex;align-items:center;gap:.625rem;color:#fff;font-size:.875rem;font-weight:600;padding:.625rem .875rem;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;transition:all .4s;border:1px solid rgba(255,255,255,.1)}.pricing-features li:hover{background:#ffffff26;transform:translate(12px);border-color:#fff3}.check-icon{width:1.125rem;height:1.125rem;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.check-icon.green{color:#4ade80}.check-icon.white{color:#fff}.pricing-btn{width:100%;padding:.75rem;border-radius:12px;font-weight:800;font-size:.875rem;cursor:pointer;transition:all .5s cubic-bezier(.34,1.56,.64,1);border:none;position:relative;overflow:hidden}.pricing-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.pricing-btn:hover:before{width:400px;height:400px}.pricing-btn.outline{background:transparent;border:2px solid white;color:#fff}.pricing-btn.outline:hover{background:#fff;color:#0f172a;transform:translateY(-4px);box-shadow:0 12px 32px #ffffff4d}.pricing-btn.filled{background:#fff;color:#1e40af;border:2px solid transparent;box-shadow:0 8px 24px #0003}.pricing-btn.filled:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);transform:translateY(-4px);box-shadow:0 12px 36px #0000004d}.faq-section{padding:5rem 1rem;background:#fff;position:relative;overflow:hidden}.faq-section:before{content:"";position:absolute;top:-20%;right:-15%;width:600px;height:600px;background:radial-gradient(circle,rgba(59,130,246,.08) 0%,transparent 70%);border-radius:50%;animation:float 15s ease-in-out infinite}.faq-section:after{content:"";position:absolute;bottom:-20%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,.06) 0%,transparent 70%);border-radius:50%;animation:float 20s ease-in-out infinite reverse}.faq-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:3rem;position:relative;z-index:1}.faq-left{display:flex;flex-direction:column;gap:2rem;position:relative}.faq-main-title{font-size:2.75rem;font-weight:900;background:linear-gradient(135deg,#0f172a,#1e40af);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;letter-spacing:-.04em}.faq-subtitle{font-size:1.125rem;color:#1e3a8a;line-height:1.7;font-weight:500}.faq-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-top:2rem}.faq-stat-card{background:#fff;border:2px solid #e5e7eb;border-radius:20px;padding:1.75rem 1.5rem;transition:all .4s;box-shadow:0 4px 16px #0000000a}.faq-stat-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #3b82f626;border-color:#3b82f6}.faq-stat-icon{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;box-shadow:0 8px 20px #3b82f64d}.faq-stat-value{font-size:2rem;font-weight:900;color:#1e3a8a;margin-bottom:.25rem}.faq-stat-label{font-size:.875rem;color:#1e3a8a;font-weight:600}.faq-right{display:flex;flex-direction:column;gap:1.25rem}.faq-item{background:#fff;border:2px solid #e5e7eb;border-radius:24px;padding:0;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 16px #0000000a;overflow:hidden}.faq-item:hover{border-color:#3b82f6;box-shadow:0 12px 36px #3b82f633;transform:translateY(-4px)}.faq-item.active{border-color:#3b82f6;box-shadow:0 12px 36px #3b82f640}.faq-question-wrapper{padding:1.75rem 2rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;transition:all .3s;position:relative;overflow:hidden}.faq-question-wrapper:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(59,130,246,.05) 50%,transparent 100%);transition:left .6s ease}.faq-item:hover .faq-question-wrapper:before{left:100%}.faq-question-content{display:flex;align-items:center;gap:1rem;flex:1}.faq-icon{width:44px;height:44px;min-width:44px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .4s}.faq-item.active .faq-icon{background:linear-gradient(135deg,#3b82f6,#6366f1);transform:scale(1.1)}.faq-question{font-size:1.1875rem;font-weight:800;color:#1e3a8a;line-height:1.4;letter-spacing:-.02em;transition:all .3s}.faq-item.active .faq-question{color:#1e40af}.faq-toggle{width:36px;height:36px;min-width:36px;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .4s}.faq-item.active .faq-toggle{background:linear-gradient(135deg,#3b82f6,#6366f1);transform:rotate(180deg)}.faq-answer-wrapper{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1)}.faq-item.active .faq-answer-wrapper{max-height:800px}.faq-answer{padding:0 2rem 2rem;font-size:1.0625rem;color:#475569;line-height:1.8;font-weight:500}.faq-answer p{margin-bottom:1rem}.faq-answer p:last-child{margin-bottom:0}.faq-promo{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:2px solid #1e3a8a;border-radius:24px;padding:2rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;box-shadow:0 12px 32px #22c55e33;position:relative;overflow:hidden;transition:all .4s}.faq-promo:before{content:"";position:absolute;top:-50%;right:-50%;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);border-radius:50%;animation:pulse 3s ease-in-out infinite}.faq-promo:hover{transform:translateY(-4px);box-shadow:0 16px 40px #22c55e40}.faq-promo-content{display:flex;align-items:center;gap:1rem;flex:1;position:relative;z-index:1}.faq-promo-icon{width:52px;height:52px;min-width:52px;background:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #16a34a33}.faq-promo-text{font-size:1.0625rem;color:#1e3a8a;font-weight:700;line-height:1.5}.faq-promo-btn{padding:.875rem 1.75rem;background:linear-gradient(135deg,#1e3a8a 0% 100%);color:#fff;border:none;border-radius:14px;font-weight:800;font-size:.9375rem;cursor:pointer;display:flex;align-items:center;gap:.625rem;transition:all .4s;white-space:nowrap;box-shadow:0 6px 20px #16a34a4d;position:relative;z-index:1}.faq-promo-btn:hover{background:linear-gradient(135deg,#0d006c,#7134ff);transform:translate(4px);box-shadow:0 8px 24px #16a34a66}@media(min-width:768px){.faq-container{grid-template-columns:.9fr 1.1fr;gap:4rem}.faq-main-title{font-size:3.25rem}}@media(min-width:1024px){.faq-container{grid-template-columns:1fr 1.2fr;gap:5rem}}.cta-section{padding:6rem 1rem;background:#fff;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:-30%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(59,130,246,.08) 0%,transparent 70%);border-radius:50%;animation:float 15s ease-in-out infinite}.cta-section:after{content:"";position:absolute;bottom:-30%;left:-10%;width:450px;height:450px;background:radial-gradient(circle,rgba(139,92,246,.08) 0%,transparent 70%);border-radius:50%;animation:float 20s ease-in-out infinite reverse}.cta-container{max-width:68rem;margin:0 auto;text-align:center;background:linear-gradient(135deg,#4f46e5,#7c3aed,#a855f7);border-radius:40px;padding:5rem 4rem;position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.1)}.cta-container:before{content:"";position:absolute;top:-40%;right:-15%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);border-radius:50%;filter:blur(60px);animation:float 12s ease-in-out infinite}.cta-container:after{content:"";position:absolute;bottom:-40%;left:-15%;width:450px;height:450px;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);border-radius:50%;filter:blur(60px);animation:float 15s ease-in-out infinite reverse}.cta-shape{position:absolute;border-radius:50%;opacity:.1;pointer-events:none}.cta-shape-1{width:200px;height:200px;background:#fff;top:10%;left:5%;filter:blur(40px);animation:float 10s ease-in-out infinite}.cta-shape-2{width:150px;height:150px;background:#fff;bottom:15%;right:8%;filter:blur(40px);animation:float 12s ease-in-out infinite reverse}.cta-dots{position:absolute;top:20%;right:10%;width:120px;height:120px;background-image:radial-gradient(circle,rgba(255,255,255,.2) 2px,transparent 2px);background-size:20px 20px;opacity:.5;pointer-events:none}.cta-badge{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:50px;margin-bottom:2rem;position:relative;z-index:1;transition:all .3s}.cta-badge:hover{background:#fff3;border-color:#ffffff4d;transform:scale(1.05)}.cta-badge-icon{width:24px;height:24px;color:#fbbf24;filter:drop-shadow(0 2px 4px rgba(251,191,36,.5))}.cta-badge-text{font-size:1rem;font-weight:800;color:#fff;letter-spacing:.5px;text-transform:uppercase}.cta-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:900;color:#fff;margin-bottom:1.5rem;position:relative;z-index:1;letter-spacing:-.04em;text-shadow:0 8px 24px rgba(0,0,0,.2);line-height:1.1}.cta-desc{font-size:1.375rem;color:#fffffff2;margin-bottom:3rem;font-weight:600;position:relative;z-index:1;text-shadow:0 2px 8px rgba(0,0,0,.1)}.cta-btn{padding:1.5rem 4rem;background:#fff;color:#4f46e5;border:none;border-radius:20px;font-weight:900;font-size:1.25rem;cursor:pointer;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:1;box-shadow:0 16px 40px #00000040,0 8px 20px #00000026;overflow:hidden;letter-spacing:-.01em}.cta-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);transform:translate(-50%,-50%);transition:width .7s ease,height .7s ease;z-index:-1}.cta-btn:hover:before{width:500px;height:500px}.cta-btn:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 24px 60px #00000059,0 12px 30px #4f46e54d}.cta-btn:active{transform:translateY(-4px) scale(1.02)}.cta-sparkles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.cta-sparkle{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;opacity:0;animation:sparkle 3s ease-in-out infinite}.cta-sparkle:nth-child(1){top:20%;left:15%;animation-delay:0s}.cta-sparkle:nth-child(2){top:40%;right:20%;animation-delay:.5s}.cta-sparkle:nth-child(3){bottom:30%;left:25%;animation-delay:1s}.cta-sparkle:nth-child(4){top:60%;right:15%;animation-delay:1.5s}.cta-sparkle:nth-child(5){bottom:20%;right:30%;animation-delay:2s}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}@media(max-width:1084px){.section-container{max-width:1180px;padding:0 14px}.navbar-container,.uzwork-navbar .navbar-container{padding:10px 12px;gap:10px}.navbar-actions,.uzwork-navbar .navbar-actions{gap:8px;flex-wrap:wrap;justify-content:flex-end}.navbar-logo .logo,.logo{width:46px;height:46px}.logo-text{font-size:1.25rem;white-space:nowrap}.l-nav-link,.l-nav-btn{padding:8px 12px;font-size:13px;border-radius:10px;white-space:nowrap;line-height:1}.uzwork-navbar a,.uzwork-navbar button{max-width:100%}.hero-container{gap:24px}.hero-title{font-size:clamp(2.1rem,3.6vw,3.3rem)}.hero-desc{font-size:1rem;max-width:520px}.hero-quick{max-width:660px;border-radius:18px}.hero-quick__tab{font-size:13px;height:40px}.hero-quick__input{height:46px;font-size:12px}.hero-quick__btn{height:46px;font-size:13px;padding:0 14px;gap:8px}.find-box{padding:54px 22px;border-radius:26px}.find-box__title{font-size:26px}.find-box__desc{font-size:14px}.find-box__btn{font-size:13px;padding:12px 20px}}@media(max-width:768px){.cta-container{padding:4rem 2.5rem;border-radius:32px}.cta-title{font-size:2rem}.cta-desc{font-size:1.125rem;margin-bottom:2rem}.cta-btn{padding:1.25rem 3rem;font-size:1.125rem}}@media(min-width:640px){.categories-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px){.stats-grid,.categories-grid,.features-grid{grid-template-columns:repeat(4,1fr)}.work-steps{grid-template-columns:repeat(3,1fr);gap:2rem}.step-image-wrapper{height:280px}.step-content{padding:2rem}.step-title{font-size:1.375rem}.step-desc{font-size:1rem}.testimonials-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.categories-grid{grid-template-columns:repeat(5,1fr)}.testimonials-grid{grid-template-columns:repeat(3,1fr)}.step-image-wrapper{height:300px}}@media(min-width:1280px){.categories-grid{grid-template-columns:repeat(5,1fr)}}.l-theme-toggle{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;color:#1e3a8a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.l-theme-toggle:hover{border-color:#ffffff80;background:#fff3;transform:scale(1.1)}.dark-mode .l-theme-toggle{border-color:#fbbf2466;background:#fbbf2426;color:#fbbf24}.dark-mode .l-theme-toggle:hover{border-color:#fbbf24;background:#fbbf2440}.dark-mode{background:#0f172a;color:#e2e8f0}.dark-mode .uzwork-navbar{background:#0f172af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.dark-mode .uzwork-navbar.scrolled{background:#0f172afa;box-shadow:0 2px 20px #00000080;border-bottom:2px solid rgba(59,130,246,.3)}.dark-mode .logo-text{color:#fff}.dark-mode .l-nav-link{color:#ffffffd9}.dark-mode .l-nav-link:hover{color:#fff}.dark-mode .l-nav-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f666}.dark-mode .l-nav-btn:hover{box-shadow:0 8px 20px #3b82f680;background:linear-gradient(135deg,#2563eb,#1e40af)}.dark-mode .hero-section{background-color:#0f172a}.dark-mode .hero-badge{background:#1e3a8a40;border-color:#2563eb99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dark-mode .hero-badge span{color:#f1f5f9;font-weight:900;text-shadow:0 2px 8px rgba(0,0,0,.4)}.dark-mode .title-dark{color:#f1f5f9;font-weight:800;text-shadow:0 2px 12px rgba(0,0,0,.5)}.dark-mode .title-gradient{background:linear-gradient(135deg,#f1f5f9 0% 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:900;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.dark-mode .hero-desc{color:#e2e8f0;font-weight:700;text-shadow:0 1px 8px rgba(0,0,0,.4)}.dark-mode .search-input{background:#1e293bf2;border-color:#47556999;color:#e2e8f0}.dark-mode .search-input::placeholder{color:#94a3b8cc}.dark-mode .search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;background:#1e293b}.dark-mode .search-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f666}.dark-mode .search-btn:hover{box-shadow:0 10px 25px #3b82f680}.dark-mode .stat-card{background:#1e293be6;border-color:#334155b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dark-mode .stat-card:hover{border-color:#2563eb;background:#1e293bfa;transform:translateY(-4px)}.dark-mode .stat-value{color:#f8fafc;font-weight:900;text-shadow:0 2px 8px rgba(0,0,0,.4)}.dark-mode .stat-label{color:#e2e8f0;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.3)}.dark-mode .categories-section{background:#0f172a}.dark-mode .section-title{color:#f8fafc}.dark-mode .section-subtitle{color:#cbd5e1}.dark-mode .category-card{background:#1e293bb3;border-color:#33415599}.dark-mode .category-card:hover{background:#1e293be6;border-color:#3b82f6}.dark-mode .category-title{color:#f8fafc}.dark-mode .category-count{background:linear-gradient(135deg,#60a5fa,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark-mode .top-freelancers-section{background:linear-gradient(135deg,#1e293be6,#0f172ae6);border-color:#33415599;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.dark-mode .freelancers-title{background:linear-gradient(135deg,#f8fafc,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark-mode .freelancer-card{background:#1e293bcc;border-color:#33415599}.dark-mode .freelancer-card:hover{background:#1e293bf2;border-color:#3b82f6}.dark-mode .freelancer-card.featured{background:linear-gradient(135deg,#3b82f626,#8b5cf626);border-color:#3b82f680}.dark-mode .freelancer-name{color:#f8fafc}.dark-mode .freelancer-title{color:#cbd5e1}.dark-mode .close-freelancers-btn{background:#1e293bcc;color:#60a5fa;border-color:#3b82f6}.dark-mode .close-freelancers-btn:hover{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff}.dark-mode .features-section{background:linear-gradient(135deg,#0f172a,#1e293b)}.dark-mode .feature-card{background:#1e293bcc;border-color:#33415599}.dark-mode .feature-card:after{background:#1e293bcc}.dark-mode .feature-card:hover{border-color:#3b82f6;background:#1e293bf2}.dark-mode .feature-title{color:#f8fafc}.dark-mode .feature-card:hover .feature-title{color:#60a5fa}.dark-mode .feature-desc{color:#cbd5e1}.dark-mode .feature-card:hover .feature-desc{color:#e2e8f0}.dark-mode .work-section{background:linear-gradient(180deg,#0f172a,#1e293b)}.dark-mode .work-section:before{background:linear-gradient(180deg,#1e293b 0%,transparent 100%)}.dark-mode .work-tab{background:#1e293bcc;border-color:#33415599;color:#cbd5e1}.dark-mode .work-tab.active{background:linear-gradient(135deg,#3b82f6,#6366f1);border-color:transparent;color:#fff}.dark-mode .work-tab:hover:not(.active){border-color:#3b82f6;color:#60a5fa}.dark-mode .work-step-card{background:#1e293bcc;border-color:#33415599}.dark-mode .work-step-card:hover{background:#1e293bf2;border-color:#3b82f6}.dark-mode .step-content{background:#1e293bf2}.dark-mode .step-title{color:#60a5fa}.dark-mode .work-step-card:hover .step-title{color:#93c5fd}.dark-mode .step-desc{color:#cbd5e1;font-weight:600}.dark-mode .work-step-card:hover .step-desc{color:#e2e8f0}.dark-mode .testimonials-section{background:linear-gradient(135deg,#0f172a,#1e293b)}.dark-mode .testimonial-card{background:#1e293bcc;border-color:#33415599}.dark-mode .testimonial-card:hover{border-color:#3b82f6;background:#1e293bf2}.dark-mode .testimonial-name{color:#f8fafc}.dark-mode .testimonial-role,.dark-mode .testimonial-text{color:#cbd5e1}.dark-mode .pricing-section{background:linear-gradient(135deg,#0a0e1a,#0f172a,#1e293b)}.dark-mode .pricing-card.basic{background:#1e293bb3;border-color:#33415599}.dark-mode .pricing-card.basic:hover{background:#1e293be6;border-color:#334155cc}.dark-mode .faq-section{background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a)}.dark-mode .faq-main-title{background:linear-gradient(135deg,#f8fafc,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark-mode .faq-subtitle{color:#cbd5e1}.dark-mode .faq-stat-card{background:#1e293bcc;border-color:#33415599}.dark-mode .faq-stat-card:hover{border-color:#3b82f6}.dark-mode .faq-stat-value{color:#f8fafc}.dark-mode .faq-stat-label{color:#cbd5e1}.dark-mode .faq-item{background:#1e293bcc;border-color:#33415599}.dark-mode .faq-item:hover{border-color:#3b82f6}.dark-mode .faq-question{color:#f8fafc}.dark-mode .faq-answer{color:#cbd5e1}.dark-mode .faq-icon{background:linear-gradient(135deg,#3b82f633,#6366f133)}.dark-mode .faq-item.active .faq-icon{background:linear-gradient(135deg,#3b82f6,#6366f1)}.dark-mode .faq-toggle{background:#0f172acc}.dark-mode .faq-item.active .faq-toggle{background:linear-gradient(135deg,#3b82f6,#6366f1)}.dark-mode .cta-section{background:linear-gradient(135deg,#0f172a,#1e293b)}.dark-mode .cta-container{background:linear-gradient(135deg,#1e40af,#6366f1,#8b5cf6);border-color:#ffffff26;box-shadow:0 40px 100px #1e40af66,0 20px 50px #6366f14d}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}@media(max-width:768px){.hero-section,.categories-section,.work-section,.features-section,.testimonials-section,.pricing-section,.faq-section,.cta-section{padding:3.5rem 1rem!important}.section-header{margin-bottom:2rem!important}.section-title{font-size:1.85rem!important}.section-subtitle{font-size:.95rem!important}.hero-section{padding:5.5rem 1rem 3rem!important}.hero-title{font-size:clamp(1.8rem,5vw,2.6rem)!important;text-align:center}.hero-desc{font-size:1rem!important;text-align:center;margin-left:auto;margin-right:auto;margin-bottom:1.25rem!important}.hero-quick{max-width:100%!important;border-radius:16px!important}.hero-quick__tabs{padding:0 10px}.hero-quick__tab{flex:1!important;width:auto!important;font-size:13px!important;height:40px!important}.hero-quick__panel{padding:14px!important}.category-card{padding:1.75rem 1rem!important;border-radius:16px!important}.category-icon{width:64px!important;height:64px!important;border-radius:16px!important;margin-bottom:1.25rem!important}.category-icon svg{width:28px!important;height:28px!important}.category-title{font-size:.95rem!important}.category-count{font-size:.9rem!important}.work-steps{gap:1.5rem!important}.work-step-card{border-radius:16px!important}.step-image-wrapper{height:220px!important}.step-number{width:48px!important;height:48px!important;font-size:1.5rem!important;border-radius:12px!important;top:1rem!important;left:1rem!important}.step-content{padding:1.5rem 1.25rem!important}.step-title{font-size:1.2rem!important;margin-bottom:.5rem!important}.step-desc{font-size:.9rem!important;line-height:1.5!important}.features-grid{gap:1.25rem!important}.feature-card{padding:2rem 1.25rem!important;border-radius:16px!important;min-height:auto!important}.feature-icon{width:64px!important;height:64px!important;border-radius:16px!important;margin-bottom:1.25rem!important}.feature-icon svg{width:28px!important;height:28px!important}.feature-title{font-size:1.1rem!important;margin-bottom:.5rem!important}.feature-desc{font-size:.9rem!important}.testimonial-card{padding:1.5rem!important;border-radius:16px!important}.testimonial-text{font-size:.9rem!important;line-height:1.6!important;margin-bottom:1rem!important}.pricing-card{padding:1.5rem!important;border-radius:16px!important}.price-value{font-size:2rem!important}.faq-main-title{font-size:2rem!important;text-align:center}.faq-subtitle{text-align:center}.faq-question-wrapper{padding:1.25rem 1rem!important}.faq-question{font-size:1rem!important}.faq-icon{width:36px!important;height:36px!important;min-width:36px!important}.faq-icon svg{width:16px!important;height:16px!important}.faq-toggle{width:30px!important;height:30px!important;min-width:30px!important}.faq-toggle svg{width:14px!important;height:14px!important}.faq-answer{padding:0 1rem 1.25rem!important;font-size:.9rem!important}.faq-promo{padding:1.25rem!important;border-radius:16px!important;flex-direction:column;align-items:stretch!important;gap:1rem!important}.faq-promo-btn{width:100%!important;justify-content:center}.cta-container{padding:3rem 1.5rem!important;border-radius:24px!important}.cta-title{font-size:1.85rem!important}.cta-desc{font-size:.95rem!important;margin-bottom:1.75rem!important}.cta-btn{padding:1rem 2.5rem!important;font-size:1rem!important;border-radius:14px!important}}@media(max-width:480px){.hero-section,.categories-section,.work-section,.features-section,.testimonials-section,.pricing-section,.faq-section,.cta-section{padding:2.75rem .5rem!important}.section-title{font-size:1.55rem!important}.hero-section{padding:4.5rem .5rem 2rem!important}.hero-title{font-size:1.7rem!important}.hero-quick{border-radius:20px!important}.hero-quick__tabs{margin-top:10px!important;gap:8px!important}.hero-quick__tab{height:36px!important;font-size:12.5px!important;border-radius:18px!important}.hero-quick__panel{padding:12px 14px 14px!important}.hero-quick__input{height:42px!important;font-size:12.5px!important;padding:0 12px 0 36px!important;border-radius:10px!important}.hero-quick__search-icon{left:11px!important;width:15px!important;height:15px!important}.hero-quick__btn{height:42px!important;font-size:13px!important;padding:0 16px!important;border-radius:10px!important;box-shadow:0 6px 15px #2563eb33!important}.hero-quick__popular{margin-top:12px!important;gap:8px!important}.hero-quick__popular-title{font-size:10px!important;letter-spacing:.5px!important}.hero-quick__tags{gap:6px!important}.hero-quick__tag{padding:5px 10px!important;font-size:11px!important;border-radius:6px!important}.hero-quick__workTitle{font-size:15px!important;margin-bottom:6px!important}.hero-quick__workDesc{font-size:12.5px!important;margin-bottom:12px!important}.categories-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.category-card{padding:1.15rem .65rem!important;border-radius:12px!important}.category-icon{width:52px!important;height:52px!important;border-radius:12px!important;margin-bottom:.75rem!important;box-shadow:0 8px 16px #0000001a!important}.category-icon svg{width:22px!important;height:22px!important}.category-title{font-size:.85rem!important;font-weight:700!important;margin-bottom:.25rem!important}.category-count{font-size:.8rem!important}.freelancers-grid{grid-template-columns:1fr!important;gap:1rem!important}.freelancer-card{padding:1.25rem 1rem!important;border-radius:16px!important;min-height:auto!important;max-width:100%!important}.freelancer-avatar{width:76px!important;height:76px!important}.freelancer-name{font-size:1.1rem!important}.freelancer-title{font-size:.85rem!important}.freelancer-rating{padding:4px 10px!important;font-size:.85rem!important;border-radius:8px!important}.rating-star{width:1rem!important;height:1rem!important}.freelancer-rate{padding:4px 12px!important;font-size:.95rem!important;border-radius:8px!important}.freelancer-btn{padding:8px 20px!important;font-size:.85rem!important;border-radius:10px!important;width:100%!important}.step-image-wrapper{height:170px!important}.step-number{width:40px!important;height:40px!important;font-size:1.25rem!important;border-radius:8px!important;top:.75rem!important;left:.75rem!important}.step-content{padding:1rem!important}.step-title{font-size:1.05rem!important}.step-desc{font-size:.85rem!important}.features-grid{grid-template-columns:1fr!important;gap:1rem!important}.feature-card{padding:1.25rem!important;border-radius:12px!important}.feature-icon{width:48px!important;height:48px!important;border-radius:12px!important;margin-bottom:.75rem!important}.feature-icon svg{width:22px!important;height:22px!important}.feature-title{font-size:1.05rem!important}.feature-desc{font-size:.85rem!important}.testimonial-card{padding:1.15rem!important;border-radius:12px!important}.testimonial-avatar-top{width:44px!important;height:44px!important}.testimonial-name{font-size:.95rem!important}.testimonial-role{font-size:.8rem!important}.testimonial-text{font-size:.85rem!important;line-height:1.5!important}.testimonial-company-badge{padding:4px 8px!important;font-size:.75rem!important;border-radius:8px!important}.find-box{padding:32px 16px!important;border-radius:16px!important;margin-top:30px!important}.find-box__title{font-size:1.25rem!important;margin-bottom:8px!important}.find-box__desc{font-size:12px!important;margin-bottom:18px!important}.find-box__btn{font-size:12px!important;padding:10px 18px!important}.pricing-grid{gap:1.25rem!important}.pricing-card{padding:1.15rem!important;border-radius:12px!important}.pricing-title{font-size:1.1rem!important}.price-value{font-size:1.75rem!important}.price-label{font-size:.8rem!important}.pricing-features li{padding:8px 10px!important;font-size:.8rem!important;border-radius:8px!important}.pricing-btn{font-size:.8rem!important;padding:10px!important;border-radius:8px!important}.faq-main-title{font-size:1.6rem!important}.faq-subtitle{font-size:.9rem!important}.faq-stats{gap:.75rem!important}.faq-stat-card{padding:1rem .75rem!important;border-radius:12px!important}.faq-stat-icon{width:36px!important;height:36px!important;border-radius:10px!important;margin-bottom:.75rem!important}.faq-stat-icon svg{width:18px!important;height:18px!important}.faq-stat-value{font-size:1.25rem!important}.faq-stat-label{font-size:.75rem!important}.cta-container{padding:2.25rem 1rem!important;border-radius:16px!important}.cta-badge{margin-bottom:1.25rem!important;padding:6px 12px!important}.cta-badge-icon{width:18px!important;height:18px!important}.cta-badge-text{font-size:11px!important}.cta-title{font-size:1.45rem!important;margin-bottom:1rem!important}.cta-desc{font-size:.85rem!important;margin-bottom:1.5rem!important}.cta-btn{padding:.75rem 1.75rem!important;font-size:.95rem!important;border-radius:10px!important;width:100%}}@media(max-width:360px){.categories-grid{grid-template-columns:1fr!important}.hero-title{font-size:1.5rem!important}.hero-quick__tag{padding:4px 8px!important;font-size:10.5px!important}}:root{--hire-indigo: #4f46e5;--hire-indigo-soft: rgba(79, 70, 229, .1);--hire-sky: #0ea5e9;--hire-dark: #0f172a;--hire-gray-50: #f8fafc;--hire-gray-100: #f1f5f9;--hire-gray-200: #e2e8f0;--hire-gray-400: #94a3b8;--hire-gray-600: #475569;--hire-glass: rgba(255, 255, 255, .8)}.hp-root{min-height:100vh;background:#fff;font-family:Inter,system-ui,sans-serif;color:var(--hire-dark)}.hp-hero{padding:120px 0 60px;background:linear-gradient(to bottom,#f1f5f9,#fff);position:relative;overflow:hidden}.hp-hero__inner{max-width:1300px;margin:0 auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:60px}.hp-hero__content{flex:1;max-width:650px}.hp-hero__badge{display:inline-flex;align-items:center;gap:8px;background:var(--hire-indigo-soft);color:var(--hire-indigo);padding:6px 16px;border-radius:100px;font-size:.85rem;font-weight:700;margin-bottom:24px}.hp-hero__title{font-size:clamp(2.5rem,6vw,4rem);font-weight:900;line-height:1.1;margin-bottom:24px;letter-spacing:-.03em}.hp-hero__title span{color:var(--hire-indigo)}.hp-hero__sub{font-size:1.15rem;color:var(--hire-gray-600);line-height:1.6;margin-bottom:40px}.hp-search-wrap{position:relative;max-width:600px;background:#fff;padding:8px;border-radius:20px;box-shadow:0 20px 50px #00000014;border:1px solid var(--hire-gray-200);display:flex;align-items:center}.hp-search-input{flex:1;border:none;outline:none;padding:12px 20px;font-size:1.05rem;color:var(--hire-dark)}.hp-search-btn{background:var(--hire-indigo);color:#fff;border:none;padding:14px 28px;border-radius:14px;font-weight:700;cursor:pointer;transition:all .2s}.hp-search-btn:hover{background:#4338ca;transform:scale(1.02)}.hp-hero__visual{flex:1;display:flex;justify-content:center;position:relative}.hp-hero__blob{position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(79,70,229,.15) 0%,transparent 70%);filter:blur(40px);z-index:0}.hp-main{max-width:1400px;margin:0 auto;padding:40px;display:grid;grid-template-columns:300px 1fr;gap:50px}.hp-sidebar{position:sticky;top:100px;height:fit-content}.hp-sidebar__group{margin-bottom:40px}.hp-sidebar__title{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--hire-gray-400);margin-bottom:20px}.hp-sidebar__list{display:flex;flex-direction:column;gap:6px}.hp-cat-btn{background:transparent;border:none;text-align:left;padding:10px 16px;border-radius:12px;font-size:.95rem;font-weight:600;color:var(--hire-gray-600);cursor:pointer;transition:all .2s}.hp-cat-btn:hover{background:var(--hire-gray-50);color:var(--hire-indigo)}.hp-cat-btn.active{background:var(--hire-indigo-soft);color:var(--hire-indigo)}.hp-results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.hp-results-count{font-size:1.1rem;font-weight:700}.hp-results-count span{color:var(--hire-gray-400);font-weight:500;font-size:.95rem;margin-left:8px}.hp-feed{display:flex;flex-direction:column;gap:20px}.hp-card{background:#fff;border:1px solid var(--hire-gray-200);border-radius:24px;padding:32px;display:flex;gap:32px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.hp-card:hover{border-color:var(--hire-indigo);box-shadow:0 20px 40px #4f46e50d;transform:translate(8px)}.hp-card__left{flex-shrink:0}.hp-card__avatar{width:90px;height:90px;border-radius:24px;object-fit:cover;box-shadow:0 10px 20px #0000000d}.hp-card__avatar-placeholder{width:90px;height:90px;border-radius:24px;background:linear-gradient(135deg,var(--hire-indigo),var(--hire-sky));color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.2rem;font-weight:900}.hp-card__body{flex:1}.hp-card__top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.hp-card__name{font-size:1.4rem;font-weight:800;color:var(--hire-dark);margin-bottom:4px}.hp-card__title{font-size:1rem;font-weight:600;color:var(--hire-indigo);margin-bottom:8px}.hp-card__meta{display:flex;gap:20px;font-size:.9rem;color:var(--hire-gray-600);font-weight:600;margin-bottom:20px}.hp-card__meta span{display:flex;align-items:center;gap:6px}.hp-card__meta .rating{color:#f59e0b}.hp-card__bio{font-size:.98rem;color:var(--hire-gray-600);line-height:1.7;margin-bottom:24px;max-width:800px}.hp-card__skills{display:flex;gap:10px;flex-wrap:wrap}.hp-card__skill{background:var(--hire-gray-100);color:var(--hire-gray-600);padding:8px 16px;border-radius:12px;font-size:.82rem;font-weight:700;transition:all .2s}.hp-card:hover .hp-card__skill{background:var(--hire-indigo-soft);color:var(--hire-indigo)}.hp-card__right{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;min-width:140px}.hp-card__rate{font-size:1.6rem;font-weight:900;color:var(--hire-dark)}.hp-card__rate span{font-size:.85rem;color:var(--hire-gray-400);font-weight:500}.hp-card__btn{background:var(--hire-dark);color:#fff;border:none;padding:12px 24px;border-radius:14px;font-weight:700;cursor:pointer;transition:all .2s}.hp-card__btn:hover{background:var(--hire-indigo);transform:translateY(-2px)}.hp-pagination{margin-top:40px;display:flex;gap:10px}.hp-page-btn{background:#fff;border:1px solid var(--hire-gray-200);padding:10px 20px;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s}.hp-page-btn:hover{border-color:var(--hire-indigo);color:var(--hire-indigo)}.hp-page-btn:disabled{opacity:.4;cursor:not-allowed}.dark-mode .hp-root{background:#0b0e14;color:#fff}.dark-mode .hp-hero{background:linear-gradient(to bottom,#111827,#0b0e14)}.dark-mode .hp-hero__title{color:#fff}.dark-mode .hp-card{background:#161b22;border-color:#30363d}.dark-mode .hp-card:hover{border-color:var(--hire-indigo)}.dark-mode .hp-card__name,.dark-mode .hp-card__rate{color:#fff}.dark-mode .hp-search-wrap{background:#161b22;border-color:#30363d}.dark-mode .hp-search-input{color:#fff}.dark-mode .hp-cat-btn:hover{background:#1e2530}@media(max-width:1024px){.hp-main{grid-template-columns:1fr}.hp-sidebar{display:none}.hp-hero__inner{flex-direction:column;text-align:center}.hp-hero__visual{display:none}.hp-card{flex-direction:column;gap:20px}.hp-card__right{align-items:flex-start;flex-direction:row;width:100%}}.fjp-root{min-height:100vh;background:var(--bg, #f8fafc);font-family:Inter,sans-serif}.fjp-hero{background:linear-gradient(135deg,#0f172a,#1e293b);padding:80px 0 60px;position:relative;overflow:hidden;color:#fff}.fjp-hero:before{content:"";position:absolute;top:-50%;left:-20%;width:140%;height:200%;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);pointer-events:none}.fjp-hero__inner{max-width:1200px;margin:0 auto;padding:0 24px;text-align:center}.fjp-hero__title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;margin-bottom:20px;line-height:1.1}.fjp-hero__title span{background:linear-gradient(90deg,#3b82f6,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.fjp-hero__sub{font-size:1.2rem;color:#94a3b8;max-width:650px;margin:0 auto 40px}.fjp-search{max-width:800px;margin:0 auto;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:8px;border-radius:20px;border:1px solid rgba(255,255,255,.1);display:flex;box-shadow:0 25px 50px -12px #00000080}.fjp-search__input-wrap{flex:1;display:flex;align-items:center;padding:0 20px;border-right:1px solid rgba(255,255,255,.1)}.fjp-search__input{background:transparent;border:none;color:#fff;width:100%;padding:12px 0;font-size:1rem;outline:none}.fjp-search__btn{background:#3b82f6;color:#fff;border:none;padding:12px 32px;border-radius:14px;font-weight:700;cursor:pointer;transition:all .2s}.fjp-search__btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 10px 15px -3px #3b82f666}.fjp-container{max-width:1200px;margin:0 auto;padding:40px 24px;display:grid;grid-template-columns:280px 1fr;gap:32px}.fjp-sidebar{position:sticky;top:100px;height:fit-content}.fjp-sidebar__group{margin-bottom:32px}.fjp-sidebar__title{font-size:.9rem;font-weight:700;color:#1e293b;margin-bottom:16px;text-transform:uppercase;letter-spacing:.05em}.fjp-sidebar__list{display:flex;flex-direction:column;gap:8px}.fjp-cat-btn{background:transparent;border:1px solid transparent;text-align:left;padding:8px 12px;border-radius:10px;font-size:.9rem;color:#64748b;cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:center}.fjp-cat-btn:hover{background:#f1f5f9;color:#1e293b}.fjp-cat-btn.active{background:#eff6ff;color:#2563eb;font-weight:600;border-color:#2563eb1a}.fjp-feed__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.fjp-feed__stats{font-size:.95rem;color:#64748b}.fjp-feed__stats strong{color:#1e293b}.fjp-sort-select{padding:8px 16px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.9rem;outline:none;cursor:pointer}.fjp-grid{display:flex;flex-direction:column;gap:16px}.fjp-job-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;padding:24px;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.fjp-job-card:hover{border-color:#3b82f6;box-shadow:0 10px 25px -5px #0000000d;transform:translateY(-2px)}.fjp-job-card__top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.fjp-job-card__time{font-size:.8rem;color:#94a3b8}.fjp-job-card__title{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:12px;line-height:1.4}.fjp-job-card__desc{font-size:.95rem;color:#64748b;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6}.fjp-job-card__meta{display:flex;gap:24px;margin-bottom:20px;padding:12px 0;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9}.fjp-meta-item{display:flex;flex-direction:column}.fjp-meta-label{font-size:.75rem;color:#94a3b8;text-transform:uppercase;font-weight:600}.fjp-meta-value{font-size:.9rem;font-weight:700;color:#334155}.fjp-job-card__skills{display:flex;gap:8px;flex-wrap:wrap}.fjp-skill-tag{padding:6px 12px;background:#f1f5f9;color:#475569;border-radius:8px;font-size:.8rem;font-weight:600}.fjp-job-card__client{margin-top:20px;display:flex;align-items:center;gap:12px;font-size:.85rem;color:#64748b}.fjp-client-badge{display:flex;align-items:center;gap:4px;color:#10b981;font-weight:600}.fjp-empty{text-align:center;padding:60px 0}.fjp-empty__icon{font-size:3rem;margin-bottom:16px}.dark-mode .fjp-root{background:#0b0f1a}.dark-mode .fjp-job-card{background:#161e2e;border-color:#2d3748}.dark-mode .fjp-job-card__title{color:#f1f5f9}.dark-mode .fjp-job-card__desc{color:#94a3b8}.dark-mode .fjp-meta-value{color:#e2e8f0}.dark-mode .fjp-skill-tag{background:#2d3748;color:#cbd5e1}.dark-mode .fjp-sidebar__title{color:#f1f5f9}.dark-mode .fjp-cat-btn:hover{background:#2d3748;color:#fff}.dark-mode .fjp-cat-btn.active{background:#1e3a8a;color:#3b82f6}@media(max-width:900px){.fjp-container{grid-template-columns:1fr}.fjp-sidebar{display:none}}.uz-hire{--bg: #ffffff;--card: rgba(255,255,255,.92);--stroke: rgba(15,23,42,.1);--text: #0f172a;--muted: rgba(15,23,42,.7);--primary: #2563eb;--primary2: #1d4ed8;--accent: #183ce1;--shadow: 0 10px 28px rgba(2, 6, 23, .06);--shadow2: 0 6px 18px rgba(2, 6, 23, .05);--r-xl: 22px;--r-lg: 18px;--r-md: 14px;background:radial-gradient(1100px 520px at 18% 0%,rgba(37,99,235,.06),transparent 62%),radial-gradient(900px 480px at 92% 8%,rgba(124,58,237,.05),transparent 62%),radial-gradient(900px 480px at 40% 100%,rgba(29,78,216,.04),transparent 65%),var(--bg);color:var(--text)}.uz-container{width:min(1120px,calc(100% - 40px));margin:0 auto}.uz-btn{height:46px;padding:0 16px;border-radius:999px;border:1px solid rgba(15,23,42,.12);background:#fff;font-weight:800;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease}.uz-btn:hover{transform:translateY(-1px);box-shadow:0 16px 46px #0206171a;border-color:#2563eb38}.uz-btn--primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border-color:transparent}.uz-btn--ghost{background:#fffc}.uz-btn--full{width:100%}.uz-hire__hero{padding:44px 0 26px;position:relative}.uz-hire__heroInner{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;align-items:start}.uz-hire__crumbs{display:flex;align-items:center;gap:10px;font-size:13px;color:#0f172a99;margin-bottom:12px}.uz-hire__crumbs a{color:#0f172ab8;text-decoration:none;font-weight:800}.uz-hire__crumbs a:hover{text-decoration:underline}.uz-hire__title{font-size:46px;line-height:1.05;letter-spacing:-.03em;margin:0 0 12px}.uz-hire__ratingLine{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;color:#0f172ab3}.uz-hire__ratingLabel{font-weight:900;color:#0f172adb}.uz-hire__ratingValue{color:var(--text)}.uz-hire__reviews{color:#0f172a8c}.uz-hire__stars{letter-spacing:2px;color:#f59e0b;font-size:16px}.uz-hire__desc{margin:14px 0 0;color:#0f172ab8;line-height:1.7;max-width:62ch}.uz-hire__cta{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}.uz-hire__trust{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.uz-trust__item{padding:9px 12px;border-radius:999px;background:#ffffffe6;border:1px solid rgba(15,23,42,.08);font-size:12px;font-weight:900;color:#0f172ac7}.uz-hire__heroBox{border:1px solid rgba(15,23,42,.08);border-radius:var(--r-xl);padding:16px;background:#ffffffeb;box-shadow:var(--shadow)}.uz-hire__boxSearch{padding:12px;border-radius:18px;background:#fff;border:1px solid rgba(15,23,42,.1);box-shadow:var(--shadow2);margin-bottom:12px}.uz-hire__boxSearchTitle{font-weight:950;font-size:13px;color:#0f172aeb;margin-bottom:10px;letter-spacing:-.01em}.uz-hire__boxSearchRow{display:flex;gap:10px;align-items:center}.uz-hire__boxSearchInput{flex:1;height:44px;border-radius:999px;border:1px solid rgba(15,23,42,.12);padding:0 14px;outline:none;font-weight:850;font-size:13px;color:var(--text);background:#fffffff2}.uz-hire__boxSearchInput:focus{border-color:#2563eb8c;box-shadow:0 0 0 4px #2563eb1f}.uz-hire__boxSearchBtn{height:44px;padding:0 16px;border-radius:999px;border:none;cursor:pointer;font-weight:950;color:#fff;background:linear-gradient(135deg,var(--primary2),var(--accent));white-space:nowrap;box-shadow:0 10px 22px #2563eb33}.uz-hire__boxSearchBtn:hover{box-shadow:0 16px 36px #2563eb42}.uz-hire__boxSearchHint{margin-top:10px;font-size:12px;color:#0f172a9e;line-height:1.45}.uz-hire__searchTitle{font-weight:950;margin:12px 0 10px;letter-spacing:-.01em}.uz-metrics{display:grid;gap:10px;margin-top:10px}.uz-metric{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:16px;background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:var(--shadow2)}.uz-metric__k{color:#0f172aa6;font-weight:850;font-size:13px}.uz-metric__v{font-weight:950;color:var(--text)}.uz-hire__heroBoxCta{margin-top:12px}.uz-hire__miniNote{margin-top:10px;font-size:12px;color:#0f172a99;text-align:center}.uz-hire__section{padding:34px 0}.uz-hire__section--soft{background:#ffffffa6;border-top:1px solid rgba(15,23,42,.06);border-bottom:1px solid rgba(15,23,42,.06)}.uz-hire__sectionHead{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:18px}.uz-hire__h2{margin:0 0 10px;font-size:32px;letter-spacing:-.03em}.uz-hire__muted{color:#0f172a9e;font-weight:800}.uz-hire__headRow{display:flex;justify-content:space-between;align-items:center;gap:12px}.uz-hire__pill{padding:8px 12px;border-radius:999px;font-weight:900;font-size:12px;background:#2563eb1a;border:1px solid rgba(37,99,235,.18);color:#2563ebf2}.uz-hire__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.uz-card{display:flex;flex-direction:column;gap:12px;height:100%;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:var(--r-xl);padding:18px;box-shadow:var(--shadow2);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.uz-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#2563eb2e}.uz-card__top{display:flex;align-items:center;gap:12px}.uz-card__avatar{width:48px;height:48px;border-radius:999px;object-fit:cover;border:1px solid rgba(15,23,42,.1)}.uz-card__meta{min-width:0;flex:1}.uz-card__name{font-weight:950;font-size:18px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uz-card__loc{margin-top:4px;color:#0f172a99;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uz-card__row{margin-top:8px;display:flex;align-items:center;gap:8px;flex-wrap:nowrap;font-size:13px;color:#0f172ac7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uz-card__rate{font-weight:950;color:var(--text)}.uz-card__dot{color:#0f172a59}.uz-card__bio{margin:0;color:#0f172ab3;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.uz-card__tags{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;overflow:hidden;margin:0}.uz-tag{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 12px;line-height:1;border-radius:999px;font-size:12px;font-weight:900;white-space:nowrap;background:#2563eb14;border:1px solid rgba(37,99,235,.14);color:#2563ebeb}.uz-card__actions{margin-top:auto;display:flex}.uz-card__actions .uz-btn{width:100%;height:44px}.uz-hire__center{display:flex;justify-content:center;margin-top:18px}.uz-hire__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:12px}.uz-step{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:var(--r-xl);padding:16px;box-shadow:var(--shadow2)}.uz-step__icon{width:44px;height:44px;border-radius:16px;background:linear-gradient(135deg,#2563eb38,#7c3aed2e);margin-bottom:10px}.uz-step__title{font-weight:950;margin-bottom:6px}.uz-step__desc{color:#0f172ab3;line-height:1.6}.uz-why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:12px}.uz-why__card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:var(--r-xl);padding:16px;box-shadow:var(--shadow2)}.uz-why__card h3{margin:0 0 8px;font-size:18px;letter-spacing:-.01em}.uz-why__card p{margin:0;color:#0f172ab8;line-height:1.65}.uz-hire__p{color:#0f172abd;line-height:1.75;margin:10px 0 0;max-width:80ch}.uz-hire__list{margin:12px 0 0;color:#0f172ab8;line-height:1.7}.uz-hire__list li{margin:6px 0}.uz-faq{display:grid;gap:10px;margin-top:12px}.uz-faq__item{border:1px solid rgba(15,23,42,.08);border-radius:18px;background:#fff;padding:12px 14px;box-shadow:var(--shadow2)}.uz-faq__q{cursor:pointer;font-weight:950}.uz-faq__a{margin-top:10px;color:#0f172ab8;line-height:1.7}.uz-similar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.uz-similar__link{border:1px solid rgba(15,23,42,.08);border-radius:18px;padding:12px 14px;text-decoration:none;color:var(--text);font-weight:950;background:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow2);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.uz-similar__link:hover{transform:translateY(-2px);border-color:#2563eb3d;box-shadow:var(--shadow)}.uz-similar__arrow{color:#2563ebf2;font-weight:950}.uz-hire__finalCta{margin-top:18px;border-radius:24px;border:1px solid rgba(37,99,235,.16);background:#fffc;padding:16px;display:flex;justify-content:space-between;align-items:center;gap:14px;box-shadow:var(--shadow)}.uz-hire__finalText h3{margin:0 0 6px;letter-spacing:-.02em}.uz-hire__finalText p{margin:0;color:#0f172ab3}@media(max-width:980px){.uz-hire__heroInner{grid-template-columns:1fr}.uz-hire__grid,.uz-hire__steps{grid-template-columns:repeat(2,minmax(0,1fr))}.uz-why{grid-template-columns:1fr}.uz-hire__finalCta{flex-direction:column;align-items:flex-start}.uz-hire__miniNote{text-align:left}}@media(max-width:560px){.uz-hire__title{font-size:34px}.uz-hire__grid,.uz-hire__steps,.uz-similar{grid-template-columns:1fr}.uz-hire__boxSearchRow{flex-direction:column;align-items:stretch}.uz-hire__boxSearchBtn{width:100%}}:root{--light-bg: #f8fafc;--light-surface: #ffffff;--light-card: #ffffff;--light-card-alt: #f8fafc;--light-border: #e2e8f0;--light-border-light: #f1f5f9;--light-border-dark: #cbd5e1;--light-text: #0f172a;--light-text-secondary: #334155;--light-text-tertiary: #64748b;--light-hover: #f1f5f9;--light-active: #e6f7e6;--dark-bg: #0f172a;--dark-surface: #1e293b;--dark-card: #1e293b;--dark-card-alt: #334155;--dark-border: #334155;--dark-border-light: #1e293b;--dark-border-dark: #475569;--dark-text: #f8fafc;--dark-text-secondary: #cbd5e1;--dark-text-tertiary: #94a3b8;--dark-hover: #2d3748;--dark-active: #2d3748;--blue: #3b82f6;--blue-dark: #2563eb;--blue-light: #dbeafe;--blue-bg: #eff6ff;--success: #10b981;--success-light: #d1fae5;--warning: #f59e0b;--warning-light: #fef3c7;--danger: #ef4444;--danger-light: #fee2e2;--info: #3b82f6;--info-light: #dbeafe;--basic: #64748b;--plus: #3b82f6;--professional: #8b5cf6;--enterprise: #f59e0b;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-3xl: 20px;--radius-full: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--space-4xl: 40px;--space-5xl: 48px;--transition: all .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .3s cubic-bezier(.4, 0, .2, 1);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .3);--glass-blur: blur(12px)}body.dark-mode{background:var(--dark-bg);color:var(--dark-text)}.settings-container{min-height:100vh;display:flex;flex-direction:column;padding-top:20px!important}.settings-container.dark{background:var(--dark-bg);color:var(--dark-text);--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1)}.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6{color:var(--dark-text)!important}.dark p,.dark .text-secondary{color:var(--dark-text-secondary)!important}.dark span:not(.nav-badge):not(.popular-badge):not(.save-badge){color:inherit}.settings-header{height:72px;background:var(--light-surface);border-bottom:1px solid var(--light-border);display:flex;align-items:center;position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:9999!important;box-shadow:var(--shadow-sm)}.dark .settings-header{background:var(--dark-surface);border-color:var(--dark-border);box-shadow:var(--shadow-md)}.notifications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-top:24px}.notification-card{background:var(--light-surface);border:1px solid var(--light-border);border-radius:16px;padding:0;overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition)}.dark .notification-card{background:#1e293b;border-color:#ffffff0d}.category-header{display:flex;align-items:center;gap:12px;padding:20px 24px;background:#00000005;border-bottom:1px solid var(--light-border)}.dark .category-header{background:#0003;border-color:#ffffff0d}.category-header h3{margin:0;font-size:16px;font-weight:600;color:var(--light-text)}.dark .category-header h3{color:#fff}.category-icon{color:var(--blue);width:20px!important;height:20px!important;background:none!important;box-shadow:none!important;border-radius:0!important;margin:0!important;display:flex!important;align-items:center;justify-content:center}.category-icon:before,.category-icon:after{display:none!important}.settings-list{padding:24px;display:flex;flex-direction:column;gap:24px}.setting-item{display:flex;justify-content:space-between;align-items:center;gap:20px}.setting-info h4{font-weight:600;font-size:15px;color:var(--light-text);margin-bottom:4px}.dark .setting-info h4{color:#fff}.setting-info p{font-size:13px;color:var(--light-text-tertiary);margin:0;line-height:1.4}.dark .setting-info p{color:#94a3b8}.uzwork-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.uzwork-switch input{opacity:0;width:0;height:0}.uzwork-slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.3s;border-radius:24px}.dark .uzwork-slider{background-color:#334155}.uzwork-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 3px #0000001a}input:checked+.uzwork-slider{background-color:var(--blue)}input:checked+.uzwork-slider:before{transform:translate(20px)}.delivery-preferences{margin-top:32px;background:var(--light-surface);border:1px solid var(--light-border);border-radius:16px;padding:24px}.dark .delivery-preferences{background:#1e293b;border-color:#ffffff0d}.delivery-title{font-size:18px;font-weight:700;margin-bottom:20px;color:var(--light-text)}.dark .delivery-title{color:#fff}.delivery-options{display:flex;flex-wrap:wrap;gap:32px}.delivery-checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.delivery-checkbox{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-custom{height:20px;width:20px;background-color:#cbd5e1;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.dark .checkbox-custom{background-color:#334155}.delivery-checkbox:checked~.checkbox-custom{background-color:var(--blue)}.checkbox-custom:after{content:"";display:none;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:2px}.delivery-checkbox:checked~.checkbox-custom:after{display:block}.delivery-label-text{font-size:15px;font-weight:500;color:var(--light-text-secondary)}.dark .delivery-label-text{color:#cbd5e1}.header-left{display:flex;align-items:center;flex-shrink:0;height:72px;gap:48px}.brand-section{display:flex;align-items:center;flex-shrink:0;height:100%;padding-right:90px}.dark .user-dropdown{background:var(--dark-surface);border-color:var(--dark-border)}.dark .settings-sidebar{background:var(--dark-surface);border-color:var(--dark-border)}.nav-link.active .nav-badge{background:var(--blue);color:#fff}.section-title{font-size:28px;font-weight:700;color:var(--light-text);margin:0;line-height:1}.edit-btn:disabled{opacity:.5;cursor:not-allowed}.view-profile-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;color:var(--blue);border:1px solid var(--blue);border-radius:var(--radius-full);font-size:14px;font-weight:600;text-decoration:none;transition:var(--transition)}.view-profile-btn:hover{background:var(--blue-bg);box-shadow:var(--shadow-sm)}.dark .view-profile-btn:hover{background:#3b82f61a}.meta-edit-inline{display:flex!important;flex-direction:column;gap:8px;min-width:120px}.rate-input-group{display:flex;align-items:center;gap:4px;color:var(--light-text);font-weight:600}.dark .rate-input-group{color:var(--dark-text)}.rate-input{width:70px!important;padding:4px 8px!important;margin-bottom:0!important}.contact-edit-container{padding:24px;background:var(--light-surface);border-radius:var(--radius-xl);border:1px dashed var(--blue)}.dark .contact-edit-container{background:var(--dark-surface);border-color:var(--blue)}.details-grid.editing{gap:20px}.details-grid.editing .form-group{display:flex;flex-direction:column;gap:6px}.details-grid.editing label{font-size:12px;font-weight:600;color:var(--light-text-tertiary);display:flex;align-items:center;gap:6px}.dark .details-grid.editing label{color:var(--dark-text-tertiary)}.skills-edit-top{margin-bottom:16px;padding-left:20px}.skill-edit-mode{display:flex;align-items:center;gap:8px;width:100%}.skill-edit-mode .inline-edit-input{margin-bottom:0!important;font-size:13px}.skill-remove-btn{width:28px;height:28px;background:var(--danger-light);color:var(--danger);border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.skill-remove-btn:hover{background:var(--danger);color:#fff}.dark .skill-remove-btn{background:#ef444426}.dark .skill-remove-btn:hover{background:var(--danger)}.edit-pencil-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--light-border);background:var(--light-surface);color:var(--blue);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);opacity:0;visibility:hidden}.edit-pencil-btn.mini{width:22px;height:22px;opacity:.6;visibility:visible;border:none;background:#3b82f61a;margin-left:4px}.edit-pencil-btn.mini svg{width:12px;height:12px}.section-edit-trigger:hover .edit-pencil-btn,.edit-pencil-btn.visible{opacity:1;visibility:visible}.edit-pencil-btn:hover{background:#ffffff1a;transform:scale(1.1);color:#fff!important}.dark .edit-pencil-btn{background:#ffffff0d;border-color:#ffffff1a;color:#fff!important}.inline-edit-actions{display:flex;gap:8px;margin-top:12px}.btn-save-inline{background:var(--blue);color:#fff;border:none;padding:6px 16px;border-radius:var(--radius-full);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:var(--transition)}.btn-save-inline:hover{background:var(--blue-dark);box-shadow:var(--shadow-md)}.btn-cancel-inline{background:transparent;color:var(--light-text-secondary);border:1px solid var(--light-border);padding:6px 16px;border-radius:var(--radius-full);font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition)}.dark .btn-cancel-inline{color:var(--dark-text-secondary);border-color:var(--dark-border)}.btn-cancel-inline:hover{background:var(--light-hover)}.dark .btn-cancel-inline:hover{background:var(--dark-hover)}.inline-edit-input{width:100%;padding:10px;border:1px solid var(--blue);border-radius:var(--radius-md);background:var(--light-surface);color:var(--light-text);font-size:14px;margin-bottom:8px}.dark .inline-edit-input{background:var(--dark-card-alt);color:var(--dark-text)}.inline-edit-textarea{width:100%;padding:12px;border:1px solid var(--blue);border-radius:var(--radius-md);background:var(--light-surface);color:var(--light-text);font-size:14px;min-height:120px;resize:vertical}.dark .inline-edit-textarea{background:var(--dark-card-alt);color:var(--dark-text)}.dark #my-profile-root,body.dark-mode #my-profile-root,.dark #my-profile-settings-main,body.dark-mode #my-profile-settings-main,.dark #my-profile-settings-content,body.dark-mode #my-profile-settings-content{background:transparent!important}.dark #my-profile-main-card,body.dark-mode #my-profile-main-card,.settings-container.dark #my-profile-main-card{background:#0f172ab3!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-color:#ffffff14!important;box-shadow:0 25px 50px -12px #00000080!important}.dark #my-profile-content-area,body.dark-mode #my-profile-content-area,.settings-container.dark #my-profile-content-area{background:transparent!important}.dark #my-profile-bio-section,body.dark-mode #my-profile-bio-section{background:transparent!important;border:none!important;box-shadow:none!important}.dark #my-profile-bio-box,body.dark-mode #my-profile-bio-box,.settings-container.dark #my-profile-bio-box{background:#ffffff08!important;color:#e2e8f0!important;border:1px solid rgba(255,255,255,.1)!important}.dark #my-profile-meta-bar,body.dark-mode #my-profile-meta-bar,.settings-container.dark #my-profile-meta-bar{background:#ffffff05!important;border:1px solid rgba(255,255,255,.05)!important}.dark #my-profile-meta-bar .profile-meta-item,body.dark-mode #my-profile-meta-bar .profile-meta-item{color:#cbd5e1!important}.profile-card{background:var(--light-card);border:1px solid var(--light-border);border-radius:var(--radius-2xl);overflow:visible;box-shadow:var(--shadow-sm);width:100%;position:relative;z-index:1;margin-bottom:24px}.change-cover-btn{position:absolute!important;top:12px!important;right:12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:6px 12px!important;height:32px!important;background:#0006!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:var(--radius-full)!important;color:#fff!important;font-size:12px!important;font-weight:600!important;cursor:pointer!important;transition:all .25s ease!important;z-index:50!important;box-shadow:0 4px 12px #0003!important;width:auto!important;min-width:unset!important;box-sizing:border-box!important}.change-cover-btn svg{color:#fff!important}.change-cover-btn:hover{background:#0009!important;transform:translateY(-1px) scale(1.05)!important}.dark .change-cover-btn:hover{background:#1e293b99}.change-cover-btn:active{transform:translateY(0) scale(.95)}.change-cover-btn:disabled{opacity:.5;cursor:not-allowed}.profile-avatar-section{display:flex;align-items:flex-start;gap:24px;margin-bottom:24px;position:relative;z-index:10;flex-wrap:wrap}.avatar-wrapper{position:relative;flex-shrink:0;z-index:15;margin-top:-60px}.profile-avatar{width:150px;height:150px;border-radius:50%;object-fit:cover;border:5px solid var(--light-card);box-shadow:0 10px 30px #00000026;display:block;background:#fff;transition:all .4s cubic-bezier(.4,0,.2,1)}.dark .profile-avatar{border-color:var(--dark-card);background:var(--dark-surface);box-shadow:0 10px 40px #0006}.avatar-wrapper:hover .profile-avatar{transform:scale(1.02);filter:brightness(.95)}.change-avatar-btn{position:absolute;bottom:8px;right:8px;width:44px;height:44px;border-radius:50%;background:var(--blue);border:4px solid var(--light-card);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:20;box-shadow:0 4px 12px #3b82f666}.change-avatar-btn:hover{background:var(--blue-dark);transform:scale(1.15) rotate(15deg);box-shadow:0 6px 20px #3b82f699}.change-avatar-btn:active{transform:scale(.95)}.change-avatar-btn:disabled{opacity:.5;cursor:not-allowed}.avatar-status{position:absolute;bottom:8px;left:8px;width:16px;height:16px;border-radius:50%;border:3px solid var(--light-card);z-index:20}.avatar-status.online{background:var(--blue)}.profile-name-section .inline-edit-container{padding:16px;background:var(--light-card);border:1px solid var(--light-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);position:relative;z-index:20}.dark .profile-name-section .inline-edit-container{background:var(--dark-card-alt);border-color:var(--dark-border)}.dark .profile-fullname{font-size:32px;font-weight:800;color:var(--text);margin-bottom:4px;letter-spacing:-.02em}.profile-title{font-size:18px;font-weight:500;color:var(--brand);margin-bottom:8px}.dark .profile-title{color:var(--dark-text-secondary)}.profile-username{font-size:15px;color:var(--light-text-tertiary);margin-bottom:0}.dark .profile-username{color:var(--dark-text-tertiary)}.profile-badge-item{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:40px;font-size:14px;font-weight:600;transition:var(--transition);white-space:nowrap;box-shadow:0 2px 8px #0000000d}.profile-badge-membership{background:linear-gradient(135deg,#3b82f61a,#3b82f633);color:var(--blue);border:1px solid rgba(59,130,246,.3)}.dark .profile-badge-membership{background:linear-gradient(135deg,#3b82f633,#3b82f64d);border-color:#3b82f666}.profile-badge-verified{background:linear-gradient(135deg,#0ea5e91a,#0ea5e933);color:#0ea5e9;border:1px solid rgba(14,165,233,.3)}.dark .profile-badge-verified{background:linear-gradient(135deg,#0ea5e933,#0ea5e94d);border-color:#0ea5e966}.dark .profile-bio-text{color:var(--dark-text);background:linear-gradient(135deg,#3b82f614,#6366f114);border-color:#3b82f640;box-shadow:0 8px 20px #0003}.profile-bio-text:hover{transform:translateY(-2px);box-shadow:0 12px 28px #3b82f626;border-color:#3b82f64d}.dark .profile-bio-text:hover{box-shadow:0 12px 28px #0000004d}.edit-textarea-bio{width:100%;padding:24px 28px;border:2px solid var(--blue);border-radius:20px;background:#fff;color:var(--light-text);font-size:16px;line-height:1.8;font-family:inherit;resize:vertical;min-height:160px;transition:all .3s ease;box-shadow:0 8px 25px #3b82f626;margin:0;position:relative;z-index:20}.dark .edit-textarea-bio{background:var(--dark-surface);border-color:var(--blue);color:var(--dark-text);box-shadow:0 8px 25px #3b82f640}.edit-textarea-bio:focus{outline:none;border-color:var(--blue-dark);box-shadow:0 0 0 4px #3b82f633,0 12px 30px #3b82f633;background:#fff}.dark .edit-textarea-bio:focus{background:var(--dark-surface);box-shadow:0 0 0 4px #3b82f640,0 12px 30px #0006}.edit-textarea-bio::placeholder{color:var(--light-text-tertiary);font-style:italic}.dark .edit-textarea-bio::placeholder{color:var(--dark-text-tertiary)}.edit-textarea-bio:disabled{opacity:.6;cursor:not-allowed}.profile-meta-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:24px 0 20px;padding:0;background:transparent!important}.profile-meta-item{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--light-text);font-weight:500;padding:12px 20px;background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;border-radius:14px;box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1);min-width:160px;justify-content:center}.dark .profile-meta-item{background:#ffffff08!important;color:#fff!important;border:1px solid rgba(255,255,255,.08)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0003!important}.profile-meta-item:hover{transform:translateY(-2px);background:#fff;box-shadow:0 8px 24px #0000000f;border-color:var(--blue)}.dark .profile-meta-item:hover{background:#ffffff12!important;border-color:#fff3!important;box-shadow:0 8px 30px #0006!important}.profile-meta-item svg{color:var(--blue);flex-shrink:0}.dark .profile-meta-item svg{color:#fff!important}.freelancer-section{padding:32px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);margin-bottom:24px;box-shadow:var(--shadow-md);transition:var(--transition)}.freelancer-section:hover{box-shadow:var(--shadow-lg)}.freelancer-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.freelancer-section-title{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;color:var(--light-text);margin-bottom:4px}.dark .freelancer-section-title{color:var(--dark-text)}.freelancer-section-subtitle{font-size:14px;color:var(--light-text-tertiary)}.dark .freelancer-section-subtitle{color:var(--dark-text-tertiary)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:16px}.skill-card{padding:18px 20px;background:#3b82f60a;border:1px solid rgba(59,130,246,.1);border-radius:var(--radius-lg);transition:var(--transition);box-shadow:0 2px 8px #00000005}.dark .skill-card{background:#3b82f614;border-color:#3b82f626}.skill-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #3b82f626;border-color:var(--blue);background:#3b82f60f}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.skill-name{font-weight:600;font-size:15px;color:var(--light-text)}.dark .skill-name{color:var(--dark-text)}.skill-level{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.skill-level-expert{background:#10b98126;color:var(--success)}.skill-level-advanced{background:#3b82f626;color:var(--blue)}.skill-level-intermediate{background:#f59e0b26;color:var(--warning)}.skill-level-beginner{background:#64748b26;color:var(--light-text-tertiary)}.skill-meta{font-size:13px;color:var(--light-text-tertiary)}.dark .skill-meta{color:var(--dark-text-tertiary)}.upw-cert-add-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:transparent;border:1.5px solid var(--blue);color:var(--blue);border-radius:24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.upw-cert-add-btn:hover:not(:disabled){background:var(--blue);color:#fff;transform:translateY(-1px);box-shadow:0 4px 14px #3b82f64d}.upw-cert-add-btn:disabled{opacity:.5;cursor:not-allowed}.upw-cert-loading{display:flex;align-items:center;gap:10px;padding:24px 0;color:var(--light-text-tertiary);font-size:14px}.dark .upw-cert-loading{color:var(--dark-text-tertiary)}.upw-cert-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 24px;text-align:center;border:2px dashed var(--light-border);border-radius:var(--radius-xl);background:#3b82f605;transition:all .3s ease}.dark .upw-cert-empty{border-color:var(--dark-border);background:#3b82f60a}.upw-cert-empty:hover{border-color:var(--blue);background:#3b82f60a}.upw-cert-empty-icon{width:64px;height:64px;border-radius:50%;background:#3b82f614;color:var(--blue);display:flex;align-items:center;justify-content:center;opacity:.7}.upw-cert-empty-text{display:flex;flex-direction:column;gap:4px}.upw-cert-empty-title{font-size:16px;font-weight:600;color:var(--light-text);margin:0}.dark .upw-cert-empty-title{color:var(--dark-text)}.upw-cert-empty-sub{font-size:13px;color:var(--light-text-tertiary);margin:0}.dark .upw-cert-empty-sub{color:var(--dark-text-tertiary)}.upw-cert-empty-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;background:var(--blue);color:#fff;border:none;border-radius:24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:4px}.upw-cert-empty-btn:hover{background:var(--blue-dark);transform:translateY(-1px);box-shadow:0 4px 14px #3b82f659}.upw-cert-list{display:flex;flex-direction:column;gap:14px}.upw-cert-card{display:flex;align-items:flex-start;gap:16px;padding:20px 20px 20px 0;border-bottom:1px solid var(--light-border);position:relative;transition:all .2s ease;border-radius:0}.dark .upw-cert-card{border-color:var(--dark-border)}.upw-cert-card:last-child{border-bottom:none;padding-bottom:0}.upw-cert-card:hover{background:#3b82f606;border-radius:var(--radius-lg);padding-left:12px;margin-left:-12px;margin-right:-4px;padding-right:12px}.dark .upw-cert-card:hover{background:#3b82f60f}.upw-cert-accent{display:none;position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--blue);border-radius:2px}.upw-cert-card-icon{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#3b82f61f,#6366f11f);color:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(59,130,246,.15);transition:all .2s ease}.dark .upw-cert-card-icon{background:linear-gradient(135deg,#3b82f62e,#6366f12e);border-color:#3b82f640}.upw-cert-card:hover .upw-cert-card-icon{background:var(--blue);color:#fff;transform:scale(1.05)}.upw-cert-card-body{flex:1;min-width:0}.upw-cert-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.upw-cert-card-titles{flex:1;min-width:0}.upw-cert-title{font-size:16px;font-weight:600;color:var(--light-text);margin:0 0 3px;line-height:1.3}.dark .upw-cert-title{color:var(--dark-text)}.upw-cert-issuer{font-size:14px;color:var(--blue);font-weight:500;margin:0}.upw-cert-card-actions{display:flex;align-items:center;gap:4px;opacity:0;transition:opacity .2s ease;flex-shrink:0}.upw-cert-card:hover .upw-cert-card-actions{opacity:1}.upw-cert-btn-icon{width:32px;height:32px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.upw-cert-btn-edit{background:#3b82f614;color:var(--blue)}.upw-cert-btn-edit:hover:not(:disabled){background:var(--blue);color:#fff}.upw-cert-btn-delete{background:#ef444414;color:#ef4444}.upw-cert-btn-delete:hover:not(:disabled){background:#ef4444;color:#fff}.upw-cert-btn-icon:disabled{opacity:.4;cursor:not-allowed}.upw-cert-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:10px}.upw-cert-meta-tag{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;background:#3b82f60f;border:1px solid rgba(59,130,246,.12);border-radius:20px;font-size:12px;color:var(--light-text-secondary, #64748b);font-weight:500}.dark .upw-cert-meta-tag{background:#3b82f61a;border-color:#3b82f633;color:var(--dark-text-secondary, #94a3b8)}.upw-cert-verify-link{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:var(--blue);text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:all .2s ease;padding:2px 0}.upw-cert-verify-link:hover{border-color:var(--blue);opacity:.85}.upw-cert-modal{background:var(--light-card);border-radius:20px;width:100%;max-width:560px;box-shadow:0 24px 64px #0000002e;display:flex;flex-direction:column;max-height:90vh;animation:modalSlideUp .25s ease;overflow:hidden}.dark .upw-cert-modal{background:var(--dark-card);box-shadow:0 24px 64px #00000073}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.upw-cert-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 20px;border-bottom:1px solid var(--light-border);flex-shrink:0}.dark .upw-cert-modal-header{border-color:var(--dark-border)}.upw-cert-modal-header-left{display:flex;align-items:center;gap:14px}.upw-cert-modal-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#3b82f61f,#6366f126);color:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(59,130,246,.2)}.dark .upw-cert-modal-icon{background:linear-gradient(135deg,#3b82f633,#6366f133)}.upw-cert-modal-header h2{font-size:18px;font-weight:700;color:var(--light-text);margin:0 0 2px;line-height:1.2}.dark .upw-cert-modal-header h2{color:var(--dark-text)}.upw-cert-modal-header p{font-size:13px;color:var(--light-text-tertiary);margin:0}.dark .upw-cert-modal-header p{color:var(--dark-text-tertiary)}.upw-cert-modal-close{width:36px;height:36px;border-radius:50%;border:none;background:#0000000d;color:var(--light-text-tertiary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.dark .upw-cert-modal-close{background:#ffffff14;color:var(--dark-text-tertiary)}.upw-cert-modal-close:hover:not(:disabled){background:#ef44441a;color:#ef4444}.upw-cert-modal-body{padding:24px 28px;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.upw-cert-field{display:flex;flex-direction:column;gap:7px}.upw-cert-field label{font-size:14px;font-weight:600;color:var(--light-text);display:flex;align-items:center;gap:5px}.dark .upw-cert-field label{color:var(--dark-text)}.upw-cert-required{color:#ef4444;font-size:13px}.upw-cert-optional{font-size:12px;font-weight:400;color:var(--light-text-tertiary)}.dark .upw-cert-optional{color:var(--dark-text-tertiary)}.upw-cert-input{width:100%;padding:11px 14px;border:1.5px solid var(--light-border);border-radius:var(--radius-md);background:var(--light-surface);color:var(--light-text);font-size:14px;font-family:inherit;transition:all .2s ease;outline:none;box-sizing:border-box}.dark .upw-cert-input{border-color:var(--dark-border);background:var(--dark-surface);color:var(--dark-text)}.upw-cert-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3b82f61f;background:#fff}.dark .upw-cert-input:focus{background:var(--dark-card);box-shadow:0 0 0 3px #3b82f633}.upw-cert-input::placeholder{color:var(--light-text-tertiary);font-size:13px}.dark .upw-cert-input::placeholder{color:var(--dark-text-tertiary)}.upw-cert-input:disabled{opacity:.55;cursor:not-allowed}.upw-cert-date-row{display:grid;grid-template-columns:1fr 130px;gap:10px}.upw-cert-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 8L1 3h10z' fill='%2394a3b8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px;cursor:pointer}.upw-cert-year{min-width:0}.upw-cert-url-wrapper{position:relative;display:flex;align-items:center}.upw-cert-url-icon{position:absolute;left:13px;color:var(--light-text-tertiary);flex-shrink:0;z-index:1}.dark .upw-cert-url-icon{color:var(--dark-text-tertiary)}.upw-cert-input-url{padding-left:36px}.upw-cert-hint{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--light-text-tertiary);margin:0}.dark .upw-cert-hint{color:var(--dark-text-tertiary)}.upw-cert-hint svg{color:var(--success);flex-shrink:0}.upw-cert-info-banner{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:#3b82f60d;border:1px solid rgba(59,130,246,.15);border-radius:var(--radius-md);font-size:13px;color:var(--light-text-secondary, #475569);line-height:1.5}.dark .upw-cert-info-banner{background:#3b82f61a;border-color:#3b82f640;color:var(--dark-text-secondary, #94a3b8)}.upw-cert-info-banner svg{color:var(--blue);flex-shrink:0;margin-top:1px}.upw-cert-info-banner strong{color:var(--blue)}.upw-cert-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 28px 24px;border-top:1px solid var(--light-border);flex-shrink:0}.dark .upw-cert-modal-footer{border-color:var(--dark-border)}.upw-cert-modal-cancel{padding:10px 22px;background:transparent;border:1.5px solid var(--light-border);color:var(--light-text);border-radius:24px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.dark .upw-cert-modal-cancel{border-color:var(--dark-border);color:var(--dark-text)}.upw-cert-modal-cancel:hover:not(:disabled){background:var(--light-hover);border-color:var(--light-text)}.dark .upw-cert-modal-cancel:hover:not(:disabled){background:var(--dark-hover)}.upw-cert-modal-cancel:disabled{opacity:.5;cursor:not-allowed}.upw-cert-modal-save{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:var(--blue);color:#fff;border:none;border-radius:24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.upw-cert-modal-save:hover:not(:disabled){background:var(--blue-dark);transform:translateY(-1px);box-shadow:0 6px 20px #3b82f666}.upw-cert-modal-save:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.quick-link-card{display:flex;align-items:center;gap:20px;padding:24px;background:var(--light-card);border:2px solid var(--light-border);border-radius:var(--radius-xl);cursor:pointer;transition:var(--transition);position:relative;margin-bottom:16px;box-shadow:0 2px 8px #00000005}.dark .quick-link-card{background:var(--dark-card);border-color:var(--dark-border)}.quick-link-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #3b82f633;border-color:var(--blue)}.quick-link-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.quick-link-cv{background:linear-gradient(135deg,#f093fb,#f5576c)}.quick-link-content{flex:1}.quick-link-content h4{font-size:16px;font-weight:600;color:var(--light-text);margin-bottom:4px}.dark .quick-link-content h4{color:var(--dark-text)}.quick-link-content p{font-size:14px;color:var(--light-text-tertiary)}.dark .quick-link-content p{color:var(--dark-text-tertiary)}.quick-link-arrow{color:var(--light-text-tertiary);transition:var(--transition)}.dark .quick-link-arrow{color:var(--dark-text-tertiary)}.quick-link-card:hover .quick-link-arrow{color:var(--blue);transform:translate(4px)}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:32px 0 16px}.detail-item{display:flex;align-items:flex-start;gap:16px;padding:18px;background:#3b82f60a;border-radius:var(--radius-lg);transition:var(--transition);border:1px solid transparent}.dark .detail-item{background:#3b82f614}.detail-item:hover{transform:translate(6px);border-color:#3b82f633;background:#3b82f60f;box-shadow:0 4px 12px #3b82f61a}.detail-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--light-card);color:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}.detail-label{display:block;font-size:12px;font-weight:600;color:var(--light-text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.detail-value{font-size:15px;font-weight:500;color:var(--light-text)}.verified-tag{display:inline-flex;align-items:center;gap:2px;color:var(--success);font-size:12px;font-weight:600}.edit-input{width:100%;padding:10px 14px;border:1px solid var(--light-border);border-radius:var(--radius-md);background:var(--light-surface);color:var(--light-text);font-size:14px;transition:var(--transition)}.edit-input:disabled{opacity:.6;cursor:not-allowed}.name-edit-input{font-size:24px!important;font-weight:700!important}.edit-actions{display:flex;gap:16px;margin-top:28px;padding-top:24px;border-top:1px solid var(--light-border)}.dark .edit-actions{border-color:var(--dark-border)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:10px 20px;background:var(--blue);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:14px;cursor:pointer;transition:var(--transition)}.btn-primary:hover:not(:disabled){background:var(--blue-dark);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:10px 20px;background:var(--light-surface);color:var(--light-text);border:1px solid var(--light-border);border-radius:var(--radius-md);font-weight:500;font-size:14px;cursor:pointer;transition:var(--transition)}.btn-secondary:hover:not(:disabled){background:var(--light-hover)}.dark .btn-secondary:hover:not(:disabled){background:var(--dark-hover)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:10px 20px;background:transparent;border:1px solid var(--light-border);color:var(--light-text);border-radius:var(--radius-md);font-weight:500;font-size:14px;cursor:pointer;transition:var(--transition)}.btn-outline:hover:not(:disabled){background:var(--light-hover)}.dark .btn-outline:hover:not(:disabled){background:var(--dark-hover)}.btn-outline:disabled{opacity:.5;cursor:not-allowed}.password-card{background:var(--light-card);border:1px solid var(--light-border);border-radius:var(--radius-2xl);padding:32px;margin-bottom:24px;box-shadow:var(--shadow-sm)}.password-card-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.password-card-icon{width:56px;height:56px;border-radius:50%;background:#3b82f61f;color:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dark .password-card-icon{background:#3b82f633}.password-card-header h3{font-size:20px;font-weight:700;color:var(--light-text);margin-bottom:6px}.dark .password-card-header h3{color:var(--dark-text)}.password-card-header p{font-size:14px;color:var(--light-text-secondary);line-height:1.5}.dark .password-card-header p{color:var(--dark-text-secondary)}.form-input{width:100%;padding:12px 16px;border:1px solid var(--light-border);border-radius:var(--radius-lg);background:var(--light-surface);color:var(--light-text);font-size:14px;transition:var(--transition)}.dark .form-input{background:var(--dark-surface);border-color:var(--dark-border);color:var(--dark-text)}.form-input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #3b82f61a}.form-input:disabled{opacity:.6;cursor:not-allowed}.password-toggle{position:absolute;right:12px;background:transparent;border:none;color:var(--light-text-tertiary);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:var(--transition)}.dark .password-toggle{color:var(--dark-text-tertiary)}.password-toggle:hover:not(:disabled){color:var(--blue);background:#3b82f61a}.password-toggle:disabled{opacity:.5;cursor:not-allowed}.password-strength{margin-top:8px}.password-strength-bar{height:6px;background:#64748b33;border-radius:999px;overflow:hidden;margin-bottom:4px}.password-strength-fill{height:100%;transition:width .3s ease;border-radius:999px}.password-strength-text{font-size:13px;font-weight:600}.password-requirements-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:20px;background:#64748b0d;border-radius:var(--radius-lg)}.dark .password-requirements-grid{background:#64748b1a}.password-req-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--light-text-secondary)}.dark .password-req-item{color:var(--dark-text-secondary)}.req-check{color:var(--success);flex-shrink:0}.req-uncheck{color:var(--light-text-tertiary);flex-shrink:0}.dark .req-uncheck{color:var(--dark-text-tertiary)}.security-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px}.security-option-card{background:var(--light-card);border:1px solid var(--light-border);border-radius:var(--radius-2xl);padding:24px;transition:var(--transition)}.dark .security-option-card{background:var(--dark-card);border-color:var(--dark-border)}.security-option-card:hover{box-shadow:var(--shadow-md);border-color:var(--blue)}.security-option-header{display:flex;gap:16px;margin-bottom:20px}.security-option-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.security-option-content{flex:1}.security-option-content h4{font-size:16px;font-weight:700;color:var(--light-text);margin-bottom:6px}.dark .security-option-content h4{color:var(--dark-text)}.security-option-content p{font-size:13px;color:var(--light-text-tertiary);line-height:1.5}.dark .security-option-content p{color:var(--dark-text-tertiary)}.security-option-control{display:flex;align-items:center;justify-content:space-between;gap:12px}.toggle-label{font-size:14px;font-weight:600;padding:4px 12px;border-radius:20px}.toggle-label.enabled{background:#10b98126;color:var(--success)}.toggle-label.disabled{background:#64748b26;color:var(--light-text-tertiary)}.dark .toggle-label.disabled{color:var(--dark-text-tertiary)}.toggle-switch{position:relative;display:inline-block;width:48px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#64748b4d;transition:var(--transition);border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:#fff;transition:var(--transition);border-radius:50%}input:checked+.toggle-slider{background-color:var(--blue)}input:checked+.toggle-slider:before{transform:translate(24px)}input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.setup-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:#3b82f61a;color:var(--blue);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-lg);font-weight:600;font-size:14px;cursor:pointer;transition:var(--transition);margin-top:16px}.dark .setup-btn{background:#3b82f626;border-color:#3b82f64d}.setup-btn:hover:not(:disabled){background:var(--blue);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.setup-btn:disabled{opacity:.5;cursor:not-allowed}.security-tip-card{display:flex;align-items:flex-start;gap:16px;padding:20px 24px;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-xl);margin-bottom:24px}.dark .security-tip-card{background:#f59e0b1f;border-color:#f59e0b4d}.security-tip-card h4{font-size:16px;font-weight:700;color:var(--light-text);margin-bottom:4px}.dark .security-tip-card h4{color:var(--dark-text)}.security-tip-card p{font-size:14px;color:var(--light-text-secondary);line-height:1.5}.dark .security-tip-card p{color:var(--dark-text-secondary)}.active-session-item{display:flex;align-items:center;justify-content:space-between;padding:20px;background:#3b82f60a;border:1px solid rgba(59,130,246,.12);border-radius:var(--radius-xl)}.dark .active-session-item{background:#3b82f614;border-color:#3b82f633}.session-device-info{display:flex;align-items:center;gap:16px;flex:1}.session-device-info h4{font-size:15px;font-weight:600;color:var(--light-text);margin-bottom:4px}.dark .session-device-info h4{color:var(--dark-text)}.session-device-info p{font-size:13px;color:var(--light-text-tertiary)}.dark .session-device-info p{color:var(--dark-text-tertiary)}.current-badge{padding:6px 16px;background:#3b82f626;color:var(--blue);border-radius:20px;font-size:13px;font-weight:700;flex-shrink:0}.cv-section-card{display:flex;flex-direction:column;gap:24px}.cv-upload-area{background:var(--light-card);border:1px solid var(--light-border);border-radius:var(--radius-xl);padding:32px}.cv-section-title-bar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.cv-section-main-title{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;color:var(--light-text);margin-bottom:6px}.cv-section-desc{font-size:14px;color:var(--light-text-tertiary)}.dark .cv-section-desc{color:var(--dark-text-tertiary)}.cv-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 32px;background:#3b82f60a;border:2px dashed rgba(59,130,246,.3);border-radius:var(--radius-xl);text-align:center;transition:var(--transition);cursor:pointer}.dark .cv-upload-zone{background:#3b82f614;border-color:#3b82f666}.cv-upload-zone:hover{border-color:var(--blue);background:#3b82f614}.cv-upload-zone h3{font-size:18px;font-weight:600;color:var(--light-text);margin-bottom:8px}.dark .cv-upload-zone h3{color:var(--dark-text)}.cv-upload-zone p{font-size:14px;color:var(--light-text-secondary);margin-bottom:4px}.dark .cv-upload-zone p{color:var(--dark-text-secondary)}.cv-upload-hint{font-size:12px!important;color:var(--light-text-tertiary)!important}.dark .cv-upload-hint{color:var(--dark-text-tertiary)!important}.cv-divider{display:flex;align-items:center;margin:16px 0;position:relative}.cv-divider span{padding:0 16px;font-size:14px;font-weight:600;color:var(--light-text-tertiary);background:var(--light-bg)}.dark .cv-divider span{color:var(--dark-text-tertiary);background:var(--dark-bg)}.cv-file-header{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--light-border)}.dark .cv-file-header{border-color:var(--dark-border)}.cv-file-header h3{font-size:16px;font-weight:600;color:var(--light-text)}.dark .cv-file-header h3{color:var(--dark-text)}.cv-file-item{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.cv-file-icon{width:56px;height:56px;border-radius:12px;background:#3b82f61a;color:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dark .cv-file-icon{background:#3b82f626}.cv-file-info{flex:1;min-width:200px}.cv-file-info h4{font-size:16px;font-weight:600;color:var(--light-text);margin-bottom:4px}.cv-file-info p{font-size:14px;color:var(--light-text-tertiary);margin-bottom:8px}.dark .cv-file-info p{color:var(--dark-text-tertiary)}.cv-file-meta{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.cv-file-status,.cv-file-views{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:500}.cv-file-verified{color:var(--success)}.cv-file-views{color:var(--light-text-tertiary)}.dark .cv-file-views{color:var(--dark-text-tertiary)}.cv-file-actions{display:flex;gap:12px;flex-shrink:0;flex-wrap:wrap}.cv-tips-card{background:#3b82f60f;border:1px solid rgba(59,130,246,.15);border-radius:var(--radius-xl);padding:24px}.dark .cv-tips-card{background:#3b82f61a;border-color:#3b82f640}.cv-tips-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;color:var(--blue)}.cv-tips-header h4{font-size:16px;font-weight:600;color:var(--light-text)}.dark .cv-tips-header h4{color:var(--dark-text)}.cv-tips-list{list-style:none;display:flex;flex-direction:column;gap:12px}.cv-tips-list li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--light-text-secondary);line-height:1.6}.cv-tips-list li:before{content:"→";color:var(--blue);font-weight:600;flex-shrink:0}.portfolio-upload-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:20px}.portfolio-upload-item{background:var(--light-card);border:1px solid var(--light-border);border-radius:var(--radius-xl);overflow:hidden;transition:var(--transition)}.dark .portfolio-upload-item{background:var(--dark-card-alt);border-color:var(--dark-border)}.portfolio-upload-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.portfolio-upload-image{position:relative;height:180px;overflow:hidden;background:var(--light-hover)}.dark .portfolio-upload-image{background:var(--dark-hover)}.portfolio-upload-image img{width:100%;height:100%;object-fit:cover}.portfolio-upload-edit,.portfolio-upload-delete{position:absolute;top:10px;width:32px;height:32px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);opacity:0}.portfolio-upload-edit{right:50px;background:#3b82f6e6;color:#fff}.portfolio-upload-edit:hover:not(:disabled){background:var(--blue-dark);transform:scale(1.1)}.portfolio-upload-delete{right:10px;background:#ef4444e6;color:#fff}.portfolio-upload-delete:hover:not(:disabled){background:var(--danger);transform:scale(1.1)}.portfolio-upload-item:hover .portfolio-upload-edit,.portfolio-upload-item:hover .portfolio-upload-delete{opacity:1}.portfolio-upload-info{padding:16px}.portfolio-upload-info h4{font-size:16px;font-weight:600;color:var(--light-text);margin-bottom:8px}.dark .portfolio-upload-info h4{color:var(--dark-text)}.portfolio-upload-info p{font-size:14px;color:var(--light-text-secondary);line-height:1.5;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dark .portfolio-upload-info p{color:var(--dark-text-secondary)}.portfolio-upload-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;padding:8px 0;border-top:1px solid var(--light-border);border-bottom:1px solid var(--light-border);flex-wrap:wrap}.dark .portfolio-upload-meta{border-color:var(--dark-border)}.portfolio-url{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--blue);text-decoration:none;font-weight:500;transition:var(--transition)}.portfolio-url:hover{text-decoration:underline}.portfolio-date{font-size:12px;color:var(--light-text-tertiary);font-weight:500}.dark .portfolio-date{color:var(--dark-text-tertiary)}.portfolio-upload-tech{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.portfolio-upload-tech span{padding:4px 10px;background:#3b82f61a;color:var(--blue);border-radius:20px;font-size:12px;font-weight:600}.dark .portfolio-upload-tech span{background:#3b82f626}.empty-portfolio{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-portfolio svg{color:var(--light-text-tertiary);margin-bottom:20px}.dark .empty-portfolio svg{color:var(--dark-text-tertiary)}.empty-portfolio h4{font-size:18px;font-weight:600;color:var(--light-text);margin-bottom:8px}.dark .empty-portfolio h4{color:var(--dark-text)}.empty-portfolio p{font-size:14px;color:var(--light-text-tertiary)}.dark .empty-portfolio p{color:var(--dark-text-tertiary)}.content-section.profile-membership,body.dark-mode .content-section.profile-membership,.dark .content-section.profile-membership{padding:0 32px 32px!important;margin-top:0!important;background:transparent!important;border:none!important;box-shadow:none!important}.membership-current-card{background:var(--light-card);border:1px solid var(--light-border);border-radius:var(--radius-2xl);padding:32px;margin-bottom:48px;box-shadow:var(--shadow-sm);margin-left:24px!important;margin-right:24px!important;width:auto!important}.dark .membership-current-card{background:#1e293b66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:#ffffff0d;box-shadow:0 4px 24px #0000001a}.membership-current-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px;flex-wrap:wrap}.membership-current-icon{width:64px;height:64px;border-radius:50%;background:#3b82f61a;color:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dark .membership-current-icon{background:#3b82f626}.membership-current-info{flex:1}.membership-current-info h2{font-size:24px;font-weight:700;color:var(--light-text);margin-bottom:4px}.dark .membership-current-info h2{color:var(--dark-text)}.membership-status{display:inline-block;padding:4px 12px;background:#10b9811a;color:var(--success);border-radius:20px;font-size:13px;font-weight:600;margin-bottom:8px}.membership-dates{display:flex;gap:24px;font-size:14px;color:var(--light-text-tertiary)}.dark .membership-dates{color:var(--dark-text-tertiary)}.membership-features-list{margin-top:24px;padding-top:24px;border-top:1px solid var(--light-border)}.dark .membership-features-list{border-color:var(--dark-border)}.membership-features-list h3{font-size:16px;font-weight:600;color:var(--light-text);margin-bottom:16px}.dark .membership-features-list h3{color:var(--dark-text)}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-top:16px}.feature-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--light-text)}.dark .feature-item{color:var(--dark-text)}.feature-check{color:var(--success);flex-shrink:0}.billing-cycle-toggle{display:inline-flex;background:var(--light-hover);border-radius:40px;padding:4px;margin-bottom:48px;margin-left:24px!important}.dark .billing-cycle-toggle{background:var(--dark-hover)}.billing-cycle-toggle span{display:inline-flex;align-items:center;gap:6px;padding:8px 24px;border-radius:40px;font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition);color:var(--light-text-secondary)}.dark .billing-cycle-toggle span{color:var(--dark-text-secondary)}.billing-cycle-toggle span.active{background:var(--blue);color:#fff}.save-badge{display:inline-block;padding:2px 8px;background:#10b98126;color:var(--success);border-radius:20px;font-size:11px;font-weight:600;margin-left:8px}.membership-plans-grid{display:flex!important;justify-content:center!important;align-items:flex-start!important;gap:24px!important;margin-top:32px!important;flex-wrap:wrap!important}.membership-plan-card{background:#090b11!important;border:1px solid rgba(255,255,255,.05)!important;border-radius:16px!important;padding:24px!important;width:100%!important;max-width:320px!important;position:relative!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important;margin-bottom:40px!important}.membership-plan-card:before{content:""!important;position:absolute!important;top:30%!important;right:-50px!important;width:150px!important;height:150px!important;background:radial-gradient(circle,#6366f126,#6366f100 70%)!important;filter:blur(20px)!important;z-index:0!important}.membership-plan-card.popular:before{background:radial-gradient(circle,#3b82f633,#3b82f600 70%)!important}.membership-plan-card *{position:relative!important;z-index:1!important}.popular-badge{position:absolute!important;top:24px!important;right:24px!important;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;color:#ffffffb3!important;padding:4px 10px!important;border-radius:6px!important;font-size:10px!important;font-weight:600!important;text-transform:uppercase!important}.plan-icon{width:36px!important;height:36px!important;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;margin-bottom:16px!important}.plan-header{display:flex!important;flex-direction:column!important;align-items:flex-start!important;margin-bottom:12px!important;width:100%!important}.plan-header h3{font-size:20px!important;font-weight:700!important;color:#fff!important;margin:0!important}.plan-price{margin-bottom:24px!important;display:flex!important;align-items:baseline!important}.price{font-size:32px!important;font-weight:700!important;color:#fff!important}.period{font-size:13px!important;color:#ffffff80!important;margin-left:4px!important}.price-free{font-size:32px!important;font-weight:700!important;color:#fff!important}.plan-features{margin-bottom:24px!important;display:flex!important;flex-direction:column!important;gap:12px!important;align-items:flex-start!important;width:100%!important;padding-left:8px!important}.plan-feature{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;font-size:13px!important;color:#ffffffb3!important;width:100%!important;margin:0!important;padding:0!important}.plan-feature *{margin:0!important}.plan-feature span{margin-left:0!important;text-align:left!important}.plan-feature .feature-icon{flex-shrink:0!important;color:#10b981!important;width:16px!important;height:16px!important;fill:none!important}.plan-feature.limitation{color:#fff6!important}.plan-feature.limitation .feature-icon{color:#ef4444!important}.membership-plan-card button{width:100%!important;padding:12px!important;border-radius:10px!important;font-weight:600!important;font-size:13px!important;transition:all .2s ease!important}.membership-plan-card .btn-primary{background:linear-gradient(135deg,#4f46e5,#3b82f6)!important;color:#fff!important;border:none!important;box-shadow:0 4px 12px #3b82f633!important}.membership-plan-card .btn-outline{background:#ffffff0d!important;color:#fff!important;border:1px solid rgba(255,255,255,.1)!important}.settings-container.light .membership-plan-card{background:#fff!important;border:1px solid rgba(0,0,0,.05)!important;box-shadow:0 10px 30px #00000008!important}.settings-container.light .membership-plan-card:before{background:radial-gradient(circle,#6366f10d,#6366f100 70%)!important}.settings-container.light .popular-badge{background:#00000008!important;border-color:#0000000d!important;color:#0009!important}.settings-container.light .plan-icon{background:#00000008!important;border-color:#0000000d!important;color:#1f2937!important}.settings-container.light .plan-header h3,.settings-container.light .price{color:#1f2937!important}.settings-container.light .period{color:#6b7280!important}.settings-container.light .plan-feature{color:#4b5563!important}.settings-container.light .plan-feature .feature-icon{color:#6b7280!important}.settings-container.light .membership-plan-card .btn-outline{background:#fff!important;color:#1f2937!important;border-color:#d1d5db!important}.settings-container.light .membership-plan-card .btn-outline:hover{background:#f9fafb!important}.plan-feature .feature-icon{flex-shrink:0;color:#10b981;width:16px;height:16px}.plan-feature.limitation{color:#9ca3af}.dark .plan-feature.limitation{color:#fff6}.plan-feature .feature-icon{flex-shrink:0;color:var(--success);width:16px;height:16px}.plan-feature.limitation .feature-icon{color:var(--danger)}.upgrade-modal{max-width:500px}.upgrade-summary{margin-bottom:24px}.plan-comparison{display:flex;align-items:center;justify-content:space-between;background:var(--light-hover);padding:20px;border-radius:var(--radius-xl);margin-bottom:20px}.dark .plan-comparison{background:var(--dark-hover)}.current-plan,.new-plan{text-align:center;flex:1}.current-plan h4,.new-plan h4{font-size:12px;font-weight:600;color:var(--light-text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.dark .current-plan h4,.dark .new-plan h4{color:var(--dark-text-tertiary)}.plan-name{font-size:18px;font-weight:700;color:var(--light-text);margin-bottom:4px}.dark .plan-name{color:var(--dark-text)}.plan-price{font-size:14px;color:var(--light-text-secondary)}.dark .plan-price{color:var(--dark-text-secondary)}.upgrade-arrow{color:var(--blue);margin:0 16px}.upgrade-benefits{background:#3b82f60d;border:1px solid rgba(59,130,246,.1);border-radius:var(--radius-xl);padding:20px}.dark .upgrade-benefits{background:#3b82f614;border-color:#3b82f626}.upgrade-benefits h4{font-size:14px;font-weight:600;color:var(--light-text);margin-bottom:12px}.dark .upgrade-benefits h4{color:var(--dark-text)}.upgrade-benefits ul{list-style:none}.upgrade-benefits li{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:14px;color:var(--light-text)}.dark .upgrade-benefits li{color:var(--dark-text)}.benefit-icon{color:var(--success);flex-shrink:0}.upgrade-total{background:var(--light-card);border:1px solid var(--light-border);border-radius:var(--radius-xl);padding:20px;margin:20px 0}.dark .upgrade-total{background:var(--dark-card);border-color:var(--dark-border)}.total-row{display:flex;justify-content:space-between;padding:8px 0;color:var(--light-text-secondary)}.dark .total-row{color:var(--dark-text-secondary)}.total-row.final{border-top:1px solid var(--light-border);margin-top:8px;padding-top:16px;font-weight:700;color:var(--light-text)}.dark .total-row.final{border-color:var(--dark-border);color:var(--dark-text)}.upgrade-note{display:flex;align-items:flex-start;gap:8px;padding:12px;background:#f59e0b14;border:1px solid rgba(245,158,11,.15);border-radius:var(--radius-lg);color:var(--warning);font-size:13px}.dark .upgrade-note{background:#f59e0b1a;border-color:#f59e0b33}.upgrade-note svg{flex-shrink:0;margin-top:2px}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .2s ease}.modal-content{background:var(--light-card);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;position:relative;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dark .modal-content{background:var(--dark-card)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid var(--light-border)}.dark .modal-header{border-color:var(--dark-border)}.modal-header h2{font-size:20px;font-weight:700;color:var(--light-text)}.dark .modal-header h2{color:var(--dark-text)}.modal-close{width:36px;height:36px;border-radius:50%;border:none;background:#64748b1a;color:var(--light-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.dark .modal-close{background:#64748b33;color:var(--dark-text)}.modal-close:hover:not(:disabled){background:var(--danger);color:#fff;transform:rotate(90deg)}.modal-close:disabled{opacity:.5;cursor:not-allowed}.modal-body{padding:28px;overflow-y:auto;flex:1}.modal-body .form-group{margin-bottom:20px}.required{color:var(--danger);margin-left:4px}.optional{color:var(--light-text-tertiary);font-size:13px;font-weight:400;margin-left:4px}.dark .optional{color:var(--dark-text-tertiary)}.image-upload-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;background:#3b82f61a;border:2px dashed rgba(59,130,246,.3);border-radius:var(--radius-lg);color:var(--blue);font-weight:600;font-size:14px;cursor:pointer;transition:var(--transition)}.dark .image-upload-btn{background:#3b82f626;border-color:#3b82f666}.image-upload-btn:hover{background:#3b82f626;border-color:var(--blue)}.image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px;margin-top:16px}.image-preview-item{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--light-border)}.dark .image-preview-item{border-color:var(--dark-border)}.image-preview-item img{width:100%;height:100%;object-fit:cover}.image-remove-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;border:none;background:#ef4444e6;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);opacity:0}.image-preview-item:hover .image-remove-btn{opacity:1}.image-remove-btn:hover:not(:disabled){background:var(--danger);transform:scale(1.1)}.image-remove-btn:disabled{opacity:.5;cursor:not-allowed}.skills-input-wrapper{display:flex;gap:12px;margin-top:8px;flex-wrap:wrap}.skills-input-wrapper .form-input{flex:1;min-width:200px}.skills-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.skill-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#3b82f626;color:var(--blue);border-radius:20px;font-size:13px;font-weight:600}.dark .skill-tag{background:#3b82f633}.skill-tag button{width:18px;height:18px;border-radius:50%;border:none;background:#3b82f633;color:var(--blue);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);padding:0}.skill-tag button:hover:not(:disabled){background:var(--danger);color:#fff}.skill-tag button:disabled{opacity:.5;cursor:not-allowed}.modal-footer{display:flex;justify-content:flex-end;gap:16px;padding:20px 28px;border-top:1px solid var(--light-border)}.dark .modal-footer{border-color:var(--dark-border)}.placeholder-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;background:var(--light-card);border:1px solid var(--light-border);border-radius:var(--radius-2xl);text-align:center}.dark .placeholder-card{background:var(--dark-card);border-color:var(--dark-border)}.placeholder-card svg{color:var(--light-text-tertiary);opacity:.5;margin-bottom:24px}.dark .placeholder-card svg{color:var(--dark-text-tertiary)}.placeholder-card h2{font-size:24px;font-weight:700;color:var(--light-text);margin-bottom:12px}.placeholder-card p{font-size:15px;color:var(--light-text-secondary);line-height:1.6;max-width:500px}.dark .placeholder-card p{color:var(--dark-text-secondary)}@media(max-width:1200px){.search-wrapper{width:240px}.details-grid{grid-template-columns:1fr}.membership-plans-grid{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:1fr}}@media(max-width:1024px){.header-left{gap:var(--space-xl)}.header-nav{display:none}.settings-sidebar{position:fixed;left:-280px;top:72px;bottom:0;height:calc(100vh - 72px);z-index:99;transition:var(--transition);box-shadow:var(--shadow-lg)}.settings-sidebar.open{left:0}.mobile-menu-btn,.close-sidebar{display:flex}.profile-stats{grid-template-columns:repeat(2,1fr)}.security-options-grid,.password-requirements-grid{grid-template-columns:1fr}}@media(max-width:768px){.header-container{padding:0 var(--space-lg)}.search-wrapper,.user-details{display:none}.settings-content{padding:var(--space-xl)}.profile-avatar-section{flex-direction:column;align-items:center;text-align:center}.profile-badges-row{margin-left:0;justify-content:center}.profile-stats{grid-template-columns:1fr;gap:12px}.details-grid{grid-template-columns:1fr;gap:16px}.skills-grid{grid-template-columns:1fr}.profile-meta-row{flex-direction:column;align-items:flex-start;gap:12px}.cv-file-item{flex-direction:column;align-items:flex-start}.cv-file-actions{width:100%;flex-direction:column}.cv-file-actions button{width:100%}.modal-footer{flex-direction:column}.modal-footer button{width:100%}.membership-plans-grid{grid-template-columns:1fr}.membership-current-header{flex-direction:column;text-align:center}.membership-dates{flex-direction:column;gap:8px}.billing-cycle-toggle{width:100%}.billing-cycle-toggle span{flex:1;text-align:center}.plan-comparison{flex-direction:column;gap:16px}.upgrade-arrow{transform:rotate(90deg)}}@media(max-width:480px){.header-actions{gap:var(--space-xs)}.theme-toggle,.notification-btn{width:36px;height:36px}.section-header{flex-direction:column;gap:var(--space-md);align-items:flex-start}.profile-card{margin-bottom:16px}.profile-content{padding:0 20px 24px}.profile-avatar{width:100px;height:100px}.profile-fullname{font-size:24px}.profile-title{font-size:16px}.profile-bio-text,.edit-textarea-bio{padding:20px;font-size:15px}.password-card{padding:20px}.password-card-header{flex-direction:column}.security-option-header{flex-direction:column;align-items:center;text-align:center}.security-option-control{flex-direction:column;align-items:center}.edit-actions{flex-direction:column}.edit-actions button{width:100%}.modal-header,.modal-body,.modal-footer{padding:20px}.features-grid{grid-template-columns:1fr}.plan-header{flex-direction:column;text-align:center}}.skills-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.skill-card-simple{display:inline-flex;align-items:center;padding:8px 20px;background:var(--blue-bg);color:var(--blue);border:1px solid transparent;border-radius:var(--radius-full);font-size:14px;font-weight:600;transition:var(--transition);cursor:default;box-shadow:0 2px 5px #3b82f60d}.dark .skill-card-simple{background:#3b82f61a;color:#60a5fa;border-color:#3b82f633}.skill-card-simple:hover{background:var(--blue);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.skills-edit-modal{max-width:550px!important;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);border:1px solid var(--light-border)}.dark .skills-edit-modal{border-color:var(--dark-border)}.skills-edit-modal{max-width:750px!important;border-radius:24px!important;overflow:visible!important}.skills-edit-modal .modal-header{padding:32px 32px 10px!important}.skills-edit-modal .modal-body{padding:0 32px 32px!important}.skills-tag-input-container{border:1px solid var(--light-border);border-radius:var(--radius-xl);padding:24px;min-height:180px;background:var(--light-bg);transition:all .2s cubic-bezier(.4,0,.2,1);margin-top:12px;display:flex;flex-direction:column;gap:12px;position:relative}.dark .skills-tag-input-container{border-color:var(--dark-border);background:#0f172a80}.skills-tag-input-container:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px #3b82f61a}.skill-tag-editable{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;background:#3b82f614;color:var(--blue);border:1.5px solid rgba(59,130,246,.2);border-radius:var(--radius-full);font-size:14px;font-weight:600;animation:scaleIn .2s ease-out;transition:all .2s}.dark .skill-tag-editable{background:#3b82f626;border-color:#3b82f64d;color:#60a5fa}.skill-tag-editable:hover{background:#3b82f61f;border-color:var(--blue);transform:translateY(-1px)}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.skill-tag-editable button{background:#3b82f61a;border:none;color:var(--blue);border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.dark .skill-tag-editable button{background:#ffffff1a;color:#60a5fa}.skill-tag-editable button:hover{background:var(--blue);color:#fff;transform:rotate(90deg)}.skill-tag-editable button:hover{background:#fff6;transform:rotate(90deg)}.tag-input-bare{border:none;outline:none;background:transparent;padding:8px;color:var(--light-text);font-size:15px;flex:1;min-width:150px;font-weight:500}.dark .tag-input-bare{color:var(--dark-text)}.modal-footer{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;background:var(--light-bg);border-top:1px solid var(--light-border)}.dark .modal-footer{background:#0f172a4d;border-color:var(--dark-border)}.btn-cancel-flat{background:transparent;border:1px solid var(--light-border);color:var(--light-text-secondary);font-weight:600;font-size:14px;cursor:pointer;padding:10px 20px;border-radius:var(--radius-lg);transition:var(--transition)}.dark .btn-cancel-flat{border-color:var(--dark-border);color:var(--dark-text-secondary)}.btn-cancel-flat:hover{background:var(--light-hover)}.dark .btn-cancel-flat:hover{background:var(--dark-hover)}.btn-save-premium{background:var(--blue);color:#fff;border:none;padding:10px 28px;border-radius:var(--radius-lg);font-weight:700;font-size:14px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:10px;box-shadow:0 4px 12px #3b82f633}.btn-save-premium:hover{background:var(--blue-dark);transform:translateY(-1px);box-shadow:0 6px 15px #3b82f64d}.btn-save-premium:active{transform:translateY(0)}.no-data-text{color:var(--light-text-tertiary);font-style:italic;padding:10px 0}.skills-suggestions-list{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--light-surface);border:1px solid var(--light-border);border-radius:calc(var(--radius-lg) + 4px);z-index:1000;max-height:350px;overflow-y:auto;box-shadow:0 12px 35px #00000026;animation:slideDownFade .2s cubic-bezier(.4,0,.2,1);padding:8px 0}.dark .skills-suggestions-list{background:var(--dark-surface);border-color:var(--dark-border);box-shadow:0 10px 25px #0006}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.suggestion-item{padding:12px 20px;cursor:pointer;font-size:14px;color:var(--light-text);transition:var(--transition);border-bottom:1px solid var(--light-border-light)}.dark .suggestion-item{color:var(--dark-text);border-color:var(--dark-border-light)}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover,.suggestion-item.active{background:var(--blue-bg);color:var(--blue)}.dark .suggestion-item:hover,.dark .suggestion-item.active{background:#3b82f61a;color:#60a5fa}.clear-search-btn{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:var(--light-border);border:none;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--light-text-secondary);transition:var(--transition);z-index:5}.dark .clear-search-btn{background:var(--dark-border);color:var(--dark-text-secondary)}.clear-search-btn:hover{background:var(--danger-light);color:var(--danger)}.modal-footer{display:flex!important;justify-content:space-between;align-items:center;padding:24px 32px}.modal-footer-btns{display:flex;align-items:center;gap:20px}.btn-cancel-flat{background:transparent!important;border:none!important;color:var(--light-text-secondary)!important;font-weight:600!important;font-size:15px!important;padding:8px 16px!important;box-shadow:none!important}.btn-cancel-flat:hover{text-decoration:underline;background:transparent!important}.btn-save-premium{padding:.5rem 1rem!important;font-size:.875rem!important;font-weight:500!important;background:var(--blue)!important;color:#fff!important;border-radius:6px!important;box-shadow:0 2px 8px #3b82f626!important}.btn-save-premium:hover{background:var(--blue-dark)!important;box-shadow:0 4px 12px #3b82f640!important;transform:translateY(-1px)}.cv-section-card{display:flex;flex-direction:column;gap:32px}.cv-upload-area{background:var(--light-card);border:1px solid var(--light-border);border-radius:var(--radius-2xl);padding:32px;transition:var(--transition)}.dark .cv-upload-area{background:var(--dark-card);border-color:var(--dark-border)}.cv-section-title-bar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.cv-section-main-title{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;color:var(--light-text);margin-bottom:8px}.dark .cv-section-main-title{color:var(--dark-text)}.cv-section-main-title svg{color:var(--blue)}.cv-section-desc{font-size:14px;color:var(--light-text-secondary)}.dark .cv-section-desc{color:var(--dark-text-secondary)}.cv-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;border:2px dashed var(--light-border);border-radius:var(--radius-xl);background:#3b82f605;cursor:pointer;transition:var(--transition);text-align:center}.dark .cv-upload-zone{border-color:var(--dark-border);background:#3b82f60d}.cv-upload-zone:hover{border-color:var(--blue);background:#3b82f60d;transform:translateY(-2px)}.cv-upload-zone svg{color:var(--blue);margin-bottom:20px;opacity:.8}.cv-upload-zone h3{font-size:18px;font-weight:600;margin-bottom:8px}.cv-upload-zone p{font-size:14px;color:var(--light-text-secondary);margin-bottom:20px}.cv-upload-hint{font-size:12px!important;opacity:.7}.cv-divider{display:flex;align-items:center;gap:16px;margin:16px 0}.cv-divider:before,.cv-divider:after{content:"";flex:1;height:1px;background:var(--light-border)}.dark .cv-divider:before,.dark .cv-divider:after{background:var(--dark-border)}.cv-divider span{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--light-text-tertiary);letter-spacing:1px}.cv-current-file{background:var(--light-card);border:1px solid var(--light-border);border-radius:var(--radius-xl);padding:24px}.dark .cv-current-file{background:var(--dark-card);border-color:var(--dark-border)}.cv-file-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.cv-file-header h3{font-size:16px;font-weight:600}.btn-small{padding:6px 12px;font-size:13px;height:auto}.cv-file-item{display:flex;align-items:center;gap:20px;padding:20px;background:#3b82f608;border:1px solid rgba(59,130,246,.1);border-radius:var(--radius-lg)}.dark .cv-file-item{background:#3b82f60f;border-color:#3b82f633}.cv-file-icon{width:64px;height:64px;background:#fff;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--blue);box-shadow:var(--shadow-sm)}.dark .cv-file-icon{background:var(--dark-card-lighter)}.cv-file-info h4{font-size:16px;font-weight:600;margin-bottom:4px;color:var(--light-text)}.dark .cv-file-info h4{color:var(--dark-text)}.cv-file-info p{font-size:13px;color:var(--light-text-secondary);margin-bottom:10px}.cv-file-meta{display:flex;gap:16px}.cv-file-status{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:var(--radius-full)}.cv-file-verified{background:#22c55e1a;color:#16a34a}.cv-file-actions{margin-left:auto;display:flex;gap:12px}.cv-tips-card{background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);border:1px solid rgba(59,130,246,.1);border-radius:var(--radius-xl);padding:24px}.cv-tips-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:var(--blue)}.cv-tips-header h4{font-weight:700;font-size:16px}.cv-tips-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.cv-tips-list li{font-size:13px;color:var(--light-text-secondary);display:flex;align-items:center;gap:8px}.cv-tips-list li:before{content:"";width:6px;height:6px;background:var(--blue);border-radius:50%;opacity:.5}.dark .cv-tips-list li{color:var(--dark-text-secondary)}@media(max-width:768px){.cv-tips-list{grid-template-columns:1fr}}.portfolio-premium-section{padding:32px 0;border-top:1px solid var(--light-border-light);margin-top:32px}.dark .portfolio-premium-section{border-top-color:var(--dark-border)}.portfolio-premium-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.portfolio-header-content{display:flex;align-items:center;gap:16px}.portfolio-header-icon{width:48px;height:48px;background:var(--blue-bg);color:var(--blue);border-radius:12px;display:flex;align-items:center;justify-content:center}.dark .portfolio-header-icon{background:#3b82f626}.portfolio-header-content h2{font-size:24px;font-weight:700;color:var(--light-text);margin-bottom:4px}.portfolio-header-content p{color:var(--light-text-tertiary);font-size:14px}.btn-add-premium{display:flex;align-items:center;gap:8px;padding:10px 24px;background:var(--blue);color:#fff;border:none;border-radius:30px;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 4px 14px #3b82f663}.btn-add-premium:hover{background:var(--blue-dark);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f63b}.portfolio-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;background:var(--light-surface);border:2px dashed var(--light-border);border-radius:20px;text-align:center}.dark .portfolio-empty-state{background:var(--dark-surface);border-color:var(--dark-border)}.empty-state-icon-box{width:80px;height:80px;background:var(--light-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:var(--light-text-tertiary)}.dark .empty-state-icon-box{background:var(--dark-bg)}.portfolio-empty-state h3{font-size:20px;font-weight:600;margin-bottom:8px}.portfolio-empty-state p{color:var(--light-text-tertiary);max-width:300px;margin-bottom:24px}.btn-outline-premium{display:flex;align-items:center;gap:8px;padding:10px 20px;background:transparent;border:1px solid var(--blue);color:var(--blue);border-radius:30px;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-outline-premium:hover{background:var(--blue-bg)}.portfolio-premium-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px}.portfolio-premium-card{background:var(--light-surface);border-radius:20px;overflow:hidden;border:1px solid var(--light-border-light);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.dark .portfolio-premium-card{background:var(--dark-surface);border-color:var(--dark-border)}.portfolio-premium-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000014}.portfolio-card-media{position:relative;aspect-ratio:16/10;overflow:hidden;background:#f1f5f9}.portfolio-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.portfolio-premium-card:hover .portfolio-thumbnail{transform:scale(1.05)}.portfolio-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0f172a66;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.portfolio-premium-card:hover .portfolio-card-overlay{opacity:1}.portfolio-card-actions{display:flex;gap:12px}.action-circle-btn{width:44px;height:44px;border-radius:50%;background:#fff;border:none;display:flex;align-items:center;justify-content:center;color:var(--light-text);cursor:pointer;transition:transform .2s ease,background .2s ease}.action-circle-btn:hover{transform:scale(1.1);background:var(--blue);color:#fff}.action-circle-btn.delete:hover{background:var(--danger)}.portfolio-card-badge{position:absolute;bottom:12px;right:12px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;display:flex;align-items:center;gap:4px}.portfolio-card-content{padding:20px;flex:1;display:flex;flex-direction:column}.portfolio-card-title{font-size:18px;font-weight:700;color:var(--light-text);margin-bottom:8px}.dark .portfolio-card-title{color:var(--dark-text)}.portfolio-card-desc{color:var(--light-text-tertiary);font-size:14px;line-height:1.6;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.portfolio-card-skills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.portfolio-skill-tag{font-size:11px;padding:4px 8px;background:var(--light-bg);color:var(--light-text-secondary);border-radius:6px;font-weight:500}.dark .portfolio-skill-tag{background:var(--dark-bg);color:var(--dark-text-secondary)}.portfolio-skill-more{font-size:11px;color:var(--blue);font-weight:600;align-self:center}.portfolio-card-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:12px}.portfolio-card-link{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--blue);text-decoration:none;transition:all .2s ease;padding:6px 12px;background:var(--blue-bg);border-radius:8px;white-space:nowrap}.portfolio-card-link:hover{background:var(--blue);color:#fff}.portfolio-premium-modal{width:100%;max-width:900px;background:var(--light-surface);border-radius:24px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;animation:modalScaleUp .3s cubic-bezier(.34,1.56,.64,1)}.dark .portfolio-premium-modal{background:var(--dark-surface)}@keyframes modalScaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-header-premium{padding:24px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--light-border-light);position:relative}.dark .modal-header-premium{border-color:var(--dark-border)}.header-icon-box{width:44px;height:44px;background:var(--blue-bg);color:var(--blue);border-radius:12px;display:flex;align-items:center;justify-content:center}.modal-header-premium h2{font-size:20px;font-weight:700;color:var(--light-text);margin-bottom:2px}.modal-header-premium p{font-size:13px;color:var(--light-text-tertiary)}.modal-close-premium{position:absolute;top:24px;right:24px;background:transparent;border:none;color:var(--light-text-tertiary);cursor:pointer;padding:4px;border-radius:50%;transition:background .2s}.modal-close-premium:hover{background:var(--light-hover)}.modal-body-premium{padding:24px;max-height:70vh;overflow-y:auto}.form-premium-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:32px}.form-group-premium{margin-bottom:24px}.form-group-premium label{display:block;font-weight:600;font-size:14px;color:var(--light-text);margin-bottom:10px}.form-group-premium label .req{color:var(--danger);margin-left:2px}.form-group-premium label .optional{color:var(--light-text-tertiary);font-weight:400;font-size:12px}.premium-input{width:100%;padding:12px 16px;border:1px solid var(--light-border);border-radius:12px;font-size:14px;transition:all .2s;background:var(--light-bg)}.premium-input:focus{outline:none;border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px #3b82f61a}.dark .premium-input{background:#ffffff08;border-color:#ffffff14;color:var(--dark-text)}.dark .premium-input:focus{background:#ffffff0d;border-color:var(--blue);box-shadow:0 0 0 4px #3b82f633}.input-with-icon{position:relative}.input-with-icon svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--light-text-tertiary)}.premium-input.icon-left{padding-left:42px}.premium-textarea{width:100%;padding:12px 16px;border:1px solid var(--light-border);border-radius:12px;font-size:14px;resize:vertical;background:var(--light-bg);transition:all .2s}.premium-textarea:focus{outline:none;border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px #3b82f61a}.dark .premium-textarea{background:#ffffff08;border-color:#ffffff14;color:var(--dark-text)}.dark .premium-textarea:focus{background:#ffffff0d;border-color:var(--blue);box-shadow:0 0 0 4px #3b82f633}.media-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;border:2px dashed var(--light-border);border-radius:16px;background:var(--light-bg);cursor:pointer;transition:all .2s;text-align:center}.media-dropzone:hover{border-color:var(--blue);background:var(--blue-bg)}.dark .media-dropzone{background:#ffffff05;border-color:#ffffff14}.dark .media-dropzone:hover{background:#3b82f61a;border-color:var(--blue)}.media-dropzone svg{color:var(--blue);margin-bottom:12px}.media-dropzone span{font-weight:600;font-size:14px;color:var(--light-text);margin-bottom:4px}.media-dropzone small{color:var(--light-text-tertiary)}.media-previews-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px;margin-top:16px}.media-preview-box{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;border:1px solid var(--light-border)}.media-preview-box img{width:100%;height:100%;object-fit:cover}.media-preview-box.new{border:1px solid var(--blue)}.new-badge{position:absolute;top:4px;left:4px;background:var(--blue);color:#fff;font-size:9px;padding:2px 4px;border-radius:4px;font-weight:700;text-transform:uppercase}.file-icon-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--light-card-alt);color:var(--light-text-tertiary)}.btn-remove-p{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#00000080;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.btn-remove-p:hover{background:var(--danger)}.skill-input-premium{display:flex;gap:8px;margin-bottom:12px}.skill-add-btn{width:44px;height:44px;border-radius:12px;background:var(--light-text);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.skill-add-btn:hover{background:#000}.dark .skill-add-btn{background:var(--blue)}.dark .skill-add-btn:hover{background:var(--blue-dark)}.skills-tag-p-list{display:flex;flex-wrap:wrap;gap:8px}.skill-tag-p{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--blue-bg);color:var(--blue);border-radius:8px;font-size:13px;font-weight:600}.skill-tag-p button{background:transparent;border:none;color:inherit;cursor:pointer;display:flex;padding:2px}.modal-footer-premium{padding:20px 24px;background:var(--light-bg);display:flex;justify-content:flex-end;gap:12px;border-top:1px solid var(--light-border-light)}.dark .modal-footer-premium{background:var(--dark-bg);border-color:var(--dark-border)}.btn-cancel-p{padding:10px 24px;background:transparent;border:1px solid var(--light-border);border-radius:12px;font-weight:600;cursor:pointer;color:var(--light-text)}.dark .btn-cancel-p{border-color:var(--dark-border);color:var(--dark-text)}.dark .btn-cancel-p:hover{background:#ffffff0d}.btn-save-p{padding:10px 24px;background:var(--blue);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px}.btn-save-p:disabled{opacity:.6;cursor:not-allowed}.portfolio-modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.portfolio-upwork-modal{background:var(--light-surface);width:100%;max-width:900px;max-height:90vh;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 50px #0003;animation:modalPop .3s cubic-bezier(.34,1.56,.64,1)}.dark .portfolio-upwork-modal{background:var(--dark-surface);border:1px solid var(--dark-border)}@keyframes modalPop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.up-modal-header{padding:32px 40px 24px;position:relative;border-bottom:1px solid var(--light-border)}.dark .up-modal-header{border-color:var(--dark-border)}.up-modal-header h2{font-size:28px;font-weight:600;color:var(--light-text);margin-bottom:8px}.dark .up-modal-header h2{color:var(--dark-text)}.up-modal-sub{color:var(--light-text-tertiary);font-size:14px}.up-modal-close{position:absolute;top:32px;right:32px;background:transparent;border:none;color:var(--light-text-tertiary);cursor:pointer;padding:8px;border-radius:50%;transition:var(--transition)}.up-modal-close:hover{background:var(--light-hover);color:var(--light-text)}.dark .up-modal-close:hover{background:var(--dark-hover);color:var(--dark-text)}.up-modal-body{padding:32px 40px;overflow-y:auto;flex:1}.up-form-group{margin-bottom:24px}.up-form-row{display:flex;gap:24px}.up-form-group.half{flex:1}.up-form-group label{display:block;font-size:15px;font-weight:600;color:var(--light-text-secondary);margin-bottom:8px}.dark .up-form-group label{color:var(--dark-text-secondary)}.up-form-group label .req{color:var(--danger);margin-left:2px}.up-form-group label .optional{font-weight:400;color:var(--light-text-tertiary);font-size:13px}.up-input,.up-textarea{width:100%;padding:12px 16px;border:1px solid var(--light-border-dark);border-radius:8px;background:transparent;color:var(--light-text);font-size:14px;transition:var(--transition)}.dark .up-input,.dark .up-textarea{border-color:var(--dark-border-dark);color:var(--dark-text)}.up-input:focus,.up-textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px #3b82f61a}.up-field-count{text-align:right;font-size:12px;color:var(--light-text-tertiary);margin-top:4px}.up-skill-input-box{border:1px solid var(--light-border-dark);border-radius:8px;padding:8px;display:flex;flex-wrap:wrap;gap:8px;min-height:48px;transition:var(--transition)}.dark .up-skill-input-box{border-color:var(--dark-border-dark)}.up-skill-input-box:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px #3b82f61a}.up-skill-tag{background:var(--light-hover);color:var(--light-text-secondary);padding:4px 10px;border-radius:6px;font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.dark .up-skill-tag{background:var(--dark-hover);color:var(--dark-text-secondary)}.up-skill-tag button{background:transparent;border:none;color:var(--light-text-tertiary);cursor:pointer;display:flex;align-items:center}.up-skill-ghost-input{flex:1;min-width:150px;border:none;background:transparent;color:var(--light-text);font-size:14px;padding:4px 0}.up-skill-ghost-input:focus{outline:none}.up-skill-suggestions-container{position:relative;width:100%}.up-skill-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--light-surface);border:1px solid var(--light-border);border-radius:8px;margin-top:4px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:var(--shadow-lg)}.dark .up-skill-suggestions{background:var(--dark-surface);border-color:var(--dark-border)}.up-suggestion-item{padding:10px 16px;cursor:pointer;transition:var(--transition);font-size:14px;color:var(--light-text-secondary)}.up-suggestion-item:hover{background:var(--light-hover);color:var(--blue)}.dark .up-suggestion-item:hover{background:var(--dark-hover)}.up-media-dropzone{border:1px dashed var(--blue);border-radius:12px;padding:40px;text-align:center;cursor:pointer;transition:var(--transition);background:#3b82f605}.up-media-dropzone:hover{background:#3b82f60d;border-color:var(--blue-dark)}.up-media-icons{display:flex;justify-content:center;gap:16px;margin-bottom:16px}.up-media-circle{width:44px;height:44px;border-radius:50%;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;color:var(--blue);background:#fff;transition:var(--transition)}.dark .up-media-circle{background:var(--dark-card);border-color:var(--dark-border)}.up-media-circle.text{font-family:serif;font-size:24px;font-weight:500}.up-media-add-text{color:var(--light-text-secondary);font-weight:600}.dark .up-media-add-text{color:var(--dark-text-secondary)}.up-media-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;margin-top:24px}.up-preview-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:1px solid var(--light-border)}.dark .up-preview-item{border-color:var(--dark-border)}.up-preview-item img{width:100%;height:100%;object-fit:cover}.up-file-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--light-hover);color:var(--light-text-tertiary)}.up-remove-media{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#0009;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition)}.up-preview-item:hover .up-remove-media{opacity:1}.up-new-label{position:absolute;top:4px;left:4px;background:var(--blue);color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase}.up-modal-footer{padding:24px 40px;border-top:1px solid var(--light-border);display:flex;justify-content:flex-end;gap:24px;align-items:center}.dark .up-modal-footer{border-color:var(--dark-border)}.up-btn-link{background:transparent;border:none;color:var(--blue);font-weight:600;font-size:15px;cursor:pointer}.up-btn-primary{background:var(--blue);color:#fff;padding:10px 28px;border-radius:20px;font-weight:600;font-size:15px;border:none;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:8px}.up-btn-primary:hover{background:var(--blue-dark)}.up-portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.up-portfolio-card{background:var(--light-surface);border:1px solid var(--light-border);border-radius:12px;overflow:hidden;transition:var(--transition);cursor:pointer;position:relative;display:flex;flex-direction:column}.dark .up-portfolio-card{background:var(--dark-surface);border-color:var(--dark-border)}.up-portfolio-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--blue)}.up-card-cover{width:100%;aspect-ratio:1.6;background:#f1f5f9;position:relative;overflow:hidden}.dark .up-card-cover{background:var(--dark-bg)}.up-card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.up-portfolio-card:hover .up-card-cover img{transform:scale(1.05)}.up-card-type-icon{position:absolute;top:12px;left:12px;background:#ffffffe6;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--blue);box-shadow:0 4px 10px #0000001a}.up-card-content{padding:16px;flex:1}.up-card-title{font-size:18px;font-weight:600;color:var(--light-text);margin-bottom:4px;line-height:1.3}.up-card-role{font-size:14px;color:var(--light-text-tertiary);margin-bottom:12px}.up-card-skills{display:flex;flex-wrap:wrap;gap:6px}.up-mini-skill{font-size:11px;background:var(--light-hover);padding:2px 8px;border-radius:4px;color:var(--light-text-secondary)}.dark .up-mini-skill{background:var(--dark-hover);color:var(--dark-text-secondary)}.up-card-actions{position:absolute;top:12px;right:12px;display:flex;gap:8px;opacity:0;transition:var(--transition)}.up-portfolio-card:hover .up-card-actions{opacity:1}.up-action-btn{width:32px;height:32px;border-radius:50%;background:#fff;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);color:var(--light-text-secondary)}.up-action-btn:hover{background:var(--blue);color:#fff;border-color:var(--blue)}@media(max-width:768px){.portfolio-upwork-modal{max-height:100vh;border-radius:0}.up-modal-header,.up-modal-body,.up-modal-footer{padding-left:20px;padding-right:20px}.up-form-row{flex-direction:column;gap:0}.up-portfolio-grid{grid-template-columns:1fr}}.dark .notifications-list-container{background:var(--dark-surface);border-color:var(--dark-border);box-shadow:none}.notif-empty-state svg{opacity:.5}.fr-sec-forgot-link-wrapper{text-align:right;margin-top:8px}.fr-sec-forgot-btn{background:none;border:none;color:#3b82f6;font-size:13px;font-weight:600;cursor:pointer;padding:0;transition:opacity .2s}.fr-sec-forgot-btn:hover{opacity:.8;text-decoration:underline}.fr-sec-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.fr-sec-modal-content{background:#111827;border:1px solid rgba(255,255,255,.1);border-radius:24px;width:100%;max-width:440px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.fr-sec-close-btn{position:absolute;top:20px;right:20px;background:#ffffff0d;border:none;color:#94a3b8;width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.fr-sec-close-btn:hover{background:#ef44441a;color:#ef4444}.fr-sec-modal-header{padding:40px 32px 24px;text-align:center}.fr-sec-modal-icon-wrapper{width:64px;height:64px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#3b82f6}.fr-sec-modal-icon-wrapper.forgot-icon{background:#f59e0b1a;border-color:#f59e0b33;color:#f59e0b}.fr-sec-modal-header h3{font-size:24px;font-weight:700;color:#fff;margin:0}.fr-sec-modal-body{padding:0 32px 40px}.fr-sec-2fa-info{color:#94a3b8;text-align:center;margin-bottom:24px;line-height:1.5;font-size:14px}.fr-sec-method-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px;display:flex;align-items:center;gap:16px;margin-bottom:24px}.fr-sec-method-card.active{border-color:#3b82f6;background:#3b82f60d}.fr-sec-method-icon{width:48px;height:48px;background:#ffffff0d;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#3b82f6}.fr-sec-method-details h4{margin:0;color:#fff;font-size:15px}.fr-sec-method-details p{margin:4px 0 0;color:#64748b;font-size:13px}.fr-sec-method-check{margin-left:auto;color:#3b82f6}.fr-sec-primary-btn{width:100%;padding:14px;background:#3b82f6;border:none;border-radius:14px;color:#fff;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .2s}.fr-sec-primary-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.fr-sec-primary-btn:disabled{opacity:.6;cursor:not-allowed}.fr-sec-secondary-btn{width:100%;margin-top:12px;padding:12px;background:none;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#94a3b8;font-weight:500;cursor:pointer;transition:all .2s}.fr-sec-secondary-btn:hover{background:#ffffff0d;color:#fff}.fr-sec-otp-input-container{display:flex;justify-content:center;margin-bottom:24px}.fr-sec-otp-input{width:100%;max-width:240px;padding:16px;background:#0f172a80;border:1px solid rgba(255,255,255,.1);border-radius:16px;color:#fff;text-align:center;font-size:32px;font-weight:700;letter-spacing:12px}.fr-sec-input-group{margin-bottom:20px}.fr-sec-input-label{display:block;font-size:13px;color:#94a3b8;margin-bottom:8px}.fr-sec-premium-input{width:100%;padding:14px 20px;background:#0f172a80;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#fff;font-size:15px;transition:all .2s}.fr-sec-premium-input:focus{border-color:#3b82f6;background:#0f172acc;outline:none}.fr-sec-premium-input.otp-input{text-align:center;letter-spacing:8px;font-size:24px;font-weight:700}.sessions-list{display:flex;flex-direction:column;gap:15px;margin-top:10px}.active-session-item{display:flex;align-items:center;justify-content:space-between;padding:15px;background:var(--input-bg);border-radius:var(--radius-md);border:1px solid var(--border);transition:var(--transition)}.active-session-item:hover{border-color:var(--brand);transform:translate(5px)}.session-device-info{display:flex;align-items:center;gap:15px}.session-device-info svg{color:var(--brand);background:var(--brand-light);padding:10px;border-radius:50%;width:40px;height:40px}.session-device-info h4{margin:0;font-size:1rem;color:var(--text)}.session-device-info p{margin:2px 0 0;font-size:.85rem;color:var(--muted)}.current-badge{background:#10b981;color:#fff;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.fr-sec-revoke-btn{background:transparent;color:#ef4444;border:1px solid #ef4444;padding:6px 12px;border-radius:var(--radius-sm);font-size:.85rem;cursor:pointer;transition:var(--transition)}.fr-sec-revoke-btn:hover{background:#ef4444;color:#fff}.contact-confirm-modal{max-width:500px!important;border-radius:20px!important;overflow:hidden}.modal-header-icon-box.warn{width:52px;height:52px;border-radius:14px;background:#f59e0b1a;color:#f59e0b;display:flex;align-items:center;justify-content:center;margin-right:18px}.confirmation-details-card{background:var(--light-surface-secondary, #f8fafc);border:1px solid var(--light-border, #e2e8f0);border-radius:14px;padding:16px;margin-bottom:20px;display:flex;flex-direction:column;gap:14px}.dark .confirmation-details-card{background:#ffffff08;border-color:#ffffff14}.conf-detail-item{display:flex;flex-direction:column;gap:4px}.conf-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--light-text-tertiary, #64748b)}.conf-value-row{display:flex;align-items:center;gap:10px;font-size:14px}.old-val{color:var(--light-text-tertiary, #64748b);text-decoration:line-through;opacity:.7}.arrow-sep{color:var(--blue)}.new-val{color:var(--light-text-primary, #1e293b);font-weight:600}.dark .new-val{color:#fff}.modal-info-box{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#3b82f60d;border-radius:10px;color:var(--blue);font-size:13px;line-height:1.4}.modal-info-box p{margin:0}.modal-header-text h2{font-size:18px;font-weight:700;margin:0 0 4px}.modal-header-text p{font-size:13px;color:var(--light-text-tertiary, #64748b);margin:0}@keyframes softFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.soft-fade-in{animation:softFadeIn .3s ease-out forwards}.contact-confirm-modal-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:modalFadeIn .3s ease-out}.dark .contact-confirm-modal-overlay{background:#000000b3}.contact-confirm-modal-card{background:#fff;border-radius:28px;width:100%;max-width:480px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(0,0,0,.05);animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1)}.dark .contact-confirm-modal-card{background:#111827;border-color:#ffffff14;box-shadow:0 25px 50px -12px #00000080}.modal-header-premium{padding:32px 32px 20px;text-align:center}.modal-icon-badge{width:60px;height:60px;background:#3b82f614;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--blue);border:1px solid rgba(59,130,246,.2)}.modal-header-premium h2{font-size:22px;font-weight:800;margin:0 0 10px;color:#1e293b}.dark .modal-header-premium h2{color:#f8fafc}.modal-header-premium p{font-size:14px;color:#64748b;margin:0;line-height:1.5}.modal-body-premium{padding:0 32px 32px}.comparison-stack{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.comparison-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:16px;transition:all .2s ease}.dark .comparison-item{background:#ffffff08;border-color:#ffffff14}.comp-label{display:block;font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px}.comp-values{display:flex;align-items:center;gap:12px}.comp-old{font-size:13px;color:#94a3b8;text-decoration:line-through;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.comp-arrow{color:#3b82f6;flex-shrink:0}.comp-new{font-size:14px;font-weight:600;color:#1e293b;word-break:break-all}.dark .comp-new{color:#f1f5f9}.modal-notice-premium{display:flex;gap:12px;background:#3b82f60d;border-radius:14px;padding:14px;color:#3b82f6;font-size:13px;line-height:1.4;margin-bottom:32px}.modal-actions-premium{display:flex;flex-direction:column;gap:12px}.btn-confirm-premium{width:100%;padding:16px;background:#3b82f6;color:#fff;border:none;border-radius:16px;font-weight:700;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #3b82f640}.btn-confirm-premium:hover:not(:disabled){background:#2563eb;transform:translateY(-2px);box-shadow:0 8px 20px #3b82f659}.btn-confirm-premium:active{transform:translateY(0)}.btn-cancel-premium{width:100%;padding:14px;background:transparent;color:#64748b;border:1px solid #e2e8f0;border-radius:16px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.dark .btn-cancel-premium{border-color:#ffffff1a}.btn-cancel-premium:hover{background:#f1f5f9;color:#1e293b}.dark .btn-cancel-premium:hover{background:#ffffff0d;color:#fff}.modal-close-premium{position:absolute;top:24px;right:24px;background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:8px;border-radius:12px;transition:all .2s}.modal-close-premium:hover{background:#f1f5f9;color:#ef4444}.dark .modal-close-premium:hover{background:#ffffff0d}.inline-edit-select{width:100%;padding:12px 16px;border-radius:var(--radius-lg);border:1.5px solid var(--light-border);background:var(--light-surface);color:var(--light-text);font-size:14px;font-weight:500;transition:var(--transition);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;outline:none}.inline-edit-select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3b82f61a}.dark .inline-edit-select{background-color:var(--dark-surface);border-color:var(--dark-border);color:var(--dark-text);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.dark .inline-edit-select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3b82f633}.contact-edit-container{background:var(--light-surface);border:1px solid var(--blue)!important;padding:32px!important;border-radius:24px!important;margin-top:20px!important;box-shadow:0 20px 40px #0000000d!important;animation:slideDown .4s cubic-bezier(.16,1,.3,1)}.dark .contact-edit-container{background:#1e293b!important;border-color:#3b82f666!important;box-shadow:0 20px 40px #0000004d!important}.details-grid.editing{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.details-grid.editing .form-group:last-child{grid-column:span 1}.inline-edit-select{width:100%;padding:12px 16px;border-radius:var(--radius-xl);border:1.5px solid var(--light-border);background:var(--light-surface);color:var(--light-text);font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;outline:none;box-shadow:var(--shadow-sm)}.inline-edit-select:hover{border-color:var(--blue);background-color:var(--light-bg);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f61a}.inline-edit-select:focus{border-color:var(--blue);box-shadow:0 0 0 4px #3b82f626;background-color:#fff}.inline-edit-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3b82f61a}.dark .inline-edit-input{background-color:var(--dark-surface);border-color:var(--dark-border);color:var(--dark-text)}.public-profile-container{width:100%;max-width:1200px;margin:40px auto;padding:0 20px;font-family:Inter,system-ui,-apple-system,sans-serif}.back-link{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--muted);font-weight:600;cursor:pointer;margin-bottom:24px;transition:var(--transition);font-size:14px}.back-link:hover{color:var(--brand);transform:translate(-4px)}.profile-grid-layout{display:grid;grid-template-columns:1fr 340px;gap:32px;align-items:start}.premium-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;overflow:hidden;box-shadow:0 4px 20px #00000008}[data-theme=dark] .premium-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.profile-hero{position:relative;margin-bottom:32px}.profile-banner{height:240px;background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:24px;position:relative;overflow:hidden}.profile-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(37,99,235,.15),transparent 50%)}.profile-banner-img{width:100%;height:100%;object-fit:cover;opacity:.6}.profile-header-content{margin-top:0;padding:0 40px 32px;display:flex;align-items:flex-start;gap:32px;position:relative}.avatar-container{position:relative;flex-shrink:0;margin-top:-100px;z-index:30;width:160px;height:160px}.avatar-main{width:160px;height:160px;border-radius:50%!important;border:6px solid var(--surface);box-sizing:border-box;object-fit:cover;box-shadow:0 15px 35px #0003;background:var(--surface);position:relative;z-index:10}.status-dot{position:absolute;bottom:12px;left:12px;right:auto;width:24px;height:24px;border-radius:50%;border:4px solid var(--surface);z-index:40}[data-theme=dark] .status-dot{border-color:var(--surface)}.status-dot.online{background:#00d084}.status-dot.offline{background:#cbd5e1}.profile-identity{padding-top:16px;flex:1}.profile-name-row{display:flex;align-items:center;gap:12px;margin-bottom:6px}.profile-name-row h1{font-size:36px;font-weight:850;color:var(--text);margin:0;letter-spacing:-.03em}.verified-icon{color:var(--brand);display:flex;align-items:center}.profile-headline{font-size:18px;color:var(--text-2);margin:8px 0;font-weight:500}.sidebar-section{display:flex;flex-direction:column;gap:24px}.action-card{padding:24px}.hourly-rate-box{text-align:center;margin-bottom:24px}.rate-value{font-size:36px;font-weight:800;color:var(--text)}.rate-unit{font-size:16px;color:var(--muted);font-weight:500}.hire-btn{width:100%;height:52px;background:var(--brand);color:#fff;border:none;border-radius:14px;font-weight:700;font-size:16px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:10px}.hire-btn:hover{background:var(--brand-dark);transform:translateY(-2px);box-shadow:0 8px 20px #2563eb40}.message-btn{width:100%;height:52px;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:14px;font-weight:600;font-size:16px;cursor:pointer;margin-top:12px;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:10px}.message-btn:hover{background:var(--border)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.stat-mini-card{padding:12px 8px;background:var(--surface-2);border-radius:16px;text-align:center}.stat-mini-value{display:block;font-size:18px;font-weight:700;color:var(--text)}.stat-mini-label{font-size:12px;color:var(--muted);font-weight:600;text-transform:uppercase}.info-block{padding:24px}.info-title{font-size:14px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.skill-pills{display:flex;flex-wrap:wrap;gap:8px}.skill-pill{padding:6px 14px;background:var(--surface-2);color:var(--text-2);border-radius:10px;font-size:13px;font-weight:600;border:1px solid var(--border)}.lang-list{display:flex;flex-direction:column;gap:12px}.lang-item{display:flex;justify-content:space-between;align-items:center}.lang-name{font-weight:600;color:var(--text);font-size:14px}.lang-level{font-size:12px;color:var(--muted);background:var(--surface-2);padding:2px 8px;border-radius:6px}.main-sections{display:flex;flex-direction:column;gap:32px}.section-content{padding:32px}.section-header{margin-bottom:24px}.section-header h2{font-size:24px;font-weight:800;color:var(--text);margin:0}.bio-text{font-size:16px;line-height:1.8;color:var(--text-2)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.portfolio-card{border-radius:20px;background:var(--surface-2);overflow:hidden;border:1px solid var(--border);transition:var(--transition);cursor:pointer}.portfolio-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--brand)}.portfolio-thumb{height:180px;overflow:hidden;position:relative}.portfolio-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.portfolio-card:hover .portfolio-thumb img{transform:scale(1.1)}.portfolio-info{padding:20px}.portfolio-info h4{font-size:16px;font-weight:700;margin:0 0 8px;color:var(--text)}.portfolio-info p{font-size:13px;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cert-list{display:flex;flex-direction:column;gap:16px}.cert-item{display:flex;align-items:center;gap:20px;padding:16px;background:var(--surface-2);border-radius:16px;border:1px solid var(--border)}.cert-icon-box{width:48px;height:48px;background:var(--brand-light);color:var(--brand);border-radius:14px;display:flex;align-items:center;justify-content:center}.cert-details h4{font-size:15px;font-weight:700;margin:0 0 4px;color:var(--text)}.cert-details p{font-size:13px;color:var(--muted);margin:0}.portfolio-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:pmFadeIn .2s ease}.portfolio-modal-content.upwork-style{background:#fff;width:95%;max-width:1200px;max-height:90vh;border-radius:12px;overflow:hidden;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:pmSlideUp .3s ease;display:flex;flex-direction:column;color:#1a1a1a}.modal-header-bar{display:flex;align-items:center;justify-content:space-between;padding:20px 30px;border-bottom:1px solid #e0e0e0;background:#fff}.modal-top-title{font-size:22px;font-weight:600;color:#1d1d1f;margin:0}.modal-header-actions{display:flex;align-items:center;gap:20px}.modal-body-wrapper{display:grid;grid-template-columns:380px 1fr;flex:1;overflow-y:auto;background:#fff}.modal-left-col{padding:30px;border-right:1px solid #e0e0e0;display:flex;flex-direction:column}.modal-right-col{padding:30px;background:#f9f9f9;display:flex;flex-direction:column}.modal-section{margin-bottom:24px}.modal-image-box{background:#fff;border-radius:8px;border:1px solid #e0e0e0;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:400px}@keyframes pmFadeIn{0%{opacity:0}to{opacity:1}}@keyframes pmSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.modal-body-wrapper{grid-template-columns:1fr}.modal-left-col{border-right:none;border-bottom:1px solid #e0e0e0}}@media(max-width:1024px){.profile-grid-layout{grid-template-columns:1fr}.sidebar-section{order:-1}}@media(max-width:768px){.profile-header-content{flex-direction:column;align-items:center;text-align:center;margin-top:-60px;padding:0 20px 20px}.avatar-main{width:120px;height:120px;border-radius:30px}.profile-name-row{justify-content:center}}.jd-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;visibility:hidden;opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1),visibility .4s}.jd-overlay.is-open{visibility:visible;opacity:1}.jd-drawer{position:fixed;top:0;right:0;width:100%;max-width:950px;height:100%;background:var(--surface);z-index:1001;transform:translate(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:var(--shadow-lg);overflow:hidden}.jd-drawer.is-open{transform:translate(0)}.jd-header{padding:16px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.jd-back-btn{background:none;border:none;cursor:pointer;color:#2563eb;padding:8px;border-radius:50%;transition:background .2s}.jd-back-btn:hover{background:var(--btn-ghost)}.jd-external-link{display:flex;align-items:center;gap:6px;color:var(--brand);font-size:14px;font-weight:600;text-decoration:none}.jd-external-link:hover{text-decoration:underline}.jd-content{flex:1;overflow-y:auto;display:flex;padding:0}.jd-main-info{flex:1;padding:32px 40px;border-right:1px solid var(--border)}.jd-title{font-size:28px;font-weight:800;color:var(--text);margin-bottom:12px;line-height:1.25}.jd-meta-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:14px;color:var(--muted);margin-bottom:24px}.jd-category{color:var(--brand);font-weight:600;text-decoration:underline}.jd-location{display:flex;align-items:center;gap:4px}.jd-divider{border:0;border-top:1px solid var(--border);margin:32px 0}.jd-description{font-size:16px;line-height:1.6;color:var(--text-2);white-space:pre-line}.jd-details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px}.jd-detail-item{display:flex;gap:12px;align-items:flex-start;color:var(--text)}.jd-detail-item div{display:flex;flex-direction:column}.jd-detail-item strong{font-size:15px;font-weight:700}.jd-detail-item span{font-size:13px;color:var(--muted)}.jd-skills-section h3{font-size:16px;font-weight:700;color:var(--text);margin-bottom:16px}.jd-tags{display:flex;flex-wrap:wrap;gap:8px}.jd-tag{background:var(--chip-bg);border-radius:999px;padding:6px 16px;font-size:13px;font-weight:500;color:var(--text)}.jd-proposals-stat strong{display:block;font-size:16px;margin-bottom:12px}.jd-stat-line{font-size:14px;color:var(--muted);margin-bottom:6px}.jd-stat-line span{color:var(--text);font-weight:600}.jd-sidebar{width:320px;padding:32px 24px;background:var(--surface-2);display:flex;flex-direction:column;gap:16px}.jd-btn-apply{background:#2563eb;color:#fff;border:none;font-size:16px;font-weight:700;padding:12px;border-radius:999px;cursor:pointer;transition:all .2s ease}.jd-btn-apply:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb33}.jd-btn-save{background:var(--surface);color:var(--brand);border:1px solid var(--brand);font-size:16px;font-weight:700;padding:12px;border-radius:999px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:var(--transition)}.jd-btn-save:hover,.jd-btn-save.active{background:#eff6ff}.jd-btn-flag{background:none;border:none;cursor:pointer;font-size:14px;color:var(--muted);display:flex;align-items:center;gap:6px;font-weight:600;margin-top:10px}.jd-client-info{margin-top:32px;border-top:1px solid var(--border);padding-top:24px}.jd-client-info h3{font-size:18px;font-weight:700;margin-bottom:16px}.jd-client-stat{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:12px}.jd-client-rating{margin-bottom:20px}.jd-stars{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--muted)}.jd-client-meta{display:flex;flex-direction:column;gap:16px}.jd-meta-item{display:flex;flex-direction:column}.jd-meta-item strong{font-size:15px}.jd-meta-item span{font-size:13px;color:var(--muted)}.jd-member-since{font-size:12px;color:var(--muted);margin-top:24px}@media(max-width:900px){.jd-drawer{width:100%;max-width:none}.jd-content{flex-direction:column}.jd-main-info{border-right:none;border-bottom:1px solid #e5e7eb}.jd-sidebar{width:100%}}.jd-deadline-row{display:flex;align-items:center;gap:8px;margin-top:-8px;margin-bottom:24px;font-size:14px}.jd-deadline-label{color:var(--muted);font-weight:500}.jd-deadline-value{color:var(--text);font-weight:700}.jd-spin{animation:jd-spin-anim .7s linear infinite}@keyframes jd-spin-anim{to{transform:rotate(360deg)}}.jd-activity-section h3{font-size:16px;font-weight:700;color:var(--text);margin-bottom:16px}:root{--fprop-blue: #3b82f6;--fprop-blue-dark: #2563eb;--fprop-blue-glow: rgba(59, 130, 246, .4);--fprop-violet: #8b5cf6;--fprop-emerald: #10b981;--fprop-rose: #f43f5e;--fprop-amber: #f59e0b;--fprop-bg: #0f172a;--fprop-surface: #1e293b;--fprop-surface-2: #334155;--fprop-border: rgba(255, 255, 255, .08);--fprop-border-2: rgba(255, 255, 255, .15);--fprop-text: #f8fafc;--fprop-text-2: #e2e8f0;--fprop-text-3: #94a3b8;--fprop-text-4: #64748b;--fprop-glass: rgba(255, 255, 255, .03);--fprop-glass-hover: rgba(255, 255, 255, .06);--fprop-ease: cubic-bezier(.2, 0, 0, 1);--fprop-radius: 20px}[data-theme=light]{--fprop-bg: #f8fafc;--fprop-surface: #ffffff;--fprop-surface-2: #f1f5f9;--fprop-border: rgba(0, 0, 0, .05);--fprop-border-2: rgba(0, 0, 0, .1);--fprop-text: #0f172a;--fprop-text-2: #1e293b;--fprop-text-3: #475569;--fprop-text-4: #64748b;--fprop-glass: rgba(0, 0, 0, .02);--fprop-glass-hover: rgba(0, 0, 0, .05)}.fprop-container{max-width:1100px;margin:0 auto;padding:4rem 1.5rem;min-height:90vh;animation:fprop-fade-in .8s var(--fprop-ease);position:relative;z-index:1}.fprop-page-wrapper{background:transparent;min-height:100vh;position:relative;overflow:hidden}.fprop-page-wrapper:before{content:"";position:absolute;top:-10%;right:-5%;width:600px;height:600px;background:radial-gradient(circle,rgba(59,130,246,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:0}.fprop-page-wrapper:after{content:"";position:absolute;bottom:-5%;left:-5%;width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,.05) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:0}.fprop-header{margin-bottom:3rem;text-align:left}.fprop-title{font-size:3rem;font-weight:850;letter-spacing:-.04em;background:linear-gradient(135deg,var(--fprop-text) 0%,var(--fprop-blue) 60%,var(--fprop-violet) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 .75rem;line-height:1.1}.fprop-subtitle{color:var(--fprop-text-3);font-size:1.15rem;font-weight:500;max-width:600px;line-height:1.5}.fprop-tabs-wrap{display:flex;gap:6px;background:var(--fprop-glass);padding:6px;border-radius:18px;margin-bottom:3rem;width:fit-content;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--fprop-border);box-shadow:0 4px 20px #0003}.fprop-tab{padding:10px 24px;font-weight:700;color:var(--fprop-text-3);cursor:pointer;border-radius:14px;border:none;background:transparent;font-size:.95rem;display:flex;align-items:center;gap:10px;transition:all .4s var(--fprop-ease);position:relative;overflow:hidden}.fprop-tab:hover{color:var(--fprop-text-2);background:var(--fprop-glass-hover)}.fprop-tab.active{color:#fff;background:var(--fprop-blue);box-shadow:0 8px 24px -6px var(--fprop-blue-glow);transform:translateY(-1px)}.fprop-tab-count{background:#ffffff26;color:inherit;padding:2px 8px;border-radius:6px;font-size:.75rem;font-weight:800}.fprop-tab:not(.active) .fprop-tab-count{background:var(--fprop-surface-2)}.fprop-list{display:grid;grid-template-columns:1fr;gap:2rem}.fprop-card{background:var(--fprop-surface);border:1px solid var(--fprop-border);border-radius:28px;padding:2.5rem;display:flex;flex-direction:column;gap:1.75rem;transition:all .5s var(--fprop-ease);position:relative;box-shadow:0 10px 40px -10px #0000004d}.fprop-card:hover{transform:translateY(-8px);border-color:#3b82f64d;box-shadow:0 30px 70px -15px #00000080,0 0 20px -5px var(--fprop-blue-glow)}.fprop-card.invited:after{content:"TAKLIFA";position:absolute;top:-12px;right:30px;background:linear-gradient(135deg,var(--fprop-blue),var(--fprop-violet));color:#fff;padding:4px 14px;border-radius:100px;font-size:10px;font-weight:900;letter-spacing:1px;box-shadow:0 4px 12px var(--fprop-blue-glow)}.fprop-card-main{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.fprop-job-title{font-size:1.75rem;font-weight:850;color:var(--fprop-text);margin:0 0 1rem;line-height:1.2;cursor:pointer;transition:color .3s}.fprop-job-title:hover{color:var(--fprop-blue)}.fprop-client-badge{display:flex;align-items:center;gap:10px;background:var(--fprop-bg);padding:6px 14px;border-radius:100px;width:fit-content;border:1px solid var(--fprop-border)}.fprop-client-ava{width:26px;height:26px;border-radius:50%;object-fit:cover;border:1.5px solid var(--fprop-border-2)}.fprop-client-name{font-weight:700;font-size:.9rem;color:var(--fprop-text-3)}.fprop-status-tag{padding:8px 18px;border-radius:12px;font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:8px;background:var(--fprop-glass)}.fprop-cover-letter{font-size:1.05rem;color:var(--fprop-text-3);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding-left:1.5rem;border-left:2px solid var(--fprop-border-2)}.fprop-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;padding-top:1.75rem;border-top:1px solid var(--fprop-border)}.fprop-stats{display:flex;gap:2.5rem}.fprop-stat-item{display:flex;flex-direction:column;gap:4px}.fprop-stat-label{font-size:.65rem;font-weight:800;color:var(--fprop-text-4);text-transform:uppercase;letter-spacing:.1em}.fprop-stat-val{font-size:1.15rem;font-weight:850;color:var(--fprop-text-2);display:flex;align-items:center;gap:8px}.fprop-stat-val.price{color:var(--fprop-emerald)}.fprop-stat-val svg{color:var(--fprop-blue)}.fprop-actions{display:flex;gap:12px}.fprop-btn-wow{padding:12px 28px;border-radius:16px;font-weight:800;font-size:.95rem;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .3s var(--fprop-ease);border:none;font-family:inherit}.fprop-btn-wow.primary{background:linear-gradient(135deg,var(--fprop-blue),var(--fprop-blue-dark));color:#fff;box-shadow:0 10px 25px -5px var(--fprop-blue-glow)}.fprop-btn-wow.primary:hover{transform:translateY(-2px);box-shadow:0 15px 30px -5px var(--fprop-blue-glow)}.fprop-btn-wow.secondary{background:var(--fprop-surface-2);color:var(--fprop-text-2);border:1px solid var(--fprop-border)}.fprop-btn-wow.secondary:hover{background:var(--fprop-glass-hover);border-color:var(--fprop-border-2);transform:translateY(-2px)}.fprop-btn-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:var(--fprop-surface-2);color:var(--fprop-text-2);cursor:pointer;transition:all .3s var(--fprop-ease);border:1px solid var(--fprop-border)}.fprop-btn-icon:hover{background:var(--fprop-blue);color:#fff;border-color:var(--fprop-blue);transform:scale(1.05) rotate(8deg)}.fprop-empty-container{padding:8rem 2rem;text-align:center;background:var(--fprop-glass);border:1px dashed var(--fprop-border-2);border-radius:32px;display:flex;flex-direction:column;align-items:center}.fprop-empty-art{font-size:4rem;margin-bottom:1.5rem;filter:drop-shadow(0 0 20px var(--fprop-blue-glow))}.fprop-empty-container h3{font-size:1.75rem;font-weight:800;color:var(--fprop-text);margin-bottom:.5rem}.fprop-empty-container p{color:var(--fprop-text-4);font-size:1.1rem}@media(max-width:768px){.fprop-header{text-align:center}.fprop-title{font-size:2.25rem}.fprop-tabs-wrap{width:100%;overflow-x:auto;flex-wrap:nowrap}.fprop-tab{font-size:.85rem;padding:10px 16px}.fprop-card-main{flex-direction:column;gap:1rem}.fprop-footer{flex-direction:column;gap:2rem;align-items:flex-start}.fprop-actions{width:100%}.fprop-btn-wow{flex:1;justify-content:center}.fprop-stats{width:100%;grid-template-columns:1fr 1fr;display:grid;gap:1.5rem}}.pr-page{min-height:100vh;padding:40px 20px 100px;color:var(--text);position:relative;overflow:hidden}.pr-page:before{content:"";position:absolute;top:-10%;right:-5%;width:500px;height:500px;background:radial-gradient(circle,rgba(37,99,235,.05) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:0}.pr-container{max-width:1100px;margin:0 auto;position:relative;z-index:1}.pr-header{margin-bottom:40px}.pr-back{background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);display:inline-flex;align-items:center;gap:10px;font-weight:700;cursor:pointer;padding:10px 20px;border-radius:30px;margin-bottom:20px;transition:var(--transition)}.pr-back:hover{background:var(--surface);border-color:var(--brand);color:var(--brand);transform:translate(-5px)}.pr-title{font-size:40px;font-weight:850;letter-spacing:-.03em;color:var(--text);margin:0}.pr-grid{display:grid;grid-template-columns:1fr 340px;gap:32px}@media(max-width:960px){.pr-grid{grid-template-columns:1fr}}.pr-card{background:var(--glass-bg)!important;-webkit-backdrop-filter:var(--glass-blur)!important;backdrop-filter:var(--glass-blur)!important;border:1px solid var(--glass-border)!important;border-radius:28px!important;margin-bottom:32px;box-shadow:var(--glass-shadow);transition:var(--transition);overflow:hidden}.pr-card:hover{border-color:var(--brand)!important}.pr-card-header{padding:24px 32px;border-bottom:1px solid var(--border)}.pr-card-title{font-size:20px;font-weight:800;color:var(--text);margin:0}.pr-card-body{padding:32px}.pr-job-title{font-size:26px;font-weight:800;color:var(--brand);margin-bottom:16px}.pr-job-pills{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.pr-job-pill{background:var(--brand-light);color:var(--brand);padding:6px 14px;border-radius:20px;font-size:13px;font-weight:700;border:1px solid rgba(37,99,235,.1)}.pr-job-desc{font-size:15px;line-height:1.8;color:var(--text-2);margin-bottom:32px;opacity:.9}.pr-job-specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;background:var(--surface-2);padding:24px;border-radius:16px;border:1px solid var(--border)}.pr-spec-item{display:flex;align-items:center;gap:14px}.pr-spec-item svg{color:var(--brand)}.pr-spec-item div{display:flex;flex-direction:column}.pr-spec-item strong{font-size:15px;color:var(--text);font-weight:800}.pr-spec-item span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-weight:700}.pr-payment-mode{margin-bottom:40px}.pr-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pr-option-card{border:1px solid var(--border);background:var(--surface-2);border-radius:20px;padding:24px;cursor:pointer;display:flex;gap:16px;transition:var(--transition)}.pr-option-card:hover{border-color:var(--brand);background:var(--surface)}.pr-option-card.active{border-color:var(--brand);background:var(--brand-light);box-shadow:0 0 20px #2563eb1a}.pr-option-card strong{display:block;font-size:17px;margin-bottom:8px;color:var(--text);font-weight:800}.pr-option-card p{font-size:13px;color:var(--text-2);margin:0;line-height:1.5}.pr-input-group{margin-bottom:24px}.pr-input-group label{display:block;font-size:16px;font-weight:700;margin-bottom:12px;color:var(--text)}.pr-input,.pr-select,.pr-textarea{width:100%;padding:14px 18px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:15px;transition:var(--transition);outline:none}.pr-input:focus,.pr-select:focus,.pr-textarea:focus{border-color:var(--brand);background:var(--surface);box-shadow:0 0 0 4px #2563eb1a}.pr-fee-box{margin-top:40px;background:var(--surface-2);padding:32px;border-radius:20px;border:1px solid var(--border)}.pr-fee-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.pr-fee-label strong{font-size:16px;color:var(--text)}.pr-fee-label span{font-size:13px;color:var(--muted);display:block;margin-top:2px}.pr-fee-value{font-size:20px;font-weight:800;color:var(--text)}.pr-fee-total{color:var(--brand)!important}.pr-fee-total .pr-fee-value{font-size:30px;font-weight:900;color:var(--brand)}.pr-sidebar-sticky{position:sticky;top:40px}.pr-security{background:var(--brand-light);border:1px solid rgba(37,99,235,.2);color:var(--brand);padding:24px;border-radius:20px;display:flex;gap:16px;margin-bottom:32px}.pr-security strong{display:block;font-size:15px;margin-bottom:4px;font-weight:800}.pr-security p{font-size:12px;margin:0;opacity:.8;line-height:1.6;font-weight:500}.pr-quick-stats{padding:28px;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--glass-shadow)}.pr-stat-row{display:flex;flex-direction:column;margin-bottom:20px}.pr-stat-row:last-child{margin-bottom:0}.pr-stat-row span{font-size:11px;text-transform:uppercase;color:var(--muted);margin-bottom:6px;letter-spacing:.05em;font-weight:700}.pr-stat-row strong{font-size:17px;color:var(--text);font-weight:800}.pr-btn{padding:16px 32px;border-radius:30px;font-weight:800;font-size:16px;cursor:pointer;transition:var(--transition);border:none;display:flex;align-items:center;justify-content:center;gap:12px}.pr-btn-submit{background:var(--brand);color:#fff;width:100%;max-width:240px}.pr-btn-submit:hover{transform:translateY(-3px);box-shadow:0 12px 24px #2563eb4d}.pr-btn-cancel{background:var(--surface-2);color:var(--text-2);border:1px solid var(--border)}.pr-btn-cancel:hover{background:var(--surface);color:var(--text)}.pr-page.pr-success-page{padding:24px 16px;min-height:80vh;display:flex;align-items:center;justify-content:center}.pr-success{text-align:center;max-width:480px;margin:0 auto;padding:40px 32px;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:32px;border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.pr-success-title{font-size:28px;font-weight:850;margin-bottom:16px;color:var(--text);line-height:1.25}.pr-success-desc{font-size:15px;color:var(--text-2);margin-bottom:32px;line-height:1.6}@media(max-width:768px){.pr-page{padding:20px 15px}.pr-options-grid{grid-template-columns:1fr}.pr-card-body{padding:24px}.pr-title{font-size:32px}}.cl-page{width:100%;max-width:1200px;margin:0 auto;padding:40px 20px 100px}.cl-title{font-size:32px;font-weight:850;color:var(--text);margin-bottom:8px}.cl-subtitle{color:var(--muted);font-size:16px;margin-bottom:32px}.cl-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:20px;flex-wrap:wrap}.cl-tabs-wrapper{background:var(--surface-2);padding:4px;border-radius:12px;border:1px solid var(--border)}.cl-tab{padding:10px 20px;background:none;border:none;font-size:14px;font-weight:700;color:var(--muted);cursor:pointer;border-radius:8px}.cl-tab.active{background:var(--surface)!important;color:var(--brand)!important}.cl-search-container{position:relative;flex:1;max-width:400px}.cl-search-input{width:100%;padding:12px 16px 12px 44px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;color:var(--text);outline:none}.cl-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted)}.cl-list{display:flex;flex-direction:column;gap:24px}.cl-card{background:var(--glass-bg)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;border:1px solid var(--glass-border)!important;border-radius:24px!important;overflow:hidden;transition:.3s;cursor:pointer}.cl-card:hover{transform:translateY(-4px);border-color:var(--brand)!important}.cl-card-main{padding:32px}.cl-card-title{font-size:22px;font-weight:800;color:var(--text);margin-bottom:16px}.cl-card-users{display:flex;gap:20px;margin-bottom:24px;flex-wrap:wrap}.cl-card-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:16px!important;margin-top:24px!important}.cl-info-block{background:var(--surface-2)!important;border:1px solid var(--border)!important;border-radius:16px!important;padding:20px!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important}.cl-info-label{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;margin-bottom:8px}.cl-info-value{font-size:15px;font-weight:700;color:var(--text)}.cl-info-value.amount{color:var(--brand)!important;font-size:20px;font-weight:900}.cl-card-footer{padding:16px 32px;background:#0003;border-top:1px solid var(--border);display:flex;justify-content:flex-end}.cd-container{width:100%;max-width:1100px;margin:0 auto;padding:40px 20px 100px}.cd-back-link{display:inline-flex;align-items:center;gap:8px;color:var(--muted);text-decoration:none;font-weight:700;margin-bottom:24px;transition:.2s}.cd-back-link:hover{color:var(--brand);transform:translate(-4px)}.cd-panel{background:var(--glass-bg)!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;border:1px solid var(--glass-border)!important;border-radius:32px!important;overflow:hidden;margin-top:24px}.cd-panel-header{padding:48px;border-bottom:1px solid var(--border)}.cd-panel-body{padding:48px}.cd-meta-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:24px!important;margin-bottom:48px!important}.cd-meta-card{background:var(--surface-2)!important;border:1px solid var(--border)!important;border-radius:20px!important;padding:32px!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important}.cd-meta-label{font-size:12px;font-weight:800;color:var(--muted);text-transform:uppercase;margin-bottom:12px}.cd-meta-value{font-size:20px;font-weight:800;color:var(--text)}.cd-meta-value.amount{color:var(--brand)!important;font-size:26px;font-weight:900}.cd-section-title{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:850;color:var(--text);margin-bottom:24px}.cd-section-title svg{color:var(--brand)}.cd-section-content{color:var(--text-2);lineHeight:1.8;fontSize:16px}.cd-milestone-item{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;background:var(--surface-2)!important;border:1px solid var(--border)!important;border-radius:20px!important;margin-bottom:16px}.cd-admin-panel{margin-top:40px;padding:32px;background:var(--surface-2);border:1.5px dashed var(--border);border-radius:20px}.cd-partner-ava{width:44px;height:44px;border-radius:14px;object-fit:cover;background:var(--surface);border:2px solid var(--border);flex-shrink:0}.cd-meta-card{position:relative}.cd-status-dot{position:absolute;bottom:0;right:12px;width:14px;height:14px;border-radius:50%;border:2px solid var(--surface);z-index:2}.cd-status-dot.online{background:#10b981}.cd-status-dot.offline{background:#94a3b8}.cl-btn-premium,.cd-btn-premium{padding:12px 24px;border-radius:12px;font-weight:800;cursor:pointer;transition:.2s;border:none;display:flex;align-items:center;gap:8px}.cl-btn-primary,.cd-btn-primary{background:var(--brand);color:#fff}.cl-btn-primary:hover,.cd-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2563eb4d}.cl-btn-outline,.cd-btn-outline{background:#ffffff0d!important;border:1.5px solid var(--border)!important;color:var(--text)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cl-btn-outline:hover,.cd-btn-outline:hover{border-color:var(--brand)!important;color:var(--brand)!important;background:#2563eb1a!important}.cl-status--active,.cd-status--active{background:#2563eb1f;color:var(--brand)}.cl-status--completed,.cd-status--completed{background:#2563eb33;color:var(--brand)}.cl-status--cancelled,.cd-status--cancelled{background:#ef44441a;color:#ef4444}.cl-status--disputed,.cd-status--disputed{background:#f59e0b26!important;color:#f59e0b!important}.cd-status--pending{background:#94a3b81a;color:var(--muted)}.cd-status--submitted{background:#2563eb1a;color:var(--brand)}.cd-status--approved,.cd-status--released{background:#2563eb33;color:var(--brand)}.cl-badge,.cd-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:8px;font-size:11px;font-weight:850;text-transform:uppercase}@media(max-width:992px){.cl-card-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:768px){.cl-card-grid,.cd-meta-grid{grid-template-columns:1fr!important}.cl-controls{flex-direction:column;align-items:stretch}.cd-panel-header,.cd-panel-body{padding:24px}}.chat-wrapper,.chat-detail-wrapper{--chat-bg: #f8fafc;--sidebar-bg: #ffffff;--sidebar-border: rgba(0, 0, 0, .06);--chat-area-bg: #e5e7eb;--msg-sent-bg: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);--msg-sent-color: #ffffff;--msg-recv-bg: #ffffff;--msg-recv-color: #1a1a1a;--accent: #2563eb;--accent-dark: #1d4ed8;--accent-light: #eff6ff;--chat-text-primary: #1e293b;--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #64748b;--border: rgba(0, 0, 0, .06);--header-bg: rgba(255, 255, 255, .92);--input-bg: #ffffff;--input-bubble-bg: #f1f3f4;--input-bubble-focus: #ebeef0;--hover-bg: #f1f5f9;--online-color: #10b981;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--date-sep-bg: #e5e7eb;--search-bg: #f3f4f6;--msg-time-color: #707579;--empty-state-bg: #e5e7eb;--empty-icon-bg: #ffffff;--menu-bg: #ffffff;--menu-text: #1e293b;--menu-item-hover: #f1f5f9;--menu-divider: rgba(0, 0, 0, .05);--emoji-btn-hover: #f1f5f9;--status-border: #ffffff}[data-theme=dark] .chat-wrapper,[data-theme=dark] .chat-detail-wrapper{--chat-bg: #0f172a;--sidebar-bg: #1e293b;--sidebar-border: rgba(255, 255, 255, .06);--chat-area-bg: #0f172a;--msg-sent-bg: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);--msg-sent-color: #ffffff;--msg-recv-bg: #1e293b;--msg-recv-color: #e2e8f0;--accent: #3b82f6;--accent-dark: #2563eb;--accent-light: rgba(59, 130, 246, .15);--chat-text-primary: #f1f5f9;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--border: rgba(255, 255, 255, .06);--header-bg: rgba(30, 41, 59, .95);--input-bg: #1e293b;--input-bubble-bg: #334155;--input-bubble-focus: #3d4f68;--hover-bg: rgba(255, 255, 255, .05);--online-color: #10b981;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--date-sep-bg: #1e293b;--search-bg: #334155;--msg-time-color: #64748b;--empty-state-bg: #0f172a;--empty-icon-bg: #1e293b;--menu-bg: #1e293b;--menu-text: #f1f5f9;--menu-item-hover: rgba(255, 255, 255, .05);--menu-divider: rgba(255, 255, 255, .06);--emoji-btn-hover: rgba(255, 255, 255, .1);--status-border: #1e293b}.chat-wrapper{display:flex;height:calc(100vh - 68px);max-height:calc(100vh - 68px);background:var(--chat-bg);font-family:Inter,sans-serif;overflow:hidden}.chat-sidebar{width:340px;min-width:340px;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease}.chat-sidebar-header{padding:24px 20px 20px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--sidebar-bg)}.chat-sidebar-title{font-size:22px;font-weight:800;color:var(--text-primary);margin:0 0 16px;letter-spacing:-.025em;display:flex;align-items:center;justify-content:space-between}.chat-search-box{position:relative}.chat-search-box input{width:100%;padding:10px 16px 10px 40px;background:var(--search-bg);border:1.5px solid transparent;border-radius:var(--radius-xl);font-size:14px;color:var(--text-primary);font-family:Inter,sans-serif;transition:all .2s;box-sizing:border-box;outline:none}.chat-search-box input:focus{background:#fff;border-color:var(--accent);box-shadow:0 0 0 3px #14a8001a}.chat-search-box input::placeholder{color:var(--text-muted)}.chat-search-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:15px;pointer-events:none}.chat-list{flex:1;overflow-y:auto;padding:8px 0;scrollbar-width:thin;scrollbar-color:#e0e0e0 transparent}.chat-list::-webkit-scrollbar{width:4px}.chat-list::-webkit-scrollbar-track{background:transparent}.chat-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.chat-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--text-muted);text-align:center;padding:24px}.chat-list-empty-icon{font-size:42px;margin-bottom:12px;opacity:.6}.chat-list-empty p{font-size:14px;font-weight:500}.chat-item{display:flex;align-items:center;gap:12px;padding:14px 20px;cursor:pointer;transition:background .15s;position:relative;border-left:3px solid transparent}.chat-item:hover{background:var(--hover-bg)}.chat-item.active{background:var(--accent-light);border-left-color:var(--accent)}.chat-item-avatar{position:relative;flex-shrink:0}.avatar-circle{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#1d4ed8);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;font-family:Inter,sans-serif;overflow:hidden;flex-shrink:0}.avatar-circle img{width:100%;height:100%;object-fit:cover}.avatar-circle.sm{width:36px;height:36px;font-size:13px}.avatar-circle.md{width:42px;height:42px;font-size:15px}.status-dot{position:absolute;bottom:-1px;right:-1px;width:14px;height:14px;border-radius:50%;border:2px solid var(--status-border);transition:all .3s ease;z-index:5;box-sizing:border-box}.status-dot.online{background:var(--online-color);box-shadow:0 1px 3px #10b9814d}.status-dot.offline{background:var(--text-muted)}.chat-item-info{flex:1;min-width:0}.chat-item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.chat-item-name{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.chat-item-time{font-size:11px;color:var(--text-muted);font-weight:500;white-space:nowrap;flex-shrink:0}.chat-item-bottom{display:flex;justify-content:space-between;align-items:center}.chat-item-preview{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.chat-item-preview.unread{font-weight:600;color:var(--text-primary)}.chat-unread-badge{background:var(--accent);color:#fff;border-radius:50%;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;padding:0 4px;flex-shrink:0;margin-left:8px;transition:all .2s ease}.chat-unread-badge.muted{background:var(--text-muted);color:#fff}.chat-item-badge{font-size:11px;padding:2px 8px;border-radius:12px;font-weight:600;background:var(--accent-light);color:var(--accent);flex-shrink:0;margin-left:6px}.chat-area{flex:1;display:flex;flex-direction:column;background-color:var(--chat-area-bg)!important;background-image:url(https://www.transparenttextures.com/patterns/cubes.png);background-attachment:fixed;overflow:hidden;min-width:0;position:relative}.chat-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);text-align:center;padding:40px;background:var(--empty-state-bg)}.chat-empty-state-icon{background:var(--empty-icon-bg);width:140px;height:140px;display:flex;align-items:center;justify-content:center;border-radius:40px;box-shadow:var(--shadow-lg);margin-bottom:32px;color:var(--accent);transform:rotate(-5deg);transition:transform .3s ease}.chat-empty-state-icon:hover{transform:rotate(0) scale(1.05)}.chat-empty-state h2{font-size:28px;color:var(--text-primary);font-weight:800;margin-bottom:12px;letter-spacing:-.02em}.chat-empty-state p{font-size:15px;color:var(--text-secondary);max-width:320px;line-height:1.6;background:#ffffff80;padding:12px 24px;border-radius:24px;border:1px solid rgba(255,255,255,.8)}.chat-input-container{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;max-width:100%!important;margin:0 auto}.chat-input-bubble{display:flex!important;align-items:center!important;gap:8px;background:var(--input-bubble-bg)!important;border-radius:24px!important;padding:8px 18px!important;box-shadow:none!important;border:none!important;min-height:48px!important;flex:1;transition:background .2s ease}.chat-input-bubble:focus-within{background:var(--input-bubble-focus)!important}.chat-input-bubble.recording{background:var(--input-bubble-bg)}.chat-header{background:var(--header-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;box-shadow:0 4px 12px -2px #0000000d;z-index:10}.chat-header-left{display:flex;align-items:center;gap:12px;min-width:0}.chat-back-btn{background:none;border:none;cursor:pointer;color:var(--text-2, #334155);padding:6px;border-radius:8px;display:flex;align-items:center;transition:all .15s;display:none}.chat-back-btn:hover{background:var(--hover-bg);color:var(--accent)}.chat-header-info{min-width:0}.chat-header-name{font-size:16px;font-weight:700;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header-status{font-size:12px;color:var(--text-muted);margin:2px 0 0;display:flex;align-items:center;gap:4px}.chat-header-status .online{color:var(--online-color);font-weight:500}.chat-header-status .offline-status{color:var(--text-muted);font-weight:500}.chat-header-status .typing{color:var(--accent);font-weight:500;font-style:italic}.chat-header-status-dot{width:8px;height:8px;background:var(--online-color);border-radius:50%;display:inline-block;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.chat-header-right{display:flex;align-items:center;gap:4px}.chat-header-btn{background:none;border:none;cursor:pointer;color:var(--text-2, #334155);padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .15s;font-size:16px}.chat-header-btn:hover{background:var(--hover-bg);color:var(--accent)}.chat-header-job{font-size:11px;background:var(--accent-light);color:var(--accent);padding:3px 10px;border-radius:20px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.chat-messages-area{flex:1;display:flex;flex-direction:column;gap:8px;padding:20px 24px;background:transparent!important;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.chat-messages-area::-webkit-scrollbar{width:5px}.chat-messages-area::-webkit-scrollbar-track{background:transparent}.chat-messages-area::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.date-separator{display:flex;align-items:center;gap:12px;margin:16px 0 8px}.date-separator-line{flex:1;height:1px;background:var(--border)}.date-separator-text{font-size:12px;color:var(--text-muted);font-weight:500;white-space:nowrap;background:var(--date-sep-bg);padding:4px 12px;border-radius:12px}.msg-group{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.msg-group.sent{align-items:flex-end}.msg-group.received{align-items:flex-start}.msg-row{display:flex;align-items:flex-end;gap:8px;max-width:72%}.msg-row.sent{flex-direction:row-reverse;align-self:flex-end}.msg-row.received{align-self:flex-start}.msg-avatar{flex-shrink:0;align-self:flex-end}.msg-content{display:flex;flex-direction:column;gap:2px;min-width:60px}.msg-bubble{padding:10px 14px;border-radius:18px;box-shadow:0 1px 2px #0000001a;font-size:14px;line-height:1.55;word-break:break-word;position:relative;cursor:pointer;transition:filter .15s;display:flex;flex-direction:column;align-items:stretch;min-width:120px;transition:transform .1s ease}.msg-bubble:hover{filter:brightness(.97)}.msg-bubble.sent{background:var(--msg-sent-bg);border-bottom-right-radius:4px;color:#fff;box-shadow:0 4px 12px -4px #2563eb66}.msg-bubble.received{background:var(--msg-recv-bg);color:var(--msg-recv-color);border-bottom-left-radius:4px;box-shadow:0 4px 12px -4px #0000001a;border:1px solid rgba(0,0,0,.03)}.msg-bubble.sent.first{border-top-right-radius:18px}.msg-bubble.sent.last{border-bottom-right-radius:4px}.msg-bubble.received.first{border-top-left-radius:18px}.msg-bubble.received.last{border-bottom-left-radius:4px}.msg-time-inline{display:flex!important;align-items:center;gap:6px;align-self:flex-end;margin-top:2px;margin-left:auto;font-size:11px;color:var(--msg-time-color);line-height:1;-webkit-user-select:none;user-select:none}.msg-bubble.sent .msg-time-inline{color:#ffffffd9}.msg-inline-reactions{display:flex;align-items:center;gap:3px}.inline-reaction-item{font-size:15px;cursor:pointer;filter:drop-shadow(0 1px 1px rgba(0,0,0,.1));transition:transform .2s,background .2s;display:flex;align-items:center;gap:2px;padding:1px 5px;border-radius:10px;background:#0000000d}.inline-reaction-item:hover{transform:scale(1.15);background:#0000001a}.inline-reaction-item.mine{background:#3b82f6;color:#fff;border-color:#2563eb}.inline-reaction-item.mine .reaction-count{color:#fff}.msg-bubble.sent .inline-reaction-item,.msg-bubble.sent .floating-reaction-item{background:#ffffff1a;color:#fff}.msg-bubble.sent .inline-reaction-item.mine,.msg-bubble.sent .floating-reaction-item.mine{background:#ffffff40;border:1px solid rgba(255,255,255,.5)}.reaction-count{font-size:10px;font-weight:700;opacity:.9}.inline-time-text{font-size:11px;white-space:nowrap}.msg-read-icon{display:inline-flex;align-items:center;margin-left:2px;line-height:1}.msg-read-icon.sent svg{opacity:.7}.msg-read-icon.read svg{filter:drop-shadow(0 0 2px rgba(74,222,128,.4))}.msg-edited{font-size:10px;font-style:italic;opacity:.6}.msg-read-icon{font-size:12px;color:#ffffffbf}.msg-deleted{font-style:italic;opacity:.5;font-size:13px}.msg-sender-name{font-size:11px;font-weight:600;color:var(--accent);margin-bottom:2px;padding-left:2px}.msg-context-menu{position:absolute;background:var(--menu-bg)!important;color:var(--menu-text)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md);box-shadow:var(--shadow-lg)!important;z-index:200;min-width:180px;overflow:hidden;animation:fadeInScale .15s ease}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.msg-context-item{color:var(--menu-text)!important;display:flex;align-items:center;gap:12px;padding:10px 16px;font-weight:500;font-size:14px;cursor:pointer;transition:background .2s ease}.msg-context-item:hover{background:var(--menu-item-hover)!important}.msg-context-item svg,.msg-context-item i{color:#64748b!important;transition:color .2s ease}.msg-context-item:hover svg{color:var(--accent)!important}.msg-context-item.danger{color:#ef4444!important}.msg-context-item.danger:hover{background:#fef2f2!important}.msg-context-item.danger svg{color:#ef4444!important}.msg-context-divider{height:1px;background:var(--menu-divider);margin:4px 0}.msg-context-emojis{display:flex;align-items:center;gap:2px;padding:8px 10px;border-bottom:1px solid var(--menu-divider)}.emoji-react-btn{background:none;border:none;font-size:22px;cursor:pointer;padding:4px 6px;border-radius:8px;transition:transform .15s,background .15s;line-height:1}.emoji-react-btn:hover{transform:scale(1.3);background:var(--emoji-btn-hover)}.emoji-react-btn.emoji-more{font-size:18px;color:#64748b;font-weight:700}.msg-context-divider{height:1px;background:var(--menu-divider);margin:0}.msg-reply-preview{display:block;border-left:3px solid;border-radius:4px;padding:4px 10px;margin-bottom:6px;cursor:pointer;width:100%;box-sizing:border-box;overflow:hidden;position:relative;transition:background .2s}.msg-reply-preview.sent{background:#ffffff26;border-left-color:#fff}.msg-reply-preview.received{background:#2563eb0d;border-left-color:#2bb33f}.msg-reply-sender{font-size:13px;font-weight:700;color:#2bb33f;margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-reply-preview.sent .msg-reply-sender{color:#fff}.msg-reply-text{font-size:13px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.msg-reply-preview.sent .msg-reply-text{color:#ffffffd9}.reply-mode-bar{display:flex;align-items:center;padding:8px 14px;background:#f8fafc;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;gap:10px;z-index:10;animation:slideInUp .15s ease-out}@keyframes slideInUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.reply-mode-content{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.reply-mode-text{display:flex;flex-direction:column;gap:1px;min-width:0}.reply-mode-sender{font-size:12px;font-weight:700;color:var(--accent)}.reply-mode-preview{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.msg-reactions{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px;margin-bottom:2px}.msg-reaction-chip{display:inline-flex;align-items:center;gap:2px;background:#0000000a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:10px;padding:1px 6px;font-size:13px;cursor:pointer;transition:all .2s cubic-bezier(.175,.885,.32,1.1);-webkit-user-select:none;user-select:none;border:1px solid rgba(0,0,0,.02);line-height:1}.msg-bubble.sent .msg-reaction-chip{background:#ffffff26;border-color:#ffffff1a;color:#fff}.msg-reaction-chip:hover{background:#0000001a;transform:scale(1.1)}.msg-bubble.sent .msg-reaction-chip:hover{background:#ffffff40}.typing-indicator{display:flex;align-items:center;gap:8px;padding:8px 0}.typing-dots{display:flex;gap:4px;background:#fff;padding:10px 14px;border-radius:18px 18px 18px 4px;box-shadow:var(--shadow-sm)}.typing-dot{width:7px;height:7px;background:#9ca3af;border-radius:50%;animation:typingBounce 1.2s infinite}.typing-dot:nth-child(1){animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-6px);opacity:1}}.typing-text{font-size:12px;color:var(--text-muted);font-style:italic}.chat-input-area{width:100%!important;box-sizing:border-box!important;background:transparent!important;border:none!important;padding:12px 16px 24px!important;flex-shrink:0;display:flex;flex-direction:column;gap:8px;position:relative;z-index:50}.chat-input-controls{display:flex;align-items:flex-end;padding-bottom:0}.emoji-toggle-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;margin-left:-6px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;outline:none}.emoji-toggle-btn:hover,.emoji-toggle-btn.active{background:transparent;color:var(--accent);transform:scale(1.1)}.emoji-picker-container{position:absolute;bottom:80px;left:20px;z-index:1000;box-shadow:var(--shadow-lg);border-radius:12px;overflow:hidden;animation:pickerFadeIn .2s cubic-bezier(.175,.885,.32,1.275);background:transparent;border:none}@keyframes pickerFadeIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.emoji-picker-container em-emoji-picker{border-radius:12px;--font-family: inherit;--shadow: none;border:none}@media(max-width:480px){.emoji-picker-container{left:10px;right:10px}.emoji-picker-container em-emoji-picker{width:100%}}.mic-button-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.mic-error-tooltip{position:absolute;bottom:65px;right:50%;transform:translate(50%);background-color:#ef4444;color:#fff;padding:8px 14px;border-radius:20px;font-size:13px;font-weight:500;white-space:nowrap;box-shadow:0 4px 12px #ef44444d;z-index:100;animation:slideUpFade .2s ease-out forwards}.mic-error-tooltip:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);border-width:6px 6px 0;border-style:solid;border-color:#ef4444 transparent transparent transparent}@keyframes slideUpFade{0%{opacity:0;transform:translate(50%,10px)}to{opacity:1;transform:translate(50%)}}.chat-action-circle-btn{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .25s cubic-bezier(.175,.885,.32,1.275);flex-shrink:0;color:#fff;z-index:100}.chat-action-circle-btn.mic{background:#2563eb;box-shadow:0 4px 16px #2563eb80;color:#fff}.chat-action-circle-btn.mic:hover{background:#1d4ed8;box-shadow:0 6px 20px #2563eb99;transform:scale(1.06)}.chat-action-circle-btn.send{background:#c5cdd8;box-shadow:0 2px 8px #0000001f;color:#fff}.chat-action-circle-btn.send.active{background:#2563eb;box-shadow:0 4px 16px #2563eb80}.chat-action-circle-btn.send.active:hover{background:#1d4ed8;box-shadow:0 6px 20px #2563eb99;transform:scale(1.06)}.chat-action-circle-btn:hover{transform:scale(1.05)}.chat-action-circle-btn:active{transform:scale(.95)}.chat-attach-btn{color:var(--text-secondary);padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s}.chat-attach-btn:hover{color:var(--accent)}.chat-job-action-btn{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--border);background:var(--input-bg);color:var(--accent);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);margin-left:6px;flex-shrink:0;box-shadow:var(--shadow-sm)}.chat-job-action-btn:hover{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px -2px #2563eb26}.chat-job-action-btn:active{transform:scale(.94)}.chat-textarea{flex:1;border:none!important;background:transparent!important;resize:none!important;outline:none!important;font-size:17px!important;color:var(--text-primary)!important;line-height:1.4!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important;min-height:24px;max-height:150px;padding:4px 0!important;margin:4px 0!important;overflow-y:auto;scrollbar-width:none}.chat-textarea::-webkit-scrollbar{display:none}.emoji-toggle-btn{color:var(--text-secondary);padding:8px;background:none;border:none;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.emoji-toggle-btn.active{color:#3390ec;background:#3390ec14}.emoji-popover-wrapper{position:relative;display:flex;align-items:center}.emoji-picker-container{position:absolute;bottom:100%;left:0;margin-bottom:8px;z-index:1000;background:transparent;box-shadow:var(--shadow-lg);border-radius:12px;animation:popIn .2s cubic-bezier(.16,1,.3,1)}@keyframes popIn{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.emoji-picker-body{padding:0!important;height:100%;background:transparent}.emoji-picker-body em-emoji-picker{width:100%!important;height:100%!important;border-radius:0!important;border:none!important}.chat-send-btn.active{color:var(--accent);transform:scale(1.1)}.telegram-mic-btn{background:transparent;color:#9ba3b2}.telegram-mic-btn:hover{color:var(--accent);background:var(--accent-light)}.chat-send-btn{width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s;flex-shrink:0;background:#d1d5db;color:#fff;margin-bottom:0;margin-right:-4px}.chat-send-btn.active{background:var(--accent);transform:scale(1.05);box-shadow:0 4px 12px #2563eb66}.chat-send-btn.active:hover{background:var(--accent-dark);transform:scale(1.08)}.chat-send-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.custom-audio-player{display:flex;align-items:center;gap:12px;width:240px;max-width:100%;padding:4px 6px}.custom-audio-player .play-btn{background:var(--accent);color:#fff;border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s}.custom-audio-player.sent .play-btn{background:#fff;color:var(--accent)}.custom-audio-player .play-btn:hover{transform:scale(1.05)}.audio-right-flex{flex:1;display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0}.audio-wave-container{height:28px;position:relative;cursor:pointer;display:flex;align-items:center;width:100%;overflow:hidden}.audio-bars{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;gap:2px}.audio-bar{flex:1;border-radius:2px;background:#cfd8dc;min-width:2.5px;max-width:3.5px;transition:background .1s linear}.custom-audio-player.sent .audio-bars.base .audio-bar{background:#fff6}.audio-bars.active .audio-bar{background:var(--accent)}.custom-audio-player.sent .audio-bars.active .audio-bar{background:#fff}.audio-time-size{font-size:13px;font-weight:500;font-variant-numeric:tabular-nums;color:#718096}.custom-audio-player.sent .audio-time-size{color:#ffffffd9}.recording-ui{display:flex;align-items:center;width:100%;padding:4px 6px;background:#f3f4f6;border-radius:20px}.record-pulse-dot{width:10px;height:10px;background:#ef4444;border-radius:50%;animation:pulse-red 1.2s infinite;margin-right:12px;margin-left:8px}.record-time{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;margin-right:auto}.record-slide-text{font-size:13px;color:var(--muted, #64748b);animation:slideLeft 2s ease-in-out infinite alternate;margin-right:16px;display:none}@media(min-width:500px){.record-slide-text{display:block}}.record-cancel-btn{background:none;border:none;font-size:18px;cursor:pointer;padding:8px;color:var(--muted, #64748b);transition:transform .2s,color .2s;display:flex;align-items:center;justify-content:center}.record-cancel-btn:hover{transform:scale(1.1);color:#ef4444}.record-send-btn{background:var(--accent);color:#fff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-left:8px;box-shadow:0 4px 10px #2563eb4d;transition:transform .2s}.record-send-btn:hover{transform:scale(1.05)}@keyframes pulse-red{0%{transform:scale(1);box-shadow:0 0 #ef4444b3}70%{transform:scale(1.1);box-shadow:0 0 0 6px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}@keyframes slideLeft{0%{transform:translate(0);opacity:.4}to{transform:translate(-8px);opacity:.9}}.edit-mode-bar{display:flex;align-items:center;gap:10px;background:var(--accent-light);border-left:3px solid var(--accent);padding:8px 16px;margin-bottom:8px;border-radius:6px;font-size:13px;color:var(--accent);font-weight:500}.edit-cancel-btn{margin-left:auto;background:none;border:none;cursor:pointer;color:var(--text-muted);padding:2px 6px;border-radius:4px;font-size:16px;line-height:1;transition:color .15s}.edit-cancel-btn:hover{color:#ef4444}.chat-skeleton{display:flex;flex-direction:column;gap:16px;padding:20px}.skeleton-row{display:flex;align-items:flex-end;gap:10px}.skeleton-row.right{flex-direction:row-reverse}.skeleton-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;flex-shrink:0}.skeleton-bubble{border-radius:16px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.chat-loading{display:flex;align-items:center;justify-content:center;height:100%;flex:1}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.chat-error{text-align:center;color:#ef4444;padding:40px;font-size:14px}.file-bubble{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#ffffff1a;border-radius:10px;text-decoration:none;color:inherit}.file-bubble:hover{background:#fff3}.file-icon{font-size:22px;flex-shrink:0}.file-info{min-width:0}.file-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.file-download{font-size:11px;opacity:.7}.img-bubble{max-width:240px;max-height:240px;border-radius:12px;object-fit:cover;cursor:pointer;display:block}@media(max-width:768px){.chat-sidebar{position:absolute;top:0;left:0;bottom:0;width:100%;min-width:unset;z-index:20;transform:translate(-100%);transition:transform .3s ease}.chat-sidebar.open{transform:translate(0)}.chat-area{width:100%}.chat-back-btn{display:flex}.msg-row{max-width:88%}}.scroll-to-bottom{position:absolute;bottom:110px;right:24px;width:44px;height:44px;border-radius:50%;background:var(--sidebar-bg);border:1px solid var(--border);box-shadow:var(--shadow-md);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .25s cubic-bezier(.4,0,.2,1);z-index:100}.scroll-to-bottom:hover{background:#f4f4f5;transform:translateY(-2px);box-shadow:0 6px 16px #00000029}.scroll-unread-badge{position:absolute;top:-8px;right:-4px;background:#3390ec;color:#fff;min-width:20px;height:20px;padding:0 6px;border-radius:10px;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #3390ec4d;animation:badgePop .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes badgePop{0%{transform:scale(0)}to{transform:scale(1)}}.chat-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#1a1a2e;color:#fff;padding:10px 20px;border-radius:24px;font-size:13px;font-weight:500;box-shadow:var(--shadow-lg);z-index:9999;animation:toastIn .3s ease;pointer-events:none}.chat-toast.error{background:#ef4444}.chat-toast.success{background:var(--accent)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.chat-info-sidebar{width:320px;min-width:320px;background:var(--sidebar-bg);border-left:1px solid var(--border);display:flex;flex-direction:column;height:100%;animation:slideInRight .3s cubic-bezier(.16,1,.3,1);overflow-y:auto;scrollbar-width:none}.chat-info-sidebar::-webkit-scrollbar{display:none}.chat-info-header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--sidebar-bg);z-index:10}.chat-info-header h3{font-size:16px;font-weight:700;color:var(--text-primary);margin:0}.chat-info-body{flex:1;padding:0;display:flex;flex-direction:column;align-items:stretch}.chat-info-profile{display:flex;flex-direction:column;align-items:center;padding:24px 20px;background:var(--sidebar-bg)}.info-avatar-wrapper{margin-bottom:14px;position:relative}.chat-info-name{font-size:19px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.chat-info-status{font-size:14px;color:var(--text-muted)}.chat-info-job-pill{display:inline-flex;align-items:center;background:var(--accent-light);color:var(--accent);padding:6px 14px;border-radius:14px;font-size:13px;font-weight:600;margin-top:10px;max-width:90%;border:1px solid transparent}[data-theme=dark] .chat-info-job-pill{background:#3b82f626;color:#60a5fa;border-color:#3b82f633}.chat-info-job-pill span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-info-top-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 16px 24px;background:var(--sidebar-bg)}.info-action-btn{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:none;cursor:pointer;transition:all .2s;padding:8px 0}.info-action-btn:hover{transform:translateY(-2px)}.action-icon-circle{width:44px;height:44px;background:var(--hover-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent);transition:background .2s}.info-action-btn:hover .action-icon-circle{background:var(--hover-bg);color:var(--accent-dark)}.info-action-btn span{font-size:12px;font-weight:600;color:var(--text-secondary);transition:color .2s}[data-theme=dark] .info-action-btn span{color:#f1f5f9!important;opacity:.9}.info-action-btn:hover span{color:var(--accent)}.chat-info-divider{height:8px;background:var(--chat-bg);width:100%}.chat-info-media-section{display:block!important;width:100%!important;padding:0!important;background:var(--sidebar-bg);border-bottom:1px solid var(--border);box-sizing:border-box!important}.chat-info-sidebar .section-header{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;width:100%!important;padding:16px 20px 12px!important;margin:0!important;box-sizing:border-box!important}.chat-info-sidebar .section-header h4{font-size:15px;font-weight:700;color:var(--text-primary);margin:0!important;padding:0!important;text-align:left!important;width:auto!important;flex:0 1 auto!important}.chat-info-sidebar .view-all-link{font-size:13px;font-weight:700;color:var(--accent);cursor:pointer;text-align:right!important;margin-left:auto!important;transition:opacity .2s;-webkit-user-select:none;user-select:none}.chat-info-sidebar .view-all-link:hover{text-decoration:underline;opacity:.8}.media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:0 20px 16px;box-sizing:border-box}.media-grid-item{aspect-ratio:1;border-radius:4px;overflow:hidden;cursor:pointer;background:var(--hover-bg);transition:opacity .2s}.media-grid-item:hover{opacity:.85}.media-full-grid-modal{max-width:600px!important;width:90%!important;max-height:80vh}.media-full-grid-body{flex:1;overflow-y:auto;padding:16px;background:var(--sidebar-bg)}.media-full-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.media-full-item{aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;background:var(--hover-bg);transition:transform .2s;position:relative}.media-full-item:hover{transform:scale(1.02)}.media-full-item img{width:100%;height:100%;object-fit:cover}.media-full-list{display:flex;flex-direction:column;gap:4px}.media-full-list .media-list-item{padding:10px;border-radius:10px;background:var(--hover-bg)}.media-full-list .media-list-item:hover{background:var(--accent-light)}.media-grid-item img{width:100%;height:100%;object-fit:cover}.media-list{display:flex;flex-direction:column;gap:4px;padding:0 20px 16px;box-sizing:border-box}.media-list-item{display:flex;align-items:center;gap:14px;text-decoration:none;padding:10px 8px;border-radius:10px;transition:background .15s}.media-list-item:hover{background:var(--hover-bg)}.list-item-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.list-item-icon.file{background:#2196f31a;color:#2196f3}.list-item-icon.link{background:#4caf501a;color:#4caf50}.list-item-info{flex:1;min-width:0}.list-item-name{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.list-item-meta{font-size:12px;color:var(--text-muted)}[data-theme=dark] .list-item-meta{color:#94a3b8}.chat-info-actions{padding:24px 20px;background:var(--sidebar-bg)}.chat-info-danger-btn{width:100%;padding:12px;background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2);border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.chat-info-danger-btn:hover{background:#ef444433;border-color:#ef4444}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.chat-detail-main{background-image:url(https://www.transparenttextures.com/patterns/cubes.png);background-size:20px 20px;background-color:var(--chat-area-bg);background-attachment:fixed}.chat-sidebar-toggle-btn{background:transparent;border:none;border-radius:8px;cursor:pointer;color:var(--text-secondary);padding:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.chat-sidebar-toggle-btn:hover{background:#0000000d;color:#3390ec}.chat-sidebar-toggle-btn.active{color:#3390ec;background:#3390ec14}.msg-group.highlight-flash{animation:highlightFlash 2s ease-out}@keyframes highlightFlash{0%{background-color:#3390ec66}to{background-color:transparent}}.chat-header-search-wrap{display:flex;align-items:center;width:100%;height:56px;padding:0 16px;background:var(--header-bg);animation:slideInDown .2s ease-out}.chat-header-search-back{background:none;border:none;padding:8px;color:var(--text-secondary);cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s;margin-right:8px}.chat-header-search-back:hover{background:#0000000d}.chat-header-search-bar{flex:1;display:flex;align-items:center;background:var(--search-bg);border-radius:22px;height:40px;position:relative}.chat-header-search-bar .search-icon{position:absolute;left:14px;color:var(--text-muted);pointer-events:none;z-index:2}.chat-header-search-bar input{flex:1;background:none;border:none;outline:none;font-size:16px;color:var(--text-primary);width:100%;padding:0 40px 0 44px}.search-clear-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;padding:6px;color:var(--text-muted);cursor:pointer;display:flex;border-radius:50%;z-index:2}.search-clear-btn:hover{color:#333}@keyframes slideInDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.translate-bar-container{position:sticky;top:0;left:0;right:0;z-index:20;padding:8px 16px;background:var(--header-bg);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid var(--border);animation:slideDownIn .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #00000005}.translate-bar{display:flex;align-items:center;justify-content:space-between;max-width:900px;margin:0 auto;padding:6px 14px;background:var(--accent-light);border-radius:100px;color:var(--accent);font-size:13.5px;font-weight:500;cursor:pointer;transition:all .25s ease;border:1px solid var(--border)}.translate-bar:hover{background:#2563eb1a;transform:translateY(.5px);box-shadow:0 2px 8px #2563eb14}.translate-bar-left{display:flex;align-items:center;gap:10px;flex:1}.translate-icon{font-size:16px;display:flex;align-items:center}.translate-text{letter-spacing:-.2px}.translate-bar-right{display:flex;align-items:center;gap:8px;padding-left:12px;border-left:1px solid rgba(37,99,235,.15)}.translate-settings-btn{background:none;border:none;padding:4px;color:var(--accent);cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;opacity:.8}.translate-settings-btn:hover{background:#2563eb14;opacity:1;transform:rotate(45deg)}@keyframes slideDownIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}[data-theme=dark] .translate-bar-container{background:#1e1f23b3;border-bottom:1px solid rgba(255,255,255,.05)}[data-theme=dark] .translate-bar{background:#388bff1f;color:#569aff;border-color:#388bff33}[data-theme=dark] .translate-settings-btn{color:#569aff}.msg-translation{margin-top:6px;padding-top:6px;border-top:1px solid rgba(0,0,0,.05);font-size:.9em;opacity:.9;font-style:italic;display:block;color:inherit}[data-theme=dark] .msg-translation{border-top-color:#ffffff1a}.msg-translation-divider{display:none}.msg-translation-text{line-height:1.4}.spin-anim{animation:spin 2s linear infinite}.translate-bar.busy{cursor:default;opacity:.8}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.translate-settings-wrapper{position:relative;display:flex}.translate-settings-btn.active{background:#00000014;color:#007bff}[data-theme=dark] .translate-settings-btn.active{background:#ffffff26;color:#569aff}.translate-langs-menu{position:absolute;top:100%;right:0;margin-top:8px;background:#ffffffd9;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(0,0,0,.08);border-radius:12px;width:170px;max-height:280px;overflow-y:auto;box-shadow:0 10px 25px #0000001a;padding:6px;z-index:1000;animation:menuIn .2s cubic-bezier(.17,.67,.83,.67)}.translate-langs-menu::-webkit-scrollbar{width:4px}.translate-langs-menu::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}[data-theme=dark] .translate-langs-menu{background:#1e1e1ed9;border-color:#ffffff1a;box-shadow:0 10px 30px #0006}.translate-menu-header{font-size:11px;font-weight:600;text-transform:uppercase;color:#888;padding:4px 10px;margin-bottom:4px;letter-spacing:.5px}.translate-lang-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s ease;color:#333}[data-theme=dark] .translate-lang-item{color:#eee}.translate-lang-item:hover{background:#0000000a}[data-theme=dark] .translate-lang-item:hover{background:#ffffff14}.translate-lang-item.active{background:#007bff14;color:#007bff;font-weight:500}[data-theme=dark] .translate-lang-item.active{background:#569aff26;color:#569aff}@keyframes translateFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animated-translation{animation:translateFade .5s ease forwards;display:inline-block}.check-mark{font-size:12px}@keyframes menuIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.file-preview-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:modalFadeIn .2s ease}.file-preview-modal{width:85%;max-width:400px;background:var(--sidebar-bg);border-radius:12px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;animation:modalSlideUp .3s cubic-bezier(.34,1.56,.64,1);border:1px solid var(--border)}.file-preview-header{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.file-preview-header h3{margin:0;font-size:14px;font-weight:600;color:var(--text-primary)}.file-preview-header-actions{display:flex;gap:8px}.file-preview-header-actions .icon-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:50%;transition:background .2s}.file-preview-header-actions .icon-btn:hover{background:var(--hover-bg)}.file-preview-content{padding:0;display:flex;justify-content:center;align-items:center;background:#000;min-height:150px;max-height:350px;overflow:hidden;position:relative}.preview-video{width:100%;height:100%;max-height:300px;object-fit:contain;display:block}.preview-image-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.preview-image-container img{max-width:100%;max-height:300px;object-fit:contain;display:block}.preview-actions-overlay{position:absolute;top:10px;right:10px;display:flex;gap:8px}.preview-overlay-btn{background:#0009;border:none;color:#fff;width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.preview-overlay-btn:hover{background:#000c}.confirm-modal{max-width:380px!important}.confirm-modal-content{padding:32px 24px;text-align:center;background:transparent!important}.confirm-modal-content p{margin:0;font-size:16px;line-height:1.5;color:var(--text-primary);font-weight:500}.confirm-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--border)}.confirm-btn-cancel{padding:10px 20px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .2s;text-transform:uppercase;font-size:13px;letter-spacing:.5px}.confirm-btn-cancel:hover{background:var(--hover-bg)}.confirm-btn-action{padding:10px 24px;border-radius:8px;border:none;background:var(--accent);color:#fff;font-weight:600;cursor:pointer;transition:all .2s;text-transform:uppercase;font-size:13px;letter-spacing:.5px;box-shadow:0 4px 12px #2563eb33}.confirm-btn-action:hover{transform:translateY(-1px);box-shadow:0 6px 16px #2563eb4d}.confirm-btn-action.danger{background:#ef4444;box-shadow:0 4px 12px #ef444433}.confirm-btn-action.danger:hover{background:#dc2626;box-shadow:0 6px 16px #ef44444d}.file-preview-options{padding:10px 16px;display:flex;flex-direction:column;gap:12px}.compress-toggle{display:flex;align-items:center;gap:12px;cursor:pointer}.compress-toggle input{display:none}.checkbox-custom{width:18px;height:18px;border:2px solid #3390ec;border-radius:4px;position:relative;transition:all .2s}.compress-toggle input:checked+.checkbox-custom{background:#3390ec}.compress-toggle input:checked+.checkbox-custom:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px}.compress-text{font-size:13px;color:var(--text-primary)}.caption-input-wrapper{position:relative;display:flex;align-items:center;border-bottom:2px solid #3390ec;padding-bottom:4px}.caption-input{flex:1;border:none;outline:none;padding:6px 0;font-size:14px;color:var(--text-primary);background:transparent}.caption-input::placeholder{color:var(--text-secondary);font-weight:500;opacity:.6}.caption-emoji-btn{background:none;border:none;color:#999;cursor:pointer;padding:4px}.file-preview-footer{padding:12px 16px;display:flex;align-items:center;border-top:1px solid var(--border);gap:12px}.footer-btn{background:none;border:none;padding:8px 12px;font-size:13px;font-weight:600;cursor:pointer;border-radius:6px;text-transform:uppercase;transition:background .2s}.footer-btn.primary{color:var(--accent);font-weight:700}.footer-btn.secondary{color:var(--text-muted)}.footer-btn.text{color:#3390ec}.footer-btn:hover{background:#3390ec14}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.img-bubble{max-width:100%;max-height:280px;border-radius:12px;display:block;object-fit:contain;margin:4px 0;cursor:pointer;transition:opacity .2s}.img-bubble:hover{opacity:.9}.msg-bubble.is-media-only{padding:0!important;background:transparent!important;box-shadow:0 1px 2px #00000026!important;border:none!important;overflow:hidden;max-width:380px}.media-container{position:relative;display:block;line-height:0;border-radius:inherit;width:100%}.msg-time-floating{position:absolute;bottom:8px;right:8px;background:#00000073;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;padding:3px 10px 3px 6px;border-radius:12px;font-size:11px;display:flex;align-items:center;pointer-events:auto;z-index:10;font-weight:500;box-shadow:0 1px 4px #0003}.msg-floating-reactions{display:flex;align-items:center;margin-right:2px}.floating-reaction-item{font-size:16px;cursor:pointer;filter:drop-shadow(0 0 2px rgba(0,0,0,.4));transition:transform .2s cubic-bezier(.175,.885,.32,1.275);display:block;line-height:1}.floating-reaction-item:hover{transform:scale(1.3)}.floating-time-text{font-size:11px;opacity:.95;margin-left:2px}.msg-time-floating .msg-read-icon{display:flex;align-items:center}.video-bubble{width:100%;max-width:100%;max-height:280px;border-radius:12px;display:block}.msg-bubble:not(.is-media-only) .img-bubble{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.file-message-container{display:flex;align-items:stretch;gap:12px;padding:4px 6px;min-width:260px;max-width:340px}.file-icon-box{flex-shrink:0}.pdf-style{width:60px;height:80px;background:#fff;border:1px solid #dfe1e5;border-radius:6px;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000001a}.pdf-preview-placeholder{width:100%;height:100%;padding:8px 6px;display:flex;flex-direction:column;background:linear-gradient(135deg,#fff,#f1f3f4)}.pdf-page-skeleton{display:flex;flex-direction:column;gap:5px}.skeleton-line{height:3px;background:#e8eaed;border-radius:1px}.skeleton-line.title{width:80%;height:5px;background:#dae0e5;margin-bottom:3px}.skeleton-line.short{width:50%}.pdf-tag{position:absolute;bottom:0;left:0;right:0;background:#d93025;color:#fff;font-size:10px;font-weight:800;text-align:center;padding:2px 0;text-transform:uppercase;letter-spacing:.5px}.file-icon-square{width:30px;height:30px;background:#3390ec;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 5px #0000001a}.file-details{flex:1;display:flex;flex-direction:column;gap:1px;overflow:hidden}.file-name-text{font-size:14px;font-weight:600;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;margin-top:1px}.file-size-text{font-size:12px;color:#8a8a8a;font-weight:400}.sent .file-size-text{color:#ffffffbf}.file-action-link{font-size:13px;font-weight:800;color:#3390ec;text-decoration:none;text-transform:uppercase;margin-top:8px;display:inline-block;letter-spacing:.2px}.file-action-link:hover{text-decoration:underline}.sent .file-action-link{color:#fff;opacity:.95}.preview-generic-file{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px;width:100%}.file-icon-square.large{width:80px;height:80px;border-radius:16px}.preview-file-info{display:flex;flex-direction:column;align-items:center;color:#fff;text-align:center;gap:4px}.preview-file-name{font-size:16px;font-weight:600;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-file-size{font-size:14px;opacity:.7}.lightbox-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;z-index:10000;display:flex;flex-direction:column;animation:modalFadeIn .2s ease-out}.lightbox-header{height:60px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(to bottom,rgba(0,0,0,.6),transparent);color:#fff;z-index:10001}.lightbox-filename{font-size:16px;font-weight:500;opacity:.95}.lightbox-actions{display:flex;gap:12px}.lightbox-btn{background:none;border:none;color:#fff;cursor:pointer;padding:10px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .1s}.lightbox-btn:hover{background:#ffffff26;transform:scale(1.05)}.lightbox-content{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden;position:relative}.lightbox-content .screenshot-guarded-content{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important}.lightbox-media{max-width:95%;max-height:90vh;object-fit:contain;box-shadow:0 0 50px #0009;border-radius:6px}.video-wrapper{position:relative;cursor:pointer;line-height:0;border-radius:12px;overflow:hidden}.video-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000001a;transition:background .3s}.video-wrapper:hover .video-play-overlay{background:#0003}.play-icon-circle{width:56px;height:56px;background:#00000080;border-radius:50%;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.video-wrapper:hover .play-icon-circle{transform:scale(1.1);background:#000000b3}.submission-card{background:var(--msg-recv-bg);border-radius:var(--radius-lg);padding:16px;min-width:280px;max-width:400px;border:1px solid var(--border);box-shadow:var(--shadow-md);margin:4px 0;color:var(--text-primary)}.submission-card.own{background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-color:#fff3;color:#fff}.submission-header{display:flex;align-items:center;gap:12px;margin-bottom:14px;border-bottom:1px solid var(--border);padding-bottom:12px}.submission-icon-circle{width:44px;height:44px;background:var(--accent);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.submission-header-info{flex:1}.submission-label{font-size:15px;font-weight:700;margin:0 0 2px}.submission-status{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600}.submission-content{margin-bottom:16px}.submission-description{font-size:14px;line-height:1.5;margin-bottom:12px;white-space:pre-wrap}.submission-attachments{background:var(--hover-bg);padding:10px;border-radius:var(--radius-md)}.attachments-title{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}.attachments-list{display:flex;flex-direction:column;gap:6px}.attachment-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--accent);text-decoration:none;font-weight:500}.attachment-item:hover{text-decoration:underline}.submission-footer-actions{display:flex;gap:10px;margin-top:10px}.submission-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .2s}.approve-btn{background:#10b981;color:#fff}.approve-btn:hover{background:#059669;transform:translateY(-1px)}.reject-btn{background:#fee2e2;color:#ef4444}.reject-btn:hover{background:#fecaca;transform:translateY(-1px)}.submission-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.submission-modal{background:var(--sidebar-bg)!important;max-width:500px!important}.submission-modal-container{padding:24px!important;background:var(--sidebar-bg)!important;min-height:unset!important;max-height:unset!important;display:block!important;overflow:visible!important}.submission-field-group{margin-bottom:20px}.submission-field-label{display:block;font-size:13px;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.submission-input-control{width:100%;background:var(--input-bubble-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;color:var(--text-primary);font-family:inherit;font-size:14px;transition:all .2s;box-sizing:border-box}.submission-input-control:focus{border-color:var(--accent);outline:none;background:var(--input-bubble-focus)}.submission-modal-header{background:var(--sidebar-bg)!important;padding:16px 24px!important;border-bottom:1px solid var(--border)!important}.submission-modal-header h3{color:var(--text-primary)!important;font-size:18px!important;font-weight:700!important;margin:0!important}.submission-modal-footer{padding:16px 24px!important;background:var(--sidebar-bg)!important;border-top:1px solid var(--border)!important;display:flex!important;justify-content:flex-end!important;gap:12px!important}[data-theme=dark] .file-preview-modal.submission-modal{background:var(--sidebar-bg);border:1px solid var(--border)}.file-preview-overlay{z-index:10000!important}.submission-files-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.submission-file-item{display:flex;align-items:center;gap:10px;background:var(--input-bubble-bg);padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--border)}.sub-file-info{flex:1;display:flex;flex-direction:column;overflow:hidden}.sub-file-name{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sub-file-size{font-size:11px;color:var(--text-muted)}.sub-file-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.sub-file-remove:hover{background:#ef44441a;color:#ef4444}.add-sub-file-btn{display:flex;align-items:center;gap:6px;background:transparent;border:1px dashed var(--border);padding:8px 12px;border-radius:var(--radius-sm);color:var(--accent);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;width:100%;justify-content:center;margin-top:8px}.add-sub-file-btn:hover{background:var(--accent-light);border-color:var(--accent)}.submission-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border:none;border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.approve-btn{background:var(--accent);color:#fff}.approve-btn:hover{background:var(--accent-dark);transform:translateY(-1px)}.reject-btn{background:#ef44441a;color:#ef4444}.reject-btn:hover{background:#ef444433;transform:translateY(-1px)}.btn-spinner{width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}:root{--w-primary: #3b82f6;--w-primary-glow: rgba(59, 130, 246, .4);--w-luxury-bg: var(--bg);--w-glass-bg: rgba(255, 255, 255, .85);--w-glass-border: rgba(0, 0, 0, .06);--w-text-main: #0f172a;--w-text-muted: #64748b;--w-shadow-deep: 0 25px 50px -12px rgba(15, 23, 42, .08);--modal-bg: rgba(255, 255, 255, .85);--modal-border: rgba(0, 0, 0, .08);--modal-text: #0f172a;--modal-text-muted: #64748b;--modal-shadow: 0 45px 100px rgba(15, 23, 42, .12);--modal-close-bg: rgba(0, 0, 0, .04);--modal-close-hover: rgba(0, 0, 0, .08);--modal-input-bg: rgba(0, 0, 0, .02);--modal-input-border: rgba(0, 0, 0, .08);--modal-input-text: #0f172a;--modal-input-focus-bg: #ffffff;--modal-card-item-bg: rgba(0, 0, 0, .01);--modal-card-item-border: rgba(0, 0, 0, .06);--modal-card-item-hover: rgba(0, 0, 0, .04);--modal-card-item-active-bg: rgba(59, 130, 246, .06);--modal-card-item-active-border: #3b82f6;--modal-badge-bg: rgba(59, 130, 246, .06);--modal-badge-border: rgba(59, 130, 246, .12);--modal-badge-text: #1d4ed8;--modal-badge-strong: #0f172a}.dark,.dark-theme,[data-theme=dark]{--w-luxury-bg: #020617;--w-glass-bg: rgba(15, 23, 42, .85);--w-glass-border: rgba(255, 255, 255, .08);--w-text-main: #ffffff;--w-text-muted: #94a3b8;--w-shadow-deep: 0 25px 50px -12px rgba(0, 0, 0, .5);--modal-bg: rgba(17, 24, 39, .9);--modal-border: rgba(255, 255, 255, .1);--modal-text: #ffffff;--modal-text-muted: #94a3b8;--modal-shadow: 0 45px 100px rgba(0, 0, 0, .5);--modal-close-bg: rgba(255, 255, 255, .08);--modal-close-hover: rgba(255, 255, 255, .15);--modal-input-bg: rgba(255, 255, 255, .04);--modal-input-border: rgba(255, 255, 255, .1);--modal-input-text: #ffffff;--modal-input-focus-bg: rgba(255, 255, 255, .06);--modal-card-item-bg: rgba(255, 255, 255, .03);--modal-card-item-border: rgba(255, 255, 255, .08);--modal-card-item-hover: rgba(255, 255, 255, .08);--modal-card-item-active-bg: rgba(59, 130, 246, .1);--modal-card-item-active-border: #3b82f6;--modal-badge-bg: rgba(59, 130, 246, .08);--modal-badge-border: rgba(59, 130, 246, .2);--modal-badge-text: #93c5fd;--modal-badge-strong: #ffffff}.wallet-v3-wrapper{background:var(--w-luxury-bg);width:100%;min-height:calc(100vh - 80px);box-sizing:border-box;transition:background-color .3s ease}.wallet-v3{padding:40px 24px;max-width:1440px;margin:0 auto;font-family:Outfit,sans-serif;color:var(--w-text-main);min-height:auto}.v3-modal-footer-row{display:flex;gap:16px;justify-content:center;margin-top:32px}.btn-v3-cancel,.btn-v3-delete{padding:12px 28px;border-radius:14px;font-weight:700;font-size:15px;cursor:pointer;transition:all .3s ease;border:none;min-width:120px}.btn-v3-cancel{background:var(--w-glass-bg);border:1px solid var(--w-glass-border);color:var(--w-text-main)}.btn-v3-cancel:hover{background:var(--w-luxury-bg);transform:translateY(-2px)}.btn-v3-delete{background:#ef4444;color:#fff;box-shadow:0 10px 20px #ef44444d}.btn-v3-delete:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 15px 30px #ef444466}.btn-v3-delete:disabled{opacity:.5;cursor:not-allowed}.wallet-v3-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:24px}.header-brand h1{font-size:34px;font-weight:800;letter-spacing:-1px;margin-bottom:6px;background:linear-gradient(135deg,var(--w-text-main) 30%,var(--w-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-brand .subtitle{font-size:14px;color:var(--w-text-muted);font-weight:500}.luxury-tabs{background:var(--w-glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:6px;border-radius:18px;display:flex;box-shadow:0 4px 12px #00000008;border:1px solid var(--w-glass-border)}.luxury-tab-btn{padding:10px 24px;border:none;background:transparent;color:var(--w-text-muted);font-weight:600;font-size:14px;cursor:pointer;border-radius:14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.dark .luxury-tab-btn:not(.active),.dark-theme .luxury-tab-btn:not(.active){color:#fff9}.luxury-tab-btn.active{background:var(--w-primary);color:#fff;box-shadow:0 8px 16px var(--w-primary-glow)}.wallet-v3-grid{display:grid;grid-template-columns:1fr 440px;gap:32px}.v3-main-col{display:flex;flex-direction:column;gap:28px}.luxury-balance-card{position:relative;background:linear-gradient(135deg,#1d4ed8,#1e40af,#0f172a);height:250px;border-radius:28px;padding:32px;color:#fff;overflow:hidden;box-shadow:0 20px 40px #1e40af33;display:flex;flex-direction:column;justify-content:space-between;transition:all .4s cubic-bezier(.165,.84,.44,1)}.luxury-balance-card:hover{transform:translateY(-5px);box-shadow:0 25px 50px #1e40af4d}.card-mesh{position:absolute;inset:0;background-image:radial-gradient(at 0% 0%,rgba(59,130,246,.25) 0,transparent 50%),radial-gradient(at 100% 0%,rgba(96,165,250,.15) 0,transparent 50%),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.12;mix-blend-mode:overlay}.card-top-v3{display:flex;justify-content:space-between;align-items:flex-start;z-index:2}.info-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;opacity:.75;margin-bottom:8px;display:block}.amount-display{font-size:52px;font-weight:800;letter-spacing:-1.5px;margin:0;display:flex;align-items:flex-start;line-height:1.1}.amount-display .curr{font-size:28px;margin-top:6px;margin-right:4px;opacity:.75}.elite-badge{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 14px;border-radius:20px;font-size:10px;font-weight:800;display:flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.2);letter-spacing:.5px}.card-visual-decoration{position:absolute;right:-20px;top:50%;transform:translateY(-50%);opacity:.08;pointer-events:none}.card-bottom-v3{display:flex;align-items:flex-end;gap:32px;z-index:2}.mini-stat{display:flex;flex-direction:column;gap:2px}.m-label{font-size:10px;opacity:.6;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.m-value{font-size:20px;font-weight:800}.v-divider{width:1px;height:32px;background:#ffffff26}.card-logo-v3{margin-left:auto;text-align:right}.l-text{font-size:18px;font-weight:900;display:block;border-bottom:2px solid var(--w-primary)}.l-sub{font-size:9px;opacity:.6;text-transform:uppercase}.v3-cards-shelf{margin-top:0}.shelf-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.shelf-header h3{font-size:20px;font-weight:800;color:var(--w-text-main)}.view-all-link{background:none;border:none;color:var(--w-primary);font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:14px}.shelf-row{display:flex;gap:20px;overflow-x:auto;padding:5px 5px 15px;scrollbar-width:none}.shelf-row::-webkit-scrollbar{display:none}.v3-mini-card{flex:0 0 300px;height:180px;border-radius:22px;padding:22px;cursor:pointer;border:1px solid var(--w-glass-border);transition:all .4s cubic-bezier(.175,.885,.32,1.2);position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;box-shadow:0 8px 16px #00000008}.v3-mini-card:after{content:"";position:absolute;inset:0;background:linear-gradient(225deg,rgba(255,255,255,.08) 0%,transparent 50%);pointer-events:none}.v3-mini-card.active{border-color:var(--w-primary);box-shadow:0 10px 25px #3b82f626;transform:translateY(-4px)}.v3-mini-card.uzcard{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff}.v3-mini-card.humo{background:linear-gradient(135deg,#2e1065,#4c1d95);color:#fff}.v3-mini-card.visa{background:linear-gradient(135deg,#1d4ed8,#3b82f6);color:#fff}.v3-mini-card.mastercard{background:linear-gradient(135deg,#be123c,#fb7185);color:#fff}.mv-top{display:flex;justify-content:space-between;align-items:center;z-index:2}.mv-type{font-size:13px;font-weight:800;letter-spacing:.5px;opacity:.9}.mv-check{width:20px;height:20px;background:#ffffff26;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.25)}.v3-mini-card.active .mv-check{background:var(--w-primary);border-color:#fff}.mv-chip{width:36px;height:26px;background:linear-gradient(135deg,gold,#daa520);border-radius:5px;margin-top:10px;position:relative;opacity:.8}.mv-number{font-size:18px;font-weight:700;letter-spacing:2px;z-index:2;text-shadow:0 1px 3px rgba(0,0,0,.2)}.add-card-placeholder-v3{flex:0 0 300px;height:180px;border:2px dashed var(--w-glass-border);border-radius:22px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;color:var(--w-text-muted);cursor:pointer;background:var(--w-glass-bg);transition:.3s}.add-card-placeholder-v3:hover{border-color:var(--w-primary);color:var(--w-primary);background:#3b82f60a}.v3-activity-glass{background:var(--w-glass-bg);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid var(--w-glass-border);border-radius:32px;padding:28px;max-height:480px;display:flex;flex-direction:column;box-shadow:var(--w-shadow-deep)}.activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.activity-header h3{font-size:18px;font-weight:800}.text-btn-v3{background:none;border:none;font-weight:700;color:var(--w-primary);cursor:pointer;font-size:14px}.activity-v3-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto;flex:1;padding-right:4px}.activity-v3-list::-webkit-scrollbar{width:5px}.activity-v3-list::-webkit-scrollbar-track{background:transparent}.activity-v3-list::-webkit-scrollbar-thumb{background:#0000000f;border-radius:10px}.dark .activity-v3-list::-webkit-scrollbar-thumb{background:#ffffff1a}.activity-v3-item{display:flex;align-items:center;gap:14px;padding:12px;border-radius:16px;transition:.2s}.activity-v3-item:hover{background:#3b82f60a;transform:translate(3px)}.tx-v3-icon-box{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center}.tx-v3-icon-box svg{width:18px;height:18px}.tx-v3-icon-box.deposit{background:#3b82f614;color:#2563eb}.dark .tx-v3-icon-box.deposit{background:#3b82f626;color:#60a5fa}.tx-v3-icon-box.escrow_release{background:#0ea5e914;color:#0284c7}.dark .tx-v3-icon-box.escrow_release{background:#0ea5e926;color:#38bdf8}.tx-v3-icon-box.escrow_hold{background:#d9770614;color:#d97706}.dark .tx-v3-icon-box.escrow_hold{background:#d9770626;color:#fbbf24}.tx-v3-icon-box.withdrawal{background:#64748b14;color:#475569}.dark .tx-v3-icon-box.withdrawal{background:#94a3b81f;color:#94a3b8}.tx-v3-details{flex:1;display:flex;flex-direction:column}.tx-v3-title{font-size:14px;font-weight:700;margin-bottom:2px;line-height:1.2}.tx-v3-meta{font-size:11px;color:var(--w-text-muted)}.tx-v3-amount{font-size:15px;font-weight:800;text-align:right}.tx-v3-amount.pos{color:#2563eb}.dark .tx-v3-amount.pos{color:#60a5fa}.tx-v3-amount.neg{color:#ef4444}.v3-full-content-box{background:var(--w-glass-bg);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid var(--w-glass-border);border-radius:32px;padding:40px;box-shadow:var(--w-shadow-deep)}.content-header-v3{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.content-header-v3 h3{font-size:24px;font-weight:800}.v3-luxury-table{width:100%;border-collapse:collapse}.v3-luxury-table th{text-align:left;padding:16px;font-size:13px;text-transform:uppercase;color:var(--w-text-muted);opacity:.7}.v3-luxury-table td{padding:20px 16px;border-bottom:1px solid var(--w-glass-border);font-size:15px}.v3-badge{padding:4px 12px;border-radius:10px;font-size:11px;font-weight:700}.v3-badge.deposit{background:#3b82f614;color:#2563eb}.dark .v3-badge.deposit{background:#3b82f626;color:#60a5fa}.v3-badge.withdrawal{background:#64748b14;color:#475569}.v3-badge.escrow_release{background:#0ea5e914;color:#0284c7}.v3-badge.escrow_hold{background:#d9770614;color:#d97706}.v3-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}.v3-luxury-card{height:200px;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 10px 25px #00000008;transition:.4s}.v3-luxury-card:hover{transform:translateY(-4px)}.v3-luxury-card.visa{background:linear-gradient(135deg,#1e40af,#3b82f6)}.v3-luxury-card.mastercard{background:linear-gradient(135deg,#be123c,#fb7185)}.v3-luxury-card.uzcard{background:linear-gradient(135deg,#0f172a,#334155)}.v3-luxury-card.humo{background:linear-gradient(135deg,#2e1065,#4c1d95)}.glare{position:absolute;inset:0;background:linear-gradient(110deg,transparent,rgba(255,255,255,.08) 45%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.08) 55%,transparent);transform:translate(-100%);transition:.6s}.v3-luxury-card:hover .glare{transform:translate(100%)}.v3-card-inner{padding:28px;height:100%;display:flex;flex-direction:column;justify-content:space-between;color:#fff;position:relative;z-index:10}.v3-card-brand{font-size:18px;font-weight:900;font-style:italic;text-shadow:0 1px 3px rgba(0,0,0,.15)}.v3-card-chip{width:42px;height:32px;border-radius:7px;background:linear-gradient(135deg,gold,#daa520);position:relative}.v3-card-number{font-size:20px;font-family:monospace;letter-spacing:3px;font-weight:700;text-shadow:0 1.5px 2px rgba(0,0,0,.25)}.v3-card-foot{display:flex;justify-content:space-between}.v3-foot-item .l{font-size:9px;opacity:.7;display:block;margin-bottom:2px}.v3-foot-item .v{font-size:13px;font-weight:700;letter-spacing:1px}.v3-add-card-btn{height:200px;border:2px dashed var(--w-glass-border);border-radius:24px;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;color:var(--w-text-muted);cursor:pointer;transition:.3s}.v3-add-card-btn:hover{border-color:var(--w-primary);color:var(--w-primary);background:#3b82f60a}.v3-modal-overlay{position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(16px) saturate(190%);backdrop-filter:blur(16px) saturate(190%);display:flex;align-items:center;justify-content:center;z-index:10000;animation:v3FadeIn .3s cubic-bezier(.16,1,.3,1)}.glass-morphism-modal{background:var(--modal-bg)!important;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid var(--modal-border)!important;padding:36px!important;border-radius:28px!important;width:90%;max-width:440px!important;box-shadow:var(--modal-shadow)!important;color:var(--modal-text)!important;position:relative;animation:v3ScaleIn .4s cubic-bezier(.16,1,.3,1)}.v3-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.v3-modal-header h3{font-size:22px;font-weight:800;letter-spacing:-.5px;color:var(--modal-text);margin:0}.v3-delete-btn{position:absolute;top:20px;right:20px;background:var(--modal-close-bg);border:1px solid var(--modal-border);color:var(--modal-text);width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20}.v3-delete-btn:hover{background:#ef4444;border-color:#ef4444;color:#fff;transform:scale(1.1)}.close-v3{background:var(--modal-close-bg);border:1px solid var(--modal-border);color:var(--modal-text-muted);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.close-v3:hover{background:var(--modal-close-hover);color:var(--modal-text);transform:rotate(90deg) scale(1.1)}.v3-field{margin-bottom:20px}.v3-field label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--modal-text-muted);margin-bottom:8px;letter-spacing:1px}.v3-field input,.v3-field select{width:100%;padding:14px 16px;border-radius:12px;border:1px solid var(--modal-border);background:var(--modal-input-bg);color:var(--modal-input-text)!important;font-size:15px;font-family:inherit;font-weight:600;outline:none;transition:all .3s ease}.v3-field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:16px;padding-right:40px}.v3-field select option{background-color:var(--modal-bg);color:var(--modal-text)}.v3-field input:focus,.v3-field select:focus{border-color:var(--w-primary);background:var(--modal-input-focus-bg);box-shadow:0 0 0 4px var(--w-primary-glow)}.amount-input-box{display:flex;align-items:center;background:var(--modal-input-bg);border:1px solid var(--modal-border);border-radius:14px;padding:4px 16px;transition:all .3s ease}.amount-input-box:focus-within{border-color:var(--w-primary);background:var(--modal-input-focus-bg);box-shadow:0 0 0 4px var(--w-primary-glow)}.amount-input-box .unit{font-size:20px;font-weight:800;color:var(--w-primary);margin-right:12px}.amount-input-box input{background:transparent!important;border:none!important;padding:10px 0!important;font-size:26px!important;font-weight:800!important;color:var(--modal-input-text)!important;width:100%;outline:none!important;font-family:Outfit,sans-serif;box-shadow:none!important}.amount-input-box input::placeholder{color:var(--modal-text-muted);opacity:.35}.v3-card-selection-list{display:flex;flex-direction:column;gap:8px;margin-top:10px;max-height:180px;overflow-y:auto;padding-right:4px}.v3-card-selection-list::-webkit-scrollbar{width:4px}.v3-card-selection-list::-webkit-scrollbar-thumb{background:var(--modal-border);border-radius:10px}.v3-selection-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;border:1px solid var(--modal-card-item-border);background:var(--modal-card-item-bg);cursor:pointer;color:var(--modal-text);font-weight:600;font-size:14px;transition:all .3s cubic-bezier(.16,1,.3,1)}.v3-selection-item:hover{background:var(--modal-card-item-hover);border-color:var(--modal-text-muted);transform:translateY(-1px)}.v3-selection-item.active{background:var(--modal-card-item-active-bg);border-color:var(--modal-card-item-active-border);box-shadow:0 4px 12px var(--w-primary-glow)}.v3-v-type{padding:3px 8px;border-radius:5px;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.v3-v-type.uzcard{background:#020617;color:#38bdf8;border:1px solid rgba(56,189,248,.2)}.v3-v-type.humo{background:#2e1065;color:#c084fc;border:1px solid rgba(192,132,252,.2)}.v3-v-type.visa{background:#1e3a8a;color:#93c5fd;border:1px solid rgba(147,197,253,.2)}.v3-v-type.mastercard{background:#881337;color:#fda4af;border:1px solid rgba(253,164,175,.2)}.v3-selection-item svg{margin-left:auto;color:var(--w-primary)}.no-cards-error-v3{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;border:1px dashed var(--modal-border);border-radius:12px;color:var(--modal-text-muted);cursor:pointer;font-weight:600;transition:all .3s ease;background:var(--modal-card-item-bg)}.no-cards-error-v3:hover{border-color:var(--w-primary);color:var(--w-primary);background:var(--modal-card-item-active-bg)}.v3-submit-btn{width:100%;padding:15px;border-radius:14px;border:none;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-size:15px;font-weight:800;cursor:pointer;transition:.3s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 20px var(--w-primary-glow);margin-top:24px;display:flex;align-items:center;justify-content:center;gap:8px}.v3-submit-btn:hover:not(:disabled){transform:translateY(-1.5px);box-shadow:0 12px 28px var(--w-primary-glow)}.v3-available-badge{background:var(--modal-badge-bg);border:1px solid var(--modal-badge-border);color:var(--modal-badge-text);padding:12px 16px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:13px;font-weight:600}.v3-available-badge strong{color:var(--modal-badge-strong);font-size:15px;font-weight:800}.premium-loader{width:44px;height:44px;border:4px solid var(--w-primary-glow);border-top-color:var(--w-primary);border-radius:50%;animation:v3Spin 1s linear infinite}@keyframes v3FadeIn{0%{opacity:0}to{opacity:1}}@keyframes v3ScaleIn{0%{opacity:0;transform:translateY(15px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes v3Spin{to{transform:rotate(360deg)}}.header-v3-actions{display:flex!important;flex-direction:row!important;align-items:center;gap:12px;flex-wrap:nowrap}.glass-btn{display:flex;align-items:center;gap:8px;padding:12px 22px;border-radius:14px;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.glass-btn.primary{background:var(--w-primary);color:#fff;border:none;box-shadow:0 8px 16px var(--w-primary-glow)}.glass-btn.secondary{background:var(--w-glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--w-glass-border);color:var(--w-text-main)}.glass-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px var(--w-primary-glow)}.currency-select-v3{background:var(--w-glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--w-glass-border);padding:10px 16px;border-radius:12px;color:var(--w-text-main);font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease;outline:none;min-width:120px;box-shadow:0 2px 8px #00000005}.currency-select-v3:hover{background:var(--w-luxury-bg);border-color:var(--w-primary)}.dark .currency-select-v3 option,.dark-theme .currency-select-v3 option{background:#111827;color:#fff}@media(max-width:1100px){.wallet-v3-grid{grid-template-columns:1fr;gap:28px}.v3-activity-glass{max-height:480px}.v3-full-content-box{padding:28px}}@media(max-width:768px){.wallet-v3{padding:24px 16px}.wallet-v3-header{flex-direction:column;align-items:stretch;text-align:center;gap:20px;margin-bottom:24px}.header-brand h1{font-size:28px}.header-nav-container{display:flex;justify-content:center;width:100%}.luxury-tabs{width:100%;max-width:480px}.header-v3-actions{justify-content:center;width:100%}.luxury-balance-card{height:auto;min-height:210px;padding:24px;border-radius:24px}.amount-display{font-size:42px}.amount-display .curr{font-size:22px}.card-bottom-v3{gap:20px}.m-value{font-size:18px}.v3-table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;border:1px solid var(--w-glass-border)}.v3-luxury-table th,.v3-luxury-table td{padding:14px 12px;font-size:14px;white-space:nowrap}}@media(max-width:480px){.wallet-v3{padding:20px 12px}.header-v3-actions{flex-direction:column!important;align-items:stretch;width:100%;gap:10px}.currency-select-v3,.glass-btn{width:100%!important;justify-content:center;font-size:13px;padding:10px 16px}.luxury-tab-btn{padding:8px 12px;font-size:13px;flex:1;text-align:center}.luxury-balance-card{padding:20px;border-radius:20px;min-height:190px}.amount-display{font-size:34px}.amount-display .curr{font-size:18px}.elite-badge{padding:4px 10px;font-size:9px}.card-bottom-v3{gap:12px;flex-wrap:wrap}.mini-stat{flex:1;min-width:80px}.m-value{font-size:16px}.v-divider{display:none}.card-logo-v3{width:100%;text-align:left;margin-top:8px;border-top:1px solid rgba(255,255,255,.1);padding-top:8px}.l-text{display:inline-block;border:none;font-size:16px}.shelf-row{gap:14px;padding-bottom:10px}.v3-mini-card,.add-card-placeholder-v3{flex:0 0 250px;height:155px;padding:16px;border-radius:18px}.mv-number{font-size:15px;letter-spacing:1.5px}.v3-full-content-box{padding:20px 14px;border-radius:24px}.content-header-v3{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}.content-header-v3 h3{font-size:18px}.v3-activity-glass{padding:20px 14px;border-radius:24px}.activity-header h3{font-size:16px}.v3-cards-grid{grid-template-columns:1fr;gap:16px}.v3-luxury-card,.v3-add-card-btn{height:175px;border-radius:20px}.v3-card-inner{padding:20px}.v3-card-number{font-size:16px;letter-spacing:2px}.glass-morphism-modal{padding:24px 18px!important;border-radius:22px!important;width:95%}.v3-modal-header h3{font-size:18px}.amount-input-box{padding:2px 12px}.amount-input-box .unit{font-size:18px;margin-right:8px}.amount-input-box input{font-size:20px!important;padding:8px 0!important}.v3-selection-item{padding:10px 12px;font-size:13px}.v3-modal-footer-row{flex-direction:column;gap:10px}.btn-v3-cancel,.btn-v3-delete{width:100%;padding:12px;font-size:14px}}.premium-toast{position:fixed;top:40px;left:50%;transform:translate(-50%);background:#fff;padding:14px 28px;border-radius:18px;display:flex;align-items:center;gap:10px;z-index:10000;box-shadow:0 20px 40px #0000001a;animation:toastSlideDown .5s ease-out}.dark .premium-toast{background:#1e293b;color:#fff}.premium-toast.success{border-left:5px solid #10b981}.premium-toast.error{border-left:5px solid #ef4444}@keyframes toastSlideDown{0%{opacity:0;transform:translate(-50%,-15px)}to{opacity:1;transform:translate(-50%)}}.v3-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:28px;padding-top:20px;border-top:1px solid var(--w-glass-border)}.v3-pagination-btn{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;cursor:pointer;border:1px solid var(--w-glass-border);background:var(--w-glass-bg);color:var(--w-text-main);transition:all .3s cubic-bezier(.4,0,.2,1)}.v3-pagination-btn:hover:not(:disabled){border-color:var(--w-primary);color:var(--w-primary);transform:translateY(-2px);box-shadow:0 4px 12px var(--w-primary-glow)}.v3-pagination-btn.active{background:var(--w-primary);color:#fff;border-color:var(--w-primary);box-shadow:0 6px 16px var(--w-primary-glow)}.v3-pagination-btn:disabled{opacity:.35;cursor:not-allowed;transform:none!important;box-shadow:none!important}@media(max-width:480px){.v3-pagination{gap:6px;margin-top:20px}.v3-pagination-btn{width:32px;height:32px;font-size:13px;border-radius:8px}}.disp-container{max-width:1200px;margin:0 auto;padding:40px 24px;min-height:80vh}.disp-loader{text-align:center;padding:80px 20px;font-size:16px;font-weight:600;color:var(--muted)}.disp-back-btn{background:none;border:none;color:var(--brand);cursor:pointer;font-weight:700;font-size:14px;display:flex;align-items:center;gap:8px;transition:transform .2s,color .2s;padding:0}.disp-back-btn:hover{color:var(--brand-dark);transform:translate(-4px)}.disp-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:32px;align-items:start}@media(max-width:968px){.disp-layout{grid-template-columns:1fr}}.disp-form-card{padding:40px;border-radius:24px;transition:transform .3s var(--transition),box-shadow .3s var(--transition)}.disp-header{display:flex;gap:18px;margin-bottom:32px}.disp-header-icon{width:56px;height:56px;border-radius:16px;background:#ef44441a;color:#ef4444;display:flex;align-items:center;justify-content:center;flex-shrink:0}.disp-title{font-size:24px;font-weight:850;margin:0 0 6px;color:var(--text);letter-spacing:-.5px}.disp-subtitle{font-size:14px;color:var(--muted);margin:0;line-height:1.5}.disp-label{display:block;font-size:14px;font-weight:750;color:var(--text);margin-bottom:8px}.disp-input,.disp-textarea,.disp-select{width:100%;background:var(--input-bg);border:1px solid var(--input-border);border-radius:12px;padding:12px 16px;font-size:14px;color:var(--input-text);outline:none;transition:border-color .2s,box-shadow .2s,background-color .2s}.disp-input::placeholder,.disp-textarea::placeholder{color:var(--input-placeholder)}.disp-input:focus,.disp-textarea:focus,.disp-select:focus{border-color:var(--brand);background:var(--surface);box-shadow:0 0 0 4px var(--brand-light)}.disp-hint{display:block;font-size:12px;color:var(--muted);margin-top:6px}.disp-upload-zone{border:2px dashed var(--input-border);border-radius:16px;padding:32px 20px;text-align:center;cursor:pointer;background:#2563eb05;transition:all .2s var(--transition)}.disp-upload-zone:hover{border-color:var(--brand);background:var(--brand-light);transform:scale(1.01)}.disp-upload-zone h3{font-size:15px;font-weight:750;margin:0 0 4px;color:var(--text)}.disp-upload-zone p{font-size:12px;color:var(--muted);margin:0}.disp-files-list{display:flex;flex-direction:column;gap:10px;margin-top:16px}.disp-file-item{display:flex;align-items:center;justify-content:space-between;background:var(--input-bg);border:1px solid var(--input-border);border-radius:10px;padding:8px 14px}.disp-info-panel{padding:32px;border-radius:24px}.disp-info-label{display:block;font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.disp-info-value{font-size:15px;font-weight:700;color:var(--text);line-height:1.4}.disp-info-value.amount{font-size:18px;color:var(--brand)}.disp-toast{position:fixed;top:24px;right:24px;z-index:11000;padding:16px 24px;border-radius:12px;font-weight:700;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:12px;color:#fff;animation:dispSlideIn .3s cubic-bezier(.16,1,.3,1) forwards}.disp-toast.success{background:#10b981}.disp-toast.error{background:#ef4444}@keyframes dispSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.disp-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:dispSpin .8s linear infinite;display:inline-block}@keyframes dispSpin{to{transform:rotate(360deg)}}.disp-btn-primary,.disp-btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;border-radius:12px;cursor:pointer;transition:all .2s var(--transition);outline:none}.disp-btn-primary{background:var(--brand);color:#fff;border:none}.disp-btn-primary:hover:not(:disabled){background:var(--brand-dark);box-shadow:0 4px 12px #2563eb33;transform:translateY(-1px)}.disp-btn-outline{background:none;border:1px solid var(--border);color:var(--text-2)}.disp-btn-outline:hover:not(:disabled){background:var(--input-bg);border-color:var(--muted);transform:translateY(-1px)}.disp-btn-primary:disabled,.disp-btn-outline:disabled{opacity:.5;cursor:not-allowed}:root{--light-bg: #f8fafc;--light-surface: #ffffff;--light-card: #ffffff;--light-card-alt: #f8fafc;--light-border: #e2e8f0;--light-border-light: #f1f5f9;--light-border-dark: #cbd5e1;--light-text: #0f172a;--light-text-secondary: #334155;--light-text-tertiary: #64748b;--light-hover: #f1f5f9;--light-active: #e6f7e6;--dark-bg: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #1e3a8a 100%);--dark-surface: rgba(255, 255, 255, .03);--dark-card: rgba(255, 255, 255, .06);--dark-card-alt: rgba(255, 255, 255, .09);--dark-border: rgba(255, 255, 255, .12);--dark-border-light: rgba(255, 255, 255, .05);--dark-border-dark: rgba(255, 255, 255, .2);--dark-text: #ffffff;--dark-text-secondary: rgba(255, 255, 255, .85);--dark-text-tertiary: rgba(255, 255, 255, .65);--dark-hover: rgba(255, 255, 255, .1);--dark-active: rgba(255, 255, 255, .15);--glass-blur: blur(24px);--blue: #3b82f6;--blue-dark: #2563eb;--blue-light: #dbeafe;--blue-hover: rgba(59, 130, 246, .08);--success: #3b82f6;--success-light: #dbeafe;--border-radius: 12px;--upwork-card-shadow: 0 1px 6px rgba(0, 0, 0, .05);--upwork-border: #e4ebe4;--lux-card-bg: #ffffff;--lux-border: #eef2f6;--lux-shadow: 0 4px 20px rgba(0, 0, 0, .03);--lux-shadow-hover: 0 12px 30px rgba(0, 0, 0, .07);--premium-font: "Outfit", "Inter", sans-serif;--font-main: "Inter", system-ui, -apple-system, sans-serif;--warning: #f59e0b;--warning-light: #fef3c7;--danger: #ef4444;--danger-light: #fee2e2;--info: #3b82f6;--info-light: #dbeafe;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-3xl: 20px;--radius-full: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--space-4xl: 40px;--space-5xl: 48px;--transition: all .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .3s cubic-bezier(.4, 0, .2, 1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;transition:var(--transition)}body.light-mode{background:var(--light-bg);color:var(--light-text)}body.dark-mode{background:var(--dark-bg);background-attachment:fixed;color:var(--dark-text)}.settings-container{min-height:100vh;display:flex;flex-direction:column}.settings-container.light{background:var(--light-bg);color:var(--light-text)}.settings-container.dark{background:var(--dark-bg);color:var(--dark-text)}.settings-header{height:72px;background:var(--light-surface);border-bottom:1px solid var(--light-border);display:flex;align-items:center;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.dark .settings-header{background:var(--dark-surface);border-color:var(--dark-border);box-shadow:0 4px 30px #0000001a;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.header-container{width:100%;max-width:1440px;margin:0 auto;padding:0 var(--space-2xl);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2xl)}.header-left{display:flex;align-items:center;flex-shrink:0;height:72px}.mobile-menu-btn{display:none;width:40px;height:40px;border:none;background:transparent;color:var(--light-text-secondary);cursor:pointer;border-radius:var(--radius-md);align-items:center;justify-content:center;transition:var(--transition)}.mobile-menu-btn:hover{background:var(--light-hover);color:var(--light-text)}.dark .mobile-menu-btn{color:var(--dark-text-secondary)}.dark .mobile-menu-btn:hover{background:var(--dark-hover);color:var(--dark-text)}.brand-section{display:flex;align-items:center;flex-shrink:0;height:100%}.logo{display:flex;align-items:center;gap:2px;cursor:pointer}.logo-text{font-size:26px;font-weight:700;background:linear-gradient(135deg,var(--blue),var(--blue-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.logo-tm{font-size:12px;color:var(--light-text-tertiary);font-weight:400;margin-left:2px}.dark .logo-tm{color:var(--dark-text-tertiary)}.header-nav{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0;height:100%}.header-nav .nav-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border:none;background:transparent;color:var(--light-text-secondary);border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:500;transition:var(--transition);position:relative;white-space:nowrap}.dark .header-nav .nav-item{color:var(--dark-text-secondary)}.header-nav .nav-item:hover{background:var(--light-hover);color:var(--light-text)}.dark .header-nav .nav-item:hover{background:var(--dark-hover);color:var(--dark-text)}.header-nav .nav-item.active{color:var(--blue);background:var(--blue-light)}.dark .header-nav .nav-item.active{background:#3b82f626}.nav-icon{display:flex;align-items:center;justify-content:center}.header-nav .nav-item .nav-badge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;background:var(--danger);color:#fff;border-radius:10px;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;padding:0 4px}.header-right{display:flex;align-items:center;gap:var(--space-xl)}.search-wrapper{position:relative;display:flex;align-items:center;width:320px}.search-icon{position:absolute;left:12px;color:var(--light-text-tertiary)}.dark .search-icon{color:var(--dark-text-tertiary)}.search-input{width:100%;padding:10px 12px 10px 40px;border:1px solid var(--light-border);border-radius:var(--radius-xl);background:var(--light-surface);color:var(--light-text);font-size:14px;transition:var(--transition)}.search-input::placeholder{color:var(--light-text-tertiary);opacity:1}.dark .search-input{border-color:var(--dark-border);background:var(--dark-card-alt);color:var(--dark-text)}.dark .search-input::placeholder{color:var(--dark-text-tertiary);opacity:1}.search-input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #3b82f61a}.search-clear{position:absolute;right:40px;background:transparent;border:none;color:var(--light-text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:2px}.search-shortcut{position:absolute;right:12px;padding:2px 6px;background:var(--light-hover);border-radius:var(--radius-sm);color:var(--light-text-tertiary);font-size:11px;font-weight:500}.dark .search-shortcut{background:var(--dark-hover);color:var(--dark-text-tertiary)}.header-actions{display:flex;align-items:center;gap:var(--space-sm);position:relative}.cl-theme-toggle{width:40px;height:40px;border:1px solid var(--light-border);background:transparent;border-radius:var(--radius-md);color:var(--light-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.dark .cl-theme-toggle{border-color:var(--dark-border);color:var(--dark-text-secondary)}.cl-theme-toggle:hover{background:var(--light-hover);color:var(--light-text)}.dark .cl-theme-toggle:hover{background:var(--dark-hover);color:var(--dark-text)}.theme-toggle{width:40px;height:40px;border:1px solid var(--light-border);background:transparent;border-radius:var(--radius-md);color:var(--light-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.dark .theme-toggle{border-color:var(--dark-border);color:var(--dark-text-secondary)}.theme-toggle:hover{background:var(--light-hover);color:var(--light-text)}.dark .theme-toggle:hover{background:var(--dark-hover);color:var(--dark-text)}.notification-btn{position:relative;width:40px;height:40px;border:1px solid var(--light-border);background:transparent;border-radius:var(--radius-md);color:var(--light-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.dark .notification-btn{border-color:var(--dark-border);color:var(--dark-text-secondary)}.notification-btn:hover{background:var(--light-hover);color:var(--light-text)}.dark .notification-btn:hover{background:var(--dark-hover);color:var(--dark-text)}.notification-badge{position:absolute;top:8px;right:8px;width:8px;height:8px;background:var(--danger);border-radius:50%}.user-profile{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-xl);cursor:pointer;transition:var(--transition);background:var(--light-hover)}.dark .user-profile{background:var(--dark-hover)}.user-profile:hover{background:var(--light-border)}.dark .user-profile:hover{background:var(--dark-border)}.user-avatar-wrapper{position:relative}.user-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--light-surface)}.dark .user-avatar{border-color:var(--dark-surface)}.user-status{position:absolute;bottom:2px;right:2px;width:10px;height:10px;border-radius:50%;border:2px solid var(--light-surface)}.dark .user-status{border-color:var(--dark-surface)}.user-status.online{background:var(--success)}.user-details{display:flex;flex-direction:column}.user-display-name{font-weight:600;font-size:14px;color:var(--light-text)}.dark .user-display-name{color:var(--dark-text)}.user-role{font-size:12px;color:var(--light-text-tertiary)}.dark .user-role{color:var(--dark-text-tertiary)}.dropdown-icon{color:var(--light-text-tertiary);transition:var(--transition)}.dropdown-icon.open{transform:rotate(180deg)}.dark .dropdown-icon{color:var(--dark-text-tertiary)}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:240px;background:var(--light-surface);border:1px solid var(--light-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);z-index:200;overflow:hidden;animation:slideDown .15s ease}.dark .user-dropdown{background:var(--dark-surface);border-color:var(--dark-border);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.dropdown-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);border-bottom:1px solid var(--light-border);background:#3b82f60d}.dark .dropdown-header{border-color:var(--dark-border);background:#3b82f61a}.dropdown-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.dropdown-header h4{font-size:14px;font-weight:600;color:var(--light-text);margin-bottom:2px}.dark .dropdown-header h4{color:var(--dark-text)}.dropdown-header p{font-size:12px;color:var(--light-text-tertiary)}.dark .dropdown-header p{color:var(--dark-text-tertiary)}.dropdown-menu{padding:var(--space-sm)}.dropdown-menu button{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-md);border:none;background:transparent;color:var(--light-text);border-radius:var(--radius-md);cursor:pointer;font-size:14px;transition:var(--transition);text-align:left}.dark .dropdown-menu button{color:var(--dark-text)}.dropdown-menu button:hover{background:var(--light-hover)}.dark .dropdown-menu button:hover{background:var(--dark-hover)}.dropdown-menu hr{border:none;border-top:1px solid var(--light-border);margin:var(--space-sm) 0}.dark .dropdown-menu hr{border-color:var(--dark-border)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-main{display:flex;flex:1}.settings-main.no-sidebar{display:flex;justify-content:center;width:100%;padding:var(--space-2xl) 0}.settings-content-full{width:100%;max-width:1440px;margin:0 auto;padding:0 var(--space-2xl);min-height:calc(100vh - 72px)}.settings-sidebar{width:280px;background:var(--light-surface);border-right:1px solid var(--light-border);display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:72px;height:calc(100vh - 72px);overflow:visible}.dark .settings-sidebar{background:var(--dark-surface);border-color:var(--dark-border);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.cl-sidebar-header{padding:var(--space-xl) var(--space-xl);border-bottom:1px solid var(--light-border);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.dark .cl-sidebar-header{border-color:var(--dark-border)}.cl-sidebar-header h2{font-size:20px;font-weight:600;color:var(--light-text)}.dark .cl-sidebar-header h2{color:var(--dark-text)}.sidebar-header{padding:var(--space-xl) var(--space-xl);border-bottom:1px solid var(--light-border);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.dark .sidebar-header{border-color:var(--dark-border)}.sidebar-header h2{font-size:20px;font-weight:600;color:var(--light-text)}.dark .sidebar-header h2{color:var(--dark-text)}.close-sidebar{display:none;width:32px;height:32px;border:none;background:transparent;color:var(--light-text-secondary);cursor:pointer;border-radius:var(--radius-md);align-items:center;justify-content:center}.close-sidebar:hover{background:var(--light-hover);color:var(--light-text)}.dark .close-sidebar{color:var(--dark-text-secondary)}.dark .close-sidebar:hover{background:var(--dark-hover);color:var(--dark-text)}.sidebar-user-preview{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-xl) var(--space-xl);border-bottom:1px solid var(--light-border);flex-shrink:0}.dark .sidebar-user-preview{border-color:var(--dark-border)}.sidebar-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--light-border)}.dark .sidebar-avatar{border-color:var(--dark-border)}.sidebar-user-info h3{font-size:16px;font-weight:600;margin-bottom:2px;color:var(--light-text)}.dark .sidebar-user-info h3{color:var(--dark-text)}.sidebar-user-info p{font-size:13px;color:var(--light-text-tertiary)}.dark .sidebar-user-info p{color:var(--dark-text-tertiary)}.sidebar-nav{flex:1;padding:var(--space-xl) var(--space-xl) var(--space-2xl);overflow:visible;min-height:0}.nav-section{margin-bottom:var(--space-2xl)}.nav-section .section-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--light-text-tertiary);margin-bottom:var(--space-md);padding-left:var(--space-md)}.dark .nav-section .section-title{color:var(--dark-text-tertiary)}.nav-list{list-style:none}.nav-list li{margin-bottom:2px}.cl-nav-link{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-lg);border:none;background:transparent;color:var(--light-text-secondary);border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:500;transition:var(--transition);text-align:left}.dark .cl-nav-link{color:var(--dark-text-secondary)}.cl-nav-link:hover{background:var(--light-hover);color:var(--light-text)}.dark .cl-nav-link:hover{background:var(--dark-hover);color:var(--dark-text)}.cl-nav-link.active{background:#3b82f61a;color:var(--blue);border-left:3px solid var(--blue)}.dark .cl-nav-link.active{background:#3b82f626;color:var(--blue)}.nav-link{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-lg);border:none;background:transparent;color:var(--light-text-secondary);border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:500;transition:var(--transition);text-align:left}.dark .nav-link{color:var(--dark-text-secondary)}.nav-link:hover{background:var(--light-hover);color:var(--light-text)}.dark .nav-link:hover{background:var(--dark-hover);color:var(--dark-text)}.nav-link.active{background:#3b82f61a;color:var(--blue);border-left:3px solid var(--blue)}.dark .nav-link.active{background:#3b82f626;color:var(--blue)}.nav-icon{display:flex;align-items:center;justify-content:center;width:20px;color:inherit}.nav-label{flex:1}.nav-badge{display:inline-flex;align-items:center;justify-content:center;padding:3px 10px;background:var(--light-hover);border-radius:12px;font-size:12px;font-weight:600;color:var(--light-text-secondary);white-space:nowrap;flex-shrink:0;line-height:1.4}.dark .nav-badge{background:var(--dark-hover);color:var(--dark-text-secondary)}.nav-link.active .nav-badge,.cl-nav-link.active .nav-badge{background:var(--blue);color:#fff}.sidebar-footer{padding:var(--space-xl) var(--space-xl);border-top:1px solid var(--light-border);flex-shrink:0;background:var(--light-surface);margin-top:0;gap:2px;display:flex;flex-direction:column}.dark .sidebar-footer{border-color:var(--dark-border);background:var(--dark-surface)}.sidebar-footer-btn{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-md) var(--space-lg);border:none;background:transparent;color:var(--light-text-secondary);font-size:14px;cursor:pointer;transition:var(--transition);border-radius:var(--radius-md)}.sidebar-footer-btn:hover{background:var(--light-hover);color:var(--light-text)}.dark .sidebar-footer-btn{color:var(--dark-text-secondary)}.dark .sidebar-footer-btn:hover{background:var(--dark-hover);color:var(--dark-text)}.settings-content{flex:1;padding:var(--space-3xl) var(--space-2xl);overflow-y:auto;background:var(--light-bg);min-height:calc(100vh - 72px)}.dark .settings-content{background:var(--dark-bg)}.content-section{max-width:100%;width:100%}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2xl)}.header-left{display:flex;align-items:center;gap:var(--space-md)}.section-title{font-size:28px;font-weight:700;color:var(--light-text)}.dark .section-title{color:var(--dark-text)}.section-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#3b82f61a;color:var(--blue);border-radius:20px;font-size:13px;font-weight:500}.edit-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border:1px solid var(--light-border);background:var(--light-surface);color:var(--light-text);border-radius:var(--radius-md);font-weight:500;font-size:14px;cursor:pointer;transition:var(--transition)}.dark .edit-btn{border-color:var(--dark-border);background:var(--dark-surface);color:var(--dark-text)}.edit-btn:hover{background:var(--light-hover)}.dark .edit-btn:hover{background:var(--dark-hover)}.edit-btn.editing{background:var(--danger);color:#fff;border-color:var(--danger)}.message-banner{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:12px;margin-bottom:24px;position:relative;animation:slideDown .3s ease}.message-banner.success{background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:var(--success)}.message-banner.error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--danger)}.message-banner.info{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:var(--blue)}.close-message{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:inherit;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.close-message:hover{background:#0000000d}.profile-card{background:var(--light-card);border:1px solid var(--light-border);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-sm);width:100%}.profile-cover{position:relative;height:200px;overflow:hidden}.change-cover-btn{position:absolute;bottom:16px;right:16px;display:flex;align-items:center;gap:6px;padding:8px 16px;background:#ffffffeb;border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-md);color:var(--light-text);font-size:13px;font-weight:500;cursor:pointer;transition:var(--transition);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dark .change-cover-btn{background:#1e293beb;color:var(--dark-text);border-color:var(--dark-border)}.change-cover-btn:hover{background:#fff}.dark .change-cover-btn:hover{background:var(--dark-surface)}.profile-content{padding:0 32px 32px;margin-top:-40px}.profile-header-row-client{display:flex;align-items:flex-start;gap:24px;margin-bottom:24px;flex-wrap:wrap}.profile-left-client{flex-shrink:0}.profile-center-client{flex:1;min-width:250px}.profile-right-client{flex-shrink:0}.avatar-wrapper{position:relative;flex-shrink:0;z-index:2}.profile-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:2px solid var(--light-card);box-shadow:var(--shadow-lg);display:block}.dark .profile-avatar{border-color:var(--dark-card)}.change-avatar-btn{position:absolute;bottom:8px;right:8px;width:30px;height:30px;border-radius:50%;background:var(--blue);border:2px solid var(--light-card);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);z-index:5}.dark .change-avatar-btn{border-color:var(--dark-card)}.change-avatar-btn:hover{background:var(--blue-dark);transform:scale(1.1)}.avatar-status{position:absolute;bottom:12px;left:12px;width:16px;height:16px;border-radius:50%;background:var(--success, #10b981);border:2px solid var(--light-card);z-index:5}.dark .avatar-status{border-color:var(--dark-card)}.avatar-status.online{background:var(--success)}.profile-card{background:var(--light-surface);border:1px solid var(--light-border);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition);margin-bottom:24px}.dark .profile-card{background:var(--dark-card);border-color:var(--dark-border);box-shadow:var(--shadow-md)}.profile-cover{position:relative;height:200px;overflow:hidden;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.change-cover-btn{position:absolute!important;top:12px!important;right:12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:6px 12px!important;height:32px!important;background:#0006!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:var(--radius-full)!important;color:#fff!important;font-size:12px!important;font-weight:600!important;cursor:pointer!important;transition:all .25s ease!important;z-index:50!important}.profile-content{padding:0 32px 32px;position:relative;z-index:5;background:var(--light-card);border-radius:0 0 var(--radius-2xl) var(--radius-2xl);margin-top:-40px}.dark .profile-content{background:var(--dark-card)}.premium-banner-section{position:relative;margin-bottom:60px;border-radius:20px;overflow:visible;box-shadow:0 10px 40px #0000000f;background:#fff}.premium-cover{position:relative;height:200px;border-radius:20px 20px 0 0;overflow:hidden;background:linear-gradient(135deg,#1e293b,#0f172a)}.premium-cover img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.4,0,.2,1)}.premium-banner-section:hover .premium-cover img{transform:scale(1.08)}.premium-cover-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.5) 100%)}.premium-avatar-wrapper{position:absolute;bottom:-45px;left:32px;z-index:10}.premium-avatar{width:130px;height:130px;border-radius:24px;border:4px solid white;box-shadow:0 10px 25px #00000026;object-fit:cover;background:#fff;transition:transform .4s ease}.premium-banner-section:hover .premium-avatar{transform:translateY(-5px)}.premium-avatar-btn{position:absolute;bottom:8px;right:-8px;width:36px;height:36px;border-radius:10px;background:var(--blue);color:#fff;border:3px solid white;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #3b82f64d;transition:all .3s ease}.premium-avatar-btn:hover{transform:scale(1.15) rotate(10deg);background:var(--blue-dark)}.premium-header-content{padding:16px 32px 16px 180px;display:flex;justify-content:space-between;align-items:center;min-height:80px;border-radius:0 0 20px 20px}.premium-stats-grid{display:flex;gap:40px}.p-stat-item{display:flex;flex-direction:column;position:relative}.p-stat-item:not(:last-child):after{content:"";position:absolute;right:-20px;top:15%;height:70%;width:1px;background:#e2e8f0}.p-stat-value{font-size:19px;font-weight:800;color:#001e00;margin-bottom:2px}.p-stat-label{font-size:11px;text-transform:uppercase;color:#94a3b8;font-weight:700;letter-spacing:.8px}.premium-avatar-btn:hover{transform:scale(1.1);background:var(--blue-dark)}.premium-header-content{padding:24px 40px 24px 230px;display:flex;justify-content:space-between;align-items:center;min-height:100px}.premium-stats-grid{display:flex;gap:32px}.p-stat-item{display:flex;flex-direction:column}.p-stat-value{font-size:20px;font-weight:700;color:#001e00}.p-stat-label{font-size:12px;text-transform:uppercase;color:#64748b;letter-spacing:.5px}.profile-name-section{flex:1;padding-bottom:8px;min-width:250px;margin-top:20px;margin-left:24px}.profile-fullname{font-size:28px;font-weight:700;color:var(--light-text);margin-bottom:4px;line-height:1.2}.dark .profile-fullname{color:var(--dark-text)}.profile-username{font-size:15px;color:var(--light-text-tertiary);margin-bottom:4px}.profile-company{font-size:18px;font-weight:500;color:var(--blue);margin-bottom:8px}.profile-badges-row{display:flex;align-items:center;gap:12px;flex-shrink:0;padding-bottom:8px;margin-left:auto;margin-top:20px}.profile-bio-section{margin:24px 0 20px;width:100%;position:relative}.profile-bio-text{font-size:16px;color:var(--light-text);line-height:1.8;padding:24px 28px;background:linear-gradient(135deg,#3b82f608,#6366f108);border:1px solid rgba(59,130,246,.15);border-left:5px solid var(--blue);border-radius:20px;position:relative;font-weight:400;margin:0;width:100%;box-shadow:0 8px 20px #3b82f614;transition:all .3s ease}.profile-bio-text:hover{transform:translateY(-2px);box-shadow:0 12px 28px #3b82f626}.profile-bio-text:before{content:'"';position:absolute;left:12px;top:5px;font-size:48px;color:var(--blue);opacity:.2;font-family:Georgia,serif;line-height:1}.dark .profile-bio-text{color:var(--dark-text);background:linear-gradient(135deg,#3b82f614,#6366f114)}.profile-meta-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:20px 0 16px;padding:16px 20px;background:#3b82f608;border-radius:var(--radius-lg)}.profile-meta-item{display:inline-flex;align-items:center;gap:8px;font-size:15px;color:var(--light-text);font-weight:500}.profile-meta-item svg{color:var(--blue)}.dark .profile-meta-item{color:var(--dark-text)}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:24px 0;margin:24px 0;border-top:1px solid var(--light-border);border-bottom:1px solid var(--light-border)}.stat-item{text-align:center;padding:20px;border-right:1px solid var(--light-border);transition:var(--transition);background:#3b82f605;border-radius:var(--radius-lg)}.dark .stat-item{border-color:var(--dark-border);background:#3b82f60d}.stat-item:hover{background:#3b82f60f;transform:translateY(-2px)}.stat-value{display:block;font-size:30px;font-weight:700;color:var(--light-text);margin-bottom:6px}.stat-label{font-size:14px;color:var(--light-text-tertiary);font-weight:500}.profile-card{background:var(--light-card);border:1px solid var(--lux-border);border-radius:24px;overflow:visible;box-shadow:var(--shadow-md);width:100%;position:relative;z-index:1;margin-bottom:24px}.profile-cover{position:relative;height:220px;overflow:hidden;border-radius:24px 24px 0 0}.cover-image{width:100%;height:100%;object-fit:cover}.profile-content{padding:0 40px 40px;position:relative;z-index:5;background:var(--light-card);border-radius:0 0 24px 24px;margin-top:-50px}.profile-avatar-section{display:flex;align-items:flex-start;gap:32px;margin-bottom:32px;position:relative}.avatar-wrapper{position:relative;z-index:15;margin-top:-75px}.profile-avatar{width:150px;height:150px;border-radius:40px;object-fit:cover;border:6px solid #ffffff;box-shadow:0 10px 30px #00000026;background:#fff}.profile-name-section{flex:1;margin-top:60px}.profile-fullname{font-size:32px;font-weight:800;color:#1e293b;margin-bottom:4px;letter-spacing:-.5px}.profile-bio-section{margin:24px 0;padding:32px;background:#f8fafc;border-radius:20px;position:relative;border:1px solid #f1f5f9}.profile-bio-text{font-size:16px;line-height:1.8;color:#475569}.edit-pencil-btn{width:36px;height:36px;border-radius:12px;background:#fff;border:1px solid #e2e8f0;color:var(--blue);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.edit-pencil-btn:hover{background:var(--blue);color:#fff;border-color:var(--blue);transform:scale(1.1) rotate(10deg)}.tahrirlash-btn{background:#f1f5f9;color:#475569;border:1px solid transparent;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.tahrirlash-btn:hover{background:#e2e8f0;color:#0f172a}.dark .tahrirlash-btn{background:#ffffff14;color:#ffffffb3}.dark .tahrirlash-btn:hover{background:#ffffff26;color:#fff}.tahrirlash-btn.small{width:24px;height:24px}.profile-meta-row{display:flex;flex-wrap:wrap;gap:24px;margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0}.profile-meta-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#64748b;font-weight:500}.unified-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:24px}.unified-stat-card{background:#fff;border:1px solid #edf2f7;padding:24px;border-radius:20px;text-align:center;transition:all .3s ease}.unified-stat-card:hover{transform:translateY(-5px);border-color:#3b82f633;box-shadow:0 10px 25px #0000000d}.unified-stat-value{display:block;font-size:24px;font-weight:800;color:#1e293b;margin-bottom:4px}.unified-stat-label{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#94a3b8;font-weight:700}.dark .unified-stat-card{background:var(--dark-card);border-color:var(--dark-border)}.dark .unified-stat-card:hover{background:var(--dark-hover);border-color:#3b82f666}.dark .unified-stat-value{color:#fff}.ai-banner-card{background:linear-gradient(135deg,#f8fafc,#eff6ff)}.dark .ai-banner-card{background:var(--dark-card);border-color:var(--dark-border)!important}.ai-banner-title{color:#1e293b}.dark .ai-banner-title{color:#fff}.ai-banner-text{color:#475569}.dark .ai-banner-text{color:var(--dark-text-secondary)!important}.ai-banner-btn{background:#fff;color:var(--blue)}.dark .ai-banner-btn{background:#ffffff0d;color:#fff;border-color:#ffffff1a!important}.identity-hero{display:flex;height:100%;gap:32px;align-items:center}.identity-avatar-container{position:relative}.identity-avatar{width:180px;height:180px;border-radius:40px;object-fit:cover;border:4px solid white;box-shadow:0 20px 40px #00000026}.identity-info h2{font-family:var(--premium-font);font-size:36px;font-weight:800;background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.matrix-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;height:100%}.matrix-item{background:#fff6;border-radius:16px;padding:16px;display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(255,255,255,.5)}.matrix-value{font-size:24px;font-weight:800;color:var(--blue)}.matrix-label{font-size:10px;text-transform:uppercase;color:#64748b;font-weight:700;letter-spacing:1px}.ai-portal{display:flex;justify-content:space-between;align-items:center;height:100%;background:linear-gradient(90deg,#3b82f60d,#6366f10d)}.ai-status-pulse{width:12px;height:12px;background:#10b981;border-radius:50%;box-shadow:0 0 #10b98166;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 15px #10b98100}to{box-shadow:0 0 #10b98100}}@media(max-width:1024px){.bento-identity,.bento-stats,.bento-company,.bento-contacts{grid-column:span 12}}.edit-textarea-bio-client{width:100%;padding:24px 28px;border:2px solid var(--blue);border-radius:20px;background:#fff;color:var(--light-text);font-size:16px;line-height:1.8;font-family:inherit;resize:vertical;min-height:140px;transition:all .3s ease;box-shadow:0 8px 25px #3b82f626;margin:0;position:relative;z-index:20}.dark .edit-textarea-bio-client{background:var(--dark-surface);border-color:var(--blue);color:var(--dark-text);box-shadow:0 8px 25px #3b82f640}.edit-textarea-bio-client:focus{outline:none;border-color:var(--blue-dark);box-shadow:0 0 0 4px #3b82f633,0 12px 30px #3b82f633;background:#fff}.dark .edit-textarea-bio-client:focus{background:var(--dark-surface);box-shadow:0 0 0 4px #3b82f640,0 12px 30px #0006}.edit-textarea-bio-client::placeholder{color:var(--light-text-tertiary);font-style:italic}.dark .edit-textarea-bio-client::placeholder{color:var(--dark-text-tertiary)}.profile-meta-row-client{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:20px 0 16px;padding:16px 20px;background:#3b82f608;border-radius:var(--radius-lg)}.profile-meta-item-client{display:inline-flex;align-items:center;gap:8px;font-size:15px;color:var(--light-text);font-weight:500}.profile-meta-item-client svg{color:var(--blue);flex-shrink:0}.dark .profile-meta-item-client{color:var(--dark-text)}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:var(--space-2xl) 0;margin-bottom:var(--space-2xl);border-top:1px solid var(--light-border);border-bottom:1px solid var(--light-border)}.dark .profile-stats{border-color:var(--dark-border)}.stat-item{text-align:center;padding:var(--space-lg);border-right:1px solid var(--light-border);transition:var(--transition)}.stat-item:last-child{border-right:none}.dark .stat-item{border-color:var(--dark-border)}.stat-item:hover{background:#3b82f60a;border-radius:var(--radius-lg)}.stat-value{display:block;font-size:28px;font-weight:700;color:var(--light-text);margin-bottom:6px}.dark .stat-value{color:var(--dark-text)}.stat-label{font-size:13px;color:var(--light-text-tertiary);font-weight:500}.dark .stat-label{color:var(--dark-text-tertiary)}.inline-edit-container{background:var(--light-surface);border:1px solid var(--blue);border-radius:var(--radius-lg);padding:20px;margin-bottom:20px;box-shadow:0 4px 12px #3b82f61a;animation:slideInUp .3s ease-out}.dark .inline-edit-container{background:var(--dark-surface);box-shadow:0 4px 12px #0000004d}.inline-edit-input{width:100%;padding:12px 16px;border:1.5px solid var(--light-border);border-radius:var(--radius-md);font-size:15px;background:#fff;color:var(--light-text);margin-bottom:12px;transition:var(--transition)}.dark .inline-edit-input{background:var(--dark-card);border-color:var(--dark-border);color:var(--dark-text)}.inline-edit-input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #3b82f61a}.name-edit-input{font-size:20px;font-weight:700}.inline-edit-textarea{width:100%;padding:16px;border:1.5px solid var(--light-border);border-radius:var(--radius-md);font-size:15px;background:#fff;color:var(--light-text);margin-bottom:12px;resize:vertical;min-height:120px;transition:var(--transition)}.dark .inline-edit-textarea{background:var(--dark-card);border-color:var(--dark-border);color:var(--dark-text)}.inline-edit-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.btn-cancel-inline{padding:8px 16px;border-radius:var(--radius-md);border:1px solid var(--light-border);background:transparent;color:var(--light-text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition)}.dark .btn-cancel-inline{border-color:var(--dark-border);color:var(--dark-text-secondary)}.btn-cancel-inline:hover{background:var(--light-hover);color:var(--light-text)}.btn-save-inline{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius-md);border:none;background:var(--blue);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-save-inline:hover{background:var(--blue-dark);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.section-edit-trigger{position:relative;cursor:pointer;border-radius:var(--radius-lg);padding:8px;margin:-8px;transition:var(--transition);display:flex;justify-content:space-between;align-items:flex-start}.section-edit-trigger:hover{background:#3b82f60a}.dark .section-edit-trigger:hover{background:#3b82f614}.edit-pencil-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--light-border);background:#fff;color:var(--blue);display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition);flex-shrink:0}.section-edit-trigger:hover .edit-pencil-btn{opacity:1}.dark .edit-pencil-btn{background:var(--dark-card);border-color:var(--dark-border)}.edit-pencil-btn:hover{background:var(--blue);color:#fff;border-color:var(--blue)}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);margin-bottom:var(--space-xl)}.detail-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:#3b82f60d;border-radius:var(--radius-lg);transition:var(--transition)}.dark .detail-item{background:#3b82f61a}.detail-item:hover{transform:translate(4px)}.detail-icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--light-card);color:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dark .detail-icon{background:var(--dark-card)}.detail-content{flex:1}.detail-label{display:block;font-size:11px;font-weight:600;color:var(--light-text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.dark .detail-label{color:var(--dark-text-tertiary)}.detail-value-wrapper{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.detail-value{font-size:14px;font-weight:500;color:var(--light-text)}.dark .detail-value{color:var(--dark-text)}.verified-tag{display:inline-flex;align-items:center;gap:2px;color:var(--success);font-size:11px;font-weight:600}.profile-actions{display:flex;gap:var(--space-md);margin-top:var(--space-2xl);padding-top:var(--space-2xl);border-top:1px solid var(--light-border)}.dark .profile-actions{border-color:var(--dark-border)}.edit-input{width:100%;padding:8px 12px;border:1px solid var(--light-border);border-radius:var(--radius-md);background:var(--light-surface);color:var(--light-text);font-size:14px;transition:var(--transition)}.dark .edit-input{border-color:var(--dark-border);background:var(--dark-surface);color:var(--dark-text)}.edit-input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #3b82f61a}.name-edit-input{font-size:22px!important;font-weight:700!important;padding:6px 12px!important;margin-bottom:4px}.edit-select{width:100%;padding:8px 12px;border:1px solid var(--light-border);border-radius:var(--radius-md);background:var(--light-surface);color:var(--light-text);font-size:14px;transition:var(--transition);cursor:pointer}.dark .edit-select{border-color:var(--dark-border);background:var(--dark-surface);color:var(--dark-text)}.edit-select:focus{outline:none;border-color:var(--blue)}.edit-textarea{width:100%;padding:10px 12px;border:1px solid var(--light-border);border-radius:var(--radius-md);background:var(--light-surface);color:var(--light-text);font-size:14px;line-height:1.6;resize:vertical;transition:var(--transition);font-family:inherit}.dark .edit-textarea{border-color:var(--dark-border);background:var(--dark-surface);color:var(--dark-text)}.edit-textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #3b82f61a}.payment-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl);margin-bottom:var(--space-3xl)}.summary-card{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-xl);background:var(--light-card);border:1px solid var(--light-border);border-radius:var(--radius-xl);transition:var(--transition)}.dark .summary-card{background:var(--dark-card);border-color:var(--dark-border)}.summary-card.gradient{background:linear-gradient(135deg,rgba(59,130,246,.1),var(--light-card));border-color:var(--blue)}.dark .summary-card.gradient{background:linear-gradient(135deg,rgba(59,130,246,.15),var(--dark-card));border-color:var(--blue)}.summary-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.summary-icon{width:56px;height:56px;border-radius:50%;background:#3b82f61a;color:var(--blue);display:flex;align-items:center;justify-content:center}.dark .summary-icon{background:#3b82f626}.summary-content{flex:1}.summary-content h3{color:var(--light-text-secondary);font-size:14px;font-weight:500;margin-bottom:4px}.dark .summary-content h3{color:var(--dark-text-secondary)}.summary-value{font-size:28px;font-weight:700;color:var(--light-text);line-height:1.2;margin-bottom:2px}.dark .summary-value{color:var(--dark-text)}.summary-period{color:var(--light-text-tertiary);font-size:12px}.dark .summary-period{color:var(--dark-text-tertiary)}.payment-methods{margin-bottom:var(--space-3xl)}.section-subheader{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.section-subheader h2{font-size:18px;font-weight:600;color:var(--light-text)}.dark .section-subheader h2{color:var(--dark-text)}.methods-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}.method-card{background:var(--light-card);border:1px solid var(--light-border);border-radius:var(--radius-xl);overflow:hidden;transition:var(--transition)}.dark .method-card{background:var(--dark-card);border-color:var(--dark-border)}.method-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.method-header{position:relative;padding:var(--space-xl);background:linear-gradient(135deg,rgba(59,130,246,.1),var(--light-card));border-bottom:1px solid var(--light-border);display:flex;justify-content:space-between;align-items:center}.dark .method-header{background:linear-gradient(135deg,rgba(59,130,246,.15),var(--dark-card));border-color:var(--dark-border)}.method-brand{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}.method-brand.visa{background:linear-gradient(135deg,#1a1f71,#4a5b9c);color:#fff}.method-brand.bank{background:#3b82f61a;color:var(--blue)}.default-badge{padding:4px 12px;background:var(--blue);color:#fff;border-radius:var(--radius-full);font-size:11px;font-weight:600}.method-body{padding:var(--space-xl)}.method-number{display:block;font-size:16px;font-weight:600;color:var(--light-text);margin-bottom:4px}.dark .method-number{color:var(--dark-text)}.method-expiry,.method-account{color:var(--light-text-tertiary);font-size:13px}.dark .method-expiry,.dark .method-account{color:var(--dark-text-tertiary)}.method-bank{display:block;font-weight:600;color:var(--light-text);margin-bottom:2px}.dark .method-bank{color:var(--dark-text)}.method-footer{display:flex;border-top:1px solid var(--light-border)}.dark .method-footer{border-color:var(--dark-border)}.method-action{flex:1;padding:var(--space-md);border:none;background:transparent;color:var(--light-text-secondary);font-size:13px;cursor:pointer;transition:var(--transition)}.method-action:hover{background:#3b82f61a;color:var(--blue)}.dark .method-action:hover{background:#3b82f626}.recent-transactions{margin-top:var(--space-3xl)}.transactions-list{background:var(--light-card);border:1px solid var(--light-border);border-radius:var(--radius-xl);overflow:hidden}.dark .transactions-list{background:var(--dark-card);border-color:var(--dark-border)}.transaction-item{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg);border-bottom:1px solid var(--light-border);transition:var(--transition)}.dark .transaction-item{border-color:var(--dark-border)}.transaction-item:hover{background:#3b82f60d}.dark .transaction-item:hover{background:#3b82f61a}.transaction-item:last-child{border-bottom:none}.transaction-icon{width:48px;height:48px;border-radius:50%;background:#3b82f61a;color:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dark .transaction-icon{background:#3b82f626}.transaction-details{flex:1}.transaction-details h4{font-size:16px;font-weight:600;margin-bottom:2px;color:var(--light-text)}.dark .transaction-details h4{color:var(--dark-text)}.transaction-details p{color:var(--light-text-tertiary);font-size:13px}.dark .transaction-details p{color:var(--dark-text-tertiary)}.transaction-amount{font-size:18px;font-weight:600;color:var(--danger)}.transaction-status{padding:4px 12px;border-radius:var(--radius-full);font-size:11px;font-weight:600}.transaction-status.completed{background:#10b9811a;color:var(--success)}.dark .transaction-status.completed{background:#10b98126}.password-card{background:var(--light-card);border:1px solid var(--light-border);border-radius:var(--radius-2xl);padding:32px;margin-bottom:32px;box-shadow:var(--shadow-sm)}.dark .password-card{background:var(--dark-card);border-color:var(--dark-border);box-shadow:var(--shadow-md)}.card-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.header-icon{width:56px;height:56px;border-radius:50%;background:#3b82f61a;color:var(--blue);display:flex;align-items:center;justify-content:center}.header-info h2{font-size:20px;font-weight:600;margin-bottom:4px;color:var(--light-text)}.dark .header-info h2{color:var(--dark-text)}.header-info p{color:var(--light-text-tertiary);font-size:14px;line-height:1.5}.dark .header-info p{color:var(--dark-text-tertiary)}.password-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:var(--light-text)}.dark .form-group label{color:var(--dark-text)}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input{width:100%;padding:14px 48px 14px 16px;border:1px solid var(--light-border);border-radius:var(--radius-lg);background:var(--light-card);color:var(--light-text);font-size:14px;transition:var(--transition)}.dark .password-input{border-color:var(--dark-border);background:var(--dark-card);color:var(--dark-text)}.password-input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #3b82f61a}.password-input:disabled{background:var(--light-hover);cursor:not-allowed;opacity:.7}.dark .password-input:disabled{background:var(--dark-hover)}.toggle-password{position:absolute;right:16px;background:transparent;border:none;color:var(--light-text-tertiary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.dark .toggle-password{color:var(--dark-text-tertiary)}.toggle-password:hover{color:var(--blue)}.password-strength{margin-top:12px}.strength-meter{height:4px;background:var(--light-border);border-radius:2px;overflow:hidden;margin-bottom:8px}.dark .strength-meter{background:var(--dark-border)}.strength-fill{height:100%;transition:width .3s ease}.strength-label{font-size:12px;font-weight:600}.password-requirements{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px;padding:16px;background:#3b82f60d;border-radius:12px}.requirement{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--light-text-tertiary)}.dark .requirement{color:var(--dark-text-tertiary)}.requirement .dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.5}.requirement.valid,.valid-icon{color:var(--success)}.update-password-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background:var(--blue);color:#fff;border:none;border-radius:var(--radius-lg);font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition);margin-top:16px}.update-password-btn:hover:not(:disabled){background:var(--blue-dark);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.update-password-btn:disabled{opacity:.6;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}.security-settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:32px}.security-setting-card{background:var(--light-card);border:1px solid;border-radius:var(--radius-xl);padding:20px;transition:var(--transition);position:relative}.dark .security-setting-card{background:var(--dark-card)}.security-setting-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.setting-header{display:flex;gap:16px;margin-bottom:20px}.setting-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.setting-info{flex:1}.setting-info h3{font-size:16px;font-weight:600;margin-bottom:4px;color:var(--light-text)}.setting-info p{color:var(--light-text-tertiary);font-size:13px;line-height:1.5}.setting-footer{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.status-badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.status-badge.enabled{background:#10b9811a;color:var(--success)}.status-badge.disabled{background:#64748b1a;color:var(--light-text-tertiary)}.dark .status-badge.disabled{color:var(--dark-text-tertiary)}.switch{position:relative;display:inline-block;width:48px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--light-border);transition:.2s;border-radius:24px}.dark .slider{background-color:var(--dark-border)}.slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:#fff;transition:.2s;border-radius:50%}input:checked+.slider{background-color:var(--blue)}input:checked+.slider:before{transform:translate(24px)}.enable-2fa-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:#3b82f61a;color:var(--blue);border:1px solid rgba(59,130,246,.2);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:var(--transition)}.enable-2fa-btn:hover{background:#3b82f626;transform:translateY(-1px)}.security-tip-card{grid-column:span 2;display:flex;align-items:center;gap:16px;padding:20px;background:#3b82f60d;border:1px solid rgba(59,130,246,.1);border-radius:var(--radius-xl)}.security-tip-card svg{color:var(--warning);flex-shrink:0}.tip-content h4{font-size:16px;font-weight:600;margin-bottom:4px;color:var(--light-text)}.dark .tip-content h4{color:var(--dark-text)}.tip-content p{color:var(--light-text-tertiary);font-size:14px}.dark .tip-content p{color:var(--dark-text-tertiary)}.sessions-card{background:var(--light-card);border:1px solid var(--light-border);border-radius:var(--radius-2xl);padding:32px;margin-top:32px}.dark .sessions-card{background:var(--dark-card);border-color:var(--dark-border)}.sessions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.sessions-header h2{font-size:18px;font-weight:600;color:var(--light-text)}.dark .sessions-header h2{color:var(--dark-text)}.refresh-sessions{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:1px solid var(--light-border);border-radius:8px;color:var(--light-text-secondary);font-size:13px;cursor:pointer;transition:var(--transition)}.dark .refresh-sessions{border-color:var(--dark-border);color:var(--dark-text-secondary)}.refresh-sessions:hover{background:#3b82f61a;color:var(--blue)}.sessions-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.session-item{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;background:#3b82f60d;border-radius:var(--radius-xl);transition:var(--transition)}.session-item.current{background:#3b82f61a;border:1px solid rgba(59,130,246,.2)}.session-item:hover{background:#3b82f614}.session-device{display:flex;gap:16px}.device-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.device-info{flex:1}.device-header{display:flex;align-items:center;gap:12px;margin-bottom:4px}.device-header h3{font-size:16px;font-weight:600;color:var(--light-text)}.dark .device-header h3{color:var(--dark-text)}.current-badge{padding:4px 10px;background:#3b82f633;color:var(--blue);border-radius:20px;font-size:11px;font-weight:600}.device-details{color:var(--light-text-secondary);font-size:13px;margin-bottom:4px}.dark .device-details{color:var(--dark-text-secondary)}.device-location{color:var(--light-text-tertiary);font-size:13px;margin-bottom:4px}.dark .device-location{color:var(--dark-text-tertiary)}.last-active{color:var(--light-text-tertiary);font-size:12px}.dark .last-active{color:var(--dark-text-tertiary)}.revoke-btn{padding:8px 16px;background:transparent;border:1px solid var(--light-border);border-radius:8px;color:var(--light-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:var(--transition);white-space:nowrap}.dark .revoke-btn{border-color:var(--dark-border);color:var(--dark-text-secondary)}.revoke-btn:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.sessions-footer{padding-top:16px;border-top:1px solid var(--light-border);color:var(--light-text-tertiary);font-size:13px}.dark .sessions-footer{border-color:var(--dark-border);color:var(--dark-text-tertiary)}.notifications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-xl);margin-bottom:var(--space-3xl)}.notification-card{background:var(--light-card);border:1px solid var(--light-border);border-radius:var(--radius-xl);overflow:hidden;transition:var(--transition)}.dark .notification-card{background:var(--dark-card);border-color:var(--dark-border)}.notification-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.notification-card-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-lg);background:#3b82f60d;border-bottom:1px solid var(--light-border)}.dark .notification-card-header{background:#3b82f61a;border-color:var(--dark-border)}.notification-card-header h2{font-size:16px;font-weight:600;color:var(--light-text)}.dark .notification-card-header h2{color:var(--dark-text)}.notification-card-body{padding:var(--space-lg)}.notification-setting{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) 0;border-bottom:1px solid var(--light-border-light)}.notification-setting:last-child{border-bottom:none}.setting-info h3{font-size:14px;font-weight:600;margin-bottom:2px;color:var(--light-text)}.dark .setting-info h3{color:var(--dark-text)}.setting-info p{color:var(--light-text-tertiary);font-size:12px}.dark .setting-info p{color:var(--dark-text-tertiary)}.delivery-preferences{margin-top:var(--space-2xl);padding:var(--space-xl);background:var(--light-card);border:1px solid var(--light-border);border-radius:var(--radius-xl)}.dark .delivery-preferences{background:var(--dark-card);border-color:var(--dark-border)}.delivery-preferences h2{font-size:18px;font-weight:600;margin-bottom:var(--space-lg);color:var(--light-text)}.dark .delivery-preferences h2{color:var(--dark-text)}.preferences-options{display:flex;flex-direction:column;gap:var(--space-md)}.preference-option{display:flex;align-items:center;gap:var(--space-md);cursor:pointer;color:var(--light-text)}.dark .preference-option{color:var(--dark-text)}.preference-option input[type=checkbox]{width:18px;height:18px;cursor:pointer}.membership-card{background:var(--light-card);border:1px solid var(--light-border);border-radius:var(--radius-xl);padding:var(--space-2xl);margin-bottom:var(--space-2xl)}.dark .membership-card{background:var(--dark-card);border-color:var(--dark-border)}.membership-header{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-xl)}.membership-header svg{color:var(--blue)}.membership-header h2{font-size:20px;font-weight:700;margin-bottom:2px;color:var(--light-text)}.dark .membership-header h2{color:var(--dark-text)}.membership-header p{color:var(--light-text-tertiary)}.dark .membership-header p{color:var(--dark-text-tertiary)}.membership-features h3{font-size:16px;font-weight:600;margin-bottom:var(--space-md);color:var(--light-text)}.dark .membership-features h3{color:var(--dark-text)}.membership-features ul{list-style:none}.membership-features li{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;color:var(--light-text)}.dark .membership-features li{color:var(--dark-text)}.membership-features li svg{color:var(--success)}.membership-plans h2{font-size:20px;font-weight:700;margin-bottom:var(--space-xl);color:var(--light-text)}.dark .membership-plans h2{color:var(--dark-text)}.plans-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}.plan-card{background:var(--light-card);border:1px solid var(--light-border);border-radius:var(--radius-xl);padding:var(--space-2xl);position:relative;transition:var(--transition)}.dark .plan-card{background:var(--dark-card);border-color:var(--dark-border)}.plan-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.plan-card.popular{border:2px solid var(--blue)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--blue);color:#fff;padding:4px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:600;white-space:nowrap}.plan-card h3{font-size:20px;font-weight:700;margin-bottom:var(--space-sm);color:var(--light-text)}.dark .plan-card h3{color:var(--dark-text)}.plan-price{font-size:28px;font-weight:700;color:var(--light-text);margin-bottom:var(--space-xl)}.dark .plan-price{color:var(--dark-text)}.plan-price span{font-size:14px;font-weight:400;color:var(--light-text-tertiary)}.dark .plan-price span{color:var(--dark-text-tertiary)}.plan-card ul{list-style:none;margin-bottom:var(--space-xl)}.plan-card li{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;color:var(--light-text)}.dark .plan-card li{color:var(--dark-text)}.plan-card li svg{color:var(--success)}.plan-card button{width:100%;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--blue);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:14px;cursor:pointer;transition:var(--transition)}.btn-primary:hover{background:var(--blue-dark);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--light-surface);color:var(--light-text);border:1px solid var(--light-border);border-radius:var(--radius-md);font-weight:500;font-size:14px;cursor:pointer;transition:var(--transition)}.dark .btn-secondary{background:var(--dark-surface);color:var(--dark-text);border-color:var(--dark-border)}.btn-secondary:hover{background:var(--light-hover)}.dark .btn-secondary:hover{background:var(--dark-hover)}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:transparent;border:1px solid var(--light-border);color:var(--light-text);border-radius:var(--radius-md);font-weight:500;font-size:14px;cursor:pointer;transition:var(--transition)}.dark .btn-outline{border-color:var(--dark-border);color:var(--dark-text)}.btn-outline:hover{background:var(--light-hover)}.dark .btn-outline:hover{background:var(--dark-hover)}.btn-link{background:transparent;border:none;color:var(--blue);font-weight:500;cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);transition:var(--transition);font-size:14px}.btn-link:hover{background:#3b82f61a}.dark .btn-link:hover{background:#3b82f626}.teams-grid{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}.team-card{background:var(--light-card);border:1px solid var(--light-border);border-radius:var(--radius-xl);padding:var(--space-2xl)}.dark .team-card{background:var(--dark-card);border-color:var(--dark-border)}.team-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl)}.team-header h2{font-size:20px;font-weight:600;color:var(--light-text)}.dark .team-header h2{color:var(--dark-text)}.team-members{display:flex;flex-direction:column;gap:var(--space-lg)}.member-item{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-md);background:#3b82f60d;border-radius:var(--radius-lg)}.dark .member-item{background:#3b82f61a}.member-avatar,.member-avatar-placeholder{width:48px;height:48px;border-radius:50%;object-fit:cover}.member-avatar-placeholder{background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px}.member-info{flex:1}.member-info h3{font-size:16px;font-weight:600;margin-bottom:2px;color:var(--light-text)}.dark .member-info h3{color:var(--dark-text)}.member-info p{color:var(--light-text-tertiary);font-size:13px}.dark .member-info p{color:var(--dark-text-tertiary)}.owner-badge,.role-badge{padding:4px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:600}.owner-badge{background:#3b82f61a;color:var(--blue)}.dark .owner-badge{background:#3b82f626}.role-badge{background:var(--light-hover);color:var(--light-text-tertiary)}.dark .role-badge{background:var(--dark-hover);color:var(--dark-text-tertiary)}.placeholder-card{background:var(--light-card);border:1px solid var(--light-border);border-radius:var(--radius-xl);padding:var(--space-4xl);text-align:center;color:var(--light-text-tertiary)}.dark .placeholder-card{background:var(--dark-card);border-color:var(--dark-border);color:var(--dark-text-tertiary)}.placeholder-card svg{margin-bottom:var(--space-xl);color:var(--blue)}.placeholder-card h2{font-size:20px;font-weight:600;margin-bottom:var(--space-sm);color:var(--light-text)}.dark .placeholder-card h2{color:var(--dark-text)}@media(max-width:1200px){.search-wrapper{width:240px}.details-grid,.methods-grid{grid-template-columns:1fr}}@media(max-width:1024px){.header-left{gap:var(--space-xl)}.header-nav{display:none}.settings-sidebar{position:fixed;left:-280px;top:72px;bottom:0;height:calc(100vh - 72px);z-index:99;transition:var(--transition);box-shadow:var(--shadow-lg)}.settings-sidebar.open{left:0}.mobile-menu-btn,.close-sidebar{display:flex}.profile-stats{grid-template-columns:repeat(2,1fr)}.payment-summary,.security-settings-grid{grid-template-columns:1fr}.security-tip-card{grid-column:span 1}.password-requirements{grid-template-columns:1fr}}@media(max-width:768px){.header-container{padding:0 var(--space-lg)}.search-wrapper,.user-details{display:none}.settings-content{padding:var(--space-xl)}.profile-avatar-section,.profile-header-row-client{flex-direction:column;align-items:center;text-align:center}.profile-center-client{text-align:center}.profile-badges-row-client{justify-content:center}.profile-meta-row-client{flex-direction:column;align-items:flex-start;gap:12px}.profile-stats{grid-template-columns:1fr;gap:var(--space-md)}.plans-grid{grid-template-columns:1fr}.plan-card.popular{order:-1}.session-item{flex-direction:column;gap:var(--space-md);align-items:flex-start}.revoke-btn{width:100%}.device-header{flex-wrap:wrap}}@media(max-width:480px){.header-actions{gap:var(--space-xs)}.cl-theme-toggle,.theme-toggle,.notification-btn{width:36px;height:36px}.section-header{flex-direction:column;gap:var(--space-md);align-items:flex-start}.password-card{padding:20px}.card-header{flex-direction:column;text-align:center}.setting-header{flex-direction:column;align-items:center;text-align:center}.transaction-item{flex-direction:column;align-items:flex-start}.transaction-amount{align-self:flex-start}.profile-bio-text-client,.edit-textarea-bio-client{padding:20px;font-size:15px}.profile-meta-row-client{padding:12px 16px}.profile-meta-item-client{font-size:14px}}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.modal-content{background:var(--card-bg);border:1px solid var(--light-border);border-radius:20px;width:90%;max-width:500px;padding:32px;box-shadow:0 20px 40px #0003;animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1);position:relative}.dark .modal-content{border-color:#ffffff1a;background:#1a1b1e}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.modal-header h2{font-size:20px;font-weight:700;margin:0}.close-modal{background:none;border:none;color:var(--light-text-tertiary);cursor:pointer;padding:4px;border-radius:50%;transition:all .2s ease}.close-modal:hover{background:#0000000d;color:var(--blue)}.dark .close-modal:hover{background:#ffffff0d}.add-card-form .form-group{margin-bottom:20px}.add-card-form label{display:block;font-size:13px;font-weight:600;margin-bottom:8px;color:var(--light-text-secondary)}.add-card-form input{width:100%;padding:12px 16px;border-radius:12px;border:1.5px solid var(--light-border);background:var(--light-bg);color:var(--light-text);font-size:15px;transition:all .2s ease}.dark .add-card-form input{background:#ffffff08;border-color:#ffffff1a;color:#fff}.add-card-form input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #3b82f61a;outline:none}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.w-full{width:100%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}body.dark-mode .profile-card,body.dark-mode .profile-content,.dark .profile-card,.dark .profile-content{background:#0f172a!important;border-color:#ffffff1a!important}body.dark-mode .profile-bio-section,.dark .profile-bio-section{background:transparent!important;box-shadow:none!important;border:none!important}body.dark-mode .profile-fullname,body.dark-mode .profile-company-name,body.dark-mode .lux-label,.dark .profile-fullname,.dark .profile-company-name,.dark .lux-label,body.dark-mode h1,body.dark-mode h2,body.dark-mode h3{color:#fff!important}body.dark-mode .profile-bio-text,.dark .profile-bio-text{background:#1e293b!important;color:#fffc!important;border-color:#ffffff1a!important}body.dark-mode .profile-meta-row,.dark .profile-meta-row{background:#1e293b!important;border:1px solid rgba(255,255,255,.1)!important}body.dark-mode .profile-meta-item,.dark .profile-meta-item{color:#fffc!important}.notifications-list-container{margin-top:24px;background:var(--light-surface);border:1px solid var(--light-border);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition)}.dark .notifications-list-container{background:var(--dark-surface);border-color:var(--dark-border);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:none}.notif-history-item{padding:24px;border-bottom:1px solid var(--light-border-light);display:flex;gap:16px;cursor:pointer;transition:var(--transition);background:transparent;position:relative}.notif-history-item:last-child{border-bottom:none}.notif-history-item.unread{background:#3b82f60a}.dark .notif-history-item{border-color:var(--dark-border-light)}.dark .notif-history-item.unread{background:#3b82f61a}.notif-history-item:hover{background:var(--light-hover)}.dark .notif-history-item:hover{background:var(--dark-hover)}.notif-history-icon{width:44px;height:44px;border-radius:12px;background:var(--light-hover);display:flex;align-items:center;justify-content:center;color:var(--light-text-secondary);flex-shrink:0;transition:var(--transition)}.notif-history-item.unread .notif-history-icon{background:var(--blue);color:#fff}.dark .notif-history-icon{background:var(--dark-hover);color:var(--dark-text-secondary)}.dark .notif-history-item.unread .notif-history-icon{background:var(--blue);color:#fff}.notif-history-content{flex:1}.notif-history-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.notif-history-content h4{margin:0;font-size:16px;font-weight:600;color:var(--light-text)}.dark .notif-history-content h4{color:var(--dark-text)}.notif-history-content p{margin:0;font-size:14px;color:var(--light-text-secondary);line-height:1.5}.dark .notif-history-content p{color:var(--dark-text-secondary)}.notif-history-time{font-size:12px;color:var(--light-text-tertiary);font-weight:500}.dark .notif-history-time{color:var(--dark-text-tertiary)}.unread-status-dot{width:8px;height:8px;border-radius:50%;background:var(--blue);align-self:center;flex-shrink:0}.notif-loading-state,.notif-empty-state{padding:60px 40px;text-align:center;color:var(--light-text-tertiary)}.dark .notif-loading-state,.dark .notif-empty-state{color:var(--dark-text-tertiary)}.notif-empty-state svg{margin-bottom:16px;opacity:.5}*{margin:0;padding:0;box-sizing:border-box}:root{--light-bg: #f8fafc;--light-surface: #ffffff;--light-card: #ffffff;--light-card-alt: #f8fafc;--light-border: #e2e8f0;--light-border-light: #f1f5f9;--light-border-dark: #cbd5e1;--light-text: #0f172a;--light-text-secondary: #334155;--light-text-tertiary: #64748b;--light-hover: #f1f5f9;--light-active: #eff6ff;--dark-bg: #0f172a;--dark-surface: #1e293b;--dark-card: #1e293b;--dark-card-alt: #334155;--dark-border: #334155;--dark-border-light: #1e293b;--dark-border-dark: #475569;--dark-text: #f8fafc;--dark-text-secondary: #cbd5e1;--dark-text-tertiary: #94a3b8;--dark-hover: #2d3748;--dark-active: #1e3a5f;--blue: #3b82f6;--blue-dark: #2563eb;--blue-darker: #1d4ed8;--blue-light: #dbeafe;--blue-bg: #eff6ff;--blue-border: #bfdbfe;--success: #10b981;--success-light: #d1fae5;--warning: #f59e0b;--warning-light: #fef3c7;--danger: #ef4444;--danger-light: #fee2e2;--info: #3b82f6;--info-light: #dbeafe;--gray: #6b7280;--gray-light: #9ca3af;--gray-dark: #4b5563;--bg-primary: var(--light-bg);--bg-surface: var(--light-surface);--bg-card: var(--light-card);--bg-card-alt: var(--light-card-alt);--border-color: var(--light-border);--border-light: var(--light-border-light);--border-dark: var(--light-border-dark);--text-primary: var(--light-text);--text-secondary: var(--light-text-secondary);--text-tertiary: var(--light-text-tertiary);--hover-bg: var(--light-hover);--active-bg: var(--light-active);--shadow-xs: 0 1px 2px rgba(0,0,0,.05);--shadow-sm: 0 1px 4px rgba(0,0,0,.07);--shadow-md: 0 4px 16px rgba(0,0,0,.09);--shadow-lg: 0 10px 32px rgba(0,0,0,.12);--shadow-xl: 0 20px 60px rgba(0,0,0,.16);--radius-xs: 4px;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--font: "Inter", sans-serif}@media(prefers-color-scheme:dark){:root{--bg-primary: var(--dark-bg);--bg-surface: var(--dark-surface);--bg-card: var(--dark-card);--bg-card-alt: var(--dark-card-alt);--border-color: var(--dark-border);--border-light: var(--dark-border-light);--border-dark: var(--dark-border-dark);--text-primary: var(--dark-text);--text-secondary: var(--dark-text-secondary);--text-tertiary: var(--dark-text-tertiary);--hover-bg: var(--dark-hover);--active-bg: var(--dark-active)}}body{font-family:var(--font);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased}.client-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}.client-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--blue);border-radius:50%;animation:client-spin .8s linear infinite}@keyframes client-spin{to{transform:rotate(360deg)}}.client-notfound{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:12px;text-align:center}.client-notfound-icon{font-size:52px}.client-notfound h2{font-size:24px;font-weight:700;color:var(--text-primary)}.client-notfound p{color:var(--text-tertiary)}.client-notfound-btn{margin-top:8px;padding:10px 24px;background:var(--blue);color:#fff;border:none;border-radius:var(--radius-full);font-weight:600;cursor:pointer}.client-notfound-btn:hover{background:var(--blue-dark)}.client-landing{min-height:100vh;background:var(--bg-primary)}.client-stepbar{background:var(--bg-surface);border-bottom:1px solid var(--border-color);padding:0 32px}.client-stepbar-inner{display:flex;align-items:center;max-width:1400px;margin:0 auto;gap:4px}.client-step-btn{display:flex;align-items:center;gap:10px;padding:14px 20px;font-size:13px;font-weight:600;color:var(--text-tertiary);background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:all .2s}.client-step-btn:hover{color:var(--text-secondary);background:var(--hover-bg)}.client-step-btn.active{color:var(--blue);border-bottom-color:var(--blue)}.client-step-pill{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:20px;padding:0 7px;background:var(--bg-card-alt);border-radius:var(--radius-full);font-size:11px;font-weight:700;color:var(--text-tertiary)}.client-step-btn.active .client-step-pill{background:var(--blue-bg);color:var(--blue)}.client-step-sep{color:var(--border-color);font-size:18px;margin:0 4px}.client-step-link{display:flex;align-items:center;gap:8px;padding:8px 18px;margin-left:auto;font-size:13px;font-weight:600;color:var(--blue);text-decoration:none;background:var(--blue-bg);border-radius:var(--radius-full);transition:all .2s}.client-step-link:hover{background:var(--blue);color:#fff}.client-body{max-width:1400px;margin:0 auto;padding:28px 32px 60px}.client-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;flex-wrap:wrap}.client-title{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.client-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.client-status{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:500}.client-status.active{background:var(--blue-bg);color:var(--blue);border:1px solid var(--blue-border)}.client-status.active:before{content:"";width:6px;height:6px;background:var(--blue);border-radius:50%}.client-status.closed{background:var(--danger-light);color:var(--danger);border:1px solid var(--danger-light)}.client-meta-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:12px;color:var(--text-tertiary)}.client-actions{display:flex;align-items:center;gap:10px}.client-icon-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-tertiary);cursor:pointer;transition:all .2s}.client-icon-btn:hover{background:var(--hover-bg)}.client-icon-btn.saved{color:var(--blue);border-color:var(--blue-border);background:var(--blue-bg)}.client-btn{display:flex;align-items:center;gap:8px;padding:8px 18px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.client-btn:hover{background:var(--hover-bg)}.client-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.client-stat{display:flex;align-items:center;gap:14px;padding:18px 20px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all .2s}.client-stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.client-stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--blue-bg);border-radius:var(--radius);color:var(--blue)}.client-stat-label{font-size:12px;color:var(--text-tertiary);display:block;margin-bottom:4px}.client-stat-value{font-size:24px;font-weight:700;color:var(--text-primary);display:block}.client-tabs{display:flex;align-items:center;gap:4px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:5px;margin-bottom:28px;flex-wrap:wrap}.client-tab{display:flex;align-items:center;gap:8px;padding:10px 22px;background:none;border:none;border-radius:var(--radius);font-size:14px;font-weight:600;color:var(--text-tertiary);cursor:pointer;transition:all .2s}.client-tab:hover{background:var(--hover-bg)}.client-tab.active{background:var(--blue);color:#fff}.client-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;background:#fff3;border-radius:var(--radius-full);font-size:11px;font-weight:700}.client-tab:not(.active) .client-tab-badge{background:var(--bg-card-alt);color:var(--text-tertiary)}.client-tab-link{display:flex;align-items:center;gap:8px;padding:10px 22px;margin-left:auto;font-size:14px;font-weight:600;color:var(--blue);text-decoration:none;background:var(--blue-bg);border-radius:var(--radius);transition:all .2s}.client-tab-link:hover{background:var(--blue);color:#fff}.client-grid{display:grid;grid-template-columns:1fr 340px;gap:28px;align-items:start}.client-main{display:flex;flex-direction:column;gap:20px}.client-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.client-card-header{padding:18px 24px;border-bottom:1px solid var(--border-light);font-weight:700;color:var(--text-primary)}.client-card-body{padding:20px 24px}.client-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:20px 24px}.client-info-item{display:flex;align-items:flex-start;gap:12px;padding:14px;background:var(--bg-card-alt);border-radius:var(--radius);transition:all .2s}.client-info-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.client-info-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border-radius:var(--radius-sm);font-size:20px}.client-info-label{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:4px}.client-info-value{font-size:15px;font-weight:700;color:var(--text-primary)}.client-desc{font-size:14px;line-height:1.7;color:var(--text-secondary)}.client-desc p{margin-bottom:12px}.client-desc p:last-child{margin-bottom:0}.client-skills{display:flex;flex-wrap:wrap;gap:8px}.client-skill{padding:6px 14px;background:var(--blue-bg);border:1px solid var(--blue-border);border-radius:var(--radius-full);font-size:12px;font-weight:500;color:var(--blue)}.client-sidebar{display:flex;flex-direction:column;gap:20px}.client-sidebar-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px}.client-btn-primary{width:100%;padding:13px;background:var(--blue);color:#fff;border:none;border-radius:var(--radius);font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px;cursor:pointer;transition:all .2s}.client-btn-primary:hover{background:var(--blue-dark);transform:translateY(-1px)}.client-btn-outline{width:100%;padding:11px;background:transparent;color:var(--blue);border:1px solid var(--blue);border-radius:var(--radius);font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px;cursor:pointer;transition:all .2s}.client-btn-outline:hover{background:var(--blue-bg)}.client-btn-link{width:100%;padding:11px;background:var(--blue-bg);color:var(--blue);border:1px solid var(--blue-border);border-radius:var(--radius);font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px;text-decoration:none;transition:all .2s}.client-btn-link:hover{background:var(--blue);color:#fff}.client-btn-ghost{width:100%;padding:10px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius);font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px;cursor:pointer}.client-btn-danger{width:100%;padding:10px;background:var(--danger-light);color:var(--danger);border:1px solid var(--danger-light);border-radius:var(--radius);font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px;cursor:pointer}.client-btn-group{display:grid;grid-template-columns:1fr 1fr;gap:10px}.client-btn-group button{padding:9px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius);font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.client-client-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.client-client-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-light)}.client-client-header h3{font-size:15px;font-weight:700}.client-client-edit{width:30px;height:30px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.client-client-edit:hover{background:var(--blue);color:#fff;border-color:var(--blue)}.client-client-profile{display:flex;align-items:center;gap:14px;padding:16px 20px;border-bottom:1px solid var(--border-light)}.client-client-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}.client-client-name{font-size:15px;font-weight:700;margin-bottom:4px}.client-client-since{font-size:12px;color:var(--text-tertiary)}.client-client-stats{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--border-light)}.client-client-stat{text-align:center;padding:14px 10px;border-right:1px solid var(--border-light)}.client-client-stat:last-child{border-right:none}.client-client-stat-value{font-size:18px;font-weight:800;display:block;margin-bottom:4px}.client-client-stat-label{font-size:11px;color:var(--text-tertiary)}.client-client-rows{padding:12px 20px}.client-client-row{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-light)}.client-client-row:last-child{border-bottom:none}.client-client-row-icon{color:var(--text-tertiary);margin-top:2px}.client-client-row-label{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:4px}.client-client-row-value{font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}.client-client-row-value.ok{color:var(--success)}.client-client-row-value.warn{color:var(--warning)}.client-stars{display:flex;align-items:center;gap:3px}.client-stars-value{font-size:12px;font-weight:600;margin-left:4px;color:var(--text-secondary)}.client-proposals-panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.client-proposals-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-light);flex-wrap:wrap;gap:16px}.client-proposals-header h2{font-size:18px;font-weight:700;margin-bottom:4px}.client-proposals-header p{font-size:13px;color:var(--text-tertiary)}.client-proposals-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius);font-size:13px;font-weight:600;cursor:pointer}.client-proposals-filters{display:flex;gap:8px;padding:14px 24px;border-bottom:1px solid var(--border-light)}.client-proposals-filter{display:flex;align-items:center;gap:6px;padding:6px 14px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:12px;font-weight:600;cursor:pointer}.client-proposals-filter.active{background:var(--blue);color:#fff;border-color:var(--blue)}.client-proposals-list{padding:20px 24px;display:flex;flex-direction:column;gap:16px}.client-proposal-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;cursor:pointer;transition:all .2s}.client-proposal-card:hover{border-color:var(--blue);box-shadow:var(--shadow-md)}.client-proposal-card.selected{border-color:var(--blue);background:var(--blue-bg)}.client-proposal-top{display:flex;align-items:center;gap:14px;margin-bottom:14px;flex-wrap:wrap}.client-proposal-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover}.client-proposal-name{font-size:15px;font-weight:700;margin-bottom:4px}.client-proposal-role{font-size:12px;color:var(--text-tertiary)}.client-proposal-right{text-align:right}.client-proposal-rate{font-size:18px;font-weight:800;display:block}.client-proposal-match{font-size:11px;font-weight:700;color:var(--blue);background:var(--blue-bg);padding:3px 10px;border-radius:var(--radius-full)}.client-proposal-text{font-size:13px;line-height:1.6;color:var(--text-secondary);margin-bottom:16px}.client-proposal-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.client-proposal-tags{display:flex;gap:8px}.client-proposal-tag{padding:4px 10px;background:var(--bg-card-alt);border-radius:var(--radius-full);font-size:11px;color:var(--text-tertiary)}.client-proposal-actions{display:flex;gap:8px}.client-proposal-hire,.client-proposal-msg,.client-proposal-star{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius);font-size:12px;font-weight:700;cursor:pointer;border:1px solid}.client-proposal-hire{background:var(--blue);color:#fff;border-color:var(--blue)}.client-proposal-msg{background:var(--bg-surface);color:var(--text-secondary);border-color:var(--border-color)}.client-proposal-star{background:var(--bg-surface);color:var(--text-tertiary);border-color:var(--border-color)}.client-proposal-star.active{background:var(--warning-light);border-color:var(--warning);color:var(--warning)}.client-invite-panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.client-invite-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-light)}.client-invite-header h2{font-size:18px;font-weight:700}.client-invite-send{display:flex;align-items:center;gap:8px;padding:10px 22px;background:var(--blue);color:#fff;border:none;border-radius:var(--radius);font-weight:700;cursor:pointer}.client-invite-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 24px;padding:16px 20px;background:var(--blue-bg);border:1px solid var(--blue-border);border-radius:var(--radius)}.client-invite-banner-left{display:flex;align-items:center;gap:14px;flex:1}.client-invite-banner-icon{width:46px;height:46px;background:var(--blue);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:#fff}.client-invite-banner-text strong{display:block;font-size:14px;margin-bottom:2px}.client-invite-banner-text span{font-size:12px;color:var(--text-tertiary)}.client-invite-banner-btn{padding:10px 22px;background:var(--blue);color:#fff;border:none;border-radius:var(--radius-full);font-weight:700;cursor:pointer}.client-invite-search{display:flex;gap:12px;padding:16px 24px;border-bottom:1px solid var(--border-light)}.client-invite-search-box{flex:1;position:relative}.client-invite-search-box input{width:100%;padding:10px 12px 10px 38px;border:1px solid var(--border-color);border-radius:var(--radius);font-size:13px}.client-invite-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-tertiary)}.client-invite-tabs{display:flex;gap:4px;padding:0 24px;border-bottom:1px solid var(--border-light)}.client-invite-tab{padding:12px 18px;background:none;border:none;border-bottom:2px solid transparent;font-size:13px;font-weight:600;cursor:pointer}.client-invite-tab.active{color:var(--blue);border-bottom-color:var(--blue)}.client-invite-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:20px 24px}.client-invite-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s}.client-invite-card.invited{border-color:var(--blue);background:var(--blue-bg)}.client-invite-cover{height:80px;background:linear-gradient(135deg,var(--blue-dark),var(--blue));position:relative;display:flex;align-items:flex-end;justify-content:center}.client-invite-avatar-wrap{position:relative;margin-bottom:-28px}.client-invite-avatar{width:60px;height:60px;border-radius:50%;border:3px solid white;object-fit:cover}.client-invite-online{position:absolute;bottom:4px;right:4px;width:12px;height:12px;background:var(--success);border-radius:50%;border:2px solid white}.client-invite-invite-btn{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:4px;padding:5px 12px;background:#fff;border:none;border-radius:var(--radius-full);font-size:11px;font-weight:700;cursor:pointer}.client-invite-invite-btn.invited{background:var(--blue);color:#fff}.client-invite-card-body{padding:36px 16px 18px;text-align:center}.client-invite-name{font-size:15px;font-weight:700;margin-bottom:4px}.client-invite-role{font-size:12px;color:var(--text-tertiary);margin-bottom:10px}.client-invite-meta{display:flex;align-items:center;justify-content:center;gap:10px}.client-invite-rate{font-size:14px;font-weight:700}.client-invite-score{font-size:11px;font-weight:600;color:var(--warning);background:var(--warning-light);padding:3px 8px;border-radius:var(--radius-full)}.client-edit-panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.client-edit-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-light)}.client-edit-header h2{font-size:18px;font-weight:700}.client-edit-cancel{padding:9px 18px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius);font-weight:600;cursor:pointer}.client-edit-save{padding:9px 20px;background:var(--blue);color:#fff;border:none;border-radius:var(--radius);font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;margin-left:8px}.client-edit-form{padding:24px;max-width:800px}.client-edit-group{margin-bottom:20px}.client-edit-group label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.client-edit-group input,.client-edit-group select,.client-edit-group textarea{width:100%;padding:11px 14px;border:1px solid var(--border-color);border-radius:var(--radius);font-size:14px;font-family:inherit}.client-edit-group input:focus,.client-edit-group textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-light)}.client-edit-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.client-edit-skills{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.client-edit-skill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--blue-bg);border-radius:var(--radius-full);font-size:12px;color:var(--blue)}.client-edit-skill-remove{background:none;border:none;cursor:pointer;color:var(--blue)}.client-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.client-modal{background:var(--bg-surface);border-radius:var(--radius-xl);padding:32px;max-width:420px;width:100%;text-align:center;animation:client-modal-in .25s ease}@keyframes client-modal-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.client-modal-icon{width:64px;height:64px;background:var(--danger-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--danger)}.client-modal h3{font-size:18px;font-weight:700;margin-bottom:10px}.client-modal p{font-size:14px;color:var(--text-tertiary);margin-bottom:24px}.client-modal-btns{display:flex;gap:12px}.client-modal-cancel{flex:1;padding:11px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius);font-weight:600;cursor:pointer}.client-modal-confirm{flex:1;padding:11px;background:var(--danger);color:#fff;border:none;border-radius:var(--radius);font-weight:700;cursor:pointer}.client-toast{position:fixed;bottom:30px;right:30px;display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border-left:4px solid var(--success);animation:client-toast-in .3s ease;z-index:2000;max-width:400px}.client-toast.error{border-left-color:var(--danger)}.client-toast span{flex:1;font-size:13px;font-weight:500;color:var(--text-secondary)}.client-toast-close{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:var(--hover-bg);border:none;border-radius:var(--radius-sm);cursor:pointer}@keyframes client-toast-in{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@media(max-width:1200px){.client-grid{grid-template-columns:1fr}}@media(max-width:900px){.client-body{padding:20px}.client-stats,.client-info-grid{grid-template-columns:repeat(2,1fr)}.client-stepbar{overflow-x:auto}.client-stepbar-inner{min-width:max-content}}@media(max-width:640px){.client-body{padding:16px}.client-stats,.client-info-grid{grid-template-columns:1fr}.client-header{flex-direction:column}.client-actions{width:100%}.client-tabs{overflow-x:auto;flex-wrap:nowrap}.client-tab{white-space:nowrap}.client-edit-row,.client-invite-grid{grid-template-columns:1fr}.client-proposal-footer{flex-direction:column;align-items:flex-start}.client-proposal-actions{width:100%}.client-proposal-actions button{flex:1;justify-content:center}.client-modal-btns{flex-direction:column}.client-toast{left:16px;right:16px;bottom:16px;max-width:calc(100% - 32px)}}:root{--ft-blue: #3b82f6;--ft-blue-dark: #2563eb;--ft-blue-soft: #dbeafe;--ft-blue-light: #eff6ff;--ft-blue-border: #bfdbfe;--ft-blue-glow: rgba(59,130,246,.15);--ft-green: #10b981;--ft-green-soft: #d1fae5;--ft-yellow: #d97706;--ft-yellow-soft: #fef3c7;--ft-purple: #8b5cf6;--ft-purple-soft: #ede9fe;--ft-red: #ef4444;--ft-red-soft: #fee2e2;--ft-text: #0d1117;--ft-text-2: #2d3748;--ft-text-3: #5f6b7a;--ft-text-4: #a0aab4;--ft-border: #e8ecf0;--ft-border-2: #f1f4f7;--ft-surface: #ffffff;--ft-bg: #f4f6f9;--ft-bg-2: #eef1f5;--ft-shadow-xs: 0 1px 2px rgba(0,0,0,.04);--ft-shadow-sm: 0 2px 6px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--ft-shadow-md: 0 6px 20px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);--ft-shadow-lg: 0 16px 48px rgba(0,0,0,.11), 0 4px 12px rgba(0,0,0,.05);--ft-shadow-blue: 0 6px 20px rgba(59,130,246,.25);--ft-radius-xs: 4px;--ft-radius-sm: 7px;--ft-radius: 11px;--ft-radius-lg: 16px;--ft-radius-xl: 22px;--ft-radius-full: 9999px;--ft-font: "DM Sans", sans-serif;--ft-font-head: "Sora", sans-serif;--ft-ease: cubic-bezier(.4,0,.2,1)}body{font-family:var(--ft-font);color:var(--ft-text);background:var(--ft-bg)}.ft-page{min-height:100vh;background:var(--ft-bg);font-family:var(--ft-font)}.ft-back-btn{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--ft-border);border-radius:var(--ft-radius-sm);background:var(--ft-surface);color:var(--ft-text-3);cursor:pointer;transition:all .15s var(--ft-ease)}.ft-back-btn:hover{background:var(--ft-blue-soft);border-color:var(--ft-blue-border);color:var(--ft-blue);transform:translate(-2px)}.ft-searchbar{background:var(--ft-surface);border-bottom:1px solid var(--ft-border);padding:16px 40px;display:flex;align-items:center;gap:14px;box-shadow:var(--ft-shadow-xs)}.ft-search-wrap{flex:1;max-width:620px;position:relative;display:flex;align-items:center}.ft-search-icon{position:absolute;left:15px;color:var(--ft-text-4);display:flex;pointer-events:none;transition:color .2s}.ft-search-wrap:focus-within .ft-search-icon{color:var(--ft-blue)}.ft-search-input{width:100%;height:44px;padding:0 16px 0 44px;border:1.5px solid var(--ft-border);border-radius:var(--ft-radius-full);font-size:14.5px;font-family:var(--ft-font);color:var(--ft-text);background:var(--ft-bg);outline:none;transition:all .2s var(--ft-ease);font-weight:400}.ft-search-input::placeholder{color:var(--ft-text-4)}.ft-search-input:focus{border-color:var(--ft-blue);background:var(--ft-surface);box-shadow:0 0 0 3px var(--ft-blue-glow)}.ft-advanced-link{font-size:13.5px;font-weight:600;color:var(--ft-blue);background:none;border:none;cursor:pointer;transition:all .15s;white-space:nowrap;font-family:var(--ft-font);padding:4px 8px;border-radius:var(--ft-radius-sm)}.ft-advanced-link:hover{background:var(--ft-blue-soft);text-decoration:underline}.ft-result-count{margin-left:auto;white-space:nowrap;font-size:13px;font-weight:500;color:var(--ft-text-3);background:var(--ft-bg-2);padding:5px 12px;border-radius:var(--ft-radius-full);border:1px solid var(--ft-border)}.ft-body{display:grid;grid-template-columns:272px 1fr;min-height:calc(100vh - 125px)}.ft-sidebar{background:var(--ft-surface);border-right:1px solid var(--ft-border);position:sticky;top:62px;height:calc(100vh - 62px);overflow-y:auto}.ft-sidebar::-webkit-scrollbar{width:3px}.ft-sidebar::-webkit-scrollbar-track{background:transparent}.ft-sidebar::-webkit-scrollbar-thumb{background:var(--ft-border);border-radius:4px}.ft-sidebar-hd{padding:18px 22px 14px;border-bottom:1px solid var(--ft-border-2);display:flex;align-items:center;justify-content:space-between}.ft-sidebar-hd-title{font-family:var(--ft-font-head);font-size:14px;font-weight:700;color:var(--ft-text);display:flex;align-items:center;gap:7px}.ft-sidebar-hd-title svg{color:var(--ft-blue)}.ft-filter-count{background:var(--ft-blue);color:#fff;border-radius:var(--ft-radius-full);font-size:11px;font-weight:700;padding:1px 7px;margin-left:4px}.ft-sidebar-clear{font-size:12px;font-weight:600;color:var(--ft-text-3);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:var(--ft-radius-sm);transition:all .15s;font-family:var(--ft-font)}.ft-sidebar-clear:hover{background:var(--ft-red-soft);color:var(--ft-red)}.ft-filter-section{border-bottom:1px solid var(--ft-border-2)}.ft-filter-hd{display:flex;align-items:center;justify-content:space-between;padding:15px 22px 13px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s}.ft-filter-hd:hover{background:var(--ft-bg)}.ft-filter-hd h3{font-size:13.5px;font-weight:700;color:var(--ft-text);display:flex;align-items:center;gap:7px}.ft-filter-hd-info{width:15px;height:15px;border-radius:50%;border:1.5px solid var(--ft-text-4);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:var(--ft-text-4);cursor:help;flex-shrink:0;line-height:1}.ft-filter-chevron{color:var(--ft-text-4);transition:transform .22s var(--ft-ease);flex-shrink:0}.ft-filter-chevron.open{transform:rotate(180deg)}.ft-filter-body{padding:4px 22px 16px;animation:ft-reveal .18s var(--ft-ease)}@keyframes ft-reveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.ft-check-item{display:flex;align-items:center;gap:10px;padding:7px 6px;border-radius:var(--ft-radius-sm);cursor:pointer;transition:background .12s;-webkit-user-select:none;user-select:none}.ft-check-item:hover{background:var(--ft-bg)}.ft-checkbox{width:17px;height:17px;border:1.5px solid var(--ft-border);border-radius:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s var(--ft-ease);background:var(--ft-surface)}.ft-check-item:hover .ft-checkbox{border-color:var(--ft-blue)}.ft-check-item.checked .ft-checkbox{background:var(--ft-blue);border-color:var(--ft-blue);box-shadow:0 2px 6px var(--ft-blue-glow)}.ft-check-tick{color:#fff;display:none}.ft-check-item.checked .ft-check-tick{display:block}.ft-check-badge-wrap{display:flex;align-items:center;gap:8px;flex:1}.ft-badge-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;box-shadow:0 1px 3px #0000001a}.ft-check-label{font-size:13.5px;font-weight:500;color:var(--ft-text-2);transition:color .12s}.ft-check-item:hover .ft-check-label{color:var(--ft-text)}.ft-check-item.checked .ft-check-label{color:var(--ft-blue);font-weight:600}.ft-rate-chart{height:56px;display:flex;align-items:flex-end;gap:2px;margin-bottom:10px;padding:0 2px}.ft-rate-bar{flex:1;background:var(--ft-blue);border-radius:3px 3px 0 0;min-height:3px;transition:all .15s var(--ft-ease);cursor:pointer;opacity:.85}.ft-rate-bar:hover{opacity:1;transform:scaleY(1.05);transform-origin:bottom}.ft-rate-bar.dim{background:var(--ft-border-2);opacity:1}.ft-rate-range{display:flex;justify-content:space-between;font-size:11px;font-weight:500;color:var(--ft-text-4);margin-bottom:8px}.ft-rate-slider{width:100%;accent-color:var(--ft-blue);cursor:pointer;height:4px}.ft-rate-inputs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.ft-rate-input-wrap{position:relative}.ft-rate-input-wrap span{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--ft-text-3);font-weight:500}.ft-rate-input{width:100%;padding:8px 10px 8px 22px;border:1.5px solid var(--ft-border);border-radius:var(--ft-radius-sm);font-size:13px;font-family:var(--ft-font);color:var(--ft-text);background:var(--ft-bg);outline:none;transition:all .2s}.ft-rate-input:focus{border-color:var(--ft-blue);background:var(--ft-surface);box-shadow:0 0 0 2px var(--ft-blue-glow)}.ft-rate-input::-webkit-outer-spin-button,.ft-rate-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ft-rate-input{-moz-appearance:textfield}.ft-location-select{width:100%;padding:9px 32px 9px 12px;border:1.5px solid var(--ft-border);border-radius:var(--ft-radius-sm);font-size:13.5px;font-family:var(--ft-font);color:var(--ft-text-2);background:var(--ft-bg);outline:none;transition:all .2s;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%235f6b7a' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.ft-location-select:focus{border-color:var(--ft-blue);background:var(--ft-surface)}.ft-clear-btn{width:calc(100% - 44px);margin:12px 22px 18px;padding:9px 0;background:var(--ft-red-soft);border:1px solid #fecaca;border-radius:var(--ft-radius-full);font-size:12.5px;font-weight:600;color:var(--ft-red);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}.ft-clear-btn:hover{background:#fecaca}.ft-lang-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.ft-lang-tab{flex:1;min-width:70px;padding:8px 4px;border:1.5px solid var(--ft-border);border-radius:var(--ft-radius-sm);background:var(--ft-bg);color:var(--ft-text-3);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s var(--ft-ease);font-family:var(--ft-font)}.ft-lang-tab:hover{border-color:var(--ft-blue-border);background:var(--ft-blue-light);color:var(--ft-blue)}.ft-lang-tab.active{border-color:var(--ft-blue);background:var(--ft-blue-soft);color:var(--ft-blue);box-shadow:0 2px 8px var(--ft-blue-glow)}.ft-level-select-wrap{margin-top:12px;animation:ft-reveal .2s var(--ft-ease)}.ft-level-label{display:block;font-size:12px;font-weight:600;color:var(--ft-text-3);margin-bottom:6px}.ft-level-select{width:100%;padding:10px 12px;border:1.5px solid var(--ft-blue-border);border-radius:var(--ft-radius-sm);font-size:13.5px;font-family:var(--ft-font);color:var(--ft-text-2);background:var(--ft-surface);outline:none;cursor:pointer;transition:all .2s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.ft-level-select:focus{border-color:var(--ft-blue);box-shadow:0 0 0 3px var(--ft-blue-glow)}.ft-results{padding:22px 32px 64px}.ft-results-top{display:flex;align-items:center;gap:8px;margin-bottom:20px;flex-wrap:wrap}.ft-filter-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--ft-radius-full);font-size:13px;font-weight:600;color:var(--ft-text-2);border:1.5px solid var(--ft-border);background:var(--ft-surface);cursor:pointer;transition:all .15s var(--ft-ease);font-family:var(--ft-font);white-space:nowrap}.ft-filter-pill:hover{border-color:var(--ft-blue);color:var(--ft-blue);background:var(--ft-blue-soft)}.ft-filter-pill.active{background:var(--ft-blue-soft);color:var(--ft-blue);border-color:var(--ft-blue-border)}.ft-filter-pill svg{transition:transform .2s}.ft-filter-pill:hover svg{transform:rotate(180deg)}.ft-sort-select{margin-left:auto;padding:8px 30px 8px 12px;border:1.5px solid var(--ft-border);border-radius:var(--ft-radius-full);font-size:13px;font-weight:600;font-family:var(--ft-font);color:var(--ft-text-2);background:var(--ft-surface);outline:none;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235f6b7a' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:all .15s}.ft-sort-select:focus{border-color:var(--ft-blue)}.ft-card{background:var(--ft-surface);border:1px solid var(--ft-border);border-radius:var(--ft-radius-lg);padding:0;margin-bottom:14px;transition:all .22s var(--ft-ease);overflow:hidden;position:relative}.ft-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ft-blue);opacity:0;border-radius:0 2px 2px 0;transition:opacity .22s var(--ft-ease)}.ft-card:hover{border-color:#d0dae3;box-shadow:var(--ft-shadow-md);transform:translateY(-1px)}.ft-card:hover:before{opacity:1}.ft-card-inner{padding:22px 24px}.ft-card-top{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.ft-ava-wrap{position:relative;flex-shrink:0}.ft-ava{width:64px;height:64px;border-radius:50%;object-fit:cover;display:block;border:2.5px solid var(--ft-border);transition:border-color .2s}.ft-card:hover .ft-ava{border-color:var(--ft-blue-border)}.ft-online-dot{position:absolute;bottom:2px;right:2px;width:14px;height:14px;background:var(--ft-green);border-radius:50%;border:2.5px solid var(--ft-surface);box-shadow:0 0 0 1px #10b9814d}.ft-online-dot.offline{background:var(--ft-text-4);box-shadow:none}.ft-card-info{flex:1;min-width:0}.ft-card-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:5px}.ft-card-name{font-family:var(--ft-font-head);font-size:18px;font-weight:700;color:var(--ft-text);cursor:pointer;transition:color .15s}.ft-card-name:hover{color:var(--ft-blue)}.ft-boosted{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:var(--ft-radius-full);font-size:11px;font-weight:700;letter-spacing:.2px;background:var(--ft-purple-soft);color:var(--ft-purple);border:1px solid #c4b5fd}.ft-card-title{font-size:14.5px;font-weight:500;color:var(--ft-text-2);line-height:1.5;margin-bottom:5px}.ft-card-location{font-size:12.5px;color:var(--ft-text-4);display:flex;align-items:center;gap:4px;font-weight:500}.ft-card-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}.ft-heart-btn{width:40px;height:40px;border:1.5px solid var(--ft-border);border-radius:50%;background:var(--ft-surface);color:var(--ft-text-4);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s var(--ft-ease)}.ft-heart-btn:hover{border-color:var(--ft-red);color:var(--ft-red);background:var(--ft-red-soft);transform:scale(1.08)}.ft-heart-btn.liked{border-color:var(--ft-red);color:var(--ft-red);background:var(--ft-red-soft)}.ft-invite-btn{padding:10px 22px;background:var(--ft-blue);color:#fff;border:none;border-radius:var(--ft-radius-full);font-size:13.5px;font-weight:700;cursor:pointer;font-family:var(--ft-font);transition:all .2s var(--ft-ease);white-space:nowrap;letter-spacing:.1px}.ft-invite-btn:hover{background:var(--ft-blue-dark);box-shadow:var(--ft-shadow-blue);transform:translateY(-1px)}.ft-invite-btn.invited{background:var(--ft-blue-soft);color:var(--ft-blue);border:1.5px solid var(--ft-blue-border);box-shadow:none;transform:none}.ft-stats-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:15px}.ft-stat{font-size:14px;font-weight:700;color:var(--ft-text)}.ft-stat-sep{width:4px;height:4px;border-radius:50%;background:var(--ft-border);flex-shrink:0}.ft-success-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:var(--ft-radius-full);font-size:12.5px;font-weight:700;border:1.5px solid}.ft-success-99{border-color:#c4b5fd;color:var(--ft-purple);background:var(--ft-purple-soft)}.ft-success-90{border-color:#93c5fd;color:var(--ft-blue);background:var(--ft-blue-soft)}.ft-success-80{border-color:#a7f3d0;color:var(--ft-green);background:var(--ft-green-soft)}.ft-consult-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:var(--ft-radius-full);background:var(--ft-yellow-soft);color:var(--ft-yellow);font-size:12px;font-weight:600;border:1px solid #fde68a}.ft-skills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:15px}.ft-skill-tag{padding:5px 13px;border-radius:var(--ft-radius-full);font-size:12px;font-weight:600;color:var(--ft-text-2);background:var(--ft-bg-2);border:1px solid var(--ft-border);transition:all .15s var(--ft-ease);cursor:pointer}.ft-skill-tag:hover{background:var(--ft-blue-soft);color:var(--ft-blue);border-color:var(--ft-blue-border);transform:translateY(-1px);box-shadow:var(--ft-shadow-xs)}.ft-skill-more{padding:5px 13px;border-radius:var(--ft-radius-full);font-size:12px;font-weight:700;color:var(--ft-text-3);background:var(--ft-bg-2);border:1px solid var(--ft-border);cursor:pointer}.ft-skill-more:hover{background:var(--ft-border)}.ft-insights{background:linear-gradient(135deg,#f8fbff,#f4f8ff);border:1px solid #e2eaf4;border-radius:var(--ft-radius);padding:14px 16px;margin-bottom:14px}.ft-insights-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.ft-insights-title{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--ft-text-2);text-transform:uppercase;letter-spacing:.5px}.ft-insights-feedback{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ft-text-4)}.ft-thumb-btn{background:none;border:none;cursor:pointer;color:var(--ft-text-4);padding:3px;border-radius:var(--ft-radius-sm);display:flex;transition:all .15s}.ft-thumb-btn:hover{color:var(--ft-blue);background:var(--ft-blue-soft)}.ft-insights-list{list-style:none;display:flex;flex-direction:column;gap:7px}.ft-insights-list li{display:flex;align-items:flex-start;gap:8px;font-size:13.5px;color:var(--ft-text-2);line-height:1.55}.ft-insights-list li:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--ft-blue);flex-shrink:0;margin-top:7px}.ft-assoc{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--ft-bg);border:1px solid var(--ft-border);border-radius:var(--ft-radius);transition:all .15s}.ft-assoc:hover{border-color:var(--ft-blue-border);background:var(--ft-blue-soft)}.ft-assoc-logo-ph{width:42px;height:42px;border-radius:var(--ft-radius-sm);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#fff;flex-shrink:0;box-shadow:var(--ft-shadow-sm)}.ft-assoc-text{flex:1}.ft-assoc-by{font-size:11.5px;color:var(--ft-text-4);margin-bottom:2px}.ft-assoc-name{font-size:13.5px;font-weight:700;color:var(--ft-blue);cursor:pointer;transition:color .15s}.ft-assoc-name:hover{color:var(--ft-blue-dark);text-decoration:underline}.ft-assoc-earned{font-size:14px;font-weight:800;color:var(--ft-text);text-align:right;font-family:var(--ft-font-head)}.ft-assoc-earned-lbl{font-size:11px;color:var(--ft-text-4);text-align:right}.ft-card-divider{height:1px;background:var(--ft-border-2);margin:0}.ft-card-footer{padding:10px 24px;display:flex;align-items:center;gap:16px;background:var(--ft-bg)}.ft-card-footer-link{font-size:12px;font-weight:600;color:var(--ft-text-3);background:none;border:none;cursor:pointer;font-family:var(--ft-font);transition:color .15s;padding:0}.ft-card-footer-link:hover{color:var(--ft-blue)}.ft-loading{text-align:center;padding:60px 20px;font-size:16px;color:var(--ft-text-3)}.ft-empty{text-align:center;padding:80px 20px}.ft-empty-icon{font-size:56px;margin-bottom:16px}.ft-empty-title{font-family:var(--ft-font-head);font-size:18px;font-weight:700;color:var(--ft-text);margin-bottom:8px}.ft-empty-sub{font-size:14px;color:var(--ft-text-3)}.ft-load-more{display:flex;justify-content:center;padding:16px 0 8px}.ft-load-more-btn{display:flex;align-items:center;gap:8px;padding:12px 40px;border:1.5px solid var(--ft-blue);border-radius:var(--ft-radius-full);background:var(--ft-surface);color:var(--ft-blue);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s var(--ft-ease);font-family:var(--ft-font);box-shadow:var(--ft-shadow-xs)}.ft-load-more-btn:hover{background:var(--ft-blue);color:#fff;box-shadow:var(--ft-shadow-blue);transform:translateY(-1px)}.ft-toast{position:fixed;bottom:28px;right:32px;z-index:3000;display:flex;align-items:center;gap:10px;padding:14px 18px;background:var(--ft-surface);border-radius:var(--ft-radius-lg);box-shadow:var(--ft-shadow-lg);min-width:270px;border-left:3px solid var(--ft-blue);animation:ft-toast-in .28s var(--ft-ease)}.ft-toast span{flex:1;font-size:13.5px;font-weight:500;color:var(--ft-text-2)}.ft-toast-x{width:24px;height:24px;border-radius:var(--ft-radius-sm);border:none;background:var(--ft-bg-2);color:var(--ft-text-4);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;flex-shrink:0}.ft-toast-x:hover{background:var(--ft-border);color:var(--ft-text)}@keyframes ft-toast-in{0%{opacity:0;transform:translate(24px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}.ft-sidebar-close-mobile{display:none;background:var(--ft-bg-2);border:none;border-radius:50%;width:32px;height:32px;align-items:center;justify-content:center;cursor:pointer;color:var(--ft-text-3);transition:all .2s}.ft-sidebar-close-mobile:hover{background:var(--ft-red-soft);color:var(--ft-red)}.ft-mobile-filter-btn{display:none;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--ft-radius-full);font-size:13px;font-weight:600;color:var(--ft-blue);border:1.5px solid var(--ft-blue-border);background:var(--ft-blue-light);cursor:pointer;transition:all .2s var(--ft-ease);font-family:var(--ft-font)}.ft-mobile-filter-btn:hover{background:var(--ft-blue-soft);box-shadow:0 4px 10px var(--ft-blue-glow)}.ft-mobile-filter-badge{display:flex;align-items:center;justify-content:center;background:var(--ft-blue);color:#fff;border-radius:50%;font-size:10px;font-weight:700;width:18px;height:18px}@media(max-width:1100px){.ft-body{grid-template-columns:240px 1fr}}@media(max-width:860px){.ft-body{grid-template-columns:1fr}.ft-sidebar{position:fixed;top:0;left:0;width:320px;max-width:85vw;height:100vh;z-index:10000;box-shadow:0 10px 40px #00000026;transform:translate(-100%);transition:transform .35s cubic-bezier(.16,1,.3,1)}.ft-sidebar.is-open{transform:translate(0)}.ft-sidebar-close-mobile{display:flex}.ft-mobile-filter-btn{display:inline-flex}.ft-searchbar{padding:12px 16px!important}.ft-results{padding:12px 16px 48px!important;margin-left:0!important}.ft-card{border-radius:14px!important;border:1px solid var(--ft-border)!important;margin-bottom:10px!important}.ft-card-inner{padding:12px 14px 10px!important}.ft-card-top{flex-wrap:nowrap!important;align-items:center!important;gap:10px!important;margin-bottom:10px!important}.ft-ava{width:44px!important;height:44px!important;border-width:2px!important}.ft-online-dot{width:10px!important;height:10px!important;border-width:2px!important}.ft-card-name{font-size:14px!important}.ft-card-title{font-size:12px!important;margin-bottom:2px!important;line-height:1.3!important}.ft-card-location{font-size:11px!important}.ft-card-actions{flex-shrink:0!important;gap:6px!important;margin-left:auto!important;width:auto!important}.ft-heart-btn{width:32px!important;height:32px!important}.ft-invite-btn{padding:7px 12px!important;font-size:11.5px!important;white-space:nowrap!important}.ft-stats-row{gap:5px!important;margin-bottom:8px!important}.ft-stat{font-size:12px!important}.ft-skills{gap:4px!important;margin-bottom:8px!important;flex-wrap:wrap!important;max-height:52px;overflow:hidden!important}.ft-skill-tag,.ft-skill-more{padding:3px 9px!important;font-size:11px!important}.ft-card-footer{padding:8px 14px!important;gap:10px!important}.ft-card-footer-link{font-size:11.5px!important}.ft-results-top{padding:0 0 10px!important;margin-bottom:12px!important;border-bottom:1px solid var(--ft-border-2)!important;flex-wrap:wrap!important;gap:6px!important;overflow:visible!important}.ft-sort-select{width:100%!important;margin-left:0!important;margin-top:4px!important;flex-shrink:0!important}.ft-pagination{padding:20px 0 0!important}.ft-empty{padding:50px 0!important}}@media(max-width:650px){.ft-searchbar{flex-wrap:nowrap;gap:8px;padding:12px 16px!important}.ft-search-wrap{width:auto;flex:1;max-width:none}.ft-result-count{margin-left:0;font-size:11px;padding:5px 8px;flex-shrink:0}.ft-advanced-link{display:none}}@media(max-width:560px){.ft-results{padding:10px 12px 40px!important}.ft-card-inner{padding:10px 12px 8px!important}.ft-card-footer{padding:6px 12px!important}.ft-results-top{flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch}.ft-results-top::-webkit-scrollbar{display:none}.ft-sort-select{margin-left:auto;flex-shrink:0}}body.dark-mode{--ft-blue: #60a5fa;--ft-blue-dark: #3b82f6;--ft-blue-soft: rgba(59, 130, 246, .15);--ft-blue-light: rgba(59, 130, 246, .05);--ft-blue-border: rgba(96, 165, 250, .2);--ft-blue-glow: rgba(59, 130, 246, .25);--ft-green: #34d399;--ft-green-soft: rgba(16, 185, 129, .15);--ft-yellow: #fbbf24;--ft-yellow-soft: rgba(245, 158, 11, .15);--ft-purple: #a78bfa;--ft-purple-soft: rgba(139, 92, 246, .15);--ft-red: #f87171;--ft-red-soft: rgba(239, 68, 68, .15);--ft-text: var(--text);--ft-text-2: var(--text-2);--ft-text-3: var(--muted);--ft-text-4: #64748b;--ft-border: var(--border);--ft-border-2: rgba(255, 255, 255, .05);--ft-surface: var(--surface);--ft-bg: var(--bg);--ft-bg-2: var(--surface-2);--ft-shadow-xs: 0 1px 2px rgba(0,0,0,.3);--ft-shadow-sm: 0 2px 6px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.2);--ft-shadow-md: 0 6px 20px rgba(0,0,0,.5), 0 2px 6px rgba(0,0,0,.3);--ft-shadow-lg: 0 16px 48px rgba(0,0,0,.6), 0 4px 12px rgba(0,0,0,.4);--ft-shadow-blue: 0 6px 20px rgba(59,130,246,.15)}body.dark-mode .ft-page{background:var(--ft-bg)}body.dark-mode .ft-insights{background:var(--ft-bg-2);border-color:var(--ft-border)}body.dark-mode .ft-sidebar::-webkit-scrollbar-thumb{background:#ffffff1a}body.dark-mode .ft-card:hover{border-color:#ffffff26}body.dark-mode .ft-location-select,body.dark-mode .ft-sort-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%23cbd5e1' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}.ft-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin:40px 0 20px;padding-top:30px;border-top:1px solid var(--ft-border)}.ft-pg-nav{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:1px solid var(--ft-border);background:var(--ft-surface);color:var(--ft-text);cursor:pointer;transition:all .2s;font-size:18px}.ft-pg-nav:disabled{opacity:.4;cursor:not-allowed}.ft-pg-nav:not(:disabled):hover{border-color:var(--ft-blue);color:var(--ft-blue)}.ft-pg-pages{display:flex;align-items:center;gap:8px}.ft-pg-page{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 6px;border-radius:10px;border:1px solid var(--ft-border);background:var(--ft-surface);color:var(--ft-text);font-weight:600;cursor:pointer;transition:all .2s}.ft-pg-page.active{background:var(--ft-blue);color:#fff;border-color:var(--ft-blue)}.ft-pg-page:not(.active):hover{border-color:var(--ft-blue);color:var(--ft-blue)}.ft-pg-dots{color:var(--ft-text-4);font-weight:600;padding:0 4px}.id-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;justify-content:flex-end;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.id-overlay.is-open{opacity:1;pointer-events:auto}.id-drawer{width:100%;max-width:480px;height:100%;background:#fff;display:flex;flex-direction:column;transform:translate(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);box-shadow:-8px 0 32px #00000014}body.dark-mode .id-drawer{background:#0f172a;border-left:1px solid rgba(255,255,255,.05)}.id-drawer.is-open{transform:translate(0)}.id-header{padding:24px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:16px}body.dark-mode .id-header{border-bottom-color:#ffffff0d}.id-close-btn{background:transparent;border:none;color:#64748b;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.id-close-btn:hover{background:#f1f5f9;color:#0f172a}body.dark-mode .id-close-btn:hover{background:#ffffff1a;color:#f8fafc}.id-header h2{font-size:20px;font-weight:600;color:#0f172a;margin:0}body.dark-mode .id-header h2{color:#f8fafc}.id-freelancer-info{display:flex;align-items:center;gap:12px;padding:16px 24px;background:#f8fafc;border-bottom:1px solid #e2e8f0}body.dark-mode .id-freelancer-info{background:#ffffff05;border-bottom-color:#ffffff0d}.id-freelancer-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 4px #0000000d}body.dark-mode .id-freelancer-avatar{border-color:#1e293b}.id-freelancer-name{font-weight:600;color:#0f172a;font-size:15px}body.dark-mode .id-freelancer-name{color:#f8fafc}.id-freelancer-title{font-size:13px;color:#64748b;margin-top:2px}body.dark-mode .id-freelancer-title{color:#94a3b8}.id-content{flex:1;overflow-y:auto;padding:24px}.id-section-title{font-size:14px;font-weight:600;color:#64748b;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}body.dark-mode .id-section-title{color:#94a3b8}.id-job-list{display:flex;flex-direction:column;gap:12px}.id-job-card{padding:16px;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s ease;background:#fff}body.dark-mode .id-job-card{background:#ffffff05;border-color:#ffffff1a}.id-job-card:hover{border-color:#cbd5e1}body.dark-mode .id-job-card:hover{border-color:#fff3}.id-job-card.selected{border-color:#3b82f6;background:#eff6ff}body.dark-mode .id-job-card.selected{border-color:#3b82f6;background:#3b82f61a}.id-job-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.id-job-title{font-weight:600;color:#0f172a;font-size:16px;line-height:1.4}body.dark-mode .id-job-title{color:#f8fafc}.id-job-radio{width:20px;height:20px;border-radius:50%;border:2px solid #cbd5e1;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}body.dark-mode .id-job-radio{border-color:#fff3}.id-job-card.selected .id-job-radio{border-color:#3b82f6;background:#3b82f6}.id-job-radio-inner{width:8px;height:8px;border-radius:50%;background:#fff;opacity:0;transform:scale(0);transition:all .2s ease}.id-job-card.selected .id-job-radio-inner{opacity:1;transform:scale(1)}.id-job-meta{display:flex;align-items:center;gap:16px;color:#64748b;font-size:13px}body.dark-mode .id-job-meta{color:#94a3b8}.id-job-meta-item{display:flex;align-items:center;gap:6px}.id-empty-state{text-align:center;padding:40px 20px;color:#64748b}body.dark-mode .id-empty-state{color:#94a3b8}.id-empty-icon{margin-bottom:16px;opacity:.5;display:flex;justify-content:center}.id-empty-title{font-weight:600;font-size:16px;color:#0f172a;margin-bottom:8px}body.dark-mode .id-empty-title{color:#f8fafc}.id-footer{padding:24px;border-top:1px solid #e2e8f0;background:#fff}body.dark-mode .id-footer{border-top-color:#ffffff0d;background:#0f172a}.id-submit-btn{width:100%;padding:14px;border-radius:12px;background:#3b82f6;color:#fff;border:none;font-weight:600;font-size:16px;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:8px;transition:all .2s ease}.id-submit-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.id-submit-btn:active:not(:disabled){transform:translateY(0)}.id-submit-btn:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}body.dark-mode .id-submit-btn:disabled{background:#ffffff0d;color:#475569}.id-loading{display:flex;justify-content:center;align-items:center;height:200px;color:#3b82f6}.id-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--fd-overlay-bg: rgba(0, 0, 0, .4);--fd-drawer-bg: var(--surface);--fd-accent: var(--brand);--fd-accent-soft: var(--brand-light);--fd-text-main: var(--text);--fd-text-muted: var(--muted);--fd-border: var(--border);--fd-shadow: var(--shadow-lg)}:root[data-theme=dark]{--fd-overlay-bg: rgba(0, 0, 0, .7)}.fd-overlay{position:fixed;inset:0;background:var(--fd-overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1200;display:flex;justify-content:flex-end;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.fd-overlay.is-open{opacity:1;visibility:visible}.fd-drawer{width:75%;max-width:900px;height:100%;background:var(--fd-drawer-bg);box-shadow:var(--fd-shadow);transform:translate(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden}@media(max-width:1024px){.fd-drawer{width:90%}}@media(max-width:768px){.fd-drawer{width:100%!important}}.fd-drawer.is-open{transform:translate(0)}.fd-controls{height:60px;min-height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 24px;background:var(--fd-drawer-bg);border-bottom:1px solid var(--fd-border);z-index:100;flex-shrink:0}.fd-control-btn{width:36px;height:36px;border-radius:8px;border:1px solid var(--fd-border);background:var(--fd-drawer-bg);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--fd-text-main);transition:all .2s}.fd-control-btn:hover{background:#f3f4f6;border-color:#2563eb;color:#2563eb}.fd-controls-right{display:flex;gap:12px;align-items:center}.fd-full-profile-link{display:flex;align-items:center;gap:8px;padding:8px 16px;color:#2563eb;background:var(--fd-accent-soft);border:1px solid var(--fd-accent-soft);font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;border-radius:10px}.fd-full-profile-link:hover{background:#2563eb;color:#fff}.fd-full-profile-link svg{flex-shrink:0}.fd-main-scroll{flex:1;overflow-y:auto;padding:32px 40px}@media(max-width:768px){.fd-main-scroll{padding:24px}}.fd-profile-header{display:flex;justify-content:space-between;gap:32px;margin-bottom:40px}@media(max-width:768px){.fd-profile-header{flex-direction:column;gap:24px}}.fd-header-left{display:flex;gap:24px}.fd-avatar-container{position:relative;flex-shrink:0}.fd-avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;border:4px solid white;box-shadow:0 4px 12px #0000001a}.fd-online-indicator{position:absolute;bottom:6px;right:6px;width:16px;height:16px;background:#10b981;border:3px solid white;border-radius:50%}.fd-info-main .fd-name{font-size:28px;font-weight:800;margin:0 0 4px;display:flex;align-items:center;gap:8px}.fd-verified-icon{color:#3b82f6;fill:#3b82f61a}.fd-title-text{font-size:18px;color:var(--fd-text-muted);margin-bottom:12px}.fd-location-row{display:flex;align-items:center;gap:8px;color:var(--fd-text-muted);font-size:14px}.fd-dot{margin:0 4px;opacity:.3}.fd-quick-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;background:var(--fd-accent-soft);padding:16px 24px;border-radius:16px;margin-bottom:24px}@media(max-width:640px){.fd-quick-stats{grid-template-columns:repeat(2,1fr);gap:12px}}.fd-stat-val{font-size:18px;font-weight:700;color:var(--fd-text-main)}.fd-stat-lbl{font-size:12px;color:var(--fd-text-muted);text-transform:uppercase;letter-spacing:.5px}.fd-action-buttons{display:flex;gap:12px}.fd-btn-primary{flex:1;background:var(--fd-accent);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s}.fd-btn-primary:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb33}.fd-btn-secondary{display:flex;align-items:center;gap:8px;background:var(--fd-drawer-bg);color:var(--fd-text-main);border:1px solid var(--fd-border);padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s}.fd-btn-secondary:hover{background:var(--fd-accent-soft);border-color:var(--fd-accent);color:var(--fd-accent)}.fd-tabs-nav{display:flex;gap:32px;border-bottom:1px solid var(--fd-border);margin-bottom:32px;overflow-x:auto;scrollbar-width:none}.fd-tabs-nav::-webkit-scrollbar{display:none}.fd-tab-item{padding:12px 0;background:none;border:none;font-size:15px;font-weight:600;color:var(--fd-text-muted);border-bottom:2px solid transparent;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;white-space:nowrap}.fd-tab-item:hover{color:var(--fd-text-main)}.fd-tab-item.active{color:#2563eb;border-bottom-color:#2563eb}.fd-tab-count{font-size:11px;background:#f1f5f9;color:#64748b;padding:2px 6px;border-radius:10px;font-weight:700}.fd-tab-item.active .fd-tab-count{background:#eff6ff;color:#2563eb}.fd-tab-extra-link{margin-left:auto;display:flex;align-items:center;gap:6px;color:#2563eb;font-size:14px;font-weight:600;text-decoration:none;padding:6px 12px;border-radius:8px;transition:all .2s}.fd-tab-extra-link:hover{background:#eff6ff;text-decoration:underline}.fd-content-title{font-size:20px;font-weight:700;margin-bottom:16px}.fd-bio-text{font-size:16px;line-height:1.6;color:var(--fd-text-main);margin-bottom:32px;white-space:pre-wrap}.fd-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.fd-metric-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--fd-drawer-bg);border:1px solid var(--fd-border);border-radius:16px;transition:all .2s}.fd-metric-card:hover{border-color:var(--fd-accent);box-shadow:0 4px 12px #0000000d}.fd-metric-card svg{color:var(--fd-accent)}.fd-m-val{font-size:18px;font-weight:700}.fd-m-lbl{font-size:13px;color:var(--fd-text-muted)}.fd-portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}.fd-portfolio-card{border-radius:16px;overflow:hidden;border:1px solid var(--fd-border);background:var(--fd-drawer-bg);transition:all .3s}.fd-portfolio-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000014}.fd-portfolio-thumb{position:relative;aspect-ratio:4/3;background:#f3f4f6;overflow:hidden}.fd-portfolio-thumb img{width:100%;height:100%;object-fit:cover}.fd-portfolio-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#d1d5db}.fd-portfolio-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.fd-portfolio-card:hover .fd-portfolio-overlay{opacity:1}.fd-portfolio-view{display:flex;align-items:center;gap:8px;background:var(--fd-accent);color:#fff;border:none;padding:10px 20px;border-radius:24px;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #0003;transition:all .2s}.fd-portfolio-view:hover{transform:scale(1.05);background:var(--brand-dark)}.fd-portfolio-info{padding:16px}.fd-portfolio-info h4{margin:0 0 4px;font-size:16px}.fd-portfolio-info p{margin:0;font-size:13px;color:var(--fd-text-muted)}.fd-history-list{display:flex;flex-direction:column;gap:20px}.fd-history-card{padding:24px;background:var(--fd-drawer-bg);border:1px solid var(--fd-border);border-radius:20px;transition:all .2s ease}.fd-history-card:hover{border-color:var(--fd-accent);box-shadow:0 8px 24px #2563eb0d}.fd-history-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.fd-history-job-title{font-size:18px;font-weight:700;color:var(--fd-accent);margin:0;cursor:pointer}.fd-history-job-title:hover{text-decoration:underline}.fd-history-rating{display:flex;align-items:center;gap:8px}.fd-stars{display:flex;gap:2px}.fd-rating-num{font-weight:700;font-size:14px;color:#f59e0b}.fd-history-meta{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:var(--fd-text-muted);font-size:14px;font-weight:600}.fd-meta-sep{width:4px;height:4px;background:#cbd5e1;border-radius:50%}.fd-history-comment{margin-bottom:20px;padding:16px;background:var(--fd-accent-soft);border-radius:12px;font-style:italic;color:var(--fd-text-main);font-size:15px;line-height:1.6}.fd-history-footer{display:flex;align-items:center}.fd-client-brief{display:flex;align-items:center;gap:8px}.fd-client-brief img{width:28px;height:28px;border-radius:50%}.fd-client-brief span{font-size:13px;font-weight:600;color:var(--fd-text-muted)}.fd-skills-wrap{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.fd-skill-pill{padding:10px 20px;background:var(--fd-drawer-bg);border:1px solid var(--fd-border);border-radius:12px;font-size:14px;font-weight:600;color:var(--fd-text-main);transition:all .2s cubic-bezier(.4,0,.2,1);cursor:default;display:flex;align-items:center;gap:8px}.fd-skill-pill:hover{background:var(--fd-accent-soft);color:var(--fd-accent);border-color:var(--fd-accent);transform:translateY(-2px)}.fd-skill-pill:before{content:"";width:6px;height:6px;background:#cbd5e1;border-radius:50%;transition:all .2s}.fd-skill-pill:hover:before{background:var(--fd-accent);transform:scale(1.2)}.fd-langs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:16px}.fd-lang-card{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--fd-accent-soft);border-radius:16px;border:1px solid var(--fd-border);transition:all .2s}.fd-lang-card:hover{border-color:var(--fd-accent);background:var(--fd-drawer-bg);box-shadow:0 4px 12px #0000000d}.fd-lang-info{display:flex;align-items:center;gap:12px}.fd-lang-name{font-weight:700;font-size:16px;color:var(--fd-text-main)}.fd-lang-level-badge{font-size:12px;font-weight:700;padding:4px 10px;background:var(--fd-drawer-bg);color:var(--fd-accent);border:1px solid var(--fd-accent-soft);border-radius:8px;text-transform:uppercase;letter-spacing:.5px}.fd-lang-icon-wrap{width:32px;height:32px;background:var(--fd-drawer-bg);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--fd-accent);box-shadow:0 2px 4px #00000005}.fd-empty-tab{padding:60px 0;display:flex;flex-direction:column;align-items:center;color:#9ca3af}.fd-empty-tab p{margin-top:16px;font-size:15px}.fd-loading-wrap{padding:40px}.fd-shimmer-header{height:100px;background:#f3f4f6;border-radius:16px;margin-bottom:40px;animation:pulse 1.5s infinite}.fd-shimmer-tabs{height:40px;background:#f3f4f6;border-radius:8px;margin-bottom:32px;animation:pulse 1.5s infinite}.fd-shimmer-content{height:300px;background:#f3f4f6;border-radius:16px;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.soft-fade-in{animation:softFade .4s ease-out}@keyframes softFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.invite-form-container{display:flex;flex-direction:column;height:100%}.invite-form-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.invite-back-btn{display:flex;align-items:center;gap:6px;background:none;border:1px solid var(--fd-border);padding:6px 12px;border-radius:8px;font-size:14px;font-weight:600;color:var(--fd-text-muted);cursor:pointer;transition:all .2s}.invite-back-btn:hover{background:#f3f4f6;color:var(--fd-text-main);border-color:var(--fd-text-main)}.invite-form-title{font-size:20px;font-weight:700;margin:0}.invite-freelancer-summary{display:flex;align-items:center;gap:12px;padding:16px;background:var(--fd-accent-soft);border-radius:12px;margin-bottom:24px}.invite-freelancer-summary img{width:48px;height:48px;border-radius:50%;object-fit:cover}.invite-freelancer-summary h4{margin:0;font-size:16px}.invite-freelancer-summary p{margin:0;font-size:13px;color:var(--fd-text-muted)}.invite-form-footer{margin-top:32px;padding-top:24px;border-top:1px solid var(--fd-border)}.id-content-wrapper{flex:1;overflow-y:auto}.fd-certs-list{display:flex;flex-direction:column;gap:20px}.fd-cert-card{display:flex;gap:24px;padding:24px;background:var(--fd-drawer-bg);border:1px solid var(--fd-border);border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.fd-cert-card:hover{border-color:var(--fd-accent);box-shadow:0 12px 30px #2563eb14;transform:translateY(-2px)}.fd-cert-badge-wrap{flex-shrink:0;width:64px;height:64px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--fd-accent);border:1px solid rgba(37,99,235,.1)}.fd-cert-card:hover .fd-cert-badge-wrap{background:var(--fd-accent);color:#fff}.fd-cert-main-info{flex:1}.fd-cert-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.fd-cert-name{font-size:18px;font-weight:700;color:var(--fd-text-main);margin:0;display:flex;align-items:center;gap:8px}.fd-cert-verified{color:#3b82f6;fill:#eff6ff}.fd-cert-issuer-line{font-size:14px;color:var(--fd-text-muted);display:flex;align-items:center;gap:8px;margin-bottom:16px}.fd-cert-dot-sep{width:4px;height:4px;background:#d1d5db;border-radius:50%}.fd-cert-actions{display:flex;gap:12px}.fd-cert-btn-view{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--fd-accent-soft);border:1px solid var(--fd-border);border-radius:10px;font-size:13px;font-weight:600;color:var(--fd-text-main);text-decoration:none;transition:all .2s}.fd-cert-btn-view:hover{background:var(--fd-accent-soft);color:var(--fd-accent);border-color:var(--fd-accent)}.fd-cert-year-tag{font-size:12px;font-weight:700;padding:4px 10px;background:var(--fd-accent-soft);color:var(--fd-text-main);border-radius:6px;border:1px solid var(--fd-border)}@media(max-width:768px){.fd-drawer{width:100%!important}.fd-controls{height:54px!important;min-height:54px!important;padding:0 14px!important}.fd-control-btn.close-btn{width:auto!important;height:36px!important;padding:0 12px!important;border-radius:10px!important;gap:6px!important;font-size:13.5px!important;font-weight:600!important;background:#f1f5f9!important;border-color:#e2e8f0!important;color:#0f172a!important;display:flex!important;align-items:center!important}.fd-control-btn.close-btn:after{content:"Orqaga";font-size:13.5px;font-weight:600}.fd-control-btn.close-btn:hover{background:#e2e8f0!important}.fd-controls-right{gap:8px!important}.fd-control-btn{width:34px!important;height:34px!important;border-radius:8px!important}.fd-main-scroll{padding:16px 16px 32px!important}.fd-profile-header{flex-direction:column!important;gap:14px!important;margin-bottom:16px!important}.fd-header-left{flex-direction:row!important;align-items:center!important;gap:14px!important}.fd-avatar{width:58px!important;height:58px!important;border-width:2px!important}.fd-online-indicator{width:11px!important;height:11px!important;bottom:2px!important;right:2px!important;border-width:2px!important}.fd-info-main{flex:1;min-width:0}.fd-info-main .fd-name{font-size:17px!important;margin-bottom:2px!important;line-height:1.3!important}.fd-title-text{font-size:12.5px!important;margin-bottom:5px!important}.fd-location-row{font-size:11.5px!important;gap:5px!important}.fd-quick-stats{grid-template-columns:repeat(2,1fr)!important;gap:1px!important;padding:0!important;background:var(--fd-border)!important;border-radius:14px!important;overflow:hidden!important;margin-bottom:14px!important;border:1px solid var(--fd-border)!important}.fd-stat-item{padding:12px 14px!important;background:var(--fd-drawer-bg)!important}.fd-stat-val{font-size:16px!important;font-weight:700!important}.fd-stat-lbl{font-size:10px!important;letter-spacing:.3px!important;margin-top:2px!important}.fd-action-buttons{gap:8px!important}.fd-btn-primary{padding:11px 16px!important;font-size:13px!important;border-radius:12px!important}.fd-btn-secondary{padding:11px 14px!important;font-size:13px!important;border-radius:12px!important}.fd-tabs-nav{gap:16px!important;margin-bottom:16px!important}.fd-tab-item{font-size:12.5px!important;padding:10px 0!important}.fd-tab-extra-link{font-size:12px!important;padding:4px 8px!important;white-space:nowrap!important}.fd-content-title{font-size:15px!important;margin-bottom:10px!important}.fd-bio-text{font-size:13.5px!important;line-height:1.6!important;margin-bottom:18px!important}.fd-metrics-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.fd-metric-card{padding:12px!important;gap:10px!important;border-radius:12px!important}.fd-m-val{font-size:15px!important}.fd-m-lbl{font-size:11px!important}.fd-portfolio-grid{grid-template-columns:1fr!important;gap:12px!important}.fd-history-list{gap:10px!important}.fd-history-card{padding:14px!important;border-radius:14px!important}.fd-history-job-title{font-size:14px!important}.fd-history-meta{font-size:11.5px!important;gap:6px!important;margin-bottom:10px!important}.fd-history-comment{font-size:13px!important;padding:10px 12px!important;margin-bottom:10px!important;border-radius:10px!important}.fd-skills-wrap{gap:7px!important;margin-top:12px!important}.fd-skill-pill{padding:7px 14px!important;font-size:12.5px!important;border-radius:10px!important}.fd-langs-grid{grid-template-columns:1fr!important;gap:8px!important;margin-top:12px!important}.fd-lang-card{padding:12px 14px!important;border-radius:12px!important}.fd-lang-name{font-size:13.5px!important}.fd-certs-list{gap:10px!important}.fd-cert-card{gap:12px!important;padding:14px!important;border-radius:14px!important}.fd-cert-badge-wrap{width:46px!important;height:46px!important;border-radius:12px!important}.fd-cert-name{font-size:14px!important}.fd-cert-issuer-line{font-size:12px!important;margin-bottom:10px!important}}@media(max-width:480px){.fd-main-scroll{padding:12px 12px 24px!important}.fd-avatar{width:50px!important;height:50px!important}.fd-info-main .fd-name{font-size:15px!important}.fd-title-text{font-size:12px!important}.fd-stat-val{font-size:14px!important}.fd-stat-lbl{font-size:9.5px!important;letter-spacing:0}.fd-btn-primary,.fd-btn-secondary{padding:9px 12px!important;font-size:12.5px!important}.fd-tabs-nav{gap:12px!important}.fd-tab-item{font-size:12px!important}.fd-content-title{font-size:14px!important}.fd-bio-text{font-size:13px!important}.fd-metric-card{padding:10px!important}.fd-m-val{font-size:13px!important}.fd-history-card{padding:12px!important}.fd-history-comment{font-size:12px!important;padding:8px 10px!important}.fd-history-job-title{font-size:13px!important}.fd-skill-pill{padding:6px 11px!important;font-size:11.5px!important}.fd-cert-card{padding:12px!important;gap:10px!important}.fd-cert-badge-wrap{width:38px!important;height:38px!important}.fd-cert-name{font-size:13px!important}}:root{--pj-blue: #3b82f6;--pj-blue-dark: #2563eb;--pj-blue-soft: #dbeafe;--pj-blue-light: #eff6ff;--pj-blue-border: #bfdbfe;--pj-blue-glow: rgba(59,130,246,.14);--pj-green: #10b981;--pj-green-soft: #d1fae5;--pj-green-border: #a7f3d0;--pj-text: #0d1117;--pj-text-2: #2d3748;--pj-text-3: #5f6b7a;--pj-text-4: #a0aab4;--pj-border: #e8ecf0;--pj-border-2: #f1f4f7;--pj-surface: #ffffff;--pj-bg: #f4f6f9;--pj-bg-2: #eef1f5;--pj-red: #ef4444;--pj-red-soft: #fee2e2;--pj-red-border: #fecaca;--pj-yellow: #f59e0b;--pj-yellow-soft: #fef3c7;--pj-shadow-xs: 0 1px 2px rgba(0,0,0,.04);--pj-shadow-sm: 0 2px 8px rgba(0,0,0,.07);--pj-shadow-md: 0 6px 24px rgba(0,0,0,.09);--pj-shadow-lg: 0 16px 48px rgba(0,0,0,.12);--pj-shadow-blue: 0 6px 20px rgba(59,130,246,.22);--pj-radius-sm: 6px;--pj-radius: 10px;--pj-radius-lg: 16px;--pj-radius-xl: 22px;--pj-radius-full: 9999px;--pj-font: "DM Sans", sans-serif;--pj-font-head: "Sora", sans-serif;--pj-ease: cubic-bezier(.4,0,.2,1);--pj-bounce: cubic-bezier(.34,1.56,.64,1)}[data-theme=dark]{--pj-blue: #3b82f6;--pj-blue-dark: #60a5fa;--pj-blue-soft: rgba(59,130,246,.15);--pj-blue-light: rgba(59,130,246,.1);--pj-blue-border: rgba(59,130,246,.3);--pj-blue-glow: rgba(59,130,246,.25);--pj-text: #f8fafc;--pj-text-2: #e2e8f0;--pj-text-3: #94a3b8;--pj-text-4: #64748b;--pj-border: rgba(255,255,255,.08);--pj-border-2: rgba(255,255,255,.04);--pj-surface: #1e293b;--pj-bg: transparent;--pj-bg-2: #020617;--pj-shadow-xs: 0 1px 2px rgba(0,0,0,.3);--pj-shadow-sm: 0 4px 12px rgba(0,0,0,.4);--pj-shadow-md: 0 12px 32px rgba(0,0,0,.5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--pj-font);color:var(--pj-text);background:var(--pj-bg);-webkit-font-smoothing:antialiased}.pj-page{min-height:100vh;background:var(--pj-bg);font-family:var(--pj-font)}.pj-header{background:var(--pj-surface);border-bottom:1px solid var(--pj-border);padding:0 40px;height:62px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:64px;z-index:200;box-shadow:var(--pj-shadow-xs)}.pj-header-left{display:flex;align-items:center;gap:16px}.pj-back-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border:1.5px solid var(--pj-border);border-radius:var(--pj-radius);background:none;color:var(--pj-text-3);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s var(--pj-ease);font-family:var(--pj-font)}.pj-back-btn:hover{background:var(--pj-bg-2);color:var(--pj-text)}.pj-header-title{font-family:var(--pj-font-head);font-size:17px;font-weight:700;color:var(--pj-text)}.pj-header-sub{font-size:12.5px;color:var(--pj-text-4);margin-top:1px}.pj-header-right{display:flex;align-items:center;gap:10px}.pj-save-draft{padding:8px 18px;border:1.5px solid var(--pj-border);border-radius:var(--pj-radius-full);background:none;color:var(--pj-text-2);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;font-family:var(--pj-font)}.pj-save-draft:hover{border-color:var(--pj-blue);color:var(--pj-blue);background:var(--pj-blue-soft)}.pj-stepper{background:var(--pj-surface);border-bottom:1px solid var(--pj-border);padding:0 40px}.pj-steps{display:flex;align-items:stretch;max-width:900px;margin:0 auto}.pj-step{display:flex;align-items:center;gap:12px;padding:18px 24px 18px 0;flex:1;position:relative;cursor:pointer;transition:all .2s var(--pj-ease)}.pj-step:not(:last-child):after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid var(--pj-border);transition:border-left-color .2s}.pj-step-num{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;transition:all .2s var(--pj-ease);border:2px solid var(--pj-border);color:var(--pj-text-4);background:var(--pj-surface)}.pj-step-label{font-size:13px;font-weight:600;color:var(--pj-text-3);display:block;transition:color .2s}.pj-step-sub{font-size:11px;color:var(--pj-text-4);display:block;margin-top:1px}.pj-step.active .pj-step-num{background:var(--pj-blue);border-color:var(--pj-blue);color:#fff;box-shadow:0 0 0 4px var(--pj-blue-glow)}.pj-step.active .pj-step-label{color:var(--pj-blue)}.pj-step.active .pj-step-sub{color:var(--pj-blue);opacity:.7}.pj-step.done .pj-step-num{background:var(--pj-blue-soft);border-color:var(--pj-blue-border);color:var(--pj-blue)}.pj-step.done .pj-step-label{color:var(--pj-text-2)}.pj-step.done:not(:last-child):after{border-left-color:var(--pj-blue-border)}.pj-main{max-width:960px;margin:0 auto;padding:36px 40px 80px;display:grid;grid-template-columns:1fr 280px;gap:28px;align-items:start}.pj-card{background:var(--pj-surface);border:1px solid var(--pj-border);border-radius:var(--pj-radius-lg);overflow:hidden;animation:pj-slide-in .25s var(--pj-ease)}@keyframes pj-slide-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.pj-card-head{padding:24px 28px 0}.pj-card-step-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:var(--pj-blue-soft);color:var(--pj-blue);border:1px solid var(--pj-blue-border);border-radius:var(--pj-radius-full);font-size:11.5px;font-weight:700;margin-bottom:10px;letter-spacing:.3px}.pj-card-title{font-family:var(--pj-font-head);font-size:22px;font-weight:800;color:var(--pj-text);letter-spacing:-.3px;margin-bottom:6px}.pj-card-desc{font-size:14px;color:var(--pj-text-3);line-height:1.6;margin-bottom:24px}.pj-card-body{padding:0 28px 28px}.pj-form-group{margin-bottom:28px}.pj-form-group:last-child{margin-bottom:0}.pj-label{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--pj-text-2);margin-bottom:7px}.pj-label-req{color:var(--pj-red);font-size:13px}.pj-label-tip{font-size:11.5px;font-weight:500;color:var(--pj-text-4);margin-left:auto}.pj-input,.pj-select,.pj-textarea{width:100%;padding:10px 14px;background:var(--pj-surface);border:1.5px solid var(--pj-border);border-radius:var(--pj-radius);color:var(--pj-text);font-size:14.5px;font-family:var(--pj-font);transition:all .2s;outline:none}[data-theme=dark] .pj-input,[data-theme=dark] .pj-textarea{background:#ffffff08}[data-theme=dark] .pj-select{background:var(--pj-surface)}.pj-select option{background:var(--pj-surface);color:var(--pj-text)}.pj-custom-dropdown{position:relative;width:100%}.pj-dropdown-selected{width:100%;padding:12px 16px;background:var(--pj-surface);border:1.5px solid var(--pj-border);border-radius:var(--pj-radius);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s var(--pj-ease);font-size:14.5px;color:var(--pj-text);font-weight:500}[data-theme=dark] .pj-dropdown-selected{background:#ffffff08}.pj-dropdown-selected:hover{border-color:var(--pj-blue-border)}.pj-custom-dropdown.open .pj-dropdown-selected{border-color:var(--pj-blue);box-shadow:0 0 0 4px var(--pj-blue-glow);background:var(--pj-surface)}.pj-dropdown-selected.error{border-color:var(--pj-red)}.pj-dropdown-arrow{color:var(--pj-text-4);transition:transform .3s var(--pj-bounce)}.pj-dropdown-arrow.rotate{transform:rotate(180deg);color:var(--pj-blue)}.pj-dropdown-options{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--pj-surface);border:1px solid var(--pj-border);border-radius:var(--pj-radius-lg);box-shadow:var(--pj-shadow-lg);z-index:1000;max-height:320px;overflow-y:auto;padding:8px;animation:pj-dropdown-in .25s var(--pj-ease)}.pj-dropdown-search{padding:8px;position:sticky;top:0;background:var(--pj-surface);z-index:10;border-bottom:1px solid var(--pj-border);margin-bottom:8px}.pj-dropdown-search input{width:100%;padding:10px 14px;border:1.5px solid var(--pj-border);border-radius:var(--pj-radius);font-size:13.5px;outline:none;transition:all .2s;background:var(--pj-bg)}.pj-dropdown-search input:focus{border-color:var(--pj-blue);background:var(--pj-surface)}.pj-dropdown-empty{padding:20px;text-align:center;color:var(--pj-text-4);font-size:13px;font-style:italic}@keyframes pj-dropdown-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.pj-dropdown-option{padding:10px 14px;border-radius:var(--pj-radius);font-size:14px;color:var(--pj-text-2);cursor:pointer;transition:all .2s;margin-bottom:2px}.pj-dropdown-option:last-child{margin-bottom:0}.pj-dropdown-option:hover{background:var(--pj-blue-soft);color:var(--pj-blue);padding-left:18px}.pj-dropdown-option.active{background:var(--pj-blue);color:#fff}.pj-input[type=number]::-webkit-inner-spin-button,.pj-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pj-input[type=number]{-moz-appearance:textfield}.pj-textarea{resize:vertical;min-height:160px;background:var(--pj-surface);border:1.5px solid var(--pj-border);box-shadow:inset 0 1px 2px #00000005}.pj-textarea:focus,.pj-input:focus{background:#fff;border-color:var(--pj-blue);box-shadow:0 0 0 4px var(--pj-blue-glow),inset 0 1px 2px #00000003}[data-theme=dark] .pj-textarea:focus,[data-theme=dark] .pj-input:focus{background:#ffffff0d;border-color:var(--pj-blue);box-shadow:0 0 0 4px var(--pj-blue-glow),inset 0 1px 2px #00000003}.pj-error-msg{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--pj-red);margin-top:5px;font-weight:500}.pj-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pj-type-card{border:2px solid var(--pj-border);border-radius:var(--pj-radius-lg);padding:18px 16px;cursor:pointer;transition:all .18s var(--pj-ease);position:relative;overflow:hidden}.pj-type-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--pj-blue);opacity:0;transition:opacity .18s}.pj-type-card:hover{border-color:var(--pj-blue-border)}.pj-type-card.selected{border-color:var(--pj-blue);background:var(--pj-blue-soft)}.pj-type-card.selected:before{opacity:1}.pj-type-icon{font-size:32px;margin-bottom:12px;display:flex;color:var(--pj-blue)}.pj-type-name{font-size:16px;font-weight:800;color:var(--pj-text);margin-bottom:6px}.pj-type-desc{font-size:13px;color:var(--pj-text-3);line-height:1.6}.pj-type-check{position:absolute;top:12px;right:12px;width:20px;height:20px;border-radius:50%;background:var(--pj-blue);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.6);transition:all .18s var(--pj-bounce)}.pj-type-card.selected .pj-type-check{opacity:1;transform:scale(1)}.pj-drop-zone{margin-top:5px}.pj-drop-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;border:2px dashed var(--pj-border);border-radius:var(--pj-radius-lg);background:var(--pj-surface);cursor:pointer;transition:all .2s var(--pj-ease);text-align:center}.pj-drop-label:hover{border-color:var(--pj-blue);background:var(--pj-blue-light);transform:translateY(-1px)}.pj-drop-label.uploading{pointer-events:none;opacity:.7}.pj-drop-icon-wrap{width:48px;height:48px;border-radius:50%;background:var(--pj-blue-soft);color:var(--pj-blue);display:flex;align-items:center;justify-content:center;margin-bottom:14px;transition:all .2s}.pj-drop-label:hover .pj-drop-icon-wrap{transform:scale(1.1) rotate(-5deg)}.pj-drop-text{margin-bottom:12px}.pj-drop-main{display:block;font-size:14.5px;font-weight:700;color:var(--pj-text);margin-bottom:4px}.pj-drop-sub{display:block;font-size:13px;color:var(--pj-text-3)}.pj-drop-info{font-size:11.5px;font-weight:600;color:var(--pj-text-4);background:var(--pj-bg-2);padding:3px 10px;border-radius:6px}.pj-file-pills{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:16px}.pj-file-pill{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--pj-surface);border:1.5px solid var(--pj-border);border-radius:12px;transition:all .2s}[data-theme=dark] .pj-file-pill{background:#ffffff0a}.pj-file-pill:hover{border-color:var(--pj-blue-border);box-shadow:var(--pj-shadow-sm)}.pj-pill-icon{color:var(--pj-blue);flex-shrink:0}.pj-pill-main{flex:1;min-width:0;display:flex;flex-direction:column}.pj-pill-name{font-size:12.5px;font-weight:700;color:var(--pj-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pj-pill-size{font-size:10.5px;color:var(--pj-text-4);font-weight:600}.pj-pill-remove{width:20px;height:20px;border-radius:6px;border:none;background:var(--pj-bg-2);color:var(--pj-text-3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.pj-pill-remove:hover{background:var(--pj-red-soft);color:var(--pj-red)}.pj-skill-input-row{display:flex;gap:8px;margin-bottom:12px}.pj-skill-input-row .pj-input{flex:1}.pj-skill-add{padding:0 18px;background:var(--pj-blue);color:#fff;border:none;border-radius:var(--pj-radius);font-size:13px;font-weight:700;cursor:pointer;transition:all .15s;font-family:var(--pj-font);display:flex;align-items:center;gap:5px;white-space:nowrap}.pj-skill-add:hover{background:var(--pj-blue-dark)}.pj-skills-wrap{display:flex;flex-wrap:wrap;gap:7px}.pj-skill-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:var(--pj-blue-soft);color:var(--pj-blue);border:1px solid var(--pj-blue-border);border-radius:var(--pj-radius-full);font-size:12.5px;font-weight:600;animation:pj-tag-in .18s var(--pj-bounce)}@keyframes pj-tag-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.pj-skill-remove{display:flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;border:none;background:#3b82f633;color:var(--pj-blue);cursor:pointer;padding:0;transition:all .15s;flex-shrink:0}.pj-skill-remove:hover{background:var(--pj-blue);color:#fff}.pj-suggest-label{font-size:12px;font-weight:600;color:var(--pj-text-4);margin-bottom:7px;text-transform:uppercase;letter-spacing:.5px}.pj-suggest-tags{display:flex;flex-wrap:wrap;gap:6px}.pj-suggest-tag{padding:4px 11px;border:1.5px solid var(--pj-border);border-radius:var(--pj-radius-full);font-size:12px;font-weight:500;color:var(--pj-text-3);background:var(--pj-surface);cursor:pointer;transition:all .15s}.pj-suggest-tag:hover{border-color:var(--pj-blue);color:var(--pj-blue);background:var(--pj-blue-soft)}.pj-skill-input-container{position:relative;flex:1}.pj-suggest-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--pj-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--pj-border);border-radius:var(--pj-radius);box-shadow:0 10px 40px #0003,0 0 0 1px #ffffff0d;z-index:100;max-height:280px;overflow-y:auto;padding:8px;animation:pj-dropdown-premium .25s var(--pj-ease)}@keyframes pj-dropdown-premium{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.pj-suggest-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--pj-radius);cursor:pointer;transition:all .2s var(--pj-ease);font-size:14px;font-weight:500;color:var(--pj-text-2);margin-bottom:2px}.pj-suggest-item:last-child{margin-bottom:0}.pj-suggest-item:hover,.pj-suggest-item.active{background:linear-gradient(135deg,var(--pj-blue-soft),var(--pj-surface));color:var(--pj-blue);transform:translate(4px)}.pj-suggest-item-icon{width:28px;height:28px;background:var(--pj-bg-2);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:var(--pj-text-4);transition:all .2s;flex-shrink:0}.pj-suggest-item:hover .pj-suggest-item-icon{background:var(--pj-blue);color:#fff;box-shadow:0 4px 10px #3b82f64d}.pj-suggest-empty{padding:24px;text-align:center;color:var(--pj-text-4);font-size:13.5px;font-style:italic}.pj-budget-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.pj-budget-type{border:2px solid var(--pj-border);border-radius:var(--pj-radius);padding:14px 16px;cursor:pointer;transition:all .15s;text-align:center}.pj-budget-type:hover{border-color:var(--pj-blue-border)}.pj-budget-type.selected{border-color:var(--pj-blue);background:var(--pj-blue-soft)}.pj-budget-type-icon{font-size:22px;margin-bottom:6px}.pj-budget-type-name{font-size:14px;font-weight:700;color:var(--pj-text)}.pj-budget-type-desc{font-size:12px;color:var(--pj-text-3);margin-top:2px}.pj-budget-input-wrap{position:relative;display:flex;align-items:center}.pj-budget-prefix,.pj-budget-suffix,.pj-currency-select{position:absolute;top:50%;transform:translateY(-50%);font-size:14px;font-weight:700;color:var(--pj-text-4);pointer-events:none;z-index:5}.pj-budget-prefix{left:13px}.pj-budget-suffix{right:13px}.pj-currency-select{left:6px;padding:4px 28px 4px 10px;border:1.5px solid var(--pj-border);background:var(--pj-surface);border-radius:8px;color:var(--pj-blue);font-family:var(--pj-font);font-weight:700;font-size:13px;pointer-events:auto;cursor:pointer;appearance:none;-webkit-appearance:none;transition:all .2s;z-index:10;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}[data-theme=dark] .pj-currency-select{background-color:#1e293b;border-color:#ffffff1a;color:#60a5fa;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2360a5fa' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.pj-currency-select option{background:var(--pj-surface);color:var(--pj-text);padding:10px}[data-theme=dark] .pj-currency-select option{background-color:#0f172a;color:#f1f5f9}.pj-currency-select:hover{border-color:var(--pj-blue);background-color:var(--pj-blue-soft)}[data-theme=dark] .pj-currency-select:hover{background-color:#3b82f61a}.pj-currency-select:focus{outline:none;border-color:var(--pj-blue);box-shadow:0 0 0 3px var(--pj-blue-glow)}.pj-budget-input-wrap .pj-input{padding-left:135px}.pj-range-row{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}.pj-range-sep{font-size:14px;color:var(--pj-text-4);text-align:center;font-weight:600}.pj-scope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pj-scope-item{border:2px solid var(--pj-border);border-radius:var(--pj-radius);padding:14px 12px;cursor:pointer;transition:all .15s;text-align:center}.pj-scope-item:hover{border-color:var(--pj-blue-border)}.pj-scope-item.selected{border-color:var(--pj-blue);background:var(--pj-blue-soft)}.pj-scope-icon{font-size:20px;margin-bottom:6px}.pj-scope-name{font-size:13px;font-weight:700;color:var(--pj-text)}.pj-scope-sub{font-size:11px;color:var(--pj-text-3);margin-top:2px}.pj-divider{height:1px;background:var(--pj-border-2);margin:24px 0}.pj-preview-section{margin-bottom:20px}.pj-preview-section-title{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--pj-text-4);margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--pj-border-2)}.pj-preview-row{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid var(--pj-border-2);font-size:13.5px}.pj-preview-row:last-child{border-bottom:none}.pj-preview-row-key{color:var(--pj-text-3);font-weight:500;min-width:130px;flex-shrink:0}.pj-preview-row-val{color:var(--pj-text);font-weight:600;flex:1}.pj-nav-row{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;border-top:1px solid var(--pj-border-2);background:var(--pj-bg)}.pj-btn-back{display:flex;align-items:center;gap:6px;padding:10px 22px;border:1.5px solid var(--pj-border);border-radius:var(--pj-radius-full);background:var(--pj-surface);color:var(--pj-text-2);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;font-family:var(--pj-font)}.pj-btn-back:hover{background:var(--pj-bg-2)}.pj-btn-next{display:flex;align-items:center;gap:8px;padding:11px 28px;background:var(--pj-blue);color:#fff;border:none;border-radius:var(--pj-radius-full);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s var(--pj-ease);font-family:var(--pj-font)}.pj-btn-next:hover{background:var(--pj-blue-dark);transform:translateY(-1px);box-shadow:var(--pj-shadow-blue)}.pj-btn-publish{display:flex;align-items:center;gap:8px;padding:12px 32px;background:var(--pj-blue);color:#fff;border:none;border-radius:var(--pj-radius-full);font-size:15px;font-weight:700;cursor:pointer;transition:all .2s var(--pj-ease);font-family:var(--pj-font)}.pj-btn-publish:hover{background:var(--pj-blue-dark);transform:translateY(-1px);box-shadow:var(--pj-shadow-blue)}.pj-sidebar{display:flex;flex-direction:column;gap:16px}.pj-tips-card{background:var(--pj-surface);border:1px solid var(--pj-border);border-radius:var(--pj-radius-lg);overflow:hidden}.pj-tips-head{padding:14px 18px;border-bottom:1px solid var(--pj-border-2);display:flex;align-items:center;gap:8px}.pj-tips-head-icon{width:28px;height:28px;border-radius:var(--pj-radius-sm);background:var(--pj-blue-soft);color:var(--pj-blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pj-tips-head h3{font-family:var(--pj-font-head);font-size:13.5px;font-weight:700;color:var(--pj-text)}.pj-tips-body{padding:8px 18px 14px}.pj-tip-item{display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px solid var(--pj-border-2)}.pj-tip-item:last-child{border-bottom:none}.pj-tip-dot{width:5px;height:5px;border-radius:50%;background:var(--pj-blue);flex-shrink:0;margin-top:7px}.pj-tip-text{font-size:12.5px;color:var(--pj-text-2);line-height:1.55}.pj-progress-card{background:var(--pj-surface);border:1px solid var(--pj-border);border-radius:var(--pj-radius-lg);padding:18px}.pj-progress-title{font-size:13px;font-weight:700;color:var(--pj-text);margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.pj-progress-pct{font-size:13px;font-weight:800;color:var(--pj-blue);font-family:var(--pj-font-head)}.pj-progress-bar-outer{height:6px;background:var(--pj-bg-2);border-radius:3px;overflow:hidden;margin-bottom:14px}.pj-progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--pj-blue),#60a5fa);border-radius:3px;transition:width .4s var(--pj-ease)}.pj-progress-step{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:12.5px;color:var(--pj-text-3)}.pj-progress-step.done{color:var(--pj-blue)}.pj-progress-step.active{color:var(--pj-text);font-weight:600}.pj-progress-step-icon{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:10px;border:1.5px solid var(--pj-border);color:var(--pj-text-4)}.pj-progress-step.done .pj-progress-step-icon{background:var(--pj-blue);border-color:var(--pj-blue);color:#fff}.pj-progress-step.active .pj-progress-step-icon{border-color:var(--pj-blue);color:var(--pj-blue)}.pj-example-card{background:linear-gradient(135deg,#1e3a5f 0% 100%);border-radius:var(--pj-radius-lg);padding:18px;color:#fffc}.pj-example-card h3{font-size:13px;font-weight:700;color:#fff;margin-bottom:8px;display:flex;align-items:center;gap:6px}.pj-example-list{list-style:none;display:flex;flex-direction:column;gap:6px}.pj-example-list li{font-size:12px;color:#ffffffa6;display:flex;align-items:flex-start;gap:6px;line-height:1.5}.pj-example-list li:before{content:"";width:4px;height:4px;border-radius:50%;background:#60a5fa;flex-shrink:0;margin-top:6px}.pj-success{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 62px);padding:40px 20px;text-align:center}.pj-success-icon{width:80px;height:80px;border-radius:50%;background:var(--pj-blue-soft);border:3px solid var(--pj-blue-border);display:flex;align-items:center;justify-content:center;color:var(--pj-blue);margin:0 auto 20px;animation:pj-pop .4s var(--pj-bounce)}@keyframes pj-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.pj-success h1{font-family:var(--pj-font-head);font-size:28px;font-weight:800;color:var(--pj-text);margin-bottom:10px;letter-spacing:-.4px}.pj-success p{font-size:15px;color:var(--pj-text-3);line-height:1.7;max-width:420px;margin:0 auto 32px}.pj-success-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.pj-success-btn-primary{padding:12px 28px;background:var(--pj-blue);color:#fff;border:none;border-radius:var(--pj-radius-full);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;font-family:var(--pj-font)}.pj-success-btn-primary:hover{background:var(--pj-blue-dark);box-shadow:var(--pj-shadow-blue)}.pj-success-btn-secondary{padding:12px 28px;background:var(--pj-surface);color:var(--pj-text-2);border:1.5px solid var(--pj-border);border-radius:var(--pj-radius-full);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;font-family:var(--pj-font)}.pj-success-btn-secondary:hover{background:var(--pj-bg-2)}.pj-toast{position:fixed;bottom:28px;right:32px;z-index:3000;display:flex;align-items:center;gap:10px;padding:13px 18px;background:var(--pj-surface);border-radius:var(--pj-radius-lg);box-shadow:var(--pj-shadow-lg);min-width:260px;border-left:3px solid var(--pj-blue);animation:pj-toast-in .28s var(--pj-ease);font-family:var(--pj-font)}.pj-toast.error{border-left-color:var(--pj-red)}.pj-toast span{flex:1;font-size:13.5px;font-weight:500;color:var(--pj-text-2)}.pj-toast-x{width:22px;height:22px;border-radius:var(--pj-radius-sm);border:none;background:var(--pj-bg-2);color:var(--pj-text-4);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}@keyframes pj-toast-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@media(max-width:860px){.pj-main{grid-template-columns:1fr;padding:24px 20px 60px}.pj-sidebar{display:grid;grid-template-columns:1fr 1fr}}@media(max-width:600px){.pj-header,.pj-stepper{padding:0 16px}.pj-main{padding:16px 14px 60px}.pj-type-grid{grid-template-columns:1fr}.pj-scope-grid{grid-template-columns:1fr 1fr}.pj-sidebar{grid-template-columns:1fr}.pj-steps{overflow-x:auto}.pj-step{min-width:120px}.pj-budget-type-grid{grid-template-columns:1fr}}.fw-layout{min-height:calc(100vh - 80px);background:var(--bg);color:var(--text);padding:30px 0;font-family:Inter,system-ui,-apple-system,sans-serif}.fw-container{max-width:1440px;margin:0 auto;padding:0 24px;display:flex;gap:30px;align-items:flex-start}.fw-sidebar-left{width:260px;flex-shrink:0;display:flex;flex-direction:column;gap:24px;background:var(--surface);border-radius:16px;border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:24px;position:sticky;top:100px;max-height:calc(100vh - 120px);overflow-y:auto}.fw-sidebar-left::-webkit-scrollbar{width:4px}.fw-sidebar-left::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.fw-filter-sidebar-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--border);padding-bottom:12px;margin-bottom:8px}.fw-filter-sidebar-header h3{font-size:1.1rem;font-weight:700;color:var(--text);margin:0}.fw-close-filters-mobile{display:none;background:none;border:none;font-size:1.2rem;color:var(--text);cursor:pointer}.fw-filter-group{display:flex;flex-direction:column;gap:12px}.fw-filter-group h4{font-size:.95rem;font-weight:600;color:var(--text-2);margin:0;text-transform:uppercase;letter-spacing:.5px}.fw-filter-radio{display:flex;align-items:center;gap:10px;font-size:.95rem;color:var(--text);font-weight:500;cursor:pointer;padding:4px 0;transition:color .2s}.fw-filter-radio:hover{color:var(--brand)}.fw-filter-radio input[type=radio]{accent-color:var(--brand);width:16px;height:16px;cursor:pointer}.fw-filter-select-full{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);outline:none;font-size:.95rem;color:var(--text);cursor:pointer;transition:all .2s}.fw-filter-select-full:focus{border-color:var(--brand);box-shadow:0 0 0 3px #3b82f61a}.fw-main-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:24px}.fw-banner{background:linear-gradient(135deg,#3b82f6f2,#1e3a8ae6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #1e3a8a26;overflow:hidden;display:flex;justify-content:space-between;color:#fff;min-height:140px;position:relative}.fw-banner:before{content:"";position:absolute;top:-50px;right:-50px;width:250px;height:250px;background:radial-gradient(circle,#60a5fa66,#fff0 70%);border-radius:50%;pointer-events:none}.fw-banner-content{padding:32px 40px;flex:1;position:relative;z-index:2}.fw-banner-content h3{font-size:.85rem;font-weight:700;margin:0 0 12px;letter-spacing:1px;text-transform:uppercase;color:#bfdbfe}.fw-banner-content h2{font-size:1.6rem;font-weight:700;margin:0 0 20px;line-height:1.3;max-width:550px}.fw-banner-btn{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:10px 24px;border-radius:99px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease}.fw-banner-btn:hover{background:#fff;color:var(--brand, #3b82f6);transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.fw-banner-graphics{width:150px;position:relative;z-index:1}.fw-search-box{display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;padding:0 20px;height:56px;transition:all .3s ease}.fw-search-box:focus-within{box-shadow:0 8px 30px #3b82f61f;transform:translateY(-1px)}.fw-search-icon-inside{color:var(--brand, #3b82f6);margin-right:14px}.fw-search-input-main{flex:1;border:none;background:transparent;outline:none;font-size:1.05rem;color:var(--text)}.fw-search-input-main::placeholder{color:var(--muted)}.fw-feed-header{margin-top:10px}.fw-main-title{font-size:1.8rem;font-weight:800;color:var(--text);margin:0 0 20px;letter-spacing:-.5px}.fw-tabs-and-filters{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--border);padding-bottom:0}.fw-tabs-row{display:flex;gap:32px}.fw-tab-link{background:none;border:none;font-size:1rem;font-weight:600;color:var(--muted);padding:0 0 14px;cursor:pointer;position:relative;transition:color .3s}.fw-tab-link:hover{color:var(--brand)}.fw-tab-link.active{color:var(--text)}.fw-tab-link.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;border-radius:3px 3px 0 0;background:var(--brand, #3b82f6)}.fw-filter-toggle{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:8px 16px;border-radius:99px;font-size:.95rem;font-weight:600;color:var(--text);cursor:pointer;margin-bottom:12px;transition:all .3s}.fw-filter-toggle:hover{background:#f8fafc;box-shadow:0 4px 15px #00000014;transform:translateY(-1px)}.fw-filter-toggle.active{background:var(--brand, #3b82f6);color:#fff}.fw-tabs-subtitle{font-size:.9rem;color:var(--muted);margin:20px 0 0}@keyframes fadeDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.fw-filter-box{display:flex;align-items:center;gap:10px}.fw-filter-label{font-size:.9rem;font-weight:600;color:var(--text-2)}.fw-filter-box select{padding:6px 12px;border:1px solid var(--border);border-radius:6px;background:var(--surface-2);outline:none;font-size:.9rem;color:var(--text);cursor:pointer}.fw-filter-box select:focus{border-color:var(--brand, #3b82f6)}.fw-projects-container{background:var(--surface);border-radius:16px;border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden}.fw-sidebar-right{width:320px;flex-shrink:0;display:flex;flex-direction:column;gap:24px;position:sticky;top:100px;max-height:calc(100vh - 120px);overflow-y:auto}.fw-sidebar-right::-webkit-scrollbar{width:4px}.fw-sidebar-right::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.fw-card{background:var(--surface);border-radius:16px;border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:24px;transition:transform .3s ease,box-shadow .3s ease}.fw-card:hover{box-shadow:0 10px 30px #00000014;transform:translateY(-2px)}.fw-profile-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.fw-profile-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover}.fw-profile-info{display:flex;flex-direction:column}.fw-profile-name{font-size:1.1rem;font-weight:700;color:var(--text);text-decoration:none}.fw-profile-name:hover{text-decoration:underline;color:var(--brand, #3b82f6)}.fw-profile-role{font-size:.9rem;color:var(--muted);margin:2px 0 0}.fw-profile-progress{display:flex;flex-direction:column;gap:8px}.fw-progress-text{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.fw-progress-text a{color:var(--brand, #3b82f6);text-decoration:none;font-weight:500}.fw-progress-text a:hover{text-decoration:underline}.fw-progress-pct{font-weight:600;color:var(--text)}.fw-progress-bar-bg{width:100%;height:6px;background:var(--border);border-radius:99px;overflow:hidden}.fw-progress-bar-fill{height:100%;background:var(--brand, #3b82f6);border-radius:99px;transition:width .8s cubic-bezier(.16,1,.3,1)}.fw-completion-checklist{margin-top:10px;display:flex;flex-direction:column;gap:5px}.fw-completion-item{display:flex;align-items:center;gap:8px;font-size:.8rem;padding:3px 0}.fw-completion-item.done{color:#10b981}.fw-completion-item.missing{color:var(--muted)}.fw-check-icon{font-size:.75rem;width:14px;text-align:center;font-weight:700}.fw-progress-pct{font-weight:700;font-size:.9rem;color:var(--text);transition:color .3s}.fw-progress-pct.complete{color:#10b981}.fw-card-title{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:700;color:var(--text);margin:0 0 12px}.fw-card-desc{font-size:.9rem;color:var(--muted);line-height:1.5;margin:0 0 16px}.fw-card-link{font-size:.95rem;font-weight:600;color:var(--brand, #3b82f6);text-decoration:none}.fw-card-link:hover{text-decoration:underline}.mt-8{margin-top:16px;display:block}.fw-card-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.fw-card-header-flex h3{margin:0}.fw-ad-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.fw-ad-item:last-of-type{border-bottom:none}.fw-ad-text{display:flex;flex-direction:column}.fw-ad-text span{font-weight:600;color:var(--text);font-size:.95rem}.fw-ad-text small{color:var(--muted);font-size:.8rem;margin-top:2px}.fw-icon-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:50%;transition:background .2s,color .2s}.fw-icon-btn:hover{background:#f1f5f9;color:#1e293b}@media(max-width:1024px){.fw-sidebar-right{display:none}}@media(max-width:768px){.fw-container{flex-direction:column;padding:0 16px}.fw-sidebar-left{display:none;position:fixed;top:0;left:0;width:280px;height:100vh;z-index:1000;border-radius:0;max-height:none}.fw-sidebar-left.mobile-open{display:flex}.fw-close-filters-mobile{display:block}.fw-main-col{width:100%}.fw-banner{border-radius:8px}.fw-tabs-row{gap:16px;overflow-x:auto}}.pc-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:32px;transition:var(--transition);cursor:pointer;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);font-family:Inter,system-ui,-apple-system,sans-serif;margin-bottom:24px}.pc-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--brand);background-color:var(--surface-2)}.pc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.pc-posted{font-size:13px;font-weight:500;color:var(--muted)}.pc-actions{display:flex;align-items:center;gap:12px}.pc-iconBtn{border:1px solid var(--border);background:var(--surface);cursor:pointer;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;color:var(--muted);transition:var(--transition);box-shadow:var(--shadow-sm)}.pc-iconBtn:hover{background:var(--surface-2);color:var(--text);transform:scale(1.1);border-color:var(--muted);box-shadow:var(--shadow-md)}.pc-dislike:hover{color:#ef4444;background:#ef44441a;border-color:#ef444433}.pc-heart{color:var(--muted)}.pc-heart:hover{color:#ef4444;background:#ef44441a;border-color:#ef444433}.pc-heart.is-liked{color:#ef4444;background:#ef444426;border-color:#ef44444d}.pc-title{margin:0 0 12px;font-size:24px;font-weight:700;line-height:1.3;color:var(--text);transition:color .2s ease}.pc-card:hover .pc-title{color:var(--brand)}.pc-meta{margin:0 0 16px;font-size:14px;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:8px}.pc-desc{margin:0 0 20px;font-size:15px;line-height:1.6;color:var(--text-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-clamp:3;overflow:hidden}.pc-tags{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.pc-tag{font-size:12px;font-weight:600;color:var(--brand);background:var(--brand-light);padding:4px 10px;border-radius:6px;transition:var(--transition)}.pc-card:hover .pc-tag{background:var(--brand-light);color:var(--brand)}.pc-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:16px;border-top:1px solid var(--border)}.pc-bottomLeft{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.pc-badge{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#059669}.pc-badgeDot{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#10b981;color:#fff;font-size:10px}.pc-stars{font-size:14px;color:#f59e0b;display:flex;gap:2px}.pc-spent{font-size:14px;font-weight:700;color:var(--text)}.pc-loc{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:4px}.pc-footnote{margin-top:12px;font-size:13px;font-weight:500;color:var(--muted)}.projects-wrap{padding:18px}.projects-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.projects-title{margin:0;font-size:18px;font-weight:800;color:var(--text)}.projects-grid{display:grid;gap:20px;grid-template-columns:1fr}@media(max-width:1100px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1000px){.projects-grid{grid-template-columns:1fr}}@media(max-width:800px){.projects-grid{grid-template-columns:1fr}}@media(max-width:480px){.projects-grid{grid-template-columns:1fr}}.pg-wrap{margin:18px auto 0;width:fit-content;display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:6px}.pg-nav{border:none;background:transparent;padding:10px 14px;border-radius:8px;cursor:pointer;color:var(--muted);font-weight:600}.pg-nav:disabled{cursor:not-allowed;opacity:.5}.pg-pages{display:flex;align-items:center;gap:8px;padding:0 6px;border-left:1px solid var(--border);border-right:1px solid var(--border)}.pg-page{width:42px;height:42px;border-radius:8px;border:1px solid transparent;background:transparent;cursor:pointer;font-weight:700;color:var(--brand)}.pg-page.is-active{border-color:var(--brand);background:var(--brand-light)}.pg-dots{width:42px;text-align:center;color:var(--muted);font-weight:700}.onboarding-shell{min-height:100vh;background:var(--bg);display:flex;flex-direction:column;position:relative;overflow-x:hidden}.onboarding-nav{display:flex;align-items:center;justify-content:space-between;padding:24px 80px;background:var(--surface);border-bottom:1px solid var(--border);z-index:100}.onboarding-logo{font-size:24px;font-weight:800;color:var(--brand);letter-spacing:-.03em}.onboarding-progress-container{flex:1;max-width:400px;margin:0 40px}.onboarding-progress-bar{height:6px;background:var(--chip-bg);border-radius:var(--radius-full);position:relative;overflow:hidden}.onboarding-progress-fill{position:absolute;top:0;left:0;height:100%;background:var(--brand);transition:width .6s cubic-bezier(.16,1,.3,1)}.onboarding-exit-btn{padding:10px 24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-2);font-weight:700;font-size:14px;cursor:pointer;transition:var(--transition)}.onboarding-exit-btn:hover{background:var(--surface-2);border-color:var(--brand);color:var(--brand)}.onboarding-main{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px}.onboarding-card{width:100%;max-width:800px;background:var(--surface);padding:64px;border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-lg);min-height:500px;display:flex;flex-direction:column}[data-theme=dark] .onboarding-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-color:var(--glass-border)}.onboarding-step-indicator{font-size:14px;font-weight:700;color:var(--brand);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}.onboarding-title{font-size:40px;font-weight:800;color:var(--text);margin-bottom:16px;letter-spacing:-.02em}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:32px;max-height:400px;overflow-y:auto;padding:8px;border-radius:var(--radius-lg)}.category-grid::-webkit-scrollbar{width:6px}.category-grid::-webkit-scrollbar-track{background:transparent}.category-grid::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.category-grid::-webkit-scrollbar-thumb:hover{background:var(--muted)}.category-item{padding:24px;border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;background:var(--surface-2)}.category-item:hover{border-color:var(--brand);background:var(--surface);transform:translateY(-2px)}.category-item.selected{border-color:var(--brand);background:var(--brand-light);box-shadow:0 0 0 4px var(--btn-ghost)}.category-item h4{font-size:16px;font-weight:700;color:var(--text)}.onboarding-loading,.onboarding-no-data{grid-column:1 / -1;text-align:center;padding:60px;background:var(--surface-2);border-radius:var(--radius-lg);border:2px dashed var(--border);color:var(--muted)}.skills-input-wrapper{margin-bottom:32px}.skills-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.skill-tag{padding:10px 18px;background:var(--brand-light);color:var(--brand);border-radius:var(--radius-lg);font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px;transition:all .2s;border:1px solid var(--brand-border)}.skill-tag:hover{transform:scale(1.05);box-shadow:0 4px 12px var(--btn-ghost)}.onboarding-suggested-skills{margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}.suggested-label{font-size:14px;font-weight:700;color:var(--muted);margin-bottom:12px}.suggested-tags-wrap{display:flex;flex-wrap:wrap;gap:10px}.btn-suggest-skill{padding:8px 16px;background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text-2);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-suggest-skill:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-light);transform:translateY(-1px)}.skill-remove{cursor:pointer;opacity:.7}.skill-remove:hover{opacity:1}.skills-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;max-height:240px;overflow-y:auto;padding:8px}[data-theme=dark] .skills-suggestions{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-color:var(--glass-border)}.suggestion-item{padding:10px 16px;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;color:var(--text);transition:var(--transition)}.suggestion-item:hover{background:var(--brand-light);color:var(--brand)}.onboarding-footer{margin-top:auto;padding-top:48px;display:flex;justify-content:space-between;align-items:center}.btn-secondary{padding:14px 28px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-2);font-weight:600;cursor:pointer;transition:var(--transition)}.btn-secondary:hover{background:var(--surface-2);border-color:var(--text-2)}.btn-primary{padding:14px 40px;background:var(--brand);color:#fff;border:none;border-radius:var(--radius-lg);font-size:16px;font-weight:700;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:12px}.btn-primary:not(:disabled):hover{background:var(--brand-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.onboarding-input-group{margin-bottom:32px}.onboarding-label{display:block;font-size:15px;font-weight:700;color:var(--text);margin-bottom:12px}.onboarding-input{width:100%;padding:16px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);color:var(--input-text);font-size:16px;transition:var(--transition)}.onboarding-input:focus{outline:none;border-color:var(--brand);background:var(--surface);box-shadow:0 0 0 4px var(--btn-ghost)}.onboarding-textarea{min-height:180px;resize:vertical}.soft-fade-in{animation:softFadeIn .8s ease-out forwards}@media(max-width:768px){.onboarding-nav{padding:16px 20px}.onboarding-progress-container{display:none}.onboarding-card{padding:32px 24px;border-radius:0;min-height:100vh}.onboarding-title{font-size:28px}}.custom-dropdown{position:relative;width:100%;-webkit-user-select:none;user-select:none}.dropdown-selected{width:100%;padding:16px 16px 16px 48px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);color:var(--input-text);font-size:16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:var(--transition);position:relative}.custom-dropdown.open .dropdown-selected{border-color:var(--brand);background:var(--surface);box-shadow:0 0 0 4px var(--btn-ghost);border-bottom-left-radius:0;border-bottom-right-radius:0}.dropdown-icon{position:absolute;left:16px;color:var(--muted)}.dropdown-arrow{color:var(--muted);transition:transform .3s ease}.dropdown-arrow.rotate{transform:rotate(180deg);color:var(--brand)}.dropdown-options{position:absolute;top:100%;left:0;right:0;background:var(--surface);border:1px solid var(--brand);border-top:none;border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;max-height:280px;overflow-y:auto;animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-option{padding:14px 20px;font-size:15px;color:var(--text);cursor:pointer;transition:all .2s}.dropdown-option:hover{background:var(--brand-light);color:var(--brand);padding-left:24px}.dropdown-option.active{background:var(--brand);color:#fff}.dropdown-options::-webkit-scrollbar{width:6px}.dropdown-options::-webkit-scrollbar-track{background:transparent}.dropdown-options::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.onboarding-card{box-shadow:0 40px 100px #00000014!important;border-radius:32px!important}:root{--mj-primary: #4f46e5;--mj-primary-dark: #4338ca;--mj-primary-light: #f5f3ff;--mj-success: #10b981;--mj-warning: #f59e0b;--mj-danger: #ef4444;--mj-info: #0ea5e9;--mj-slate-50: #f8fafc;--mj-slate-100: #f1f5f9;--mj-slate-200: #e2e8f0;--mj-slate-300: #cbd5e1;--mj-slate-400: #94a3b8;--mj-slate-500: #64748b;--mj-slate-600: #475569;--mj-slate-700: #334155;--mj-slate-800: #1e293b;--mj-slate-900: #0f172a;--mj-radius: 12px;--mj-radius-lg: 16px;--mj-radius-full: 9999px;--mj-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--mj-shadow-md: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}.mj-page{min-height:100vh;background:var(--mj-slate-50);padding:40px 0;transition:all .3s ease}[data-theme=dark] .mj-page,body.dark .mj-page,.mj-dark .mj-page{background:transparent}.mj-container{max-width:1100px;margin:0 auto;padding:0 20px}.mj-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:20px}.mj-header-info h1{font-size:28px;font-weight:700;color:var(--mj-slate-900);margin-bottom:4px}[data-theme=dark] .mj-header-info h1{color:#fff}.mj-header-info p{color:var(--mj-slate-500);font-size:15px}.mj-post-btn{background:var(--mj-primary);color:#fff;border:none;padding:12px 24px;border-radius:var(--mj-radius);font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.mj-post-btn:hover{background:var(--mj-primary-dark);transform:translateY(-1px)}.mj-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.mj-stat-card{background:#fff;padding:20px;border-radius:var(--mj-radius-lg);border:1px solid var(--mj-slate-200);display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .2s}[data-theme=dark] .mj-stat-card{background:#ffffff0d;border-color:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0003}.mj-stat-card:hover{border-color:var(--mj-primary);transform:translateY(-2px)}.mj-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.mj-stat-icon.total{background:#f1f5f9;color:var(--mj-slate-600)}.mj-stat-icon.active{background:#f0fdf4;color:var(--mj-success)}.mj-stat-icon.drafts{background:#fffbeb;color:var(--mj-warning)}.mj-stat-icon.closed{background:#fef2f2;color:var(--mj-danger)}[data-theme=dark] .mj-stat-icon.total{background:#ffffff1a;color:#cbd5e1}[data-theme=dark] .mj-stat-icon.active{background:#10b98126;color:#34d399}[data-theme=dark] .mj-stat-icon.drafts{background:#f59e0b26;color:#fbbf24}[data-theme=dark] .mj-stat-icon.closed{background:#ef444426;color:#f87171}.mj-stat-value{display:block;font-size:20px;font-weight:700;color:var(--mj-slate-900)}[data-theme=dark] .mj-stat-value{color:#fff}.mj-stat-label{font-size:13px;color:var(--mj-slate-500);font-weight:500}.mj-tabs{display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;padding-bottom:4px}.mj-tab-btn{padding:8px 16px;border-radius:8px;border:1px solid var(--mj-slate-200);background:#fff;color:var(--mj-slate-600);font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap;transition:all .2s}[data-theme=dark] .mj-tab-btn{background:#ffffff0d;border-color:#ffffff1a;color:#94a3b8}.mj-tab-btn.mj-active{background:var(--mj-primary);color:#fff;border-color:var(--mj-primary)}.mj-tab-count{font-size:11px;background:#0000000d;padding:1px 6px;border-radius:4px}.mj-tab-btn.mj-active .mj-tab-count{background:#fff3}.mj-search{margin-bottom:24px}.mj-search-box{background:#fff;border:1px solid var(--mj-slate-200);border-radius:10px;display:flex;align-items:center;padding:0 16px;max-width:500px}[data-theme=dark] .mj-search-box{background:#ffffff0d;border-color:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mj-search-box input{border:none;background:transparent;padding:12px;width:100%;outline:none;color:inherit}.mj-list{display:flex;flex-direction:column;gap:16px}.mj-card{background:#fff;border:1px solid var(--mj-slate-200);border-radius:var(--mj-radius-lg);padding:24px;transition:all .2s}[data-theme=dark] .mj-card{background:#ffffff0a;border-color:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.mj-card:hover{border-color:var(--mj-primary)}.mj-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.mj-title-section{flex:1}.mj-title-section h3{font-size:19px;font-weight:700;color:var(--mj-slate-900);margin-bottom:8px}[data-theme=dark] .mj-title-section h3{color:#fff}.mj-status-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;background:#f1f5f9;color:var(--mj-slate-600)}.mj-status-badge.mj-active{background:#dcfce7;color:#15803d}.mj-status-badge.mj-draft{background:#fef3c7;color:#b45309}.mj-status-badge.mj-closed{background:#fee2e2;color:#b91c1c}.mj-status-badge.mj-info{background:#e0f2fe;color:#0369a1}.mj-dark .mj-status-badge.mj-active{background:#10b98126!important;color:#34d399!important;border:1px solid rgba(16,185,129,.25)!important}.mj-dark .mj-status-badge.mj-draft{background:#f59e0b26!important;color:#fbbf24!important;border:1px solid rgba(245,158,11,.25)!important}.mj-dark .mj-status-badge.mj-closed{background:#ef444426!important;color:#f87171!important;border:1px solid rgba(239,68,68,.25)!important}.mj-dark .mj-status-badge.mj-info{background:#0ea5e926!important;color:#38bdf8!important;border:1px solid rgba(14,165,233,.25)!important}.mj-card-actions{display:flex;gap:8px}.mj-action-btn{width:36px;height:36px;border-radius:8px;border:1px solid var(--mj-slate-200);background:#fff;color:var(--mj-slate-600);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}[data-theme=dark] .mj-action-btn{background:#ffffff12;border-color:#ffffff1a;color:#cbd5e1}.mj-action-btn:hover{border-color:var(--mj-primary);color:var(--mj-primary)}.mj-action-btn.mj-danger:hover{border-color:var(--mj-danger);color:var(--mj-danger)}.mj-card-details{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin-bottom:20px;padding:16px;background:#f8fafc;border-radius:10px}[data-theme=dark] .mj-card-details{background:#00000040;border:1px solid rgba(255,255,255,.03)}.mj-detail-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--mj-slate-600)}[data-theme=dark] .mj-detail-item{color:#94a3b8}.mj-detail-item svg{color:var(--mj-primary);opacity:.8}.mj-skills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.mj-skill-tag{padding:4px 12px;border-radius:6px;background:#fff;border:1px solid var(--mj-slate-200);font-size:13px;font-weight:500;color:var(--mj-slate-600)}[data-theme=dark] .mj-skill-tag{background:#ffffff0d;border-color:#ffffff1a;color:#94a3b8}.mj-card-footer{display:flex;gap:12px}.mj-footer-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s;border:1px solid transparent}.mj-footer-btn.mj-primary{background:var(--mj-primary);color:#fff}.mj-footer-btn.mj-primary:hover{background:var(--mj-primary-dark)}.mj-footer-btn.mj-outline{background:#fff;border-color:var(--mj-slate-200);color:var(--mj-slate-700)}[data-theme=dark] .mj-footer-btn.mj-outline{background:#ffffff0d;border-color:#ffffff1a;color:#fff}.mj-footer-btn.mj-outline:hover{background:var(--mj-slate-50);border-color:var(--mj-slate-300)}[data-theme=dark] .mj-footer-btn.mj-outline:hover{background:#ffffff1a}.mj-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.mj-modal-content{background:#fff;padding:32px;border-radius:16px;max-width:440px;width:100%}[data-theme=dark] .mj-modal-content{background:#1e293b;color:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080}.mj-modal-actions{display:flex;gap:12px;margin-top:24px}.mj-modal-actions button{flex:1;padding:12px;border-radius:8px;font-weight:600;cursor:pointer}.mj-btn-cancel{background:#f1f5f9;border:none;color:var(--mj-slate-600)}[data-theme=dark] .mj-btn-cancel{background:#ffffff0d;color:#fff}.mj-btn-danger{background:var(--mj-danger);border:none;color:#fff}.mj-status-options{display:flex;flex-direction:column;gap:12px;margin-top:24px}.mj-status-option{display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:12px;border:1px solid var(--mj-slate-200);background:#fff;color:var(--mj-slate-700);font-weight:600;font-size:15px;cursor:pointer;transition:all .2s;text-align:left;width:100%}[data-theme=dark] .mj-status-option{background:#ffffff0d;border-color:#ffffff1a;color:#f8fafc}.mj-status-option:hover{border-color:var(--mj-primary);background:var(--mj-primary-light);color:var(--mj-primary);transform:translate(4px)}[data-theme=dark] .mj-status-option:hover{background:#4f46e533;border-color:var(--mj-primary);color:#fff}.mj-status-option svg{color:var(--mj-slate-400);transition:all .2s}.mj-status-option:hover svg{color:var(--mj-primary);transform:scale(1.1)}@media(max-width:768px){.mj-stats{grid-template-columns:repeat(2,1fr)}.mj-header{flex-direction:column;align-items:flex-start}.mj-card-footer{flex-direction:column}}.f-myjobs{width:100%;max-width:1200px;margin:0 auto;padding:40px 20px 100px;min-height:80vh}.f-myjobs__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px;gap:32px;flex-wrap:wrap}.f-myjobs__header-content{flex:1;min-width:300px}.f-myjobs__title{font-size:36px;font-weight:850;color:var(--text);margin:0;letter-spacing:-.03em}.f-myjobs__subtitle{color:var(--muted);margin-top:10px;font-size:16px}.f-myjobs__stats{display:flex;gap:20px;flex-wrap:wrap}.f-myjobs__stat-card{padding:20px 24px;display:flex;align-items:center;gap:16px;min-width:200px;border-radius:var(--radius-lg);background:var(--surface-2);border:1px solid var(--border)}.f-myjobs__stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.active-icon{background:#2563eb1a;color:var(--brand)}.earned-icon{background:#10b9811a;color:#10b981}.f-myjobs__stat-info{display:flex;flex-direction:column}.f-myjobs__stat-label{font-size:12px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.f-myjobs__stat-value{font-size:22px;font-weight:800;color:var(--text);line-height:1.2}.f-myjobs__controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:24px;flex-wrap:wrap}.f-myjobs__tabs-wrapper{background:var(--input-bg);padding:4px;border-radius:14px;border:1px solid var(--border)}.f-myjobs__tabs{display:flex;gap:4px}.f-myjobs__tab{padding:10px 24px;background:none;border:none;font-size:14px;font-weight:700;color:var(--muted);cursor:pointer;border-radius:10px;transition:var(--transition)}.f-myjobs__tab:hover{color:var(--text)}.f-myjobs__tab.active{background:var(--surface);color:var(--brand);box-shadow:var(--shadow-sm)}.f-myjobs__search-container{flex:1;max-width:400px;position:relative}.f-myjobs__search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--muted)}.f-myjobs__search-input{width:100%;padding:14px 16px 14px 48px;border:1px solid var(--border);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--text);font-size:14px;outline:none;transition:var(--transition);border-radius:14px}.f-myjobs__search-input:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-light)}.f-myjobs__list{display:grid;gap:24px}.contract-card{display:flex;flex-direction:column;padding:0;transition:var(--transition);cursor:pointer;overflow:hidden;background:var(--glass-bg)!important;-webkit-backdrop-filter:var(--glass-blur)!important;backdrop-filter:var(--glass-blur)!important;border:1px solid var(--glass-border)!important;border-radius:24px!important;box-shadow:var(--glass-shadow)}.contract-card:hover{transform:translateY(-6px);border-color:var(--brand)!important;box-shadow:0 20px 40px #0003}.contract-card__main{padding:32px;flex:1}.contract-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.contract-card__title{font-size:24px;font-weight:850;color:var(--text);margin-bottom:10px;letter-spacing:-.02em}.contract-card__client{display:flex;align-items:center;gap:12px;color:var(--text-2);font-weight:600;font-size:15px}.client-avatar-mini{width:28px;height:28px;background:var(--brand);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}.contract-status-badge{display:flex;align-items:center;gap:10px;padding:8px 18px;border-radius:12px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;background:var(--surface-2)}.status-dot{width:8px;height:8px;border-radius:50%}.status--active{background:#10b98126;color:#10b981}.status--active .status-dot{background:#10b981;box-shadow:0 0 12px #10b981}.status--completed{background:#2563eb26;color:var(--brand)}.status--completed .status-dot{background:var(--brand);box-shadow:0 0 12px var(--brand)}.status--cancelled{background:#ef444426;color:#ef4444}.status--cancelled .status-dot{background:#ef4444}.status--disputed{background:#f59e0b26;color:#f59e0b}.status--disputed .status-dot{background:#f59e0b}.contract-card__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:32px;padding-top:28px;border-top:1px solid var(--border)}.card-stat{display:flex;flex-direction:column;gap:8px}.card-stat__label{font-size:12px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.card-stat__value{font-size:16px;font-weight:700;color:var(--text)}.card-stat__value.amount{color:var(--brand);font-size:20px;font-weight:850}.contract-card__footer{display:flex;padding:20px 32px;background:#0000001a;border-top:1px solid var(--border);gap:16px}.btn-chat-action,.btn-details-action{flex:1;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px;border-radius:14px;font-size:15px;font-weight:800;cursor:pointer;transition:var(--transition);border:1px solid transparent}.btn-chat-action{background:var(--brand);color:#fff}.btn-chat-action:hover{background:var(--brand-dark);transform:translateY(-2px);box-shadow:0 8px 20px #2563eb4d}.btn-details-action{background:var(--surface);border:1px solid var(--border);color:var(--text)}.btn-details-action:hover{background:var(--surface-2);border-color:var(--muted);transform:translateY(-2px)}@media(max-width:768px){.f-myjobs__header{flex-direction:column;align-items:center;text-align:center}.f-myjobs__controls{flex-direction:column}.f-myjobs__search-container{max-width:100%}.contract-card__header{flex-direction:column;gap:20px}.contract-card__footer{flex-direction:column}}:root{--bp-blue: #3b82f6;--bp-blue-dark: #2563eb;--bp-blue-soft: #dbeafe;--bp-blue-light: #eff6ff;--bp-blue-border: #bfdbfe;--bp-blue-glow: rgba(59, 130, 246, .15);--bp-green: #10b981;--bp-green-soft: #d1fae5;--bp-yellow: #f59e0b;--bp-yellow-soft: #fef3c7;--bp-red: #ef4444;--bp-red-soft: #fee2e2;--bp-purple: #8b5cf6;--bp-text: #0f172a;--bp-text-secondary: #334155;--bp-text-tertiary: #64748b;--bp-text-muted: #94a3b8;--bp-border: #e2e8f0;--bp-border-light: #f1f5f9;--bp-border-dark: #cbd5e1;--bp-surface: #ffffff;--bp-bg: #f8fafc;--bp-bg-alt: #f1f5f9;--bp-shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--bp-shadow-sm: 0 2px 6px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--bp-shadow-md: 0 6px 20px rgba(0, 0, 0, .08), 0 2px 6px rgba(0, 0, 0, .04);--bp-shadow-lg: 0 16px 48px rgba(0, 0, 0, .11), 0 4px 12px rgba(0, 0, 0, .05);--bp-shadow-blue: 0 6px 20px rgba(59, 130, 246, .25);--bp-radius-xs: 4px;--bp-radius-sm: 7px;--bp-radius: 10px;--bp-radius-lg: 16px;--bp-radius-xl: 22px;--bp-radius-full: 9999px;--bp-font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bp-ease: cubic-bezier(.4, 0, .2, 1)}.bp-page{min-height:100vh;background:var(--bp-bg);font-family:var(--bp-font-family);padding:32px 24px}.bp-container{max-width:1200px;margin:0 auto}.bp-header{display:flex;align-items:center;gap:24px;margin-bottom:32px}.bp-back-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bp-surface);border:1px solid var(--bp-border);border-radius:var(--bp-radius);font-size:14px;font-weight:500;color:var(--bp-text-secondary);cursor:pointer;transition:all .2s var(--bp-ease)}.bp-back-btn:hover{background:var(--bp-bg-alt);border-color:var(--bp-border-dark);color:var(--bp-blue)}.bp-header h1{font-size:24px;font-weight:700;color:var(--bp-text)}.bp-tabs{display:flex;gap:8px;margin-bottom:28px;background:var(--bp-surface);padding:5px;border-radius:var(--bp-radius);border:1px solid var(--bp-border);width:fit-content}.bp-tab-btn{display:flex;align-items:center;gap:8px;padding:10px 24px;background:transparent;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;color:var(--bp-text-tertiary);cursor:pointer;transition:all .2s var(--bp-ease)}.bp-tab-btn:hover{background:var(--bp-bg-alt);color:var(--bp-text)}.bp-tab-btn.bp-active{background:var(--bp-blue);color:#fff}.bp-balance-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px}.bp-balance-card{background:var(--bp-surface);border-radius:var(--bp-radius-lg);padding:24px;border:1px solid var(--bp-border);transition:all .2s var(--bp-ease)}.bp-balance-card:hover{transform:translateY(-2px);box-shadow:var(--bp-shadow-md)}.bp-balance-card.bp-available{background:linear-gradient(135deg,var(--bp-blue),var(--bp-blue-dark));color:#fff}.bp-balance-card.bp-available .bp-balance-label,.bp-balance-card.bp-available .bp-balance-sub{color:#ffffffe6}.bp-balance-card.bp-pending{background:linear-gradient(135deg,var(--bp-yellow),#d97706);color:#fff}.bp-balance-card.bp-pending .bp-balance-label,.bp-balance-card.bp-pending .bp-balance-sub{color:#ffffffe6}.bp-balance-card.bp-stats{background:var(--bp-surface)}.bp-balance-header{margin-bottom:16px}.bp-balance-label{display:block;font-size:14px;font-weight:500;color:var(--bp-text-tertiary);margin-bottom:4px}.bp-balance-sub{font-size:12px;color:var(--bp-text-muted)}.bp-balance-amount{font-size:32px;font-weight:800;margin-bottom:20px}.bp-withdraw-btn{padding:10px 20px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:var(--bp-radius);font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s;width:100%}.bp-withdraw-btn:hover{background:#ffffff4d}.bp-stats-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--bp-border-light)}.bp-stats-row:last-child{border-bottom:none}.bp-stats-label{font-size:13px;color:var(--bp-text-tertiary)}.bp-stats-value{font-size:14px;font-weight:600;color:var(--bp-text)}.bp-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.bp-section-header h3{font-size:18px;font-weight:600;color:var(--bp-text)}.bp-view-all-btn{display:flex;align-items:center;gap:6px;background:none;border:none;font-size:13px;color:var(--bp-blue);cursor:pointer}.bp-view-all-btn:hover{text-decoration:underline}.bp-header-buttons{display:flex;gap:12px}.bp-add-btn{display:flex;align-items:center;gap:6px;padding:8px 18px;background:var(--bp-blue);border:none;border-radius:var(--bp-radius);font-size:13px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s}.bp-add-btn:hover{background:var(--bp-blue-dark)}.bp-add-btn.bp-bank{background:var(--bp-purple)}.bp-add-btn.bp-bank:hover{background:#7c3aed}.bp-recent-transactions{background:var(--bp-surface);border-radius:var(--bp-radius-lg);border:1px solid var(--bp-border);padding:20px}.bp-transactions-list{display:flex;flex-direction:column;gap:16px}.bp-transaction-item{display:flex;align-items:center;gap:16px;padding:12px;border-radius:var(--bp-radius);transition:all .2s}.bp-transaction-item:hover{background:var(--bp-bg)}.bp-transaction-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bp-bg-alt);border-radius:var(--bp-radius)}.bp-icon-payment{color:var(--bp-red)}.bp-icon-deposit{color:var(--bp-green)}.bp-icon-refund{color:var(--bp-yellow)}.bp-icon-fee{color:var(--bp-text-tertiary)}.bp-transaction-info{flex:1}.bp-transaction-description{font-size:14px;font-weight:500;color:var(--bp-text);margin-bottom:4px}.bp-transaction-date{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--bp-text-muted)}.bp-transaction-amount{text-align:right}.bp-transaction-amount span{display:block;font-size:16px;font-weight:700;margin-bottom:6px}.bp-transaction-amount .bp-positive{color:var(--bp-green)}.bp-transaction-amount .bp-negative{color:var(--bp-red)}.bp-status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--bp-radius-full);font-size:11px;font-weight:600}.bp-status-badge.bp-completed{background:var(--bp-green-soft);color:var(--bp-green)}.bp-status-badge.bp-pending{background:var(--bp-yellow-soft);color:var(--bp-yellow)}.bp-status-badge.bp-failed{background:var(--bp-red-soft);color:var(--bp-red)}.bp-payment-methods{background:var(--bp-surface);border-radius:var(--bp-radius-lg);border:1px solid var(--bp-border);padding:24px}.bp-methods-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.bp-method-card{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid var(--bp-border);border-radius:var(--bp-radius);transition:all .2s;position:relative}.bp-method-card.bp-default{border-color:var(--bp-blue);background:var(--bp-blue-soft)}.bp-method-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bp-bg-alt);border-radius:var(--bp-radius);color:var(--bp-blue)}.bp-method-info{flex:1}.bp-method-name{font-size:16px;font-weight:600;color:var(--bp-text);margin-bottom:6px}.bp-method-details{display:flex;gap:20px;font-size:12px;color:var(--bp-text-tertiary)}.bp-default-badge{position:absolute;top:12px;right:80px;padding:2px 8px;background:var(--bp-blue);border-radius:var(--bp-radius-full);font-size:10px;font-weight:600;color:#fff}.bp-method-actions{display:flex;gap:8px}.bp-method-action{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--bp-border);border-radius:var(--bp-radius-sm);cursor:pointer;transition:all .2s;color:var(--bp-text-tertiary)}.bp-method-action.bp-set-default:hover{border-color:var(--bp-blue);color:var(--bp-blue)}.bp-method-action.bp-delete:hover{border-color:var(--bp-red);color:var(--bp-red)}.bp-security-notice{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bp-bg);border-radius:var(--bp-radius);margin-top:16px}.bp-security-notice svg{color:var(--bp-blue);flex-shrink:0}.bp-security-notice strong{display:block;font-size:13px;color:var(--bp-text);margin-bottom:2px}.bp-security-notice p{font-size:12px;color:var(--bp-text-tertiary)}.bp-transactions-full{background:var(--bp-surface);border-radius:var(--bp-radius-lg);border:1px solid var(--bp-border);padding:20px}.bp-download-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:1px solid var(--bp-border);border-radius:var(--bp-radius-sm);font-size:13px;color:var(--bp-text-secondary);cursor:pointer}.bp-download-btn:hover{background:var(--bp-bg-alt)}.bp-transactions-table{margin-top:16px}.bp-table-header{display:grid;grid-template-columns:100px 1fr 120px 100px 100px;padding:12px 0;border-bottom:1px solid var(--bp-border);font-size:12px;font-weight:600;color:var(--bp-text-tertiary)}.bp-table-row{display:grid;grid-template-columns:100px 1fr 120px 100px 100px;padding:14px 0;border-bottom:1px solid var(--bp-border-light);align-items:center}.bp-table-row:hover{background:var(--bp-bg)}.bp-cell.bp-date{font-size:13px;color:var(--bp-text-secondary)}.bp-cell.bp-description .bp-desc-text{font-size:14px;font-weight:500;color:var(--bp-text);margin-bottom:4px}.bp-cell.bp-description .bp-desc-type{font-size:11px;color:var(--bp-text-muted);text-transform:capitalize}.bp-cell.bp-reference{font-size:12px;color:var(--bp-text-muted);font-family:monospace}.bp-cell.bp-amount{font-size:15px;font-weight:700}.bp-cell.bp-amount.bp-positive{color:var(--bp-green)}.bp-cell.bp-amount.bp-negative{color:var(--bp-red)}.bp-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.bp-modal-content{background:var(--bp-surface);border-radius:var(--bp-radius-lg);max-width:480px;width:100%;overflow:hidden;animation:bpModalSlideIn .3s var(--bp-ease)}.bp-modal-content.bp-withdraw{max-width:420px}@keyframes bpModalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bp-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--bp-border-light)}.bp-modal-header h3{font-size:18px;font-weight:600;color:var(--bp-text)}.bp-close-modal{background:none;border:none;cursor:pointer;color:var(--bp-text-muted);padding:4px}.bp-modal-body{padding:24px}.bp-form-group{margin-bottom:20px}.bp-form-group label{display:block;font-size:13px;font-weight:600;color:var(--bp-text);margin-bottom:6px}.bp-form-group input,.bp-form-group select{width:100%;padding:10px 14px;border:1.5px solid var(--bp-border);border-radius:var(--bp-radius);font-size:14px;font-family:inherit;transition:all .2s}.bp-form-group input:focus,.bp-form-group select:focus{outline:none;border-color:var(--bp-blue);box-shadow:0 0 0 3px var(--bp-blue-glow)}.bp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bp-available-balance{display:flex;justify-content:space-between;padding:12px;background:var(--bp-bg);border-radius:var(--bp-radius);margin-bottom:20px;font-size:14px}.bp-available-balance strong{font-size:18px;color:var(--bp-blue)}.bp-info-note{display:flex;align-items:center;gap:8px;padding:12px;background:var(--bp-yellow-soft);border-radius:var(--bp-radius);font-size:12px;color:var(--bp-yellow);margin-top:16px}.bp-modal-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid var(--bp-border-light)}.bp-cancel-btn{flex:1;padding:10px;background:transparent;border:1px solid var(--bp-border);border-radius:var(--bp-radius);font-size:14px;font-weight:500;color:var(--bp-text-tertiary);cursor:pointer}.bp-cancel-btn:hover{background:var(--bp-bg-alt)}.bp-submit-btn{flex:1;padding:10px;background:var(--bp-blue);border:none;border-radius:var(--bp-radius);font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.bp-submit-btn:hover{background:var(--bp-blue-dark)}.bp-submit-btn:disabled{opacity:.5;cursor:not-allowed}.bp-success-toast{position:fixed;bottom:30px;right:30px;display:flex;align-items:center;gap:10px;padding:12px 20px;background:var(--bp-green);color:#fff;border-radius:var(--bp-radius);font-size:14px;animation:bpSlideInRight .3s var(--bp-ease);z-index:1100}@keyframes bpSlideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@media(max-width:900px){.bp-balance-cards{grid-template-columns:1fr}.bp-table-header,.bp-table-row{grid-template-columns:80px 1fr 100px 80px 80px;gap:8px}}@media(max-width:768px){.bp-page{padding:20px 16px}.bp-tabs{width:100%;justify-content:center}.bp-tab-btn{flex:1;justify-content:center}.bp-table-header,.bp-table-row{display:flex;flex-wrap:wrap;gap:8px}.bp-cell{width:calc(50% - 8px)}.bp-header-buttons{flex-direction:column}.bp-modal-content{margin:16px}.bp-success-toast{left:16px;right:16px;bottom:16px}.bp-form-row{grid-template-columns:1fr}}:root{--cm-primary: #4f46e5;--cm-primary-dark: #4338ca;--cm-primary-light: #eef2ff;--cm-success: #10b981;--cm-warning: #f59e0b;--cm-danger: #ef4444;--cm-slate-50: #f8fafc;--cm-slate-100: #f1f5f9;--cm-slate-200: #e2e8f0;--cm-slate-300: #cbd5e1;--cm-slate-400: #94a3b8;--cm-slate-500: #64748b;--cm-slate-600: #475569;--cm-slate-700: #334155;--cm-slate-800: #1e293b;--cm-slate-900: #0f172a;--cm-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--cm-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--cm-shadow-md: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--cm-radius: 12px;--cm-radius-lg: 20px}[data-theme=dark],body.dark{--cm-surface: rgba(30, 41, 59, .7);--cm-glass: rgba(255, 255, 255, .05);--cm-glass-border: rgba(255, 255, 255, .1);--cm-text-primary: #f8fafc;--cm-text-secondary: #94a3b8;--cm-card-bg: rgba(30, 41, 59, .5);--cm-stat-active-bg: rgba(79, 70, 229, .2);--cm-stat-total-bg: rgba(16, 185, 129, .2);--cm-stat-paid-bg: rgba(147, 51, 234, .2);--cm-stat-escrow-bg: rgba(245, 158, 11, .2)}.cm-page{min-height:100vh;background:var(--cm-slate-50);padding:32px;transition:background .3s ease}[data-theme=dark] .cm-page,body.dark .cm-page{background:transparent}.cm-container{max-width:1200px;margin:0 auto}.cm-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px;flex-wrap:wrap;gap:20px}.cm-header-info h1{font-size:28px;font-weight:800;color:var(--cm-slate-900);letter-spacing:-.025em;margin-bottom:4px}[data-theme=dark] .cm-header-info h1,body.dark .cm-header-info h1{color:var(--cm-text-primary);text-shadow:0 10px 20px rgba(0,0,0,.2)}.cm-header-info p{font-size:15px;color:var(--cm-slate-500)}[data-theme=dark] .cm-header-info p,body.dark .cm-header-info p{color:var(--cm-text-secondary)}.cm-back-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#fff;border:1px solid var(--cm-slate-200);border-radius:var(--cm-radius);font-size:14px;font-weight:600;color:var(--cm-slate-700);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--cm-shadow-sm)}[data-theme=dark] .cm-back-btn,body.dark .cm-back-btn{background:var(--cm-glass);border-color:var(--cm-glass-border);color:var(--cm-text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cm-back-btn:hover{background:var(--cm-slate-50);border-color:var(--cm-slate-300);transform:translate(-2px)}[data-theme=dark] .cm-back-btn:hover,body.dark .cm-back-btn:hover{background:#ffffff1a;border-color:#fff3}.cm-create-btn{display:flex;align-items:center;gap:10px;padding:12px 24px;background:var(--cm-primary);border:none;border-radius:var(--cm-radius);font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--cm-shadow-sm)}.cm-create-btn:hover{background:var(--cm-primary-dark);box-shadow:0 10px 15px -3px #4f46e54d;transform:translateY(-1px)}.cm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px}.cm-stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border:1px solid var(--cm-slate-200);border-radius:var(--cm-radius-lg);box-shadow:var(--cm-shadow-sm);transition:all .3s ease}[data-theme=dark] .cm-stat-card,body.dark .cm-stat-card{background:var(--cm-glass);border-color:var(--cm-glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 30px #0003}.cm-stat-card:hover{transform:translateY(-4px);box-shadow:var(--cm-shadow);border-color:var(--cm-primary-light)}[data-theme=dark] .cm-stat-card:hover,body.dark .cm-stat-card:hover{border-color:#6366f180;box-shadow:0 15px 40px #0006}.cm-stat-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:14px;flex-shrink:0}.cm-stat-icon.cm-active{background:var(--cm-primary-light);color:var(--cm-primary)}.cm-stat-icon.cm-total{background:#f0fdf4;color:var(--cm-success)}.cm-stat-icon.cm-paid{background:#faf5ff;color:#9333ea}.cm-stat-icon.cm-escrow{background:#fffbeb;color:var(--cm-warning)}[data-theme=dark] .cm-stat-icon.cm-active{background:var(--cm-stat-active-bg);color:#818cf8}[data-theme=dark] .cm-stat-icon.cm-total{background:var(--cm-stat-total-bg);color:#34d399}[data-theme=dark] .cm-stat-icon.cm-paid{background:var(--cm-stat-paid-bg);color:#c084fc}[data-theme=dark] .cm-stat-icon.cm-escrow{background:var(--cm-stat-escrow-bg);color:#fbbf24}.cm-stat-value{display:block;font-size:24px;font-weight:800;color:var(--cm-slate-900);line-height:1.2}[data-theme=dark] .cm-stat-value,body.dark .cm-stat-value{color:var(--cm-text-primary)}.cm-stat-label{font-size:13px;font-weight:500;color:var(--cm-slate-500);text-transform:uppercase;letter-spacing:.05em}[data-theme=dark] .cm-stat-label,body.dark .cm-stat-label{color:var(--cm-text-secondary)}.cm-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid #e2e8f0;padding-bottom:12px}[data-theme=dark] .cm-tabs,body.dark .cm-tabs{border-color:#ffffff1a}.cm-tab-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:transparent;border:none;border-radius:10px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.cm-tab-btn:hover{background:#f1f5f9;color:#0f172a}[data-theme=dark] .cm-tab-btn:hover,body.dark .cm-tab-btn:hover{background:#ffffff1a;color:#fff}.cm-tab-btn.cm-active{background:var(--blue);color:#fff}.cm-search{margin-bottom:20px}.cm-search-box{position:relative;max-width:380px}.cm-search-box svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8}.cm-search-box input{width:100%;padding:12px 16px 12px 44px;border:1.5px solid #e2e8f0;border-radius:12px;font-size:14px;background:#fff;color:#0f172a}[data-theme=dark] .cm-search-box input,body.dark .cm-search-box input{background:var(--cm-glass);border-color:var(--cm-glass-border);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cm-search-box input:focus{outline:none;border-color:var(--blue)}.cm-search-clear{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#94a3b8}.cm-contracts-list{display:flex;flex-direction:column;gap:16px}.cm-contract-item{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}[data-theme=dark] .cm-contract-item,body.dark .cm-contract-item{background:var(--cm-glass);border-color:var(--cm-glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.cm-contract-item:hover{border-color:var(--blue);box-shadow:0 10px 25px -5px #3b82f61a,0 8px 10px -6px #3b82f61a;transform:translateY(-2px)}[data-theme=dark] .cm-contract-item:hover,body.dark .cm-contract-item:hover{background:#ffffff14;border-color:#6366f180;box-shadow:0 20px 40px #0006}.cm-contract-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;flex-wrap:wrap;gap:10px}.cm-contract-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cm-contract-title h3{font-size:16px;font-weight:600;color:#0f172a}[data-theme=dark] .cm-contract-title h3,body.dark .cm-contract-title h3{color:#fff}.cm-status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600}.cm-status-badge.cm-active{background:#d1fae5;color:#065f46}.cm-status-badge.cm-ended{background:#fee2e2;color:#b91c1c}[data-theme=dark] .cm-status-badge.cm-active,body.dark .cm-status-badge.cm-active{background:#10b98126;color:#34d399}[data-theme=dark] .cm-status-badge.cm-ended,body.dark .cm-status-badge.cm-ended{background:#ef444426;color:#f87171}.cm-action-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;background:transparent;border:1px solid #e2e8f0;border-radius:8px;font-size:12px;color:#475569;cursor:pointer;transition:all .2s}[data-theme=dark] .cm-action-btn,body.dark .cm-action-btn{border-color:var(--cm-glass-border);color:var(--cm-text-secondary)}.cm-action-btn.cm-view:hover{border-color:var(--blue);color:var(--blue)}.cm-contract-body{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.cm-freelancer-info{display:flex;align-items:center;gap:12px}.cm-freelancer-avatar-sm,.cm-avatar-img{width:44px;height:44px;border-radius:12px;object-fit:cover;border:2px solid #f1f5f9;transition:all .3s}.cm-contract-item:hover .cm-avatar-img{border-color:var(--blue-light);transform:scale(1.05)}.cm-avatar-placeholder{width:44px;height:44px;border-radius:12px;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;border:2px solid transparent}.cm-freelancer-name{font-size:15px;font-weight:600;color:#0f172a;display:block}[data-theme=dark] .cm-freelancer-name,body.dark .cm-freelancer-name{color:#fff}.cm-freelancer-title{font-size:12px;color:#64748b;margin-top:2px}.cm-contract-details{display:flex;gap:20px}.cm-detail{display:flex;align-items:center;gap:5px;font-size:13px;color:#475569}[data-theme=dark] .cm-detail,body.dark .cm-detail{color:var(--cm-text-secondary)}.cm-progress-bar{width:150px;height:6px;background:#e2e8f0;border-radius:10px;overflow:hidden}.cm-progress-fill{height:100%;background:linear-gradient(90deg,var(--blue),var(--blue-dark));border-radius:10px}.cm-details-view{animation:cmFadeIn .4s cubic-bezier(.4,0,.2,1)}.cm-details-card{background:#fff;border-radius:var(--cm-radius-lg);border:1px solid var(--cm-slate-200);box-shadow:var(--cm-shadow-md);overflow:hidden}.cm-details-header{display:flex;justify-content:space-between;align-items:flex-start;padding:32px;background:linear-gradient(135deg,var(--cm-slate-50),white);border-bottom:1px solid var(--cm-slate-200);flex-wrap:wrap;gap:20px}.cm-details-header h2{font-size:24px;font-weight:800;color:var(--cm-slate-900);letter-spacing:-.025em;margin-bottom:6px}[data-theme=dark] .cm-details-header h2,body.dark .cm-details-header h2{color:#fff}.cm-contract-id{font-size:13px;font-weight:500;color:var(--cm-slate-400);font-family:monospace}.cm-details-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;padding:32px}.cm-info-section{margin-bottom:32px}.cm-info-section .section-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;color:var(--cm-slate-900)}.cm-info-section h3{font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--cm-slate-500)}.cm-freelancer-card-alt{display:flex;align-items:center;gap:20px;padding:20px;background:var(--cm-slate-50);border-radius:var(--cm-radius);border:1px solid var(--cm-slate-200);transition:all .3s ease}.cm-freelancer-card-alt:hover{background:#fff;border-color:var(--cm-primary-light);box-shadow:var(--cm-shadow)}.cm-freelancer-avatar-lg,.cm-avatar-lg-img{width:72px;height:72px;border-radius:16px;object-fit:cover;border:3px solid #f1f5f9}.cm-avatar-lg-placeholder{width:72px;height:72px;border-radius:16px;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:24px}.cm-freelancer-details h4{font-size:16px;font-weight:600;color:#0f172a;margin-bottom:4px}.cm-freelancer-details p{font-size:12px;color:#64748b;margin-bottom:6px}.cm-rating{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:500;color:var(--warning)}.cm-contact-info{display:flex;flex-direction:column;gap:4px;font-size:11px;color:#94a3b8;margin:8px 0}.cm-freelancer-email{font-size:13px;color:#64748b;margin-bottom:12px}.cm-freelancer-actions{display:flex;gap:10px;margin-top:12px}.cm-btn-primary,.cm-btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.cm-btn-primary{background:var(--blue);color:#fff}.cm-btn-primary:hover{background:var(--blue-dark);box-shadow:0 4px 12px #2563eb33;transform:translateY(-1px)}.cm-btn-secondary{background:#fff;border-color:#e2e8f0;color:#334155}.cm-btn-secondary:hover{background:#f8fafc;border-color:var(--blue);color:var(--blue);transform:translateY(-1px)}.cm-btn-sm{padding:6px 12px;font-size:12px}.cm-message-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--blue);border:none;border-radius:8px;font-size:12px;color:#fff;cursor:pointer;transition:all .2s}.cm-message-btn:hover{background:var(--blue-dark)}.cm-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cm-info-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f1f5f9}.cm-info-item .cm-label{font-size:12px;color:#64748b}.info-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fff;border:1px solid var(--cm-slate-200);border-radius:var(--cm-radius);transition:all .2s ease}.info-item:hover{border-color:var(--cm-primary-light);transform:translateY(-2px);box-shadow:var(--cm-shadow-sm)}.info-item .label{font-size:13px;font-weight:600;color:var(--cm-slate-500);text-transform:uppercase;letter-spacing:.05em}.info-item .value{font-size:15px;font-weight:700;color:var(--cm-slate-900)}.info-item .value-price{font-size:18px;font-weight:800;color:var(--cm-primary)}.cm-milestones-list-alt{display:flex;flex-direction:column;gap:16px}.cm-milestone-card{display:flex;align-items:center;gap:16px;padding:16px;background:#fff;border:1px solid var(--cm-slate-200);border-radius:var(--cm-radius);transition:all .3s ease}.cm-milestone-card:hover{border-color:var(--cm-primary-light);box-shadow:var(--cm-shadow);transform:translate(6px)}.milestone-idx{width:36px;height:36px;background:var(--cm-slate-100);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:var(--cm-slate-500)}.milestone-h .title{font-size:15px;font-weight:700;color:var(--cm-slate-900)}.milestone-h .amount{font-size:15px;font-weight:800;color:var(--cm-primary)}.status-pill{display:inline-flex;padding:4px 12px;border-radius:20px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.status-pill.released{background:#dcfce7;color:var(--cm-success)}.status-pill.submitted{background:#e0f2fe;color:#0369a1}.status-pill.pending{background:#fff7ed;color:#9a3412}.cm-milestones-list{position:relative;display:flex;flex-direction:column;gap:16px}.cm-milestone-item{position:relative;padding:16px;background:#fff;border:1px solid var(--cm-slate-200);border-radius:var(--cm-radius);transition:all .2s ease}.cm-milestone-item:hover{border-color:var(--cm-primary-light);transform:translate(4px);background:var(--cm-slate-50)}.cm-milestone-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.cm-milestone-title{font-size:14px;font-weight:700;color:var(--cm-slate-900)}.cm-milestone-amount{font-size:15px;font-weight:800;color:var(--cm-primary)}.cm-milestone-status{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.025em}.cm-milestone-status.cm-completed{background:#dcfce7;color:var(--cm-success)}.cm-milestone-status.cm-progress{background:#e0f2fe;color:#0369a1}.cm-milestone-status.cm-pending{background:#fef3c7;color:#92400e}.cm-progress-large{display:flex;align-items:center;gap:16px}.cm-progress-bar-large{flex:1;height:10px;background:#e2e8f0;border-radius:10px;overflow:hidden}.cm-progress-fill-large{height:100%;background:linear-gradient(90deg,var(--blue),var(--blue-dark));border-radius:10px}.cm-progress-percent{font-size:18px;font-weight:700;color:var(--blue)}.cm-last-activity{display:flex;align-items:center;gap:6px;margin-top:12px;font-size:12px;color:#64748b}.cm-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.cm-modal-content{background:#fff;border-radius:20px;padding:28px;max-width:480px;width:100%;animation:cmModalSlideIn .3s ease}@keyframes cmModalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cm-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.cm-modal-header h3{font-size:18px;font-weight:600;color:#0f172a;margin:0}.cm-close-modal{background:none;border:none;cursor:pointer;color:#94a3b8}.cm-modal-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.cm-modal-icon.cm-warning{background:#fee2e2;color:var(--danger)}.cm-modal-icon.cm-review{background:#fef3c7;color:var(--warning)}.cm-modal-title{text-align:center;font-size:18px;font-weight:600;color:#0f172a;margin-bottom:8px}.cm-modal-text{text-align:center;font-size:14px;color:#64748b;margin-bottom:20px}.cm-form-group{margin-bottom:20px}.cm-form-group label{display:block;font-size:13px;font-weight:600;color:#0f172a;margin-bottom:6px}.cm-form-group input,.cm-form-group select,.cm-form-group textarea{width:100%;padding:10px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:14px;background:#fff;color:#0f172a;font-family:inherit}.cm-form-group input:focus,.cm-form-group select:focus,.cm-form-group textarea:focus{outline:none;border-color:var(--blue)}.cm-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cm-rating-section{text-align:center;margin-bottom:20px}.cm-stars{display:flex;justify-content:center;gap:8px;margin-top:10px}.cm-star-btn{background:none;border:none;cursor:pointer}.cm-rating-details{background:#f8fafc;border-radius:12px;padding:16px;margin-bottom:20px}.cm-rating-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.cm-rating-stars{display:flex;gap:4px}.cm-rating-stars button{background:none;border:none;cursor:pointer}.cm-modal-actions{display:flex;gap:12px;margin-top:20px}.cm-cancel-btn{flex:1;padding:10px;background:transparent;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.cm-cancel-btn:hover{background:#f1f5f9}.cm-confirm-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;background:var(--blue);border:none;border-radius:10px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.cm-confirm-btn:hover{background:var(--blue-dark)}.cm-confirm-btn.cm-danger{background:var(--danger)}.cm-confirm-btn.cm-danger:hover{background:#dc2626}.cm-submit-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;background:var(--blue);border:none;border-radius:10px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.cm-submit-btn:hover{background:var(--blue-dark)}.cm-modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #f1f5f9}.cm-empty-state{text-align:center;padding:60px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:16px}[data-theme=dark] .cm-empty-state,body.dark .cm-empty-state{background:var(--cm-glass);border-color:var(--cm-glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.cm-empty-state svg{color:#cbd5e1;margin-bottom:16px}.cm-empty-state h3{font-size:18px;font-weight:600;color:#0f172a;margin-bottom:8px}[data-theme=dark] .cm-empty-state h3,body.dark .cm-empty-state h3{color:#fff}.cm-empty-state p{font-size:14px;color:#64748b}.cm-success-toast{position:fixed;bottom:30px;right:30px;display:flex;align-items:center;gap:10px;padding:12px 20px;background:var(--success);color:#fff;border-radius:10px;font-size:14px;animation:cmSlideInRight .3s ease;z-index:1100}@keyframes cmSlideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes cmFadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:900px){.cm-details-grid{grid-template-columns:1fr}.cm-stats{grid-template-columns:repeat(2,1fr)}.cm-contract-body{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.cm-page{padding:16px}.cm-header{flex-direction:column;align-items:flex-start}.cm-create-btn{width:100%;justify-content:center}.cm-details-header{flex-direction:column}.cm-details-actions{width:100%}.cm-end-contract-btn,.cm-review-btn{flex:1;justify-content:center}.cm-info-grid{grid-template-columns:1fr}.cm-modal-content{margin:16px}.cm-success-toast{left:16px;right:16px;bottom:16px}.cm-form-row{grid-template-columns:1fr}}.cm-modal-overlay{background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:40px 20px;overflow-y:auto}.cm-detail-modal{max-width:900px!important;padding:0!important;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;border:1px solid rgba(255,255,255,.1);transition:background .3s ease}[data-theme=dark] .cm-detail-modal{background:#1e293b;border-color:#ffffff1a}.cm-modal-header{padding:24px 32px;background:#f8fafc;border-bottom:1px solid #e2e8f0;margin-bottom:0}[data-theme=dark] .cm-modal-header{background:#0f172acc;border-color:#ffffff1a}.cm-modal-header .header-info h2{font-size:20px;font-weight:800;color:#1e293b}[data-theme=dark] .cm-modal-header .header-info h2{color:#fff}.cm-modal-body{padding:32px;max-height:70vh;overflow-y:auto}[data-theme=dark] .cm-modal-body{background:#0f172a;color:#f8fafc;overflow-y:visible;max-height:none}.cm-modal-footer{padding:20px 32px;background:#f8fafc;border-top:1px solid #e2e8f0;margin-top:0}[data-theme=dark] .cm-modal-footer{background:#0f172acc;border-color:#ffffff1a}.section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;color:var(--blue)}.section-header h3{margin:0;font-size:15px;font-weight:700;color:#334155;text-transform:uppercase;letter-spacing:.5px;border:none!important;padding:0!important;transition:color .3s}[data-theme=dark] .section-header h3{color:#94a3b8}.cm-freelancer-card-alt{display:flex;gap:20px;padding:20px;background:#f1f5f9;border-radius:16px;border:1px solid #e2e8f0}[data-theme=dark] .cm-freelancer-card-alt{background:#ffffff08;border-color:#ffffff1a}.cm-avatar-lg-placeholder{width:64px;height:64px;background:var(--blue-light);color:var(--blue);border-radius:16px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:24px}.cm-chat-btn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:12px;font-weight:600;color:#334155;cursor:pointer;transition:all .2s}[data-theme=dark] .cm-chat-btn{background:#ffffff0d;border-color:#ffffff1a;color:#cbd5e1}.cm-chat-btn:hover{border-color:var(--blue);color:var(--blue);box-shadow:0 4px 12px #0000000d}.cm-info-list{display:flex;flex-direction:column;gap:12px}.cm-info-list .info-item{display:flex;justify-content:space-between;padding:12px 16px;background:#fff;border:1px solid #f1f5f9;border-radius:10px}[data-theme=dark] .cm-info-list .info-item{background:#ffffff08;border-color:#ffffff14}.cm-info-list .info-item .label{font-size:13px;color:#64748b}.cm-info-list .info-item .value{font-size:13px;font-weight:600;color:#1e293b}[data-theme=dark] .cm-info-list .info-item .value{color:#fff}.cm-info-list .info-item .value-price{font-size:15px;font-weight:800;color:var(--blue)}.cm-milestones-list-alt{display:flex;flex-direction:column;gap:12px}.cm-milestone-card{display:flex;gap:16px;padding:16px;background:#fff;border:1px solid #f1f5f9;border-radius:14px;transition:all .2s}[data-theme=dark] .cm-milestone-card{background:#ffffff08;border-color:#ffffff14}.cm-milestone-card:hover{border-color:var(--blue-light);transform:translate(4px)}.milestone-idx{width:32px;height:32px;background:#f1f5f9;color:#64748b;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}.milestone-content{flex:1}.milestone-h{display:flex;justify-content:space-between;margin-bottom:6px}.milestone-h .title{font-size:14px;font-weight:600;color:#1e293b}[data-theme=dark] .milestone-h .title,[data-theme=dark] .cm-freelancer-details h4{color:#fff}.milestone-h .amount{font-size:14px;font-weight:800;color:#10b981}.status-pill{font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;text-transform:uppercase}.status-pill.pending{background:#fef3c7;color:#d97706}.status-pill.submitted{background:#dbeafe;color:#2563eb}.status-pill.released{background:#d1fae5;color:#059669}.cm-primary-btn{padding:10px 24px;background:var(--blue);border:none;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.cm-primary-btn:hover{background:var(--blue-dark);box-shadow:0 4px 12px #3b82f666}[data-theme=dark] .cm-cancel-btn{background:#ffffff0d;border-color:#ffffff1a;color:#94a3b8}.modal-loader-wrap{display:flex;flex-direction:column;items:center;justify-content:center;padding:60px;gap:20px;color:#64748b}.no-data{text-align:center;padding:40px;color:#94a3b8;font-style:italic;font-size:14px}.cm-avatar-placeholder{width:32px;height:32px;background:#f1f5f9;color:#64748b;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}:root{--ps-blue: #3b82f6;--ps-bg: var(--bg);--ps-surface: var(--surface);--ps-text: var(--text);--ps-text-2: var(--text-2);--ps-muted: var(--muted);--ps-border: var(--border);--ps-radius: var(--radius-lg)}.ps-page{min-height:100vh;background:var(--ps-bg);padding:40px 20px}.ps-container{max-width:900px;margin:0 auto;background:var(--ps-surface);border-radius:var(--ps-radius);border:1px solid var(--ps-border);box-shadow:var(--shadow-lg);padding:40px;color:var(--ps-text)}.ps-back-btn{display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--ps-border);padding:8px 16px;border-radius:var(--radius-md);color:var(--ps-text);cursor:pointer;font-weight:600;transition:var(--transition);margin-bottom:24px}.ps-back-btn:hover{background:var(--ps-bg);border-color:var(--ps-blue);color:var(--ps-blue)}.ps-header-info{margin-bottom:40px}.ps-header-info h1{color:var(--ps-text);font-size:32px;font-weight:800;margin-bottom:8px}.ps-header-info p{color:var(--ps-muted);font-size:16px}.ps-section-subtitle{color:var(--ps-text);font-size:20px;font-weight:700;margin:40px 0 20px}.ps-setting-card{background:var(--ps-surface);border:1px solid var(--ps-border);border-radius:var(--ps-radius);padding:24px;transition:var(--transition)}.ps-setting-card:hover{border-color:var(--ps-blue);box-shadow:var(--shadow-md);transform:translateY(-2px)}.ps-setting-info h3{color:var(--ps-text);font-size:16px;font-weight:600;margin-bottom:4px}.ps-setting-info p{color:var(--ps-muted);font-size:14px;line-height:1.5}.ps-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:ps-fade-in .3s ease}@keyframes ps-fade-in{0%{opacity:0}to{opacity:1}}.ps-modal-content{background:var(--ps-surface);border:1px solid var(--ps-border);border-radius:var(--radius-xl);width:100%;max-width:440px;padding:40px;color:var(--ps-text);box-shadow:var(--shadow-lg);position:relative;overflow:hidden;animation:ps-slide-up .4s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .ps-modal-content{background:linear-gradient(145deg,#1e293b,#0f172a)}@keyframes ps-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.ps-modal-content:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(59,130,246,.05) 0%,transparent 70%);pointer-events:none}.ps-modal-header{text-align:center;margin-bottom:30px;display:flex;flex-direction:column;align-items:center;gap:15px}.ps-modal-icon-wrapper{width:64px;height:64px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:18px;display:flex;align-items:center;justify-content:center;color:#3b82f6;margin-bottom:5px}.ps-modal-header h3{font-size:24px;font-weight:700;margin:0;letter-spacing:-.5px}.ps-close-btn{position:absolute;top:20px;right:20px;background:#ffffff0d;border:none;color:#fff9;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.ps-close-btn:hover{background:#ffffff1a;color:#fff;transform:rotate(90deg)}.ps-modal-body{position:relative;z-index:1}.ps-2fa-info{text-align:center;color:var(--ps-muted);font-size:15px;line-height:1.6;margin-bottom:30px}.ps-code-input-container{position:relative;margin-bottom:30px}.ps-code-input{width:100%;height:60px;background:var(--input-bg);border:2px solid var(--ps-border);border-radius:16px;color:var(--ps-text);text-align:center;font-size:28px;font-weight:700;letter-spacing:12px;padding-left:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.ps-code-input:focus{outline:none;border-color:#3b82f6;background:#0f172acc;box-shadow:0 0 0 4px #3b82f626}.ps-code-input::placeholder{color:#fff3;letter-spacing:normal;font-size:16px;font-weight:400}.ps-primary-btn{width:100%;height:54px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:16px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s;box-shadow:0 10px 15px -3px #2563eb4d}.ps-primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 20px 25px -5px #2563eb66;background:linear-gradient(135deg,#60a5fa,#3b82f6)}.ps-primary-btn:active:not(:disabled){transform:translateY(0)}.ps-primary-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.ps-method-option{background:var(--surface-2);border:1px solid var(--ps-border);border-radius:18px;padding:20px;display:flex;align-items:center;gap:15px;cursor:pointer;transition:all .2s;margin-bottom:12px;color:var(--ps-text)}.ps-method-option:hover{background:var(--ps-bg);border-color:var(--ps-blue)}.ps-method-option.active{background:var(--brand-light);border-color:var(--ps-blue)}.ps-method-icon{width:44px;height:44px;background:var(--brand-light);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--ps-blue)}.ps-sessions-card{margin-top:40px;background:var(--ps-surface);border:1px solid var(--ps-border);border-radius:var(--ps-radius);padding:30px}.ps-sessions-card h2{color:var(--ps-text);font-size:20px;font-weight:700;margin-bottom:24px}.ps-sessions-list{display:flex;flex-direction:column;gap:16px}.ps-session-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--surface-2);border:1px solid var(--ps-border);border-radius:var(--radius-md)}.ps-session-device{display:flex;align-items:center;gap:16px;color:var(--ps-blue)}.ps-device-info h3{color:var(--ps-text);font-size:15px;font-weight:600;margin:0}.ps-device-info p{color:var(--ps-muted);font-size:13px;margin:2px 0 0}.ps-current-badge{background:var(--brand-light);color:var(--ps-blue);padding:4px 10px;border-radius:6px;font-size:12px;font-weight:700}.ps-switch{position:relative;display:inline-block;width:44px;height:24px}.ps-switch input{opacity:0;width:0;height:0}.ps-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--ps-border);transition:.4s;border-radius:34px}.ps-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.ps-slider{background-color:#3b82f6}input:checked+.ps-slider:before{transform:translate(20px)}.ps-success-toast{position:fixed;bottom:20px;right:20px;padding:12px 24px;background:#10b981;color:#fff;border-radius:8px;z-index:10000}.ps-error-toast{position:fixed;bottom:20px;right:20px;padding:12px 24px;background:#ef4444;color:#fff;border-radius:8px;z-index:10000}.escrow-page{min-height:100vh;background:#f8fafc;padding:24px}.escrow-container{max-width:1200px;margin:0 auto}.escrow-header{display:flex;align-items:center;gap:24px;margin-bottom:28px}.back-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;font-size:14px;font-weight:500;color:#334155;cursor:pointer;transition:all .2s}.back-btn:hover{background:#f8fafc;border-color:#3b82f6;color:#3b82f6}.header-info h1{font-size:24px;font-weight:700;color:#0f172a;margin-bottom:4px}.header-info p{font-size:14px;color:#64748b}.escrow-hero{display:flex;align-items:center;gap:20px;padding:24px 32px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:20px;margin-bottom:28px;color:#fff}.hero-icon{width:80px;height:80px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center}.hero-content h2{font-size:22px;font-weight:700;margin-bottom:8px}.hero-content p{font-size:14px;opacity:.9}.escrow-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.stat-card{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;transition:all .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px}.stat-icon.total{background:#dbeafe;color:#3b82f6}.stat-icon.held{background:#fef3c7;color:#f59e0b}.stat-icon.released{background:#dbeafe;color:#3b82f6}.stat-icon.disputes{background:#fee2e2;color:#ef4444}.stat-value{font-size:24px;font-weight:700;color:#0f172a}.stat-label{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.escrow-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid #e2e8f0;padding-bottom:12px;flex-wrap:wrap}.tab-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:transparent;border:none;border-radius:10px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.tab-btn:hover{background:#f1f5f9;color:#0f172a}.tab-btn.active{background:#3b82f6;color:#fff}.balance-card{background:#fff;border-radius:20px;border:1px solid #e2e8f0;padding:24px;margin-bottom:28px;text-align:center}.balance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.balance-header h3{font-size:18px;font-weight:600;color:#0f172a}.refresh-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#f1f5f9;border:none;border-radius:8px;font-size:12px;color:#475569;cursor:pointer}.balance-amount{margin-bottom:8px}.balance-amount .currency{font-size:28px;font-weight:600;color:#3b82f6;vertical-align:top}.balance-amount .amount{font-size:48px;font-weight:800;color:#0f172a}.balance-note{font-size:13px;color:#64748b;margin-bottom:24px}.balance-details{display:flex;justify-content:center;gap:32px;padding-top:20px;border-top:1px solid #f1f5f9}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item span{font-size:12px;color:#64748b}.detail-item strong{font-size:18px;font-weight:700;color:#0f172a}.protection-features{margin-bottom:28px}.protection-features h3{font-size:18px;font-weight:600;color:#0f172a;margin-bottom:16px}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;text-align:center;transition:all .2s}.feature-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.feature-icon{width:56px;height:56px;background:#dbeafe;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:#3b82f6}.feature-card h4{font-size:14px;font-weight:600;color:#0f172a;margin-bottom:6px}.feature-card p{font-size:12px;color:#64748b}.recent-transactions{background:#fff;border-radius:20px;border:1px solid #e2e8f0;overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f1f5f9}.section-header h3{font-size:16px;font-weight:600;color:#0f172a}.view-all{display:flex;align-items:center;gap:4px;background:none;border:none;font-size:13px;color:#3b82f6;cursor:pointer}.transactions-list{padding:8px 0}.transaction-item{display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid #f1f5f9}.transaction-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:10px}.transaction-info{flex:1}.transaction-title{font-size:14px;font-weight:600;color:#0f172a;margin-bottom:4px}.transaction-meta{display:flex;gap:12px;font-size:11px;color:#94a3b8}.transaction-amount{text-align:right}.transaction-amount>span{display:block;font-size:16px;font-weight:700;color:#0f172a;margin-bottom:6px}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:10px;font-weight:600}.status-badge.held{background:#fef3c7;color:#f59e0b}.status-badge.released,.status-badge.pending{background:#dbeafe;color:#3b82f6}.transactions-full{background:#fff;border-radius:20px;border:1px solid #e2e8f0;overflow:hidden}.download-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;background:#f1f5f9;border:none;border-radius:8px;font-size:12px;color:#475569;cursor:pointer}.transactions-table{padding:0 20px 20px}.table-header{display:grid;grid-template-columns:100px 1fr 1fr 100px 100px 100px;padding:12px 0;border-bottom:1px solid #e2e8f0;font-size:12px;font-weight:600;color:#64748b}.table-row{display:grid;grid-template-columns:100px 1fr 1fr 100px 100px 100px;padding:12px 0;border-bottom:1px solid #f1f5f9;font-size:13px;color:#475569}.table-row .cell.amount{font-weight:600;color:#3b82f6}.active-contracts{display:flex;flex-direction:column;gap:16px}.contract-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px}.contract-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;flex-wrap:wrap;gap:12px}.contract-header h3{font-size:16px;font-weight:600;color:#0f172a;margin-bottom:4px}.freelancer-name{font-size:13px;color:#64748b}.contract-amount{text-align:right}.contract-amount span{display:block;font-size:14px;font-weight:500;color:#0f172a}.escrow-amount{font-size:12px;color:#f59e0b}.contract-progress{margin-bottom:16px}.progress-header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:12px;color:#64748b}.progress-percent{font-weight:600;color:#3b82f6}.progress-bar{height:8px;background:#e2e8f0;border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:10px}.contract-milestones{display:flex;gap:20px;margin-bottom:16px;flex-wrap:wrap}.milestone-item{display:flex;align-items:center;gap:6px;font-size:12px}.milestone-item.released{color:#3b82f6}.milestone-item.held{color:#f59e0b}.milestone-item.next{color:#3b82f6}.contract-actions{display:flex;gap:12px}.release-btn{display:flex;align-items:center;gap:6px;padding:8px 20px;background:#3b82f6;border:none;border-radius:8px;font-size:13px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s}.release-btn:hover{background:#2563eb}.dispute-btn{display:flex;align-items:center;gap:6px;padding:8px 20px;background:transparent;border:1px solid #ef4444;border-radius:8px;font-size:13px;font-weight:500;color:#ef4444;cursor:pointer;transition:all .2s}.dispute-btn:hover{background:#fee2e2}.how-it-works{background:#fff;border-radius:20px;border:1px solid #e2e8f0;padding:24px}.steps{display:flex;flex-direction:column;align-items:center;margin-bottom:32px}.step{display:flex;align-items:center;gap:20px;width:100%;max-width:500px}.step-number{width:48px;height:48px;background:#3b82f6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff}.step-content h3{font-size:16px;font-weight:600;color:#0f172a;margin-bottom:4px}.step-content p{font-size:13px;color:#64748b}.step-arrow{font-size:24px;color:#cbd5e1;margin:8px 0}.benefits{text-align:center}.benefits h3{font-size:18px;font-weight:600;color:#0f172a;margin-bottom:20px}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.benefit{display:flex;align-items:center;gap:12px;padding:16px;background:#f8fafc;border-radius:12px;text-align:left}.benefit svg{color:#3b82f6;flex-shrink:0}.benefit h4{font-size:14px;font-weight:600;color:#0f172a;margin-bottom:2px}.benefit p{font-size:12px;color:#64748b}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:20px;max-width:480px;width:100%;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{text-align:center;padding:24px 24px 16px;position:relative}.modal-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.modal-icon.success{background:#dbeafe;color:#3b82f6}.modal-icon.warning{background:#fee2e2;color:#ef4444}.modal-header h3{font-size:20px;font-weight:600;color:#0f172a}.close-modal{position:absolute;top:20px;right:20px;background:none;border:none;cursor:pointer;color:#94a3b8}.modal-body{padding:0 24px 24px}.modal-body p{font-size:14px;color:#64748b;margin-bottom:20px;text-align:center}.release-info{background:#f8fafc;border-radius:12px;padding:16px;margin-bottom:20px}.info-row{display:flex;justify-content:space-between;padding:8px 0}.info-row:first-child{border-bottom:1px solid #e2e8f0}.info-row .amount{color:#3b82f6;font-size:18px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:600;color:#0f172a;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:14px;font-family:inherit}.form-group textarea:focus,.form-group input:focus,.form-group select:focus{outline:none;border-color:#3b82f6}.warning-note{display:flex;align-items:center;gap:8px;padding:12px;background:#fef3c7;border-radius:10px;font-size:12px;color:#f59e0b}.modal-footer{display:flex;gap:12px;padding:16px 24px 24px;border-top:1px solid #f1f5f9}.cancel-btn{flex:1;padding:10px;background:transparent;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.cancel-btn:hover{background:#f1f5f9}.confirm-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;background:#3b82f6;border:none;border-radius:10px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.confirm-btn:hover{background:#2563eb}.confirm-btn.danger{background:#ef4444}.confirm-btn.danger:hover{background:#dc2626}.success-toast{position:fixed;bottom:30px;right:30px;display:flex;align-items:center;gap:10px;padding:12px 20px;background:#3b82f6;color:#fff;border-radius:10px;font-size:14px;animation:slideInRight .3s ease;z-index:1100}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@media(max-width:900px){.escrow-stats,.features-grid{grid-template-columns:repeat(2,1fr)}.benefits-grid{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:80px 1fr 80px 80px;gap:10px;overflow-x:auto}.table-header div:nth-child(3),.table-row div:nth-child(3){display:none}}@media(max-width:640px){.escrow-page{padding:16px}.escrow-header{flex-direction:column;align-items:flex-start}.escrow-hero{flex-direction:column;text-align:center}.features-grid{grid-template-columns:1fr}.balance-details{flex-direction:column;gap:12px;align-items:center}.contract-header{flex-direction:column}.contract-amount{text-align:left}.contract-actions{flex-direction:column}.release-btn,.dispute-btn{justify-content:center}.step{flex-direction:column;text-align:center}.modal-content{margin:16px}.success-toast{left:16px;right:16px;bottom:16px}.escrow-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}.tab-btn{white-space:nowrap}}.cp-page{min-height:100vh;padding:40px 20px;transition:all .3s ease}.cp-container{max-width:1200px;margin:0 auto}.cp-header{margin-bottom:32px;display:flex;justify-content:space-between;align-items:flex-end}.cp-header h1{font-size:32px;font-weight:800;margin-bottom:8px}.cp-header p{color:var(--text-secondary, #64748b);font-size:16px}.cp-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.cp-stat-card{background:var(--surface, #fff);border:1px solid var(--border, #e2e8f0);border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px;transition:transform .2s,box-shadow .2s}.cp-stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0000000d}.cp-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.cp-stat-icon.blue{background:#3b82f61a;color:#3b82f6}.cp-stat-icon.orange{background:#f59e0b1a;color:#f59e0b}.cp-stat-icon.green{background:#3b82f61a;color:#3b82f6}.cp-stat-info span:first-child{display:block;font-size:24px;font-weight:700;color:var(--text, #1e293b)}.cp-stat-info span:last-child{font-size:14px;color:var(--text-secondary, #64748b)}.cp-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px;flex-wrap:wrap}.cp-tabs{display:flex;background:var(--border, #e2e8f0);padding:4px;border-radius:12px}.cp-tab-btn{padding:8px 20px;border-radius:10px;border:none;background:transparent;font-size:14px;font-weight:600;color:var(--text-secondary, #64748b);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.cp-tab-btn.active{background:var(--surface, #fff);color:var(--blue, #3b82f6);box-shadow:0 2px 8px #0000000d}.cp-main-toggle{display:flex;background:#64748b1a;padding:4px;border-radius:12px;margin-right:12px}.cp-toggle-btn{padding:8px 16px;border-radius:10px;border:none;background:transparent;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s;white-space:nowrap}.cp-toggle-btn.active{background:#fff;color:#3b82f6;box-shadow:0 4px 12px #0000000d}.cp-dark .cp-main-toggle{background:#ffffff0d}.cp-dark .cp-toggle-btn.active{background:#2d333b;color:#58a6ff}.cp-search-box{position:relative;flex:1;max-width:400px}.cp-search-box svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-secondary, #64748b)}.cp-search-box input{width:100%;padding:10px 14px 10px 42px;border-radius:12px;border:1px solid var(--border, #e2e8f0);background:var(--surface, #fff);font-size:14px;outline:none;transition:border-color .2s}.cp-search-box input:focus{border-color:var(--blue, #3b82f6)}.cp-job-group{margin-bottom:40px}.cp-job-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border, #e2e8f0)}.cp-job-header h2{font-size:20px;font-weight:700}.cp-job-count{background:var(--blue, #3b82f6);color:#fff;font-size:12px;font-weight:700;padding:2px 8px;border-radius:20px}.cp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.cp-card{background:var(--surface, #fff);border:1px solid var(--border, #e2e8f0);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden;transition:all .3s ease}.cp-card:hover{border-color:var(--blue, #3b82f6);box-shadow:0 12px 30px #3b82f614}.cp-card-top{display:flex;gap:12px}.cp-avatar{width:56px;height:56px;border-radius:12px;object-fit:cover}.cp-info h3{font-size:17px;font-weight:700;margin-bottom:4px}.cp-meta-row{display:flex;align-items:center;gap:12px;margin-top:4px}.cp-location{font-size:13px;color:var(--text-secondary, #64748b);display:flex;align-items:center;gap:4px}.cp-title{font-size:13px;color:var(--text-secondary, #64748b);display:flex;align-items:center;gap:6px}.cp-rating{font-size:13px;font-weight:600;color:#f59e0b;display:flex;align-items:center;gap:4px}.cp-price{margin-left:auto;text-align:right}.cp-details-row{display:flex;gap:20px;background:#f1f5f9;padding:12px 16px;border-radius:12px;border:1px solid var(--border)}.cp-detail-item{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#475569}.cp-dark .cp-details-row{background:#0003;border-color:#ffffff0d}.cp-dark .cp-detail-item{color:#cbd5e1}.cp-dark .cp-job-header{border-bottom-color:#ffffff1a}.cp-dark .cp-job-header h2{color:#fff}.cp-price span:first-child{display:block;font-weight:700;font-size:18px;color:var(--blue, #3b82f6)}.cp-price span:last-child{font-size:11px;color:var(--text-secondary, #64748b);text-transform:uppercase;letter-spacing:.5px}.cp-cover-letter{font-size:14px;color:var(--text, #1e293b);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px}.cp-tags{display:flex;flex-wrap:wrap;gap:8px}.cp-tag{background:var(--bg, #f8fafc);color:var(--text-secondary, #64748b);padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.cp-footer{display:flex;gap:10px;margin-top:auto;padding-top:16px;border-top:1px solid var(--border, #e2e8f0)}.cp-btn-msg{flex:1;padding:10px;border-radius:10px;border:1px solid var(--border, #e2e8f0);background:var(--surface, #fff);color:var(--text, #1e293b);font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.cp-btn-hire{flex:1;padding:10px;border-radius:10px;border:none;background:var(--blue, #3b82f6);color:#fff;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.cp-btn-hire:hover{background:#2563eb}.cp-btn-msg:hover{background:var(--bg, #f8fafc)}.cp-btn-hired{flex:1;padding:10px;border-radius:10px;border:none;background:var(--blue, #3b82f6);color:#fff;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:default;opacity:.9;box-shadow:0 4px 12px #3b82f633}.cp-btn-rejected{flex:1;padding:10px;border-radius:10px;border:none;background:#f1f5f9;color:#64748b;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:default}.cp-star-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--border, #e2e8f0);background:var(--surface, #fff);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.cp-star-btn.active{background:#fffbeb;border-color:#f59e0b;color:#f59e0b}.cp-empty{text-align:center;padding:80px 20px;background:var(--surface, #fff);border:1px solid var(--border, #e2e8f0);border-radius:20px}.cp-empty h3{font-size:20px;margin:16px 0 8px}.cp-empty p{color:var(--text-secondary, #64748b);margin-bottom:24px}.cp-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8,#f0f0f0 75%);background-size:200% 100%;animation:cp-loading 1.5s infinite;border-radius:8px}@keyframes cp-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.cp-dark{--surface: rgba(30, 41, 59, .7);--border: rgba(255, 255, 255, .08);--text: #f8fafc;--text-secondary: #94a3b8;--bg: #0f172a}.cp-page{background:#f4f6f9}.cp-dark.cp-page{background:transparent!important}.cp-dark .cp-stat-card{background:var(--surface);border-color:var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.cp-dark .cp-card{background:var(--surface);border-color:var(--border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.cp-dark .cp-btn-msg{background:#ffffff0d;border-color:var(--border);color:var(--text)}.cp-dark .cp-star-btn{background:#ffffff0d;border-color:var(--border)}.cp-dark .cp-tag{background:#ffffff0f;color:#94a3b8}.cp-dark .cp-tab-btn.active{background:#2d333b;color:#3b82f6;box-shadow:0 4px 12px #0003}.cp-dark .cp-search-box input{background:#0003;border-color:var(--border);color:var(--text)}.cp-toast{position:fixed;bottom:24px;right:24px;background:#fff;border:1px solid var(--border);padding:12px 20px;border-radius:12px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 25px #0000001a;z-index:1000;animation:slideUp .3s ease-out;color:var(--text);font-weight:500;font-size:14px}.cp-toast.error{border-left:4px solid #ef4444}.cp-toast.success{border-left:4px solid var(--blue, #3b82f6)}.cp-toast button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;margin-left:8px}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.cp-spin{animation:cp-spin 1s linear infinite}@keyframes cp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cp-dark .cp-toast{background:#1a1d23;border-color:#2d333b;box-shadow:0 10px 25px #0006}.cp-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .2s ease-out}.cp-modal{background:#fff;padding:32px;border-radius:20px;max-width:400px;width:100%;text-align:center;box-shadow:0 25px 50px -12px #00000040;animation:scaleUp .3s cubic-bezier(.34,1.56,.64,1)}.cp-modal-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.cp-modal-icon.red{background:#fee2e2;color:#ef4444}.cp-modal h2{font-size:20px;font-weight:700;margin-bottom:12px;color:#1e293b}.cp-modal p{color:#64748b;font-size:15px;line-height:1.6;margin-bottom:32px}.cp-modal-actions{display:flex;gap:12px}.cp-modal-cancel{flex:1;padding:12px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-weight:600;cursor:pointer;transition:all .2s}.cp-modal-confirm{flex:1;padding:12px;border-radius:12px;border:none;background:#ef4444;color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.cp-modal-confirm:hover{background:#dc2626}.cp-modal-cancel:hover{background:#f8fafc}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.cp-dark .cp-modal{background:#1a1d23;border:1px solid #2d333b}.cp-dark .cp-modal h2{color:#f0f6fc}.cp-dark .cp-modal p{color:#8b949e}.cp-dark .cp-modal-cancel{background:#21262d;border-color:#30363d;color:#c9d1d9}.cp-dark .cp-modal-cancel:hover{background:#30363d}.st-page{min-height:100vh;background:#f8fafc;padding:40px 0;transition:all .3s ease}.st-dark.st-page{background:transparent!important}.st-container{max-width:1200px;margin:0 auto;padding:0 20px}.st-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;gap:20px;flex-wrap:wrap}.st-header-left{display:flex;align-items:center;gap:16px}.st-back-btn{width:40px;height:40px;border-radius:50%;border:1px solid #e2e8f0;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#64748b}.st-back-btn:hover{background:#f1f5f9;transform:translate(-2px)}.st-title{font-size:28px;font-weight:800;color:#0f172a;margin:0}.st-subtitle{color:#64748b;margin:4px 0 0;font-size:14px}.st-search-box{position:relative;width:100%;max-width:400px}.st-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8}.st-search-box input{width:100%;padding:12px 16px 12px 44px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;font-size:14px;transition:all .2s}.st-search-box input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.st-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.st-card{background:#fff;border-radius:20px;border:1px solid #e2e8f0;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.st-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #00000014}.st-card-inner{padding:24px}.st-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.st-avatar-wrap{position:relative}.st-avatar,.st-avatar-placeholder{width:70px;height:70px;border-radius:18px;object-fit:cover;background:#f1f5f9}.st-avatar-placeholder{display:flex;align-items:center;justify-content:center;color:#94a3b8}.st-status-dot{position:absolute;bottom:-4px;right:-4px;width:14px;height:14px;background:#10b981;border:3px solid white;border-radius:50%}.st-status-dot.offline{background:#94a3b8}.st-unsave-btn{background:#ef444414;border:1px solid rgba(239,68,68,.1);cursor:pointer;padding:10px;border-radius:14px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);color:#ef4444}.st-unsave-btn:hover{background:#ef4444;color:#fff;transform:scale(1.1) rotate(8deg);box-shadow:0 4px 12px #ef444466}.st-dark .st-unsave-btn{background:#ef444426;border-color:#ef444433}.st-name{font-size:18px;font-weight:700;color:#0f172a;margin:0 0 4px}.st-job-title{color:#3b82f6;font-weight:600;font-size:14px;margin:0 0 16px}.st-meta{display:flex;gap:16px;margin-bottom:20px}.st-meta-item{display:flex;align-items:center;gap:6px;color:#64748b;font-size:13px}.st-star{color:#f59e0b}.st-stats{display:flex;gap:24px;padding:16px;background:#f8fafc;border-radius:12px;margin-bottom:24px}.st-stat{display:flex;flex-direction:column}.st-stat-val{font-weight:700;color:#0f172a;font-size:16px}.st-stat-lbl{font-size:12px;color:#64748b}.st-actions{display:flex;gap:12px}.st-btn{padding:10px 16px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.st-btn-primary{flex:1;background:#3b82f6;color:#fff;border:none}.st-btn-primary:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d}.st-btn-secondary{width:44px;background:#fff;border:1px solid #e2e8f0;color:#64748b}.st-btn-secondary:hover{background:#f8fafc;color:#3b82f6;border-color:#3b82f6}.st-empty{text-align:center;padding:80px 20px;background:#fff;border-radius:24px;border:1px solid #e2e8f0}.st-empty-icon{width:100px;height:100px;background:#f1f5f9;color:#94a3b8;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.st-empty h2{font-size:24px;color:#0f172a;margin-bottom:12px}.st-empty p{color:#64748b;margin-bottom:32px}.st-btn-browse{padding:12px 32px;background:#3b82f6;color:#fff;border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s}.st-dark .st-title{color:#f8fafc}.st-dark .st-subtitle{color:#94a3b8}.st-dark .st-back-btn{background:#ffffff0d;border-color:#ffffff1a;color:#f8fafc}.st-dark .st-search-box input{background:#0003;border-color:#ffffff1a;color:#f8fafc}.st-dark .st-card,.st-dark .st-empty{background:#1e293bb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:#ffffff14}.st-dark .st-name{color:#f8fafc}.st-dark .st-meta-item{color:#94a3b8}.st-dark .st-stats{background:#0003}.st-dark .st-stat-val{color:#f8fafc}.st-dark .st-btn-secondary{background:#ffffff0d;border-color:#ffffff1a;color:#94a3b8}.st-dark .st-avatar-placeholder{background:#0003}.st-dark .st-status-dot{border-color:#1e293b}.st-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 0;color:#64748b}.st-spinner{width:40px;height:40px;border:4px solid #f1f5f9;border-top-color:#3b82f6;border-radius:50%;animation:st-spin 1s linear infinite;margin-bottom:16px}@keyframes st-spin{to{transform:rotate(360deg)}}.st-toast{position:fixed;bottom:24px;right:24px;background:#fff;padding:12px 20px;border-radius:12px;box-shadow:0 10px 25px #0000001a;display:flex;align-items:center;gap:12px;z-index:2000;animation:st-slide-up .3s ease-out}.st-dark .st-toast{background:#1e293b;color:#f8fafc;border:1px solid rgba(255,255,255,.1)}.st-toast.success{border-left:4px solid #10b981}.st-toast.error{border-left:4px solid #ef4444}.st-toast button{background:transparent;border:none;color:#94a3b8;cursor:pointer}@keyframes st-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:640px){.st-header{flex-direction:column;align-items:flex-start}.st-search-box{max-width:none}.st-grid{grid-template-columns:1fr}}.reports-container{padding:40px;max-width:1400px;margin:0 auto;min-height:calc(100vh - 80px)}.reports-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px;gap:20px}.header-left h1{font-size:2.5rem;font-weight:800;background:linear-gradient(to right,var(--text),var(--brand));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.header-left p{color:var(--muted);font-size:1.1rem}.header-actions{display:flex;gap:16px;align-items:center}.period-tabs{display:flex;padding:6px;gap:4px}.period-tabs button{padding:8px 16px;border-radius:10px;border:none;background:transparent;color:var(--muted);font-weight:600;cursor:pointer;transition:var(--transition)}.period-tabs button:hover{background:#ffffff1a;color:var(--text)}.period-tabs button.active{background:var(--brand);color:#fff;box-shadow:0 4px 12px #2563eb4d}.icon-btn-secondary{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:none;border-radius:12px;color:var(--text);cursor:pointer;transition:var(--transition)}.icon-btn-secondary:hover{transform:translateY(-2px);background:var(--brand-light);color:var(--brand)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:40px}.stats-card{padding:32px;display:flex;align-items:center;gap:24px;transition:var(--transition);position:relative;overflow:hidden}.stats-card:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:#ffffff1a;border-radius:0 0 0 100%;transition:var(--transition)}.stats-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.stats-card:hover:before{transform:scale(1.5)}.luxury-gradient-1{background:linear-gradient(135deg,#2563eb1a,#2563eb0d)}.luxury-gradient-2{background:linear-gradient(135deg,#ef44441a,#ef44440d)}.luxury-gradient-3{background:linear-gradient(135deg,#22c55e1a,#22c55e0d)}.stats-icon{width:64px;height:64px;border-radius:16px;background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--brand);box-shadow:var(--shadow-md)}.luxury-gradient-2 .stats-icon{color:#ef4444}.luxury-gradient-3 .stats-icon{color:#22c55e}.stats-label{display:block;font-size:.9rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.stats-value{font-size:1.8rem;font-weight:800;margin-bottom:8px;display:flex;align-items:baseline;gap:8px}.currency{font-size:.9rem;font-weight:600;color:var(--muted)}.stats-trend{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:.85rem;font-weight:700}.stats-trend.pos{background:#22c55e1a;color:#22c55e}.stats-trend.neg{background:#ef44441a;color:#ef4444}.reports-content-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.card-header h3{display:flex;align-items:center;gap:12px;font-size:1.25rem;font-weight:700}.badge{padding:4px 12px;background:var(--brand-light);color:var(--brand);border-radius:20px;font-size:.8rem;font-weight:700;text-transform:capitalize}.chart-preview{padding:32px}.mock-chart{height:300px;display:flex;align-items:flex-end}.bars-container{display:flex;align-items:flex-end;justify-content:space-between;width:100%;height:100%;gap:12px}.bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;gap:12px;height:100%;justify-content:flex-end}.bar{width:100%;background:linear-gradient(to top,var(--brand),#60a5fa);border-radius:8px 8px 4px 4px;cursor:pointer;transition:all .5s cubic-bezier(.175,.885,.32,1.275);position:relative}.bar:hover{filter:brightness(1.2);transform:scaleX(1.05)}.bar-tooltip{position:absolute;top:-30px;left:50%;transform:translate(-50%);background:var(--text);color:var(--surface);padding:4px 8px;border-radius:4px;font-size:.75rem;opacity:0;transition:var(--transition)}.bar:hover .bar-tooltip{opacity:1}.bar-label{font-size:.8rem;color:var(--muted);font-weight:600}.recent-activity{padding:32px}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{display:flex;align-items:center;gap:16px;padding:12px;border-radius:12px;transition:var(--transition)}.activity-item:hover{background:#ffffff0d;transform:translate(5px)}.item-icon{width:40px;height:40px;border-radius:10px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;color:var(--muted)}.item-info{flex:1}.item-title{font-weight:600;font-size:.95rem;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.item-date{font-size:.8rem;color:var(--muted)}.item-amount{font-weight:700;font-size:1rem}.item-amount.pos{color:#22c55e}.item-amount.neg{color:#ef4444}.empty-state{text-align:center;padding:40px;color:var(--muted)}.reports-loading{display:flex;justify-content:center;align-items:center;height:80vh}.loader{width:48px;height:48px;border:5px solid var(--brand-light);border-bottom-color:var(--brand);border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1024px){.reports-content-grid{grid-template-columns:1fr}}@media(max-width:768px){.reports-container{padding:20px}.reports-header{flex-direction:column;align-items:flex-start}.header-left h1{font-size:1.8rem}.header-actions{width:100%;justify-content:space-between}}.kyc-page{min-height:100vh;background:var(--bg, #f8fafc)}.kyc-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;color:#6b7280}.kyc-container{max-width:680px;margin:0 auto;padding:32px 16px 80px}.kyc-card{background:var(--surface, #fff);border-radius:20px;border:1px solid var(--border, #e5e7eb);padding:40px;box-shadow:0 4px 24px #0000000f;display:flex;flex-direction:column;gap:20px;position:relative}.kyc-back-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#2563eb;background:#2563eb12;border:1px solid rgba(37,99,235,.2);border-radius:10px;padding:7px 14px;cursor:pointer;width:fit-content;transition:all .2s}.kyc-back-btn:hover{background:#2563eb24}.kyc-intro-icon{width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,#2563eb,#4f46e5);display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto}.kyc-title{font-size:22px;font-weight:700;color:var(--text-main, #111827);text-align:center;margin:0}.kyc-subtitle{font-size:14.5px;color:#6b7280;text-align:center;line-height:1.6;margin:0}.kyc-steps-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kyc-step-item{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:12px;color:#6b7280;padding:14px 8px;background:var(--bg, #f8fafc);border-radius:12px;border:1px solid var(--border, #e5e7eb)}.kyc-step-num{width:22px;height:22px;border-radius:50%;background:#2563eb;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.kyc-step-icon{color:#2563eb}.kyc-benefits{background:linear-gradient(135deg,#2563eb0f,#4f46e50a);border:1px solid rgba(37,99,235,.15);border-radius:14px;padding:20px}.kyc-benefits h3{font-size:14px;font-weight:700;color:var(--text-main, #111827);margin:0 0 12px}.kyc-benefits ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.kyc-benefits li{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#374151}.kyc-benefits li svg{color:#22c55e;flex-shrink:0}.kyc-alert{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border-radius:12px;font-size:13.5px;line-height:1.5}.kyc-alert-danger{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#dc2626}.kyc-alert-danger svg{flex-shrink:0;color:#dc2626;margin-top:2px}.kyc-alert-danger strong{display:block;margin-bottom:4px}.kyc-alert-danger p{margin:0;color:#374151}.kyc-alert-danger small{color:#9ca3af}.kyc-form-title{font-size:18px;font-weight:700;margin:0;color:var(--text-main, #111827)}.kyc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.kyc-form-group{display:flex;flex-direction:column;gap:6px}.kyc-form-group label{font-size:13px;font-weight:600;color:var(--text-main, #111827)}.kyc-required{color:#ef4444}.kyc-input,.kyc-select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border, #e5e7eb);background:var(--bg, #f9fafb);font-size:14px;color:var(--text-main, #111827);outline:none;transition:border-color .2s;box-sizing:border-box}.kyc-input:focus,.kyc-select:focus{border-color:#2563eb;background:#fff}.kyc-uploads-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.kyc-upload-box{display:flex;flex-direction:column;gap:6px}.kyc-upload-label{font-size:13px;font-weight:600;color:var(--text-main, #111827)}.kyc-upload-area{aspect-ratio:4/3;border:2px dashed var(--border, #d1d5db);border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;overflow:hidden;background:var(--bg, #f9fafb)}.kyc-upload-area:hover{border-color:#2563eb;background:#2563eb08}.kyc-upload-area.has-file{border-style:solid;border-color:#22c55e}.kyc-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;color:#9ca3af;padding:12px;text-align:center}.kyc-upload-placeholder svg{color:#d1d5db}.kyc-upload-placeholder span{font-size:12px}.kyc-upload-placeholder small{font-size:10.5px;color:#c4c8cf}.kyc-upload-loading{display:flex;flex-direction:column;align-items:center;gap:8px;color:#6b7280;font-size:12px}.kyc-upload-preview{width:100%;height:100%;position:relative}.kyc-preview-img{width:100%;height:100%;object-fit:cover}.kyc-remove-img{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:#0009;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.kyc-note{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#6b7280;padding:10px 14px;background:var(--bg, #f1f5f9);border-radius:10px}.kyc-note svg{color:#2563eb;flex-shrink:0}.kyc-btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;border-radius:12px;background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;font-size:15px;font-weight:600;border:none;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #2563eb4d}.kyc-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px #2563eb66}.kyc-btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.kyc-btn-outline{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 24px;border-radius:12px;background:transparent;color:#2563eb;font-size:14px;font-weight:600;border:1px solid #2563eb;cursor:pointer;transition:all .2s}.kyc-btn-outline:hover{background:#2563eb0f}.kyc-success-card{align-items:center;text-align:center;padding:56px 40px}.kyc-success-icon{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center}.kyc-success-icon.verified{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 8px 24px #22c55e4d}.kyc-success-icon.submitted,.kyc-success-icon.pending{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 8px 24px #f59e0b4d}.kyc-success-title{font-size:24px;font-weight:700;color:var(--text-main, #111827);margin:0}.kyc-success-desc{font-size:15px;color:#6b7280;line-height:1.65;margin:0;max-width:420px}.kyc-verified-badge-preview{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:20px;background:#22c55e1a;color:#15803d;font-size:14px;font-weight:700;border:1px solid rgba(34,197,94,.25)}.kyc-submitted-at{font-size:13px;color:#9ca3af}.kyc-pending-card{align-items:center;text-align:center;padding:56px 40px}.kyc-timeline{display:flex;flex-direction:column;gap:12px;width:100%;max-width:340px}.kyc-timeline-item{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;background:var(--bg, #f1f5f9);border:1px solid var(--border, #e5e7eb);color:#9ca3af;font-size:13.5px}.kyc-timeline-item.active{background:#22c55e14;border-color:#22c55e40;color:#15803d;font-weight:600}.kyc-timeline-item.active svg{color:#22c55e}.kyc-spinner{border:2.5px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:kyc-spin .7s linear infinite}.kyc-spinner.large{width:40px;height:40px;border-color:#e5e7eb;border-top-color:#2563eb}.kyc-spinner.small{width:16px;height:16px;display:inline-block}@keyframes kyc-spin{to{transform:rotate(360deg)}}.kyc-face-section{border:1px solid var(--border, #e5e7eb);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:14px;background:var(--bg, #f8fafc)}.kyc-face-header{display:flex;align-items:flex-start;gap:10px;color:var(--text-main, #111827)}.kyc-face-header>svg{color:#2563eb;flex-shrink:0;margin-top:3px}.kyc-face-header strong{display:block;font-size:14px;font-weight:700}.kyc-face-header small{font-size:12px;color:#6b7280}.kyc-face-done{margin-left:auto;font-size:12.5px;font-weight:700;color:#15803d;background:#22c55e1a;padding:4px 10px;border-radius:20px;white-space:nowrap}.kyc-qr-trigger{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:10px;background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;font-size:14px;font-weight:600;border:none;cursor:pointer;width:fit-content;transition:all .2s;box-shadow:0 4px 12px #2563eb40}.kyc-qr-trigger:hover{transform:translateY(-1px)}.kyc-qr-loading{display:flex;align-items:center;gap:10px;font-size:13.5px;color:#6b7280}.kyc-qr-panel{display:flex;gap:20px;align-items:flex-start}.kyc-qr-left{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.kyc-qr-img{width:160px;height:160px;border-radius:12px;border:3px solid #2563eb;padding:4px;background:#fff}.kyc-qr-fallback{width:160px;height:160px;border-radius:12px;border:2px dashed #d1d5db;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:12px;color:#9ca3af;text-align:center;padding:12px}.kyc-qr-link{color:#2563eb;font-weight:600;text-decoration:none}.kyc-qr-timer{display:flex;align-items:center;gap:4px;font-size:12px;color:#f59e0b;font-weight:600}.kyc-qr-right{flex:1;display:flex;flex-direction:column;gap:10px}.kyc-qr-step{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-main, #374151)}.kyc-qr-num{width:22px;height:22px;border-radius:50%;background:#2563eb;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kyc-qr-waiting{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#2563eb;font-weight:600;animation:kyc-pulse 1.5s ease-in-out infinite}@keyframes kyc-pulse{0%,to{opacity:1}50%{opacity:.5}}.kyc-qr-refresh{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#6b7280;background:transparent;border:1px solid #e5e7eb;border-radius:8px;padding:5px 10px;cursor:pointer;width:fit-content;transition:all .2s}.kyc-qr-refresh:hover{border-color:#2563eb;color:#2563eb}.kyc-face-verified{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:10px;background:#22c55e14;border:1px solid rgba(34,197,94,.25);color:#15803d;font-size:13.5px;font-weight:600}.kyc-face-verified svg{color:#22c55e}.kyc-face-expired{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;background:#eab30814;border:1px solid rgba(234,179,8,.2);color:#b45309;font-size:13px}@media(max-width:480px){.kyc-qr-panel{flex-direction:column;align-items:center}.kyc-qr-right{width:100%}}.dark-mode .kyc-card{background:#1e2433;border-color:#2d3748}.dark-mode .kyc-input,.dark-mode .kyc-select{background:#2d3748;border-color:#374151;color:#e5e7eb}.dark-mode .kyc-upload-area{background:#2d3748}.dark-mode .kyc-step-item{background:#2d3748;border-color:#374151}.dark-mode .kyc-benefits{background:#2563eb1a}.dark-mode .kyc-note{background:#2d3748}.dark-mode .kyc-timeline-item{background:#2d3748;border-color:#374151}@media(max-width:600px){.kyc-card{padding:24px 18px}.kyc-form-grid,.kyc-uploads-grid{grid-template-columns:1fr}.kyc-steps-preview{grid-template-columns:repeat(2,1fr)}.kyc-success-card,.kyc-pending-card{padding:40px 18px}}*{box-sizing:border-box;margin:0;padding:0}.kfm-root{min-height:100vh;min-height:100dvh;background:#0f172a;color:#f1f5f9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.kfm-center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;gap:14px;padding:24px;text-align:center}.kfm-center h2{font-size:22px;font-weight:700}.kfm-center p{font-size:15px;color:#94a3b8;line-height:1.55}.kfm-center small{font-size:13px;color:#64748b}.kfm-spinner{width:44px;height:44px;border:3px solid rgba(255,255,255,.15);border-top-color:#3b82f6;border-radius:50%;animation:kfm-spin .8s linear infinite}@keyframes kfm-spin{to{transform:rotate(360deg)}}.kfm-icon{font-size:56px;line-height:1;filter:drop-shadow(0 0 20px currentColor)}.kfm-icon--blue{color:#3b82f6}.kfm-icon--success{color:#22c55e}.kfm-icon--error{color:#ef4444}.kfm-success-state h2{color:#22c55e}.kfm-error-state h2{color:#ef4444}.kfm-page{display:flex;flex-direction:column;min-height:100dvh}.kfm-header{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center}.kfm-logo{font-size:18px;font-weight:800;color:#3b82f6;letter-spacing:-.5px}.kfm-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;gap:20px;text-align:center}.kfm-content h1{font-size:26px;font-weight:800;color:#f1f5f9}.kfm-content p{font-size:15.5px;color:#94a3b8;line-height:1.6;max-width:320px}.kfm-tips{display:flex;flex-direction:column;gap:10px;width:100%;max-width:320px}.kfm-tip{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 16px;font-size:14px;color:#cbd5e1;text-align:left}.kfm-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 32px;border-radius:14px;font-size:16px;font-weight:700;border:none;cursor:pointer;transition:all .2s;width:100%;max-width:320px}.kfm-btn--primary{background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;box-shadow:0 6px 20px #2563eb66}.kfm-btn--primary:active{transform:scale(.97)}.kfm-btn--outline{background:#ffffff12;color:#f1f5f9;border:1px solid rgba(255,255,255,.15)}.kfm-btn--outline:active{transform:scale(.97)}.kfm-camera-page{display:flex;flex-direction:column;height:100dvh;background:#000}.kfm-camera-header{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(to bottom,rgba(0,0,0,.7) 0%,transparent 100%);color:#fff;font-size:16px;font-weight:600}.kfm-back{background:#ffffff26;border:none;color:#fff;padding:8px 14px;border-radius:10px;font-size:14px;cursor:pointer}.kfm-video-wrapper{flex:1;position:relative;overflow:hidden}.kfm-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.kfm-face-guide{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.kfm-face-oval{width:min(260px,75vw);height:min(340px,55vh);border-radius:50%;border:3px solid rgba(255,255,255,.8);box-shadow:0 0 0 2000px #00000073,0 0 0 3px #3b82f699 inset;animation:kfm-pulse 2s ease-in-out infinite}@keyframes kfm-pulse{0%,to{border-color:#fffc}50%{border-color:#3b82f6}}.kfm-face-label{margin-top:16px;font-size:14px;color:#ffffffd9;background:#0006;padding:6px 14px;border-radius:20px}.kfm-shutter-row{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;padding:24px 24px 40px;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 100%)}.kfm-shutter{width:76px;height:76px;border-radius:50%;border:4px solid rgba(255,255,255,.9);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.kfm-shutter:active{transform:scale(.93)}.kfm-shutter-inner{width:58px;height:58px;border-radius:50%;background:#fff;display:block}.kfm-preview-page{display:flex;flex-direction:column;height:100dvh;background:#000;position:relative}.kfm-preview-img-wrapper{flex:1;overflow:hidden}.kfm-preview-img{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.kfm-preview-actions{position:absolute;bottom:0;left:0;right:0;display:flex;gap:12px;padding:20px 24px 36px;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,transparent 100%)}.kfm-preview-actions .kfm-btn{max-width:none;flex:1;padding:14px 12px;font-size:15px}