@import url("../../assets/branding.css");
/* Business UI boards built from the approved home design system. */
body[data-mode=ui]{font-synthesis:none;background:var(--canvas)}body[data-mode=ui] h1,body[data-mode=ui] h2,body[data-mode=ui] h3{font-weight:600}body[data-mode=ui] button,body[data-mode=ui] a{cursor:pointer}.pui-skip{position:fixed;z-index:120;left:260px;top:-80px;background:white;padding:12px;border:2px solid var(--focus);border-radius:10px}.pui-skip:focus{top:10px}
.pui-sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:var(--sidebar-surface);border-right:1px solid var(--line);z-index:30;display:flex;flex-direction:column;padding:0 16px}.pui-brand{height:96px;display:flex;align-items:center;gap:12px;padding:0 10px;flex-shrink:0}.pui-brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--brand);color:white;font-size:25px;font-weight:700;box-shadow:var(--shadow-selected)}.pui-brand strong{font-size:19px}.pui-brand small{display:block;font-size:11px;color:var(--muted);line-height:20px;margin-top:2px}.pui-sidebar nav{overflow:auto;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:#d9e3f4 transparent}.pui-nav-item{display:flex;align-items:center;gap:12px;min-height:48px;width:100%;padding:12px;border:0;border-radius:12px;background:none;color:var(--muted);font-size:14px;font-weight:500;text-align:left;margin:4px 0}.pui-nav-item>span{flex:1;white-space:nowrap}.pui-nav-item>.icon:first-child{height:22px;width:22px}.pui-nav-item>.icon:last-child:not(:first-child){height:14px;width:14px;opacity:.7}.pui-nav-item:hover{background:var(--brand-soft);color:var(--brand)}.pui-nav-item.active{background:var(--brand);color:white;box-shadow:var(--shadow-selected);--icon-cutout:var(--brand)}.pui-nav-item.active .icon-line{display:none}.pui-nav-item.active .icon-solid{display:inline}.pui-nav-item[aria-expanded=true]>.icon:last-child{transform:rotate(180deg)}.pui-nav-children{padding:0 0 0 12px;margin:8px 0 12px 22px;border-left:1px solid var(--line);max-height:276px;overflow:auto;scrollbar-width:thin}.pui-nav-children a{display:block;padding:9px 10px;font-size:13px;line-height:20px;color:var(--muted);border-radius:8px;margin:2px 0}.pui-nav-children a.active{background:var(--brand-soft);color:var(--brand);font-weight:600}.pui-nav-children a:hover{background:#f1f5fc;color:var(--brand)}.pui-sidebar-bottom{flex-shrink:0;border-top:1px solid var(--line);padding:12px 6px 16px}.pui-sidebar-bottom button,.pui-sidebar-bottom a{display:flex;align-items:center;gap:10px;background:none;color:var(--muted);font-size:12px;padding:9px 6px;width:100%;border:0;border-radius:8px}.pui-sidebar-bottom button:hover,.pui-sidebar-bottom a:hover{background:var(--brand-soft);color:var(--brand)}.pui-sidebar-bottom small{font-size:10px;display:block;color:var(--subtle);padding:8px 6px 0}
.pui-app{margin-left:240px;min-width:0}.pui-topbar{height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 32px;border-bottom:1px solid var(--line);background:#fff;position:relative;z-index:12}.pui-breadcrumb{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted);white-space:nowrap}.pui-breadcrumb b{font-weight:500;color:var(--text)}.pui-breadcrumb i{font-style:normal;color:#c3cddc}.pui-top-tools{display:flex;align-items:center;gap:12px}.pui-global-search{display:flex;align-items:center;gap:8px;background:var(--canvas);color:var(--muted);border:1px solid var(--line);border-radius:9px;min-height:34px;padding:6px 10px;font-size:12px}.pui-global-search .icon{height:16px;width:16px}.pui-global-search kbd{background:white;border:1px solid var(--line);border-radius:4px;padding:0 4px;font:10px/18px var(--font-family);color:var(--subtle);margin-left:24px}.pui-tenant{font-size:12px;color:var(--muted);margin:0 8px}.pui-icon-button{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:10px;background:none;color:var(--muted);position:relative}.pui-icon-button:hover{background:var(--brand-soft);color:var(--brand)}.pui-unread{position:absolute;right:7px;top:6px;background:var(--red);border:2px solid white;width:8px;height:8px;border-radius:50%}.pui-user{display:flex;align-items:center;gap:8px;background:none;border:0;font-size:12px;color:var(--text)}.pui-user>span{display:grid;place-items:center;height:32px;width:32px;background:#e9f0ff;border-radius:50%;color:var(--brand);font-size:13px}.pui-user b{font-weight:500}.pui-user .icon{width:12px;height:12px}.pui-menu-button{display:none}.pui-backdrop{display:none}
.pui-main{padding:28px 32px 32px;max-width:1840px;margin:auto}.pui-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.pui-page-head h1{font-size:24px;line-height:34px;letter-spacing:0;margin:0 0 8px}.pui-page-head p{font-size:13px;color:var(--muted);line-height:22px;max-width:850px}.pui-page-head>.buttons{padding-top:4px;flex-shrink:0}.pui-page-head .pui-overline{font-size:11px;margin-bottom:8px;color:var(--subtle)}.pui-footer{display:flex;gap:20px;align-items:center;justify-content:space-between;color:var(--subtle);font-size:11px;line-height:20px;margin-top:28px}.pui-footer>div{display:flex;gap:16px;align-items:center}.pui-footer button,.pui-footer a{background:none;border:0;color:var(--muted);font-size:11px}.pui-board-options{position:relative}.pui-board-options summary{cursor:pointer;list-style:none;color:var(--muted)}.pui-board-options>div{position:absolute;bottom:30px;right:0;width:240px;padding:18px;background:white;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-overlay);z-index:15}.pui-board-options label{display:block;margin:8px 0}.pui-board-options select{display:block;width:100%;border:1px solid var(--control-border);padding:8px;margin-top:6px;border-radius:8px;background:white;font-size:13px}
body[data-mode=ui] .panel{margin-bottom:24px}body[data-mode=ui] .metrics{gap:20px}body[data-mode=ui] .metric{position:relative;padding:22px 24px}body[data-mode=ui] .metric .label{margin-bottom:14px}body[data-mode=ui] .metric .label .icon{width:36px;height:36px;background:var(--icon-surface);padding:7px;border-radius:11px}body[data-mode=ui] .metric .value{font-size:30px;font-weight:600;line-height:38px}body[data-mode=ui] .metric .value em{font-size:12px}body[data-mode=ui] .metric .label{font-size:13px}body[data-mode=ui] .metric .label>.icon{position:absolute;right:20px;top:18px}body[data-mode=ui] .metric .label{padding-right:40px}body[data-mode=ui] .metric small{font-size:12px;line-height:20px}body[data-mode=ui] .panel-head{padding:22px 24px 18px}body[data-mode=ui] .panel-head h2{font-size:16px}body[data-mode=ui] .panel-head small{display:block;margin-top:5px}body[data-mode=ui] .btn{font-size:13px;min-height:36px}body[data-mode=ui] .table-scroll table{font-size:14px}body[data-mode=ui] .table-scroll th{padding:14px 18px;white-space:nowrap;color:var(--muted);font-size:12px}body[data-mode=ui] .table-scroll td{padding:var(--row-padding) 18px}body[data-mode=ui] .panel-foot .pagination{padding:0}body[data-mode=ui] .panel-foot{min-height:64px;background:white}.pui-list-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px;border-bottom:1px solid var(--line)}.pui-list-head .tabs{border:0;padding:0;gap:28px}.pui-list-head .tabs button{font-size:14px;padding:18px 0}.pui-list-head .tabs button span{display:inline-block;padding:0 6px;line-height:18px;background:var(--canvas);font-size:11px;margin-left:4px;border-radius:5px}.pui-list-head .tabs button.active span{color:var(--brand);background:var(--brand-soft)}.pui-square{padding:8px;width:36px}.pui-filter-slot>.scope{border:0;border-radius:0;margin:0;padding:20px 24px 24px;background:white;box-shadow:none}.pui-filter-slot .control.search{flex:1.5}.pui-filter-slot .control>label{font-size:12px}.pui-record{display:flex;align-items:center;gap:12px;min-width:200px}.pui-record-icon{width:34px;height:38px;display:grid;place-items:center;background:var(--icon-surface);border-radius:10px;color:var(--brand);flex:none}.pui-record .text-link{font-size:14px;text-align:left;font-weight:500;color:var(--ink);padding:0;max-width:290px;white-space:normal;line-height:22px}.pui-record .text-link:hover{color:var(--brand)}.pui-record small{display:block;font-size:11px;color:var(--subtle);margin-top:4px}.pui-person{display:inline-flex;align-items:center;gap:8px;font-size:13px}.pui-person i{width:26px;height:26px;display:grid;place-items:center;background:#edf4ff;color:#4e6e9a;font-size:11px;font-style:normal;border-radius:50%}.pui-tag{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;font-size:12px;line-height:18px;border-radius:6px;white-space:nowrap;background:var(--brand-soft);color:var(--brand)}.pui-tag i,.pui-dot{width:5px;height:5px;border-radius:50%;background:currentColor;flex:none}.pui-tag.green{color:var(--green);background:var(--green-bg)}.pui-tag.amber{color:var(--amber);background:var(--amber-bg)}.pui-tag.red{color:var(--red);background:var(--red-bg)}.pui-dot.red{background:var(--red)}.pui-dot.amber{background:#d88c19}.pui-dot.blue{background:var(--brand)}.pui-progress-cell{min-width:95px;max-width:120px}.pui-progress-cell>span{font-size:12px;line-height:18px}.pui-progress-cell .progress-track{margin-top:7px;height:5px}.pui-number{font-variant-numeric:tabular-nums;white-space:nowrap}
.pui-attention{display:flex;align-items:center;gap:14px;border:1px solid #e5edff;background:#f1f6ff;padding:16px 20px;border-radius:14px;margin-bottom:24px}.pui-attention-icon{width:36px;height:36px;border-radius:11px;background:white;display:grid;place-items:center;color:var(--brand);flex:none}.pui-attention-icon .icon{width:25px;height:25px}.pui-attention>div{flex:1}.pui-attention strong{font-size:14px;font-weight:500}.pui-attention p{font-size:12px;line-height:20px;color:var(--muted);margin-top:4px}.pui-attention.amber{background:#fffbf2;border-color:#f7ecd1}.pui-attention .btn{background:white}.pui-entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}.pui-entry{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;display:flex;align-items:center;gap:14px;min-width:0;color:var(--text)}.pui-entry>span:nth-child(2){flex:1;min-width:0}.pui-entry:hover{border-color:#d4e2ff;background:#fbfcff}.pui-entry-icon{width:44px;height:44px;display:grid;place-items:center;background:var(--icon-surface);color:var(--brand);border-radius:13px;flex:none}.pui-entry-icon .icon{width:27px;height:27px}.pui-entry strong{font-size:14px;font-weight:500;display:block}.pui-entry small{font-size:12px;color:var(--muted);line-height:20px;display:block;margin-top:5px}.pui-entry>.icon:last-child{width:14px;height:14px;color:var(--subtle)}.pui-link-panel>.pui-entry-grid{padding:0 24px 24px;margin:0}.pui-link-panel .pui-entry{border:0;background:var(--canvas)}.cols aside .pui-entry-grid{grid-template-columns:1fr;gap:8px}.cols aside .pui-entry{padding:12px}.pui-context-note{padding:16px 20px;background:#f2f6ff;border-radius:12px;font-size:12px;color:var(--muted);line-height:22px}.pui-focus-list{padding:0 24px 12px}.pui-focus-list>a{display:flex;align-items:center;gap:12px;padding:17px 0;color:var(--text);border-bottom:1px solid var(--line)}.pui-focus-list>a:last-child{border:0}.pui-focus-list>a>div{flex:1}.pui-focus-list strong{font-size:14px;font-weight:500}.pui-focus-list small{display:block;font-size:12px;color:var(--muted);line-height:20px;margin-top:6px}.pui-focus-list>a>.icon:first-child{color:var(--brand)}.pui-focus-list>a>.icon:last-child{width:15px;color:var(--subtle)}
.pui-company-card{display:flex;gap:20px;align-items:center;padding:28px}.pui-company-card>div{flex:1}.pui-company-mark{display:grid;place-items:center;width:68px;height:68px;border-radius:20px;background:var(--icon-surface);color:var(--brand);flex:none}.pui-company-mark .icon{height:38px;width:38px}.pui-title-inline{display:flex;align-items:center;gap:12px}.pui-title-inline h2{font-size:20px;line-height:28px;margin:0}.pui-company-card p{font-size:13px;margin:10px 0 6px;color:var(--muted)}.pui-history{margin:12px 24px 24px;padding-left:18px}.pui-subtle-note{font-size:12px;color:var(--muted);background:var(--canvas);border-radius:10px;padding:14px 16px;margin-top:32px}.pui-org-layout{display:grid;grid-template-columns:minmax(300px,1fr) minmax(0,1.7fr);gap:24px}.pui-org-tree{padding:0 24px 24px}.pui-org-root{display:flex;gap:10px;align-items:center;padding:18px 14px;font-size:14px;border:1px solid var(--line);border-radius:12px;background:var(--canvas)}.pui-org-root>.icon{color:var(--brand)}.pui-org-branch{margin:18px 0 0 20px;padding-left:16px;border-left:1px solid #d9e4f8}.pui-tree-node{display:flex;gap:10px;align-items:center;width:100%;text-align:left;padding:12px;border:0;border-radius:10px;background:white;margin-bottom:8px;color:var(--muted);font-size:13px}.pui-tree-node span{flex:1}.pui-tree-node small{font-size:11px}.pui-tree-node.active{background:var(--brand-soft);color:var(--brand)}.pui-subsection{margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}.pui-subsection p{margin-top:12px;color:var(--muted);font-size:14px;line-height:26px}
.pui-project-hero{padding:26px}.pui-project-logo{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:var(--brand);background:var(--icon-surface)}.pui-project-logo .icon{width:30px;height:30px}.pui-project-hero h2{font-size:20px;line-height:30px;margin-top:3px}.pui-hero-action{margin-left:auto}.pui-project-meta{display:flex;gap:28px;flex-wrap:wrap;margin-top:24px;font-size:12px;color:var(--muted)}.pui-project-meta b{font-weight:500;color:var(--text);margin-left:8px}.pui-hero-progress{display:flex;align-items:center;gap:14px;margin-top:24px;font-size:12px;color:var(--muted)}.pui-hero-progress .progress-track{flex:1;margin:0}.pui-hero-progress strong{color:var(--brand);font-size:14px}.pui-milestones{padding-top:0!important}.pui-milestone{display:flex;align-items:center;gap:14px;padding:20px 0;border-bottom:1px solid var(--line)}.pui-milestone:last-child{border-bottom:0;padding-bottom:0}.pui-milestone>div{flex:1}.pui-milestone h3{font-size:14px;font-weight:500}.pui-milestone p{font-size:12px;margin-top:6px;color:var(--muted)}.pui-stage-number{height:32px;width:32px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);border-radius:10px;flex:none}.pui-plan-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0 24px 24px}.pui-plan-stage{border:1px solid var(--line);border-radius:12px;padding:20px;display:block;color:var(--text)}.pui-plan-stage>span:first-child{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--canvas);color:var(--muted);margin-bottom:14px}.pui-plan-stage>strong{display:block;font-size:14px;margin-bottom:7px}.pui-plan-stage>small{display:block;font-size:12px;color:var(--muted);margin-bottom:14px}.pui-plan-stage.current{background:#f7faff;border-color:#d4e1ff}.pui-plan-stage.current>span:first-child{background:var(--brand);color:white}.pui-plan-stage.done>span:first-child{background:var(--green-bg);color:var(--green)}
.pui-business-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:24px;overflow:auto}.pui-business-tabs a{display:block;white-space:nowrap;padding:0 0 15px;font-size:14px;color:var(--muted);border-bottom:2px solid transparent}.pui-business-tabs a.active{border-color:var(--brand);color:var(--brand);font-weight:600}.pui-month-flow{padding:0 24px 20px}.pui-month-step{display:flex;gap:14px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:12px;margin-bottom:12px;color:var(--text)}.pui-month-step>span{width:38px;height:38px;display:grid;place-items:center;background:var(--canvas);color:var(--muted);border-radius:12px}.pui-month-step>div{flex:1}.pui-month-step strong{font-size:14px;font-weight:500}.pui-month-step small{font-size:12px;color:var(--muted);display:block;margin-top:5px}.pui-month-step>b{font-size:12px;color:var(--muted);font-weight:400}.pui-month-step.current{border-color:#d5e3ff;background:#f7faff}.pui-month-step.current>span{background:var(--brand-soft);color:var(--brand)}.pui-month-step.current>b{color:var(--brand)}.pui-version-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;border:1px solid #e0eafc;border-radius:14px;background:#f1f6ff;margin-bottom:24px}.pui-version-bar>div{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.pui-version-bar .icon{color:var(--brand)}.pui-version-bar strong{font-size:14px;font-weight:500}.pui-version-bar span{font-size:12px;color:var(--muted)}.pui-formula{display:flex;align-items:center;justify-content:space-around;gap:24px;padding:24px 32px 36px}.pui-formula small{font-size:12px;display:block;color:var(--muted);margin-bottom:12px}.pui-formula strong{font-size:28px;font-weight:600}.pui-formula em{font-size:12px;font-weight:400;color:var(--muted);font-style:normal}.pui-formula>b{color:#8b9bb5;font-size:22px}.pui-fraction{font-size:13px;line-height:24px}.pui-fraction span{display:block;padding:8px}.pui-fraction span:first-child{border-bottom:1px solid #c9d8f1}.pui-fraction b{font-size:18px;color:var(--brand);margin-right:12px;font-weight:500}.pui-result-number strong{color:var(--brand)}.pui-bottom-actions{background:white;border:1px solid var(--line);border-radius:14px;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.pui-bottom-actions>div{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.pui-bottom-actions .icon{color:var(--green)}.pui-accounting-step{display:flex;align-items:flex-start;gap:16px;padding:12px 0 24px;margin-bottom:20px;border-bottom:1px solid var(--line)}.pui-accounting-step:last-child{padding-bottom:0;margin-bottom:0;border:0}.pui-accounting-step>span{background:var(--brand-soft);color:var(--brand);border-radius:10px;font-size:12px;display:grid;place-items:center;height:32px;width:32px;flex:none}.pui-accounting-step>div{flex:1}.pui-accounting-step h3{font-size:14px}.pui-accounting-step p{font-size:13px;line-height:22px;color:var(--muted);margin-top:8px}.pui-kicker{font-size:12px;color:var(--muted)}.pui-big-number{display:block;font-size:32px;line-height:44px;margin:8px 0 16px;font-weight:600}.pui-stack-fields{grid-template-columns:1fr;margin:24px 0}.pui-stack-fields>div{display:flex;justify-content:space-between;gap:20px}.pui-stack-fields dt{margin:0}.pui-stack-fields dd{margin:0;font-size:13px}
.pui-archive-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px}.pui-archive-layout>section{align-self:start}.pui-folder-list{padding:0 14px 16px}.pui-folder-list button{display:flex;align-items:center;gap:12px;background:white;color:var(--muted);border:0;border-radius:10px;padding:14px 12px;width:100%;font-size:13px;text-align:left;margin-bottom:4px}.pui-folder-list button>span{flex:1}.pui-folder-list button>b{font-size:12px;font-weight:400}.pui-folder-list button.active{background:var(--brand-soft);color:var(--brand)}.pui-archive-layout .pui-context-note{margin:0 16px 20px}.pui-file-list{padding:0 24px 10px}.pui-file-row{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding:20px 0}.pui-file-row:last-child{border:0}.pui-file-row>div{flex:1;min-width:0}.pui-file-row .text-link{font-size:14px;color:var(--ink);padding:0;text-align:left;line-height:24px}.pui-file-row small{display:block;color:var(--muted);margin-top:4px;font-size:12px}.pui-file-icon{height:42px;width:36px;display:grid;place-items:center;background:var(--brand-soft);border-radius:10px;color:var(--brand);flex:none}.pui-risk-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:16px 24px 32px}.pui-risk-stages a{border-right:1px solid var(--line);color:var(--text)}.pui-risk-stages a:last-child{border:0}.pui-risk-stages .pui-stage-number{margin-bottom:20px}.pui-risk-stages strong{font-size:32px;font-weight:600}.pui-risk-stages em{font-size:12px;font-weight:400;color:var(--muted);font-style:normal;margin-left:6px}.pui-risk-stages p{font-size:13px;color:var(--muted);margin-top:10px}.pui-config-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:6px 24px 24px}.pui-config-flow button{background:var(--canvas);border:1px solid var(--line);border-radius:12px;padding:20px;text-align:left;color:var(--text)}.pui-config-flow button:hover{border-color:var(--control-hover);background:var(--brand-soft)}.pui-config-flow span{font-size:12px;color:var(--brand);display:block;margin-bottom:16px}.pui-config-flow strong{display:block;font-size:14px;font-weight:500}.pui-config-flow small{display:block;font-size:12px;color:var(--muted);margin-top:8px}.pui-settings-intro{display:flex;align-items:center;gap:16px;background:#f0f5ff;border:1px solid #e2eaff;padding:24px;border-radius:16px;margin-bottom:24px}.pui-settings-intro h2{font-size:18px;margin-bottom:8px}.pui-settings-intro p{font-size:13px;color:var(--muted)}
.pui-detail-back{display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:20px}.pui-detail-back .text-link{font-size:13px}.pui-search-field{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--control-border);border-radius:10px;margin-bottom:14px;color:var(--muted)}.pui-search-field input{border:0;outline:0;width:100%;font-size:14px}.pui-search-result{display:flex;align-items:center;gap:14px;padding:14px;border-bottom:1px solid var(--line);color:var(--text)}.pui-search-result>div{flex:1}.pui-search-result strong{font-size:14px;font-weight:500}.pui-search-result small{display:block;font-size:12px;color:var(--muted);margin-top:6px}.pui-search-result .pui-entry-icon{height:38px;width:38px}.pui-search-result:hover{background:var(--canvas)}.pui-notifications a{display:block;padding:18px 0;border-bottom:1px solid var(--line);color:var(--text)}.pui-notifications p{font-size:12px;color:var(--muted);margin-top:8px}.pui-help-list{padding-left:24px;font-size:14px;line-height:26px}.pui-help-list li{margin:12px 0}.pui-profile{display:flex;align-items:center;gap:16px}.pui-profile>span{height:50px;width:50px;display:grid;place-items:center;border-radius:50%;background:var(--brand-soft);color:var(--brand);font-size:20px}.pui-profile p{font-size:13px;color:var(--muted);margin-top:6px}.pui-preference{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:28px 0;padding-top:24px;border-top:1px solid var(--line)}.pui-preference p{font-size:13px;color:var(--muted);margin-top:7px}
@media(min-width:901px){.pui-collapsed .pui-sidebar{width:76px;padding:0 10px}.pui-collapsed .pui-app{margin-left:76px}.pui-collapsed .pui-brand{justify-content:center;padding:0}.pui-collapsed .pui-brand>span:last-child,.pui-collapsed .pui-nav-item>span,.pui-collapsed .pui-nav-item>.icon:last-child:not(:first-child),.pui-collapsed .pui-sidebar-bottom span,.pui-collapsed .pui-sidebar-bottom small{display:none}.pui-collapsed .pui-nav-item{justify-content:center}.pui-collapsed .pui-sidebar-bottom{padding:12px 0}.pui-collapsed .pui-sidebar-bottom :is(button,a){justify-content:center}}
@media(max-width:1380px){.pui-tenant{display:none}.pui-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pui-main{padding:24px}.pui-topbar{padding:0 24px}.pui-page-head{flex-wrap:wrap}.pui-page-head>.buttons{padding-top:0}.pui-org-layout{grid-template-columns:320px minmax(0,1fr)}body[data-mode=ui] .metric{padding:20px}.pui-accounting-step{flex-wrap:wrap}.pui-accounting-step>div{min-width:190px}.pui-formula{gap:16px;padding:24px}.pui-formula strong{font-size:24px}}
@media(max-width:1100px){.pui-global-search span,.pui-global-search kbd{display:none}.pui-global-search{width:36px;height:36px;justify-content:center;background:white}.pui-config-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.pui-org-layout{grid-template-columns:1fr}.pui-plan-track{grid-template-columns:repeat(2,minmax(0,1fr))}.pui-formula{flex-wrap:wrap}.pui-archive-layout{grid-template-columns:200px minmax(0,1fr)}.pui-file-row{flex-wrap:wrap}.pui-file-row>div{min-width:160px}}
@media(max-width:900px){.pui-app{margin-left:0}.pui-sidebar{transform:translateX(-100%);z-index:90;box-shadow:var(--shadow-overlay);transition:transform 180ms}.pui-mobile-open .pui-sidebar{transform:translateX(0)}.pui-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:80;background:#182b4947;border:0}.pui-menu-button{display:grid}.pui-topbar{gap:12px;padding:0 20px}.pui-breadcrumb{gap:8px}.pui-main{padding:24px 20px}.pui-sidebar-bottom [data-pui=collapse]{display:none}.pui-archive-layout{grid-template-columns:1fr}.pui-folder-list{display:flex;overflow:auto;padding:0 14px 14px}.pui-folder-list button{min-width:125px;white-space:nowrap}.pui-archive-layout>section>.pui-context-note{display:none}.pui-footer{flex-wrap:wrap}.pui-file-row{flex-wrap:nowrap}.pui-formula{justify-content:center}.pui-page-head>div:first-child{width:100%}.pui-version-bar{flex-wrap:wrap}}
@media(max-width:560px){.pui-main{padding:20px 16px}.pui-topbar{padding:0 12px}.pui-top-tools{gap:3px}.pui-breadcrumb>span,.pui-breadcrumb>i{display:none}.pui-breadcrumb b{font-size:13px;max-width:145px;overflow:hidden;text-overflow:ellipsis}.pui-user b,.pui-user>.icon,.pui-top-tools [data-pui=help]{display:none}.pui-user{margin-left:4px}.pui-page-head h1{font-size:23px}.pui-page-head p{font-size:13px}.pui-page-head{gap:16px}.pui-entry-grid{grid-template-columns:1fr;gap:12px}.pui-entry{padding:18px}.pui-attention{align-items:flex-start;flex-wrap:wrap;padding:16px}.pui-attention>div{min-width:190px}.pui-attention>.btn{margin-left:50px}.pui-list-head{padding:0 16px;flex-wrap:wrap;gap:0}.pui-list-head>.buttons{width:100%;padding:12px 0}.pui-list-head .tabs{gap:20px}.pui-filter-slot>.scope{padding:16px}.pui-record{min-width:210px}body[data-mode=ui] .metric{padding:16px}body[data-mode=ui] .metric .label{padding-right:0;margin-bottom:10px;font-size:12px}body[data-mode=ui] .metric .label .icon{position:static;width:22px;height:22px;padding:2px;background:none;margin-left:4px}body[data-mode=ui] .metric .value{font-size:24px}body[data-mode=ui] .metrics{gap:12px}.pui-company-card{padding:20px;flex-wrap:wrap;gap:14px}.pui-company-mark{width:50px;height:50px;border-radius:14px}.pui-company-mark .icon{width:30px;height:30px}.pui-company-card .pui-title-inline{flex-wrap:wrap;gap:8px}.pui-company-card .pui-title-inline h2{font-size:17px}.pui-company-card>div{min-width:200px}.pui-project-hero{padding:20px}.pui-project-hero .pui-title-inline{flex-wrap:wrap}.pui-project-hero h2{font-size:18px}.pui-project-hero .pui-hero-action{margin-left:0}.pui-project-meta{display:grid;gap:12px}.pui-milestone{flex-wrap:wrap}.pui-milestone>div{min-width:190px}.pui-milestone>.pui-tag{margin-left:46px}.pui-plan-track{grid-template-columns:1fr}.pui-risk-stages{grid-template-columns:1fr 1fr;gap:24px}.pui-config-flow{grid-template-columns:1fr;gap:12px}.pui-formula{gap:14px;padding:12px 20px 24px}.pui-formula>div:first-child{width:100%;text-align:center}.pui-formula>b:first-of-type{width:100%;text-align:center}.pui-fraction{font-size:12px}.pui-formula .pui-result-number{width:100%;text-align:center;margin-top:8px}.pui-formula>b:nth-of-type(2){width:100%;text-align:center}.pui-bottom-actions{flex-wrap:wrap;padding:18px}.pui-version-bar>div{gap:8px}.pui-business-tabs{gap:22px}.pui-detail-back{flex-wrap:wrap;gap:10px}.pui-file-row{flex-wrap:wrap}.pui-file-row>div{min-width:200px}.pui-file-row>.pui-tag{margin-left:50px}.pui-footer>div{gap:12px;flex-wrap:wrap}.pui-footer{margin-top:20px}.pui-settings-intro{padding:20px;align-items:flex-start}.pui-settings-intro h2{font-size:16px}.pui-settings-intro .pui-entry-icon{width:36px;height:36px}.pui-preference{align-items:flex-start;flex-wrap:wrap}.pui-org-tree{padding:0 16px 16px}.pui-tree-node{font-size:12px}}
body[data-mode=ui] .pui-chat-heading{font-size:28px;line-height:1.4;margin-bottom:14px}
body[data-mode=ui] .split-work>*{min-width:0}
@media(max-width:900px){body[data-mode=ui] .split-work{grid-template-columns:minmax(0,1fr)}body[data-mode=ui] .upload input[type=file]{max-width:100%}}
body[data-mode=ui] .pui-state-strip{display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:white;border:1px solid var(--line);border-radius:12px;padding:20px 24px;margin-bottom:24px}
.pui-state-strip>small{color:var(--muted);margin-left:auto}.pui-overview-projects>a{display:block;padding:16px 0;border-bottom:1px solid var(--line);color:var(--ink)}.pui-overview-projects>a:first-child{padding-top:0}.pui-overview-projects>a:last-child{border:0}.pui-overview-projects>a>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}.pui-overview-projects>a>small{display:block;color:var(--muted);margin:8px 0 12px}.pui-overview-progress{display:flex;gap:12px;align-items:center}.pui-overview-progress .progress-track{flex:1}.pui-overview-progress b{font-size:12px;font-weight:500}