:root{--brand: #4f46e5;--brand-strong: #4338ca;--brand-soft: #eef2ff;--bg: #f8fafc;--surface: #ffffff;--surface-2: #f1f5f9;--border: #e2e8f0;--border-strong: #cbd5e1;--text: #0f172a;--text-muted: #64748b;--text-subtle: #94a3b8;--ok: #059669;--ok-soft: #ecfdf5;--warn: #d97706;--warn-soft: #fffbeb;--danger: #dc2626;--danger-soft: #fef2f2;--info: #0284c7;--info-soft: #f0f9ff;--radius: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgb(15 23 42 / .06);--shadow: 0 4px 16px rgb(15 23 42 / .08);--shadow-lg: 0 12px 40px rgb(15 23 42 / .12);--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Inter, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace}@media(prefers-color-scheme:dark){:root{--bg: #0b1120;--surface: #111a2e;--surface-2: #17223b;--border: #24304d;--border-strong: #33415f;--text: #e8edf7;--text-muted: #94a3b8;--text-subtle: #64748b;--brand-soft: #1e1b4b;--ok-soft: #052e23;--warn-soft: #3a2506;--danger-soft: #3f1114;--info-soft: #082f45;--shadow-sm: 0 1px 2px rgb(0 0 0 / .4);--shadow: 0 4px 16px rgb(0 0 0 / .45);--shadow-lg: 0 12px 40px rgb(0 0 0 / .55)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0;line-height:1.2;letter-spacing:-.02em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.05rem;font:inherit;font-weight:600;font-size:.9rem;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,transform .05s;white-space:nowrap}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-strong)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--surface-2)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn-lg{padding:.8rem 1.5rem;font-size:1rem}.btn-sm{padding:.35rem .7rem;font-size:.82rem}.select-sm{padding:.35rem .5rem;font-size:.82rem}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.field label{font-size:.85rem;font-weight:600;color:var(--text)}.field .hint{font-size:.8rem;color:var(--text-muted)}.field .error{font-size:.8rem;color:var(--danger)}input,textarea,select{font:inherit;font-size:.92rem;padding:.6rem .75rem;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text);width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}textarea{resize:vertical;min-height:96px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:1.25rem}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}.badge-open{background:var(--info-soft);color:var(--info)}.badge-in_progress{background:var(--brand-soft);color:var(--brand)}.badge-waiting_requester{background:var(--warn-soft);color:var(--warn)}.badge-waiting_internal{background:var(--brand-soft);color:var(--brand)}.badge-resolved,.badge-closed{background:var(--ok-soft);color:var(--ok)}.badge-cancelled{background:var(--surface-2);color:var(--text-muted)}.badge-pending{background:var(--warn-soft);color:var(--warn)}.badge-urgent{background:var(--danger-soft);color:var(--danger)}.badge-high{background:var(--warn-soft);color:var(--warn)}.badge-normal{background:var(--surface-2);color:var(--text-muted)}.badge-low{background:var(--surface-2);color:var(--text-subtle)}.mono{font-family:var(--mono);font-size:.85em}.muted{color:var(--text-muted)}.subtle{color:var(--text-subtle)}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:1.1rem .9rem;display:flex;flex-direction:column;gap:1.25rem;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:1.02rem;color:var(--text);padding:0 .4rem}.brand:hover{text-decoration:none}.brand-mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--brand),#8b5cf6);display:grid;place-items:center;color:#fff;font-size:.95rem;flex-shrink:0}.nav{display:flex;flex-direction:column;gap:.12rem}.nav-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-subtle);font-weight:700;padding:.5rem .6rem .25rem}.nav a{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .65rem;border-radius:8px;color:var(--text-muted);font-size:.9rem;font-weight:500}.nav a:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.nav a.active{background:var(--brand-soft);color:var(--brand);font-weight:600}.nav .count{font-size:.75rem;font-weight:700;color:var(--text-subtle);background:var(--surface-2);padding:.05rem .4rem;border-radius:999px}.nav a.active .count{background:color-mix(in srgb,var(--brand) 15%,transparent);color:var(--brand)}.main{min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.5rem;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:5}.content{padding:1.5rem;flex:1;min-width:0}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.table-wrap{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface)}table{width:100%;border-collapse:collapse;font-size:.9rem}th{text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-subtle);padding:.7rem .9rem;border-bottom:1px solid var(--border);white-space:nowrap;background:var(--surface-2)}td{padding:.75rem .9rem;border-bottom:1px solid var(--border);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--surface-2)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:.9rem;margin-bottom:1.5rem}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.1rem}.stat .value{font-size:1.9rem;font-weight:700;letter-spacing:-.03em;line-height:1.1}.stat .label{font-size:.8rem;color:var(--text-muted);margin-top:.15rem}.stat.alarm .value{color:var(--danger)}.stat.warn .value{color:var(--warn)}.stat.good .value{color:var(--ok)}.empty{text-align:center;padding:3rem 1.5rem;color:var(--text-muted)}.empty h3{color:var(--text);margin-bottom:.4rem}.timeline{display:flex;flex-direction:column;gap:.9rem}.timeline-item{display:grid;grid-template-columns:26px 1fr;gap:.75rem}.timeline-dot{width:10px;height:10px;border-radius:50%;background:var(--border-strong);margin:.45rem auto 0;position:relative}.timeline-item.comment .timeline-dot{background:var(--brand)}.timeline-item.internal .timeline-dot{background:var(--warn)}.timeline-body{min-width:0}.timeline-meta{font-size:.78rem;color:var(--text-subtle);display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.timeline-text{margin-top:.2rem;white-space:pre-wrap;word-break:break-word}.comment-bubble{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.7rem .85rem;margin-top:.3rem}.comment-bubble.internal{background:var(--warn-soft);border-color:color-mix(in srgb,var(--warn) 30%,transparent)}.alert{padding:.75rem .95rem;border-radius:var(--radius);font-size:.88rem;margin-bottom:1rem}.alert-error{background:var(--danger-soft);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 25%,transparent)}.alert-info{background:var(--info-soft);color:var(--info);border:1px solid color-mix(in srgb,var(--info) 25%,transparent)}.spinner{width:18px;height:18px;border:2px solid var(--border-strong);border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading{display:flex;align-items:center;gap:.6rem;color:var(--text-muted);padding:2rem;justify-content:center}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:2rem 1rem;background:radial-gradient(1000px 500px at 15% -10%,color-mix(in srgb,var(--brand) 12%,transparent),transparent),var(--bg)}.auth-card{width:100%;max-width:430px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:1.75rem}.auth-head{text-align:center;margin-bottom:1.5rem}.auth-head .brand{justify-content:center;margin-bottom:.85rem}.auth-foot{text-align:center;margin-top:1.15rem;font-size:.88rem;color:var(--text-muted)}.marketing{max-width:1080px;margin:0 auto;padding:0 1.5rem}.marketing-nav{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 0;gap:1rem}.hero{padding:3.5rem 0 3rem;text-align:center}.hero h1{font-size:clamp(2rem,5vw,3.2rem);margin-bottom:1rem;letter-spacing:-.035em}.hero p.lede{font-size:clamp(1rem,2.2vw,1.2rem);color:var(--text-muted);max-width:620px;margin:0 auto 1.75rem}.hero-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.flow-strip{display:flex;align-items:center;justify-content:center;gap:.4rem;flex-wrap:wrap;margin:2.5rem 0;font-size:.85rem}.flow-step{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:.35rem .8rem;font-weight:600;color:var(--text-muted)}.flow-arrow{color:var(--text-subtle)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;padding-bottom:3.5rem}.feature{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.35rem}.feature h3{font-size:1rem;margin-bottom:.4rem}.feature p{margin:0;color:var(--text-muted);font-size:.9rem}.marketing-page{position:relative;overflow-x:clip}.marketing-page:before{content:"";position:absolute;inset:-260px -25% auto;height:1000px;z-index:0;pointer-events:none;background:radial-gradient(48% 44% at 22% 18%,color-mix(in srgb,var(--brand) 26%,transparent),transparent 70%),radial-gradient(42% 38% at 82% 8%,color-mix(in srgb,#06b6d4 22%,transparent),transparent 68%),radial-gradient(38% 42% at 58% 46%,color-mix(in srgb,#a855f7 16%,transparent),transparent 70%);filter:blur(28px);opacity:.75}@media(prefers-color-scheme:dark){.marketing-page:before{opacity:.45}}.marketing{position:relative;z-index:1}.marketing-nav{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:saturate(160%) blur(12px);backdrop-filter:saturate(160%) blur(12px);background:color-mix(in srgb,var(--bg) 78%,transparent);border-bottom:1px solid transparent;transition:border-color .2s ease}.marketing-nav:hover{border-bottom-color:var(--border)}.hero{padding:4.5rem 0 2.5rem}.hero h1{font-size:clamp(2.2rem,6vw,3.9rem);line-height:1.04;font-weight:800}.hero h1 .accent{background:linear-gradient(100deg,var(--brand) 0%,#7c3aed 45%,#06b6d4 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-eyebrow{display:inline-flex;align-items:center;gap:.45rem;padding:.3rem .8rem .3rem .35rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);font-size:.78rem;font-weight:600;color:var(--text-muted);margin:0 0 1.35rem}.hero-eyebrow .pip{background:var(--brand);color:#fff;border-radius:999px;padding:.1rem .5rem;font-size:.68rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.btn-lg{box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .15s ease}.btn-lg:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.hero-shot{position:relative;margin:3rem auto 0;max-width:940px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-lg);overflow:hidden}.hero-shot:after{content:"";position:absolute;inset:auto 0 0;height:90px;background:linear-gradient(to bottom,transparent,var(--bg));pointer-events:none}.shot-bar{display:flex;align-items:center;gap:.4rem;padding:.65rem .9rem;border-bottom:1px solid var(--border);background:var(--surface-2)}.shot-dot{width:10px;height:10px;border-radius:50%;background:var(--border-strong)}.shot-title{margin-left:.5rem;font-size:.75rem;color:var(--text-subtle);font-family:var(--mono)}.shot-body{display:grid;grid-template-columns:170px 1fr;min-height:300px;text-align:left}@media(max-width:640px){.shot-body{grid-template-columns:1fr}.shot-rail{display:none}}.shot-rail{border-right:1px solid var(--border);padding:.9rem .7rem;display:flex;flex-direction:column;gap:.15rem;background:var(--surface-2)}.shot-rail span{font-size:.8rem;color:var(--text-muted);padding:.4rem .6rem;border-radius:7px}.shot-rail span.on{background:var(--brand-soft);color:var(--brand);font-weight:600}.shot-main{padding:1.1rem 1.2rem 2.5rem}.shot-h{font-size:.95rem;font-weight:700;margin:0 0 .15rem}.shot-sub{font-size:.78rem;color:var(--text-subtle);margin:0 0 1rem}.shot-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.75rem;padding:.7rem .8rem;border:1px solid var(--border);border-radius:9px;margin-bottom:.5rem;background:var(--surface);animation:shot-in .5s ease both}.shot-row:nth-child(2){animation-delay:.05s}.shot-row:nth-child(3){animation-delay:.12s}.shot-row:nth-child(4){animation-delay:.19s}.shot-row:nth-child(5){animation-delay:.26s}@keyframes shot-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.shot-row{animation:none}}.shot-row strong{font-size:.83rem;font-weight:600;display:block}.shot-row em{font-style:normal;font-size:.73rem;color:var(--text-subtle)}.shot-when{font-size:.74rem;color:var(--text-muted);white-space:nowrap}.shot-pill{font-size:.68rem;font-weight:700;padding:.18rem .5rem;border-radius:999px;white-space:nowrap}.shot-pill.risk{background:var(--danger-soft);color:var(--danger)}.shot-pill.soon{background:var(--warn-soft);color:var(--warn)}.shot-pill.ok{background:var(--ok-soft);color:var(--ok)}.trust-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:1.75rem;padding:2.25rem 0 3rem;font-size:.8rem;color:var(--text-subtle)}.trust-strip span{display:inline-flex;align-items:center;gap:.4rem}.trust-strip svg{width:15px;height:15px;color:var(--ok);flex:none}.section-eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:700;color:var(--brand);text-align:center;margin:0 0 .6rem}.section-title{font-size:clamp(1.5rem,3.4vw,2.35rem);letter-spacing:-.03em;line-height:1.15;text-align:center;margin:0 0 .65rem;font-weight:800}.section-lede{color:var(--text-muted);text-align:center;max-width:640px;margin:0 auto 2.25rem;font-size:1rem}.problem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1rem;padding-bottom:4rem}.problem{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem 1.35rem 1.35rem;box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.problem:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--border-strong)}.problem .quote-mark{font-size:2.4rem;line-height:1;color:var(--brand);opacity:.25;display:block;margin-bottom:.2rem}.problem h3{font-size:1rem;margin:0 0 .5rem;line-height:1.4}.problem p{margin:0;color:var(--text-muted);font-size:.9rem}.flow-strip{margin:0 0 4rem}.flow-step{box-shadow:var(--shadow-sm);transition:color .15s ease,border-color .15s ease,transform .15s ease}.flow-step:hover{color:var(--brand);border-color:var(--brand);transform:translateY(-2px)}.feature-grid{padding-bottom:4rem}.feature{box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.feature:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--border-strong)}.feature-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);margin-bottom:.85rem}.feature-icon svg{width:18px;height:18px}.compare-band{position:relative;border-radius:22px;padding:2.5rem 1.75rem;margin-bottom:4.5rem;text-align:center;color:#f8fafc;background:radial-gradient(70% 120% at 15% 0%,#4338ca 0%,transparent 60%),radial-gradient(70% 120% at 88% 100%,#0891b2 0%,transparent 58%),#1e1b4b;box-shadow:var(--shadow-lg);overflow:hidden}.compare-band h2{font-size:1.3rem;margin:0 0 1.5rem;font-weight:700}.compare-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.5rem;max-width:720px;margin:0 auto}.compare-cols>div{display:flex;flex-direction:column;gap:.35rem}.compare-label{font-size:.8rem;color:#f8fafcb8;text-transform:uppercase;letter-spacing:.07em;font-weight:600}.compare-figure{font-size:clamp(2.1rem,6vw,3.1rem);font-weight:800;letter-spacing:-.04em;line-height:1.05}.compare-figure.muted-figure{color:#f8fafc6b;text-decoration:line-through;text-decoration-thickness:3px}.compare-note{font-size:.78rem;color:#f8fafc99}.compare-foot{margin:1.75rem auto 0;max-width:480px;font-size:.95rem;color:#f8fafcd9}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(265px,1fr));gap:1.1rem;align-items:stretch}.plan{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem 1.4rem 1.5rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease}.plan:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.plan-popular{border-color:transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(140deg,var(--brand),#7c3aed 55%,#06b6d4) border-box;border:1.5px solid transparent;box-shadow:var(--shadow)}.plan-flag{position:absolute;top:-.72rem;left:50%;transform:translate(-50%);background:linear-gradient(100deg,var(--brand),#7c3aed);color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.04em;padding:.22rem .7rem;border-radius:999px;white-space:nowrap;box-shadow:var(--shadow-sm)}.plan h3{font-size:1.05rem;margin:0}.plan-price{margin:.2rem 0 0;display:flex;align-items:baseline;gap:.25rem}.plan-amount{font-size:2.4rem;font-weight:800;letter-spacing:-.04em}.plan-period{color:var(--text-muted);font-size:.9rem}.plan-seats{margin:0;font-size:.85rem;font-weight:600;color:var(--brand)}.plan-blurb{margin:0;font-size:.87rem;color:var(--text-muted);min-height:2.4em}.plan-features{list-style:none;padding:0;margin:.6rem 0 1.35rem;display:flex;flex-direction:column;gap:.45rem;font-size:.87rem;color:var(--text-muted)}.plan-features li{display:flex;gap:.5rem;align-items:flex-start}.plan-features li:before{content:"✓";color:var(--ok);font-weight:800;flex:none}.plan .btn{margin-top:auto;justify-content:center}.faq-list{max-width:740px;margin:0 auto 4.5rem;display:flex;flex-direction:column;gap:.6rem}.faq{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.2rem;transition:border-color .15s ease}.faq:hover,.faq[open]{border-color:var(--border-strong)}.faq summary{cursor:pointer;font-weight:600;font-size:.95rem;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--brand);font-size:1.2rem;font-weight:400;line-height:1;transition:transform .2s ease}.faq[open] summary:after{transform:rotate(45deg)}.faq p{margin:.75rem 0 0;color:var(--text-muted);font-size:.92rem}.final-cta{position:relative;text-align:center;padding:3.25rem 1.5rem;margin-bottom:3rem;border-radius:22px;border:1px solid var(--border);background:radial-gradient(60% 130% at 50% 0%,color-mix(in srgb,var(--brand) 14%,transparent),transparent 70%),var(--surface);box-shadow:var(--shadow)}.final-cta h2{font-size:clamp(1.5rem,3.4vw,2.2rem);letter-spacing:-.03em;margin:0 0 .65rem;font-weight:800}.final-cta p{color:var(--text-muted);max-width:520px;margin:0 auto 1.75rem;font-size:.98rem}.marketing-foot{border-top:1px solid var(--border);padding:1.5rem 0 2.5rem;color:var(--text-subtle);font-size:.85rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.pack-picker{display:grid;gap:.6rem;margin-bottom:1rem}.pack-option{display:flex;gap:.7rem;align-items:flex-start;padding:.8rem;border:1px solid var(--border-strong);border-radius:var(--radius);cursor:pointer;background:var(--surface)}.pack-option:hover{border-color:var(--brand)}.pack-option.selected{border-color:var(--brand);background:var(--brand-soft)}.pack-option input{width:auto;margin-top:.2rem;flex-shrink:0}.pack-option .name{font-weight:600;font-size:.9rem}.pack-option .tagline{font-size:.82rem;color:var(--text-muted)}.row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.grow{flex:1;min-width:0}.stack{display:flex;flex-direction:column;gap:1rem}.two-col{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1.25rem;align-items:start}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:42ch}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid var(--border)}.two-col{grid-template-columns:1fr}.content{padding:1rem}}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;border-bottom:1px solid var(--border)}.card-head h2{font-size:1rem;margin:0}.card>table{border-radius:0 0 var(--radius-lg) var(--radius-lg)}tbody tr.row-muted td{opacity:.55}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem;padding:1.1rem;align-items:end}.form-grid label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:600}.form-grid .subtle{font-weight:400}.alert-warn{background:var(--warn-soft);color:var(--warn);border:1px solid color-mix(in srgb,var(--warn) 30%,transparent)}.secret{display:block;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;padding:.55rem .7rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);font-size:.82rem}.run-list{list-style:none;margin:0;padding:0}.run-list li{display:flex;align-items:flex-start;gap:.7rem;padding:.7rem 1.1rem;border-bottom:1px solid var(--border);font-size:.88rem}.run-list li:last-child{border-bottom:none}.run-body{flex:1;min-width:0}.bell-wrap{position:relative}.bell{position:relative;padding:.4rem .5rem}.bell-dot{position:absolute;top:1px;right:0;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--danger);color:#fff;font-size:.65rem;font-weight:700;line-height:16px;text-align:center}.popover{position:absolute;right:0;top:calc(100% + .4rem);width:min(360px,calc(100vw - 2rem));max-height:70vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:40}.popover-head{display:flex;align-items:center;justify-content:space-between;padding:.6rem .5rem .6rem .9rem;border-bottom:1px solid var(--border)}.notification-list{list-style:none;margin:0;padding:0}.notification-list li{border-bottom:1px solid var(--border)}.notification-list li:last-child{border-bottom:none}.notification-list button{display:flex;flex-direction:column;gap:.15rem;width:100%;padding:.7rem .9rem;background:none;border:none;text-align:left;cursor:pointer;font:inherit;color:inherit}.notification-list button:hover{background:var(--surface-2)}.notification-list li.unread button{border-left:3px solid var(--brand)}.notification-title{font-weight:600;font-size:.88rem}.notification-body{font-size:.82rem;color:var(--text-muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.attach{margin-top:.6rem}.dropzone{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;padding:.55rem .7rem;border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface-2);font-size:.85rem;transition:border-color .15s,background .15s}.dropzone.dragging{border-color:var(--brand);background:var(--brand-soft)}.attach-list{list-style:none;margin:.5rem 0 0;padding:0;display:flex;flex-direction:column;gap:.3rem}.attach-list li{display:flex;align-items:center;gap:.5rem;padding:.35rem .55rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);font-size:.85rem}.attach-list li>:first-child{flex:1;min-width:0}.attach-list.attached li{border:none;background:none;padding:.15rem 0}.pf-shell,.pf-auth{--pf-bg: #0b1120;--pf-surface: #131c2f;--pf-surface-2: #1b2740;--pf-border: #24314d;--pf-text: #e8edf7;--pf-muted: #93a1bd;--pf-accent: #7c9cff;--pf-good: #34d399;--pf-warn: #fbbf24;--pf-alarm: #f87171;--pf-info: #60a5fa;color:var(--pf-text);background:var(--pf-bg);font-family:var(--font)}.pf-auth{min-height:100vh;display:grid;place-items:center;padding:2rem 1rem;background:radial-gradient(1100px 520px at 50% -10%,#1c2a49 0%,transparent 70%),var(--pf-bg)}.pf-auth-card{width:min(30rem,100%);background:var(--pf-surface);border:1px solid var(--pf-border);border-radius:var(--radius-lg);padding:2rem;box-shadow:0 24px 60px #00000073;display:flex;flex-direction:column;gap:.85rem}.pf-auth-mark,.pf-mark{display:flex;align-items:center;gap:.55rem;font-size:.95rem;letter-spacing:.01em;color:var(--pf-muted)}.pf-auth-mark strong,.pf-mark strong{color:var(--pf-text);font-weight:650}.pf-dot{width:.6rem;height:.6rem;border-radius:50%;background:var(--pf-accent);box-shadow:0 0 0 4px #7c9cff2e;flex:none}.pf-auth-card h1{margin:.35rem 0 0;font-size:1.5rem;letter-spacing:-.01em}.pf-auth-sub,.pf-auth-foot{margin:0;color:var(--pf-muted);font-size:.86rem;line-height:1.55}.pf-auth-foot{border-top:1px solid var(--pf-border);padding-top:.9rem;margin-top:.3rem;font-size:.8rem}.pf-auth-sub a{color:var(--pf-accent)}.pf-shell{min-height:100vh;display:grid;grid-template-columns:15.5rem 1fr}.pf-side{background:#0e1626;border-right:1px solid var(--pf-border);padding:1.3rem 1rem;display:flex;flex-direction:column;gap:1.4rem;position:sticky;top:0;height:100vh}.pf-nav{display:flex;flex-direction:column;gap:.15rem;flex:1}.pf-nav a{color:var(--pf-muted);text-decoration:none;padding:.5rem .7rem;border-radius:var(--radius);font-size:.9rem}.pf-nav a:hover{background:var(--pf-surface-2);color:var(--pf-text)}.pf-nav a.active{background:var(--pf-surface-2);color:var(--pf-text);box-shadow:inset 2px 0 0 var(--pf-accent)}.pf-side-foot{border-top:1px solid var(--pf-border);padding-top:.9rem;display:flex;flex-direction:column;gap:.7rem}.pf-who-name{font-size:.88rem;font-weight:600}.pf-who-mail{font-size:.76rem;color:var(--pf-muted);overflow-wrap:anywhere}.pf-who-roles{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.45rem}.pf-role{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--pf-accent);background:#7c9cff1f;border:1px solid rgb(124 156 255 / .25);border-radius:999px;padding:.12rem .45rem}.pf-signout{background:transparent;border:1px solid var(--pf-border);color:var(--pf-muted);border-radius:var(--radius);padding:.42rem .7rem;font-size:.84rem;cursor:pointer}.pf-signout:hover{color:var(--pf-text);border-color:var(--pf-accent)}.pf-main{padding:1.6rem 2rem 4rem;max-width:78rem;min-width:0}.pf-boundary{background:#7c9cff14;border:1px solid rgb(124 156 255 / .22);color:#bacbff;border-radius:var(--radius);padding:.5rem .8rem;font-size:.8rem;margin-bottom:1.4rem}.pf-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.3rem}.pf-head h1{margin:0;font-size:1.55rem;letter-spacing:-.015em}.pf-head p{margin:.3rem 0 0;color:var(--pf-muted);font-size:.9rem;max-width:62ch}.pf-head-actions{display:flex;gap:.5rem;flex-wrap:wrap}.pf-section{margin-bottom:2rem}.pf-section h2{margin:0 0 .7rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;color:var(--pf-muted);font-weight:650}.pf-section-note{margin:.6rem 0 0;color:var(--pf-muted);font-size:.83rem;max-width:70ch;line-height:1.6}.pf-sub{color:var(--pf-muted);font-size:.78rem}.pf-ok{color:var(--pf-good);font-size:.85rem;margin:.7rem 0 0}.pf-ok-box{background:#34d3991a;border:1px solid rgb(52 211 153 / .3);color:var(--pf-good);padding:.6rem .85rem;border-radius:var(--radius);font-size:.86rem;margin-bottom:.9rem}.pf-alert{background:#f871711a;border:1px solid rgb(248 113 113 / .32);color:#fca5a5;padding:.6rem .85rem;border-radius:var(--radius);font-size:.86rem}.pf-metrics{display:grid;grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:.7rem;margin-bottom:.7rem}.pf-metric{background:var(--pf-surface);border:1px solid var(--pf-border);border-radius:var(--radius);padding:.85rem .9rem}.pf-metric-value{font-size:1.5rem;font-weight:640;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.pf-metric-label{font-size:.8rem;color:var(--pf-muted);margin-top:.15rem}.pf-metric-hint{font-size:.72rem;color:#6f7f9e;margin-top:.3rem}.pf-metric.good .pf-metric-value{color:var(--pf-good)}.pf-metric.warn .pf-metric-value{color:var(--pf-warn)}.pf-metric.alarm .pf-metric-value{color:var(--pf-alarm)}.pf-table-wrap{border:1px solid var(--pf-border);border-radius:var(--radius);overflow-x:auto;background:var(--pf-surface)}.pf-table{width:100%;border-collapse:collapse;font-size:.87rem;min-width:44rem}.pf-table th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--pf-muted);font-weight:620;padding:.65rem .85rem;border-bottom:1px solid var(--pf-border);white-space:nowrap}.pf-table td{padding:.7rem .85rem;border-bottom:1px solid rgb(36 49 77 / .6);vertical-align:top}.pf-table tbody tr:last-child td{border-bottom:none}.pf-table tbody tr:hover{background:var(--pf-surface-2)}.pf-table th.num,.pf-table td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.pf-link-strong{color:var(--pf-text);font-weight:600;text-decoration:none}.pf-link-strong:hover{color:var(--pf-accent);text-decoration:underline}.pf-pill{display:inline-block;font-size:.72rem;text-transform:capitalize;border-radius:999px;padding:.16rem .55rem;border:1px solid var(--pf-border);color:var(--pf-muted);white-space:nowrap}.pf-pill.good{color:var(--pf-good);border-color:#34d39959;background:#34d3991a}.pf-pill.warn{color:var(--pf-warn);border-color:#fbbf2459;background:#fbbf241a}.pf-pill.alarm{color:var(--pf-alarm);border-color:#f8717159;background:#f871711a}.pf-pill.info{color:var(--pf-info);border-color:#60a5fa59;background:#60a5fa1a}.pf-summary{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1.5rem}.pf-chip{font-size:.76rem;color:var(--pf-muted);border:1px solid var(--pf-border);background:var(--pf-surface);border-radius:999px;padding:.2rem .6rem}.pf-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:1.1rem}.pf-toolbar form,.pf-lookup{display:flex;gap:.5rem;flex:1;min-width:16rem;max-width:32rem}.pf-filters{display:flex;flex-wrap:wrap;gap:.35rem}.pf-filters button{background:transparent;border:1px solid var(--pf-border);color:var(--pf-muted);border-radius:999px;padding:.3rem .7rem;font-size:.79rem;cursor:pointer;text-transform:capitalize}.pf-filters button:hover{color:var(--pf-text)}.pf-filters button.active{background:#7c9cff24;border-color:#7c9cff66;color:#cbd8ff}.pf-shell input,.pf-shell select,.pf-shell textarea,.pf-auth input{width:100%;background:var(--pf-surface-2);border:1px solid var(--pf-border);color:var(--pf-text);border-radius:var(--radius);padding:.55rem .7rem;font:inherit;font-size:.9rem}.pf-shell input:focus,.pf-shell select:focus,.pf-shell textarea:focus,.pf-auth input:focus{outline:2px solid var(--pf-accent);outline-offset:1px;border-color:transparent}.pf-shell label,.pf-auth label{display:flex;flex-direction:column;gap:.3rem;font-size:.84rem;color:var(--pf-muted)}.pf-shell button[type=submit],.pf-auth button[type=submit],.pf-btn{background:var(--pf-accent);color:#0b1120;border:none;border-radius:var(--radius);padding:.55rem .95rem;font:inherit;font-size:.88rem;font-weight:600;cursor:pointer;white-space:nowrap}.pf-shell button[type=submit]:hover,.pf-auth button[type=submit]:hover,.pf-btn:hover{background:#9db4ff}.pf-shell button[disabled],.pf-auth button[disabled]{opacity:.55;cursor:not-allowed}.pf-btn-ghost{background:transparent;border:1px solid var(--pf-border);color:var(--pf-muted);border-radius:var(--radius);padding:.55rem .95rem;font:inherit;font-size:.88rem;cursor:pointer}.pf-form-card{background:var(--pf-surface);border:1px solid var(--pf-border);border-radius:var(--radius-lg);padding:1.2rem;display:flex;flex-direction:column;gap:.8rem;margin-bottom:1.6rem;max-width:34rem}.pf-form-card h3{margin:0;font-size:1rem}.pf-form-note{margin:0;color:var(--pf-muted);font-size:.83rem;line-height:1.55}.pf-form-actions{display:flex;gap:.5rem;margin-top:.2rem}.pf-checks{border:1px solid var(--pf-border);border-radius:var(--radius);padding:.7rem .85rem;display:flex;flex-direction:column;gap:.4rem}.pf-checks legend{font-size:.78rem;color:var(--pf-muted);padding:0 .35rem}.pf-check{flex-direction:row;align-items:center;gap:.5rem;color:var(--pf-text);font-size:.88rem}.pf-check input{width:auto}.pf-roles{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:.8rem}.pf-role-card{background:var(--pf-surface);border:1px solid var(--pf-border);border-radius:var(--radius);padding:1rem}.pf-role-card h3{margin:0 0 .3rem;font-size:.95rem}.pf-role-card p{margin:0 0 .6rem;color:var(--pf-muted);font-size:.82rem;line-height:1.5}.pf-role-card ul{margin:0;padding-left:1rem;color:#7f8fae;font-size:.74rem;display:flex;flex-direction:column;gap:.15rem}.pf-empty,.pf-denied{background:var(--pf-surface);border:1px dashed var(--pf-border);border-radius:var(--radius-lg);padding:2.2rem 1.5rem;text-align:center}.pf-empty h3,.pf-denied h2{margin:0 0 .4rem;font-size:1.05rem}.pf-empty p,.pf-denied p{margin:0;color:var(--pf-muted);font-size:.87rem}.pf-shell .loading{color:var(--pf-muted)}.pf-shell .alert-error{background:#f871711a;border-color:#f8717152;color:#fca5a5}@media(max-width:900px){.pf-shell{grid-template-columns:1fr}.pf-side{position:static;height:auto}.pf-nav{flex-direction:row;flex-wrap:wrap}.pf-main{padding:1.2rem 1rem 3rem}}.field>span:first-child{font-size:.85rem;font-weight:600;color:var(--text)}.field small{font-size:.8rem;color:var(--text-muted);line-height:1.5}.field input:disabled,.field select:disabled,.field textarea:disabled{background:var(--surface-2);color:var(--text-muted);cursor:not-allowed}.check{display:grid;grid-template-columns:auto 1fr;gap:.6rem;align-items:start;padding:.5rem 0;cursor:pointer;font-size:.9rem}.check input{width:auto;margin-top:.15rem;padding:0}.check>span{display:flex;flex-direction:column;gap:.15rem}.check small{font-size:.8rem;line-height:1.5}.check input:disabled+span{color:var(--text-muted)}.chips{display:flex;flex-wrap:wrap;gap:.35rem}.chip{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:.3rem .75rem;font:inherit;font-size:.82rem;cursor:pointer}.chip:hover{border-color:var(--border-strong);color:var(--text)}.chip.active{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-strong);font-weight:550}.account-link{display:block;padding:.4rem .6rem .55rem;border-radius:var(--radius);text-decoration:none}.account-link:hover,.account-link.active{background:var(--surface-2)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:.85rem}.project-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem;text-decoration:none;color:inherit;box-shadow:var(--shadow-sm);transition:border-color .12s ease,box-shadow .12s ease}.project-card:hover{border-color:var(--brand);box-shadow:var(--shadow)}.role-badge{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;font-weight:600;color:var(--brand-strong);background:var(--brand-soft);border-radius:999px;padding:.15rem .5rem}.file-row{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:center;padding:.65rem .85rem;border-bottom:1px solid var(--border)}.file-row:last-child{border-bottom:none}.activity-list{list-style:none;margin:0;padding:0}.activity-list li{display:grid;grid-template-columns:8.5rem 1fr;gap:.85rem;padding:.55rem 0;border-bottom:1px solid var(--border);font-size:.88rem}.activity-list li:last-child{border-bottom:none}.activity-when{color:var(--text-muted);font-size:.8rem;white-space:nowrap}.portal-projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.7rem}.portal-project{display:flex;flex-direction:column;gap:.25rem;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.85rem .95rem;font:inherit;cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .12s ease,box-shadow .12s ease}.portal-project:hover{border-color:var(--brand)}.portal-project.active{border-color:var(--brand);background:var(--brand-soft);box-shadow:var(--shadow)}.portal-project-name{font-weight:600;font-size:.95rem;color:var(--text)}.portal-project-desc{font-size:.82rem;color:var(--text-muted);line-height:1.45}.portal-project-foot{font-size:.76rem;color:var(--text-subtle);text-transform:capitalize;margin-top:.2rem}.btn-link{background:none;border:none;padding:0;font:inherit;color:var(--brand);text-decoration:underline;cursor:pointer}.btn-link:hover{color:var(--brand-strong)}.pill-soon{display:inline-block;margin-left:.45rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;font-weight:650;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:.08rem .45rem;vertical-align:middle}.portal-scope{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.6rem;margin-bottom:1.25rem}.portal-scope-option{display:flex;flex-direction:column;gap:.15rem;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.75rem .9rem;font:inherit;cursor:pointer}.portal-scope-option:hover{border-color:var(--brand)}.portal-scope-option.active{border-color:var(--brand);background:var(--brand-soft);box-shadow:var(--shadow-sm)}.portal-scope-title{font-weight:600;font-size:.92rem;color:var(--text)}.portal-scope-help{font-size:.8rem;color:var(--text-muted);line-height:1.45}.section-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:650;margin:0 0 .6rem}.attention-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.7rem}.attention{display:flex;flex-direction:column;gap:.1rem;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--border-strong);border-radius:var(--radius);padding:.85rem 1rem;text-decoration:none;color:inherit;box-shadow:var(--shadow-sm)}.attention:hover{box-shadow:var(--shadow)}.attention.warn{border-left-color:var(--warn)}.attention.alarm{border-left-color:var(--danger)}.attention-count{font-size:1.6rem;font-weight:650;letter-spacing:-.02em;line-height:1.1}.attention-label{font-size:.85rem;color:var(--text-muted)}.work-row{display:grid;grid-template-columns:6rem 1fr auto auto 5.5rem;gap:.75rem;align-items:center;padding:.7rem .9rem;border-bottom:1px solid var(--border);text-decoration:none;color:inherit;font-size:.89rem}.work-row:last-child{border-bottom:none}.work-row:hover{background:var(--surface-2)}.work-ref{font-size:.8rem}.work-subject{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.work-when{font-size:.78rem;text-align:right;white-space:nowrap}.onboarding{border-color:var(--brand);background:linear-gradient(180deg,var(--brand-soft) 0%,var(--surface) 60%)}.checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem}.checklist li{display:grid;grid-template-columns:1.5rem 1fr auto;gap:.6rem;align-items:center;padding:.6rem 0;border-bottom:1px solid var(--border)}.checklist li:last-child{border-bottom:none}.checklist .tick{font-size:1rem;color:var(--text-subtle);text-align:center}.checklist li.done .tick{color:var(--ok);font-weight:700}.checklist-body{display:flex;flex-direction:column;gap:.1rem;min-width:0}.checklist-label{font-weight:550;font-size:.92rem}.checklist li.done .checklist-label{color:var(--text-muted)}.checklist-help{font-size:.82rem;color:var(--text-muted);line-height:1.45}.checklist-count{font-size:.85rem;color:var(--ok);font-weight:600}.nav-more{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;font:inherit;color:var(--text-muted);cursor:pointer;padding:.5rem .6rem;border-radius:var(--radius);margin-top:.35rem}.nav-more:hover{background:var(--surface-2);color:var(--text)}.nav-more-chevron{font-size:.7rem;opacity:.7}.nav-advanced{display:flex;flex-direction:column;gap:.1rem;padding-left:.6rem;margin-left:.35rem;border-left:1px solid var(--border)}.confirm-card{border-color:var(--brand);background:linear-gradient(180deg,var(--brand-soft) 0%,var(--surface) 70%)}.needs-row{display:grid;grid-template-columns:9rem 1fr 6rem 5.5rem;gap:.75rem;align-items:center;padding:.7rem .9rem;border-bottom:1px solid var(--border);text-decoration:none;color:inherit;font-size:.89rem}.needs-row:last-child{border-bottom:none}.needs-row:hover{background:var(--surface-2)}.needs-why{font-size:.72rem;font-weight:650;text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:.14rem .5rem;text-align:center;white-space:nowrap}.needs-why.warn{color:var(--warn);background:var(--warn-soft)}.needs-why.alarm{color:var(--danger);background:var(--danger-soft)}.needs-subject{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.needs-ref,.needs-when{font-size:.78rem;white-space:nowrap}.needs-when{text-align:right}.hours-row{display:grid;grid-template-columns:9rem auto auto auto;gap:.5rem;align-items:center;padding:.3rem 0}.hours-row input[type=time]{width:auto;padding:.35rem .5rem;font-size:.88rem}.bulk-bar{position:sticky;top:.5rem;z-index:5;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;background:var(--brand-soft);border:1px solid var(--brand);border-radius:var(--radius);padding:.6rem .85rem;margin-bottom:1rem;box-shadow:var(--shadow-sm)}.bulk-bar select{width:auto;padding:.3rem .5rem;font-size:.85rem}tr.row-selected{background:var(--brand-soft)}.rating{display:flex;flex-direction:column;align-items:center;gap:.2rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem 1.1rem;font:inherit;font-size:.82rem;cursor:pointer;min-width:4.5rem}.rating span:first-child{font-size:1.5rem;line-height:1.1}.rating:hover{border-color:var(--brand)}.rating.active{border-color:var(--brand);background:var(--brand-soft);font-weight:600}.field-editor{border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;margin-bottom:.6rem;background:var(--surface-2)}@media(max-width:720px){.sidebar{padding:.6rem .75rem;gap:.6rem}.sidebar .nav{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:.3rem;padding-bottom:.2rem}.sidebar .nav a,.sidebar .nav .nav-more{white-space:nowrap;padding:.45rem .7rem;font-size:.88rem;width:auto}.sidebar .nav-label{display:none}.nav-advanced{flex-direction:row;border-left:none;padding-left:0;margin-left:0;gap:.3rem}.sidebar>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:0!important;padding-top:0!important}.account-link{padding:.2rem .4rem}.topbar{flex-wrap:wrap;padding:.6rem .9rem;gap:.5rem}.topbar input{min-width:0;width:100%}.content{padding:.9rem}.page-head{flex-direction:column;align-items:stretch;gap:.6rem}.table-wrap{overflow-x:auto}.stat-grid,.attention-grid,.card-grid,.portal-projects,.pf-metrics{grid-template-columns:1fr}.work-row,.needs-row{grid-template-columns:1fr auto;row-gap:.2rem}.work-row .work-ref,.needs-row .needs-ref{display:none}.hours-row{grid-template-columns:1fr;gap:.3rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.bulk-bar{position:static}}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:var(--brand);color:#fff;padding:.6rem 1rem;border-radius:0 0 var(--radius) 0}.skip-link:focus{left:0}.trend{display:flex;align-items:flex-end;gap:2px;height:90px;padding-top:.5rem;overflow-x:auto}.trend-day{display:flex;align-items:flex-end;gap:1px;flex:1 0 6px;min-width:6px;height:100%}.trend-bar{flex:1;border-radius:2px 2px 0 0;min-height:2px}.trend-created{background:var(--accent, #0ea5e9)}.trend-resolved{background:var(--good, #22c55e)}.legend-swatch{display:inline-block;width:.6rem;height:.6rem;border-radius:2px;margin-right:.3rem;vertical-align:middle}.legend-created{background:var(--accent, #0ea5e9)}.legend-resolved{background:var(--good, #22c55e)}.meter{height:4px;border-radius:2px;background:var(--border, #e2e8f0);margin-top:.3rem;overflow:hidden}.meter-fill{height:100%;background:var(--accent, #0ea5e9)}.hint-inline{font-weight:400;color:var(--muted, #64748b)}@media(prefers-reduced-motion:reduce){.trend-bar,.meter-fill{transition:none}}