/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ease-out:cubic-bezier(0, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.isolate{isolation:isolate}.block{display:block}.contents{display:contents}.hidden{display:none}.table{display:table}.resize{resize:both}.lowercase{text-transform:lowercase}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--ink:#202b3b;--muted:#7c8798;--line:#e8ebf0;--purple:#7056d9}.delete-tools{justify-content:flex-end;margin:-8px 0 16px;display:flex}.delete-tools .subtle{color:#8e4450;align-items:center;gap:6px;display:inline-flex}.delete-tools .subtle:disabled{opacity:.4;cursor:default}*{box-sizing:border-box}body{color:var(--ink);background:#f7f8fb;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #b7a6ff}button{transition:background .15s}button:hover{filter:brightness(.97)}.shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;flex-shrink:0;width:245px;height:100vh;padding:28px 18px;display:flex;position:fixed}.brand{letter-spacing:-1px;align-items:center;gap:12px;padding:0 10px;font-size:21px;font-weight:700;display:flex}.brand-wordmark strong{letter-spacing:-.6px;line-height:1.1;display:block}.brand-wordmark strong span{display:block}.brand-wordmark small{color:var(--muted);letter-spacing:.2px;white-space:nowrap;margin-top:6px;font-size:9px;font-weight:500;display:block}.brand-icon{background:var(--purple);color:#fff;border-radius:11px;flex-shrink:0;place-items:center;width:40px;height:44px;display:grid}.brand-icon svg{width:36px;height:36px}.workspace{border:1px solid var(--line);border-radius:10px;align-items:center;gap:10px;margin:26px 0 22px;padding:13px 10px;font-size:12px;font-weight:600;display:flex}.workspace-icon{color:var(--purple);background:#f3f1fc;border-radius:8px;padding:9px}small{color:var(--muted);font-size:11px;font-weight:400;line-height:1.6;display:block}.nav-label{letter-spacing:1.7px;color:#98a0ae;margin:0 13px 14px;font-size:10px}.nav-item{color:#6e7787;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:13px;width:100%;margin:4px 0;padding:13px 15px;font-size:13px;display:flex}.nav-item.selected{color:var(--purple);background:#f0ecfd;font-weight:600}.nav-count{background:#e3dcfa;border-radius:4px;margin-left:auto;padding:2px 6px;font-size:10px}.side-bottom{margin-top:auto;padding-top:25px}.demo-card{border:1px solid var(--line);letter-spacing:1px;color:var(--muted);background:#fcfcfd;border-radius:10px;padding:16px;font-size:9px}.demo-card p{color:var(--ink);letter-spacing:0;margin:12px 0 6px;font-size:12px;font-weight:600}.demo-card small{letter-spacing:0}.demo-card button{color:var(--purple);letter-spacing:0;background:0 0;border:0;gap:5px;margin-top:13px;padding:0;font-size:11px;display:flex}.profile{align-items:center;gap:10px;margin-top:23px;padding:0 7px;font-size:12px;font-weight:600;display:flex}.avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;font-size:11px;font-weight:600;display:inline-flex}.purple{color:#7859ce;background:#eee9fd}.green{color:#386;background:#e6f4ee}.blue{color:#5079be;background:#e9f0fd}.orange{color:#b68132;background:#fff2df}.red{color:#c55f64;background:#ffebeb}.small{width:30px;height:30px;font-size:10px}.large{width:55px;height:55px;font-size:17px}.main{flex:1;min-width:0;margin-left:245px}.topbar{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:20px;height:73px;padding:0 38px;display:flex}.breadcrumb{color:#9aa2ae;flex:1;font-size:12px}.breadcrumb span{color:#c6cad2;margin:0 12px}.breadcrumb strong{color:#586171;font-weight:500}.demo-pill{border:1px solid var(--line);color:#667282;border-radius:6px;align-items:center;gap:6px;padding:6px 9px;font-size:10px;display:flex}.live-dot{background:#75ad94;border-radius:50%;width:6px;height:6px;margin-right:3px;display:inline-block}main{max-width:1650px;margin:auto;padding:35px 38px 0}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.eyebrow{letter-spacing:1.7px;color:var(--purple);margin-bottom:12px;font-size:9px;font-weight:700}h1{letter-spacing:-1px;margin:0 0 10px;font-size:30px;font-weight:600}p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.heading-actions{align-items:center;gap:17px;display:flex}.date{color:#7d8795;white-space:nowrap;align-items:center;gap:7px;font-size:11px;display:flex}.primary,.secondary{border:1px solid var(--purple);background:var(--purple);color:#fff;white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:11px 15px;font-size:12px;font-weight:600;display:inline-flex}.secondary{color:var(--ink);border-color:var(--line);background:#fff}.stats{grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:24px;display:grid}.stat{border:1px solid var(--line);text-align:left;background:#fff;border-radius:10px;padding:20px}.stat-top{color:#697386;justify-content:space-between;align-items:center;font-size:12px;display:flex}.stat-icon{border-radius:8px;padding:9px;display:flex}.stat-value{justify-content:space-between;align-items:center;margin:12px 0 5px;font-size:31px;font-weight:600;display:flex}.stat-value svg{color:#b4bbc7}.stat small{font-size:10px}.overview-strip{background:#f2eefb;border:1px solid #e7e1f4;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:28px;padding:17px 22px;display:flex}.overview-strip>div{align-items:center;gap:14px;display:flex}.strip-icon{color:var(--purple);background:#fff;border:1px solid #e8e1f5;border-radius:9px;padding:9px;display:flex}.overview-strip strong{font-size:12px;font-weight:600}.overview-strip p{color:#8e83a8;margin-top:4px;font-size:11px}.overview-strip button,.subtle{color:var(--purple);background:0 0;border:0;align-items:center;gap:7px;padding:5px;font-size:11px;font-weight:500;display:flex}.panel{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.panel-heading{justify-content:space-between;align-items:center;gap:15px;padding:22px 23px;display:flex}.panel-heading h2{letter-spacing:-.3px;margin:0 0 5px;font-size:15px;font-weight:600}.panel-heading p{font-size:11px}.panel-heading>svg{color:#a7adba}.filters{border-top:1px solid #f0f1f4;border-bottom:1px solid var(--line);justify-content:space-between;gap:14px;padding:13px 23px;display:flex}.search{color:#9aa3b1;align-items:center;gap:9px;display:flex}.search input{background:0 0;border:0;outline:none;width:240px;padding:5px;font-size:11px}.search input::placeholder{color:#9aa3b1}select{border:1px solid var(--line);color:#647084;background:#fff;border-radius:6px;padding:7px 9px;font-size:11px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th{color:#8a94a4;border-bottom:1px solid var(--line);background:#fcfcfd;padding:13px 23px;font-size:10px;font-weight:500}td{color:#667181;border-bottom:1px solid #f0f1f4;padding:16px 23px;font-size:11px}tr:last-child td{border-bottom:0}td strong{color:#394354;font-size:12px;font-weight:500;display:block}td small{margin-top:5px;font-size:10px}.service{color:#7c8390;background:#f4f5f8;border-radius:4px;padding:5px 8px;font-size:10px}.mini-avatar{color:#8d78bb;background:#eeebf9;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;margin-right:7px;font-size:9px;display:inline-flex}.status{border-color:#0000;max-width:150px;padding:6px;font-size:10px}.in-progress{color:#5b80cb;background:#edf2fe}.under-review{color:#8b6ebd;background:#f1ecff}.awaiting-documents{color:#b78b48;background:#fff4e3}.filed{color:#4a9570;background:#e8f6ed}.to-do{color:#7e8998;background:#f0f2f5}.overdue,.overdue small{color:#cb7075}.bottom-grid{grid-template-columns:1.15fr 1fr;gap:22px;margin-top:24px;display:grid}.team-list{padding:0 23px 18px}.team-row{align-items:center;gap:11px;padding:11px 0;font-size:10px;display:flex}.team-name{min-width:110px;font-size:11px}.team-name small{font-size:10px}.progress{background:#f1eff7;border-radius:5px;flex:1;height:5px;margin:0 12px}.progress span{background:#aa96e5;border-radius:5px;height:100%;display:block}.team-row>span:last-child{color:#8f98a8;white-space:nowrap}.request-list{padding:0 23px}.request-list>div{border-bottom:1px solid #f3f4f6;align-items:center;gap:11px;padding:12px 0;display:flex}.request-list strong{font-size:11px;font-weight:500}.request-list small{margin-top:3px;font-size:10px}.doc-icon{color:#9a8db5;background:#f6f5fa;border-radius:7px;padding:9px;display:flex}.panel-link{color:var(--purple);background:0 0;border:0;gap:8px;margin:18px 23px;font-size:11px;display:flex}.badge{border-radius:5px;padding:5px 8px;font-size:10px;display:inline-block}.team-cards{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.member{text-align:center;padding:25px}.member h2{margin:16px 0 7px;font-size:15px}.member-stats{border-top:1px solid var(--line);justify-content:space-around;margin-top:24px;padding-top:18px;display:flex}.member-stats strong{font-size:25px}.member-stats small{font-size:10px}footer{color:#a5adba;justify-content:space-between;margin:27px 0;padding-bottom:22px;font-size:10px;display:flex}.empty{text-align:center;color:var(--muted);padding:35px}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:20;background:#17203366;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:15px;width:460px;max-height:90vh;padding:26px;overflow:auto;box-shadow:0 20px 90px #10172b30}.modal-title{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal h2{margin:0;font-size:20px}.icon-button{color:var(--muted);background:0 0;border:0;padding:5px;display:flex}form label{margin-bottom:15px;font-size:12px;font-weight:500;display:block}form input,form select{width:100%;color:var(--ink);border:1px solid #dfe3eb;border-radius:7px;margin-top:7px;padding:11px;font-size:13px;display:block}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-actions{justify-content:flex-end;gap:10px;margin-top:23px;display:flex}.toast{color:#fff;z-index:30;background:#273448;border-radius:9px;align-items:center;gap:10px;max-width:90vw;padding:14px 20px;font-size:12px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #15203022}.loading{text-align:center;color:var(--muted);padding:60px}@media (min-width:1500px){main{padding-top:45px}.page-heading{margin-bottom:35px}td{padding-top:20px;padding-bottom:20px}}@media (max-width:1200px){.sidebar{width:210px}.main{margin-left:210px}main{padding:27px 24px 0}.topbar{padding:0 24px}h1{font-size:26px}.date{display:none}.stats{gap:12px}.stat{padding:15px}.bottom-grid{grid-template-columns:1fr}.team-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);width:100%;height:auto;padding:15px;position:static}.brand{font-size:23px}.brand-icon{width:34px;height:34px}.brand-icon svg{width:31px;height:31px}.workspace,.nav-label,.side-bottom{display:none}nav{gap:5px;margin-top:15px;display:flex;overflow-x:auto}.nav-item{white-space:nowrap;gap:7px;width:auto;padding:9px;font-size:11px}.nav-item svg{width:15px}.nav-count{display:none}.main{margin:0}.topbar{height:52px;padding:0 18px}main{padding:25px 18px 0}.page-heading{flex-direction:column;align-items:flex-start;gap:16px}.eyebrow{font-size:8px}h1{font-size:26px}.heading-actions{justify-content:flex-end;width:100%}.stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat{padding:14px}.stat-top{font-size:11px}.stat-icon{padding:6px}.stat-value{font-size:27px}.overview-strip{gap:10px;padding:15px}.overview-strip button{font-size:10px}.overview-strip strong{font-size:11px}.overview-strip p{font-size:10px}.strip-icon{display:none}.panel-heading{padding:18px 15px}.filters{flex-wrap:wrap;padding:12px 15px}.search input{width:180px}.panel-heading .search input{width:125px}td,th{padding-left:16px;padding-right:16px}.team-cards{grid-template-columns:1fr 1fr;gap:10px}.member{padding:20px 10px}.member h2{font-size:13px}footer span{display:none}.modal{padding:22px}}.sidebar{padding-top:22px;padding-bottom:18px}.sidebar nav{min-height:0;overflow-y:auto}.sidebar .workspace{margin:22px 0 20px}.sidebar .nav-item{padding-top:10px;padding-bottom:10px}.sidebar .side-bottom{padding-top:15px}.sidebar .demo-card{padding:12px}.sidebar .profile{margin-top:13px}.task-title{color:#394354;text-align:left;background:0 0;border:0;padding:0;font-size:12px;font-weight:500;display:block}.task-title:hover{color:var(--purple)}.three{grid-template-columns:repeat(3,1fr)}.section-gap{margin-top:22px}.info-banner{color:#776893;background:#f0ecfb;border:1px solid #e5def8;border-radius:9px;margin-bottom:24px;padding:16px 20px;font-size:12px;line-height:1.7}.pipeline{gap:14px;padding:0 22px 22px;display:flex;overflow-x:auto}.pipeline-column{background:#f7f8fb;border-radius:9px;flex:1;min-width:210px;padding:13px}.pipeline-column h3{color:#667085;justify-content:space-between;margin:0 0 16px;font-size:11px;font-weight:600;display:flex}.pipeline-column h3 span{background:#e9eaf1;border-radius:4px;padding:1px 5px;font-size:10px}.work-card{border:1px solid var(--line);background:#fff;border-radius:8px;margin-bottom:12px;padding:15px;box-shadow:0 2px 4px #202b3b04}.work-card strong{font-size:12px;font-weight:600;line-height:1.5;display:block}.work-card small{margin-top:6px;font-size:10px}.work-card select{width:100%;margin-top:12px;display:block}.work-card .badge{margin-top:12px}.card-amount{margin:14px 0 8px;font-size:17px;font-weight:600}.task-card{text-align:left;width:100%;display:block}.card-meta{color:var(--muted);justify-content:space-between;align-items:center;margin:8px 0;font-size:10px;display:flex}.card-meta .badge{margin:0}.template-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.template-card{flex-direction:column;padding:24px;display:flex}.template-card h2{margin:16px 0 7px;font-size:16px;font-weight:600}.template-card .service{align-self:flex-start}.template-card ol{color:#7b8696;flex:1;margin:20px 0 25px;padding:0 0 0 16px;font-size:11px;line-height:1.8;list-style:decimal}.template-card li{padding:3px 0}.template-card button{align-self:flex-start}.check-label{align-items:flex-start;gap:9px;line-height:1.7;font-size:12px!important;font-weight:400!important;display:flex!important}.check-label input{flex-shrink:0;width:auto!important;margin-top:4px!important}.client-checks{border:1px solid var(--line);border-radius:8px;max-height:250px;margin:16px 0;padding:15px;overflow-y:auto}.client-checks legend{color:#8590a1;padding:0 6px;font-size:11px}.client-checks label:last-child{margin-bottom:0}.form-error{color:#b6595c;background:#fff0ef;border-radius:7px;margin:10px 0;padding:10px;font-size:12px}.button-row{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}.settings-card{padding:25px}.settings-card>svg{color:var(--purple);margin-bottom:13px}.settings-card h2{margin:0 0 12px;font-size:17px;font-weight:600}.settings-list{color:#7d8796;margin:15px 0;padding-left:18px;font-size:12px;line-height:1.8;list-style:outside}.file-label{cursor:pointer}.file-label input{display:none}.plain-input{border:1px solid var(--line);border-radius:6px;padding:9px 12px;font-size:12px}.research-table{white-space:normal;min-width:700px}.research-table th:first-child{width:20%}.research-table td{vertical-align:top;line-height:1.8}.research-table a{color:var(--purple);font-weight:600}.research-table td:nth-child(2){width:35%}.research-table .badge{white-space:nowrap}.report-bars{padding:0 23px 23px}.report-bars>div{margin:16px 0}.report-bars>div>div:first-child{color:#8993a3;justify-content:space-between;margin-bottom:8px;font-size:11px;display:flex}.report-bars strong{color:#5c6879;font-weight:500}.report-track{background:#f2effa;border-radius:5px;height:7px}.report-track span{background:#a18ae2;border-radius:5px;height:100%;display:block}.ageing{padding:0 24px 20px}.ageing>div{color:#7d8796;border-bottom:1px solid var(--line);justify-content:space-between;padding:13px 0;font-size:12px;display:flex}.ageing strong{color:#465166;font-weight:500}.activity-list{padding:0 25px 20px}.activity-list>div{border-bottom:1px solid var(--line);gap:12px;padding:15px 0;display:flex}.activity-list strong{font-size:12px;font-weight:500}.activity-dot{background:#a792e5;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px}.client-hub{padding:0 24px 24px}.client-summary{background:#f7f6fc;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding:18px;display:flex}.client-summary strong{font-size:13px}.client-summary>span{color:#8574a5;font-size:11px}.hub-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.hub-grid h3{margin-bottom:15px;font-size:13px;font-weight:600}.hub-grid textarea,textarea{width:100%;font:inherit;resize:vertical;border:1px solid #dfe3eb;border-radius:7px;min-height:85px;margin:7px 0;padding:12px;font-size:12px;line-height:1.6;display:block}.hub-item{border-bottom:1px solid var(--line);padding:12px 0}.hub-item strong{font-size:11px;font-weight:500}.hub-item small{font-size:10px}.note-list article{border-bottom:1px solid var(--line);padding:15px 0}.note-list small{margin-left:9px;display:inline-block}.note-list p{white-space:pre-wrap;margin-top:10px}.login-page{grid-template-columns:1fr 1fr;align-items:center;gap:70px;max-width:1000px;min-height:100vh;padding:60px 35px;display:grid}.login-intro .brand{margin-bottom:65px;padding:0}.login-intro h1{margin-bottom:20px;font-size:44px;line-height:1.25}.login-intro>p{max-width:320px;font-size:14px}.login-benefits{color:#80748d;flex-direction:column;gap:15px;margin:30px 0;font-size:12px;display:flex}.login-benefits span{align-items:center;gap:9px;display:flex}.login-card{padding:32px}.login-card h2{margin-bottom:10px;font-size:21px;font-weight:600}.login-card form{margin-top:24px}.full-width{width:100%}.demo-logins{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.demo-logins p{margin-bottom:12px;font-size:11px}.demo-logins button{width:100%;margin:5px 0}.demo-logins small{margin-top:10px;font-size:10px}button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:1100px){.template-grid{grid-template-columns:repeat(2,1fr)}.client-summary{flex-wrap:wrap}.three .stat-value{font-size:23px}.login-page{gap:35px}}@media (max-width:760px){.sidebar{padding:15px}.sidebar nav{flex-wrap:nowrap;overflow-y:visible}.sidebar .nav-item{padding:9px}.three{grid-template-columns:1fr}.three .stat-value{font-size:26px}.template-grid{grid-template-columns:1fr}.pipeline{padding:0 15px 15px}.hub-grid{grid-template-columns:1fr}.client-hub{padding:0 15px 15px}.client-summary{display:block}.client-summary>span{margin-top:8px;display:block}.client-summary>div{margin-bottom:15px}.panel-heading>select{max-width:150px}.login-page{grid-template-columns:1fr;gap:30px;padding:35px 20px}.login-intro .brand{margin-bottom:30px}.login-intro h1{font-size:32px}.login-benefits{display:none}.login-intro>small{margin-top:15px}.login-card{padding:25px}.activity-list{padding-left:15px;padding-right:15px}.plain-input{max-width:140px}.settings-card{padding:20px}.research-table{min-width:650px}}@media (min-width:761px){.sidebar .nav-item{margin-top:2px;margin-bottom:2px;padding-top:6px;padding-bottom:6px}}@media (max-width:760px){.stats .stat-value{font-size:23px}.three .stat-value{font-size:26px}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}

/* Unicorn Practice: shared visual system for the workspace and sign-in. */
:root {
  --ink: #232735;
  --muted: #697180;
  --line: #e6e7eb;
  --purple: #6954c4;
  --canvas: #f5f5f3;
  --surface: #ffffff;
  --radius: 14px;
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
}
body {
  background: var(--canvas);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 13px;
}
button {
  transition:
    background-color 140ms ease,
    border-color 140ms ease,
    transform 120ms var(--ease-out);
}
button:hover {
  filter: none;
}
button:active:not(:disabled) {
  transform: scale(0.98);
}
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
a:focus-visible {
  outline: 3px solid #9d8bdf;
  outline-offset: 3px;
}
input,
select,
textarea {
  accent-color: var(--purple);
}
small {
  color: var(--muted);
  font-size: 12px;
}
p {
  font-size: 13px;
  color: var(--muted);
}
h1 {
  font-size: 32px;
  line-height: 1.2;
  font-weight: 650;
  letter-spacing: -1.1px;
  margin-bottom: 9px;
}
.skip-link {
  position: fixed;
  top: -80px;
  left: 20px;
  z-index: 100;
  padding: 12px 18px;
  border-radius: 8px;
  background: white;
  color: var(--ink);
}
.skip-link:focus {
  top: 12px;
}
.sidebar {
  width: 232px;
  height: 100dvh;
  background: #1e202b;
  color: #f5f4fa;
  padding: 24px 14px 16px;
  border: 0;
  z-index: 12;
}
.sidebar-brand {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  padding: 0 8px;
}
.brand {
  padding: 0;
  gap: 10px;
  font-size: 19px;
}
.brand-icon {
  background: #7862cf;
  width: 36px;
  height: 40px;
  border-radius: 11px;
}
.brand-icon svg {
  width: 33px;
  height: 33px;
}
.brand-wordmark strong {
  letter-spacing: -0.5px;
  line-height: 1.05;
}
.brand-wordmark small {
  font-size: 8px;
  margin-top: 5px;
}
.sidebar .brand-wordmark small {
  color: #b0adbf;
}
.sidebar .workspace {
  display: flex;
  background: #292c38;
  border: 1px solid #3a3d48;
  border-radius: 10px;
  padding: 11px 10px;
  margin: 23px 0 12px;
  flex-shrink: 0;
  font-size: 12px;
}
.workspace > div {
  min-width: 0;
  overflow-wrap: anywhere;
}
.sidebar .workspace small {
  color: #a9afbd;
  font-size: 10px;
}
.sidebar .workspace-icon {
  background: #373440;
  color: #c0b0f3;
  padding: 8px;
  border-radius: 8px;
}
.sidebar nav {
  flex: 1;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #454856 transparent;
  margin: 0;
  display: block;
}
.nav-group {
  margin-bottom: 13px;
}
.nav-label {
  color: #a0a5b4;
  font-size: 9px;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  margin: 15px 12px 7px;
  font-weight: 600;
}
.sidebar .nav-item {
  padding: 8px 11px;
  margin: 2px 0;
  min-height: 33px;
  color: #bfc3d0;
  border-radius: 7px;
  font-size: 12px;
  gap: 10px;
}
.nav-item > svg {
  color: #8f95a6;
  stroke-width: 1.65;
  flex-shrink: 0;
}
.sidebar .nav-item.selected {
  color: #f7f4ff;
  background: #3b3357;
  font-weight: 550;
  box-shadow: inset 3px 0 0 #ad96f0;
}
.nav-item.selected > svg {
  color: #c6b4fa;
}
.nav-count {
  margin-left: auto;
  color: #ddd0ff;
  background: #514669;
  font-size: 10px;
  border-radius: 5px;
  padding: 2px 6px;
}
.sidebar .side-bottom {
  padding-top: 12px;
  margin-top: 0;
  flex-shrink: 0;
  border-top: 1px solid #353744;
}
.sidebar .demo-card {
  border: 0;
  background: transparent;
  border-radius: 0;
  padding: 2px 9px;
  color: #bbc0cb;
  text-transform: none;
  letter-spacing: 0;
  font-size: 11px;
}
.sidebar .demo-card button {
  color: #bda9ed;
  margin-top: 8px;
  font-size: 10px;
  min-height: 24px;
}
.sidebar .profile {
  border-top: 1px solid #353744;
  padding: 13px 6px 0;
  margin-top: 9px;
  font-size: 12px;
}
.sidebar .profile small {
  color: #a4abbb;
  font-size: 10px;
}
.sidebar .avatar {
  background: #40394f;
  color: #d4c4f5;
  border-radius: 10px;
}
.nav-close,
.mobile-menu,
.nav-scrim {
  display: none;
}
.main {
  margin-left: 232px;
}
.topbar {
  height: 66px;
  padding: 0 32px;
  gap: 18px;
  background: #fff;
}
.breadcrumb {
  font-size: 12px;
  color: #687180;
}
.breadcrumb strong {
  color: #303647;
  font-weight: 550;
}
.global-search {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 280px;
  background: #f6f6f8;
  border: 1px solid #ebecf0;
  border-radius: 8px;
  padding: 7px 9px;
  color: #8a8f9c;
}
.global-search input {
  min-height: 22px;
  width: 100%;
  min-width: 0;
  background: none;
  border: 0;
  margin: 0;
  padding: 2px;
  font-size: 12px;
}
.global-search button {
  display: grid;
  place-items: center;
  border: 0;
  padding: 3px;
  background: none;
  color: #798191;
}
.global-search > svg {
  flex-shrink: 0;
}
.demo-pill {
  border: 0;
  font-size: 11px;
  color: #5c756a;
  white-space: nowrap;
  padding: 0;
}
.icon-button {
  min-width: 32px;
  min-height: 32px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}
.main > main {
  max-width: 1560px;
  padding: 30px 32px 0;
}
.page-heading {
  align-items: center;
  margin-bottom: 26px;
}
.eyebrow {
  font-size: 10px;
  font-weight: 650;
  letter-spacing: 1.3px;
  color: #716582;
  margin-bottom: 10px;
}
.date {
  font-size: 12px;
}
.heading-actions {
  gap: 15px;
}
.primary,
.secondary {
  border-radius: 8px;
  min-height: 39px;
  font-size: 12px;
  padding: 10px 14px;
  gap: 8px;
}
.primary {
  box-shadow: 0 2px 3px #39257c12;
}
.secondary {
  border-color: #dfe1e6;
  color: #4f5665;
}
.stats {
  gap: 16px;
  margin-bottom: 22px;
}
.stat {
  border-radius: var(--radius);
  border-color: var(--line);
  padding: 18px 20px;
  box-shadow: 0 2px 3px #20222b02;
  min-width: 0;
}
.stat-top {
  color: #596171;
  font-size: 12px;
  font-weight: 500;
}
.stat-icon {
  padding: 7px;
  border-radius: 9px;
}
.stat-icon svg {
  stroke-width: 1.7;
}
.stat-value {
  font-size: 32px;
  font-weight: 650;
  letter-spacing: -0.8px;
  margin: 9px 0 4px;
  font-variant-numeric: tabular-nums;
}
.stat-value svg {
  width: 16px;
  height: 16px;
  color: #9da3af;
}
.stat small {
  font-size: 11px;
}
.panel {
  border-radius: var(--radius);
  border-color: var(--line);
  box-shadow: 0 2px 3px #20222b02;
}
.panel-heading {
  padding: 20px 22px 17px;
}
.panel-heading h2 {
  font-size: 15px;
  font-weight: 650;
  letter-spacing: -0.25px;
  margin-bottom: 5px;
}
.panel-heading p {
  font-size: 12px;
}
.subtle,
.panel-link {
  font-size: 12px;
  font-weight: 550;
  gap: 7px;
}
.filters {
  padding: 12px 22px;
  background: #fdfdfd;
  gap: 12px;
}
.search {
  border: 1px solid #e5e6eb;
  border-radius: 7px;
  padding: 4px 10px;
  background: white;
  flex: 0 1 330px;
}
.search input {
  font-size: 12px;
  width: 100%;
  min-width: 0;
  color: var(--ink);
}
select {
  padding: 8px 10px;
  font-size: 12px;
  color: #4d586a;
  border-radius: 7px;
}
table {
  font-variant-numeric: tabular-nums;
}
th {
  color: #626c7a;
  font-size: 10px;
  font-weight: 600;
  padding: 12px 22px;
  background: #f8f9fb;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
td {
  padding: 15px 22px;
  font-size: 12px;
  color: #596372;
  border-bottom-color: #eef0f3;
}
td strong,
.task-title {
  font-size: 12px;
  color: #303849;
  font-weight: 550;
}
td small {
  font-size: 11px;
  margin-top: 4px;
}
.service {
  background: #f1f3f6;
  font-size: 10px;
  color: #667184;
  padding: 5px 8px;
  border-radius: 5px;
}
.status,
.badge {
  font-size: 10px;
  font-weight: 550;
  border-radius: 6px;
}
.status {
  padding: 7px 8px;
}
.in-progress {
  color: #395d9e;
  background: #edf2fb;
}
.awaiting-documents {
  color: #8b6421;
  background: #fbf1da;
}
.under-review {
  color: #715093;
  background: #f0e9fa;
}
.approved,
.filed {
  color: #316b50;
  background: #e6f3eb;
}
.to-do {
  color: #616b7a;
  background: #edf0f4;
}
.overdue,
.overdue small {
  color: #b45657;
}
.purple {
  background: #efeafa;
  color: #7053b0;
}
.red {
  background: #fcebec;
  color: #a94e58;
}
.orange {
  background: #fbf1de;
  color: #997027;
}
.green {
  background: #e5f2eb;
  color: #357453;
}
.blue {
  background: #e9effb;
  color: #4a69a9;
}
.bottom-grid {
  gap: 20px;
  margin-top: 22px;
}
.team-row {
  padding: 12px 0;
  font-size: 11px;
}
.team-name {
  font-size: 12px;
}
.team-name small {
  font-size: 11px;
}
.team-row > span:last-child {
  color: #697180;
}
.progress {
  background: #f0edf6;
  height: 6px;
}
.progress span {
  background: #9a87cc;
}
.request-list strong {
  font-size: 12px;
  font-weight: 550;
}
.request-list small {
  font-size: 11px;
}
footer {
  font-size: 11px;
  color: #626b7b;
  margin-top: 30px;
}
.overview-insights {
  display: grid;
  grid-template-columns: 1fr 1.12fr;
  gap: 20px;
  margin-bottom: 22px;
}
.workflow-content {
  display: flex;
  align-items: center;
  gap: 30px;
  padding: 8px 25px 26px;
}
.workflow-ring {
  width: 138px;
  height: 138px;
  padding: 12px;
  border-radius: 50%;
  flex-shrink: 0;
}
.workflow-ring > div {
  height: 100%;
  border-radius: 50%;
  background: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.workflow-ring strong {
  font-size: 30px;
  font-weight: 650;
  letter-spacing: -0.8px;
}
.workflow-ring span {
  font-size: 10px;
  color: var(--muted);
  margin-top: 2px;
}
.workflow-legend {
  flex: 1;
  min-width: 0;
}
.workflow-legend > div {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  color: #626b7b;
  padding: 5px 0;
}
.legend-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  flex-shrink: 0;
}
.workflow-legend strong {
  margin-left: auto;
  color: #3b4352;
  font-weight: 600;
}
.focus-symbol {
  display: grid;
  place-items: center;
  color: #8474a2;
  background: #f1edf8;
  width: 32px;
  height: 32px;
  border-radius: 9px;
}
.focus-items {
  padding: 0 22px;
}
.focus-item {
  display: flex;
  align-items: center;
  gap: 11px;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #eef0f3;
  padding: 10px 0;
  text-align: left;
  width: 100%;
}
.focus-item:last-child {
  border-bottom: 0;
}
.focus-item > span:nth-child(2) {
  flex: 1;
  min-width: 0;
}
.focus-item strong {
  display: block;
  font-size: 12px;
  font-weight: 550;
  color: #3b4352;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.focus-item small {
  margin-top: 4px;
  font-size: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.focus-mark {
  width: 29px;
  height: 29px;
  border-radius: 8px;
  background: #f0edf8;
  color: #8c7ca9;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.focus-mark.late {
  background: #f9eeee;
  color: #b6777b;
}
.focus-panel .panel-link {
  margin-top: 12px;
  margin-bottom: 17px;
}
.focus-empty {
  padding: 24px;
  text-align: center;
  color: #367459;
}
.focus-empty strong {
  display: block;
  margin: 10px 0 5px;
  color: var(--ink);
}
.pipeline {
  gap: 12px;
  padding: 0 20px 20px;
}
.pipeline-column {
  background: #f5f6f8;
  border: 1px solid #eceef2;
  border-radius: 11px;
  min-width: 200px;
  padding: 12px;
}
.pipeline-column h3 {
  color: #566071;
  font-size: 12px;
}
.work-card {
  padding: 16px;
  border-radius: 10px;
  box-shadow: 0 2px 4px #252c3810;
}
.work-card strong {
  font-size: 13px;
}
.work-card small,
.card-meta {
  font-size: 11px;
}
.card-amount {
  font-size: 20px;
  letter-spacing: -0.5px;
}
.template-card {
  padding: 24px;
}
.template-card h2 {
  font-size: 17px;
}
.template-card ol {
  font-size: 12px;
  color: #677181;
}
.info-banner {
  background: #efedf6;
  border-color: #e3dfef;
  color: #66597c;
  font-size: 12px;
  padding: 13px 17px;
  margin-bottom: 22px;
}
.report-bars > div > div:first-child {
  font-size: 12px;
  color: #697180;
}
.report-track {
  height: 8px;
  background: #f0edf6;
}
.report-track span {
  background: #9a88d1;
}
.ageing > div,
.ageing strong {
  font-size: 13px;
}
.client-summary {
  background: #f7f6fa;
  border: 1px solid #ebe8f2;
  border-radius: 10px;
}
.client-summary > span {
  color: #69577f;
}
.hub-grid h3 {
  font-size: 14px;
}
.hub-item strong {
  font-size: 12px;
}
.hub-item small,
.activity-list strong {
  font-size: 12px;
}
.settings-card {
  border-radius: var(--radius);
}
.settings-list {
  color: #697180;
  font-size: 12px;
}
.empty {
  padding: 40px 24px;
  color: #697180;
  background: #fdfdfd;
}
.modal-backdrop {
  background: #14172370;
  backdrop-filter: blur(4px);
}
.modal {
  border: 1px solid #e5e4e9;
  border-radius: 17px;
  padding: 28px;
  box-shadow: 0 24px 80px #0d12294d;
}
.modal-title {
  padding-bottom: 17px;
  border-bottom: 1px solid var(--line);
}
.modal h2 {
  font-size: 20px;
  font-weight: 650;
  letter-spacing: -0.4px;
}
form input,
form select,
textarea,
.plain-input {
  border-radius: 8px;
  border-color: #dde0e7;
  min-height: 40px;
  font-size: 13px;
}
form label {
  color: #4d5665;
  font-size: 12px;
  font-weight: 550;
}
.form-actions {
  padding-top: 17px;
  border-top: 1px solid var(--line);
}
.check-label input {
  min-height: auto;
}
.toast {
  background: #262a37;
  border: 1px solid #444959;
  border-radius: 12px;
  font-size: 13px;
  box-shadow: 0 12px 35px #12182830;
}
.login-page {
  max-width: 1160px;
  padding: 64px 48px;
  gap: 90px;
  min-height: 100dvh;
}
.login-intro .brand {
  margin-bottom: 65px;
}
.login-intro h1 {
  font-size: clamp(38px, 4vw, 54px);
  letter-spacing: -2px;
  line-height: 1.15;
  font-weight: 650;
}
.login-intro > p {
  max-width: 360px;
  font-size: 15px;
  margin-top: 24px;
}
.login-benefits {
  font-size: 13px;
  color: #6c657b;
  gap: 16px;
  margin: 32px 0;
}
.login-intro > small {
  font-size: 11px;
}
.login-card {
  padding: 34px;
  box-shadow: 0 12px 50px #24263608;
  border-radius: 18px;
}
.login-card h2 {
  font-size: 23px;
  letter-spacing: -0.6px;
  line-height: 1.3;
}
.login-card .eyebrow {
  margin-bottom: 13px;
  font-size: 9px;
}
.login-card form input {
  padding: 12px;
}
.demo-logins {
  margin-top: 22px;
  padding-top: 20px;
}
.demo-logins p {
  font-size: 12px;
}
.demo-logins small {
  font-size: 11px;
}
@media (hover: hover) and (pointer: fine) {
  .sidebar .nav-item:hover {
    background: #30333f;
    color: white;
  }
  .sidebar .nav-item.selected:hover {
    background: #403760;
  }
  .primary:hover {
    background: #5e48b8;
    border-color: #5e48b8;
  }
  .secondary:hover {
    background: #f7f7fa;
    border-color: #cdd1dc;
  }
  .stat:hover {
    border-color: #bfb4dc;
  }
  tbody tr:hover {
    background: #fcfbff;
  }
  .icon-button:hover {
    background: #efedf5;
    color: #645087;
  }
  .focus-item:hover {
    background: #faf9fd;
  }
}
@media (max-width: 1150px) {
  .main > main {
    padding: 26px 24px 0;
  }
  .topbar {
    padding: 0 24px;
  }
  .global-search {
    width: 215px;
  }
  .heading-actions .date {
    display: none;
  }
  .workflow-content {
    gap: 20px;
    padding: 8px 20px 22px;
  }
  .workflow-ring {
    width: 112px;
    height: 112px;
    padding: 10px;
  }
  .overview-insights {
    grid-template-columns: 1fr;
  }
  .workflow-content {
    justify-content: flex-start;
  }
  .workflow-legend {
    max-width: 300px;
  }
  .login-page {
    gap: 45px;
    padding: 45px 30px;
  }
}
@media (max-width: 900px) and (min-width: 761px) {
  .global-search {
    display: none;
  }
  .stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .three .stat-value {
    font-size: 23px;
  }
  .login-page {
    grid-template-columns: 1fr;
    max-width: 560px;
  }
  .login-intro .brand {
    margin-bottom: 35px;
  }
}
@media (max-width: 760px) {
  .sidebar {
    display: none;
    position: fixed;
    inset: 0 auto 0 0;
    width: min(290px, 85vw);
    height: 100dvh;
    padding: 24px 14px 16px;
    z-index: 41;
    border: 0;
  }
  .sidebar.sidebar-open {
    display: flex;
  }
  .sidebar .workspace,
  .sidebar .nav-label,
  .sidebar .side-bottom {
    display: block;
  }
  .sidebar .workspace {
    display: flex;
  }
  .sidebar nav {
    display: block;
    margin-top: 0;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .sidebar .nav-item {
    min-height: 40px;
    width: 100%;
    padding: 9px 11px;
  }
  .nav-close {
    display: flex;
    color: #bbc0cd;
  }
  .nav-close:hover {
    background: #343743;
  }
  .mobile-menu {
    display: flex;
    flex-shrink: 0;
  }
  .nav-scrim {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 40;
    background: #15182570;
    backdrop-filter: blur(2px);
    border: 0;
    width: 100%;
  }
  .main {
    margin-left: 0;
  }
  .topbar {
    position: sticky;
    top: 0;
    height: 60px;
    padding: 0 16px;
    gap: 10px;
    z-index: 10;
  }
  .breadcrumb {
    font-size: 11px;
  }
  .breadcrumb > span {
    margin: 0 5px;
  }
  .demo-pill {
    font-size: 0;
  }
  .demo-pill .live-dot {
    width: 7px;
    height: 7px;
    margin: 0;
  }
  .global-search {
    display: none;
  }
  .main > main {
    padding: 23px 16px 0;
  }
  h1 {
    font-size: 27px;
    letter-spacing: -0.9px;
  }
  .page-heading {
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 22px;
    align-items: flex-start;
  }
  .page-heading p {
    font-size: 12px;
  }
  .heading-actions {
    width: 100%;
  }
  .heading-actions .date {
    display: flex;
    font-size: 11px;
    margin-right: auto;
  }
  .heading-actions .primary {
    margin-left: auto;
  }
  .stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .stat {
    padding: 15px;
    border-radius: 11px;
  }
  .stat-top {
    font-size: 11px;
  }
  .stat-icon {
    padding: 5px;
  }
  .stat-icon svg {
    width: 15px;
    height: 15px;
  }
  .stats .stat-value {
    font-size: 29px;
  }
  .stat small {
    font-size: 10px;
    line-height: 1.6;
  }
  .three {
    grid-template-columns: 1fr;
  }
  .three .stat-value {
    font-size: 28px;
  }
  .overview-insights {
    gap: 16px;
  }
  .workflow-content {
    gap: 24px;
    padding: 10px 20px 24px;
  }
  .workflow-ring {
    width: 116px;
    height: 116px;
  }
  .workflow-legend > div {
    font-size: 10px;
  }
  .panel-heading {
    padding: 18px 16px 15px;
    gap: 10px;
  }
  .panel-heading h2 {
    font-size: 14px;
  }
  .panel-heading p {
    font-size: 11px;
  }
  .panel-heading > select {
    max-width: 125px;
  }
  .subtle {
    font-size: 11px;
  }
  .focus-items {
    padding: 0 16px;
  }
  .focus-item {
    min-height: 62px;
  }
  .filters {
    padding: 11px 16px;
    flex-wrap: wrap;
  }
  .search {
    flex: 1 1 100%;
  }
  .filters > select {
    width: 100%;
  }
  th,
  td {
    padding: 13px 16px;
  }
  .table-wrap {
    scrollbar-width: thin;
  }
  .bottom-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .panel-link {
    margin-left: 16px;
  }
  .pipeline {
    padding: 0 16px 16px;
  }
  .template-grid {
    grid-template-columns: 1fr;
  }
  .team-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .member {
    padding: 18px 12px;
  }
  .member h2 {
    font-size: 13px;
  }
  .team-row {
    flex-wrap: wrap;
  }
  .team-name {
    min-width: 95px;
  }
  .team-row .progress {
    margin: 0;
    min-width: 30px;
  }
  .modal {
    padding: 22px;
    width: 100%;
    max-height: 88dvh;
  }
  .form-grid {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .modal-backdrop {
    padding: 14px;
  }
  footer {
    flex-direction: column;
    gap: 7px;
    font-size: 10px;
  }
  .login-page {
    grid-template-columns: 1fr;
    padding: 36px 20px;
    gap: 28px;
  }
  .login-intro .brand {
    margin-bottom: 32px;
  }
  .login-intro h1 {
    font-size: 38px;
    letter-spacing: -1.5px;
  }
  .login-intro > p {
    font-size: 13px;
    margin-top: 17px;
  }
  .login-card {
    padding: 24px;
  }
  .login-card h2 {
    font-size: 21px;
  }
  .login-benefits {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  button {
    transition: none;
  }
  button:active:not(:disabled) {
    transform: none;
  }
}

.breadcrumb {
  display: flex;
  align-items: center;
  min-width: 0;
}
.breadcrumb .breadcrumb-firm {
  color: #687180;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}
@media (max-width: 760px) {
  .breadcrumb .breadcrumb-firm {
    max-width: 125px;
  }
  .panel-heading:has(> .primary) {
    flex-wrap: wrap;
  }
  .panel-heading:has(> .primary) > div {
    flex-basis: 100%;
  }
  .sidebar .nav-count {
    display: inline-block;
  }
}

.client-identity {
  display: flex;
  align-items: center;
  gap: 11px;
}
.client-avatar {
  width: 32px;
  height: 32px;
  border-radius: 9px;
  background: #f0edf7;
  color: #716082;
  font-size: 10px;
}
.client-link {
  display: block;
  padding: 0;
  border: 0;
  background: none;
  color: #333e50;
  font-size: 12px;
  font-weight: 550;
  text-align: left;
}
.client-link:hover {
  color: var(--purple);
  text-decoration: underline;
  text-underline-offset: 3px;
}
#client-workspace {
  scroll-margin-top: 84px;
}

.date {
  color: #687180;
}
.search input::placeholder,
.global-search input::placeholder {
  color: #697180;
}
.mini-avatar {
  color: #705c94;
}