:root{--blue:#1769ff;--cyan:#16c7ff;--violet:#7045ff;--dark:#07143d;--text:#263552;--muted:#6c7891;--line:#e7ebf6;--bg:#f6f8ff;--shadow:0 18px 45px rgba(15,31,77,.10)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;max-width:100%;overflow-x:hidden}body{font-family:'Manrope',Arial,sans-serif;font-weight:400;color:var(--text);background:var(--bg);font-size:14px;line-height:1.45}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}b,strong,h1,h2,h3,h4,h5,h6,.btn,.main-nav a,.top-link{font-weight:600}input,select,button{font-family:'Manrope',Arial,sans-serif}.fl-container{width:100%;max-width:1280px;margin:0 auto;padding:0 28px}.site-header{height:66px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100}.header-inner{height:66px;display:flex;align-items:center;gap:20px}.brand{width:184px;flex:0 0 184px}.brand img{height:46px;width:auto}.main-nav{flex:1;display:flex;align-items:center;justify-content:center;gap:24px;min-width:0;white-space:nowrap}.main-nav a{height:36px;display:flex;align-items:center;font-size:14px;color:var(--dark);transition:.2s}.main-nav a:hover{color:var(--blue)}.main-nav .is-active{background:#f0edff;color:var(--violet);padding:0 17px;border-radius:11px}.ai-nav{gap:6px}.ai-nav span{font-size:8px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--violet));border-radius:999px;padding:2px 6px;font-weight:600}.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0;white-space:nowrap}.top-link{height:36px;display:flex;align-items:center;gap:6px;font-size:13px;color:var(--dark);position:relative}.header-icon{width:21px;height:21px;flex:0 0 21px}.message-count{position:absolute;right:-9px;top:-7px;width:15px;height:15px;border-radius:50%;background:#2f57ff;color:#fff;font-size:9px;display:flex;align-items:center;justify-content:center;font-weight:600}.btn{min-height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;padding:0 16px;font-size:12.5px;border:0;cursor:pointer;transition:.22s}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--blue),var(--violet));box-shadow:0 10px 24px rgba(37,99,255,.28)}.btn-light{color:var(--blue);background:#eef2ff}.btn-outline{color:var(--blue);background:#fff;border:1px solid #cbd7ff}.btn:hover{transform:translateY(-1px)}.hero-section{padding:28px 0 12px;background:radial-gradient(circle at 70% 14%,rgba(112,69,255,.16),transparent 32%),radial-gradient(circle at 82% 42%,rgba(37,99,255,.10),transparent 27%),linear-gradient(180deg,#fff 0%,#f7f9ff 100%)}.hero-grid{display:grid;grid-template-columns:460px minmax(0,1fr);align-items:center;gap:24px}.hero-grid>*{min-width:0}.hero-badge{display:inline-flex;height:31px;align-items:center;border-radius:999px;background:#eef2ff;color:#2458ff;padding:0 16px;font-size:12px;font-weight:600;margin-bottom:13px}.hero-content h1{color:var(--dark);font-size:38px;line-height:1.08;letter-spacing:-.8px;margin-bottom:12px}.hero-content h1 span{background:linear-gradient(135deg,var(--blue),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-text{max-width:455px;font-size:14px;color:#536177;margin-bottom:18px}.hero-register-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px}.hero-register-actions .btn{min-height:48px;border-radius:14px;padding:0 28px;font-size:15px}.hero-btn-order{background:#fff;color:var(--blue);border:1px solid #cbd7ff;box-shadow:0 10px 24px rgba(37,99,255,.08)}.hero-btn-worker{color:#fff;background:linear-gradient(135deg,var(--blue),var(--violet));box-shadow:0 12px 28px rgba(37,99,255,.28)}.hero-search{height:48px;max-width:520px;display:grid;grid-template-columns:minmax(0,1fr) 126px 105px;border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 13px 30px rgba(16,27,61,.08)}.hero-search input,.hero-search select{border:0;outline:0;background:#fff;padding:0 16px;color:#536177;font-size:12px;border-right:1px solid var(--line);min-width:0}.hero-search button{border:0;color:#fff;background:linear-gradient(135deg,var(--blue),var(--violet));font-size:14px;font-weight:600;cursor:pointer}.hero-visual{min-height:360px;display:flex;align-items:center;justify-content:flex-end;min-width:0}.hero-visual img{width:100%;max-width:820px;transform:translateX(10px);filter:drop-shadow(0 18px 28px rgba(28,48,99,.10))}.advantages-section{margin-top:-3px;position:relative;z-index:3}.advantages-card{min-height:96px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;align-items:center;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.advantage-item{min-height:96px;display:grid;grid-template-columns:62px minmax(0,1fr);gap:12px;align-items:center;padding:14px 16px;border-right:1px solid var(--line);transition:.2s}.advantage-item:last-child{border-right:0}.advantage-item:hover{background:#fbfcff;transform:translateY(-1px)}.advantage-item img{width:58px;height:58px;object-fit:contain}.advantage-item b{display:block;color:var(--dark);font-size:12px;line-height:1.15;margin-bottom:3px}.advantage-item span{display:block;color:#536177;font-size:10.5px;line-height:1.25}.popular-line{padding:18px 0 4px}.popular-tags{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.popular-tags b{margin-right:6px;font-size:18px;font-weight:600;color:#0b1b4d}.popular-tags a{height:42px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(180deg,#fff,#eef3ff);border:1px solid #e5ebfb;color:#42516d;box-shadow:0 8px 20px rgba(22,40,110,.08);font-size:15px;font-weight:600;transition:.25s}.popular-tags a:hover{background:#eef3ff;color:#2962ff;transform:translateY(-2px);box-shadow:0 12px 28px rgba(37,99,255,.16)}.content-section{padding:22px 0 28px}.content-grid{display:grid;grid-template-columns:1fr 1.08fr 1fr;gap:16px}.content-grid>*{min-width:0}.panel,.ai-panel,.cta-card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 14px 36px rgba(15,31,77,.07)}.panel{padding:18px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panel-head h2,.ai-panel h2{color:var(--dark);font-size:21px;line-height:1.2}.panel-head a{color:var(--blue);font-size:12.5px;font-weight:600}.categories-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.categories-grid a{min-height:132px;border:1px solid var(--line);border-radius:18px;background:#fbfcff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;transition:.2s;padding:12px;overflow:hidden}.categories-grid a:hover,.freelancer-card:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(37,99,255,.12)}.categories-grid img{width:74px;height:74px;object-fit:contain;display:block}.categories-grid i{display:none}.categories-grid span{color:var(--dark);font-size:13.5px;font-weight:600;line-height:1.18}.freelancers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.freelancer-card{border:1px solid var(--line);border-radius:18px;background:#fbfcff;padding:10px;display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:10px;transition:.2s;min-height:112px;text-align:left}.freelancer-card:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(37,99,255,.12)}.freelancer-photo{width:72px;height:88px;border-radius:16px;object-fit:cover;box-shadow:0 10px 20px rgba(15,31,77,.10)}.freelancer-info{min-width:0;display:flex;flex-direction:column;gap:3px}.freelancer-info b{font-size:14px;color:var(--dark);line-height:1.15}.freelancer-info span{font-size:11.5px;color:var(--muted);line-height:1.2}.freelancer-info em{font-style:normal;font-size:11px;color:var(--dark);font-weight:500;line-height:1.2}.freelancer-info strong{font-size:12.5px;color:var(--dark);margin-top:2px;line-height:1.2}
.ai-column{display:grid;grid-template-rows:auto 1fr;gap:14px;min-width:0}
.ai-info-card{min-height:132px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 14px 36px rgba(15,31,77,.07);padding:22px 24px;display:flex;flex-direction:column;justify-content:center}
.ai-info-card h3{font-size:22px;line-height:1.2;color:var(--dark);margin:0 0 8px;font-weight:600}
.ai-info-card p{font-size:14px;line-height:1.45;color:#536177;max-width:360px;margin:0}
.ai-info-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.ai-info-pills span{height:28px;display:inline-flex;align-items:center;border-radius:999px;padding:0 12px;background:#eef3ff;color:#2962ff;font-size:12px;font-weight:600}

.ai-panel{position:relative;overflow:hidden;min-height:252px;padding:22px 22px 20px;border-radius:22px;border:1px solid rgba(255,255,255,.22);box-shadow:0 18px 42px rgba(35,61,160,.18);background:radial-gradient(circle at 82% 18%,rgba(0,224,255,.36),transparent 22%),radial-gradient(circle at 15% 100%,rgba(255,0,204,.22),transparent 32%),linear-gradient(135deg,#056bff 0%,#164bff 44%,#6f38ff 100%);color:#fff}
.ai-panel:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 74% 42%,rgba(255,255,255,.10),transparent 18%);pointer-events:none}
.ai-content{position:relative;z-index:2;width:74%;max-width:500px}
.ai-title-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.ai-title-row h2{color:#fff;font-size:20px;line-height:1.1;letter-spacing:-.25px;margin:0;font-weight:600}
.ai-new{height:28px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.18);font-size:12px;font-weight:600;color:#fff}
.ai-panel p{max-width:365px;font-size:13.5px;line-height:1.48;color:#fff;margin:0 0 16px}
.ai-form{height:62px;width:100%;max-width:420px;display:grid;grid-template-columns:minmax(0,1fr) 56px;background:#fff;border-radius:16px;overflow:hidden;padding:6px;box-shadow:0 18px 38px rgba(12,25,80,.20)}
.ai-form input{border:0;outline:0;padding:0 14px;color:#8a93a8;font-size:13px;min-width:0}
.ai-form button{border:0;border-radius:13px;color:#fff;background:linear-gradient(135deg,#7843ff,#6528ff);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 22px rgba(77,43,255,.24)}
.ai-form button svg{width:29px;height:29px;fill:#fff;transform:translateX(-1px)}
.ai-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;max-width:500px}
.ai-buttons a{height:32px;display:flex;align-items:center;gap:6px;padding:0 11px;border-radius:999px;background:rgba(255,255,255,.16);color:#fff;font-size:11.5px;font-weight:600;transition:.2s;backdrop-filter:blur(6px)}
.ai-buttons a:hover{background:rgba(255,255,255,.27);transform:translateY(-1px)}
.ai-action-icon{font-size:14px;line-height:1}
.ai-robot{position:absolute;right:10px;bottom:-2px;width:34%;max-width:150px;min-width:110px;z-index:1;pointer-events:none}
.cta-section{padding:0 0 30px}.cta-card{min-height:112px;display:grid;grid-template-columns:132px 1fr auto;align-items:center;gap:20px;padding:18px 24px}.cta-icon{width:112px;height:78px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:transparent;box-shadow:none;overflow:visible}.cta-icon img{width:116px;height:auto;max-width:none;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(80,70,255,.16))}.cta-card h2{font-size:22px;color:var(--dark);margin-bottom:5px}.cta-card p{font-size:13px;color:var(--muted)}.cta-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.site-footer{background:#101b36;color:#fff;text-align:center;padding:22px 0;font-size:13px}@media(max-width:1200px){.fl-container{padding:0 22px}.main-nav{gap:14px}.main-nav a{font-size:13px}.hero-grid{grid-template-columns:430px minmax(0,1fr)}.hero-visual img{max-width:720px}.advantages-card{grid-template-columns:repeat(3,minmax(0,1fr))}.advantage-item:nth-child(3){border-right:0}.advantage-item:nth-child(n+4){border-top:1px solid var(--line)}.ai-panel{min-height:360px}.ai-panel h2{font-size:26px}}@media(max-width:980px){.site-header{height:auto}.header-inner{height:auto;min-height:66px;padding-top:10px;padding-bottom:10px;flex-wrap:wrap}.brand{width:170px;flex:0 0 170px}.main-nav{order:3;flex-basis:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:4px}.header-actions{margin-left:auto}.hero-grid,.content-grid{grid-template-columns:1fr}.hero-visual{justify-content:center;min-height:auto}.hero-visual img{transform:none;max-width:760px}.ai-robot{width:175px;right:18px}}@media(max-width:720px){.fl-container{padding:0 16px}.hero-section{padding-top:22px}.hero-content h1{font-size:32px}.hero-search{height:auto;grid-template-columns:1fr}.hero-search input,.hero-search select,.hero-search button{height:46px;border-right:0;border-bottom:1px solid var(--line)}.hero-search button{border-bottom:0}.popular-tags{gap:9px}.popular-tags b{width:100%;font-size:16px}.popular-tags a{height:38px;padding:0 15px;font-size:14px}.popular-tags{font-size:12.5px}.popular-tags a{height:30px;padding:0 13px}.advantages-card{grid-template-columns:1fr}.advantage-item{border-right:0;border-top:1px solid var(--line)}.advantage-item:first-child{border-top:0}.advantage-item{grid-template-columns:58px minmax(0,1fr);min-height:88px}.advantage-item img{width:52px;height:52px}.categories-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.categories-grid a{min-height:124px}.categories-grid img{width:70px;height:70px}.categories-grid span{font-size:13px}.freelancers-grid{grid-template-columns:1fr}.ai-panel{padding:25px 18px 220px;min-height:560px}.ai-panel h2{font-size:25px;margin-bottom:18px}.ai-panel h2 span{font-size:12px;padding:5px 12px}.ai-robot{right:50%;bottom:0;transform:translateX(50%);width:165px}.cta-card{grid-template-columns:1fr;text-align:center;justify-items:center}.cta-actions{justify-content:center}}@media(max-width:420px){.hero-content h1{font-size:29px}.categories-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-actions{width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:4px}.ai-panel{min-height:585px}}


/* MOBILE HEADER MENU */
.mobile-menu-toggle,
.mobile-menu,
.mobile-menu-overlay{
    display:none;
}

@media(max-width:720px){
    .site-header{
        height:auto;
        overflow:visible;
    }

    .header-inner{
        min-height:74px;
        height:74px;
        padding-top:0;
        padding-bottom:0;
        flex-wrap:nowrap;
        justify-content:space-between;
        gap:12px;
    }

    .brand{
        width:178px;
        flex:0 1 auto;
    }

    .brand img{
        height:52px;
        max-width:178px;
    }

    .main-nav,
    .header-actions{
        display:none;
    }

    .mobile-menu-toggle{
        width:48px;
        height:48px;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:6px;
        border:0;
        border-radius:14px;
        background:linear-gradient(135deg,#eef4ff,#f2edff);
        box-shadow:0 10px 24px rgba(37,99,255,.12);
        cursor:pointer;
        flex:0 0 48px;
    }

    .mobile-menu-toggle span{
        width:24px;
        height:2px;
        border-radius:999px;
        background:#0b1b4d;
        display:block;
    }

    .mobile-menu-overlay{
        display:block;
        position:fixed;
        inset:0;
        background:rgba(7,20,61,.38);
        opacity:0;
        visibility:hidden;
        z-index:998;
        transition:.25s;
    }

    .mobile-menu{
        display:block;
        position:fixed;
        top:0;
        right:0;
        width:min(86vw,340px);
        max-width:340px;
        height:100vh;
        background:#fff;
        z-index:999;
        transform:translateX(105%);
        transition:.28s ease;
        box-shadow:-20px 0 60px rgba(7,20,61,.22);
        padding:18px;
        overflow-y:auto;
        border-radius:24px 0 0 24px;
    }

    body.menu-open{
        overflow:hidden;
    }

    body.menu-open .mobile-menu{
        transform:translateX(0);
    }

    body.menu-open .mobile-menu-overlay{
        opacity:1;
        visibility:visible;
    }

    .mobile-menu-head{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:12px;
        padding-bottom:18px;
        border-bottom:1px solid var(--line);
        margin-bottom:14px;
    }

    .mobile-menu-head img{
        height:45px;
        width:auto;
    }

    .mobile-menu-close{
        width:42px;
        height:42px;
        border:0;
        border-radius:13px;
        background:#eef2ff;
        color:#0b1b4d;
        font-size:32px;
        line-height:1;
        cursor:pointer;
    }

    .mobile-nav{
        display:flex;
        flex-direction:column;
        gap:8px;
    }

    .mobile-nav a{
        min-height:48px;
        display:flex;
        align-items:center;
        gap:10px;
        padding:0 14px;
        border-radius:14px;
        color:var(--dark);
        font-size:16px;
        font-weight:600;
        background:#f8faff;
        border:1px solid #eef2ff;
    }

    .mobile-nav a.is-active{
        color:var(--violet);
        background:#f0edff;
    }

    .mobile-nav a img{
        width:22px;
        height:22px;
        flex:0 0 22px;
    }

    .mobile-nav a span{
        margin-left:auto;
        font-size:10px;
        color:#fff;
        background:linear-gradient(135deg,var(--blue),var(--violet));
        border-radius:999px;
        padding:2px 7px;
    }

    .mobile-menu-actions{
        display:grid;
        grid-template-columns:1fr;
        gap:10px;
        margin-top:18px;
        padding-top:18px;
        border-top:1px solid var(--line);
    }

    .mobile-menu-actions .btn{
        width:100%;
        min-height:48px;
        font-size:15px;
    }

    .hero-section{
        padding-top:22px;
    }

    .hero-grid{
        display:flex;
        flex-direction:column;
        gap:22px;
    }

    .hero-content,
    .hero-visual{
        width:100%;
        min-width:0;
    }

    .hero-visual{
        overflow:hidden;
        justify-content:center;
    }

    .hero-visual img{
        width:118%;
        max-width:520px;
        transform:none;
        margin-left:-9%;
        margin-right:-9%;
    }
}

@media(max-width:420px){
    .fl-container{
        padding-left:16px;
        padding-right:16px;
    }

    .brand{
        width:165px;
    }

    .brand img{
        height:48px;
        max-width:165px;
    }

    .mobile-menu-toggle{
        width:46px;
        height:46px;
        flex-basis:46px;
    }

    .hero-content h1{
        font-size:31px;
        line-height:1.12;
    }

    .hero-text{
        font-size:15px;
    }
}



/* MOBILE MENU FIX V10: CSS-only opening, no JS dependency */
.mobile-menu-checkbox{
    display:none;
}

@media(max-width:720px){
    .site-header{
        position:sticky;
        top:0;
        z-index:1000;
        overflow:visible;
    }

    .mobile-menu-toggle{
        display:flex !important;
        width:48px;
        height:48px;
        flex:0 0 48px;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:6px;
        border:0;
        border-radius:14px;
        background:linear-gradient(135deg,#eef4ff,#f2edff);
        box-shadow:0 10px 24px rgba(37,99,255,.14);
        cursor:pointer;
    }

    .mobile-menu-toggle span{
        width:24px;
        height:2px;
        border-radius:999px;
        background:#07143d;
        display:block;
    }

    .mobile-menu-overlay{
        display:block !important;
        position:fixed;
        inset:0;
        background:rgba(7,20,61,.45);
        opacity:0;
        visibility:hidden;
        pointer-events:none;
        z-index:1001;
        transition:.25s;
    }

    .mobile-menu{
        display:block !important;
        position:fixed;
        top:0;
        right:0;
        width:min(88vw,360px);
        max-width:360px;
        height:100vh;
        background:#ffffff;
        z-index:1002;
        transform:translateX(105%);
        transition:.28s ease;
        box-shadow:-20px 0 60px rgba(7,20,61,.24);
        padding:18px;
        overflow-y:auto;
        border-radius:24px 0 0 24px;
    }

    .mobile-menu-checkbox:checked ~ .mobile-menu-overlay{
        opacity:1;
        visibility:visible;
        pointer-events:auto;
    }

    .mobile-menu-checkbox:checked ~ .mobile-menu{
        transform:translateX(0);
    }

    .mobile-menu-head{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:12px;
        padding-bottom:18px;
        border-bottom:1px solid #e7ebf6;
        margin-bottom:14px;
    }

    .mobile-menu-head img{
        height:45px;
        width:auto;
    }

    .mobile-menu-close{
        width:42px;
        height:42px;
        border:0;
        border-radius:13px;
        background:#eef2ff;
        color:#07143d;
        font-size:32px;
        line-height:38px;
        text-align:center;
        cursor:pointer;
        display:flex;
        align-items:center;
        justify-content:center;
    }

    .mobile-nav{
        display:flex;
        flex-direction:column;
        gap:8px;
    }

    .mobile-nav a{
        min-height:50px;
        display:flex;
        align-items:center;
        gap:10px;
        padding:0 14px;
        border-radius:14px;
        color:#07143d;
        font-size:16px;
        font-weight:600;
        background:#f8faff;
        border:1px solid #eef2ff;
    }

    .mobile-nav a.is-active{
        color:#7045ff;
        background:#f0edff;
    }

    .mobile-nav a img{
        width:22px;
        height:22px;
        flex:0 0 22px;
    }

    .mobile-nav a span{
        margin-left:auto;
        font-size:10px;
        color:#fff;
        background:linear-gradient(135deg,#1769ff,#7045ff);
        border-radius:999px;
        padding:2px 7px;
    }

    .mobile-menu-actions{
        display:grid;
        grid-template-columns:1fr;
        gap:10px;
        margin-top:18px;
        padding-top:18px;
        border-top:1px solid #e7ebf6;
    }

    .mobile-menu-actions .btn{
        width:100%;
        min-height:50px;
        font-size:15px;
    }
}

@media(min-width:721px){
    .mobile-menu-checkbox,
    .mobile-menu-toggle,
    .mobile-menu-overlay,
    .mobile-menu{
        display:none !important;
    }
}

@media(max-width:360px){.categories-grid{grid-template-columns:1fr}.categories-grid a{min-height:118px}.categories-grid img{width:68px;height:68px}}

.avatar{display:none}

@media(max-width:1200px){
    .freelancer-card{grid-template-columns:64px minmax(0,1fr);min-height:104px}
    .freelancer-photo{width:64px;height:80px;border-radius:14px}
    .freelancer-info b{font-size:13px}
    .freelancer-info span{font-size:11px}
    .freelancer-info em{font-size:10.5px}
    .freelancer-info strong{font-size:12px}
}
@media(max-width:980px){
    .freelancers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .freelancer-card{grid-template-columns:76px minmax(0,1fr);min-height:116px}
    .freelancer-photo{width:76px;height:92px}
}
@media(max-width:560px){
    .freelancers-grid{grid-template-columns:1fr}
    .freelancer-card{grid-template-columns:82px minmax(0,1fr);min-height:118px}
    .freelancer-photo{width:82px;height:96px}
}





@media(max-width:420px){
    .ai-panel{min-height:635px}



}

@media(max-width:720px){.cta-card{grid-template-columns:1fr;text-align:center;justify-items:center}.cta-icon{width:112px;height:78px}.cta-icon img{width:116px}}

@media(max-width:720px){.hero-register-actions{display:grid;grid-template-columns:1fr;gap:12px;margin-top:20px}.hero-register-actions .btn{width:100%;min-height:52px;font-size:16px}.hero-btn-order{order:1}.hero-btn-worker{order:2}}


@media(max-width:1200px){
    .ai-info-card{min-height:122px;padding:18px}
    .ai-info-card h3{font-size:19px}
    .ai-info-card p{font-size:13px}
    .ai-panel{min-height:250px;padding:20px}
    .ai-content{width:76%}
    .ai-title-row h2{font-size:18px}
    .ai-panel p{font-size:12.5px}
    .ai-form{height:56px;grid-template-columns:minmax(0,1fr) 50px}
    .ai-form input{font-size:12px}
    .ai-form button svg{width:25px;height:25px}
    .ai-buttons a{height:30px;font-size:10.5px;padding:0 9px}
    .ai-robot{max-width:130px}
}
@media(max-width:980px){
    .ai-column{grid-template-rows:auto auto}
    .ai-info-card{min-height:auto}
    .ai-panel{min-height:320px}
    .ai-content{width:68%;max-width:540px}
    .ai-title-row h2{font-size:27px}
    .ai-panel p{font-size:17px}
    .ai-form{height:72px;max-width:520px;grid-template-columns:minmax(0,1fr) 64px}
    .ai-form input{font-size:15px}
    .ai-buttons a{height:40px;font-size:14px;padding:0 16px}
    .ai-robot{width:28%;max-width:185px;right:24px}
}
@media(max-width:720px){
    .ai-column{gap:14px}
    .ai-info-card{padding:20px}
    .ai-info-card h3{font-size:21px}
    .ai-info-card p{font-size:14px}
    .ai-panel{min-height:570px;padding:25px 18px 220px}
    .ai-content{width:100%;max-width:none}
    .ai-title-row{gap:10px;align-items:flex-start;flex-wrap:wrap}
    .ai-title-row h2{font-size:28px}
    .ai-new{height:32px;font-size:12px;padding:0 12px}
    .ai-panel p{font-size:18px;line-height:1.52;margin-bottom:22px}
    .ai-form{height:76px;grid-template-columns:minmax(0,1fr) 64px}
    .ai-form input{font-size:15px;padding:0 15px}
    .ai-form button svg{width:30px;height:30px}
    .ai-buttons{gap:10px;margin-top:18px}
    .ai-buttons a{height:42px;font-size:13px;padding:0 14px}
    .ai-robot{right:50%;bottom:0;transform:translateX(50%);width:205px;max-width:205px;min-width:0}
}
@media(max-width:420px){
    .ai-panel{min-height:610px}
    .ai-title-row h2{font-size:25px}
    .ai-panel p{font-size:16.5px}
    .ai-buttons a{width:100%;justify-content:center}
}



/* AI BLOCK EXACT V19 */
.ai-column{
    display:grid !important;
    grid-template-rows:264px 250px !important;
    gap:14px !important;
    min-width:0 !important;
}

.ai-info-card{
    min-height:0 !important;
    height:264px !important;
    background:#fff !important;
    border:1px solid #eef2ff !important;
    border-radius:22px !important;
    box-shadow:0 14px 36px rgba(15,31,77,.07) !important;
    padding:26px 28px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
}

.ai-info-card h3{
    max-width:360px !important;
    font-size:30px !important;
    line-height:1.17 !important;
    letter-spacing:-.3px !important;
    color:#07143d !important;
    margin:0 0 12px !important;
    font-weight:600 !important;
}

.ai-info-card p{
    max-width:390px !important;
    font-size:14px !important;
    line-height:1.45 !important;
    color:#536177 !important;
    margin:0 !important;
}

.ai-info-pills{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:8px !important;
    margin-top:16px !important;
}

.ai-info-pills span{
    height:30px !important;
    display:inline-flex !important;
    align-items:center !important;
    border-radius:999px !important;
    padding:0 12px !important;
    background:#eef3ff !important;
    color:#2962ff !important;
    font-size:12px !important;
    font-weight:600 !important;
}

.ai-panel{
    height:250px !important;
    min-height:250px !important;
    position:relative !important;
    overflow:hidden !important;
    padding:26px 24px 20px !important;
    border-radius:18px !important;
    border:1px solid rgba(255,255,255,.24) !important;
    box-shadow:0 18px 42px rgba(35,61,160,.18) !important;
    background:
        radial-gradient(circle at 80% 20%, rgba(0,224,255,.34), transparent 23%),
        radial-gradient(circle at 18% 105%, rgba(255,0,204,.22), transparent 32%),
        linear-gradient(135deg,#066bff 0%,#164bff 48%,#6f38ff 100%) !important;
    color:#fff !important;
}

.ai-panel:before{
    content:'' !important;
    position:absolute !important;
    inset:0 !important;
    background:
        radial-gradient(circle at 74% 45%, rgba(255,255,255,.10), transparent 18%),
        radial-gradient(circle at 92% 10%, rgba(255,255,255,.18), transparent 2%) !important;
    pointer-events:none !important;
}

.ai-content{
    position:relative !important;
    z-index:2 !important;
    width:75% !important;
    max-width:500px !important;
}

.ai-title-row{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    margin-bottom:14px !important;
}

.ai-title-row h2{
    color:#fff !important;
    font-size:22px !important;
    line-height:1.1 !important;
    letter-spacing:-.25px !important;
    margin:0 !important;
    font-weight:600 !important;
    white-space:nowrap !important;
}

.ai-new{
    height:30px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 13px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.18) !important;
    color:#fff !important;
    font-size:12px !important;
    font-weight:600 !important;
}

.ai-panel p{
    max-width:365px !important;
    color:#fff !important;
    font-size:13.5px !important;
    line-height:1.48 !important;
    margin:0 0 18px !important;
}

.ai-form{
    height:64px !important;
    width:100% !important;
    max-width:430px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 58px !important;
    background:#fff !important;
    border-radius:15px !important;
    overflow:hidden !important;
    padding:6px !important;
    box-shadow:0 16px 34px rgba(12,25,80,.20) !important;
}

.ai-form input{
    border:0 !important;
    outline:0 !important;
    min-width:0 !important;
    padding:0 14px !important;
    color:#8a93a8 !important;
    font-size:12.5px !important;
    background:#fff !important;
}

.ai-form button{
    border:0 !important;
    border-radius:12px !important;
    color:#fff !important;
    background:linear-gradient(135deg,#7b45ff,#6127ff) !important;
    cursor:pointer !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-shadow:0 10px 22px rgba(77,43,255,.24) !important;
}

.ai-form button svg{
    width:29px !important;
    height:29px !important;
    fill:#fff !important;
    transform:translateX(-1px) !important;
}

.ai-buttons{
    display:flex !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    gap:8px !important;
    margin-top:14px !important;
    max-width:500px !important;
}

.ai-buttons a{
    height:32px !important;
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    padding:0 10px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.16) !important;
    color:#fff !important;
    font-size:11px !important;
    font-weight:600 !important;
    transition:.2s !important;
    backdrop-filter:blur(6px) !important;
    white-space:nowrap !important;
}

.ai-buttons a:hover{
    background:rgba(255,255,255,.27) !important;
    transform:translateY(-1px) !important;
}

.ai-action-icon{
    font-size:14px !important;
    line-height:1 !important;
}

.ai-robot{
    position:absolute !important;
    right:8px !important;
    bottom:-2px !important;
    width:34% !important;
    max-width:150px !important;
    min-width:118px !important;
    z-index:1 !important;
    pointer-events:none !important;
}

@media(max-width:1200px){
    .ai-column{grid-template-rows:244px 250px !important}
    .ai-info-card{height:244px !important;padding:22px !important}
    .ai-info-card h3{font-size:25px !important}
    .ai-info-card p{font-size:13px !important}
    .ai-content{width:76% !important}
    .ai-title-row h2{font-size:19px !important}
    .ai-panel p{font-size:12.5px !important;max-width:335px !important}
    .ai-form{height:58px !important;grid-template-columns:minmax(0,1fr) 52px !important}
    .ai-form input{font-size:11.5px !important}
    .ai-buttons a{height:30px !important;font-size:10px !important;padding:0 8px !important}
    .ai-robot{max-width:132px !important}
}

@media(max-width:980px){
    .ai-column{grid-template-rows:auto auto !important}
    .ai-info-card{height:auto !important;min-height:150px !important}
    .ai-panel{height:auto !important;min-height:330px !important;padding:26px 24px !important}
    .ai-content{width:68% !important;max-width:560px !important}
    .ai-title-row h2{font-size:28px !important}
    .ai-panel p{font-size:17px !important;max-width:480px !important}
    .ai-form{height:74px !important;max-width:540px !important;grid-template-columns:minmax(0,1fr) 64px !important}
    .ai-form input{font-size:15px !important}
    .ai-buttons{flex-wrap:wrap !important}
    .ai-buttons a{height:40px !important;font-size:14px !important;padding:0 16px !important}
    .ai-robot{width:28% !important;max-width:190px !important;right:24px !important}
}

@media(max-width:720px){
    .ai-column{gap:14px !important}
    .ai-info-card{padding:20px !important}
    .ai-info-card h3{font-size:22px !important}
    .ai-info-card p{font-size:14px !important}
    .ai-panel{min-height:570px !important;padding:25px 18px 220px !important}
    .ai-content{width:100% !important;max-width:none !important}
    .ai-title-row{gap:10px !important;align-items:flex-start !important;flex-wrap:wrap !important}
    .ai-title-row h2{font-size:28px !important;white-space:normal !important}
    .ai-new{height:32px !important;font-size:12px !important;padding:0 12px !important}
    .ai-panel p{font-size:18px !important;line-height:1.52 !important;margin-bottom:22px !important}
    .ai-form{height:76px !important;grid-template-columns:minmax(0,1fr) 64px !important}
    .ai-form input{font-size:15px !important;padding:0 15px !important}
    .ai-form button svg{width:30px !important;height:30px !important}
    .ai-buttons{flex-wrap:wrap !important;gap:10px !important;margin-top:18px !important}
    .ai-buttons a{height:42px !important;font-size:13px !important;padding:0 14px !important}
    .ai-robot{right:50% !important;bottom:0 !important;transform:translateX(50%) !important;width:205px !important;max-width:205px !important;min-width:0 !important}
}

@media(max-width:420px){
    .ai-panel{min-height:610px !important}
    .ai-title-row h2{font-size:25px !important}
    .ai-panel p{font-size:16.5px !important}
    .ai-buttons a{width:100% !important;justify-content:center !important}
}



/* AI BLOCK — APPROVED SKETCH EXACT V20 */
.ai-column{display:grid!important;grid-template-rows:264px auto!important;gap:14px!important;min-width:0!important}
.ai-info-card{height:264px!important;min-height:264px!important;background:#fff!important;border:1px solid #eef2ff!important;border-radius:22px!important;box-shadow:0 14px 36px rgba(15,31,77,.07)!important;padding:26px 28px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.ai-info-card h3{max-width:370px!important;color:#07143d!important;font-size:29px!important;line-height:1.18!important;letter-spacing:-.3px!important;margin:0 0 12px!important;font-weight:600!important}
.ai-info-card p{max-width:390px!important;color:#536177!important;font-size:14px!important;line-height:1.45!important;margin:0!important}
.ai-info-pills{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:16px!important}
.ai-info-pills span{height:30px!important;display:inline-flex!important;align-items:center!important;border-radius:999px!important;padding:0 12px!important;background:#eef3ff!important;color:#2962ff!important;font-size:12px!important;font-weight:600!important}
.ai-panel-sketch{position:relative!important;width:100%!important;aspect-ratio:1600/910!important;height:auto!important;min-height:0!important;overflow:hidden!important;border-radius:22px!important;padding:5.8% 4.7% 4.4%!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 18px 42px rgba(35,61,160,.18)!important;background:radial-gradient(circle at 84% 23%,rgba(0,230,255,.35),transparent 24%),radial-gradient(circle at 21% 104%,rgba(255,0,210,.26),transparent 32%),linear-gradient(135deg,#056bff 0%,#075fff 42%,#2b47ff 62%,#6e36ff 100%)!important}
.ai-panel-sketch:before{content:''!important;position:absolute!important;inset:0!important;background:radial-gradient(circle at 75% 43%,rgba(255,255,255,.12),transparent 18%),radial-gradient(circle at 82% 10%,rgba(255,255,255,.45),transparent 1.2%),radial-gradient(circle at 89% 20%,rgba(255,255,255,.30),transparent 1%)!important;pointer-events:none!important}
.ai-panel-sketch .ai-content{position:relative!important;z-index:3!important;width:76%!important;max-width:none!important}
.ai-panel-sketch .ai-title-row{display:flex!important;align-items:center!important;gap:3.1%!important;margin:0 0 4.6%!important}
.ai-panel-sketch .ai-title-row h2{margin:0!important;color:#fff!important;font-size:clamp(18px,1.55vw,24px)!important;line-height:1.05!important;letter-spacing:-.2px!important;font-weight:600!important;white-space:nowrap!important}
.ai-panel-sketch .ai-new{height:32px!important;min-width:64px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 14px!important;border-radius:999px!important;background:rgba(255,255,255,.18)!important;color:#fff!important;font-size:13px!important;font-weight:600!important}
.ai-panel-sketch p{width:65%!important;max-width:none!important;margin:0 0 6.2%!important;color:#fff!important;font-size:clamp(13px,1.05vw,16px)!important;line-height:1.62!important;font-weight:400!important}
.ai-panel-sketch .ai-form{position:relative!important;z-index:4!important;width:77.5%!important;max-width:none!important;height:clamp(54px,5.6vw,78px)!important;display:grid!important;grid-template-columns:minmax(0,1fr) clamp(52px,4.7vw,70px)!important;gap:0!important;padding:7px!important;border-radius:clamp(15px,1.45vw,22px)!important;background:#fff!important;overflow:hidden!important;box-shadow:0 16px 36px rgba(12,25,80,.20)!important}
.ai-panel-sketch .ai-form input{min-width:0!important;border:0!important;outline:0!important;background:#fff!important;padding:0 18px!important;color:#8d96aa!important;font-size:clamp(12px,.95vw,15px)!important;font-weight:400!important}
.ai-panel-sketch .ai-form button{border:0!important;border-radius:clamp(12px,1.1vw,18px)!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;background:linear-gradient(135deg,#7b43ff 0%,#6329ff 100%)!important;box-shadow:0 10px 22px rgba(77,43,255,.24)!important}
.ai-panel-sketch .ai-form button svg{width:clamp(25px,2.25vw,34px)!important;height:clamp(25px,2.25vw,34px)!important;fill:#fff!important;transform:translateX(-1px)!important}
.ai-panel-sketch .ai-buttons{position:relative!important;z-index:4!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:2.5%!important;width:88%!important;max-width:none!important;margin-top:5.3%!important}
.ai-panel-sketch .ai-buttons a{height:clamp(30px,3.1vw,44px)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:0 4.1%!important;border-radius:999px!important;background:rgba(255,255,255,.16)!important;color:#fff!important;font-size:clamp(10px,.9vw,13px)!important;font-weight:600!important;line-height:1!important;white-space:nowrap!important;backdrop-filter:blur(6px)!important;transition:.2s!important}
.ai-panel-sketch .ai-buttons a:hover{background:rgba(255,255,255,.27)!important;transform:translateY(-1px)!important}
.ai-panel-sketch .ai-action-icon{font-size:clamp(13px,1.1vw,17px)!important;line-height:1!important}
.ai-panel-sketch .ai-robot{position:absolute!important;z-index:2!important;right:3.2%!important;top:8.5%!important;bottom:auto!important;width:32.5%!important;max-width:none!important;min-width:0!important;height:auto!important;transform:none!important;pointer-events:none!important;filter:drop-shadow(0 18px 22px rgba(0,68,255,.18))!important}
@media(max-width:1200px){.ai-column{grid-template-rows:244px auto!important}.ai-info-card{height:244px!important;min-height:244px!important;padding:22px!important}.ai-info-card h3{font-size:25px!important}.ai-info-card p{font-size:13px!important}.ai-panel-sketch .ai-new{height:28px!important;min-width:56px!important;font-size:11px!important;padding:0 10px!important}.ai-panel-sketch p{width:67%!important;line-height:1.52!important}.ai-panel-sketch .ai-buttons{gap:1.7%!important;width:90%!important}.ai-panel-sketch .ai-buttons a{padding:0 3.2%!important}}
@media(max-width:980px){.ai-column{grid-template-rows:auto auto!important}.ai-info-card{height:auto!important;min-height:150px!important}.ai-panel-sketch{aspect-ratio:1600/910!important;padding:5.8% 4.7% 4.4%!important}.ai-panel-sketch .ai-title-row h2{font-size:clamp(24px,4.2vw,38px)!important}.ai-panel-sketch .ai-new{height:40px!important;font-size:15px!important;min-width:78px!important}.ai-panel-sketch p{font-size:clamp(17px,2.45vw,25px)!important;width:66%!important}.ai-panel-sketch .ai-form{height:clamp(74px,9vw,98px)!important;grid-template-columns:minmax(0,1fr) clamp(66px,8vw,88px)!important}.ai-panel-sketch .ai-form input{font-size:clamp(15px,2vw,20px)!important}.ai-panel-sketch .ai-form button svg{width:clamp(30px,4vw,42px)!important;height:clamp(30px,4vw,42px)!important}.ai-panel-sketch .ai-buttons a{height:clamp(42px,5.2vw,56px)!important;font-size:clamp(13px,1.8vw,18px)!important}}
@media(max-width:720px){.ai-panel-sketch{aspect-ratio:auto!important;min-height:610px!important;padding:26px 18px 220px!important}.ai-panel-sketch .ai-content{width:100%!important}.ai-panel-sketch .ai-title-row{gap:10px!important;flex-wrap:wrap!important;margin-bottom:18px!important}.ai-panel-sketch .ai-title-row h2{font-size:28px!important;white-space:normal!important}.ai-panel-sketch .ai-new{height:32px!important;font-size:12px!important;min-width:64px!important}.ai-panel-sketch p{width:100%!important;font-size:18px!important;line-height:1.52!important;margin-bottom:22px!important}.ai-panel-sketch .ai-form{width:100%!important;height:76px!important;grid-template-columns:minmax(0,1fr) 64px!important}.ai-panel-sketch .ai-form input{font-size:15px!important;padding:0 15px!important}.ai-panel-sketch .ai-form button svg{width:30px!important;height:30px!important}.ai-panel-sketch .ai-buttons{width:100%!important;flex-wrap:wrap!important;gap:10px!important;margin-top:18px!important}.ai-panel-sketch .ai-buttons a{height:42px!important;font-size:13px!important;padding:0 14px!important}.ai-panel-sketch .ai-robot{right:50%!important;top:auto!important;bottom:0!important;transform:translateX(50%)!important;width:205px!important;max-width:205px!important}}
@media(max-width:420px){.ai-panel-sketch{min-height:640px!important}.ai-panel-sketch .ai-title-row h2{font-size:25px!important}.ai-panel-sketch p{font-size:16.5px!important}.ai-panel-sketch .ai-buttons a{width:100%!important}}



/* AI BLOCK FINAL V22 — info block + approved AI block */
.content-grid{
    align-items:stretch !important;
}

.content-grid > .categories-panel,
.content-grid > .freelancers-panel,
.content-grid > .ai-column{
    height:100% !important;
}

.ai-column{
    display:grid !important;
    grid-template-rows:264px 1fr !important;
    gap:14px !important;
    min-width:0 !important;
    align-self:stretch !important;
}

.ai-info-card{
    height:264px !important;
    min-height:264px !important;
    background:#fff !important;
    border:1px solid #eef2ff !important;
    border-radius:22px !important;
    box-shadow:0 14px 36px rgba(15,31,77,.07) !important;
    padding:26px 28px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
}

.ai-info-card h3{
    color:#07143d !important;
    font-size:29px !important;
    line-height:1.18 !important;
    letter-spacing:-.3px !important;
    margin:0 0 12px !important;
    font-weight:600 !important;
}

.ai-info-card p{
    color:#536177 !important;
    font-size:14px !important;
    line-height:1.45 !important;
    margin:0 !important;
    max-width:390px !important;
}

.ai-info-pills{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:8px !important;
    margin-top:16px !important;
}

.ai-info-pills span{
    height:30px !important;
    display:inline-flex !important;
    align-items:center !important;
    border-radius:999px !important;
    padding:0 12px !important;
    background:#eef3ff !important;
    color:#2962ff !important;
    font-size:12px !important;
    font-weight:600 !important;
}

.ai-panel-final{
    height:100% !important;
    min-height:256px !important;
    aspect-ratio:auto !important;
    position:relative !important;
    overflow:hidden !important;
    border-radius:22px !important;
    padding:22px 18px 16px !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.18) !important;
    box-shadow:0 18px 42px rgba(35,61,160,.18) !important;
    background:
        radial-gradient(circle at 84% 23%, rgba(0,230,255,.35), transparent 24%),
        radial-gradient(circle at 21% 104%, rgba(255,0,210,.26), transparent 32%),
        linear-gradient(135deg,#056bff 0%,#075fff 42%,#2b47ff 62%,#6e36ff 100%) !important;
}

.ai-panel-final:before{
    content:'' !important;
    position:absolute !important;
    inset:0 !important;
    background:
        radial-gradient(circle at 75% 43%, rgba(255,255,255,.12), transparent 18%),
        radial-gradient(circle at 84% 11%, rgba(255,255,255,.42), transparent 1.2%),
        radial-gradient(circle at 90% 20%, rgba(255,255,255,.28), transparent 1%) !important;
    pointer-events:none !important;
}

.ai-panel-final .ai-content{
    position:relative !important;
    z-index:3 !important;
    width:100% !important;
    max-width:none !important;
    height:100% !important;
    display:flex !important;
    flex-direction:column !important;
}

.ai-panel-final .ai-title-row{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    margin:0 0 12px !important;
    flex-wrap:nowrap !important;
}

.ai-panel-final .ai-title-row h2{
    color:#fff !important;
    font-size:20px !important;
    line-height:1.08 !important;
    letter-spacing:-.2px !important;
    margin:0 !important;
    font-weight:600 !important;
    max-width:220px !important;
}

.ai-panel-final .ai-new{
    height:30px !important;
    min-width:62px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 12px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.18) !important;
    color:#fff !important;
    font-size:12px !important;
    font-weight:600 !important;
}

.ai-panel-final p{
    width:62% !important;
    max-width:none !important;
    color:#fff !important;
    font-size:12.5px !important;
    line-height:1.48 !important;
    margin:0 0 15px !important;
    font-weight:400 !important;
}

.ai-panel-final .ai-form{
    position:relative !important;
    z-index:4 !important;
    width:82% !important;
    max-width:none !important;
    height:58px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 56px !important;
    gap:0 !important;
    padding:6px !important;
    border-radius:16px !important;
    background:#fff !important;
    overflow:hidden !important;
    box-shadow:0 14px 32px rgba(12,25,80,.18) !important;
}

.ai-panel-final .ai-form input{
    min-width:0 !important;
    border:0 !important;
    outline:0 !important;
    background:#fff !important;
    padding:0 14px !important;
    color:#8d96aa !important;
    font-size:11.5px !important;
    font-weight:400 !important;
}

.ai-panel-final .ai-form button{
    border:0 !important;
    border-radius:13px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    cursor:pointer !important;
    background:linear-gradient(135deg,#7b43ff 0%,#6329ff 100%) !important;
    box-shadow:0 10px 22px rgba(77,43,255,.24) !important;
}

.ai-panel-final .ai-form button svg{
    width:27px !important;
    height:27px !important;
    fill:#fff !important;
    transform:translateX(-1px) !important;
}

.ai-panel-final .ai-buttons{
    position:relative !important;
    z-index:4 !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:7px !important;
    width:100% !important;
    max-width:none !important;
    margin-top:auto !important;
    padding-top:12px !important;
}

.ai-panel-final .ai-buttons a{
    height:30px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    padding:0 9px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.16) !important;
    color:#fff !important;
    font-size:10.2px !important;
    font-weight:600 !important;
    line-height:1 !important;
    white-space:nowrap !important;
    backdrop-filter:blur(6px) !important;
    transition:.2s !important;
}

.ai-panel-final .ai-buttons a:hover{
    background:rgba(255,255,255,.27) !important;
    transform:translateY(-1px) !important;
}

.ai-panel-final .ai-action-icon{
    font-size:13px !important;
    line-height:1 !important;
}

.ai-panel-final .ai-robot{
    position:absolute !important;
    z-index:2 !important;
    right:4px !important;
    top:20px !important;
    bottom:auto !important;
    width:39% !important;
    max-width:168px !important;
    min-width:138px !important;
    height:auto !important;
    transform:none !important;
    pointer-events:none !important;
    filter:drop-shadow(0 16px 22px rgba(0,68,255,.18)) !important;
}

@media(max-width:1200px){
    .ai-column{grid-template-rows:244px 1fr !important}
    .ai-info-card{height:244px !important;min-height:244px !important;padding:22px !important}
    .ai-info-card h3{font-size:25px !important}
    .ai-info-card p{font-size:13px !important}
    .ai-panel-final{min-height:252px !important;padding:20px 16px 14px !important}
    .ai-panel-final .ai-title-row h2{font-size:18px !important;max-width:195px !important}
    .ai-panel-final .ai-new{height:28px !important;min-width:56px !important;font-size:11px !important}
    .ai-panel-final p{width:63% !important;font-size:11.8px !important;line-height:1.42 !important}
    .ai-panel-final .ai-form{width:84% !important;height:54px !important;grid-template-columns:minmax(0,1fr) 50px !important}
    .ai-panel-final .ai-form input{font-size:10.8px !important}
    .ai-panel-final .ai-buttons{gap:6px !important}
    .ai-panel-final .ai-buttons a{height:28px !important;font-size:9.4px !important;padding:0 7px !important}
    .ai-panel-final .ai-robot{width:38% !important;max-width:150px !important;min-width:126px !important}
}

@media(max-width:980px){
    .ai-column{
        grid-template-rows:auto auto !important;
        height:auto !important;
    }

    .ai-info-card{
        height:auto !important;
        min-height:150px !important;
    }

    .ai-panel-final{
        height:auto !important;
        min-height:360px !important;
        padding:28px 24px 24px !important;
    }

    .ai-panel-final .ai-title-row h2{
        font-size:30px !important;
        max-width:none !important;
    }

    .ai-panel-final .ai-new{
        height:40px !important;
        min-width:78px !important;
        font-size:15px !important;
    }

    .ai-panel-final p{
        width:64% !important;
        font-size:20px !important;
        line-height:1.52 !important;
        margin-bottom:24px !important;
    }

    .ai-panel-final .ai-form{
        width:80% !important;
        height:78px !important;
        grid-template-columns:minmax(0,1fr) 82px !important;
        border-radius:22px !important;
    }

    .ai-panel-final .ai-form input{
        font-size:16px !important;
    }

    .ai-panel-final .ai-form button svg{
        width:34px !important;
        height:34px !important;
    }

    .ai-panel-final .ai-buttons{
        margin-top:22px !important;
        padding-top:0 !important;
        gap:12px !important;
        flex-wrap:wrap !important;
    }

    .ai-panel-final .ai-buttons a{
        height:44px !important;
        font-size:14px !important;
        padding:0 18px !important;
    }

    .ai-panel-final .ai-robot{
        right:2% !important;
        top:7% !important;
        width:35% !important;
        max-width:none !important;
    }
}

@media(max-width:720px){
    .ai-panel-final{
        min-height:650px !important;
        padding:24px 18px 220px !important;
    }

    .ai-panel-final .ai-title-row{
        flex-wrap:wrap !important;
        margin-bottom:18px !important;
    }

    .ai-panel-final .ai-title-row h2{
        font-size:28px !important;
        max-width:none !important;
    }

    .ai-panel-final .ai-new{
        height:32px !important;
        font-size:12px !important;
        min-width:64px !important;
    }

    .ai-panel-final p{
        width:100% !important;
        font-size:18px !important;
        line-height:1.5 !important;
        margin-bottom:22px !important;
    }

    .ai-panel-final .ai-form{
        width:100% !important;
        height:74px !important;
        grid-template-columns:minmax(0,1fr) 72px !important;
    }

    .ai-panel-final .ai-form input{
        font-size:15px !important;
        padding:0 16px !important;
    }

    .ai-panel-final .ai-form button{
        border-radius:16px !important;
    }

    .ai-panel-final .ai-form button svg{
        width:30px !important;
        height:30px !important;
    }

    .ai-panel-final .ai-buttons{
        gap:10px !important;
        padding-top:16px !important;
    }

    .ai-panel-final .ai-buttons a{
        width:100% !important;
        height:42px !important;
        font-size:13.5px !important;
        justify-content:flex-start !important;
        padding:0 16px !important;
    }

    .ai-panel-final .ai-robot{
        right:50% !important;
        top:auto !important;
        bottom:0 !important;
        transform:translateX(50%) !important;
        width:210px !important;
        max-width:210px !important;
        min-width:0 !important;
    }
}

@media(max-width:420px){
    .ai-panel-final{min-height:680px !important}
    .ai-panel-final .ai-title-row h2{font-size:25px !important}
    .ai-panel-final p{font-size:16.5px !important}
}


/* FINAL ALIGNMENT V24 — categories / freelancers / AI */
@media (min-width:981px){
    .content-grid{
        align-items:stretch !important;
    }

    .content-grid > .categories-panel,
    .content-grid > .freelancers-panel,
    .content-grid > .ai-column{
        height:526px !important;
        min-height:526px !important;
        align-self:stretch !important;
    }

    .categories-panel,
    .freelancers-panel{
        overflow:hidden !important;
    }

    .categories-panel,
    .freelancers-panel{
        padding:16px 18px 14px !important;
    }

    .categories-panel .panel-head,
    .freelancers-panel .panel-head{
        margin-bottom:12px !important;
    }

    .categories-grid{
        gap:12px !important;
    }

    .categories-grid a{
        min-height:124px !important;
        padding:10px !important;
        border-radius:16px !important;
        gap:8px !important;
    }

    .categories-grid img{
        width:68px !important;
        height:68px !important;
    }

    .categories-grid span{
        font-size:13px !important;
        line-height:1.15 !important;
    }

    .freelancers-grid{
        gap:10px !important;
    }

    .freelancer-card{
        min-height:104px !important;
        padding:9px !important;
        grid-template-columns:68px minmax(0,1fr) !important;
        gap:9px !important;
        border-radius:16px !important;
    }

    .freelancer-photo{
        width:68px !important;
        height:82px !important;
        border-radius:14px !important;
    }

    .freelancer-info{
        gap:2px !important;
    }

    .freelancer-info b{
        font-size:13.2px !important;
    }

    .freelancer-info span{
        font-size:10.8px !important;
    }

    .freelancer-info em{
        font-size:10.4px !important;
    }

    .freelancer-info strong{
        font-size:12.2px !important;
    }

    .ai-column{
        display:grid !important;
        grid-template-rows:264px 250px !important;
        gap:12px !important;
        min-width:0 !important;
    }

    .ai-info-card{
        height:264px !important;
        min-height:264px !important;
        padding:26px 28px !important;
    }

    .ai-panel-final{
        height:250px !important;
        min-height:250px !important;
        padding:20px 17px 14px !important;
        border-radius:20px !important;
    }

    .ai-panel-final .ai-title-row{
        margin:0 0 10px !important;
        gap:9px !important;
    }

    .ai-panel-final .ai-title-row h2{
        font-size:19px !important;
        line-height:1.08 !important;
        max-width:210px !important;
    }

    .ai-panel-final .ai-new{
        height:28px !important;
        min-width:56px !important;
        padding:0 11px !important;
        border-radius:14px !important;
        font-size:11px !important;
    }

    .ai-panel-final p{
        width:60% !important;
        font-size:12px !important;
        line-height:1.43 !important;
        margin:0 0 11px !important;
    }

    .ai-panel-final .ai-form{
        width:82% !important;
        height:48px !important;
        grid-template-columns:minmax(0,1fr) 48px !important;
        padding:5px !important;
        border-radius:12px !important;
    }

    .ai-panel-final .ai-form input{
        font-size:10.8px !important;
        padding:0 13px !important;
    }

    .ai-panel-final .ai-form button{
        border-radius:9px !important;
    }

    .ai-panel-final .ai-form button svg{
        width:22px !important;
        height:22px !important;
    }

    .ai-panel-final .ai-buttons{
        gap:5px !important;
        padding-top:9px !important;
    }

    .ai-panel-final .ai-buttons a{
        height:26px !important;
        padding:0 7px !important;
        border-radius:12px !important;
        font-size:9px !important;
        gap:4px !important;
    }

    .ai-panel-final .ai-action-icon{
        font-size:11.5px !important;
    }

    .ai-panel-final .ai-robot{
        width:43% !important;
        max-width:182px !important;
        min-width:150px !important;
        right:-3px !important;
        top:12px !important;
    }
}

@media (min-width:981px) and (max-width:1200px){
    .content-grid > .categories-panel,
    .content-grid > .freelancers-panel,
    .content-grid > .ai-column{
        height:512px !important;
        min-height:512px !important;
    }

    .categories-grid a{
        min-height:120px !important;
    }

    .categories-grid img{
        width:64px !important;
        height:64px !important;
    }

    .freelancer-card{
        min-height:101px !important;
        grid-template-columns:64px minmax(0,1fr) !important;
    }

    .freelancer-photo{
        width:64px !important;
        height:78px !important;
    }

    .ai-column{
        grid-template-rows:252px 248px !important;
    }

    .ai-info-card{
        height:252px !important;
        min-height:252px !important;
    }

    .ai-panel-final{
        height:248px !important;
        min-height:248px !important;
    }

    .ai-panel-final .ai-title-row h2{
        font-size:18px !important;
        max-width:196px !important;
    }

    .ai-panel-final p{
        width:61% !important;
        font-size:11.5px !important;
    }

    .ai-panel-final .ai-form{
        width:83% !important;
        height:46px !important;
        grid-template-columns:minmax(0,1fr) 46px !important;
    }

    .ai-panel-final .ai-buttons a{
        font-size:8.5px !important;
        padding:0 6px !important;
    }

    .ai-panel-final .ai-robot{
        width:42% !important;
        max-width:166px !important;
        min-width:140px !important;
    }
}


/* BLOCK HEIGHT ALIGNMENT V25 — AI block itself is NOT touched */
@media (min-width:981px){
    .content-grid{
        align-items:stretch !important;
    }

    .content-grid > .categories-panel,
    .content-grid > .freelancers-panel,
    .content-grid > .ai-column{
        height:470px !important;
        min-height:470px !important;
        align-self:stretch !important;
    }

    .categories-panel{
        padding:18px !important;
        overflow:hidden !important;
    }

    .freelancers-panel{
        padding:18px !important;
        overflow:hidden !important;
    }

    .categories-panel .panel-head,
    .freelancers-panel .panel-head{
        margin-bottom:12px !important;
    }

    .categories-grid{
        gap:12px !important;
    }

    .categories-grid a{
        min-height:124px !important;
        padding:10px !important;
        border-radius:16px !important;
        gap:8px !important;
    }

    .categories-grid img{
        width:68px !important;
        height:68px !important;
    }

    .categories-grid span{
        font-size:13px !important;
        line-height:1.15 !important;
    }

    .freelancers-grid{
        gap:10px !important;
    }

    .freelancer-card{
        min-height:104px !important;
        padding:9px !important;
        grid-template-columns:68px minmax(0,1fr) !important;
        gap:9px !important;
        border-radius:16px !important;
    }

    .freelancer-photo{
        width:68px !important;
        height:82px !important;
        border-radius:14px !important;
    }

    .freelancer-info{
        gap:2px !important;
    }

    .freelancer-info b{
        font-size:13.2px !important;
    }

    .freelancer-info span{
        font-size:10.8px !important;
    }

    .freelancer-info em{
        font-size:10.4px !important;
    }

    .freelancer-info strong{
        font-size:12.2px !important;
    }

    .ai-column{
        display:grid !important;
        grid-template-rows:208px 250px !important;
        gap:12px !important;
        min-width:0 !important;
    }

    .ai-info-card{
        height:208px !important;
        min-height:208px !important;
        padding:22px 28px !important;
    }

    .ai-info-card h3{
        font-size:25px !important;
        line-height:1.16 !important;
        margin-bottom:9px !important;
    }

    .ai-info-card p{
        font-size:13px !important;
        line-height:1.42 !important;
        max-width:390px !important;
    }

    .ai-info-pills{
        margin-top:12px !important;
        gap:7px !important;
    }

    .ai-info-pills span{
        height:27px !important;
        padding:0 11px !important;
        font-size:11.5px !important;
    }
}

@media (min-width:981px) and (max-width:1200px){
    .content-grid > .categories-panel,
    .content-grid > .freelancers-panel,
    .content-grid > .ai-column{
        height:458px !important;
        min-height:458px !important;
    }

    .categories-panel,
    .freelancers-panel{
        padding:16px !important;
    }

    .categories-grid a{
        min-height:121px !important;
    }

    .categories-grid img{
        width:64px !important;
        height:64px !important;
    }

    .freelancer-card{
        min-height:101px !important;
        grid-template-columns:64px minmax(0,1fr) !important;
    }

    .freelancer-photo{
        width:64px !important;
        height:78px !important;
    }

    .ai-column{
        grid-template-rows:198px 248px !important;
        gap:12px !important;
    }

    .ai-info-card{
        height:198px !important;
        min-height:198px !important;
        padding:20px 24px !important;
    }

    .ai-info-card h3{
        font-size:23px !important;
    }

    .ai-info-card p{
        font-size:12.5px !important;
    }
}


/* BLOCK HEIGHT ALIGNMENT V26 — AI BLOCK IS NOT TOUCHED */
@media (min-width:981px){
    .content-grid > .categories-panel,
    .content-grid > .freelancers-panel,
    .content-grid > .ai-column{
        height:486px !important;
        min-height:486px !important;
        align-self:stretch !important;
    }

    .categories-panel,
    .freelancers-panel{
        padding:18px 18px 22px !important;
        overflow:hidden !important;
    }

    .categories-grid{
        gap:12px !important;
    }

    .categories-grid a{
        min-height:124px !important;
    }

    .freelancers-grid{
        gap:10px !important;
    }

    .freelancer-card{
        min-height:104px !important;
    }

    .ai-column{
        grid-template-rows:224px 250px !important;
        gap:12px !important;
    }

    .ai-info-card{
        height:224px !important;
        min-height:224px !important;
        padding:22px 28px !important;
    }

    .ai-info-card h3{
        font-size:25px !important;
        line-height:1.16 !important;
        margin-bottom:9px !important;
    }

    .ai-info-card p{
        font-size:13px !important;
        line-height:1.42 !important;
    }

    .ai-info-pills{
        margin-top:12px !important;
    }
}

@media (min-width:981px) and (max-width:1200px){
    .content-grid > .categories-panel,
    .content-grid > .freelancers-panel,
    .content-grid > .ai-column{
        height:474px !important;
        min-height:474px !important;
    }

    .categories-panel,
    .freelancers-panel{
        padding:16px 16px 21px !important;
    }

    .categories-grid a{
        min-height:121px !important;
    }

    .freelancer-card{
        min-height:101px !important;
    }

    .ai-column{
        grid-template-rows:214px 248px !important;
        gap:12px !important;
    }

    .ai-info-card{
        height:214px !important;
        min-height:214px !important;
        padding:20px 24px !important;
    }
}


/* FREELANCERS ROW ALIGN V27 — block sizes and AI are NOT touched */
@media (min-width:981px){
    .freelancers-panel .freelancers-grid{
        grid-template-rows:repeat(3,124px) !important;
        gap:12px !important;
        align-content:start !important;
    }

    .freelancers-panel .freelancer-card{
        height:124px !important;
        min-height:124px !important;
        padding:10px !important;
        grid-template-columns:72px minmax(0,1fr) !important;
        gap:10px !important;
        align-items:center !important;
    }

    .freelancers-panel .freelancer-photo{
        width:72px !important;
        height:92px !important;
        border-radius:15px !important;
    }

    .freelancers-panel .freelancer-info{
        gap:3px !important;
    }

    .freelancers-panel .freelancer-info b{
        font-size:13.6px !important;
        line-height:1.12 !important;
    }

    .freelancers-panel .freelancer-info span{
        font-size:11px !important;
        line-height:1.16 !important;
    }

    .freelancers-panel .freelancer-info em{
        font-size:10.5px !important;
        line-height:1.16 !important;
    }

    .freelancers-panel .freelancer-info strong{
        font-size:12.2px !important;
        line-height:1.15 !important;
    }
}

@media (min-width:981px) and (max-width:1200px){
    .freelancers-panel .freelancers-grid{
        grid-template-rows:repeat(3,121px) !important;
        gap:12px !important;
    }

    .freelancers-panel .freelancer-card{
        height:121px !important;
        min-height:121px !important;
        grid-template-columns:68px minmax(0,1fr) !important;
        gap:9px !important;
    }

    .freelancers-panel .freelancer-photo{
        width:68px !important;
        height:88px !important;
    }

    .freelancers-panel .freelancer-info b{
        font-size:13px !important;
    }

    .freelancers-panel .freelancer-info span{
        font-size:10.6px !important;
    }

    .freelancers-panel .freelancer-info em{
        font-size:10.2px !important;
    }

    .freelancers-panel .freelancer-info strong{
        font-size:11.8px !important;
    }
}


/* FOOTER V29 */
.site-footer{
    margin-top:0;
    padding:0;
    background:
        radial-gradient(circle at 8% 12%,rgba(37,99,255,.22),transparent 28%),
        radial-gradient(circle at 88% 8%,rgba(112,69,255,.16),transparent 32%),
        linear-gradient(180deg,#07142b 0%,#061126 100%);
    color:#c9d3ea;
    text-align:left;
}

.footer-top{
    min-height:166px;
    display:grid;
    grid-template-columns:2fr 1.08fr 1.08fr 1.08fr;
    align-items:center;
    gap:34px;
    padding-top:26px;
    padding-bottom:26px;
}

.footer-brand{
    display:flex;
    align-items:center;
    max-width:390px;
}

.footer-brand img{
    width:100%;
    max-width:355px;
    height:auto;
    filter:drop-shadow(0 14px 24px rgba(37,99,255,.12));
}

.footer-card{
    min-height:100px;
    display:grid;
    grid-template-columns:54px minmax(0,1fr);
    gap:16px;
    align-items:flex-start;
    padding-left:28px;
    border-left:1px solid rgba(255,255,255,.12);
}

.footer-icon{
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    color:#7da0ff;
    background:rgba(37,99,255,.08);
    border:1px solid rgba(125,160,255,.22);
    font-size:30px;
    font-weight:600;
    line-height:1;
    transition:.22s;
}

.footer-icon:hover{
    color:#fff;
    background:linear-gradient(135deg,var(--blue),var(--violet));
    transform:translateY(-2px);
}

.footer-card strong{
    display:block;
    color:#fff;
    font-size:17px;
    line-height:1.2;
    margin:4px 0 10px;
    font-weight:600;
}

.footer-card a:not(.footer-icon){
    display:block;
    color:#6f8dff;
    font-size:16px;
    line-height:1.35;
    margin-bottom:10px;
    transition:.2s;
}

.footer-card a:not(.footer-icon):hover{
    color:#fff;
}

.footer-bottom{
    min-height:86px;
    display:grid;
    grid-template-columns:1.15fr 1.45fr auto;
    align-items:center;
    gap:28px;
    border-top:1px solid rgba(255,255,255,.18);
    padding-top:20px;
    padding-bottom:20px;
}

.footer-copy{
    color:#c9d3ea;
    font-size:16px;
}

.footer-links{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:0;
}

.footer-links a{
    color:#c9d3ea;
    font-size:16px;
    line-height:1.2;
    padding:0 28px;
    border-right:1px solid rgba(255,255,255,.15);
    transition:.2s;
}

.footer-links a:first-child{
    border-left:1px solid rgba(255,255,255,.15);
}

.footer-links a:hover{
    color:#fff;
}

.footer-socials{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:14px;
}

.footer-socials a{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:11px;
    color:#fff;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.14);
    font-size:17px;
    font-weight:600;
    text-transform:uppercase;
    transition:.22s;
}

.footer-socials a:hover{
    background:linear-gradient(135deg,var(--blue),var(--violet));
    border-color:transparent;
    transform:translateY(-2px);
}

@media(max-width:1200px){
    .footer-top{
        grid-template-columns:1.5fr 1fr 1fr 1fr;
        gap:22px;
    }

    .footer-brand img{
        max-width:300px;
    }

    .footer-card{
        padding-left:20px;
        grid-template-columns:46px minmax(0,1fr);
        gap:12px;
    }

    .footer-icon{
        width:44px;
        height:44px;
        font-size:27px;
    }

    .footer-card strong{
        font-size:15px;
    }

    .footer-card a:not(.footer-icon),
    .footer-copy,
    .footer-links a{
        font-size:14px;
    }

    .footer-links a{
        padding:0 18px;
    }
}

@media(max-width:980px){
    .footer-top{
        grid-template-columns:1fr 1fr;
        gap:22px;
    }

    .footer-brand{
        grid-column:1 / -1;
    }

    .footer-brand img{
        max-width:320px;
    }

    .footer-card{
        border-left:0;
        padding-left:0;
    }

    .footer-bottom{
        grid-template-columns:1fr;
        justify-items:start;
        gap:18px;
    }

    .footer-links{
        justify-content:flex-start;
        flex-wrap:wrap;
        gap:10px 0;
    }

    .footer-links a{
        padding:0 18px 0 0;
        margin-right:18px;
        border-left:0 !important;
    }

    .footer-socials{
        justify-content:flex-start;
    }
}

@media(max-width:720px){
    .footer-top{
        grid-template-columns:1fr;
        padding-top:30px;
        padding-bottom:24px;
    }

    .footer-brand img{
        max-width:275px;
    }

    .footer-card{
        min-height:auto;
        grid-template-columns:46px minmax(0,1fr);
        padding-top:18px;
        border-top:1px solid rgba(255,255,255,.12);
    }

    .footer-bottom{
        padding-top:22px;
        padding-bottom:28px;
    }

    .footer-copy{
        font-size:14px;
    }

    .footer-links{
        flex-direction:column;
        align-items:flex-start;
        gap:12px;
    }

    .footer-links a{
        border:0 !important;
        margin:0;
        padding:0;
        font-size:14px;
    }

    .footer-socials{
        gap:10px;
    }

    .footer-socials a{
        width:40px;
        height:40px;
    }
}


/* FOOTER COMPACT V30 */
.site-footer{
    margin-top:0 !important;
    padding:0 !important;
    background:
        radial-gradient(circle at 8% 10%,rgba(37,99,255,.20),transparent 24%),
        radial-gradient(circle at 88% 5%,rgba(112,69,255,.14),transparent 28%),
        linear-gradient(180deg,#07142b 0%,#061126 100%) !important;
    color:#c9d3ea !important;
    text-align:left !important;
}

.footer-top{
    min-height:96px !important;
    display:grid !important;
    grid-template-columns:1.6fr 1fr 1fr 1fr !important;
    align-items:center !important;
    gap:24px !important;
    padding-top:14px !important;
    padding-bottom:14px !important;
}

.footer-brand{
    display:flex !important;
    align-items:center !important;
    max-width:285px !important;
}

.footer-brand img{
    width:100% !important;
    max-width:285px !important;
    height:auto !important;
    filter:drop-shadow(0 10px 18px rgba(37,99,255,.12)) !important;
}

.footer-card{
    min-height:62px !important;
    display:grid !important;
    grid-template-columns:38px minmax(0,1fr) !important;
    gap:12px !important;
    align-items:start !important;
    padding-left:22px !important;
    border-left:1px solid rgba(255,255,255,.12) !important;
}

.footer-icon{
    width:36px !important;
    height:36px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:12px !important;
    color:#7da0ff !important;
    background:rgba(37,99,255,.08) !important;
    border:1px solid rgba(125,160,255,.22) !important;
    font-size:21px !important;
    font-weight:600 !important;
    line-height:1 !important;
    transition:.22s !important;
}

.footer-icon:hover{
    color:#fff !important;
    background:linear-gradient(135deg,var(--blue),var(--violet)) !important;
    transform:translateY(-1px) !important;
}

.footer-card strong{
    display:block !important;
    color:#fff !important;
    font-size:14px !important;
    line-height:1.15 !important;
    margin:0 0 6px !important;
    font-weight:600 !important;
}

.footer-card a:not(.footer-icon){
    display:block !important;
    color:#7f97ff !important;
    font-size:13px !important;
    line-height:1.25 !important;
    margin-bottom:5px !important;
    transition:.2s !important;
}

.footer-card a:not(.footer-icon):hover{
    color:#fff !important;
}

.footer-bottom{
    min-height:50px !important;
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:22px !important;
    border-top:1px solid rgba(255,255,255,.18) !important;
    padding-top:10px !important;
    padding-bottom:10px !important;
}

.footer-copy{
    color:#c9d3ea !important;
    font-size:13px !important;
    white-space:nowrap !important;
}

.footer-links{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:0 !important;
    min-width:0 !important;
    flex-wrap:nowrap !important;
}

.footer-links a{
    color:#c9d3ea !important;
    font-size:13px !important;
    line-height:1.2 !important;
    padding:0 18px !important;
    border-right:1px solid rgba(255,255,255,.15) !important;
    white-space:nowrap !important;
    transition:.2s !important;
}

.footer-links a:first-child{
    border-left:1px solid rgba(255,255,255,.15) !important;
}

.footer-links a:hover{
    color:#fff !important;
}

.footer-socials{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:10px !important;
    white-space:nowrap !important;
}

.footer-socials a{
    width:34px !important;
    height:34px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:10px !important;
    color:#fff !important;
    background:rgba(255,255,255,.04) !important;
    border:1px solid rgba(255,255,255,.14) !important;
    font-size:13px !important;
    font-weight:700 !important;
    text-transform:uppercase !important;
    transition:.22s !important;
}

.footer-socials a:hover{
    background:linear-gradient(135deg,var(--blue),var(--violet)) !important;
    border-color:transparent !important;
    transform:translateY(-1px) !important;
}

@media(max-width:1200px){
    .footer-top{
        grid-template-columns:1.3fr 1fr 1fr 1fr !important;
        gap:16px !important;
    }

    .footer-brand{
        max-width:245px !important;
    }

    .footer-brand img{
        max-width:245px !important;
    }

    .footer-card{
        padding-left:16px !important;
        grid-template-columns:34px minmax(0,1fr) !important;
        gap:9px !important;
    }

    .footer-icon{
        width:32px !important;
        height:32px !important;
        font-size:18px !important;
    }

    .footer-card strong{
        font-size:13px !important;
    }

    .footer-card a:not(.footer-icon),
    .footer-copy,
    .footer-links a{
        font-size:12px !important;
    }

    .footer-links a{
        padding:0 12px !important;
    }

    .footer-socials a{
        width:32px !important;
        height:32px !important;
        font-size:12px !important;
    }
}

@media(max-width:980px){
    .footer-top{
        grid-template-columns:1fr 1fr !important;
        gap:18px !important;
        min-height:auto !important;
        padding-top:22px !important;
        padding-bottom:18px !important;
    }

    .footer-brand{
        grid-column:1 / -1 !important;
        max-width:270px !important;
    }

    .footer-brand img{
        max-width:270px !important;
    }

    .footer-card{
        border-left:0 !important;
        padding-left:0 !important;
    }

    .footer-bottom{
        grid-template-columns:1fr !important;
        justify-items:start !important;
        gap:14px !important;
        min-height:auto !important;
        padding-top:16px !important;
        padding-bottom:20px !important;
    }

    .footer-links{
        justify-content:flex-start !important;
        flex-wrap:wrap !important;
        gap:10px 0 !important;
    }

    .footer-links a{
        padding:0 14px 0 0 !important;
        margin-right:14px !important;
        border-left:0 !important;
    }

    .footer-socials{
        justify-content:flex-start !important;
    }
}

@media(max-width:720px){
    .footer-top{
        grid-template-columns:1fr !important;
        padding-top:26px !important;
        padding-bottom:20px !important;
    }

    .footer-brand img{
        max-width:255px !important;
    }

    .footer-card{
        min-height:auto !important;
        grid-template-columns:38px minmax(0,1fr) !important;
        padding-top:14px !important;
        border-top:1px solid rgba(255,255,255,.12) !important;
    }

    .footer-copy{
        white-space:normal !important;
    }

    .footer-links{
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:10px !important;
    }

    .footer-links a{
        border:0 !important;
        margin:0 !important;
        padding:0 !important;
        font-size:13px !important;
    }
}


/* STATIC LEGAL / HELP PAGES V31 */
.static-hero{
    padding:56px 0 36px;
    background:
        radial-gradient(circle at 70% 12%,rgba(112,69,255,.14),transparent 32%),
        linear-gradient(180deg,#fff 0%,#f7f9ff 100%);
}

.static-badge{
    display:inline-flex;
    height:34px;
    align-items:center;
    border-radius:999px;
    background:#eef2ff;
    color:#2458ff;
    padding:0 16px;
    font-size:13px;
    font-weight:600;
    margin-bottom:16px;
}

.static-hero h1{
    max-width:860px;
    color:var(--dark);
    font-size:44px;
    line-height:1.08;
    letter-spacing:-.9px;
    margin:0 0 14px;
}

.static-hero p{
    max-width:760px;
    color:#536177;
    font-size:17px;
    line-height:1.55;
}

.static-page{
    padding:28px 0 44px;
}

.static-grid{
    display:grid;
    grid-template-columns:280px minmax(0,1fr);
    gap:22px;
    align-items:start;
}

.static-side{
    position:sticky;
    top:88px;
    display:flex;
    flex-direction:column;
    gap:8px;
    background:#fff;
    border:1px solid var(--line);
    border-radius:22px;
    box-shadow:0 14px 36px rgba(15,31,77,.07);
    padding:14px;
}

.static-side a{
    min-height:46px;
    display:flex;
    align-items:center;
    border-radius:14px;
    padding:0 14px;
    color:var(--dark);
    font-size:14px;
    font-weight:600;
    background:#f8faff;
    border:1px solid #eef2ff;
    transition:.2s;
}

.static-side a:hover,
.static-side a.is-active{
    color:var(--violet);
    background:#f0edff;
}

.static-card,
.faq-card,
.help-card,
.deal-step,
.mini-card{
    background:#fff;
    border:1px solid var(--line);
    border-radius:22px;
    box-shadow:0 14px 36px rgba(15,31,77,.07);
}

.static-card{
    padding:30px;
}

.doc-meta{
    display:inline-flex;
    height:32px;
    align-items:center;
    border-radius:999px;
    background:#eef3ff;
    color:#2962ff;
    padding:0 13px;
    font-size:12px;
    font-weight:600;
    margin-bottom:20px;
}

.static-card h2{
    color:var(--dark);
    font-size:25px;
    line-height:1.2;
    margin:24px 0 10px;
}

.static-card h2:first-of-type{
    margin-top:0;
}

.static-card p,
.static-card li{
    color:#536177;
    font-size:15.5px;
    line-height:1.65;
}

.static-card ul{
    padding-left:22px;
    margin:10px 0 0;
}

.static-card a{
    color:var(--blue);
    font-weight:600;
}

.doc-actions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px;
    margin-top:28px;
}

.doc-actions .btn{
    min-height:46px;
    font-size:14px;
    padding:0 22px;
}

.help-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
    margin-bottom:20px;
}

.help-card{
    min-height:220px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:24px;
    transition:.22s;
}

.help-card:hover{
    transform:translateY(-2px);
    box-shadow:0 18px 42px rgba(37,99,255,.14);
}

.help-card span{
    font-size:42px;
    margin-bottom:14px;
}

.help-card h2{
    color:var(--dark);
    font-size:22px;
    margin-bottom:10px;
}

.help-card p{
    color:#536177;
    font-size:14px;
    line-height:1.5;
}

.faq-card{
    padding:26px;
}

.faq-card h2{
    color:var(--dark);
    font-size:28px;
    margin-bottom:16px;
}

.faq-card details{
    border-top:1px solid var(--line);
    padding:16px 0;
}

.faq-card details:last-child{
    border-bottom:1px solid var(--line);
}

.faq-card summary{
    cursor:pointer;
    color:var(--dark);
    font-size:17px;
    font-weight:600;
}

.faq-card p{
    color:#536177;
    font-size:15px;
    line-height:1.55;
    padding-top:10px;
}

.support-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 340px;
    gap:22px;
}

.support-form-card h2{
    margin-top:0;
}

.support-boxes{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin:20px 0;
}

.support-box{
    min-height:98px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    border-radius:18px;
    border:1px solid #dbe5ff;
    background:#f8faff;
    padding:18px;
}

.support-box b{
    color:var(--dark);
    font-size:16px;
    margin-bottom:4px;
}

.support-box span{
    color:var(--blue);
    font-size:14px;
}

.fake-form{
    display:flex;
    flex-direction:column;
    gap:10px;
    margin-top:20px;
}

.fake-form label{
    color:var(--dark);
    font-size:15px;
    font-weight:600;
}

.fake-form textarea{
    min-height:150px;
    resize:vertical;
    border:1px solid var(--line);
    border-radius:18px;
    padding:16px;
    color:#536177;
    font-size:14px;
    outline:0;
    background:#fbfcff;
}

.support-side{
    display:flex;
    flex-direction:column;
    gap:14px;
}

.mini-card{
    padding:20px;
}

.mini-card h3{
    color:var(--dark);
    font-size:19px;
    margin-bottom:8px;
}

.mini-card p{
    color:#536177;
    font-size:14px;
    line-height:1.5;
}

.deal-steps{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
    margin-bottom:20px;
}

.deal-step{
    min-height:230px;
    padding:24px;
}

.deal-step span{
    width:46px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    color:#fff;
    background:linear-gradient(135deg,var(--blue),var(--violet));
    font-size:20px;
    font-weight:600;
    margin-bottom:16px;
}

.deal-step h2{
    color:var(--dark);
    font-size:20px;
    line-height:1.25;
    margin-bottom:10px;
}

.deal-step p{
    color:#536177;
    font-size:14px;
    line-height:1.5;
}

.deal-card{
    padding:28px;
}

.deal-card h2{
    margin-top:0;
}

.deal-statuses{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:20px;
}

.deal-statuses span{
    height:30px;
    display:inline-flex;
    align-items:center;
    border-radius:999px;
    padding:0 12px;
    background:#eef3ff;
    color:#2962ff;
    font-size:12px;
    font-weight:600;
}

@media(max-width:980px){
    .static-hero h1{
        font-size:36px;
    }

    .static-grid,
    .support-layout{
        grid-template-columns:1fr;
    }

    .static-side{
        position:relative;
        top:auto;
    }

    .help-grid,
    .deal-steps{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:720px){
    .static-hero{
        padding:34px 0 26px;
    }

    .static-hero h1{
        font-size:30px;
    }

    .static-hero p{
        font-size:15px;
    }

    .static-card,
    .faq-card{
        padding:22px;
    }

    .help-grid,
    .deal-steps,
    .support-boxes{
        grid-template-columns:1fr;
    }

    .help-card,
    .deal-step{
        min-height:auto;
    }
}


/* REQUISITES / CONTACTS V32 */
.legal-owner-box{
    border:1px solid #dbe5ff;
    background:linear-gradient(135deg,#f8faff,#ffffff);
    border-radius:20px;
    padding:20px;
    margin-bottom:22px;
}

.legal-owner-box h2{
    margin:0 0 8px !important;
    font-size:22px !important;
}

.legal-owner-box p{
    margin:0 0 12px;
}

.requisites-mini{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.requisites-mini span{
    min-height:30px;
    display:inline-flex;
    align-items:center;
    border-radius:999px;
    padding:0 12px;
    background:#eef3ff;
    color:#334155;
    font-size:12.5px;
}

.requisites-table{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin:20px 0 26px;
}

.requisites-table div{
    min-height:86px;
    border:1px solid #dbe5ff;
    border-radius:18px;
    background:#f8faff;
    padding:16px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.requisites-table span{
    color:#6b7890;
    font-size:13px;
    margin-bottom:6px;
}

.requisites-table b{
    color:var(--dark);
    font-size:16px;
    line-height:1.35;
}

.contacts-actions{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    margin:20px 0 4px;
}

.contact-action{
    min-height:92px;
    border:1px solid #dbe5ff;
    border-radius:18px;
    background:#f8faff;
    padding:16px;
    display:flex;
    align-items:center;
    gap:12px;
    transition:.2s;
}

.contact-action:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 30px rgba(37,99,255,.12);
}

.contact-action span{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    color:#fff;
    background:linear-gradient(135deg,var(--blue),var(--violet));
    font-size:20px;
    flex:0 0 42px;
}

.contact-action b{
    display:block;
    color:var(--dark);
    font-size:15px;
    margin-bottom:4px;
}

.contact-action small{
    color:#536177;
    font-size:12.5px;
}

/* Footer lower line with requisites link */
@media(min-width:1201px){
    .footer-bottom{
        grid-template-columns:auto minmax(0,1fr) auto !important;
        gap:18px !important;
    }

    .footer-links a{
        padding:0 13px !important;
        font-size:12.5px !important;
    }

    .footer-copy{
        font-size:12.5px !important;
    }
}

@media(max-width:980px){
    .contacts-actions,
    .requisites-table{
        grid-template-columns:1fr;
    }
}


/* EXTRA LEGAL PAGES V33 */
.static-side{
    gap:7px !important;
}

.static-side a{
    min-height:42px !important;
    font-size:13px !important;
    padding:0 12px !important;
}

@media(min-width:1201px){
    .footer-links a{
        padding:0 8px !important;
        font-size:11.5px !important;
    }

    .footer-copy{
        font-size:12px !important;
    }

    .footer-bottom{
        gap:14px !important;
    }

    .footer-socials{
        gap:8px !important;
    }

    .footer-socials a{
        width:32px !important;
        height:32px !important;
        font-size:11px !important;
    }
}

@media(min-width:981px) and (max-width:1200px){
    .footer-links{
        flex-wrap:wrap !important;
        justify-content:center !important;
        row-gap:8px !important;
    }

    .footer-links a{
        font-size:11.5px !important;
        padding:0 9px !important;
    }
}

@media(max-width:980px){
    .footer-links a{
        font-size:12.5px !important;
    }
}


/* AUTH / ROLE SELECTION V34 */
.auth-hero{padding:48px 0 34px;background:radial-gradient(circle at 78% 10%,rgba(112,69,255,.16),transparent 30%),radial-gradient(circle at 18% 20%,rgba(37,99,255,.12),transparent 28%),linear-gradient(180deg,#fff 0%,#f7f9ff 100%)}
.auth-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:end}.auth-hero h1{max-width:820px;color:var(--dark);font-size:44px;line-height:1.08;letter-spacing:-.9px;margin:0 0 14px}.auth-hero p{max-width:720px;color:#536177;font-size:17px;line-height:1.55}.auth-trust{display:flex;flex-direction:column;gap:9px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:16px;box-shadow:0 14px 36px rgba(15,31,77,.07)}.auth-trust span{min-height:34px;display:flex;align-items:center;border-radius:999px;background:#f4f7ff;color:var(--dark);padding:0 13px;font-size:13px;font-weight:600}.auth-page{padding:30px 0 48px}.role-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.role-card{min-height:310px;display:grid;grid-template-columns:92px minmax(0,1fr);gap:22px;align-items:center;border-radius:28px;padding:30px;color:#fff;overflow:hidden;position:relative;box-shadow:0 20px 50px rgba(37,99,255,.14);transition:.24s}.role-card:hover{transform:translateY(-3px)}.role-card-blue{background:radial-gradient(circle at 88% 12%,rgba(255,255,255,.22),transparent 28%),linear-gradient(135deg,#2563ff,#153ec9)}.role-card-violet{background:radial-gradient(circle at 88% 12%,rgba(255,255,255,.20),transparent 28%),linear-gradient(135deg,#7045ff,#3b1bc9)}.role-icon{width:92px;height:92px;display:flex;align-items:center;justify-content:center;border-radius:28px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);font-size:48px}.role-content span{display:inline-flex;height:30px;align-items:center;border-radius:999px;padding:0 12px;background:rgba(255,255,255,.14);color:#fff;font-size:12px;font-weight:600;margin-bottom:12px}.role-content h2{font-size:32px;line-height:1.1;margin-bottom:12px;color:#fff}.role-content p{color:rgba(255,255,255,.82);font-size:15px;line-height:1.55;margin-bottom:18px}.role-content b{display:inline-flex;min-height:42px;align-items:center;border-radius:999px;background:#fff;color:var(--blue);padding:0 18px;font-size:14px}.auth-bottom-note{margin-top:20px;text-align:center;color:#536177;font-size:15px}.auth-bottom-note a{color:var(--blue);font-weight:600}.auth-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:22px;align-items:start}.auth-layout-login{max-width:980px;margin:0 auto}.auth-card,.auth-side-card{background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:0 14px 36px rgba(15,31,77,.07)}.auth-card{padding:30px}.auth-card-head{display:flex;align-items:center;gap:16px;margin-bottom:24px}.auth-card-head>span{width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:linear-gradient(135deg,var(--blue),var(--violet));color:#fff;font-size:30px;flex:0 0 58px}.auth-card-head h2{color:var(--dark);font-size:28px;line-height:1.15;margin-bottom:6px}.auth-card-head p{color:#536177;font-size:14px;line-height:1.45}.freelium-form{display:grid;gap:14px}.form-row{display:grid;gap:7px}.form-row label{color:var(--dark);font-size:14px;font-weight:600}.form-row input{height:52px;border:1px solid #dbe5ff;border-radius:16px;background:#fbfcff;color:var(--dark);padding:0 16px;font-size:15px;outline:0;transition:.2s}.form-row input:focus{border-color:#8da6ff;box-shadow:0 0 0 4px rgba(37,99,255,.08);background:#fff}.legal-checks{display:grid;gap:10px;margin-top:6px}.check-line{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start;color:#536177;font-size:13.5px;line-height:1.45;cursor:pointer}.check-line input{width:18px;height:18px;margin-top:1px;accent-color:#2563ff}.check-line a{color:var(--blue);font-weight:600}.required-check{padding:12px;border:1px solid #dbe5ff;border-radius:16px;background:#f8faff}.auth-submit{width:100%;height:52px;margin-top:6px;border:0;cursor:pointer}.form-note{color:#7a879b;font-size:12.5px;line-height:1.45;text-align:center}.auth-side-card{padding:24px}.auth-side-card h3{color:var(--dark);font-size:22px;line-height:1.2;margin-bottom:12px}.auth-side-card p,.auth-side-card li{color:#536177;font-size:14px;line-height:1.55}.auth-side-card ul{padding-left:19px;margin:0 0 18px}.auth-side-card a{color:var(--blue);font-weight:600}.auth-links-row{display:flex;justify-content:space-between;gap:16px;margin-top:4px}.auth-links-row a{color:var(--blue);font-size:14px;font-weight:600}.login-check{margin:2px 0 4px}
@media(max-width:980px){.auth-hero-inner,.auth-layout{grid-template-columns:1fr}.auth-hero h1{font-size:36px}.role-choice-grid{grid-template-columns:1fr}}
@media(max-width:720px){.auth-hero{padding:34px 0 26px}.auth-hero h1{font-size:30px}.auth-hero p{font-size:15px}.role-card{min-height:auto;grid-template-columns:1fr;padding:24px}.role-icon{width:76px;height:76px;font-size:40px}.role-content h2{font-size:27px}.auth-card{padding:22px}.auth-card-head{align-items:flex-start}.auth-card-head h2{font-size:24px}.auth-links-row{flex-direction:column;align-items:flex-start}}


/* AUTH BACKEND STATES V35 */
.form-alert{
    border:1px solid #ffd2d2;
    background:#fff6f6;
    color:#9f1d1d;
    border-radius:18px;
    padding:14px 16px;
    margin-bottom:4px;
}

.form-alert b{
    display:block;
    margin-bottom:6px;
    font-size:14px;
}

.form-alert ul{
    padding-left:18px;
    margin:0;
}

.form-alert li{
    font-size:13px;
    line-height:1.45;
}

.dashboard-stub{
    padding:54px 0;
    background:
        radial-gradient(circle at 78% 10%,rgba(112,69,255,.14),transparent 32%),
        linear-gradient(180deg,#fff 0%,#f7f9ff 100%);
    min-height:calc(100vh - 260px);
}

.dashboard-stub-inner{
    display:grid;
    grid-template-columns:minmax(0,1fr) 440px;
    gap:24px;
    align-items:stretch;
}

.dashboard-welcome,
.dashboard-mini-grid div{
    background:#fff;
    border:1px solid var(--line);
    border-radius:26px;
    box-shadow:0 14px 36px rgba(15,31,77,.07);
}

.dashboard-welcome{
    padding:34px;
}

.dashboard-welcome h1{
    color:var(--dark);
    font-size:40px;
    line-height:1.1;
    letter-spacing:-.7px;
    margin:0 0 14px;
}

.dashboard-welcome p{
    max-width:760px;
    color:#536177;
    font-size:16px;
    line-height:1.55;
}

.dashboard-actions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px;
    margin-top:24px;
}

.dashboard-actions form{
    margin:0;
}

.dashboard-actions button{
    border:0;
    cursor:pointer;
}

.dashboard-mini-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}

.dashboard-mini-grid div{
    min-height:150px;
    padding:22px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.dashboard-mini-grid b{
    color:var(--blue);
    font-size:42px;
    line-height:1;
    margin-bottom:10px;
}

.dashboard-mini-grid span{
    color:#536177;
    font-size:14px;
    line-height:1.35;
}

@media(max-width:980px){
    .dashboard-stub-inner{
        grid-template-columns:1fr;
    }

    .dashboard-welcome h1{
        font-size:32px;
    }
}

@media(max-width:720px){
    .dashboard-stub{
        padding:34px 0;
    }

    .dashboard-welcome{
        padding:24px;
    }

    .dashboard-mini-grid{
        grid-template-columns:1fr;
    }
}


/* DASHBOARD PROFILE EDITORS V37 */
.dashboard-page{
    padding:30px 0 48px;
    background:#f7f9ff;
    min-height:calc(100vh - 220px);
}

.dashboard-shell{
    display:grid;
    grid-template-columns:270px minmax(0,1fr);
    gap:22px;
    align-items:start;
}

.dashboard-sidebar{
    position:sticky;
    top:88px;
    background:#07142b;
    color:#fff;
    border-radius:26px;
    padding:18px;
    box-shadow:0 18px 44px rgba(7,20,43,.18);
}

.dashboard-user{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    border-bottom:1px solid rgba(255,255,255,.14);
    padding-bottom:16px;
    margin-bottom:14px;
}

.dashboard-user span{
    width:54px;
    height:54px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:18px;
    background:linear-gradient(135deg,var(--blue),var(--violet));
    font-size:28px;
    margin-bottom:12px;
}

.dashboard-user b{
    font-size:18px;
    line-height:1.2;
    color:#fff;
}

.dashboard-user small{
    color:#9fb0d4;
    font-size:13px;
    margin-top:4px;
}

.dashboard-sidebar nav{
    display:flex;
    flex-direction:column;
    gap:7px;
}

.dashboard-sidebar nav a{
    min-height:42px;
    display:flex;
    align-items:center;
    border-radius:14px;
    padding:0 12px;
    color:#c9d3ea;
    font-size:14px;
    font-weight:600;
    transition:.2s;
}

.dashboard-sidebar nav a:hover,
.dashboard-sidebar nav a.is-active{
    background:rgba(255,255,255,.09);
    color:#fff;
}

.dashboard-sidebar form{
    margin-top:18px;
    padding-top:14px;
    border-top:1px solid rgba(255,255,255,.14);
}

.dashboard-sidebar button{
    width:100%;
    height:42px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:14px;
    background:rgba(255,255,255,.05);
    color:#fff;
    cursor:pointer;
    font-size:14px;
    font-weight:600;
}

.dashboard-main{
    min-width:0;
}

.dashboard-topline{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:18px;
    background:#fff;
    border:1px solid var(--line);
    border-radius:26px;
    padding:26px;
    box-shadow:0 14px 36px rgba(15,31,77,.07);
    margin-bottom:16px;
}

.dashboard-topline h1{
    color:var(--dark);
    font-size:34px;
    line-height:1.1;
    letter-spacing:-.6px;
    margin:0 0 10px;
}

.dashboard-topline p{
    max-width:760px;
    color:#536177;
    font-size:15px;
    line-height:1.55;
}

.success-alert{
    border:1px solid #c5f3d6;
    background:#f0fff6;
    color:#14713b;
    border-radius:18px;
    padding:14px 16px;
    margin-bottom:16px;
    font-size:14px;
    font-weight:600;
}

.dashboard-kpi{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin-bottom:16px;
}

.dashboard-kpi div{
    min-height:118px;
    background:#fff;
    border:1px solid var(--line);
    border-radius:22px;
    padding:20px;
    box-shadow:0 14px 36px rgba(15,31,77,.07);
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.dashboard-kpi b{
    color:var(--blue);
    font-size:34px;
    line-height:1;
    margin-bottom:8px;
}

.dashboard-kpi span{
    color:#536177;
    font-size:13px;
    line-height:1.35;
}

.profile-editor-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) 320px;
    gap:16px;
    align-items:start;
}

.profile-form-card,
.profile-info-card{
    background:#fff;
    border:1px solid var(--line);
    border-radius:26px;
    box-shadow:0 14px 36px rgba(15,31,77,.07);
}

.profile-form-card{
    padding:26px;
}

.profile-form-card h2{
    color:var(--dark);
    font-size:28px;
    line-height:1.2;
    margin-bottom:8px;
}

.profile-form-card > p{
    color:#536177;
    font-size:14px;
    line-height:1.5;
    margin-bottom:20px;
}

.form-two{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}

.form-row textarea,
.form-row select{
    width:100%;
    border:1px solid #dbe5ff;
    border-radius:16px;
    background:#fbfcff;
    color:var(--dark);
    padding:14px 16px;
    font-size:15px;
    outline:0;
    transition:.2s;
}

.form-row textarea{
    min-height:128px;
    resize:vertical;
}

.form-row select{
    height:52px;
}

.form-row textarea:focus,
.form-row select:focus{
    border-color:#8da6ff;
    box-shadow:0 0 0 4px rgba(37,99,255,.08);
    background:#fff;
}

.profile-info-card{
    padding:22px;
}

.profile-info-card h3{
    color:var(--dark);
    font-size:22px;
    line-height:1.2;
    margin-bottom:12px;
}

.profile-info-card ul{
    padding-left:19px;
    margin:0;
}

.profile-info-card li{
    color:#536177;
    font-size:14px;
    line-height:1.55;
}

@media(max-width:1100px){
    .dashboard-shell,
    .profile-editor-grid{
        grid-template-columns:1fr;
    }

    .dashboard-sidebar{
        position:relative;
        top:auto;
    }

    .dashboard-kpi{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:720px){
    .dashboard-page{
        padding:20px 0 34px;
    }

    .dashboard-topline{
        flex-direction:column;
        padding:22px;
    }

    .dashboard-topline h1{
        font-size:28px;
    }

    .dashboard-kpi,
    .form-two{
        grid-template-columns:1fr;
    }

    .profile-form-card{
        padding:22px;
    }
}


/* FREELANCER SERVICES + CATALOG V38 */
.dashboard-top-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    align-items:center;
    justify-content:flex-end;
}

.services-dashboard-grid,
.catalog-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}

.service-manage-card,
.catalog-service-card,
.empty-state,
.service-show-head,
.service-show-card,
.service-order-card{
    background:#fff;
    border:1px solid var(--line);
    border-radius:26px;
    box-shadow:0 14px 36px rgba(15,31,77,.07);
}

.service-manage-card,
.catalog-service-card{
    min-height:285px;
    padding:22px;
    display:flex;
    flex-direction:column;
}

.service-card-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:14px;
}

.access-pill,
.status-pill{
    min-height:30px;
    display:inline-flex;
    align-items:center;
    border-radius:999px;
    padding:0 11px;
    font-size:12px;
    font-weight:700;
    white-space:nowrap;
}

.access-all{
    background:#eaf2ff;
    color:#1d56d8;
}

.access-pro{
    background:#eafaf0;
    color:#138446;
}

.access-vip{
    background:#f0eaff;
    color:#6336d5;
}

.status-pill{
    background:#f4f7ff;
    color:#536177;
}

.status-published{
    background:#eafaf0;
    color:#138446;
}

.status-draft{
    background:#fff5e8;
    color:#b66b00;
}

.service-manage-card h2,
.catalog-service-card h2{
    color:var(--dark);
    font-size:22px;
    line-height:1.18;
    margin-bottom:10px;
}

.service-manage-card p,
.catalog-service-card p{
    color:#536177;
    font-size:14px;
    line-height:1.5;
    margin-bottom:16px;
}

.service-meta-row{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:auto;
}

.service-meta-row span{
    min-height:30px;
    display:inline-flex;
    align-items:center;
    border-radius:999px;
    background:#f6f8ff;
    color:#536177;
    padding:0 10px;
    font-size:12px;
    font-weight:600;
}

.service-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:18px;
}

.service-actions form{
    margin:0;
}

.service-actions .btn{
    min-height:38px;
    padding:0 14px;
    font-size:12.5px;
    border:0;
    cursor:pointer;
}

.btn-danger-soft{
    background:#fff1f1 !important;
    color:#bf1f1f !important;
    border:1px solid #ffd2d2 !important;
}

.empty-state{
    grid-column:1/-1;
    padding:32px;
    text-align:center;
}

.empty-state h2{
    color:var(--dark);
    font-size:28px;
    margin-bottom:10px;
}

.empty-state p{
    color:#536177;
    font-size:15px;
    margin-bottom:18px;
}

.service-create-card{
    max-width:940px;
}

.catalog-hero{
    padding:48px 0 34px;
    background:
        radial-gradient(circle at 82% 10%,rgba(112,69,255,.15),transparent 30%),
        radial-gradient(circle at 16% 18%,rgba(37,99,255,.13),transparent 28%),
        linear-gradient(180deg,#fff 0%,#f7f9ff 100%);
}

.catalog-hero h1{
    color:var(--dark);
    font-size:46px;
    line-height:1.08;
    letter-spacing:-.9px;
    margin:0 0 12px;
}

.catalog-hero p{
    max-width:760px;
    color:#536177;
    font-size:17px;
    line-height:1.55;
    margin-bottom:22px;
}

.catalog-filter{
    display:grid;
    grid-template-columns:minmax(0,1.5fr) minmax(180px,.7fr) minmax(170px,.65fr) auto;
    gap:10px;
    max-width:1050px;
    background:#fff;
    border:1px solid var(--line);
    border-radius:22px;
    padding:10px;
    box-shadow:0 14px 36px rgba(15,31,77,.07);
}

.catalog-filter input,
.catalog-filter select{
    height:48px;
    border:1px solid #dbe5ff;
    border-radius:15px;
    background:#fbfcff;
    padding:0 14px;
    color:var(--dark);
    outline:0;
}

.catalog-filter button{
    border:0;
    cursor:pointer;
}

.catalog-page{
    padding:30px 0 48px;
    background:#f7f9ff;
}

.catalog-freelancer{
    display:flex;
    align-items:center;
    gap:11px;
    padding:12px;
    border-radius:18px;
    background:#f7f9ff;
    margin:2px 0 14px;
}

.catalog-freelancer > span{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    background:linear-gradient(135deg,var(--blue),var(--violet));
    color:#fff;
    font-size:22px;
    flex:0 0 42px;
}

.catalog-freelancer b{
    display:block;
    color:var(--dark);
    font-size:14px;
    line-height:1.2;
}

.catalog-freelancer small{
    color:#69758b;
    font-size:12px;
}

.catalog-card-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-top:18px;
}

.catalog-card-bottom b{
    color:var(--dark);
    font-size:20px;
}

.catalog-card-bottom .btn{
    min-height:40px;
    padding:0 16px;
    font-size:13px;
}

.pagination-wrap{
    margin-top:20px;
}

.service-show-page{
    padding:42px 0 52px;
    background:#f7f9ff;
}

.service-show-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) 340px;
    gap:20px;
    align-items:start;
}

.service-show-head,
.service-show-card,
.service-order-card{
    padding:26px;
    margin-bottom:16px;
}

.service-show-head h1{
    color:var(--dark);
    font-size:42px;
    line-height:1.08;
    letter-spacing:-.8px;
    margin-bottom:14px;
}

.service-show-head p{
    max-width:760px;
    color:#536177;
    font-size:17px;
    line-height:1.55;
    margin-bottom:18px;
}

.service-show-meta{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
}

.service-show-meta span{
    min-height:34px;
    display:inline-flex;
    align-items:center;
    border-radius:999px;
    background:#f6f8ff;
    color:#536177;
    padding:0 12px;
    font-size:13px;
    font-weight:600;
}

.service-show-card h2{
    color:var(--dark);
    font-size:26px;
    margin-bottom:14px;
}

.service-description,
.service-show-card li{
    color:#536177;
    font-size:16px;
    line-height:1.65;
}

.service-show-card ul{
    padding-left:20px;
    margin:0;
}

.service-order-card{
    position:sticky;
    top:92px;
    margin-bottom:0;
}

.service-owner{
    margin:0 0 18px;
}

.service-price-box{
    border-radius:20px;
    background:#f7f9ff;
    padding:18px;
    margin-bottom:14px;
}

.service-price-box span{
    display:block;
    color:#69758b;
    font-size:13px;
    margin-bottom:5px;
}

.service-price-box b{
    color:var(--dark);
    font-size:34px;
    line-height:1;
}

.service-order-card .btn{
    width:100%;
    margin-bottom:10px;
}

.service-order-card p{
    color:#7a879b;
    font-size:13px;
    line-height:1.45;
    margin-top:8px;
}

.disabled-link{
    pointer-events:none;
    opacity:.7;
}

@media(max-width:1200px){
    .services-dashboard-grid,
    .catalog-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:980px){
    .catalog-filter,
    .service-show-grid{
        grid-template-columns:1fr;
    }

    .service-order-card{
        position:relative;
        top:auto;
    }
}

@media(max-width:720px){
    .services-dashboard-grid,
    .catalog-grid{
        grid-template-columns:1fr;
    }

    .catalog-hero h1,
    .service-show-head h1{
        font-size:32px;
    }

    .catalog-card-bottom{
        flex-direction:column;
        align-items:flex-start;
    }
}


/* SERVICE IMAGE UPLOAD + WATERMARK V39 */
.image-upload-box{
    display:grid;
    gap:8px;
    border:1px dashed #b9c9ff;
    background:#f8faff;
    border-radius:18px;
    padding:14px;
}

.image-upload-box input[type="file"]{
    width:100%;
    min-height:46px;
    padding:10px;
    border:1px solid #dbe5ff;
    border-radius:14px;
    background:#fff;
    color:#536177;
}

.image-upload-box small{
    color:#69758b;
    font-size:12.5px;
    line-height:1.45;
}

.service-thumb,
.catalog-thumb{
    width:100%;
    overflow:hidden;
    border-radius:20px;
    background:#eef3ff;
    margin-bottom:16px;
    position:relative;
}

.service-thumb{
    aspect-ratio:16/10;
}

.catalog-thumb{
    aspect-ratio:16/10;
}

.service-thumb img,
.catalog-thumb img,
.service-show-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.service-thumb-empty,
.catalog-thumb-empty{
    display:flex;
    align-items:center;
    justify-content:center;
    background:
        radial-gradient(circle at 80% 15%,rgba(112,69,255,.18),transparent 28%),
        linear-gradient(135deg,#eaf2ff,#f6f1ff);
}

.service-thumb-empty span,
.catalog-thumb-empty span{
    color:rgba(37,99,255,.26);
    font-size:34px;
    font-weight:900;
    letter-spacing:-1px;
}

.service-show-image{
    width:100%;
    aspect-ratio:16/8;
    border-radius:24px;
    overflow:hidden;
    background:#eef3ff;
    margin-bottom:20px;
}

@media(max-width:720px){
    .service-show-image{
        aspect-ratio:16/11;
        border-radius:20px;
    }

    .service-thumb-empty span,
    .catalog-thumb-empty span{
        font-size:28px;
    }
}


/* CUSTOMER PROJECTS MODULE V40 */
.dashboard-actions-row{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
}

.project-dashboard-grid .empty-state,
.projects-grid .empty-state{
    grid-column:1/-1;
}

.project-card,
.project-manage-card{
    border-color:#dce6ff;
}

.project-card h2,
.project-manage-card h2{
    min-height:58px;
}

.project-card p,
.project-manage-card p{
    color:#68758a;
    line-height:1.55;
}

.project-hero{
    background:
        radial-gradient(circle at 16% 22%,rgba(31,116,255,.12),transparent 30%),
        radial-gradient(circle at 84% 20%,rgba(125,67,255,.14),transparent 30%),
        linear-gradient(180deg,#f8fbff,#ffffff);
}

.project-show-page .service-description-card p,
.project-next-card p{
    color:#68758a;
    line-height:1.65;
    font-size:16px;
}

.profile-info-card a{
    color:#245cff;
    font-weight:800;
    text-decoration:none;
}

.profile-info-card a:hover{
    text-decoration:underline;
}

.btn-danger{
    border:1px solid #ffd0d0;
    background:#fff5f5;
    color:#d83a3a;
}

.btn-danger:hover{
    background:#ffeaea;
}

@media(max-width:720px){
    .dashboard-actions-row{
        width:100%;
    }

    .dashboard-actions-row .btn{
        width:100%;
        justify-content:center;
    }
}


/* V41: PROFILE AVATAR/COVER + FIND WORK CATEGORIES */
.dashboard-user-photo span,
.dashboard-user-photo img{
    width:64px;
    height:64px;
    border-radius:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    object-fit:cover;
    background:linear-gradient(135deg,#2f63ff,#7438ff);
    color:#fff;
    font-size:28px;
    font-weight:900;
    box-shadow:0 12px 30px rgba(47,99,255,.22);
}

.dashboard-profile-hero{
    position:relative;
    overflow:hidden;
    border-radius:26px;
    background:#fff;
    border:1px solid rgba(20,36,80,.08);
    box-shadow:0 22px 70px rgba(21,39,92,.08);
    margin-bottom:22px;
}

.dashboard-profile-cover{
    height:220px;
    background:
        radial-gradient(circle at 82% 18%,rgba(112,69,255,.42),transparent 28%),
        radial-gradient(circle at 12% 25%,rgba(47,99,255,.50),transparent 30%),
        linear-gradient(135deg,#07185c,#1230aa 54%,#5d30ff);
    background-size:cover;
    background-position:center;
    position:relative;
}

.freelancer-profile-hero .dashboard-profile-cover{
    background:
        radial-gradient(circle at 85% 10%,rgba(125,77,255,.45),transparent 30%),
        radial-gradient(circle at 15% 25%,rgba(45,115,255,.44),transparent 28%),
        linear-gradient(135deg,#04114f,#0b246e 48%,#301a91);
    background-size:cover;
    background-position:center;
}

.dashboard-profile-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(3,12,44,.05),rgba(3,12,44,.34));
}

.dashboard-profile-body{
    display:flex;
    align-items:flex-end;
    gap:22px;
    padding:0 26px 26px;
    margin-top:-58px;
    position:relative;
    z-index:2;
}

.dashboard-profile-avatar{
    width:118px;
    height:118px;
    border-radius:34px;
    border:6px solid #fff;
    background:linear-gradient(135deg,#2f63ff,#7438ff);
    box-shadow:0 18px 42px rgba(23,42,105,.22);
    overflow:hidden;
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
}

.dashboard-profile-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.dashboard-profile-avatar span{
    color:#fff;
    font-size:46px;
    font-weight:900;
}

.dashboard-profile-title{
    flex:1;
    min-width:0;
    padding-top:64px;
}

.dashboard-profile-title h1{
    margin:8px 0 8px;
    font-size:34px;
    line-height:1.08;
    letter-spacing:-.03em;
    color:#08164e;
}

.dashboard-profile-title p{
    margin:0;
    color:#586780;
    font-size:15px;
    line-height:1.55;
}

.profile-media-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
    padding:16px;
    border:1px dashed rgba(47,99,255,.26);
    border-radius:22px;
    background:linear-gradient(135deg,#f7faff,#fbf8ff);
    margin-bottom:18px;
}

.profile-media-grid small,
.freelium-form small{
    display:block;
    margin-top:6px;
    color:#72809a;
    font-size:12.5px;
    line-height:1.45;
}

.profile-media-grid input[type="file"]{
    background:#fff;
    border:1px solid #dbe5ff;
    border-radius:14px;
    min-height:46px;
    padding:10px;
    width:100%;
    color:#536177;
}

.profile-preview-card a{
    color:#2f63ff;
    text-decoration:none;
    font-weight:800;
}

.project-category-strip{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin:22px 0 18px;
}

.project-category-strip a{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 14px;
    border-radius:999px;
    background:#fff;
    border:1px solid rgba(47,99,255,.14);
    color:#14245a;
    text-decoration:none;
    font-size:14px;
    font-weight:800;
    box-shadow:0 12px 26px rgba(20,36,80,.06);
}

.project-category-strip a span{
    min-width:24px;
    height:24px;
    padding:0 7px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:#eef3ff;
    color:#2f63ff;
    font-size:12px;
}

.project-category-strip a.is-active{
    background:linear-gradient(135deg,#2f63ff,#7438ff);
    color:#fff;
    border-color:transparent;
}

.project-category-strip a.is-active span{
    background:rgba(255,255,255,.18);
    color:#fff;
}

.project-card-category{
    display:inline-flex;
    align-items:center;
    width:max-content;
    max-width:100%;
    padding:8px 12px;
    border-radius:999px;
    background:#f2f6ff;
    color:#2f4d93;
    font-size:13px;
    font-weight:900;
    margin-bottom:14px;
}

.mini-profile-avatar{
    width:44px;
    height:44px;
    border-radius:16px;
    object-fit:cover;
    display:block;
    box-shadow:0 10px 24px rgba(20,36,80,.12);
}

@media(max-width:900px){
    .dashboard-profile-body{
        align-items:flex-start;
        flex-direction:column;
        margin-top:-52px;
    }

    .dashboard-profile-title{
        padding-top:0;
    }

    .dashboard-profile-title h1{
        font-size:28px;
    }

    .profile-media-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:640px){
    .dashboard-profile-cover{
        height:170px;
    }

    .dashboard-profile-avatar{
        width:96px;
        height:96px;
        border-radius:28px;
    }

    .dashboard-profile-body{
        padding:0 18px 22px;
    }

    .project-category-strip{
        flex-wrap:nowrap;
        overflow-x:auto;
        padding-bottom:6px;
    }

    .project-category-strip a{
        white-space:nowrap;
    }
}


/* FREELIUM CUSTOM ICONS V42 */
.popular-label{
    display:inline-flex;
    align-items:center;
    gap:9px;
}

.popular-label-icon{
    width:34px;
    height:34px;
    object-fit:contain;
    flex:0 0 34px;
    filter:drop-shadow(0 8px 14px rgba(37,99,255,.14));
}

.role-icon{
    overflow:visible;
}

.role-icon img.role-choice-icon{
    width:96px;
    height:96px;
    object-fit:contain;
    max-width:none;
    filter:drop-shadow(0 12px 20px rgba(15,31,77,.18));
}

.role-card-blue .role-icon,
.role-card-violet .role-icon{
    background:rgba(255,255,255,.10);
}

@media(max-width:720px){
    .popular-label-icon{
        width:30px;
        height:30px;
        flex-basis:30px;
    }

    .role-icon img.role-choice-icon{
        width:82px;
        height:82px;
    }
}


/* PROJECT RESPONSES V44 */
.response-form-card textarea{
    min-height:170px;
}

.project-response-aside .btn{
    width:100%;
    justify-content:center;
}

.response-already-card{
    border:1px solid #dbe5ff;
    border-radius:22px;
    padding:18px;
    background:#f8faff;
    display:grid;
    gap:6px;
}

.response-already-card b{
    color:#07154a;
    font-size:18px;
}

.responses-list{
    display:grid;
    gap:18px;
}

.response-card{
    background:#fff;
    border:1px solid #e7ecfb;
    box-shadow:0 18px 42px rgba(28,45,98,.07);
    border-radius:24px;
    padding:22px;
    display:grid;
    gap:18px;
}

.response-card-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
}

.response-card h2{
    margin:8px 0 5px;
    color:#07154a;
    font-size:22px;
}

.response-card p{
    margin:0;
    color:#69758b;
}

.response-text{
    color:#233052;
    line-height:1.68;
    font-size:15.5px;
    background:#f8faff;
    border:1px solid #edf2ff;
    border-radius:18px;
    padding:16px;
}

.response-price-box{
    min-width:170px;
    border-radius:18px;
    background:linear-gradient(135deg,#f2f7ff,#f7f2ff);
    border:1px solid #e7ecfb;
    padding:14px;
    text-align:right;
}

.response-price-box small,
.response-price-box span{
    display:block;
    color:#69758b;
    font-size:12.5px;
}

.response-price-box b{
    display:block;
    margin:4px 0;
    color:#07154a;
    font-size:20px;
}

.response-actions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
}

.response-freelancer-head{
    display:flex;
    align-items:center;
    gap:14px;
}

.response-avatar,
.response-avatar-letter{
    width:58px;
    height:58px;
    border-radius:18px;
    flex:0 0 58px;
}

.response-avatar-letter{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#246bff,#6f3cff);
    color:#fff;
    font-weight:900;
    font-size:22px;
}

.response-status-pill{
    display:inline-flex;
    align-items:center;
    border-radius:999px;
    padding:6px 10px;
    font-size:12px;
    font-weight:800;
}

.response-status-pill-pending{
    background:#fff7e8;
    color:#a86400;
}

.response-status-pill-accepted{
    background:#e9fbef;
    color:#10833d;
}

.response-status-pill-rejected,
.response-status-pill-cancelled{
    background:#fff0f0;
    color:#b42318;
}

.response-status-accepted{
    border-color:#bdeecb;
}

.response-status-pending{
    border-color:#ffe1a8;
}

.response-status-rejected,
.response-status-cancelled{
    border-color:#ffd1d1;
}

@media(max-width:760px){
    .response-card-head{
        flex-direction:column;
    }

    .response-price-box{
        width:100%;
        text-align:left;
    }

    .response-actions .btn,
    .response-actions form,
    .response-actions button{
        width:100%;
    }
}


/* V45: RESPONSE BADGES, UNIFIED SIDEBAR AVATARS, PRICE BOX FIX */
.dashboard-sidebar nav a{
    justify-content:space-between;
    gap:10px;
}

.dashboard-sidebar .nav-label{
    min-width:0;
    display:inline-flex;
    align-items:center;
    gap:0;
}

.nav-dot,
.inline-nav-dot{
    width:10px;
    height:10px;
    border-radius:50%;
    background:#19a7ff;
    box-shadow:0 0 0 5px rgba(25,167,255,.16),0 0 18px rgba(25,167,255,.62);
    flex:0 0 10px;
}

.inline-nav-dot{
    display:inline-block;
    width:8px;
    height:8px;
    flex-basis:8px;
    margin-left:8px;
    vertical-align:middle;
}

.dashboard-main-action,
.dashboard-topline > .btn{
    min-width:170px;
    padding-left:22px;
    padding-right:22px;
    white-space:nowrap;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-align:center;
}

.service-price-box.service-price-box-compact small,
.service-price-box.service-price-box-compact span{
    display:block;
    color:#69758b;
    font-size:13px;
    line-height:1.25;
    margin:0 0 8px;
}

.service-price-box.service-price-box-compact b{
    display:block;
    color:var(--dark);
    font-size:26px;
    line-height:1.12;
    letter-spacing:-.35px;
}

.response-price-box b{
    font-size:24px;
    line-height:1.1;
}

.project-responses-link{
    position:relative;
}

@media(max-width:720px){
    .dashboard-main-action,
    .dashboard-topline > .btn{
        width:100%;
        min-width:0;
    }

    .service-price-box.service-price-box-compact b{
        font-size:22px;
    }
}


/* FREELIUM ORDERS + SAFE DEAL V46 */
.orders-list{display:grid;gap:18px;margin-top:18px}
.order-card{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:18px;background:#fff;border:1px solid #e2e8ff;border-radius:24px;padding:22px;box-shadow:0 16px 34px rgba(15,31,77,.06)}
.order-card-main h2{font-size:24px;line-height:1.15;color:#06164a;margin:12px 0 8px;font-weight:700}
.order-card-main p{font-size:14px;color:#63708a;margin:0 0 14px}
.order-meta-line{display:flex;flex-wrap:wrap;gap:10px}
.order-meta-line span{display:inline-flex;align-items:center;gap:5px;min-height:34px;border-radius:999px;background:#f4f7ff;border:1px solid #e6ecff;padding:0 12px;color:#546079;font-size:13px}
.order-meta-line b{color:#06164a;font-weight:700}
.order-card-side{border-radius:20px;background:#f5f7ff;padding:18px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px}
.order-card-side small{color:#7b849c;font-size:13px}
.order-card-side b{font-size:24px;line-height:1.1;color:#06164a;font-weight:800}
.order-card-side .btn{width:100%;margin-top:4px}
.order-show-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;margin-top:18px}
.order-panel{background:#fff;border:1px solid #e2e8ff;border-radius:24px;padding:24px;box-shadow:0 16px 34px rgba(15,31,77,.06)}
.order-panel h2{font-size:24px;color:#06164a;margin:0 0 18px;font-weight:800}
.order-panel h3{font-size:18px;color:#06164a;margin:22px 0 10px;font-weight:700}
.order-info-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.order-info-list div,.safe-deal-breakdown div{border:1px solid #e8edff;border-radius:16px;background:#f8faff;padding:14px}
.order-info-list span,.safe-deal-breakdown span{display:block;color:#69758e;font-size:13px;margin-bottom:5px}
.order-info-list b,.safe-deal-breakdown b{display:block;color:#06164a;font-size:18px;font-weight:800}
.order-description{font-size:15px;line-height:1.65;color:#34415f;background:#f8faff;border:1px solid #e8edff;border-radius:18px;padding:16px;margin-bottom:18px}
.safe-deal-panel{position:sticky;top:90px;align-self:start}
.safe-deal-total{border-radius:22px;background:linear-gradient(135deg,#eef6ff,#f2edff);padding:20px;margin-bottom:16px}
.safe-deal-total small{display:block;color:#68738d;font-size:13px;margin-bottom:8px}
.safe-deal-total b{display:block;color:#06164a;font-size:32px;line-height:1.05;font-weight:900}
.safe-deal-breakdown{display:grid;gap:10px;margin-bottom:16px}
.safe-deal-note{border-radius:18px;background:#eefaf3;border:1px solid #bdf1ce;padding:16px;color:#22663c;margin-bottom:16px}
.safe-deal-note b{display:block;margin-bottom:6px;color:#0c6a35}
.safe-deal-note p{font-size:13px;line-height:1.5;color:#2d6b46;margin:0}
.order-timeline-panel{margin-top:20px}
.order-timeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.timeline-step{min-height:92px;border:1px solid #e8edff;background:#f8faff;border-radius:18px;padding:14px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#65718b}
.timeline-step b{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e8edff;color:#3764ff;font-weight:800}
.timeline-step span{font-size:12.5px;line-height:1.25;font-weight:700}
.timeline-step.is-active{background:#eefaf3;border-color:#bdf1ce;color:#0c6a35}
.timeline-step.is-active b{background:#1ec765;color:#fff}
.disabled-link{pointer-events:none;opacity:.75}
@media(max-width:920px){.order-card,.order-show-grid{grid-template-columns:1fr}.safe-deal-panel{position:static}.order-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.order-card-side{align-items:stretch}.order-info-list{grid-template-columns:1fr}}
@media(max-width:640px){.order-card{padding:18px;border-radius:20px}.order-card-main h2{font-size:21px}.safe-deal-total b{font-size:26px}.order-panel{padding:18px;border-radius:20px}.order-timeline{grid-template-columns:1fr}}

/* SAFE DEAL WORKFLOW V47 */
.order-workflow-card{
    background:#fff;
    border:1px solid #dde6ff;
    border-radius:24px;
    padding:22px;
    box-shadow:0 18px 45px rgba(10,31,77,.06);
    margin-bottom:20px;
}

.workflow-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:18px;
}

.workflow-head span,
.workflow-muted{
    color:#6f7d98;
    font-size:14px;
}

.workflow-head b{
    display:block;
    color:#06164b;
    font-size:26px;
    line-height:1.15;
    margin-top:4px;
}

.workflow-head strong{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:10px 16px;
    border-radius:999px;
    background:#edf4ff;
    color:#2563ff;
    font-size:14px;
}

.order-timeline-live .timeline-step.is-active{
    background:linear-gradient(135deg,#2563ff,#6d3df5);
    color:#fff;
    border-color:transparent;
}

.order-timeline-live .timeline-step.is-active b{
    background:rgba(255,255,255,.18);
    color:#fff;
}

.order-actions-panel{
    margin-top:20px;
}

.order-actions-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}

.order-action-card{
    border:1px solid #e1e8ff;
    background:#f8fbff;
    border-radius:20px;
    padding:18px;
}

.order-action-card h3{
    margin:0 0 8px;
    color:#06164b;
    font-size:20px;
}

.order-action-card p{
    margin:0 0 14px;
    color:#596784;
    line-height:1.45;
}

.order-action-card-wide{
    grid-column:span 2;
}

.workflow-form{
    display:grid;
    gap:12px;
}

.workflow-form textarea{
    width:100%;
    border:1px solid #dce6ff;
    border-radius:16px;
    padding:14px 16px;
    font:inherit;
    min-height:110px;
    resize:vertical;
    background:#fff;
    color:#06164b;
}

.workflow-form textarea:focus{
    outline:none;
    border-color:#2563ff;
    box-shadow:0 0 0 4px rgba(37,99,255,.10);
}

.danger-outline{
    border-color:#ffb4b4!important;
    color:#d92323!important;
    background:#fff!important;
}

.order-dispute-card{
    background:#fff8f8;
    border-color:#ffd9d9;
}

.order-delivery-comment{
    border-color:#bff0d0;
    background:#f4fff8;
}

.order-dispute-comment{
    border-color:#ffd1d1;
    background:#fff7f7;
}

.safe-deal-total-compact b,
.order-card-side-compact b{
    font-size:24px!important;
    line-height:1.1;
}

.order-card-side-compact small{
    margin-bottom:8px;
}

@media(max-width:900px){
    .workflow-head{
        align-items:flex-start;
        flex-direction:column;
    }

    .order-actions-grid{
        grid-template-columns:1fr;
    }

    .order-action-card-wide{
        grid-column:auto;
    }
}


/* ORDER CHAT AND FILES V48 */
.order-chat-panel{
    margin-top:22px;
}

.order-chat-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
    margin-bottom:18px;
}

.order-chat-head h2{
    margin-bottom:6px;
}

.order-chat-head p{
    color:#68758f;
    max-width:720px;
}

.order-chat-head span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:0 14px;
    border-radius:999px;
    background:#eef4ff;
    color:#2365ff;
    font-weight:700;
    white-space:nowrap;
}

.order-chat-list{
    display:grid;
    gap:14px;
    margin-bottom:18px;
}

.order-message{
    max-width:78%;
    padding:16px;
    border:1px solid #e3eaff;
    border-radius:18px 18px 18px 6px;
    background:#fff;
    box-shadow:0 10px 28px rgba(20,40,100,.06);
}

.order-message.is-own{
    justify-self:end;
    border-radius:18px 18px 6px 18px;
    background:linear-gradient(180deg,#f7faff,#eef4ff);
    border-color:#cfdcff;
}

.order-message-meta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-bottom:9px;
}

.order-message-meta b{
    color:#07143d;
    font-size:14px;
}

.order-message-meta span{
    color:#7a859d;
    font-size:12px;
}

.order-message-body{
    color:#263552;
    line-height:1.55;
    font-size:14px;
}

.order-attachments-list{
    display:grid;
    gap:8px;
    margin-top:12px;
}

.order-attachment-item{
    display:grid;
    grid-template-columns:36px minmax(0,1fr);
    gap:10px;
    align-items:center;
    padding:10px;
    border:1px solid #dfe7ff;
    border-radius:14px;
    background:#fff;
    transition:.2s;
}

.order-attachment-item:hover{
    transform:translateY(-1px);
    box-shadow:0 10px 22px rgba(37,99,255,.10);
}

.order-attachment-item>span{
    width:36px;
    height:36px;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#eef4ff;
    font-size:17px;
}

.order-attachment-item b{
    display:block;
    color:#07143d;
    font-size:13px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.order-attachment-item small{
    color:#7b879e;
    font-size:12px;
}

.order-chat-form{
    display:grid;
    gap:12px;
    padding:16px;
    border:1px solid #e3eaff;
    border-radius:20px;
    background:#f8faff;
}

.order-chat-form label{
    color:#07143d;
    font-weight:700;
    font-size:13px;
}

.order-chat-form textarea,
.order-chat-form input[type="file"]{
    width:100%;
    border:1px solid #dbe5ff;
    background:#fff;
    border-radius:15px;
    padding:13px 14px;
    outline:none;
    color:#263552;
    font-size:14px;
}

.order-chat-form textarea:focus,
.order-chat-form input[type="file"]:focus{
    border-color:#8fb0ff;
    box-shadow:0 0 0 4px rgba(37,99,255,.08);
}

.chat-file-note{
    color:#68758f;
    font-size:12.5px;
    line-height:1.45;
}

.order-chat-empty{
    border:1px dashed #cbd7ff;
    border-radius:18px;
    padding:20px;
    background:#fbfcff;
}

@media(max-width:720px){
    .order-chat-head{
        display:grid;
    }

    .order-message{
        max-width:100%;
    }

    .order-message.is-own{
        justify-self:stretch;
    }
}


/* FREELIUM NOTIFICATIONS + ARBITRATION V49 */
.order-card-disputed{
    border-color:#ffb8b8!important;
    background:linear-gradient(180deg,#fff,#fff5f5)!important;
    box-shadow:0 18px 45px rgba(220,38,38,.12)!important;
}
.response-status-pill-danger{
    background:#fee2e2!important;
    color:#b91c1c!important;
    border:1px solid #fecaca!important;
}
.order-meta-danger{
    background:#fff1f2!important;
    color:#b91c1c!important;
    border-color:#fecaca!important;
}
.order-meta-danger b{color:#991b1b!important;}
.order-dispute-alert-mini{
    margin-top:12px;display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;background:#fee2e2;color:#b91c1c;border:1px solid #fecaca;font-size:13px;font-weight:700;
}
.order-show-topline-disputed,.order-workflow-disputed{
    border-color:#ffb8b8!important;background:linear-gradient(180deg,#fff,#fff5f5)!important;
}
.order-workflow-disputed .workflow-head b,.order-workflow-disputed .workflow-head strong{color:#b91c1c!important;}
.order-dispute-visible-alert{
    margin:0 0 18px;padding:16px 18px;border-radius:18px;background:#fee2e2;color:#991b1b;border:1px solid #fecaca;font-size:15px;font-weight:800;box-shadow:0 14px 30px rgba(220,38,38,.10);
}
.nav-dot-message{background:#16b7ff!important;box-shadow:0 0 0 5px rgba(22,183,255,.12),0 0 20px rgba(22,183,255,.55)!important;}
.message-count{min-width:16px;width:auto;padding:0 5px;}
.order-card .response-status-pill-danger + h2{color:#07143d;}


/* ARBITRATION CABINET V50 */
.static-badge-danger{
    background:#fff1f2;
    color:#be123c;
    border:1px solid #fecdd3;
}

.nav-dot-danger{
    background:#ef4444!important;
    box-shadow:0 0 0 5px rgba(239,68,68,.12)!important;
}

.btn-light-danger{
    background:#fff;
    color:#be123c;
    border:1px solid rgba(190,18,60,.22);
    box-shadow:0 14px 28px rgba(190,18,60,.12);
}

.btn-light-danger:hover{
    transform:translateY(-1px);
}

.arbitration-open-alert{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}

.arbitration-open-alert div{
    display:grid;
    gap:4px;
}

.arbitration-open-alert b{
    display:block;
    font-size:18px;
}

.arbitration-open-alert span{
    color:#7f1d1d;
    line-height:1.45;
}

.arbitration-topline{
    background:
        radial-gradient(circle at 90% 10%,rgba(239,68,68,.14),transparent 34%),
        linear-gradient(135deg,#ffffff,#fff7f8);
}

.arbitration-topline-red{
    border:1px solid rgba(239,68,68,.24);
}

.arbitration-info-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
    margin:20px 0;
}

.arbitration-info-card{
    background:#fff;
    border:1px solid #edf1fb;
    border-radius:22px;
    padding:20px;
    display:flex;
    align-items:center;
    gap:14px;
    box-shadow:0 18px 46px rgba(15,31,77,.06);
}

.arbitration-info-card b{
    width:42px;
    height:42px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff1f2;
    color:#be123c;
    font-size:20px;
}

.arbitration-info-card span{
    font-weight:800;
    color:#14213d;
    line-height:1.35;
}

.arbitration-list{
    display:grid;
    gap:16px;
    margin-top:20px;
}

.arbitration-card{
    background:#fff;
    border:1px solid #edf1fb;
    border-left:6px solid #ef4444;
    border-radius:24px;
    padding:22px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:22px;
    box-shadow:0 18px 46px rgba(15,31,77,.07);
}

.arbitration-card h2{
    margin:12px 0 8px;
    font-size:24px;
    color:#14213d;
}

.arbitration-card p{
    margin:0;
    color:#61708a;
    line-height:1.55;
}

.arbitration-card-meta{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:14px;
}

.arbitration-card-meta span{
    background:#f7f9ff;
    border:1px solid #e8eefc;
    border-radius:999px;
    padding:8px 12px;
    font-size:13px;
    font-weight:700;
    color:#536177;
}

.arbitration-summary-grid{
    display:grid;
    grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);
    gap:18px;
    margin-top:20px;
}

.arbitration-case-meta{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin-top:18px;
}

.arbitration-case-meta div{
    background:#f8faff;
    border:1px solid #e8eefc;
    border-radius:16px;
    padding:14px;
    display:grid;
    gap:5px;
}

.arbitration-case-meta span{
    color:#7a8599;
    font-size:13px;
}

.arbitration-case-meta b{
    color:#14213d;
}

.evidence-stats{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin:14px 0;
}

.evidence-stats div{
    background:#f7f9ff;
    border:1px solid #e8eefc;
    border-radius:18px;
    padding:16px;
    display:grid;
    gap:4px;
}

.evidence-stats b{
    font-size:28px;
    color:#2563ff;
}

.evidence-stats span{
    color:#6a758c;
    font-weight:700;
}

.arbitration-positions-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}

.arbitration-position-card{
    border-radius:20px;
    padding:18px;
    border:1px solid #e8eefc;
    background:#f8faff;
}

.arbitration-position-card.is-filled{
    background:#f0fdf4;
    border-color:#bbf7d0;
}

.arbitration-position-card.is-empty{
    background:#fff7ed;
    border-color:#fed7aa;
}

.arbitration-position-card h3{
    margin:0 0 10px;
    color:#14213d;
}

.arbitration-position-card p{
    margin:0;
    color:#4b5870;
    line-height:1.55;
}

.arbitration-position-card small{
    display:block;
    margin-top:12px;
    color:#667085;
}

.arbitration-position-form{
    margin-top:18px;
    display:grid;
    gap:10px;
}

.arbitration-position-form label{
    font-weight:900;
    color:#14213d;
}

.arbitration-position-form textarea{
    width:100%;
    border:1px solid #dfe7fb;
    border-radius:18px;
    padding:14px 16px;
    font:inherit;
    resize:vertical;
    min-height:130px;
}

.arbitration-files-list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}

.arbitration-file-item{
    min-height:78px;
}

.arbitration-empty,
.arbitration-empty-small{
    background:#fff;
    border:1px dashed #cbd5e1;
    border-radius:24px;
    padding:30px;
    text-align:center;
}

.order-message.is-system{
    background:#fff7ed;
    border-color:#fed7aa;
}

@media(max-width:980px){
    .arbitration-info-grid,
    .arbitration-summary-grid,
    .arbitration-positions-grid,
    .arbitration-files-list{
        grid-template-columns:1fr;
    }

    .arbitration-card,
    .arbitration-open-alert{
        align-items:flex-start;
        flex-direction:column;
    }

    .arbitration-case-meta{
        grid-template-columns:1fr;
    }
}


/* ADMIN ARBITRATION RESOLUTION V51 */
.admin-arbitration-topline{
    background:
        radial-gradient(circle at 90% 10%,rgba(124,58,237,.16),transparent 34%),
        linear-gradient(135deg,#ffffff,#f7f5ff);
    border:1px solid rgba(124,58,237,.18);
}

.admin-arbitration-stats{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
    margin:20px 0;
}

.admin-arbitration-stats div{
    background:#fff;
    border:1px solid #edf1fb;
    border-radius:22px;
    padding:20px;
    box-shadow:0 18px 46px rgba(15,31,77,.06);
    display:grid;
    gap:5px;
}

.admin-arbitration-stats b{
    font-size:34px;
    color:#7c3aed;
    line-height:1;
}

.admin-arbitration-stats span{
    color:#5d6880;
    font-weight:800;
}

.admin-arbitration-filter{
    display:grid;
    grid-template-columns:minmax(0,1fr) 240px auto;
    gap:12px;
    background:#fff;
    border:1px solid #edf1fb;
    border-radius:22px;
    padding:14px;
    box-shadow:0 18px 46px rgba(15,31,77,.06);
}

.admin-arbitration-filter input,
.admin-arbitration-filter select{
    width:100%;
    border:1px solid #dfe7fb;
    border-radius:16px;
    padding:13px 15px;
    font:inherit;
    color:#14213d;
    background:#fff;
}

.admin-case-badges{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.static-badge-blue{
    background:#eff6ff;
    color:#1d4ed8;
    border-color:#bfdbfe;
}

.static-badge-success{
    background:#ecfdf5;
    color:#047857;
    border-color:#bbf7d0;
}

.admin-arbitration-card.is-resolved{
    border-left-color:#10b981;
}

.admin-topline-actions{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}

.admin-resolution-alert{
    border-radius:24px;
    padding:22px;
    margin:20px 0;
    border:1px solid #e8eefc;
    background:#f8faff;
    box-shadow:0 18px 46px rgba(15,31,77,.06);
}

.admin-resolution-alert.is-release{
    background:#f0fdf4;
    border-color:#bbf7d0;
}

.admin-resolution-alert.is-refund{
    background:#fff7ed;
    border-color:#fed7aa;
}

.admin-resolution-alert div{
    display:grid;
    gap:4px;
    margin-bottom:12px;
}

.admin-resolution-alert b{
    color:#14213d;
    font-size:20px;
}

.admin-resolution-alert span,
.admin-resolution-alert p{
    color:#536177;
    line-height:1.55;
    margin:0;
}

.admin-resolution-panel > p{
    color:#61708a;
    margin-top:0;
}

.admin-resolution-form{
    display:grid;
    gap:16px;
}

.admin-resolution-options{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}

.admin-resolution-options label{
    border:1px solid #dfe7fb;
    border-radius:20px;
    padding:16px;
    display:flex;
    align-items:flex-start;
    gap:12px;
    background:#f8faff;
    cursor:pointer;
}

.admin-resolution-options input{
    margin-top:5px;
    width:18px;
    height:18px;
}

.admin-resolution-options span{
    display:grid;
    gap:4px;
}

.admin-resolution-options b{
    color:#14213d;
    font-size:17px;
}

.admin-resolution-options small{
    color:#667085;
    line-height:1.45;
}

.admin-resolution-textarea-label{
    font-weight:900;
    color:#14213d;
}

.admin-resolution-form textarea{
    width:100%;
    border:1px solid #dfe7fb;
    border-radius:18px;
    padding:14px 16px;
    font:inherit;
    resize:vertical;
    min-height:150px;
}

.btn-danger-action{
    background:linear-gradient(135deg,#ef4444,#7c3aed);
    box-shadow:0 18px 42px rgba(239,68,68,.20);
}

@media(max-width:980px){
    .admin-arbitration-stats,
    .admin-arbitration-filter,
    .admin-resolution-options{
        grid-template-columns:1fr;
    }
}


/* REVIEWS AFTER ORDER V52 */
.order-review-panel{
    margin-top:24px;
}

.order-review-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
    margin-bottom:18px;
}

.order-review-head h2,
.reviews-summary-panel h2{
    margin:0 0 8px;
}

.order-review-head p{
    margin:0;
    color:#60708a;
}

.review-status-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:8px 13px;
    border-radius:999px;
    background:#eef3ff;
    color:#60708a;
    font-weight:800;
    white-space:nowrap;
}

.review-status-pill.is-ready{
    background:#eaf7ff;
    color:#1976d2;
}

.review-grid,
.reviews-columns{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
}

.review-card,
.review-list-card{
    border:1px solid #e5ecff;
    background:#fff;
    border-radius:22px;
    padding:18px;
    box-shadow:0 12px 28px rgba(17,34,77,.06);
}

.review-card h3{
    margin:0 0 12px;
}

.review-form{
    display:grid;
    gap:12px;
}

.review-form label{
    font-weight:800;
    color:#283653;
}

.review-form select,
.review-form textarea{
    width:100%;
    border:1px solid #dfe8ff;
    border-radius:16px;
    padding:13px 14px;
    font:inherit;
    color:#27364f;
    background:#fff;
}

.review-policy-note{
    border-radius:16px;
    background:#fff8e7;
    color:#8a5b00;
    padding:12px 14px;
    line-height:1.45;
    font-size:14px;
}

.saved-review{
    display:grid;
    gap:9px;
}

.saved-review p,
.review-list-card p{
    margin:0;
    color:#3d4a60;
    line-height:1.55;
}

.saved-review small,
.review-list-card small{
    color:#718096;
    line-height:1.45;
}

.review-stars{
    color:#ffb423;
    font-size:22px;
    letter-spacing:1px;
    font-weight:900;
}

.review-empty-state.compact{
    padding:18px;
    min-height:auto;
}

.review-order-list{
    display:grid;
    gap:12px;
}

.review-order-item{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    padding:15px;
    border:1px solid #e5ecff;
    border-radius:18px;
    background:#f8fbff;
    color:inherit;
    text-decoration:none;
}

.review-order-item b{
    display:block;
    margin-bottom:5px;
}

.review-order-item span,
.review-list-meta{
    color:#718096;
    font-size:14px;
}

.review-order-item strong{
    color:#255dff;
    white-space:nowrap;
}

.review-list-card{
    display:grid;
    gap:10px;
    margin-bottom:14px;
}

.review-list-top{
    display:flex;
    justify-content:space-between;
    gap:14px;
    align-items:flex-start;
}

.review-status-mini{
    display:inline-flex;
    padding:7px 10px;
    border-radius:999px;
    background:#edf9f0;
    color:#20833a;
    font-size:12px;
    font-weight:900;
    white-space:nowrap;
}

.review-status-mini.is-pending{
    background:#fff8e7;
    color:#9a6500;
}

.review-list-meta{
    display:flex;
    justify-content:space-between;
    gap:12px;
}

.nav-dot-review{
    background:#ffb423;
    box-shadow:0 0 0 4px rgba(255,180,35,.18);
}

@media(max-width:900px){
    .review-grid,
    .reviews-columns{
        grid-template-columns:1fr;
    }

    .order-review-head,
    .review-order-item,
    .review-list-top,
    .review-list-meta{
        align-items:flex-start;
        flex-direction:column;
    }
}


/* FREELIUM V53 — PAID REVIEW PUBLICATION */
.dashboard-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:12px;
    flex-wrap:wrap;
}

.paid-review-teaser{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    background:
        radial-gradient(circle at 92% 8%,rgba(124,72,255,.14),transparent 28%),
        linear-gradient(135deg,#ffffff,#f5f8ff);
}

.paid-review-teaser h2,
.review-tariff-panel h2{
    margin:0 0 8px;
    font-size:24px;
}

.paid-review-teaser p,
.review-tariff-panel p{
    margin:0;
    color:#617089;
}

.review-tariff-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    margin-bottom:18px;
}

.review-tariff-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    margin:18px 0;
}

.review-tariff-card{
    border:1px solid #dfe8ff;
    border-radius:22px;
    padding:20px;
    background:#fff;
    display:grid;
    gap:8px;
}

.review-tariff-card.is-featured{
    border-color:#b8c8ff;
    background:linear-gradient(135deg,#f7faff,#f3f0ff);
    box-shadow:0 18px 42px rgba(37,99,255,.10);
}

.review-tariff-card span{
    width:54px;
    height:54px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:18px;
    background:#eef4ff;
    color:#2563ff;
    font-size:20px;
    font-weight:900;
}

.review-tariff-card b{
    color:#17213a;
    font-size:18px;
}

.review-tariff-card strong{
    color:#2563ff;
    font-size:30px;
    line-height:1;
}

.review-publication-card{
    display:grid;
    grid-template-columns:1fr 230px;
    gap:20px;
    align-items:stretch;
    border:1px solid #dfe8ff;
    border-radius:22px;
    padding:20px;
    background:#fff;
    margin-bottom:14px;
}

.review-publication-main h3{
    margin:8px 0 10px;
    font-size:20px;
}

.review-publication-main p{
    color:#475569;
    line-height:1.55;
}

.review-publication-side{
    border-radius:18px;
    background:linear-gradient(135deg,#eef4ff,#f6f2ff);
    padding:18px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:10px;
}

.review-publication-side small{
    color:#64748b;
}

.review-publication-side strong{
    color:#2563ff;
    font-size:28px;
    line-height:1;
}

.review-publication-mini{
    margin-top:12px;
    padding-top:12px;
    border-top:1px solid #e7edff;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
}

.btn-mini{
    min-height:auto !important;
    padding:9px 14px !important;
    border-radius:12px !important;
    font-size:13px !important;
}

@media(max-width:760px){
    .paid-review-teaser,
    .review-tariff-head,
    .dashboard-actions{
        align-items:stretch;
        flex-direction:column;
    }

    .review-tariff-grid,
    .review-publication-card{
        grid-template-columns:1fr;
    }

    .review-publication-side strong,
    .review-tariff-card strong{
        font-size:24px;
    }
}


/* FIX V53 BUTTON TEXT WRAP */
.paid-review-teaser .btn,
.paid-review-teaser a.btn,
.dashboard-actions .btn,
.dashboard-actions a.btn {
    white-space: nowrap !important;
    min-width: 190px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

@media (max-width: 720px) {
    .paid-review-teaser .btn,
    .paid-review-teaser a.btn,
    .dashboard-actions .btn,
    .dashboard-actions a.btn {
        width: 100% !important;
        min-width: 0 !important;
    }
}


/* FREELIUM V54 — FREELANCER PORTFOLIO WITH WATERMARK */
.btn-nowrap{
    white-space:nowrap !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
}

.portfolio-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px;
}

.portfolio-card{
    border:1px solid #dfe8ff;
    background:#fff;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 18px 42px rgba(15,31,77,.08);
}

.portfolio-card.is-draft{
    opacity:.82;
}

.portfolio-image{
    position:relative;
    display:block;
    aspect-ratio:16/10;
    overflow:hidden;
    background:#eef4ff;
}

.portfolio-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.25s;
}

.portfolio-card:hover .portfolio-image img{
    transform:scale(1.03);
}

.portfolio-status{
    position:absolute;
    top:14px;
    right:14px;
    border-radius:999px;
    background:rgba(255,255,255,.92);
    color:#2563ff;
    padding:7px 12px;
    font-size:12px;
    font-weight:700;
    box-shadow:0 10px 24px rgba(15,31,77,.12);
}

.portfolio-body{
    padding:20px;
}

.portfolio-meta{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    margin-bottom:10px;
}

.portfolio-meta span{
    border-radius:999px;
    background:#eef4ff;
    color:#2563ff;
    padding:6px 10px;
    font-size:12px;
    font-weight:700;
}

.portfolio-body h2{
    color:#07143d;
    font-size:22px;
    line-height:1.15;
    margin:0 0 10px;
}

.portfolio-body p{
    color:#617089;
    line-height:1.55;
    margin:0 0 14px;
}

.portfolio-tags{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    margin:12px 0;
}

.portfolio-tags span{
    border-radius:999px;
    background:#f3f6ff;
    color:#50617f;
    padding:6px 10px;
    font-size:12px;
}

.portfolio-tags.large span{
    font-size:14px;
    padding:9px 13px;
}

.portfolio-actions{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    margin-top:16px;
}

.btn-danger-outline{
    color:#e11d48;
    background:#fff;
    border:1px solid #fecdd3;
}

.portfolio-empty{
    grid-column:1/-1;
}

.portfolio-form-card{
    max-width:860px;
    background:#fff;
    border:1px solid #dfe8ff;
    border-radius:26px;
    padding:24px;
    box-shadow:0 18px 42px rgba(15,31,77,.08);
}

.portfolio-upload-box{
    background:
        radial-gradient(circle at 95% 10%,rgba(112,69,255,.12),transparent 28%),
        linear-gradient(135deg,#ffffff,#f6f9ff);
}

.portfolio-show-image{
    margin-top:22px;
    width:100%;
    aspect-ratio:16/9;
    border-radius:26px;
    overflow:hidden;
    background:#eef4ff;
    box-shadow:0 18px 44px rgba(15,31,77,.10);
}

.portfolio-show-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.portfolio-public-head h1{
    margin-bottom:0;
}

@media(max-width:860px){
    .portfolio-grid{
        grid-template-columns:1fr;
    }

    .portfolio-actions{
        align-items:stretch;
        flex-direction:column;
    }

    .portfolio-actions .btn,
    .portfolio-actions form,
    .portfolio-actions button{
        width:100%;
    }

    .portfolio-show-image{
        aspect-ratio:16/11;
        border-radius:20px;
    }
}


/* FREELIUM V55 — PUBLIC FREELANCER PROFILE */
.freelancer-profile-page{
    padding:32px 0 56px;
}

.freelancer-public-hero{
    background:#fff;
    border:1px solid #dfe8ff;
    border-radius:30px;
    overflow:hidden;
    box-shadow:0 20px 50px rgba(15,31,77,.09);
    margin-bottom:24px;
}

.freelancer-cover{
    height:230px;
    background:
        radial-gradient(circle at 78% 18%,rgba(112,69,255,.22),transparent 30%),
        radial-gradient(circle at 22% 30%,rgba(22,199,255,.18),transparent 28%),
        linear-gradient(135deg,#1769ff,#7045ff);
    overflow:hidden;
}

.freelancer-cover img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.freelancer-public-head{
    display:grid;
    grid-template-columns:132px minmax(0,1fr) auto;
    gap:22px;
    align-items:end;
    padding:0 28px 28px;
    margin-top:-62px;
}

.freelancer-public-avatar{
    width:132px;
    height:132px;
    border-radius:34px;
    border:6px solid #fff;
    background:linear-gradient(135deg,#1769ff,#7045ff);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:48px;
    font-weight:800;
    overflow:hidden;
    box-shadow:0 16px 36px rgba(15,31,77,.18);
}

.freelancer-public-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.freelancer-public-title{
    min-width:0;
    padding-top:72px;
}

.freelancer-public-title h1{
    color:#07143d;
    font-size:36px;
    line-height:1.08;
    margin:9px 0 7px;
    letter-spacing:-.5px;
}

.freelancer-public-title p{
    color:#58667f;
    font-size:16px;
    margin:0;
}

.freelancer-public-badges,
.freelancer-public-meta{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}

.freelancer-public-meta{
    margin-top:14px;
}

.freelancer-public-meta span,
.availability-pill,
.pro-pill,
.vip-pill,
.ai-pill,
.verified-pill{
    border-radius:999px;
    padding:7px 11px;
    font-size:12px;
    font-weight:700;
}

.freelancer-public-meta span{
    background:#f3f6ff;
    color:#536177;
}

.availability-free{
    background:#dcfce7;
    color:#15803d;
}

.availability-busy{
    background:#fee2e2;
    color:#b91c1c;
}

.pro-pill{
    background:#ecfdf5;
    color:#047857;
}

.vip-pill{
    background:#f3e8ff;
    color:#7e22ce;
}

.ai-pill{
    background:linear-gradient(135deg,#1769ff,#7045ff);
    color:#fff;
}

.verified-pill{
    background:#eef4ff;
    color:#1769ff;
}

.freelancer-public-cta{
    display:flex;
    flex-direction:column;
    gap:10px;
    min-width:190px;
}

.freelancer-public-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 330px;
    gap:24px;
    align-items:start;
}

.freelancer-public-main{
    display:flex;
    flex-direction:column;
    gap:22px;
}

.freelancer-section,
.freelancer-side-card,
.freelancer-safe-box{
    background:#fff;
    border:1px solid #dfe8ff;
    border-radius:26px;
    box-shadow:0 16px 40px rgba(15,31,77,.07);
}

.freelancer-section{
    padding:24px;
}

.section-title-row{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
    margin-bottom:18px;
}

.section-title-row h2{
    color:#07143d;
    font-size:26px;
    margin-top:9px;
}

.section-count{
    min-width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    background:#eef4ff;
    color:#1769ff;
    font-weight:800;
}

.profile-about-text{
    color:#536177;
    font-size:15px;
    line-height:1.7;
}

.profile-skills{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    margin-top:18px;
}

.profile-skills span{
    border-radius:999px;
    background:#f3f6ff;
    color:#40516e;
    padding:8px 12px;
    font-size:13px;
    font-weight:700;
}

.profile-empty-note{
    width:100%;
    border:1px dashed #cbd7ff;
    background:#f8faff;
    color:#6c7891;
    border-radius:18px;
    padding:18px;
}

.profile-service-grid,
.profile-portfolio-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

.profile-service-card,
.profile-portfolio-card{
    border:1px solid #e7ebf6;
    border-radius:22px;
    background:#fff;
    overflow:hidden;
}

.profile-service-card{
    padding:18px;
}

.profile-service-image{
    display:block;
    aspect-ratio:16/10;
    border-radius:18px;
    overflow:hidden;
    background:#eef4ff;
    margin-bottom:14px;
}

.profile-service-image img,
.profile-portfolio-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.25s;
}

.profile-service-card:hover img,
.profile-portfolio-card:hover img{
    transform:scale(1.03);
}

.profile-service-card h3,
.profile-portfolio-card h3{
    color:#07143d;
    font-size:19px;
    line-height:1.2;
    margin:12px 0 8px;
}

.profile-service-card p,
.profile-portfolio-card p{
    color:#617089;
    line-height:1.5;
    margin:0;
}

.profile-card-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-top:16px;
}

.profile-card-bottom b{
    color:#07143d;
    font-size:18px;
}

.profile-card-bottom a{
    color:#1769ff;
    font-weight:800;
}

.profile-portfolio-image{
    display:block;
    aspect-ratio:16/10;
    background:#eef4ff;
    overflow:hidden;
}

.profile-portfolio-body{
    padding:16px;
}

.profile-portfolio-body>span{
    display:inline-flex;
    border-radius:999px;
    background:#eef4ff;
    color:#1769ff;
    padding:6px 10px;
    font-size:12px;
    font-weight:700;
}

.profile-review-list{
    display:grid;
    gap:14px;
}

.profile-review-card{
    border:1px solid #e7ebf6;
    border-radius:20px;
    padding:18px;
    background:#fbfcff;
}

.profile-review-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-bottom:10px;
}

.profile-review-head b{
    color:#07143d;
}

.profile-review-head span{
    color:#f59e0b;
    letter-spacing:1px;
}

.profile-review-card p{
    color:#536177;
    line-height:1.6;
    margin:0 0 9px;
}

.profile-review-card small{
    color:#8a95a8;
}

.freelancer-public-side{
    position:sticky;
    top:86px;
    display:flex;
    flex-direction:column;
    gap:16px;
}

.freelancer-side-card{
    padding:22px;
}

.freelancer-side-card h3{
    color:#07143d;
    font-size:22px;
    margin-bottom:16px;
}

.side-stat-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-bottom:18px;
}

.side-stat-grid div{
    border-radius:18px;
    background:#f6f8ff;
    padding:14px;
}

.side-stat-grid b{
    display:block;
    color:#07143d;
    font-size:22px;
}

.side-stat-grid span{
    color:#6c7891;
    font-size:12px;
}

.freelancer-side-card .btn{
    width:100%;
    margin-top:10px;
}

.freelancer-safe-box{
    padding:18px;
}

.freelancer-safe-box b{
    color:#07143d;
    display:block;
    margin-bottom:8px;
}

.freelancer-safe-box p{
    color:#617089;
    line-height:1.5;
    margin:0;
}

.service-owner-link{
    transition:.2s;
}

.service-owner-link:hover{
    transform:translateY(-1px);
}

@media(max-width:980px){
    .freelancer-public-head{
        grid-template-columns:96px minmax(0,1fr);
        align-items:end;
    }

    .freelancer-public-avatar{
        width:96px;
        height:96px;
        border-radius:26px;
        font-size:36px;
    }

    .freelancer-public-title{
        padding-top:54px;
    }

    .freelancer-public-title h1{
        font-size:28px;
    }

    .freelancer-public-cta{
        grid-column:1/-1;
        flex-direction:row;
        min-width:0;
    }

    .freelancer-public-layout{
        grid-template-columns:1fr;
    }

    .freelancer-public-side{
        position:static;
    }
}

@media(max-width:720px){
    .freelancer-cover{
        height:170px;
    }

    .freelancer-public-head{
        grid-template-columns:1fr;
        margin-top:-50px;
        padding:0 18px 20px;
    }

    .freelancer-public-title{
        padding-top:0;
    }

    .freelancer-public-cta{
        flex-direction:column;
    }

    .freelancer-public-cta .btn{
        width:100%;
    }

    .profile-service-grid,
    .profile-portfolio-grid{
        grid-template-columns:1fr;
    }

    .freelancer-section{
        padding:18px;
    }

    .section-title-row{
        flex-direction:column;
    }
}


/* FREELIUM V56 — PUBLIC CUSTOMER PROFILE */
.customer-public-page{
    padding:28px 0 48px;
}

.customer-public-hero{
    position:relative;
    background:#fff;
    border:1px solid #dfe8ff;
    border-radius:30px;
    overflow:hidden;
    box-shadow:0 18px 48px rgba(15,31,77,.10);
    margin-bottom:24px;
}

.customer-public-cover{
    min-height:210px;
    background:
        radial-gradient(circle at 18% 12%,rgba(22,199,255,.20),transparent 28%),
        radial-gradient(circle at 82% 16%,rgba(112,69,255,.24),transparent 30%),
        linear-gradient(135deg,#1769ff,#7045ff);
    background-size:cover;
    background-position:center;
    position:relative;
}

.customer-public-cover-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(7,20,61,.05),rgba(7,20,61,.35));
}

.customer-public-head{
    display:grid;
    grid-template-columns:132px minmax(0,1fr) auto;
    gap:22px;
    align-items:end;
    padding:0 28px 28px;
    margin-top:-62px;
    position:relative;
    z-index:2;
}

.customer-public-avatar{
    width:132px;
    height:132px;
    border-radius:32px;
    border:6px solid #fff;
    background:linear-gradient(135deg,#eef4ff,#fff);
    box-shadow:0 18px 40px rgba(15,31,77,.18);
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#1769ff;
    font-size:44px;
    font-weight:800;
}

.customer-public-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.customer-public-title h1{
    color:#07143d;
    font-size:38px;
    line-height:1.08;
    margin:8px 0 10px;
}

.customer-public-title p{
    max-width:760px;
    color:#5d6a82;
    line-height:1.55;
}

.profile-badges-row{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}

.customer-pill{
    display:inline-flex;
    align-items:center;
    border-radius:999px;
    padding:7px 12px;
    background:#eef4ff;
    color:#1769ff;
    font-size:12px;
    font-weight:800;
}

.customer-public-meta{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    margin-top:14px;
}

.customer-public-meta span{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:0 12px;
    border-radius:999px;
    background:#f5f7ff;
    color:#43536f;
    font-size:13px;
    font-weight:700;
}

.customer-public-cta{
    display:flex;
    flex-direction:column;
    gap:10px;
    min-width:190px;
}

.customer-public-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 330px;
    gap:24px;
}

.customer-project-list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}

.customer-project-card{
    border:1px solid #dfe8ff;
    background:#fff;
    border-radius:22px;
    padding:18px;
    box-shadow:0 12px 30px rgba(15,31,77,.06);
}

.customer-project-card h3{
    margin:10px 0 8px;
    color:#07143d;
    font-size:20px;
    line-height:1.18;
}

.customer-project-card h3 a:hover{
    color:#1769ff;
}

.customer-project-card p{
    color:#5d6a82;
    line-height:1.5;
    margin-bottom:14px;
}

.customer-side-stats{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    margin:16px 0;
}

.customer-side-stats div{
    border-radius:16px;
    background:#f5f7ff;
    padding:12px 8px;
    text-align:center;
}

.customer-side-stats b{
    display:block;
    color:#07143d;
    font-size:20px;
}

.customer-side-stats span{
    display:block;
    color:#6c7891;
    font-size:11px;
    margin-top:2px;
}

.profile-inline-link,
.service-owner-link{
    transition:.2s;
}

.profile-inline-link:hover,
.service-owner-link:hover{
    transform:translateY(-1px);
}

.response-counterparty-line{
    margin-top:6px !important;
    color:#65738c !important;
    font-size:13px;
}

.response-counterparty-line a,
.order-card-main p a{
    color:#1769ff;
    font-weight:700;
}

.deal-counterparties-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    margin:18px 0;
}

.deal-counterparty-card{
    display:grid;
    grid-template-columns:58px minmax(0,1fr);
    gap:14px;
    align-items:center;
    border:1px solid #dfe8ff;
    background:#fff;
    border-radius:22px;
    padding:16px;
    box-shadow:0 12px 30px rgba(15,31,77,.06);
    transition:.2s;
}

.deal-counterparty-card:hover{
    transform:translateY(-2px);
    box-shadow:0 16px 36px rgba(15,31,77,.10);
}

.deal-counterparty-card img,
.deal-counterparty-card > span{
    width:58px;
    height:58px;
    border-radius:18px;
    object-fit:cover;
    background:#eef4ff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
}

.deal-counterparty-card small{
    display:block;
    color:#6c7891;
    font-size:12px;
    margin-bottom:2px;
}

.deal-counterparty-card b{
    display:block;
    color:#07143d;
    font-size:17px;
}

.deal-counterparty-card em{
    display:block;
    color:#6c7891;
    font-size:12px;
    font-style:normal;
    margin-top:3px;
}

@media(max-width:920px){
    .customer-public-head{
        grid-template-columns:1fr;
        align-items:start;
    }

    .customer-public-cta{
        width:100%;
    }

    .customer-public-layout{
        grid-template-columns:1fr;
    }

    .customer-project-list,
    .deal-counterparties-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:560px){
    .customer-public-head{
        padding:0 18px 22px;
    }

    .customer-public-title h1{
        font-size:30px;
    }

    .customer-public-avatar{
        width:112px;
        height:112px;
        border-radius:26px;
        font-size:36px;
    }
}

/* FREELIUM V56 HOTFIX - CUSTOMER HERO TITLE AND HEADER CATALOG LINK */
.customer-public-head{
    margin-top:-36px !important;
    align-items:start !important;
}

.customer-public-title{
    padding-top:46px !important;
}

.customer-public-cta{
    padding-top:54px !important;
    align-self:start !important;
}

@media(max-width:920px){
    .customer-public-head{
        margin-top:-44px !important;
    }

    .customer-public-title,
    .customer-public-cta{
        padding-top:0 !important;
    }
}

/* FREELIUM V56 HOTFIX - CATALOG FREELANCER AVATAR */
.catalog-freelancer-link{
    transition:.2s;
}

.catalog-freelancer-link:hover{
    transform:translateY(-1px);
}

.catalog-freelancer .mini-profile-avatar,
.catalog-freelancer .mini-profile-initial{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    border-radius:14px !important;
    object-fit:cover !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:linear-gradient(135deg,#1769ff,#7045ff) !important;
    color:#fff !important;
    font-size:18px !important;
    font-weight:800 !important;
    overflow:hidden !important;
}

.catalog-freelancer .mini-profile-avatar{
    padding:0 !important;
}

/* FREELIUM V57 - FAVORITES */
.favorite-mini-form{
    margin-left:auto;
}

.favorite-mini-btn{
    width:34px;
    height:34px;
    border-radius:999px;
    border:1px solid #dbe5ff;
    background:#fff;
    color:#7045ff;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    font-weight:800;
    cursor:pointer;
    box-shadow:0 8px 18px rgba(15,31,77,.08);
    transition:.2s;
}

.favorite-mini-btn:hover{
    transform:translateY(-1px);
    background:#f0edff;
}

.favorite-side-form{
    width:100%;
}

.favorite-side-form .btn{
    width:100%;
}

.favorites-page .dashboard-topline{
    align-items:center;
}

.favorites-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

.favorite-card{
    border:1px solid #dfe8ff;
    background:#fff;
    border-radius:24px;
    padding:18px;
    box-shadow:0 16px 38px rgba(15,31,77,.08);
}

.favorite-card-main{
    display:grid;
    grid-template-columns:76px minmax(0,1fr);
    gap:16px;
    align-items:center;
}

.favorite-card-image{
    width:76px;
    height:76px;
    border-radius:22px;
    background:#eef4ff;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    font-size:30px;
}

.favorite-card-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.favorite-type{
    display:inline-flex;
    align-items:center;
    min-height:26px;
    border-radius:999px;
    background:#eef4ff;
    color:#1769ff;
    padding:0 10px;
    font-size:12px;
    font-weight:800;
    margin-bottom:8px;
}

.favorite-card h2{
    color:#07143d;
    font-size:20px;
    line-height:1.16;
    margin:0 0 6px;
}

.favorite-card p{
    color:#43536f;
    margin:0 0 4px;
    font-weight:700;
}

.favorite-card small{
    color:#6c7891;
}

.favorite-card-actions{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:16px;
}

.favorite-card-actions .btn,
.favorite-card-actions form{
    flex:1;
}

.favorite-card-actions form .btn{
    width:100%;
}

.favorites-empty-actions{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    margin-top:18px;
}

@media(max-width:860px){
    .favorites-grid{
        grid-template-columns:1fr;
    }

    .favorite-card-actions{
        flex-direction:column;
        align-items:stretch;
    }
}

/* FREELIUM V58 - MESSAGE CENTER */
.message-thread-list{
    display:flex;
    flex-direction:column;
    gap:16px;
}

.message-thread-card{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:18px;
    align-items:center;
    background:#fff;
    border:1px solid #dfe8ff;
    border-radius:24px;
    padding:18px;
    box-shadow:0 16px 38px rgba(15,31,77,.08);
}

.message-thread-card.has-unread{
    border-color:#b9c9ff;
    box-shadow:0 18px 42px rgba(37,99,255,.14);
}

.message-thread-main{
    display:grid;
    grid-template-columns:64px minmax(0,1fr);
    gap:16px;
    align-items:center;
    min-width:0;
}

.message-thread-avatar{
    width:64px;
    height:64px;
    border-radius:20px;
    background:linear-gradient(135deg,#1769ff,#7045ff);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    font-size:24px;
    font-weight:800;
}

.message-thread-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.message-thread-body{
    min-width:0;
}

.message-thread-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin-bottom:6px;
}

.message-thread-top span{
    display:inline-flex;
    align-items:center;
    min-height:24px;
    border-radius:999px;
    background:#eef4ff;
    color:#1769ff;
    padding:0 9px;
    font-size:11px;
    font-weight:800;
}

.message-thread-top h2{
    margin-top:6px;
    color:#07143d;
    font-size:20px;
    line-height:1.15;
}

.message-thread-top small{
    color:#6c7891;
    white-space:nowrap;
}

.message-thread-body h3{
    color:#07143d;
    font-size:16px;
    margin:6px 0;
}

.message-thread-body p{
    color:#5d6a82;
    line-height:1.45;
    margin:0;
}

.message-thread-meta{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    margin-top:12px;
}

.message-thread-meta span{
    border-radius:999px;
    background:#f5f7ff;
    color:#536177;
    padding:6px 10px;
    font-size:12px;
    font-weight:700;
}

.message-thread-side{
    display:flex;
    align-items:center;
    gap:12px;
}

.message-unread-badge{
    min-width:30px;
    height:30px;
    border-radius:999px;
    background:linear-gradient(135deg,#1769ff,#7045ff);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 9px;
    font-weight:800;
    box-shadow:0 8px 20px rgba(37,99,255,.25);
}

@media(max-width:760px){
    .message-thread-card{
        grid-template-columns:1fr;
    }

    .message-thread-side{
        align-items:stretch;
        flex-direction:column;
    }

    .message-thread-side .btn{
        width:100%;
    }

    .message-thread-top{
        flex-direction:column;
    }
}

/* FREELIUM V59 - FREELANCERS CATALOG */
.freelancers-catalog-hero .catalog-filter,
.freelancers-filter{
    grid-template-columns:minmax(220px,1.4fr) repeat(5,minmax(130px,1fr)) 110px;
}

.freelancers-catalog-page{
    padding:30px 0 52px;
}

.freelancers-catalog-summary{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:18px;
    margin-bottom:18px;
}

.freelancers-catalog-summary h2{
    color:#07143d;
    font-size:36px;
    line-height:1;
    margin-top:8px;
}

.freelancers-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
}

.freelancer-card{
    background:#fff;
    border:1px solid #dfe8ff;
    border-radius:26px;
    padding:20px;
    box-shadow:0 16px 38px rgba(15,31,77,.08);
    display:flex;
    flex-direction:column;
    min-height:100%;
}

.freelancer-card-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    margin-bottom:16px;
}

.freelancer-card-avatar{
    width:86px;
    height:86px;
    border-radius:26px;
    background:linear-gradient(135deg,#1769ff,#7045ff);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    font-size:34px;
    font-weight:800;
    box-shadow:0 14px 30px rgba(37,99,255,.18);
    flex:0 0 86px;
}

.freelancer-card-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.freelancer-card-statuses{
    display:flex;
    justify-content:flex-end;
    align-items:flex-start;
    gap:7px;
    flex-wrap:wrap;
}

.freelancer-card-body{
    flex:1;
}

.freelancer-card-body h2{
    color:#07143d;
    font-size:22px;
    line-height:1.15;
    margin:0 0 6px;
}

.freelancer-card-body h2 a:hover{
    color:#1769ff;
}

.freelancer-card-body p{
    color:#536177;
    margin:0 0 12px;
    line-height:1.45;
}

.freelancer-card-meta{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    margin-bottom:14px;
}

.freelancer-card-meta span{
    display:inline-flex;
    align-items:center;
    border-radius:999px;
    background:#f5f7ff;
    color:#536177;
    min-height:30px;
    padding:0 10px;
    font-size:12px;
    font-weight:700;
}

.freelancer-card-stats{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    margin:14px 0;
}

.freelancer-card-stats div{
    border-radius:16px;
    background:#f7f9ff;
    border:1px solid #e7edff;
    padding:10px 8px;
    text-align:center;
}

.freelancer-card-stats b{
    display:block;
    color:#07143d;
    font-size:20px;
    line-height:1;
}

.freelancer-card-stats span{
    display:block;
    color:#6c7891;
    font-size:11px;
    margin-top:4px;
}

.freelancer-card-skills{
    display:flex;
    align-items:center;
    gap:7px;
    flex-wrap:wrap;
    margin-top:12px;
}

.freelancer-card-skills span{
    display:inline-flex;
    align-items:center;
    border-radius:999px;
    background:#eef4ff;
    color:#1769ff;
    min-height:28px;
    padding:0 10px;
    font-size:12px;
    font-weight:700;
}

.freelancer-card-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-top:18px;
}

.freelancer-card-actions form,
.freelancer-card-actions form .btn{
    width:100%;
}

.availability-pill{
    display:inline-flex;
    align-items:center;
    min-height:30px;
    border-radius:999px;
    padding:0 11px;
    font-size:12px;
    font-weight:800;
}

.availability-free{
    color:#118a4f;
    background:#e9fbf1;
}

.availability-busy{
    color:#9f5a00;
    background:#fff5de;
}

@media(max-width:1180px){
    .freelancers-catalog-hero .catalog-filter,
    .freelancers-filter{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .freelancers-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:720px){
    .freelancers-catalog-hero .catalog-filter,
    .freelancers-filter,
    .freelancers-grid{
        grid-template-columns:1fr;
    }

    .freelancers-catalog-summary{
        flex-direction:column;
        align-items:flex-start;
    }

    .freelancer-card-actions{
        grid-template-columns:1fr;
    }
}

/* FREELIUM V59 HOTFIX V2 - HOME REAL FREELANCERS */
.content-grid .freelancers-panel .home-freelancers-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:12px !important;
}

.content-grid .freelancers-panel .home-freelancer-card{
    display:flex !important;
    flex-direction:column !important;
    min-height:0 !important;
    padding:0 !important;
    background:#fff !important;
    border:1px solid #e4ebfb !important;
    border-radius:16px !important;
    overflow:hidden !important;
    box-shadow:none !important;
    color:#07143d !important;
    transition:.2s !important;
}

.content-grid .freelancers-panel .home-freelancer-card:hover{
    transform:translateY(-2px) !important;
    box-shadow:0 12px 26px rgba(15,31,77,.10) !important;
}

.content-grid .freelancers-panel .home-freelancer-photo{
    width:100% !important;
    height:112px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    background:linear-gradient(135deg,#1769ff,#7045ff) !important;
    color:#fff !important;
    font-size:34px !important;
    font-weight:800 !important;
}

.content-grid .freelancers-panel .home-freelancer-photo img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
}

.content-grid .freelancers-panel .home-freelancer-info{
    padding:9px 10px 11px !important;
    display:flex !important;
    flex-direction:column !important;
    gap:2px !important;
}

.content-grid .freelancers-panel .home-freelancer-info b{
    color:#07143d !important;
    font-size:14px !important;
    line-height:1.15 !important;
}

.content-grid .freelancers-panel .home-freelancer-info span{
    color:#65738c !important;
    font-size:11px !important;
    line-height:1.2 !important;
    min-height:14px !important;
}

.content-grid .freelancers-panel .home-freelancer-info em{
    color:#536177 !important;
    font-size:10px !important;
    line-height:1.2 !important;
    font-style:normal !important;
}

.content-grid .freelancers-panel .home-freelancer-info strong{
    color:#07143d !important;
    font-size:12px !important;
    line-height:1.2 !important;
    margin-top:2px !important;
}

.home-freelancers-empty{
    grid-column:1/-1;
    border:1px dashed #cbd7ff;
    border-radius:18px;
    padding:22px;
    background:#f8faff;
    color:#536177;
}

.home-freelancers-empty b{
    display:block;
    color:#07143d;
    margin-bottom:6px;
}

@media(max-width:980px){
    .content-grid .freelancers-panel .home-freelancers-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

@media(max-width:520px){
    .content-grid .freelancers-panel .home-freelancers-grid{
        grid-template-columns:1fr !important;
    }
}

/* FREELIUM V60.1 - CATEGORIES PAGE ONLY */
.categories-index-page{
    padding:30px 0 54px;
}
.categories-index-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}
.category-index-card{
    display:grid;
    grid-template-columns:58px minmax(0,1fr) auto;
    gap:14px;
    align-items:center;
    background:#fff;
    border:1px solid #dfe8ff;
    border-radius:22px;
    padding:16px;
    box-shadow:0 14px 34px rgba(15,31,77,.07);
}
.category-index-icon{
    width:58px;
    height:58px;
    border-radius:18px;
    background:linear-gradient(135deg,#1769ff,#7045ff);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    font-weight:800;
}
.category-index-card h2{
    color:#07143d;
    font-size:18px;
    line-height:1.16;
    margin:0 0 5px;
}
.category-index-card p{
    color:#6c7891;
    font-size:13px;
    margin:0;
}
.category-index-card > span{
    color:#1769ff;
    font-size:13px;
    font-weight:800;
    white-space:nowrap;
}
@media(max-width:980px){
    .categories-index-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media(max-width:620px){
    .categories-index-grid{
        grid-template-columns:1fr;
    }
}

/* FREELIUM V60.9 - CATEGORY SHOW PAGE */
.category-show-actions{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    margin-top:22px;
}

.category-show-page{
    padding:32px 0 56px;
}

.category-show-stats{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    margin-bottom:22px;
}

.category-show-stats div{
    background:#fff;
    border:1px solid #dfe8ff;
    border-radius:20px;
    padding:18px;
    box-shadow:0 14px 34px rgba(15,31,77,.07);
}

.category-show-stats b{
    display:block;
    color:#07143d;
    font-size:28px;
    line-height:1;
}

.category-show-stats span{
    display:block;
    color:#65738c;
    font-size:13px;
    margin-top:6px;
}

.category-show-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px;
}

.category-show-block{
    background:#fff;
    border:1px solid #dfe8ff;
    border-radius:24px;
    padding:20px;
    box-shadow:0 14px 34px rgba(15,31,77,.07);
}

.category-list{
    display:grid;
    gap:10px;
    margin-top:14px;
}

.category-item-card{
    display:flex;
    justify-content:space-between;
    gap:14px;
    align-items:center;
    padding:14px;
    border:1px solid #edf2ff;
    border-radius:16px;
    background:#f9fbff;
}

.category-item-card b{
    color:#07143d;
    font-size:15px;
    line-height:1.25;
}

.category-item-card span{
    color:#65738c;
    font-size:13px;
    white-space:nowrap;
}

.category-empty{
    border:1px dashed #cbd7ff;
    background:#f8faff;
    border-radius:16px;
    padding:18px;
    color:#65738c;
}

@media(max-width:900px){
    .category-show-grid,
    .category-show-stats{
        grid-template-columns:1fr;
    }
}

/* FREELIUM V61.1 - PROJECTS SEARCH UI */
.projects-active-filters{
    margin-top:14px;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    color:#536177;
    font-size:14px;
}

.projects-active-filters b{
    color:#07143d;
}

.projects-active-filters span{
    display:inline-flex;
    align-items:center;
    min-height:32px;
    padding:7px 12px;
    border-radius:999px;
    background:#eef4ff;
    color:#07143d;
    border:1px solid #dbe7ff;
}

.projects-active-filters a{
    display:inline-flex;
    align-items:center;
    min-height:32px;
    padding:7px 12px;
    border-radius:999px;
    background:#fff;
    color:#1769ff;
    border:1px solid #cfe0ff;
    font-weight:700;
}

.projects-result-count{
    margin:0 0 16px;
    color:#536177;
    font-size:15px;
    font-weight:700;
}

/* FREELIUM V63 - SERVICES SEARCH UI */
.catalog-active-filters{
    margin-top:14px;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    color:#536177;
    font-size:14px;
}

.catalog-active-filters b{
    color:#07143d;
}

.catalog-active-filters span{
    display:inline-flex;
    align-items:center;
    min-height:32px;
    padding:7px 12px;
    border-radius:999px;
    background:#eef4ff;
    color:#07143d;
    border:1px solid #dbe7ff;
}

.catalog-active-filters a{
    display:inline-flex;
    align-items:center;
    min-height:32px;
    padding:7px 12px;
    border-radius:999px;
    background:#fff;
    color:#1769ff;
    border:1px solid #cfe0ff;
    font-weight:700;
}

.catalog-result-count{
    margin:0 0 16px;
    color:#536177;
    font-size:15px;
    font-weight:700;
}

/* FREELIUM V64 - SERVICE ORDER */
.service-order-page{
    padding:32px 0 56px;
}

.service-order-layout{
    display:grid;
    grid-template-columns:360px minmax(0,1fr);
    gap:24px;
    align-items:start;
}

.service-order-summary,
.service-order-form,
.service-order-cta-card{
    background:#fff;
    border:1px solid #dfe8ff;
    border-radius:24px;
    padding:22px;
    box-shadow:0 14px 34px rgba(15,31,77,.07);
}

.service-order-summary h2{
    color:#07143d;
    font-size:24px;
    line-height:1.2;
    margin:0 0 8px;
}

.service-order-summary p{
    color:#65738c;
    margin:0 0 16px;
}

.service-order-price{
    color:#07143d;
    font-size:22px;
    font-weight:800;
    margin-bottom:16px;
}

.service-order-form{
    display:grid;
    gap:16px;
}

.service-order-form label{
    display:grid;
    gap:7px;
}

.service-order-form span{
    color:#07143d;
    font-weight:700;
}

.service-order-form input,
.service-order-form textarea{
    width:100%;
    border:1px solid #d9e2f7;
    border-radius:14px;
    padding:12px 14px;
    color:#263552;
    background:#fff;
    outline:0;
}

.service-order-cta-block{
    padding:18px 0 44px;
}

.service-order-cta-card{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}

.service-order-cta-card h2{
    color:#07143d;
    margin:0 0 6px;
}

.service-order-cta-card p{
    color:#65738c;
    margin:0;
}

.service-order-actions{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    margin-top:22px;
}

@media(max-width:900px){
    .service-order-layout{
        grid-template-columns:1fr;
    }

    .service-order-cta-card{
        align-items:flex-start;
        flex-direction:column;
    }
}

/* FREELIUM V65 - FINANCE CENTER */
.finance-summary-grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:14px;
    margin:20px 0;
}

.finance-summary-card{
    background:#fff;
    border:1px solid #dfe8ff;
    border-radius:20px;
    padding:18px;
    box-shadow:0 14px 34px rgba(15,31,77,.07);
}

.finance-summary-card span{
    display:block;
    color:#65738c;
    font-size:13px;
    margin-bottom:8px;
}

.finance-summary-card b{
    color:#07143d;
    font-size:22px;
    line-height:1.1;
}

.finance-table-card{
    background:#fff;
    border:1px solid #dfe8ff;
    border-radius:24px;
    padding:20px;
    box-shadow:0 14px 34px rgba(15,31,77,.07);
}

.finance-table{
    display:grid;
    gap:8px;
}

.finance-table-row{
    display:grid;
    grid-template-columns:130px 1.4fr 150px 120px 120px;
    gap:12px;
    align-items:center;
    padding:12px;
    border:1px solid #edf2ff;
    border-radius:14px;
    background:#f9fbff;
    color:#536177;
    font-size:13px;
}

.finance-table-head{
    background:#eef4ff;
    color:#07143d;
    font-weight:800;
}

.finance-table-row b{
    color:#07143d;
    text-align:right;
}

.finance-empty{
    padding:20px;
    border:1px dashed #cbd7ff;
    border-radius:16px;
    color:#65738c;
    background:#f8faff;
}

@media(max-width:1100px){
    .finance-summary-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .finance-table-row{
        grid-template-columns:1fr;
    }

    .finance-table-row b{
        text-align:left;
    }
}

/* FREELIUM V66 - ORDER DECISION */
.order-decision-panel{
    background:#fff;
    border:1px solid #dfe8ff;
    border-radius:24px;
    padding:20px;
    margin:20px 0;
    box-shadow:0 14px 34px rgba(15,31,77,.07);
}

.order-decision-panel span{
    display:block;
    color:#65738c;
    font-size:13px;
    margin-bottom:6px;
}

.order-decision-panel b{
    display:block;
    color:#07143d;
    font-size:22px;
    line-height:1.2;
}

.order-decision-actions{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
    margin-top:16px;
}

.order-reject-form{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.order-reject-form input{
    min-width:260px;
    border:1px solid #d9e2f7;
    border-radius:14px;
    padding:11px 13px;
    color:#263552;
}

@media(max-width:700px){
    .order-reject-form,
    .order-reject-form input{
        width:100%;
    }
}

/* FREELIUM V66 FIX - DECISION PANEL IN DETAILS */
.deal-details-card .order-decision-panel,
.dashboard-order-details .order-decision-panel,
.order-details-card .order-decision-panel{
    margin:18px 0 0;
    box-shadow:none;
    background:#f9fbff;
}

.deal-details-card .order-decision-panel b,
.dashboard-order-details .order-decision-panel b,
.order-details-card .order-decision-panel b{
    font-size:20px;
}

.deal-details-card .order-decision-actions,
.dashboard-order-details .order-decision-actions,
.order-details-card .order-decision-actions{
    align-items:stretch;
}

/* FREELIUM V66 - ACTIVITY DOT AND PAYMENT IN DETAILS */
.orders-activity-dot{
    background:#18a8ff !important;
    box-shadow:0 0 0 4px rgba(24,168,255,.14);
}

.order-payment-target{
    margin:18px 0 0;
}

.order-payment-target:empty{
    display:none;
}

.order-payment-moved-card{
    border:1px solid #dfe8ff;
    border-radius:20px;
    background:#f9fbff;
    padding:14px;
}

.order-payment-moved-card form{
    margin:0;
}

.order-payment-moved-card .btn,
.order-payment-moved-card button{
    width:100%;
}

/* FREELIUM V66 FIX - ORDERS ACTIVITY DOT */
.orders-activity-dot{
    display:inline-block !important;
    width:10px !important;
    height:10px !important;
    min-width:10px !important;
    border-radius:999px !important;
    background:#18a8ff !important;
    margin-left:8px !important;
    vertical-align:middle !important;
    box-shadow:0 0 0 4px rgba(24,168,255,.16) !important;
}

/* FREELIUM V87: primary buttons inside public information cards keep white text. */
.static-card .btn-primary,
.faq-card .btn-primary,
.help-card .btn-primary {
    color:#fff !important;
}

/* FREELIUM V88 SOCIAL AUTH */
.social-auth-block{margin:0 0 22px;padding:18px;border:1px solid #dbe5ff;border-radius:20px;background:linear-gradient(180deg,#fbfdff,#f4f7ff)}
.social-auth-title{margin:0 0 12px;color:#061b49;font-size:15px;font-weight:900;text-align:center}
.social-auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.social-auth-button{min-height:52px;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px;border-radius:15px;text-decoration:none;font-size:14px;font-weight:900;transition:transform .18s ease,box-shadow .18s ease}
.social-auth-button:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(24,58,125,.13)}
.social-auth-yandex{background:#fff;color:#111;border:1px solid #d9dce5}
.social-auth-vk{background:#07f;color:#fff;border:1px solid #07f}
.social-auth-logo{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;flex:0 0 auto;font-weight:1000;line-height:1}
.social-auth-logo-yandex{background:#fc3f1d;color:#fff;font-family:Arial,sans-serif;font-size:18px}
.social-auth-logo-vk{width:34px;border-radius:9px;background:rgba(255,255,255,.18);color:#fff;font-family:Arial,sans-serif;font-size:12px}
.social-auth-note{margin-top:10px;color:#71809f;font-size:12px;line-height:1.45;text-align:center}
.social-auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:#8a97b3;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.social-auth-divider:before,.social-auth-divider:after{content:"";height:1px;background:#dbe5ff;flex:1}
.social-auth-field-note{display:block;margin-top:6px;color:#71809f;font-size:12px;line-height:1.4}
.social-role-fixed{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 18px;padding:14px 16px;border:1px solid #dbe5ff;border-radius:16px;background:#f6f8ff;color:#657497}
.social-role-fixed b{color:#2452ff;font-size:16px}
.social-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.social-role-option{display:flex;align-items:flex-start;gap:10px;padding:14px;border:1px solid #dbe5ff;border-radius:16px;background:#fff;cursor:pointer}
.social-role-option:has(input:checked){border-color:#3d68ff;box-shadow:0 0 0 3px rgba(61,104,255,.11);background:#f7f9ff}
.social-role-option input{width:18px;height:18px;margin-top:2px;flex:0 0 auto}
.social-role-option span{display:flex;flex-direction:column;gap:3px}
.social-role-option b{color:#061b49;font-size:15px}
.social-role-option small{color:#71809f;font-size:12px;line-height:1.35}
@media(max-width:680px){.social-auth-grid,.social-role-grid{grid-template-columns:1fr}.social-auth-button{justify-content:flex-start}.social-role-fixed{align-items:flex-start;flex-direction:column}}
