:root{--ink:#16231e;--muted:#66716b;--paper:#f3f1eb;--card:#fff;--green:#163c31;--green2:#245c49;--gold:#d7aa53;--line:#dddcd4;--red:#a94442;--shadow:0 18px 45px rgba(20,38,31,.09);font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--paper)}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.eyebrow{margin:0 0 10px;font-size:11px;letter-spacing:.18em;font-weight:800;color:#789086}.brand-mark{display:grid;place-items:center;width:56px;height:56px;border:1px solid rgba(255,255,255,.28);border-radius:16px;color:var(--gold);font:700 29px Georgia,serif}.brand-mark.small{width:39px;height:39px;border-radius:11px;font-size:21px;background:var(--green);border:0}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(380px,47%) 1fr}.brand-panel{padding:58px 62px;background:linear-gradient(145deg,#0e211a,#1b4436);color:white;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.brand-panel:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-230px;bottom:-180px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 150px rgba(255,255,255,.018)}.brand-panel h1{font:500 clamp(40px,5vw,68px)/1.02 Georgia,serif;margin:18vh 0 22px;letter-spacing:-.035em}.brand-copy{max-width:490px;color:#b9c7c0;font-size:17px;line-height:1.65}.trust-row{display:flex;gap:24px;flex-wrap:wrap;font-size:11px;letter-spacing:.06em;color:#aac0b6;z-index:1}.auth-panel{display:grid;place-items:center;padding:35px}.auth-card{width:min(460px,100%)}.mobile-logo{display:none;align-items:center;gap:12px;margin-bottom:35px}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:35px}.tab{background:none;border:0;padding:14px 12px;color:#7c847f;font-size:13px}.tab.active{color:var(--green);box-shadow:inset 0 -2px var(--gold);font-weight:700}.auth-form{display:grid;gap:18px}.form-heading{margin-bottom:5px}.form-heading h2,.panel h3,.section-head h3{font:500 31px/1.1 Georgia,serif;margin:0 0 8px}.form-heading p,.panel-head p,.section-head p{color:var(--muted);margin:0;line-height:1.5}.auth-form label,.form-panel label{display:grid;gap:8px;font-size:12px;font-weight:700;color:#46514c}.auth-form input,.form-panel input,.form-panel select{width:100%;border:1px solid #d7d8d2;background:#fbfbf8;border-radius:10px;padding:14px 15px;outline:none;color:var(--ink)}input:focus,select:focus{border-color:var(--green2);box-shadow:0 0 0 3px rgba(36,92,73,.1)}.primary,.secondary{border:0;border-radius:10px;padding:15px 20px;font-weight:800}.primary{background:var(--green);color:white;box-shadow:0 8px 18px rgba(22,60,49,.18)}.primary:hover{background:var(--green2)}.secondary{background:#edf0ec;color:var(--green)}.fit{width:max-content}.danger-soft{background:#542c29}.toast{position:fixed;right:24px;top:24px;z-index:99;background:var(--ink);color:white;padding:13px 18px;border-radius:9px;box-shadow:var(--shadow);opacity:0;transform:translateY(-8px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.toast.error{background:#773934}.app{min-height:100vh;display:block}.sidebar{background:var(--green);color:white;padding:26px 18px;position:fixed;inset:0 auto 0 0;width:245px;display:flex;flex-direction:column;z-index:20}.app-logo{display:flex;align-items:center;gap:12px;padding:0 10px 34px}.app-logo>span:last-child{display:grid}.app-logo small{font-size:8px;letter-spacing:.2em;color:#a5b9b0}.sidebar nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#b8c9c1;text-align:left;padding:13px 14px;border-radius:9px;display:flex;align-items:center;gap:12px}.nav-item span{font-size:19px;width:22px}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.1);color:white}.nav-item.active{box-shadow:inset 2px 0 var(--gold)}.sidebar-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding:18px 5px 0;display:flex;align-items:center;justify-content:space-between}.user-chip{display:flex;align-items:center;gap:10px;min-width:0}.user-chip>span:last-child{display:grid;min-width:0}.user-chip strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-chip small{color:#9eb3aa}.avatar{width:35px;height:35px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--green);font-weight:900}.icon-button{border:0;background:none;color:#b9cac2;font-size:22px}.workspace{margin-left:245px;min-width:0}.topbar{height:92px;padding:0 42px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:rgba(243,241,235,.88);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.topbar h2{font:500 25px Georgia,serif;margin:0}.topbar .eyebrow{margin-bottom:4px}.status-pill{padding:9px 13px;border:1px solid #d1dbd4;border-radius:30px;color:#426052;font-size:12px;background:#f8faf7}.status-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#59a473;margin-right:8px}.menu-button{display:none;background:none;border:0;font-size:23px}.view{padding:36px 42px;max-width:1380px;margin:0 auto}.welcome-card{background:linear-gradient(120deg,#173c31,#245440);color:white;border-radius:16px;padding:34px 38px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow)}.welcome-card h3{font:500 35px Georgia,serif;margin:0 0 10px}.welcome-card p:last-child{margin:0;color:#b9ccc3}.session-seal{display:flex;gap:12px;align-items:center;border-left:1px solid rgba(255,255,255,.18);padding-left:32px}.session-seal span{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:var(--green);font-size:22px}.session-seal small{font-weight:800;letter-spacing:.1em;line-height:1.4}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0}.metric{padding:22px;background:var(--card);border:1px solid #e2e1da;border-radius:14px;display:flex;gap:15px;align-items:center}.metric-icon{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;font-size:21px}.metric-icon.green{background:#e2eee8;color:#256249}.metric-icon.sand{background:#f5ead1;color:#95722f}.metric-icon.blue{background:#e2ebef;color:#477184}.metric>div{display:grid;gap:6px}.metric small{font-size:9px;letter-spacing:.13em;color:#86908b;font-weight:800}.metric strong{font-size:15px}.stage-card{background:var(--card);border:1px solid #e1e0d8;border-radius:14px;padding:26px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:23px}.stage-number{font:500 36px Georgia,serif;color:#c5a45f;border-right:1px solid var(--line);padding-right:23px}.stage-card h3{margin:0 0 7px;font:500 21px Georgia,serif}.stage-card p:last-child{margin:0;color:var(--muted)}.done-badge{background:#e4f0e9;color:#276047;border-radius:30px;padding:8px 12px;font-size:11px;font-weight:800}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.team-card,.panel{background:var(--card);border:1px solid #dfdfd8;border-radius:14px;padding:24px}.member-top{display:flex;align-items:center;gap:14px}.member-top .avatar{width:47px;height:47px}.member-info{display:grid;gap:4px}.member-info strong{font:500 20px Georgia,serif}.member-info small{color:var(--muted)}.member-status{margin-left:auto;font-size:10px;text-transform:uppercase;letter-spacing:.08em;border-radius:20px;padding:6px 9px;font-weight:800}.member-status.active{background:#e3f1e9;color:#286148}.member-status.pending{background:#f3ead8;color:#87651f}.member-meta{margin-top:20px;border-top:1px solid var(--line);padding-top:17px;display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px}.invite-button{margin-top:16px;width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;background:#f7f7f3;color:var(--green);font-weight:700}.two-columns{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.form-panel{display:grid;gap:17px}.panel-head{border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:2px}.toggle-row{display:flex!important;align-items:center;justify-content:space-between;padding:13px 0}.toggle-row span{display:grid;gap:4px}.toggle-row small{font-weight:400;color:var(--muted)}.toggle{appearance:none;width:42px!important;height:24px;border-radius:20px!important;padding:0!important;background:#c9ccc9!important;position:relative}.toggle:after{content:"";position:absolute;width:18px;height:18px;top:2px;left:3px;background:white;border-radius:50%;transition:.2s}.toggle:checked{background:var(--green2)!important}.toggle:checked:after{left:19px}.table-panel{padding:0;overflow:auto}table{width:100%;border-collapse:collapse;min-width:700px}th,td{padding:14px 17px;text-align:left;border-bottom:1px solid #e5e4de;font-size:12px}th{font-size:9px;letter-spacing:.12em;color:#808a85;background:#f8f8f5}.result-ok{color:#2c7453;font-weight:800}.result-bad{color:var(--red);font-weight:800}dialog{border:0;border-radius:16px;padding:30px;width:min(450px,calc(100% - 30px));box-shadow:0 30px 90px rgba(10,30,22,.3)}dialog::backdrop{background:rgba(8,20,15,.58)}dialog h3{font:500 27px Georgia,serif;margin:0 0 17px}dialog p:not(.eyebrow){color:var(--muted);line-height:1.55}.dialog-close{position:absolute;right:14px;top:12px;border:0;background:none;font-size:25px;color:#77817c}.code-box{font:700 22px monospace;letter-spacing:.08em;padding:19px;text-align:center;border:1px dashed #b8aa88;background:#faf5e8;border-radius:10px;margin:15px 0}
@media(max-width:850px){.auth-shell{display:block}.brand-panel{display:none}.auth-panel{min-height:100vh;padding:25px}.mobile-logo{display:flex}.app{display:block}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none;box-shadow:15px 0 40px rgba(0,0,0,.2)}.workspace{margin-left:0}.topbar{height:76px;padding:0 20px}.menu-button{display:block}.status-pill{display:none}.view{padding:23px 18px}.metric-grid,.team-grid,.two-columns{grid-template-columns:1fr}.welcome-card{padding:28px 24px}.session-seal{display:none}.stage-card{grid-template-columns:auto 1fr}.done-badge{grid-column:2}.section-head{align-items:flex-start}.sidebar-bottom{padding-bottom:max(0px,env(safe-area-inset-bottom))}}
@media(max-width:480px){.auth-card{padding-top:15px}.tabs{overflow:auto}.tab{white-space:nowrap}.welcome-card h3{font-size:29px}.metric-grid{gap:11px}.stage-number{display:none}.stage-card{grid-template-columns:1fr}.done-badge{grid-column:1;width:max-content}}

.invoice-filters{display:grid;grid-template-columns:1.15fr repeat(3,1fr);gap:15px;padding:18px;margin-bottom:17px}.invoice-filters label,.invoice-form label,.owner-form label,.status-form label{display:grid;gap:7px;font-size:10px;letter-spacing:.08em;font-weight:800;color:#69746f;text-transform:uppercase}.invoice-filters input,.invoice-filters select,.invoice-form input,.invoice-form select,.invoice-form textarea,.owner-form select,.owner-form input,.status-form select,.status-form input{border:1px solid #d8d8d2;border-radius:9px;background:#fbfbf8;padding:11px 12px;color:var(--ink);outline:none;text-transform:none;letter-spacing:0}.invoice-form textarea{resize:vertical}.invoice-totals{display:grid;grid-template-columns:.7fr repeat(3,1fr);gap:12px;margin-bottom:17px}.invoice-totals article{background:var(--card);border:1px solid #e0dfd8;border-radius:12px;padding:17px;display:grid;gap:7px}.invoice-totals small{font-size:9px;letter-spacing:.14em;color:#838d88;font-weight:800}.invoice-totals strong{font:500 20px Georgia,serif}.invoice-table td{vertical-align:middle}.invoice-number{display:grid;gap:4px}.invoice-number strong{font-size:12px}.invoice-number small{color:var(--muted)}.amount{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.owner-badge,.status-badge,.direction-badge{display:inline-flex;align-items:center;border-radius:20px;padding:6px 9px;font-size:10px;font-weight:800;white-space:nowrap}.owner-yura{background:#e4eee9;color:#245f47}.owner-slavik{background:#e6ebf4;color:#405f8b}.owner-kamil{background:#f3ead9;color:#876521}.owner-common{background:#ece8f2;color:#67517d}.owner-unassigned{background:#f2e4e2;color:#92504b}.status-badge{background:#eff0ec;color:#59635e}.status-disputed{background:#f6dfdb;color:#9a3e38}.status-confirmed{background:#def0e6;color:#236044}.direction-incoming{background:#f3e9d6;color:#886426}.direction-outgoing{background:#e0eee8;color:#286149}.row-action{border:0;background:none;color:var(--green2);font-size:20px}.empty-state{padding:55px 20px;text-align:center;display:grid;gap:8px;color:var(--muted)}.empty-state strong{color:var(--ink);font:500 21px Georgia,serif}.wide-dialog{width:min(760px,calc(100% - 24px));max-height:90vh;overflow:auto}.invoice-form{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.invoice-form .span-2{grid-column:span 2}.invoice-form label small{font-size:10px;letter-spacing:0;text-transform:none;font-weight:400;color:var(--muted)}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:18px}.detail-top{display:flex;justify-content:space-between;gap:20px;padding-right:25px}.detail-title h3{margin-bottom:5px}.detail-title p{margin:0!important}.detail-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.detail-amounts div{background:#f6f6f2;padding:14px;border-radius:9px;display:grid;gap:5px}.detail-amounts small{font-size:9px;letter-spacing:.1em;color:var(--muted)}.detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}.detail-box{border:1px solid var(--line);border-radius:10px;padding:16px}.detail-box h4{margin:0 0 13px;font:500 18px Georgia,serif}.history{display:grid;gap:10px;max-height:150px;overflow:auto}.history-item{display:grid;grid-template-columns:10px 1fr;gap:8px;font-size:11px}.history-item:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold);margin-top:4px}.history-item small{color:var(--muted)}.owner-form,.status-form{display:grid;grid-template-columns:1fr 1.5fr auto;gap:8px;align-items:end;margin-top:13px}.owner-form button,.status-form button{padding:11px 13px}.attachment-link{display:inline-flex;margin-top:14px;color:var(--green2);font-weight:800;text-decoration:none}.detail-notes{white-space:pre-wrap;background:#faf9f5;border-left:3px solid var(--gold);padding:11px 13px;color:#59635e;font-size:12px;margin-top:15px}.loading-row{text-align:center!important;color:var(--muted);padding:45px!important}
@media(max-width:850px){.invoice-heading{align-items:center}.invoice-filters{grid-template-columns:1fr 1fr}.invoice-totals{grid-template-columns:1fr 1fr}.invoice-form{grid-template-columns:1fr}.invoice-form .span-2{grid-column:span 1}.detail-columns{grid-template-columns:1fr}.owner-form,.status-form{grid-template-columns:1fr}.invoice-table{min-width:980px}}
@media(max-width:480px){.invoice-heading{display:grid;gap:15px}.invoice-filters{grid-template-columns:1fr}.invoice-totals{grid-template-columns:1fr 1fr}.invoice-totals strong{font-size:16px}.detail-amounts{grid-template-columns:1fr}.wide-dialog{padding:24px 18px}}

.integration-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.integration-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.integration-pair,.mapping-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.mapping-box{border:1px solid var(--line);background:#f9f8f4;border-radius:10px;padding:16px}.mapping-box h4{margin:0 0 6px;font:500 18px Georgia,serif}.mapping-box>p{margin:0 0 15px;color:var(--muted);font-size:12px;line-height:1.5}.mapping-box code{background:#ecece6;padding:2px 4px;border-radius:4px}.mapping-grid{grid-template-columns:repeat(3,1fr)}.form-panel label>small{font-size:10px;font-weight:400;color:var(--muted);text-transform:none;letter-spacing:0}.sync-summary{display:grid;gap:12px}.sync-summary>div{display:grid;gap:6px;padding:14px;background:#f7f7f3;border-radius:9px}.sync-summary small{font-size:9px;letter-spacing:.12em;color:var(--muted);font-weight:800}.sync-summary strong{font-size:13px}.sync-runs{display:grid;margin-top:18px;border-top:1px solid var(--line)}.sync-run{display:grid;grid-template-columns:10px 1fr;gap:10px;padding:14px 2px;border-bottom:1px solid var(--line)}.sync-run>div{display:grid;gap:4px}.sync-run strong{font-size:12px}.sync-run small{color:var(--muted);font-size:11px}.sync-dot{width:8px;height:8px;border-radius:50%;background:#8b928e;margin-top:3px}.sync-dot.success{background:#58a273}.sync-dot.partial{background:#d49b3e}.sync-dot.failed{background:#bd574e}.sync-dot.running{background:#5189b5}.sync-run details{font-size:11px;color:#9a403a;margin-top:5px}.sync-run details p{line-height:1.5}.empty-mini{padding:25px 5px;color:var(--muted);font-size:12px}.file-links{display:flex;gap:14px;flex-wrap:wrap}
@media(max-width:950px){.integration-layout{grid-template-columns:1fr}}
@media(max-width:550px){.integration-pair,.mapping-grid{grid-template-columns:1fr}}

.nav-badge{margin-left:auto;background:var(--gold);color:var(--green);border-radius:20px;min-width:21px;height:21px;display:grid;place-items:center;font-size:10px}.task-actions{display:flex;gap:10px;align-items:center}.task-actions input{border:1px solid var(--line);background:white;border-radius:9px;padding:10px 12px;color:var(--ink)}.push-message{display:flex;gap:14px;align-items:center;padding:16px 18px;border:1px solid #d9ded8;background:#f7faf7;border-radius:12px;margin-bottom:23px}.push-message>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#e0ece6;color:var(--green2)}.push-message div{display:grid;gap:4px}.push-message p{margin:0;color:var(--muted);font-size:12px}.push-message.enabled{border-color:#bcd7c7;background:#eef7f1}.push-message.denied{border-color:#e3c0bc;background:#fbefed}.subsection-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 13px}.subsection-head h4{font:500 21px Georgia,serif;margin:0}.subsection-head p{color:var(--muted);font-size:12px;margin:4px 0 0}.subsection-head>span{background:var(--green);color:white;border-radius:20px;padding:5px 9px;font-size:11px}.task-list{display:grid;gap:13px}.task-card{background:white;border:1px solid #dfded7;border-radius:14px;padding:21px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.task-card.later{border-left:3px solid var(--gold)}.task-info{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}.task-date{width:48px;height:48px;border-radius:10px;background:#f1eee6;display:grid;place-items:center;text-align:center;color:#6c654f}.task-date strong{font:500 19px Georgia,serif;line-height:1}.task-date small{font-size:8px;text-transform:uppercase}.task-copy{display:grid;gap:5px}.task-copy h5{font:500 18px Georgia,serif;margin:0}.task-copy p{margin:0;color:var(--muted);font-size:12px}.task-copy .task-amount{color:var(--ink);font-weight:800}.task-buttons{display:flex;gap:7px}.task-buttons button{border-radius:9px;padding:10px 13px;font-size:11px;font-weight:800;border:1px solid var(--line)}.mine-button{background:var(--green);border-color:var(--green)!important;color:white}.reject-button{background:#f7f7f3;color:#6c7470}.later-button{background:#f6ecd8;color:#856422}.empty-tasks{padding:35px;text-align:center;border:1px dashed #d5d5ce;border-radius:12px;color:var(--muted);display:grid;gap:7px}.empty-tasks strong{color:var(--ink);font:500 19px Georgia,serif}.review-section{margin-top:31px;padding-top:25px;border-top:1px solid var(--line)}.review-list{display:grid;gap:9px}.review-item{background:white;border:1px solid #e0dfd8;border-radius:11px;padding:15px 17px;display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center}.review-item>div{display:grid;gap:5px}.review-item strong{font-size:13px}.review-item small{color:var(--muted)}.review-answers{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.answer-chip{font-size:9px;padding:5px 7px;border-radius:12px;background:#eceeea;color:#59625e}.answer-chip.rejected{background:#f0e6e4;color:#8c504b}.answer-chip.later{background:#f3ead8;color:#806322}.answer-chip.claimed{background:#e0eee7;color:#286047}.assignment-label{font-size:10px;font-weight:800;padding:6px 8px;border-radius:15px;background:#eee}.assignment-label.nobody_claimed,.assignment-label.disputed{background:#f4dfdc;color:#963f39}.assignment-label.open{background:#f3ead6;color:#886425}
@media(max-width:720px){.tasks-heading{display:grid;gap:14px}.task-actions{justify-content:space-between}.task-card{grid-template-columns:1fr}.task-buttons{display:grid;grid-template-columns:repeat(3,1fr)}.review-item{grid-template-columns:1fr}.review-answers{justify-content:flex-start}}
@media(max-width:430px){.task-info{grid-template-columns:1fr}.task-date{display:none}.task-buttons{grid-template-columns:1fr}.task-actions{display:grid;grid-template-columns:1fr}.task-actions input,.task-actions button{width:100%}}

.money-controls{display:flex;gap:9px;align-items:center}.money-controls select,.money-controls input,.money-transactions select{border:1px solid var(--line);border-radius:9px;padding:10px 12px;background:white;color:var(--ink)}.reconciliation{display:grid;grid-template-columns:repeat(4,1fr);background:var(--green);color:white;border-radius:14px;padding:20px 23px;margin-bottom:17px;box-shadow:var(--shadow)}.reconciliation>div{display:grid;gap:6px;padding:0 18px;border-right:1px solid rgba(255,255,255,.15)}.reconciliation>div:first-child{padding-left:0}.reconciliation>div:last-child{border:0}.reconciliation small{font-size:9px;letter-spacing:.12em;color:#abc1b7;font-weight:800}.reconciliation strong{font:500 20px Georgia,serif}.reconciliation .difference-ok{color:#9ce0b8}.reconciliation .difference-bad{color:#ffb4a8}.money-balances{display:grid;grid-template-columns:repeat(5,1fr);gap:11px;margin-bottom:17px}.balance-card{background:white;border:1px solid #e0dfd8;border-radius:12px;padding:16px;display:grid;gap:8px}.balance-card small{font-size:9px;letter-spacing:.1em;color:var(--muted);font-weight:800}.balance-card strong{font:500 19px Georgia,serif}.balance-card.unassigned{border-color:#deb8b3;background:#fffafa}.participant-money{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.participant-money-card{background:white;border:1px solid #dfded7;border-radius:13px;padding:19px}.participant-money-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--line)}.participant-money-head h4{font:500 20px Georgia,serif;margin:0}.participant-money-head strong{font:500 20px Georgia,serif;color:var(--green2)}.cash-lines{display:grid;gap:9px;margin-top:14px}.cash-line{display:grid;grid-template-columns:1fr auto auto;gap:10px;font-size:11px;align-items:center}.cash-line span{color:var(--muted)}.cash-line strong{font-size:11px}.cash-line small{color:#8a938e}.money-transactions{margin-top:28px}.money-table td{vertical-align:middle}.transaction-copy{display:grid;gap:4px;max-width:450px}.transaction-copy strong{font-size:12px}.transaction-copy small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transaction-amount{font-weight:900;white-space:nowrap}.transaction-amount.positive{color:#28714f}.transaction-amount.negative{color:#9b4842}.allocation-list{display:flex;gap:5px;flex-wrap:wrap}.allocation-chip{background:#eceeea;border-radius:13px;padding:5px 7px;font-size:9px}.allocation-chip.unassigned{background:#f2e2df;color:#904941}.match-hint{display:block;margin-top:5px;color:#9a742d;font-size:9px}.reconcile-action{border:0;background:none;color:var(--green2);font-size:19px}.allocation-transaction{background:#f6f5f0;border-radius:10px;padding:14px;margin-bottom:15px;display:flex;justify-content:space-between;gap:15px}.allocation-transaction div{display:grid;gap:4px}.allocation-transaction small{color:var(--muted)}.allocation-row{display:grid;grid-template-columns:1fr 1.4fr .8fr 34px;gap:8px;align-items:end;margin:9px 0}.allocation-row label{display:grid;gap:5px;font-size:9px;letter-spacing:.08em;color:var(--muted);font-weight:800;text-transform:uppercase}.allocation-row select,.allocation-row input{border:1px solid var(--line);border-radius:8px;padding:10px;background:#fbfbf8;color:var(--ink)}.remove-allocation{height:39px;border:0;border-radius:8px;background:#f3e5e2;color:#954c46}.allocation-footer{margin-top:17px;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.allocation-footer span{color:var(--muted);font-size:12px}.allocation-footer strong{color:var(--ink)}#opening-dialog{width:min(430px,calc(100% - 24px))}#opening-total-text{background:#f5f3eb;padding:11px;border-radius:8px}.opening-button{border:0;background:none;color:var(--green2);font-size:10px;font-weight:800;padding:0;text-align:left}.import-result{padding:12px;background:#edf5ef;border-radius:9px;color:#2e624b}
@media(max-width:1050px){.money-controls{display:grid;grid-template-columns:1fr 1fr}.money-controls button{grid-column:span 2;width:100%}.reconciliation{grid-template-columns:1fr 1fr;gap:18px}.reconciliation>div{border-right:0;padding:0}.money-balances{grid-template-columns:repeat(3,1fr)}.participant-money{grid-template-columns:1fr}}
@media(max-width:650px){.money-heading{display:grid;gap:14px}.money-controls{grid-template-columns:1fr}.money-controls button{grid-column:1}.reconciliation{grid-template-columns:1fr}.money-balances{grid-template-columns:1fr 1fr}.allocation-row{grid-template-columns:1fr}.remove-allocation{width:100%}.money-table{min-width:760px}}
/* Stage 6: VAT */
.vat-tax-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.vat-tax-card{background:var(--card);border:1px solid #dfdfd8;border-radius:14px;padding:22px}.vat-tax-card h4{font:500 23px Georgia,serif;margin:0 0 16px}.vat-result{display:flex;justify-content:space-between;align-items:end;padding:15px 0;border-top:1px solid var(--line)}.vat-result strong{font-size:21px}.vat-result.payable strong{color:#9a463f}.vat-result.surplus strong{color:#2c7453}.vat-detail{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:11px;color:var(--muted)}.vat-detail span{display:grid;gap:4px}.vat-detail b{font-size:13px;color:var(--ink)}.vat-funds-panel{margin:20px 0}.reconciliation.compact{margin:0 0 16px}.vat-columns{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;margin:20px 0}.vat-review-list,.vat-transfer-list{display:grid;gap:10px}.vat-review-item,.vat-transfer-item{border:1px solid var(--line);border-radius:10px;padding:13px;display:flex;align-items:center;justify-content:space-between;gap:12px}.vat-review-item>div,.vat-transfer-item>div{display:grid;gap:4px}.vat-review-item small,.vat-transfer-item small{color:var(--muted)}.vat-state{font-size:10px;font-weight:800;padding:5px 8px;border-radius:16px;background:#f3ead8;color:#806322}.vat-state.allowed,.vat-state.confirmed{background:#e0eee7;color:#286047}.vat-state.disallowed{background:#f0e2df;color:#963f39}.vat-accountant{margin:20px 0}.vat-accountant-forms{display:grid;grid-template-columns:1fr 1fr;gap:24px}.vat-accountant-forms h5{margin:0;font:500 18px Georgia,serif}.purpose-label{min-width:150px}.purpose-label select{width:100%}@media(max-width:900px){.vat-tax-cards,.vat-columns,.vat-accountant-forms{grid-template-columns:1fr}}
.top-gap{margin-top:20px}.split-top{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.component-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-note{font-size:12px;color:var(--muted);background:#f6f5f0;padding:12px;border-radius:9px}.balance-card span{font-size:10px;color:var(--muted);line-height:1.4}.closing-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.closing-actions a{text-decoration:none;display:inline-block}.vat-state.approved,.vat-state.partially_paid{background:#e6ebf1;color:#385c72}.vat-state.settled{background:#e0eee7;color:#286047}

.demo-toolbar{position:sticky;top:0;z-index:100;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 20px;background:#fff0bc;color:#302c1d;border-bottom:1px solid #d8bc63;font-size:13px}.demo-toolbar label{display:flex;align-items:center;gap:8px}.demo-toolbar select,.demo-toolbar button{padding:9px;border:1px solid #c5ad66;border-radius:7px;background:#fffdf4;color:#302c1d}.demo-mode .sidebar{top:var(--demo-toolbar-height,0px);height:calc(100dvh - var(--demo-toolbar-height,0px))}.demo-dialog{max-width:640px;width:calc(100% - 32px);max-height:85dvh;overflow:auto;padding:24px;border:1px solid #ccc;border-radius:16px}.demo-dialog li{margin:14px 0;line-height:1.6}.demo-dialog textarea{width:100%;font:inherit}.demo-dialog::backdrop{background:#0008}@media(max-width:700px){.demo-toolbar{position:relative}.demo-mode .sidebar{top:0;height:100dvh}.demo-toolbar>span{width:100%}}


.demo-mode .auth-card>.tabs,.demo-mode .auth-card>.auth-form{display:none!important}
.demo-entry h2{font:500 30px Georgia,serif}.demo-entry p{line-height:1.6}.demo-entry-buttons{display:grid;gap:12px}.demo-entry-buttons button{min-height:48px}.demo-mode .auth-shell{min-height:calc(100dvh - 120px)}
.i18n-copy{display:contents!important;font:inherit!important;color:inherit!important;letter-spacing:inherit!important}.language-picker{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}.language-picker select{padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink)}.auth-card>.language-picker{justify-content:flex-end;margin-bottom:20px}.topbar{flex-wrap:wrap}.topbar>.language-picker{order:3;margin-left:auto}@media(max-width:600px){.topbar>.status-pill{display:none}.language-picker{font-size:11px}}
/* Mobile navigation: drawer stays above the demo toolbar. */
.menu-close,.menu-backdrop{display:none}.sidebar{overflow-y:auto}.sidebar nav{flex-shrink:0}.sidebar-bottom{flex-shrink:0}.topbar #view-back{padding:10px 12px;min-height:44px}
@media(max-width:850px){
.sidebar,.demo-mode .sidebar{top:0;height:100dvh;max-height:100dvh;z-index:202;width:min(320px,88vw);padding-top:max(12px,env(safe-area-inset-top));overscroll-behavior:contain}
.menu-close{display:block;position:sticky;top:0;z-index:1;flex-shrink:0;width:100%;min-height:48px;margin-bottom:14px;border:1px solid #789086;border-radius:9px;background:var(--green);color:white;text-align:right;padding:12px;font:inherit;cursor:pointer}
.menu-backdrop{display:block;position:fixed;inset:0;z-index:201;background:#0007;border:0;width:100%;height:100dvh}
body.menu-open{overflow:hidden}.sidebar:not(.open){visibility:hidden}.sidebar.open{visibility:visible}
.topbar{height:auto;min-height:92px;gap:10px;padding:12px 16px}.topbar .menu-button{min-height:44px;font-size:16px;white-space:nowrap}.topbar>.language-picker{margin-left:0}
}

/* Keep content sizing and sticky offsets consistent at every window width. */
:root{--demo-toolbar-height:0px}
.demo-toolbar{position:sticky;top:0;max-width:100%;overflow-wrap:anywhere}
.demo-toolbar label{min-width:0;flex-wrap:wrap}.demo-toolbar select{max-width:100%}
.workspace{min-width:0}.workspace .topbar{top:var(--demo-toolbar-height,0px);height:auto;min-height:92px;gap:12px;padding-top:14px;padding-bottom:14px}
.topbar>div,.welcome-card>div,.metric>div,.stage-card>div{min-width:0;overflow-wrap:anywhere}
.topbar h2{overflow-wrap:anywhere}.welcome-card{gap:20px;flex-wrap:wrap}.metric strong{overflow-wrap:anywhere}
.metric-grid,.team-grid,.two-columns,.vat-columns,.integration-layout,.participant-money{min-width:0}
.metric-grid>*,.team-grid>*,.two-columns>*,.vat-columns>*,.integration-layout>*,.participant-money>*{min-width:0}
.section-head,.panel-head,.integration-head,.closing-actions{flex-wrap:wrap;gap:12px}
@media(max-width:850px){.demo-mode .sidebar{top:0;height:100dvh}.workspace{margin-left:0}.demo-toolbar{padding:10px 14px;gap:8px}.demo-toolbar>span{width:auto}.workspace .topbar{padding:12px 16px}.topbar>.language-picker{margin-left:auto}}
@media(max-width:480px){.component-fields,.mapping-grid,.integration-pair{grid-template-columns:minmax(0,1fr)}.demo-toolbar button{flex:1 1 140px}.demo-toolbar label{flex:1 1 100%}.demo-toolbar select{flex:1;min-width:0}.topbar>.language-picker{flex-basis:100%;justify-content:flex-end}}
/* Compact overview: keep technical details out of the main workspace. */
.header-user-tools{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;order:3;margin-left:auto;max-width:100%}
.header-role{font-size:12px;color:#fff;padding:6px 10px;background:var(--green);border-radius:8px;line-height:1.4}
.home-greeting{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:16px 20px;background:var(--green);color:#fff;border:1px solid var(--green);border-radius:12px}
.home-greeting h3{margin:0;font:500 25px/1.3 Georgia,serif}.access-confirmed{font-size:12px;color:#c9ded3}.team-count{font-size:13px;color:var(--muted);margin:0 0 20px}
@media(max-width:600px){.header-user-tools{flex-basis:100%;gap:8px;justify-content:space-between}.header-role{font-size:11px}.home-greeting{padding:14px 16px}.home-greeting h3{font-size:23px}}

.home-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0}.home-controls label{display:flex;align-items:center;gap:10px}.home-controls input{padding:10px;border:1px solid var(--line);border-radius:8px;background:white;min-width:0}.home-finance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.home-finance-card,.home-obligations{background:white;border:1px solid var(--line);border-radius:12px;padding:20px;min-width:0}.home-finance-card h4{margin:0 0 16px;font-size:15px}.home-amount{font-size:clamp(22px,3vw,32px);font-weight:700;overflow-wrap:anywhere}.home-finance-card p,.home-obligations p{font-size:13px;color:var(--muted);line-height:1.5}.home-finance-card small{display:block;color:var(--muted);line-height:1.6;overflow-wrap:anywhere}.home-obligations{margin-top:20px}.home-obligations h3{margin:0}.home-obligations .table-scroll{overflow-x:auto}.home-obligations table{width:100%;border-collapse:collapse}.home-obligations th,.home-obligations td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);font-size:13px}.home-obligations th{white-space:nowrap}@media(max-width:600px){.home-finance-grid{grid-template-columns:1fr}.home-controls{flex-wrap:wrap}.home-finance-card,.home-obligations{padding:16px}}
:root { --workspace-green: #173e32; }
.workspace-section, #workspace-personal { margin-block: 20px; min-width: 0; }
.workspace-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 18px; }
.workspace-task { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 0; border-bottom: 1px solid #ddd; }
.workspace-task > div { min-width: 0; overflow-wrap: anywhere; }
.workspace-task small, #workspace-personal small { display: block; margin-top: 6px; }
.workspace-alert { padding: 12px; border: 1px solid #ad3434; background: #fff0ee; color: #852525; border-radius: 10px; }
.workspace-note { font-size: .9rem; color: #5d625f; }
.workspace-dialog { width: min(600px, calc(100vw - 24px)); max-height: calc(100dvh - 32px); overflow-y: auto; box-sizing: border-box; }
.workspace-dialog header { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.workspace-dialog .form-panel { display: grid; gap: 12px; }
.workspace-dialog label { display: grid; gap: 5px; }
.workspace-dialog input, .workspace-dialog select { min-width: 0; max-width: 100%; box-sizing: border-box; }
.invoice-unidentified { background: #fff1ef; }
.invoice-unidentified .status-badge, .invoice-unidentified .owner-badge { background: #ffe0dc; color: #a12525; border: 1px solid #ce6464; }
#workspace-personal .table-scroll { max-width: 100%; overflow-x: auto; }
.home-obligations td small { display: block; margin-top: 5px; color: var(--muted); }
#workspace-settings .form-panel, #workspace-connection .form-panel { display: grid; gap: 12px; }
#workspace-settings label, #workspace-connection label { min-width: 0; }
#workspace-settings input, #workspace-settings select, #workspace-connection input, #workspace-connection select { max-width: 100%; box-sizing: border-box; }

#workspace-finance-details .table-scroll, #workspace-vat-details .table-scroll { overflow-x:auto; }
#workspace-finance-details td, #workspace-vat-details td { padding:10px; white-space:nowrap; }
#workspace-finance-details td small { display:block; color:var(--muted); }
#workspace-finance-details details, #workspace-vat-details details { padding:14px 0; border-bottom:1px solid var(--line, #ddd); }
.workspace-vat-share { color:var(--muted); font-size:.9rem; }