:root{--ak-bg: #f2f3f5;--ak-card: #ffffff;--ak-card2: #f7f8fa;--ak-line: #e4e6eb;--ak-text: #181a20;--ak-mut: #6c7280;--ak-acc: #0e8a6d;--ak-onacc: #ffffff;--ak-pos: #0e9a66;--ak-neg: #d93843;--ak-warn: #b26a05;--ak-pad: 16px;--ak-maxw: none;--ak-sumcols: 1fr 1fr;--ak-kontocols: 1fr;--ak-detailcols: 1fr;--ak-histcols: 1fr}[data-theme=dark]{--ak-bg: #0d0f13;--ak-card: #161920;--ak-card2: #1d212a;--ak-line: #272c37;--ak-text: #eef1f6;--ak-mut: #8a93a5;--ak-acc: #4fcba8;--ak-onacc: #07231b;--ak-pos: #3bce96;--ak-neg: #f0717b;--ak-warn: #e3a63c}[data-accent=blau]{--ak-acc: #2b54c8;--ak-onacc: #ffffff}[data-theme=dark][data-accent=blau]{--ak-acc: #7c97f4;--ak-onacc: #0d1220}[data-accent=violett]{--ak-acc: #6b45c4;--ak-onacc: #ffffff}[data-theme=dark][data-accent=violett]{--ak-acc: #ac90f0;--ak-onacc: #1b1030}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--ak-bg);color:var(--ak-text);font-family:Instrument Sans,system-ui,-apple-system,sans-serif;font-variant-numeric:tabular-nums;font-size:15px;-webkit-font-smoothing:antialiased}input,select,button,textarea{font:inherit}@keyframes akfade{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.app-shell{position:relative;height:100%;display:flex;flex-direction:column;overflow:hidden}.app-main{flex:1;overflow-y:auto;min-height:0}.app-container{max-width:var(--ak-maxw);margin:0 auto;padding:var(--ak-pad);padding-bottom:28px;display:flex;flex-direction:column;gap:14px}.app-header{border-bottom:1px solid var(--ak-line);background:var(--ak-card);flex:none}.app-header-inner{max-width:var(--ak-maxw);margin:0 auto;padding:10px var(--ak-pad);display:flex;align-items:center;gap:10px}.app-logo{width:30px;height:30px;border-radius:9px;background:var(--ak-acc);color:var(--ak-onacc);display:grid;place-items:center;font-weight:700;font-size:15px}.app-title{font-weight:700;font-size:16px}.header-spacer{flex:1}.profile-chip{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--ak-line);background:var(--ak-card2);color:var(--ak-text);font-size:13px;font-weight:600;cursor:pointer}.profile-chip .dot{width:7px;height:7px;border-radius:50%;background:var(--ak-pos);display:inline-block}.icon-btn{width:32px;height:32px;border-radius:10px;border:1px solid var(--ak-line);background:var(--ak-card2);color:var(--ak-mut);cursor:pointer;display:grid;place-items:center;font-size:14px}.card{background:var(--ak-card);border:1px solid var(--ak-line);border-radius:16px;overflow:hidden}.card-pad{padding:16px}.subcard{background:var(--ak-card2);border:1px solid var(--ak-line);border-radius:12px;padding:12px;min-width:0}.btn{padding:9px 14px;border-radius:10px;border:none;background:var(--ak-acc);color:var(--ak-onacc);font-weight:600;font-size:13px;cursor:pointer}.btn:disabled{opacity:.55;cursor:default}.btn-ghost{padding:9px 14px;border-radius:10px;border:1px solid var(--ak-line);background:none;color:var(--ak-mut);font-weight:600;font-size:13px;cursor:pointer}.btn-ghost.danger{color:var(--ak-neg)}.btn-small{padding:6px 10px;border-radius:8px;font-size:12.5px}.input{padding:10px 12px;border-radius:10px;border:1px solid var(--ak-line);background:var(--ak-card2);color:var(--ak-text);outline:none;font-size:14px;min-width:0}.input:focus{border-color:var(--ak-acc)}.select{padding:8px 10px;border-radius:10px;border:1px solid var(--ak-line);background:var(--ak-card);color:var(--ak-text);font-size:13px;outline:none;cursor:pointer}.page-title{margin:0;font-size:20px;font-weight:700}.section-title{margin:8px 0 0;font-size:16px;font-weight:700}.badge{padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:700;white-space:nowrap}.muted{color:var(--ak-mut)}.pos{color:var(--ak-pos)}.neg{color:var(--ak-neg)}.fade-in{animation:akfade .25s ease}.empty-state{background:var(--ak-card);border:1px dashed var(--ak-line);border-radius:16px;padding:40px 20px;text-align:center}.empty-state .title{font-size:15px;font-weight:600;margin-bottom:4px}.empty-state .hint{font-size:13px;color:var(--ak-mut)}.loading-state{padding:32px;text-align:center;color:var(--ak-mut);font-size:13.5px}.spinner{display:inline-block;width:18px;height:18px;border:2px solid var(--ak-line);border-top-color:var(--ak-acc);border-radius:50%;animation:akspin .8s linear infinite;vertical-align:-4px;margin-right:8px}@keyframes akspin{to{transform:rotate(360deg)}}.error-state{background:color-mix(in srgb,var(--ak-neg) 8%,var(--ak-card));border:1px solid color-mix(in srgb,var(--ak-neg) 30%,var(--ak-line));color:var(--ak-neg);border-radius:12px;padding:12px 14px;font-size:13.5px}.bottom-nav{flex:none;width:100%;border-top:1px solid var(--ak-line);border-left:none;border-right:none;border-bottom:none;background:var(--ak-card);display:flex;padding:8px 6px calc(14px + env(safe-area-inset-bottom,0px));gap:4px;box-shadow:0 -2px 14px #0000000d}.nav-btn{flex:1;min-width:88px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 14px;border:none;background:transparent;border-radius:12px;cursor:pointer;color:var(--ak-mut);font-size:11.5px;font-weight:600}.nav-btn.active{background:color-mix(in srgb,var(--ak-acc) 12%,transparent);color:var(--ak-acc)}.toast{position:absolute;bottom:92px;left:50%;transform:translate(-50%);background:var(--ak-text);color:var(--ak-bg);padding:10px 18px;border-radius:12px;font-size:13.5px;font-weight:600;z-index:60;white-space:nowrap;animation:akfade .2s ease;box-shadow:0 6px 20px #00000040}.login-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:min(380px,100%);background:var(--ak-card);border:1px solid var(--ak-line);border-radius:20px;padding:30px 28px;display:flex;flex-direction:column;gap:16px;animation:akfade .3s ease}.login-label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--ak-mut)}.row{padding:12px 16px;border-bottom:1px solid var(--ak-line);display:flex;align-items:center;gap:12px}.row:last-child{border-bottom:none}.segmented{display:flex;gap:4px;background:var(--ak-card2);border:1px solid var(--ak-line);border-radius:10px;padding:3px}.segmented button{padding:5px 10px;border-radius:7px;border:none;font-size:12px;font-weight:600;cursor:pointer;background:transparent;color:var(--ak-mut)}.segmented button.active{background:var(--ak-acc);color:var(--ak-onacc)}.summary-grid{display:grid;grid-template-columns:var(--ak-sumcols);gap:12px}.konto-grid{display:grid;grid-template-columns:var(--ak-kontocols);gap:14px;align-items:start}.detail-grid{display:grid;grid-template-columns:var(--ak-detailcols);gap:14px}.hist-grid{grid-column:1 / -1;display:grid;grid-template-columns:var(--ak-histcols);gap:14px}.pos-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:10px;margin-top:12px}@media (min-width: 900px){:root,[data-theme=dark]{--ak-pad: 28px;--ak-maxw: 1060px;--ak-sumcols: 1.6fr 1fr 1fr 1fr;--ak-kontocols: 1.3fr 1fr;--ak-detailcols: 1.5fr 1fr;--ak-histcols: 1fr 1fr}.bottom-nav{width:fit-content;margin:0 auto 18px;border-radius:999px;border:1px solid var(--ak-line);padding:8px 10px}}