:root{--ui-ink: #111827;--ui-text: #172033;--ui-soft-muted: #98a2b3;--ui-line-strong: rgb(198 210 228 / 78%);--ui-bg: linear-gradient(115deg, rgb(255 255 255 / 72%) 0%, transparent 38%), linear-gradient(145deg, #f5f7fb 0%, #fbfcff 42%, #f7f4ee 100%);--ui-panel-muted: linear-gradient(180deg, rgb(255 255 255 / 92%), rgb(247 250 253 / 76%)), #ffffff;--ui-primary-surface: linear-gradient(180deg, rgb(255 255 255 / 12%), transparent 38%), radial-gradient(circle at 18% 0%, rgb(255 255 255 / 18%), transparent 34%), linear-gradient(135deg, #101828 0%, #1d3154 58%, #123f3a 100%), #101828;--ui-radius-control: 999px;--ui-shadow-control: 0 8px 20px rgb(57 69 102 / 5%), inset 0 1px 0 rgb(255 255 255 / 96%), inset 0 -12px 20px rgb(230 236 246 / 16%);--ui-shadow-control-hover: 0 13px 27px rgb(57 69 102 / 8%), inset 0 1px 0 rgb(255 255 255 / 96%), inset 0 -12px 20px rgb(230 236 246 / 20%);--ui-shadow-control-active: 0 5px 12px rgb(57 69 102 / 5%), inset 0 1px 2px rgb(38 50 84 / 7%);--ui-shadow-primary: 0 15px 30px rgb(17 24 39 / 20%), 0 2px 7px rgb(17 24 39 / 14%), inset 0 1px 0 rgb(255 255 255 / 26%), inset 0 -14px 24px rgb(0 0 0 / 16%);--ui-shadow-primary-hover: 0 16px 30px rgb(17 24 39 / 18%), 0 2px 7px rgb(17 24 39 / 11%), inset 0 1px 0 rgb(255 255 255 / 30%), inset 0 -14px 24px rgb(0 0 0 / 11%);--ui-shadow-primary-active: 0 9px 18px rgb(17 24 39 / 18%), inset 0 1px 3px rgb(0 0 0 / 22%);--ui-motion-fast: .14s ease;--ui-weight-medium: 520;--ui-weight-strong: 620;color:#172033;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:var(--ui-bg)}button,input,textarea,select{font:inherit}.app-shell{display:grid;min-height:100vh;align-content:center;gap:24px;padding:48px 24px}.hero,.panel,.auth-panel,.topbar{width:min(100%,860px);margin:0 auto}.eyebrow{margin:0 0 12px;color:#0f766e;font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:720px;margin-bottom:16px;color:#111827;font-size:3rem;line-height:1.02}.lede{max-width:680px;margin-bottom:0;color:#3f4a5a;font-size:1.1rem}.panel,.auth-panel{padding:22px;border:1px solid #d6dce7;border-radius:8px;background:#fff;box-shadow:0 18px 50px #16203314}.detail-section-group{display:grid;width:min(100%,860px);margin:0 auto;gap:12px}.detail-section-group__heading{display:grid;gap:4px}.detail-section-group__heading h2{margin-bottom:0;color:#111827;font-size:1.15rem;line-height:1.2}.detail-section-group__heading p{margin-bottom:0;color:#667085;font-size:.9rem}.detail-section-nav{display:flex;width:min(100%,860px);margin:0 auto;align-items:center;gap:10px;flex-wrap:wrap}.detail-section-nav__label{color:#667085;font-size:.85rem;font-weight:700}.detail-section-nav__items{display:flex;gap:8px;flex-wrap:wrap}.panel h2,.auth-panel h2{margin-bottom:12px;font-size:1rem}.panel ul{display:grid;gap:8px;margin:0;padding-left:20px;color:#3f4a5a}.auth-form{display:grid;gap:12px}.auth-form label{color:#344054;font-size:.9rem;font-weight:700}.input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}input{width:100%;min-height:44px;padding:10px 12px;border:1px solid #b8c2d2;border-radius:6px;background:#fff;color:#172033}textarea{width:100%;min-height:104px;resize:vertical;padding:10px 12px;border:1px solid #b8c2d2;border-radius:6px;background:#fff;color:#172033}input:focus,textarea:focus{border-color:#2563eb;outline:3px solid rgb(37 99 235 / 18%)}select{width:100%;min-height:44px;padding:10px 12px;border:1px solid #b8c2d2;border-radius:6px;background:#fff;color:#172033}select:focus{border-color:#2563eb;outline:3px solid rgb(37 99 235 / 18%)}select:disabled{color:#667085}button{min-height:44px;padding:10px 16px;border:1px solid rgb(17 24 39 / 92%);border-radius:var(--ui-radius-control);background:var(--ui-primary-surface);color:#fff;cursor:pointer;font-weight:var(--ui-weight-strong);letter-spacing:0;box-shadow:var(--ui-shadow-primary);transition:border-color var(--ui-motion-fast),background-color var(--ui-motion-fast),color var(--ui-motion-fast),transform var(--ui-motion-fast),box-shadow var(--ui-motion-fast)}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--ui-shadow-primary-hover)}button:active:not(:disabled){transform:translateY(0);box-shadow:var(--ui-shadow-primary-active)}button:focus-visible{outline:3px solid rgb(38 86 217 / 20%);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.68}.action-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.secondary-button{border-color:var(--ui-line-strong);background:var(--ui-panel-muted);color:var(--ui-text);box-shadow:var(--ui-shadow-control)}.secondary-button:hover:not(:disabled){border-color:#9dadc6c7;color:#25324a;box-shadow:var(--ui-shadow-control-hover)}.secondary-button:active:not(:disabled){box-shadow:var(--ui-shadow-control-active)}.compact-button{min-height:34px;padding:6px 10px;font-size:.86rem}.summary-filter-button{display:inline-flex;min-width:52px;align-items:center;justify-content:center}.product-shell{position:relative;display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh;background:var(--ui-bg);color:var(--ui-text);font-feature-settings:"kern";text-rendering:geometricPrecision;transition:grid-template-columns .26s cubic-bezier(.22,1,.36,1)}.product-shell.sidebar-effective-collapsed{grid-template-columns:92px minmax(0,1fr)}.product-main{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:100vh}.product-header{position:sticky;z-index:10;top:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 28px;border-bottom:1px solid rgb(196 210 230 / 72%);background:linear-gradient(180deg,#ffffffe0,#f7fafdbd),#ffffffb8;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 10px 30px #1f29370d}.product-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.product-header .eyebrow{margin-bottom:4px;color:#168f7c;font-size:.72rem;font-weight:var(--ui-weight-strong)}.product-header h1{margin-bottom:0;color:var(--ui-ink);font-size:clamp(1.25rem,1.55vw,1.6rem);font-weight:var(--ui-weight-strong);line-height:1.15}.product-notification-button{position:relative;display:grid;width:40px;height:40px;min-height:40px;place-items:center;border-color:var(--ui-line-strong);padding:0;background:var(--ui-panel-muted);color:#4b586c;box-shadow:var(--ui-shadow-control)}.product-notification-button:hover:not(:disabled){border-color:#9dadc6c7;color:#25324a;box-shadow:var(--ui-shadow-control-hover)}.product-notification-button:active:not(:disabled){box-shadow:var(--ui-shadow-control-active)}.product-notification-button span{position:absolute;top:-4px;right:-3px;display:grid;min-width:16px;height:16px;place-items:center;border:2px solid #ffffff;border-radius:999px;background:linear-gradient(145deg,#172033,#243755),#172033;color:#fff;font-size:.58rem;font-weight:var(--ui-weight-strong);line-height:1}.product-sidebar{position:sticky;top:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:22px;align-self:start;height:100vh;min-height:0;min-width:0;padding:24px 18px;border-right:1px solid rgb(196 210 230 / 72%);background:linear-gradient(180deg,#ffffffc7,#f7fafda8),#ffffff94;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.product-logo-row{display:grid;min-width:0;align-items:center}.product-logo-image{display:block;width:min(132px,100%);height:46px;object-fit:contain;object-position:left center;transition:width .26s cubic-bezier(.22,1,.36,1),height .26s cubic-bezier(.22,1,.36,1)}.product-shell.sidebar-effective-collapsed .product-sidebar{justify-items:center;padding:24px 14px}.product-shell.sidebar-effective-collapsed .product-logo-row{justify-items:center}.product-shell.sidebar-effective-collapsed .product-logo-image{width:34px;height:42px;object-position:center}.product-nav{display:grid;align-content:start;gap:15px;height:100%;overflow-y:auto;padding:20px 14px;scrollbar-color:rgb(159 174 198 / 52%) transparent;scrollbar-width:thin}.product-nav::-webkit-scrollbar{width:6px}.product-nav::-webkit-scrollbar-thumb{border-radius:999px;background:#9faec66b}.product-nav-group{display:grid;gap:6px}.product-nav-heading{margin:0;padding:0 12px;color:var(--ui-soft-muted);font-size:.72rem;font-weight:var(--ui-weight-strong);letter-spacing:0;line-height:1.4;text-transform:uppercase;transition:opacity .18s ease,transform .26s cubic-bezier(.22,1,.36,1)}.product-nav-group-items{display:grid;gap:6px}.nav-button{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-height:42px;padding:8px 13px;border-color:transparent;border-radius:14px;background:transparent;color:#556073;font-size:.9rem;font-weight:var(--ui-weight-medium);text-align:left;box-shadow:none}.nav-button-icon{display:grid;width:24px;height:24px;flex:0 0 auto;place-items:center;border-radius:999px;background:#eef3f8;color:#7b8799}.nav-button-label{min-width:0;overflow:hidden;text-overflow:ellipsis;transition:max-width .26s cubic-bezier(.22,1,.36,1),opacity .18s ease,transform .26s cubic-bezier(.22,1,.36,1);white-space:nowrap}.nav-button:hover:not(:disabled){border-color:#cad5e5b8;background:#ffffff94;color:#1f2937;box-shadow:none;transform:translateY(-1px)}.nav-button.active,.nav-button.active:hover:not(:disabled){border-color:#b2c0d685;background:linear-gradient(135deg,#fffffff5,#f6f9fdd1),#fff;color:var(--ui-text);font-weight:var(--ui-weight-strong);box-shadow:0 14px 32px #3a49651a,inset 0 1px #ffffffeb;transform:translateY(0)}.nav-button.active .nav-button-icon{background:#172033;color:#fff}.nav-count-badge{margin-left:auto;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#172033;color:#fff;font-size:.75rem;font-weight:var(--ui-weight-strong);line-height:22px;text-align:center;box-shadow:0 8px 18px #11182729}.product-sidebar-footer{display:grid;align-self:end;width:100%;min-width:0;margin-bottom:24px;padding-top:10px}.product-user-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;min-width:0;align-items:center;gap:10px;border:1px solid rgb(205 216 232 / 72%);border-radius:999px;padding:5px 10px 5px 5px;background:linear-gradient(180deg,#ffffffc2,#f8fafd9e),#fff;box-shadow:0 12px 26px #3945660f,inset 0 1px #ffffffeb}.product-avatar{display:grid;width:34px;height:34px;place-items:center;border-radius:999px;background:linear-gradient(145deg,#172033,#243755 58%,#174c43),#172033;color:#fff;font-size:.72rem;font-weight:var(--ui-weight-strong);letter-spacing:0}.product-user-copy{display:grid;min-width:0;max-width:138px;opacity:1;transform:translate(0);transition:max-width .26s cubic-bezier(.22,1,.36,1),opacity .18s ease,transform .26s cubic-bezier(.22,1,.36,1)}.product-user-copy strong,.product-user-copy span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-user-copy strong{color:#172033;font-size:.82rem;font-weight:var(--ui-weight-strong);line-height:1.2}.product-user-copy span{color:var(--ui-soft-muted);font-size:.72rem;font-weight:var(--ui-weight-medium)}.product-sidebar-cycle{display:grid;width:30px;height:30px;min-height:30px;place-items:center;border:1px solid rgb(205 216 232 / 62%);border-radius:var(--ui-radius-control);padding:0;background:linear-gradient(180deg,#ffffffb3,#f7fafd8f),#ffffff9e;color:#7b8798;box-shadow:inset 0 1px #ffffffe0,0 6px 14px #3945660a}.product-sidebar-cycle:hover:not(:disabled){border-color:#9dadc6b8;color:#25324a;box-shadow:inset 0 1px #ffffffeb,0 10px 20px #39456612}.product-sidebar-cycle:active:not(:disabled){box-shadow:inset 0 1px 3px #26325417}.product-shell.sidebar-effective-collapsed .product-nav{width:100%}.product-shell.sidebar-effective-collapsed .product-nav-heading{opacity:0;transform:translate(-6px)}.product-shell.sidebar-effective-collapsed .nav-button{justify-content:center;gap:0;padding:8px}.product-shell.sidebar-effective-collapsed .nav-button-label{max-width:0;opacity:0;transform:translate(-6px)}.product-shell.sidebar-effective-collapsed .nav-count-badge{position:absolute;transform:translate(16px,-12px)}.product-shell.sidebar-effective-collapsed .product-sidebar-footer{justify-items:center}.product-shell.sidebar-effective-collapsed .product-user-card{grid-template-columns:auto;justify-items:center;gap:10px;border:0;padding:0;background:transparent;box-shadow:none}.product-shell.sidebar-effective-collapsed .product-user-copy{display:none;max-width:0;opacity:0;transform:translate(-6px)}.product-shell.sidebar-effective-collapsed .product-avatar,.product-shell.sidebar-effective-collapsed .product-sidebar-cycle{width:38px;height:38px;min-height:38px}.product-shell.sidebar-effective-collapsed .product-avatar{box-shadow:0 12px 24px #11182721,inset 0 1px #ffffff38}.product-shell.sidebar-effective-collapsed .product-sidebar-cycle{border-color:#cdd8e8b8;background:linear-gradient(180deg,#ffffffc7,#f7fafda3),#fff;box-shadow:0 12px 24px #39456612,inset 0 1px #ffffffeb}.product-content{display:grid;align-content:start;min-width:0;gap:18px;padding:30px}.page-stack{display:grid;gap:18px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.page-heading h2{margin-bottom:0;color:#111827;font-size:1.75rem;line-height:1.15}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.panel h3{margin-bottom:12px;color:#111827;font-size:1rem}.panel-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-heading-row h3{margin-bottom:4px}.action-row{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.toggle-control{display:inline-flex;align-items:center;gap:8px;min-height:38px;color:#344054;font-size:.9rem;font-weight:700;white-space:nowrap}.section-heading h3{margin-bottom:4px}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.metric-card{display:grid;align-content:start;gap:12px;min-width:0;padding:18px;border:1px solid #d6dce7;border-radius:8px;background:#fff}.metric-card h3{margin-bottom:0;color:#111827;font-size:1rem}.metric-card .eyebrow{margin-bottom:6px}.metric-card-actions{justify-content:flex-start}.billing-hub-destination-list{display:grid;gap:10px}.billing-hub-destination{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;min-width:0;padding:14px;border:1px solid #d6dce7;border-radius:8px;background:#fff}.billing-hub-destination h4{margin:0 0 4px;color:#111827;font-size:.95rem}.billing-hub-destination strong{display:block;margin:0 0 4px;color:#111827;font-size:.95rem}.billing-hub-destination p{margin:0}.dashboard-attention-list{display:flex;flex-wrap:wrap;gap:8px}.design-preview-shell{--preview-ink: #111827;--preview-muted: #667085;--preview-soft-muted: #98a2b3;--preview-soft-line: rgb(215 224 236 / 68%);--preview-line-strong: rgb(198 210 228 / 78%);--preview-panel: rgb(255 255 255 / 86%);--preview-panel-glass: linear-gradient(180deg, rgb(255 255 255 / 94%), rgb(248 250 253 / 76%)), #ffffff;--preview-panel-muted: linear-gradient(180deg, rgb(255 255 255 / 92%), rgb(247 250 253 / 74%)), #ffffff;--preview-shell-bg: linear-gradient(115deg, rgb(255 255 255 / 72%) 0%, transparent 38%), linear-gradient(145deg, #f5f7fb 0%, #fbfcff 42%, #f7f4ee 100%);--preview-primary-surface: linear-gradient(180deg, rgb(255 255 255 / 12%), transparent 38%), radial-gradient(circle at 18% 0%, rgb(255 255 255 / 18%), transparent 34%), linear-gradient(135deg, #101828 0%, #1d3154 58%, #123f3a 100%), #101828;--preview-sea: #168f7c;--preview-radius-shell: 34px;--preview-radius-panel: 24px;--preview-radius-control: 999px;--preview-button-height: 40px;--preview-button-font-size: .84rem;--preview-button-padding: 8px 16px;--preview-shadow-shell: 0 50px 150px rgb(31 41 55 / 17%), 0 10px 36px rgb(31 41 55 / 8%), inset 0 1px 0 rgb(255 255 255 / 90%);--preview-shadow-panel: 0 26px 70px rgb(38 50 84 / 7%), inset 0 1px 0 rgb(255 255 255 / 90%);--preview-shadow-control: 0 8px 20px rgb(57 69 102 / 5%), inset 0 1px 0 rgb(255 255 255 / 96%), inset 0 -12px 20px rgb(230 236 246 / 16%);--preview-shadow-control-hover: 0 13px 27px rgb(57 69 102 / 8%), inset 0 1px 0 rgb(255 255 255 / 96%), inset 0 -12px 20px rgb(230 236 246 / 20%);--preview-shadow-control-active: 0 5px 12px rgb(57 69 102 / 5%), inset 0 1px 2px rgb(38 50 84 / 7%);--preview-shadow-primary: 0 15px 30px rgb(17 24 39 / 20%), 0 2px 7px rgb(17 24 39 / 14%), inset 0 1px 0 rgb(255 255 255 / 26%), inset 0 -14px 24px rgb(0 0 0 / 16%);--preview-shadow-primary-hover: 0 16px 30px rgb(17 24 39 / 18%), 0 2px 7px rgb(17 24 39 / 11%), inset 0 1px 0 rgb(255 255 255 / 30%), inset 0 -14px 24px rgb(0 0 0 / 11%);--preview-shadow-primary-active: 0 9px 18px rgb(17 24 39 / 18%), inset 0 1px 3px rgb(0 0 0 / 22%);--preview-motion-fast: .14s ease;--preview-motion-shell: .26s cubic-bezier(.22, 1, .36, 1);--preview-weight-medium: 520;--preview-weight-strong: 620;--preview-weight-display: 680;display:block;min-width:0;padding:10px;color:var(--preview-ink);font-feature-settings:"kern";text-rendering:geometricPrecision}.design-preview-shell button{font:inherit}.design-preview-shell button:focus-visible{outline:3px solid rgb(38 86 217 / 20%);outline-offset:2px}.design-preview-app{position:relative;display:grid;isolation:isolate;grid-template-columns:252px minmax(0,1fr);height:calc(100vh - 20px);min-height:760px;max-height:1040px;overflow:hidden;border:1px solid rgb(193 207 225 / 72%);border-radius:var(--preview-radius-shell);background:var(--preview-shell-bg);box-shadow:var(--preview-shadow-shell);transition:grid-template-columns var(--preview-motion-shell)}.design-preview-app.sidebar-effective-collapsed{grid-template-columns:92px minmax(0,1fr)}.design-preview-app:before{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgb(255 255 255 / 36%) 0,transparent 28%),repeating-linear-gradient(90deg,rgb(17 24 39 / .022) 0,rgb(17 24 39 / .022) 1px,transparent 1px,transparent 72px);content:"";pointer-events:none}.design-preview-sidebar{position:relative;display:grid;align-content:stretch;grid-template-rows:auto minmax(0,1fr) auto;gap:24px;min-height:0;min-width:0;padding:26px 20px;border-right:1px solid rgb(196 210 230 / 72%);background:linear-gradient(180deg,#ffffffd1,#f7fafdad),#ffffff94;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.design-preview-sidebar:after{position:absolute;top:24px;right:-1px;bottom:24px;width:1px;background:linear-gradient(180deg,transparent,rgb(130 144 168 / 34%),transparent);content:""}.design-preview-logo-row{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;min-width:0}.design-preview-logo-line{display:inline-flex;align-items:center;min-width:0;color:var(--preview-ink)}.design-preview-logo-image{display:block;width:min(132px,100%);height:46px;object-fit:contain;object-position:left center;transition:width var(--preview-motion-shell),height var(--preview-motion-shell)}.design-preview-app.sidebar-effective-collapsed .design-preview-logo-line{justify-content:center}.design-preview-app.sidebar-effective-collapsed .design-preview-logo-row{grid-template-columns:minmax(0,1fr);justify-items:center}.design-preview-app.sidebar-effective-collapsed .design-preview-logo-image{width:34px;height:42px;object-position:center}.design-preview-nav{display:grid;align-content:start;gap:5px;min-height:0;overflow-y:auto;padding-right:2px;scrollbar-color:rgb(159 174 198 / 52%) transparent;scrollbar-width:thin}.design-preview-nav::-webkit-scrollbar{width:6px}.design-preview-nav::-webkit-scrollbar-thumb{border-radius:999px;background:#9faec66b}.design-preview-nav-item{display:flex;min-height:42px;align-items:center;gap:11px;border:1px solid transparent;border-radius:14px;padding:8px 13px;background:transparent;color:#556073;font-size:.9rem;font-weight:var(--preview-weight-medium);box-shadow:none;text-align:left;transition:background-color .14s ease,border-color .14s ease,color .14s ease,transform .14s ease,box-shadow .14s ease}.design-preview-nav-item strong{max-width:120px;min-width:0;overflow:hidden;font:inherit;opacity:1;transform:translate(0);text-overflow:ellipsis;transition:max-width var(--preview-motion-shell),opacity .18s ease,transform var(--preview-motion-shell);white-space:nowrap}.design-preview-nav-item>span{display:grid;width:24px;height:24px;place-items:center;border-radius:999px;background:#eef3f8;color:#7b8799}.design-preview-nav-item:hover{border-color:#cad5e5b8;background:#ffffff94;color:#1f2937;transform:translateY(-1px);box-shadow:none}.design-preview-nav-item.active{border-color:#b2c0d685;background:linear-gradient(135deg,#fffffff5,#f6f9fdd1),#fff;color:#172033;font-weight:var(--preview-weight-strong);box-shadow:0 14px 32px #3a49651a,inset 0 1px #ffffffeb}.design-preview-nav-item.active>span{background:#172033;color:#fff}.design-preview-app.sidebar-effective-collapsed .design-preview-sidebar{justify-items:center;padding:26px 14px}.design-preview-app.sidebar-effective-collapsed .design-preview-nav{width:100%}.design-preview-app.sidebar-effective-collapsed .design-preview-nav-item{justify-content:center;gap:0;padding:8px}.design-preview-app.sidebar-effective-collapsed .design-preview-nav-item strong{max-width:0;opacity:0;transform:translate(-6px)}.design-preview-topbar p,.design-preview-hero-card p,.design-preview-section-head p,.design-preview-metrics p{margin-bottom:0;color:var(--preview-muted)}.design-preview-home{display:grid;align-content:start;gap:18px;min-width:0;overflow-y:auto;padding:28px}.design-preview-topbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,390px) auto auto;gap:16px;align-items:center;min-width:0;padding:2px 2px 0}.design-preview-topbar h2{margin-bottom:0;color:var(--preview-ink);font-size:clamp(1.28rem,1.42vw,1.54rem);line-height:1.12;font-weight:var(--preview-weight-strong)}.design-preview-sidebar-footer{display:grid;grid-template-columns:minmax(0,1fr);align-self:end;align-items:center;width:100%;min-width:0;margin-bottom:30px;padding-top:10px}.design-preview-user-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;min-width:0;align-items:center;gap:10px;border:1px solid rgb(205 216 232 / 72%);border-radius:999px;padding:5px 10px 5px 5px;background:linear-gradient(180deg,#ffffffc2,#f8fafd9e),#fff;box-shadow:0 12px 26px #3945660f,inset 0 1px #ffffffeb}.design-preview-avatar{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:999px;background:linear-gradient(145deg,#172033,#243755 58%,#174c43),#172033;color:#fff;font-size:.72rem;font-weight:var(--preview-weight-strong);letter-spacing:0}.design-preview-user-copy{display:grid;min-width:0;max-width:138px;opacity:1;transform:translate(0);transition:max-width .26s cubic-bezier(.22,1,.36,1),opacity .18s ease,transform .26s cubic-bezier(.22,1,.36,1)}.design-preview-user-copy strong,.design-preview-user-copy span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.design-preview-user-copy strong{color:#172033;font-size:.82rem;font-weight:var(--preview-weight-strong);line-height:1.2}.design-preview-user-copy span{color:var(--preview-soft-muted);font-size:.72rem;font-weight:var(--preview-weight-medium)}.design-preview-sidebar-cycle{display:grid;width:30px;height:30px;min-height:30px;flex:0 0 auto;place-items:center;border:1px solid rgb(205 216 232 / 62%);border-radius:var(--preview-radius-control);padding:0;background:linear-gradient(180deg,#ffffffb3,#f7fafd8f),#ffffff9e;color:#7b8798;box-shadow:inset 0 1px #ffffffe0,0 6px 14px #3945660a;transition:border-color var(--preview-motion-fast),background-color var(--preview-motion-fast),color var(--preview-motion-fast),transform var(--preview-motion-fast),box-shadow var(--preview-motion-fast)}.design-preview-sidebar-cycle:hover{border-color:#9dadc6b8;color:#25324a;transform:translateY(-1px);box-shadow:inset 0 1px #ffffffeb,0 10px 20px #39456612}.design-preview-sidebar-cycle:active{transform:translateY(0);box-shadow:inset 0 1px 3px #26325417}.design-preview-app.sidebar-effective-collapsed .design-preview-sidebar-footer{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center}.design-preview-app.sidebar-effective-collapsed .design-preview-user-card{grid-template-columns:auto;justify-items:center;gap:10px;border:0;padding:0;background:transparent;box-shadow:none}.design-preview-app.sidebar-effective-collapsed .design-preview-user-copy{display:none;max-width:0;opacity:0;transform:translate(-6px)}.design-preview-app.sidebar-effective-collapsed .design-preview-avatar{width:38px;height:38px;box-shadow:0 12px 24px #11182721,inset 0 1px #ffffff38}.design-preview-app.sidebar-effective-collapsed .design-preview-sidebar-cycle{width:38px;height:38px;min-height:38px;border-color:#cdd8e8b8;background:linear-gradient(180deg,#ffffffc7,#f7fafda3),#fff;box-shadow:0 12px 24px #39456612,inset 0 1px #ffffffeb}.design-preview-command{display:flex;min-width:0;min-height:44px;align-items:center;justify-content:flex-start;gap:12px;border:1px solid rgb(205 216 232 / 86%);border-radius:999px;padding:7px 9px 7px 16px;background:linear-gradient(180deg,#fffffff5,#f9fbfedb),#fff;color:var(--preview-soft-muted);font-size:.9rem;box-shadow:0 14px 34px #39456614,inset 0 1px #fffffff0}.design-preview-command-icon{display:grid;width:24px;height:24px;flex:0 0 auto;place-items:center;border-radius:999px;background:#eef3f8;color:#475467;font-size:.82rem;font-weight:var(--preview-weight-strong)}.design-preview-command span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.design-preview-notification-button{position:relative;display:grid;width:40px;height:40px;min-height:40px;place-items:center;border:1px solid var(--preview-line-strong);border-radius:var(--preview-radius-control);padding:0;background:var(--preview-panel-muted);color:#4b586c;box-shadow:var(--preview-shadow-control);transition:border-color var(--preview-motion-fast),color var(--preview-motion-fast),transform var(--preview-motion-fast),box-shadow var(--preview-motion-fast)}.design-preview-notification-button:hover{border-color:#9dadc6c7;color:#25324a;transform:translateY(-1px);box-shadow:var(--preview-shadow-control-hover)}.design-preview-notification-button:active{transform:translateY(0);box-shadow:var(--preview-shadow-control-active)}.design-preview-notification-button span{position:absolute;top:-4px;right:-3px;display:grid;min-width:16px;height:16px;place-items:center;border:2px solid #ffffff;border-radius:999px;background:linear-gradient(145deg,#172033,#243755),#172033;color:#fff;font-size:.58rem;font-weight:var(--preview-weight-strong);line-height:1}.design-preview-primary-action,.design-preview-soft-action{position:relative;min-height:var(--preview-button-height);overflow:hidden;border-radius:var(--preview-radius-control);padding:var(--preview-button-padding);font-size:var(--preview-button-font-size);font-weight:var(--preview-weight-medium);letter-spacing:0;transition:transform var(--preview-motion-fast),box-shadow var(--preview-motion-fast),border-color var(--preview-motion-fast),background-color var(--preview-motion-fast),color var(--preview-motion-fast)}.design-preview-primary-action{border:1px solid rgb(23 32 51 / 92%);background:var(--preview-primary-surface);color:#fff;box-shadow:var(--preview-shadow-primary)}.design-preview-primary-action:hover{transform:translateY(-1px);box-shadow:var(--preview-shadow-primary-hover)}.design-preview-primary-action:active{transform:translateY(0);box-shadow:var(--preview-shadow-primary-active)}.design-preview-soft-action{border:1px solid rgb(202 214 231 / 86%);background:var(--preview-panel-glass);color:#22314c;box-shadow:var(--preview-shadow-control)}.design-preview-soft-action:hover{border-color:#a6b5cce5;color:#172033;transform:translateY(-1px);box-shadow:var(--preview-shadow-control-hover)}.design-preview-soft-action:active{transform:translateY(0);box-shadow:var(--preview-shadow-control-active)}.design-preview-shell .design-preview-nav-item{box-shadow:none}.design-preview-shell .design-preview-nav-item:hover:not(:disabled){box-shadow:none}.design-preview-shell .design-preview-nav-item.active,.design-preview-shell .design-preview-nav-item.active:hover:not(:disabled){box-shadow:0 14px 32px #3a49651a,inset 0 1px #ffffffeb}.design-preview-shell .design-preview-sidebar-cycle:hover:not(:disabled){box-shadow:var(--preview-shadow-control-hover)}.design-preview-shell .design-preview-sidebar-cycle:active:not(:disabled){box-shadow:var(--preview-shadow-control-active)}.design-preview-shell .design-preview-notification-button:hover:not(:disabled){box-shadow:var(--preview-shadow-control-hover)}.design-preview-shell .design-preview-notification-button:active:not(:disabled){box-shadow:var(--preview-shadow-control-active)}.design-preview-shell .design-preview-primary-action:hover:not(:disabled){box-shadow:var(--preview-shadow-primary-hover)}.design-preview-shell .design-preview-primary-action:active:not(:disabled){box-shadow:var(--preview-shadow-primary-active)}.design-preview-shell .design-preview-soft-action:hover:not(:disabled){box-shadow:var(--preview-shadow-control-hover)}.design-preview-shell .design-preview-soft-action:active:not(:disabled){box-shadow:var(--preview-shadow-control-active)}.design-preview-hero-card,.design-preview-panel,.design-preview-metrics article{min-width:0;border:1px solid var(--preview-soft-line);border-radius:var(--preview-radius-panel);background:var(--preview-panel);box-shadow:var(--preview-shadow-panel)}.design-preview-hero-card{position:relative;display:grid;isolation:isolate;grid-template-columns:minmax(0,1fr) minmax(300px,390px);gap:24px;align-items:stretch;overflow:visible;padding:30px;background:linear-gradient(118deg,#fffffffa,#fafcfff0 48%,#f9f6eff0),linear-gradient(180deg,rgb(255 255 255 / 42%),transparent),#fff}.design-preview-hero-card:before{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(110deg,transparent 0%,transparent 58%,rgb(38 86 217 / .055) 58%,transparent 76%),linear-gradient(0deg,rgb(17 24 39 / .032),transparent 34%);content:"";pointer-events:none}.design-preview-command-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:620px}.design-preview-command-heading .eyebrow{margin-bottom:0}.design-preview-command-heading>span{color:#7b8798;font-size:.8rem;font-weight:var(--preview-weight-medium);white-space:nowrap}.design-preview-hero-copy{position:relative;z-index:1;display:grid;align-content:center;gap:16px;min-width:0}.design-preview-hero-copy h3{max-width:620px;margin-bottom:0;color:var(--preview-ink);font-size:clamp(1.64rem,2.15vw,2.36rem);line-height:1.06;font-weight:var(--preview-weight-display)}.design-preview-hero-copy p{max-width:620px;color:#5f6a7d;font-size:.98rem;line-height:1.62}.design-preview-command-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:620px;margin:4px 0 0}.design-preview-command-stats div{display:grid;min-width:0;gap:3px;padding:12px;border:1px solid rgb(219 228 241 / 78%);border-radius:17px;background:linear-gradient(180deg,#ffffffc7,#f9fbfe9e),#fff}.design-preview-command-stats dt{color:#7b8798;font-size:.66rem;font-weight:var(--preview-weight-medium);letter-spacing:.035em;text-transform:uppercase}.design-preview-command-stats dd{margin:0;color:#172033;font-size:1.08rem;font-weight:var(--preview-weight-strong);line-height:1}.design-preview-command-stats span{color:#667085;font-size:.75rem;line-height:1.3}.design-preview-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.design-preview-focus-stack{position:relative;z-index:1;display:grid;align-content:start;gap:11px;align-self:stretch;min-width:0;padding:16px;border:1px solid rgb(220 228 240 / 84%);border-radius:22px;background:linear-gradient(180deg,#ffffffc7,#f8fafd9e),#ffffffbd;box-shadow:0 18px 44px #26325412,inset 0 1px #ffffffe0}.design-preview-stack-label{margin:0 0 2px;color:#5f6a7d;font-size:.73rem;font-weight:var(--preview-weight-medium);letter-spacing:.04em;text-transform:uppercase}.design-preview-focus-item{display:grid;gap:8px;min-width:0;border:1px solid rgb(219 228 241 / 78%);border-radius:18px;padding:15px;background:linear-gradient(180deg,#ffffffdb,#f9fbfeb8),#fff;box-shadow:0 12px 30px #2c3a540f,inset 0 1px #ffffffdb;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.design-preview-focus-item:hover{border-color:#bccadeeb;transform:translateY(-1px);box-shadow:0 16px 34px #2c3a5417,inset 0 1px #ffffffdb}.design-preview-focus-item div{display:grid;gap:5px;min-width:0}.design-preview-focus-item span,.design-preview-metrics span,.design-preview-work-row div span{color:var(--preview-soft-muted);font-size:.68rem;font-weight:var(--preview-weight-medium);letter-spacing:.04em;text-transform:uppercase}.design-preview-focus-item.critical{border-color:#c7d2feb3;background:linear-gradient(145deg,#fffffff0,#f6f8ffd1),#fff}.design-preview-focus-item.billing{border-color:#e6d0aeb8;background:linear-gradient(145deg,#fffffff0,#fffaf2d1),#fff}.design-preview-focus-item.work{border-color:#b5dad4b3;background:linear-gradient(145deg,#fffffff0,#f2f9f8d1),#fff}.design-preview-focus-item p{margin-bottom:0;color:#5d687a;font-size:.9rem;line-height:1.45}.design-preview-focus-item small{color:#7b8798;font-size:.78rem;line-height:1.35}.design-preview-focus-item strong{color:#172033;font-size:.94rem;font-weight:var(--preview-weight-strong);line-height:1.3}.design-preview-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.design-preview-metrics article{position:relative;display:grid;gap:8px;min-height:106px;align-content:end;overflow:hidden;padding:18px;border-radius:21px;background:linear-gradient(180deg,#ffffffeb,#f8fafdc7),var(--preview-panel);transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.design-preview-metrics article:hover{border-color:#becce0d6;transform:translateY(-1px);box-shadow:0 30px 74px #26325417,inset 0 1px #ffffffe5}.design-preview-metrics strong{color:var(--preview-ink);font-size:clamp(1.15rem,1.42vw,1.42rem);line-height:1;font-weight:var(--preview-weight-strong)}.design-preview-lower-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,350px);gap:16px;align-items:start}.design-preview-panel{display:grid;gap:14px;padding:19px}.design-preview-panel.main-work{position:relative;isolation:isolate;background:linear-gradient(180deg,#ffffffe5,#faf9f6b8),var(--preview-panel)}.design-preview-panel.main-work:before{position:absolute;z-index:-1;right:22px;bottom:-8px;left:22px;height:34px;border:1px solid rgb(215 224 236 / 54%);border-radius:0 0 22px 22px;background:#ffffff7a;content:""}.design-preview-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.design-preview-section-head.compact{align-items:center}.design-preview-section-head h3,.design-preview-panel h3{margin-bottom:3px;color:var(--preview-ink);font-size:.98rem;font-weight:var(--preview-weight-strong)}.design-preview-panel-kicker{margin:0 0 5px;color:#7b8798;font-size:.68rem;font-weight:var(--preview-weight-medium);letter-spacing:.04em;text-transform:uppercase}.design-preview-work-list{display:grid;overflow:hidden;border:1px solid rgb(221 229 241 / 82%);border-radius:19px;background:linear-gradient(180deg,#ffffffbd,#f8fafdad),#fff}.design-preview-work-list-head{display:grid;grid-template-columns:minmax(180px,1.45fr) minmax(132px,1fr) minmax(96px,.7fr) minmax(70px,.48fr) minmax(160px,.95fr);gap:12px;align-items:center;padding:11px 16px;border-bottom:1px solid rgb(226 234 245 / 86%);background:linear-gradient(180deg,#ffffffb8,#f5f7fbad),#fff}.design-preview-work-list-head span{color:#8a94a6;font-size:.66rem;font-weight:var(--preview-weight-medium);letter-spacing:.04em;text-transform:uppercase}.design-preview-work-row{display:grid;grid-template-columns:minmax(180px,1.45fr) minmax(132px,1fr) minmax(96px,.7fr) minmax(70px,.48fr) minmax(160px,.95fr);gap:12px;align-items:center;min-width:0;padding:17px 16px;border-bottom:1px solid rgb(232 238 247 / 86%);background:transparent;transition:background-color .14s ease,box-shadow .14s ease}.design-preview-work-row:nth-child(2){background:#f8fafd9e}.design-preview-work-row:last-child{border-bottom:0}.design-preview-work-row:hover{background:#ffffffc7;box-shadow:0 12px 28px #2c3a540f}.design-preview-work-row div{display:grid;min-width:0;gap:4px}.design-preview-work-row strong,.design-preview-work-row span{min-width:0;overflow-wrap:anywhere}.design-preview-work-row strong{color:#172033;font-size:.88rem;line-height:1.3;font-weight:var(--preview-weight-medium)}.design-preview-work-row div:first-child strong{font-size:.93rem;line-height:1.25;font-weight:var(--preview-weight-medium)}.design-preview-work-primary{position:relative;padding-left:12px}.design-preview-work-primary:before{position:absolute;top:2px;bottom:2px;left:0;width:1px;background:#c1cfe1db;content:""}.design-preview-work-primary p{margin:0;color:#5f6a7d;font-size:.86rem;line-height:1.35}.design-preview-status-group{display:flex;align-items:center;justify-content:flex-start;gap:7px;min-width:0;flex-wrap:wrap}.design-preview-signal{display:inline-flex;width:fit-content;min-height:25px;align-items:center;border:1px solid rgb(219 228 241 / 88%);border-radius:999px;padding:4px 9px;background:#f8fafdb8;color:#667085;font-size:.68rem;font-weight:var(--preview-weight-medium);white-space:nowrap}.design-preview-status{display:inline-flex;width:fit-content;min-height:27px;align-items:center;border:1px solid rgb(187 201 221 / 76%);border-radius:999px;padding:4px 10px;background:linear-gradient(180deg,#ffffffdb,#f3f7fbc7),#fff;color:#344054;font-size:.72rem;font-weight:var(--preview-weight-medium);white-space:nowrap}.design-preview-right-rail{display:grid;gap:16px;min-width:0}.design-preview-timeline{display:grid;gap:8px}.design-preview-timeline article{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;align-items:start;border:1px solid #e1e9f4;border-radius:15px;padding:11px;background:linear-gradient(180deg,#ffffffeb,#f9fbfec7),#fff;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.design-preview-timeline article:hover{border-color:#becce0e0;transform:translateY(-1px);box-shadow:0 12px 26px #39456614}.design-preview-timeline time{color:#334155;font-size:.82rem;font-weight:var(--preview-weight-medium)}.design-preview-timeline div{display:grid;gap:2px;min-width:0}.design-preview-timeline strong{color:#172033;font-size:.88rem;font-weight:var(--preview-weight-medium);line-height:1.25}.design-preview-timeline span{color:var(--preview-muted);font-size:.8rem;line-height:1.35}.design-preview-panel.billing{background:linear-gradient(145deg,#fffffff0,#fbf7efe0),#fff}.design-preview-billing-head{display:grid;gap:6px;min-width:0}.design-preview-billing-head .eyebrow{margin-bottom:0}.design-preview-billing-head>strong{color:var(--preview-ink);font-size:1.42rem;line-height:1;font-weight:var(--preview-weight-display)}.design-preview-billing-head>span{color:var(--preview-muted);font-size:.88rem;line-height:1.4}.design-preview-meter{display:grid;grid-template-columns:1.6fr .8fr .48fr;height:12px;overflow:hidden;border-radius:999px;background:#eef2f7}.design-preview-meter span{display:block}.design-preview-meter .billable{background:var(--preview-sea)}.design-preview-meter .pending{background:#d9ba72}.design-preview-meter .risk{background:#d58a78}.design-preview-panel.billing dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.design-preview-panel.billing dl div{display:grid;gap:3px;min-width:0;padding:10px;border:1px solid rgb(226 216 199 / 82%);border-radius:14px;background:#ffffff94}.design-preview-panel.billing dt{color:#8a6d45;font-size:.66rem;font-weight:var(--preview-weight-medium);letter-spacing:.04em;text-transform:uppercase}.design-preview-panel.billing dd{margin:0;color:#172033;font-size:.92rem;font-weight:var(--preview-weight-strong)}.metric-value{color:#111827;font-size:2rem;line-height:1}.helper-text{margin-bottom:0;color:#667085;font-size:.95rem}.clients-toolbar,.fee-quotes-toolbar,.invoices-toolbar,.matters-toolbar,.tasks-toolbar{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(150px,1fr));gap:12px;margin-bottom:18px}.matters-toolbar{grid-template-columns:minmax(220px,2fr) repeat(4,minmax(140px,1fr))}.tasks-toolbar{grid-template-columns:minmax(220px,2fr) repeat(3,minmax(140px,1fr))}.fee-quotes-toolbar,.invoices-toolbar{grid-template-columns:minmax(220px,2fr) repeat(3,minmax(140px,1fr));align-items:end}.member-invite-form{display:grid;grid-template-columns:minmax(220px,2fr) minmax(140px,1fr) auto;align-items:end;gap:12px}.permission-profile-form{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr);gap:12px}.permission-profile-details-form{display:grid;gap:8px;min-width:min(220px,100%);margin-top:10px}.permission-profile-details-form textarea{min-height:64px}.generated-token-field{margin-top:14px}.invite-actions,.invite-email-field{margin-top:18px}.field-control{display:grid;gap:6px;min-width:0;color:#344054;font-size:.84rem;font-weight:700}.compact-select-field{margin-top:6px;font-size:.78rem}.compact-select-field select{min-height:34px;padding:6px 8px;font-size:.86rem}.client-form,.matter-form,.fee-quote-form,.settings-form{display:grid;gap:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid.compact{grid-template-columns:repeat(2,minmax(160px,240px))}.span-2{grid-column:1 / -1}.checkbox-field{align-items:center;display:flex;flex-direction:row;gap:8px;min-height:44px}.checkbox-field input{width:auto}.form-actions{display:flex;justify-content:flex-end;gap:10px}.compact-heading{align-items:center;margin-bottom:10px}.compact-heading h4{margin:0;color:#172033;font-size:.95rem}.fee-quote-services-editor{display:grid;gap:12px}.fee-quote-service-line{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;margin:0;padding:12px;border:1px solid #d6dce7;border-radius:8px}.fee-quote-service-line legend{padding:0 4px;color:#344054;font-size:.82rem;font-weight:800}.row-actions{display:flex;flex-wrap:wrap;gap:8px}.table-wrap{width:100%;overflow-x:auto;border:1px solid #d6dce7;border-radius:8px}.data-table{width:100%;min-width:760px;border-collapse:collapse;background:#fff}.data-table caption{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.data-table th,.data-table td{padding:12px 14px;border-bottom:1px solid #e4e7ec;color:#344054;text-align:left;vertical-align:middle}.print-table{width:100%;border-collapse:collapse}.print-table th,.print-table td{padding:8px 0;border-bottom:1px solid #d6dce7;text-align:left;vertical-align:top}.print-table th:not(:first-child),.print-table td:not(:first-child){padding-left:14px;text-align:right;white-space:nowrap}.data-table th{background:#f8fafc;color:#667085;font-size:.76rem;font-weight:700;text-transform:uppercase}.data-table tr:last-child td{border-bottom:0}.data-table strong{color:#172033}.muted-block{display:block;margin-top:4px;color:#667085;font-size:.82rem;overflow-wrap:anywhere}.inline-form{display:flex;flex-wrap:wrap;align-items:end;gap:8px;min-width:min(360px,100%)}.inline-form .compact-field{width:min(150px,100%)}.empty-state{margin:0;color:#667085}.audit-table td,.tasks-table td{vertical-align:top}.audit-target{overflow-wrap:anywhere}.audit-actions{margin-top:14px}.status-pill{display:inline-flex;align-items:center;min-height:26px;padding:2px 8px;border:1px solid #d6dce7;border-radius:999px;background:#f8fafc;color:#344054;font-size:.78rem;font-weight:700}.status-pill.active{border-color:#99f6e4;background:#f0fdfa;color:#0f766e}.status-pill.prospect{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.status-pill.archived{border-color:#d0d5dd;background:#f2f4f7;color:#667085}.status-pill.failed_upload{border-color:#fecaca;background:#fef2f2;color:#b42318}.status-pill.ended{border-color:#d0d5dd;background:#f9fafb;color:#344054}.status-pill.high,.status-pill.overdue_90_plus{border-color:#fecaca;background:#fef2f2;color:#b42318}.status-pill.medium,.status-pill.overdue_31_60,.status-pill.overdue_61_90{border-color:#fedf89;background:#fffbeb;color:#b54708}.status-pill.low,.status-pill.overdue_1_30{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.status-pill.not_due{border-color:#bbf7d0;background:#f0fdf4;color:#15803d}.visibility-pill{display:inline-flex;align-items:center;min-height:26px;padding:2px 8px;border:1px solid #d6dce7;border-radius:999px;background:#f8fafc;color:#344054;font-size:.78rem;font-weight:700;white-space:nowrap}.visibility-pill.private{border-color:#fed7aa;background:#fff7ed;color:#c2410c}.visibility-pill.specific_members{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.status-message,.error-message,.loading-text,.empty-text{margin-bottom:0;font-size:.95rem}.status-message{color:#0f766e}.error-message{color:#b42318}.empty-text{color:#667085}.muted-text{color:#667085;font-size:.9rem}.quote-total-preview{display:flex;align-items:center;min-height:44px;margin-bottom:0;padding:10px 12px;border:1px solid #d6dce7;border-radius:6px;background:#f8fafc;color:#172033;font-weight:700}.print-shell{min-height:100vh;padding:28px;background:#eef2f7}.print-toolbar{display:flex;justify-content:flex-end;gap:10px;width:min(100%,920px);margin:0 auto 18px}.print-document{display:grid;gap:24px;width:min(100%,920px);margin:0 auto;padding:44px;border:1px solid #d6dce7;border-radius:8px;background:#fff;box-shadow:0 18px 50px #16203314}.client-statement-print-document{width:min(100%,794px);overflow:hidden}.print-document-header{display:flex;justify-content:space-between;gap:28px;padding-bottom:22px;border-bottom:1px solid #d6dce7}.print-document-header h1{margin-bottom:8px;font-size:2.1rem}.print-firm-block{display:grid;align-content:start;gap:4px;min-width:180px;color:#344054;text-align:right}.print-firm-block strong{color:#111827}.print-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.print-grid h2,.print-section h2{margin-bottom:8px;color:#111827;font-size:.95rem}.print-grid p,.print-section p{margin-bottom:4px;color:#344054}.print-section{display:grid;gap:8px}.print-detail-list,.print-total-list{display:grid;gap:10px;margin:0}.print-detail-list{grid-template-columns:repeat(4,minmax(0,1fr))}.print-total-list{justify-self:end;min-width:min(360px,100%)}.print-detail-list div,.print-total-list div{display:flex;justify-content:space-between;gap:16px}.print-detail-list div{display:grid;gap:4px}.print-detail-list dt,.print-total-list dt{color:#667085;font-size:.78rem;font-weight:700;text-transform:uppercase}.print-detail-list dd,.print-total-list dd{margin:0;color:#172033}.print-grand-total{padding-top:10px;border-top:1px solid #d6dce7;font-size:1.1rem;font-weight:700}.statement-print-ledger{display:grid;gap:12px;min-width:0;margin:0;padding:0;list-style:none}.statement-print-ledger-row{display:grid;gap:12px;min-width:0;padding:14px 0;border-top:1px solid #d6dce7;break-inside:avoid;page-break-inside:avoid}.statement-print-ledger-row:first-child{border-top:0}.statement-print-ledger-row__header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;min-width:0}.statement-print-ledger-row__header strong,.statement-print-ledger-row__header p,.statement-print-ledger-details dd{min-width:0;overflow-wrap:anywhere}.statement-print-ledger-row__header strong{display:block;color:#172033}.statement-print-ledger-row__header p{margin:3px 0 0;color:#344054}.statement-print-ledger-row__header span{color:#344054;font-size:.82rem;font-weight:700;white-space:nowrap}.statement-print-ledger-row__meta,.statement-print-ledger-row__header .statement-print-ledger-row__note{color:#667085;font-size:.82rem}.statement-print-ledger-details{display:grid;grid-template-columns:minmax(0,2fr) repeat(4,minmax(74px,1fr));gap:10px;min-width:0;margin:0}.statement-print-ledger-details div{display:grid;gap:3px;min-width:0}.statement-print-ledger-details dt{color:#667085;font-size:.72rem;font-weight:700;text-transform:uppercase}.statement-print-ledger-details dd{margin:0;color:#172033}.muted-code{color:#667085;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.8rem;overflow-wrap:anywhere}.capability-group-list{display:grid;gap:10px;min-width:260px}.capability-group{display:grid;gap:6px}.capability-group>strong{color:#172033;font-size:.84rem}.inline-capability-list{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.inline-capability-list li{max-width:260px;padding:3px 8px;border:1px solid #d6dce7;border-radius:999px;background:#f8fafc;color:#344054;font-size:.78rem;font-weight:700;overflow-wrap:anywhere}.capability-toggle-list{display:grid;gap:5px;margin:0;padding:0;list-style:none}.member-picker-fieldset{display:grid;gap:8px;min-width:0;margin:0;padding:0;border:0}.member-picker-fieldset legend{margin-bottom:2px;color:#344054;font-size:.84rem;font-weight:700}.checkbox-control{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:start;gap:7px;max-width:320px;color:#344054;font-size:.82rem;font-weight:700;line-height:1.3}.checkbox-control input{width:16px;height:16px;margin:1px 0 0}.checkbox-control span{overflow-wrap:anywhere}.compact-checkbox{max-width:none;min-height:32px;align-items:center}.compact-checkbox input{margin-top:0}.table-wrap+.loading-text,.table-wrap+.error-message,.table-wrap+.empty-text{margin-top:14px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar h1{margin-bottom:0;font-size:2rem}.session-list{display:grid;gap:12px;margin:0}.session-list div{display:grid;gap:2px}.session-list dt{color:#667085;font-size:.78rem;font-weight:700;text-transform:uppercase}.session-list dd{min-width:0;margin:0;overflow-wrap:anywhere;color:#172033}.detail-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0}.detail-list div{display:grid;gap:4px}.detail-list dt{color:#667085;font-size:.76rem;font-weight:700;text-transform:uppercase}.detail-list dd{margin:0;color:#172033}.placeholder-grid{display:grid;grid-template-columns:minmax(280px,2fr) repeat(3,minmax(0,1fr));gap:14px}.placeholder-grid>div{min-width:0;padding:14px;border:1px solid #e4e7ec;border-radius:8px;background:#f8fafc}.placeholder-grid>div>strong{display:block;margin-bottom:6px;color:#172033}.matter-work-grid{display:grid;gap:14px}.matter-work-panel{min-width:0;display:grid;gap:12px;padding:14px;border:1px solid #e4e7ec;border-radius:8px;background:#f8fafc}.prewrap-text{white-space:pre-wrap}.task-panel,.document-panel,.note-panel,.time-entry-panel{display:grid;gap:14px}.member-panel{display:grid;gap:12px;min-width:0}.matter-member-subsection{display:grid;gap:10px;min-width:0}.matter-member-subsection h4{margin:0;color:#111827;font-size:.95rem}.task-create-form,.task-edit-form,.document-edit-form,.document-upload-form,.note-create-form,.note-edit-form,.time-entry-form,.member-management-form{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.task-inbox-edit-form{grid-template-columns:repeat(2,minmax(0,1fr))}.task-title-field,.task-notes-field,.document-file-field,.document-title-field,.document-notes-field,.note-title-field,.note-body-field,.time-entry-description-field{grid-column:1 / -1}.task-create-actions,.document-upload-actions,.note-create-actions,.time-entry-actions{display:flex;align-items:end}.member-management-actions,.member-row-actions{display:flex;flex-wrap:wrap;align-items:end;gap:8px;min-width:0}.compact-field{min-width:min(160px,100%)}.task-list,.notification-list,.document-list,.note-list,.time-entry-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.calendar-agenda-list,.calendar-item-list{display:grid;gap:12px;min-width:0;margin:0;padding:0;list-style:none}.calendar-day-group{display:grid;gap:8px;min-width:0}.calendar-day-group h4{margin:0;color:#111827;font-size:.95rem}.calendar-item{display:grid;gap:8px;min-width:0;padding:12px;border:1px solid #e4e7ec;border-radius:8px;background:#fff}.calendar-item-main{display:grid;gap:8px;min-width:0}.calendar-item-main strong,.calendar-item-main span{min-width:0;overflow-wrap:anywhere}.member-list{display:grid;gap:10px;min-width:0;margin:0;padding:0;list-style:none}.activity-list-item,.task-list-item,.notification-list-item,.document-list-item,.note-list-item,.time-entry-list-item{display:grid;gap:12px;min-width:0;padding:12px;border:1px solid #e4e7ec;border-radius:8px;background:#fff}.activity-list{display:grid;gap:10px;min-width:0;margin:0;padding:0;list-style:none}.activity-list-item{grid-template-columns:minmax(0,1fr) auto;align-items:start}.activity-list-item strong,.activity-list-item span,.activity-list-item time{min-width:0;overflow-wrap:anywhere}.activity-list-item time{color:#667085;font-size:.84rem;white-space:nowrap}.member-list-item{display:grid;gap:8px;min-width:0;padding:10px;border:1px solid #e4e7ec;border-radius:8px;background:#fff}.member-list-item strong,.member-list-item span{min-width:0;overflow-wrap:anywhere}.task-main,.notification-main,.document-main,.note-main,.time-entry-main{display:grid;gap:8px;min-width:0}.document-main strong,.document-main p,.notification-main strong,.notification-main p,.note-main strong,.note-main p,.time-entry-main strong,.time-entry-main p{min-width:0;overflow-wrap:anywhere}.notification-list-item.unread{border-color:#bfdbfe;background:#f8fbff}.notification-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.task-meta{display:flex;flex-wrap:wrap;gap:8px;color:#667085;font-size:.86rem}.task-meta span{min-width:0;overflow-wrap:anywhere}@media(max-width:640px){.app-shell{padding:32px 16px}h1{font-size:2.25rem}.input-row,.topbar,.product-header,.member-invite-form,.print-document-header,.page-heading,.section-heading{grid-template-columns:1fr}.topbar,.product-header,.page-heading,.section-heading{display:grid}.product-shell,.product-shell.sidebar-effective-collapsed{grid-template-columns:1fr}.product-sidebar{position:static;display:grid;grid-template-rows:auto auto;height:auto;padding:16px;border-right:0;border-bottom:1px solid rgb(196 210 230 / 72%)}.product-sidebar-footer{display:none}.product-logo-row,.product-shell.sidebar-effective-collapsed .product-logo-row{justify-items:start}.product-logo-image,.product-shell.sidebar-effective-collapsed .product-logo-image{width:min(120px,100%);height:42px;object-position:left center}.product-nav{grid-template-columns:repeat(2,minmax(0,1fr));height:auto;max-height:none;overflow:visible;padding:0}.product-shell.sidebar-effective-collapsed .product-nav-heading{opacity:1;transform:none}.product-shell.sidebar-effective-collapsed .nav-button{justify-content:flex-start;gap:10px;padding:8px 13px}.product-shell.sidebar-effective-collapsed .nav-button-label{max-width:none;opacity:1;transform:none}.product-shell.sidebar-effective-collapsed .nav-count-badge{position:static;transform:none}.product-content{padding:20px 16px}.billing-hub-destination{display:grid}.billing-hub-destination .secondary-button{justify-self:start}.design-preview-app,.design-preview-topbar,.design-preview-hero-card,.design-preview-metrics,.design-preview-lower-grid,.design-preview-work-row{grid-template-columns:minmax(0,1fr)}.design-preview-app{width:100%;height:auto;max-height:none;min-height:0;overflow:visible;border-radius:24px}.design-preview-app.sidebar-effective-collapsed{grid-template-columns:minmax(0,1fr)}.design-preview-shell{overflow-x:hidden;padding:0}.design-preview-sidebar,.design-preview-home,.design-preview-hero-card,.design-preview-panel{padding:16px}.design-preview-sidebar{min-height:0;border-right:0;border-bottom:1px solid rgb(213 222 237 / 76%)}.design-preview-app.sidebar-effective-collapsed .design-preview-sidebar{justify-items:stretch;padding:16px}.design-preview-nav{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.design-preview-nav-item{justify-content:center;text-align:center}.design-preview-nav-item>span{display:none}.design-preview-app.sidebar-effective-collapsed .design-preview-nav-item{gap:11px;justify-content:center}.design-preview-app.sidebar-effective-collapsed .design-preview-nav-item strong{max-width:none;overflow:visible;opacity:1;transform:none;white-space:normal}.design-preview-command{width:100%;max-width:100%;order:4}.design-preview-notification-button{justify-self:start}.design-preview-sidebar-footer{width:100%;justify-content:space-between}.design-preview-app.sidebar-effective-collapsed .design-preview-sidebar-footer{grid-template-columns:minmax(0,1fr);justify-items:stretch}.design-preview-app.sidebar-effective-collapsed .design-preview-user-card{gap:10px;padding:5px 10px 5px 5px}.design-preview-app.sidebar-effective-collapsed .design-preview-user-copy{max-width:138px;opacity:1;transform:none}.design-preview-topbar>*,.design-preview-hero-copy,.design-preview-hero-actions{min-width:0}.design-preview-primary-action,.design-preview-soft-action{max-width:100%;justify-self:start}.design-preview-command span{white-space:normal}.design-preview-hero-copy h3{max-width:100%;overflow-wrap:anywhere;font-size:1.76rem;line-height:1.08}.design-preview-section-head,.design-preview-command-heading{display:grid}.design-preview-command-stats,.design-preview-work-list-head{grid-template-columns:1fr}.design-preview-work-row{gap:10px}.design-preview-status-group{justify-content:flex-start}.design-preview-status{justify-self:start}.clients-toolbar,.fee-quotes-toolbar,.invoices-toolbar,.matters-toolbar,.tasks-toolbar,.form-grid,.print-grid,.print-detail-list,.form-grid.compact,.detail-list,.placeholder-grid,.dashboard-grid,.task-create-form,.task-edit-form,.document-upload-form,.note-create-form,.note-edit-form,.time-entry-form{grid-template-columns:1fr}.form-actions{display:grid}.print-shell{padding:18px 12px}.print-toolbar{display:grid}.print-document{padding:24px 18px}.statement-print-ledger-row__header,.statement-print-ledger-details{grid-template-columns:1fr}.print-firm-block{text-align:left}}@media print{@page{size:A4;margin:12mm}:root{background:#fff}body{background:#fff}.print-shell{min-height:auto;padding:0;background:#fff}.print-toolbar{display:none}.print-document{width:100%;margin:0;padding:0;border:0;box-shadow:none}.statement-print-ledger{gap:4mm}.statement-print-ledger-row{gap:3mm;padding:3mm 0 0}.statement-print-ledger-row__header{grid-template-columns:minmax(0,1fr) 20mm;gap:4mm}.statement-print-ledger-details{grid-template-columns:minmax(0,1.7fr) repeat(4,minmax(19mm,1fr));gap:2.5mm}.statement-print-ledger-details dt{font-size:6.8pt}}