:root{
  --bg:#f7f9fc;
  --surface:rgba(255,255,255,.88);
  --surface-solid:#ffffff;
  --surface-soft:#f2f6fb;
  --ink:#101828;
  --muted:#7a8497;
  --line:rgba(17,20,33,.08);
  --brand:#2f6faa;
  --brand-strong:#1f568c;
  --brand-soft:#eaf2f9;
  --good:#1d9b6c;
  --warn:#e7a13c;
  --bad:#df5d6b;
  --shadow:0 18px 50px rgba(24,27,52,.07);
  --shadow-soft:0 8px 28px rgba(24,27,52,.05);
  --radius:24px;
  --nav-h:72px
}
*{box-sizing:border-box}
html{background:var(--bg);-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  color:var(--ink);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",sans-serif;
  background:
    radial-gradient(circle at 8% 0%,rgba(47,111,170,.07),transparent 28%),
    radial-gradient(circle at 92% 8%,rgba(93,143,188,.07),transparent 24%),
    var(--bg);
  -webkit-tap-highlight-color:transparent;
  text-rendering:optimizeLegibility
}
button,input,select,textarea{font:inherit}
button{cursor:pointer;-webkit-tap-highlight-color:transparent}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid rgba(47,111,170,.16);outline-offset:2px
}
#app{min-height:100vh}
.app-shell{
  max-width:1180px;
  margin:0 auto;
  padding:24px 22px calc(118px + env(safe-area-inset-bottom));
}
.topbar{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  margin-bottom:26px
}
.brand{display:flex;align-items:center;gap:12px}
.brand-mark{
  width:42px;height:42px;border-radius:14px;
  background:linear-gradient(145deg,#161927,#2d3152);
  display:grid;place-items:center;color:#fff;font-weight:900;font-size:17px;
  box-shadow:0 12px 28px rgba(17,20,33,.14);
  position:relative;overflow:hidden
}
.brand-mark:after{
  content:"";position:absolute;inset:1px;border-radius:13px;
  border:1px solid rgba(255,255,255,.10);pointer-events:none
}
.brand-copy h1{font-size:20px;line-height:1;margin:0 0 4px;letter-spacing:-.55px}
.brand-copy p{margin:0;color:var(--muted);font-size:11px;letter-spacing:.01em}
.top-actions{display:flex;gap:9px}
.icon-btn,.soft-btn{
  border:1px solid var(--line);background:rgba(255,255,255,.8);color:var(--ink);
  border-radius:14px;min-height:42px;padding:0 14px;
  box-shadow:var(--shadow-soft);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
}
.icon-btn{width:42px;padding:0;display:grid;place-items:center;font-size:17px}
.page{display:none}.page.active{display:block}
.hero{display:grid;grid-template-columns:1.42fr .58fr;gap:16px;margin-bottom:16px}
.hero-main{
  min-height:238px;
  border-radius:30px;
  padding:30px;
  color:#fff;
  background:
    radial-gradient(circle at 84% 16%,rgba(142,137,255,.55),transparent 30%),
    linear-gradient(135deg,#11283e 0%,#193b5e 58%,#2d679b 130%);
  box-shadow:0 26px 60px rgba(31,35,75,.17);
  position:relative;overflow:hidden;isolation:isolate
}
.hero-main:before{
  content:"";position:absolute;width:260px;height:260px;border-radius:50%;
  right:-120px;bottom:-150px;border:1px solid rgba(255,255,255,.13);
  box-shadow:0 0 0 38px rgba(255,255,255,.025),0 0 0 78px rgba(255,255,255,.018);
  z-index:-1
}
.hero-main:after{
  content:"";position:absolute;inset:1px;border-radius:29px;
  border:1px solid rgba(255,255,255,.09);pointer-events:none
}
.eyebrow{
  font-size:10px;text-transform:uppercase;letter-spacing:.16em;
  color:rgba(255,255,255,.58);font-weight:800
}
.hero-main h2{
  font-size:36px;line-height:1.04;margin:13px 0 11px;
  letter-spacing:-1.4px;max-width:580px;font-weight:800
}
.hero-main p{
  color:rgba(255,255,255,.66);margin:0;max-width:560px;
  line-height:1.65;font-size:13px
}
.hero-stats{display:flex;gap:9px;margin-top:27px;flex-wrap:wrap}
.hero-stat{
  min-width:116px;padding:11px 13px;border-radius:15px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(12px)
}
.hero-stat strong{display:block;font-size:18px;letter-spacing:-.4px}
.hero-stat span{font-size:9px;color:rgba(255,255,255,.56);text-transform:uppercase;letter-spacing:.06em}
.today-score{
  background:var(--surface);border:1px solid var(--line);border-radius:30px;padding:22px;
  box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between;
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)
}
.score-ring{
  width:122px;height:122px;margin:11px auto 19px;border-radius:50%;display:grid;place-items:center;
  background:conic-gradient(var(--brand) calc(var(--score)*1%),#eceef4 0);position:relative
}
.score-ring:after{
  content:"";position:absolute;inset:10px;background:rgba(255,255,255,.96);border-radius:50%;
  box-shadow:inset 0 0 0 1px var(--line)
}
.score-ring strong{position:relative;z-index:1;font-size:27px;letter-spacing:-.7px}
.score-ring small{position:relative;z-index:1;color:var(--muted);display:block;text-align:center;font-size:10px}
.card-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.card{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  padding:20px;box-shadow:var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
}
.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}
.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-12{grid-column:span 12}
.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.card-head h3,.section-title{margin:0;font-size:16px;letter-spacing:-.35px}
.card-head p,.section-sub{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.45}
.link-btn{border:0;background:transparent;color:var(--brand-strong);font-weight:800;font-size:10px;padding:5px}
.list{display:flex;flex-direction:column;gap:9px}
.item{
  display:flex;align-items:center;gap:11px;padding:12px;
  border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.72);
  transition:.18s ease
}
.item:hover{border-color:rgba(47,111,170,.16);transform:translateY(-1px)}
.item-main{min-width:0;flex:1}
.item-title{font-size:13px;font-weight:760;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.item-meta{font-size:10px;color:var(--muted);margin-top:4px;line-height:1.4}
.check{
  width:24px;height:24px;border:1.5px solid #d8dbe5;border-radius:8px;background:#fff;
  display:grid;place-items:center;color:#fff;flex:0 0 auto;transition:.18s ease
}
.check.done{background:var(--good);border-color:var(--good);box-shadow:0 5px 14px rgba(29,155,108,.18)}
.priority{width:7px;height:7px;border-radius:50%;flex:0 0 auto}
.priority.high{background:var(--bad)}.priority.medium{background:var(--warn)}.priority.low{background:var(--good)}
.badge{
  font-size:9px;font-weight:800;padding:6px 8px;border-radius:999px;background:var(--surface-soft);color:var(--muted)
}
.badge.overdue{background:#fff0f2;color:var(--bad)}.badge.today{background:var(--brand-soft);color:var(--brand-strong)}
.habit-row{
  display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;
  padding:13px 0;border-bottom:1px solid var(--line)
}
.habit-row:last-child{border-bottom:0}
.habit-name{font-size:13px;font-weight:760}.habit-note{font-size:10px;color:var(--muted);margin-top:4px}
.habit-toggle{
  width:42px;height:42px;border-radius:14px;border:1px solid var(--line);
  background:var(--surface-soft);display:grid;place-items:center;font-size:17px;color:var(--muted)
}
.habit-toggle.done{background:#eaf8f2;color:var(--good);border-color:#cfeee0}
.money-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.money-box{padding:14px;background:var(--surface-soft);border-radius:16px;border:1px solid rgba(17,20,33,.035)}
.money-box span{display:block;font-size:9px;color:var(--muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}
.money-box strong{font-size:14px;letter-spacing:-.25px}.money-box.good strong{color:var(--good)}.money-box.bad strong{color:var(--bad)}
.bar-list{display:flex;flex-direction:column;gap:13px}
.bar-line{display:grid;grid-template-columns:90px 1fr auto;gap:10px;align-items:center;font-size:10px}
.bar-track{height:8px;background:#ebeef4;border-radius:999px;overflow:hidden}
.bar-fill{height:100%;background:linear-gradient(90deg,#2c679f,#5d8fbb);border-radius:999px}
.empty{
  padding:30px 17px;text-align:center;color:var(--muted);font-size:12px;
  border:1px dashed #daddE6;border-radius:17px;background:rgba(255,255,255,.42)
}
.page-header{
  display:flex;align-items:end;justify-content:space-between;gap:18px;margin:4px 0 20px
}
.page-header h2{margin:0;font-size:30px;letter-spacing:-1px}
.page-header p{margin:7px 0 0;color:var(--muted);font-size:12px}
.primary-btn{
  border:0;color:#fff;background:linear-gradient(135deg,#1f568c,#3e78ad);
  border-radius:14px;min-height:44px;padding:0 17px;font-weight:800;font-size:12px;
  box-shadow:0 10px 24px rgba(31,86,140,.16);transition:.18s ease
}
.primary-btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(31,86,140,.18)}
.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:15px}
.segment{display:inline-flex;background:#e9ebf2;border-radius:14px;padding:4px;gap:3px}
.segment button{
  border:0;background:transparent;padding:8px 12px;border-radius:11px;
  color:var(--muted);font-size:10px;font-weight:800
}
.segment button.active{background:#fff;color:var(--ink);box-shadow:0 3px 10px rgba(24,27,52,.07)}
.search{
  flex:1;min-width:200px;border:1px solid var(--line);background:rgba(255,255,255,.84);
  border-radius:14px;height:42px;padding:0 14px;color:var(--ink);box-shadow:var(--shadow-soft)
}
.panel{
  background:var(--surface);border:1px solid var(--line);border-radius:22px;overflow:hidden;
  box-shadow:var(--shadow);backdrop-filter:blur(18px)
}
.table-row{
  display:grid;grid-template-columns:26px 1fr 140px 100px 40px;gap:12px;align-items:center;
  padding:14px 16px;border-bottom:1px solid var(--line)
}
.table-row:last-child{border-bottom:0}.table-row.done{background:linear-gradient(90deg,rgba(29,155,108,.045),rgba(255,255,255,.4))}.table-row.done .item-title{text-decoration:none;color:#667085}.table-row.done .item-meta{color:#98a2b3}
.row-actions button{border:0;background:transparent;color:#a4a8b7;font-size:18px}
.habit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.habit-card{
  background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:18px;
  box-shadow:var(--shadow);backdrop-filter:blur(18px)
}
.habit-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.habit-icon{
  width:46px;height:46px;border-radius:15px;background:linear-gradient(145deg,#eaf2f9,#f7fbfe);
  display:grid;place-items:center;font-size:21px;border:1px solid #dceaf5
}
.streak{font-size:10px;color:var(--muted);margin:15px 0 10px}
.streak strong{font-size:22px;color:var(--ink);display:block;letter-spacing:-.6px;margin-bottom:4px}
.week-dots{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.day-dot{
  aspect-ratio:1;border-radius:9px;background:#eef0f5;display:grid;place-items:center;
  font-size:9px;color:#979baa
}
.day-dot.done{background:#e7f7f0;color:var(--good);font-weight:900}
.habit-footer{display:flex;gap:8px;margin-top:14px}.habit-footer button{flex:1}
.finance-hero{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.balance-card{
  background:
    radial-gradient(circle at 88% 15%,rgba(91,148,198,.26),transparent 28%),
    linear-gradient(135deg,#11283e,#1f4b73);
  color:#fff;border-radius:28px;padding:25px;box-shadow:0 22px 52px rgba(27,31,67,.16);position:relative;overflow:hidden
}
.balance-card:after{content:"";position:absolute;inset:1px;border:1px solid rgba(255,255,255,.08);border-radius:27px}
.balance-card span{font-size:10px;color:rgba(255,255,255,.58);text-transform:uppercase;letter-spacing:.08em}
.balance-card h2{font-size:34px;margin:10px 0 20px;letter-spacing:-1px}
.mini-money{display:flex;gap:26px}
.mini-money div strong{display:block;font-size:14px;margin-top:4px}.mini-money div small{color:rgba(255,255,255,.55);font-size:9px}
.budget-card{
  background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:24px;
  box-shadow:var(--shadow);backdrop-filter:blur(18px)
}
.transaction{
  display:grid;grid-template-columns:44px 1fr auto 32px;gap:12px;align-items:center;
  padding:13px 0;border-bottom:1px solid var(--line)
}
.transaction:last-child{border-bottom:0}
.tx-icon{width:42px;height:42px;border-radius:14px;background:var(--surface-soft);display:grid;place-items:center}
.tx-amount{font-weight:850;font-size:12px}.tx-amount.income{color:var(--good)}.tx-amount.expense{color:var(--bad)}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.settings-card{
  background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:20px;
  box-shadow:var(--shadow);backdrop-filter:blur(18px)
}
.settings-card h3{margin:0 0 5px;font-size:16px}
.settings-card p{margin:0 0 17px;color:var(--muted);font-size:11px;line-height:1.6}
.field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}
.field label{font-size:10px;font-weight:800;color:#575c6f}
.field input,.field select,.field textarea{
  border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px;color:var(--ink);width:100%;
  box-shadow:inset 0 1px 0 rgba(17,20,33,.015)
}
.field textarea{min-height:88px;resize:vertical}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.danger-btn{
  border:1px solid #ffd7dc;background:#fff5f6;color:var(--bad);border-radius:13px;
  height:42px;padding:0 14px;font-weight:800;font-size:11px
}
.secondary-btn{
  border:1px solid var(--line);background:rgba(255,255,255,.9);color:var(--ink);
  border-radius:13px;height:42px;padding:0 14px;font-weight:800;font-size:11px
}
.bottom-nav{
  position:fixed;left:50%;transform:translateX(-50%);
  bottom:calc(12px + env(safe-area-inset-bottom));
  width:min(610px,calc(100% - 24px));height:var(--nav-h);
  background:rgba(255,255,255,.88);border:1px solid rgba(17,20,33,.08);
  backdrop-filter:blur(26px) saturate(140%);-webkit-backdrop-filter:blur(26px) saturate(140%);
  border-radius:24px;padding:7px;display:grid;grid-template-columns:repeat(5,1fr);
  z-index:50;box-shadow:0 20px 60px rgba(22,25,48,.18)
}
.nav-btn{
  border:0;background:transparent;color:#9a9eae;border-radius:17px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  font-size:9px;font-weight:800;transition:.18s ease
}
.nav-btn .nav-icon{font-size:18px;line-height:1}
.nav-btn.active{background:#173e68;color:#fff;box-shadow:0 8px 18px rgba(17,20,33,.14)}
.fab{
  position:fixed;right:max(22px,calc((100vw - 1180px)/2 + 22px));
  bottom:calc(100px + env(safe-area-inset-bottom));width:56px;height:56px;
  border:1px solid rgba(255,255,255,.12);border-radius:19px;color:#fff;
  background:linear-gradient(145deg,#1f568c,#3f7bab);font-size:25px;
  box-shadow:0 16px 34px rgba(31,86,140,.22);z-index:40
}
.modal-backdrop{
  position:fixed;inset:0;background:rgba(13,16,29,.46);backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);z-index:80;display:none;align-items:flex-end;justify-content:center;padding:20px
}
.modal-backdrop.open{display:flex}
.modal{
  width:min(560px,100%);max-height:88vh;overflow:auto;background:rgba(255,255,255,.97);
  border:1px solid rgba(255,255,255,.72);border-radius:28px;padding:22px;
  box-shadow:0 34px 90px rgba(13,16,29,.25);animation:up .22s ease
}
.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.modal-head h3{margin:0;font-size:17px;letter-spacing:-.35px}
.close{width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:#fff;font-size:19px;color:#737789}
.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}
.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.quick-item{
  border:1px solid var(--line);background:#fff;border-radius:18px;padding:17px;text-align:left;
  transition:.18s ease;box-shadow:var(--shadow-soft)
}
.quick-item:hover{transform:translateY(-2px);border-color:rgba(47,111,170,.16)}
.quick-item strong{display:block;margin:9px 0 3px;font-size:13px}.quick-item span{font-size:10px;color:var(--muted)}
#toast-root{position:fixed;top:calc(18px + env(safe-area-inset-top));right:18px;z-index:100}
.toast{
  background:#173e68;color:#fff;padding:13px 16px;border-radius:14px;
  box-shadow:0 16px 38px rgba(18,21,34,.22);font-size:11px;margin-bottom:8px;animation:toastIn .2s ease
}
.install-banner{
  display:flex;align-items:center;gap:12px;
  background:rgba(255,255,255,.85);color:var(--ink);border:1px solid var(--line);
  border-radius:18px;padding:11px 12px;margin-bottom:16px;box-shadow:var(--shadow-soft);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
}
.install-banner.hidden{display:none}
.install-symbol{
  width:36px;height:36px;border-radius:12px;display:grid;place-items:center;
  background:var(--brand-soft);color:var(--brand-strong);font-size:17px;font-weight:900;flex:0 0 auto
}
.install-banner p{margin:0;font-size:10px;line-height:1.45;flex:1;color:var(--muted)}
.install-banner p strong{color:var(--ink);font-size:11px}
.install-banner button{
  border:0;background:#173e68;color:#fff;padding:9px 11px;border-radius:11px;font-size:9px;font-weight:800
}
.stat-pills{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:16px}
.stat-pill{
  background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:15px;
  box-shadow:var(--shadow-soft);backdrop-filter:blur(18px)
}
.stat-pill span{font-size:9px;color:var(--muted);display:block;margin-bottom:5px;text-transform:uppercase;letter-spacing:.045em}
.stat-pill strong{font-size:19px;letter-spacing:-.5px}
.ios-steps{display:flex;flex-direction:column;gap:10px}
.ios-step{
  display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;
  padding:13px;border:1px solid var(--line);border-radius:16px;background:#fff
}
.ios-step>span{
  width:34px;height:34px;border-radius:11px;background:#173e68;color:#fff;
  display:grid;place-items:center;font-size:11px;font-weight:900
}
.ios-step strong{font-size:12px}.ios-step p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.5}
.privacy-note{
  display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:12px 13px;
  background:#eef8f4;border:1px solid #d8eee5;border-radius:15px;color:#257a59
}
.privacy-note span{font-size:8px;margin-top:4px}.privacy-note p{margin:0;font-size:10px;line-height:1.5}
@keyframes up{from{transform:translateY(28px);opacity:0}to{transform:none;opacity:1}}
@keyframes toastIn{from{transform:translateY(-8px);opacity:0}to{transform:none;opacity:1}}
@media(max-width:900px){
  .hero{grid-template-columns:1fr}.today-score{display:none}
  .span-4,.span-5,.span-6,.span-7,.span-8{grid-column:span 12}
  .habit-grid{grid-template-columns:1fr 1fr}.finance-hero,.settings-grid{grid-template-columns:1fr}
  .stat-pills{grid-template-columns:1fr 1fr}
  .table-row{grid-template-columns:26px 1fr auto 36px}.table-row .hide-mobile{display:none}
}
@media(max-width:600px){
  .app-shell{padding:16px 14px calc(108px + env(safe-area-inset-bottom))}
  .topbar{margin-bottom:17px}.brand-copy p{display:none}
  .brand-mark{width:40px;height:40px;border-radius:13px}
  .hero{margin-bottom:12px}
  .hero-main{padding:22px;min-height:222px;border-radius:25px}
  .hero-main:after{border-radius:24px}
  .hero-main h2{font-size:30px;max-width:310px}
  .hero-main p{font-size:11px;max-width:320px}
  .hero-stats{gap:7px;margin-top:23px}
  .hero-stat{min-width:91px;padding:10px}.hero-stat strong{font-size:16px}.hero-stat span{font-size:8px}
  .card{padding:17px}.card-grid{gap:12px}
  .page-header{align-items:flex-start;flex-direction:column;margin-bottom:17px}.page-header h2{font-size:26px}
  .page-header .primary-btn{width:100%}
  .habit-grid{grid-template-columns:1fr}.money-summary{grid-template-columns:1fr}
  .finance-hero{gap:12px}.balance-card{border-radius:24px}.balance-card h2{font-size:30px}
  .field-row{grid-template-columns:1fr}
  .bottom-nav{
    bottom:calc(8px + env(safe-area-inset-bottom));
    height:68px;width:calc(100% - 20px);border-radius:22px;padding:6px
  }
  .nav-btn{border-radius:15px}.nav-btn .nav-icon{font-size:17px}
  .fab{right:15px;bottom:calc(88px + env(safe-area-inset-bottom));width:52px;height:52px;border-radius:18px}
  .bar-line{grid-template-columns:74px 1fr auto}
  .quick-grid{grid-template-columns:1fr 1fr}
  .modal-backdrop{padding:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}
  .modal{border-radius:24px;max-height:90vh;padding:20px}
  .top-actions .soft-btn{display:none}
  .install-banner{padding:10px}.install-banner button{white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}

/* Dailyn visual system v2 — professional line icons + fresh blue */
:root{
  --brand-deep:#173e68;
  --brand-soft-2:#f3f8fc;
  --good-soft:#edf8f3;
  --bad-soft:#fff1f3
}
.ui-icon{width:1em;height:1em;display:inline-block;vertical-align:-.15em;flex:0 0 auto}
.brand-icon{width:44px;height:44px;border-radius:14px;display:block;box-shadow:0 10px 25px rgba(21,58,96,.16)}
.soft-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:750}
.soft-btn .ui-icon{font-size:15px;color:var(--brand)}
.icon-btn{display:inline-grid;place-items:center}
.icon-btn .ui-icon{font-size:17px}
.icon-badge{width:38px;height:38px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;background:var(--brand-soft);color:var(--brand-strong);border:1px solid rgba(47,111,170,.08);flex:0 0 auto}
.icon-badge .ui-icon{font-size:18px}
.icon-badge.soft{width:34px;height:34px;border-radius:11px;background:var(--brand-soft-2)}
.icon-badge.red{background:var(--bad-soft);color:var(--bad);border-color:rgba(203,89,103,.08)}
.icon-badge.green{background:var(--good-soft);color:var(--good);border-color:rgba(33,138,103,.08)}
.habit-label{display:flex;align-items:center;gap:11px;min-width:0}
.habit-note{display:flex;align-items:center;gap:4px}
.habit-note .ui-icon{font-size:12px;color:var(--warn)}
.habit-toggle{padding:0}
.habit-toggle .ui-icon{font-size:18px}
.money-box>.ui-icon{font-size:16px;color:var(--brand);margin-bottom:10px}
.money-box.good>.ui-icon{color:var(--good)}
.money-box.bad>.ui-icon{color:var(--bad)}
.focus-card{background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)}
.focus-list{display:flex;flex-direction:column;gap:8px}
.focus-item{display:grid;grid-template-columns:8px 1fr auto;gap:11px;align-items:center;width:100%;border:1px solid var(--line);background:#fff;border-radius:15px;padding:12px;text-align:left;color:var(--ink)}
.focus-item>span:nth-child(2){min-width:0}
.focus-item strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.focus-item small{display:block;color:var(--muted);font-size:9px;margin-top:4px}
.focus-item>.ui-icon{color:var(--brand);font-size:16px}
.focus-dot{width:7px;height:7px;border-radius:50%}
.focus-dot.high{background:var(--bad)}.focus-dot.medium{background:var(--warn)}.focus-dot.low{background:var(--good)}
.empty.compact{padding:18px 14px;font-size:11px}
.check{padding:0}.check .ui-icon{font-size:14px}
.row-actions button,.row-icon-btn{border:0;background:transparent;color:#a2acba;padding:6px;display:grid;place-items:center}
.row-actions .ui-icon,.row-icon-btn .ui-icon{font-size:15px}
.row-icon-btn:hover,.row-actions button:hover{color:var(--bad)}
.page-header .primary-btn,.habit-footer button,.secondary-btn,.primary-btn,.danger-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px}
.primary-btn .ui-icon{font-size:15px}.secondary-btn .ui-icon,.danger-btn .ui-icon{font-size:14px}
.stat-pill .icon-badge{margin-bottom:12px}
.icon-text-btn{border:0;background:transparent;font-size:9px;font-weight:800;display:inline-flex;align-items:center;gap:5px;color:var(--muted);padding:4px}
.icon-text-btn .ui-icon{font-size:13px}.danger-text{color:var(--bad)!important}
.streak span{display:flex;align-items:center;gap:4px}
.streak span .ui-icon{font-size:13px;color:var(--warn)}
.habit-target{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted);margin-top:12px}
.habit-target .ui-icon{font-size:13px;color:var(--brand)}
.tx-icon{color:var(--brand-strong)}
.tx-icon.income-bg{background:var(--good-soft);color:var(--good)}
.tx-icon .ui-icon{font-size:18px}
.balance-kicker{font-size:10px;color:rgba(255,255,255,.62);text-transform:uppercase;letter-spacing:.07em;display:flex;align-items:center;gap:6px}
.balance-kicker .ui-icon{font-size:13px}
.modal-title{display:flex;align-items:center;gap:10px}
.close{display:grid;place-items:center;padding:0}
.close .close-icon{font-size:18px;transform:rotate(45deg)}
.quick-item{min-height:145px}
.quick-item strong{margin-top:16px}
.quick-item span:not(.icon-badge){line-height:1.45}
.install-banner .icon-badge{width:36px;height:36px;border-radius:12px}
.nav-btn .nav-icon{display:grid;place-items:center}
.nav-btn .nav-icon .ui-icon{font-size:18px}
.fab{display:grid;place-items:center;padding:0}
.fab .ui-icon{font-size:23px}
.onboarding{text-align:center;padding:4px 4px 14px}
.onboarding-icon{width:76px;height:76px;border-radius:22px;box-shadow:0 16px 34px rgba(23,62,104,.16);margin-bottom:16px}
.onboarding h2{margin:0 0 8px;font-size:22px;letter-spacing:-.6px}
.onboarding p{color:var(--muted);font-size:12px;line-height:1.65;margin:0 auto 20px;max-width:390px}

@media(max-width:600px){
  .brand-icon{width:40px;height:40px;border-radius:13px}
  .quick-item{min-height:136px;padding:15px}
  .nav-btn .nav-icon .ui-icon{font-size:17px}
}


/* Dailyn v3 polish: optical alignment, history charts, offline/storage */
.icon-badge{
  display:grid!important;
  place-items:center!important;
  line-height:0!important;
  padding:0!important;
}
.icon-badge .ui-icon{
  display:block!important;
  width:18px!important;
  height:18px!important;
  margin:0!important;
  transform:none!important;
}
.stat-pill .icon-badge{align-self:flex-start}
.stat-pill{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}
.stat-pill span:not(.icon-badge){line-height:1.25}
.badge.done{background:#edf8f3;color:var(--good)}
.check.done{background:#1d9b6c;border-color:#1d9b6c}
.check.done .ui-icon{width:14px;height:14px}
.table-row.done{opacity:.88}
.table-row.done:hover{opacity:1}
.connection-pill{
  display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px;border-radius:999px;
  background:#fff;border:1px solid var(--line);font-size:9px;font-weight:800;color:var(--muted);
  box-shadow:var(--shadow-soft)
}
.connection-pill i{width:7px;height:7px;border-radius:50%;background:#aab2c0}
.connection-pill.online i{background:var(--good)}
.connection-pill.offline{color:#8a6330;background:#fffaf2}.connection-pill.offline i{background:var(--warn)}

.backup-alert{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;
  margin-bottom:16px;padding:12px 14px;border-radius:18px;border:1px solid #dce9f4;
  background:linear-gradient(135deg,#f7fbff,#fff);box-shadow:var(--shadow-soft)
}
.backup-alert strong{display:block;font-size:11px}
.backup-alert span{display:block;margin-top:3px;color:var(--muted);font-size:10px}

.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.review-grid>div{padding:13px;border-radius:15px;background:var(--surface-soft);border:1px solid rgba(17,20,33,.035)}
.review-grid span{display:block;font-size:9px;color:var(--muted);margin-bottom:6px}
.review-grid strong{font-size:15px;letter-spacing:-.25px}

.activity-card{
  background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:19px;
  box-shadow:var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  margin-bottom:16px
}
.metric-chip{
  min-width:54px;height:32px;padding:0 10px;border-radius:999px;background:var(--brand-soft);
  color:var(--brand-strong);display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:850
}
.activity-bars{height:150px;display:grid;grid-template-columns:repeat(7,1fr);gap:10px;align-items:end;padding-top:8px}
.activity-day{height:100%;display:grid;grid-template-rows:1fr auto auto;gap:5px;align-items:end;text-align:center}
.activity-column{height:100%;position:relative;display:flex;align-items:flex-end;justify-content:center}
.activity-total,.activity-done{position:absolute;bottom:0;width:14px;border-radius:7px 7px 3px 3px}
.activity-total{background:#e8edf3}
.activity-done{width:8px;background:linear-gradient(180deg,#5b8fbd,#2f6faa);box-shadow:0 5px 14px rgba(47,111,170,.14)}
.activity-day small{font-size:8px;color:var(--muted)}
.activity-day b{font-size:9px;font-weight:800;color:#596579}

.heatmap{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;max-width:420px}
.heat-cell{display:block;aspect-ratio:1;border-radius:5px;background:#eef2f6;border:1px solid rgba(17,20,33,.025)}
.heat-cell.l1{background:#dceaf5}.heat-cell.l2{background:#9fc1de}.heat-cell.l3{background:#2f6faa}
.heat-legend{display:flex;align-items:center;gap:5px;margin-top:12px;font-size:8px;color:var(--muted)}
.heat-legend .heat-cell{width:13px;height:13px;aspect-ratio:auto}
.habit-consistency{display:flex;flex-direction:column}

.month-switcher{
  width:min(420px,100%);margin:0 auto 16px;display:grid;grid-template-columns:44px 1fr 44px;gap:8px;align-items:center;
  background:#fff;border:1px solid var(--line);border-radius:18px;padding:7px;box-shadow:var(--shadow-soft)
}
.month-switcher button{
  width:40px;height:40px;border:0;border-radius:12px;background:var(--surface-soft);color:var(--brand-strong);
  font-size:24px;line-height:1;display:grid;place-items:center;font-weight:400
}
.month-switcher button:disabled{opacity:.3;cursor:default}
.month-switcher div{text-align:center}
.month-switcher span{display:block;font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.month-switcher strong{display:block;font-size:13px;margin-top:2px;text-transform:capitalize}

.finance-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;margin-bottom:16px}
.finance-chart-card{overflow:hidden}
.chart-wrap{width:100%;overflow:hidden}
.trend-chart{display:block;width:100%;height:auto;min-height:180px}
.trend-chart text{font:10px Inter,-apple-system,sans-serif;fill:#8a94a5}
.chart-grid{stroke:#e6ebf1;stroke-width:1}
.trend-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.income-line{stroke:#2f6faa}
.expense-line{stroke:#d97a86}
.chart-legend{display:flex;gap:16px;align-items:center;margin-top:4px;font-size:9px;color:var(--muted)}
.chart-legend span{display:inline-flex;align-items:center;gap:6px}
.legend-dot{width:8px;height:8px;border-radius:50%}.legend-dot.income{background:#2f6faa}.legend-dot.expense{background:#d97a86}

.daily-bars{height:165px;display:flex;align-items:flex-end;gap:4px;padding:12px 0 0;border-bottom:1px solid var(--line)}
.daily-bar{height:100%;flex:1;display:flex;align-items:flex-end;justify-content:center;min-width:2px}
.daily-bar span{display:block;width:100%;max-width:10px;min-height:2px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#7da8cb,#2f6faa);opacity:.88}
.daily-axis{display:flex;justify-content:space-between;margin-top:7px;font-size:8px;color:var(--muted)}

.category-list{display:flex;flex-direction:column;gap:12px}
.category-spend{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center}
.category-icon{width:36px;height:36px;border-radius:12px;background:var(--brand-soft);color:var(--brand-strong);display:grid;place-items:center;line-height:0}
.category-icon .ui-icon{width:16px;height:16px;display:block}
.category-spend>div{min-width:0}.category-spend>b{font-size:10px;white-space:nowrap}
.category-line{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px}
.category-line strong{font-size:10px}.category-line span{font-size:9px;color:var(--muted)}

.insight-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.insight-list>div{padding:13px;border-radius:15px;background:var(--surface-soft);min-width:0}
.insight-list span,.insight-list small{display:block;color:var(--muted);font-size:8px}
.insight-list strong{display:block;font-size:13px;margin:5px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.finance-compare{margin:18px 0 0!important;font-size:10px!important;color:rgba(255,255,255,.64)!important}
.mini-money em{display:inline-flex;margin-top:5px;font-style:normal;font-size:8px;font-weight:800;padding:3px 6px;border-radius:999px}
.mini-money em.positive{background:rgba(46,189,137,.14);color:#a5f0d2}
.mini-money em.negative{background:rgba(255,118,133,.14);color:#ffc3ca}
.budget-track{height:11px!important}
.budget-bottom{display:flex;justify-content:space-between;gap:12px;margin-top:10px;font-size:9px;color:var(--muted)}
.budget-bottom strong{color:var(--ink)}
.transactions-card{margin-top:0}

.settings-title-row{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px}
.settings-title-row h3{margin:0 0 5px}
.settings-title-row p{margin:0}
.storage-status-list{display:flex;flex-direction:column;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:5px 0 15px}
.storage-status-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}
.storage-status-list>div:last-child{border-bottom:0}
.storage-status-list span{font-size:10px;color:var(--muted)}
.storage-status-list strong{font-size:10px}
.status-ok{color:var(--good)!important}.status-warn{color:var(--warn)!important}
.settings-actions{display:flex;gap:8px;flex-wrap:wrap}
.backup-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface-soft);border-radius:14px;padding:12px;margin-bottom:14px}
.backup-meta span{font-size:9px;color:var(--muted)}.backup-meta strong{font-size:10px;text-align:right}
.offline-checks{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.offline-checks>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border-bottom:1px solid var(--line)}
.offline-checks>div:last-child{border-bottom:0}
.offline-checks span{display:flex;align-items:center;gap:7px;font-size:11px}.offline-checks span .ui-icon{font-size:15px;color:var(--brand)}

@media(max-width:900px){
  .finance-grid .span-7,.finance-grid .span-6,.finance-grid .span-5{grid-column:span 12}
}
@media(max-width:600px){
  .connection-pill{display:none}
  .backup-alert{grid-template-columns:auto 1fr}
  .backup-alert .secondary-btn{grid-column:1/-1;width:100%}
  .review-grid,.insight-list{grid-template-columns:1fr 1fr}
  .activity-bars{height:125px;gap:5px}
  .activity-total{width:11px}.activity-done{width:7px}
  .heatmap{gap:5px}
  .month-switcher{margin-bottom:12px}
  .trend-chart{min-height:150px}
  .daily-bars{height:135px;gap:2px}
  .category-spend{grid-template-columns:34px 1fr}
  .category-spend>b{grid-column:2;text-align:left;margin-top:-5px}
  .settings-actions>*{flex:1}
}

.native-install-note{
  padding:14px 15px;margin-bottom:12px;border-radius:16px;
  background:linear-gradient(135deg,#f3f8fc,#fff);border:1px solid #dbe8f3
}
.native-install-note strong{display:block;font-size:12px;color:var(--ink);margin-bottom:5px}
.native-install-note p{margin:0;font-size:10px;line-height:1.55;color:var(--muted)}

.install-top-btn{
  min-height:42px;padding:0 14px;border:0;border-radius:14px;
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  background:linear-gradient(135deg,#1f568c,#3e78ad);color:#fff;
  font-size:10px;font-weight:850;box-shadow:0 10px 24px rgba(31,86,140,.17)
}
.install-top-btn .ui-icon{width:15px;height:15px}
@media(max-width:600px){
  .install-top-btn{min-height:40px;padding:0 11px}
  .install-top-btn span{display:none}
}

.install-top-btn.preparing,.install-banner.preparing button:disabled{
  opacity:.58;cursor:default;box-shadow:none
}
.install-banner.preparing{border-color:#dce7f1;background:linear-gradient(135deg,#f8fbfd,#fff)}


/* Receipt scanner — local OCR */
.finance-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.receipt-scan-btn{white-space:nowrap}
.receipt-chip{display:inline-flex;align-items:center;gap:4px;margin-left:7px;padding:3px 7px;border-radius:999px;background:#edf5fc;color:var(--brand-strong);font-size:8px;font-weight:850;vertical-align:middle}
.receipt-chip .ui-icon{width:10px;height:10px}
.receipt-quick{grid-column:1/-1;background:linear-gradient(135deg,#f2f7fc,#fff);border-color:#d9e8f5!important}
.receipt-intro{text-align:center;padding:4px 8px 16px}
.receipt-intro h4,.receipt-review-head h4,.receipt-error h4{margin:8px 0 5px;font-size:14px;color:var(--ink)}
.receipt-intro p,.receipt-review-head p,.receipt-error p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}
.receipt-hero-icon{width:52px;height:52px;margin:0 auto;display:grid;place-items:center;border-radius:17px;background:linear-gradient(135deg,#e7f1fa,#f8fbfe);color:var(--brand);border:1px solid #d9e7f3}
.receipt-hero-icon .ui-icon{width:24px;height:24px}
.receipt-upload{min-height:126px;border:1.5px dashed #c7dced;border-radius:18px;background:#f9fbfd;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;text-align:center;padding:18px}
.receipt-upload>span{width:40px;height:40px;border-radius:13px;background:#eaf3fb;color:var(--brand);display:grid;place-items:center}
.receipt-upload>span .ui-icon{width:19px;height:19px}
.receipt-upload strong{font-size:11px;color:var(--ink)}
.receipt-upload small{font-size:9px;color:var(--muted)}
.receipt-privacy{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:12px;border-radius:15px;background:#f5faf7;border:1px solid #dbeee2}
.receipt-privacy>.ui-icon{width:17px;height:17px;flex:0 0 auto;color:#267a4b;margin-top:1px}
.receipt-privacy strong{display:block;font-size:9.5px;color:#245f3d;margin-bottom:3px}
.receipt-privacy span{display:block;font-size:9px;line-height:1.5;color:#52705f}
.receipt-tips{margin-top:12px;padding:12px 14px;border-radius:15px;background:#fafbfc;border:1px solid var(--line)}
.receipt-tips>span{font-size:9px;font-weight:850;color:var(--ink)}
.receipt-tips ul{margin:7px 0 0;padding-left:17px;color:var(--muted);font-size:9px;line-height:1.6}
.receipt-scanning{display:grid;grid-template-columns:minmax(110px,150px) 1fr;gap:16px;align-items:center}
.receipt-scanning img{width:100%;max-height:240px;object-fit:contain;border-radius:14px;border:1px solid var(--line);background:#f4f5f7}
.receipt-progress-head{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--ink);margin-bottom:8px}
.receipt-progress-head span{color:var(--brand);font-weight:850}
.receipt-progress{height:8px;border-radius:999px;background:#e9eef3;overflow:hidden}
.receipt-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),#5d95c5);transition:width .25s ease}
.receipt-scan-status p{font-size:9px;color:var(--muted);line-height:1.5;margin:8px 0 0}
.receipt-review-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 14px;margin-bottom:13px;border-radius:16px;background:#f8fafc;border:1px solid var(--line)}
.receipt-confidence{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.02em}
.receipt-confidence.high{background:#e8f7ee;color:#237148}.receipt-confidence.medium{background:#fff6df;color:#93630d}.receipt-confidence.low{background:#fff0ee;color:#a44238}
.receipt-items{margin:4px 0 12px;border:1px solid var(--line);border-radius:15px;padding:11px 12px;background:#fbfcfd}
.receipt-items-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px}
.receipt-items-head strong{font-size:9.5px;color:var(--ink)}.receipt-items-head span{font-size:8px;color:var(--muted)}
.receipt-items>div:not(.receipt-items-head):not(.receipt-no-items){display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-top:1px dashed #e7ebef;font-size:9px}
.receipt-items>div span{color:#586474;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.receipt-items>div strong{color:var(--ink);font-size:9px;white-space:nowrap}
.receipt-no-items{font-size:9px;color:var(--muted);line-height:1.45;padding:3px 0}
.receipt-raw{margin:0 0 12px;border:1px solid var(--line);border-radius:13px;padding:9px 11px;background:#fff}
.receipt-raw summary{cursor:pointer;font-size:9px;font-weight:800;color:#596575}
.receipt-raw pre{margin:9px 0 0;padding:9px;border-radius:10px;background:#f6f8fa;max-height:150px;overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:8px;line-height:1.45;color:#606b78}
.receipt-confirm-note{display:flex;align-items:flex-start;gap:7px;margin:0 0 4px;font-size:8.5px;line-height:1.5;color:var(--muted)}
.receipt-confirm-note .ui-icon{width:14px;height:14px;flex:0 0 auto;color:#3f7d5a}
.receipt-error{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:16px;background:#fafbfc;border:1px solid var(--line)}
@media(max-width:640px){
  .finance-header{align-items:flex-start}
  .finance-actions{width:100%}
  .finance-actions .primary-btn,.finance-actions .secondary-btn{flex:1}
  .receipt-scanning{grid-template-columns:1fr}
  .receipt-scanning img{max-height:210px}
}

.receipt-source-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:2px 0 12px}
.receipt-source-card{min-height:118px;border:1px solid #d8e4ee;border-radius:17px;background:#fbfcfe;padding:15px 12px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}
.receipt-source-card:active{transform:scale(.985)}
.receipt-source-card:hover{border-color:#bcd3e6;background:#f6fafe}
.receipt-source-card>span{width:39px;height:39px;border-radius:13px;background:#eaf3fb;color:var(--brand);display:grid;place-items:center}
.receipt-source-card.gallery>span{background:#edf7f1;color:#367958}
.receipt-source-card .ui-icon{width:18px;height:18px}
.receipt-source-card strong{font-size:10.5px;color:var(--ink)}
.receipt-source-card small{font-size:8.5px;color:var(--muted);line-height:1.4}
.receipt-example-note{display:flex;gap:7px;align-items:flex-start;padding:10px 12px;border-radius:13px;background:#f7f9fb;color:#647180;font-size:8.7px;line-height:1.45;border:1px solid #e8edf2}
.receipt-example-note .ui-icon{width:14px;height:14px;flex:0 0 auto;color:#39795a}
.receipt-kind{display:inline-flex;margin-left:6px;padding:4px 8px;border-radius:999px;background:#eef3f8;color:#607080;font-size:8px;font-weight:800}
@media(max-width:440px){.receipt-source-grid{grid-template-columns:1fr 1fr}.receipt-source-card{min-height:108px;padding:13px 10px}}

/* Professional personal PDF report */
.report-card{background:linear-gradient(145deg,#f7fbff,#fff)}
.report-card-points{display:grid;grid-template-columns:1fr 1fr;gap:7px 10px;margin:12px 0 14px}
.report-card-points span{display:flex;align-items:center;gap:6px;font-size:9px;color:#5d6a78}
.report-card-points .ui-icon{width:13px;height:13px;color:#3577ad}
.report-dialog-intro{display:flex;gap:12px;align-items:center;margin-bottom:15px;padding:13px;border:1px solid #e1eaf2;border-radius:16px;background:linear-gradient(135deg,#f6faff,#fff)}
.report-dialog-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#e8f2fa;color:var(--brand);flex:0 0 auto}
.report-dialog-icon .ui-icon{width:20px;height:20px}
.report-dialog-intro h4{font-size:12px;margin:0 0 4px;color:var(--ink)}
.report-dialog-intro p{font-size:9px;line-height:1.5;color:var(--muted);margin:0}
.report-include{padding:12px;border-radius:15px;background:#fafbfc;border:1px solid var(--line);margin-bottom:12px}
.report-include>strong{font-size:9px;color:var(--ink)}
.report-include>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}
.report-include span{display:flex;align-items:center;gap:6px;font-size:8.5px;color:#637080}
.report-include .ui-icon{width:13px;height:13px;color:var(--brand)}
@media(max-width:520px){.report-card-points,.report-include>div{grid-template-columns:1fr}.finance-actions{gap:6px}}

/* Dailyn Life System v14 */

/* Planner calendar */
.planner-mode{display:inline-flex;gap:4px;padding:4px;margin:0 0 14px;border:1px solid var(--line);border-radius:14px;background:#f8fafc}
.planner-mode button{border:0;background:transparent;color:#687585;min-height:36px;padding:0 13px;border-radius:10px;font-size:9.5px;font-weight:800;display:flex;align-items:center;gap:6px}
.planner-mode button.active{background:#fff;color:var(--brand-strong);box-shadow:0 5px 16px rgba(39,74,108,.08)}
.planner-mode .ui-icon{width:14px;height:14px}
.calendar-panel{border:1px solid var(--line);border-radius:20px;background:#fff;padding:14px}
.calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.calendar-head button{width:36px;height:36px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);font-size:20px}
.calendar-head div{text-align:center}.calendar-head span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:800}.calendar-head strong{font-size:13px;color:var(--ink)}
.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
.cal-weekday{font-size:8px;font-weight:850;text-align:center;color:#7d8997;padding:5px 0}
.cal-cell{position:relative;min-height:78px;border:1px solid #edf1f4;border-radius:12px;background:#fff;padding:8px;text-align:left;color:var(--ink);overflow:hidden}
.cal-cell:hover{border-color:#cbddeb;background:#fafcfe}.cal-cell.today{border-color:#8db5d8;background:#f5faff}.cal-cell.selected{box-shadow:inset 0 0 0 1px var(--brand)}
.cal-cell.empty-cell{border:0;background:transparent}.cal-day{font-size:10px;font-weight:850}.cal-cell small{display:block;margin-top:8px;font-size:7.5px;color:#778391;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cal-dots{display:flex;gap:3px;margin-top:5px}.dot{display:inline-block;width:5px;height:5px;border-radius:50%}.task-dot{background:#2f6faa}.money-dot{background:#c76b5c}.habit-dot{background:#4f936c}.journal-dot{background:#8a6fac}
.calendar-legend{display:flex;gap:13px;flex-wrap:wrap;margin-top:11px;padding-top:9px;border-top:1px solid #eef2f5;font-size:8px;color:#778391}.calendar-legend span{display:flex;align-items:center;gap:5px}
.daily-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:13px}.daily-summary-grid>div{padding:10px;border:1px solid var(--line);background:#fafbfd;border-radius:13px}.daily-summary-grid span{display:block;font-size:7.5px;color:var(--muted)}.daily-summary-grid strong{display:block;margin-top:4px;font-size:11px;color:var(--ink)}
.daily-section{padding:12px 0;border-top:1px solid var(--line)}.daily-section h4{font-size:10px;margin:0 0 8px;color:var(--ink)}.daily-section-head{display:flex;justify-content:space-between;align-items:center}.daily-line{display:flex;gap:9px;align-items:flex-start;padding:7px 0}.daily-line strong{font-size:9px;color:var(--ink)}.daily-line small{display:block;font-size:8px;color:var(--muted);margin-top:2px}.daily-status{width:25px;height:25px;border-radius:9px;display:grid;place-items:center;background:#f0f4f7;color:#778391;flex:0 0 auto}.daily-status.done{background:#e8f5ed;color:#32764f}.daily-status .ui-icon{width:12px;height:12px}
.daily-habits{display:flex;gap:6px;flex-wrap:wrap}.daily-habit{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:10px;background:#f5f6f8;color:#6f7b88;font-size:8px}.daily-habit.done{background:#eaf6ef;color:#337952}.daily-habit .ui-icon{width:11px;height:11px}
.daily-tx{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px dashed #edf0f3;font-size:8.5px}.daily-tx strong.income{color:#2e7a50}.daily-tx strong.expense{color:#aa5147}.daily-tx strong.transfer{color:#4f6f91}
.daily-journal-preview{padding:10px;border-radius:13px;background:#faf8fd;border:1px solid #ebe5f1}.daily-journal-preview>div{display:flex;gap:8px;align-items:center}.daily-journal-preview strong{font-size:9px}.daily-journal-preview p{font-size:8.5px;color:var(--muted);line-height:1.5;margin:7px 0 0}

/* Journal */
.journal-header-actions{display:flex;gap:8px;flex-wrap:wrap}
.journal-hero{display:grid;grid-template-columns:1fr minmax(160px,230px);gap:14px;padding:18px;border-radius:22px;background:linear-gradient(135deg,#173e68,#2f6faa);color:#fff;margin-bottom:14px}.journal-hero .eyebrow{color:#c8daeb}.journal-hero h3{font-size:18px;margin:6px 0}.journal-hero p{font-size:9.5px;line-height:1.55;color:#dbe7f2;max-width:620px}.journal-hero .primary-btn{background:#fff;color:#245985}.journal-hero .secondary-btn{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);color:#fff}
.journal-today-mood{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:17px;background:rgba(255,255,255,.1);padding:13px}.journal-today-mood span,.journal-today-mood small{font-size:8px;color:#dce8f2}.journal-today-mood strong{font-size:17px;letter-spacing:2px;margin:7px 0;color:#fff}
.journal-toolbar{display:flex;gap:8px;margin:13px 0}.journal-toolbar .search{flex:1}.journal-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.journal-card{padding:15px;border:1px solid var(--line);border-radius:18px;background:#fff}.journal-card-head{display:flex;justify-content:space-between;gap:10px}.journal-date{font-size:8px;color:var(--muted)}.journal-card h3{font-size:12px;margin:4px 0}.journal-card>p{font-size:9px;line-height:1.55;color:#687482;min-height:42px}.journal-meta{display:flex;flex-wrap:wrap;gap:6px 10px;margin:10px 0;font-size:8px;color:#7a8693}.journal-meta span{display:flex;align-items:center;gap:4px}.journal-meta .ui-icon{width:11px;height:11px}.journal-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #eef1f4;padding-top:10px}.mood-badge{font-size:9px;letter-spacing:1px;padding:5px 7px;border-radius:999px;background:#f2f4f7;color:#718090}.mood-badge.great,.mood-badge.good{background:#eaf6ef;color:#367b55}.mood-badge.low,.mood-badge.bad{background:#fff0ed;color:#a14f45}
.mood-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.mood-picker label{cursor:pointer;text-align:center;border:1px solid var(--line);border-radius:12px;padding:8px 5px;background:#fff}.mood-picker input{display:none}.mood-picker label.selected{border-color:#8db6d9;background:#f1f7fc}.mood-picker strong{display:block;font-size:8px;letter-spacing:1px;color:#52708c}.mood-picker span{display:block;font-size:7.5px;color:var(--muted);margin-top:4px}
.field textarea{width:100%;resize:vertical;border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px 11px;font:inherit;font-size:10px;line-height:1.5;color:var(--ink);outline:none}.field textarea:focus{border-color:#9cbfdc;box-shadow:0 0 0 3px rgba(47,111,170,.08)}
.review-auto-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:13px}.review-auto-summary>div{padding:10px;border-radius:12px;background:#f8fafc;border:1px solid var(--line)}.review-auto-summary span{display:block;font-size:7.5px;color:var(--muted)}.review-auto-summary strong{display:block;font-size:10px;margin-top:3px}
.review-saved{display:flex;gap:6px;align-items:center;padding:8px 9px;margin:9px 0;border-radius:11px;background:#edf7f1;color:#397757;font-size:8px}.review-saved .ui-icon{width:12px;height:12px}

/* Morning brief and intelligence */
.morning-brief{display:grid;grid-template-columns:1fr minmax(200px,300px);gap:12px;margin-bottom:14px;padding:15px;border:1px solid #dce8f2;border-radius:20px;background:linear-gradient(135deg,#f6faff,#fff)}
.morning-main h3{font-size:14px;margin:4px 0}.morning-main p{font-size:9px;color:var(--muted);margin:0}.brief-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.brief-chips span{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:10px;background:#edf4fa;font-size:8px;color:#55718b}.brief-chips .ui-icon{width:11px;height:11px}
.carry-card,.brief-ready{border-radius:14px;padding:11px;background:#fff;border:1px solid #e4ebf1}.carry-card strong,.carry-card span{display:block}.carry-card strong{font-size:9px}.carry-card span{font-size:8px;color:var(--muted);margin:4px 0 8px}.brief-ready{display:flex;align-items:center;gap:7px;color:#49745c;font-size:8.5px}.brief-ready .ui-icon{width:14px;height:14px}
.smart-insight-list,.insight-center-full{display:grid;gap:8px}.smart-insight{display:flex;gap:9px;align-items:flex-start;padding:10px;border:1px solid var(--line);border-radius:13px;background:#fafbfd}.smart-insight.good{background:#f4faf6;border-color:#dfede4}.smart-insight.warn{background:#fff9f0;border-color:#f2e4c8}.smart-insight strong{display:block;font-size:9px;color:var(--ink)}.smart-insight span{display:block;font-size:8.5px;color:var(--muted);line-height:1.45;margin-top:3px}
.daily-review-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:8px 0}.daily-review-numbers>div{text-align:center;padding:8px 5px;background:#f8fafc;border-radius:11px}.daily-review-numbers strong{display:block;font-size:10px}.daily-review-numbers span{font-size:7.5px;color:var(--muted)}
.muted-text{font-size:8.5px;color:var(--muted);line-height:1.5}

/* Saving goals */
.saving-goals-section{margin-top:14px}.saving-goal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.saving-goal{padding:13px;border:1px solid var(--line);border-radius:16px;background:#fbfcfd}.saving-goal.done{background:#f4faf6;border-color:#dcecdf}.saving-goal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.saving-goal-head>div{display:flex;gap:8px;align-items:center}.saving-goal-head strong{display:block;font-size:10px}.saving-goal-head span{display:block;font-size:8px;color:var(--muted);margin-top:2px}.goal-pct{padding:4px 6px;border-radius:999px;background:#eaf2f9;color:#356c99;font-size:8px;font-weight:900}.goal-money{display:flex;align-items:baseline;gap:6px;margin:11px 0 7px}.goal-money strong{font-size:13px}.goal-money span{font-size:8px;color:var(--muted)}.goal-track{height:7px}.goal-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.goal-foot>span{font-size:8px;color:var(--muted)}.goal-foot>div{display:flex;gap:5px}.primary-mini{border:0;border-radius:9px;background:var(--brand);color:#fff;font-size:8px;font-weight:800;padding:6px 8px}.goal-contribution-summary{padding:12px;border-radius:14px;background:#f6f9fc;border:1px solid var(--line);margin-bottom:12px}.goal-contribution-summary span{font-size:8px;color:var(--muted)}.goal-contribution-summary strong{display:block;font-size:12px;margin:3px 0 8px}.tx-amount.transfer{color:#54718d}.compact-danger{min-height:38px;padding:0 11px}

/* Life timeline and global search */
.life-timeline{display:grid;gap:9px}.timeline-month{border:1px solid var(--line);border-radius:15px;padding:12px;background:#fff}.timeline-month-head{display:flex;align-items:center;justify-content:space-between}.timeline-month-head span{display:block;font-size:8px;color:var(--muted)}.timeline-month-head strong{display:block;font-size:10px;margin-top:2px}.timeline-stats{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:9px;padding-top:8px;border-top:1px dashed #e7ecf0}.timeline-stats span{display:flex;align-items:center;gap:4px;font-size:8px;color:#6a7785}.timeline-stats .ui-icon{width:11px;height:11px}
.global-search-wrap{min-height:260px}.global-search-input{width:100%;margin-bottom:10px}.global-result{width:100%;display:flex;align-items:center;gap:9px;text-align:left;border:0;border-bottom:1px solid #eef1f4;background:#fff;padding:9px 4px}.global-result:hover{background:#fafbfd}.global-result>div{min-width:0}.global-result span,.global-result small{display:block;font-size:7.5px;color:var(--muted)}.global-result strong{display:block;font-size:9px;color:var(--ink);margin:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Reminders */
.reminder-permission{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fafbfd;margin-bottom:12px}.reminder-permission strong{display:block;font-size:9.5px}.reminder-permission span{display:block;font-size:8px;color:var(--muted);line-height:1.45;margin-top:3px}.switch{position:relative;width:40px;height:23px;flex:0 0 auto}.switch input{opacity:0;width:0;height:0}.switch i{position:absolute;inset:0;border-radius:999px;background:#cfd7df;transition:.2s}.switch i:after{content:"";position:absolute;width:17px;height:17px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 4px rgba(0,0,0,.18)}.switch input:checked+i{background:var(--brand)}.switch input:checked+i:after{transform:translateX(17px)}.settings-inline-status{font-size:8px;color:var(--muted);padding:6px 8px;border-radius:9px;background:#f4f6f8}

/* responsive life system */
@media(max-width:760px){
  .calendar-grid{gap:3px}.cal-cell{min-height:63px;padding:6px}.cal-cell small{display:none}
  .journal-list{grid-template-columns:1fr}.journal-hero{grid-template-columns:1fr}.journal-today-mood{align-items:flex-start}
  .morning-brief{grid-template-columns:1fr}.saving-goal-grid{grid-template-columns:1fr}
  .daily-summary-grid,.review-auto-summary{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){
  .calendar-panel{padding:9px}.cal-cell{min-height:54px;border-radius:9px}.cal-day{font-size:9px}.cal-dots{gap:2px}.dot{width:4px;height:4px}.calendar-legend{gap:8px}
  .planner-mode{width:100%}.planner-mode button{flex:1;justify-content:center}
  .journal-header-actions{width:100%}.journal-header-actions button{flex:1}
  .mood-picker{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.mood-picker label{padding:7px 2px}.mood-picker span{font-size:6.7px}
  .journal-toolbar{flex-direction:column}.journal-toolbar .secondary-btn{width:100%}
}

.reminder-extra{display:grid;gap:7px;margin:10px 0 12px}.reminder-extra label{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--line);border-radius:11px;background:#fafbfd;font-size:8.5px;color:#657281}.reminder-extra input{accent-color:var(--brand)}

/* Premium responsive polish v15 */

/* Never let dynamic content break layout */
.page,.card,.panel,.transaction,.tx-main,.tx-title-row,.saving-goal,.calendar-shell,.daily-section{min-width:0}
.item-title,.item-meta,.tx-title,.tx-meta,.daily-line-copy,.daily-tx>div{min-width:0;overflow-wrap:anywhere}
.primary-btn,.secondary-btn,.link-btn,.goal-action,.row-icon-btn{flex-shrink:0}

/* Finance transaction rows */
.transactions-card{overflow:hidden}
.transactions-card>.card-head{padding-bottom:12px;border-bottom:1px solid #eef2f5}
.transaction{
  display:grid;grid-template-columns:46px minmax(0,1fr) minmax(108px,auto);gap:12px;align-items:center;
  padding:15px 0;border-bottom:1px solid #edf1f4
}
.transaction:last-child{border-bottom:0}
.tx-icon{width:44px;height:44px;border-radius:15px;background:#f3f7fb;color:#245f91;display:grid;place-items:center;align-self:center}
.tx-icon .ui-icon{width:18px;height:18px}
.tx-icon.income-bg{background:#eaf7f0;color:#208259}
.tx-icon.transfer-bg{background:#eef2f8;color:#536d8a}
.tx-main{display:flex;flex-direction:column;gap:5px;min-width:0}
.tx-title-row{display:flex;align-items:flex-start;gap:7px;min-width:0}
.tx-title{
  font-size:11px;font-weight:850;color:var(--ink);line-height:1.35;letter-spacing:-.08px;
  min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
}
.tx-meta{display:flex;align-items:center;gap:5px;flex-wrap:wrap;color:var(--muted);font-size:8.6px;line-height:1.35}
.tx-meta i{font-style:normal;opacity:.5}
.tx-side{display:grid;grid-template-columns:auto 28px;align-items:center;justify-content:end;gap:8px;min-width:108px}
.tx-amount{font-weight:900;font-size:11.5px;text-align:right;white-space:nowrap;letter-spacing:-.1px}
.tx-amount.income{color:var(--good)}.tx-amount.expense{color:var(--bad)}.tx-amount.transfer{color:#53708c}
.row-icon-btn{width:28px;height:28px;border:0;border-radius:9px;background:transparent;color:#a5aebb;display:grid;place-items:center;padding:0}
.row-icon-btn:hover{background:#f4f6f8;color:#677585}
.row-icon-btn .ui-icon{width:14px;height:14px}
.receipt-chip{margin:0;flex:0 0 auto;white-space:nowrap}
.transaction-empty{padding:24px 0 8px}
.transaction-empty>div{display:flex;flex-direction:column;align-items:center;text-align:center;padding:22px;border:1px dashed #dce5ec;border-radius:17px;background:#fafcfd}
.transaction-empty strong{margin:9px 0 4px;font-size:10px;color:var(--ink)}
.transaction-empty span{font-size:8.5px;color:var(--muted)}

/* Saving goals */
.saving-goals-section{overflow:hidden}
.saving-empty{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;
  padding:18px;border:1px dashed #cfdeea;border-radius:18px;background:linear-gradient(135deg,#f8fbfe,#fff)
}
.saving-empty-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#e9f2fa;color:var(--brand)}
.saving-empty-icon .ui-icon{width:21px;height:21px}
.saving-empty strong{display:block;font-size:11px;color:var(--ink)}
.saving-empty p{font-size:8.8px;line-height:1.5;color:var(--muted);margin:4px 0 8px}
.saving-suggestions{display:flex;gap:5px;flex-wrap:wrap}
.saving-suggestions span{font-size:7.5px;padding:4px 7px;border-radius:999px;background:#eef4f9;color:#5c7185}
.saving-goal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.saving-goal{padding:15px;border-radius:18px;background:linear-gradient(145deg,#fbfdff,#fff);box-shadow:0 9px 24px rgba(29,61,91,.05)}
.saving-goal-identity{display:flex;gap:9px;align-items:center;min-width:0}
.saving-goal-identity>div:last-child{min-width:0}.saving-goal-identity strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
.goal-money{flex-wrap:wrap}.goal-money strong{font-size:14px}
.goal-foot{align-items:flex-end}.goal-foot>div{display:flex;gap:5px;flex:0 0 auto}
.goal-action{height:30px;border-radius:9px;padding:0 9px;font-size:8px;font-weight:850;display:inline-flex;align-items:center;gap:4px}
.goal-action.ghost{border:1px solid var(--line);background:#fff;color:#617080}.goal-action.primary{border:0;background:var(--brand);color:#fff}
.goal-action .ui-icon{width:11px;height:11px}

/* Modern calendar */
.calendar-shell{border:1px solid #e3eaf0;border-radius:24px;background:linear-gradient(180deg,#fff,#fbfcfe);box-shadow:0 14px 38px rgba(26,59,91,.07);overflow:hidden}
.calendar-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 19px 14px}
.calendar-eyebrow{display:block;font-size:7.5px;font-weight:850;text-transform:uppercase;letter-spacing:.14em;color:#7690a8}
.calendar-topbar h3{margin:3px 0 0;font-size:18px;letter-spacing:-.35px;color:#173e68}
.calendar-controls{display:flex;align-items:center;gap:8px}
.calendar-today-btn{height:34px;border:1px solid #d9e5ee;border-radius:10px;background:#f7fafc;color:#315f87;padding:0 10px;display:flex;align-items:center;gap:5px;font-size:8px;font-weight:850}
.calendar-today-btn .ui-icon{width:12px;height:12px}
.calendar-arrows{display:flex;border:1px solid #dfe7ed;border-radius:10px;overflow:hidden;background:#fff}
.calendar-arrows button{width:34px;height:34px;border:0;background:#fff;color:#4b6276;font-size:19px}
.calendar-arrows button+button{border-left:1px solid #e6ebef}
.calendar-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#e9eef3;border-top:1px solid #e9eef3;border-bottom:1px solid #e9eef3}
.calendar-overview>div{background:#f8fafc;padding:10px 13px}.calendar-overview span{display:block;font-size:7.2px;color:#83909d}.calendar-overview strong{display:block;margin-top:3px;font-size:9.5px;color:#243c52;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.calendar-panel{border:0;border-radius:0;background:#fff;padding:13px 15px}
.calendar-grid{gap:4px}
.cal-weekday{font-size:7.5px;font-weight:850;color:#82909c;padding:7px 0}.cal-weekday.weekend{color:#9f7580}
.cal-cell{
  position:relative;min-height:82px;border:1px solid transparent;border-radius:12px;background:#fff;padding:7px;
  text-align:left;color:#253749;overflow:hidden;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease
}
.cal-cell:hover{background:#f8fbfd;border-color:#e0eaf2}
.cal-cell.weekend:not(.outside){background:#fcfbfc}
.cal-cell.outside{background:#fbfcfd;color:#b4bdc5}
.cal-cell.today{background:#eef6fc;border-color:#bad4e9}
.cal-cell.today .cal-day{background:#2f6faa;color:#fff}
.cal-cell.selected{background:#f7fbff;border-color:#78a7ce;box-shadow:inset 0 0 0 1px #78a7ce,0 5px 13px rgba(47,111,170,.08)}
.cal-day{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;font-size:9px;font-weight:900}
.cal-cell.outside .cal-day{font-weight:700;color:#b3bdc7}
.cal-dots{display:flex;gap:3px;margin:7px 0 0 2px;min-height:5px}
.cal-summary{display:block;margin-top:7px;font-size:7px;color:#71808e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.calendar-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px 14px;background:#fbfcfd;border-top:1px solid #eef2f5}
.calendar-legend{margin:0;padding:0;border:0}.calendar-hint{font-size:7.5px;color:#8a96a2;text-align:right}

/* Daily detail */
.daily-detail-hero{margin:-21px -21px 15px;padding:17px 20px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#173e68,#2f6faa);color:#fff;border-radius:28px 28px 0 0}
.daily-detail-date span{display:block;font-size:8px;color:#c9dbeb;text-transform:capitalize}.daily-detail-date strong{display:block;font-size:15px;margin-top:3px}
.daily-close{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.24)!important;color:#fff!important}
.daily-summary-grid>div{padding:11px 10px;border:0}.daily-summary-grid .summary-blue{background:#f0f6fb}.daily-summary-grid .summary-green{background:#eef8f2}.daily-summary-grid .summary-red{background:#fff3f1}
.daily-summary-grid span{font-size:7.3px}.daily-summary-grid strong{font-size:10px}
.section-kicker{display:block;font-size:6.8px;text-transform:uppercase;letter-spacing:.12em;color:#8b98a5;margin-bottom:2px}
.daily-section{padding:14px 0}.daily-section-head h4{margin:0}.daily-line{align-items:center;border-bottom:1px dashed #edf1f4}.daily-line:last-child{border-bottom:0}
.daily-line-copy{flex:1}.daily-task-state{font-size:7px;padding:4px 6px;border-radius:999px;background:#f2f5f7;color:#778490;white-space:nowrap}
.daily-tx{align-items:center}.daily-tx>div{min-width:0}.daily-tx span{display:block;font-size:8.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.daily-tx small{display:block;font-size:7.4px;color:var(--muted);margin-top:2px}
.daily-tx strong{white-space:nowrap}
.daily-journal-preview>div>div{min-width:0}.daily-journal-preview small{display:block;margin-top:2px;font-size:7.3px;color:var(--muted)}

/* Mobile precision */
@media(max-width:680px){
  .finance-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:6px}
  .finance-actions .primary-btn,.finance-actions .secondary-btn{width:100%;padding:0 8px;font-size:8.5px;min-width:0}
  .transaction{grid-template-columns:42px minmax(0,1fr) minmax(92px,auto);gap:9px;padding:14px 0}
  .tx-icon{width:40px;height:40px;border-radius:13px}
  .tx-title{font-size:10.5px}.tx-meta{font-size:7.8px;gap:4px}
  .tx-side{grid-template-columns:1fr;justify-items:end;gap:4px;min-width:92px}.tx-amount{font-size:10.5px}.row-icon-btn{width:25px;height:25px}
  .receipt-chip{font-size:7px;padding:3px 5px}
  .saving-empty{grid-template-columns:auto 1fr}.saving-empty .primary-btn{grid-column:1/-1;width:100%}
  .saving-goal-grid{grid-template-columns:1fr}
  .calendar-topbar{padding:14px 12px 10px}.calendar-topbar h3{font-size:16px}.calendar-today-btn{height:32px;padding:0 8px}.calendar-arrows button{width:31px;height:32px}
  .calendar-overview{grid-template-columns:repeat(2,1fr)}.calendar-overview>div{padding:8px 10px}
  .calendar-panel{padding:8px 7px}.calendar-grid{gap:2px}.cal-cell{min-height:58px;padding:4px;border-radius:9px}.cal-day{width:21px;height:21px;border-radius:7px;font-size:8px}.cal-dots{margin-top:5px;gap:2px}.cal-summary{display:none}.calendar-footer{align-items:flex-start;flex-direction:column;padding:9px 10px 12px}.calendar-hint{text-align:left}
}
@media(max-width:390px){
  .finance-actions{grid-template-columns:1fr}
  .transaction{grid-template-columns:38px minmax(0,1fr) 88px;gap:8px}.tx-icon{width:36px;height:36px}.tx-title{font-size:10px}.tx-meta i{display:none}.tx-meta{column-gap:6px;row-gap:2px}.tx-meta span{display:inline-block}
  .tx-side{min-width:88px}.tx-amount{font-size:9.8px}
  .calendar-today-btn{font-size:0;width:32px;padding:0;justify-content:center}.calendar-today-btn .ui-icon{width:13px;height:13px}.calendar-topbar{gap:7px}.calendar-topbar h3{font-size:15px}
  .cal-cell{min-height:52px}.calendar-overview strong{font-size:9px}
}

/* Modal overflow hardening v15 */
.modal{overflow-x:hidden;overflow-y:auto;max-width:100%;box-sizing:border-box}
.daily-detail-hero{box-sizing:border-box}

/* Install resilience v16 */
.install-top-btn.waiting{background:linear-gradient(135deg,#285f91,#477fab)}
.install-banner.install-waiting{border-color:#d8e6f1;background:linear-gradient(135deg,#f6fafe,#fff)}
.install-banner.install-waiting button{background:#245f91}
@media(max-width:600px){
  .top-actions{gap:6px}
  .install-top-btn{display:inline-flex!important;width:40px;height:40px;min-height:40px;padding:0;border-radius:13px}
  .install-top-btn .ui-icon{width:16px;height:16px}
  .install-banner{align-items:center}
  .install-banner p{font-size:9px}
  .install-banner button{white-space:nowrap}
}

/* Dailyn brand identity v17 */
.brand{display:flex;align-items:center;min-width:0}
.brand-logo{display:block;width:auto;height:48px;max-width:220px;object-fit:contain;object-position:left center}
@media(max-width:760px){
  .brand-logo{height:40px;max-width:172px}
}
@media(max-width:430px){
  .brand-logo{height:36px;max-width:150px}
  .topbar{gap:8px}
}

/* Install diagnostics v19 */
.install-diagnostics{margin-top:12px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#f8fafc}
.install-checks{display:flex;gap:6px;flex-wrap:wrap}
.install-checks span{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border-radius:999px;font-size:7.5px;font-weight:800}
.install-checks .ok{background:#eaf6ef;color:#357651}.install-checks .wait{background:#f3f5f7;color:#6f7b87}
.install-checks .ui-icon{width:10px;height:10px}


/* Dailyn Pro licensing */
.license-grace-banner{margin:18px auto 0;max-width:1200px;padding:14px 16px;border:1px solid rgba(14,67,171,.14);background:linear-gradient(135deg,#f8fbff,#eef5ff);border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 8px 26px rgba(26,47,82,.05)}
.license-grace-banner>div{display:flex;align-items:center;gap:12px;min-width:0}
.license-grace-banner svg{width:22px;height:22px;color:#0e43ab;flex:0 0 auto}
.license-grace-banner strong,.license-grace-banner span{display:block}
.license-grace-banner strong{font-size:14px;color:#17335f}
.license-grace-banner span{font-size:12px;color:#6d7d96;margin-top:3px}
.activation-shell{min-height:100vh;display:grid;place-items:center;padding:28px 18px;background:radial-gradient(circle at top,#eef5ff 0,#f7f9fc 46%,#f7f9fc 100%)}
.activation-logo{position:fixed;top:26px;left:50%;transform:translateX(-50%);width:min(230px,58vw);height:auto}
.activation-card{width:min(560px,100%);margin-top:42px;background:#fff;border:1px solid #e6ebf2;border-radius:28px;padding:30px;box-shadow:0 24px 70px rgba(25,50,90,.12)}
.activation-card.compact{box-shadow:none;border:0;padding:0;margin:0;width:100%}
.activation-mark{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:#eef5ff;color:#0e43ab;margin-bottom:20px}
.activation-mark svg{width:28px;height:28px}
.activation-card .eyebrow{font-size:11px;letter-spacing:.12em;font-weight:800;color:#0e43ab}
.activation-card h2{margin:7px 0 8px;font-size:26px;color:#152744}
.activation-card p{margin:0 0 22px;color:#6c7b90;line-height:1.6}
#license-activation-form{display:grid;gap:10px}
#license-activation-form label{font-size:12px;font-weight:700;color:#52627a}
#license-code-input{width:100%;box-sizing:border-box;border:1px solid #d8e0eb;background:#fbfcfe;border-radius:14px;padding:14px 15px;font:700 16px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;color:#203654;text-transform:uppercase;outline:none}
#license-code-input:focus{border-color:#7ba0e8;box-shadow:0 0 0 4px rgba(14,67,171,.08);background:#fff}
#license-activation-form small{color:#8a98aa;line-height:1.5}
.activation-error{margin-top:14px;padding:12px 14px;border-radius:12px;background:#fff3f3;color:#a63a3a;font-size:13px}
.license-settings-card .badge{align-self:center}
.restore-preview>p{color:#65758d;line-height:1.6}
.restore-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}
.restore-counts>div{border:1px solid #e5eaf1;background:#fafbfd;border-radius:14px;padding:13px;text-align:center}
.restore-counts strong,.restore-counts span{display:block}
.restore-counts strong{font-size:18px;color:#17335f}
.restore-counts span{font-size:11px;color:#7a8799;margin-top:3px}
@media(max-width:680px){
  .license-grace-banner{margin:12px 12px 0;align-items:flex-start;flex-direction:column}
  .license-grace-banner button{width:100%}
  .activation-card{padding:22px;border-radius:22px}
  .activation-logo{top:20px}
  .restore-counts{grid-template-columns:repeat(2,1fr)}
}


/* ===== Dailyn v32 — premium app entry, demo & commerce ===== */
:root{--brand:#0E43AB;--brand-strong:#0A3487;--brand-soft:#edf3ff;--radius:22px}
.brand-logo{height:34px!important;width:auto!important;object-fit:contain}
.topbar{border-bottom:0!important;background:rgba(247,249,252,.88)!important;backdrop-filter:blur(24px)!important}
.card,.settings-card{border-color:rgba(23,49,79,.065)!important;box-shadow:0 10px 32px rgba(24,42,70,.045)!important}
.card:hover,.settings-card:hover{transform:none!important}
.icon-badge{box-shadow:none!important}
.page-header h2{letter-spacing:-.035em}
.primary-btn{background:linear-gradient(135deg,#0E43AB,#235fc7)!important;box-shadow:0 8px 20px rgba(14,67,171,.16)}
.bottom-nav{box-shadow:0 -8px 28px rgba(24,42,70,.06)!important}
.nav-btn{border-radius:14px!important}
.nav-btn.active{background:#edf3ff!important;color:#0E43AB!important}

/* Welcome */
.welcome-shell{min-height:100vh;padding:24px;background:radial-gradient(circle at 15% 0%,#edf4ff 0,transparent 38%),radial-gradient(circle at 90% 10%,#f2f7ff 0,transparent 32%),#f8fafc;display:grid;place-items:center}
.welcome-panel{width:min(1180px,100%);min-height:min(720px,calc(100vh - 48px));display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:54px;padding:56px 62px;background:rgba(255,255,255,.88);border:1px solid rgba(23,48,79,.07);border-radius:38px;box-shadow:0 28px 90px rgba(20,44,80,.09);overflow:hidden;position:relative}
.welcome-brand{position:absolute;left:60px;top:42px}.welcome-brand img{height:39px;width:auto}
.welcome-copy{max-width:590px;padding-top:55px}.welcome-copy .eyebrow{color:#0E43AB;font-size:11px;font-weight:800;letter-spacing:.13em}
.welcome-copy h1{margin:12px 0 18px;font-size:clamp(42px,5vw,72px);line-height:.98;letter-spacing:-.055em;color:#10233d}
.welcome-copy h1 em{font-style:normal;color:#0E43AB}
.welcome-copy>p{font-size:17px;line-height:1.7;color:#68788d;max-width:570px;margin:0 0 28px}
.welcome-actions{display:grid;gap:10px;max-width:480px}
.welcome-primary,.welcome-buy{border:0;border-radius:17px;padding:15px 18px;font-weight:800;font-size:15px;text-align:left;display:flex;align-items:center;justify-content:space-between;transition:.18s ease}
.welcome-primary{background:#0E43AB;color:#fff;box-shadow:0 14px 28px rgba(14,67,171,.2)}
.welcome-primary:hover{transform:translateY(-1px)}
.welcome-buy{background:#eef4ff;color:#163a76}.welcome-buy span{font-size:12px;color:#5e75a0;font-weight:700}
.welcome-link{border:0;background:transparent;color:#78869a;font-size:13px;text-align:left;padding:8px 4px}.welcome-link strong{color:#0E43AB}
.welcome-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;color:#7f8b9a;font-size:11px}.welcome-trust span:before{content:"✓";color:#0E43AB;font-weight:900;margin-right:6px}
.welcome-preview{display:grid;place-items:center;min-width:0}
.preview-phone{width:min(390px,100%);aspect-ratio:9/16;max-height:610px;border-radius:36px;padding:28px 22px;background:linear-gradient(180deg,#f9fbff,#edf3fb);border:8px solid #162b47;box-shadow:0 28px 65px rgba(20,40,70,.18);position:relative;overflow:hidden}
.preview-phone:before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:82px;height:22px;background:#162b47;border-radius:0 0 15px 15px}
.preview-top{margin-top:12px;display:flex;justify-content:space-between;color:#53647a;font-size:13px}.preview-top b{color:#0E43AB}
.preview-hero{margin-top:28px;background:linear-gradient(135deg,#0E43AB,#2d6bd0);color:white;padding:22px;border-radius:24px;display:grid;gap:8px;box-shadow:0 15px 26px rgba(14,67,171,.2)}
.preview-hero small{font-size:9px;letter-spacing:.12em;opacity:.74}.preview-hero strong{font-size:21px;line-height:1.15}.preview-hero span{font-size:11px;opacity:.8}
.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.preview-grid>div{padding:15px;border-radius:18px;background:#fff;border:1px solid #e5eaf1;position:relative;overflow:hidden}.preview-grid small,.preview-grid strong{display:block}.preview-grid small{font-size:9px;color:#8995a6}.preview-grid strong{font-size:16px;margin-top:6px}.preview-grid i{position:absolute;left:12px;right:12px;bottom:10px;height:3px;border-radius:99px;background:linear-gradient(90deg,#0E43AB 70%,#e7edf5 70%)}
.preview-list{margin-top:12px;background:#fff;border-radius:20px;padding:8px 14px;border:1px solid #e5eaf1}.preview-list span{display:flex;gap:10px;align-items:center;padding:11px 2px;font-size:11px;color:#455873;border-bottom:1px solid #eef1f5}.preview-list span:last-child{border:0}.preview-list b{width:12px;height:12px;border:2px solid #7f90a7;border-radius:50%}.preview-list .done{color:#93a0b0;text-decoration:line-through}.preview-list .done b{background:#0E43AB;border-color:#0E43AB}

/* Demo bar */
.demo-mode-bar{max-width:1200px;margin:14px auto 0;border:1px solid rgba(14,67,171,.12);background:linear-gradient(135deg,#0e43ab,#2865c4);color:#fff;border-radius:18px;padding:11px 13px 11px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:0 10px 28px rgba(14,67,171,.14)}
.demo-mode-bar strong,.demo-mode-bar span{display:block}.demo-mode-bar strong{font-size:13px}.demo-mode-bar span{font-size:11px;opacity:.76;margin-top:2px}
.demo-mode-actions{display:flex;gap:7px}.demo-mode-actions button{border:0;border-radius:11px;padding:8px 11px;font-size:11px;font-weight:800}
.demo-buy{background:#fff;color:#0E43AB}.demo-reset,.demo-exit{background:rgba(255,255,255,.12);color:#fff}

/* Commerce */
.commerce-backdrop{position:fixed;inset:0;z-index:9999;background:rgba(15,28,47,.52);backdrop-filter:blur(7px);display:grid;place-items:center;padding:18px}
.commerce-sheet{width:min(560px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:28px;box-shadow:0 32px 100px rgba(10,25,48,.25);border:1px solid rgba(255,255,255,.5)}
.commerce-head{padding:18px 20px 12px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(15px);z-index:3}
.commerce-head>div{display:flex;align-items:center;gap:10px}.commerce-head img{height:28px}.commerce-head span{font-size:10px;letter-spacing:.11em;color:#8a96a6;font-weight:800}
.commerce-close{border:0;background:#f2f5f9;width:34px;height:34px;border-radius:11px;font-size:21px;color:#65758b}
.commerce-progress{display:flex;gap:6px;padding:0 20px 4px}.commerce-progress i{height:3px;flex:1;border-radius:99px;background:#e9edf3}.commerce-progress i.on{background:#0E43AB}
.commerce-body{padding:24px 26px 28px}.commerce-kicker{font-size:10px;letter-spacing:.12em;color:#0E43AB;font-weight:850}.commerce-body h2{font-size:28px;line-height:1.1;letter-spacing:-.035em;margin:8px 0 10px;color:#142943}.commerce-sub{color:#6d7c90;line-height:1.6;margin:0 0 18px;font-size:14px}
.commerce-price{display:flex;align-items:baseline;justify-content:space-between;padding:16px 17px;margin:16px 0 19px;border-radius:18px;background:#f3f7ff}.commerce-price strong{font-size:24px;color:#0E43AB}.commerce-price span{font-size:11px;color:#71809a}
.commerce-form{display:grid;gap:12px}.commerce-form label{display:grid;gap:6px;font-size:11px;font-weight:800;color:#53647a}.commerce-form input{width:100%;border:1px solid #dce4ee;background:#fbfcfe;border-radius:13px;padding:13px 14px;outline:none;font-size:14px}.commerce-form input:focus{border-color:#7a9fe9;box-shadow:0 0 0 4px rgba(14,67,171,.07);background:#fff}
.commerce-primary,.commerce-secondary,.commerce-wa{width:100%;border:0;border-radius:14px;padding:13px 15px;font-weight:800;font-size:13px;text-decoration:none;text-align:center;display:block}
.commerce-primary{background:linear-gradient(135deg,#0E43AB,#2764c7);color:#fff;box-shadow:0 10px 22px rgba(14,67,171,.16)}.commerce-primary:disabled{opacity:.5}
.commerce-secondary{background:#eef2f7;color:#40546e}.commerce-wa{background:#eaf8ef;color:#197145}
.commerce-privacy{color:#94a0ae;font-size:10px;line-height:1.55;margin:13px 0 0}.commerce-error{background:#fff0f0;color:#a53f3f;border-radius:11px;padding:10px 12px;font-size:12px}
.commerce-back{border:0;background:transparent;padding:0;color:#6c7d91;font-size:12px;margin-bottom:14px}
.pay-methods{display:grid;gap:9px;margin:16px 0}.pay-method{display:flex;align-items:center;gap:12px;border:1px solid #e1e7ef;border-radius:16px;padding:13px;cursor:pointer;position:relative}.pay-method:has(input:checked){border-color:#8caceb;background:#f5f8ff;box-shadow:0 0 0 3px rgba(14,67,171,.05)}.pay-method input{position:absolute;opacity:0}.pay-method-icon{width:58px;height:37px;border-radius:10px;background:#edf3ff;color:#0E43AB;display:grid;place-items:center;font-size:8px;font-weight:900;letter-spacing:.05em}.pay-method-text{min-width:0;flex:1}.pay-method-text strong,.pay-method-text small{display:block}.pay-method-text strong{font-size:13px}.pay-method-text small{font-size:10px;color:#8b97a6;margin-top:3px}.pay-method>i{width:16px;height:16px;border:2px solid #bdc7d3;border-radius:50%}.pay-method:has(input:checked)>i{border:5px solid #0E43AB}
.payment-empty{border:1px dashed #cfd8e4;background:#fafbfd;border-radius:16px;padding:20px;text-align:center}.payment-empty strong,.payment-empty span{display:block}.payment-empty strong{font-size:13px}.payment-empty span{font-size:11px;color:#8290a1;line-height:1.5;margin-top:5px}
.commerce-summary{display:flex;justify-content:space-between;align-items:center;padding:14px 2px;margin:3px 0 14px;color:#68788d;font-size:12px}.commerce-summary strong{font-size:18px;color:#152e4f}
.commerce-loading{padding:50px 28px;text-align:center;display:grid;justify-items:center;gap:8px}.commerce-loading strong{font-size:15px}.commerce-loading span{color:#8290a2;font-size:11px}.commerce-spinner{width:30px;height:30px;border:3px solid #dfe6ef;border-top-color:#0E43AB;border-radius:50%;animation:commerceSpin .8s linear infinite}@keyframes commerceSpin{to{transform:rotate(360deg)}}
.order-card{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0}.order-card>div{border:1px solid #e4e9f0;background:#fafbfd;border-radius:14px;padding:12px;position:relative}.order-card>div:first-child{grid-column:1/-1}.order-card span,.order-card strong{display:block}.order-card span{font-size:9px;color:#8b98a8;text-transform:uppercase;letter-spacing:.08em}.order-card strong{font-size:13px;margin-top:5px}.copy-mini{position:absolute;right:9px;top:9px;border:0;background:#eef3fa;color:#405b79;border-radius:8px;padding:6px 8px;font-size:9px;font-weight:800}
.order-status{color:#0E43AB}.order-status.awaiting_verification{color:#a36810}.order-status.license_ready,.order-status.completed{color:#197145}.order-status.cancelled{color:#a43d3d}
.payment-detail{background:#f3f7ff;border-radius:18px;padding:16px;margin:12px 0}.payment-label{display:block;color:#657a99;font-size:10px;font-weight:800;margin-bottom:10px}.account-line{display:flex;align-items:center;justify-content:space-between;gap:10px}.account-line small,.account-line strong{display:block}.account-line small{font-size:9px;color:#8391a2}.account-line strong{font:800 19px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;margin-top:4px;color:#17375f}.copy-account{border:0;background:#0E43AB;color:#fff;border-radius:10px;padding:9px 10px;font-size:10px;font-weight:800}.payment-detail p{font-size:11px;color:#6f7e91;margin:10px 0 0;line-height:1.5}
.purchase-note{padding:12px 14px;background:#fff8e8;color:#865f19;border-radius:12px;font-size:11px;line-height:1.5}.commerce-order-actions{display:grid;gap:8px;margin-top:14px}.commerce-toast{position:fixed;z-index:10010;left:50%;bottom:28px;transform:translateX(-50%);background:#17314f;color:#fff;border-radius:10px;padding:9px 13px;font-size:11px;box-shadow:0 10px 24px rgba(0,0,0,.18)}

@media(max-width:820px){
  .welcome-shell{padding:0;background:#f8fafc;display:block}
  .welcome-panel{min-height:100vh;width:100%;border-radius:0;border:0;box-shadow:none;grid-template-columns:1fr;padding:78px 22px 36px;gap:28px}
  .welcome-brand{left:22px;top:25px}.welcome-brand img{height:32px}
  .welcome-copy{padding-top:0;max-width:none}.welcome-copy h1{font-size:46px}.welcome-copy>p{font-size:14px;line-height:1.65}.welcome-actions{max-width:none}
  .welcome-preview{order:-1;margin-top:10px}.preview-phone{width:270px;max-height:470px;border-width:6px;border-radius:30px;padding:22px 16px}.preview-hero{padding:17px;border-radius:18px}.preview-hero strong{font-size:17px}
  .demo-mode-bar{margin:10px 10px 0;border-radius:15px;align-items:flex-start;flex-direction:column}.demo-mode-actions{width:100%}.demo-mode-actions button{flex:1}
  .commerce-backdrop{padding:0;align-items:end}.commerce-sheet{width:100%;max-height:94vh;border-radius:26px 26px 0 0}.commerce-body{padding:22px 20px 28px}
}


/* ===== Dailyn v35 — refined premium application system ===== */
:root{
  --app-bg:#f5f8fc;
  --surface:#ffffff;
  --surface-2:#f9fbfd;
  --line-soft:rgba(24,48,79,.08);
  --ink-strong:#10233d;
  --ink:#203754;
  --muted:#738197;
  --brand:#1554c0;
  --brand-deep:#0d3c8f;
  --brand-soft:#edf4ff;
  --success:#2f8b62;
  --danger:#c95b66;
  --shadow-app:0 18px 50px rgba(24,46,79,.07);
  --shadow-float:0 22px 65px rgba(24,46,79,.11);
}
html{background:var(--app-bg)}
body{
  background:
    radial-gradient(circle at 8% 0%,rgba(38,101,199,.055),transparent 32%),
    radial-gradient(circle at 92% 2%,rgba(91,143,189,.045),transparent 28%),
    var(--app-bg);
  color:var(--ink);
}
button,input,select,textarea{font-family:inherit}
button{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease}
button:active{transform:scale(.985)}
.page.active{animation:appPageIn .28s cubic-bezier(.22,.72,.22,1)}
@keyframes appPageIn{from{opacity:.35;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.page.active{animation:none}}

/* Elegant application header */
.app-topbar{
  position:relative;
  margin:0 0 20px!important;
  padding:12px 14px!important;
  min-height:68px;
  border:1px solid rgba(25,50,83,.07)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.82)!important;
  box-shadow:0 10px 30px rgba(24,45,76,.045)!important;
  backdrop-filter:blur(24px) saturate(1.15)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.15)!important;
  overflow:hidden;
}
.app-topbar:before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,#2b6fd8,#0f43a1);opacity:.9
}
.app-brand-lockup{display:flex;align-items:center;gap:11px;min-width:0}
.app-brand-lockup img{width:42px;height:42px;border-radius:13px;box-shadow:0 7px 16px rgba(21,84,192,.15)}
.app-brand-lockup>div{min-width:0}
.app-brand-lockup strong{display:block;color:#122945;font-size:15px;letter-spacing:-.025em;line-height:1;font-weight:900}
.app-brand-lockup span{display:block;color:#74849a;font-size:9.5px;margin-top:5px;letter-spacing:.01em;white-space:nowrap}
.install-top-btn{
  border-radius:13px!important;
  min-height:40px!important;
  border:1px solid rgba(21,84,192,.08)!important;
  background:#eef4ff!important;
  color:#184b9f!important;
  box-shadow:none!important;
}
.install-top-btn:hover{background:#e5efff!important}

/* Global card consistency */
.card,.settings-card,.stat-pill,.activity-card,.habit-card,.saving-goal,.calendar-panel,.transactions-card{
  border-color:var(--line-soft)!important;
  box-shadow:0 10px 32px rgba(24,46,79,.045)!important;
}
.card,.settings-card,.activity-card{border-radius:22px!important}
.secondary-btn{
  border-color:rgba(26,53,88,.09)!important;
  background:#fff!important;
  color:#28415f!important;
  box-shadow:0 4px 14px rgba(24,46,79,.035)!important;
}
.secondary-btn:hover{background:#f7f9fc!important}
.primary-btn{
  background:linear-gradient(135deg,#1554c0,#2868cf)!important;
  box-shadow:0 9px 22px rgba(21,84,192,.16)!important;
  color:#fff!important;
}
.page-header h2{color:var(--ink-strong);font-weight:850}
.page-header p{color:#78869a}
.search,input,select,textarea{
  border-color:rgba(25,50,83,.10)!important;
  background:#fff!important;
}
.search:focus,input:focus,select:focus,textarea:focus{
  border-color:rgba(21,84,192,.38)!important;
  box-shadow:0 0 0 4px rgba(21,84,192,.065)!important;
}

/* Journal — refined, readable, premium */
.refined-journal-hero{
  position:relative;
  overflow:hidden;
  grid-template-columns:minmax(0,1fr) minmax(190px,250px)!important;
  gap:20px!important;
  padding:26px!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at 92% 2%,rgba(255,255,255,.16),transparent 34%),
    linear-gradient(135deg,#123e7c 0%,#1858a8 58%,#2d72cd 100%)!important;
  box-shadow:0 22px 54px rgba(16,63,126,.16)!important;
}
.refined-journal-hero:after{
  content:"";position:absolute;inset:1px;border:1px solid rgba(255,255,255,.11);border-radius:25px;pointer-events:none
}
.journal-hero-copy{position:relative;z-index:1}
.refined-journal-hero .eyebrow{color:rgba(255,255,255,.72)!important;font-size:9.5px!important}
.refined-journal-hero h3{
  margin:7px 0 8px!important;
  color:#fff!important;
  font-size:22px!important;
  letter-spacing:-.035em!important;
  line-height:1.12!important
}
.refined-journal-hero p{
  max-width:660px!important;
  color:rgba(255,255,255,.83)!important;
  font-size:10.5px!important;
  line-height:1.65!important
}
.journal-hero-cta{
  display:inline-flex;align-items:center;gap:8px;margin-top:12px;
  border:0;border-radius:13px;padding:10px 13px;
  background:#fff;color:#164b98;font-size:10px;font-weight:850;
  box-shadow:0 10px 22px rgba(7,32,74,.12)
}
.journal-hero-cta .ui-icon{width:13px;height:13px}
.journal-today-mood.refined{
  position:relative;z-index:1;
  align-items:flex-start!important;
  justify-content:center!important;
  padding:18px!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.115)!important;
  border:1px solid rgba(255,255,255,.15)!important;
  backdrop-filter:blur(10px)
}
.journal-today-mood.refined>span{
  color:rgba(255,255,255,.7)!important;
  font-size:8.5px!important;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:800
}
.journal-today-mood.refined>strong{
  color:#fff!important;
  font-size:17px!important;
  letter-spacing:-.02em!important;
  margin:8px 0 3px!important
}
.journal-today-mood.refined>small{color:rgba(255,255,255,.72)!important;font-size:9px!important}
.mood-visual{height:22px;display:flex;align-items:center;margin-top:9px}
.mood-mark{display:inline-flex;align-items:center;gap:3px;height:14px}
.mood-mark i{display:block;width:13px;height:4px;border-radius:999px;background:currentColor;opacity:.3}
.mood-mark i:nth-child(2){width:19px;opacity:.72}
.mood-mark i:nth-child(3){width:9px;opacity:.45}
.mood-mark.great,.mood-mark.good{color:#3b8d69}
.mood-mark.okay,.mood-mark.neutral{color:#71839a}
.mood-mark.low,.mood-mark.bad{color:#bb6969}
.journal-today-mood .mood-mark{color:#fff!important}
.journal-card.refined{
  padding:17px!important;
  border:1px solid rgba(25,50,83,.075)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.93)!important;
  box-shadow:0 9px 26px rgba(23,44,73,.04)!important;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease
}
.journal-card.refined:hover{
  transform:translateY(-1px);
  border-color:rgba(21,84,192,.13)!important;
  box-shadow:0 15px 34px rgba(23,44,73,.065)!important
}
.journal-card.refined h3{font-size:12.5px!important;color:#162c48}
.journal-card.refined>p{font-size:9.3px!important;color:#687a90!important;line-height:1.65!important}
.mood-badge{
  display:inline-flex!important;align-items:center!important;gap:7px!important;
  padding:7px 9px!important;border-radius:10px!important;
  letter-spacing:0!important;background:#f4f6f9!important;color:#6d7d91!important
}
.mood-badge b{font-size:8.5px;font-weight:800;white-space:nowrap}
.mood-badge.great,.mood-badge.good{background:#edf8f2!important;color:#397c5d!important}
.mood-badge.low,.mood-badge.bad{background:#fff2f1!important;color:#9a5a58!important}
.mood-picker.refined{gap:7px!important}
.mood-picker.refined label{
  padding:11px 7px!important;
  border-radius:14px!important;
  background:#fbfcfe!important;
  border-color:rgba(25,50,83,.08)!important
}
.mood-picker.refined label:hover{background:#f6f9fd!important}
.mood-picker.refined label.selected{
  border-color:rgba(21,84,192,.30)!important;
  background:#edf4ff!important;
  box-shadow:0 0 0 3px rgba(21,84,192,.045)
}
.mood-picker.refined strong{height:16px;display:grid!important;place-items:center}
.mood-picker.refined span{font-size:8px!important;color:#66788f!important;margin-top:4px!important}
.journal-empty{
  min-height:150px;display:grid!important;place-items:center;text-align:center;padding:28px!important;
  border:1px dashed rgba(28,56,91,.13)!important;border-radius:20px!important;background:#fafbfd!important
}
.journal-empty strong{display:block;color:#2a405e;font-size:12px}
.journal-empty span{display:block;color:#8794a5;font-size:9.5px;margin-top:4px;max-width:360px}

/* Welcome — stronger value proposition and realistic app preview */
.welcome-shell{
  padding:22px!important;
  background:
    radial-gradient(circle at 10% 0%,rgba(28,91,196,.075),transparent 34%),
    radial-gradient(circle at 94% 10%,rgba(84,130,195,.055),transparent 30%),
    #f5f8fc!important
}
.welcome-panel{
  width:min(1240px,100%)!important;
  min-height:min(760px,calc(100vh - 44px))!important;
  grid-template-columns:1.03fr .97fr!important;
  gap:56px!important;
  padding:62px 64px!important;
  border-radius:40px!important;
  background:rgba(255,255,255,.90)!important;
  border:1px solid rgba(22,48,82,.07)!important;
  box-shadow:0 32px 90px rgba(19,43,75,.085)!important
}
.welcome-brand-lockup{position:absolute;left:64px;top:42px;display:flex;align-items:center;gap:10px}
.welcome-brand-lockup img{width:42px;height:42px;border-radius:13px;box-shadow:0 8px 20px rgba(21,84,192,.16)}
.welcome-brand-lockup strong{display:block;font-size:15px;line-height:1;color:#102945;font-weight:900;letter-spacing:-.03em}
.welcome-brand-lockup span{display:block;margin-top:5px;font-size:9.5px;color:#738198}
.welcome-copy{padding-top:52px!important}
.welcome-copy .eyebrow{font-size:10px!important;color:#1554c0!important;letter-spacing:.14em!important}
.welcome-copy h1{
  margin:13px 0 18px!important;
  font-size:clamp(43px,5vw,70px)!important;
  line-height:.99!important;
  letter-spacing:-.055em!important;
  color:#10233d!important
}
.welcome-copy h1 em{color:#1554c0!important}
.welcome-copy>p{font-size:16px!important;line-height:1.72!important;color:#687990!important;max-width:575px!important}
.welcome-price-proof{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  max-width:510px;margin:19px 0 17px;padding:13px 15px;
  border:1px solid rgba(21,84,192,.08);border-radius:16px;background:#f5f8ff
}
.welcome-price-proof>div{display:flex;align-items:baseline;gap:9px}
.welcome-price-proof strong{font-size:23px;color:#124ba9;letter-spacing:-.04em}
.welcome-price-proof span{font-size:10px;color:#607492;font-weight:750}
.welcome-price-proof small{font-size:9px;color:#78889e;text-align:right}
.welcome-actions{max-width:510px!important;gap:9px!important}
.welcome-primary,.welcome-buy{
  border-radius:16px!important;padding:14px 16px!important;min-height:62px!important;
  box-shadow:none!important
}
.welcome-primary{background:linear-gradient(135deg,#1554c0,#2568d0)!important;color:#fff!important}
.welcome-primary>span,.welcome-buy>span{display:grid;gap:3px}
.welcome-primary strong,.welcome-buy strong{font-size:13px}
.welcome-primary small{font-size:9px;color:rgba(255,255,255,.72);font-weight:600}
.welcome-primary>b{font-size:20px;font-weight:500}
.welcome-buy{background:#f2f6fc!important;border:1px solid rgba(22,52,90,.065)!important;color:#173b6e!important}
.welcome-buy small{font-size:9px;color:#74839a;font-weight:600}
.welcome-buy>b{font-size:13px;color:#1554c0}
.welcome-link{color:#78869a!important;font-size:11.5px!important}
.welcome-trust{margin-top:17px!important;gap:15px!important;font-size:9.5px!important}

/* App-realistic preview */
.welcome-preview{position:relative}
.app-preview-device{
  width:min(420px,100%);
  padding:10px;
  border-radius:42px;
  background:linear-gradient(145deg,#102846,#1d3b5e);
  box-shadow:0 35px 72px rgba(13,35,62,.20),0 0 0 1px rgba(255,255,255,.12) inset;
  transform:perspective(1200px) rotateY(-3deg) rotateX(1deg)
}
.app-preview-screen{
  position:relative;overflow:hidden;min-height:655px;
  border-radius:33px;padding:16px 16px 18px;
  background:linear-gradient(180deg,#f9fbfe,#f2f6fb);
  border:1px solid rgba(255,255,255,.55)
}
.preview-status{display:flex;justify-content:space-between;align-items:center;padding:2px 5px 13px;font-size:8px;font-weight:800;color:#4f6178}
.preview-status>div{display:flex;gap:3px}.preview-status i{width:5px;height:5px;border-radius:50%;background:#62748b}.preview-status i:nth-child(2){opacity:.65}.preview-status i:nth-child(3){opacity:.35}
.preview-appbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.preview-brand{display:flex;align-items:center;gap:8px}.preview-brand img{width:31px;height:31px;border-radius:10px}.preview-brand strong,.preview-brand small{display:block}.preview-brand strong{font-size:10px;color:#183350}.preview-brand small{font-size:7px;color:#8491a2;margin-top:2px}
.preview-avatar{width:29px;height:29px;border-radius:10px;display:grid;place-items:center;background:#edf3fb;color:#25548e;font-size:9px;font-weight:850}
.preview-greeting{
  padding:19px 18px;border-radius:23px;
  background:
    radial-gradient(circle at 90% 5%,rgba(255,255,255,.20),transparent 30%),
    linear-gradient(135deg,#144d9f,#2a6bd0);
  color:#fff;box-shadow:0 15px 28px rgba(21,84,192,.18)
}
.preview-greeting>span{font-size:7px;letter-spacing:.12em;color:rgba(255,255,255,.7);font-weight:800}
.preview-greeting h3{font-size:18px;line-height:1.15;letter-spacing:-.035em;margin:7px 0 6px}
.preview-greeting p{font-size:8px;color:rgba(255,255,255,.75);margin:0}
.preview-progress{height:5px;margin:13px 0 5px;background:rgba(255,255,255,.18);border-radius:99px;overflow:hidden}.preview-progress i{display:block;height:100%;border-radius:99px;background:#fff}
.preview-greeting>small{font-size:7px;color:rgba(255,255,255,.72)}
.preview-section-title{display:flex;align-items:center;justify-content:space-between;margin:15px 2px 8px}.preview-section-title strong{font-size:9px;color:#233d5a}.preview-section-title span{font-size:7px;color:#6f82a0}
.preview-task{display:grid;grid-template-columns:16px 1fr auto;gap:9px;align-items:center;padding:12px;border-radius:16px;background:#fff;border:1px solid rgba(25,50,83,.065);box-shadow:0 6px 16px rgba(24,46,79,.035)}
.preview-task>b{width:14px;height:14px;border-radius:50%;border:2px solid #5e7b9f}.preview-task strong,.preview-task small{display:block}.preview-task strong{font-size:8.5px;color:#233b57}.preview-task small{font-size:6.8px;color:#8a97a7;margin-top:3px}.preview-task em{font-style:normal;font-size:6.5px;padding:5px 7px;border-radius:7px;background:#eef4ff;color:#2157a2}
.preview-metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}.preview-metrics>div{padding:12px;border-radius:16px;background:#fff;border:1px solid rgba(25,50,83,.065)}.preview-metrics span,.preview-metrics strong,.preview-metrics small{display:block}.preview-metrics span{font-size:6.8px;color:#8a97a7}.preview-metrics strong{font-size:13px;margin-top:5px;color:#1a3656}.preview-metrics small{font-size:6.5px;color:#3b8a65;margin-top:4px}
.preview-insight{display:flex;gap:9px;align-items:flex-start;margin-top:9px;padding:11px 12px;border-radius:16px;background:#eef5ff;border:1px solid rgba(21,84,192,.07)}.preview-insight>span{width:23px;height:23px;border-radius:8px;background:#fff;display:grid;place-items:center;color:#1554c0;font-size:10px}.preview-insight strong,.preview-insight small{display:block}.preview-insight strong{font-size:8px;color:#24476f}.preview-insight small{font-size:6.8px;line-height:1.45;color:#6c7e94;margin-top:3px}
.preview-nav{position:absolute;left:14px;right:14px;bottom:13px;display:grid;grid-template-columns:repeat(5,1fr);gap:3px;padding:7px;border-radius:16px;background:rgba(255,255,255,.94);border:1px solid rgba(25,50,83,.07);box-shadow:0 8px 22px rgba(23,44,73,.08)}.preview-nav span{padding:6px 2px;text-align:center;border-radius:9px;font-size:6.5px;color:#8592a3}.preview-nav span.active{background:#edf4ff;color:#1554c0;font-weight:800}

/* Commerce success confidence */
.purchase-success-box{
  display:flex;gap:11px;align-items:flex-start;
  padding:14px;margin:14px 0;border-radius:16px;
  background:#edf8f3;border:1px solid rgba(47,139,98,.12)
}
.purchase-success-box>span{width:29px;height:29px;border-radius:10px;display:grid;place-items:center;background:#fff;color:#2f8b62;font-weight:900}
.purchase-success-box strong,.purchase-success-box small{display:block}
.purchase-success-box strong{font-size:11px;color:#256c4d}
.purchase-success-box small{font-size:9px;color:#638071;line-height:1.55;margin-top:3px}
.purchase-delivery-list{display:grid;gap:7px;margin:12px 0}
.purchase-delivery-list span{display:flex;align-items:center;gap:7px;font-size:9px;color:#60738b}
.purchase-delivery-list span:before{content:"✓";width:17px;height:17px;border-radius:6px;background:#edf4ff;color:#1554c0;display:grid;place-items:center;font-size:8px;font-weight:900}

@media(max-width:900px){
  .refined-journal-hero{grid-template-columns:1fr!important}
  .journal-today-mood.refined{min-height:110px}
  .welcome-panel{grid-template-columns:1fr!important;padding:82px 36px 42px!important}
  .welcome-brand-lockup{left:36px!important;top:30px!important}
  .welcome-copy{padding-top:20px!important;max-width:none!important}
  .welcome-preview{margin-top:8px}
  .app-preview-device{width:min(390px,86vw);transform:none}
}
@media(max-width:600px){
  .app-topbar{padding:10px 11px!important;border-radius:18px!important;min-height:61px}
  .app-brand-lockup img{width:37px;height:37px}
  .app-brand-lockup strong{font-size:13px}
  .app-brand-lockup span{font-size:8px}
  .refined-journal-hero{padding:20px!important;border-radius:22px!important}
  .refined-journal-hero h3{font-size:20px!important}
  .journal-list{grid-template-columns:1fr!important}
  .mood-picker.refined{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important}
  .mood-picker.refined label{padding:9px 3px!important}
  .mood-picker.refined span{font-size:6.8px!important}
  .welcome-shell{padding:0!important}
  .welcome-panel{min-height:100vh!important;border-radius:0!important;padding:76px 20px 32px!important;gap:30px!important}
  .welcome-brand-lockup{left:20px!important;top:22px!important}
  .welcome-brand-lockup img{width:36px;height:36px}
  .welcome-brand-lockup strong{font-size:13px}.welcome-brand-lockup span{font-size:8px}
  .welcome-copy{padding-top:8px!important}
  .welcome-copy h1{font-size:43px!important}
  .welcome-copy>p{font-size:14px!important}
  .welcome-price-proof{align-items:flex-start;flex-direction:column;gap:3px}
  .welcome-price-proof small{text-align:left}
  .welcome-trust{display:grid!important;grid-template-columns:1fr 1fr}
  .app-preview-device{width:min(340px,92vw);padding:7px;border-radius:34px}
  .app-preview-screen{min-height:575px;border-radius:28px;padding:13px}
}


/* ===== Dailyn v36 — unified navy/cobalt visual language + install UX ===== */
:root{
  --dailyn-navy:#123b70;
  --dailyn-navy-2:#174f96;
  --dailyn-cobalt:#1554c0;
  --dailyn-cobalt-2:#2868cf;
  --dailyn-ice:#f5f8fc;
  --dailyn-line:rgba(22,49,82,.08);
}
.app-topbar:before{display:none!important}
.app-topbar{
  background:rgba(255,255,255,.90)!important;
  border:1px solid var(--dailyn-line)!important;
  box-shadow:0 12px 34px rgba(20,43,74,.055)!important;
}
.demo-mode-bar{
  background:linear-gradient(135deg,var(--dailyn-navy-2),var(--dailyn-cobalt-2))!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:0 13px 34px rgba(21,74,151,.13)!important;
}
.hero-main{
  background:
    radial-gradient(circle at 85% 12%,rgba(91,143,209,.30),transparent 34%),
    linear-gradient(135deg,var(--dailyn-navy) 0%,#174878 55%,#245f9f 100%)!important;
  box-shadow:0 24px 58px rgba(18,59,112,.16)!important;
}
.balance-card{
  background:
    radial-gradient(circle at 90% 8%,rgba(66,125,194,.24),transparent 34%),
    linear-gradient(135deg,var(--dailyn-navy) 0%,#174878 62%,#245f9f 100%)!important;
  box-shadow:0 20px 46px rgba(18,59,112,.14)!important;
}
.refined-journal-hero{
  background:
    radial-gradient(circle at 92% 4%,rgba(255,255,255,.13),transparent 34%),
    linear-gradient(135deg,var(--dailyn-navy) 0%,var(--dailyn-navy-2) 58%,var(--dailyn-cobalt-2) 100%)!important;
}
.primary-btn,.welcome-primary,.commerce-primary{
  background:linear-gradient(135deg,var(--dailyn-cobalt),var(--dailyn-cobalt-2))!important;
}
.nav-btn.active{
  background:#edf4ff!important;
  color:var(--dailyn-cobalt)!important;
}
.icon-badge,.preview-avatar,.preview-insight>span{
  color:var(--dailyn-cobalt)!important;
}
.goal-track>i,.budget-bar>i{background:linear-gradient(90deg,var(--dailyn-cobalt),#4f86d5)!important}
.install-top-btn.help{
  background:#f7f9fd!important;
  color:#45617f!important;
  border-color:rgba(25,50,83,.08)!important;
}
.install-top-btn.ready{
  background:#edf4ff!important;
  color:var(--dailyn-cobalt)!important;
  border-color:rgba(21,84,192,.12)!important;
}
.welcome-install-link{
  display:inline-flex;align-items:center;gap:7px;width:max-content;
  border:0;background:transparent;padding:6px 4px;color:#59708e;
  font-size:10.5px;font-weight:750
}
.welcome-install-link .ui-icon{width:13px;height:13px;color:var(--dailyn-cobalt)}
.install-manual-steps{display:grid;gap:8px;margin:14px 0}
.install-manual-steps>div{
  display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:center;
  padding:10px 11px;border-radius:13px;background:#f8fafc;border:1px solid rgba(25,50,83,.07)
}
.install-manual-steps span{
  width:28px;height:28px;border-radius:9px;display:grid;place-items:center;
  background:#edf4ff;color:var(--dailyn-cobalt);font-size:10px;font-weight:900
}
.install-manual-steps p{margin:0;color:#64758b;font-size:9px;line-height:1.5}
.install-manual-steps b{color:#263f5e}
.native-install-note{
  padding:13px 14px;border-radius:15px;background:#f3f7fd;border:1px solid rgba(21,84,192,.08)
}
.native-install-note strong{display:block;color:#1c3e68;font-size:11px}
.native-install-note p{margin:4px 0 0;color:#697b91;font-size:9px;line-height:1.55}
.finance-hero,.journal-hero,.hero-main,.balance-card,.demo-mode-bar{
  transition:background .22s ease,box-shadow .22s ease
}


/* ===== Dailyn v41 — final responsive sales + balanced app cards ===== */
:root{--v41-navy:#123b70;--v41-blue:#1554c0;--v41-blue2:#2b6fd5;--v41-ice:#f4f8ff;--v41-line:rgba(24,50,82,.075);--v41-shadow:0 12px 32px rgba(22,43,72,.05)}
html,body{max-width:100%;overflow-x:hidden}.app-shell{width:min(1212px,100%);padding-left:18px!important;padding-right:18px!important}.ui-icon{flex:0 0 auto}.row-icon-btn .ui-icon,.icon-text-btn .ui-icon,.link-btn .ui-icon,.secondary-btn .ui-icon,.primary-btn .ui-icon{width:15px;height:15px}
.card-accent-blue{background:linear-gradient(145deg,#eef5ff 0%,#f9fbff 72%,#fff 100%)!important;border-color:rgba(21,84,192,.09)!important}.card-accent-blue .icon-badge{background:#fff!important}
.sales-gate{display:block!important;place-items:initial!important;min-height:100vh!important;width:100%!important;padding:20px!important;background:radial-gradient(circle at 8% 0%,rgba(40,104,208,.07),transparent 30%),#f5f8fc!important}.sales-hero{width:min(1160px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.82fr);gap:50px;align-items:center;position:relative;padding:74px 58px 50px;border:1px solid var(--v41-line);border-radius:36px;background:rgba(255,255,255,.94);box-shadow:0 28px 80px rgba(19,43,75,.075)}
.sales-brand{position:absolute;left:58px;top:30px;display:flex;align-items:center;gap:10px}.sales-brand img{width:40px;height:40px;border-radius:12px;box-shadow:0 7px 18px rgba(21,84,192,.15)}.sales-brand strong,.sales-brand span{display:block}.sales-brand strong{font-size:14px;color:#142e4d;letter-spacing:-.025em}.sales-brand span{font-size:8px;color:#76869a;margin-top:4px}
.sales-copy{min-width:0;padding-top:25px}.sales-kicker{display:block;color:var(--v41-blue);font-size:9px;font-weight:850;letter-spacing:.13em}.sales-copy h1{margin:11px 0 14px;color:#10233d;font-size:clamp(42px,5.1vw,66px);line-height:.99;letter-spacing:-.055em}.sales-copy h1 em{font-style:normal;color:var(--v41-blue)}.sales-copy>p{max-width:560px;margin:0 0 16px;color:#697b91;font-size:13.5px;line-height:1.7}
.sales-price{max-width:535px;display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;margin-bottom:11px;padding:13px 15px;border:1px solid rgba(21,84,192,.08);border-radius:16px;background:#f2f6fd}.sales-price>div:first-child span,.sales-price>div:first-child strong{display:block}.sales-price>div:first-child span{font-size:7px;color:#74869d;letter-spacing:.1em;font-weight:850}.sales-price>div:first-child strong{font-size:27px;line-height:1;color:var(--v41-blue);letter-spacing:-.045em;margin-top:4px}.sales-price-points{display:flex;justify-content:flex-end;align-items:center;gap:8px 12px;flex-wrap:wrap}.sales-price-points span{display:inline-flex;align-items:center;gap:4px;color:#60738d;font-size:7.7px;font-weight:750;white-space:nowrap}.sales-price-points .ui-icon{width:12px;height:12px;color:#3479c8}
.sales-actions{max-width:535px;display:grid;gap:7px}.sales-buy,.sales-demo{width:100%;min-height:57px;border-radius:15px;padding:10px 13px;display:flex;align-items:center;justify-content:space-between;text-align:left}.sales-buy{border:0;background:linear-gradient(135deg,#1554c0,#2c70d5);color:#fff;box-shadow:0 12px 24px rgba(21,84,192,.17)}.sales-demo{border:1px solid rgba(24,50,82,.07);background:#f5f8fc;color:#1e3e63}.sales-buy span,.sales-demo span{display:grid;gap:3px}.sales-buy strong,.sales-demo strong{font-size:11.5px}.sales-buy small{color:rgba(255,255,255,.72);font-size:7.7px}.sales-demo small{color:#77889e;font-size:7.7px}.sales-buy>.ui-icon{width:17px;height:17px}
.sales-secondary{display:flex;gap:8px;margin-top:8px;max-width:535px}.sales-secondary button{border:0;background:transparent;color:#607590;font-size:8.7px;padding:6px 5px;display:inline-flex;align-items:center;gap:5px}.sales-secondary button:last-child{margin-left:auto;border:1px solid rgba(21,84,192,.08);border-radius:9px;background:#f5f8ff;color:#315b92;padding:6px 9px}.sales-secondary .ui-icon{width:13px;height:13px}.sales-trust{display:flex;gap:13px;flex-wrap:wrap;margin-top:10px;color:#8190a3;font-size:7.8px}.sales-trust span{display:inline-flex;align-items:center;gap:5px}.sales-trust .ui-icon{width:12px;height:12px;color:#4f6f98}
.sales-preview-block{min-width:0;width:100%;display:grid;gap:10px}.sales-preview-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;width:100%}.sales-preview-head span{font-size:7.5px;color:var(--v41-blue);letter-spacing:.12em;font-weight:850}.sales-preview-head strong{max-width:190px;text-align:right;color:#6d7f96;font-size:8px;line-height:1.4}.sales-app-preview{width:min(350px,100%);margin:0 auto;padding:15px;border:7px solid #17314f;border-radius:30px;background:#f6f9fd;box-shadow:0 26px 58px rgba(14,37,66,.17)}
.sap-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.sap-brand{display:flex;align-items:center;gap:7px}.sap-brand img{width:29px;height:29px;border-radius:9px}.sap-brand strong,.sap-brand small{display:block}.sap-brand strong{font-size:8px;color:#183552}.sap-brand small{font-size:5px;color:#8b97a7;margin-top:2px}.sap-avatar{width:27px;height:27px;border-radius:9px;background:#eaf1fb;color:#295b9d;display:grid;place-items:center;font-size:7px;font-weight:850}
.sap-hero{padding:15px;border-radius:18px;background:linear-gradient(135deg,#154d9d,#2b6fd5);color:#fff;box-shadow:0 11px 22px rgba(21,84,192,.14)}.sap-hero>span{font-size:5px;letter-spacing:.12em;color:rgba(255,255,255,.66);font-weight:800}.sap-hero h3{font-size:13px;line-height:1.12;margin:5px 0 4px;letter-spacing:-.025em}.sap-hero p{font-size:5.7px;color:rgba(255,255,255,.75);margin:0}.sap-hero>div{height:3px;background:rgba(255,255,255,.18);border-radius:99px;margin:8px 0 3px;overflow:hidden}.sap-hero>div i{display:block;height:100%;background:#fff;border-radius:99px}.sap-hero small{font-size:4.7px;color:rgba(255,255,255,.68)}
.sap-summary{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}.sap-summary>div{padding:8px 9px;border-radius:11px;border:1px solid rgba(24,50,82,.06);background:#fff}.sap-summary span,.sap-summary strong,.sap-summary small{display:block}.sap-summary span{font-size:4.8px;color:#8996a6}.sap-summary strong{font-size:9px;color:#1b3958;margin-top:3px}.sap-summary small{font-size:4.3px;color:#5f7f70;margin-top:2px}
.sap-section{margin-top:9px}.sap-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.sap-section-head strong{font-size:6.5px;color:#26415f}.sap-section-head span{font-size:4.7px;color:#8392a4}.sap-task{display:grid;grid-template-columns:10px 1fr;gap:6px;align-items:center;padding:7px 4px;border-bottom:1px solid rgba(24,50,82,.06)}.sap-task>i{width:8px;height:8px;border:1.2px solid #7088a5;border-radius:50%}.sap-task.done>i{display:grid;place-items:center;border:0;background:#e8f5ef;color:#2f825f}.sap-task.done>i .ui-icon{width:8px;height:8px}.sap-task strong,.sap-task small{display:block}.sap-task strong{font-size:5.8px;color:#28415e}.sap-task small{font-size:4.3px;color:#8c98a8;margin-top:2px}.sap-task.done strong{text-decoration:line-through;color:#8b97a6}.sap-insight{display:flex;align-items:flex-start;gap:7px;margin-top:8px;padding:8px;border-radius:11px;background:#eef5ff;color:#2a5b9d}.sap-insight>.ui-icon{width:13px;height:13px}.sap-insight strong,.sap-insight small{display:block}.sap-insight strong{font-size:5.5px}.sap-insight small{font-size:4.3px;line-height:1.35;color:#708299;margin-top:2px}.sap-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;margin-top:9px;padding:4px;border:1px solid rgba(24,50,82,.06);border-radius:10px;background:#fff}.sap-nav span{display:grid;place-items:center;gap:2px;padding:4px 1px;border-radius:6px;color:#8a96a6;font-size:3.8px}.sap-nav .ui-icon{width:9px;height:9px}.sap-nav span.active{background:#edf4ff;color:#1554c0;font-weight:800}
.sales-benefits{width:min(1040px,calc(100% - 26px));margin:22px auto 64px;padding:34px 4px 0}.sales-benefits-copy{margin-bottom:17px}.sales-benefits-copy>span{font-size:7.7px;color:#1554c0;letter-spacing:.12em;font-weight:850}.sales-benefits-copy h2{margin:5px 0 0;color:#16314f;font-size:30px;letter-spacing:-.04em}.sales-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sales-benefit-grid article{display:flex;gap:10px;align-items:flex-start;padding:14px;border:1px solid var(--v41-line);border-radius:15px;background:#fff;box-shadow:0 8px 22px rgba(22,43,72,.035)}.sales-benefit-grid strong,.sales-benefit-grid span{display:block}.sales-benefit-grid strong{font-size:10.5px;color:#1e3a59}.sales-benefit-grid span{font-size:8px;line-height:1.5;color:#77879c;margin-top:3px}.sales-final{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px;padding:15px 17px;border-radius:17px;background:linear-gradient(135deg,#123b70,#1c5daf);color:#fff}.sales-final span,.sales-final strong,.sales-final small{display:block}.sales-final span{font-size:6.8px;letter-spacing:.11em;color:rgba(255,255,255,.62);font-weight:850}.sales-final strong{font-size:16px;margin-top:3px}.sales-final small{font-size:7.5px;color:rgba(255,255,255,.69);margin-top:2px}.sales-final button{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:11px;padding:10px 13px;background:#fff;color:#17498e;font-size:9px;font-weight:850}

/* Today */
.today-v41{width:100%}.today-hero-v41{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:26px;align-items:center;padding:26px 29px;border-radius:26px;background:radial-gradient(circle at 85% 8%,rgba(99,148,211,.29),transparent 31%),linear-gradient(135deg,#123b70,#174878 60%,#245f9f);color:#fff;box-shadow:0 23px 54px rgba(18,59,112,.15)}.today-hero-v41:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-125px;bottom:-190px;border:1px solid rgba(255,255,255,.09);box-shadow:0 0 0 50px rgba(255,255,255,.022),0 0 0 100px rgba(255,255,255,.014);pointer-events:none}.today-hero-copy{position:relative;z-index:1}.today-hero-copy .eyebrow{color:rgba(255,255,255,.69)!important;font-size:8.5px!important;letter-spacing:.13em!important}.today-hero-copy h2{margin:7px 0 8px;color:#fff;font-size:clamp(30px,3.5vw,41px);line-height:1.02;letter-spacing:-.045em}.today-hero-copy p{max-width:620px;margin:0;color:rgba(255,255,255,.75);font-size:10.5px;line-height:1.6}.today-hero-actions{display:flex;gap:7px;margin-top:15px}.today-hero-primary,.today-hero-link{border-radius:11px;padding:9px 12px;font-size:8.5px;font-weight:850}.today-hero-primary{border:0;background:#fff;color:#164a91}.today-hero-link{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#fff}.today-score-v41{position:relative;z-index:1;width:138px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;margin:auto;background:conic-gradient(#fff calc(var(--score)*1%),rgba(255,255,255,.13) 0)}.today-score-v41:before{content:"";position:absolute;inset:9px;border-radius:50%;background:linear-gradient(145deg,#1b4f84,#245f9f)}.today-score-v41>div{position:relative;z-index:1;text-align:center}.today-score-v41 strong,.today-score-v41 span,.today-score-v41 small{display:block}.today-score-v41 strong{font-size:25px;letter-spacing:-.045em}.today-score-v41 span{font-size:7px;font-weight:800}.today-score-v41 small{font-size:5.8px;color:rgba(255,255,255,.56);margin-top:2px}
.today-summary-card{display:grid;grid-template-columns:1fr 1fr 1.15fr;align-items:stretch;margin:13px 0;padding:14px 16px;border:1px solid var(--v41-line);border-radius:18px;background:#fff;box-shadow:0 9px 26px rgba(22,43,72,.04)}.today-summary-stat{padding:3px 16px;border-right:1px solid var(--v41-line)}.today-summary-stat:first-child{padding-left:1px}.today-summary-stat span,.today-summary-stat strong,.today-summary-stat small{display:block}.today-summary-stat span{font-size:6.8px;letter-spacing:.1em;color:#8391a2;font-weight:850}.today-summary-stat strong{font-size:12px;color:#193754;margin-top:4px}.today-summary-stat small{font-size:7px;color:#8996a6;margin-top:3px}.today-summary-action,.today-summary-ok{display:flex;align-items:center;gap:8px;padding:3px 0 3px 16px;border:0;background:transparent;text-align:left;color:#244563}.today-summary-action>.ui-icon:first-child,.today-summary-ok>.ui-icon:first-child{width:28px;height:28px;padding:7px;box-sizing:border-box;border-radius:9px;background:#eef4ff;color:#1554c0}.today-summary-ok>.ui-icon:first-child{background:#edf8f2;color:#2f825f}.today-summary-action span,.today-summary-ok span{flex:1}.today-summary-action strong,.today-summary-action small,.today-summary-ok strong,.today-summary-ok small{display:block}.today-summary-action strong,.today-summary-ok strong{font-size:8.7px}.today-summary-action small,.today-summary-ok small{font-size:6.8px;color:#8996a6;margin-top:2px}.today-summary-action>.ui-icon:last-child{width:13px;height:13px;color:#7890ad}
.today-card-v41{min-width:0;margin:0 0 13px;padding:18px;border:1px solid var(--v41-line);border-radius:19px;background:#fff;box-shadow:var(--v41-shadow)}.today-card-head-v41{display:flex;align-items:flex-start;justify-content:space-between;gap:13px;margin-bottom:11px}.today-card-head-v41>div>span{display:block;color:#7f8ea1;font-size:6.8px;letter-spacing:.11em;font-weight:850}.today-card-head-v41 h3{margin:4px 0 0;color:#193754;font-size:14.5px}.today-card-head-v41 p{margin:4px 0 0;color:#8491a2;font-size:7.9px;line-height:1.5}.today-task-list{display:grid;gap:7px}.today-task-list .item{padding:10px;border:1px solid rgba(24,50,82,.06);border-radius:12px;background:#fbfcfe}.today-all-done{display:flex;align-items:center;gap:10px;padding:13px;border-radius:13px;background:#f5faf7}.today-all-done strong,.today-all-done span{display:block}.today-all-done strong{font-size:9.5px;color:#2d654d}.today-all-done span{font-size:7.3px;color:#748c7f;margin-top:3px}.today-duo-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.accent-soft-blue{background:linear-gradient(145deg,#f1f6ff,#fff)!important;border-color:rgba(21,84,192,.08)!important}.accent-blue{background:linear-gradient(145deg,#eaf3ff,#f8fbff)!important;border-color:rgba(21,84,192,.10)!important}.habits-card-v41 .habit-row{padding:9px 1px!important;border:0!important;border-bottom:1px solid rgba(24,50,82,.06)!important;background:transparent!important}.habits-card-v41 .habit-row:last-child{border-bottom:0!important}.today-finance-lines>div{display:flex;align-items:center;justify-content:space-between;padding:9px 1px;border-bottom:1px solid rgba(24,50,82,.06)}.today-finance-lines>div:last-child{border-bottom:0}.today-finance-lines span{font-size:8px;color:#748499}.today-finance-lines strong{font-size:12px;color:#1c3958}.today-finance-lines .positive{color:#2f825f}.today-finance-lines .negative{color:#b55d62}.today-finance-lines .emphasis strong{font-size:16px}.today-review-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:13px 0}.today-review-numbers span{display:grid;gap:2px;padding:7px 2px;border-top:1px solid rgba(24,50,82,.07);font-size:6.8px;color:#8190a2}.today-review-numbers strong{font-size:10.5px;color:#23476f}.insights-card-v41 .smart-insight-list{display:grid;gap:5px}.insights-card-v41 .smart-insight{padding:9px!important;border:1px solid rgba(21,84,192,.06)!important;border-radius:11px!important;background:rgba(255,255,255,.66)!important}.today-analytics-v41{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:13px}.today-analytics-v41 .today-card-v41{margin-bottom:0}.today-review-grid{display:grid;grid-template-columns:1fr 1fr}.today-review-grid>div{padding:8px 0;border-bottom:1px solid rgba(24,50,82,.06)}.today-review-grid>div:nth-child(odd){padding-right:8px}.today-review-grid>div:nth-child(even){padding-left:8px}.today-review-grid span,.today-review-grid strong{display:block}.today-review-grid span{font-size:6.8px;color:#8290a2}.today-review-grid strong{font-size:11px;color:#1d3a59;margin-top:2px}
.activity-card.card-accent-blue,.settings-card.card-accent-blue,.finance-insight-card.card-accent-blue{background:linear-gradient(145deg,#eef5ff,#fbfdff 75%,#fff)!important;border-color:rgba(21,84,192,.09)!important}.habit-consistency.card-accent-blue .heatmap{background:rgba(255,255,255,.58);border-radius:14px;padding:10px}.finance-insight-card.card-accent-blue .insight-list>div{background:rgba(255,255,255,.62)!important}

@media(max-width:700px){
  .app-shell{padding-left:12px!important;padding-right:12px!important}.sales-gate{display:block!important;place-items:initial!important;padding:0!important;overflow-x:hidden!important}.sales-hero{width:100%!important;max-width:100%!important;margin:0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:18px!important;padding:17px 15px 25px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:radial-gradient(circle at 93% 0%,rgba(43,111,213,.08),transparent 28%),#f8fafd!important;overflow:hidden!important}.sales-brand{position:static!important;width:100%!important}.sales-brand img{width:37px;height:37px}.sales-brand strong{font-size:12.5px}.sales-brand span{font-size:7.5px}.sales-copy{width:100%!important;max-width:100%!important;padding:0!important}.sales-kicker{font-size:7.4px!important}.sales-copy h1{font-size:36px!important;line-height:1!important;margin:8px 0 10px!important;max-width:100%!important}.sales-copy>p{font-size:10.8px!important;line-height:1.55!important;margin-bottom:11px!important;max-width:100%!important}
  .sales-price{width:100%!important;max-width:100%!important;grid-template-columns:1fr!important;gap:8px!important;padding:11px 12px!important;margin-bottom:8px!important;border-radius:13px!important}.sales-price>div:first-child{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.sales-price>div:first-child span{max-width:130px;font-size:6.7px!important}.sales-price>div:first-child strong{margin:0!important;font-size:22px!important}.sales-price-points{justify-content:flex-start!important;gap:5px 10px!important}.sales-price-points span{font-size:6.9px!important}.sales-actions{width:100%!important;max-width:100%!important;gap:6px!important}.sales-buy,.sales-demo{min-height:52px!important;padding:9px 11px!important;border-radius:13px!important}.sales-buy strong,.sales-demo strong{font-size:10.6px!important}.sales-buy small,.sales-demo small{font-size:6.9px!important}.sales-secondary{width:100%!important;max-width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:7px!important}.sales-secondary button{width:100%!important;justify-content:center!important;margin:0!important;padding:8px!important;border:1px solid rgba(24,50,82,.07)!important;border-radius:10px!important;background:#fff!important;font-size:7.8px!important}.sales-trust{gap:7px 11px!important;margin-top:8px!important;font-size:6.9px!important}
  .sales-preview-block{width:100%!important;max-width:100%!important;min-width:0!important;display:block!important;margin:0!important;overflow:hidden!important}.sales-preview-head{width:100%!important;margin-bottom:9px!important}.sales-preview-head span{font-size:6.8px!important}.sales-preview-head strong{font-size:7px!important;max-width:155px!important}.sales-app-preview{display:block!important;position:static!important;float:none!important;width:min(310px,88vw)!important;max-width:100%!important;margin:0 auto!important;padding:12px!important;border-width:6px!important;border-radius:27px!important;transform:none!important;overflow:hidden!important}
  .sales-benefits{width:100%!important;max-width:100%!important;margin:0!important;padding:29px 15px 56px!important;overflow:hidden!important}.sales-benefits-copy{margin-bottom:13px!important}.sales-benefits-copy>span{font-size:6.8px!important}.sales-benefits-copy h2{font-size:25px!important}.sales-benefit-grid{grid-template-columns:1fr!important;gap:8px!important}.sales-benefit-grid article{padding:11px!important;border-radius:13px!important}.sales-benefit-grid strong{font-size:9.5px!important}.sales-benefit-grid span{font-size:7.4px!important}.sales-final{display:block!important;margin-top:11px!important;padding:13px!important}.sales-final strong{font-size:14px!important}.sales-final button{width:100%!important;justify-content:center!important;margin-top:10px!important}
  .today-hero-v41{grid-template-columns:1fr!important;gap:14px!important;padding:20px 17px!important;border-radius:21px!important}.today-hero-copy h2{font-size:30px!important}.today-score-v41{width:112px!important;margin:0!important}.today-summary-card{grid-template-columns:1fr!important;padding:7px 14px!important;border-radius:17px!important}.today-summary-stat{padding:9px 0!important;border-right:0!important;border-bottom:1px solid var(--v41-line)!important}.today-summary-action,.today-summary-ok{padding:10px 0!important}.today-duo-grid,.today-analytics-v41{grid-template-columns:1fr!important;gap:0!important}.today-card-v41{padding:15px!important;border-radius:17px!important;margin-bottom:10px!important}.today-card-head-v41 h3{font-size:13.5px!important}.today-task-list .item{padding:9px!important}
}
@media(max-width:380px){.sales-copy h1{font-size:33px!important}.sales-app-preview{width:min(286px,90vw)!important}}

/* ===== Dailyn v42 — spacing, calendar, finance chart ===== */
.demo-mode-bar{margin-bottom:16px!important}
.app-topbar + .demo-mode-bar{margin-top:18px!important}
.today-v41{padding-top:0!important}
.daily-close .close-icon{transform:rotate(45deg);width:16px!important;height:16px!important}

.native-calendar{border-radius:22px!important;overflow:hidden!important;background:#fff!important}
.native-calendar .calendar-topbar{padding:18px 20px 15px!important;border-bottom:1px solid rgba(24,50,82,.07)}
.native-calendar .calendar-eyebrow{color:#1554c0!important;font-size:7px!important;letter-spacing:.13em!important}
.native-calendar .calendar-topbar h3{font-size:20px!important;letter-spacing:-.04em!important;margin-top:3px!important}
.native-calendar .calendar-arrows button{display:grid!important;place-items:center!important;font-size:0!important}
.native-calendar .calendar-arrows .ui-icon{width:15px!important;height:15px!important}
.native-calendar .calendar-overview{background:#eef2f6!important}
.native-calendar .calendar-overview>div{background:#f8fafc!important;padding:10px 14px!important}
.native-calendar .calendar-panel{padding:0!important;background:#e8edf2!important}
.native-calendar .calendar-grid{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:1px!important;background:#e8edf2!important;border:0!important}
.native-calendar .cal-weekday{min-width:0;padding:10px 6px!important;background:#f7f9fb!important;text-align:center!important;font-size:7.5px!important;letter-spacing:.04em}
.native-calendar .cal-cell{min-width:0!important;min-height:106px!important;padding:8px!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important}
.native-calendar .cal-cell:hover{background:#f8fbff!important}
.native-calendar .cal-cell.weekend:not(.outside){background:#fbfcfe!important}
.native-calendar .cal-cell.outside{background:#f8fafc!important;color:#b0bbc6!important}
.native-calendar .cal-cell.today{background:#f5f9ff!important}
.native-calendar .cal-cell.selected{position:relative;background:#eef5ff!important;box-shadow:inset 0 0 0 2px rgba(21,84,192,.38)!important}
.native-calendar .cal-day{width:25px!important;height:25px!important;border-radius:50%!important;font-size:9px!important;font-weight:850!important;margin-bottom:6px}
.native-calendar .cal-cell.today .cal-day{background:#1554c0!important;color:#fff!important}
.cal-events{display:grid;gap:3px;min-width:0}
.cal-event{display:grid;grid-template-columns:5px auto minmax(0,1fr);gap:4px;align-items:center;min-width:0;padding:3px 5px;border-radius:6px;font-size:6.3px;line-height:1.25}
.cal-event i{width:4px;height:4px;border-radius:50%}.cal-event b{font-size:6.1px;font-weight:850;white-space:nowrap}.cal-event em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal}
.cal-event.task{background:#eef5ff;color:#315b92}.cal-event.task i{background:#2f6faa}.cal-event.money{background:#fff2f4;color:#9f5962}.cal-event.money i{background:#d97a86}.cal-event.habit{background:#edf8f3;color:#357651}.cal-event.habit i{background:#2f8a65}.cal-event.journal{background:#f4f1fb;color:#68598a}.cal-event.journal i{background:#7563a1}
.cal-more{display:block;padding:1px 5px;font-size:6.2px;color:#7d8b9c}.cal-mobile-dots{display:none}
.native-calendar .calendar-footer{background:#fbfcfe!important;padding:11px 16px 13px!important}

.modern-chart{padding-top:3px}.modern-chart .trend-chart{min-height:210px!important;overflow:visible}.chart-grid-row line{stroke:#e9eef4;stroke-width:1}.chart-grid-row text,.chart-x-label{font:8px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;fill:#8a98aa!important}
.trend-area{stroke:none}.income-area{fill:url(#incomeArea)}.expense-area{fill:url(#expenseArea)}
.modern-chart .trend-line{fill:none!important;stroke-width:3.2!important;stroke-linecap:round!important;stroke-linejoin:round!important}.modern-chart .income-line{stroke:#2f6faa!important}.modern-chart .expense-line{stroke:#d97a86!important}
.trend-dot{stroke:#fff;stroke-width:2.2}.income-dot{fill:#2f6faa}.expense-dot{fill:#d97a86}
.modern-chart .chart-legend{margin-top:8px!important;padding-top:9px;border-top:1px solid rgba(24,50,82,.06)}.modern-chart .chart-legend small{margin-left:auto;color:#8997a8;font-size:7.5px}.finance-chart-card{background:linear-gradient(180deg,#fff,#fbfdff)!important}

@media(max-width:700px){
  .demo-mode-bar{margin-bottom:13px!important}.app-topbar + .demo-mode-bar{margin-top:12px!important}
  .native-calendar .calendar-topbar{padding:14px 12px 12px!important}.native-calendar .calendar-topbar h3{font-size:17px!important}
  .native-calendar .calendar-overview{grid-template-columns:1fr 1fr!important;gap:1px!important}.native-calendar .calendar-overview>div{padding:8px 10px!important}
  .native-calendar .calendar-grid{gap:1px!important}.native-calendar .cal-weekday{padding:8px 2px!important;font-size:6.6px!important}
  .native-calendar .cal-cell{min-height:54px!important;padding:4px 3px!important}.native-calendar .cal-day{width:21px!important;height:21px!important;margin:0 auto 4px!important;font-size:7.7px!important}
  .cal-events{display:none!important}.cal-mobile-dots{display:flex!important;justify-content:center;gap:2px;min-height:4px}.cal-mobile-dots .dot{width:3px!important;height:3px!important}
  .native-calendar .calendar-footer{padding:9px 10px 11px!important}
  .modern-chart .trend-chart{min-height:180px!important}.chart-grid-row text{font-size:6.7px!important}.chart-x-label{font-size:7px!important}.modern-chart .chart-legend{gap:10px!important;font-size:7.8px!important}.modern-chart .chart-legend small{display:none}
}

/* ===== Dailyn v43 — browser-native PWA install readiness ===== */
.install-top-btn.preparing,
.sales-secondary .install-preparing{
  position:relative;
  opacity:.72;
  background:#f6f8fb!important;
  color:#64778f!important;
  border-color:rgba(25,50,83,.08)!important;
  box-shadow:none!important;
}
.install-top-btn.preparing:after,
.sales-secondary .install-preparing:after{
  content:"";
  width:6px;height:6px;border-radius:50%;
  margin-left:2px;
  background:#8aa1bd;
  box-shadow:0 0 0 4px rgba(138,161,189,.11);
}
.install-top-btn.ready,
.sales-secondary .install-ready{
  opacity:1!important;
  background:#edf4ff!important;
  color:#1554c0!important;
  border-color:rgba(21,84,192,.13)!important;
}
@media(max-width:700px){
  .install-top-btn.preparing:after{width:5px;height:5px}
}


/* PWA install diagnostics */
.pwa-audit-card{display:grid;gap:14px}
.pwa-audit-card>p{margin:0;color:var(--muted,#64748b);line-height:1.55}
.pwa-audit-grid{display:grid;gap:8px}
.pwa-audit-grid>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 12px;border:1px solid rgba(148,163,184,.22);border-radius:12px;background:rgba(248,250,252,.72)}
.pwa-audit-grid span{font-size:.92rem}
.status-good{color:#0f8a4b}
.status-bad{color:#b45309}
.pwa-audit-note{padding:12px;border-radius:12px;background:rgba(21,84,192,.06);color:var(--text,#1e293b)!important;font-size:.88rem}
.pwa-audit-error{padding:10px 12px;border-radius:10px;background:rgba(220,38,38,.06);color:#b91c1c!important;font-size:.84rem;word-break:break-word}
@media (prefers-color-scheme:dark){
  .pwa-audit-grid>div{background:rgba(15,23,42,.35)}
}


/* Journal + Habits unified hub */
.journal-hub-tabs{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  padding:6px;
  margin:0 0 18px;
  border:1px solid rgba(125,151,188,.20);
  border-radius:20px;
  background:rgba(241,246,253,.72);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
.journal-hub-tab{
  min-width:0;
  min-height:66px;
  display:flex;
  align-items:center;
  gap:11px;
  padding:11px 14px;
  border:0;
  border-radius:15px;
  background:transparent;
  color:var(--muted,#64748b);
  text-align:left;
  cursor:pointer;
  transition:transform .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease;
}
.journal-hub-tab:hover{background:rgba(255,255,255,.72)}
.journal-hub-tab:active{transform:scale(.985)}
.journal-hub-tab.active{
  background:#fff;
  color:var(--text,#17335a);
  box-shadow:0 8px 22px rgba(26,65,122,.10),0 1px 2px rgba(26,65,122,.05);
}
.journal-hub-tab .ui-icon{
  width:22px;
  height:22px;
  flex:0 0 auto;
  color:#205bc1;
}
.journal-hub-tab span{
  min-width:0;
  display:grid;
  gap:2px;
}
.journal-hub-tab strong{
  font-size:.95rem;
  line-height:1.2;
  font-weight:800;
}
.journal-hub-tab small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:.76rem;
  line-height:1.25;
  color:var(--muted,#6b7f9b);
}
.journal-hub-header{margin-top:0}
@media (max-width:620px){
  .journal-hub-tabs{gap:6px;padding:5px;border-radius:17px;margin-bottom:15px}
  .journal-hub-tab{min-height:57px;padding:9px 10px;gap:8px;border-radius:13px}
  .journal-hub-tab .ui-icon{width:19px;height:19px}
  .journal-hub-tab strong{font-size:.88rem}
  .journal-hub-tab small{font-size:.68rem}
}
@media (max-width:390px){
  .journal-hub-tab small{display:none}
  .journal-hub-tab{justify-content:center;min-height:48px}
}


/* Checkout confidence + reversible steps */
.commerce-trust{display:flex;flex-wrap:wrap;gap:7px;margin:2px 0 15px}
.commerce-trust span{display:inline-flex;align-items:center;min-height:28px;padding:6px 9px;border-radius:999px;background:#f3f7ff;color:#365c94;font-size:9.5px;font-weight:750;border:1px solid rgba(14,67,171,.08)}
.commerce-confidence{display:grid;gap:3px;margin:2px 0 13px;padding:12px 13px;border:1px solid rgba(14,67,171,.09);border-radius:14px;background:#f8fbff}
.commerce-confidence strong{font-size:11px;color:#1d426f}
.commerce-confidence span{font-size:10px;color:#72839a;line-height:1.5}
.commerce-confidence.strong{background:#f4f8ff;border-color:rgba(14,67,171,.12)}
.payment-recipient{margin-top:13px;padding-top:12px;border-top:1px solid rgba(77,106,145,.12)}
.payment-recipient span,.payment-recipient strong,.payment-recipient small{display:block}
.payment-recipient span{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#8794a5}
.payment-recipient strong{margin-top:4px;font-size:12px;color:#2b4567}
.payment-recipient small{margin-top:3px;font-size:9px;color:#8996a6}
.copy-account{white-space:nowrap}
.commerce-back{cursor:pointer;font-weight:750}
@media(max-width:520px){
  .commerce-trust{display:grid;grid-template-columns:1fr 1fr}
  .commerce-trust span:last-child{grid-column:1/-1}
  .account-line{align-items:flex-end}
  .account-line strong{font-size:17px;word-break:break-all}
}


/* ===== Dailyn simplified daily flow ===== */
.badge.missed{background:#f2f3f5!important;color:#7a818c!important}
.table-row.missed{opacity:.68;background:#fafafa}
.table-row.missed .item-title{text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:#aeb4bd}
.check.missed-static{display:grid;place-items:center;color:#87909c;border-color:#d9dde3;background:#f5f6f8;font-weight:900;font-size:13px}
.overdue-action{border-color:rgba(181,111,35,.12)!important;background:#fffaf3!important}
.overdue-action>svg{color:#b2732f!important}
.overdue-intro{display:grid;gap:4px;padding:13px 14px;margin-bottom:12px;border-radius:15px;background:#fff8ed;border:1px solid rgba(181,111,35,.10)}
.overdue-intro strong{font-size:12px;color:#5e4328}.overdue-intro span{font-size:10px;color:#8a7159;line-height:1.5}
.overdue-list{display:grid;gap:10px;max-height:min(58vh,520px);overflow:auto;padding-right:2px}
.overdue-row{padding:13px;border:1px solid rgba(31,56,88,.09);border-radius:16px;background:#fff}
.overdue-row-main{display:flex;align-items:flex-start;gap:10px}.overdue-row-main>div{min-width:0;display:grid;gap:4px}.overdue-row-main strong{font-size:12px;color:#1f3551}.overdue-row-main small{font-size:9.5px;color:#8491a1}
.overdue-row-actions{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:6px;margin-top:11px}
.overdue-row-actions button{border:1px solid rgba(30,58,93,.10);border-radius:10px;padding:8px 8px;background:#f7f9fc;color:#52667f;font-size:9px;font-weight:800}
.overdue-row-actions .overdue-today{background:#edf4ff;color:#1554c0;border-color:rgba(21,84,192,.10)}
.overdue-row-actions .overdue-missed{background:#f7f7f8;color:#757c86}
.reschedule-copy{display:grid;gap:4px;margin:0 0 15px;padding:12px 13px;border-radius:13px;background:#f7f9fc}.reschedule-copy strong{font-size:12px}.reschedule-copy span{font-size:10px;color:#7b899a}

/* Simpler journal entry */
.journal-stats-simple{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.journal-highlight-mini{display:flex;align-items:center;gap:6px;margin:9px 0 0;padding:8px 10px;border-radius:10px;background:#f7f9fc;color:#65778e;font-size:9px;line-height:1.45}
.journal-highlight-mini .ui-icon{width:12px;height:12px;flex:0 0 auto;color:#1554c0}
.journal-simple-form{display:grid;gap:14px}
.journal-simple-date{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border-radius:12px;background:#f7f9fc;color:#6f8095;font-size:10px}
.journal-simple-date span{display:flex;align-items:center;gap:6px;font-weight:800}.journal-simple-date .ui-icon{width:13px;height:13px}
.journal-simple-date input{width:auto!important;padding:7px 9px!important;font-size:10px!important}
.journal-main-write textarea{min-height:150px;font-size:14px!important;line-height:1.65}
.journal-more{border:1px solid rgba(26,53,88,.08);border-radius:14px;background:#fafbfd;overflow:hidden}
.journal-more summary{cursor:pointer;padding:11px 13px;color:#4d627e;font-size:10px;font-weight:850;list-style:none}
.journal-more summary::-webkit-details-marker{display:none}.journal-more summary span{color:#9aa5b2;font-weight:650;margin-left:4px}
.journal-more-fields{display:grid;gap:11px;padding:0 13px 13px;border-top:1px solid rgba(26,53,88,.06);padding-top:12px}

/* New user sales page — simple, professional, price-forward */
.welcome-pro{min-height:100vh;padding:22px;background:radial-gradient(circle at 8% 0%,rgba(35,103,213,.08),transparent 34%),radial-gradient(circle at 95% 10%,rgba(87,136,205,.06),transparent 28%),#f5f8fc;color:#18314f}
.welcome-pro-shell{width:min(1180px,100%);margin:0 auto;padding:28px 34px 30px;border:1px solid rgba(24,49,79,.07);border-radius:34px;background:rgba(255,255,255,.94);box-shadow:0 28px 80px rgba(24,48,79,.08)}
.welcome-pro-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:34px}
.welcome-pro-brand{display:flex;align-items:center;gap:10px}.welcome-pro-brand img{width:42px;height:42px;border-radius:13px;box-shadow:0 8px 18px rgba(21,84,192,.15)}
.welcome-pro-brand strong{display:block;font-size:15px;line-height:1;color:#112c4d;font-weight:900}.welcome-pro-brand span{display:block;margin-top:4px;font-size:9px;color:#8390a2}
.welcome-pro-badge{padding:8px 11px;border-radius:999px;background:#edf4ff;color:#1554c0;font-size:9px;font-weight:850}
.welcome-pro-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(360px,.97fr);gap:50px;align-items:center}
.welcome-pro-copy{padding:18px 0}.welcome-pro-kicker{font-size:9px;letter-spacing:.14em;color:#1554c0;font-weight:900}
.welcome-pro-copy h1{margin:12px 0 17px;font-size:clamp(42px,5.4vw,67px);line-height:.98;letter-spacing:-.055em;color:#102843}.welcome-pro-copy h1 em{font-style:normal;color:#1554c0}
.welcome-pro-copy>p{max-width:585px;margin:0;color:#6c7e94;font-size:15px;line-height:1.72}
.welcome-pro-price{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0 15px;padding:15px 17px;border-radius:18px;background:#f3f7ff;border:1px solid rgba(21,84,192,.07);max-width:535px}
.welcome-pro-price small{display:block;font-size:8px;letter-spacing:.11em;color:#6d83a0;font-weight:850}.welcome-pro-price strong{display:block;margin-top:3px;color:#1554c0;font-size:30px;letter-spacing:-.04em}.welcome-pro-price>span{text-align:right;font-size:10px;line-height:1.45;color:#6d7f95;font-weight:750}
.welcome-pro-points{display:flex;flex-wrap:wrap;gap:7px;max-width:565px;margin-bottom:16px}.welcome-pro-points span{display:flex;align-items:center;gap:5px;padding:6px 8px;border-radius:999px;border:1px solid rgba(30,60,96,.07);background:#fafbfd;color:#60738c;font-size:9px;font-weight:750}.welcome-pro-points .ui-icon{width:11px;height:11px;color:#1554c0}
.welcome-pro-actions{display:grid;grid-template-columns:1.25fr .85fr;gap:9px;max-width:570px}.welcome-pro-actions button{border-radius:16px;border:0;min-height:62px;padding:13px 15px;text-align:left}
.welcome-pro-buy{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#1554c0,#266bd2);color:#fff;box-shadow:0 12px 26px rgba(21,84,192,.16)}.welcome-pro-buy span{display:grid;gap:3px}.welcome-pro-buy strong{font-size:12px}.welcome-pro-buy small{font-size:8.5px;color:rgba(255,255,255,.76)}.welcome-pro-buy .ui-icon{width:17px}
.welcome-pro-demo{display:grid;gap:3px;background:#f0f3f7;color:#34506f}.welcome-pro-demo strong{font-size:11px}.welcome-pro-demo span{font-size:8.5px;color:#7a8b9e}
.welcome-pro-secondary{max-width:570px;margin-top:9px!important}.welcome-pro-note{display:flex;align-items:flex-start;gap:7px;max-width:570px;margin:12px 0 0!important;color:#8a97a7!important;font-size:9px!important;line-height:1.5!important}.welcome-pro-note .ui-icon{width:12px;height:12px;flex:0 0 auto;margin-top:1px;color:#55769f}
.welcome-pro-preview{padding:14px;border-radius:27px;background:#f6f9fd;border:1px solid rgba(26,55,91,.07)}.welcome-pro-preview-top{display:grid;gap:3px;padding:5px 7px 12px}.welcome-pro-preview-top span{font-size:8px;letter-spacing:.12em;color:#8190a4;font-weight:850}.welcome-pro-preview-top strong{font-size:12px;color:#27425f}
.welcome-pro-app{padding:17px;border:1px solid rgba(22,51,86,.08);border-radius:22px;background:#fff;box-shadow:0 18px 42px rgba(24,48,79,.07)}
.wpa-head{display:flex;align-items:center;justify-content:space-between}.wpa-head>div{display:flex;align-items:center;gap:8px}.wpa-head img{width:31px;height:31px;border-radius:9px}.wpa-head span{display:grid}.wpa-head strong{font-size:10px}.wpa-head small{font-size:7px;color:#8d99a8}.wpa-head>i{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#edf4ff;color:#1554c0;font-style:normal;font-size:9px;font-weight:900}
.wpa-hero{display:grid;gap:5px;margin:15px 0 11px;padding:15px;border-radius:16px;background:linear-gradient(135deg,#164fa9,#286bce);color:#fff}.wpa-hero small{font-size:7px;letter-spacing:.08em;opacity:.72}.wpa-hero strong{font-size:15px}.wpa-hero span{font-size:8px;opacity:.8}.wpa-hero>div{height:5px;margin-top:3px;border-radius:99px;background:rgba(255,255,255,.18);overflow:hidden}.wpa-hero>div i{display:block;height:100%;border-radius:99px;background:#fff}
.wpa-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wpa-grid>div{display:grid;gap:2px;padding:10px;border-radius:13px;background:#f8fafc}.wpa-grid small{font-size:7px;color:#8290a2}.wpa-grid strong{font-size:14px;color:#173552}.wpa-grid span{font-size:7px;color:#93a0af}
.wpa-list{display:grid;gap:7px;margin:10px 0}.wpa-list>span{display:grid;grid-template-columns:17px 1fr auto;align-items:center;gap:7px;padding:8px 9px;border:1px solid #edf0f4;border-radius:11px}.wpa-list i{width:14px;height:14px;border:1.5px solid #cbd5e1;border-radius:50%;display:grid;place-items:center}.wpa-list i .ui-icon{width:10px;height:10px}.wpa-list b{font-size:8px;color:#344b67}.wpa-list small{font-size:7px;color:#8b98a8}.wpa-list .done{opacity:.66}.wpa-list .done b{text-decoration:line-through}
.wpa-finance{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;border-radius:11px;background:#f4f8ff}.wpa-finance span{font-size:7px;color:#75879e}.wpa-finance strong{font-size:9px;color:#256446}
.wpa-nav{display:flex;justify-content:space-between;gap:5px;margin-top:13px;padding-top:10px;border-top:1px solid #edf0f4}.wpa-nav span{display:flex;align-items:center;gap:3px;font-size:6.5px;color:#9aa5b2}.wpa-nav span.active{color:#1554c0;font-weight:850}.wpa-nav .ui-icon{width:10px;height:10px}
.welcome-pro-value{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px}.welcome-pro-value article{display:flex;align-items:flex-start;gap:10px;padding:14px;border-radius:17px;border:1px solid rgba(25,53,88,.07);background:#fafbfd}.welcome-pro-value strong{display:block;font-size:10.5px;color:#28415f}.welcome-pro-value span{display:block;margin-top:3px;font-size:8.5px;color:#8190a2;line-height:1.5}
.welcome-pro-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:14px;padding:18px 19px;border-radius:19px;background:#102e55;color:#fff}.welcome-pro-footer>div{display:grid;gap:3px}.welcome-pro-footer small{font-size:7px;letter-spacing:.11em;opacity:.65}.welcome-pro-footer strong{font-size:13px}.welcome-pro-footer span{font-size:8.5px;opacity:.68}.welcome-pro-footer button{display:flex;align-items:center;gap:8px;border:0;border-radius:12px;padding:11px 14px;background:#fff;color:#164a96;font-size:9px;font-weight:900}.welcome-pro-footer .ui-icon{width:13px;height:13px}

@media(max-width:760px){
  .overdue-row-actions{grid-template-columns:1fr}
  .journal-stats-simple{grid-template-columns:1fr 1fr 1fr!important}
  .welcome-pro{padding:0;background:#f5f8fc}.welcome-pro-shell{border-radius:0;border:0;padding:22px 18px 28px;min-height:100vh}
  .welcome-pro-head{margin-bottom:20px}.welcome-pro-badge{font-size:8px}
  .welcome-pro-grid{grid-template-columns:1fr;gap:22px}.welcome-pro-copy{padding:2px 0}.welcome-pro-copy h1{font-size:45px}
  .welcome-pro-copy>p{font-size:13px}.welcome-pro-actions{grid-template-columns:1fr}.welcome-pro-preview{order:2}
  .welcome-pro-value{grid-template-columns:1fr}.welcome-pro-footer{align-items:flex-start;flex-direction:column}.welcome-pro-footer button{width:100%;justify-content:center}
}
@media(max-width:420px){
  .journal-stats-simple{grid-template-columns:1fr!important}
  .welcome-pro-copy h1{font-size:39px}.welcome-pro-price{align-items:flex-end}.welcome-pro-price strong{font-size:27px}
}


/* Journal — ultra simple input */
.journal-ultra-simple{display:grid;gap:16px}
.journal-simple-context{display:grid;gap:4px;padding:14px 15px;border-radius:16px;background:#f7f9fc;border:1px solid rgba(25,50,83,.07)}
.journal-simple-context>span{display:flex;align-items:center;gap:6px;color:#7b899b;font-size:9px;font-weight:800}
.journal-simple-context>span .ui-icon{width:12px;height:12px}
.journal-simple-context>strong{font-size:18px;letter-spacing:-.025em;color:#153150}
.journal-simple-context>small{font-size:10px;color:#8492a3;line-height:1.5}
.journal-mood-only>label,.journal-main-write>label{font-size:11px!important;color:#50647c!important}
.journal-main-write textarea{min-height:190px!important;padding:15px!important;border-radius:16px!important;font-size:14px!important;line-height:1.7!important;resize:vertical}
.journal-simple-hint{display:flex;align-items:flex-start;gap:7px;padding:10px 11px;border-radius:12px;background:#fbfcfe;color:#8592a2;font-size:9.5px;line-height:1.5}
.journal-simple-hint .ui-icon{width:12px;height:12px;flex:0 0 auto;margin-top:1px;color:#5d7799}
.journal-simple-actions{margin-top:2px}
.journal-quick-note{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:11px 13px;border-radius:14px;background:#f8fafc;border:1px solid rgba(25,50,83,.07)}
.journal-quick-note>span{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#edf4ff;color:#1554c0}
.journal-quick-note>span .ui-icon{width:15px;height:15px}
.journal-quick-note>div{display:grid;gap:2px}
.journal-quick-note strong{font-size:10px;color:#2c4461}
.journal-quick-note small{font-size:9px;color:#8492a3}
.journal-toolbar-simple{grid-template-columns:1fr!important}
@media(max-width:520px){
  .journal-simple-context{padding:12px}
  .journal-simple-context>strong{font-size:16px}
  .journal-main-write textarea{min-height:170px!important}
}