@import"https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800&display=swap";:root{font-family:Vazirmatn,Tahoma,sans-serif;font-size:14px;font-synthesis:none;direction:rtl;color-scheme:light;--bg: #f4f4f6;--ink: #1d1d1f;--ink-2: #3a3a3c;--muted: #636366;--faint: #9a9aa0;--line: rgba(0, 0, 0, .08);--focus: rgba(0, 0, 0, .45);--primary-rgb: 0, 0, 0;--shadow-rgb: 0, 0, 0;--primary: #1d1d1f;--primary-grad: linear-gradient(180deg, #3a3a3c 0%, #1d1d1f 100%);--on-primary: #ffffff;--primary-soft: rgba(0, 0, 0, .06);--primary-ink: #1d1d1f;--gold-grad: linear-gradient(135deg, #fde68a, #f59e0b);--glass: rgba(255, 255, 255, .62);--glass-fill: linear-gradient( 180deg, rgba(255, 255, 255, .82), rgba(255, 255, 255, .58) );--glass-strong: rgba(255, 255, 255, .86);--glass-soft: rgba(0, 0, 0, .035);--glass-border: rgba(255, 255, 255, .9);--glass-shadow: 0 0 0 1px rgba(0, 0, 0, .05), 0 2px 6px rgba(0, 0, 0, .04), 0 12px 32px rgba(0, 0, 0, .07);--glass-hi: inset 0 1px 0 rgba(255, 255, 255, 1), inset 0 -1px 0 rgba(0, 0, 0, .03), inset 0 0 18px rgba(255, 255, 255, .35);--blur: blur(30px) saturate(180%);--field: rgba(255, 255, 255, .75);--field-border: rgba(0, 0, 0, .1);--overlay: rgba(20, 20, 24, .28);--s-backlog: #7c3aed;--s-progress: #0891b2;--s-review: #d97706;--s-done: #16a34a;--danger: #e11d48;--danger-soft: rgba(225, 29, 72, .09);--danger-ink: #be123c;--success-ink: #15803d;--success-soft: rgba(22, 163, 74, .1);--warn-ink: #a15c07;--warn-soft: rgba(245, 158, 11, .13);--track: rgba(0, 0, 0, .07);--logo-plate: transparent;--logo-plate-border: transparent;--logo-plate-shadow: none;--r-xl: 26px;--r-lg: 22px;--r: 16px;--r-sm: 12px}:root[data-theme=dark]{color-scheme:dark;--bg: #0b0b0d;--ink: #f5f5f7;--ink-2: #d1d1d6;--muted: #a1a1a6;--faint: #6c6c72;--line: rgba(255, 255, 255, .09);--focus: rgba(255, 255, 255, .6);--primary-rgb: 255, 255, 255;--primary: #f5f5f7;--primary-grad: linear-gradient(180deg, #ffffff 0%, #dcdce1 100%);--on-primary: #111113;--primary-soft: rgba(255, 255, 255, .1);--primary-ink: #f5f5f7;--glass: rgba(40, 40, 46, .55);--glass-fill: linear-gradient( 180deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .04) );--glass-strong: rgba(30, 30, 34, .9);--glass-soft: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 0 0 1px rgba(0, 0, 0, .4), 0 2px 6px rgba(0, 0, 0, .3), 0 14px 36px rgba(0, 0, 0, .45);--glass-hi: inset 0 1px 0 rgba(255, 255, 255, .14), inset 0 -1px 0 rgba(255, 255, 255, .03), inset 0 0 18px rgba(255, 255, 255, .025);--field: rgba(255, 255, 255, .06);--field-border: rgba(255, 255, 255, .13);--overlay: rgba(0, 0, 0, .55);--s-backlog: #8b5cf6;--s-progress: #0e9fbf;--s-review: #d07a0a;--s-done: #16a34a;--danger-soft: rgba(244, 63, 94, .16);--danger-ink: #fda4af;--success-ink: #86efac;--success-soft: rgba(34, 197, 94, .15);--warn-ink: #fcd34d;--warn-soft: rgba(245, 158, 11, .16);--track: rgba(255, 255, 255, .1);--logo-plate: rgba(255, 255, 255, .92);--logo-plate-border: rgba(255, 255, 255, .9);--logo-plate-shadow: inset 0 1px 0 #fff, 0 6px 18px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;color:var(--ink);background:var(--bg);line-height:1.7}button,input,textarea,select{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:background .2s,color .2s,box-shadow .2s,transform .2s,border-color .2s}button:disabled{cursor:default;opacity:.55}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none}a{color:inherit;text-decoration:none}h1,h2,h3,h4{color:var(--ink);line-height:1.5}h1{font-size:28px;font-weight:800;letter-spacing:-.5px;margin:4px 0 6px}h2{font-size:16px;font-weight:700;margin:0}p{line-height:1.9}.grow{flex:1;min-width:0}.red{color:var(--danger-ink)}.teal{color:var(--success-ink)}.gold{color:#d99a0b}.glass{background:var(--glass-fill);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-hi);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass{background:var(--glass-strong)}}.glass-btn{width:44px;height:44px;border-radius:14px;background:var(--glass-fill);border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow),var(--glass-hi);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);position:relative;color:var(--ink-2)!important}.glass-btn:hover{background:var(--glass-strong)!important}.tone-blue{--tone: #3b82f6;--tone-grad: linear-gradient(135deg, #60a5fa, #2563eb);--tone-ink: #fff}.tone-violet{--tone: #8b5cf6;--tone-grad: linear-gradient(135deg, #a78bfa, #7c3aed);--tone-ink: #fff}.tone-amber{--tone: #f59e0b;--tone-grad: linear-gradient(135deg, #fcd34d, #e08a00);--tone-ink: #3b2500}.tone-rose{--tone: #f43f5e;--tone-grad: linear-gradient(135deg, #fb7185, #e11d48);--tone-ink: #fff}.head-icon{width:44px;height:44px;flex-shrink:0;display:inline-grid;place-items:center;border-radius:14px;color:var(--tone-ink, var(--ink));background:var(--tone-grad, var(--glass-fill));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-hi)}.primary,.secondary,.subtle{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;border-radius:14px;padding:10px 18px;font-size:14px;font-weight:600;white-space:nowrap}.primary{border:0;color:var(--on-primary);background:var(--primary-grad);box-shadow:0 6px 16px rgba(var(--shadow-rgb),.18),inset 0 1px #ffffff4d}.primary:hover:not(:disabled){box-shadow:0 10px 24px rgba(var(--shadow-rgb),.26),inset 0 1px #ffffff4d;transform:translateY(-1px)}.primary.danger{background:linear-gradient(135deg,#fb7185,#e11d48);box-shadow:0 8px 20px #e11d484d}.secondary{border:1px solid var(--glass-border);background:var(--glass-fill);color:var(--ink);box-shadow:var(--glass-shadow),var(--glass-hi);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.secondary:hover:not(:disabled){background:var(--glass-strong)}.subtle{border:0;background:var(--primary-soft);color:var(--primary-ink)}.subtle:hover:not(:disabled){background:color-mix(in srgb,var(--primary) 12%,transparent)}.block{width:100%}.text-btn{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:var(--primary-ink);font-size:13px;font-weight:600;padding:6px 2px;white-space:nowrap}.text-btn:hover:not(:disabled){text-decoration:underline;text-underline-offset:4px}.icon-btn{border:0;background:transparent;min-width:40px;min-height:40px;padding:8px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}.icon-btn:hover:not(:disabled){background:var(--primary-soft);color:var(--primary-ink)}.badge{position:absolute;top:-5px;left:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:linear-gradient(135deg,#fb7185,#e11d48);color:#fff;font-size:11px;font-weight:700;line-height:20px;box-shadow:0 0 0 2px var(--glass-strong)}.pill{display:inline-flex;align-items:center;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--primary-soft);color:var(--primary-ink);white-space:nowrap}.brand{display:flex;flex-direction:column;align-items:flex-start;gap:4px;color:var(--ink)}.brand small{font-size:12px;font-weight:600;color:var(--muted);padding-right:4px}.brand-logo{display:inline-flex;align-items:center;padding:6px 12px;border-radius:16px;background:var(--logo-plate);border:1px solid var(--logo-plate-border);box-shadow:var(--logo-plate-shadow)}.brand-logo img{display:block;width:auto;max-width:100%}.avatar{width:42px;height:42px;position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,hsl(var(--hue) 75% 82%),hsl(var(--hue) 60% 64%));color:hsl(var(--hue) 55% 24%);border:2px solid rgba(255,255,255,.9);box-shadow:0 4px 10px rgba(var(--shadow-rgb),.15);font-size:13px;font-weight:700}.avatar.small{width:30px;height:30px;font-size:10px;border-width:1.5px}.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.app{min-height:100vh;padding:18px}.sidebar{position:fixed;top:18px;bottom:18px;right:18px;width:256px;border-radius:var(--r-xl);padding:22px 16px 16px;display:flex;flex-direction:column;gap:22px;z-index:30;overflow-y:auto}.sidebar-top{display:flex;align-items:center;justify-content:space-between;padding:0 6px}.sidebar-close{display:none}nav{display:flex;flex-direction:column;gap:6px}nav button{border:0;background:transparent;display:flex;align-items:center;gap:14px;min-height:48px;padding:10px 16px;text-align:right;border-radius:16px;color:var(--ink-2);font-size:15px;font-weight:500}nav button svg{color:var(--muted);flex-shrink:0}nav button:hover{background:var(--glass-soft);color:var(--ink)}nav button.selected{color:var(--on-primary);font-weight:700;background:var(--primary-grad);box-shadow:0 6px 16px rgba(var(--shadow-rgb),.18),inset 0 1px #ffffff59}nav button.selected svg{color:var(--on-primary)}.nav-count{margin-right:auto;font-size:12px;font-weight:700;min-width:26px;text-align:center;padding:1px 8px;border-radius:999px;background:var(--primary-soft);color:var(--primary-ink)}nav button.selected .nav-count{background:color-mix(in srgb,var(--on-primary) 22%,transparent);color:var(--on-primary)}.sidebar-meter{margin-top:auto;padding:16px;border-radius:18px;background:var(--glass-soft);border:1px solid var(--glass-border)}.sidebar-meter-head{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px;color:var(--primary-ink)}.sidebar-meter small{display:block;color:var(--muted);font-size:12px;margin:4px 0 10px}.meter{height:8px;border-radius:999px;background:var(--track);overflow:hidden}.meter>span{display:block;height:100%;min-width:0;border-radius:999px;background:var(--tone-grad, var(--primary-grad));transition:width .6s ease}.profile{display:flex;align-items:center;gap:10px;padding:12px 6px 0;border-top:1px solid var(--line);flex-shrink:0}.profile strong,.top-profile strong{display:block;font-size:14px}.profile small,.top-profile small{display:block;color:var(--muted);font-size:12px}.scrim{position:fixed;inset:0;z-index:25;background:var(--overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.app>main{margin-right:280px;min-width:0}.topbar{position:sticky;top:12px;z-index:20;display:flex;align-items:center;gap:10px;margin-bottom:20px;padding:8px;border-radius:22px;background:var(--glass-fill);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-hi);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.topbar .glass,.topbar .glass-btn{background:var(--glass-soft);border-color:transparent!important;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.mobile-menu{display:none!important}.top-search{flex:1;max-width:560px;min-width:0;display:flex;align-items:center;gap:10px;height:48px;padding:0 16px;border-radius:16px;color:var(--muted)}.top-search:focus-within{border-color:color-mix(in srgb,var(--primary) 50%,transparent);box-shadow:0 0 0 4px var(--primary-soft),var(--glass-shadow)}.top-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:14px}.top-search input::placeholder{color:var(--faint)}kbd{font-family:inherit;font-size:11px;font-weight:600;padding:2px 8px;border-radius:8px;background:var(--glass-strong);border:1px solid var(--line);color:var(--muted);white-space:nowrap}.top-actions{display:flex;align-items:center;gap:10px;margin-right:auto}.top-date{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px;border-radius:14px;font-size:13px;color:var(--ink-2);white-space:nowrap}.top-profile{display:flex;align-items:center;gap:10px;height:48px;padding:0 8px 0 16px;border-radius:16px;white-space:nowrap}.live-dot{height:8px;width:8px;display:inline-block;flex-shrink:0;background:#22c55e;border-radius:50%;box-shadow:0 0 0 4px #22c55e2e}.content{max-width:1600px;margin:0 auto}.hero{position:relative;overflow:hidden;border-radius:var(--r-xl);min-height:200px;padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.hero-card{max-width:640px}.hero-card p{margin:4px 0 0;color:var(--muted);font-size:14px}.hero-date{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--ink-2)}.hero .heading-actions{margin-top:16px}.hero.compact{min-height:0;padding:22px 26px}.hero.compact .hero-card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"eyebrow actions" "title actions" "text actions";column-gap:24px;align-items:center;max-width:none;width:100%}.hero.compact .eyebrow{grid-area:eyebrow}.hero.compact h1{grid-area:title;font-size:24px;margin:0}.hero.compact p{grid-area:text}.hero.compact .heading-actions{grid-area:actions;margin:0}.hero-note{align-self:flex-end;display:flex;align-items:center;gap:12px;max-width:260px;padding:12px 14px;border-radius:var(--r);background:var(--glass-soft)}.hero-note>span{width:48px;height:48px;flex-shrink:0;display:grid;place-items:center;border-radius:15px;color:#3b2500;background:var(--gold-grad);box-shadow:0 8px 18px #e08a0047}.hero-note p{margin:0;font-size:13px;font-weight:600;color:var(--ink-2);line-height:1.8}.eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--primary-ink)}.heading-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.dash{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start;margin-bottom:20px}.dash-main,.dash-side{display:grid;gap:20px;min-width:0}.dash-main{container:dash-main / inline-size}@container dash-main (max-width: 900px){.dash-main>.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.dash-main>.hero,.dash-main>.stats,.dash-main>.panel,.dash-side>.panel{margin:0}.dash-row{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px}.dash-row>.panel{margin:0}.split{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:20px;align-items:start;margin-bottom:20px}.split>.panel{margin:0}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.stat{position:relative;overflow:hidden;border-radius:var(--r-lg);padding:18px 20px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:4px 12px;background:linear-gradient(145deg,color-mix(in srgb,var(--tone) 9%,var(--glass-strong)),var(--glass))}.stat-body{min-width:0}.stat-label{display:block;font-size:14px;font-weight:700;color:var(--ink-2)}.stat b{display:block;font-size:34px;font-weight:800;line-height:1.35;color:var(--ink)}.stat small{display:block;font-size:12px;color:var(--muted)}.stat-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;color:var(--tone-ink, #fff);background:var(--tone-grad);box-shadow:0 10px 22px color-mix(in srgb,var(--tone) 40%,transparent),inset 0 1px 1px #ffffff80}.stat .meter{grid-column:1 / -1;margin-top:10px;height:6px}.panel{border-radius:var(--r-lg);overflow:hidden;margin-bottom:20px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px 14px}.section-head.wrap{flex-wrap:wrap}.section-head p{font-size:13px;color:var(--muted);margin:2px 0 0}.panel-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:0 22px;padding:14px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.panel-foot>span{display:inline-flex;align-items:center;gap:8px}.ring{--size: 72px;width:var(--size);height:var(--size);flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--s-done) var(--progress),var(--track) 0)}.ring>span{width:calc(var(--size) - 14px);height:calc(var(--size) - 14px);border-radius:50%;display:flex;align-items:center;justify-content:center;white-space:nowrap;background:var(--glass-strong);font-weight:800;font-size:15px}.ring small{font-size:11px}.bar-chart{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:6px 22px 16px;background-image:linear-gradient(var(--line) 1px,transparent 1px);background-size:100% 25%;background-origin:content-box;background-clip:content-box}.bar-col{position:relative;display:grid;grid-template-rows:1fr auto;justify-items:center;gap:8px;min-width:0;border-radius:12px;outline-offset:4px}.bar-value{font-weight:800;font-size:15px;color:var(--ink)}.bar-track{width:min(44px,100%);height:176px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}.bar{width:100%;border-radius:10px 10px 4px 4px;background:var(--sc);box-shadow:inset 0 1px #ffffff59;transition:height .6s ease,filter .2s}.bar-label{font-size:12px;color:var(--muted);text-align:center;line-height:1.5}.bar-tip{position:absolute;bottom:calc(100% - 18px);left:50%;transform:translate(-50%,4px);padding:6px 10px;border-radius:10px;white-space:nowrap;font-size:12px;font-weight:600;color:var(--ink);background:var(--glass-strong);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:2}.bar-col:hover .bar-tip,.bar-col:focus-visible .bar-tip{opacity:1;transform:translate(-50%)}.bar-col:hover .bar{filter:brightness(1.08)}.s-backlog{--sc: var(--s-backlog)}.s-progress{--sc: var(--s-progress)}.s-review{--sc: var(--s-review)}.s-done{--sc: var(--s-done)}.dot{width:9px;height:9px;flex-shrink:0;border-radius:50%;display:inline-block;background:var(--sc, var(--faint))}.status{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;color:var(--ink-2);background:color-mix(in srgb,var(--sc) 15%,transparent);border:1px solid color-mix(in srgb,var(--sc) 28%,transparent)}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--sc)}.priority{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;white-space:nowrap;color:var(--muted)}.priority:before{content:"";width:7px;height:7px;border-radius:2px;background:currentColor;opacity:.8}.priority.p-low{color:var(--success-ink)}.priority.p-high{color:var(--warn-ink)}.priority.p-urgent{color:var(--danger-ink)}.task-list{padding:0 14px 10px;container-type:inline-size}.task-row{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto auto auto;align-items:center;gap:14px;border:0;border-radius:16px;padding:12px 10px;text-align:right;background:transparent;color:inherit}.task-row+.task-row{box-shadow:0 -1px 0 var(--line)}.task-row:hover{background:var(--glass-soft);box-shadow:none}.task-row:hover+.task-row{box-shadow:none}.task-icon{width:44px;height:44px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;color:var(--sc);background:color-mix(in srgb,var(--sc) 14%,var(--glass-strong));border:1px solid color-mix(in srgb,var(--sc) 25%,transparent)}.task-info{min-width:0;display:flex;flex-direction:column;gap:2px}.task-info strong{font-size:15px;font-weight:700;overflow-wrap:anywhere}.task-key{font-size:12px;color:var(--muted);letter-spacing:.2px}.task-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:12px;color:var(--muted)}.task-meta b{font-weight:700}.assignees{display:flex;align-items:center;min-width:30px}.assignees .avatar+.avatar{margin-right:-10px}.assignees small{font-size:11px;margin-right:4px;color:var(--muted)}.task-date{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--muted);white-space:nowrap}.row-chevron{color:var(--faint)}.deadline-badge{display:inline-flex;align-items:center;gap:5px;width:fit-content;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;color:var(--warn-ink);background:var(--warn-soft)}.deadline-badge.expired{color:var(--danger-ink);background:var(--danger-soft)}@container (max-width: 860px){.task-row{grid-template-columns:auto minmax(0,1fr) auto auto auto}.task-row .task-date,.task-row .priority{display:none}}@container (max-width: 560px){.task-row{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon info chev" "icon status chev";gap:6px 12px;padding:12px 8px}.task-icon{grid-area:icon;align-self:start;width:40px;height:40px}.task-info{grid-area:info}.task-row .status{grid-area:status;justify-self:start}.task-row .assignees{display:none}.row-chevron{grid-area:chev}}.toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:18px 22px;color:var(--muted)}.toolbar-card{border-radius:var(--r-lg);margin-bottom:20px}.toolbar-title{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--ink-2)}.filters{display:flex;gap:4px;flex-wrap:wrap;padding:4px;border-radius:16px;background:var(--glass-soft);border:1px solid var(--glass-border)}.filters button{display:inline-flex;align-items:center;gap:7px;min-height:38px;border:0;background:transparent;color:var(--ink-2);padding:6px 12px;border-radius:12px;font-size:13px;font-weight:600}.filters button:hover{background:var(--glass-strong)}.filters button.active{background:var(--glass-strong);color:var(--primary-ink);box-shadow:0 4px 12px rgba(var(--shadow-rgb),.1)}.filters small{font-size:11px;min-width:22px;padding:0 6px;border-radius:999px;background:var(--primary-soft);color:var(--primary-ink)}.task-filter-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-right:auto}.assignee-filter{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ink-2);white-space:nowrap}.assignee-filter select{width:auto;min-width:160px;max-width:240px}.search{display:flex;align-items:center;gap:8px;min-width:220px;height:44px;padding:0 14px;border-radius:14px;background:var(--field);border:1px solid var(--field-border);color:var(--muted)}.search:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.search input{border:0;outline:0;background:transparent;width:100%;min-width:0;padding:0;box-shadow:none!important;font-size:14px}.ranking{padding:0 22px 12px}.rank-row{display:flex;align-items:center;gap:12px;padding:11px 0}.rank-row+.rank-row{border-top:1px solid var(--line)}.rank-number{width:28px;height:28px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;font-size:12px;font-weight:800;color:var(--muted);background:var(--glass-soft)}.rank-number.r1{color:#3b2500;background:var(--gold-grad)}.rank-number.r2{color:#fff;background:linear-gradient(135deg,#cbd5e1,#64748b)}.rank-number.r3{color:#fff;background:linear-gradient(135deg,#fdba74,#c2410c)}.rank-row strong{display:block;font-size:14px;font-weight:700;overflow-wrap:anywhere}.rank-row .grow small{display:block;font-size:12px;color:var(--muted)}.score-chip{font-size:15px;font-weight:800;padding:3px 10px;border-radius:999px;white-space:nowrap}.score-chip small{font-size:11px;font-weight:500}.score-chip.pos{color:var(--success-ink);background:var(--success-soft)}.score-chip.neg{color:var(--danger-ink);background:var(--danger-soft)}.event-list{max-height:560px;overflow:auto;padding:0 22px 14px}.event-row{display:flex;gap:14px;padding:14px 0}.event-row+.event-row{border-top:1px solid var(--line)}.event-delta{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:64px;height:36px;padding:0 10px;border-radius:12px;font-size:14px;font-weight:800;direction:ltr;flex-shrink:0}.positive{background:var(--success-soft);color:var(--success-ink)}.negative{background:var(--danger-soft);color:var(--danger-ink)}.event-row strong{font-size:14px;font-weight:700}.event-row p{font-size:13px;color:var(--ink-2);margin:2px 0;overflow-wrap:anywhere}.event-row small{font-size:12px;color:var(--muted)}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 18px 18px}.quick-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:112px;padding:14px 8px;border-radius:18px;border:1px solid var(--glass-border);background:var(--glass-soft);font-size:13px;font-weight:700;color:var(--ink-2)}.quick-tile:hover{background:var(--glass-strong);transform:translateY(-2px);box-shadow:0 10px 24px rgba(var(--shadow-rgb),.12)}.quick-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;color:var(--tone-ink, #fff);background:var(--tone-grad);box-shadow:0 8px 18px color-mix(in srgb,var(--tone) 38%,transparent)}.employee-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;margin-bottom:20px}.employee-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:26px 20px 18px;border-radius:var(--r-lg);color:inherit}.employee-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(var(--shadow-rgb),.18),var(--glass-hi)}.employee-card .avatar{width:76px;height:76px;font-size:22px;border-width:3px}.employee-card h2{margin-top:12px;overflow-wrap:anywhere}.employee-card>p{margin:0 0 10px;font-size:13px;color:var(--muted)}.pill.state{position:absolute;top:14px;left:14px}.pill.state.on{background:var(--success-soft);color:var(--success-ink)}.pill.state.off{background:var(--track);color:var(--muted)}.contact-list{display:flex;flex-direction:column;gap:4px;width:100%;padding:10px 12px;border-radius:14px;background:var(--glass-soft)}.contact-list>span{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-2);min-width:0}.contact-list svg{color:var(--muted);flex-shrink:0}.contact-list span span{overflow-wrap:anywhere}.employee-card>small{margin-top:8px;font-size:12px;font-weight:600}.employee-bottom{display:grid;grid-template-columns:1fr 1fr;width:100%;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.employee-bottom>span+span{border-right:1px solid var(--line)}.employee-bottom b{display:block;font-size:18px;font-weight:800;color:var(--ink)}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:right;font-size:14px;white-space:nowrap}th{font-size:12px;font-weight:700;color:var(--muted);background:var(--glass-soft)}td,th{padding:14px 22px;border-bottom:1px solid var(--line)}tbody tr:hover{background:var(--glass-soft)}.person{display:flex;align-items:center;gap:10px;font-weight:600}.report-note{display:flex;align-items:center;gap:8px;padding:16px 22px;font-size:13px;color:var(--muted);line-height:1.9}.report-note svg{flex-shrink:0}.export-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.export-card{display:flex;flex-direction:column;padding:22px;border-radius:var(--r-lg)}.export-card h2{margin:16px 0 4px}.export-card p{flex:1;margin:0 0 14px;font-size:13px;color:var(--muted)}.backup,.export-note{display:flex;align-items:center;gap:18px;padding:22px}.backup p,.export-note p{margin:2px 0 4px;font-size:13px;color:var(--ink-2)}.backup small{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--warn-ink)}.backup small svg{flex-shrink:0}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 20px}.empty-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;color:var(--primary-ink);background:var(--primary-soft)}.empty h3{font-size:16px;margin:14px 0 2px}.empty p{font-size:13px;color:var(--muted);margin:0 0 16px}.empty-text{padding:24px 12px;text-align:center;font-size:13px;color:var(--muted)}footer{display:flex;align-items:center;gap:8px;padding:6px 4px 4px;font-size:12px;color:var(--ink-2)}.footer-end{margin-right:auto}.toast{position:fixed;bottom:24px;left:24px;z-index:60;display:flex;align-items:center;gap:10px;padding:14px 20px;border-radius:16px;font-weight:600;color:var(--success-ink);background:var(--glass-strong);animation:rise .25s ease}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.loading{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:14px;font-weight:600;color:var(--ink)}.spinner{width:44px;height:44px;border-radius:50%;border:4px solid var(--track);border-top-color:var(--primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}input,textarea,select{width:100%;min-height:44px;border:1px solid var(--field-border);border-radius:12px;padding:10px 14px;background:var(--field);color:var(--ink);outline:none;font-size:14px;transition:border-color .2s,box-shadow .2s}input::placeholder,textarea::placeholder{color:var(--faint)}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}input:disabled,textarea:disabled,select:disabled{opacity:.65}textarea{resize:vertical}select{appearance:none;padding-left:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%237d87a6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center}select option{background:#fff;color:#0c2a1f}input[type=file]{padding:8px;min-height:0;font-size:13px;color:var(--muted)}input[type=file]::file-selector-button{margin-left:12px;border:0;border-radius:10px;padding:8px 14px;font:inherit;font-weight:600;color:var(--primary-ink);background:var(--primary-soft);cursor:pointer}fieldset{border:0;margin:0;padding:0;min-width:0}.modal label,.login label{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;font-size:13px;font-weight:600;color:var(--ink-2)}.modal label small,.modal small,.login label small{font-size:12px;font-weight:400;color:var(--muted);line-height:1.7}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;align-items:start}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-meta{display:block;margin-bottom:12px}.field-icon{position:relative;display:block}.field-icon svg{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--faint);pointer-events:none}.field-icon input{padding-right:44px;min-height:50px}.field-icon input[dir=ltr]{text-align:left}.checkbox{flex-direction:row!important;align-items:center;gap:10px!important;cursor:pointer}.checkbox input{appearance:none;-webkit-appearance:none;width:20px;height:20px;min-height:0;padding:0;flex-shrink:0;border-radius:6px;border:1.5px solid var(--field-border);background:var(--field);display:grid;place-items:center;cursor:pointer}.checkbox input:after{content:"";width:10px;height:6px;border:2.5px solid var(--on-primary);border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px) scale(0);transition:transform .15s}.checkbox input:checked{background:var(--primary-grad);border-color:transparent}.checkbox input:checked:after{transform:rotate(-45deg) translate(1px,-1px) scale(1)}.switch input{width:42px;height:24px;border-radius:999px;border:0;background:var(--track);position:relative;display:block}.switch input:after{position:absolute;top:3px;right:3px;width:18px;height:18px;border:0;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0003;transform:none;transition:right .2s}.switch input:checked{background:var(--primary-grad)}.switch input:checked:after{background:var(--on-primary);right:21px;transform:none}.force-box{padding:14px 16px 2px;margin-bottom:16px;border-radius:16px;background:var(--glass-soft);border:1px solid var(--glass-border)}.force-box.on{background:var(--warn-soft);border-color:color-mix(in srgb,var(--s-review) 30%,transparent)}.force-box .switch{margin-bottom:12px}.group-label{margin-bottom:8px!important}.repeat-box.on{background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 30%,transparent)}.repeat-box .group-label{display:block;font-size:13px;font-weight:600}.repeat-options{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.repeat-options .checkbox{margin:0;padding:7px 12px;border-radius:12px;font-size:13px;font-weight:500;background:var(--field);border:1px solid transparent}.repeat-options .checkbox:has(input:checked){border-color:color-mix(in srgb,var(--primary) 45%,transparent);background:var(--glass-strong)}.repeat-box small svg{vertical-align:-2px}.repeat-tag{display:inline-flex;align-items:center;gap:4px;color:var(--primary-ink);font-weight:600}.assignee-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;max-height:200px;overflow:auto;padding:10px;margin-bottom:16px;border-radius:16px;background:var(--glass-soft);border:1px solid var(--glass-border)}.assignee-options .checkbox{margin:0;padding:7px 10px;border-radius:12px;font-weight:500;background:var(--field);border:1px solid transparent}.assignee-options .checkbox:has(input:checked){border-color:color-mix(in srgb,var(--primary) 45%,transparent);background:var(--primary-soft)}.notice{display:flex;gap:8px;padding:12px 14px;border-radius:14px;font-size:13px;line-height:1.9;color:var(--primary-ink);background:var(--primary-soft)}.notice.warn{color:var(--warn-ink);background:var(--warn-soft)}.error{display:flex;align-items:flex-start;gap:8px;padding:12px 14px;margin:0 0 16px;border-radius:14px;font-size:13px;line-height:1.9;color:var(--danger-ink);background:var(--danger-soft);border:1px solid color-mix(in srgb,var(--danger) 25%,transparent)}.error svg{flex-shrink:0;margin-top:3px}.password-reset{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;margin-bottom:16px;border-radius:16px;background:var(--glass-soft);border:1px solid var(--glass-border);color:var(--primary-ink)}.password-reset p{margin:0;font-size:12px;color:var(--muted)}.sr-only{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}.profile-image-field{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:14px}.avatar-editor{position:relative;width:112px;height:112px;flex-shrink:0}.avatar-editor>img,.avatar-placeholder{width:100%;height:100%;border-radius:50%;border:4px solid var(--glass-strong);box-shadow:var(--glass-shadow)}.avatar-editor>img{object-fit:cover;display:block}.avatar-placeholder{display:grid;place-items:center;color:var(--faint);background:var(--glass-soft)}.modal .avatar-action,.avatar-action{position:absolute;bottom:2px;width:40px;height:40px;min-height:0;margin:0;padding:0;display:grid;place-items:center;gap:0;border-radius:50%;cursor:pointer;color:var(--ink);background:var(--glass-fill);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-hi);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.avatar-action.upload{right:-4px;color:var(--on-primary);background:var(--primary-grad);border-color:transparent}.avatar-action.remove{left:-4px;color:var(--danger-ink)}.avatar-action:hover{transform:translateY(-1px)}.avatar-action.upload:focus-within{outline:2px solid var(--focus);outline-offset:2px}.modal .avatar-hint{text-align:center}.modal-backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--overlay);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fade .2s ease}@keyframes fade{0%{opacity:0}}.modal{width:580px;max-width:100%;max-height:94vh;overflow:auto;padding:24px;border-radius:var(--r-xl);background:var(--glass-fill);color:var(--ink);box-shadow:0 30px 80px rgba(var(--shadow-rgb),.35);animation:pop .22s ease}.modal.wide{width:760px}@keyframes pop{0%{opacity:0;transform:translateY(12px) scale(.98)}}.modal-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}.modal-head h2{font-size:19px;font-weight:800;overflow-wrap:anywhere}.modal-head .eyebrow{font-size:12px}.modal-actions{position:sticky;bottom:-24px;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin:20px -24px -24px;padding:16px 24px;border-top:1px solid var(--line);background:var(--glass-strong);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.profile-dialog{border:1px solid var(--glass-border);margin:auto}.profile-dialog::backdrop{background:var(--overlay);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.review-summary{padding:16px;margin-bottom:18px;border-radius:16px;background:var(--glass-soft);border:1px solid var(--glass-border)}.review-summary h3{font-size:16px;margin:2px 0 0}.review-summary p{font-size:13px;color:var(--ink-2);white-space:pre-wrap;margin:6px 0}.review-people{display:flex;align-items:center;gap:6px}.review-summary strong{display:inline-block;margin-top:4px;padding:4px 12px;border-radius:999px;font-size:12px;color:var(--primary-ink);background:var(--primary-soft)}.task-attachments{padding:16px 0 0;margin-top:4px;border-top:1px solid var(--line)}.task-attachments h3{display:flex;align-items:center;gap:8px;font-size:15px;margin:0 0 10px}.task-attachments h3 small{margin-right:auto;padding:1px 10px;border-radius:999px;background:var(--primary-soft);color:var(--primary-ink);font-size:12px;font-weight:600}.attachment-row{display:flex;align-items:center;gap:10px;padding:10px;margin-bottom:8px;border-radius:14px;background:var(--glass-soft);border:1px solid var(--glass-border)}.file-icon{width:38px;height:38px;flex-shrink:0;display:grid;place-items:center;border-radius:12px;color:var(--on-primary);background:var(--primary-grad)}.attachment-row strong{display:block;font-size:13px;overflow-wrap:anywhere}.attachment-row small{display:block;font-size:12px;color:var(--muted)}.attachment-upload{margin:12px 0 0!important;padding:14px;border-radius:16px;border:1.5px dashed color-mix(in srgb,var(--primary) 40%,transparent);background:color-mix(in srgb,var(--primary) 5%,transparent)}.upload-title{display:inline-flex;align-items:center;gap:6px;color:var(--primary-ink)}.attachment-upload input[type=file]{border:0;background:transparent}.task-detail-title{border:0;background:none;padding:0;text-align:right;font:inherit;font-weight:700;color:inherit;overflow-wrap:anywhere}.task-detail-title:hover{color:var(--primary-ink)}.task-details-dialog{width:760px}.task-details-dialog h3{font-size:15px;margin:18px 0 4px}.task-description{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;color:var(--ink-2);margin-top:0}.task-detail-badges{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px}.task-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 16px}.task-detail-grid>div{padding:12px 14px;border-radius:14px;background:var(--glass-soft);border:1px solid var(--glass-border)}.task-detail-grid dt{font-size:12px;color:var(--muted)}.task-detail-grid dd{margin:2px 0 0;font-size:14px;font-weight:600;overflow-wrap:anywhere}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px 16px;position:relative}.login-theme{position:absolute;top:18px;left:18px}.login{width:440px;max-width:100%;padding:38px 34px 28px;border-radius:30px;text-align:center;display:flex;flex-direction:column;align-items:center;background:color-mix(in srgb,var(--glass) 90%,transparent)}.login .brand-logo{margin-bottom:18px;padding:10px 18px;border-radius:20px}.login h1{font-size:28px;margin:2px 0}.login>p{margin:0;font-size:14px;color:var(--muted)}.login form{width:100%;text-align:right;margin-top:24px}.login form button{margin-top:4px}.login form button+button{margin-top:10px}.login-hint{display:inline-flex;align-items:center;gap:6px;margin-top:18px;font-size:12px;color:var(--muted)}.summary-bar{display:flex;align-items:center;gap:16px;padding:12px 16px;margin-bottom:16px;border-radius:var(--r-lg)}.summary-title{display:flex;flex-direction:column;min-width:0}.summary-title .eyebrow{font-size:12px}.summary-title h1{font-size:19px;margin:0;line-height:1.5;white-space:nowrap}.summary-title .hero-date{font-size:12px;font-weight:500;color:var(--muted)}.summary-stats{flex:1;min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.summary-stat{display:flex;align-items:center;gap:10px;min-width:0;padding:8px 12px;border-radius:14px;background:color-mix(in srgb,var(--tone) 9%,var(--glass-soft));border:1px solid color-mix(in srgb,var(--tone) 18%,transparent)}.summary-icon{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;color:var(--tone-ink);background:var(--tone-grad)}.summary-stat>span:last-child{display:flex;flex-direction:column;min-width:0}.summary-stat small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-stat b{font-size:18px;font-weight:800;line-height:1.3}.summary-bar>.secondary{flex-shrink:0}@media(max-width:1100px){.summary-bar{flex-wrap:wrap}.summary-title{flex:1}.summary-stats{order:3;flex-basis:100%}}@media(max-width:720px){.summary-bar{gap:10px;padding:12px;margin-bottom:12px}.summary-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-stat{padding:6px 10px}.summary-title h1{white-space:normal;font-size:18px}}.employee-workspace{max-width:1600px;margin:0 auto;padding:18px}.employee-header{position:sticky;top:12px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px 12px 12px;border-radius:var(--r-lg);margin-bottom:20px}.employee-header .brand{flex-direction:row;align-items:center;gap:12px}.employee-session{display:flex;align-items:center;gap:10px}.session-person{display:flex;align-items:center;gap:10px;padding:0 10px}.session-person strong{display:block;font-size:14px}.session-person small{display:block;font-size:12px;color:var(--muted)}.board-help{margin:0;padding:0 22px 14px;font-size:13px;color:var(--muted)}.personal-board{display:grid;grid-template-columns:repeat(4,minmax(250px,1fr));gap:14px;align-items:start;padding:0 18px 18px;overflow-x:auto;scroll-snap-type:x proximity}.board-column{min-width:0;min-height:280px;padding:12px;border-radius:20px;background:var(--glass-soft);border:1.5px solid transparent;scroll-snap-align:start;transition:background .15s,border-color .15s}.board-column.backlog{--sc: var(--s-backlog)}.board-column.progress{--sc: var(--s-progress)}.board-column.review{--sc: var(--s-review)}.board-column.done{--sc: var(--s-done)}.board-column h3{display:flex;align-items:center;gap:8px;margin:2px 4px 12px;font-size:14px}.column-count{margin-right:auto;min-width:26px;padding:0 8px;border-radius:999px;text-align:center;font-size:12px;color:var(--ink-2);background:color-mix(in srgb,var(--sc) 16%,transparent)}.board-column.can-drop{border:1.5px dashed color-mix(in srgb,var(--primary) 55%,transparent)}.board-column.drop-active{background:var(--primary-soft);border-color:var(--primary)}.column-empty{padding:30px 8px;border-radius:14px;border:1.5px dashed var(--line)}.personal-task{position:relative;padding:14px;margin-bottom:12px;border-radius:16px;background:var(--glass-strong);border:1px solid var(--glass-border);box-shadow:0 6px 16px rgba(var(--shadow-rgb),.08);border-top:3px solid var(--sc);overflow-wrap:anywhere}.personal-task[draggable=true]{cursor:grab}.personal-task[draggable=true]:hover{box-shadow:0 12px 26px rgba(var(--shadow-rgb),.14)}.personal-task[draggable=true]:active{cursor:grabbing}.personal-task.dragging{opacity:.4}.personal-card-heading{display:flex;align-items:center;gap:8px}.personal-card-heading .priority{margin-right:auto}.grip{color:var(--faint)}.personal-task h4{margin:6px 0;font-size:15px}.personal-task>p{font-size:13px;color:var(--ink-2);white-space:pre-wrap;margin:6px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.personal-task-meta{display:grid;gap:2px;margin:10px 0;padding:10px;border-radius:12px;background:var(--glass-soft)}.personal-task-meta small,.personal-task-meta b{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.personal-task-meta svg{flex-shrink:0}.personal-task-meta .points{color:var(--success-ink);font-weight:700}.card-actions{display:grid;gap:8px}.card-actions button{width:100%;min-height:40px;font-size:13px;padding:8px 10px}.card-actions .text-btn{justify-content:center;color:var(--muted)}.card-state{display:flex;align-items:center;gap:6px;margin:10px 0 0;padding:8px 12px;border-radius:12px;font-size:13px;font-weight:600}.card-state.review{color:var(--warn-ink);background:var(--warn-soft)}.card-state.done{color:var(--success-ink);background:var(--success-soft)}.period-bar{padding:14px 16px;overflow:visible}.period-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.segmented{display:flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:16px;background:var(--glass-soft);border:1px solid var(--line)}.segmented button{min-height:38px;padding:6px 14px;border:0;border-radius:12px;background:transparent;color:var(--ink-2);font-size:13px;font-weight:600;white-space:nowrap}.segmented button:hover:not(:disabled){background:var(--glass-strong)}.segmented button.active{color:var(--on-primary);background:var(--primary-grad);box-shadow:0 4px 12px rgba(var(--shadow-rgb),.16)}.period-custom{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin-top:12px}.period-custom label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--ink-2)}.period-custom input{width:160px;text-align:left}.period-custom .error{flex-basis:100%;margin:0}.period-label{display:flex;align-items:center;gap:8px;margin:12px 2px 0;font-size:14px;font-weight:700;color:var(--ink)}.spinner.small{width:16px;height:16px;border-width:2px}.stats.is-loading{opacity:.7}.split.even{grid-template-columns:repeat(2,minmax(0,1fr))}.legend{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;font-weight:600;color:var(--ink-2)}.legend span{display:inline-flex;align-items:center;gap:6px}.swatch{width:10px;height:10px;border-radius:3px;background:var(--sc)}.swatch.created,.trend-bar.created{--sc: var(--series-created)}.swatch.completed,.trend-bar.completed,.swatch.earned,.trend-bar.earned{--sc: var(--s-done)}.swatch.lost,.trend-bar.lost{--sc: var(--danger)}:root{--series-created: #2563eb}:root[data-theme=dark]{--series-created: #3b82f6}.trend{display:flex;align-items:stretch;gap:4px;height:230px;padding:8px 22px 16px;overflow-x:auto;overflow-y:visible;background-image:linear-gradient(var(--line) 1px,transparent 1px);background-size:100% 25%;background-origin:content-box;background-clip:content-box}.trend-col{position:relative;flex:1 0 18px;max-width:64px;display:grid;grid-template-rows:minmax(0,1fr) 22px;justify-items:center;gap:6px;border-radius:8px;outline-offset:2px}.trend-col:hover{background:var(--glass-soft)}.trend-bars{display:flex;align-items:flex-end;gap:2px;width:100%;height:100%;padding:0 2px}.trend-bar{flex:1;min-width:3px;border-radius:4px 4px 1px 1px;background:var(--sc);transition:height .4s ease}.trend-label{font-size:11px;color:var(--muted);white-space:nowrap}.trend.diverging .trend-col{grid-template-rows:minmax(0,1fr) minmax(0,1fr) 22px;gap:0}.trend-half{display:flex;width:100%;padding:0 3px}.trend-half.up{align-items:flex-end;border-bottom:1px solid var(--faint)}.trend-half.down{align-items:flex-start}.trend-half .trend-bar{border-radius:4px 4px 1px 1px}.trend-half.down .trend-bar{border-radius:1px 1px 4px 4px}.trend-col .bar-tip{bottom:auto;top:-6px}.trend-col:hover .bar-tip,.trend-col:focus-visible .bar-tip{opacity:1;transform:translate(-50%)}.trend-table summary{padding:16px 22px;font-weight:700;cursor:pointer}.trend-table[open] summary{border-bottom:1px solid var(--line)}@media(max-width:1100px){.split.even{grid-template-columns:minmax(0,1fr)}}@media(max-width:720px){.period-bar{padding:12px}.segmented{width:100%}.segmented button{flex:1 1 auto;padding:6px 10px}.period-custom label{flex:1 1 130px}.period-custom input{width:100%}.trend{height:200px;padding:8px 14px 14px}}@media print{.segmented,.period-custom,.trend-table summary{display:none!important}}@media(max-width:1440px){.dash{grid-template-columns:minmax(0,1fr) 290px}.top-date{display:none}}@media(max-width:1280px){.dash{grid-template-columns:minmax(0,1fr)}.dash-side{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.export-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1100px){.dash-row,.split{grid-template-columns:minmax(0,1fr)}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1024px){.app{padding:14px}.sidebar{top:10px;bottom:10px;right:10px;width:min(290px,calc(100vw - 40px));transform:translate(calc(100% + 24px));visibility:hidden;background:var(--glass-strong)}.sidebar.open{transform:none;visibility:visible;transition:transform .25s ease}.sidebar-close{display:inline-flex}.app>main{margin-right:0}.mobile-menu{display:inline-flex!important}.hero.compact .hero-card{grid-template-columns:minmax(0,1fr);grid-template-areas:"eyebrow" "title" "text" "actions"}.hero.compact .heading-actions{margin-top:12px}}@media(max-width:860px){.top-profile,.hero-note{display:none}.hero{min-height:0}.employee-session .session-person small{display:none}.form-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){:root{font-size:14px}h1{font-size:23px}.app,.employee-workspace{padding:12px}.topbar{gap:8px;margin-bottom:14px}.top-actions{gap:8px}.top-search{height:44px;padding:0 12px}kbd{display:none}.hero{padding:18px;border-radius:var(--r-lg);margin-bottom:14px}.hero-card{width:100%}.hero.compact{padding:18px}.hero.compact h1{font-size:21px}.heading-actions>button{flex:1 1 auto}.dash,.dash-main,.dash-side,.dash-row,.split{gap:14px}.dash-side{grid-template-columns:minmax(0,1fr)}.stats{gap:10px;margin-bottom:14px}.stat{padding:14px;border-radius:18px;grid-template-columns:minmax(0,1fr)}.stat-icon{grid-row:1;width:40px;height:40px}.stat-icon svg{width:20px;height:20px}.stat-label{font-size:13px}.stat b{font-size:28px}.stat small{font-size:11px}.section-head{padding:16px 16px 12px}.panel{margin-bottom:14px}.ranking,.event-list{padding:0 16px 10px}.task-list{padding:0 8px 8px}.bar-chart{gap:8px;padding:6px 16px 14px}.bar-label{font-size:11px}.panel-foot{margin:0 16px}.toolbar{padding:14px;gap:12px}.filters{width:100%}.filters button{padding:6px 9px;font-size:12px}.task-filter-controls,.assignee-filter,.search{width:100%}.search{min-width:0}.assignee-filter select{flex:1;max-width:none;min-width:0}.employee-grid,.export-grid{grid-template-columns:minmax(0,1fr);gap:12px}.backup,.export-note{flex-wrap:wrap;padding:18px}.backup .heading-actions{width:100%}td,th{padding:12px 14px}.footer-end{display:none}.modal-backdrop{align-items:flex-end;padding:0}.modal,.modal.wide{width:100%;max-height:94vh;padding:20px 16px;border-radius:24px 24px 0 0}dialog.modal{margin:auto auto 0;max-width:100%}.modal-actions{bottom:-20px;margin:18px -16px -20px;padding:14px 16px}.modal-actions button{flex:1}.form-grid,.form-grid.three,.password-reset{grid-template-columns:minmax(0,1fr)}.password-reset>svg{display:none}.task-detail-grid{grid-template-columns:minmax(0,1fr)}.toast{left:12px;right:12px;bottom:12px;justify-content:center}.login{padding:30px 20px 22px;border-radius:26px}.employee-header{flex-wrap:nowrap;padding:8px 10px;margin-bottom:12px}.employee-header .brand small{display:none}.employee-header .brand-logo img{height:32px;width:auto}.employee-session{gap:6px}.session-person{padding:0 2px}.session-person>span:not(.avatar){display:none}.employee-session>.secondary{width:44px;padding:0}.employee-session .btn-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.board-help{padding:0 16px 12px}.personal-board{grid-template-columns:repeat(4,minmax(260px,82vw));padding:0 12px 14px}}@media(max-width:400px){.filters button small{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}@media print{html,body{background:#fff!important;color:#111}.sidebar,.topbar,.heading-actions,.hero-note,footer,.modal-backdrop,.toast,.scrim{display:none!important}:root{--ink: #111;--ink-2: #333;--muted: #555;--line: #ddd;--glass-soft: #f6f6f6}.app{padding:0}.app>main{margin:0}.glass,.hero-card{background:#fff!important;box-shadow:none!important;border:1px solid #ddd!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.hero{min-height:0;padding:0;border:0!important}.panel,.stat{break-inside:avoid}.table-scroll{overflow:visible}td,th{padding:10px}.stat-icon{box-shadow:none}@page{size:A4 landscape;margin:15mm}}