/* caytien.site visual refresh — loaded after all legacy skins. */
:root{--ink:#10212b;--muted:#687984;--line:#dbe5e8;--paper:#fff;--soft:#f0f5f6;--green:#0fb7a1;--green-dark:#087f78;--lime:#baf26c;--navy:#0b1f2a;--red:#df5d68;--blue:#5267e8;--shadow:0 18px 48px rgba(13,42,55,.09);--radius:18px}
html{background:#edf3f5}body{color:var(--ink);background:#f4f7f8;font-family:'Be Vietnam Pro',system-ui,sans-serif}::selection{color:#fff;background:#0b948a}
input,select,textarea{border-color:#d5e1e4;border-radius:12px;background:#fff}input:focus,select:focus,textarea:focus{border-color:#1bb8a5;box-shadow:0 0 0 4px rgba(15,183,161,.12)}
.btn{border-radius:12px;background:linear-gradient(135deg,#16bca6,#087f78);box-shadow:0 9px 24px rgba(8,127,120,.18)}.btn:hover{background:linear-gradient(135deg,#0fae9a,#076d68);box-shadow:0 12px 28px rgba(8,127,120,.24)}.btn-dark{background:linear-gradient(135deg,#173440,#0b1f2a)}.btn-ghost{color:#17313d;background:#fff;border-color:#d7e2e5;box-shadow:none}
.badge{padding:5px 9px;font-size:9px;letter-spacing:.15px}.badge-green{color:#08796f;background:#dff8f3}.badge-blue{color:#405bc5;background:#e8ecff}.panel,.stat-card,.filter-bar,.task-card{border-color:#dfe8ea;box-shadow:0 8px 26px rgba(17,52,65,.045)}.panel{border-radius:20px}.eyebrow{color:#07877d;letter-spacing:1.8px}

/* Brand and public navigation */
.brand{gap:11px;color:#10212b;letter-spacing:-.6px}.brand>span{display:flex;line-height:1.05;flex-direction:column}.brand em{color:#0da795}.brand small{margin-top:5px;color:#7b8b94;font-size:8px;font-weight:600;letter-spacing:.25px}.brand-logo{width:46px;height:46px;flex:none;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(15,160,143,.17))}
.site-header{height:84px;position:sticky;top:0;z-index:80;border-bottom:1px solid rgba(207,221,225,.8);background:rgba(248,251,251,.9);backdrop-filter:blur(18px)}.nav-wrap{gap:26px}.public-nav{gap:8px;padding:6px;border:1px solid #dce6e8;border-radius:15px;background:rgba(255,255,255,.8)}.public-nav>a:not(.btn){padding:8px 13px;border-radius:10px;color:#536671;font-size:12px}.public-nav>a:not(.btn):hover{color:#087f78;background:#e7f7f4}.public-theme-toggle{order:3;width:40px;height:40px;border:1px solid #d8e3e6;border-radius:12px;color:#10212b;background:#fff}

/* Public landing */
.route-home .hero{padding:72px 0 82px;color:#fff;background:radial-gradient(circle at 82% 18%,rgba(23,204,177,.25),transparent 25%),radial-gradient(circle at 15% 95%,rgba(82,103,232,.18),transparent 28%),linear-gradient(132deg,#081923 0%,#0b2732 58%,#0d3540 100%)}
.route-home .hero:after{opacity:.1;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,black,transparent)}.route-home .hero-glow{right:-140px;top:-290px;background:rgba(23,215,182,.22)}.route-home .hero-grid{gap:64px;grid-template-columns:1.06fr .94fr}
.route-home .hero-copy .eyebrow{display:inline-flex;padding:7px 11px;border:1px solid rgba(112,236,214,.28);border-radius:999px;color:#8debdc;background:rgba(26,170,148,.1)}.route-home .hero-copy h1{max-width:650px;margin:20px 0;font-size:58px;letter-spacing:-3.4px}.route-home .hero-copy h1 span{color:#5ce0ca}.route-home .hero-copy>p{color:#b9c9cf;font-size:16px;line-height:1.8}.route-home .hero-copy .btn-ghost{color:#e7f3f5;border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.06)}.route-home .trust-row{color:#a9bdc4}.route-home .trust-row svg{color:#55dbc5}
.route-home .hero-card{padding:22px;border:1px solid rgba(255,255,255,.8);border-radius:28px;box-shadow:0 35px 80px rgba(0,0,0,.28);transform:rotate(.7deg)}.route-home .hero-card:before{border-color:#55dbc5;opacity:.6}.route-home .mock-balance{background:linear-gradient(130deg,#4d64e3,#2c3f9d)}
.route-home .stats-strip{position:relative;border:0;background:#fff;box-shadow:0 14px 45px rgba(10,36,48,.08)}.route-home .stats-grid{padding:26px 0}.route-home .stats-grid b{color:#142e3a}.route-home .stats-grid span{color:#758690}.route-home .section{padding:88px 0}.route-home .section-heading h2,.route-home .benefit-grid h2{color:#102833}.route-home .steps{gap:18px}.route-home .steps article{border:1px solid #dbe7e9;border-radius:24px;box-shadow:0 12px 35px rgba(15,47,60,.05)}.route-home .steps article:hover{border-color:#9edbd3;box-shadow:0 20px 50px rgba(9,98,91,.1)}.route-home .feature-icon{color:#087f78;background:#dcf7f2}.route-home .soft-section{background:#eaf1f3}.route-home .benefit-card{background:linear-gradient(145deg,#ccece8,#e0e5ff)}.route-home .cta-box{background:linear-gradient(120deg,#0b2430,#174b54);box-shadow:0 24px 60px rgba(8,37,49,.18)}.footer{background:#07151d}.footer .brand{color:#fff}.footer-grid{padding-top:4px}.footer-bottom{border-color:#21323a}

/* Sign in and registration */
.auth-page{min-height:calc(100vh - 84px);grid-template-columns:minmax(420px,.9fr) 1.1fr;background:#eef4f5}.auth-visual{margin:18px;padding:46px 52px;border-radius:30px;background:radial-gradient(circle at 80% 12%,rgba(57,218,194,.28),transparent 26%),linear-gradient(145deg,#081b25,#0d3842);box-shadow:0 24px 70px rgba(8,32,42,.22)}.auth-visual:before,.auth-visual:after{border-color:rgba(100,225,206,.07)}.auth-visual .eyebrow{color:#70e2d0}.auth-visual h2{font-size:43px}.auth-visual p{color:#b9cbd0}.brand-light{color:#fff}.auth-side{background:transparent}.auth-box{padding:36px;border:1px solid #dbe7e9;border-radius:24px;background:#fff;box-shadow:var(--shadow)}.auth-box>h1{font-size:31px}.auth-form{gap:16px}.auth-form input{min-height:47px}

/* Weekly referral rewards */
.referral-weekly-panel{margin-top:18px}.weekly-referral-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.weekly-referral-list>div{display:flex;flex-direction:column;gap:3px;padding:13px;border:1px solid #dfe8ea;border-radius:13px;background:#f6fafb}.weekly-referral-list span{font-size:11px;color:#71818a}.weekly-referral-list strong{font-size:12px;color:#087f78}@media(max-width:620px){.weekly-referral-list{grid-template-columns:1fr}}
/* App shell and member navigation */
.app-body{min-height:100vh;background:#edf3f5}.app-body .sidebar,.admin-user-body .admin-sidebar{inset:14px auto 14px 14px;width:264px;height:auto;padding:19px 14px;border:1px solid rgba(255,255,255,.08);border-radius:24px;color:#d9e7eb;background:radial-gradient(circle at 10% 0,rgba(23,190,167,.15),transparent 28%),#0b1f2a;box-shadow:0 22px 55px rgba(8,30,41,.18)}
.app-body .sidebar>.brand{padding:4px 8px;margin-bottom:22px;color:#fff}.app-body .sidebar .brand em{color:#42d9c1}.sidebar-site-logo{width:45px;min-width:45px;height:45px;filter:drop-shadow(0 7px 12px rgba(34,218,187,.2))}.side-nav{gap:5px}.side-nav a{min-height:44px;padding:10px 12px;color:#9db0b7;border:1px solid transparent;border-radius:12px}.side-nav a:hover,.side-nav a.active{color:#fff;border-color:rgba(81,218,196,.2);background:rgba(35,188,163,.12);box-shadow:none}.side-nav a.active{box-shadow:inset 3px 0 #3ad3ba}.side-nav a svg{color:#7ed8ca}.nav-label{color:#59717a}.side-user{border-color:rgba(255,255,255,.1)}.side-user strong{color:#f3f8f9}.side-user small{color:#7e959d}
.app-shell,.admin-user-body .app-shell{padding-left:292px;transition:padding-left .28s ease}.topbar,.linktask-admin-topbar{height:68px;top:14px;margin:14px 18px 0;padding:0 22px;border:1px solid #dce6e8;border-radius:18px;background:rgba(255,255,255,.9);box-shadow:0 10px 35px rgba(15,44,56,.07);backdrop-filter:blur(16px)}.topbar small{color:#7b8b94}.welcome-name{color:#17323e}.balance-pill{padding:8px 14px;border:1px solid #d9ebe8;background:#e9f8f5}.balance-pill b{color:#087f78}.app-main{max-width:1480px;padding:37px 26px 60px}.page-head{margin-bottom:24px}.page-head h1{color:#102b36;font-size:27px}.page-head p{color:#71828b}
.dash-grid{grid-template-columns:1.65fr repeat(3,1fr);gap:16px}.balance-card{border-radius:22px;background:radial-gradient(circle at 95% 10%,rgba(102,229,208,.28),transparent 28%),linear-gradient(130deg,#0b2733,#0f5960);box-shadow:0 18px 42px rgba(9,59,65,.2)}.balance-card a{color:#7ce7d6}.stat-card{min-height:105px;border-radius:20px}.stat-icon{border-radius:14px}.stat-icon.blue{color:#465ed0;background:#e8ecff}.stat-icon.green{color:#087f78;background:#dff8f3}.stat-icon.amber{color:#b27620;background:#fff3dc}.content-grid{gap:18px}.panel-head h2{font-size:16px}.compact-tasks>a{border-color:#e5ecee}

/* Tasks, wallet and profile */
.task-grid{gap:18px}.task-card{padding:21px;border-radius:21px}.task-card:hover{border-color:#a5dcd5;box-shadow:0 18px 42px rgba(9,91,83,.1)}.task-category,.task-foot>strong,.detail-meta strong,.positive{color:#087f78}.task-detail-grid{grid-template-columns:minmax(0,1fr) 370px}.task-detail{border-radius:22px}.instructions p{border:1px solid #e1eaec;background:#f5f8f9}.wallet-grid{gap:18px;grid-template-columns:minmax(300px,.7fr) 1.3fr}.wallet-hero{border-radius:23px;background:linear-gradient(135deg,#111f4a,#5267e8);box-shadow:0 20px 45px rgba(51,68,159,.18)}.profile-grid{grid-template-columns:285px 1fr 1fr}.profile-card{border-top:3px solid #16bca6}.table-wrap{border-radius:20px}th{color:#71818a}td{border-color:#e2eaec}

/* Marketplace */
.task-market{color:var(--ink)}.market-tabs{gap:8px}.market-tabs button{height:42px;border-radius:12px;border-color:#dbe5e8;background:#fff}.market-tabs button.active{color:#087f78;border-color:#9bd8d0;background:#e3f7f3;box-shadow:0 8px 22px rgba(9,113,104,.08)}.market-grid{gap:18px}.market-card{padding:17px;border:1px solid #dce7e9;border-top:3px solid #16bca6;border-radius:21px;box-shadow:0 10px 30px rgba(15,47,60,.05)}.market-card:hover{border-color:#9bd7d0;box-shadow:0 18px 42px rgba(8,107,99,.1)}.market-code,.mission-pulse,.challenge-hero>span{color:#087f78;border-color:#b8e4de;background:#e2f7f3}.market-info{border-color:#dfe8ea;border-radius:13px;background:#f2f6f7}.market-info b,.active-mission small,.active-mission>strong,.challenge-hero small,.challenge-hero>b,.market-history-list>div>strong{color:#087f78}.market-progress{background:#dae9e7}.market-progress i{background:linear-gradient(90deg,#0eaa99,#4edac5);box-shadow:0 0 10px rgba(19,178,157,.25)}.market-action{min-height:42px;border-radius:12px;background:linear-gradient(135deg,#16bca6,#087f78);box-shadow:0 9px 22px rgba(8,127,120,.18)}.active-mission,.challenge-hero,.market-history{border-color:#dbe6e8;border-radius:21px;background:#fff;box-shadow:0 10px 30px rgba(14,47,60,.05)}.hot-pill{color:#4359c2;background:#e9edff}.reward-dialog{border-color:#b9e4de}.reward-coins{color:#087f78;background:linear-gradient(145deg,#e0faf5,#c6eee7)}

/* Admin */
.admin-user-body .admin-sidebar{padding:0;overflow:hidden auto}.admin-sidebar-top{min-height:74px;border-color:rgba(255,255,255,.1)}.admin-sidebar-top .brand{color:#fff}.admin-sidebar-collapse,.admin-sidebar-mobile-close{color:#8de3d5;border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.06)}.admin-sidebar-balance{margin:14px;border-color:rgba(71,218,195,.18);border-radius:16px;background:rgba(25,172,151,.1)}.admin-sidebar-balance span{color:#85a1aa}.admin-sidebar-balance strong{color:#5ae0ca}.admin-sidebar-nav{padding:5px 10px 15px}.admin-sidebar-link{color:#9eb0b7;border:1px solid transparent;border-radius:12px}.admin-sidebar-link:hover,.admin-sidebar-link.active{color:#fff;border-color:rgba(74,214,192,.18);background:rgba(30,179,157,.12)}.admin-sidebar-link.active::before{background:#44dac2}.admin-sidebar-link svg{color:#71cfc1}.admin-sidebar-divider{border-color:rgba(255,255,255,.08)}.admin-sidebar-logout{color:#f08189}.linktask-admin-body{background:#edf3f5}.linktask-admin-logo{color:#0b8078}.lt-admin-tabs,.lt-admin-panel,.lt-admin-stat-grid article{border-color:#dce6e8;border-radius:18px;box-shadow:0 9px 28px rgba(14,47,59,.05)}.lt-admin-tabs a.active{color:#087f78;background:#e3f6f3}.provider-card,.notification-item{border-radius:17px}.admin-sidebar-collapsed .app-shell{padding-left:112px}.admin-sidebar-collapsed .admin-sidebar{width:84px}

/* Dark theme */
html[data-theme="dark"]{background:#071117}html[data-theme="dark"] body,html[data-theme="dark"] .app-body,html[data-theme="dark"] .linktask-admin-body{color:#d9e5e9;background:#09151c}html[data-theme="dark"] .site-header,html[data-theme="dark"] .topbar,html[data-theme="dark"] .linktask-admin-topbar{color:#dce8eb;border-color:#22343d;background:rgba(10,24,31,.9)}html[data-theme="dark"] .brand{color:#edf6f7}html[data-theme="dark"] .brand small{color:#718892}html[data-theme="dark"] .public-nav,html[data-theme="dark"] .public-theme-toggle{border-color:#263942;background:#0e2028}html[data-theme="dark"] .public-nav>a:not(.btn){color:#9db0b7}html[data-theme="dark"] .public-nav>a:not(.btn):hover{color:#7ce1d2;background:#12332f}
html[data-theme="dark"] .public-theme-toggle{color:#edf6f7}
html[data-theme="dark"] .panel,html[data-theme="dark"] .stat-card,html[data-theme="dark"] .filter-bar,html[data-theme="dark"] .task-card,html[data-theme="dark"] .auth-box,html[data-theme="dark"] .market-card,html[data-theme="dark"] .active-mission,html[data-theme="dark"] .challenge-hero,html[data-theme="dark"] .market-history,html[data-theme="dark"] .lt-admin-tabs,html[data-theme="dark"] .lt-admin-panel,html[data-theme="dark"] .lt-admin-stat-grid article{color:#dce7ea;border-color:#22343d;background:#0e1d25;box-shadow:0 12px 34px rgba(0,0,0,.18)}html[data-theme="dark"] .page-head h1,html[data-theme="dark"] .panel h1,html[data-theme="dark"] .panel h2,html[data-theme="dark"] .task-card h2,html[data-theme="dark"] .market-card h2,html[data-theme="dark"] .market-history h2{color:#e3edef}html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{color:#dce7ea;border-color:#2a3d46;background:#0a171e}html[data-theme="dark"] .market-info,html[data-theme="dark"] .instructions p{border-color:#263942;background:#0a171e}html[data-theme="dark"] .market-tabs button{color:#9eb0b7;border-color:#263942;background:#102129}html[data-theme="dark"] .market-tabs button.active{color:#77dfd0;border-color:#285b55;background:#12312f}html[data-theme="dark"] .footer{background:#050d12}

/* Responsive */
@media(max-width:1100px){.route-home .hero-copy h1{font-size:49px}.route-home .hero-grid{gap:38px}.dash-grid{grid-template-columns:1.4fr repeat(3,1fr)}.stat-card{padding:14px;gap:8px}.profile-grid{grid-template-columns:240px 1fr}.profile-grid>section:last-child{grid-column:2}}
@media(max-width:900px){.site-header{height:72px}.public-theme-toggle{margin-left:auto}.public-menu{display:grid}.public-nav{display:none;top:68px;padding:13px;background:#fff}.public-nav.open{display:flex}.route-home .hero{padding:58px 0}.route-home .hero-grid{grid-template-columns:1fr}.route-home .hero-copy{text-align:center}.route-home .hero-copy h1{margin-left:auto;margin-right:auto}.route-home .hero-actions,.route-home .trust-row{justify-content:center}.route-home .hero-card{max-width:540px;margin:auto}.auth-page{min-height:calc(100vh - 72px);grid-template-columns:1fr}.auth-visual{display:none}.auth-side{padding:36px 20px}.auth-mobile-brand{display:inline-flex}.app-body .sidebar,.admin-user-body .admin-sidebar{inset:10px auto 10px 10px;transform:translateX(calc(-100% - 24px));z-index:100}.app-body .sidebar.open,.admin-user-body .admin-sidebar.open{transform:none}.app-shell,.admin-user-body .app-shell,.admin-sidebar-collapsed .app-shell{padding-left:0}.topbar,.linktask-admin-topbar{top:9px;margin:9px 10px 0}.app-main{padding:30px 16px 50px}.menu-toggle,.admin-mobile-menu{display:grid}.sidebar-overlay{z-index:90}.dash-grid{grid-template-columns:repeat(3,1fr)}.balance-card{grid-column:1/-1}.task-detail-grid,.wallet-grid{grid-template-columns:1fr}html[data-theme="dark"] .public-nav{background:#0e2028}}
@media(max-width:620px){.container{width:min(100% - 28px,1160px)}.brand-logo{width:40px;height:40px}.brand{font-size:18px}.brand small{display:none}.route-home .hero-copy h1{font-size:39px;letter-spacing:-2px}.route-home .hero-copy>p{font-size:14px}.route-home .hero-actions{flex-direction:column}.route-home .trust-row{gap:10px;flex-wrap:wrap}.route-home .section{padding:62px 0}.topbar,.linktask-admin-topbar{height:62px;padding:0 13px;border-radius:15px}.app-main{padding:27px 12px 45px}.balance-pill span{display:none}.dash-grid{grid-template-columns:1fr 1fr}.balance-card{grid-column:1/-1}.stat-card:last-child{grid-column:1/-1}.page-head{align-items:flex-start}.page-head h1{font-size:23px}.task-grid,.market-grid{grid-template-columns:1fr}.profile-grid{grid-template-columns:1fr}.profile-grid>section:last-child{grid-column:auto}.auth-box{padding:26px 20px;border-radius:20px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}