:root {
  --bg:#0f0f11; --bg2:#161619; --bg3:#1e1e23; --bg4:#26262d;
  --border:rgba(255,255,255,0.07); --border2:rgba(255,255,255,0.13);
  --text:#f0f0f2; --text2:#9090a0; --text3:#5a5a6a;
  --accent:#6c8aff; --accent2:#4d6bff;
  --green:#3dd68c; --amber:#f5a623; --red:#ff5c5c; --teal:#2dd4bf;
  --radius:12px; --radius-sm:8px;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6;}
.app{display:flex;min-height:100vh;}

.sidebar{width:220px;flex-shrink:0;background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1.5rem 1rem;position:sticky;top:0;height:100vh;overflow-y:auto;}
.logo{display:flex;align-items:center;gap:10px;margin-bottom:2rem;padding:0 .5rem;}
.logo-mark{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--teal));display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#fff;flex-shrink:0;}
.logo-text{font-size:14px;font-weight:600;color:var(--text);line-height:1.2;}
.logo-sub{font-size:11px;color:var(--text3);}
.nav-section{font-size:10px;font-weight:600;letter-spacing:.1em;color:var(--text3);text-transform:uppercase;padding:0 .5rem;margin:1.25rem 0 .5rem;}
.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);font-size:13px;color:var(--text2);cursor:pointer;transition:all .15s;user-select:none;margin-bottom:2px;border:none;background:none;width:100%;text-align:left;font-family:'DM Sans',sans-serif;}
.nav-item svg{width:16px;height:16px;flex-shrink:0;}
.nav-item:hover{background:var(--bg3);color:var(--text);}
.nav-item.active{background:rgba(108,138,255,.12);color:var(--accent);}
.month-nav{display:flex;align-items:center;justify-content:space-between;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;margin-top:auto;}
.month-nav button{background:none;border:none;color:var(--text2);cursor:pointer;font-size:18px;line-height:1;padding:2px 5px;border-radius:4px;}
.month-nav button:hover{color:var(--text);background:var(--bg4);}
.month-nav span{font-size:12px;font-weight:500;color:var(--text);}

.main{flex:1;padding:2rem 2.5rem;max-width:960px;}
.page-header{margin-bottom:1.75rem;}
.page-title{font-size:22px;font-weight:600;color:var(--text);}
.page-sub{font-size:13px;color:var(--text2);margin-top:3px;}

.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:1.75rem;}
.stat-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;position:relative;overflow:hidden;}
.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;}
.stat-card.c-blue::before{background:var(--accent);}
.stat-card.c-amber::before{background:var(--amber);}
.stat-card.c-green::before{background:var(--green);}
.stat-card.c-teal::before{background:var(--teal);}
.stat-label{font-size:11px;color:var(--text3);font-weight:500;letter-spacing:.05em;text-transform:uppercase;margin-bottom:6px;}
.stat-value{font-size:24px;font-weight:600;font-family:'DM Mono',monospace;line-height:1;}
.v-blue{color:var(--accent);} .v-amber{color:var(--amber);} .v-green{color:var(--green);} .v-teal{color:var(--teal);} .v-red{color:var(--red);}
.stat-sub{font-size:11px;color:var(--text3);margin-top:5px;}

.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.5rem;margin-bottom:1rem;}
.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;}
.card-title{font-size:13px;font-weight:600;color:var(--text);}
.card-sub{font-size:12px;color:var(--text3);}

.budget-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);}
.budget-row:last-child{border-bottom:none;padding-bottom:0;}
.cat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.cat-name{font-size:13px;color:var(--text);flex:1;}
.cat-amounts{font-size:12px;color:var(--text2);text-align:right;min-width:120px;font-family:'DM Mono',monospace;}
.cat-amounts span{color:var(--text3);font-size:11px;}
.bar-wrap{flex:1;height:4px;background:var(--bg4);border-radius:99px;overflow:hidden;min-width:80px;}
.bar-fill{height:100%;border-radius:99px;transition:width .4s cubic-bezier(.4,0,.2,1);}
.pct-badge{font-size:10px;font-weight:600;font-family:'DM Mono',monospace;padding:2px 7px;border-radius:99px;min-width:40px;text-align:center;}
.budget-row.clickable{cursor:pointer;border-radius:var(--radius-sm);transition:background .12s;}
.budget-row.clickable:hover{background:rgba(255,255,255,.04);}
.cat-tx-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--border);}
.cat-tx-row:last-child{border-bottom:none;}

.btn-primary{display:flex;align-items:center;gap:6px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);padding:7px 14px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s;font-family:'DM Sans',sans-serif;}
.btn-primary:hover{background:var(--accent2);}
.btn-ghost{display:flex;align-items:center;gap:6px;background:var(--bg4);color:var(--text2);border:1px solid var(--border2);border-radius:var(--radius-sm);padding:6px 12px;font-size:13px;cursor:pointer;transition:all .15s;font-family:'DM Sans',sans-serif;}
.btn-ghost:hover{color:var(--text);background:var(--bg3);}
.btn-danger{display:flex;align-items:center;gap:6px;background:rgba(255,92,92,.1);color:var(--red);border:1px solid rgba(255,92,92,.25);border-radius:var(--radius-sm);padding:6px 12px;font-size:13px;cursor:pointer;font-family:'DM Sans',sans-serif;}

.add-form{background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius);padding:1rem;margin-bottom:1rem;display:none;}
.add-form.open{display:block;}
.form-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto;gap:10px;align-items:end;}
.form-group label{display:block;font-size:11px;color:var(--text3);margin-bottom:5px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;}
.form-input{width:100%;background:var(--bg4);border:1px solid var(--border2);border-radius:var(--radius-sm);padding:7px 10px;color:var(--text);font-size:13px;font-family:'DM Sans',sans-serif;outline:none;transition:border-color .15s;}
.form-input:focus{border-color:var(--accent);}
.form-input option{background:var(--bg3);}

.tx-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);}
.tx-row:last-child{border-bottom:none;}
.tx-icon{width:34px;height:34px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;}
.tx-info{flex:1;}
.tx-desc{font-size:13px;color:var(--text);font-weight:500;}
.tx-meta{font-size:11px;color:var(--text3);margin-top:1px;}
.tx-amt{font-size:14px;font-weight:600;font-family:'DM Mono',monospace;color:var(--text);}
.tx-del{background:none;border:none;color:var(--text3);cursor:pointer;padding:4px;border-radius:5px;line-height:1;font-size:16px;font-family:'DM Sans',sans-serif;}
.tx-del:hover{color:var(--red);background:rgba(255,92,92,.1);}
.tx-selected{background:rgba(108,138,255,.07);border-radius:var(--radius-sm);}
.k401-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.5rem;margin-bottom:1rem;}
.k401-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);}
.k401-row:last-child{border-bottom:none;}
.k401-label{font-size:13px;color:var(--text);}
.k401-sub{font-size:11px;color:var(--text3);margin-top:2px;}
.k401-input{background:var(--bg4);border:1px solid var(--border2);border-radius:var(--radius-sm);padding:5px 10px;color:var(--text);font-size:14px;font-family:'DM Mono',monospace;width:140px;text-align:right;outline:none;font-weight:600;}
.k401-input:focus{border-color:var(--accent);}
.k401-total{display:flex;align-items:center;justify-content:space-between;padding:12px 0 4px;border-top:1px solid var(--border2);margin-top:4px;}
.avg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:1rem;}
.avg-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.85rem 1rem;}
.avg-label{font-size:11px;color:var(--text3);font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px;}
.avg-value{font-size:20px;font-weight:600;font-family:'DM Mono',monospace;color:var(--text);}
.avg-sub{font-size:11px;color:var(--text3);margin-top:3px;}
.pace-bar-bg{height:6px;background:var(--bg4);border-radius:99px;overflow:hidden;margin-top:6px;}
.pace-bar-fill{height:100%;border-radius:99px;transition:width .4s;}
.mom-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--border);}
.mom-row:last-child{border-bottom:none;}
.mom-cat{font-size:13px;color:var(--text);flex:1;}
.mom-val{font-size:13px;font-family:'DM Mono',monospace;width:80px;text-align:right;}
.mom-delta{font-size:11px;font-weight:600;font-family:'DM Mono',monospace;width:70px;text-align:right;}
.delta-up{color:#ff5c5c;}
.delta-down{color:#3dd68c;}
.delta-same{color:#9090a0;}
.mom-bar-wrap{width:80px;height:4px;background:var(--bg4);border-radius:99px;overflow:hidden;}
.mom-bar-fill{height:100%;border-radius:99px;}
.month-tabs{display:flex;gap:4px;margin-bottom:1rem;overflow-x:auto;padding-bottom:2px;}
.month-tab{padding:5px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--text2);white-space:nowrap;font-family:'DM Sans',sans-serif;}
.month-tab:hover{background:var(--bg3);color:var(--text);}
.month-tab.active{background:rgba(108,138,255,.15);color:var(--accent);border-color:rgba(108,138,255,.3);}
.nw-section-title{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);margin:1.25rem 0 .6rem;padding:0 .25rem;}
.nw-row{display:flex;align-items:center;justify-content:space-between;padding:9px 4px;border-bottom:1px solid var(--border);transition:background .1s;}
.nw-row:last-child{border-bottom:none;}
.nw-row:hover{background:rgba(255,255,255,.02);border-radius:6px;}
.nw-label{font-size:13px;color:var(--text);}
.nw-sub{font-size:11px;color:var(--text3);margin-top:1px;}
.nw-input{background:var(--bg4);border:1px solid var(--border2);border-radius:var(--radius-sm);padding:5px 10px;color:var(--text);font-size:13px;font-family:"DM Mono",monospace;width:140px;text-align:right;outline:none;}
.nw-input:focus{border-color:var(--accent);}
.nw-total-row{display:flex;align-items:center;justify-content:space-between;padding:12px 4px 4px;border-top:1px solid var(--border2);margin-top:6px;}
.nw-total-label{font-size:13px;font-weight:600;color:var(--text);}
.nw-total-val{font-size:18px;font-weight:600;font-family:"DM Mono",monospace;}
.nw-hero{background:linear-gradient(135deg,rgba(108,138,255,.12),rgba(45,212,191,.08));border:1px solid rgba(108,138,255,.2);border-radius:var(--radius);padding:1.5rem 2rem;margin-bottom:1.25rem;text-align:center;}
.nw-hero-label{font-size:12px;color:var(--text3);font-weight:500;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;}
.nw-hero-value{font-size:42px;font-weight:600;font-family:"DM Mono",monospace;line-height:1;}
.nw-hero-sub{font-size:12px;color:var(--text3);margin-top:8px;}
.nw-cols{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.nw-history-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.wc-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:1.5rem;}
.wc-metric{background:var(--bg3);border-radius:var(--radius-sm);padding:.85rem 1rem;}
.wc-metric-label{font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px;font-weight:500;}
.wc-metric-value{font-size:20px;font-weight:600;font-family:"DM Mono",monospace;color:var(--text);}
.wc-metric-sub{font-size:11px;color:var(--text3);margin-top:3px;}
.wc-legend{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:10px;font-size:12px;color:var(--text2);}
.wc-legend-item{display:flex;align-items:center;gap:6px;}
.wc-legend-line{width:28px;height:3px;border-radius:2px;}
.wc-crossover{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem;margin-top:1rem;border-left:3px solid #639922;}
.wc-note{background:var(--bg3);border-radius:var(--radius-sm);padding:.85rem 1rem;margin-top:1rem;font-size:12px;color:var(--text2);line-height:1.7;border-left:3px solid rgba(108,138,255,.4);}
.wc-section{font-size:10px;font-weight:600;letter-spacing:.08em;color:var(--text3);text-transform:uppercase;margin:1.25rem 0 .6rem;}
.sync-bar{display:flex;align-items:center;gap:8px;padding:6px 14px;background:var(--bg3);border-bottom:1px solid var(--border);font-size:12px;color:var(--text2);}
.sync-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:background .3s;}
.sync-dot.synced{background:#3dd68c;}
.sync-dot.syncing{background:#f5a623;animation:pulse 1s infinite;}
.sync-dot.error{background:#ff5c5c;}
.sync-dot.offline{background:#5a5a6a;}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:.3;}}
.sync-btn{background:none;border:1px solid var(--border2);border-radius:var(--radius-sm);padding:3px 10px;font-size:11px;color:var(--text2);cursor:pointer;font-family:"DM Sans",sans-serif;margin-left:auto;}
.sync-btn:hover{color:var(--text);background:var(--bg4);}
.tx-note{font-size:11px;color:var(--text3);margin-top:2px;font-style:italic;}
.note-input{width:100%;background:var(--bg4);border:1px solid var(--border2);border-radius:var(--radius-sm);padding:5px 8px;color:var(--text);font-size:12px;font-family:'DM Sans',sans-serif;outline:none;margin-top:5px;resize:none;}
.note-input:focus{border-color:var(--accent);}
.note-btn{background:none;border:none;color:var(--text3);cursor:pointer;font-size:12px;padding:2px 6px;border-radius:4px;font-family:'DM Sans',sans-serif;}
.note-btn:hover{color:var(--accent);background:rgba(108,138,255,.1);}
@media print{
  .sidebar,.card-header button,.btn-primary,.btn-ghost,.btn-danger,.tx-del,.selectModeBtn,#selectModeBtn,#selectAllChk,.note-btn,#addForm,.modal-overlay,.toast{display:none!important;}
  body{background:#fff!important;color:#000!important;}
  .main{padding:.5rem!important;max-width:100%!important;}
  .stat-card,.card,.k401-card{background:#fff!important;border:1px solid #ddd!important;break-inside:avoid;}
  .stat-value,.card-title,.tx-desc,.tx-amt,.nw-hero-value{color:#000!important;}
  .stat-label,.tx-meta,.card-sub,.cat-amounts span,.nw-sub{color:#555!important;}
  .bar-fill,.pace-bar-fill,.mom-bar-fill{-webkit-print-color-adjust:exact;print-color-adjust:exact;}
  .app{display:block!important;}
  .tab-page{display:block!important;}
  .print-hide{display:none!important;}
  .print-show{display:block!important;}
}

.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}

.insight-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);}
.insight-item:last-child{border-bottom:none;}
.insight-icon{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px;}
.insight-text{font-size:13px;color:var(--text2);line-height:1.6;}
.insight-text strong{color:var(--text);font-weight:600;}

.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.setting-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);}
.setting-row:last-child{border-bottom:none;}
.setting-label{font-size:13px;color:var(--text);}
.setting-sub{font-size:11px;color:var(--text3);}
.setting-input{background:var(--bg4);border:1px solid var(--border2);border-radius:var(--radius-sm);padding:5px 10px;color:var(--text);font-size:13px;font-family:'DM Mono',monospace;width:120px;text-align:right;outline:none;}
.setting-input:focus{border-color:var(--accent);}

.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:200;align-items:center;justify-content:center;}
.modal-overlay.open{display:flex;}
.modal-box{background:var(--bg3);border:1px solid var(--border2);border-radius:16px;padding:1.5rem;width:580px;max-width:92vw;max-height:82vh;overflow-y:auto;}
.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;}
.modal-title{font-size:16px;font-weight:600;color:var(--text);}
.modal-close{background:none;border:none;color:var(--text2);cursor:pointer;font-size:22px;line-height:1;padding:2px 6px;border-radius:4px;font-family:'DM Sans',sans-serif;}
.modal-close:hover{color:var(--text);background:var(--bg4);}

.csv-table{width:100%;border-collapse:collapse;font-size:12px;}
.csv-table th{text-align:left;padding:8px 10px;color:var(--text2);font-weight:500;background:var(--bg4);position:sticky;top:0;}
.csv-table td{padding:7px 10px;border-top:1px solid var(--border);}
.csv-select{background:var(--bg4);border:1px solid var(--border2);border-radius:6px;color:var(--text);font-size:11px;padding:3px 6px;font-family:'DM Sans',sans-serif;outline:none;}

.empty{text-align:center;padding:3rem 1rem;color:var(--text3);}
.empty p{font-size:13px;margin-top:.75rem;}

.toast{position:fixed;bottom:24px;right:24px;background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius);padding:10px 16px;font-size:13px;color:var(--text);transform:translateY(80px);opacity:0;transition:all .25s cubic-bezier(.4,0,.2,1);z-index:300;}
.toast.show{transform:translateY(0);opacity:1;}

.tab-page{display:none;}
.tab-page.active{display:block;}

::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:99px;}

@media (max-width: 768px) {


  .sidebar { display: none !important; }
  .app { display: block; }
  .main {
    padding: 1rem;
    max-width: 100%;
    padding-bottom: 80px; 
  }


  .bottom-nav {
    display: flex !important;
    position: fixed;
    bottom: 0; left: 0; right: 0;
    background: var(--bg2);
    border-top: 1px solid var(--border);
    z-index: 100;
    height: 64px;
    align-items: stretch;
  }
  .bottom-nav-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    font-size: 10px;
    color: var(--text3);
    cursor: pointer;
    border: none;
    background: none;
    padding: 8px 4px;
    font-family: 'DM Sans', sans-serif;
    transition: color .15s;
    -webkit-tap-highlight-color: transparent;
  }
  .bottom-nav-item svg { width: 20px; height: 20px; }
  .bottom-nav-item.active { color: var(--accent); }
  .bottom-nav-item:hover { color: var(--text); }


  .mobile-more-menu {
    display: none;
    position: fixed;
    bottom: 64px; left: 0; right: 0;
    background: var(--bg2);
    border-top: 1px solid var(--border);
    z-index: 99;
    padding: .5rem;
  }
  .mobile-more-menu.open { display: block; }
  .mobile-more-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-radius: var(--radius-sm);
    font-size: 14px;
    color: var(--text2);
    cursor: pointer;
    border: none;
    background: none;
    width: 100%;
    font-family: 'DM Sans', sans-serif;
  }
  .mobile-more-item svg { width: 18px; height: 18px; flex-shrink: 0; }
  .mobile-more-item:hover, .mobile-more-item.active { background: var(--bg3); color: var(--text); }
  .mobile-more-item.active { color: var(--accent); }
  .mobile-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.5);
    z-index: 98;
  }
  .mobile-overlay.open { display: block; }


  .stats-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    margin-bottom: 1rem;
  }
  .stat-value { font-size: 18px; }


  .charts-grid,
  .settings-grid,
  .nw-cols,
  .avg-grid,
  .wc-metrics {
    grid-template-columns: 1fr !important;
    gap: 8px;
  }


  .form-grid {
    grid-template-columns: 1fr !important;
    gap: 8px;
  }


  .card { padding: 1rem; margin-bottom: .75rem; }
  .k401-card { padding: 1rem; }


  .budget-row { padding: 12px 0; }
  .tx-row { padding: 12px 0; }
  .nw-row { padding: 12px 4px; }
  .setting-row { padding: 12px 0; }
  .k401-row { padding: 12px 0; }


  .btn-primary, .btn-ghost, .btn-danger {
    padding: 10px 14px;
    font-size: 13px;
  }


  .card-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .card-header > div:last-child {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }


  #txSearch { font-size: 16px; } 
  #txFilterCat, #txSort { width: 100% !important; font-size: 16px; }
  .form-input { font-size: 16px; } 


  .page-title { font-size: 18px; }
  .page-header { margin-bottom: 1.25rem; }


  .sync-bar { font-size: 11px; padding: 5px 10px; }


  .month-nav-mobile {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    background: var(--bg3);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    padding: 6px 12px;
    margin-bottom: 1rem;
  }
  .month-nav-mobile button {
    background: none; border: none; color: var(--text2);
    cursor: pointer; font-size: 22px; line-height: 1; padding: 2px 8px;
    border-radius: 4px;
  }
  .month-nav-mobile button:hover { color: var(--text); background: var(--bg4); }
  .month-nav-mobile span { font-size: 14px; font-weight: 500; color: var(--text); }


  .nw-hero-value { font-size: 32px; }


  .wc-metric-value { font-size: 16px; }


  #momTable { overflow-x: auto; }


  .k401-input { width: 110px; }
  .nw-input { width: 110px; }
  .setting-input { width: 100px; }


  canvas { max-height: 220px; }


  #wcRate, #wcBonus { width: 100%; }
}

.bottom-nav { display: none; }
.mobile-more-menu { display: none; }
.mobile-overlay { display: none; }
.month-nav-mobile { display: none; }