:root{--bg: #fffdf5;--card: #ffffff;--accent: #d97706;--accent-2: #f59e0b;--accent-light: #fef3c7;--accent-hover: #b45309;--muted: #6b7280;--brand-dark: #1c1407;--success: #16a34a;--danger: #dc2626;--warning: #f59e0b}*,*:before,*:after{box-sizing:border-box}body{font-family:Inter,Arial,Helvetica,sans-serif;margin:0;background:var(--bg);color:var(--brand-dark)}.header{background:var(--card);box-shadow:0 1px 6px #0000000f;overflow:visible}.nav{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:10px 18px;gap:12px;position:relative}.brand{display:flex;align-items:center}.brandLink{display:inline-flex;align-items:center;gap:0;text-decoration:none}.brand img{height:52px;width:52px;object-fit:contain}.logoText{font-size:22px;font-weight:800;color:var(--accent);text-decoration:none;letter-spacing:-.5px;margin-left:2px}.nav a{margin-left:8px;color:var(--accent);text-decoration:none;font-weight:600}.nav a svg,.userMenu svg,.mobileMenu svg{display:inline-block;vertical-align:middle}.right{display:flex;align-items:center;gap:12px}.avatar{height:40px;width:40px;border-radius:999px;object-fit:cover;border:2px solid rgba(0,0,0,.06);display:block}.userMenu{position:absolute;right:12px;top:60px;min-width:280px;max-width:min(92vw,320px);max-height:min(80vh,640px);overflow-x:hidden;overflow-y:auto;background:var(--card);border-radius:12px;box-shadow:0 8px 30px #0000001f;padding:8px;display:none;z-index:40}.userMenu.open{display:block}.userMenu a,.userMenu button{display:flex;align-items:center;gap:8px;padding:10px 12px;color:var(--brand-dark);text-decoration:none;border-radius:6px;text-align:left;background:transparent;border:0;width:100%;cursor:pointer;font-size:14px}.userMenu a:hover,.userMenu button:hover{background:var(--accent-light)}.userMenu-locale{margin:8px 0}.locale-switcher-wrap{width:100%}.locale-trigger{display:inline-flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:10px 14px;border:1px solid #d1d5db;border-radius:12px;background:#fff;color:var(--brand-dark);text-align:left;cursor:pointer;font:inherit}.locale-trigger:hover,.locale-trigger.is-open{border-color:#f0c75e;background:#fffbeb}.locale-trigger-code{color:#b45309;font-weight:800;letter-spacing:.04em}.locale-trigger-label{color:#6b7280}.locale-trigger-caret{margin-left:auto;color:#6b7280}.locale-flyout{display:grid;gap:5px;padding:10px;border:2px solid #f0c75e;border-radius:14px;background:#fffbeb;box-shadow:0 18px 44px #0000003d;overflow-y:auto}.locale-flyout-hint{margin:0;padding:4px 8px 6px;color:#78716c;font-size:.78rem}.locale-flyout-opt{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:9px 12px;border:1px solid #fde68a;border-radius:10px;background:#fff;color:var(--brand-dark);text-align:left;cursor:pointer;font:inherit}.locale-flyout-opt strong{min-width:2.5rem;font-size:.95rem;letter-spacing:.04em}.locale-flyout-opt span{color:#78716c;font-size:.9rem}.locale-flyout-opt:hover{border-color:#f59e0b;background:#fff7ed}.locale-flyout-opt.is-on{border-color:#f59e0b;background:#fef3c7}.locale-flyout-opt.is-on span{color:#92400e;font-weight:600}.userMenu-sep{height:1px;margin:6px 4px;background:#fde68a}.locale-panel{display:grid;gap:8px;padding:10px;border-radius:12px;border:1px solid #fde68a;background:#fffbeb;box-sizing:border-box;width:100%;max-width:100%;overflow:hidden}.locale-panel.is-compact{padding:8px;gap:6px}.locale-panel-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 8px}.locale-panel-head strong{font-size:.82rem;color:#92400e}.locale-panel-status{font-size:.72rem;color:#78716c}.locale-panel-status em{font-style:normal;font-weight:800;color:#b45309}.locale-panel-grid{display:grid;grid-template-columns:1fr;gap:6px}.locale-panel-opt{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:8px 10px;border-radius:10px;border:1px solid #fde68a;background:#fff;color:var(--brand-dark);text-align:left;cursor:pointer;font:inherit;box-sizing:border-box}.locale-panel-opt strong{min-width:2.4rem;font-size:.85rem;letter-spacing:.04em;flex-shrink:0}.locale-panel-opt span{font-size:.78rem;color:#78716c;line-height:1.25;overflow-wrap:anywhere}.locale-panel-opt:hover{border-color:#f59e0b;background:#fff7ed}.locale-panel-opt.is-on{border-color:#f59e0b;background:#fef3c7;box-shadow:inset 0 0 0 1px #f59e0b59}.locale-panel-opt.is-on span{color:#92400e;font-weight:600}.profile-shop-home-banner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;border-radius:16px;padding:18px 20px;margin-bottom:14px}.profile-shop-home-banner.is-tasks{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1.5px solid #fcd34d}.profile-shop-home-banner.is-products{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1.5px solid #6ee7b7}.profile-shop-banner-main{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.profile-shop-banner-icon{width:44px;height:44px;flex-shrink:0}.profile-shop-home-banner h2{margin:0;font-size:clamp(1.05rem,3.5vw,1.35rem);font-weight:800;color:#92400e}.profile-shop-banner-desc{margin:6px 0 0;color:#78350f;font-size:14px}.profile-shop-how-btn{padding:9px 16px;border-radius:10px;flex-shrink:0;font-weight:700;font-size:14px;cursor:pointer}.profile-shop-how-btn.is-tasks{background:#92400e1f;border:1.5px solid rgba(146,64,14,.3);color:#92400e}.profile-shop-how-btn.is-products{background:#064e3b;border:none;color:#fff}.profile-shop-missions-banner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;text-decoration:none;margin-bottom:20px;background:linear-gradient(135deg,#4c1d95,#7c3aed 55%,#6d28d9);border-radius:16px;padding:16px 20px;border:1.5px solid #c4b5fd;box-shadow:0 8px 24px #7c3aed38}.profile-shop-missions-kicker{font-size:11px;font-weight:800;color:#e9d5ff;letter-spacing:.06em;margin-bottom:4px}.profile-shop-missions-title{font-size:16px;font-weight:800;color:#fff}.profile-shop-missions-cta{font-size:14px;font-weight:800;color:#fff;background:#ffffff2e;border-radius:10px;padding:8px 14px}@media (max-width: 700px){.profile-shop-home-banner{padding:10px 12px;margin-bottom:10px;gap:8px}.profile-shop-banner-icon{width:28px;height:28px}.profile-shop-banner-desc,.profile-shop-section-sub{display:none}.profile-shop-how-btn{padding:7px 10px;font-size:12px}.profile-shop-missions-banner{padding:8px 12px;margin-bottom:12px;border-radius:12px;flex-wrap:nowrap;gap:8px}.profile-shop-missions-kicker{display:none}.profile-shop-missions-title{font-size:13px;line-height:1.25}.profile-shop-missions-cta{padding:6px 10px;font-size:12px;white-space:nowrap}.profile-shop-section-head{margin-bottom:10px}.profile-shop-section-head h2{font-size:1rem}}.userToggle{cursor:pointer;display:flex;align-items:center;gap:8px}.username{font-weight:600;font-size:14px}.mobileToggle{background:none;border:0;display:none;align-items:center;justify-content:center;cursor:pointer}.hide-desktop{display:none}@media (max-width: 700px){.mobileToggle{display:flex}.hide-desktop{display:inline-flex}.hide-mobile{display:none}.mobileMenuScrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:85;margin:0;border:0;padding:0;background:#00000073;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobileMenu{position:fixed;left:0;top:0;bottom:0;width:min(270px,86vw);background:var(--card);z-index:90;box-shadow:6px 0 28px #0000002e;padding:12px;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobileMenuInner{display:flex;flex-direction:column;gap:6px;margin-top:36px}.mobileMenu a,.mobileMenu button{display:flex;align-items:center;gap:8px;padding:10px 12px;color:var(--brand-dark);text-decoration:none;border-radius:8px;background:transparent;border:0;font-size:15px;width:100%}.nav{padding:8px;gap:6px;width:100%;max-width:100%;box-sizing:border-box;overflow:visible}.mobileToggle{width:32px;min-width:32px;padding:4px;flex-shrink:0}.brand{min-width:0;flex:1 1 auto;overflow:hidden}.brand img{height:34px;width:34px;flex-shrink:0}.logoText{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:2px!important}.right{gap:4px;flex:0 0 auto;min-width:0}.right>div{flex-shrink:0}.right>div>button{padding:5px 6px!important}.userToggle{gap:0;flex-shrink:0}.avatar{height:34px;width:34px;min-width:34px;flex:0 0 34px}.userMenu{right:8px;top:54px}}.container{max-width:1100px;margin:28px auto;padding:16px}.card{background:var(--card);padding:16px;border-radius:12px;box-shadow:0 4px 18px #0000000d}.btn{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff;padding:10px 18px;border-radius:8px;border:none;cursor:pointer;font-weight:600;font-size:14px;transition:opacity .15s}.btn:hover{opacity:.88}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background:transparent;border:1.5px solid var(--accent);color:var(--accent);padding:9px 16px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px}.btn-outline:hover{background:var(--accent-light)}.btn-sm{padding:6px 12px;font-size:13px}.btn-danger{background:var(--danger);color:#fff}.btn-success{background:var(--success);color:#fff}.form-input{width:100%;display:block;padding:11px 13px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:14px;background:#fff;transition:border-color .15s}.form-input:focus{outline:none;border-color:var(--accent)}.form-label{display:block;font-weight:600;font-size:13px;margin-bottom:5px;color:var(--brand-dark)}.form-group{margin-bottom:14px}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],textarea,select{width:100%;max-width:100%;box-sizing:inherit}.profile-shop{max-width:1100px}.profile-shop-hero{position:relative;border-radius:18px;overflow:hidden;margin-bottom:16px;border:1.5px solid #fcd34d;background:#fff;box-shadow:0 8px 28px #d9770614}.profile-shop-hero-bg{height:88px;background:radial-gradient(420px 120px at 15% 0%,rgba(253,230,138,.95),transparent 70%),radial-gradient(360px 100px at 85% 20%,rgba(167,243,208,.7),transparent 65%),linear-gradient(135deg,#fef3c7,#fde68a 55%,#d1fae5)}.profile-shop-hero-body{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap;padding:0 20px 20px;margin-top:-36px;position:relative}.profile-shop-avatar{width:88px;height:88px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 4px 16px #0000001f;background:#fff;flex-shrink:0}.profile-shop-hero-info{flex:1 1 220px;min-width:0;padding-top:8px}.profile-shop-kicker{margin:0 0 4px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#92400e}.profile-shop-title{margin:0;font-size:clamp(1.35rem,4vw,1.75rem);font-weight:900;color:var(--brand-dark);line-height:1.15}.profile-shop-name{margin:4px 0 0;font-size:15px;color:var(--brand-dark);font-weight:600}.profile-shop-bio{margin:8px 0 0;font-size:14px;color:#78350f;line-height:1.45;max-width:52ch}.profile-shop-niches{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.profile-shop-niche{font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;background:#fff7ed;color:#9a3412;border:1px solid #fdba74}.profile-shop-meta{margin:8px 0 0;font-size:12px;color:var(--muted)}.profile-shop-social{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:10px}.profile-shop-social a{color:#92400e;display:inline-flex}.profile-shop-email{font-size:13px;color:var(--accent);text-decoration:none;font-weight:600}.profile-shop-email-private{font-size:12px;color:var(--muted);background:#f3f4f6;border-radius:6px;padding:2px 8px}.profile-shop-hero-actions{display:flex;flex-direction:column;gap:8px;align-items:stretch;margin-left:auto;padding-top:40px;min-width:160px}.profile-shop-share{white-space:nowrap}.profile-shop-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:20px}.profile-shop-stat{display:flex;align-items:center;gap:10px;background:#fff;border-radius:14px;padding:12px 14px;border:1.5px solid #fde68a;box-shadow:0 2px 10px #0000000a}.profile-shop-stat.tone-green{border-color:#6ee7b7}.profile-shop-stat.tone-slate{border-color:#e5e7eb}.profile-shop-stat-icon{font-size:22px;line-height:1}.profile-shop-stat-value{font-weight:900;font-size:18px;color:var(--accent);line-height:1.1}.profile-shop-stat.tone-green .profile-shop-stat-value{color:#059669}.profile-shop-stat-label{font-size:11px;color:var(--muted);font-weight:600}.profile-shop-tabs{display:flex;gap:0;margin-bottom:20px;border-radius:12px;overflow:hidden;border:1.5px solid #fcd34d;width:fit-content;max-width:100%}.profile-shop-tab{padding:10px 22px;font-weight:800;font-size:14px;border:none;cursor:pointer;background:#fff;color:#6b7280;display:inline-flex;align-items:center;gap:6px;border-right:1.5px solid #fcd34d}.profile-shop-tab:last-child{border-right:none}.profile-shop-tab.is-tasks{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.profile-shop-tab.is-products{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.profile-shop-tab-count{font-size:11px;font-weight:800;background:#00000014;border-radius:999px;padding:1px 7px;min-width:18px;text-align:center}.profile-shop-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:16px;flex-wrap:wrap}.profile-shop-section-head h2{margin:0;font-size:clamp(1.1rem,3.5vw,1.35rem);font-weight:800;color:var(--brand-dark)}.profile-shop-section-head p{margin:4px 0 0;font-size:13px;color:var(--muted)}.profile-shop-empty{text-align:center;padding:48px 20px;background:#fff;border-radius:16px;border:1.5px dashed #fcd34d}.profile-shop-empty h3{margin:0 0 6px;color:var(--brand-dark)}.profile-shop-empty p{margin:0;color:var(--muted);font-size:14px}.profile-product-card{background:var(--card);border-radius:14px;border:1.5px solid var(--border);overflow:hidden;cursor:pointer;transition:transform .15s,box-shadow .15s}.profile-product-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001f}.profile-product-img{background:#f3f4f6;display:flex;align-items:center;justify-content:center;overflow:hidden}.profile-product-img img{width:100%;height:100%;object-fit:contain}@media (max-width: 700px){.profile-shop-hero-bg{height:56px}.profile-shop-hero-body{padding:0 14px 14px;margin-top:-24px;gap:10px}.profile-shop-avatar{width:64px;height:64px;border-width:3px}.profile-shop-bio{font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.profile-shop-hero-actions{width:100%;margin-left:0;padding-top:4px;flex-direction:row;flex-wrap:wrap}.profile-shop-hero-actions .btn,.profile-shop-hero-actions .btn-outline{flex:1 1 auto;min-width:130px;justify-content:center}.profile-shop-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.profile-shop-stat{padding:8px 10px}.profile-shop-stat-value{font-size:15px}.profile-shop-tabs{width:100%;margin-bottom:12px}.profile-shop-tab{flex:1;justify-content:center;padding:10px 12px;font-size:13px}}.live-activity{margin-bottom:16px;border-radius:14px;overflow:hidden;border:1.5px solid #d1fae5;background:linear-gradient(135deg,#f0fdf4,#ecfdf5)}.live-activity-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid #d1fae5}.live-activity-live{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:13px;color:#065f46}.live-activity-dot{width:8px;height:8px;border-radius:50%;background:#10b981;animation:live-pulse 1.6s infinite}.live-activity-stat{font-size:12px;color:#047857}.live-activity-stat strong{color:#064e3b;font-size:14px}.live-activity-stat-short{display:none}.live-activity-marquee-wrap{overflow:hidden;padding:8px 0}.live-activity-marquee{display:flex;gap:10px;width:max-content;animation:live-marquee 32s linear infinite}.live-activity-chip{display:inline-flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:6px 12px;border:1px solid #e2e8f0;white-space:nowrap;box-shadow:0 1px 2px #0000000a}.live-activity-chip-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}@keyframes live-pulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes live-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.home-tabs{display:flex;gap:0;margin-bottom:16px;border-radius:12px;overflow:hidden;border:1.5px solid #fcd34d;width:fit-content;max-width:100%}.home-tab{padding:10px 22px;font-weight:800;font-size:14px;border:none;cursor:pointer;background:#fff;color:#6b7280;display:inline-flex;align-items:center;gap:6px;border-right:1.5px solid #fcd34d}.home-tab:last-child{border-right:none}.home-tab.is-tasks{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.home-tab.is-products{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.home-hero{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;border-radius:16px;padding:20px 22px;margin-bottom:14px}.home-hero.is-tasks{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1.5px solid #fcd34d}.home-hero.is-products{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1.5px solid #6ee7b7}.home-hero-main{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.home-hero-icon{width:48px;height:48px;flex-shrink:0}.home-hero-copy h1{margin:0;font-size:clamp(1.15rem,4vw,1.6rem);font-weight:800;color:#92400e}.home-hero.is-products .home-hero-copy h1{color:#064e3b}.home-hero-desc{margin:6px 0 0;color:#78350f;font-size:14px}.home-hero.is-products .home-hero-desc{color:#065f46}.home-hero-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.home-hero-how{padding:8px 14px;border-radius:10px;background:#92400e1f;border:1.5px solid rgba(146,64,14,.3);color:#92400e;font-weight:700;font-size:13px;cursor:pointer}.home-hero-how.is-green{background:#064e3b;border:none;color:#fff}.home-hero-cta{white-space:nowrap}.home-missions{display:flex;justify-content:space-between;align-items:center;gap:12px;text-decoration:none;margin-bottom:14px;background:linear-gradient(135deg,#4c1d95,#7c3aed 55%,#6d28d9);border-radius:14px;padding:14px 18px;border:1.5px solid #c4b5fd;box-shadow:0 6px 18px #7c3aed2e}.home-missions-kicker{font-size:11px;font-weight:800;color:#e9d5ff;letter-spacing:.06em;margin-bottom:2px}.home-missions-title{font-size:16px;font-weight:900;color:#fff}.home-missions-desc{font-size:12px;color:#ffffffc7;margin-top:2px}.home-missions-cta{padding:8px 14px;border-radius:10px;background:#fbbf24;color:#4c1d95;font-weight:900;font-size:13px;white-space:nowrap;flex-shrink:0}.home-filters{margin-bottom:16px}.home-filters-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}.home-filter-search{flex:1;min-width:0;max-width:none!important}.home-filters-toggle{display:none;flex-shrink:0;padding:10px 12px;border-radius:10px;border:1.5px solid #fcd34d;background:#fff;color:#92400e;font-weight:700;font-size:13px;cursor:pointer;white-space:nowrap}.home-filters-toggle.is-active{background:#fef3c7;border-color:#f59e0b}.home-filters-extra{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.home-filters-extra .form-input{max-width:220px}@media (max-width: 700px){.live-activity{margin-bottom:10px;border-radius:12px}.live-activity-head{padding:8px 10px;gap:8px;border-bottom:none;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.live-activity-stat{font-size:11px;white-space:nowrap}.live-activity-stat strong{font-size:12px}.live-activity-stat-label{display:none}.live-activity-stat-short{display:inline}.live-activity-marquee-wrap{display:block;padding:6px 0}.live-activity-marquee{animation-duration:42s}.home-tabs{width:100%;margin-bottom:10px}.home-tab{flex:1;justify-content:center;padding:9px 10px;font-size:13px}.home-hero{padding:10px 12px;margin-bottom:8px;gap:8px;border-radius:12px}.home-hero-icon{width:28px;height:28px}.home-hero-desc{display:none}.home-hero-copy h1{font-size:1rem}.home-hero-actions{width:100%}.home-hero-how,.home-hero-cta{flex:1;justify-content:center;text-align:center;padding:8px 10px;font-size:12px;min-height:36px}.home-missions{padding:8px 12px;margin-bottom:10px;border-radius:12px;flex-wrap:nowrap;gap:8px}.home-missions-kicker,.home-missions-desc{display:none}.home-missions-title{font-size:13px;line-height:1.25}.home-missions-cta{padding:6px 10px;font-size:12px}.home-filters{margin-bottom:12px}.home-filters-toggle{display:inline-flex;align-items:center}.home-filters-extra{display:none;grid-template-columns:1fr 1fr;gap:8px}.home-filters-extra.is-open{display:grid}.home-filters-extra .form-input{max-width:none;width:100%;font-size:13px;padding:8px 10px}.home-filters-extra .btn{grid-column:1 / -1}}.tasks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}@media (max-width: 700px){.tasks-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.task-title{font-size:15px;font-weight:700;color:var(--brand-dark);margin:0 0 4px;line-height:1.35;overflow-wrap:break-word}.task-title--clamp,.task-title--clamp-mobile{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.task-card{background:var(--card);border-radius:12px;box-shadow:0 4px 18px #0000000f;overflow:hidden;cursor:pointer;transition:transform .15s,box-shadow .15s;border:1.5px solid #fde68a}.task-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px #d977061f}.task-card-header{background:linear-gradient(135deg,#fef3c7,#fde68a);padding:14px 16px 10px;border-bottom:1px solid #fde68a}.task-card-body{padding:14px 16px}.task-category{display:inline-block;background:var(--accent-light);color:var(--accent-hover);font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.4px}.task-reward{font-size:20px;font-weight:800;color:var(--accent)}.task-slots{font-size:13px;color:var(--muted)}.task-slots strong{color:var(--success)}.task-expires{font-size:12px;color:var(--muted);margin-top:6px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600}.badge-yellow{background:#fef3c7;color:#92400e}.badge-green{background:#dcfce7;color:#15803d}.badge-red{background:#fee2e2;color:#b91c1c}.badge-gray{background:#f3f4f6;color:#6b7280}.badge-blue{background:#dbeafe;color:#1d4ed8}.earnings-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-bottom:20px}.earnings-card{background:var(--card);border-radius:10px;padding:14px;box-shadow:0 2px 10px #0000000a;border-left:3px solid var(--accent);text-align:center}.earnings-card-label{font-size:11px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.earnings-card-value{font-size:20px;font-weight:800;color:var(--brand-dark);margin-top:4px}.tabs{display:flex;gap:4px;border-bottom:2px solid #f3f4f6;margin-bottom:20px}.tab{padding:9px 16px;cursor:pointer;font-weight:600;font-size:14px;color:var(--muted);border-radius:8px 8px 0 0;border:none;background:transparent;transition:color .15s,background .15s}.tab.active{color:var(--accent);border-bottom:2px solid var(--accent);margin-bottom:-2px;background:var(--accent-light)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;padding:10px 12px;background:#fef9ec;color:var(--accent-hover);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.4px}td{padding:10px 12px;border-top:1px solid #f3f4f6;vertical-align:middle}tr:hover td{background:#fffbeb}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:200;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:var(--card);border-radius:14px;padding:24px;max-width:500px;width:100%;box-shadow:0 20px 60px #0003;max-height:90vh;overflow-y:auto}.modal-title{font-size:18px;font-weight:700;margin:0 0 18px}.small{color:var(--muted);font-size:13px}.text-center{text-align:center}.text-muted{color:var(--muted)}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.flex{display:flex}.flex-center{display:flex;align-items:center}.gap-8{gap:8px}.gap-12{gap:12px}.divider{border:none;border-top:1px solid #f3f4f6;margin:20px 0}.task-detail-grid{display:grid;grid-template-columns:1fr 290px;gap:20px;align-items:start}.task-detail-sidebar{position:sticky;top:20px}@media (max-width: 700px){.container{margin:10px auto;padding:10px}.task-detail-grid{grid-template-columns:1fr}.task-detail-sidebar{order:0;position:static}.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:2px}.tab{white-space:nowrap;flex-shrink:0;font-size:13px;padding:8px 10px}.modal{padding:16px;border-radius:10px}.modal-title{font-size:16px;margin-bottom:14px}.btn,.btn-outline{font-size:13px}.earnings-cards{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}.notif-bell-panel{position:absolute;top:calc(100% + 8px);right:0;width:min(360px,calc(100vw - 24px));background:#fff;border-radius:12px;border:1px solid #fde68a;box-shadow:0 12px 40px #0000002e;overflow:hidden;z-index:1200}.notif-bell-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid #fef3c7;background:#fef9ec}.notif-bell-head strong{font-size:14px;color:var(--brand-dark)}.notif-bell-mark-all{background:transparent;border:none;color:var(--accent);font-size:12px;font-weight:700;cursor:pointer;flex-shrink:0;padding:0}.notif-bell-scroll{max-height:min(420px,calc(100vh - 140px));overflow-y:auto;overflow-x:hidden}.notif-bell-item{display:flex;gap:10px;padding:10px 14px;cursor:pointer;align-items:flex-start;min-width:0}.notif-bell-item+.notif-bell-item{border-top:1px solid #fef3c7}.notif-bell-item--unread{background:linear-gradient(90deg,#fef9ec,#fff)}.notif-bell-icon{width:32px;height:32px;flex-shrink:0;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px}.notif-bell-body{flex:1;min-width:0}.notif-bell-title-row{display:flex;align-items:flex-start;gap:8px;justify-content:space-between}.notif-bell-title{font-size:13px;color:var(--brand-dark);min-width:0;flex:1;line-height:1.3;overflow-wrap:anywhere}.notif-bell-time{font-size:10px;color:var(--muted);white-space:nowrap;flex-shrink:0;margin-top:1px}.notif-bell-message{font-size:12px;color:#4b5563;margin-top:3px;line-height:1.4;overflow-wrap:anywhere;word-break:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.notif-bell-dot{width:7px;height:7px;border-radius:50%;background:#dc2626;margin-top:10px;flex-shrink:0}.notif-bell-foot{border-top:1px solid #fef3c7;background:#fef9ec;text-align:center;padding:8px 14px}@media (max-width: 700px){.notif-bell-panel{position:fixed;top:54px;left:10px;right:10px;width:auto;max-width:none}.notif-bell-mark-all{font-size:11px}}