:root{--bg:#eceae4;--frame:#ffffff;--ink:#1c1b19;--sub:#6f6b64;--line:#e7e4dc;--accent:#2f6df0;--accent-soft:#e7eefc;--green:#1f9d63;--green-soft:#e3f5ec;--red:#e0533d;--red-soft:#fbe7e2;--amber:#d8932a;--amber-soft:#f8eede;--ai:#6b54e0;--ai-soft:#efecfd;--chip:#f1efe9}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}button{font-family:inherit}.app{max-width:480px;margin:0 auto;min-height:100vh;background:#faf9f6;position:relative;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 50px rgba(0,0,0,.07)}.header{padding:14px 18px 10px;border-bottom:1px solid var(--line);background:#fff}.hrow{display:flex;align-items:center;justify-content:space-between}.htitle{font-size:21px;font-weight:700;letter-spacing:-.2px}.hsub{font-size:11.5px;color:var(--sub);margin-top:2px;display:flex;align-items:center;gap:5px}.dot{width:7px;height:7px;background:var(--green);display:inline-block}.bell,.dot{border-radius:50%}.bell{width:36px;height:36px;background:var(--chip);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;border:none}.bell svg{width:18px;height:18px;stroke:var(--ink);fill:none}.bell .badge{position:absolute;top:-2px;right:-2px;background:var(--red);color:#fff;font-size:9px;font-weight:700;min-width:15px;height:15px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 3px}.accts{gap:7px;margin-top:12px}.acc,.accts{display:flex}.acc{font-size:12px;padding:5px 11px;border-radius:20px;background:var(--chip);color:var(--sub);cursor:pointer;border:1px solid transparent;font-weight:600;align-items:center;gap:6px}.acc .pin{width:7px;height:7px;border-radius:50%}.acc.firma .pin{background:var(--accent)}.acc.privat .pin{background:#b06ad6}.acc.active{background:#fff;color:var(--ink);border-color:var(--line);box-shadow:0 1px 2px rgba(0,0,0,.05)}.tabs{display:flex;gap:4px;padding:10px 12px 8px;border-bottom:1px solid var(--line);overflow-x:auto;background:#fff}.tabs::-webkit-scrollbar{display:none}.tab{font-size:12.5px;font-weight:600;padding:6px 11px;border-radius:18px;cursor:pointer;white-space:nowrap;border:none;background:transparent}.tab,.tab .n{color:var(--sub)}.tab .n{font-size:10.5px;background:var(--chip);border-radius:10px;padding:1px 6px;margin-left:4px}.tab.active{background:var(--ink);color:#fff}.tab.active .n{background:rgba(255,255,255,.22);color:#fff}.scroll{flex:1 1;overflow-y:auto;padding:10px 12px 96px}.secttl{font-size:11px;text-transform:uppercase;letter-spacing:.6px;font-weight:700;margin:10px 4px 8px}.muted,.secttl{color:var(--sub)}.muted{font-size:13px;padding:18px 6px;text-align:center}.mail{background:#fff;border:1px solid var(--line);border-radius:15px;padding:11px 12px;margin-bottom:9px;cursor:pointer;transition:transform .06s}.mail:active{transform:scale(.99)}.mtop{gap:9px}.av,.mtop{display:flex;align-items:center}.av{width:34px;height:34px;border-radius:50%;flex:none;justify-content:center;font-size:12px;color:#fff}.av,.mfrom{font-weight:700}.mfrom{font-size:13.5px;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mtime{font-size:11px;color:var(--sub);flex:none}.msub{font-size:13.5px;margin:7px 0 0;font-weight:600;line-height:1.3}.ai{display:flex;gap:7px;align-items:flex-start;background:var(--ai-soft);border-radius:10px;padding:7px 9px;margin-top:7px}.aibadge{font-size:9px;font-weight:800;letter-spacing:.4px;color:#fff;background:var(--ai);padding:2px 5px;border-radius:6px;flex:none;margin-top:1px}.aitxt{font-size:12px;color:#39354a;line-height:1.4}.mtags{display:flex;gap:6px;margin-top:9px;flex-wrap:wrap;align-items:center}.reldot{width:8px;height:8px;border-radius:50%;flex:none}.rhi{background:var(--red)}.rmid{background:var(--accent)}.rlo{background:#c3bfb6}.lab,.pill{font-size:10px;font-weight:700;padding:3px 8px;border-radius:11px;display:inline-flex;align-items:center;gap:4px}.p-acct{background:#eef1f6;color:#5a6675}.p-acct.privat{background:#f4edf9;color:#9a4fc4}.l-firma{background:var(--accent-soft);color:var(--accent)}.l-cross{background:var(--accent);color:#fff}.l-buch{background:var(--amber-soft);color:var(--amber)}.l-ang{background:var(--green-soft);color:var(--green)}.l-sup{background:#e2f3f4;color:#1c8a90}.l-task{background:#fde9e4;color:#d2502f}.l-priv{background:#f4edf9;color:#9a4fc4}.l-lo{background:var(--chip);color:var(--sub)}.p-cust{background:var(--green-soft);color:var(--green)}.p-none{background:var(--amber-soft);color:var(--amber)}.assignbar{background:#fff;border:1px dashed var(--amber);border-radius:15px;padding:11px 12px;margin-bottom:9px}.q{font-size:12px;color:var(--sub);margin:8px 0 7px}.sug{display:flex;gap:7px;flex-wrap:wrap}.sugbtn{font-size:12px;font-weight:600;padding:6px 11px;border-radius:18px;background:var(--accent-soft);color:var(--accent);border:none;cursor:pointer}.sugbtn.buch{background:var(--amber-soft);color:var(--amber)}.sugbtn.alt{background:var(--chip);color:var(--sub)}.view{position:absolute;inset:0;background:#faf9f6;transform:translateX(100%);transition:transform .25s ease;display:flex;flex-direction:column;z-index:30}.view.open{transform:translateX(0)}.vhead{gap:10px;padding:14px 14px 12px;border-bottom:1px solid var(--line);background:#fff}.back,.vhead{display:flex;align-items:center}.back{font-size:14px;color:var(--accent);font-weight:600;cursor:pointer;gap:3px;background:none;border:none}.vbody{flex:1 1;overflow-y:auto;padding:14px 14px 40px}.card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px;margin-bottom:12px}.aicard{background:var(--ai-soft);border:1px solid #ddd6fb}.kv{font-size:12.5px;color:var(--sub);margin-bottom:2px}.mailbody{font-size:13.5px;line-height:1.55;margin-top:8px;white-space:pre-wrap}.todo{display:flex;align-items:flex-start;gap:9px;padding:9px 2px;border-bottom:1px solid var(--line);cursor:pointer}.todo:last-child{border-bottom:none}.chk{width:19px;height:19px;border-radius:6px;border:2px solid #cfccc3;flex:none;margin-top:1px;display:flex;align-items:center;justify-content:center}.todo.done .chk{background:var(--green);border-color:var(--green)}.todo.done .chk svg{opacity:1}.chk svg{width:11px;height:11px;stroke:#fff;opacity:0;fill:none}.todo.done .ttxt{text-decoration:line-through;color:var(--sub)}.ttxt{font-size:13.5px;line-height:1.35}.actions{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}.btn{flex:1 1;min-width:130px;text-align:center;font-size:13px;font-weight:600;padding:11px;border-radius:13px;border:none;cursor:pointer}.btn.primary{background:var(--accent);color:#fff}.btn.ghost{background:var(--chip);color:var(--ink)}.btn.ai{background:var(--ai);color:#fff}.btn:disabled{opacity:.6;cursor:default}.kcard{background:#fff;border:1px solid var(--line);border-radius:15px;padding:12px;margin-bottom:9px;cursor:pointer;display:flex;align-items:center;gap:11px}.kcard .av{width:38px;height:38px}.kname{font-weight:700;font-size:14px}.kmeta{font-size:11.5px;color:var(--sub);margin-top:2px}.kbadge{margin-left:auto;font-size:11px;font-weight:700;color:var(--amber);background:var(--amber-soft);padding:3px 8px;border-radius:11px}.tl,.tl .ti{position:relative}.tl .ti{padding:0 0 14px 18px}.tl .ti:before{content:"";position:absolute;left:0;top:4px;width:9px;height:9px;border-radius:50%;background:var(--accent)}.tl .ti:after{content:"";position:absolute;left:4px;top:13px;bottom:-2px;width:2px;background:var(--line)}.tl .ti:last-child:after{display:none}.tlt{font-size:13px;font-weight:600}.tld{font-size:11.5px;color:var(--sub);margin-top:1px}.addrow{display:flex;gap:8px;margin-top:10px}.addrow input{flex:1 1;border:1px solid var(--line);border-radius:11px;padding:10px 12px;font-size:13px;outline:none}.addrow input:focus{border-color:var(--accent)}.nav{position:absolute;bottom:0;left:0;right:0;height:64px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);z-index:20}.nav,.navi{display:flex}.navi{flex:1 1;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--sub);font-size:10px;cursor:pointer;font-weight:600;border:none;background:none}.navi svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.8}.navi.active{color:var(--accent)}.navi .soon{font-size:8px;color:#b9b5ab}.toast{position:absolute;top:14px;left:12px;right:12px;background:#1f2430;color:#fff;border-radius:16px;padding:12px 13px;box-shadow:0 12px 30px rgba(0,0,0,.35);z-index:40;transform:translateY(-220%);transition:transform .35s cubic-bezier(.2,.9,.3,1.3);cursor:pointer}.toast.show{transform:translateY(0)}.toast .tg{display:flex;align-items:center;gap:8px;font-size:11px;color:#8fb6ff;font-weight:700;margin-bottom:4px}.toast .th{font-weight:700;font-size:13.5px}.toast .tb{font-size:12.5px;color:#cdd2dc;margin-top:2px}.loading{padding:60px 20px;text-align:center;color:var(--sub);font-size:13px}.vphold{display:none}@media (min-width:960px){body{background:#efede7}.app{max-width:1240px;height:100vh;min-height:0;margin:0 auto;overflow:hidden;display:grid;grid-template-columns:240px minmax(370px,430px) 1fr;grid-template-rows:auto auto 1fr;grid-template-areas:"nav header detail" "nav tabs   detail" "nav list   detail";box-shadow:0 0 60px rgba(0,0,0,.08)}.header{grid-area:header}.header,.tabs{border-right:1px solid var(--line)}.tabs{grid-area:tabs}.scroll{grid-area:list;padding:12px 16px 22px}.nav,.scroll{border-right:1px solid var(--line)}.nav{grid-area:nav;position:relative;inset:auto;height:auto;flex-direction:column;align-items:stretch;gap:3px;background:#fbfaf7;border-top:none;padding:16px 12px;-webkit-backdrop-filter:none;backdrop-filter:none}.nav:before{content:"ePower Cockpit";font-weight:800;font-size:15.5px;color:var(--ink);letter-spacing:-.2px;padding:6px 10px 18px}.navi{flex:none;flex-direction:row;justify-content:flex-start;gap:12px;padding:10px 12px;border-radius:11px;font-size:13.5px;font-weight:600}.navi svg{width:19px;height:19px}.navi.active{background:var(--accent-soft);color:var(--accent)}.navi .soon{margin-left:auto}.view{grid-area:detail;position:relative;inset:auto;transform:none;z-index:1;display:none;background:#faf9f6}.view.open{display:flex}.vhead{padding:16px 24px}.vhead .back{display:none}.vbody{padding:22px 28px 48px;max-width:760px}.vphold{grid-area:detail;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--sub);font-size:14px;background:#faf9f6;padding:40px}.mail{transition:border-color .12s,box-shadow .12s}.mail:hover{border-color:#d9d4c8;box-shadow:0 2px 10px rgba(0,0,0,.04)}.mail:active{transform:none}.kcard:hover{border-color:#d9d4c8}.toast{left:auto;right:24px;top:20px;width:360px}}