:root{color:#202124;letter-spacing:0;background:#f6f7f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.mobile-header,.mobile-nav-backdrop{display:none}.sidebar{background:#fff;border-right:1px solid #dde2dc;padding:24px 18px}.brand{gap:4px;margin-bottom:28px;display:grid}.brand strong{font-size:1rem}.brand span{color:#66736a;font-size:.85rem}.nav{gap:6px;display:grid}.nav-item{color:#344038;border-radius:8px;grid-template-columns:20px 1fr;align-items:center;gap:10px;min-height:40px;padding:9px 10px;display:grid}button.nav-item{font:inherit;text-align:left;background:0 0;border:0;width:100%;margin-top:18px}.nav-item.active{color:#0f5c4f;background:#e7f2ee;font-weight:650}.main{min-width:0;padding:28px}.login-screen{background:#f6f7f4;align-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{justify-self:center;gap:16px;width:min(100%,420px);max-width:420px;padding:24px;display:grid}.login-panel h1,.login-panel p{margin:0}.login-panel p{color:#66736a}.login-mark{color:#0f5c4f;background:#e7f2ee;border:1px solid #c6ddd5;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-grid}.login-form{gap:14px;display:grid}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.topbar h1{letter-spacing:0;margin:0 0 6px;font-size:clamp(1.6rem,1.4rem + .6vw,2.1rem);line-height:1.1}.topbar p{color:#66736a;margin:0}.status-pill{color:#7a5900;white-space:nowrap;background:#fff7df;border:1px solid #efd58a;border-radius:999px;grid-template-columns:14px 1fr;align-items:center;gap:8px;min-height:34px;padding:6px 12px;display:inline-grid}.action-notice{color:#0f4f45;background:#edf7f2;border:1px solid #c7ded5;border-left:4px solid #146b5d;border-radius:8px;grid-template-columns:20px minmax(0,1fr);align-items:flex-start;gap:10px;max-width:780px;min-height:44px;margin:-8px 0 18px;padding:12px 14px;line-height:1.35;display:grid}.action-notice svg{margin-top:1px}.action-notice span{overflow-wrap:anywhere;min-width:0}.action-notice.warning{color:#6c4f00;background:#fff8e6;border-color:#efd58a #efd58a #efd58a #bd8a00}.action-notice.error{color:#842d1d;background:#fff1ed;border-color:#efc5ba #efc5ba #efc5ba #bd3d25}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.panel{background:#fff;border:1px solid #dde2dc;border-radius:8px;min-width:0}.kpi{min-height:112px;padding:16px}.kpi span{color:#66736a;margin-bottom:12px;font-size:.85rem;display:block}.kpi strong{font-size:clamp(1.35rem,1.1rem + .7vw,1.9rem);line-height:1.05;display:block}.kpi small{color:#66736a;margin-top:8px;display:block}.grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr);align-items:start;gap:18px;display:grid}.section-head{border-bottom:1px solid #e6e9e4;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:0 16px;display:flex}.section-head h2{margin:0;font-size:1rem}.actions{flex-wrap:wrap;gap:8px;display:flex}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:720px}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #ecefeb;padding:12px 16px}th{color:#66736a;text-transform:uppercase;font-size:.78rem;font-weight:700}.amount{font-variant-numeric:tabular-nums;white-space:nowrap}.status{text-transform:uppercase;border-radius:999px;padding:5px 9px;font-size:.78rem;font-weight:700;display:inline-block}.status.draft,.status.pending{color:#30459a;background:#eef0fb}.status.approved,.status.invoiced{color:#0f5c4f;background:#e7f2ee}.status.sent,.status.delivered{color:#775100;background:#fff4d8}.status.excluded,.status.cancelled,.status.failed,.status.send_problem{color:#9a321f;background:#fae9e5}.status.running{color:#30459a;background:#eef0fb}.side-stack{gap:18px;display:grid}.list{gap:0;display:grid}.list-row{border-bottom:1px solid #ecefeb;gap:8px;padding:14px 16px;display:grid}.list-row:last-child{border-bottom:0}.row-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.muted{color:#66736a}.back-link{color:#526059;align-items:center;gap:6px;margin-bottom:10px;font-size:.9rem;display:inline-flex}.back-link:hover,.row-link:hover{color:#0f5c4f;text-decoration:underline}.row-link{color:#202124;display:inline-flex}.stack-tight{gap:3px;display:grid}.selected-row{background:#f2f7f4}.clickable-row{cursor:pointer}.clickable-row:hover{background:#f7faf7}.clickable-row:focus-visible{outline-offset:-2px;outline:2px solid #146b5d}.below-grid{margin-top:18px}.detail-grid{grid-template-columns:minmax(0,1fr) minmax(340px,.86fr);align-items:start;gap:18px;display:grid}.detail-main{grid-column:1/-1}.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;display:grid}.integration-tile{border:1px solid #e1e6df;border-radius:8px;gap:16px;min-height:220px;padding:16px;display:grid}.tile-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.tile-head div{gap:4px;display:grid}.tile-head span:not(.status){color:#66736a}.definition-grid{gap:10px;margin:0;display:grid}.definition-grid div{gap:2px;display:grid}.definition-grid dt{color:#66736a;text-transform:uppercase;font-size:.78rem}.definition-grid dd{overflow-wrap:anywhere;margin:0}.timeline{padding:12px 16px 16px;display:grid}.timeline-row{grid-template-columns:14px 1fr;gap:2px 10px;padding:8px 0;display:grid}.timeline-row span{background:#c8d0c8;border-radius:50%;width:10px;height:10px;margin-top:5px}.timeline-row.done span,.timeline-row.active span{background:#146b5d}.timeline-row strong,.timeline-row small{grid-column:2}.timeline-row small{color:#66736a}.checklist{gap:10px;padding:16px;display:grid}.checklist label{grid-template-columns:18px 1fr;align-items:center;gap:8px;display:grid}.checklist input{accent-color:#146b5d}.action-row{border-top:1px solid #ecefeb;flex-wrap:wrap;gap:8px;padding:14px 16px;display:flex}.modal-backdrop{z-index:50;background:#20212461;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-panel{background:#fff;border:1px solid #d8ded6;border-radius:8px;grid-template-rows:auto minmax(0,1fr) auto;width:min(100%,880px);min-width:min(100%,420px);max-width:880px;max-height:min(720px,100vh - 48px);display:grid;overflow:hidden;box-shadow:0 24px 80px #18201c38}.modal-head{border-bottom:1px solid #e6e9e4;justify-content:space-between;align-items:start;gap:16px;padding:18px 20px;display:flex}.modal-head h2,.modal-head p{margin:0}.modal-head h2{font-size:1.15rem;line-height:1.2}.modal-head p{color:#66736a;margin-top:4px}.modal-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding:20px;overflow:auto}.modal-field-grid{padding:0}.profile-lines{border-top:1px solid #ecefeb;gap:12px;margin-top:18px;padding-top:18px;display:grid}.profile-lines-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.profile-lines-head div{gap:3px;display:grid}.profile-lines-head span{color:#66736a;font-size:.88rem}.profile-line-list{gap:10px;display:grid}.profile-line-row{grid-template-columns:minmax(210px,1fr) minmax(76px,.35fr) minmax(76px,.35fr) minmax(104px,.45fr) minmax(76px,.3fr) 36px;align-items:end;gap:10px;display:grid}.profile-line-row .field{min-width:0}.line-remove{margin-bottom:1px}.modal-actions{border-top:1px solid #e6e9e4;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.total-row{background:#f7faf7}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;display:grid}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;display:grid}.field{gap:6px;display:grid}.field-wide{grid-column:1/-1}.field span{color:#66736a;font-size:.82rem}.field input,.field select{color:#202124;background:#fbfcfa;border:1px solid #cfd7ce;border-radius:8px;width:100%;min-height:38px;padding:8px 10px}.field.inline-check{grid-template-columns:1fr 20px;align-content:end}.field.inline-check input{width:20px;min-height:20px;padding:0}.compact-actions{flex-wrap:wrap;gap:8px;display:flex}.control-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;display:grid}.control-grid div{border-right:1px solid #ecefeb;gap:6px;min-height:92px;padding:16px;display:grid}.control-grid div:last-child{border-right:0}.control-grid span{color:#66736a}@media (width<=1020px){.app-shell{display:block}.mobile-header{z-index:80;background:#fff;border-bottom:1px solid #dde2dc;justify-content:space-between;align-items:center;gap:16px;height:64px;padding:10px 16px;display:flex;position:fixed;inset:0 0 auto}.mobile-brand{gap:2px;min-width:0;display:grid}.mobile-brand strong,.mobile-brand span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-brand strong{font-size:1rem}.mobile-brand span{color:#66736a;font-size:.84rem}.mobile-menu-button{color:#344038;background:#fff;border:1px solid #c8d0c8;border-radius:8px;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;padding:0;display:inline-grid}.mobile-nav-backdrop{z-index:70;background:#20212461;border:0;padding:0;display:block;position:fixed;inset:0 0 0 min(320px,100vw - 48px)}.sidebar{z-index:90;border-bottom:0;border-right:1px solid #dde2dc;width:min(320px,100vw - 48px);padding:22px 18px;transition:transform .16s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-104%);box-shadow:18px 0 48px #18201c29}.sidebar.open{transform:translate(0)}.nav{grid-template-columns:1fr}.main{padding-top:88px}.grid,.detail-grid,.kpis,.settings-grid,.integration-grid,.control-grid{grid-template-columns:1fr 1fr}}@media (width<=720px){.main{padding:82px 18px 18px}.topbar{flex-direction:column;align-items:flex-start}.nav,.grid,.detail-grid,.kpis,.settings-grid,.field-grid,.integration-grid,.control-grid{grid-template-columns:1fr}.control-grid div{border-bottom:1px solid #ecefeb;border-right:0}.control-grid div:last-child{border-bottom:0}.modal-actions{background:#fff;justify-content:stretch}.modal-actions button{flex:140px}.modal-backdrop{place-items:stretch stretch;padding:0}.modal-panel{box-shadow:none;border:0;border-radius:0;width:100%;min-width:0;max-width:none;height:100dvh;max-height:none}.modal-head{padding:calc(env(safe-area-inset-top) + 16px) 18px 14px}.modal-body{padding:18px}.modal-actions{padding:12px 18px calc(env(safe-area-inset-bottom) + 12px)}.profile-lines-head{flex-direction:column;align-items:stretch}.profile-line-row{grid-template-columns:1fr 1fr;align-items:end}.profile-line-row .line-description{grid-column:1/-1}.line-remove{justify-self:start}}