:root{--bg:#f4f6f8;--card:#fff;--ink:#1b1f24;--mute:#667085;--line:#e2e6eb;--hover:#f0f4f9;--accent:#1f4e79;--accent-ink:#fff;--accent-soft:#e3edf7;--p1:#c62828;--p1-bg:#fde4e4;--p2:#d35400;--p2-bg:#fde7d4;--p3:#977a00;--p3-bg:#fbf1bf;--p4:#2f6fd0;--p4-bg:#e0eafb;--p5:#0f8b8d;--p5-bg:#d7f0f0;--p6:#2e7d32;--p6-bg:#def2df;--p7:#7b4fc9;--p7-bg:#ece4fa;--p8:#5f6b7a;--p8-bg:#e6e9ee;--p9:#7a8494;--p9-bg:#eef0f3;--p10:#959daa;--p10-bg:#f3f4f6;--s-offen:#475467;--s-offen-bg:#eef0f3;--s-arbeit:#1f6fd0;--s-arbeit-bg:#dfeafc;--s-warten:#b45309;--s-warten-bg:#fdefd8;--s-erledigt:#047857;--s-erledigt-bg:#d9f3e8;--today:#fffaf0;--today-line:#f0d9a8;--warn:#b45309}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#13161a;--card:#1c2026;--ink:#e7eaee;--mute:#98a2b3;--line:#2d333b;--hover:#232a33;--accent:#7fb2ea;--accent-ink:#0d1b2a;--accent-soft:#1b2c40;--p1:#ff8a80;--p1-bg:#4a1c1c;--p2:#ffa45c;--p2-bg:#47290f;--p3:#ecd35a;--p3-bg:#3d3614;--p4:#8ab4f8;--p4-bg:#1b2d4b;--p5:#5fd3d4;--p5-bg:#123b3c;--p6:#7fd683;--p6-bg:#173a1b;--p7:#c4a7ff;--p7-bg:#2f2348;--p8:#b3bcc8;--p8-bg:#2c323b;--p9:#98a2b0;--p9-bg:#262b32;--p10:#7d8794;--p10-bg:#21252b;--s-offen:#c1c8d3;--s-offen-bg:#2a2f37;--s-arbeit:#8ab4f8;--s-arbeit-bg:#1b2d4b;--s-warten:#ffb366;--s-warten-bg:#45301a;--s-erledigt:#6ee7b7;--s-erledigt-bg:#123a2c;--today:#211d14;--today-line:#4a3d1f;--warn:#ffb366;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#13161a;--card:#1c2026;--ink:#e7eaee;--mute:#98a2b3;--line:#2d333b;--hover:#232a33;--accent:#7fb2ea;--accent-ink:#0d1b2a;--accent-soft:#1b2c40;--p1:#ff8a80;--p1-bg:#4a1c1c;--p2:#ffa45c;--p2-bg:#47290f;--p3:#ecd35a;--p3-bg:#3d3614;--p4:#8ab4f8;--p4-bg:#1b2d4b;--p5:#5fd3d4;--p5-bg:#123b3c;--p6:#7fd683;--p6-bg:#173a1b;--p7:#c4a7ff;--p7-bg:#2f2348;--p8:#b3bcc8;--p8-bg:#2c323b;--p9:#98a2b0;--p9-bg:#262b32;--p10:#7d8794;--p10-bg:#21252b;--s-offen:#c1c8d3;--s-offen-bg:#2a2f37;--s-arbeit:#8ab4f8;--s-arbeit-bg:#1b2d4b;--s-warten:#ffb366;--s-warten-bg:#45301a;--s-erledigt:#6ee7b7;--s-erledigt-bg:#123a2c;--today:#211d14;--today-line:#4a3d1f;--warn:#ffb366;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:14px/1.45 Segoe UI,system-ui,-apple-system,sans-serif}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}header{background:var(--accent);color:var(--accent-ink);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}header h1{letter-spacing:.01em;margin:0;font-size:18px;font-weight:600}header .sub{opacity:.8;font-size:12px}header .grow{flex:1}#q{width:260px;min-width:0;max-width:100%;color:inherit;background:#ffffff29;border:0;border-radius:8px;padding:7px 12px}#q::placeholder{color:inherit;opacity:.7}.add{background:var(--card);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 16px;display:flex}.add input,.add select,.fld input,.fld select,.fld textarea{border:1px solid var(--line);background:var(--card);border-radius:7px;padding:7px 10px}#nTitel{flex:280px;min-width:0}#nKunde{text-transform:uppercase;width:150px}.btn{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:7px;padding:7px 14px}.btn:hover{background:var(--hover)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}.btn.danger{color:var(--p1);border-color:var(--p1)}.btn.small{padding:3px 9px;font-size:12px}.hint{color:var(--mute);font-size:12px}.wrap{grid-template-columns:190px minmax(0,1fr) 360px;align-items:start;gap:16px;max-width:1600px;margin:0 auto;padding:16px;display:grid}aside.nav{position:sticky;top:12px}.navgrp{flex-direction:column;gap:2px;margin-bottom:14px;display:flex}.navgrp h4{color:var(--mute);text-transform:uppercase;letter-spacing:.06em;margin:0 0 4px;font-size:11px;font-weight:600}.nb{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:5px 9px;display:flex}.nb:hover{background:var(--hover)}.nb.on{background:var(--accent-soft);color:var(--accent);font-weight:600}.nb .n{color:var(--mute);font-variant-numeric:tabular-nums;font-size:12px}.nb.sub{padding-left:22px;font-size:13px}.nb.priv{color:var(--mute)}.nb.priv.on{color:var(--accent)}.tt.priv{color:var(--mute);font-style:italic}.kgrid{flex-wrap:wrap;gap:4px;padding:4px 0 0 14px;display:flex}.kgrid .nb{border:1px solid var(--line);width:auto;padding:2px 7px;font-family:ui-monospace,Consolas,monospace;font-size:12px}main{min-width:0}.tabs{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.tab{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:5px 12px;display:inline-flex}.tab .n{font-variant-numeric:tabular-nums;color:var(--mute);font-size:12px}.tab.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.tab.on .n{color:inherit;opacity:.75}.tab .dot{border-radius:50%;width:8px;height:8px}.tabs .grow{flex:1}.tabs select{border:1px solid var(--line);background:var(--card);border-radius:7px;padding:5px 8px}.list{background:var(--card);border:1px solid var(--line);border-radius:10px;container-type:inline-size}.list>:first-child{border-radius:10px 10px 0 0}.list>:last-child{border-radius:0 0 10px 10px}.grp{color:var(--mute);text-transform:uppercase;letter-spacing:.06em;background:var(--bg);border-top:1px solid var(--line);justify-content:space-between;padding:4px 12px;font-size:11px;font-weight:600;display:flex}.grp:first-child{border-top:0}.row{border-top:1px solid var(--line);grid-template-columns:10px 50px 66px minmax(0,1fr) auto 58px auto;align-items:center;gap:8px;min-height:34px;padding:3px 8px 3px 6px;display:grid}.grp+.row{border-top:0}.row:hover{background:var(--hover)}.row.done .titel{color:var(--mute);text-decoration:line-through}.row.dragging{opacity:.4}.grip{cursor:grab;color:var(--mute);letter-spacing:-2px;-webkit-user-select:none;user-select:none;font-size:12px;line-height:1}.titel{cursor:pointer;min-width:0}.titel b{overflow-wrap:break-word;font-weight:500}.titel .note{color:var(--mute);white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.tag{border:1px solid var(--line);white-space:nowrap;letter-spacing:.03em;border-radius:5px;padding:1px 6px;font-size:11px;font-weight:600}.tag.code{font-family:ui-monospace,Consolas,monospace;font-size:12px}.tag.NEUKUNDE{border-style:dashed;border-color:var(--accent);color:var(--accent)}.tag.PERSONAL{background:var(--hover);border-radius:999px}.tag.tag-heute{border-color:var(--today-line);background:var(--today);color:var(--warn)}.pill{appearance:none;cursor:pointer;text-align:center;border:0;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.prio{font-variant-numeric:tabular-nums;width:50px}.pr1{background:var(--p1-bg);color:var(--p1)}.pr2{background:var(--p2-bg);color:var(--p2)}.pr3{background:var(--p3-bg);color:var(--p3)}.pr4{background:var(--p4-bg);color:var(--p4)}.pr5{background:var(--p5-bg);color:var(--p5)}.pr6{background:var(--p6-bg);color:var(--p6)}.pr7{background:var(--p7-bg);color:var(--p7)}.pr8{background:var(--p8-bg);color:var(--p8)}.pr9{background:var(--p9-bg);color:var(--p9)}.pr10{background:var(--p10-bg);color:var(--p10)}.st-offen{background:var(--s-offen-bg);color:var(--s-offen)}.st-arbeit{background:var(--s-arbeit-bg);color:var(--s-arbeit)}.st-warten{background:var(--s-warten-bg);color:var(--s-warten)}.st-erledigt{background:var(--s-erledigt-bg);color:var(--s-erledigt)}.stand{color:var(--mute);font-variant-numeric:tabular-nums;text-align:right;font-size:11px;line-height:1.25}.stand .age{font-size:11px;display:block}.stand .late{color:var(--warn);font-weight:600}.acts{gap:4px;display:flex}.ib{cursor:pointer;width:26px;height:26px;color:var(--mute);background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;display:grid}.ib:hover{border-color:var(--line);background:var(--card);color:var(--ink)}.ib.on{color:var(--warn)}.ib svg{width:16px;height:16px}.empty{text-align:center;color:var(--mute);padding:40px 16px}.today{background:var(--today);border:1px solid var(--today-line);border-radius:10px;flex-direction:column;gap:10px;max-height:calc(100vh - 24px);padding:12px;display:flex;position:sticky;top:12px;overflow:auto}.today .hd{align-items:center;gap:6px;display:flex}.today h2{flex:1;margin:0;font-size:16px}.today h2 small{color:var(--mute);font-size:12px;font-weight:400;display:block}.drop{border:2px dashed var(--today-line);border-radius:8px;flex-direction:column;gap:4px;min-height:90px;padding:6px;transition:background .15s;display:flex}.drop.over{background:var(--accent-soft);border-color:var(--accent)}.drop .ph{text-align:center;color:var(--mute);margin:auto;padding:12px;font-size:12px}.ti{background:var(--card);border:1px solid var(--line);cursor:grab;border-radius:7px;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 8px;display:grid}.ti.done .tt{color:var(--mute);text-decoration:line-through}.ti input{cursor:pointer;width:16px;height:16px;accent-color:var(--s-erledigt)}.ti .tt{overflow-wrap:break-word;min-width:0;font-size:13px}.ti .tt small{color:var(--mute);font-size:11px;display:block}.ti .pnum{font-variant-numeric:tabular-nums;border-radius:4px;padding:1px 5px;font-size:11px;font-weight:700}.ti.over-top{box-shadow:0 -2px 0 var(--accent)}.today label{color:var(--mute);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}#notiz{resize:vertical;border:1px solid var(--today-line);background:var(--card);border-radius:8px;width:100%;min-height:200px;padding:10px;line-height:1.5}.carry{flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.prog{background:var(--line);border-radius:3px;height:6px;overflow:hidden}.prog i{background:var(--s-erledigt);height:100%;display:block}footer{flex-wrap:wrap;align-items:center;gap:8px;max-width:1600px;margin:0 auto;padding:4px 16px 24px;display:flex}dialog{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:12px;width:min(560px,100vw - 32px);padding:0}dialog::backdrop{background:#0a0f1973}.dlg{flex-direction:column;gap:12px;padding:18px;display:flex}.dlg h3{margin:0;font-size:16px}.fld{flex-direction:column;gap:4px;min-width:0;display:flex}.fld span{color:var(--mute);font-size:12px}.fld textarea{resize:vertical;min-height:110px}.frow{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.dlg .bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dlg .bar .grow{flex:1}.toast{left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--bg);border-radius:8px;align-items:center;gap:12px;padding:8px 14px;font-size:13px;display:flex;position:fixed;transform:translate(-50%)}.toast button{color:inherit;cursor:pointer;background:0 0;border:0;font-weight:600;text-decoration:underline}@media (max-width:1180px){.wrap{grid-template-columns:minmax(0,1fr) 330px}aside.nav{flex-wrap:wrap;grid-column:1/-1;gap:16px;display:flex;position:static}.navgrp{flex-flow:wrap;align-items:center;margin:0}.navgrp h4{display:none}.nb{border:1px solid var(--line);background:var(--card);width:auto}.nb.sub{padding-left:9px}.kgrid{padding:0}}@media (max-width:820px){.wrap{grid-template-columns:minmax(0,1fr)}.today{order:-1;max-height:none;position:static}aside.nav{order:-2}#notiz{min-height:110px}.row{grid-template-columns:56px minmax(0,1fr) auto}.row .acts{grid-area:1/3}.row .titel{grid-area:1/2}.row .btag{grid-area:2/1}.row .grip,.row .stand{display:none}.row .prio{width:56px}.list .row .meta{flex-wrap:wrap;grid-column:2/-1;justify-content:flex-start}}.row .meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.row .meta .pill{width:118px}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.login{background:var(--accent);min-height:100vh;color:var(--accent-ink);flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex}.login h1{letter-spacing:.01em;margin:0 0 4px;font-size:30px}.login p{opacity:.85;margin:0 0 20px;font-size:13px}.login form{width:100%;max-width:360px;color:var(--ink);background:var(--card);border-radius:10px;flex-direction:column;gap:12px;padding:18px;display:flex}.login label{flex-direction:column;gap:4px;font-size:13px;font-weight:600;display:flex}.login input{border:1px solid var(--line);background:var(--card);border-radius:7px;padding:10px 12px}.login button{padding:10px}.err{color:var(--p1);font-size:13px}.umenu{position:relative}.umenu>button{color:inherit;cursor:pointer;background:#ffffff29;border:0;border-radius:8px;padding:7px 12px}.umenu .pop{background:var(--card);color:var(--ink);border:1px solid var(--line);z-index:20;border-radius:8px;flex-direction:column;min-width:190px;padding:4px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0000002e}.umenu .pop button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 10px}.umenu .pop button:hover{background:var(--hover)}.loading{text-align:center;color:var(--mute);padding:60px 16px}.umenu .pop .seg3{border-bottom:1px solid var(--line);gap:2px;margin-bottom:4px;padding:4px;display:flex}.umenu .pop .seg3 button{text-align:center;border:1px solid var(--line);flex:1;padding:6px 8px;font-size:13px}.umenu .pop .seg3 button.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}.row.over-top{box-shadow:inset 0 3px 0 var(--accent)}.row.over-bottom{box-shadow:inset 0 -3px 0 var(--accent)}.split{border:1px solid var(--accent);background:var(--accent-soft);border-radius:8px;flex-direction:column;gap:8px;padding:10px;display:flex}.split textarea{border:1px solid var(--line);background:var(--card);resize:vertical;border-radius:7px;padding:8px 10px;line-height:1.5}.btn:disabled{opacity:.5;cursor:not-allowed}.row .btag{min-width:0;display:flex}.row .btag .tag{text-overflow:ellipsis;max-width:100%;overflow:hidden}.row.parked{opacity:.6;padding-top:3px;padding-bottom:3px;font-size:12.5px}.row.parked:hover{opacity:1}.row.parked .titel .note{display:none}.tag.tag-wv{border-color:var(--p4);color:var(--p4);background:var(--p4-bg);font-variant-numeric:tabular-nums}.tag.tag-wv.due{border-color:var(--warn);color:var(--warn);background:var(--today)}.wvbox{position:relative}.ib.wvb{letter-spacing:.03em;width:auto;padding:0 6px;font-size:11px;font-weight:700}.ib.wvb.on{color:var(--p4)}.pop.wvpop{background:var(--card);color:var(--ink);border:1px solid var(--line);z-index:30;border-radius:8px;flex-direction:column;min-width:210px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #0000002e}.pop.wvpop button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;gap:12px;padding:7px 10px;display:flex}.pop.wvpop button:hover{background:var(--hover)}.pop.wvpop small{color:var(--mute);font-variant-numeric:tabular-nums}.wvquick{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.tag.tag-neu{vertical-align:1px;border-color:var(--s-erledigt);color:var(--s-erledigt);background:var(--s-erledigt-bg);letter-spacing:.06em;margin-right:7px;padding:0 6px;font-size:10px;line-height:17px;display:inline-block}@container (max-width:600px){.row{grid-template-columns:56px minmax(0,1fr) auto}.row .acts{grid-area:1/3}.row .titel{grid-area:1/2}.row .btag{grid-area:2/1}.row .grip,.row .stand{display:none}.row .prio{width:56px}.list .row .meta{grid-column:2/-1;justify-content:flex-start}}