:root{
    --bg:#FBF7EF; --card:#FFFFFF; --ink:#2C2620; --ink-soft:#7A715F;
    --gold:#C9A227; --gold-light:#E6C766; --orange:#EE6F00; --orange-deep:#D65F00;
    --line:#EFE6D2; --line-soft:#F5EEDF; --grad:linear-gradient(135deg,#EE6F00 0%,#E8B23A 100%);
    --del:#C0392B; --del-bg:#FBE9E2; --shadow:0 8px 30px rgba(120,90,20,.08);
    --ring:rgba(238,111,0,.12); --accent-fade:rgba(238,111,0,.05); --gold-fade:rgba(201,162,39,.08);
    --badge-shadow:rgba(238,111,0,.25); --bar-shadow:rgba(120,70,0,.22);
    --tip-bg:#2C2620; --tip-ink:#FFFFFF; --toggle-off:#D8CDB8; --muted-icon:#C8B89A;
    --inc-strong:#1E8B4E; --exp-strong:#C05600; --neg-strong:#C0392B;
  }
  .income-theme{
    --bg:#EFF5F7; --gold:#27AE60; --gold-light:#9BD9B4; --orange:#2196F3; --orange-deep:#1976D2;
    --line:#D7E8EC; --line-soft:#E8F2F4; --grad:linear-gradient(135deg,#2196F3 0%,#27AE60 100%);
    --shadow:0 8px 30px rgba(20,90,120,.10); --ring:rgba(33,150,243,.14); --accent-fade:rgba(33,150,243,.06);
    --gold-fade:rgba(39,174,96,.10); --badge-shadow:rgba(33,150,243,.28); --bar-shadow:rgba(20,80,120,.24);
  }
  .overview-theme{
    --bg:#F4F6EC; --gold:#EE6F00; --gold-light:#F3A24E; --orange:#2E9E5B; --orange-deep:#258049;
    --line:#E6E8D8; --line-soft:#EFF1E4; --grad:linear-gradient(135deg,#27AE60 0%,#EE6F00 100%);
    --shadow:0 8px 30px rgba(90,110,40,.10); --ring:rgba(46,158,91,.14); --badge-shadow:rgba(46,158,91,.28); --bar-shadow:rgba(80,100,40,.22);
  }

  html.dark{
    --bg:#17140F; --card:#221E18; --ink:#F2ECE1; --ink-soft:#B0A491;
    --line:#332C23; --line-soft:#2A241C; --del-bg:#3D211A; --del:#FF6B5B;
    --shadow:0 8px 30px rgba(0,0,0,.45); --gold-fade:rgba(201,162,39,.14); --accent-fade:rgba(238,111,0,.10);
    --tip-bg:#0F0D0A; --tip-ink:#F2ECE1; --toggle-off:#3E3629; --muted-icon:#7C7263;
    --inc-strong:#4ED18B; --exp-strong:#FF9A3C; --neg-strong:#FF6B5B;
  }
  html.dark.income-theme{ --accent-fade:rgba(33,150,243,.12); --gold-fade:rgba(39,174,96,.14); }
  html.dark.overview-theme{ --accent-fade:rgba(46,158,91,.12); --gold-fade:rgba(238,111,0,.12); }
  html.dark .dot-inc,html.dark .ov-fill-inc{background:#3FC57F}
  html.dark .dot-exp,html.dark .ov-fill-exp{background:#FF8A1F}
  html.dark .modal-overlay{background:rgba(0,0,0,.6)}
  html.dark .row.inactive .name-input{color:#8B8171;text-decoration-color:#5B5346}
  html.dark .row.inactive .amount input{color:#8B8171}
  html.dark .row.inactive .amount .cur{color:#6E6557}
  html.dark .saved-label{color:#4ED18B}
  html.dark .note .credit{color:#7C7263}
  html.dark .name-input::placeholder,html.dark .amount input::placeholder{color:#6E6557}

  *{box-sizing:border-box;margin:0;padding:0}
  html{overflow-y:scroll;scrollbar-gutter:stable;color-scheme:light}
  html.dark{color-scheme:dark}
  html,body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;transition:background .3s ease}
  body{padding-bottom:108px}
  body.overview-mode{padding-bottom:30px}
  body.overview-mode .add-cat, body.overview-mode .total-bar, body.overview-mode .note span[data-t="note1"]{display:none}
  body.overview-mode .note{margin-top:8px}
  :focus-visible{outline:2.5px solid var(--orange);outline-offset:2px;border-radius:4px}
  header :focus-visible{outline-color:#fff}
  .skip-link{position:absolute;left:-9999px;top:0;background:var(--card);color:var(--ink);padding:10px 16px;border-radius:0 0 10px 0;z-index:200;font-weight:700}
  .skip-link:focus{left:0}

  header{background:linear-gradient(90deg,#2196F3 0%,#27AE60 33.333%,#EE6F00 66.667%,#E8B23A 100%);background-size:300% 100%;background-position:100% 0%;color:#fff;padding:24px 24px 22px;position:sticky;top:0;z-index:60;overflow:hidden;transition:background-position .7s ease}
  .income-theme header{background-position:0% 0%}
  .overview-theme header{background-position:50% 0%}
  header::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 70%);border-radius:50%}
  .head-inner{max-width:880px;margin:0 auto;position:relative;z-index:1}
  .head-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
  header h1{font-size:29px;font-weight:800;letter-spacing:-.5px}
  header p{margin-top:7px;font-size:15px;opacity:.92;font-weight:500}
  .head-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}
  .settings-btn{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.18);border:1.5px solid rgba(255,255,255,.4);color:#fff;padding:9px 15px;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;transition:all .18s ease;white-space:nowrap}
  .settings-btn:hover{background:rgba(255,255,255,.3)}
  .settings-btn svg{width:16px;height:16px}
  .tabs{display:inline-flex;background:rgba(255,255,255,.16);border:1.5px solid rgba(255,255,255,.35);border-radius:999px;padding:4px;margin-top:18px;gap:4px}
  .tab{border:none;background:transparent;color:#fff;padding:8px 22px;border-radius:999px;font-size:15px;font-weight:700;cursor:pointer;transition:all .18s ease}
  .tab.active{background:#fff;color:var(--orange-deep)}

  main{max-width:880px;margin:0 auto;padding:26px 18px 10px}

  .toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:22px}
  .btn{border:1.5px solid var(--line);background:var(--card);color:var(--ink);padding:9px 16px;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;transition:all .18s ease;display:inline-flex;align-items:center;gap:7px}
  .btn:hover{border-color:var(--orange);color:var(--orange);transform:translateY(-1px)}
  .btn[hidden]{display:none}
  .btn svg{width:16px;height:16px}
  .saved-label{font-size:13px;font-weight:600;color:#1E8B4E;align-self:center;margin-left:2px;white-space:nowrap}

  .pie-card{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:20px 24px;margin-bottom:18px;display:flex;align-items:center;gap:26px;animation:rise .45s ease both}
  .pie-svg{width:232px;height:232px;flex:none}
  .pie-legend{flex:1;min-width:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:9px 20px;align-content:center}
  .pie-item{display:flex;align-items:center;gap:8px;font-size:13.5px;min-width:0}
  .pie-dot{width:12px;height:12px;border-radius:4px;flex:none}
  .pie-ic{flex:none;font-size:14px;line-height:1}
  .pie-nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--ink)}
  .pie-val{flex:none;font-weight:700;color:var(--ink-soft);white-space:nowrap;font-size:12.5px}
  @media(max-width:720px){
    .pie-card{flex-direction:column;gap:16px}
    .pie-svg{width:210px;height:210px}
    .pie-legend{width:100%;grid-template-columns:1fr}
  }

  .cat{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);margin-bottom:18px;overflow:hidden;animation:rise .45s ease both}
  @keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
  .cat.cat-drop{box-shadow:0 0 0 2px var(--orange),var(--shadow)}
  .cat.dragging{opacity:.4}
  .cat.cat-drop-above{box-shadow:0 -4px 0 -1px var(--orange),var(--shadow)}
  .cat.cat-drop-below{box-shadow:0 4px 0 -1px var(--orange),var(--shadow)}
  .cat-head{display:flex;align-items:center;gap:12px;padding:16px 20px 16px 12px;border-bottom:1px solid var(--line-soft)}
  .cat-drag{width:26px;height:34px;flex:none;border:none;background:transparent;color:var(--muted-icon);cursor:grab;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;padding:0;touch-action:none}
  .cat-drag:hover{background:var(--line-soft);color:var(--orange)}
  .cat-drag:active{cursor:grabbing}
  .cat-drag svg{width:17px;height:17px;pointer-events:none}
  .badge{width:42px;height:42px;flex:none;border-radius:12px;background:var(--grad);display:flex;align-items:center;justify-content:center;font-size:21px;box-shadow:0 4px 12px var(--badge-shadow);cursor:pointer;transition:transform .12s ease;border:none;padding:0}
  .badge:hover{transform:scale(1.07)}
  .emoji-modal{max-width:430px}
  .emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;max-height:min(50vh,360px);overflow-y:auto;overscroll-behavior:contain;margin-top:8px;padding:2px}
  .emoji-opt{border:1.5px solid transparent;background:transparent;border-radius:10px;font-size:22px;line-height:1;padding:8px 0;cursor:pointer;transition:all .12s ease;display:flex;align-items:center;justify-content:center}
  .emoji-opt:hover{background:var(--line-soft);transform:scale(1.12)}
  .emoji-opt.current{border-color:var(--orange);background:var(--accent-fade)}
  @media(max-width:560px){.emoji-grid{grid-template-columns:repeat(6,1fr)}}
  .cat-name{flex:1;border:1.5px solid transparent;background:transparent;font-size:17px;font-weight:700;color:var(--ink);padding:7px 9px;border-radius:9px;min-width:0;transition:all .15s ease}
  .cat-name:hover{background:var(--line-soft)}
  .cat-name:focus{outline:none;background:var(--card);border-color:var(--gold-light)}
  .cat-collapse{width:30px;height:30px;flex:none;border:none;background:transparent;color:var(--muted-icon);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;padding:0}
  .cat-collapse svg{width:17px;height:17px}
  .cat-collapse:hover{background:var(--line-soft);color:var(--orange)}
  .cat-sub{font-size:16px;font-weight:800;color:var(--orange);white-space:nowrap;margin-left:2px}
  .del-cat{width:30px;height:30px;flex:none;border:none;background:transparent;color:var(--muted-icon);border-radius:8px;cursor:pointer;font-size:17px;opacity:0;transition:all .15s ease}
  .cat-head:hover .del-cat,.del-cat:focus-visible{opacity:1}
  .del-cat:hover{background:var(--del-bg);color:var(--del)}
  .cat.collapsed .cat-head{border-bottom:none}
  .cat.collapsed .items,.cat.collapsed .add-item{display:none}

  .items{padding:6px 8px}
  .row{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:11px;transition:background .15s ease;position:relative}
  .row:hover{background:var(--line-soft)}
  .row.dragging{opacity:.35}
  .row.drop-above{box-shadow:inset 0 3px 0 -1px var(--orange)}
  .row.drop-below{box-shadow:inset 0 -3px 0 -1px var(--orange)}
  .drag-handle{width:26px;height:32px;flex:none;border:none;background:transparent;color:var(--muted-icon);cursor:grab;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;touch-action:none}
  .drag-handle:hover{background:var(--line-soft);color:var(--orange)}
  .drag-handle:active{cursor:grabbing}
  .drag-handle svg{pointer-events:none}

  .active-toggle{width:30px;height:30px;flex:none;border:none;background:transparent;color:var(--orange);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;padding:0}
  .active-toggle svg{width:18px;height:18px}
  .active-toggle:hover{background:var(--accent-fade)}
  .active-toggle.off{color:var(--muted-icon)}
  .active-toggle.off:hover{background:var(--line-soft)}

  .name-input{flex:1;border:1.5px solid transparent;background:transparent;font-size:15px;color:var(--ink);padding:9px 10px;border-radius:9px;min-width:0;transition:all .15s ease}
  .name-input::placeholder{color:#B9AE96}
  .name-input:focus{outline:none;background:var(--card);border-color:var(--gold-light)}

  .row.inactive .name-input{color:#A89D87;text-decoration:line-through;text-decoration-color:#CFC4AE}
  .row.inactive .amount input{color:#A89D87;background:var(--line-soft);border-color:transparent}
  .row.inactive .amount .cur{color:#C2B69E}
  .amount{position:relative;width:158px;flex:none}
  .amount input{width:100%;border:1.5px solid var(--line);background:var(--card);border-radius:10px;padding:9px 40px 9px 12px;font-size:15px;font-weight:600;text-align:right;color:var(--ink);transition:all .15s ease}
  .amount input::placeholder{color:#C3B89F;font-weight:500}
  .amount input:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px var(--ring)}
  .amount .cur{position:absolute;right:11px;top:50%;transform:translateY(-50%);color:var(--ink-soft);font-weight:700;pointer-events:none;font-size:14px;max-width:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .del-item{width:32px;height:32px;flex:none;border:none;background:transparent;color:var(--muted-icon);border-radius:8px;cursor:pointer;font-size:17px;transition:all .15s ease;line-height:1}
  .del-item:hover{background:var(--del-bg);color:var(--del)}

  .add-item{display:flex;align-items:center;gap:8px;width:calc(100% - 16px);margin:4px 8px 12px;border:1.5px dashed var(--line);background:transparent;color:var(--orange);padding:10px;border-radius:11px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}
  .add-item:hover{border-color:var(--orange);background:var(--accent-fade)}
  .add-cat{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;border:2px dashed var(--gold-light);background:transparent;color:var(--orange-deep);padding:16px;border-radius:18px;font-size:15px;font-weight:700;cursor:pointer;transition:all .15s ease;margin-bottom:8px}
  .add-cat:hover{background:var(--gold-fade);border-color:var(--gold)}
  html.dark .add-cat{color:var(--gold-light)}

  .ov-card{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:26px 24px;animation:rise .45s ease both;position:relative}
  .ov-card:not(.flow-card){z-index:3}
  .flow-card{z-index:1;margin-top:18px}
  .ov-period{text-align:center;font-size:13px;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.4px;margin-bottom:22px}
  .ov-item{margin-bottom:20px}
  .ov-item-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
  .ov-name{font-size:15px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:9px}
  .dot{width:11px;height:11px;border-radius:50%;flex:none}
  .dot-inc,.ov-fill-inc{background:#27AE60}
  .dot-exp,.ov-fill-exp{background:#EE6F00}
  .ov-amt{font-size:20px;font-weight:800}
  .ov-amt-inc{color:var(--inc-strong)}
  .ov-amt-exp{color:var(--exp-strong)}
  .ov-track{height:12px;background:var(--line-soft);border-radius:999px;overflow:hidden}
  .ov-fill{height:100%;border-radius:999px;transition:width .5s ease}
  .ov-divider{height:1px;background:var(--line);margin:22px 0}
  .ov-saldo{text-align:center}
  .ov-saldo-label{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.5px}
  .ov-saldo-val{font-size:40px;font-weight:800;letter-spacing:-1px;margin-top:6px}
  .ov-saldo-val.pos{color:var(--inc-strong)}
  .ov-saldo-val.neg{color:var(--neg-strong)}
  .ov-saldo-cap{font-size:13px;font-weight:600;margin-top:4px;color:var(--ink-soft)}

  .flow-title{text-align:center;font-size:13px;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.4px;margin-bottom:14px}
  .flow-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
  .flow-btn{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--line);background:var(--card);color:var(--orange-deep);padding:8px 14px;border-radius:999px;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s ease;white-space:nowrap}
  .flow-btn:hover{border-color:var(--orange);transform:translateY(-1px)}
  .flow-btn.active{background:var(--orange);border-color:var(--orange);color:#fff}
  html.dark .flow-btn{color:var(--ink)}
  html.dark .flow-btn.active{color:#fff}
  .flow-btn svg{width:14px;height:14px}
  .flow-svg-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .flow-svg{display:block;width:100%;min-width:520px;height:auto}
  .flow-empty{text-align:center;color:var(--ink-soft);font-size:14px;font-weight:500;padding:34px 12px}

  .info-wrap{position:relative;display:inline-flex}
  .info-btn{width:21px;height:21px;border-radius:50%;border:1.6px solid var(--orange);background:transparent;color:var(--orange);font-size:13px;font-weight:700;font-style:italic;font-family:Georgia,"Times New Roman",serif;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;padding:0;transition:all .15s ease}
  .info-btn:hover{background:var(--orange);color:#fff}
  .speech{position:absolute;left:50%;top:calc(100% + 12px);transform:translateX(-50%);width:min(280px,80vw);background:var(--tip-bg);color:var(--tip-ink);padding:14px 16px;border-radius:13px;box-shadow:0 12px 34px rgba(0,0,0,.28);z-index:80;text-align:left;animation:pop .15s ease both}
  .speech[hidden]{display:none}
  .speech::before{content:"";position:absolute;left:50%;top:-7px;transform:translateX(-50%);border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid var(--tip-bg)}
  .speech-title{display:block;font-weight:800;font-size:14px;margin-bottom:6px}
  .speech-text{display:block;font-size:13px;line-height:1.55;opacity:.92;font-weight:500;text-transform:none;letter-spacing:0}
  .speech-formula{display:block;margin-top:10px;font-weight:700;font-size:13px;color:var(--tip-ink);background:rgba(255,255,255,.12);padding:8px 11px;border-radius:9px;text-align:center;letter-spacing:.2px}
  @keyframes pop{from{opacity:0;transform:translateX(-50%) translateY(-5px)}to{opacity:1;transform:translateX(-50%)}}

  .note{max-width:880px;margin:18px auto 0;padding:0 18px;text-align:center;color:var(--ink-soft);font-size:13px;line-height:1.6}
  .note .credit{display:block;margin-top:6px;font-size:12px;color:#B9AE96}

  .total-bar{position:fixed;left:0;right:0;bottom:0;background:var(--grad);color:#fff;z-index:50;box-shadow:0 -6px 24px var(--bar-shadow);transition:background .3s ease}
  .total-inner{max-width:880px;margin:0 auto;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px}
  .total-label{font-size:13px;font-weight:600;opacity:.92;letter-spacing:.3px;text-transform:uppercase}
  .total-value{font-size:30px;font-weight:800;letter-spacing:-.5px;line-height:1.1;margin-top:2px}
  .total-year{text-align:right;font-size:13px;font-weight:600;opacity:.9}
  .total-year b{display:block;font-size:18px;font-weight:800;margin-top:2px;opacity:1}

  .modal-overlay{position:fixed;inset:0;background:rgba(30,30,30,.45);display:flex;align-items:flex-start;justify-content:center;z-index:100;padding:20px;overflow-y:auto;overscroll-behavior:contain;animation:fade .15s ease}
  .modal-overlay[hidden]{display:none}
  /* #modal ist der generische Bestätigungs-Dialog und kann über einem anderen
     bereits offenen Modal (z. B. den Einstellungen) aufgerufen werden. */
  #modal{z-index:110}
  html.modal-open{overflow:hidden}
  @keyframes fade{from{opacity:0}to{opacity:1}}
  .modal{background:var(--card);border-radius:18px;max-width:420px;width:100%;padding:26px;margin:auto;box-shadow:0 20px 60px rgba(0,0,0,.25);animation:rise .2s ease both}
  .modal-text{font-size:15px;font-weight:500;color:var(--ink);line-height:1.55;margin-bottom:22px}
  .modal-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
  .modal-confirm{border:none;background:var(--orange);color:#fff;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .15s ease}
  .modal-confirm:hover{background:var(--orange-deep)}
  .modal-cancel{padding:10px 18px}

  #btnResetSettings{margin-right:auto;font-size:13px;padding:9px 14px}
  .btn-danger{border-color:rgba(192,57,43,.35);color:var(--del)}
  .btn-danger:hover{border-color:var(--del);color:var(--del);background:var(--del-bg);transform:translateY(-1px)}

  .settings-modal,.export-modal{max-width:460px}
  .settings-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
  .settings-head h2{font-size:20px;font-weight:800;color:var(--ink)}
  .icon-btn{border:none;background:transparent;font-size:24px;color:var(--ink-soft);cursor:pointer;width:34px;height:34px;border-radius:8px;line-height:1}
  .icon-btn:hover{background:var(--line-soft);color:var(--ink)}
  .set-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid var(--line-soft)}
  .set-row:last-of-type{border-bottom:none}
  .set-row label{font-size:15px;font-weight:600;color:var(--ink)}
  .set-row select{font-size:14px;font-weight:600;color:var(--ink);background:var(--card);border:1.5px solid var(--line);border-radius:10px;padding:9px 12px;cursor:pointer;min-width:160px}
  .set-row select:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px var(--ring)}
  .export-hint{font-size:14px;color:var(--ink-soft);margin-bottom:12px;line-height:1.5}
  #exportText{width:100%;height:170px;border:1.5px solid var(--line);border-radius:12px;padding:12px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;color:var(--ink);background:var(--bg);resize:vertical;line-height:1.4}
  #exportText:focus{outline:none;border-color:var(--orange)}

  @media(max-width:560px){
    header h1{font-size:21px}
    .amount{width:124px}
    .total-value{font-size:23px}
    .cat-sub{font-size:14px}
    .settings-btn span{display:none}
    .settings-btn{padding:10px}
    .tab{padding:8px 14px;font-size:14px}
    .ov-saldo-val{font-size:34px}
    .del-cat{opacity:1}
  }

.note .tb-embed-footer{display:block;margin-top:6px;}
.note .tb-embed-footer a{display:inline-block;margin:0 7px;font-size:12px;text-decoration:none;color:inherit;opacity:.75;}
.note .tb-embed-footer a:not(.tb-embed-legal){opacity:.9;}
.note .tb-embed-footer a.tb-embed-legal{opacity:.6;}
.note .tb-embed-footer a:hover{text-decoration:underline; opacity:1;}