@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,sans-serif;--canvas: #f6f7fa;--surface: #ffffff;--surface-soft: #f8fafc;--line: #e6e9f0;--line-strong: #d6dbe6;--ink: #0e1526;--ink-soft: #47546b;--muted: #8792a6;--navy: #24365b;--steel: #6c8fc2;--steel-soft: #eef3f9;--amber: #f59e0b;--amber-soft: #fef3e0;--green: #059669;--green-soft: #e5f5ef;--red: #dc2626;--red-soft: #fdeaea;--warn: #d97706;--warn-soft: #fdf2df;--radius: 18px;--radius-sm: 10px;--shadow: 0 1px 2px rgba(14, 21, 38, .04);--shadow-lift: 0 2px 4px rgba(14, 21, 38, .05), 0 14px 34px rgba(14, 21, 38, .08)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--canvas);color:var(--ink);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0;letter-spacing:-.02em}p{margin:0}.app-shell{display:grid;grid-template-columns:256px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .22s ease}.app-shell.nav-collapsed{grid-template-columns:78px minmax(0,1fr)}.app-main{min-width:0;padding:0 28px 40px}.page{display:grid;gap:20px}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:20px;padding:20px 14px 14px;background:var(--surface);border-right:1px solid var(--line);color:var(--ink-soft);overflow-y:auto;overflow-x:hidden}.sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 4px}.sidebar-brand{display:block;background:none;border:none;padding:4px;min-width:0}.brand-logo{width:148px;max-width:100%;height:auto;display:block}.collapse-toggle{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--muted);transition:color .12s ease,border-color .12s ease,background .12s ease}.collapse-toggle:hover{color:var(--ink);border-color:var(--line-strong);background:var(--surface-soft)}.sidebar.collapsed{padding:20px 14px 14px;gap:18px}.sidebar.collapsed .sidebar-top{flex-direction:column;gap:12px;padding:0}.sidebar.collapsed .brand-logo{width:34px}.sidebar.collapsed .sidebar-nav{padding:0}.sidebar.collapsed .nav-item{justify-content:center;padding:0;width:46px;margin-inline:auto}.sidebar.collapsed .nav-item.active:before{display:none}.sidebar.collapsed .nav-count{position:absolute;top:3px;right:3px;margin:0;min-width:15px;height:15px;padding:0 4px;font-size:9px}.sidebar.collapsed .user-card{flex-direction:column;gap:8px;padding:8px 4px;background:transparent;border:none}.sidebar-block{padding:0 4px}.sidebar-select{display:grid;gap:6px}.sidebar-select span{font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:var(--muted);padding-left:6px}.sidebar-select select{width:100%;min-height:40px;padding:0 10px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface-soft);color:var(--ink);outline:none}.sidebar-select select:focus{border-color:var(--steel)}.sidebar-nav{display:grid;gap:2px;padding:0 4px}.sidebar-heading{font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:var(--muted);padding:4px 10px 8px}.nav-item{display:flex;align-items:center;gap:11px;min-height:40px;padding:0 10px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--ink-soft);font-weight:600;font-size:13.5px;position:relative;transition:background .12s ease,color .12s ease}.nav-item:hover{background:var(--surface-soft);color:var(--ink)}.nav-item.active{background:var(--steel-soft);color:var(--navy);font-weight:700}.nav-item.active:before{content:"";position:absolute;left:-4px;top:9px;bottom:9px;width:3px;border-radius:999px;background:var(--navy)}.nav-item:disabled{opacity:.35;cursor:not-allowed}.nav-count{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--amber);color:#1a1207;font-size:11px;font-weight:800;display:grid;place-items:center}.sidebar-footer{margin-top:auto;padding:0 4px}.user-card{display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px;background:var(--surface-soft);border:1px solid var(--line)}.user-card-meta{display:grid;min-width:0;flex:1}.user-card-meta strong{color:var(--ink);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-card-meta span{font-size:11px;color:var(--muted)}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:var(--steel-soft);color:var(--navy);font-size:12px;font-weight:800;flex-shrink:0}.avatar.solid{background:var(--steel-soft);color:var(--navy);border:1px solid var(--line-strong)}.avatar.large{width:46px;height:46px;font-size:15px}.icon-button{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);position:relative;transition:border-color .12s ease,background .12s ease}.icon-button:hover{border-color:var(--line-strong);background:var(--surface-soft)}.icon-button.subtle{border:none;background:transparent;color:var(--muted);width:30px;height:30px}.icon-button.subtle:hover{color:var(--ink);background:var(--line)}.notif-dot{position:absolute;top:9px;right:10px;width:7px;height:7px;border-radius:999px;background:var(--amber);box-shadow:0 0 0 2px var(--surface)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 0 18px}.topbar-title h1{font-size:22px;font-weight:800}.topbar-title p{color:var(--muted);font-size:13px;margin-top:2px}.topbar-tools{display:flex;align-items:center;gap:10px}.search-box{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--muted);min-width:260px}.search-box input{border:none;outline:none;background:transparent;width:100%;color:var(--ink)}.search-box input::placeholder{color:var(--muted)}.date-chip{min-height:38px;padding:0 12px;display:inline-flex;align-items:center;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);font-weight:600;font-size:12.5px;white-space:nowrap}.demo-pill{min-height:30px;padding:0 12px;display:inline-flex;align-items:center;border-radius:999px;background:var(--amber-soft);color:#92600a;border:1px solid #f5d9a8;font-size:12px;font-weight:700;white-space:nowrap}.section-tabs{display:flex;align-items:baseline;gap:12px;margin-bottom:18px}.crumb{font-size:15px;font-weight:800}.crumb-sub{font-size:12.5px;color:var(--muted)}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kpi-card{position:relative;display:grid;gap:4px;padding:18px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.kpi-icon{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--steel-soft);color:var(--navy)}.kpi-label{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.kpi-value{font-size:28px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.kpi-note{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--muted);font-weight:500}.kpi-note.positive{color:var(--green);font-weight:700}.kpi-note.negative{color:var(--red);font-weight:700}.dash-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}.span-2{grid-column:span 2}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;min-width:0}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.panel-head h2{font-size:16px;font-weight:800}.panel-head p{color:var(--muted);font-size:12.5px;margin-top:2px}.panel-tools{display:flex;gap:8px;flex-wrap:wrap}.center-content{display:flex;flex-direction:column;align-items:center}.center-content .panel-head{width:100%}.manpower-chart{width:100%;height:auto;display:block}.chart-tick{font-size:10px;fill:var(--muted);font-family:inherit}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--ink-soft);font-weight:600}.legend span{display:inline-flex;align-items:center;gap:6px}.swatch{width:10px;height:10px;border-radius:3px;display:inline-block}.swatch.navy{background:var(--navy)}.swatch.steel{background:#9db4d6}.swatch.amber-line{background:var(--amber);height:3px;width:14px;border-radius:99px}.sparkline{width:100%;height:52px;display:block;margin:6px 0 2px}.progress-ring{margin:6px 0 10px}.ring-value{font-size:26px;font-weight:800;fill:var(--ink);letter-spacing:-.03em;font-family:inherit}.ring-label{font-size:11px;fill:var(--muted);font-family:inherit}.ring-stats{display:flex;gap:18px;font-size:12.5px;color:var(--muted)}.ring-stats strong{color:var(--ink);font-variant-numeric:tabular-nums}.meter-bar{height:10px;border-radius:999px;background:#eef1f6;overflow:hidden;flex:1}.meter-bar>div{height:100%;border-radius:999px;transition:width .4s ease}.progress-row{display:grid;gap:6px;margin:4px 0}.progress-meta{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;color:var(--muted);font-weight:600}.progress-meta strong{font-size:13px;color:var(--ink);font-variant-numeric:tabular-nums}.progress-meta strong em{font-style:normal;color:var(--muted);font-weight:500;font-size:11.5px}.progress-meta strong.neg{color:var(--warn)}.progress-track{position:relative;height:8px;border-radius:999px;background:#eef1f6;overflow:visible}.progress-track.slim{height:5px;margin-top:8px}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--navy) 0%,var(--steel) 100%);transition:width .4s ease}.progress-fill.warn{background:linear-gradient(90deg,var(--warn) 0%,var(--amber) 100%)}.progress-marker{position:absolute;top:-3px;bottom:-3px;width:2.5px;border-radius:99px;background:var(--amber)}.health-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;font-size:11.5px;font-weight:700;white-space:nowrap}.health-badge.on-track{background:var(--green-soft);color:var(--green)}.health-badge.at-risk{background:var(--warn-soft);color:var(--warn)}.health-badge.delayed{background:var(--red-soft);color:var(--red)}.code-chip{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:8px;background:var(--steel-soft);border:1px solid #dce6f2;color:var(--navy);font-size:11px;font-weight:800;letter-spacing:.05em}.cat-chip{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;background:var(--surface-soft);border:1px solid var(--line);font-size:11px;font-weight:600;color:var(--ink-soft);white-space:nowrap}.cat-chip.write{background:var(--amber-soft);border-color:#f5dcae;color:#92600a}.status-pill{display:inline-flex;align-items:center;min-height:20px;padding:0 8px;border-radius:999px;font-size:10.5px;font-weight:700}.status-pill.done{background:var(--green-soft);color:var(--green)}.status-pill.on-track{background:#e8edf7;color:#33507e}.status-pill.at-risk{background:var(--warn-soft);color:var(--warn)}.section-block{display:grid;gap:14px}.section-title-row{display:flex;align-items:baseline;gap:12px}.section-title-row h2{font-size:17px;font-weight:800}.section-hint{font-size:12.5px;color:var(--muted)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px}.portfolio-card{display:grid;gap:10px;text-align:left;padding:20px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.portfolio-card:hover{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:var(--shadow-lift)}.portfolio-card-top{display:flex;justify-content:space-between;align-items:center}.portfolio-card h3{font-size:16.5px;font-weight:800}.portfolio-sub{color:var(--muted);font-size:12.5px;margin-top:-6px}.portfolio-stats{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}.portfolio-stats strong{color:var(--ink);font-variant-numeric:tabular-nums}.portfolio-foot{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.open-link{color:var(--ink);font-weight:700}.milestone-list{display:grid}.milestone-row{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-top:1px solid var(--line)}.milestone-row:first-child{border-top:none;padding-top:4px}.milestone-dot{width:11px;height:11px;border-radius:999px;margin-top:5px;flex-shrink:0}.milestone-dot.done{background:var(--green);box-shadow:0 0 0 4px var(--green-soft)}.milestone-dot.on-track{background:#33507e;box-shadow:0 0 0 4px #e8edf7}.milestone-dot.at-risk{background:var(--warn);box-shadow:0 0 0 4px var(--warn-soft)}.milestone-main{flex:1;min-width:0}.milestone-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.milestone-title strong{font-size:13.5px}.milestone-meta{display:flex;gap:14px;font-size:11.5px;color:var(--muted);margin-top:3px;flex-wrap:wrap}.milestone-pct{font-weight:800;font-size:14px;font-variant-numeric:tabular-nums;min-width:42px;text-align:right}.activity-feed{display:grid}.activity-row{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.activity-row:first-child{border-top:none;padding-top:2px}.activity-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;flex-shrink:0;background:var(--surface-soft);border:1px solid var(--line);color:var(--ink-soft)}.activity-icon.approval{background:var(--green-soft);border-color:#cbe9dd;color:var(--green)}.activity-icon.photo{background:#ede9fe;border-color:#ddd4fb;color:#6d28d9}.activity-icon.finance{background:var(--amber-soft);border-color:#f5dcae;color:#b45309}.activity-icon.drawing{background:#e0f2fe;border-color:#c4e5fa;color:#0369a1}.activity-main{flex:1;min-width:0}.activity-main p{font-size:13px}.activity-main span{font-size:12px;color:var(--muted);display:block;margin-top:1px}.activity-row time{font-size:11px;color:var(--muted);white-space:nowrap;font-weight:600}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:700;padding:10px 12px;border-bottom:1px solid var(--line)}.data-table td{padding:12px;border-bottom:1px solid #eef1f5;font-size:13px;color:var(--ink-soft);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background .1s ease}.data-table tbody tr:hover{background:var(--surface-soft)}.cell-strong{color:var(--ink)!important;font-weight:600;display:flex;align-items:center;gap:8px}.empty-cell{text-align:center;color:var(--muted);padding:28px 12px!important}.table-search,.table-filter{min-height:36px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:var(--surface);outline:none;font-size:13px}.table-search:focus,.table-filter:focus{border-color:var(--line-strong)}.table-search{min-width:200px}.inline-error{padding:10px 14px;border-radius:12px;background:var(--red-soft);color:var(--red);font-weight:600;font-size:13px;margin-bottom:12px}.inline-muted{color:var(--muted);font-size:13.5px;padding:8px 0}.entry-list{display:grid;gap:12px}.entry-card{border:1px solid var(--line);border-radius:14px;padding:16px;display:grid;gap:10px;background:var(--surface)}.entry-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.entry-card-title{display:flex;align-items:baseline;gap:10px}.entry-card-title strong{font-size:14.5px}.entry-by{font-size:12.5px;color:var(--muted)}.entry-work{font-size:14px;line-height:1.6;white-space:pre-wrap}.entry-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--ink-soft);font-weight:600}.entry-meta span{display:inline-flex;align-items:center;gap:5px}.entry-blocker{background:var(--warn-soft);color:var(--warn);border-radius:10px;padding:9px 12px;font-size:13px;font-weight:600}.entry-photos{display:flex;gap:8px;flex-wrap:wrap}.entry-photo,.photo-placeholder{width:84px;height:84px;border-radius:10px;overflow:hidden;border:1px solid var(--line);display:grid;place-items:center;background:var(--surface-soft);color:var(--muted)}.entry-photo img{width:100%;height:100%;object-fit:cover;display:block}.entry-card-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:12px}.entry-submitted{font-size:12px;color:var(--muted)}.entry-actions{display:flex;gap:8px}.approve-button,.reject-button{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 16px;border-radius:10px;font-weight:700;font-size:13px;border:none;transition:opacity .12s ease}.approve-button{background:var(--green);color:#fff}.reject-button{background:var(--surface);color:var(--red);border:1px solid #f3c6c6}.approve-button:disabled,.reject-button:disabled{opacity:.5;cursor:wait}.finance-bars{display:grid;gap:16px}.finance-bar-row{display:flex;align-items:center;gap:16px}.finance-label{min-width:130px;font-size:13px;font-weight:600;color:var(--ink-soft)}.finance-value{min-width:100px;text-align:right;font-weight:700;font-variant-numeric:tabular-nums;font-size:13px}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.team-card{display:grid;justify-items:center;gap:6px;text-align:center;padding:20px 14px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-soft)}.team-card strong{font-size:13.5px}.team-role{font-size:12px;color:var(--muted)}.presence{display:inline-flex;align-items:center;min-height:22px;padding:0 9px;border-radius:999px;font-size:11px;font-weight:700}.presence.on{background:var(--green-soft);color:var(--green)}.presence.off{background:#eef1f6;color:var(--muted)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.settings-field{display:grid;gap:6px}.settings-field span{font-size:12px;font-weight:700;color:var(--ink-soft)}.settings-field input{min-height:40px;padding:0 12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-soft);outline:none}.module-row{display:flex;gap:10px;flex-wrap:wrap}.module-chip{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:13px;font-weight:600}.module-chip.off{color:var(--muted);background:var(--surface-soft)}.module-dot{width:8px;height:8px;border-radius:999px}.module-dot.on{background:var(--green)}.module-dot.off{background:#cbd2de}.new-project-button{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 16px;border:none;border-radius:11px;background:var(--navy);color:#fff;font-weight:700;font-size:13.5px;margin-left:auto;transition:opacity .12s ease,transform .12s ease}.new-project-button:hover{transform:translateY(-1px)}.new-project-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.ghost-button-light{min-height:38px;padding:0 16px;border-radius:11px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font-weight:600;font-size:13.5px}.ghost-button-light:hover{background:var(--surface-soft)}.link-button{border:none;background:none;color:var(--navy);font-weight:700;font-size:12.5px;padding:4px 6px}.link-button:hover{text-decoration:underline}.link-button.danger{color:var(--red)}.doc-actions{white-space:nowrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0e152666;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px}.modal{width:min(100%,640px);max-height:90vh;overflow-y:auto;background:var(--surface);border-radius:18px;border:1px solid var(--line);box-shadow:var(--shadow-lift);padding:22px;display:grid;gap:16px}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head h2{font-size:17px;font-weight:800}.modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.file-drop{display:grid;justify-items:center;gap:4px;padding:22px;border:1.5px dashed var(--line-strong);border-radius:14px;background:var(--surface-soft);color:var(--muted);text-align:center;cursor:pointer;transition:border-color .12s ease,background .12s ease}.file-drop:hover{border-color:var(--steel);background:var(--steel-soft);color:var(--navy)}.file-drop input{display:none}.file-drop strong{color:var(--ink);font-size:13.5px;word-break:break-all}.file-drop span{font-size:12px}.empty-state{display:grid;justify-items:center;gap:8px;text-align:center;padding:56px 20px;border:1.5px dashed var(--line-strong);border-radius:var(--radius);background:var(--surface)}.empty-state h3{font-size:17px;font-weight:800}.empty-state p{color:var(--muted);max-width:46ch}.empty-state .new-project-button{margin:8px auto 0}.sparkline-empty{height:52px;display:grid;place-items:center;font-size:12px;color:var(--muted);border:1px dashed var(--line);border-radius:10px;margin:6px 0 2px}.inline-success{padding:10px 14px;border-radius:12px;background:var(--green-soft);color:var(--green);font-weight:600;font-size:13px;margin-bottom:12px}.users-help{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:18px}.users-help article{padding:14px;border-radius:14px;background:var(--surface-soft);border:1px solid var(--line)}.users-help strong{font-size:13.5px;display:block;margin-bottom:4px}.users-help p{font-size:12.5px;color:var(--ink-soft);line-height:1.55}.milestone-editor{display:grid;gap:10px}.milestone-editor-row{display:grid;grid-template-columns:minmax(0,2fr) 150px 90px 120px auto;gap:10px;align-items:center}.milestone-editor-row input,.milestone-editor-row select{min-height:38px;padding:0 10px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-soft);outline:none;font-size:13px}.table-filter.full{width:100%;min-height:40px}@media (max-width: 760px){.modal-grid{grid-template-columns:1fr}.milestone-editor-row{grid-template-columns:1fr 1fr}}.mcp-status{display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:0 12px;border-radius:999px;font-size:12.5px;font-weight:700;background:var(--surface-soft);border:1px solid var(--line);color:var(--muted);white-space:nowrap}.mcp-status i{width:8px;height:8px;border-radius:999px;background:#cbd2de}.mcp-status.online{color:var(--green);background:var(--green-soft);border-color:#cbe9dd}.mcp-status.online i{background:var(--green)}.mcp-status.offline{color:var(--red);background:var(--red-soft);border-color:#f3c6c6}.mcp-status.offline i{background:var(--red)}.mcp-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.mcp-facts article{padding:14px;border-radius:14px;background:var(--surface-soft);border:1px solid var(--line);display:grid;gap:4px}.mcp-facts span{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:700}.mcp-facts strong{font-size:13.5px;font-weight:600;word-break:break-all}.mcp-facts code,.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12.5px}.mcp-facts code{background:var(--steel-soft);border-radius:6px;padding:1px 6px;color:var(--navy)}.snippet-stack{display:grid;gap:14px;margin-bottom:14px}.snippet{border:1px solid var(--line);border-radius:14px;overflow:hidden}.snippet-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;background:var(--surface-soft);border-bottom:1px solid var(--line);font-size:13px;font-weight:700;color:var(--ink-soft)}.snippet pre{margin:0;padding:14px 16px;overflow-x:auto;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12.5px;line-height:1.6;color:var(--ink);background:var(--surface)}.small-btn{min-height:30px;padding:0 12px;font-size:12px;display:inline-flex;align-items:center;gap:5px}.state-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.state-card{width:min(100%,420px);padding:36px;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);text-align:center;display:grid;gap:8px;justify-items:center}.state-card h1{font-size:20px}.state-card p{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:800}.spinner{width:28px;height:28px;border-radius:999px;border:3px solid var(--line);border-top-color:var(--amber);animation:spin .8s linear infinite;margin-bottom:6px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1200px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.search-box{min-width:0}}@media (max-width: 900px){.app-shell,.app-shell.nav-collapsed{grid-template-columns:1fr}.collapse-toggle{display:none}.sidebar{position:static;height:auto;flex-direction:column}.app-main{padding:0 16px 32px}.topbar{flex-wrap:wrap}.search-box{display:none}}@media (max-width: 640px){.kpi-grid,.portfolio-grid{grid-template-columns:1fr}.finance-bar-row{flex-wrap:wrap}.finance-value{text-align:left}.data-table{display:block;overflow-x:auto}}