:root{font-family:"Yu Gothic UI","Meiryo",system-ui,sans-serif;color:#18334b;background:#f3f6fa;font-size:16px;--nav:#112840;--teal:#087c75;--muted:#64778b;--line:#dfe7ef}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button{cursor:pointer;border:1px solid var(--line);border-radius:8px;padding:.62rem .9rem;background:#fff;color:#18334b;font-size:.9rem;font-weight:600}button:hover{background:#edf4f8}button.primary{background:var(--teal);border-color:var(--teal);color:white}button.primary:hover{background:#05645f}button.danger{color:#b33636}button:disabled{cursor:wait;opacity:.55}a{color:var(--teal)}input,select,textarea{padding:.68rem .75rem;border:1px solid #bbcbd9;background:#fff;border-radius:7px;color:#18334b;min-width:0;max-width:100%}input:focus,select:focus,textarea:focus{border-color:var(--teal)}textarea{resize:vertical;min-height:90px}label{font-size:.9rem;font-weight:600;display:grid;gap:.45rem}h1,h2,h3,p{margin-top:0}h1{font-size:1.6rem;letter-spacing:.03em;margin-bottom:.4rem}h2{font-size:1.1rem}h3{font-size:1rem}small,.muted{color:var(--muted);font-size:.875rem;line-height:1.6}.shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--nav);color:white;position:sticky;top:0;height:100vh;padding:28px 16px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;padding:0 12px 28px;font-weight:700;font-size:1.05rem}.brand img{width:35px;height:35px}.nav-section{font-size:.75rem;letter-spacing:.12em;color:#91a8be;padding:20px 14px 8px}.nav button{display:flex;align-items:center;gap:12px;width:100%;background:transparent;color:#b7c9db;border:0;text-align:left;margin:3px 0;font-weight:500;padding:12px 14px}.nav button:hover{background:#1b3752;color:white}.nav button.active{background:#214958;color:#70e2cd}.nav svg{width:19px;height:19px}.user{margin-top:auto;padding:20px 12px 0;border-top:1px solid #2e4257;font-size:.875rem;overflow-wrap:anywhere}.user button{padding:.3rem 0;background:none;border:0;color:#a9c0d4;font-weight:400;margin-top:8px}.main{min-width:0;padding:28px 36px 60px}.top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:24px;flex-wrap:wrap}.top-right{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.period{font-size:.875rem;background:white;border:1px solid var(--line);padding:10px 12px;border-radius:7px}.subtext{font-size:.875rem;color:var(--muted);line-height:1.6}.toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;margin:20px 0;flex-wrap:wrap}.toolbar-left{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.toolbar input{min-width:250px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.kpi{background:white;padding:20px;border:1px solid var(--line);border-radius:10px;position:relative;overflow:hidden}.kpi:first-child{background:#112840;color:#fff;border-color:#112840}.kpi-label{font-size:.875rem;color:var(--muted);margin-bottom:13px}.kpi:first-child .kpi-label,.kpi:first-child small{color:#b4cada}.kpi-value{font-size:1.75rem;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.unit{font-size:.875rem;font-weight:400;margin-left:4px}.kpi small{display:block;margin-top:10px}.grid-two{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin-bottom:22px}.panel{background:white;border:1px solid var(--line);border-radius:10px;min-width:0;overflow:hidden}.panel-head{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.panel-head h2{margin:0}.panel-body{padding:22px}.table-wrap{overflow:auto;max-height:70vh}.table-wrap table{width:100%;border-collapse:separate;border-spacing:0;white-space:nowrap;font-size:.875rem}th,td{padding:13px 16px;text-align:left;border-bottom:1px solid #e9eff4;max-width:340px}td.wrap{white-space:normal;min-width:230px}thead th{background:#f6f8fb;color:#60778b;font-weight:600;position:sticky;top:0;z-index:2;font-size:.875rem}tbody tr:hover{background:#f7fafc}tbody tr:last-child td{border-bottom:0}.num{text-align:right;font-variant-numeric:tabular-nums}.negative{color:#b43e40}.positive{color:#087c75}.sticky{position:sticky;left:0;background:white;z-index:1}thead .sticky{background:#f6f8fb;z-index:3}.emphasis td{font-weight:700;background:#edf5f6}.badge{border-radius:5px;padding:4px 8px;font-size:.8125rem;background:#edf1f6;color:#536b82;display:inline-block}.badge.won{background:#ddf3ec;color:#087653}.badge.proposal{background:#e7efff;color:#375ca4}.badge.lost{background:#fbe8e8;color:#a34949}.badge.warn{background:#fff1da;color:#91600b}.row-name{font-weight:600}.row-meta{font-size:.8125rem;color:var(--muted);margin-top:4px}.edit-btn{padding:.36rem .65rem;font-size:.8125rem}.empty{padding:50px 20px;text-align:center;color:var(--muted)}.notice{background:#fff6e7;border:1px solid #f0d3a3;border-radius:8px;padding:12px 16px;color:#85590e;line-height:1.6;font-size:.875rem;margin:0 0 20px}.note{background:#edf5f7;padding:12px 16px;border-radius:8px;font-size:.875rem;line-height:1.7;color:#456374;margin:16px 0}.legend{display:flex;gap:16px;font-size:.8125rem;color:var(--muted);align-items:center}.legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px}.chart{height:230px;display:flex;align-items:stretch;gap:9px;padding-top:18px}.chart-col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;min-width:0}.bars{height:180px;display:flex;gap:3px;align-items:flex-end;position:relative;border-bottom:1px solid #ccd9e2;background:repeating-linear-gradient(to top,transparent 0,transparent 44px,#edf2f6 45px,#edf2f6 46px)}.bar{flex:1;background:#0c8d84;min-height:2px;border-radius:3px 3px 0 0;position:relative;z-index:1}.bar.profit{background:#9acfc7}.chart-label{text-align:center;font-size:.75rem;margin-top:9px;color:#6b8193}.chart-value{font-size:.75rem;text-align:center;color:#546e82;margin-bottom:5px}.work-member{padding:14px 0;border-bottom:1px solid #e9eff4}.work-member:last-child{border:0}.work-member-top{display:flex;justify-content:space-between;margin-bottom:9px;font-size:.9rem}.meter{height:8px;border-radius:5px;background:#edf2f7;display:flex;overflow:hidden}.meter-confirmed{background:#0c8d84}.meter-proposed{background:#aacfc9}.meter.over .meter-confirmed,.meter.over .meter-proposed{background:#d97551}.alert-item{display:flex;justify-content:space-between;gap:18px;padding:14px 20px;border-bottom:1px solid #edf2f6;align-items:center}.alert-item p{margin:4px 0 0}.tabs{display:flex;gap:8px;margin:20px 0;flex-wrap:wrap}.tabs button.selected{background:#112840;border-color:#112840;color:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wide{grid-column:1/-1}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(300px,1fr) minmax(420px,1fr)}.auth-brand{background:#112840;color:white;padding:70px max(8vw,30px);display:flex;flex-direction:column;justify-content:center}.auth-brand img{width:62px;margin-bottom:30px}.auth-brand h1{font-size:2rem;line-height:1.5;margin-bottom:20px}.auth-brand p{color:#b7cbdc;line-height:1.9}.auth-list{margin-top:28px;display:grid;gap:20px}.auth-list div{padding-bottom:18px;border-bottom:1px solid #2b435a;font-size:.95rem}.auth-content{display:flex;align-items:center;justify-content:center;padding:40px 24px}.auth-card{width:100%;max-width:410px}.auth-card h2{font-size:1.5rem;margin-bottom:8px}.auth-card form{display:grid;gap:20px;margin-top:32px}.auth-card button{width:100%;padding:.9rem}.error{color:#b03636;background:#fff0ef;padding:12px;border-radius:6px;font-size:.875rem;line-height:1.7}.loading{padding:50px;text-align:center}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);padding:12px 22px;border-radius:8px;background:#112840;color:#fff;z-index:200;box-shadow:0 5px 30px #0002;max-width:90vw;display:none;font-size:.9rem}dialog{width:min(900px,calc(100vw - 32px));max-height:90vh;border:0;border-radius:12px;padding:0;box-shadow:0 25px 80px #0004;color:#18334b}dialog::backdrop{background:#0b1e3290}dialog .dialog-head{display:flex;justify-content:space-between;align-items:center;padding:22px 26px;border-bottom:1px solid var(--line)}dialog h2{margin:0}dialog .dialog-content{padding:24px 26px}dialog .dialog-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:18px 26px;border-top:1px solid var(--line);position:sticky;bottom:0;background:white}dialog form{margin:0}.monthly-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.monthly-grid input{width:100%;text-align:right}.dialog-title-row{margin:25px 0 12px;font-weight:700;font-size:1rem}.dialog-errors{margin:0 26px 20px}.account-actions{display:flex;gap:10px;flex-wrap:wrap}.inline-link{display:block;margin-top:18px}.full-link{word-break:break-all;padding:14px;background:#edf5f7;border-radius:8px;margin:14px 0;user-select:all}.status-text{font-size:.8125rem;color:var(--muted)}.setup-info{font-size:.8125rem;color:var(--muted);line-height:1.7}.audit-info{font-size:.8125rem;color:var(--muted);margin-top:12px}.detail-total{display:flex;gap:24px;flex-wrap:wrap;padding:18px 0}.detail-total div{font-size:.9rem}.detail-total strong{display:block;margin-top:5px;font-size:1.15rem}.user-list{display:grid;gap:12px}.user-card{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:8px}.report-caption{padding:14px 20px;font-size:.875rem;color:var(--muted);line-height:1.6}.report-action{display:flex;gap:8px}.checkbox-label{display:flex;align-items:center;font-weight:400}.checkbox-label input{width:18px;height:18px}.tag-count{background:#e8eff4;padding:3px 8px;border-radius:5px;font-size:.8125rem;color:#60778b}.mobile-brand{display:none}@media(min-width:1600px){.main{max-width:1700px;width:100%;margin:auto}.kpi-value{font-size:2rem}}@media(max-width:1150px){.shell{grid-template-columns:200px minmax(0,1fr)}.main{padding:24px}.kpis{grid-template-columns:repeat(2,1fr)}.grid-two{grid-template-columns:1fr}.toolbar input{min-width:180px}.monthly-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.shell{display:block}.sidebar{position:relative;height:auto;padding:14px 12px}.brand{padding:0 4px 10px}.nav{display:flex;overflow:auto;gap:4px}.nav button{white-space:nowrap;width:auto;font-size:.875rem;padding:9px}.nav svg{display:none}.nav-section{display:none}.user{display:none}.main{padding:22px 16px 50px}.top{padding-bottom:12px}.top-right{gap:6px}.period{font-size:.8125rem}.kpis{gap:10px}.kpi{padding:16px 12px}.kpi-value{font-size:1.4rem}.toolbar-left{width:100%}.toolbar input{flex:1;width:100%}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.monthly-grid{grid-template-columns:repeat(2,1fr)}.auth-page{display:block}.auth-brand{padding:28px}.auth-brand h1{font-size:1.5rem;margin:0}.auth-brand img{width:36px;margin-bottom:12px}.auth-brand p,.auth-list{display:none}.auth-content{padding:34px 22px}.panel-head{padding:16px}.panel-body{padding:16px}.chart{gap:4px}.chart-value{font-size:.75rem;writing-mode:vertical-rl;margin:auto auto 5px}.alert-item{padding:14px}.dialog-content{padding:18px!important}.user-card{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}.bar{animation:grow .4s ease-out;transform-origin:bottom}@keyframes grow{from{transform:scaleY(.2)}to{transform:scaleY(1)}}}
:root #mobile-logout{display:none}@media(max-width:760px){:root #mobile-logout{display:inline-block}}
.kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.kpi-value{font-size:1.5rem}.project-panel{margin-bottom:22px}.status-link{font-size:.8rem;padding:5px 8px;white-space:nowrap}.status-link.approved{color:#087653;background:#ddf3ec}.section-heading{margin:30px 0 12px;padding-top:20px;border-top:1px solid var(--line)}.team-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.team-group .dialog-title-row{margin:10px 0;display:flex;justify-content:space-between;align-items:center}.team-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;margin:10px 0}.team-row span{font-size:.8rem}.team-row select{width:100%}.team-row button{padding:5px}.period-editor{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin:24px 0 12px}.period-editor label{font-size:.8rem}.sheet-section{margin:20px 0;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.sheet-section summary{padding:13px 16px;background:#edf5f7;font-weight:700;cursor:pointer}.spreadsheet{max-height:420px}.spreadsheet td{padding:0;min-width:120px;border:1px solid #e2e8ed}.spreadsheet input{border:0;border-radius:0;width:120px;max-width:none;text-align:right;padding:12px 8px;font-size:.875rem;background:transparent}.spreadsheet input:focus{outline:2px solid var(--teal);outline-offset:-2px;background:#f0fcf8}.spreadsheet th{padding:12px;min-width:110px}.sheet-hint{padding:10px 14px;color:var(--muted);font-size:.8rem}.subcontract{padding:18px;background:#f7fafc;border:1px solid var(--line);border-radius:8px;margin:16px 0}.dragging{opacity:.4}.document-section{padding:10px 0 22px;border-bottom:1px solid var(--line)}.document-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:12px 0}.document-section>button{margin-top:15px}dialog{width:min(1180px,calc(100vw - 32px))}@media(max-width:1300px){.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){.team-columns{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.document-row{display:block}}

.work-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px}@media(max-width:760px){.work-summary{grid-template-columns:1fr}}
.badge.blue{background:#e3efff;color:#245a98}.badge.amber{background:#fff0d6;color:#976317}
.registration-ok{background:#e1f2e7;color:#237247}.registration-required{background:#fde7e7;color:#a83030}.registration-later{background:#edf0f3;color:#84909e}
.registration-button{border:0;border-radius:6px;padding:7px 10px;white-space:nowrap}.sort-heading{background:none;border:0;padding:0;display:inline-flex;gap:10px;color:inherit;font-weight:600}.sort-heading.sorting{color:#245a98}
.parent-row td{background:#eaf0f6;font-weight:600;border-top:2px solid #d6e2ed}.branch-title{padding-left:22px;border-left:3px solid #d1dee9}.fixed-field{padding:8px 0;color:#203b55;min-height:40px}.fixed-field-label{color:#708295;font-size:13px}.inline-ok{color:#237247;padding:10px 0;font-size:13px}.issue-badge{background:#fff0dc;color:#97500c;margin-left:8px}
.ratio-row td{background:#f1edf9!important;color:#776294;font-style:italic}.total-row td{background:#e1f2e7;font-weight:700}.spreadsheet [data-row-total]{background:#eef4f7;font-weight:600;min-width:120px}.stage-select{min-width:95px;border-radius:6px;padding:6px}.popout-shell{display:block!important}.popout-shell>.sidebar{display:none}.popout-shell>.main{margin:0;max-width:none;width:100%;padding:24px}.popout-shell .table-wrap{max-height:calc(100vh - 230px);overflow:auto}.popout-shell table thead{position:sticky;top:0;z-index:2}.financial-total td{background:#e5f0e9;font-weight:700}.financial-total{position:sticky;bottom:0}.notice ul{padding-left:20px}.spreadsheet input[data-money]{text-align:right}
.stage-won{background:#e1f2e7;color:#237247}.stage-proposal{background:#e3efff;color:#245a98}.stage-inquiry{background:#fff0d6;color:#976317}.stage-neutral{background:#edf0f3;color:#77818e}.inline-stage{border:0;padding:7px;border-radius:6px}.status-link{border:0;border-radius:6px;padding:7px 10px;white-space:nowrap}.contract-row td{background:#eaf0f6;border-top:2px solid #d6e2ed}.parent-contract{display:flex;gap:9px;align-items:center}.contract-code{font-weight:700}.branch-project{padding-left:20px;border-left:3px solid #d1dee9}.fixed-field{display:flex;flex-direction:column;gap:8px}.fixed-field span{color:#708295;font-size:13px}.grand-total{position:sticky;bottom:0}.grand-total td{background:#e1f2e7!important}
.emphasis td{background:#e1f2e7}.ratio-row td{background:#f1edf9!important}.inline-stage.stage-neutral{background:#edf0f3}.popout-shell .main{padding-top:20px}
.brand{gap:10px}.brand img{width:38px;height:38px}.brand-wordmark{display:flex;align-items:baseline;gap:8px}.brand-wordmark strong{font-family:Georgia,'Times New Roman',serif;font-size:22px;letter-spacing:2px;font-weight:500}.brand-wordmark small{font-size:13px;font-weight:600;letter-spacing:2px;color:#d3b56e;border-left:1px solid #6d7580;padding-left:8px}.auth-brand:before{content:'HINODE DX';display:block;color:#d3b56e;letter-spacing:4px;font-family:Georgia,serif;font-size:28px;margin-bottom:22px}.parent-boundary td{border-top:3px solid #bdcad8!important}.branch-project{padding-left:0;border:0}.contract-heading{text-align:center!important;background:#eaf0f6!important}.inline-rate{width:85px;min-width:65px;padding:8px;text-align:right;border:1px solid transparent;border-radius:4px;background:#f5f8fb}.inline-rate:hover,.inline-rate:focus{border-color:#83afa2;background:white}.work-grand td{border-bottom:3px solid #b9c8d5}.chart-legend{display:flex;gap:20px;color:#5d6d7b;font-size:13px}.chart-legend span{display:flex;align-items:center;gap:7px}.chart-legend i{display:inline-block;width:23px;height:9px;border-radius:2px}.sales-key{background:#247263}.profit-key{background:#d97551}.signed-chart{padding:10px 20px;overflow:auto}.signed-chart svg{width:100%;min-width:800px;display:block}.axis-text{font-size:12px;fill:#6a7c8d}.bar-label{font-size:10px;font-weight:600}.person-values{display:flex;flex-direction:column;gap:8px;margin:8px 0}.person-values>div{display:flex;align-items:baseline;justify-content:space-between;gap:6px}.person-values span{font-size:12px;color:#748394}.person-values strong{font-size:21px;white-space:nowrap}.person-values strong small{font-size:10px;margin-left:3px}.kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.popout-shell .main{margin:0!important;width:100%!important;max-width:none!important}.popout-shell .financial-panel .table-wrap{max-height:calc(100vh - 245px)}
@media(max-width:1100px){.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-legend{gap:10px}}
.person-values>div{display:block}.person-values span{display:block;white-space:nowrap;margin-bottom:3px}.person-values strong{font-size:20px}.person-values strong small{display:inline!important}.person-values{gap:10px}

.combined-legend{flex-wrap:wrap;gap:10px 18px}.proposal-sales-key,.proposed-sales-bar{background:#a8d6c9;fill:#a8d6c9}.confirmed-sales-bar{fill:#247263}.cost-key,.confirmed-cost-bar{background:#667b90;fill:#667b90}.proposal-cost-key,.proposed-cost-bar{background:#c6d3df;fill:#c6d3df}.chart-legend .profit-line-key{height:0;border-top:3px solid #d97551;background:none;border-radius:0}.chart-legend .profit-line-key.dashed{border-top-style:dashed}.project-count-panel{margin:20px 0}.project-counts{display:flex;flex-wrap:wrap;gap:24px;padding:20px 22px}.project-counts>div{flex:1;min-width:100px;display:flex;align-items:center;justify-content:space-between;gap:12px}.project-counts strong{font-size:25px}.project-counts small{font-size:12px;font-weight:400;margin-left:6px}

.workload-detail-panel .merged-member{vertical-align:top;background:#f8fafc;min-width:100px;border-top:3px solid #bdcad8;border-bottom:3px solid #bdcad8!important;padding-top:18px}.workload-detail-panel .work-member-start>td{border-top:3px solid #bdcad8}.work-stage-heading>td:not(.merged-member){background:#f6f8fb;padding:9px 16px}.work-confirmed-total td{background:#edf5f2;font-weight:600}.work-proposed-total td{background:#edf2fb;font-weight:600}.work-member-total td{background:#dfeee8;font-weight:700;border-bottom:3px solid #bdcad8!important}.workload-detail-panel .work-detail-row td{padding-top:11px;padding-bottom:11px}

.workload-detail-panel{margin-bottom:24px}.work-member-heading{background:#eaf0f6;padding:15px 20px}.workload-detail-panel .table-wrap{max-height:none}.workload-detail-panel .work-member-total td{border-bottom:0!important}.workload-detail-panel .work-stage-heading td{padding:9px 16px}

.registration-na{background:#e9edf4;color:#64748b;border-color:#ccd5e1}.registration-options{padding:12px;margin:12px 0;background:#f5f7fa;border-radius:8px}.registration-choice{display:flex!important;align-items:center;gap:8px}.registration-choice input{width:auto!important}.registration-options textarea{width:100%;box-sizing:border-box}.registration-options button{margin-top:8px}

.monthly-breakdown{min-width:140px!important;padding:10px 14px!important}.monthly-breakdown>div{display:flex;justify-content:space-between;gap:18px;line-height:1.8}.monthly-breakdown span{font-size:11px;color:#728296;font-weight:400}.monthly-breakdown strong{font-size:13px;font-weight:500;font-variant-numeric:tabular-nums}.monthly-breakdown .monthly-gross{border-top:1px solid #e0e8eb;margin-top:3px;padding-top:3px;color:#247263}.monthly-breakdown .monthly-gross strong{font-weight:700}.monthly-breakdown .monthly-gross.negative{color:#b85443}

.project-sort-pair{display:flex;gap:20px;align-items:center}.project-customer{color:#63788c;font-size:12px;margin-bottom:5px;font-weight:500}.branch-project{min-width:210px}

.project-date{white-space:nowrap;font-variant-numeric:tabular-nums}

/* Keep both contract header rows together while scrolling. */
.financial-panel thead{position:sticky;top:0;z-index:4;background:#f6f8fb}.financial-panel thead th{position:static;top:auto}.financial-panel thead th.sticky{position:sticky;left:0;top:auto;z-index:5}.financial-panel .grand-total{z-index:2}


.contract-cell{display:grid;grid-template-columns:auto auto;gap:7px 10px;align-items:center}.contract-cell>span{font-size:11px;color:#708295}.invoice-editor,.project-external-files{padding:16px;background:#f5f8fb;border:1px solid var(--line);border-radius:8px;margin:18px 0}.invoice-row{display:flex;gap:16px;align-items:end;margin:14px 0}.file-dropzone{border:2px dashed #b8ced8;border-radius:8px;padding:20px;background:#f7fafc;display:grid;gap:12px}.file-dropzone.drag-over{border-color:#087c75;background:#e7f6f0}.file-dropzone>span{color:#5f788b}.cost-edit-sheet [data-cost-name]{width:210px;text-align:left}.top-right #expand-view{margin-left:10px}

.cost-edit-sheet .cost-operation{position:sticky;right:0;background:#fff;z-index:2;min-width:80px;border-left:1px solid #dfe7ef;padding:8px}.cost-edit-sheet thead .cost-operation{background:#f6f8fb;z-index:4}

.spreadsheet input.sheet-selected{background:#e2efff!important;box-shadow:inset 0 0 0 2px #4a86cc}.spreadsheet:has(.sheet-selected){user-select:none}

.workload-count{margin-left:8px;background:#eef3f8;color:#546b80;font-weight:500;white-space:nowrap}

.member-role{background:#eaf0f7;color:#425b76;font-size:11px;font-weight:600;white-space:nowrap;margin-right:6px;vertical-align:middle}

.member-role.role-owner{background:#eee6f7;color:#705099}.member-role.role-pm{background:#e3edfb;color:#386bb0}.member-role.role-member{background:#e1f1e9;color:#337b59}.work-detail-row .member-role{margin-left:8px;margin-right:0}

.vendor-applicability{display:block;max-width:340px;margin-bottom:18px}.vendor-applicability select{width:100%}

.registration-options{display:grid;grid-template-columns:auto minmax(140px,1fr) auto;align-items:center;gap:10px;padding:8px 10px;margin:8px 0}.registration-options textarea{min-height:0;height:60px;padding:7px 10px;font-size:.875rem;line-height:1.4}.registration-options button{margin-top:0;padding:8px 10px}.registration-options [data-registration-feedback]{grid-column:2 / -1}.registration-options [data-registration-feedback]:empty{display:none}@media(max-width:600px){.registration-options{grid-template-columns:auto 1fr}.registration-options textarea{grid-column:2}.registration-options button{grid-column:2;justify-self:start}}

.project-member-names{white-space:normal;min-width:150px;max-width:260px;line-height:1.7}

.project-team-cell{min-width:260px;width:280px;max-width:300px;white-space:normal!important}.project-team-line{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:start;gap:8px;margin:5px 0;line-height:1.6}.project-team-line .member-role{margin:0;text-align:center}.project-team-line>span{white-space:normal;overflow-wrap:anywhere}

.main:has(.projects-compact){padding-top:20px}.main:has(.projects-compact) .top{padding-bottom:10px;margin-bottom:10px;align-items:center}.main:has(.projects-compact) .top h1{margin-bottom:2px}.projects-compact .toolbar{margin:0 0 12px;gap:10px}.projects-compact .toolbar-left{gap:10px;align-items:center}.projects-compact .tabs{margin:0;gap:6px}.projects-compact .toolbar button,.projects-compact .toolbar input,.projects-compact .toolbar select{padding:8px 12px;min-height:38px}.projects-compact .toolbar input{min-width:180px;width:230px}.projects-compact .financial-panel{margin-top:0;margin-bottom:10px}.projects-compact th,.projects-compact td{padding:8px 12px;line-height:1.35}.projects-compact thead th{padding-top:8px;padding-bottom:8px}.projects-compact .project-customer{margin-bottom:2px;line-height:1.25}.projects-compact .branch-project{padding-top:0;padding-bottom:0}.projects-compact .row-meta{margin-top:2px;line-height:1.25}.projects-compact .project-team-line{margin:2px 0;line-height:1.35}.projects-compact .member-role{padding:3px 7px}.projects-compact .status-link{padding:5px 8px;white-space:nowrap}.projects-compact .contract-cell{row-gap:4px}.projects-compact .project-date{white-space:nowrap}.projects-compact .note{margin-top:8px;line-height:1.4}.projects-compact .monthly-breakdown>div{line-height:1.35;margin:1px 0}@media(max-width:760px){.projects-compact .toolbar-left{width:auto;flex-wrap:wrap}.projects-compact .toolbar input{flex:1;min-width:150px}}

.project-filter-controls{display:grid;gap:4px;min-width:180px}.projects-compact .project-filter-controls select{min-height:32px;padding:4px 10px}.project-filter-list{position:relative;min-width:180px}.project-filter-list summary{cursor:pointer;background:white;border:1px solid #bbcbd9;border-radius:7px;padding:5px 10px;font-size:.875rem;line-height:1.4;list-style:none}.project-filter-list summary::after{content:' ▾';float:right}.project-filter-options{position:absolute;top:100%;left:0;z-index:30;background:white;border:1px solid #bbcbd9;border-radius:8px;box-shadow:0 6px 18px #18334b22;padding:10px;min-width:230px;max-height:300px;overflow:auto}.project-filter-options label{display:flex;align-items:center;gap:8px;white-space:nowrap;padding:5px 0;font-weight:400}.projects-compact .project-filter-options input{width:auto;min-width:0;min-height:0;margin:0}.projects-compact .project-filter-options button{min-height:0;padding:4px 8px;margin-bottom:6px}

.project-filter-controls{display:flex;align-items:center;gap:8px;min-width:0}.projects-compact .project-filter-controls select,.projects-compact .project-filter-list summary{min-height:38px;padding:8px 10px;line-height:20px}.project-filter-controls select{width:170px}.project-filter-list{min-width:160px}@media(max-width:760px){.project-filter-controls{flex-wrap:wrap}}

.workload-fixed-details th:first-child,.workload-fixed-details .work-detail-row td:first-child{position:sticky;left:0;width:220px;min-width:220px;max-width:220px;white-space:normal;overflow-wrap:anywhere;background:#fff;z-index:2}.workload-fixed-details th:nth-child(2),.workload-fixed-details .work-detail-row td:nth-child(2){position:sticky;left:220px;width:360px;min-width:360px;max-width:360px;white-space:normal;overflow-wrap:anywhere;background:#fff;z-index:2;box-shadow:2px 0 0 #dfe7ef}.workload-fixed-details thead th:first-child,.workload-fixed-details thead th:nth-child(2){background:#f6f8fb;z-index:4}.workload-fixed-details td[colspan="2"]{position:sticky;left:0;z-index:2;box-shadow:2px 0 0 #dfe7ef}.workload-fixed-details .work-stage-heading td{position:sticky;left:0;z-index:2}.workload-fixed-details .work-detail-row:hover td:first-child,.workload-fixed-details .work-detail-row:hover td:nth-child(2){background:#f6f9fb}

.project-form-grid{grid-template-columns:1fr 1fr 2fr}.project-form-grid>label:nth-child(7){grid-column:1}.project-form-grid>label:nth-child(8){grid-column:2}.project-team-cell{min-width:220px;width:240px;max-width:250px}.service-line-badge{background:#edf0f8;color:#51658b;font-size:11px;padding:3px 7px;vertical-align:middle;white-space:normal;line-height:1.3}@media(max-width:900px){.project-form-grid{grid-template-columns:1fr 1fr}.project-form-grid>label:nth-child(3),.project-form-grid>label:nth-child(6){grid-column:1 / -1}}@media(max-width:600px){.project-form-grid{grid-template-columns:1fr}.project-form-grid>label{grid-column:1!important}}

.projects-compact .project-customer{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.projects-compact .project-name{display:block;white-space:normal;overflow-wrap:anywhere;line-height:1.35}.projects-compact .branch-project{max-width:340px;white-space:normal}.projects-compact .project-customer .service-line-badge{margin:0}

/* Fix totals at cell level so the left label cannot overlap a detail row. */
.payment-panel .payment-subtotal td{background:#edf5f6;font-weight:700}
.payment-panel .payment-grand-total{position:static}
.payment-panel .payment-grand-total td{position:sticky;bottom:0;z-index:3;background:#e1f2e7;border-top:2px solid #b9cfc0;font-weight:700}
.payment-panel .payment-grand-total td:first-child{left:0;z-index:4}
#payment-stage-filter{min-width:180px}
.payment-panel table{--payment-party-width:180px;--payment-project-width:280px}
.payment-panel th:first-child,.payment-panel td:first-child{width:var(--payment-party-width);min-width:var(--payment-party-width);max-width:var(--payment-party-width);white-space:normal;overflow-wrap:anywhere;position:sticky;left:0;background:#fff;z-index:2}
.payment-panel th:nth-child(2),.payment-panel td:nth-child(2){width:var(--payment-project-width);min-width:var(--payment-project-width);max-width:var(--payment-project-width);white-space:normal;overflow-wrap:anywhere;position:sticky;left:var(--payment-party-width);background:#fff;z-index:2;box-shadow:2px 0 0 #dfe7ef}
.payment-panel thead th:first-child,.payment-panel thead th:nth-child(2){background:#f6f8fb;z-index:5}
.payment-panel .payment-subtotal td:first-child,.payment-panel .payment-subtotal td:nth-child(2){background:#edf5f6}
.payment-panel .payment-grand-total td:first-child,.payment-panel .payment-grand-total td:nth-child(2){background:#e1f2e7;z-index:4}

.pl-detail-row td{color:#64778b;background:#f8fafc;font-size:.8125rem}
.pl-detail-row td:first-child{padding-left:28px}

.brand{flex-wrap:wrap}.app-version{font-size:11px;font-weight:400;color:#adc0ce;letter-spacing:0;margin-left:45px;white-space:nowrap}