/* Taskivoza White Clean UI — v1.3.0 */
:root{
  --ptc-bg:#ffffff;
  --ptc-card:#ffffff;
  --ptc-line:#e5e7eb;
  --ptc-shadow:none;
  --ptc-shadow-soft:none;
}

html,body{background:#ffffff!important}
*,*::before,*::after{box-shadow:none!important;text-shadow:none!important}
body{background-image:none!important}
.ptc-header{background:#ffffff!important;backdrop-filter:none!important;border-bottom:1px solid var(--ptc-line)!important}
.ptc-nav ul,.ptc-nav,.ptc-mini-wallet,.ptc-panel,.ptc-job-card,.ptc-stat,.ptc-balance-card,.ptc-method,.ptc-form,.ptc-auth-form,.ptc-page-content,.ptc-empty,.ptc-pro-metrics,.ptc-value-grid article,.ptc-pro-how article,.ptc-hero-card,.ptc-demo-job,.ptc-floating-card,.ptc-final-cta,.ptc-wallet-hero,.ptc-referral,.ptc-pro-advertiser,.ptc-footer,.ptc-toast,.ptc-modal-card,.ptc-secure-chip,.ptc-hero .ptc-eyebrow{
  background:#ffffff!important;
  background-image:none!important;
}

/* Remove decorative tinted page backgrounds while preserving motion. */
.ptc-pro-hero::before,.ptc-pro-hero::after,.ptc-hero-card::after,.ptc-footer::before,.ptc-footer::after,.ptc-value-grid article::before,.ptc-pro-how article::before,.ptc-hero-balance::after{display:none!important}
.ptc-home-section,.ptc-main,.ptc-pro-hero,.ptc-opportunities-section{background:#ffffff!important}

/* Border-led surfaces. */
.ptc-panel,.ptc-job-card,.ptc-stat,.ptc-balance-card,.ptc-method,.ptc-form,.ptc-auth-form,.ptc-page-content,.ptc-empty,.ptc-pro-metrics,.ptc-value-grid article,.ptc-pro-how article,.ptc-hero-card,.ptc-demo-job,.ptc-floating-card,.ptc-final-cta,.ptc-wallet-hero,.ptc-referral,.ptc-pro-advertiser,.ptc-modal-card,.ptc-toast{
  border:1px solid var(--ptc-line)!important;
}
.ptc-job-card:hover,.ptc-value-grid article:hover,.ptc-pro-how article:hover,.ptc-hero-card:hover{border-color:#c7cdd7!important}

/* Navigation and controls. */
.ptc-nav ul{border:1px solid var(--ptc-line)!important}
.ptc-nav a:hover,.ptc-nav .current-menu-item>a{background:#ffffff!important;border-color:var(--ptc-line)!important}
.ptc-mini-wallet{border:1px solid #d9d4ff!important;color:var(--ptc-primary)!important}
.ptc-avatar img{border:1px solid var(--ptc-line)!important}
.ptc-btn,.ptc-copy button{box-shadow:none!important}
.ptc-btn-secondary{background:#ffffff!important;border:1px solid #d5dae3!important}
.ptc-btn-secondary:hover{background:#ffffff!important;border-color:var(--ptc-primary)!important}

/* White hero and dashboard surfaces. */
.ptc-hero-card{color:var(--ptc-text)!important}
.ptc-hero-balance{background:#ffffff!important;color:var(--ptc-text)!important;border:1px solid var(--ptc-line)!important}
.ptc-hero-balance small,.ptc-hero-balance strong span,.ptc-live{color:var(--ptc-muted)!important}
.ptc-mini-chart i{background:var(--ptc-primary)!important}
.ptc-demo-job>span,.ptc-job-icon,.ptc-metric-icon,.ptc-stat>span,.ptc-value-grid article>span,.ptc-pro-how article>.ptc-icon,.ptc-floating-card>.ptc-icon{
  background:#ffffff!important;
  border:1px solid #dcd7ff!important;
  color:var(--ptc-primary)!important;
}
.ptc-secure-chip,.ptc-chip,.ptc-badge{background:#ffffff!important;border:1px solid var(--ptc-line)!important}
.ptc-pro-metrics>div:after{background:var(--ptc-line)!important}

/* White promotional areas with colored typography and outlines. */
.ptc-wallet-hero,.ptc-referral,.ptc-pro-advertiser,.ptc-final-cta{color:var(--ptc-text)!important}
.ptc-wallet-hero small,.ptc-wallet-hero p,.ptc-referral p,.ptc-pro-advertiser p{color:var(--ptc-muted)!important}
.ptc-wallet-hero strong span{color:var(--ptc-muted)!important}
.ptc-pro-advertiser .ptc-feature-list span{background:#ffffff!important;color:var(--ptc-text)!important;border:1px solid var(--ptc-line)!important}
.ptc-pro-advertiser .ptc-feature-list span:hover{background:#ffffff!important;border-color:var(--ptc-primary)!important}
.ptc-copy{border:1px solid var(--ptc-line);border-radius:11px;overflow:hidden}
.ptc-copy input{background:#ffffff!important;color:var(--ptc-text)!important}

/* Forms, tables, progress, and modal. */
.ptc-field input,.ptc-field textarea,.ptc-field select,.ptc-copy input{background:#ffffff!important}
.ptc-field input:focus,.ptc-field textarea:focus,.ptc-field select:focus{outline:2px solid rgba(7,148,71,.28)!important;outline-offset:1px;transform:none!important}
.ptc-table tbody tr:hover{background:#ffffff!important}
.ptc-progress{background:#ffffff!important;border:1px solid var(--ptc-line)!important}
.ptc-task-modal{background:rgba(255,255,255,.94)!important;backdrop-filter:none!important}
.ptc-modal-close{background:#ffffff!important;border:1px solid var(--ptc-line)!important}
.ptc-timer-ring{border:1px solid var(--ptc-line)}
.ptc-toast{color:var(--ptc-text)!important}
.ptc-toast .ptc-icon{color:var(--ptc-accent)!important}

/* Pure-white footer. */
.ptc-footer{color:var(--ptc-text)!important;border-top:1px solid var(--ptc-line)!important}
.ptc-footer-grid h3{color:var(--ptc-text)!important}
.ptc-footer-grid p,.ptc-footer-grid>div>a:not(.ptc-brand),.ptc-footer-bottom{color:var(--ptc-muted)!important}
.ptc-footer-grid>div>a:not(.ptc-brand):hover{color:var(--ptc-primary)!important}
.ptc-footer-bottom{border-top:1px solid var(--ptc-line)!important}

/* Loading screen. */
.ptc-site-loader{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:#ffffff;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s ease,visibility .32s ease}
html.ptc-loading .ptc-site-loader,body.ptc-page-leaving .ptc-site-loader{opacity:1;visibility:visible;pointer-events:auto}
.ptc-loader-inner{width:min(340px,calc(100% - 40px));text-align:center}
.ptc-loader-logo{display:inline-grid;place-items:center;width:58px;height:58px;border:1px solid #dcd7ff;border-radius:18px;color:var(--ptc-primary);margin-bottom:20px}
.ptc-loader-logo .ptc-icon{width:30px;height:30px}
.ptc-loader-ring{width:44px;height:44px;margin:0 auto 18px;position:relative}
.ptc-loader-ring svg{display:block;width:100%;height:100%;transform:rotate(-90deg)}
.ptc-loader-ring circle{fill:none;stroke-width:3}
.ptc-loader-ring .track{stroke:#eceef2}
.ptc-loader-ring .motion{stroke:var(--ptc-primary);stroke-linecap:round;stroke-dasharray:72 120;transform-origin:center;animation:ptcLoaderSpin 1.05s linear infinite,ptcLoaderDash 1.7s ease-in-out infinite}
.ptc-loader-title{display:block;font-size:16px;font-weight:800;letter-spacing:-.2px;color:var(--ptc-text)}
.ptc-loader-copy{display:block;margin-top:5px;font-size:13px;color:var(--ptc-muted)}
.ptc-loader-skeleton{display:grid;gap:8px;margin:24px auto 0;width:min(250px,100%)}
.ptc-loader-skeleton i{display:block;height:7px;border:1px solid var(--ptc-line);border-radius:999px;overflow:hidden;position:relative;background:#ffffff}
.ptc-loader-skeleton i::after{content:"";position:absolute;inset:-1px;width:34%;background:var(--ptc-primary);opacity:.16;border-radius:999px;animation:ptcSkeletonMove 1.2s ease-in-out infinite}
.ptc-loader-skeleton i:nth-child(2){width:82%;justify-self:center}.ptc-loader-skeleton i:nth-child(3){width:61%;justify-self:center}

/* Navigation and request loading feedback. */
.ptc-navigation-loader{position:fixed;left:0;top:0;z-index:100000;width:100%;height:2px;background:#ffffff;overflow:hidden;opacity:0;transition:opacity .2s ease}
.ptc-navigation-loader span{display:block;width:32%;height:100%;background:var(--ptc-primary);transform:translateX(-120%)}
body.ptc-page-leaving .ptc-navigation-loader{opacity:1}
body.ptc-page-leaving .ptc-navigation-loader span{animation:ptcNavigationLoad 1s ease-in-out infinite}
.admin-bar .ptc-navigation-loader{top:32px}
.ptc-is-loading{position:relative!important;cursor:wait!important;pointer-events:none!important}
.ptc-is-loading::after{content:"";width:15px;height:15px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:ptcButtonSpin .7s linear infinite;flex:0 0 auto}
.ptc-is-loading .ptc-icon{animation:ptcIconPulse .8s ease-in-out infinite}
form.ptc-form-loading{cursor:wait}
form.ptc-form-loading>*:not(.ptc-actions){opacity:.72;transition:opacity .2s ease}
.ptc-image-loading{opacity:.35;transition:opacity .35s ease}
.ptc-image-ready{opacity:1}

@keyframes ptcLoaderSpin{to{transform:rotate(360deg)}}
@keyframes ptcLoaderDash{0%,100%{stroke-dasharray:38 120}50%{stroke-dasharray:96 120}}
@keyframes ptcSkeletonMove{0%{transform:translateX(-120%)}100%{transform:translateX(320%)}}
@keyframes ptcNavigationLoad{0%{transform:translateX(-120%)}100%{transform:translateX(420%)}}
@keyframes ptcButtonSpin{to{transform:rotate(360deg)}}
@keyframes ptcIconPulse{50%{opacity:.45}}

@media(max-width:980px){.ptc-nav{background:#ffffff!important}}
@media(prefers-reduced-motion:reduce){
  .ptc-site-loader,.ptc-image-loading{transition:none}
  .ptc-loader-ring .motion,.ptc-loader-skeleton i::after,.ptc-navigation-loader span,.ptc-is-loading::after,.ptc-is-loading .ptc-icon{animation-duration:1.8s!important}
}