:root{color:#172b3a;font-synthesis:none;--accent:#0f766e;--muted:#4b5b68;--line:#d7e0e5;--soft:#e6f4f1;background:#f5f7f9;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.65}input,select,textarea{max-width:100%}button,a,input,select,textarea,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}h1,h2,h3,p{margin:0}h1{letter-spacing:-.8px;overflow-wrap:anywhere;font-size:32px;font-weight:600;line-height:1.2}h1:focus{outline:none}h2{letter-spacing:-.3px;font-size:20px;font-weight:600;line-height:1.3}h3{font-size:18px;font-weight:600}button svg{flex:none}.muted{color:var(--muted)}.small,small{font-size:14px}.eyebrow{letter-spacing:1.6px;color:var(--muted);margin-bottom:10px;font-size:11px;font-weight:600}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:20;background:#fff;padding:12px;position:fixed;top:-80px;left:20px}.skip-link:focus{top:12px}.sidebar{border-right:1px solid var(--line);z-index:4;background:#fff;flex-direction:column;width:224px;padding:34px 20px 24px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:10px;padding:0 4px;display:flex}.brand strong{letter-spacing:1px;font-size:12px}.brand div>span{color:var(--muted);margin-top:2px;font-size:12px;display:block}.brand-mark{color:var(--accent);letter-spacing:-6px;min-width:32px;font-size:42px;font-weight:700;line-height:1}.brand-mark span{color:#172b3a}.nav-label{letter-spacing:1.4px;color:var(--muted);margin:48px 12px 12px;font-size:10px;font-weight:600}nav{gap:8px;display:grid}nav button{min-height:48px;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:500;display:flex;position:relative}nav button:hover{background:#f5f7f9}nav button[aria-current]{background:var(--soft);color:#115e59;font-weight:600}nav button[aria-current]:before{content:"";background:var(--accent);border-radius:3px;width:3px;position:absolute;top:14px;bottom:14px;left:0}.sidebar-bottom{margin-top:auto;padding-top:32px}.sidebar-bottom>p{color:var(--muted);margin:14px 4px 24px;font-size:13px}.demo-pill{letter-spacing:1.2px;color:#115e59;white-space:nowrap;background:#e6f4f1;border:1px solid #b8d9d3;border-radius:4px;padding:3px 7px;font-size:10px;font-weight:700;display:inline-flex}.demo-user{border-top:1px solid var(--line);align-items:center;gap:10px;padding-top:20px;display:flex}.demo-user strong{font-size:12px;display:block}.demo-user small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.avatar{color:#4b5b68;background:#eef2f4;border-radius:10px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:600;display:inline-flex}.small-avatar{border-radius:8px;width:32px;height:32px;font-size:12px}.large-avatar{background:var(--soft);color:#115e59;border-radius:16px;width:60px;height:60px;font-size:24px}.app-shell{min-width:0;margin-left:224px}.demo-banner{z-index:3;color:#30554f;background:#eef6f4;border-bottom:1px solid #d5e7e2;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:10px 24px;font-size:12px;display:flex;position:sticky;top:0}main{min-width:0;max-width:1344px;margin:0 auto;padding:36px 32px 24px}.page-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;display:flex}.page-heading .muted{margin-top:10px;font-size:14px}.heading-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.button{color:#172b3a;text-align:center;background:#fff;border:1px solid #718390;border-radius:8px;justify-content:center;align-items:center;gap:8px;max-width:100%;min-height:44px;padding:10px 14px;font-size:14px;font-weight:600;line-height:1.35;text-decoration:none;display:inline-flex}.button:hover{background:#f5f7f9}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.button.primary:hover{background:#115e59}.button.text{color:#115e59;background:0 0;border-color:#0000;padding-left:8px;padding-right:8px}.button.text:hover{background:var(--soft)}.card{border:1px solid var(--line);background:#fff;border-radius:12px;min-width:0;padding:24px}.stack{align-content:start;gap:24px;display:grid}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.section-heading h2{font-size:18px}.count{color:#4b5b68;background:#eef2f4;border-radius:6px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 8px;font-size:13px;font-weight:600;display:inline-flex}.warning{color:#92400e;background:#fff4db}.success{color:#166534;background:#f0fdf4}.warning-text{color:#92400e!important}.welcome-line{align-items:center;gap:14px;margin-bottom:24px;display:flex}.welcome-line h2{margin-bottom:3px;font-size:20px}.welcome-line p{font-size:14px}.welcome-mark{background:var(--soft);width:44px;height:44px;color:var(--accent);border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex}.dashboard-search{max-width:600px;margin:0 0 32px}.dashboard-search>label{margin-bottom:8px;font-size:14px;font-weight:600;display:block}.search-controls{gap:12px;display:flex}.search-input{color:#4b5b68;background:#fff;border:1px solid #718390;border-radius:8px;flex:1;align-items:center;gap:10px;min-width:0;min-height:44px;padding:0 12px;display:flex}.search-input:focus-within{outline:2px solid var(--accent);outline-offset:3px}.search-input svg{flex:none}.search-input input{color:#172b3a;background:0 0;border:0;width:100%;min-width:0;padding:10px 0;font-size:14px;outline:none!important}.dashboard-grid,.detail-grid{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.attention{padding:24px}.attention .section-heading{margin-bottom:8px}.attention-contact{border-bottom:1px solid #e5ebef;align-items:center;gap:12px;padding:20px 0;display:flex}.attention-contact>div{flex:1;min-width:0}.attention-contact .contact-link{font-size:14px}.attention-contact p{margin-top:3px;font-size:12px}.aside-note{color:#4b5b68;background:#f5f7f9;border-radius:8px;gap:10px;margin-top:24px;padding:16px;font-size:13px;display:flex}.aside-note svg{flex:none;margin-top:2px}.task-list{margin:0;padding:0;list-style:none}.task-item{border-top:1px solid #e5ebef;flex-wrap:wrap;align-items:flex-start;gap:12px;padding:16px 0;display:flex}.task-item:first-child{border-top:0;padding-top:4px}.task-item:last-child{padding-bottom:0}.task-symbol{color:#4b5b68;background:#f5f7f9;border-radius:8px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;margin-top:2px;font-weight:700;display:flex}.task-symbol.warning{color:#92400e;background:#fff4db}.task-symbol.success{color:#166534;background:#f0fdf4}.task-copy{overflow-wrap:anywhere;flex:1;min-width:120px}.task-copy>strong{font-size:15px;font-weight:600;display:block}.task-meta{color:#4b5b68;flex-direction:column;align-items:flex-start;gap:3px;margin-top:4px;font-size:13px;display:flex}.inline-link{color:#115e59;text-underline-offset:3px;text-align:left;overflow-wrap:anywhere;background:0 0;border:0;min-height:32px;padding:4px 0;font-size:13px;text-decoration:underline}.row-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;margin-left:auto;display:flex}.row-actions .button{padding:8px 10px;font-size:12px}.section-empty{color:#4b5b68;padding:8px 0 4px;font-size:14px}.overdue-card{border-top:3px solid #d5b16e}.task-group .section-heading{margin-bottom:12px}.task-group .row-actions{justify-content:flex-start;width:100%;margin-top:0;padding-left:42px}.task-group .task-item{gap:8px 12px}.contacts-card{padding:0;overflow:hidden}.list-toolbar{justify-content:space-between;align-items:center;gap:24px;padding:24px;display:flex}.list-toolbar .search-input{max-width:480px}.contacts-table{border-collapse:collapse;table-layout:fixed;width:100%}.contacts-table th{text-align:left;letter-spacing:.7px;text-transform:uppercase;color:#4b5b68;background:#eef2f4;padding:14px 16px;font-size:11px;font-weight:600}.contacts-table td{overflow-wrap:anywhere;border-bottom:1px solid #e5ebef;padding:18px 16px}.contacts-table th:first-child,.contacts-table td:first-child{width:25%;padding-left:24px}.contacts-table th:nth-child(2){width:25%}.contacts-table th:nth-child(3){width:19%}.contacts-table th:nth-child(4){width:20%}.contacts-table th:last-child{width:11%}.contacts-table .button{padding-left:2px;padding-right:2px;font-size:13px}.contact-link{color:#172b3a;text-align:left;overflow-wrap:anywhere;background:0 0;border:0;align-items:center;gap:10px;max-width:100%;min-height:44px;padding:4px 0;font-weight:600;display:inline-flex}.contact-link:hover{text-underline-offset:4px;text-decoration:underline}.contact-way{color:#4b5b68;overflow-wrap:anywhere;font-size:14px}.contact-way small{display:block}.badge{border-radius:5px;align-items:center;gap:6px;max-width:100%;padding:5px 8px;font-size:12px;font-weight:600;line-height:1.35;display:inline-flex}.status-dot{background:currentColor;border-radius:50%;flex:none;width:5px;height:5px}.badge.active{background:var(--soft);color:#115e59}.badge.neutral{color:#4b5b68;background:#eef2f4}.badge.closed{color:#475569;background:#f1f5f9}.list-footer{justify-content:space-between;gap:16px;padding:20px 24px;display:flex}.mobile-contacts{margin:0;padding:0;list-style:none;display:none}.empty{text-align:center;padding:48px 24px}.empty-icon{color:#4b5b68;background:#eef2f4;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;display:inline-flex}.empty p{color:#4b5b68;max-width:460px;margin:8px auto 20px;font-size:14px}.empty h3{font-size:20px}.tasks-container{max-width:960px}.completed-toggle{color:#172b3a;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:44px;padding:0;font-weight:600;display:flex}.completed-toggle>span{align-items:center;gap:12px;display:flex}.completed-toggle>span:last-child{color:#4b5b68;font-weight:400}.back-row{margin-bottom:20px;margin-left:-8px}.contact-title{align-items:center;gap:16px;display:flex}.contact-title .eyebrow{margin-bottom:4px}.detail-contact-line{color:#4b5b68;overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:16px;margin-top:20px;font-size:14px;display:flex}.detail-heading{align-items:flex-start}.detail-grid{grid-template-areas:"note info""timeline related"}.note-card{grid-area:note}.contact-info{grid-area:info}.timeline-card{grid-area:timeline}.related-tasks{grid-area:related}.note-card>p{margin-bottom:20px}.field{flex-direction:column;gap:8px;min-width:0;font-size:14px;display:flex}.field>span:first-child{font-weight:600}.field input,.field select,.field textarea{color:#172b3a;background:#fff;border:1px solid #718390;border-radius:8px;width:100%;min-width:0;min-height:44px;padding:10px 12px;font-size:16px}.field textarea{resize:vertical;min-height:140px;line-height:1.5}.field [aria-invalid=true]{border-color:#b42318}.field-error{color:#b42318}.field small:empty{display:none}.form-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;display:flex}.contact-info summary{cursor:pointer;min-height:44px;font-size:18px;font-weight:600}.contact-info dl{margin:16px 0 0}.contact-info dl>div{margin-top:16px}.contact-info dt{color:#4b5b68;margin-bottom:4px;font-size:12px}.contact-info dd{overflow-wrap:anywhere;margin:0;font-size:14px}.timeline{margin:24px 0 0;padding:0 0 0 18px;list-style:none}.timeline li{border-left:1px solid var(--line);padding:0 0 24px 20px;position:relative}.timeline li:last-child{border:0;padding-bottom:0}.timeline-dot{background:#9db8b3;border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;top:6px;left:-5px;box-shadow:0 0 0 1px #c7d9d4}.timeline p+p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:8px;font-size:15px}.timeline p.small{font-size:12px}.related-tasks .task-list{margin-top:24px}.related-tasks .row-actions{justify-content:flex-start;width:100%;padding-left:42px}.form-card{max-width:880px}.form-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.readonly-field{border:1px solid var(--line);color:#4b5b68;background:#f5f7f9;border-radius:8px;min-height:44px;padding:10px 12px}.feedback{border:1px solid var(--line);overflow-wrap:anywhere;background:#fff;border-radius:8px;margin-bottom:24px;padding:16px 20px;font-size:14px}.feedback strong{font-weight:500}.feedback.success{color:#166534;background:#f0fdf4;border-color:#b6d9bf}.feedback.error{color:#b42318;background:#fef3f2;border-color:#e5b7b2}.feedback.unknown{color:#92400e;background:#fff4db;border-color:#d5b16e}.feedback p{margin-top:8px;font-size:13px}.feedback.pending{color:#4b5b68;background:#eef2f4}.demo-tools{border-top:1px solid var(--line);margin-top:40px;padding-top:20px}.demo-tools>summary{color:#4b5b68;cursor:pointer;align-content:center;min-height:44px;font-size:12px;display:list-item}.demo-tools>p{margin:12px 0 20px}.demo-tools-grid{grid-template-columns:minmax(220px,1fr) 2fr;gap:24px;display:grid}.scenario-actions{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.scenario-actions .button{font-size:12px}.page-footer{color:#4b5b68;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:32px;font-size:11px;display:flex}.loading{justify-content:center;align-items:center;gap:12px;min-height:220px;display:flex}.loading-dot{background:var(--accent);border-radius:50%;width:12px;height:12px}dialog{border:1px solid var(--line);color:#172b3a;border-radius:12px;max-width:min(520px,100% - 32px);padding:32px;box-shadow:0 20px 80px #172b3a30}dialog::backdrop{background:#172b3a55}dialog p{color:#4b5b68;margin-top:16px;font-size:15px}.guard-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}@media (width>=1400px){.task-group .row-actions{width:auto;margin-left:auto;padding-left:0}.task-copy{min-width:150px}}@media (width<=1180px){.contacts-table th:nth-child(4){width:16%}.contacts-table th:first-child{width:26%}.contacts-table .avatar{display:none}.page-heading{align-items:flex-start}.heading-actions{max-width:220px}.dashboard-grid,.detail-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}}@media (width<=1023px){.sidebar{width:184px;padding:28px 12px 20px}.brand strong{font-size:10px}.brand-mark{font-size:36px}.brand div>span{font-size:11px}.app-shell{margin-left:184px}main{padding:28px 24px 24px}.dashboard-grid,.detail-grid{grid-template-columns:1fr}.detail-grid{grid-template-areas:"note""related""timeline""info"}.attention,.contacts-table{display:none}.mobile-contacts{grid-template-columns:1fr 1fr;display:grid}.mobile-contacts>li{border-top:1px solid var(--line);min-width:0;padding:24px}.mobile-contacts .contact-way{margin:12px 0}.mobile-contacts .badge{margin-bottom:8px}.mobile-contacts .button{margin-top:16px}.mobile-contact-name{align-items:center;gap:12px;display:flex}.demo-tools-grid,.form-grid{grid-template-columns:1fr}.contact-info{order:4}}@media (width<=767px){.sidebar{width:auto;padding:0 8px env(safe-area-inset-bottom);border:0;border-top:1px solid var(--line);background:#fff;height:auto;position:fixed;inset:auto 0 0}.sidebar .brand,.nav-label,.sidebar-bottom{display:none}nav{grid-template-columns:1fr 1fr 1fr;gap:4px;display:grid}nav button{border-radius:0;flex-direction:column;justify-content:center;gap:3px;min-height:64px;padding:8px 4px;font-size:11px}nav button[aria-current]:before{width:auto;height:3px;inset:0 25% auto}.app-shell{margin-left:0}.demo-banner{align-items:flex-start;gap:8px;padding:10px 16px;font-size:11px}.demo-banner>span:last-child{max-width:340px}main{padding:28px 16px calc(110px + env(safe-area-inset-bottom))}.page-heading{flex-direction:column;gap:20px;margin-bottom:28px}h1{font-size:28px}.heading-actions{justify-content:flex-start;gap:8px;width:100%;max-width:none}.heading-actions .button{flex:1}.eyebrow{font-size:10px}.card{padding:20px}.section-heading h2{font-size:18px}.welcome-line{align-items:flex-start}.welcome-line h2{font-size:18px}.dashboard-search{margin-bottom:24px}.dashboard-grid,.detail-grid{gap:24px}.task-group .row-actions{width:100%;padding-left:42px}.contacts-card{padding:0}.list-toolbar{flex-direction:column;align-items:stretch;gap:12px;padding:20px}.mobile-contacts{grid-template-columns:1fr}.mobile-contacts>li{padding:20px}.mobile-contact-name strong{overflow-wrap:anywhere;font-size:16px}.list-footer{flex-direction:column;gap:4px;padding:20px}.detail-contact-line{flex-direction:column;align-items:flex-start;gap:12px}.contact-title{gap:12px}.large-avatar{width:48px;height:48px;font-size:20px}.contact-title h1{font-size:26px}.back-row{margin-top:-8px;margin-bottom:16px}.form-actions .button{flex:1}.form-grid{gap:20px}.guard-actions{flex-direction:column}.guard-actions .button{width:100%}.timeline-card .section-heading{flex-wrap:wrap}.page-footer{font-size:10px}.empty{padding:32px 16px}.search-controls{gap:8px}.search-controls>.button{padding:10px}.demo-tools-grid{min-width:0}.demo-tools select{font-size:14px}.contact-info summary{font-size:16px}.task-meta .inline-link{min-height:44px}.contact-info[open] summary{margin-bottom:0}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}