:root{--color-navy: #194072;--color-yellow: #FFC20D;--color-red: #E41837;--color-canvas: #f0f4f8;--color-surface: #ffffff;--color-border: #e2e8f0;--color-text: #0f172a;--color-text-muted: #64748b;--color-success: #16a34a;--color-warning: #d97706;--color-danger: #E41837;--color-success-text: color-mix(in srgb, var(--color-success) 70%, var(--color-text));--color-warning-text: color-mix(in srgb, var(--color-warning) 70%, var(--color-text));--color-danger-text: color-mix(in srgb, var(--color-danger) 70%, var(--color-text));--color-primary: var(--color-navy);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--radius-control: 7px;--radius-panel: 10px;--radius-login: 16px;--radius-sm: var(--radius-control);--radius-md: var(--radius-panel);--sidebar-width: 240px;--mobile-drawer-width: 260px;--touch-target: 44px;--shadow-sm: 0 1px 2px rgb(15 23 42 / 8%);--shadow-panel: 0 8px 20px rgb(15 23 42 / 7%);font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--color-text);background:var(--color-canvas)}*{box-sizing:border-box}html{background:var(--color-canvas)}body{min-width:20rem;min-height:100vh;margin:0;background:var(--color-canvas)}body,button,input,select,textarea{font:inherit}button,input,select,textarea{min-height:var(--touch-target)}button,select{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}a{color:var(--color-navy)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--color-yellow);outline-offset:2px}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.75rem,3vw,2.35rem);letter-spacing:-.035em}h2{font-size:1.15rem}small,.muted{color:var(--color-text-muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.app-shell{display:grid;min-height:100vh;grid-template-columns:var(--sidebar-width) minmax(0,1fr)}.sidebar{position:sticky;top:0;display:flex;min-height:100vh;flex-direction:column;background:var(--color-navy);color:var(--color-surface)}.brand{display:flex;align-items:center;gap:var(--space-3);min-height:76px;padding:var(--space-4) var(--space-5);font-size:1.12rem;font-weight:750;letter-spacing:-.02em;border-bottom:1px solid rgb(255 255 255 / 18%)}.brand small{display:block;color:var(--color-yellow);font-size:.64rem;font-weight:800;letter-spacing:.18em}.brand__mark{display:grid;width:34px;height:34px;place-items:center;color:var(--color-navy);font-size:.68rem;background:var(--color-yellow);border-radius:50%}.sidebar__close{display:none;margin-left:auto;color:var(--color-surface)}.sidebar__nav{display:grid;gap:var(--space-1);padding:var(--space-4) var(--space-3)}.sidebar__nav a{display:flex;align-items:center;min-height:var(--touch-target);padding:0 var(--space-3);color:var(--color-surface);text-decoration:none;border-radius:var(--radius-control)}.sidebar__nav a:hover{background:#ffffff1f}.sidebar__nav a.active{color:var(--color-text);font-weight:700;background:var(--color-yellow)}.sidebar__bottom{margin-top:auto;padding:var(--space-5);border-top:1px solid rgb(255 255 255 / 18%)}.sidebar__bottom p{margin-top:var(--space-2);color:#ffffffb8;font-size:.78rem;line-height:1.45}.app-content{min-width:0}.topbar{position:sticky;z-index:4;top:0;display:flex;align-items:center;gap:var(--space-4);min-height:76px;padding:var(--space-3) clamp(var(--space-4),4vw,var(--space-8));background:#ffffffed;border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.button.menu-button{display:none}.topbar__actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.search-box{position:relative;width:min(34rem,100%)}.search-box input{width:100%;padding:0 var(--space-3);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-control)}.search-results{position:absolute;z-index:6;top:calc(100% + .4rem);right:0;left:0;overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel)}.search-results button{display:flex;width:100%;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);text-align:left;background:var(--color-surface);border:0;border-bottom:1px solid var(--color-border)}.search-results button:hover{background:var(--color-canvas)}.app-main{width:min(92rem,100%);margin:0 auto;padding:clamp(var(--space-5),3.5vw,var(--space-8))}.page-stack,.stack{display:grid;gap:var(--space-6)}.stack{gap:var(--space-4)}.page-header{display:flex;align-items:end;justify-content:space-between;gap:var(--space-5)}.page-header p:not(.eyebrow){max-width:48rem;margin-top:var(--space-2);color:var(--color-text-muted);line-height:1.5}.page-header__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.eyebrow{color:var(--color-navy);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-target);padding:0 var(--space-3);color:var(--color-surface);font-weight:700;text-align:center;background:var(--color-navy);border:1px solid var(--color-navy);border-radius:var(--radius-control)}.button:hover:not(:disabled){filter:brightness(1.08)}.button--secondary{color:var(--color-navy);background:var(--color-surface);border-color:var(--color-navy)}.button--danger{background:var(--color-red);border-color:var(--color-red)}.button--quiet{min-width:var(--touch-target);padding:0 var(--space-2);color:var(--color-navy);background:transparent;border-color:transparent}.button--quiet:hover:not(:disabled){background:var(--color-canvas)}.card,.state-panel{padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-panel);box-shadow:var(--shadow-sm)}.state-panel{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.state-panel h2{margin-bottom:var(--space-1)}.state-panel__content{color:var(--color-text-muted);line-height:1.5}.state-panel--warning{border-left:4px solid var(--color-warning)}.state-panel--danger{border-left:4px solid var(--color-danger)}.badge{display:inline-flex;align-items:center;width:max-content;min-height:1.55rem;padding:0 .5rem;color:var(--color-text-muted);font-size:.7rem;font-weight:800;letter-spacing:.035em;text-transform:uppercase;background:var(--color-canvas);border:1px solid var(--color-border);border-radius:999px}.badge--success{color:var(--color-success-text);background:color-mix(in srgb,var(--color-success) 8%,white);border-color:color-mix(in srgb,var(--color-success) 35%,white)}.badge--warning{color:var(--color-warning-text);background:color-mix(in srgb,var(--color-yellow) 17%,white);border-color:color-mix(in srgb,var(--color-yellow) 52%,white)}.badge--danger{color:var(--color-danger-text);background:color-mix(in srgb,var(--color-red) 7%,white);border-color:color-mix(in srgb,var(--color-red) 32%,white)}.badge--info{color:var(--color-navy);background:color-mix(in srgb,var(--color-navy) 7%,white);border-color:color-mix(in srgb,var(--color-navy) 30%,white)}.filter-bar{display:flex;align-items:end;justify-content:space-between;gap:var(--space-4)}.filter-bar p{color:var(--color-text-muted);font-size:.85rem}.filter-controls{display:flex;flex-wrap:wrap;gap:var(--space-3)}label{display:grid;gap:var(--space-1);color:var(--color-text);font-size:.85rem;font-weight:700}input,select,textarea{width:100%;padding:0 var(--space-3);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-control)}textarea{min-height:7rem;padding-block:var(--space-2);resize:vertical}.table-scroll{overflow-x:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-panel);box-shadow:var(--shadow-sm)}table{width:100%;min-width:44rem;border-collapse:collapse}th,td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border)}th{color:var(--color-text-muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;background:color-mix(in srgb,var(--color-canvas) 65%,white)}tbody tr:last-child td{border-bottom:0}td strong,td small{display:block}td small{margin-top:.18rem}.text-link{color:var(--color-navy);font-weight:750;text-decoration:none}.text-link:hover{text-decoration:underline}.text-link{display:inline-flex;align-items:center;justify-content:center;min-width:var(--touch-target);min-height:var(--touch-target)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.metric-card{display:grid;gap:var(--space-2)}.metric-card>span,.metric-card small{color:var(--color-text-muted);font-size:.78rem}.metric-card>strong{color:var(--color-navy);font-size:clamp(1.35rem,2vw,1.75rem);letter-spacing:-.04em}.metric-value{margin:var(--space-2) 0;color:var(--color-navy);font-size:1.75rem;font-weight:800}.metric-value span{color:var(--color-text-muted);font-size:.9rem;font-weight:500}progress,meter{width:100%;height:1rem;accent-color:var(--color-navy)}.dashboard-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:var(--space-4)}.section-heading{display:flex;align-items:start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.work-list,.timeline,.risk-list,.plain-list{display:grid;gap:var(--space-3);padding:0;margin:0;list-style:none}.work-list li,.timeline li,.risk-list li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.work-list li:last-child,.timeline li:last-child,.risk-list li:last-child{padding-bottom:0;border-bottom:0}.work-list strong,.work-list span,.timeline strong,.timeline span{display:block}.work-list span:not(.badge),.timeline span:not(.badge){margin-top:.2rem;color:var(--color-text-muted);font-size:.8rem}.timeline li{justify-content:start;align-items:start}.timeline--large li{padding-block:var(--space-2)}.kanban{display:flex;gap:var(--space-4);overflow-x:auto;padding-bottom:var(--space-2)}.kanban__column{display:grid;flex:0 0 17rem;align-content:start;gap:var(--space-3);min-height:20rem;padding:var(--space-3);background:color-mix(in srgb,var(--color-canvas) 70%,white);border:1px solid var(--color-border);border-radius:var(--radius-panel)}.kanban__column header{display:flex;justify-content:space-between;gap:var(--space-2)}.opportunity-card{display:grid;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-control);box-shadow:var(--shadow-sm)}.opportunity-card a{color:var(--color-navy);font-weight:800;text-decoration:none}.opportunity-card p{color:var(--color-text-muted);font-size:.82rem}.focus-grid,.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.risk-list a{color:var(--color-navy);font-weight:700}.overlay{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:flex;justify-content:end;background:#0f172a75}.drawer{display:grid;width:min(34rem,100%);height:100%;grid-template-rows:auto minmax(0,1fr) auto;background:var(--color-surface);box-shadow:-12px 0 30px #0f172a33}.drawer__header,.modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.drawer__body,.modal__body{overflow-y:auto;padding:var(--space-5)}.drawer__footer,.modal__footer{display:flex;justify-content:end;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.form-grid__wide{grid-column:1 / -1}.relation-picker{display:grid;gap:var(--space-2);min-width:0}.relation-picker__search{display:flex;align-items:end;gap:var(--space-2)}.relation-picker__search label{flex:1}.form-note{grid-column:1 / -1;padding:var(--space-3);color:var(--color-text-muted);font-size:.86rem;line-height:1.5;background:var(--color-canvas);border-radius:var(--radius-control)}.inline-error{grid-column:1 / -1;padding:var(--space-3);color:var(--color-red);background:color-mix(in srgb,var(--color-red) 6%,white);border:1px solid color-mix(in srgb,var(--color-red) 30%,white);border-radius:var(--radius-control)}.checkbox-row{display:flex;align-items:center;gap:var(--space-2);min-height:var(--touch-target)}.checkbox-row input{width:1.1rem;min-height:1.1rem;accent-color:var(--color-navy)}.detail-grid{display:grid;grid-template-columns:1fr auto;gap:var(--space-3);padding:var(--space-4);background:var(--color-canvas);border-radius:var(--radius-control)}.detail-grid span{color:var(--color-text-muted)}.detail{display:grid;gap:var(--space-1);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.detail span{color:var(--color-text-muted);font-size:.78rem}.modal{align-self:center;margin-inline:auto;width:min(38rem,calc(100% - 2rem));max-height:calc(100vh - 2rem);background:var(--color-surface);border-radius:var(--radius-login);box-shadow:var(--shadow-panel)}.proposal-card,.comparison{padding:var(--space-4);background:var(--color-canvas);border:1px solid var(--color-border);border-radius:var(--radius-control)}.proposal-card p:last-child{margin-top:var(--space-2);color:var(--color-text-muted)}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.comparison div+div{padding-left:var(--space-4);border-left:1px solid var(--color-border)}.comparison span,.comparison strong,.comparison p{display:block}.comparison span{color:var(--color-text-muted);font-size:.78rem}.comparison p{margin-top:var(--space-2)}.tab-list{display:flex;gap:var(--space-2);overflow-x:auto;border-bottom:1px solid var(--color-border)}.tab-list button{min-height:var(--touch-target);padding:0 var(--space-4);color:var(--color-text-muted);font-weight:700;white-space:nowrap;background:transparent;border:0;border-bottom:3px solid transparent}.tab-list button[aria-selected=true]{color:var(--color-navy);border-bottom-color:var(--color-yellow)}.settings-layout{display:grid;grid-template-columns:13rem minmax(0,1fr);gap:var(--space-5)}.settings-nav{display:grid;align-content:start;gap:var(--space-1);padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-panel)}.settings-nav a{display:flex;align-items:center;min-height:var(--touch-target);padding:0 var(--space-3);color:var(--color-text);text-decoration:none;border-radius:var(--radius-control)}.settings-nav a.active{color:var(--color-navy);font-weight:800;background:color-mix(in srgb,var(--color-yellow) 30%,white)}.settings-content{display:grid;align-content:start;gap:var(--space-4)}.user-list,.operation-list{display:grid;gap:var(--space-3);margin-bottom:var(--space-4)}.user-list div{display:flex;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.user-list span{color:var(--color-text-muted)}.stage-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-4) 0}.stage-list span{padding:.45rem .65rem;font-size:.85rem;background:var(--color-canvas);border:1px solid var(--color-border);border-radius:999px}.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-card{display:grid;gap:var(--space-3)}.integration-card .section-heading{margin-bottom:0}.navigation-layer{display:contents}.auth-page{display:grid;min-height:100vh;place-items:center;padding:var(--space-5)}.auth-card{display:grid;width:min(28rem,100%);gap:var(--space-4);padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-login);box-shadow:var(--shadow-panel)}.auth-card>p:not(.eyebrow){color:var(--color-text-muted);line-height:1.5}.auth-card form{display:grid;gap:var(--space-3)}.auth-card form p[role=alert]{padding:var(--space-3);color:var(--color-red);background:color-mix(in srgb,var(--color-red) 6%,white);border-radius:var(--radius-control)}.search-error{position:absolute;top:calc(100% + .3rem);left:0;color:var(--color-red)}@media(max-width:1023px){.app-shell{display:block}.sidebar{position:fixed;z-index:12;width:calc(var(--mobile-drawer-width) + env(safe-area-inset-left));padding-left:env(safe-area-inset-left);transform:translate(-105%);transition:transform .18s ease}.sidebar--open{transform:translate(0)}.sidebar__close,.button.menu-button{display:inline-flex}.navigation-layer--open{position:fixed;z-index:11;top:0;right:0;bottom:0;left:0;display:block;background:#0f172a75}.topbar{padding-left:var(--space-4)}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){.dashboard-grid,.focus-grid,.integration-grid{grid-template-columns:1fr}.topbar{gap:var(--space-2)}.settings-layout{grid-template-columns:1fr}.settings-nav{display:flex;overflow-x:auto}.settings-nav a{flex:0 0 auto}}@media(max-width:600px){.topbar{align-items:center;min-height:68px;padding:var(--space-2) var(--space-3)}.topbar__actions .button{padding-inline:var(--space-2);font-size:.78rem}.search-box input{font-size:16px}.app-main{padding:var(--space-4);padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom))}.page-header{align-items:start;flex-direction:column}.page-header__actions{width:100%}.page-header__actions .button{flex:1}.metric-grid{grid-template-columns:1fr;gap:var(--space-3)}.filter-bar{align-items:stretch;flex-direction:column}.filter-controls{display:grid;grid-template-columns:1fr 1fr}.filter-controls label:last-child{grid-column:1 / -1}.drawer{width:100%;padding-bottom:env(safe-area-inset-bottom)}.form-grid{grid-template-columns:1fr}.form-grid__wide{grid-column:auto}.state-panel{align-items:start;flex-direction:column}.comparison{grid-template-columns:1fr}.comparison div+div{padding-top:var(--space-3);padding-left:0;border-top:1px solid var(--color-border);border-left:0}}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);color:var(--color-text-muted);font-size:.9rem}@media(max-width:600px){.pagination{justify-content:space-between}}@media(max-width:479px){.topbar__actions .button--primary{max-width:6.9rem}.filter-controls{grid-template-columns:1fr}.filter-controls label:last-child{grid-column:auto}.card,.state-panel{padding:var(--space-4)}}@media(min-width:600px)and (max-width:1023px)and (max-height:600px)and (orientation:landscape){.topbar{min-height:58px}.sidebar .brand{min-height:56px}.sidebar__nav{gap:0;padding-block:var(--space-2)}}
