:root{--marine: #0f2a5f;--marine-deep: #0a1e45;--marine-tint: #e4e9f3;--snow: #eef1f5;--paper: #ffffff;--firn: #f6f8fb;--ink: #16233f;--ink-soft: #4a5873;--ink-faint: #76829a;--line: rgba(15, 42, 95, .14);--line-soft: rgba(15, 42, 95, .08);--line-strong: rgba(15, 42, 95, .32);--piste-red: #b3261e;--piste-red-tint: #fbeae8;--lamp: #8a5a00;--lamp-tint: #fdf2d9;--pine: #1f6b4a;--r-s: 6px;--r-m: 10px;--tap: 48px;--type: Bahnschrift, "DIN Alternate", "Avenir Next", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0}body{background:var(--snow);color:var(--ink);font:16px/1.4 var(--type);-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}h1,h2,h3,p{margin:0}h1{font-size:28px;line-height:1.15;letter-spacing:-.01em}h2{font-size:18px}h3{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}ul,ol{margin:0;padding:0;list-style:none}small{color:var(--ink-faint);font-size:13px}:focus-visible{outline:3px solid rgba(15,42,95,.45);outline-offset:2px}button{min-height:var(--tap);padding:0 18px;border:1px solid var(--line-strong);border-radius:var(--r-s);background:var(--paper);cursor:pointer;transition:background .12s ease-out,border-color .12s ease-out}button:hover:not(:disabled){background:var(--firn);border-color:var(--marine)}button:active:not(:disabled){background:var(--marine-tint)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--marine);border-color:var(--marine);color:#fff;font-weight:600}button.primary:hover:not(:disabled){background:var(--marine-deep);border-color:var(--marine-deep)}button.quiet{border-color:transparent;background:transparent;color:var(--ink-soft);padding:0 10px}button.quiet:hover:not(:disabled){border-color:transparent;background:var(--marine-tint);color:var(--ink)}button.danger{color:var(--piste-red)}button.big{min-height:72px;padding:0 36px;font-size:20px}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:24px;padding:8px 20px;background:var(--marine);color:#fff}.brand{display:flex;align-items:baseline;gap:10px}.brand strong{font-size:17px}.brand span{font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.7}.topbar nav{display:flex;gap:4px;flex:1}.topbar nav button{min-height:40px;border-color:transparent;background:transparent;color:#fff;opacity:.75}.topbar nav button:hover:not(:disabled){background:#ffffff1f;border-color:transparent;opacity:1}.topbar nav button[aria-current]{background:#ffffff29;opacity:1;font-weight:600}.sync{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border-color:transparent;background:#ffffff1f;color:#fff;font-size:14px;white-space:nowrap}.sync:hover:not(:disabled){background:#fff3;border-color:transparent}.sync i{width:9px;height:9px;border-radius:50%;background:#6fd6a4}.sync.offline{background:var(--lamp-tint);color:var(--lamp);font-weight:600}.sync.offline:hover:not(:disabled){background:#fff}.sync.offline i{background:var(--lamp)}main{max-width:1320px;margin:0 auto;padding:20px}.field{display:flex;flex-direction:column;gap:4px;flex:1 1 180px;min-width:0}.field.narrow{flex:0 1 130px}.field>span{font-size:13px;color:var(--ink-soft)}.field em{font-style:normal;font-size:11px;color:var(--ink-faint)}input:not([type=checkbox]){width:100%;height:var(--tap);padding:0 12px;border:1px solid var(--line-strong);border-radius:var(--r-s);background:var(--firn)}input:focus{outline:none;border-color:var(--marine);box-shadow:0 0 0 3px #0f2a5f29;background:#fff}input[aria-invalid]{border-color:var(--piste-red);background:var(--piste-red-tint)}input::placeholder{color:var(--ink-faint)}.field-row{display:flex;flex-wrap:wrap;gap:12px}.segmented{display:inline-flex;border:1px solid var(--line-strong);border-radius:var(--r-s);overflow:hidden;align-self:flex-end}.segmented button{min-height:46px;border:0;border-radius:0;padding:0 14px;background:var(--paper)}.segmented button+button{border-left:1px solid var(--line)}.segmented button[aria-pressed=true]{background:var(--marine);color:#fff;font-weight:600}.stepper{display:inline-flex;align-items:center;border:1px solid var(--line-strong);border-radius:var(--r-s);background:var(--paper)}.stepper button{min-width:44px;min-height:44px;padding:0;border:0;font-size:20px;background:transparent}.stepper output{min-width:54px;text-align:center;font-variant-numeric:tabular-nums;font-weight:600}.day-picker{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.day-scale{display:flex;gap:6px}.day-scale button{width:56px;height:56px;padding:0;font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}.day-scale button[aria-pressed=true]{background:var(--marine);border-color:var(--marine);color:#fff}.discount{display:flex;gap:8px}.steps{display:flex;align-items:center;gap:6px;margin-bottom:16px}.steps button{border-color:transparent;background:transparent;color:var(--ink-soft);padding:0 12px}.steps button b{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:4px;border-radius:50%;background:var(--marine-tint);color:var(--marine);font-size:13px}.steps button[aria-current]{color:var(--ink);font-weight:600}.steps button[aria-current] b{background:var(--marine);color:#fff}.steps-end{display:flex;gap:6px;margin-left:auto}.steps .steps-end button:not(.quiet){border-color:var(--line-strong);background:var(--paper);color:var(--ink)}.draft-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--line)}.draft-tabs button{min-height:44px;padding:0 12px}.draft-tabs button b{margin-right:6px;font-variant-numeric:tabular-nums}.draft-tabs button[aria-selected=true]{background:var(--marine);border-color:var(--marine);color:#fff;font-weight:600}.work-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;align-items:start}.work{display:flex;flex-direction:column;gap:16px;min-width:0}.panel{display:flex;flex-direction:column;gap:14px;padding:20px;border:1px solid var(--line);border-radius:var(--r-m);background:var(--paper)}.panel>.field{flex:none;width:200px}.panel.compact{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 20px;padding:10px 16px}.panel.compact h2{font-size:15px}.panel.compact .day-scale button{width:48px;height:48px}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel>button.quiet,.panel .quiet:not(.danger){align-self:flex-start;padding-left:0}.panel>button.quiet:hover{background:transparent;color:var(--marine);text-decoration:underline}.actions{display:flex;justify-content:space-between;gap:12px}.actions.sticky{position:sticky;bottom:0;padding:12px 0;background:linear-gradient(transparent,var(--snow) 30%)}.error{color:var(--piste-red)}.picker{display:flex;flex-direction:column;gap:18px}.picker section{display:flex;flex-direction:column;gap:8px}.person-tabs{display:flex;flex-wrap:wrap;gap:6px}.person-tabs button[aria-selected=true]{background:var(--marine);border-color:var(--marine);color:#fff;font-weight:600}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tile{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;min-height:72px;padding:10px 12px;text-align:left;border-color:var(--line);line-height:1.2}.tile small{font-variant-numeric:tabular-nums}.tile.outline{background:transparent;border-style:dashed;border-color:var(--line-strong)}.slip{position:sticky;top:76px;display:flex;flex-direction:column;max-height:calc(100vh - 96px);overflow-y:auto;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-m)}.slip header{display:grid;grid-template-columns:1fr auto;padding:14px 16px;background:var(--marine-tint)}.slip header span{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--marine)}.slip header strong{grid-row:span 2;align-self:center;font-size:18px;color:var(--marine)}.slip header small{color:var(--ink-soft);font-size:14px}.slip section{padding:10px 16px 0}.slip section h3{margin-bottom:2px}.slip-empty{padding:28px 16px;color:var(--ink-faint);text-align:center}.slip-line{padding:6px 0;border-bottom:1px solid var(--line-soft)}.slip-line.missing .slip-amount{color:var(--piste-red);font-weight:600}.slip-line-head{display:flex;justify-content:space-between;gap:12px;width:100%;min-height:36px;padding:0;border:0;background:transparent;text-align:left}.slip-line-head:hover:not(:disabled){background:transparent;color:var(--marine)}.slip-amount{flex:none;font-variant-numeric:tabular-nums}.slip-amount s{margin-right:6px;color:var(--ink-faint);font-size:13px}.slip-line-meta{display:flex;align-items:center;gap:10px;color:var(--ink-faint);font-size:13px;font-variant-numeric:tabular-nums}.slip-line-meta .stepper button{min-width:34px;min-height:34px;font-size:16px}.slip-line-meta .stepper output{min-width:40px;color:var(--ink);font-size:14px}.slip-line-edit{display:flex;flex-direction:column;gap:10px;margin:8px 0 6px;padding:12px;border-radius:var(--r-s);background:var(--firn)}.slip-line-edit .field{flex:none}.slip-line-edit .quiet{align-self:flex-start;padding:0;min-height:32px}.slip-line-edit .segmented{align-self:flex-start}.slip footer{display:flex;flex-direction:column;gap:6px;margin-top:12px;padding:14px 16px 16px;border-top:2px dashed var(--line-strong)}.slip-sub{display:flex;justify-content:space-between;color:var(--ink-soft);font-size:14px;font-variant-numeric:tabular-nums}.slip-total{display:flex;justify-content:space-between;align-items:baseline;margin-top:4px}.slip-total strong{font-size:30px;color:var(--marine);font-variant-numeric:tabular-nums}.sign-layout{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:20px;align-items:start}.sign-doc{display:flex;flex-direction:column;gap:12px;min-width:0}.lang-switch{display:flex;align-items:center;gap:12px}.sign-panel{position:sticky;top:76px;display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid var(--line);border-radius:var(--r-m);background:var(--paper)}.sign-panel>.field{flex:none;padding-bottom:14px;border-bottom:1px solid var(--line-soft)}.signature{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.signature canvas{width:100%;height:200px;border:1px solid var(--line-strong);border-radius:var(--r-s);background:var(--firn);touch-action:none}.today{display:flex;flex-direction:column;gap:14px}.today-top{display:flex;gap:16px;align-items:stretch}.search{position:relative;flex:1}.search span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.search input{height:72px;font-size:20px;background:var(--paper)}.reset{align-self:flex-end;font-size:14px}.more{align-self:flex-start}.today h2 small{margin-left:4px;font-size:15px;font-variant-numeric:tabular-nums}.rental-list{display:flex;flex-direction:column;gap:6px}.rental-row{display:grid;grid-template-columns:76px minmax(0,1fr) auto 110px;align-items:center;gap:16px;width:100%;min-height:68px;padding:8px 16px 8px 8px;border-color:var(--line);text-align:left}.room{display:grid;place-items:center;min-height:48px;border-radius:var(--r-s);background:var(--marine-tint);color:var(--marine);font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}.who{display:flex;flex-direction:column;min-width:0}.sum{text-align:right;font-variant-numeric:tabular-nums}.due{color:var(--ink-soft);font-size:14px;font-variant-numeric:tabular-nums}.due.today{color:var(--lamp);font-weight:600}.due.overdue{color:var(--piste-red);font-weight:600}.rental-row.draft{border-style:dashed;border-color:var(--line-strong);background:var(--firn)}.empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 16px;border:1px dashed var(--line-strong);border-radius:var(--r-m);color:var(--ink-soft)}.detail{display:flex;flex-direction:column;gap:16px}.back{align-self:flex-start;padding-left:0}.detail-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center}.detail-head p{color:var(--ink-soft)}.room-plate{display:flex;flex-direction:column;align-items:center;min-width:96px;padding:8px 12px;border-radius:var(--r-m);background:var(--marine);color:#fff;font-size:30px;font-weight:600;line-height:1.1;font-variant-numeric:tabular-nums}.room-plate small{color:#fff;opacity:.75;font-size:12px;font-weight:400}.detail-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;align-items:start}.material-group{display:flex;flex-direction:column;gap:4px}.material-group h3{text-transform:none;letter-spacing:0;font-size:15px;color:var(--ink)}.material-group h3 small{font-weight:400}table{width:100%;border-collapse:collapse}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.rows td{padding:6px 8px 6px 0;border-top:1px solid var(--line-soft)}.rows .row-actions{padding-right:0;text-align:right;white-space:nowrap}.rows .row-actions button{min-height:44px;padding:0 12px}.rows tr.done td:not(.row-actions){color:var(--ink-faint)}.tag{color:var(--pine);font-size:14px}.doc-list{display:flex;flex-direction:column;gap:4px}.doc-list button{display:flex;justify-content:space-between;gap:12px;width:100%;padding:8px 10px;border-color:transparent;background:var(--firn);text-align:left}.doc-list span{display:flex;flex-direction:column}.doc-list-note{margin-top:2px;font-weight:600}.doc-amount{align-items:flex-end;font-variant-numeric:tabular-nums;white-space:nowrap}.doc-amount small{color:var(--pine)}.doc-amount small.waiting{color:var(--lamp);font-weight:600}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:16px;background:#0a1e4573}.modal{display:flex;flex-direction:column;gap:14px;width:min(480px,100%);max-height:calc(100vh - 32px);overflow-y:auto;padding:24px;border-radius:var(--r-m);background:var(--paper);box-shadow:0 12px 40px #0a1e4547}.modal.wide{width:min(780px,100%)}.modal h2{font-size:22px}.modal .field{flex:none}.modal-note{color:var(--ink-soft)}.bill-notice{display:flex;flex-direction:column;gap:10px;padding:12px 14px;border:1px solid;border-left-width:5px;border-radius:var(--r-m)}.bill-notice.up{border-color:var(--lamp);background:var(--lamp-tint)}.bill-notice.down{border-color:var(--pine);background:#e6f2ec}.bill-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.bill-head span{display:flex;flex-direction:column}.bill-head strong{font-size:17px}.bill-head small{color:var(--ink-soft)}.bill-head b{font-size:22px;white-space:nowrap;font-variant-numeric:tabular-nums}.bill-notice.up .bill-head b{color:var(--lamp)}.bill-notice.down .bill-head b{color:var(--pine)}.bill-notice .field input{background:var(--paper)}.answer-row{display:flex;flex-wrap:wrap;gap:8px}.answer-row button{min-height:56px}.plain li{padding:2px 0}.check-list li+li{border-top:1px solid var(--line-soft)}.check-list label{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;min-height:var(--tap);cursor:pointer}.check-list input{width:20px;height:20px;accent-color:var(--marine)}.doc-preview{border:1px solid var(--line);border-radius:var(--r-s)}.month{display:flex;flex-direction:column;gap:16px}.month-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px}.month-nav{display:flex;align-items:center;gap:12px}.month-nav button{padding:0;width:var(--tap);font-size:22px}.month-nav h1{min-width:230px;text-align:center}.month-total{display:flex;flex-direction:column;align-items:flex-end}.month-total strong{font-size:36px;line-height:1.1;color:var(--marine);font-variant-numeric:tabular-nums}.month-rows{border:1px solid var(--line);border-radius:var(--r-m);background:var(--paper);overflow:hidden}.month-rows>li+li{border-top:1px solid var(--line-soft)}.month-row{display:grid;grid-template-columns:76px minmax(0,1fr) auto 110px;align-items:center;gap:16px;width:100%;padding:6px 16px 6px 8px;border:0;border-radius:0;text-align:left;background:transparent}.month-docs{padding:4px 16px 10px 100px;background:var(--firn)}.month-docs li{display:grid;grid-template-columns:170px minmax(0,1fr) 100px 60px;align-items:center;gap:12px;min-height:40px}.month-docs button{min-height:36px}.month-docs li.month-open{display:flex;padding:8px 0 4px}.hint{color:var(--ink-faint);font-size:14px}.prices{display:flex;flex-direction:column;gap:14px}.prices section{padding:16px 20px;border:1px solid var(--line);border-radius:var(--r-m);background:var(--paper);overflow-x:auto}.price-table th{padding:6px;font-size:13px;font-weight:600;color:var(--ink-soft);text-align:left}.price-table th.num{text-align:right}.price-table td{padding:6px;border-top:1px solid var(--line-soft)}.price-table td:first-child{min-width:240px}.review{display:block;color:var(--lamp)}.prices-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.price-input{width:72px;height:40px;padding:0 6px;text-align:right;font-variant-numeric:tabular-nums}.doc{padding:32px;background:#fff;color:#111;font-size:14px}.doc-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:8px;border-bottom:2px solid var(--marine);color:var(--marine)}.doc-head span{font-size:12px}.doc h1{margin:20px 0 10px;font-size:24px;color:var(--marine)}.doc h2{margin:14px 0 4px;font-size:14px}.doc-facts{display:flex;flex-wrap:wrap;gap:8px 32px;margin:0 0 8px}.doc-facts dt{font-size:11px;color:#555}.doc-facts dd{margin:0;font-weight:600}.doc-small{font-size:12px;color:#555}.doc-note{margin:8px 0;padding:6px 10px;border-left:3px solid #0f2a5f;font-weight:600}.doc-lines{table-layout:fixed}.doc-lines th:nth-child(2){width:60px}.doc-lines th:nth-child(3){width:90px}.doc th{padding:4px 0;border-bottom:1px solid #999;font-size:12px;text-align:left}.doc th.num{text-align:right}.doc td{padding:4px 8px 4px 0;border-bottom:1px solid #ddd}.doc td.num{padding-right:0}.doc-total{display:flex;flex-direction:column;align-items:flex-end;gap:2px;margin-top:12px}.doc-total p{display:flex;justify-content:space-between;gap:32px;min-width:260px;font-variant-numeric:tabular-nums}.doc-total .grand{font-size:18px;font-weight:700}.doc-total small{color:#555;font-size:11px}.doc-terms{margin-top:14px;font-size:12px}.doc-terms ol{padding-left:18px;list-style:decimal}.doc-sample{color:var(--piste-red);font-weight:600}.doc-sign{display:flex;flex-direction:column;width:260px;margin-top:20px;font-size:12px}.doc-sign-blank{height:80px;border-bottom:1px solid #111}.doc-sign img{width:100%;height:80px;object-fit:contain;object-position:left;border-bottom:1px solid #111}.label{display:flex;flex-direction:column;justify-content:center;width:59mm;height:25mm;padding:1.5mm 2.5mm;overflow:hidden;color:#000;font-size:10pt;line-height:1.2;break-after:page}.label strong{font-size:13pt;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.label-numbers{display:flex;gap:5mm}.label-numbers b{font-size:14pt}.label small{color:#000;font-size:8pt;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#print{display:none}@media print{body{background:#fff}#root{display:none}#print{display:block}.doc{padding:0}}@media(max-width:1000px){.work-layout,.sign-layout,.detail-grid{grid-template-columns:minmax(0,1fr)}.slip,.sign-panel{position:static;max-height:none}}@media(max-width:640px){main{padding:12px}.topbar{flex-wrap:wrap;gap:8px;padding:8px 12px}.topbar nav{order:3;flex-basis:100%}.today-top{flex-direction:column}.rental-row{grid-template-columns:64px minmax(0,1fr) auto}.rental-row .due{display:none}.day-scale button{width:40px;height:48px}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}