:root{color-scheme:light;--background:#f6f9fc;--foreground:#12213f;--muted:#667085;--panel:#ffffff;--line:#d8e4ef;--accent:#2563eb;--accent-strong:#1d4ed8;--bluehat-primary:#2563eb;--bluehat-sky:#38bdf8;--bluehat-teal:#14b8a6;--bluehat-success:#22c55e;--bluehat-warning:#f59e0b;--bluehat-danger:#ef4444;--surface-gray:#f3f4f6;--sidebar-gradient:linear-gradient(160deg,#2563eb,#0ea5e9 54%,#14b8a6);--sidebar-active:rgba(255,255,255,0.2);--sidebar-active-border:rgba(255,255,255,0.42);--shadow-soft:0 16px 40px rgba(15,76,129,0.11);--shadow-card:0 10px 26px rgba(15,76,129,0.08)}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--foreground);font-family:Aptos,Segoe UI,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}.shell,main{min-height:100vh}.shell{display:grid;grid-template-columns:280px 1fr}.sidebar{background:var(--sidebar-gradient);color:#ffffff;min-height:100vh;overflow:hidden;padding:14px;position:-webkit-sticky;position:sticky;top:0}.sidebar:after{background:radial-gradient(circle at 18% 88%,rgba(255,255,255,.22),transparent 25%),linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,0));border-radius:999px 999px 0 0;bottom:-82px;content:"";height:210px;left:-42px;pointer-events:none;position:absolute;transform:rotate(-8deg);width:360px}.sidebar-inner{display:grid;grid-gap:22px;gap:22px;grid-template-rows:auto 1fr auto;min-height:calc(100vh - 28px);overflow-y:auto;padding:18px 12px;position:relative;z-index:1}.sidebar-brand{align-items:center;display:grid;grid-gap:14px;gap:14px;grid-template-columns:56px 1fr;min-width:0}.sidebar-brand h1{color:#ffffff;font-size:28px;letter-spacing:0;margin:0 0 5px;line-height:1.25}.sidebar-brand p{color:rgba(255,255,255,.86);font-size:14px;line-height:1.35;margin:0}.bluehat-mark{align-items:center;display:inline-flex;height:56px;justify-content:center;position:relative;width:56px}.bluehat-mark:before{border:5px solid #ffffff;border-bottom:0;border-radius:999px 999px 0 0;content:"";height:25px;position:absolute;top:8px;width:40px}.bluehat-mark span{background:#ffffff;border-radius:999px;height:7px;position:absolute;top:35px;transform:rotate(8deg);width:50px}.nav{display:grid;grid-gap:7px;gap:7px}.nav a,.nav button,.sidebar-logout{align-items:center;display:flex;gap:12px;width:100%;border:0;border-radius:8px;background:transparent;color:rgba(255,255,255,.9);cursor:pointer;font:inherit;font-size:15px;font-weight:700;line-height:1.25;min-height:44px;padding:11px 12px;text-align:left}.nav a:hover,.nav a[aria-current=page],.nav button:hover,.sidebar-logout:hover{background:var(--sidebar-active);box-shadow:inset 0 0 0 1px var(--sidebar-active-border);color:#ffffff}.sidebar-nav-icon,.ui-icon{flex:0 0 auto;height:20px;width:20px}.sidebar-footer{border-top:1px solid rgba(255,255,255,.24);display:grid;grid-gap:12px;gap:12px;padding-top:16px}.sidebar-footer form{margin:0}.sidebar-user{align-items:center;display:grid;grid-gap:10px;gap:10px;grid-template-columns:42px 1fr;min-width:0}.sidebar-user-avatar{align-items:center;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.6);border-radius:999px;display:inline-flex;font-size:13px;font-weight:800;height:42px;justify-content:center;width:42px}.sidebar-user small,.sidebar-user strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user small{color:rgba(255,255,255,.78);font-size:12px;text-transform:capitalize}.content{padding:34px}.page-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px}.page-header h2{font-size:30px;margin:0 0 6px}.muted{color:var(--muted)}.form-error{background:#fff1f2;border:1px solid #fecdd3;border-radius:6px;color:#9f1239;margin:0 0 16px;padding:10px 12px}.grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.client-overview-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-card);padding:18px}.card h3{font-size:18px;margin:0 0 8px}.table{background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid var(--line);font-size:14px;padding:12px;text-align:left;vertical-align:top}th{background:#eef2ee;color:#374151;font-weight:700}tr:last-child td{border-bottom:0}form.stack{display:grid;grid-gap:12px;gap:12px}label{display:grid;grid-gap:6px;gap:6px;font-size:13px;font-weight:700}input,select{border:1px solid var(--line);border-radius:6px;font:inherit;padding:10px 12px;width:100%}.button,button{background:var(--accent);border:0;border-radius:7px;color:white;cursor:pointer;display:inline-flex;gap:8px;font:inherit;font-weight:700;align-items:center;justify-content:center;line-height:1.25;max-width:100%;padding:10px 14px;text-align:center;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;white-space:normal}.button:hover,button:hover{background:var(--accent-strong);box-shadow:0 8px 20px rgba(37,99,235,.2)}.button-disabled,button:disabled{background:#d8e2ec;color:#8290a2;cursor:not-allowed;box-shadow:none}.button-primary{background:var(--bluehat-primary);color:#ffffff}.button-secondary{background:#ffffff;border:1px solid var(--bluehat-primary);color:var(--bluehat-primary)}.button-secondary:hover{background:#eaf4ff;color:var(--accent-strong)}.button-danger{background:#ffe3e6;border:1px solid #fecdd3;color:#be123c}.button-danger:hover{background:#ffd8dd;box-shadow:0 6px 16px rgba(239,68,68,.14)}.button-ghost{background:#f3f6fa;border:1px solid #e0e7ef;color:#334155}.button-ghost:hover{background:#e9eef5;box-shadow:none}.button-neutral{background:#f7f9fc;border:1px solid #d8e4ef;color:#334155}.button-neutral:hover{background:#edf3f8;box-shadow:0 6px 16px rgba(51,65,85,.08)}.button-soft-blue{background:#eaf4ff;border:1px solid #bfdbfe;color:#1d4ed8}.button-soft-blue:hover{background:#dcecff;box-shadow:0 6px 16px rgba(37,99,235,.12)}.button-soft-purple{background:#f0e9ff;border:1px solid #d8c7ff;color:#6d45d8}.button-soft-purple:hover{background:#e6dcff;box-shadow:0 6px 16px rgba(109,69,216,.12)}.button-soft-amber{background:#fff3d8;border:1px solid #fed99b;color:#a8550b}.button-soft-amber:hover{background:#ffe9bd;box-shadow:0 6px 16px rgba(245,158,11,.13)}.button-soft-teal{background:#ddfbf5;border:1px solid #9be8dc;color:#0f766e}.button-soft-teal:hover{background:#cff7ef;box-shadow:0 6px 16px rgba(20,184,166,.13)}.button-soft-success{background:#e2fbe9;border:1px solid #a7efbd;color:#15803d}.button-soft-success:hover{background:#d3f8df;box-shadow:0 6px 16px rgba(34,197,94,.13)}.button-small{font-size:13px;padding:8px 12px}.button-medium{min-height:42px}.button-large{font-size:16px;min-height:48px;padding:12px 18px}.button-icon{height:18px;width:18px}.login{align-items:center;display:grid;min-height:100vh;padding:24px}.login .card{margin:0 auto;max-width:420px;width:100%}.service-band{display:grid;grid-gap:14px;gap:14px;max-width:980px}textarea{border:1px solid var(--line);border-radius:6px;font:inherit;padding:10px 12px;resize:vertical;width:100%}.comment-row{border-bottom:1px solid var(--line);display:grid;grid-gap:4px;gap:4px;padding:10px 0}.comment-row:last-child{border-bottom:0}.comment-row small{color:var(--muted)}.comment-row p{margin:4px 0 0;white-space:pre-wrap}.admin-clients-layout{align-items:start;display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(320px,420px) minmax(520px,1fr)}.create-client-form{gap:14px}.checkbox-group{border:1px solid var(--line);border-radius:8px;margin:0;padding:14px}.checkbox-group legend{color:#374151;font-size:13px;font-weight:700;padding:0 6px}.checkbox-grid{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.checkbox-list{display:grid;grid-gap:8px;gap:8px;max-height:280px;overflow:auto;padding-right:2px}.checkbox-row{align-items:center;background:#fbfcfb;border:1px solid var(--line);border-radius:6px;cursor:pointer;display:grid;grid-gap:10px;gap:10px;grid-template-columns:18px 1fr;padding:9px 10px}.checkbox-row input{height:16px;margin:0;padding:0;width:16px}.checkbox-row span{display:block;font-size:13px;line-height:1.25}.team-member-row span{display:grid;grid-gap:2px;gap:2px}.team-member-row small{color:var(--muted);font-size:12px;font-weight:400}.admin-assignments-table,.admin-categories-table,.admin-client-services-table,.admin-clients-table,.admin-task-library-table,.admin-users-table{overflow-x:auto}.template-library-summary-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:18px}.template-library-summary-card{box-shadow:none}.template-library-summary-card strong{display:block;font-size:28px;line-height:1;margin:4px 0}.template-library-summary-card p{margin:0}.template-dna-chip-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.template-dna-chip{background:#eef7ff;border:1px solid #cfe6ff;border-radius:999px;color:#1d4ed8;display:inline-flex;font-size:12px;font-weight:800;line-height:1;padding:6px 9px;white-space:nowrap}.template-dna-chip-muted{background:#f1f5f9;border-color:#dbe3ec;color:#475569}.template-dna-status{display:grid;grid-gap:3px;gap:3px}.template-dna-status strong{font-size:13px}.template-dna-status small{color:var(--muted);font-weight:700}.template-dna-status-yes strong{color:#15803d}.template-dna-status-no strong{color:#9f1239}.template-detail-layout{align-items:start;display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(360px,620px) minmax(360px,1fr)}.template-detail-layout .create-task-template-page-form{max-width:none}.template-dna-card h3,.template-dna-card h4,.template-dna-card p{margin:0}.template-dna-section{border-top:1px solid var(--line);display:grid;grid-gap:8px;gap:8px;padding-top:14px}.template-dna-section h4{font-size:14px;letter-spacing:.01em;text-transform:uppercase}.template-dna-list{display:grid;grid-gap:6px;gap:6px;margin:0;padding-left:18px}.template-dna-list li{overflow-wrap:anywhere}.template-dna-key-values{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:0}.roadmap-template-quarter,.roadmap-template-source-card{margin-top:18px}.roadmap-template-detail-section h4,.roadmap-template-detail-section p,.roadmap-template-quarter h3,.roadmap-template-readable-section h4,.roadmap-template-source-card h3{margin:0}.roadmap-template-section-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.roadmap-template-readable-section{background:#f8fafc;border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:8px;gap:8px;padding:12px}.roadmap-template-detail-section h4,.roadmap-template-readable-section h4{color:#334155;font-size:13px;font-weight:800;text-transform:uppercase}.roadmap-template-flag-row,.roadmap-template-pill-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.roadmap-template-pill{background:#eef7ff;border:1px solid #cfe6ff;border-radius:999px;color:#1d4ed8;display:inline-flex;font-size:12px;font-weight:800;line-height:1.2;padding:6px 9px}.roadmap-template-checklist{display:grid;grid-gap:7px;gap:7px;margin:0;padding:0}.roadmap-template-checklist li{align-items:flex-start;display:grid;grid-gap:8px;gap:8px;grid-template-columns:18px 1fr;line-height:1.35}.roadmap-template-checklist li:before{background:linear-gradient(135deg,transparent 45%,#15803d 46%,#15803d 58%,transparent 59%),linear-gradient(45deg,transparent 48%,#15803d 49%,#15803d 61%,transparent 62%),#dcfce7;border:1px solid #86efac;border-radius:999px;content:"";display:inline-flex;height:18px;width:18px}.roadmap-template-empty{margin:0}.roadmap-template-kv-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin:0}.roadmap-template-kv{background:#fbfcfd;border:1px solid var(--line);border-radius:8px;min-width:0;padding:11px}.roadmap-template-kv dt{color:var(--muted);font-size:12px;font-weight:800;margin-bottom:5px;text-transform:uppercase}.roadmap-template-kv dd{font-weight:700;margin:0;overflow-wrap:anywhere}.roadmap-template-row-table{overflow-x:auto}.roadmap-template-row-detail{background:#ffffff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.roadmap-template-row-detail summary{align-items:center;cursor:pointer;display:flex;flex-wrap:wrap;font-weight:800;gap:8px 12px;justify-content:space-between;list-style:none;padding:14px 16px}.roadmap-template-raw-json summary::-webkit-details-marker,.roadmap-template-row-detail summary::-webkit-details-marker{display:none}.roadmap-template-row-detail-body{border-top:1px solid var(--line);display:grid;grid-gap:14px;gap:14px;padding:16px}.roadmap-template-row-detail-body>p{margin:0}.roadmap-template-detail-section{border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:12px;gap:12px;padding:14px}.roadmap-template-asset-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.roadmap-template-asset{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;display:grid;grid-gap:7px;gap:7px;padding:12px}.roadmap-template-asset strong{color:#334155}.roadmap-template-asset p{margin:0}.roadmap-template-asset-expected{background:#f0fdfa;border-color:#99f6e4}.roadmap-template-missing-link{background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;color:#9a3412;display:inline-flex;font-size:12px;font-weight:800;justify-self:start;padding:5px 8px}.roadmap-template-raw-json{background:#f8fafc;border:1px solid var(--line);border-radius:8px;overflow:hidden}.roadmap-template-raw-json summary{cursor:pointer;font-size:13px;font-weight:800;padding:11px 12px}.roadmap-template-raw-json pre{background:#0f172a;color:#e2e8f0;font-size:12px;line-height:1.5;margin:0;max-height:360px;overflow:auto;padding:12px;white-space:pre-wrap}.template-dna-key-values div{background:#f8fafc;border:1px solid var(--line);border-radius:8px;min-width:0;padding:10px}.template-dna-key-values dt{color:var(--muted);font-size:12px;font-weight:800;margin-bottom:4px;text-transform:uppercase}.template-dna-key-values dd{font-weight:700;margin:0;overflow-wrap:anywhere}.template-dna-source-hints{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.template-dna-source-hints>div{background:#fbfdff;border:1px solid var(--line);border-radius:8px;padding:10px}.create-client-page-form{max-width:880px}.create-assignment-page-form,.create-category-page-form,.create-user-page-form{max-width:520px}.create-task-template-page-form{max-width:620px}.assignment-filters,.category-filters,.task-library-filters{margin-bottom:18px}.filter-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-actions,.table-action-group{align-items:flex-end;display:flex;flex-wrap:nowrap;gap:8px}.table-action-cell{text-align:right;white-space:nowrap;width:1%}.table-action-button{white-space:nowrap}.form-section{border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:12px;gap:12px;margin:0;padding:14px}.form-section legend{color:#374151;font-size:13px;font-weight:700;padding:0 6px}.page-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.client-profile-layout{align-items:start;display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(360px,1fr) minmax(300px,420px)}.client-profile-section{margin-bottom:18px}.admin-client-management-grid{align-items:start}.client-services-card{align-self:start}.client-services-list{gap:6px;max-height:none;overflow:visible}.compact-checkbox-row{padding:8px 10px}.assigned-team-card{align-self:start}.assigned-team-summary{display:grid;grid-gap:8px;gap:8px}.assigned-team-summary p{margin:0}.assignment-editor{display:grid;grid-gap:12px;gap:12px}.assignment-editor summary{cursor:pointer;font-weight:700}.assignment-editor[open] summary{margin-bottom:4px}.assignment-editor>p,.assignment-editor[open]>p{margin:0}.assignment-service-group{padding:12px}.assignment-service-group .checkbox-list{gap:6px;max-height:220px}.badge{border-radius:999px;font-size:12px;font-weight:700;padding:6px 10px;text-transform:capitalize}.badge,.ui-badge{display:inline-flex;line-height:1;white-space:nowrap}.ui-badge{align-items:center;border:1px solid transparent;border-radius:999px;gap:7px;font-size:13px;font-weight:800;max-width:100%;min-height:30px;padding:7px 12px}.ui-badge-icon{flex:0 0 auto;height:17px;width:17px}.ui-badge-muted,.ui-badge-neutral{background:#f1f5f9;border-color:#dbe3ec;color:#475569}.ui-badge-primary{background:#e8f1ff;border-color:#c8ddff;color:var(--bluehat-primary)}.ui-badge-info{background:#e6f7ff;border-color:#bae8ff;color:#0b84c6}.ui-badge-teal{background:#dcfbf6;border-color:#a9eee3;color:#0f766e}.ui-badge-success{background:#dcfce7;border-color:#bbf7d0;color:#15803d}.ui-badge-warning{background:#fff1d6;border-color:#fed99b;color:#b45309}.ui-badge-danger{background:#ffe2e5;border-color:#fecdd3;color:#e11d48}.ui-badge-review{background:#efe7ff;border-color:#ddd0ff;color:#7048e8}.surface{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-card);padding:18px}.surface-soft{background:#fbfdff}.surface-highlight{background:#fff9ed;border-color:#fed99b}.empty-state{align-items:center;display:grid;grid-gap:14px;gap:14px;grid-template-columns:52px 1fr;min-height:118px}.empty-state h3,.empty-state p{margin:0}.empty-state-icon{align-items:center;background:#e8f1ff;border:1px solid #c8ddff;border-radius:999px;color:var(--bluehat-primary);display:inline-flex;height:52px;justify-content:center;width:52px}.ui-form-section{background:#fbfdff}.task-meta-row{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0}.task-meta-row>div{background:#f7faff;border:1px solid #e0ebf7;border-radius:8px;display:grid;grid-gap:5px;gap:5px;grid-template-columns:20px 1fr;min-width:0;padding:11px}.task-meta-row dt{color:var(--muted);font-size:11px;font-weight:800;grid-column:2;text-transform:uppercase}.task-meta-row dd{font-size:14px;font-weight:750;grid-column:2;margin:0;min-width:0;overflow-wrap:anywhere}.task-meta-icon{color:var(--bluehat-primary);grid-row:1/span 2;height:18px;margin-top:1px;width:18px}.task-card-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.task-card{display:grid;grid-gap:14px;gap:14px}.task-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.task-card-header h3,.task-card-header p{margin:0}.task-card-header h3{font-size:18px;line-height:1.3;overflow-wrap:anywhere}.task-card-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.lifecycle-onboarding{background:#dbeafe;color:#1e3a8a}.health-happy,.lifecycle-boarded{background:#dcfce7;color:#166534}.lifecycle-paused{background:#ffedd5;color:#9a3412}.health-at_risk,.lifecycle-cancelled{background:#fee2e2;color:#991b1b}.health-neutral{background:#e5e7eb;color:#374151}.health-healthy{background:#dcfce7;color:#166534}.health-watch{background:#fef3c7;color:#92400e}.health-critical{background:#fee2e2;color:#7f1d1d}.client-overview-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:16px;gap:16px;padding:18px}.client-overview-card-watch{border-color:#f59e0b;box-shadow:0 8px 24px rgba(245,158,11,.14)}.client-overview-card-at-risk,.client-overview-card-critical{border-color:#dc2626;box-shadow:0 10px 28px rgba(220,38,38,.2)}.client-overview-card-critical{box-shadow:0 12px 34px rgba(185,28,28,.28)}.client-card-header{align-items:flex-start;display:flex;gap:14px;justify-content:space-between}.client-card-header h3{font-size:20px;margin:0 0 10px}.client-card-badges,.service-chip-row{display:flex;flex-wrap:wrap;gap:8px}.service-chip{background:#eef7f4;border:1px solid #b8d8cf;border-radius:999px;color:#115e59;display:inline-flex;font-size:12px;font-weight:700;line-height:1;padding:7px 10px;white-space:nowrap}.client-card-stats{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0}.client-card-stats div{background:#f8faf9;border:1px solid var(--line);border-radius:8px;padding:10px}.client-card-meta span,.client-card-stats dt{color:var(--muted);display:block;font-size:11px;font-weight:700;margin-bottom:5px;text-transform:uppercase}.client-card-stats dd{font-size:22px;font-weight:800;margin:0}.client-card-stats .stat-alert{background:#fff1f2;border-color:#fecdd3;color:#991b1b}.client-card-stats .client-approval-stat{background:#fff3d8;border-color:#fed99b;color:#a8550b}.client-card-meta{border-top:1px solid var(--line);display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:14px}.client-card-meta p{margin:0;min-width:0}.client-card-meta strong{display:block;font-size:14px;overflow-wrap:anywhere}.client-detail-page{display:grid;grid-gap:18px;gap:18px;max-width:1360px}.client-section-nav{background:var(--panel);border:1px solid var(--line);border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;padding:12px}.client-section-nav a{background:#f4f7f5;border:1px solid var(--line);border-radius:999px;font-size:13px;font-weight:700;padding:8px 12px}.client-section-nav a[aria-current=page]{background:var(--accent);border-color:var(--accent);color:#ffffff}.send-task-page{display:grid;grid-gap:18px;gap:18px;max-width:1360px}.client-detail-section{scroll-margin-top:24px}.client-detail-section-heading{display:grid;grid-gap:4px;gap:4px}.client-detail-section-heading h3,.client-placeholder-card h3{font-size:22px;margin:0}.client-detail-section-heading p,.client-placeholder-card p{margin:0}.client-detail-hero-card{gap:18px}.client-detail-hero-top{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.client-detail-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.client-detail-name{font-size:24px;margin:0 0 6px}.client-detail-website{color:var(--accent-strong);font-weight:700;overflow-wrap:anywhere}.client-detail-summary-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.client-detail-summary-grid>div,.client-task-counter{background:#f8faf9;border:1px solid var(--line);border-radius:8px;min-width:0;padding:12px}.client-detail-summary-grid strong,.client-task-counter strong{display:block;overflow-wrap:anywhere}.client-team-list{display:grid;grid-gap:10px;gap:10px;list-style:none;margin:0;padding:0}.client-team-list li{align-items:flex-start;border-top:1px solid var(--line);display:grid;grid-gap:4px;gap:4px;padding-top:10px}.client-team-list li:first-child{border-top:0;padding-top:0}.client-team-list span{color:var(--muted)}.client-task-counter-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.client-task-counter strong{font-size:28px;margin-top:6px}.client-task-counter-alert{background:#fff1f2;border-color:#fecdd3;color:#991b1b}.client-placeholder-card{min-height:120px}.roadmap-page{max-width:1360px}.roadmap-internal-note{background:#f8faf9;border:1px solid var(--line);border-radius:10px;margin-top:10px;max-width:860px;padding:10px 12px}.roadmap-summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.roadmap-filter-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.roadmap-period-section{border-top:1px solid var(--line);padding-top:18px}.roadmap-period-section:first-child{border-top:0;padding-top:0}.roadmap-drawer{background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-card);overflow:hidden}.roadmap-drawer summary{align-items:center;cursor:pointer;display:flex;font-weight:800;gap:10px;justify-content:space-between;list-style:none;padding:14px 16px}.roadmap-drawer summary::-webkit-details-marker{display:none}.roadmap-drawer-body{border-top:1px solid var(--line);display:grid;grid-gap:12px;gap:12px;padding:14px}.roadmap-row-card{box-shadow:none}.roadmap-row-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.roadmap-row-card h4,.roadmap-row-card p{margin:0}.roadmap-item-warning{background:#fff7ed;border:1px solid #fdba74;border-radius:10px;color:#9a3412;font-size:13px;font-weight:800;padding:10px 12px}.roadmap-row-meta{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin:0}.roadmap-row-meta div{background:#f8faf9;border:1px solid var(--line);border-radius:8px;min-width:0;padding:10px}.roadmap-row-meta dt{color:var(--muted);font-size:12px;font-weight:800;margin-bottom:4px;text-transform:uppercase}.roadmap-row-meta dd{font-weight:700;margin:0;overflow-wrap:anywhere}.roadmap-row-actions{display:flex;justify-content:flex-end}.roadmap-workflow-item-summary{align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:10px;display:flex;gap:12px;justify-content:space-between;padding:12px}.roadmap-workflow-item-summary p,.roadmap-workflow-item-summary strong{margin:0}.roadmap-workflow-item-summary span{color:#9a3412;display:block;font-size:12px;font-weight:800;margin-top:6px}.roadmap-workflow-item-summary-actions{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.roadmap-source-sections{border-top:1px solid var(--line);display:grid;grid-gap:12px;gap:12px;padding-top:12px}.roadmap-source-section-heading h5,.roadmap-source-section-heading p{margin:0}.roadmap-linked-assets,.roadmap-raw-json,.roadmap-source-details{background:#f8faf9;border:1px solid var(--line);border-radius:10px;padding:12px}.roadmap-linked-asset-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:10px}.roadmap-linked-asset-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;display:grid;grid-gap:8px;gap:8px;padding:12px}.roadmap-linked-asset-card-strategy{background:#f4fbf8;border-color:#b8e5d1}.roadmap-linked-asset-card-header,.roadmap-source-gates{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.roadmap-linked-asset-card p,.roadmap-linked-asset-card strong{margin:0}.roadmap-asset-source-details{border-top:1px solid var(--line);padding-top:8px}.roadmap-asset-source-details summary{color:var(--muted);cursor:pointer;font-size:12px;font-weight:800}.roadmap-asset-source-details p{padding-top:6px}.roadmap-raw-json summary,.roadmap-source-details summary{cursor:pointer;font-weight:800}.roadmap-source-details-body{display:grid;grid-gap:10px;gap:10px;padding-top:12px}.roadmap-source-meta{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.roadmap-source-gates span{background:var(--panel);border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px;padding:6px 10px}.roadmap-source-notes{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;margin:0;padding:10px}.roadmap-raw-json pre{background:#0f172a;border-radius:8px;color:#e2e8f0;font-size:12px;line-height:1.5;margin:12px 0 0;max-height:280px;overflow:auto;padding:12px}.roadmap-drawer-empty{background:#f8fafc;border:1px dashed var(--line);border-radius:8px;margin:0;padding:12px}@media (max-width:1050px){.admin-clients-layout,.client-profile-layout,.template-detail-layout{grid-template-columns:1fr}}@media (max-width:760px){.shell{grid-template-columns:1fr}.content{padding:20px}.client-card-meta,.client-overview-grid{grid-template-columns:1fr}.client-detail-hero-top,.roadmap-row-card-header{flex-direction:column}.roadmap-row-actions{justify-content:flex-start}.client-card-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.task-detail-page{max-width:1360px}.task-hero{align-items:center}.task-hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.watching-pill{background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;color:#9a3412;display:inline-flex;font-size:13px;font-weight:700;line-height:1;padding:8px 12px;white-space:nowrap}.watching-card{background:#fffaf3;border-color:#fed7aa}.status-pill{background:#e8f2ef;border:1px solid #b8d8cf;border-radius:999px;color:#115e59;display:inline-flex;font-size:13px;font-weight:700;line-height:1;padding:8px 12px;text-transform:capitalize;white-space:nowrap}.status-archived,.status-completed_by_department,.status-done{background:#eef2ee;border-color:#cfd8d2;color:#3f4f46}.status-in_progress{background:#e6f4f1;border-color:#97cfc3;color:#0f5f56}.status-ready_for_review,.status-ready_to_publish,.status-waiting_client_approval{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.status-client_revision_requested,.status-revision_requested{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.status-approved_internal{background:#ecfdf5;border-color:#bbf7d0;color:#166534}.knowledge-base-page{max-width:1240px}.knowledge-base-table table{table-layout:fixed}.knowledge-base-table td:first-child,.knowledge-base-table th:first-child{width:210px}.knowledge-base-table .ui-badge{white-space:normal}.knowledge-base-note{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#334155;font-weight:600;line-height:1.6;margin:0;padding:14px 16px}.task-detail-layout{align-items:start;display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(0,1fr) minmax(320px,390px)}.stack{display:grid;grid-gap:14px;gap:14px}.task-summary-card{gap:18px}.card p,.surface p{min-width:0}.field-label{color:var(--muted);display:block;font-size:12px;font-weight:700;text-transform:uppercase}.field-label,.task-actions-card h3,.task-actions-card p{margin-bottom:4px}.clarification-request-list{display:grid;grid-gap:12px;gap:12px}.clarification-request-card{display:grid;grid-gap:10px;gap:10px}.clarification-request-card h3,.clarification-request-card p{margin:0}.clarification-request-card-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.clarification-request-meta-row{align-items:center;display:flex;flex:0 0 auto;flex-wrap:wrap;gap:8px}.clarification-request-section{display:grid;grid-gap:4px;gap:4px}.clarification-request-details{display:flex;flex-wrap:wrap;gap:8px 22px}.clarification-request-details p{min-width:min(220px,100%)}.clarification-request-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.clarification-answer-form{display:grid;grid-gap:10px;gap:10px;padding-top:2px}.clarification-answer-form textarea{min-height:96px}.task-action-row{display:flex;flex-wrap:wrap;gap:10px}.task-action-row form{display:inline-flex}.timeline-list{display:grid;grid-gap:0;gap:0}.timeline-item{border-left:2px solid var(--line);display:grid;grid-gap:6px;gap:6px;padding:0 0 18px 16px;position:relative}.timeline-item:before{background:var(--accent);border:3px solid var(--panel);border-radius:999px;content:"";height:10px;left:-6px;position:absolute;top:2px;width:10px}.timeline-item:last-child{padding-bottom:0}.timeline-item small{color:var(--muted);display:block;margin-top:4px}.timeline-item p{background:#fbfcfb;border:1px solid var(--line);border-radius:6px;margin:2px 0 0;padding:10px;white-space:pre-wrap}@media (max-width:980px){.task-detail-layout{grid-template-columns:1fr}.task-hero{align-items:flex-start}}@media (max-width:760px){.sidebar{position:relative}.sidebar,.sidebar-inner{min-height:auto}.sidebar-brand{grid-template-columns:48px 1fr}.sidebar-brand h1{font-size:24px}.bluehat-mark{height:48px;width:48px}.nav{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.task-card-grid{grid-template-columns:1fr}.clarification-request-card-header,.task-card-header{flex-direction:column}}@media (max-width:520px){.empty-state,.task-meta-row{grid-template-columns:1fr}.task-meta-row>div{grid-template-columns:18px 1fr}.ui-badge{white-space:normal}}