/* HooshWork 2.1 — approved violet interface, adapted to live Blade components. */
:root{--primary:#7450d8;--primary-2:#b06ad9;--primary-deep:#5a36b6;--primary-soft:#f0eafd;--gradient:linear-gradient(115deg,#6841ce 0%,#9462df 62%,#b579d9 100%);--bg:#f8f8fc;--surface:#fff;--surface-2:#f4f2fa;--surface-3:#ece8f5;--text:#2b243a;--ink:var(--text);--muted:#736b80;--border:#e9e4f1;--success:#218169;--warning:#a8671d;--danger:#bd4064;--shadow:0 8px 32px #49336b08;--radius:20px;--hw-sidebar-wide:264px;--hw-sidebar-compact:76px;--hw-gold-bg:#fff7e8;--hw-gold:#d79436;--hw-overdue:#da9542;color-scheme:light}
html.dark{--primary:#b99aff;--primary-2:#cf9cea;--primary-deep:#cab4ff;--primary-soft:#312342;--gradient:linear-gradient(115deg,#6841b9,#9561c7);--bg:#14111c;--surface:#1e1928;--surface-2:#282133;--surface-3:#352c42;--text:#f3ecff;--muted:#b9adc8;--border:#392f48;--success:#64d2ae;--warning:#efb766;--danger:#f093ad;--shadow:0 8px 32px #0002;--hw-gold-bg:#33291d;--hw-gold:#bf914e;color-scheme:dark}
html{font-size:16px;scroll-padding-top:90px}body{font-family:Vazirmatn,Tahoma,sans-serif;font-size:14px;line-height:1.9;background:var(--bg);color:var(--text);text-align:right}*,*:before,*:after{box-sizing:border-box}button,input,select,textarea{font-family:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b399ef;outline-offset:3px}[hidden]{display:none!important}.app-main,.content,.form-group,.card,.task-item-main{min-width:0}.app-shell{isolation:isolate}.sidebar{background:var(--surface);color:var(--text);border-inline-end:1px solid var(--border);border-left:1px solid var(--border);padding:24px 14px 16px}.sidebar .brand{padding:0 10px 20px}.brand__name{color:var(--text);font-size:19px;letter-spacing:-.5px}.brand__tagline,.sidebar .brand__tagline{color:var(--muted);font-size:10px}.sidebar-label{font-size:11px;color:var(--muted);font-weight:500;letter-spacing:0;padding:20px 14px 6px}.sidebar-nav{gap:5px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.sidebar-nav a{font-size:14.4px;line-height:1.7;font-weight:500;min-height:44px;padding:11px 13px;border-radius:13px;color:var(--muted);border:0;gap:11px;white-space:normal}.sidebar-nav a svg{height:19px;width:19px;opacity:.9}.sidebar-nav a:hover{color:var(--primary-deep);background:var(--primary-soft)}.sidebar-nav a.active{background:var(--gradient);color:#fff;box-shadow:0 5px 16px #7551df24;border:0}.sidebar-tools{margin:-8px 6px 12px}.sidebar-tools .icon-btn{border:0;background:var(--surface-2);color:var(--muted);height:25px;width:25px;border-radius:7px}.sidebar-tools .icon-btn.active{background:var(--primary-soft);color:var(--primary)}.sidebar-tools .icon-btn svg{width:12px;height:12px}.sidebar-footer{margin-top:auto;padding-top:16px}.plan-mini{background:var(--primary-soft);border:1px solid var(--border);border-radius:16px;padding:15px;color:var(--text)}.plan-mini strong{font-size:15px}.sidebar-collapsed .sidebar:not(:hover) .brand__name{display:none}.app-shell.sidebar-collapsed .sidebar:hover{box-shadow:-10px 0 28px #49336b10}.topbar{height:auto;min-height:78px;gap:16px;padding:15px 32px;background:color-mix(in srgb,var(--bg) 95%,transparent);border-bottom:1px solid var(--border);box-shadow:none}.topbar .workspace-switcher>summary{border:0;background:transparent;padding:4px;gap:10px}.workspace-badge,.avatar{background:var(--gradient);color:#fff;border-radius:13px;box-shadow:none}.workspace-switcher summary:after{font-size:10px;color:var(--muted)}.dropdown{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 16px 45px #35234f18;padding:8px}.dropdown a,.dropdown button{border-radius:10px;color:var(--text);font-size:13px}.dropdown a:hover,.dropdown button:hover{background:var(--primary-soft)}.content{padding:30px 32px;max-width:1680px;margin:auto;width:100%}.page-head{margin-bottom:26px;gap:16px;align-items:center}.page-head h1{font-size:27px;line-height:1.6;letter-spacing:-.7px;font-weight:750}.page-head p{font-size:13px;margin:5px 0 0;color:var(--muted)}.card,.feature-card{border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.card-head{padding:19px 22px;border-bottom:1px solid var(--border)}.card-head h2{font-size:15px;font-weight:700;margin:0}.card-body,.card-pad{padding:22px}.grid{gap:20px}.btn{border-radius:12px;min-height:42px;padding:9px 18px;font-size:13px;font-weight:600;box-shadow:none;gap:8px}.btn-primary{background:var(--gradient);color:#fff;border:1px solid transparent;box-shadow:0 5px 15px #7551df18}.btn-primary:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn-secondary,.btn-ghost{background:var(--surface);border:1px solid var(--border);color:var(--text)}.btn-ghost{border-color:transparent;background:transparent}.btn-sm{min-height:34px;padding:6px 12px;font-size:12px}.icon-btn{height:36px;width:36px;min-height:36px;border-radius:11px;border:1px solid var(--border);background:var(--surface);color:var(--muted)}.input,.select,.textarea{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:11px;font-size:13px;min-height:44px;box-shadow:none}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.label,.form-group>span{font-size:12px;font-weight:500}.help{font-size:11px;color:var(--muted);line-height:1.9}.badge{padding:4px 9px;border-radius:8px;font-size:10px;font-weight:500;background:var(--surface-2);color:var(--muted)}.badge-success{background:color-mix(in srgb,var(--success) 11%,var(--surface));color:var(--success)}.badge-warning{background:color-mix(in srgb,var(--warning) 11%,var(--surface));color:var(--warning)}.badge-danger,.discount-label{background:color-mix(in srgb,var(--danger) 11%,var(--surface));color:var(--danger)}.progress{height:5px;border-radius:8px;background:var(--surface-3)}.progress>span{background:var(--gradient);border-radius:inherit}.table-wrap{max-width:100%;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.table{font-size:13px}.table th{background:var(--surface-2);font-size:11px;font-weight:500;color:var(--muted);padding:14px 16px}.table td{padding:17px 16px;border-color:var(--border)}.table tr:last-child td{border-bottom:0}.table td strong{font-weight:600}.empty{padding:35px 20px;color:var(--muted);font-size:13px;line-height:2}.empty svg{color:var(--primary);opacity:.7}.alert{background:var(--primary-soft);color:var(--text);border:1px solid var(--border);border-radius:12px}.tabs{background:var(--surface-2);padding:5px;border-radius:12px;gap:4px;flex-wrap:wrap}.tab{color:var(--muted);border:0;border-radius:9px;font-size:12px;padding:9px 15px}.tab.active{background:var(--surface);color:var(--primary-deep);box-shadow:0 2px 7px #3020480a}.today-tasks .card-body{padding:7px 22px}.today-tasks .task-item{grid-template-columns:22px 26px minmax(0,1fr) auto!important;gap:10px;padding:18px 0;border-color:var(--border);background:transparent!important;box-shadow:none!important}.today-tasks .task-item>.badge{grid-column:3;grid-row:2;justify-self:start}.today-tasks .task-item .task-title{font-size:13px;font-weight:600;line-height:1.9}.task-meta{font-size:10px;color:var(--muted);gap:12px}.task-number{background:transparent;color:var(--muted);font-size:11px;width:22px;min-width:22px}.task-check{width:24px;height:24px;border-radius:8px;background:var(--surface);border:1px solid var(--border);position:relative}.task-check:after{content:'';position:absolute;inset:-8px}.task-check svg{width:13px;height:13px}.task-item.done .task-check{background:var(--success);border-color:var(--success);color:#fff}.task-progress-head{font-size:10px}.today-tasks .task-item .task-progress-box{max-width:260px;margin-top:8px}.task-overdue,.task-urgent{border-inline-start:3px solid var(--warning)!important;padding-inline-start:12px!important}.task-urgent{border-inline-start-color:var(--danger)!important}.sort-actions{opacity:.7}.daily-ideas .idea-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.idea-item{border:1px solid var(--border);background:var(--surface-2);border-radius:13px;padding:12px!important;gap:8px}.idea-body{font-size:12px;line-height:1.9}.idea-number{min-width:20px;height:20px;font-size:10px;background:var(--surface)}.idea-footer{font-size:10px}.time-total{border:1px solid var(--border);border-radius:16px;background:linear-gradient(110deg,var(--primary-soft),var(--surface));padding:14px 20px}.time-total strong{font-size:18px}.time-total span{font-size:11px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:22px}.stat-card strong{display:block;font-size:27px;font-weight:750}.stat-card small{color:var(--muted)}.stat-icon{display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);width:38px;height:38px;border-radius:12px;margin-bottom:12px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:24px}dialog{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:22px;box-shadow:0 25px 100px #27163830;max-width:calc(100vw - 28px);max-height:calc(100dvh - 32px);padding:0}dialog::backdrop{background:#17102373;backdrop-filter:blur(3px)}.dialog-head{padding:20px 24px;border-color:var(--border)}.dialog-head h2{font-size:18px;line-height:1.7}.dialog-body{padding:24px}.dialog-actions{padding:16px 24px;background:var(--surface-2);border-color:var(--border);flex-wrap:wrap}.attention-row{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--border);border-inline-start:3px solid var(--warning);background:var(--surface)!important;color:var(--text)!important;border-radius:13px;padding:14px}.attention-row.urgent{border-inline-start-color:var(--danger)}.attention-row strong{font-size:13px}.attention-row span{display:block;font-size:11px;color:var(--muted)}.attention-row form{flex-shrink:0}.release-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:18px;background:var(--gradient);color:#fff;margin-bottom:15px}.release-list{padding-inline-start:20px;font-size:13px;line-height:2.2}.release-list li{padding:5px 0}.release-dialog{width:520px}.release-dialog::backdrop{background:#191125a3}.growth-links{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.growth-links a{padding:10px 22px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.growth-links a.active{color:#fff;background:var(--gradient);border-color:transparent}.calendar-head{gap:6px}.jalali-dialog{padding:20px;min-width:min(360px,92vw)}.calendar-day{border-radius:10px;height:38px}.calendar-day.selected{background:var(--gradient);color:#fff}.calendar-day:hover{background:var(--primary-soft);color:var(--text)}.calendar-time-row{display:flex;align-items:center;gap:12px;border-top:1px solid var(--border);margin-top:15px;padding-top:15px}.clock-controls{display:flex;gap:5px;align-items:center;direction:ltr}.clock-controls .select{width:78px;padding:8px;min-height:40px}.clock-controls+.help{margin:0}.clock-badge{padding:3px 7px;background:var(--primary-soft);color:var(--primary-deep);border-radius:6px;direction:ltr;font-size:11px;position:absolute;left:38px;top:10px}.jalali-field:has(.clock-badge) .input{padding-left:105px}.pricing-config{display:flex;gap:28px;align-items:end;justify-content:center;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;padding:24px;margin:0 auto 30px;max-width:920px;flex-wrap:wrap}.pricing-config label{display:grid;gap:8px;min-width:170px}.pricing-config .billing-tabs{margin:0}.billing-tabs{border:0;background:var(--surface-2);padding:5px;border-radius:14px}.billing-tabs button{background:transparent;border:0;color:var(--muted);padding:10px 18px;border-radius:10px;font-size:12px}.billing-tabs button.active{background:var(--gradient);color:#fff;box-shadow:0 4px 12px #7551df20}.price-card{border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;display:flex;flex-direction:column;padding:28px}.price-card.featured{transform:none;border:2px solid var(--primary);background:linear-gradient(160deg,var(--primary-soft),var(--surface) 35%)}.price-card h2{font-size:22px;padding-top:20px}.price-card p{font-size:12px}.price-card .price{font-size:30px;line-height:1.5;letter-spacing:-1px;margin:12px 0 4px;white-space:normal}.price-card .check-list{flex:1;font-size:12px}.price-card>.btn{width:100%}.price-meta{font-size:11px;color:var(--muted)}.price-badge{font-size:10px;border-radius:7px;background:var(--primary-soft);color:var(--primary-deep)}.trial-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(115deg,var(--primary-soft),var(--surface));border:1px solid var(--border);border-radius:20px;padding:26px 30px;margin-top:28px}.trial-banner h3{font-size:17px;margin:0 0 5px}.trial-banner p{font-size:12px;margin:0;color:var(--muted)}.credit-balance{background:var(--gradient);color:#fff;border:0}.credit-balance small{color:#f1e7ff}.credit-balance .stat-icon{background:#ffffff24;color:#fff}.video-frame{width:100%;max-height:450px;border-radius:18px;background:#171220}.referral-link{direction:ltr;unicode-bidi:isolate;overflow-wrap:anywhere;user-select:all;font-size:13px;background:var(--surface-2);border:1px dashed var(--border);padding:16px;border-radius:13px;display:block}.agency-notes{white-space:pre-line;line-height:2.1;color:var(--muted)}.marketing-nav{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 4px 25px #49336b05}.marketing-nav__inner{min-height:90px;gap:20px}.nav-links a{font-size:14px;color:var(--muted)}.nav-links a:hover{color:var(--primary)}.hero{padding:80px 0}.hero:before{display:none}.hero h1{font-size:clamp(32px,4vw,52px);line-height:1.6;letter-spacing:-1.5px}.gradient-text{background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-lead{font-size:15px;line-height:2.2}.eyebrow{font-size:12px;background:var(--primary-soft);color:var(--primary-deep);border-radius:30px;padding:5px 12px}.section{padding:65px 0}.section-alt{background:var(--surface-2)}.section-head h2{font-size:30px;line-height:1.65}.section-head p{font-size:14px;line-height:2.1}.feature-card{padding:28px}.feature-icon{background:var(--primary-soft);color:var(--primary);border-radius:14px}.feature-card h3{font-size:17px}.feature-card p{font-size:13px;line-height:2}.trust-row{font-size:11px;gap:18px;color:var(--muted)}.hero-journey{position:relative;padding:40px 32px;background:linear-gradient(145deg,var(--primary-soft),var(--surface));border:1px solid var(--border);border-radius:32px;box-shadow:0 20px 70px #7551df10;display:grid;gap:15px;transform:rotate(-2deg)}.hero-journey:before{content:'';position:absolute;width:170px;height:170px;bottom:-30px;left:-28px;border:1px solid color-mix(in srgb,var(--primary) 24%,transparent);border-radius:50%;z-index:-1}.journey-step{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px 22px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow);transform:rotate(2deg)}.journey-step:nth-child(2){margin-inline-start:25px}.journey-step:nth-child(3){margin-inline-start:50px}.journey-step svg{color:var(--primary);width:26px;height:26px;flex-shrink:0}.journey-step strong{font-size:14px;display:block}.journey-step span{font-size:11px;color:var(--muted)}.cta{background:var(--gradient);color:#fff;border:0;padding:40px;border-radius:24px}.cta p{color:#f0e8ff}.cta .btn{background:#fff;color:#6041ac}.footer{background:var(--surface);border-top:1px solid var(--border);color:var(--text)}.footer h4{font-size:14px}.footer a,.footer p{font-size:12px;color:var(--muted)}.hw-copyright{font-size:11px;color:var(--muted);padding:24px 12px}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-card{padding:0}.blog-card img{display:block;width:100%;height:210px;object-fit:cover}.blog-card .card-body{padding:25px}.blog-card h2{font-size:18px;line-height:1.9}.blog-placeholder{background:linear-gradient(135deg,var(--primary-soft),var(--surface-2));height:150px;display:grid;place-items:center;color:var(--primary)}.blog-placeholder svg{width:45px;height:45px}.article-body{white-space:pre-line;line-height:2.3;font-size:15px}.article-cover{width:100%;max-height:450px;object-fit:cover;border-radius:18px;margin:20px 0}.auth-shell{background:var(--bg)}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:26px;box-shadow:0 18px 75px #7551df10}.otp-login-card{background:var(--primary-soft);border-color:var(--border)}.otp-login-icon{background:var(--gradient)}.auth-title{font-size:28px}.skeleton{background:linear-gradient(90deg,var(--surface-2),var(--surface-3),var(--surface-2));background-size:200% 100%;border-radius:10px;animation:skeleton-shift 1.8s ease infinite}@keyframes skeleton-shift{to{background-position:-200% 0}}.release-error{color:var(--danger);font-size:12px}.admin-setting-section{scroll-margin-top:100px}.mobile-menu{display:none}
@media(max-width:1100px){.content{padding:24px}.topbar{padding:15px 24px}.today-tasks .task-item>.sort-actions{grid-row:2}.hero-grid{gap:35px}.nav-links{gap:16px}}
@media(max-width:900px){.app-shell,.app-shell.sidebar-collapsed{display:block}.sidebar,.app-shell.sidebar-collapsed .sidebar{position:fixed;inset:0 0 0 auto;width:264px;transform:translateX(100%);height:100dvh;z-index:65;box-shadow:-15px 0 65px #2413332a}.sidebar.open{transform:translateX(0)}.sidebar-tools{display:none}.mobile-menu{display:grid}.app-shell.sidebar-collapsed .sidebar:not(:hover) .sidebar-nav a{font-size:14.4px;justify-content:flex-start;padding:11px 13px}.app-shell.sidebar-collapsed .sidebar:not(:hover) .sidebar-nav a span,.app-shell.sidebar-collapsed .sidebar:not(:hover) .brand__name,.app-shell.sidebar-collapsed .sidebar:not(:hover) .sidebar-footer,.app-shell.sidebar-collapsed .sidebar:not(:hover) .sidebar-label{display:block}.app-main{width:100%}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-grid{grid-template-columns:1fr}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid{grid-template-columns:1fr}.hero-journey{max-width:500px;margin:auto;width:100%}.hero{padding:45px 0}.nav-links{display:none}.marketing-nav__inner{min-height:78px}.nav-actions{gap:6px}.nav-actions .btn{padding:8px 12px;font-size:12px}.hero h1{max-width:720px}.pricing-config{align-items:center}.trial-banner{flex-wrap:wrap}}
@media(max-width:600px){body{font-size:13px}.content{padding:22px 16px}.topbar{padding:12px 16px;min-height:72px;gap:8px}.topbar-actions{gap:5px}.topbar .workspace-switcher summary strong{font-size:12px;display:block;max-width:145px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topbar .workspace-badge{width:30px;height:30px}.topbar .small{font-size:10px}.page-head{align-items:flex-start;flex-wrap:wrap}.page-head h1{font-size:23px}.page-head p{font-size:12px}.page-head .actions{flex-wrap:wrap}.grid-3,.grid-2,.blog-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.card-head,.card-body,.card-pad{padding:17px}.today-tasks .card-body{padding:4px 15px}.today-tasks .task-item{grid-template-columns:18px 24px minmax(0,1fr) auto!important;gap:7px}.today-tasks .task-item .task-title{font-size:12px}.daily-ideas .idea-list{grid-template-columns:1fr 1fr;gap:8px}.idea-item{display:block!important;padding:10px!important}.idea-number{display:none}.idea-footer{gap:4px;flex-wrap:wrap}.idea-body{font-size:11px}.dialog-body{padding:19px}.dialog-head{padding:16px 19px}.dialog-actions{padding:14px 19px}.attention-row{align-items:flex-start;flex-direction:column;gap:12px}.attention-row .btn{min-height:36px}.pricing-config{padding:18px;gap:18px}.pricing-config label{width:100%}.billing-tabs button{padding:10px 13px;font-size:11px}.trial-banner{padding:22px}.stats-grid{grid-template-columns:1fr 1fr;gap:12px}.stat-card{padding:17px}.stat-card strong{font-size:24px}.marketing-nav .brand__tagline{display:none}.marketing-nav .brand img{width:32px;height:32px}.marketing-nav .brand__name{font-size:17px}.nav-actions .btn-secondary{border:0;background:transparent}.container{width:calc(100% - 32px)}.hero h1{font-size:32px;letter-spacing:-.7px}.hero-lead{font-size:13px}.hero-journey{padding:26px 20px;border-radius:23px}.journey-step{padding:14px;gap:12px}.journey-step:nth-child(2){margin-inline-start:12px}.journey-step:nth-child(3){margin-inline-start:24px}.section{padding:45px 0}.section-head h2{font-size:24px}.section-head p{font-size:13px}.cta{padding:25px;gap:20px}.cta h2{font-size:23px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.growth-links{gap:7px}.growth-links a{padding:9px 14px;font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep overdue and urgent surfaces consistent in both themes. */
.attention-dialog,.dark .attention-dialog{background:var(--surface);color:var(--text);border-color:var(--border)}
.task-overdue{background:color-mix(in srgb,var(--warning) 7%,var(--surface))!important}
.task-urgent{background:color-mix(in srgb,var(--danger) 7%,var(--surface))!important}
.today-tasks .task-item.task-overdue,.today-tasks .task-item.task-urgent{background:transparent!important}
.dark .attention-row.urgent,.dark .attention-row.overdue{background:var(--surface-2);color:var(--text);border-color:var(--border)}
.dark .attention-row span{color:var(--muted)}