@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{--bg:#f7f7fc;--surface:#fff;--surface-2:#f1f0ff;--ink:#171725;--text:#29293a;--muted:#77778a;--primary:#635bff;--primary-dark:#5048e8;--purple:#8b5cf6;--blue:#3b82f6;--line:#e7e7ef;--green:#22c55e;--yellow:#f59e0b;--radius:18px;--shadow:0 12px 35px #28235a12;--shadow-hover:0 22px 55px #28235a21}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:DM Sans,sans-serif;line-height:1.55;overflow-x:hidden}h1,h2,h3,b,strong,.brand{font-family:Manrope,sans-serif}h1,h2,h3,p{margin-top:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.container{width:min(1160px,100% - 40px);margin:auto}.navbar{-webkit-backdrop-filter:blur(18px);z-index:100;background:#ffffffe0;border-bottom:1px solid #e1e1ebcc;align-items:center;gap:42px;height:76px;padding:0 max(20px,50% - 580px);display:flex;position:sticky;top:0}.brand{white-space:nowrap;align-items:center;gap:10px;font-size:19px;font-weight:800;display:flex}.brand>span:last-child>span{color:var(--primary)}.brand-mark{color:#fff;background:linear-gradient(135deg, var(--primary), var(--purple));border-radius:11px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 8px 20px #635bff40}.nav-links{color:var(--muted);flex:1;align-items:center;gap:28px;font-size:14px;display:flex}.nav-links a{transition:all .2s;position:relative}.nav-links a:hover,.nav-links .active{color:var(--ink)}.nav-links .active{font-weight:700}.nav-links .active:after{content:"";background:var(--primary);border-radius:10px;height:2px;position:absolute;bottom:-28px;left:0;right:0}.nav-actions{gap:8px;display:flex}.btn{cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;min-height:42px;padding:10px 18px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(135deg, var(--primary), var(--purple));box-shadow:0 9px 22px #635bff38}.btn-primary:hover{background:linear-gradient(135deg, var(--primary-dark), #7548df);box-shadow:0 13px 28px #635bff4d}.btn-ghost{color:var(--text);background:0 0}.btn-ghost:hover{background:#f2f2f8}.btn-dark{background:var(--ink);color:#fff}.btn-outline{border:1px solid var(--line);background:#fff}.btn-full{width:100%;margin-top:10px}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:45px;min-height:620px;display:grid;position:relative}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#635bff1a,#0000 70%);width:450px;height:450px;position:absolute;top:-100px;left:-250px}.eyebrow,.section-kicker{letter-spacing:.13em;text-transform:uppercase;color:#77778b;font-size:10px;font-weight:800}.eyebrow{align-items:center;gap:9px;margin-bottom:20px;display:flex}.dot{background:var(--primary);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #635bff1a}.hero h1{letter-spacing:-.055em;color:var(--ink);margin-bottom:24px;font-size:clamp(46px,6vw,76px);line-height:1.01}.hero h1 em{background:linear-gradient(90deg, var(--primary), var(--purple), var(--blue));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-copy>p{max-width:550px;color:var(--muted);margin-bottom:0;font-size:16px}.hero-search,.browse-search{border:1px solid var(--line);height:58px;box-shadow:var(--shadow);background:#fff;border-radius:14px;align-items:center;max-width:600px;margin-top:28px;padding:5px;display:flex}.hero-search>span,.browse-search>span{color:#99a;padding:0 13px;font-size:25px}.hero-search input,.browse-search input{min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1}.hero-search button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:10px;height:48px;padding:0 22px;font-weight:700;transition:all .2s}.hero-search button:hover{background:var(--primary)}.popular{color:#8b8b9a;margin-top:14px;font-size:12px}.popular span{margin-right:7px}.popular a{color:var(--primary);border-bottom:1px dashed #635bff66;margin-right:13px;font-weight:600}.hero-art{place-items:center;height:460px;display:grid;position:relative}.hero-orb{background:linear-gradient(135deg,#dedcff,#bfc8ff);border-radius:50%;place-items:center;width:335px;height:335px;display:grid;position:relative;transform:rotate(-8deg);box-shadow:0 35px 80px #5b54dc38}.hero-orb:before{content:"";border:1px solid #ffffffb3;border-radius:50%;position:absolute;inset:18px}.orb-letter{letter-spacing:-.15em;color:var(--ink);font:800 190px/1 Manrope;transform:translate(-13px)}.orb-label{letter-spacing:.12em;color:var(--primary);font:800 11px/1.15 Manrope;position:absolute;bottom:72px;right:35px}.floating-card{border:1px solid var(--line);z-index:2;background:#fffffff2;border-radius:15px;align-items:center;gap:10px;padding:12px;font-size:12px;display:flex;position:absolute;box-shadow:0 18px 40px #231e501c}.floating-card small{color:#8a8a99;margin-top:2px;font-size:10px;display:block}.floating-card strong{color:var(--primary);margin-left:12px}.fc-top{top:58px;left:0}.fc-bottom{bottom:55px;right:0}.avatar{border-radius:50%;flex:none;place-items:center;width:35px;height:35px;font-size:11px;font-weight:800;display:grid}.avatar-blue{color:#3564bd;background:#dce8ff}.avatar-purple{color:#7251b3;background:#e8ddff}.avatar-orange{color:#aa632d;background:#ffe0c7}.avatar-green{color:#4f8a37;background:#dcf4d1}.mini-check{width:32px;height:32px;color:var(--green);background:#dcfce7;border-radius:9px;place-items:center;font-weight:800;display:grid}.status{color:#2e9b51;background:#e9f9ef;border-radius:6px;margin-left:8px;padding:4px 7px;font-size:10px}.section{padding:85px 0}.soft-section{background:linear-gradient(#f1f0ff,#f8f8fc)}.section-head{justify-content:space-between;align-items:end;margin-bottom:28px;display:flex}.section-head h2,.how h2,.cta h2{letter-spacing:-.035em;color:var(--ink);margin:5px 0 0;font-size:32px}.text-link{color:var(--primary);font-size:13px;font-weight:700}.category-grid{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.category-card{border:1px solid var(--line);background:#fff;border-radius:17px;padding:21px 16px;transition:transform .25s,box-shadow .25s,border-color .25s}.category-card:hover{box-shadow:var(--shadow-hover);border-color:#d6d3ff;transform:translateY(-5px)}.cat-icon{width:42px;height:42px;color:var(--primary);background:linear-gradient(135deg,#eeecff,#e2e0ff);border-radius:12px;place-items:center;margin-bottom:17px;font-weight:800;display:grid}.category-card b{margin-bottom:3px;font-size:13px;display:block}.category-card small{color:#9292a3;font-size:11px}.service-grid,.service-grid-3{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.service-card{border:1px solid var(--line);background:#fff;border-radius:19px;transition:transform .25s,box-shadow .25s;overflow:hidden}.service-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-6px)}.service-cover{justify-content:center;align-items:center;height:175px;display:flex;position:relative;overflow:hidden}.service-cover span{letter-spacing:-.05em;z-index:1;font:800 28px/1 Manrope;position:relative}.service-cover i{opacity:.12;font-size:90px;font-style:normal;position:absolute;bottom:-28px;right:10px}.cover-purple{background:linear-gradient(135deg,#ded9ff,#cfc9ff)}.cover-orange{background:linear-gradient(135deg,#ffe1c7,#ffc99f)}.cover-green{background:linear-gradient(135deg,#def4d3,#c7e9b5)}.service-body{padding:18px}.service-cat{letter-spacing:.12em;color:var(--primary);background:#f0efff;border-radius:6px;margin-bottom:9px;padding:5px 8px;font-size:9px;font-weight:800;display:inline-block}.service-body h3{min-height:41px;margin-bottom:0;font-size:15px;line-height:1.35}.seller{align-items:center;gap:9px;margin:17px 0;display:flex}.seller b{font-size:11px}.seller small{color:#8b8b99;margin-top:2px;font-size:10px;display:block}.service-foot{border-top:1px solid var(--line);color:#77778a;justify-content:space-between;align-items:center;padding-top:13px;font-size:10px;display:flex}.service-foot b{color:var(--ink);font-size:13px;display:block}.service-foot a{color:var(--primary);font-weight:800}.how{grid-template-columns:1fr 1fr;gap:100px;padding:100px 0;display:grid}.how-copy p{max-width:440px;color:var(--muted);font-size:14px}.how-copy .btn{margin-top:12px}.steps{flex-direction:column;gap:24px;display:flex}.step{border-bottom:1px solid var(--line);grid-template-columns:48px 1fr;gap:18px;padding-bottom:23px;display:grid}.step>span{color:var(--primary);font:800 11px Manrope}.step b{font-size:16px}.step p{color:var(--muted);margin:5px 0 0;font-size:13px}.cta{color:#fff;background:radial-gradient(circle at 10% 20%,#ffffff26,#0000 25%),radial-gradient(circle at 90% 80%,#ffffff1f,#0000 25%),linear-gradient(135deg,#5048e8,#7c55e8);border-radius:25px;justify-content:space-between;align-items:center;gap:30px;margin-bottom:80px;padding:55px 50px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px #5048e82e}.cta h2{color:#fff;font-size:30px}.cta p{color:#ffffffb8;margin:0}.cta .section-kicker{color:#ffffffa6}.cta .btn{color:var(--primary);background:#fff;flex-shrink:0}.footer{border-top:1px solid var(--line);color:#858596;background:#fff;padding:28px 0;font-size:11px}.footer-inner{justify-content:space-between;align-items:center;display:flex}.footer .brand{color:var(--ink);font-size:15px}.footer .brand-mark{width:27px;height:27px;font-size:13px}.footer a{margin-left:20px;transition:all .2s}.footer a:hover{color:var(--primary)}.browse-head{background:linear-gradient(135deg,#f0efff,#f8f8fc);padding:70px 0 48px}.browse-head h1{letter-spacing:-.045em;margin:5px 0;font-size:46px}.browse-head p{color:var(--muted)}.browse-search{max-width:none;margin-top:22px}.browse-layout{grid-template-columns:210px 1fr;gap:35px;padding-top:38px;padding-bottom:80px;display:grid}.filters{border-right:1px solid var(--line);padding-right:25px}.filter-title{justify-content:space-between;margin-bottom:27px;display:flex}.filter-title button{color:var(--primary);cursor:pointer;background:0 0;border:0;font-size:11px}.filters>label:not(.check){text-transform:uppercase;letter-spacing:.08em;margin:23px 0 11px;font-size:11px;font-weight:800;display:block}.check{color:#5d6070;margin:10px 0;font-size:13px;display:block}.check input{accent-color:var(--primary);margin-right:7px}.price-row{align-items:center;gap:6px;display:flex}.price-row input{border:1px solid var(--line);width:82px;font:inherit;border-radius:8px;outline:none;padding:8px;font-size:11px}.filters select,.results-head select{border:1px solid var(--line);font:inherit;background:#fff;border-radius:8px;width:100%;padding:9px;font-size:11px}.results-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.results-head b{font-size:13px}.results-head select{width:auto}.empty{text-align:center;color:var(--muted);grid-column:1/-1;padding:70px 20px}.detail-page{padding:35px 0 80px}.breadcrumb{color:#89899a;margin-bottom:25px;font-size:11px}.breadcrumb span{padding:0 8px}.detail-grid{grid-template-columns:1fr 340px;gap:42px;display:grid}.detail-cover{border-radius:22px;justify-content:center;align-items:center;height:390px;display:flex;position:relative;overflow:hidden}.detail-cover span{font:800 55px/1 Manrope}.detail-cover i{opacity:.12;font-size:130px;position:absolute;bottom:-20px;right:30px}.detail-content{padding:32px 5px}.detail-content h1{letter-spacing:-.04em;margin:8px 0 22px;font-size:40px;line-height:1.08}.detail-seller{align-items:center;gap:13px;display:flex}.avatar-lg{width:48px;height:48px}.detail-seller b{font-size:14px}.detail-seller p{color:var(--muted);margin:2px 0;font-size:11px}.rating{color:#e59a00;font-size:11px;font-weight:700}.rating small{color:#888;font-weight:400}.detail-content hr{border:0;border-top:1px solid var(--line);margin:30px 0}.detail-content h2{margin-bottom:9px;font-size:18px}.detail-content>p{color:#656878;max-width:680px;font-size:13px}.feature-list{flex-wrap:wrap;gap:10px;margin:18px 0 35px;display:flex}.feature-list span{color:var(--primary);background:#f0efff;border-radius:8px;padding:8px 11px;font-size:11px;font-weight:600}.portfolio{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.portfolio-item{border-radius:12px;place-items:center;height:115px;font:800 20px Manrope;display:grid}.p1{color:#bdb8ff;background:#252538}.p2{color:#7053a7;background:#e6ddff}.p3{color:#4567a5;background:#dce8ff}.order-box{border:1px solid var(--line);height:max-content;box-shadow:var(--shadow);background:#fff;border-radius:18px;padding:22px;position:sticky;top:105px}.order-tabs{border-bottom:1px solid var(--line);margin:-22px -22px 22px;display:flex}.order-tabs button{color:#9999a8;cursor:pointer;background:0 0;border:0;flex:1;padding:17px;font-weight:700}.order-tabs .selected{color:var(--ink);border-bottom:2px solid var(--primary)}.order-box h3{font-size:17px}.muted{color:var(--muted);font-size:12px}.order-price{margin:22px 0 13px;font:800 25px Manrope}.order-info{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#77778a;justify-content:space-between;padding:13px 0;font-size:10px;display:flex}.safe-note{text-align:center;color:#888897;margin-top:15px;font-size:10px}.auth-page{background:radial-gradient(circle at 15% 20%,#635bff1f,#0000 25%),#f5f5fa;min-height:100vh}.auth-brand{position:absolute;top:30px;left:35px}.auth-wrap{place-items:center;min-height:100vh;padding:80px 20px;display:grid}.auth-card{border:1px solid var(--line);width:min(430px,100%);box-shadow:var(--shadow-hover);background:#fff;border-radius:22px;padding:36px}.auth-card h1{letter-spacing:-.04em;margin:7px 0;font-size:31px}.auth-card form{margin-top:25px}.auth-card label:not(.check){margin-bottom:16px;font-size:12px;font-weight:700;display:block}.auth-card input,.auth-card select{border:1px solid var(--line);width:100%;font:inherit;background:#fff;border-radius:10px;outline:0;margin-top:7px;padding:12px;font-size:13px;transition:all .2s;display:block}.auth-card input:focus,.auth-card select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #635bff1a}.password{position:relative}.password input{padding-right:55px}.password button{color:var(--primary);cursor:pointer;background:0 0;border:0;padding:8px;font-size:10px;position:absolute;bottom:5px;right:5px}.form-row{justify-content:space-between;align-items:center;margin:-3px 0 16px;font-size:11px;display:flex}.form-row a,.auth-bottom a{color:var(--primary);font-weight:700}.divider{color:#aaa;align-items:center;gap:10px;margin:19px 0;font-size:10px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.social-btn{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;width:100%;padding:11px;font-weight:700}.auth-bottom{text-align:center;color:#888;margin:22px 0 0;font-size:11px}.auth-card .check{color:#666;align-items:center;gap:6px;margin-bottom:17px;font-size:11px;font-weight:400;display:flex}.auth-card .check input{width:auto;margin:0}.toast{background:var(--ink);color:#fff;opacity:0;z-index:300;border-radius:10px;padding:12px 17px;font-size:12px;transition:all .25s;position:fixed;bottom:22px;right:22px;transform:translateY(10px)}.toast.show{opacity:1;transform:translateY(0)}@media (width<=1000px){.navbar{gap:20px}.hero{text-align:center;grid-template-columns:1fr;padding-top:60px}.hero-copy{max-width:700px;margin:auto}.eyebrow{justify-content:center}.hero-copy>p,.hero-search{margin-left:auto;margin-right:auto}.popular{text-align:center}.hero-art{height:390px}.category-grid{grid-template-columns:repeat(3,1fr)}.how{grid-template-columns:1fr;gap:45px}.detail-grid{grid-template-columns:1fr}.order-box{position:static}.browse-layout{grid-template-columns:1fr}.filters{border-right:0;border-bottom:1px solid var(--line);padding:0 0 20px}.filters .check{margin-right:15px;display:inline-block}.footer-inner{gap:20px}}@media (width<=600px){.container{width:min(100% - 28px,1160px)}.navbar{gap:10px;height:65px;padding:0 14px}.brand{font-size:16px}.brand-mark{width:31px;height:31px}.nav-links{display:none}.nav-actions{margin-left:auto}.nav-actions .btn-ghost{display:none}.nav-actions .btn{min-height:38px;padding:8px 13px;font-size:11px}.hero{gap:25px;min-height:auto;padding-top:55px}.hero h1{letter-spacing:-.045em;font-size:42px}.hero-copy>p{font-size:14px}.hero-search{flex-direction:column;gap:5px;height:auto;padding:7px}.hero-search>span{display:none}.hero-search input{width:100%;height:43px;padding:0 10px}.hero-search button{width:100%;height:44px}.popular{line-height:2}.hero-art{height:330px;margin:-20px 0;transform:scale(.82)}.hero-orb{width:300px;height:300px}.orb-letter{font-size:165px}.fc-top{top:15px;left:-5px}.fc-bottom{bottom:20px;right:-5px}.section{padding:65px 0}.section-head{flex-direction:column;align-items:flex-start;gap:10px}.section-head h2,.how h2{font-size:28px}.category-grid{grid-template-columns:1fr 1fr;gap:10px}.category-card{padding:17px 14px}.service-grid,.service-grid-3{grid-template-columns:1fr}.service-cover{height:200px}.how{padding:70px 0}.cta{border-radius:20px;flex-direction:column;align-items:flex-start;margin-bottom:60px;padding:35px 25px}.cta h2{font-size:27px}.cta .btn{width:100%}.footer-inner{text-align:center;flex-direction:column;gap:15px}.footer a{margin:0 8px}.browse-head{padding:50px 0 35px}.browse-head h1{font-size:35px}.browse-search{height:52px}.detail-page{padding-top:25px}.detail-cover{height:260px}.detail-cover span{font-size:38px}.detail-content{padding:25px 0}.detail-content h1{font-size:31px}.portfolio{grid-template-columns:1fr}.portfolio-item{height:130px}.auth-brand{top:20px;left:20px}.auth-card{padding:28px 21px}}@media (width<=390px){.hero h1{font-size:36px}.category-grid{grid-template-columns:1fr}.floating-card{transform:scale(.88)}.fc-top{left:-25px}.fc-bottom{right:-25px}}.orders-page{padding-top:64px;padding-bottom:80px}.page-head{margin-bottom:32px}.page-head h1{margin:8px 0}.page-head p{color:#777}.orders-list{gap:16px;display:grid}.order-card{background:#fff;border:1px solid #e8e8e8;border-radius:16px;padding:24px}.order-card-main{justify-content:space-between;gap:24px;display:flex}.order-card h3{margin:8px 0}.order-card p{color:#777;margin:0}.order-card-side{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.order-card-side strong{font-size:20px}.order-status{border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.status-pending{color:#946200;background:#fff4d6}.status-processing{color:#2856a6;background:#e7f0ff}.status-completed{color:#247448;background:#e5f8ed}.status-cancelled{color:#a33a3a;background:#ffe7e7}.order-card-footer{border-top:1px solid #eee;justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;display:flex}.order-card-footer span{color:#777}@media (width<=700px){.order-card-main{flex-direction:column}.order-card-side{align-items:flex-start}.order-card-footer{flex-direction:column;align-items:flex-start;gap:12px}}.order-actions{flex-wrap:wrap;gap:10px;display:flex}@media (width<=700px){.order-actions{flex-direction:column;width:100%}.order-actions .btn{width:100%}}.review-service-name{color:#777;margin:0 0 24px}.review-close{color:#777;cursor:pointer;background:0 0;border:none;width:36px;height:36px;font-size:28px;line-height:1;position:absolute;top:14px;right:18px}.review-close:hover{color:#111}.rating-input{align-items:center;gap:4px;margin-top:8px;display:flex}.rating-input button{color:#d5d5d5;cursor:pointer;background:0 0;border:none;padding:2px;font-size:38px;line-height:1;transition:color .15s,transform .15s}.rating-input button:hover{color:#f5b400;transform:scale(1.08)}.rating-input button.selected{color:#f5b400}.review-box textarea{box-sizing:border-box;resize:vertical;border:1px solid #ddd;border-radius:12px;width:100%;min-height:120px;margin-bottom:18px;padding:14px;font-family:inherit;font-size:14px;display:block}.review-box textarea:focus{border-color:#888;outline:none}@media (width<=700px){.order-actions{justify-content:flex-start;width:100%}.order-actions .btn{width:100%}.review-box{padding:26px 20px}.rating-input button{font-size:34px}}.review-modal{z-index:9999;background:#00000073;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.review-modal.active{display:flex}.review-box{box-sizing:border-box;background:#fff;border-radius:20px;width:100%;max-width:500px;padding:32px;position:relative;box-shadow:0 20px 60px #0003}.review-box h2{margin:8px 0}.review-service-name{color:#777;margin-bottom:24px}.review-close{cursor:pointer;color:#777;background:0 0;border:none;width:36px;height:36px;font-size:28px;position:absolute;top:14px;right:18px}.rating-input{gap:5px;margin-top:10px;display:flex}.rating-input button{color:#d5d5d5;cursor:pointer;background:0 0;border:none;padding:2px;font-size:38px}.rating-input button:hover,.rating-input button.selected{color:#f5b400}.rating-text{color:#777;margin:8px 0 20px;font-size:14px}.review-box textarea{box-sizing:border-box;resize:vertical;border:1px solid #ddd;border-radius:12px;width:100%;min-height:120px;margin-bottom:18px;padding:14px;font-family:inherit;display:block}.order-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.reviewed-badge{color:#946200;background:#fff4d6;border-radius:10px;align-items:center;padding:10px 14px;font-size:14px;font-weight:600;display:inline-flex}@media (width<=700px){.order-actions{justify-content:flex-start;width:100%}.order-actions .btn{width:100%}.review-box{padding:26px 20px}}.chat-layout{grid-template-columns:280px 1fr;gap:20px;min-height:600px;display:grid}.conversation-panel,.chat-panel{background:#fff;border:1px solid #e5e5e5;border-radius:16px;overflow:hidden}.conversation-head,.chat-header{border-bottom:1px solid #e5e5e5;padding:18px}.conversation-head h2{margin:0;font-size:18px}#conversationList{padding:10px}.conversation-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;width:100%;padding:14px}.conversation-item:hover{background:#f5f5f5}.conversation-item.active{background:#eee}.conversation-item strong{margin-bottom:4px;display:block}.conversation-item span{color:#777;font-size:13px}.chat-panel{flex-direction:column;display:flex}.chat-header{align-items:center;min-height:60px;display:flex}.message-list{flex:1;min-height:450px;max-height:500px;padding:20px;overflow-y:auto}.message{margin-bottom:12px;display:flex}.message.mine{justify-content:flex-end}.message-bubble{background:#f1f1f1;border-radius:14px;max-width:70%;padding:10px 14px}.message.mine .message-bubble{color:#fff;background:#111}.message-meta{opacity:.6;margin-top:4px;font-size:11px}.message-form{border-top:1px solid #e5e5e5;gap:10px;padding:15px;display:flex}.message-form input{border:1px solid #ddd;border-radius:10px;flex:1;padding:12px 14px}@media (width<=700px){.chat-layout{grid-template-columns:1fr}.conversation-panel{max-height:250px}.message-list{min-height:350px}}.message-list{flex-direction:column;gap:12px;padding:20px;display:flex;overflow-y:auto}.message-row{width:100%;display:flex}.message-row-me{justify-content:flex-end}.message-row-other{justify-content:flex-start}.message{border-radius:14px;flex-direction:column;gap:4px;max-width:70%;padding:10px 14px;display:flex}.message-me{color:#fff;background:#111;border-bottom-right-radius:4px}.message-other{color:#222;background:#f1f1f1;border-bottom-left-radius:4px}.message-sender{opacity:.7;font-size:11px;font-weight:700}.message p{word-break:break-word;margin:0;line-height:1.5}.message small{opacity:.6;align-self:flex-end;font-size:10px}.service-card .service-cover{position:relative}.service-card .service-cover button{pointer-events:auto!important;z-index:9999!important}.freelancer-dashboard{padding-top:40px;padding-bottom:72px}.dashboard-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:30px 0;display:grid}.dashboard-stat{background:#fff;border:1px solid #e8e6e1;border-radius:18px;flex-direction:column;gap:10px;padding:24px;display:flex}.dashboard-stat>span{color:#77736d;font-size:14px}.dashboard-stat>strong{color:#24231f;font-size:30px;line-height:1.2}.dashboard-stat>small{color:#88847e;font-size:12px}.dashboard-revenue{background:#f3f0e9;border-radius:20px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:42px;padding:28px;display:flex}.dashboard-revenue h2{overflow-wrap:anywhere;margin:12px 0;font-size:clamp(28px,4vw,38px)}.dashboard-revenue p{color:#77736d;margin:0;font-size:14px}.dashboard-revenue-icon{background:#fff;border-radius:18px;flex-shrink:0;place-items:center;width:64px;height:64px;font-size:22px;font-weight:700;display:grid}.dashboard-section-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.dashboard-section-head h2{margin-top:8px}.dashboard-text-link{color:#45423b;font-weight:600;text-decoration:none}.dashboard-text-link:hover{text-decoration:underline}.dashboard-empty{text-align:center;padding:36px 20px}.dashboard-empty p{margin:12px 0 20px}.dashboard-message{border:1px solid #e8e6e1;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0;padding:16px;display:flex}@media (width<=900px){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.freelancer-dashboard{padding-top:24px;padding-bottom:48px}.dashboard-stats{gap:10px}.dashboard-stat{padding:16px}.dashboard-stat>strong{font-size:25px}.dashboard-revenue{padding:20px}.dashboard-revenue-icon{width:48px;height:48px}.dashboard-section-head{align-items:flex-start}}.admin-dashboard{padding-top:36px;padding-bottom:72px}.admin-heading,.admin-panel-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.admin-heading{margin-bottom:28px}.admin-heading h1{margin:8px 0}.admin-heading p{color:#77736d}.admin-tabs{gap:8px;margin-bottom:24px;padding-bottom:8px;display:flex;overflow-x:auto}.admin-tab{color:#555149;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e2dc;border-radius:999px;padding:11px 18px}.admin-tab.active{color:#fff;background:#292720;border-color:#292720}.admin-message{overflow-wrap:anywhere;background:#faf9f6;border:1px solid #e5e2dc;border-radius:12px;margin-bottom:20px;padding:14px 16px}.admin-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.admin-stat,.admin-panel{background:#fff;border:1px solid #e8e6e1;border-radius:18px;min-width:0;padding:22px}.admin-stat{flex-direction:column;gap:12px;display:flex}.admin-stat span{color:#77736d;font-size:14px}.admin-stat strong{overflow-wrap:anywhere;font-size:30px}.admin-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.admin-panel h2{margin:8px 0 14px}.admin-panel>p{color:#77736d}.admin-panel-heading{margin-bottom:22px}.admin-panel-heading h2{margin-bottom:0}.admin-panel-heading>span{color:#77736d;white-space:nowrap}.admin-table-wrap{width:100%;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%}.admin-table th,.admin-table td{vertical-align:middle;border-bottom:1px solid #eeece7;padding:14px 12px}.admin-table th{color:#77736d;text-transform:uppercase;white-space:nowrap;font-size:12px;font-weight:600}.admin-table td{font-size:14px}.admin-table td strong,.admin-table td small{display:block}.admin-table td small{color:#88847e;margin-top:5px}.admin-row-actions{flex-wrap:wrap;gap:8px;display:flex}.admin-row-actions .btn,.admin-table .btn,.admin-review-item .btn{padding:8px 12px;font-size:12px}.btn-danger{color:#b42318;cursor:pointer;background:#fff;border:1px solid #e6c8c5;border-radius:999px}.btn-danger:hover{background:#fff2f0}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.admin-category-form{gap:10px;margin-bottom:20px;display:flex}.admin-category-form input{min-width:0;font:inherit;border:1px solid #e5e2dc;border-radius:12px;flex:1;padding:12px 14px}.admin-category-list,.admin-review-list{flex-direction:column;display:flex}.admin-category-item,.admin-review-item{border-bottom:1px solid #eeece7;justify-content:space-between;align-items:center;gap:18px;padding:18px 0;display:flex}.admin-category-item strong,.admin-category-item small{display:block}.admin-category-item small{color:#88847e;margin-top:5px}.admin-review-content{flex:1;min-width:0}.admin-review-rating{color:#8a641b;margin-left:12px;font-size:13px;display:inline-block}.admin-review-content p{overflow-wrap:anywhere;margin:10px 0}.admin-review-content small{color:#88847e}.admin-empty{color:#77736d;padding:24px 0}@media (width<=850px){.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-overview-grid{grid-template-columns:1fr}.admin-panel{padding:18px}}@media (width<=540px){.admin-heading,.admin-panel-heading{align-items:flex-start}.admin-heading,.admin-category-form{flex-direction:column}.admin-category-item,.admin-review-item{flex-direction:column;align-items:flex-start}.admin-stats{gap:10px}.admin-stat{padding:16px}.admin-stat strong{font-size:25px}}.notification-wrapper{z-index:100;align-items:center;display:flex;position:relative}.notification-bell{color:#172033;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:24px;display:inline-flex;position:relative}.notification-badge{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:20px;justify-content:center;align-items:center;min-width:19px;height:19px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}.notification-backdrop{z-index:100;background:0 0;border:0;position:fixed;inset:0}.notification-dropdown{z-index:101;color:#172033;background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:min(380px,100vw - 24px);max-height:480px;position:absolute;top:calc(100% + 12px);right:0;overflow-y:auto;box-shadow:0 16px 45px #0f172a26}.notification-header{z-index:1;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex;position:sticky;top:0}.notification-header h3{margin:0;font-size:16px}.notification-mark-all{color:#2563eb;cursor:pointer;background:0 0;border:0;font-size:12px}.notification-list{flex-direction:column;display:flex}.notification-item{width:100%;color:inherit;text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:10px;padding:14px 16px;display:flex}.notification-item:hover{background:#f8fafc}.notification-item.unread{background:#eff6ff}.notification-dot{background:0 0;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.notification-item.unread .notification-dot{background:#2563eb}.notification-content{flex-direction:column;gap:5px;min-width:0;display:flex}.notification-content strong{font-size:13px}.notification-content>span{overflow-wrap:anywhere;font-size:12px;line-height:1.5}.notification-content small{color:#64748b;font-size:11px}.notification-empty,.notification-error{color:#64748b;text-align:center;margin:0;padding:20px 16px;font-size:13px}.notification-error{color:#dc2626}@media (width<=600px){.notification-dropdown{max-height:calc(100vh - 100px);position:fixed;top:76px;right:12px}}.navbar{z-index:1000;box-sizing:border-box;background:#fff;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 24px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0f172a0a}.navbar a{text-decoration:none}.brand{color:#111827;white-space:nowrap;flex-shrink:0;align-items:center;gap:9px;font-size:21px;font-weight:800;display:inline-flex}.brand-mark{color:#fff;background:#2563eb;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-weight:800;display:inline-flex}.brand span span{color:#2563eb}.nav-links{align-items:center;gap:22px;display:flex}.nav-links a{color:#4b5563;font-size:14px;font-weight:500}.nav-links a:hover{color:#2563eb}.nav-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.nav-actions .btn,.nav-links .btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-height:38px;padding:9px 13px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.btn-ghost{color:#374151;background:#fff;border:1px solid #e5e7eb}.btn-primary{color:#fff;background:#2563eb;border:1px solid #2563eb}.mobile-menu-toggle,.mobile-auth{display:none}@media (width<=800px){.navbar{gap:0;padding:12px 16px}.brand{font-size:19px}.nav-actions{gap:8px;margin-left:auto}.nav-actions .desktop-only{display:none!important}.mobile-menu-toggle{color:#111827;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;padding:0;font-size:23px;line-height:1;display:inline-flex}.mobile-menu-toggle:focus-visible{outline-offset:2px;outline:3px solid #93c5fd}.nav-links{opacity:1;z-index:1001;box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;flex:0 0 100%;order:3;align-items:stretch;gap:0;width:100%;min-width:0;margin-top:12px;padding:8px;display:none;position:relative;box-shadow:0 10px 28px #0f172a1f}.nav-links.mobile-open{display:flex}.nav-links>a{box-sizing:border-box;color:#1f2937;background:#fff;border:0;border-bottom:1px solid #f1f5f9;border-radius:6px;align-items:center;width:100%;min-height:46px;padding:12px 14px;font-size:14px;font-weight:500;line-height:1.5;display:flex}.nav-links>a:last-of-type{border-bottom:0}.nav-links>a:hover{color:#2563eb;background:#f1f5f9}.nav-links>button{text-align:left;border-radius:8px;width:100%;min-height:44px;margin-top:8px;padding:12px 14px}.mobile-auth{gap:10px;padding:12px 4px 4px;display:flex}.mobile-auth .btn{flex:1;min-height:42px}.nav-links .mobile-logout{color:#fff;text-align:center;background:#2563eb;border:1px solid #2563eb;display:block}}@media (width<=400px){.navbar{padding:10px 12px}.brand{gap:6px;font-size:17px}.brand-mark{border-radius:8px;width:32px;height:32px}.nav-actions{gap:6px}.mobile-menu-toggle{width:38px;height:38px;font-size:21px}.nav-links{margin-top:10px;padding:6px}.nav-links>a{padding:11px 10px}}