:root{--bg:#ececee;--card:#ffffff;--surface2:#e1e1e4;--sep:#c8c8cd;--border:#c8c8cd;--gray:var(--label2);--gray4:#c8c8cd;--gray5:#e1e1e4;--gray6:#ececee;--text:#232326;--label2:#6d6d74;--akzent:#3f3f46;--orange:#e8a13c;--green:#4da16a;--red:#d05252;--blue:#8657b8;--shadow:none;--shadow-lg:0 2px 8px rgba(35,35,38,0.08);--verwaltung:#3f3f46;--annahme:#3f3f46;--anwalt:#3f3f46;--kalkulation:#3f3f46;--preise:#3f3f46;--dunkel-verlauf:linear-gradient(160deg,#2b2b2f,#35353a 60%,#3f3f46);--logo-verlauf:linear-gradient(145deg,#52525b,#3f3f46)}*{margin:0;padding:0;box-sizing:border-box}html{scrollbar-gutter:stable}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,SF Pro Display,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--text);min-height:100vh}body.dunkel{background:var(--dunkel-verlauf);background-attachment:fixed}.btn{display:inline-flex;align-items:center;gap:4px;padding:8px 16px;border-radius:8px;border:none;background:var(--akzent);color:#fff;font-size:13px;font-weight:500;cursor:pointer}.btn:hover{opacity:.85}.btn:disabled{opacity:.5;cursor:default}.btn-ghost{background:transparent;color:var(--label2)}.btn-danger,.btn-gruen{background:var(--akzent)}.btn-rot{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn-sm{padding:6px 10px;font-size:12px}label{display:block;font-weight:600;margin:10px 0 4px}.gruppen-titel,label{font-size:12px;color:var(--label2)}.gruppen-titel{font-weight:700;margin:14px 0 2px}.input,input.input,select.input,textarea.input{width:100%;padding:9px 12px;border:1px solid var(--gray4);border-radius:8px;font-size:14px;background:var(--card);color:var(--text);font-family:inherit}.input:focus{outline:none;border-color:var(--akzent)}.input:disabled,.input[readonly]{background:var(--surface2);color:var(--text);-webkit-text-fill-color:var(--text);opacity:1;cursor:default}fieldset.sperr-block{border:none;padding:0;margin:0;min-width:0}input[type=date]{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:0}.toggle{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;cursor:pointer;margin:8px 18px 8px 0}.toggle input{width:18px;height:18px}.card{background:var(--card);border:1px solid var(--sep);border-radius:8px;box-shadow:none;padding:18px 20px;margin-bottom:14px}.card h3{font-size:15px;margin-bottom:12px}.card.scrollbar{overflow-x:auto;-webkit-overflow-scrolling:touch}.card.scrollbar table{min-width:760px}.wrap{padding:16px 20px;width:100%;margin:0 auto}.main-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;gap:8px;background:var(--akzent);border-bottom:1px solid var(--border)}.main-header h1{font-size:20px;font-weight:700;letter-spacing:-.3px;color:#ffffff}.main-header .slogan{flex:1 1;text-align:center;font-size:13px;font-weight:500;color:#e1e1e4}.main-header .btn-ghost{color:#ffffff}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.3px;color:var(--label2);border-bottom:1px solid var(--sep);white-space:nowrap}td,th{padding:10px}td{border-bottom:.5px solid var(--sep)}tr.klick{cursor:pointer}tr.klick:hover{background:var(--surface2)}.kat-zeile td{padding:6px 10px;font-size:11px;font-weight:600;color:var(--label2);background:var(--gray6)}.zelle-inhalt{overflow:hidden;white-space:nowrap;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 22px),transparent)}.zelle-inhalt.von-rechts{-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(270deg,#000 calc(100% - 22px),transparent)}.zelle-inhalt.von-mitte{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22px,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 22px,#000 calc(100% - 22px),transparent)}.zelle-inhalt.umbruch{overflow:visible;white-space:normal;-webkit-mask-image:none;mask-image:none}.spalten-griff{position:absolute;top:0;right:-4px;bottom:0;width:9px;cursor:col-resize;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:3}.spalten-griff:after{content:"";position:absolute;top:15%;bottom:15%;left:3px;width:2px;border-radius:1px;background:var(--gray4);opacity:1;transition:background .15s,opacity .15s}.spalten-griff.letzte{right:0}.spalten-griff.aktiv:after,.spalten-griff:hover:after{background:var(--akzent);opacity:.85}mark{background:var(--surface2);color:inherit;border-radius:2px;padding:0 1px}.tab-bar{display:flex;gap:0;border-bottom:2px solid var(--sep);margin-bottom:14px;flex-wrap:wrap}.tab-btn{padding:10px 14px;background:transparent;font-size:13px;font-weight:500;color:var(--label2);cursor:pointer;border:none;border-bottom:2px solid transparent;margin-bottom:-2px}.tab-btn.active{color:var(--akzent);border-bottom-color:var(--akzent);font-weight:600}.tab-stack{display:grid}.tab-stack>div{grid-area:1/1;visibility:hidden}.tab-stack>div.aktiv{visibility:visible}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:1000;justify-content:center;align-items:center}.modal-overlay.offen{display:flex}.modal{background:var(--card);border:1px solid var(--sep);border-radius:8px;padding:22px 24px;max-width:520px;width:92%;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal h3{font-size:16px;margin-bottom:4px}.modal .hint{font-size:12px;color:var(--label2);margin-bottom:14px}.badge{background:var(--gray5);color:var(--label2)}.badge,.status-badge{display:inline-block;padding:2px 10px;border-radius:9px;font-size:11px;font-weight:600}.status-badge.entwurf{background:rgba(232,161,60,.14);color:#e8a13c}.status-badge.abgeschlossen{background:rgba(77,161,106,.14);color:#4da16a}.status-badge.festgeschrieben{background:rgba(77,161,106,.14);color:var(--green)}.status-badge.teilstorniert{background:rgba(232,161,60,.14);color:var(--orange)}.status-badge.storniert{background:rgba(208,82,82,.14);color:var(--red)}.status-badge.kv{background:rgba(134,87,184,.14);color:var(--blue)}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);padding:10px 20px;border-radius:8px;background:var(--akzent);color:#ffffff;font-size:13px;opacity:0;transition:opacity .3s;pointer-events:none;z-index:9999}.toast.show{opacity:1}.admin-only{display:none!important}body.admin-mode .admin-only{display:inline-flex!important}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:0 16px;gap:0 16px}.grid2>div{min-width:0}.grid2 input,.grid2 select{width:100%;min-width:0}@media ((hover:none) and (pointer:coarse)),(max-width:900px){.main-header{flex-wrap:wrap;padding:10px 12px}.main-header .slogan{display:none}.card,.wrap{padding:12px 10px}.card{margin-bottom:10px}.input,input.input,select.input,textarea.input{font-size:14px;padding:5px 7px}label{font-size:11px;margin:7px 0 3px}.gruppen-titel{font-size:11px;margin:10px 0 2px}.grid2{gap:0 10px}.tab-btn{padding:8px 10px;font-size:12px}.btn{padding:7px 12px}.btn-sm{padding:5px 8px}td,th{padding:7px 6px;font-size:12px}input[type=date]{font-size:14px;padding:6px}}@media (max-width:600px){.main-header h1{font-size:17px}.wrap{padding:8px 6px}.card{padding:10px 8px;border-radius:8px}.input,input.input,select.input,textarea.input{font-size:13px;padding:4px 6px}label{font-size:10px;margin:6px 0 2px}.tab-btn{padding:7px;font-size:11px}td,th{padding:6px 4px;font-size:11px}}.error{color:var(--red);margin:8px 0}.error,.muted{font-size:13px}.hint,.muted{color:var(--label2)}.hint{font-size:12px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.scrollbar-x{overflow-x:auto;-webkit-overflow-scrolling:touch}.search-wrap{position:relative;flex:1 1;max-width:400px}.search-wrap .input{padding-left:32px}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--gray);font-size:14px;pointer-events:none}.pay-dot{display:inline-block;width:12px;height:12px;border-radius:50%;flex-shrink:0}.pay-dot.offen{background:#e8a13c}.pay-dot.bezahlt{background:#4da16a}.pay-dot.mahnung{background:#d05252}.pay-dot.anwalt{background:#8657b8}.doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:12px;gap:12px}.doc-thumb{border:1px solid var(--sep);border-radius:8px;overflow:hidden;background:var(--gray6)}.login-center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{max-width:380px;width:100%}