:root{--bg:#f5f6f8;--card:#fff;--text:#15171a;--muted:#6b7280;--line:#e5e7eb;--accent:#111827;--soft:#eef0f3}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}.app{display:grid;grid-template-columns:235px 1fr;min-height:100vh}.side{background:#111318;color:white;padding:24px 16px;position:sticky;top:0;height:100vh}.brand{font-size:20px;font-weight:800;margin:0 10px 28px}.project{font-size:12px;color:#aeb4bf;margin:0 10px 18px}.nav button{width:100%;border:0;background:transparent;color:#cfd4dc;padding:12px 14px;text-align:left;border-radius:10px;font-size:14px;cursor:pointer;margin:3px 0}.nav button.active,.nav button:hover{background:#252932;color:#fff}.main{padding:28px 34px;max-width:1450px;width:100%}.top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.top h1{margin:0;font-size:27px}.pill{background:white;border:1px solid var(--line);padding:8px 11px;border-radius:10px;font-size:13px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 1px 2px #00000008}.metric .label{font-size:12px;color:var(--muted);margin-bottom:8px}.metric .value{font-size:25px;font-weight:750}.metric .sub{font-size:12px;color:var(--muted);margin-top:7px}.wide{grid-column:span 2}.section{margin-top:20px}.section h2{font-size:17px;margin:0 0 12px}.bar{height:9px;background:#eceef1;border-radius:20px;overflow:hidden;margin-top:12px}.bar i{display:block;height:100%;background:#20242c;border-radius:20px}.row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.row:last-child{border:0}.row strong{font-size:14px}.small{font-size:12px;color:var(--muted)}.tag{font-size:11px;padding:5px 8px;background:var(--soft);border-radius:8px;white-space:nowrap}.danger{background:#f4e8e8}.ok{background:#e8f1ea}.warn{background:#f5efe2}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--muted);font-weight:600;padding:11px 10px;border-bottom:1px solid var(--line)}td{padding:12px 10px;border-bottom:1px solid var(--line)}tr:last-child td{border:0}.money{text-align:right;font-variant-numeric:tabular-nums}.screen{display:none}.screen.active{display:block}.actions{display:flex;gap:8px;flex-wrap:wrap}.btn{border:1px solid var(--line);background:#fff;padding:9px 12px;border-radius:9px;cursor:pointer}.btn.primary{background:#171a20;color:#fff;border-color:#171a20}.proc{display:grid;grid-template-columns:1.2fr .8fr .8fr .8fr .8fr;gap:8px;align-items:center}.step{font-size:11px;padding:7px;border-radius:7px;background:#eef0f3;text-align:center}.step.done{background:#e7efe9}.step.current{background:#eee8d9}.mobileadd{display:none}@media(max-width:850px){.app{grid-template-columns:1fr}.side{height:auto;position:relative;padding:12px;overflow:auto}.brand,.project{display:none}.nav{display:flex;gap:6px;overflow:auto}.nav button{width:auto;white-space:nowrap}.main{padding:18px 14px 90px}.grid{grid-template-columns:1fr 1fr}.wide{grid-column:span 2}.top h1{font-size:22px}.proc{grid-template-columns:1fr}.mobileadd{display:flex;position:fixed;bottom:15px;left:15px;right:15px;background:#111318;border-radius:14px;padding:8px;gap:6px;z-index:5}.mobileadd button{flex:1;background:#252932;color:white;border:0;border-radius:9px;padding:10px 5px;font-size:11px}}@media(max-width:520px){.grid{grid-template-columns:1fr}.wide{grid-column:span 1}.metric .value{font-size:22px}.top{align-items:flex-start;flex-direction:column}}

.card:has(table){overflow-x:auto}button:focus-visible{outline:3px solid #7c9be8;outline-offset:3px}
.ledger-note{padding:12px 16px;background:#eaf0fa;border:1px solid #dae3f3;border-radius:10px;font-size:13px;margin-bottom:20px;color:#394a65}.ledger-selector{margin:18px 0}.ledger-selector label{display:flex;align-items:center;gap:12px;font-size:13px}.ledger-selector select{max-width:100%;padding:10px;border:1px solid var(--line);border-radius:9px;background:white;font:inherit}.settlement{display:flex;flex-wrap:wrap;gap:20px;font-size:13px}.empty-ledger{padding:40px;max-width:760px}.empty-ledger p{line-height:1.6;color:var(--muted)}.ledger-table{overflow-x:auto}.ledger-table td{vertical-align:top}.ledger-table td:first-child{white-space:nowrap}.advance-dialog{width:min(580px,calc(100% - 24px));max-height:90dvh;overflow:auto;border:1px solid var(--line);border-radius:16px;padding:24px;color:var(--text)}.advance-dialog::backdrop{background:#11182788}.advance-dialog h2{font-size:20px;margin:0}.advance-dialog label{display:flex;flex-direction:column;gap:7px;font-size:13px;margin-bottom:16px}.advance-dialog input,.advance-dialog select{width:100%;border:1px solid #ccd1d9;padding:11px;border-radius:8px;font:inherit;background:white}.form-columns{display:flex;gap:12px}.form-columns label{flex:1;min-width:0}.form-error{color:#a02020;font-size:13px}a.btn{text-decoration:none;color:inherit;display:inline-block}button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:520px){.form-columns{flex-wrap:wrap}.form-columns label{flex-basis:40%}.empty-ledger{padding:22px}.ledger-selector label{display:block}.ledger-selector select{width:100%;margin-top:8px}.advance-dialog{padding:18px}}

.voided{opacity:.55}.voided strong{text-decoration:line-through}

.participant-grid,.document-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:16px}.participant-grid h2,.document-grid h2{font-size:19px;margin:10px 0}.contact-lines{font-size:14px;line-height:1.9;overflow-wrap:anywhere}.inactive{opacity:.6}.document-categories{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.document-categories span{opacity:.65;margin-left:5px}.version-history{margin-top:20px;border-top:1px solid var(--line);padding-top:14px}.version-history summary{cursor:pointer;font-size:14px}.advance-dialog textarea{font:inherit;padding:10px;border:1px solid #ccd1d9;border-radius:8px;resize:vertical}.child-work td:first-child{padding-left:25px}.parent-work td:first-child{font-size:14px}.document-grid .card{overflow-wrap:anywhere}.main{min-width:0}

.work-link{border:0;background:none;color:inherit;font:inherit;font-weight:650;text-align:left;cursor:pointer;padding:0}.work-link:hover{text-decoration:underline}.report-card{border-top:1px solid var(--line);padding:18px 0}.report-card blockquote{margin:10px 0;padding:12px;border-left:3px solid #ac5252;background:#fcf0f0}.report-photos{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.report-photos img{width:130px;height:100px;object-fit:cover;border-radius:8px}.nav button[hidden]{display:none}.advance-dialog{max-width:640px}.advance-dialog textarea{width:100%}
/* Shared participant identity and mobile working surface */
.person-chip{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:8px;padding:6px 9px;cursor:pointer;font:inherit;font-size:14px;max-width:100%;text-align:left;overflow-wrap:anywhere;vertical-align:middle}.person-chip:hover{box-shadow:0 0 0 2px #8795ac}.avatar{width:28px;height:28px;object-fit:cover;border-radius:50%;flex-shrink:0}.avatar.large{width:110px;height:110px}.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}.works-table td{vertical-align:top}.works-table td:first-child{white-space:normal;min-width:180px}.collapse-stage{padding:5px 8px;margin-right:5px}.settings-form{max-width:720px}.settings-form label{display:flex;flex-direction:column;gap:8px;margin:15px 0;font-size:14px}.settings-form input,.settings-form textarea,.settings-form select{width:100%;font:inherit;padding:11px;border:1px solid #ccd1d9;border-radius:8px}.settings-form fieldset{border:1px solid var(--line);border-radius:10px;margin:16px 0}.settings-form .checkbox{flex-direction:row;align-items:center}.settings-form .checkbox input{width:auto}.expense-list{display:grid;gap:14px}.save-status{color:#256244}.small{font-size:14px}.tag{font-size:12px}.advance-dialog label{font-size:14px}.btn{font-size:14px;min-height:40px}.settings-form input[type=color],.advance-dialog input[type=color]{height:48px;padding:4px}.works-table table{font-size:14px}.works-table{max-width:100%}.card:has(.works-table){overflow:visible}.work-link{overflow-wrap:anywhere}.top>*{min-width:0}.row>*{min-width:0}.section h2{overflow-wrap:anywhere}
@media(max-width:1100px){.works-table table,.works-table tbody{display:block}.works-table thead{display:none}.works-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:16px 0;border-bottom:1px solid var(--line)}.works-table td{display:flex;flex-direction:column;align-items:flex-start;gap:6px;border:0;padding:4px!important;min-width:0;white-space:normal;text-align:left}.works-table td:first-child{grid-column:1/-1;min-width:0;display:block;font-size:17px}.works-table td:nth-child(2)::before{content:'Исполнитель';color:var(--muted);font-size:13px}.works-table td:nth-child(3)::before{content:'Ответственный';color:var(--muted);font-size:13px}.works-table td:nth-child(4)::before{content:'Приёмка';color:var(--muted);font-size:13px}.works-table td.money:nth-child(5)::before{content:'План';color:var(--muted);font-size:13px}.works-table td.money:nth-child(6)::before{content:'Принято';color:var(--muted);font-size:13px}.works-table td.money:nth-child(7)::before{content:'Оплачено';color:var(--muted);font-size:13px}.parent-work{background:#f4f6fa;border-radius:10px}.work-link{line-height:1.5}.person-chip{min-height:40px}.settlement{display:grid;gap:10px}.tag{white-space:normal}}
@media(max-width:850px){.side{overflow:visible}.nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:3px}.nav button{font-size:13px;white-space:normal;padding:9px 8px;min-width:0}.brand{display:block;margin:0 8px 8px;font-size:17px}.main{padding-bottom:24px}.btn{min-height:44px}.actions{max-width:100%}.actions .btn{white-space:normal}.advance-dialog input,.advance-dialog select,.advance-dialog textarea{font-size:16px}.row{flex-wrap:wrap}.report-photos img{width:110px}.works-table tr{padding:12px 4px}.top{gap:12px}.card{min-width:0}.metric .value{overflow-wrap:anywhere}}
.project-switch{margin:12px 8px 18px;font-size:14px}.project-switch label{display:grid;gap:8px}.project-switch select{width:100%;min-width:0;background:#252932;color:white;border:1px solid #454a54;padding:10px;border-radius:8px;font:inherit}.project-switch a{display:block;color:#c7d5f5;font-size:13px;margin-top:10px}.check-inline{display:inline-flex;align-items:center;gap:8px;font-size:14px}.check-inline input{width:18px;height:18px}.actions select,.ledger-filters select{font:inherit;font-size:14px;border:1px solid var(--line);border-radius:8px;padding:10px;background:white;max-width:100%}.ledger-filters{display:flex;flex-wrap:wrap;gap:14px;align-items:end;margin:20px 0}.ledger-filters label:not(.check-inline){display:grid;gap:7px;font-size:14px}.quote-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr));gap:14px;margin:16px 0}.chosen-quote{border:2px solid #3b8058;background:#f5fbf7}.quote-files{display:grid;gap:10px;margin:14px 0;overflow-wrap:anywhere}.gantt-chart{margin-top:18px}.gantt-axis{display:flex;justify-content:space-between;margin-left:32%;font-size:13px;color:var(--muted);padding:8px}.gantt-row{display:grid;grid-template-columns:minmax(0,32%) minmax(0,1fr);width:100%;text-align:left;align-items:center;gap:10px;border:0;border-top:1px solid var(--line);background:white;padding:12px 0;font:inherit;cursor:pointer}.gantt-title{padding-left:calc(var(--depth)*12px);overflow-wrap:anywhere;font-size:14px}.gantt-title small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.gantt-track{position:relative;display:block;height:42px;background:repeating-linear-gradient(to right,#f2f4f8 0,#f2f4f8 calc(10% - 1px),#dce1e9 10%)}.gantt-bar{position:absolute;display:block;height:13px;min-width:3px;border-radius:3px}.gantt-bar.plan{top:5px;background:#4576ba}.gantt-bar.actual{top:23px;background:#338052}.gantt-today{position:absolute;top:0;bottom:0;border-left:2px solid #bd5656}.quote-grid .actions{margin-top:14px}@media(max-width:600px){.gantt-axis{margin-left:0}.gantt-row{grid-template-columns:1fr}.gantt-track{width:100%}.project-switch{margin:8px}.project-switch label{grid-template-columns:60px minmax(0,1fr);align-items:center}.project-switch a{margin-left:68px}.ledger-filters{align-items:stretch}.ledger-filters>label{max-width:100%}}

.side{overflow-y:auto}.ledger-filters input[type=date]{font:inherit;padding:10px;border:1px solid var(--line);border-radius:8px;max-width:100%}@media(max-width:850px){.side{overflow:visible}}

[hidden]{display:none!important}.auth-card{max-width:520px;margin:10vh auto;padding:28px}.user-session{margin:18px 0;line-height:1.7}.permission-matrix{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.wrap-anywhere{overflow-wrap:anywhere}@media(max-width:600px){.auth-card{margin:24px 12px}.permission-matrix{grid-template-columns:1fr}}
/* Responsive application shell and touch controls. */
.mobile-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-header .brand{min-width:0;overflow-wrap:anywhere}.menu-toggle{display:none}
input,select,textarea,button{font-family:inherit}input,select,textarea{max-width:100%;min-width:0}select{overflow:hidden;text-overflow:ellipsis}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #7c9be8;outline-offset:2px}.user-session .small{color:#bdc5d2}.side a{color:#c7d5f5}.check-inline{min-height:44px}.check-inline input{flex-shrink:0}.top .actions{align-items:center}.advance-dialog{overscroll-behavior:contain}.advance-dialog input[type=file]{white-space:normal;padding:8px}.advance-dialog input::file-selector-button{font:inherit;border:0;border-radius:6px;padding:8px;margin-right:8px;background:#eef0f3}.ledger-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.ledger-filters label{min-width:0}.ledger-filters select,.ledger-filters input{width:100%}.ledger-filters .check-inline input{width:20px}.tag{overflow-wrap:anywhere}
@media(max-width:850px){
 .app{display:block}.side{position:sticky;top:0;z-index:20;height:auto;padding:10px 16px;box-shadow:0 2px 12px #11182718;max-height:100dvh;overflow-y:auto}.mobile-header{min-height:44px}.mobile-header .brand{display:block;margin:0;font-size:18px;line-height:1.25;max-width:55%}.menu-toggle{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;max-width:45%;padding:10px 12px;background:#252932;border:1px solid #414652;border-radius:10px;color:white;font-size:14px}.menu-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#site-menu{display:none}.menu-open #site-menu{display:block;padding:14px 0 6px}.menu-open .project{display:block;margin:0 0 12px;line-height:1.5}.user-session{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin:12px 0;padding:12px 0;border-top:1px solid #343841;border-bottom:1px solid #343841}.user-session .small{flex:1;min-width:120px;line-height:1.4}.user-session .btn{background:transparent;color:#fff;border-color:#454a54}.project-switch{margin:12px 0 16px}.project-switch label{display:grid;grid-template-columns:1fr;gap:6px}.project-switch a{margin:10px 0 0;padding:4px 0}.project-switch select{min-height:48px;font-size:16px}.nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.nav button{min-height:48px;margin:0;padding:12px;text-align:left;font-size:15px}.nav button.active{background:#374458;box-shadow:inset 3px 0 #9bb9ee}.main{padding:20px 16px calc(24px + env(safe-area-inset-bottom));width:100%}.top{flex-wrap:wrap;gap:12px;margin-bottom:18px}.top h1{font-size:24px;line-height:1.2}.top>.actions{width:100%;display:flex}.actions .btn{flex:0 1 auto}.btn,.person-chip{min-height:44px}.btn{padding:11px 14px;line-height:1.35}.work-link{min-height:44px;display:inline-flex;align-items:center}.collapse-stage{min-width:44px;min-height:44px}.actions select,.ledger-filters select,.ledger-filters input,.settings-form input,.settings-form select,.settings-form textarea{font-size:16px;min-height:48px}.actions label{display:grid;gap:6px;min-width:0;max-width:100%}.check-inline{padding:7px 0;line-height:1.4}.check-inline input{width:22px;height:22px}.ledger-filters{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:16px}.grid{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.wide{grid-column:1/-1}.metric .value{font-size:22px;line-height:1.3}.metric .label{line-height:1.4}.row{align-items:flex-start;gap:10px}.row>.actions{width:100%}.advance-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);margin:auto;padding:18px 16px;border-radius:16px}.advance-dialog .top{flex-direction:row;align-items:center}.advance-dialog .top h2{font-size:19px;flex:1}.advance-dialog form>.btn[type=submit]{width:100%;min-height:48px}.advance-dialog label{line-height:1.4}.form-columns{display:grid;grid-template-columns:1fr;width:100%;gap:0}.advance-dialog input,.advance-dialog select,.advance-dialog textarea{font-size:16px;min-height:48px}.permission-matrix{grid-template-columns:1fr}.auth-card{margin:24px 16px}.report-photos img{max-width:100%}.card:has(table),.ledger-table{overflow:visible}
 .screen table:not(.works-table table),.screen table:not(.works-table table) tbody{display:block}.screen table:not(.works-table table) thead{display:none}.screen table:not(.works-table table) tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.screen table:not(.works-table table) tr:last-child{border-bottom:0}.screen table:not(.works-table table) td{display:flex;flex-direction:column;gap:6px;min-width:0;padding:0;border:0;text-align:left;white-space:normal;overflow-wrap:anywhere}.screen table:not(.works-table table) td::before{content:attr(data-label);font-size:12px;color:var(--muted);font-weight:400}.screen table:not(.works-table table) td:first-child{grid-column:1/-1}.screen table:not(.works-table table) td:has(.actions){grid-column:1/-1}.ledger-table td:nth-child(2),.ledger-table td:last-child{grid-column:1/-1}.gantt-row{grid-template-columns:1fr;gap:8px;min-height:72px}.gantt-axis{margin-left:0}.gantt-track{width:100%}
}
@media(max-width:380px){.main{padding-left:12px;padding-right:12px}.side{padding-left:12px;padding-right:12px}.card{padding:12px}.ledger-filters{grid-template-columns:1fr}.metric .value{font-size:19px}.top>.actions .btn{flex:1 1 auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.filter-panel{border:1px solid var(--line);border-radius:12px;background:#fff;margin:20px 0;padding:0 16px}.filter-panel summary{cursor:pointer;padding:14px 0;min-height:48px;font-weight:600}.filter-panel summary .small{display:block;margin:6px 0 0 18px;font-weight:400}.filter-panel .ledger-filters{margin:4px 0 16px}.screen [id]{scroll-margin-top:90px}

@media(max-width:850px){.actions label.check-inline{display:inline-flex;align-items:center;gap:8px}.ledger-selector select{font-size:16px;min-height:48px}.ledger-filters .check-inline input{min-height:22px;width:22px;height:22px}.filter-panel summary:focus-visible{outline:3px solid #7c9be8;outline-offset:2px}}

/* Grouped navigation: compact desktop rail, touch-sized mobile menu. */
.nav{display:block;overflow:visible}.nav-group{margin-top:12px}.nav-group:not(:has(button:not([hidden]))){display:none}.nav-heading{font-size:10px;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:#909aaa;padding:0 10px;margin-bottom:4px}.nav button{display:block;white-space:normal;line-height:1.3}.nav button.active{background:#303c50;color:#fff;box-shadow:inset 3px 0 #9bb9ee}.side .user-session .btn{background:transparent;color:#bac3d1;border-color:#414754;font-size:12px}.side .user-session .btn:hover{background:#252932;color:#fff}
@media(min-width:851px){
 .side{padding:20px 14px 12px;display:flex;flex-direction:column;height:100dvh;overflow-y:auto}.mobile-header{flex-shrink:0}.mobile-header .brand{font-size:20px;margin:0 8px 16px}#site-menu{display:flex;flex-direction:column;flex:1;min-height:0}.side .project{display:none}.project-switch{margin:0 4px 4px;flex-shrink:0}.project-switch label{gap:6px;font-size:11px;color:#9ca7b8}.project-switch select{padding:9px 10px;font-size:13px;border-radius:8px}.nav{flex:1;overflow-y:auto;min-height:100px;padding:0 0 12px;scrollbar-width:thin;scrollbar-color:#414754 transparent}.nav button{min-height:32px;padding:7px 10px;margin:1px 0;font-size:13px;border-radius:7px}.nav-group{margin-top:12px}.user-session{order:3;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;align-items:center;flex-shrink:0;margin:0;padding:12px 6px 0;border-top:1px solid #303641;line-height:1.4}.user-session strong{font-size:13px}.user-session .small{grid-column:1;font-size:11px;overflow-wrap:anywhere}.user-session .btn,.user-session>a{grid-column:2;grid-row:1/3;padding:7px 9px}.user-session>a{font-size:11px;max-width:80px}
}
@media(max-width:850px){.nav{display:block}.nav-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:16px}.nav-heading{grid-column:1/-1;margin-bottom:3px}.nav button{width:100%;min-height:44px;padding:10px 12px}.menu-open .project{margin-bottom:8px}}
/* Status colours supplement text, never replace it. */
.tag.status-draft,.tag.status-requested{background:#edf0f4;color:#475569}.tag.status-approved,.tag.status-reviewed{background:#e4edff;color:#234e97}.tag.status-ordered{background:#f0e7ff;color:#69419b}.tag.status-submitted{background:#fff0cd;color:#865900}.tag.status-delivered{background:#dff4f0;color:#126d61}.tag.status-accepted,.tag.status-closed{background:#def2e5;color:#24633a}.tag.status-rejected{background:#fde5e5;color:#a32929}.work-progress{min-width:140px;max-width:240px;display:grid;gap:7px}.progress-numbers{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 10px;font-size:12px}.progress-numbers span{color:var(--muted)}.work-progress-track{height:9px;background:#e6e9ee;border-radius:6px;position:relative;overflow:hidden}.work-progress-track>span{position:absolute;top:0;bottom:0;left:0;border-radius:6px}.progress-submitted{background:#e6b23e}.progress-accepted{background:#31915c}.work-progress>.tag{justify-self:start;white-space:normal}@media(max-width:850px){.work-progress{min-width:0;width:100%;max-width:none}}
.work-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:12px}.work-filters,.work-views{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.work-toolbar .btn,.work-toolbar select{display:inline-flex;align-items:center;justify-content:center;min-height:42px;margin:0;font-size:14px;line-height:1.3;font-weight:400;padding:10px 12px;text-decoration:none}.work-toolbar select{font-family:inherit;border:1px solid var(--line);border-radius:8px;background:white}.work-toolbar .check-inline{display:inline-flex;align-items:center;margin:0;padding:0;min-height:42px}.work-toolbar .check-inline input{margin:0;width:20px;height:20px}@media(max-width:600px){.work-filters{width:100%}.work-filters select{width:100%;font-size:16px;min-height:48px}.work-views{width:100%;display:grid;grid-template-columns:1fr 1fr}.work-toolbar .btn{min-height:44px}.work-toolbar .check-inline{min-height:44px}}
.purchase-budget-row{display:grid;grid-template-columns:minmax(0,1fr) 140px 210px;align-items:center;gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}.purchase-budget-row:last-child{border-bottom:0}.purchase-budget-description{display:grid;gap:6px;min-width:0;overflow-wrap:anywhere}.purchase-budget-description .tag{justify-self:start}.purchase-budget-amount{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.purchase-budget-actions .actions{justify-content:flex-end;flex-wrap:nowrap}.purchase-budget-actions .btn{font:inherit;font-size:13px}@media(max-width:850px){.purchase-budget-row{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:16px 0}.purchase-budget-actions{grid-column:1/-1}.purchase-budget-actions:empty{display:none}.purchase-budget-actions .actions{justify-content:flex-start;flex-wrap:wrap}.purchase-budget-amount{align-self:start}.purchase-budget-description .small{line-height:1.5}}
.personal-expense-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;margin-bottom:14px}.personal-expense-title{display:grid;justify-items:start;gap:12px;min-width:0}.personal-expense-title h2{margin:0;line-height:1.3;overflow-wrap:anywhere}.personal-expense-title .tag{white-space:normal;line-height:1.4}.personal-expense-header>strong{font-size:18px;white-space:nowrap;padding-top:4px;font-variant-numeric:tabular-nums}.personal-expense .actions{margin-top:14px}.personal-category-row{display:grid;grid-template-columns:minmax(0,1fr) 140px auto;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.personal-category-row>strong{text-align:right;white-space:nowrap}.personal-category-row:last-child{border-bottom:0}@media(max-width:600px){.personal-expense-header{grid-template-columns:1fr;gap:12px}.personal-category-row{grid-template-columns:minmax(0,1fr) auto;gap:10px}.personal-category-row>.actions{grid-column:1/-1}.personal-expense-title h2{font-size:20px}}