:root{--primary:#6366f1;--primary-dark:#4f46e5;--secondary:#8b5cf6;--accent:#06b6d4;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--gradient:linear-gradient(135deg,#6366f1,#8b5cf6,#06b6d4);--radius:16px;--radius-sm:10px;--transition:all .3s ease;}:root,html[data-theme="light"]{--bg:#f8fafc;--text:#0f172a;--text-secondary:#64748b;--border:rgba(0,0,0,.06);--card-bg:#ffffff;--bg-hover:#f1f5f9;--shadow-sm:0 1px 3px rgba(0,0,0,.08);--shadow:0 4px 16px rgba(0,0,0,.08);--shadow-lg:0 8px 32px rgba(0,0,0,.12);}[data-theme="dark"]{--bg:#0f172a;--text:#f8fafc;--text-secondary:#94a3b8;--border:rgba(148,163,184,.22);--card-bg:rgba(15,23,42,.72);--bg-hover:#1e293b;}*{margin:0;padding:0;box-sizing:border-box;}body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);line-height:1.6;}a{text-decoration:none;color:inherit;}img{max-width:100%;height:auto;}.container{max-width:1200px;margin:0 auto;padding:0 20px;}.navbar{position:sticky;top:0;z-index:1000;background:var(--card-bg);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);padding:12px 0;}.navbar-inner{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;}.navbar-brand{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:800;color:var(--text);}.navbar-brand-icon{width:36px;height:36px;border-radius:10px;background:var(--gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;}.navbar-menu{display:flex;align-items:center;gap:5px;flex-wrap:wrap;}.navbar-actions{display:flex;align-items:center;gap:8px;}.nav-link{padding:8px 14px;border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:500;transition:.3s;display:inline-flex;align-items:center;gap:5px;}.nav-link:hover,.nav-link.active{color:var(--primary);background:rgba(99,102,241,.08);}.nav-avatar{width:32px;height:32px;border-radius:50%;background:var(--gradient);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;overflow:hidden;}.nav-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;}.theme-toggle{width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s;font-size:18px;}.theme-toggle:hover{border-color:var(--primary);color:var(--primary);}.notification-bell{width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s;font-size:18px;position:relative;}.notification-badge{position:absolute;top:-2px;right:-2px;width:18px;height:18px;background:#ef4444;color:#fff;border-radius:50%;font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:700;}.notifications-wrapper{position:relative;}.notifications-dropdown{position:absolute;top:50px;right:0;width:350px;background:var(--card-bg);border:1px solid var(--border);border-radius:15px;box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden;display:none;}.notifications-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid var(--border);font-weight:600;}.mark-all-read{background:none;border:none;color:var(--primary);cursor:pointer;font-size:13px;}.notifications-list{max-height:400px;overflow-y:auto;}.notifications-empty{padding:30px;text-align:center;color:var(--text-secondary);}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;border:none;cursor:pointer;font-size:14px;font-weight:600;transition:.3s;text-decoration:none;}.btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:var(--primary-dark);color:#fff;}.btn-outline{border:1px solid var(--border);background:transparent;color:var(--text);}.btn-outline:hover{background:var(--bg-hover);}.btn-sm{padding:6px 12px;font-size:13px;}.verified{color:var(--primary);}.dashboard-container{max-width:1200px;margin:20px auto;padding:0 20px;}.dash-header{display:flex;align-items:center;gap:20px;margin-bottom:25px;flex-wrap:wrap;background:var(--card-bg);border:1px solid var(--border);border-radius:15px;padding:20px 25px;}.dash-avatar{width:70px;height:70px;border-radius:50%;background:var(--gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;position:relative;flex-shrink:0;}.dash-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;}.dash-online{position:absolute;bottom:3px;right:3px;width:14px;height:14px;border-radius:50%;background:#10b981;border:2px solid var(--card-bg);}.dash-info{flex:1;min-width:200px;}.dash-info h1{font-size:22px;font-weight:700;margin:0 0 3px;display:flex;align-items:center;gap:5px;}.dash-spec{font-size:13px;color:var(--primary);margin-bottom:8px;}.dash-meta{display:flex;gap:15px;flex-wrap:wrap;font-size:13px;color:var(--text-secondary);}.dash-meta i{margin-right:4px;}.dash-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}.dash-status{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;background:rgba(16,185,129,.08);color:#10b981;}.dash-balance{padding:6px 12px;border-radius:20px;font-size:13px;font-weight:700;background:var(--bg);color:var(--text);}.dash-tabs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:20px;}.dash-tab{padding:10px 18px;border-radius:30px;border:1px solid var(--border);background:var(--card-bg);color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;transition:.3s;text-decoration:none;display:inline-flex;align-items:center;gap:5px;}.dash-tab:hover,.dash-tab.active{border-color:var(--primary);color:var(--primary);background:rgba(99,102,241,.05);}.dash-badge{background:var(--primary);color:#fff;border-radius:20px;padding:2px 8px;font-size:12px;font-weight:600;}.dash-banner{background:var(--gradient);color:#fff;border-radius:15px;padding:20px;margin-bottom:25px;display:flex;align-items:center;gap:15px;flex-wrap:wrap;}.dash-content{display:grid;grid-template-columns:1fr 280px;gap:30px;align-items:start;}.dash-main{display:flex;flex-direction:column;gap:20px;}.dash-side{display:flex;flex-direction:column;gap:20px;position:sticky;top:80px;}.dash-panel{background:var(--card-bg);border:1px solid var(--border);border-radius:15px;padding:20px;}.dash-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;}.dash-panel-header h3{font-size:16px;font-weight:700;margin:0;}.dash-block{background:var(--card-bg);border:1px solid var(--border);border-radius:15px;padding:20px;}.dash-block h4{font-size:15px;font-weight:700;margin-bottom:10px;}.dash-block p{font-size:13px;color:var(--text-secondary);margin-bottom:5px;}.dash-empty{text-align:center;padding:40px;color:var(--text-secondary);}.footer{background:#0f172a;color:#94a3b8;padding:40px 0;}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;max-width:1200px;margin:0 auto;padding:0 20px;}.footer h5{color:#fff;margin-bottom:15px;font-size:16px;}.footer a{display:block;color:#94a3b8;margin-bottom:8px;font-size:14px;transition:.3s;}.footer a:hover{color:#fff;}.footer-categories{max-width:1200px;margin:30px auto 0;padding:20px 20px 0;border-top:1px solid rgba(255,255,255,.1);}.footer-cat-links{display:flex;flex-wrap:wrap;gap:15px;}.footer-bottom{max-width:1200px;margin:30px auto 0;padding:20px 20px 0;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;font-size:13px;}.footer-social{display:flex;gap:10px;}.footer-social a{width:35px;height:35px;border-radius:50%;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:14px;}@media (max-width:992px){.navbar-menu{display:none;}.dash-content{grid-template-columns:1fr;}.dash-side{position:static;}.footer-grid{grid-template-columns:1fr 1fr;}}@media (max-width:576px){.dash-header{padding:15px;}.dash-avatar{width:55px;height:55px;font-size:22px;}.dash-info h1{font-size:18px;}.footer-grid{grid-template-columns:1fr;}.footer-bottom{flex-direction:column;gap:15px;}}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;}.form-col{min-width:0;}.form-group{margin-bottom:20px;}.form-label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--text);}.form-actions{display:flex;gap:10px;margin-top:30px;padding-top:20px;border-top:1px solid var(--border);}.form-control{width:100%;padding:12px 15px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);font-size:14px;transition:.3s;outline:none;font-family:'Inter',sans-serif;}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,.1);}textarea.form-control{min-height:120px;resize:vertical;}select.form-control{appearance:auto;cursor:pointer;}.avatar-upload-row{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border);}.avatar-upload-circle{width:72px;height:72px;border-radius:50%;background:var(--gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;cursor:pointer;position:relative;overflow:hidden;flex-shrink:0;}.avatar-upload-circle img{width:100%;height:100%;object-fit:cover;}.avatar-upload-hover{position:absolute;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:.2s;}.avatar-upload-circle:hover .avatar-upload-hover{opacity:1;}.avatar-upload-hover i{font-size:22px;color:#fff;}.avatar-upload-text{flex:1;}@media (max-width:768px){.form-row{grid-template-columns:1fr;}}.portfolio-wizard{display:grid;grid-template-columns:250px 1fr;gap:30px;margin-bottom:40px;}.portfolio-wizard-nav{background:var(--card-bg);border:1px solid var(--border);border-radius:15px;padding:20px;height:fit-content;position:sticky;top:80px;}.portfolio-wizard-nav-title{font-weight:700;font-size:16px;margin-bottom:20px;}.portfolio-wizard-nav-step{display:flex;align-items:center;gap:10px;padding:12px;border-radius:10px;cursor:pointer;transition:.3s;font-size:14px;color:var(--text-secondary);}.portfolio-wizard-nav-step.active{background:rgba(99,102,241,.08);color:var(--primary);font-weight:600;}.portfolio-wizard-nav-dot{width:10px;height:10px;border-radius:50%;background:var(--border);flex-shrink:0;}.portfolio-wizard-nav-step.active .portfolio-wizard-nav-dot{background:var(--primary);}.portfolio-wizard-content{min-width:0;}.portfolio-wizard-page{background:var(--card-bg);border:1px solid var(--border);border-radius:15px;padding:30px;}.portfolio-wizard-h{font-size:18px;font-weight:700;margin-bottom:15px;}.portfolio-wizard-btns{display:flex;gap:10px;margin-top:30px;justify-content:flex-end;}.portfolio-input{width:100%;padding:12px 15px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);font-size:14px;transition:.3s;outline:none;}.portfolio-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,.1);}.portfolio-textarea{width:100%;padding:12px 15px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);font-size:14px;transition:.3s;resize:vertical;outline:none;}.portfolio-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,.1);}.portfolio-cover-row{display:flex;gap:20px;align-items:flex-start;}.portfolio-cover-preview{width:160px;height:160px;border:2px dashed var(--border);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:40px;color:#ccc;overflow:hidden;flex-shrink:0;transition:.3s;}.portfolio-cover-preview:hover{border-color:var(--primary);}.portfolio-cover-preview img{width:100%;height:100%;object-fit:cover;}.portfolio-cover-info{flex:1;}.portfolio-cover-info p{font-size:12px;color:var(--text-secondary);margin-bottom:10px;line-height:1.6;}.portfolio-dropzone{border:2px dashed var(--border);border-radius:15px;padding:30px;text-align:center;cursor:pointer;transition:.3s;}.portfolio-dropzone:hover{border-color:var(--primary);background:rgba(99,102,241,.03);}.service-wizard{display:grid;grid-template-columns:250px 1fr;gap:30px;margin-bottom:40px;}.service-wizard-sidebar{background:var(--card-bg);border:1px solid var(--border);border-radius:15px;padding:20px;height:fit-content;position:sticky;top:80px;}.service-wizard-title{font-weight:700;font-size:16px;margin-bottom:20px;}.service-wizard-step{display:flex;align-items:center;gap:10px;padding:12px;border-radius:10px;cursor:pointer;transition:.3s;font-size:14px;color:var(--text-secondary);}.service-wizard-step.active{background:rgba(99,102,241,.08);color:var(--primary);font-weight:600;}.service-wizard-point{width:10px;height:10px;border-radius:50%;background:var(--border);flex-shrink:0;}.service-wizard-step.active .service-wizard-point{background:var(--primary);}.service-wizard-content{min-width:0;}@media (max-width:992px){.portfolio-wizard,.service-wizard{grid-template-columns:1fr;}.portfolio-wizard-nav,.service-wizard-sidebar{position:static;}.portfolio-cover-row{flex-direction:column;}}.service-wizard{display:grid;grid-template-columns:250px 1fr;gap:30px;margin-bottom:40px;}.service-wizard-sidebar{background:var(--card-bg);border:1px solid var(--border);border-radius:15px;padding:20px;height:fit-content;position:sticky;top:80px;}.service-wizard-title{font-weight:700;font-size:16px;margin-bottom:20px;}.service-wizard-step{display:flex;align-items:center;gap:10px;padding:12px;border-radius:10px;cursor:pointer;transition:.3s;font-size:14px;color:var(--text-secondary);}.service-wizard-step.active{background:rgba(99,102,241,.08);color:var(--primary);font-weight:600;}.service-wizard-point{width:10px;height:10px;border-radius:50%;background:var(--border);flex-shrink:0;}.service-wizard-step.active .service-wizard-point{background:var(--primary);}.service-wizard-content{min-width:0;}.service-wizard-page{background:var(--card-bg);border:1px solid var(--border);border-radius:15px;padding:30px;}.service-wizard-h{font-size:18px;font-weight:700;margin-bottom:15px;}.service-wizard-btns{display:flex;gap:10px;margin-top:30px;justify-content:flex-end;}.service-input{width:100%;padding:12px 15px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);font-size:14px;transition:.3s;outline:none;}.service-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,.1);}.service-textarea{width:100%;padding:12px 15px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);font-size:14px;transition:.3s;resize:vertical;outline:none;}.service-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,.1);}.service-cover-row{display:flex;gap:20px;align-items:flex-start;}.service-cover-preview{width:180px;height:120px;border:2px dashed var(--border);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:35px;color:#ccc;overflow:hidden;flex-shrink:0;cursor:pointer;transition:.3s;}.service-cover-preview:hover{border-color:var(--primary);}.service-cover-preview img{width:100%;height:100%;object-fit:cover;}.service-cover-info{flex:1;}.service-cover-info p{font-size:12px;color:var(--text-secondary);margin-bottom:10px;line-height:1.6;}.service-dropzone{border:2px dashed var(--border);border-radius:15px;padding:30px;text-align:center;cursor:pointer;transition:.3s;}.service-dropzone:hover{border-color:var(--primary);background:rgba(99,102,241,.03);}@media (max-width:992px){.service-wizard{grid-template-columns:1fr;}.service-wizard-sidebar{position:static;}.service-cover-row{flex-direction:column;}}.fh-header{position:sticky;top:0;z-index:1000;padding:12px 0;background:var(--card-bg);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);}.fh-header-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;}.fh-logo{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;color:var(--text);}.fh-logo-icon{width:38px;height:38px;border-radius:12px;background:var(--gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 4px 15px rgba(99,102,241,.3);}.fh-nav{display:flex;gap:5px;flex:1;justify-content:center;flex-wrap:wrap;}.fh-nav a{padding:8px 16px;border-radius:30px;color:var(--text-secondary);font-size:14px;font-weight:500;transition:.3s;white-space:nowrap;}.fh-nav a:hover,.fh-nav a.active{color:var(--primary);background:rgba(99,102,241,.08);}.fh-header-actions{display:flex;align-items:center;gap:8px;}.fh-theme-toggle{width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s;font-size:18px;}.fh-btn-primary{padding:10px 22px;border-radius:50px;background:var(--gradient);color:#fff;font-size:14px;font-weight:600;transition:.3s;box-shadow:0 4px 15px rgba(99,102,241,.3);}.fh-btn-primary:hover{transform:translateY(-2px);color:#fff;}.fh-btn-outline{padding:10px 20px;border-radius:50px;border:1.5px solid var(--primary);color:var(--primary);font-size:14px;font-weight:600;transition:.3s;}.fh-user-menu{display:flex;align-items:center;gap:5px;}.fh-user-btn{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:50px;border:1px solid var(--border);transition:.3s;}.fh-user-avatar{width:32px;height:32px;border-radius:50%;background:var(--gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;}.fh-user-name{font-size:13px;font-weight:600;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.fh-logout-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:.3s;}.fh-logout-btn:hover{border-color:#ef4444;color:#ef4444;}.fh-hero{position:relative;padding:80px 0;overflow:hidden;background:linear-gradient(180deg,rgba(99,102,241,.04) 0%,transparent 100%);}.fh-hero-bg-shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;pointer-events:none;}.fh-hero-bg-shape.shape-1{width:500px;height:500px;background:rgba(99,102,241,.15);top:-100px;right:-100px;}.fh-hero-bg-shape.shape-2{width:400px;height:400px;background:rgba(6,182,212,.1);bottom:-100px;left:-100px;}.fh-hero-dots{position:absolute;top:50%;left:5%;width:100px;height:100px;background-image:radial-gradient(circle,var(--border) 1px,transparent 1px);background-size:15px 15px;opacity:.5;}.fh-container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:1;}.fh-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;}.fh-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:50px;background:rgba(99,102,241,.08);color:var(--primary);font-size:13px;font-weight:600;margin-bottom:20px;}.fh-hero-title{font-size:48px;font-weight:800;line-height:1.15;color:var(--text);margin-bottom:20px;letter-spacing:-0.5px;}.fh-gradient-text{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.fh-hero-subtitle{font-size:16px;color:var(--text-secondary);line-height:1.6;margin-bottom:30px;max-width:500px;}.fh-search-box{display:flex;align-items:center;gap:10px;background:var(--card-bg);border:2px solid var(--border);border-radius:50px;padding:6px;max-width:500px;margin-bottom:30px;transition:.3s;}.fh-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px rgba(99,102,241,.1);}.fh-search-box i{padding-left:18px;color:var(--text-secondary);font-size:16px;}.fh-search-box input{flex:1;border:none;outline:none;padding:12px 10px;font-size:15px;background:transparent;color:var(--text);}.fh-search-box button{padding:10px 25px;border-radius:50px;border:none;background:var(--gradient);color:#fff;font-size:14px;font-weight:600;cursor:pointer;}.fh-hero-stats{display:flex;gap:15px;flex-wrap:nowrap;}.fh-stat-item{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:12px 15px;background:var(--card-bg);border-radius:15px;border:1px solid var(--border);transition:.3s;white-space:nowrap;}.fh-stat-item:hover{border-color:var(--primary);transform:translateY(-3px);}.fh-stat-icon{width:40px;height:40px;border-radius:10px;background:rgba(99,102,241,.1);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}.fh-stat-num{display:block;font-size:20px;font-weight:800;color:var(--text);}.fh-stat-label{font-size:12px;color:var(--text-secondary);}.fh-hero-visual{display:flex;flex-direction:column;gap:15px;}.fh-hero-card{background:var(--card-bg);border:1px solid var(--border);border-radius:20px;padding:20px;box-shadow:0 5px 25px rgba(0,0,0,.05);transition:.3s;animation:floatCard 4s ease-in-out infinite;}.fh-hero-card:hover{transform:translateX(10px);box-shadow:0 10px 30px rgba(99,102,241,.2);border-color:var(--primary);}.fh-hero-card-2{animation-delay:1s;}.fh-hero-card-3{animation-delay:2s;}@keyframes floatCard{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}.fh-hero-card-header{display:flex;align-items:center;gap:12px;margin-bottom:15px;}.fh-hero-card-avatar,.fh-hero-card-avatar-img{width:45px;height:45px;border-radius:50%;object-fit:cover;flex-shrink:0;}.fh-hero-card-avatar{background:var(--gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;}.fh-hero-card-name{font-size:15px;font-weight:700;}.fh-hero-card-spec{font-size:13px;color:var(--text-secondary);}.fh-hero-card-rating{margin-left:auto;font-size:14px;font-weight:700;}.fh-hero-card-rating i{color:#f59e0b;}.fh-hero-card-skills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:15px;}.fh-hero-card-skills span{padding:4px 12px;border-radius:20px;background:rgba(99,102,241,.08);color:var(--primary);font-size:12px;font-weight:500;}.fh-hero-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--border);}.fh-hero-card-price{font-size:14px;font-weight:700;color:var(--primary);}.fh-hero-card-badge{padding:4px 10px;border-radius:20px;background:rgba(16,185,129,.1);color:#10b981;font-size:12px;font-weight:600;}.fh-section-header{text-align:center;margin-bottom:40px;}.fh-section-header h2{font-size:32px;font-weight:800;color:var(--text);margin-bottom:10px;}.fh-section-header p{font-size:15px;color:var(--text-secondary);margin:0;}.fh-cats-section,.fh-freelancers-section,.fh-orders-section,.fh-about-section,.fh-how-section{padding:60px 0;}.fh-freelancers-section,.fh-about-section{background:var(--bg);}.fh-cats-grid,.fh-freelancers-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}.fh-orders-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}.fh-cat-card,.fh-freelancer-card,.fh-order-card{padding:25px;background:var(--card-bg);border:1px solid var(--border);border-radius:18px;transition:.3s;}.fh-cat-card:hover,.fh-freelancer-card:hover,.fh-order-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(99,102,241,.15);border-color:var(--primary);}.fh-cat-icon{width:50px;height:50px;border-radius:15px;background:rgba(99,102,241,.1);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:15px;}.fh-cat-card h4{font-size:16px;font-weight:700;margin-bottom:5px;}.fh-cat-card p{font-size:13px;color:var(--text-secondary);margin:0;}.fh-cat-arrow{position:absolute;bottom:25px;right:25px;opacity:0;transition:.3s;color:var(--primary);}.fh-cat-card:hover .fh-cat-arrow{opacity:1;}.fh-freelancer-card{text-align:center;}.fh-freelancer-avatar,.fh-freelancer-avatar-img{width:70px;height:70px;border-radius:50%;object-fit:cover;margin:0 auto 15px;display:block;}.fh-freelancer-avatar{background:var(--gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;}.fh-freelancer-card h4{font-size:17px;font-weight:700;margin-bottom:3px;}.fh-freelancer-spec{font-size:13px;color:var(--primary);}.fh-freelancer-stars{color:#f59e0b;}.fh-freelancer-rating{font-size:13px;color:var(--text-secondary);}.fh-freelancer-meta{display:flex;justify-content:center;gap:15px;padding-top:15px;border-top:1px solid var(--border);}.fh-freelancer-meta span{font-size:13px;font-weight:600;color:var(--primary);}.fh-order-top{display:flex;justify-content:space-between;margin-bottom:10px;}.fh-order-top h4{font-size:16px;font-weight:700;}.fh-order-badge{padding:4px 12px;border-radius:20px;background:rgba(16,185,129,.1);color:#10b981;font-size:12px;font-weight:600;}.fh-order-card p{font-size:14px;color:var(--text-secondary);margin-bottom:15px;}.fh-order-bottom{display:flex;justify-content:space-between;padding-top:15px;border-top:1px solid var(--border);}.fh-order-budget{font-size:17px;font-weight:700;color:var(--primary);}.fh-order-date{font-size:13px;color:var(--text-secondary);}.fh-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;}.fh-about-card{padding:40px;background:var(--card-bg);border:1px solid var(--border);border-radius:20px;}.fh-about-icon{width:60px;height:60px;border-radius:18px;background:rgba(99,102,241,.1);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:25px;margin-bottom:20px;}.fh-about-card h3{font-size:22px;font-weight:800;margin-bottom:5px;}.fh-about-label{font-size:14px;color:var(--primary);margin-bottom:15px;}.fh-about-card p{font-size:15px;color:var(--text-secondary);line-height:1.6;margin-bottom:15px;}.fh-how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}.fh-how-step{text-align:center;padding:30px;background:var(--card-bg);border:1px solid var(--border);border-radius:18px;}.fh-how-num{width:55px;height:55px;border-radius:50%;background:var(--gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;margin:0 auto 15px;}.fh-how-step h4{font-size:16px;font-weight:700;margin-bottom:8px;}.fh-how-step p{font-size:13px;color:var(--text-secondary);margin:0;}@media (max-width:992px){.fh-nav{display:none;}.fh-hero-grid{grid-template-columns:1fr;}.fh-cats-grid,.fh-freelancers-grid{grid-template-columns:repeat(2,1fr);}.fh-orders-grid{grid-template-columns:1fr;}.fh-about-grid{grid-template-columns:1fr;}.fh-how-grid{grid-template-columns:repeat(2,1fr);}.fh-hero-title{font-size:36px;}}@media (max-width:576px){.fh-cats-grid,.fh-freelancers-grid,.fh-how-grid{grid-template-columns:1fr;}.fh-hero-title{font-size:28px;}.fh-hero-stats{flex-wrap:wrap;}}.dashboard-container{max-width:1200px;margin:20px auto;padding:0 20px;}.dash-header{display:flex;align-items:center;gap:20px;margin-bottom:25px;flex-wrap:wrap;background:var(--card-bg);border:1px solid var(--border);border-radius:15px;padding:20px 25px;}.dash-avatar{width:70px;height:70px;border-radius:50%;background:var(--gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;position:relative;flex-shrink:0;}.dash-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;}.dash-online{position:absolute;bottom:3px;right:3px;width:14px;height:14px;border-radius:50%;background:#10b981;border:2px solid var(--card-bg);}.dash-info{flex:1;min-width:200px;}.dash-info h1{font-size:22px;font-weight:700;margin:0 0 3px;display:flex;align-items:center;gap:5px;}.verified{color:var(--primary);font-size:16px;}.dash-spec{font-size:13px;color:var(--primary);margin-bottom:8px;}.dash-meta{display:flex;gap:15px;flex-wrap:wrap;font-size:13px;color:var(--text-secondary);}.dash-meta i{margin-right:4px;}.dash-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}.dash-status{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;background:rgba(16,185,129,.08);color:#10b981;}.dash-balance{padding:6px 12px;border-radius:20px;font-size:13px;font-weight:700;background:var(--bg);color:var(--text);}.dash-tabs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:20px;}.dash-tab{padding:10px 18px;border-radius:30px;border:1px solid var(--border);background:var(--card-bg);color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;transition:.3s;text-decoration:none;display:inline-flex;align-items:center;gap:5px;}.dash-tab:hover,.dash-tab.active{border-color:var(--primary);color:var(--primary);background:rgba(99,102,241,.05);}.dash-badge{background:var(--primary);color:#fff;border-radius:20px;padding:2px 8px;font-size:12px;font-weight:600;}.dash-banner{background:var(--gradient);color:#fff;border-radius:15px;padding:20px;margin-bottom:25px;display:flex;align-items:center;gap:15px;flex-wrap:wrap;}.dash-content{display:grid;grid-template-columns:1fr 280px;gap:30px;align-items:start;}.dash-main{display:flex;flex-direction:column;gap:20px;}.dash-side{display:flex;flex-direction:column;gap:20px;position:sticky;top:80px;}.dash-panel{background:var(--card-bg);border:1px solid var(--border);border-radius:15px;padding:20px;}.dash-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;}.dash-panel-header h3{font-size:16px;font-weight:700;margin:0;}.dash-block{background:var(--card-bg);border:1px solid var(--border);border-radius:15px;padding:20px;}.dash-block h4{font-size:15px;font-weight:700;margin-bottom:10px;}.dash-block p{font-size:13px;color:var(--text-secondary);margin-bottom:5px;}.dash-empty{text-align:center;padding:40px;color:var(--text-secondary);}.dash-empty-small{text-align:center;padding:20px;color:var(--text-secondary);font-size:14px;}.dash-finance{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px;background:var(--bg);border-radius:15px;margin-bottom:20px;flex-wrap:wrap;}.dash-finance .balance-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px;}.dash-finance .balance-amount{font-size:36px;font-weight:800;color:var(--primary);line-height:1;}.dash-finance .finance-actions{display:flex;gap:10px;flex-wrap:wrap;}.dash-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}.dash-setting-item{background:var(--card-bg);border:1px solid var(--border);border-radius:15px;padding:20px;}.active-orders-list{display:flex;flex-direction:column;gap:15px;}.active-order-item{background:var(--card-bg);border:1px solid var(--border);border-radius:15px;padding:20px;transition:.3s;}.active-order-item:hover{box-shadow:var(--shadow);}.active-order-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;}.active-order-title{font-size:16px;font-weight:700;}.active-order-status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;}.active-order-info{display:flex;gap:15px;flex-wrap:wrap;font-size:13px;color:var(--text-secondary);}.active-order-actions{display:flex;gap:10px;margin-top:15px;}.status-completed{background:rgba(16,185,129,.1);color:#10b981;}.completed-order{background:var(--card-bg);border:1px solid var(--border);border-radius:15px;padding:20px;margin-bottom:15px;}.completed-review{display:flex;gap:10px;align-items:center;color:#f59e0b;font-size:14px;font-weight:600;}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}.chart-card{background:var(--card-bg);border:1px solid var(--border);border-radius:15px;padding:20px;}.chart-title{font-size:16px;font-weight:700;margin-bottom:15px;}.chart-box{position:relative;height:250px;}.transactions-list{display:flex;flex-direction:column;gap:10px;margin-top:20px;}.transaction-item{display:flex;align-items:center;gap:15px;padding:15px 20px;background:var(--card-bg);border:1px solid var(--border);border-radius:15px;transition:.3s;}.transaction-item:hover{border-color:var(--primary);transform:translateX(5px);}.transaction-icon{width:45px;height:45px;border-radius:50%;background:rgba(99,102,241,.08);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;}.transaction-info{flex:1;min-width:0;}.transaction-desc{font-size:14px;font-weight:600;}.transaction-date{font-size:12px;color:var(--text-secondary);}.transaction-amount{font-size:16px;font-weight:700;white-space:nowrap;}.portfolio-fl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}.portfolio-fl-card{background:var(--card-bg);border:1px solid var(--border);border-radius:15px;overflow:hidden;transition:.3s;}.portfolio-fl-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);}.portfolio-fl-img{height:180px;background:var(--bg);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;}.portfolio-fl-img img{width:100%;height:100%;object-fit:cover;}.portfolio-fl-cat{position:absolute;top:10px;left:10px;background:rgba(0,0,0,.6);color:#fff;padding:4px 10px;border-radius:20px;font-size:11px;}.portfolio-fl-body{padding:15px;}.portfolio-fl-title{font-weight:700;font-size:14px;display:block;margin-bottom:10px;}.portfolio-fl-metrics{display:flex;gap:15px;font-size:12px;color:var(--text-secondary);}.portfolio-fl-controls{display:flex;gap:5px;margin-top:10px;}.portfolio-fl-edit,.portfolio-fl-delete{padding:5px 10px;border-radius:5px;font-size:12px;border:1px solid var(--border);}.service-fl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}.service-fl-card{background:var(--card-bg);border:1px solid var(--border);border-radius:15px;overflow:hidden;transition:.3s;}.service-fl-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);}.service-fl-img{height:160px;background:var(--bg);display:flex;align-items:center;justify-content:center;overflow:hidden;}.service-fl-img img{width:100%;height:100%;object-fit:cover;}.service-fl-body{padding:15px;}.service-fl-title{font-weight:700;font-size:14px;margin-bottom:5px;}.service-fl-price{font-size:14px;font-weight:700;color:var(--primary);}.service-fl-badge{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;background:rgba(16,185,129,.1);color:#10b981;}@media (max-width:992px){.dash-content{grid-template-columns:1fr;}.dash-side{position:static;}.charts-grid{grid-template-columns:1fr;}.portfolio-fl-grid,.service-fl-grid{grid-template-columns:repeat(2,1fr);}}@media (max-width:576px){.dash-header{padding:15px;}.dash-avatar{width:55px;height:55px;font-size:22px;}.dash-info h1{font-size:18px;}.dash-finance{flex-direction:column;align-items:flex-start;}.dash-settings-grid{grid-template-columns:1fr;}.portfolio-fl-grid,.service-fl-grid{grid-template-columns:1fr;}.active-order-info{flex-direction:column;gap:5px;}}.freelancers-fl{max-width:1200px;margin:20px auto;padding:0 20px;}.freelancers-fl-layout{display:grid;grid-template-columns:280px 1fr;gap:30px;align-items:start;}.freelancers-fl-filter{position:sticky;top:80px;}.filter-card{background:var(--card-bg);border:1px solid var(--border);border-radius:15px;padding:20px;}.filter-label{font-size:13px;font-weight:700;margin-bottom:10px;color:var(--text);}.filter-select,.filter-input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:13px;outline:none;}.filter-select:focus,.filter-input:focus{border-color:var(--primary);}.filter-range{display:flex;gap:8px;}.filter-range .filter-input{flex:1;}.filter-check{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;cursor:pointer;}.filter-reset{width:100%;margin-top:10px;}.filter-apply{width:100%;margin-top:8px;justify-content:center;}.freelancers-fl-content{min-width:0;}.freelancers-fl-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}.freelancers-fl-h1{font-size:28px;font-weight:800;margin:0;}.freelancers-fl-tabs{display:flex;gap:5px;margin-bottom:15px;}.freelancers-fl-tab{padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;color:var(--text-secondary);border:1px solid var(--border);}.freelancers-fl-tab.active{background:var(--primary);color:#fff;border-color:var(--primary);}.freelancers-fl-cats{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:15px;}.freelancers-fl-cat{padding:6px 12px;border-radius:20px;font-size:12px;color:var(--text-secondary);background:var(--card-bg);border:1px solid var(--border);transition:.2s;}.freelancers-fl-cat:hover,.freelancers-fl-cat.active{color:var(--primary);border-color:var(--primary);}.freelancers-fl-search{margin-bottom:20px;}.search-form{display:flex;gap:10px;}.search-input-wrap{flex:1;display:flex;align-items:center;gap:8px;background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:10px 15px;}.search-input-wrap i{color:var(--text-secondary);}.search-input-wrap input{flex:1;border:none;background:transparent;outline:none;font-size:14px;color:var(--text);}.freelancers-fl-list{display:flex;flex-direction:column;gap:15px;}.freelancer-fl-card{background:var(--card-bg);border:1px solid var(--border);border-radius:15px;padding:20px;transition:.3s;}.freelancer-fl-card:hover{box-shadow:var(--shadow);border-color:var(--primary);}.freelancer-fl-main{display:flex;align-items:center;gap:15px;flex-wrap:wrap;}.freelancer-fl-avatar{width:60px;height:60px;border-radius:50%;position:relative;flex-shrink:0;}.freelancer-fl-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;}.online-dot{position:absolute;bottom:3px;right:3px;width:12px;height:12px;border-radius:50%;background:#10b981;border:2px solid var(--card-bg);}.freelancer-fl-info{flex:1;min-width:200px;}.freelancer-fl-name{font-size:16px;font-weight:700;margin-bottom:3px;}.freelancer-fl-name a{color:var(--text);}.freelancer-fl-spec{font-size:13px;color:var(--text-secondary);margin-bottom:8px;}.freelancer-fl-meta{display:flex;gap:15px;flex-wrap:wrap;font-size:12px;color:var(--text-secondary);}.freelancer-fl-meta i{margin-right:3px;}.freelancer-fl-action{flex-shrink:0;}.btn-success{background:#10b981;color:#fff;}.btn-success:hover{background:#059669;color:#fff;}.freelancer-fl-preview{display:flex;gap:10px;margin-top:15px;padding-top:15px;border-top:1px solid var(--border);overflow-x:auto;}.preview-item{display:block;min-width:180px;flex-shrink:0;background:var(--bg);border-radius:10px;overflow:hidden;}.preview-item img{width:100%;height:120px;object-fit:cover;}.preview-info{padding:8px 10px;}.preview-title{display:block;font-size:12px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.preview-type{font-size:11px;color:var(--text-secondary);}.preview-type.service{color:var(--primary);font-weight:600;}.favorite-btn:hover{color:#ef4444 !important;border-color:#ef4444 !important;}.pagination{display:flex;gap:5px;justify-content:center;margin-top:30px;}.pagination-btn{padding:8px 14px;border-radius:8px;border:1px solid var(--border);color:var(--text);font-size:14px;transition:.3s;display:inline-flex;align-items:center;}.pagination-btn:hover{background:var(--bg-hover);}.pagination-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);}@media (max-width:992px){.freelancers-fl-layout{grid-template-columns:1fr;}.freelancers-fl-filter{position:static;}}@media (max-width:576px){.freelancer-fl-main{flex-direction:column;align-items:flex-start;}.freelancer-fl-action{width:100%;}.freelancer-fl-action .btn{width:100%;justify-content:center;}.search-form{flex-direction:column;}}.orders-fl{max-width:1200px;margin:20px auto;padding:0 20px;}.orders-fl-layout{display:grid;grid-template-columns:280px 1fr;gap:30px;align-items:start;}.orders-fl-filter{position:sticky;top:80px;}.orders-fl-content{min-width:0;}.orders-fl-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}.orders-fl-h1{font-size:28px;font-weight:800;margin:0;}.orders-fl-tabs{display:flex;gap:5px;margin-bottom:15px;}.orders-fl-tab{padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;color:var(--text-secondary);border:1px solid var(--border);}.orders-fl-tab.active{background:var(--primary);color:#fff;border-color:var(--primary);}.orders-fl-cats{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:15px;}.orders-fl-cat{padding:6px 12px;border-radius:20px;font-size:12px;color:var(--text-secondary);background:var(--card-bg);border:1px solid var(--border);transition:.2s;}.orders-fl-cat:hover,.orders-fl-cat.active{color:var(--primary);border-color:var(--primary);}.orders-fl-list{display:flex;flex-direction:column;gap:15px;}.order-fl-item{background:var(--card-bg);border:1px solid var(--border);border-radius:15px;padding:20px;transition:.3s;}.order-fl-item:hover{box-shadow:var(--shadow);border-color:var(--primary);}.order-fl-title{font-size:18px;font-weight:700;margin-bottom:10px;}.order-fl-title a{color:var(--text);}.order-fl-title a:hover{color:var(--primary);}.order-fl-price{margin-bottom:10px;}.price-bold{font-size:20px;font-weight:800;color:var(--primary);}.order-fl-desc{font-size:13px;color:var(--text-secondary);margin-bottom:15px;line-height:1.5;}.order-fl-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding-top:15px;border-top:1px solid var(--border);}.order-fl-actions{display:flex;gap:10px;}.order-btn-respond{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;background:var(--primary);color:#fff;font-size:13px;font-weight:600;transition:.3s;}.order-btn-respond:hover{background:var(--primary-dark);color:#fff;}.order-fl-meta{display:flex;align-items:center;gap:15px;flex-wrap:wrap;font-size:12px;color:var(--text-secondary);}.order-fl-type{padding:3px 8px;border-radius:5px;background:rgba(99,102,241,.08);color:var(--primary);font-weight:600;}.order-fl-stats{display:flex;gap:10px;}.order-fl-stats i{margin-right:3px;}@media (max-width:992px){.orders-fl-layout{grid-template-columns:1fr;}.orders-fl-filter{position:static;}}@media (max-width:576px){.order-fl-footer{flex-direction:column;align-items:flex-start;}}.services-page{max-width:1200px;margin:20px auto;padding:0 20px;}.services-layout{display:grid;grid-template-columns:280px 1fr;gap:30px;align-items:start;}.services-filters{position:sticky;top:80px;}.filters-card{background:var(--card-bg);border:1px solid var(--border);border-radius:15px;padding:20px;}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}.filters-header h3{font-size:16px;font-weight:700;margin:0;display:flex;align-items:center;gap:5px;}.filters-reset{font-size:12px;color:var(--text-secondary);}.filters-reset:hover{color:var(--primary);}.filter-group{margin-bottom:20px;}.filter-label{display:block;font-size:13px;font-weight:600;margin-bottom:8px;}.filter-select,.filter-input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:13px;outline:none;}.filter-range{display:flex;align-items:center;gap:8px;}.filter-range-sep{color:var(--text-secondary);}.filter-hint{font-size:11px;color:var(--text-secondary);margin-top:5px;}.filter-checks{display:flex;flex-direction:column;gap:8px;}.filter-check{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer;}.checkmark{width:16px;height:16px;border:1px solid var(--border);border-radius:4px;display:inline-block;}.filters-apply{width:100%;justify-content:center;}.filters-count{background:rgba(255,255,255,.2);padding:2px 8px;border-radius:20px;font-size:11px;}.services-content{min-width:0;}.services-header{margin-bottom:20px;}.services-title{font-size:28px;font-weight:800;margin:0 0 5px;}.services-subtitle{font-size:14px;color:var(--text-secondary);margin:0;}.services-search-bar{margin-bottom:20px;}.search-form{display:flex;gap:10px;}.search-input-wrap{flex:1;display:flex;align-items:center;gap:8px;background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:10px 15px;}.search-input-wrap i{color:var(--text-secondary);}.search-input-wrap input{flex:1;border:none;background:transparent;outline:none;font-size:14px;color:var(--text);}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}.service-card{background:var(--card-bg);border:1px solid var(--border);border-radius:15px;overflow:hidden;transition:.3s;position:relative;}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--primary);}.service-card-preview{position:relative;height:180px;overflow:hidden;}.service-card-preview img{width:100%;height:100%;object-fit:cover;}.service-card-badges{position:absolute;top:10px;left:10px;display:flex;gap:5px;}.service-badge{padding:4px 8px;border-radius:5px;font-size:11px;font-weight:600;}.service-badge.verified{background:rgba(99,102,241,.9);color:#fff;}.service-badge.fast{background:rgba(16,185,129,.9);color:#fff;}.service-card-body{padding:15px;}.service-card-meta{display:flex;justify-content:space-between;margin-bottom:5px;}.service-card-price{font-size:15px;font-weight:800;color:var(--primary);}.service-card-delivery{font-size:12px;color:var(--text-secondary);}.service-card-title{font-size:14px;font-weight:600;margin-bottom:10px;}.service-card-author{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);}.author-avatar{width:25px;height:25px;border-radius:50%;overflow:hidden;flex-shrink:0;}.author-avatar img{width:100%;height:100%;object-fit:cover;}.author-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.author-rating{color:#f59e0b;font-weight:600;}.author-rating i{font-size:11px;}@media (max-width:992px){.services-layout{grid-template-columns:1fr;}.services-filters{position:static;}.services-grid{grid-template-columns:repeat(2,1fr);}}@media (max-width:576px){.services-grid{grid-template-columns:1fr;}}.service-view-container{max-width:1200px;margin:20px auto;padding:0 20px;}.service-view-breadcrumbs{display:flex;gap:8px;align-items:center;margin-bottom:20px;font-size:13px;color:var(--text-secondary);}.service-view-breadcrumbs a{color:var(--text-secondary);}.service-view-breadcrumbs a:hover{color:var(--primary);}.service-view-layout{display:grid;grid-template-columns:350px 1fr;gap:30px;align-items:start;}.service-view-sidebar{position:sticky;top:80px;}.service-view-card{background:var(--card-bg);border:1px solid var(--border);border-radius:15px;padding:20px;}.service-view-author-row{display:flex;align-items:center;gap:10px;margin-bottom:15px;}.service-view-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;flex-shrink:0;}.service-view-avatar img{width:100%;height:100%;object-fit:cover;}.service-view-author-info{flex:1;}.service-view-author-name{font-weight:700;font-size:15px;}.service-view-author-spec{font-size:13px;color:var(--text-secondary);}.service-view-chat-hint{background:var(--bg);padding:10px;border-radius:10px;text-align:center;font-size:13px;color:var(--text-secondary);margin-bottom:15px;}.service-view-price-row{margin-bottom:10px;}.service-view-price-label{font-size:12px;color:var(--text-secondary);}.service-view-price-big{font-size:28px;font-weight:800;}.service-view-content{min-width:0;}.service-view-title{font-size:28px;font-weight:800;margin-bottom:20px;}.service-view-section{margin-bottom:30px;}.service-view-section h2{font-size:20px;font-weight:700;margin-bottom:15px;}.service-view-text{font-size:14px;line-height:1.6;color:var(--text);}.service-view-images{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}.service-view-images img{width:100%;border-radius:10px;cursor:pointer;}.service-view-footer{display:flex;gap:20px;padding-top:20px;border-top:1px solid var(--border);font-size:13px;color:var(--text-secondary);}.w-100{width:100%;}@media (max-width:992px){.service-view-layout{grid-template-columns:1fr;}.service-view-sidebar{position:static;}}@media (max-width:576px){.service-view-images{grid-template-columns:1fr;}}.service-view-container{max-width:1200px;margin:20px auto 60px;padding:0 20px;}.service-view-breadcrumbs{display:flex;gap:8px;align-items:center;margin-bottom:25px;font-size:13px;color:var(--text-secondary);padding:10px 15px;background:var(--card-bg);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;}.service-view-breadcrumbs a{color:var(--text-secondary);transition:.2s;}.service-view-breadcrumbs a:hover{color:var(--primary);}.service-view-layout{display:grid;grid-template-columns:370px 1fr;gap:30px;align-items:start;}.service-view-sidebar{position:sticky;top:80px;}.service-view-card{background:var(--card-bg);border:1px solid var(--border);border-radius:20px;padding:25px;box-shadow:var(--shadow);position:relative;overflow:hidden;}.service-view-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient);}.service-view-author-row{display:flex;align-items:center;gap:12px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid var(--border);}.service-view-avatar{width:55px;height:55px;border-radius:50%;overflow:hidden;flex-shrink:0;box-shadow:0 3px 10px rgba(99,102,241,.25);}.service-view-avatar img{width:100%;height:100%;object-fit:cover;}.service-view-author-name{font-weight:700;font-size:16px;}.service-view-author-spec{font-size:13px;color:var(--text-secondary);}.service-view-chat-hint{background:linear-gradient(135deg,rgba(99,102,241,.08),rgba(6,182,212,.08));border:1px dashed var(--border);padding:12px;border-radius:12px;text-align:center;font-size:13px;color:var(--text-secondary);margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:8px;}.service-view-price-row{margin-bottom:15px;padding:15px;background:var(--bg);border-radius:12px;transition:.3s;}.service-view-price-row:hover{background:var(--bg-hover);transform:translateX(5px);}.service-view-price-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px;}.service-view-price-big{font-size:30px;font-weight:800;color:var(--primary);line-height:1;}.service-view-buy-btn{width:100%;padding:16px;font-size:16px;font-weight:700;border-radius:12px;background:var(--gradient);color:#fff;border:none;cursor:pointer;transition:.3s;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 5px 20px rgba(99,102,241,.3);}.service-view-buy-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(99,102,241,.45);}.service-view-fee{text-align:center;font-size:12px;color:var(--text-secondary);margin-top:10px;padding:8px;background:var(--bg);border-radius:8px;}.service-view-content{min-width:0;}.service-view-title{font-size:32px;font-weight:800;margin-bottom:25px;letter-spacing:-0.5px;position:relative;padding-bottom:15px;}.service-view-title::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:3px;background:var(--gradient);border-radius:3px;}.service-view-section{margin-bottom:30px;background:var(--card-bg);border:1px solid var(--border);border-radius:15px;padding:25px;transition:.3s;}.service-view-section:hover{box-shadow:var(--shadow);border-color:var(--primary);}.service-view-section h2{font-size:20px;font-weight:700;margin-bottom:15px;display:flex;align-items:center;gap:8px;}.service-view-text{font-size:14px;line-height:1.7;color:var(--text);white-space:pre-line;}.service-view-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;}.service-view-images img{width:100%;border-radius:12px;cursor:pointer;transition:.3s;aspect-ratio:4/3;object-fit:cover;}.service-view-images img:hover{transform:scale(1.03);box-shadow:var(--shadow-lg);}.service-view-footer{display:flex;gap:20px;padding:20px;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;font-size:13px;color:var(--text-secondary);}.service-view-footer span{display:flex;align-items:center;gap:5px;}@media (max-width:992px){.service-view-layout{grid-template-columns:1fr;}.service-view-sidebar{position:static;}}@media (max-width:576px){.service-view-title{font-size:24px;}.service-view-price-big{font-size:24px;}.service-view-section{padding:18px;}}.order-detail{max-width:1200px;margin:20px auto 60px;padding:0 20px;}.order-detail-layout{display:grid;grid-template-columns:320px 1fr;gap:30px;align-items:start;}.order-detail-sidebar{position:sticky;top:80px;}.order-customer-card{background:var(--card-bg);border:1px solid var(--border);border-radius:20px;padding:25px;box-shadow:var(--shadow);position:relative;overflow:hidden;}.order-customer-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient);}.customer-header{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border);}.customer-avatar-lg{width:60px;height:60px;border-radius:50%;background:var(--gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;flex-shrink:0;box-shadow:0 5px 15px rgba(99,102,241,.25);}.customer-label{font-size:18px;font-weight:700;}.customer-info{margin-bottom:20px;}.info-row{display:flex;justify-content:space-between;font-size:13px;margin-bottom:8px;}.info-label{color:var(--text-secondary);}.info-value{font-weight:600;}.responses-stats{margin-bottom:20px;}.stats-title{font-size:14px;font-weight:700;margin-bottom:10px;}.stats-row{display:flex;justify-content:space-between;font-size:13px;color:var(--text-secondary);}.order-detail-content{min-width:0;}.order-detail-title{font-size:32px;font-weight:800;margin-bottom:15px;letter-spacing:-0.5px;position:relative;padding-bottom:15px;}.order-detail-title::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:3px;background:var(--gradient);border-radius:3px;}.order-budget-row{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding:15px 20px;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;}.budget-label{font-size:14px;color:var(--text-secondary);}.budget-value{font-size:24px;font-weight:800;color:var(--primary);}.order-description{background:var(--card-bg);border:1px solid var(--border);border-radius:15px;padding:25px;margin-bottom:20px;font-size:14px;line-height:1.7;}.order-description p{white-space:pre-line;}.order-dates{font-size:13px;color:var(--text-secondary);margin-bottom:30px;padding:10px 15px;background:var(--card-bg);border-radius:8px;display:inline-block;}.respond-form-section{background:var(--card-bg);border:1px solid var(--border);border-radius:20px;padding:30px;margin-top:20px;box-shadow:var(--shadow);}.respond-title{font-size:22px;font-weight:800;margin-bottom:20px;display:flex;align-items:center;gap:8px;}.respond-textarea{resize:vertical;min-height:120px;}.respond-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0;}.respond-col{min-width:0;}.respond-actions{display:flex;gap:10px;}.order-footer-links{margin-top:30px;padding-top:20px;border-top:1px solid var(--border);}.order-footer-links a{color:var(--text-secondary);font-size:14px;display:inline-flex;align-items:center;gap:5px;transition:.3s;}.order-footer-links a:hover{color:var(--primary);}.submit-work-section,.revision-section,.complete-section{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:24px;margin:20px 0;}.submit-work-section h3,.complete-section h3{font-size:16px;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:8px;}.submitted-waiting{display:flex;align-items:center;gap:10px;background:rgba(245,158,11,.1);border:1px solid #d97706;border-radius:10px;padding:16px;margin:20px 0;color:#d97706;font-weight:600;}.completed-order-panel{background:rgba(34,197,94,.05);border:1px solid #16a34a;border-radius:12px;padding:24px;margin:20px 0;text-align:center;}.completed-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px;}.completed-header i{font-size:28px;color:#16a34a;}.completed-header h2{color:#16a34a;font-size:20px;margin:0;}.customer-action-panel{background:rgba(245,158,11,.05);border:1px solid #d97706;border-radius:12px;padding:20px;margin:20px 0;}.customer-action-panel.completed{background:rgba(34,197,94,.05);border-color:#16a34a;}.customer-actions{display:flex;gap:10px;}.review-expired{background:rgba(100,116,139,.1);border:1px solid #64748b;border-radius:10px;padding:16px;text-align:center;color:#64748b;font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px;}.reviews-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}.review-card{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:16px;}.review-card-header{display:flex;align-items:center;gap:10px;margin-bottom:10px;}.review-avatar{width:36px;height:36px;border-radius:50%;background:var(--gradient);display:grid;place-items:center;color:#fff;font-weight:700;}.review-name{font-weight:600;font-size:14px;}.review-role{font-size:11px;color:var(--text-secondary);}.review-stars{margin-left:auto;color:#f59e0b;font-size:14px;}@media (max-width:992px){.order-detail-layout{grid-template-columns:1fr;}.order-detail-sidebar{position:static;}}@media (max-width:576px){.order-detail-title{font-size:24px;}.respond-row{grid-template-columns:1fr;}.reviews-grid{grid-template-columns:1fr;}}.my-response-section{background:var(--card-bg);border:1px solid var(--border);border-radius:20px;padding:30px;margin-top:20px;box-shadow:var(--shadow);position:relative;overflow:hidden;}.my-response-section::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient);}.my-response-actions{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap;}.my-response-card{background:var(--bg);border:1px solid var(--border);border-radius:15px;padding:20px;transition:.3s;}.my-response-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);}.response-author{display:flex;align-items:center;gap:12px;margin-bottom:15px;}.response-avatar{width:45px;height:45px;border-radius:50%;overflow:hidden;flex-shrink:0;box-shadow:0 3px 10px rgba(99,102,241,.2);}.response-avatar img{width:100%;height:100%;object-fit:cover;}.response-name{font-weight:700;font-size:15px;}.response-date{font-size:12px;color:var(--text-secondary);}.response-text{font-size:14px;line-height:1.6;color:var(--text);margin-bottom:15px;padding:15px;background:var(--card-bg);border-radius:10px;}.response-meta{display:flex;gap:15px;flex-wrap:wrap;font-size:13px;color:var(--text-secondary);padding-top:15px;border-top:1px solid var(--border);}.response-meta span{display:inline-flex;align-items:center;gap:5px;}.response-meta i{color:var(--primary);}.text-danger{color:#ef4444 !important;}.text-danger:hover{background:rgba(239,68,68,.08) !important;border-color:#ef4444 !important;}.portfolio-view-container{max-width:1200px;margin:20px auto 60px;padding:0 20px;display:grid;grid-template-columns:1fr 350px;gap:30px;align-items:start;}.portfolio-view-main{min-width:0;}.portfolio-view-image-wrap{border-radius:20px;overflow:hidden;margin-bottom:25px;box-shadow:var(--shadow-lg);position:relative;}.portfolio-view-image{width:100%;max-height:500px;object-fit:cover;display:block;}.portfolio-view-info{margin-bottom:25px;}.portfolio-view-title{font-size:32px;font-weight:800;margin-bottom:15px;letter-spacing:-0.5px;position:relative;padding-bottom:15px;}.portfolio-view-title::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:3px;background:var(--gradient);border-radius:3px;}.portfolio-view-author{display:flex;align-items:center;gap:12px;margin-bottom:15px;}.portfolio-view-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;flex-shrink:0;box-shadow:0 3px 10px rgba(99,102,241,.25);}.portfolio-view-avatar img{width:100%;height:100%;object-fit:cover;}.portfolio-view-author-name{font-weight:700;font-size:16px;color:var(--text);}.portfolio-view-author-name:hover{color:var(--primary);}.portfolio-view-author-spec{font-size:13px;color:var(--text-secondary);}.portfolio-view-stats{display:flex;gap:10px;}.portfolio-view-stat{display:inline-flex;align-items:center;gap:5px;padding:8px 15px;border-radius:20px;background:var(--card-bg);border:1px solid var(--border);font-size:13px;color:var(--text-secondary);cursor:pointer;transition:.3s;}.portfolio-view-stat:hover{border-color:var(--primary);color:var(--primary);}.portfolio-view-stat i{font-size:14px;}.portfolio-view-section{background:var(--card-bg);border:1px solid var(--border);border-radius:15px;padding:25px;margin-bottom:20px;transition:.3s;}.portfolio-view-section:hover{box-shadow:var(--shadow);border-color:var(--primary);}.portfolio-view-section h2{font-size:20px;font-weight:700;margin-bottom:15px;display:flex;align-items:center;gap:8px;}.portfolio-view-desc{font-size:14px;line-height:1.7;color:var(--text);white-space:pre-line;}.portfolio-view-details{display:flex;flex-direction:column;gap:15px;}.portfolio-view-detail{display:flex;justify-content:space-between;align-items:center;font-size:14px;gap:10px;}.portfolio-view-detail > span:first-child{color:var(--text-secondary);}.skills{display:flex;flex-wrap:wrap;gap:5px;}.skill-tag{padding:5px 10px;border-radius:20px;background:rgba(99,102,241,.08);color:var(--primary);font-size:12px;font-weight:500;}.portfolio-comment-form{display:flex;gap:10px;align-items:flex-start;margin-bottom:20px;}.portfolio-comment-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;}.portfolio-comment-avatar img{width:100%;height:100%;object-fit:cover;}.portfolio-comment-input{flex:1;padding:12px 15px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);font-size:14px;resize:vertical;outline:none;transition:.3s;}.portfolio-comment-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,.1);}.portfolio-comments-list{display:flex;flex-direction:column;gap:10px;}.portfolio-comment{display:flex;gap:10px;padding:15px;background:var(--bg);border-radius:10px;}.portfolio-comment p{font-size:13px;margin:5px 0;}.portfolio-comment small{font-size:11px;color:var(--text-secondary);}.portfolio-view-sidebar{position:sticky;top:80px;display:flex;flex-direction:column;gap:20px;}.portfolio-view-card{background:var(--card-bg);border:1px solid var(--border);border-radius:15px;padding:20px;position:relative;overflow:hidden;}.portfolio-view-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient);}.portfolio-view-card h3{font-size:16px;font-weight:700;margin-bottom:15px;}.portfolio-view-author-card{text-align:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid var(--border);}.portfolio-view-avatar-lg{width:70px;height:70px;border-radius:50%;overflow:hidden;margin:0 auto 10px;display:block;box-shadow:0 5px 15px rgba(99,102,241,.25);}.portfolio-view-avatar-lg img{width:100%;height:100%;object-fit:cover;}.portfolio-view-rating{color:#f59e0b;font-size:14px;font-weight:600;}.portfolio-view-other{display:flex;flex-direction:column;gap:10px;}.portfolio-view-other-item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;transition:.3s;}.portfolio-view-other-item:hover{background:var(--bg);}.portfolio-view-other-item img{width:50px;height:50px;border-radius:8px;object-fit:cover;flex-shrink:0;}.portfolio-view-other-noimg{width:50px;height:50px;border-radius:8px;background:var(--bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;}.portfolio-view-other-item span{font-size:13px;font-weight:600;flex:1;}.w-100{width:100%;}@media (max-width:992px){.portfolio-view-container{grid-template-columns:1fr;}.portfolio-view-sidebar{position:static;}}@media (max-width:576px){.portfolio-view-title{font-size:24px;}.portfolio-view-image{max-height:300px;}.portfolio-comment-form{flex-direction:column;}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:20px;}.auth-shell{display:grid;grid-template-columns:1fr 1fr;max-width:1000px;width:100%;background:var(--card-bg);border-radius:24px;overflow:hidden;box-shadow:var(--shadow-lg);min-height:600px;}.auth-story{background:var(--gradient);color:#fff;padding:50px 40px;display:flex;flex-direction:column;justify-content:space-between;}.auth-brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:800;}.auth-brand-mark{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:20px;}.auth-hero h1{font-size:36px;font-weight:800;line-height:1.2;margin-bottom:15px;}.auth-gradient-text{color:#fbbf24;}.auth-hero p{font-size:15px;opacity:.85;line-height:1.6;margin-bottom:30px;}.auth-metrics{display:flex;gap:30px;}.auth-metric b{font-size:24px;font-weight:800;display:block;}.auth-metric span{font-size:12px;opacity:.8;}.auth-system-card{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);border-radius:12px;padding:15px;backdrop-filter:blur(10px);}.auth-system-card i{font-size:24px;}.auth-system-card b{display:block;font-size:13px;}.auth-system-card span{font-size:11px;opacity:.8;}.auth-ok{margin-left:auto;padding:4px 10px;border-radius:20px;background:rgba(16,185,129,.2);font-size:11px;font-weight:600;}.auth-panel{padding:40px;display:flex;align-items:center;justify-content:center;}.auth-form{width:100%;max-width:380px;}.auth-tabs{display:flex;gap:5px;margin-bottom:25px;background:var(--bg);border-radius:30px;padding:5px;}.auth-tab{flex:1;padding:10px;border:none;background:transparent;border-radius:25px;cursor:pointer;font-size:14px;font-weight:600;color:var(--text-secondary);transition:.3s;display:flex;align-items:center;justify-content:center;gap:5px;}.auth-tab.active{background:var(--primary);color:#fff;}.auth-form-head{margin-bottom:20px;}.auth-form-head h2{font-size:24px;font-weight:800;margin-bottom:5px;}.auth-form-head p{font-size:13px;color:var(--text-secondary);margin:0;}.auth-field{position:relative;margin-bottom:20px;}.auth-field label{display:block;font-size:13px;font-weight:600;margin-bottom:8px;}.auth-field input{width:100%;padding:14px 15px 14px 40px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);font-size:14px;outline:none;transition:.3s;}.auth-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,.1);}.auth-field i{position:absolute;left:13px;bottom:14px;color:var(--text-secondary);font-size:16px;}.auth-submit{width:100%;padding:14px;border:none;border-radius:10px;background:var(--gradient);color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:.3s;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 5px 20px rgba(99,102,241,.3);}.auth-submit:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(99,102,241,.45);}.auth-roles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;}.auth-role input{display:none;}.auth-role-card{padding:15px;border:2px solid var(--border);border-radius:12px;text-align:center;cursor:pointer;transition:.3s;}.auth-role input:checked + .auth-role-card{border-color:var(--primary);background:rgba(99,102,241,.05);}.auth-role-card i{font-size:22px;color:var(--primary);}.auth-role-card span{display:block;font-weight:700;font-size:14px;margin-top:5px;}.auth-role-card small{display:block;font-size:11px;color:var(--text-secondary);}.auth-links{text-align:center;margin-top:15px;}.auth-links a{font-size:13px;color:var(--text-secondary);}.auth-links a:hover{color:var(--primary);}@media (max-width:768px){.auth-shell{grid-template-columns:1fr;}.auth-story{display:none;}.auth-panel{padding:30px 20px;}}.auth-page{min-height:100vh;margin:0;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 12% 18%,rgba(14,165,233,.25),transparent 29rem),radial-gradient(circle at 86% 12%,rgba(79,70,229,.22),transparent 30rem),radial-gradient(circle at 54% 88%,rgba(34,197,94,.11),transparent 32rem),var(--bg);}.auth-shell{width:min(1120px,100%);min-height:680px;border:1px solid var(--border);background:var(--card-bg);box-shadow:0 30px 90px rgba(15,23,42,.16);backdrop-filter:blur(26px);border-radius:34px;display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden;position:relative;}.auth-shell::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 45%);pointer-events:none;}.auth-story{padding:46px;display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:1;}.auth-brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:22px;letter-spacing:.03em;}.auth-brand-mark{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:var(--gradient);box-shadow:0 18px 44px rgba(14,165,233,.24);font-size:22px;color:#fff;}.auth-hero{max-width:610px;}.auth-hero .auth-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#0ea5e9;background:rgba(14,165,233,.10);border:1px solid rgba(14,165,233,.22);border-radius:999px;padding:9px 13px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px;}.auth-hero h1{font-size:clamp(34px,4.6vw,48px);line-height:1.05;letter-spacing:-.04em;margin:0 0 16px;font-weight:800;}.auth-hero p{color:var(--text-secondary);font-size:16px;line-height:1.68;margin:0;}.auth-gradient-text{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent;}.auth-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:38px;}.auth-metric{border:1px solid var(--border);background:var(--bg);border-radius:20px;padding:16px;}.auth-metric b{display:block;font-size:22px;font-weight:800;}.auth-metric span{display:block;color:var(--text-secondary);font-size:12px;margin-top:5px;}.auth-system-card{border:1px solid var(--border);background:var(--bg);border-radius:26px;padding:18px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:13px;align-items:center;box-shadow:0 18px 54px rgba(0,0,0,.08);margin-top:12px;}.auth-system-card i{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:rgba(14,165,233,.12);color:#0ea5e9;font-size:20px;}.auth-system-card b{display:block;font-size:14px;}.auth-system-card span{display:block;color:var(--text-secondary);font-size:13px;margin-top:4px;}.auth-ok{display:inline-flex;align-items:center;gap:8px;color:#22c55e;font-size:12px;font-weight:800;}.auth-ok::before{content:"";width:8px;height:8px;border-radius:50%;background:#22c55e;animation:auth-pulse 1.4s infinite;}@keyframes auth-pulse{to{box-shadow:0 0 0 9px rgba(34,197,94,0);}}.auth-panel{padding:38px;background:var(--card-bg);border-left:1px solid var(--border);display:flex;align-items:center;position:relative;z-index:1;}.auth-form{width:100%;max-width:430px;margin:0 auto;}.auth-tabs{display:flex;gap:6px;background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:5px;margin-bottom:26px;}.auth-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 18px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--text-secondary);font-weight:800;font-size:14px;cursor:pointer;transition:.18s ease;font-family:inherit;}.auth-tab i{font-size:18px;}.auth-tab:hover{color:var(--text);}.auth-tab.active{color:#fff;background:var(--gradient);box-shadow:0 10px 28px rgba(37,99,235,.28);border-color:transparent;}.auth-form-head{margin-bottom:28px;}.auth-form-head h2{font-size:30px;letter-spacing:-.04em;margin:0 0 9px;font-weight:800;}.auth-form-head p{color:var(--text-secondary);margin:0;font-size:14px;}.auth-field{position:relative;margin-bottom:18px;}.auth-field label{display:block;color:var(--text-secondary);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;}.auth-field input{width:100%;border:1px solid var(--border);color:var(--text);background:var(--bg);border-radius:17px;padding:16px 50px 16px 16px;outline:none;font-size:15px;font-family:inherit;transition:.3s;}.auth-field input:focus{border-color:rgba(14,165,233,.7);box-shadow:0 0 0 4px rgba(14,165,233,.13);}.auth-field i{position:absolute;right:17px;bottom:16px;color:var(--text-secondary);font-size:16px;}.auth-submit{width:100%;border:0;border-radius:17px;padding:16px;color:#fff;font-weight:800;cursor:pointer;background:var(--gradient);box-shadow:0 18px 42px rgba(37,99,235,.28);font-family:inherit;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px;transition:.3s;}.auth-submit:hover{filter:saturate(1.08) brightness(1.02);transform:translateY(-1px);}.auth-roles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;}.auth-role{position:relative;}.auth-role input{display:none;}.auth-role-card{padding:15px;border:1px solid var(--border);border-radius:14px;text-align:center;cursor:pointer;transition:.2s;background:var(--bg);}.auth-role input:checked + .auth-role-card{border-color:var(--primary);background:rgba(99,102,241,.06);}.auth-role-card i{font-size:22px;color:var(--primary);}.auth-role-card span{display:block;font-weight:700;font-size:14px;margin-top:5px;}.auth-role-card small{display:block;font-size:11px;color:var(--text-secondary);margin-top:2px;}.auth-links{text-align:center;margin-top:16px;}.auth-links a{color:var(--text-secondary);font-size:13px;font-weight:600;}.auth-links a:hover{color:var(--primary);}@media (max-width:920px){.auth-shell{grid-template-columns:1fr;min-height:auto;}.auth-story{padding:30px;}.auth-panel{border-left:0;border-top:1px solid var(--border);padding:30px;}.auth-metrics{grid-template-columns:repeat(3,1fr);}}@media (max-width:560px){.auth-page{padding:10px;}.auth-shell{border-radius:24px;}.auth-story,.auth-panel{padding:22px;}.auth-hero h1{font-size:28px;}.auth-metrics{grid-template-columns:1fr;}.auth-system-card{grid-template-columns:42px 1fr;}.auth-ok{grid-column:2;}.auth-form-head h2{font-size:24px;}.auth-tabs{flex-direction:column;}}.auth-theme-btn{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:14px;width:44px;height:44px;display:grid;place-items:center;margin-left:auto;cursor:pointer;font-size:18px;transition:.3s;}.auth-theme-btn:hover{border-color:var(--primary);color:var(--primary);}.auth-alert{border:1px solid rgba(239,68,68,.35);background:rgba(239,68,68,.10);color:#ef4444;border-radius:16px;padding:12px 14px;margin-bottom:18px;font-weight:600;font-size:14px;}.auth-footnote{margin-top:24px;border-top:1px solid var(--border);padding-top:18px;display:flex;gap:10px;color:var(--text-secondary);font-size:13px;line-height:1.5;}.auth-footnote i{color:#0ea5e9;margin-top:2px;}.auth-tag{color:#0ea5e9;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:5px;}.login-shell{width:min(1120px,100%);min-height:680px;border:1px solid var(--line,var(--border));background:var(--glass,var(--card-bg));box-shadow:0 30px 90px rgba(15,23,42,.16);backdrop-filter:blur(26px);border-radius:34px;display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden;position:relative;margin:0 auto;}.login-shell::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 45%);pointer-events:none;}.story,.panel{position:relative;z-index:1;}.story{padding:46px;display:flex;flex-direction:column;justify-content:space-between;}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.03em;font-size:22px;}.brand-mark{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:var(--gradient);box-shadow:0 18px 44px rgba(14,165,233,.24);font-size:22px;color:#fff;}.hero-copy{max-width:610px;}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#0ea5e9;background:rgba(14,165,233,.10);border:1px solid rgba(14,165,233,.22);border-radius:999px;padding:9px 13px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px;}.hero-copy h1{font-size:clamp(34px,4.6vw,48px);line-height:1.05;letter-spacing:-.04em;margin:0 0 16px;font-weight:800;}.hero-copy p{color:var(--muted,var(--text-secondary));font-size:16px;line-height:1.68;margin:0;}.grad{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent;}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:38px;}.metric{border:1px solid var(--line,var(--border));background:var(--bg);border-radius:20px;padding:16px;}.metric b{display:block;font-size:22px;font-weight:800;}.metric span{display:block;color:var(--muted,var(--text-secondary));font-size:12px;margin-top:5px;}.system-card{border:1px solid var(--line,var(--border));background:var(--bg);border-radius:26px;padding:18px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:13px;align-items:center;box-shadow:0 18px 54px rgba(0,0,0,.08);margin-top:12px;}.system-card i{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:rgba(14,165,233,.12);color:#0ea5e9;font-size:20px;}.system-card b{display:block;font-size:14px;}.system-card span{display:block;color:var(--muted,var(--text-secondary));font-size:13px;margin-top:4px;}.ok{display:inline-flex;align-items:center;gap:8px;color:#22c55e;font-size:12px;font-weight:800;}.ok::before{content:"";width:8px;height:8px;border-radius:50%;background:#22c55e;animation:pulse 1.4s infinite;}@keyframes pulse{to{box-shadow:0 0 0 9px rgba(34,197,94,0);}}.panel{padding:38px;background:var(--card-bg);border-left:1px solid var(--line,var(--border));display:flex;align-items:center;}.card{width:100%;max-width:430px;margin:0 auto;}.theme{border:1px solid var(--line,var(--border));background:var(--bg);color:var(--text);border-radius:14px;width:44px;height:44px;display:grid;place-items:center;margin-left:auto;cursor:pointer;font-size:18px;transition:.3s;}.theme:hover{border-color:var(--brand,var(--primary));}.system-tabs{display:flex;gap:6px;background:var(--bg);border:1px solid var(--line,var(--border));border-radius:16px;padding:5px;margin-bottom:26px;}.system-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 18px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--muted,var(--text-secondary));font-weight:800;font-size:14px;cursor:pointer;transition:.18s ease;font-family:inherit;}.system-tab i{font-size:18px;}.system-tab:hover{color:var(--text);}.system-tab.active{color:#fff;background:var(--gradient);box-shadow:0 10px 28px rgba(37,99,235,.28);border-color:transparent;}.form-head{margin-bottom:28px;}.form-head .tag{color:#0ea5e9;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;}.form-head h2{font-size:30px;letter-spacing:-.04em;margin:9px 0;font-weight:800;}.form-head p{color:var(--muted,var(--text-secondary));margin:0;line-height:1.55;font-size:14px;}.alert{border:1px solid rgba(239,68,68,.35);background:rgba(239,68,68,.10);color:#ef4444;border-radius:16px;padding:12px 14px;margin-bottom:18px;font-weight:600;font-size:14px;}.field{position:relative;margin-bottom:18px;}.field label{display:block;color:var(--muted,var(--text-secondary));font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;}.field input{width:100%;border:1px solid var(--line,var(--border));color:var(--text);background:var(--bg);border-radius:17px;padding:16px 50px 16px 16px;outline:none;font-size:15px;font-family:inherit;transition:.3s;}.field input:focus{border-color:rgba(14,165,233,.7);box-shadow:0 0 0 4px rgba(14,165,233,.13);}.field i{position:absolute;right:17px;bottom:16px;color:var(--muted,var(--text-secondary));font-size:16px;}.submit{width:100%;border:0;border-radius:17px;padding:16px;color:#fff;font-weight:800;cursor:pointer;background:var(--gradient);box-shadow:0 18px 42px rgba(37,99,235,.28);font-family:inherit;font-size:15px;transition:.3s;}.submit:hover{filter:saturate(1.08) brightness(1.02);}.footnote{margin-top:24px;border-top:1px solid var(--line,var(--border));padding-top:18px;display:flex;gap:10px;color:var(--muted,var(--text-secondary));font-size:13px;line-height:1.5;}.footnote i{color:#0ea5e9;margin-top:2px;}@media (max-width:920px){.login-shell{grid-template-columns:1fr;min-height:auto;}.story{min-height:auto;padding:30px;}.panel{border-left:0;border-top:1px solid var(--line,var(--border));padding:30px;}.system-card{margin-top:28px;}}@media (max-width:560px){.login-shell{border-radius:24px;}.story,.panel{padding:22px;}.hero-copy h1{font-size:28px;}.metrics{grid-template-columns:1fr;}.system-card{grid-template-columns:42px 1fr;}.ok{grid-column:2;}.form-head h2{font-size:24px;}.system-tabs{flex-direction:column;}}.login-shell ~ .footer{display:none !important;}body:has(.login-shell){min-height:100vh;margin:0;display:grid;place-items:center;padding:28px;background:var(--bg);}.login-shell{width:min(1120px,100%);min-height:680px;margin:0 auto;}@media (max-width:920px){body:has(.login-shell){display:block;padding:16px;}}@media (max-width:560px){body:has(.login-shell){padding:10px;}}.fh-header .notifications-wrapper{position:relative;}.fh-header .notification-badge{position:absolute;top:-2px;right:-2px;width:18px;height:18px;background:#ef4444;color:#fff;border-radius:50%;font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:700;}.fh-header .notifications-dropdown{position:absolute;top:50px;right:0;width:350px;background:var(--card-bg);border:1px solid var(--border);border-radius:15px;box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden;}.fh-header .notifications-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid var(--border);font-weight:600;}.fh-header .mark-all-read{background:none;border:none;color:var(--primary);cursor:pointer;font-size:13px;}.fh-header .notifications-list{max-height:400px;overflow-y:auto;}.fh-header .notifications-empty{padding:30px;text-align:center;color:var(--text-secondary);}.fh-header .notification-item{display:flex;gap:10px;padding:15px 20px;border-bottom:1px solid var(--border);cursor:pointer;transition:.3s;}.fh-header .notification-item:hover{background:var(--bg-hover);}.fh-header .notification-item.unread{background:rgba(99,102,241,.03);}.fh-header .notification-item-icon{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}.fh-header .notification-item-icon.success{background:rgba(16,185,129,.1);color:#10b981;}.fh-header .notification-item-icon.warning{background:rgba(245,158,11,.1);color:#f59e0b;}.fh-header .notification-item-icon.info{background:rgba(99,102,241,.1);color:#6366f1;}.fh-header .notification-item-body{flex:1;}.fh-header .notification-item-title{font-size:14px;font-weight:600;}.fh-header .notification-item-message{font-size:13px;color:var(--text-secondary);}.fh-header .notification-item-time{font-size:11px;color:var(--text-secondary);margin-top:5px;}.premium-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:800;letter-spacing:.05em;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;box-shadow:0 3px 10px rgba(245,158,11,.3);animation:premium-glow 2s infinite;}.premium-badge i{font-size:12px;}@keyframes premium-glow{0%,100%{box-shadow:0 3px 10px rgba(245,158,11,.3);}50%{box-shadow:0 3px 20px rgba(245,158,11,.6);}}.dash-banner{display:flex;align-items:center;gap:15px;padding:18px 20px;margin-bottom:25px;border-radius:15px;background:var(--card-bg);border:1px solid var(--border);position:relative;overflow:hidden;transition:.3s;}.dash-banner::before{content:'';position:absolute;top:0;left:0;bottom:0;width:4px;background:var(--gradient);}.dash-banner:hover{border-color:var(--primary);box-shadow:var(--shadow);}.dash-banner-icon{width:45px;height:45px;border-radius:12px;background:rgba(99,102,241,.08);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;}.dash-banner-text{flex:1;min-width:0;}.dash-banner-text strong{display:block;font-size:14px;font-weight:700;margin-bottom:2px;}.dash-banner-text span{font-size:12px;color:var(--text-secondary);}.dash-banner-btn{padding:8px 18px;border-radius:10px;background:var(--gradient);color:#fff;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;transition:.3s;flex-shrink:0;}.dash-banner-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(99,102,241,.3);color:#fff;}@media (max-width:576px){.dash-banner{flex-wrap:wrap;}.dash-banner-btn{width:100%;text-align:center;}}.dash-banner{display:flex;align-items:center;gap:15px;padding:18px 20px;margin-bottom:25px;border-radius:15px;background:var(--card-bg);border:1px solid var(--border);position:relative;overflow:hidden;transition:.3s;}.dash-banner::before{content:'';position:absolute;top:0;left:0;bottom:0;width:4px;background:var(--gradient);}.dash-banner-icon{width:45px;height:45px;border-radius:12px;background:rgba(99,102,241,.08);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;}.dash-banner-text{flex:1;min-width:0;}.dash-banner-text strong{display:block;font-size:14px;font-weight:700;margin-bottom:2px;color:var(--text) !important;}.dash-banner-text span{font-size:12px;color:var(--text-secondary) !important;}.dash-banner-btn{padding:8px 18px;border-radius:10px;background:var(--gradient);color:#fff !important;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;transition:.3s;flex-shrink:0;}.dash-banner-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(99,102,241,.3);color:#fff !important;}
/* Бургер-меню */
.fh-burger {
    display: none;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    border: 1px solid var(--border);
    background: transparent;
    color: var(--text);
    font-size: 20px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    transition: .3s;
}
.fh-burger:hover {
    border-color: var(--primary);
    color: var(--primary);
}

@media (max-width: 768px) {
    .fh-burger { display: flex; }
    .fh-nav {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: var(--card-bg);
        border-bottom: 1px solid var(--border);
        padding: 15px 20px;
        flex-direction: column;
        gap: 5px;
        z-index: 1000;
        box-shadow: var(--shadow-lg);
    }
    .fh-nav.open { display: flex; }
    .fh-nav a {
        padding: 12px 15px;
        border-radius: 8px;
        width: 100%;
    }
}

/* Бургер-меню (исправленное) */
.fh-burger {
    display: none;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    border: 1px solid var(--border);
    background: var(--card-bg);
    color: var(--text);
    font-size: 22px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    transition: .3s;
    flex-shrink: 0;
}
.fh-burger:active {
    transform: scale(0.95);
}

@media (max-width: 768px) {
    .fh-burger { display: flex; }
    .fh-nav {
        display: none !important;
        position: fixed;
        top: 65px;
        left: 0;
        right: 0;
        background: var(--card-bg);
        border-bottom: 1px solid var(--border);
        padding: 15px 20px;
        flex-direction: column;
        gap: 5px;
        z-index: 999;
        box-shadow: var(--shadow-lg);
        max-height: calc(100vh - 65px);
        overflow-y: auto;
    }
    .fh-nav.open {
        display: flex !important;
    }
    .fh-nav a {
        padding: 12px 15px;
        border-radius: 8px;
        width: 100%;
        font-size: 15px;
    }
    .fh-nav a:active {
        background: var(--bg-hover);
    }
}

/* Бургер: скрыт на ПК, показан на мобильных */
.fh-burger {
    display: none !important;
}

@media (max-width: 768px) {
    .fh-burger {
        display: flex !important;
    }
}

/* ===== МОБИЛЬНАЯ ВЕРСИЯ ГЛАВНОЙ ===== */
@media (max-width: 768px) {
    /* Шапка */
    .fh-header-container {
        padding: 10px 15px;
        flex-wrap: wrap;
        gap: 10px;
    }
    
    /* Hero */
    .fh-hero {
        padding: 40px 0;
        text-align: center;
    }
    .fh-hero-content {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .fh-hero-badge {
        margin: 0 auto 15px;
    }
    .fh-hero-title {
        font-size: 28px;
        text-align: center;
    }
    .fh-hero-subtitle {
        font-size: 14px;
        text-align: center;
        max-width: 100%;
    }
    
    /* Поиск */
    .fh-search-box {
        width: 100%;
        max-width: 100%;
        margin: 0 auto 20px;
    }
    .fh-search-box input {
        font-size: 13px;
        padding: 10px;
    }
    .fh-search-box button {
        padding: 10px 18px;
        font-size: 13px;
    }
    
    /* Статистика */
    .fh-hero-stats {
        display: flex;
        justify-content: center;
        gap: 8px;
        flex-wrap: wrap;
        width: 100%;
    }
    .fh-stat-item {
        flex: 1 1 auto;
        min-width: 0;
        padding: 10px;
        justify-content: center;
    }
    .fh-stat-icon {
        width: 35px;
        height: 35px;
        font-size: 16px;
    }
    .fh-stat-num {
        font-size: 16px;
    }
    .fh-stat-label {
        font-size: 10px;
    }
    
    /* Hero карточки */
    .fh-hero-visual {
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 100%;
        max-width: 350px;
        margin: 0 auto;
    }
    .fh-hero-card {
        padding: 15px;
    }
    
    /* Секции */
    .fh-section-header h2 {
        font-size: 22px;
    }
    .fh-section-header p {
        font-size: 13px;
    }
    
    /* Категории */
    .fh-cats-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    .fh-cat-card {
        padding: 20px;
        text-align: center;
    }
    .fh-cat-icon {
        margin: 0 auto 10px;
    }
    
    /* Фрилансеры */
    .fh-freelancers-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    .fh-freelancer-card {
        padding: 20px 15px;
    }
    
    /* Заказы */
    .fh-orders-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    
    /* О нас */
    .fh-about-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    .fh-about-card {
        padding: 20px;
    }
    
    /* Как работает */
    .fh-how-grid {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    .fh-how-step {
        padding: 20px 15px;
    }
}

@media (max-width: 480px) {
    .fh-cats-grid {
        grid-template-columns: 1fr;
    }
    .fh-freelancers-grid {
        grid-template-columns: 1fr;
    }
    .fh-how-grid {
        grid-template-columns: 1fr;
    }
    .fh-hero-title {
        font-size: 24px;
    }
}

/* ===== ФИКС КОНТЕЙНЕРА ДЛЯ МОБИЛЬНЫХ ===== */
@media (max-width: 768px) {
    .fh-container {
        padding: 0 15px !important;
    }
    .container {
        padding: 0 15px !important;
    }
    .fh-header-container {
        padding: 10px 15px !important;
        margin: 0 !important;
    }
    .fh-hero {
        padding: 30px 0 !important;
    }
    .fh-hero-content {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    .fh-hero-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
        width: 100% !important;
    }
    .fh-hero-visual {
        width: 100% !important;
        max-width: 100% !important;
    }
    .fh-hero-stats {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        gap: 8px !important;
    }
    .fh-search-box {
        width: 100% !important;
        max-width: 100% !important;
    }
    .fh-cats-grid,
    .fh-freelancers-grid,
    .fh-orders-grid,
    .fh-about-grid,
    .fh-how-grid {
        width: 100% !important;
        margin: 0 !important;
    }
}

/* ===== ФОН КАК В CRM (радиальные градиенты) ===== */
body {
    background: radial-gradient(circle at 10% 0%, rgba(139,92,246,.25), transparent 28rem),
                radial-gradient(circle at 88% 14%, rgba(34,211,238,.18), transparent 30rem),
                radial-gradient(circle at 48% 100%, rgba(52,211,153,.10), transparent 34rem),
                var(--bg) !important;
    min-height: 100vh;
    -webkit-font-smoothing: antialiased;
}

/* Тёмная тема */
[data-theme="dark"] body {
    background: radial-gradient(circle at 10% 0%, rgba(139,92,246,.35), transparent 28rem),
                radial-gradient(circle at 88% 14%, rgba(34,211,238,.22), transparent 30rem),
                radial-gradient(circle at 48% 100%, rgba(52,211,153,.12), transparent 34rem),
                var(--bg) !important;
}