:root{--ink:#172321;--muted:#75807c;--paper:#f5f3ed;--card:#fff;--deep:#123c3a;--teal:#1a625d;--mint:#dceee8;--orange:#e98a40;--orange-soft:#fff0df;--red:#b75046;--red-soft:#f8e5e1;--blue:#416c8c;--blue-soft:#e2edf4;--line:#e7e4dc;--shadow:0 12px 35px rgba(26,45,42,.09);--radius:22px}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.muted{color:var(--muted)}
.app-shell{max-width:680px;min-height:100vh;margin:auto;padding:env(safe-area-inset-top) 18px calc(102px + env(safe-area-inset-bottom));opacity:1;transition:opacity .2s}.app-shell.is-loading{opacity:.2;pointer-events:none}
.topbar{height:88px;display:flex;align-items:center;justify-content:space-between}.eyebrow{margin:0 0 5px;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800;color:#78847f}.topbar h1,.page-heading h2{margin:0;font-size:22px;letter-spacing:-.03em}.avatar-button{width:43px;height:43px;border:0;border-radius:15px;background:var(--deep);color:#fff;font-size:12px;font-weight:800;box-shadow:0 8px 20px rgba(18,60,58,.2)}
.view{display:none;animation:fade .18s ease}.view.active{display:block}@keyframes fade{from{opacity:.2;transform:translateY(3px)}}
.hero-card{background:linear-gradient(145deg,#153f3c,#0d2f2e);color:#fff;border-radius:27px;padding:23px;box-shadow:0 18px 36px rgba(18,60,58,.2);position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-75px;top:-95px}.hero-top{display:flex;justify-content:space-between;color:#c8dedb;font-size:13px}.live-dot{font-size:10px;background:rgba(255,255,255,.1);padding:5px 8px;border-radius:10px}.hero-value{display:block;font-size:34px;letter-spacing:-.05em;margin:13px 0 25px}.hero-stats{border-top:1px solid rgba(255,255,255,.13);padding-top:16px;display:grid;grid-template-columns:1fr 1fr}.hero-stats div:last-child{border-left:1px solid rgba(255,255,255,.13);padding-left:20px}.hero-stats span{display:block;color:#aec9c6;font-size:12px;margin-bottom:4px}.hero-stats b{font-size:16px}
.section-heading{display:flex;align-items:center;justify-content:space-between;margin:25px 2px 12px}.section-heading h2{font-size:16px;margin:0;letter-spacing:-.02em}.text-button{border:0;background:transparent;color:var(--teal);font-size:12px;font-weight:800;padding:5px}
.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.metric-card{background:var(--card);border-radius:20px;padding:16px;box-shadow:0 4px 20px rgba(45,55,50,.04)}.metric-card p{margin:13px 0 5px;color:#5d6864;font-size:12px}.metric-card strong{display:block;font-size:19px;letter-spacing:-.04em}.metric-card small{font-size:11px;color:#98a09d}.metric-icon{display:grid;width:31px;height:31px;place-items:center;border-radius:10px;font-weight:900}.receivable .metric-icon{background:var(--mint);color:var(--teal)}.payable .metric-icon{background:var(--orange-soft);color:#b76429}
.profit-card{display:flex;justify-content:space-between;align-items:center;background:#e4ece8;border:1px solid #d4e3dc;border-radius:20px;padding:17px;margin-top:11px}.profit-card p{margin:0 0 3px;font-weight:800;font-size:13px}.profit-card small{color:#6a7a73;font-size:11px}.profit-card strong{font-size:17px;color:var(--deep)}
.activity-list{background:var(--card);border-radius:20px;overflow:hidden}.activity-list.spacious{margin-top:15px}.activity-item{display:grid;grid-template-columns:43px 1fr auto;gap:12px;align-items:center;padding:14px 15px;border-bottom:1px solid var(--line)}.activity-item:last-child{border:0}.activity-symbol{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-weight:900}.activity-symbol.in{background:var(--mint);color:var(--teal)}.activity-symbol.out{background:var(--red-soft);color:var(--red)}.activity-symbol.neutral{background:var(--blue-soft);color:var(--blue)}.activity-main b{display:block;font-size:13px}.activity-main small{color:var(--muted);font-size:11px}.activity-amount{text-align:right}.activity-amount b{display:block;font-size:13px}.activity-amount small{font-size:10px;color:var(--muted)}.status-reversed{opacity:.45;text-decoration:line-through}.empty-state{text-align:center;color:var(--muted);padding:28px;font-size:13px}
.page-heading{display:flex;justify-content:space-between;align-items:center;margin:4px 2px 18px}.small-primary{border:0;background:var(--deep);color:#fff;border-radius:12px;padding:10px 12px;font-size:12px;font-weight:800}.filter-pills{display:flex;gap:7px;overflow:auto}.filter-pills button{border:1px solid var(--line);background:#fff;border-radius:20px;padding:8px 13px;font-size:11px;white-space:nowrap}.filter-pills button.active{background:var(--deep);border-color:var(--deep);color:#fff}
.search-box{height:48px;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:0 14px;margin-bottom:10px}.search-box input{border:0;outline:0;width:100%;background:transparent}.search-box span{font-size:23px;color:var(--muted)}.segmented{background:#e9e7e0;border-radius:13px;padding:3px;display:grid;grid-template-columns:1fr 1fr;margin-bottom:13px}.segmented button{border:0;background:transparent;border-radius:10px;padding:9px;color:#65706c;font-size:12px;font-weight:700}.segmented button.active{background:#fff;color:var(--ink);box-shadow:0 2px 8px rgba(0,0,0,.05)}
.contact-list{display:grid;gap:9px}.contact-card{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;background:#fff;border-radius:18px;padding:14px}.contact-initial{width:42px;height:42px;border-radius:14px;background:#e7efeb;color:var(--deep);display:grid;place-items:center;font-weight:900}.contact-card h3{font-size:14px;margin:0 0 4px}.contact-card p{font-size:11px;color:var(--muted);margin:0}.contact-balance{text-align:right}.contact-balance b{display:block;font-size:13px}.contact-balance small{font-size:10px;color:var(--muted)}
.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.report-card{background:#fff;padding:16px;border-radius:18px}.report-card span{display:block;color:var(--muted);font-size:11px;margin-bottom:7px}.report-card b{font-size:17px}.helper{font-size:12px;color:var(--muted);margin:-5px 2px 13px}.settings-list{background:#fff;border-radius:18px;overflow:hidden}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:14px;border-bottom:1px solid var(--line)}.setting-row:last-child{border:0}.setting-row b{font-size:13px}.margin-control{display:flex;align-items:center;gap:5px}.margin-control input{width:65px;border:1px solid var(--line);border-radius:10px;padding:8px;text-align:right}.margin-control button{border:0;background:var(--mint);color:var(--teal);border-radius:9px;padding:8px;font-size:11px;font-weight:800}
.bottom-nav{position:fixed;z-index:20;left:50%;bottom:0;transform:translateX(-50%);width:min(680px,100%);height:72px;padding:7px 5px calc(7px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);backdrop-filter:blur(16px)}.bottom-nav button{border:0;background:transparent;color:#86908c;display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center}.bottom-nav span{font-size:19px;line-height:18px}.bottom-nav b{font-size:9px}.bottom-nav button.active{color:var(--deep)}
.fab{position:fixed;z-index:25;bottom:83px;left:50%;transform:translateX(-50%);border:0;border-radius:18px;background:var(--orange);color:#fff;padding:13px 19px;box-shadow:0 12px 25px rgba(218,114,44,.33);display:flex;gap:7px;align-items:center}.fab span{font-size:22px;line-height:15px}.fab b{font-size:12px}.view:not([data-view="today"])~.fab{display:none}
.overlay,.sheet-backdrop{position:fixed;inset:0;z-index:60;background:rgba(15,31,29,.58);display:flex;align-items:flex-end;justify-content:center;backdrop-filter:blur(3px)}.overlay{align-items:center;padding:18px}.login-card{width:min(410px,100%);background:#fff;border-radius:28px;padding:30px;box-shadow:var(--shadow)}.brand-mark{width:48px;height:48px;display:grid;place-items:center;background:var(--deep);color:#fff;font-size:23px;font-weight:900;border-radius:16px;margin-bottom:24px}.login-card h2,.setup-card h1{font-size:27px;margin:0 0 8px;letter-spacing:-.04em}.login-card>.muted{font-size:13px;margin:0 0 22px}.stack-form,.operation-form{display:grid;gap:13px}.stack-form label,.field{display:grid;gap:7px;font-size:12px;font-weight:750;color:#53605b}.stack-form input,.field input,.field select{width:100%;border:1px solid #dedfd9;border-radius:13px;background:#fff;padding:13px 14px;outline:none;color:var(--ink)}.stack-form input:focus,.field input:focus,.field select:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(26,98,93,.1)}.primary-button{display:block;width:100%;border:0;border-radius:14px;background:var(--deep);color:#fff;padding:14px;font-weight:800;text-align:center;text-decoration:none}.form-error{color:var(--red);font-size:12px;margin:0;min-height:0}
.bottom-sheet{width:min(680px,100%);max-height:94vh;overflow:auto;background:var(--paper);border-radius:27px 27px 0 0;padding:8px 18px calc(22px + env(safe-area-inset-bottom));box-shadow:0 -10px 40px rgba(0,0,0,.15)}.bottom-sheet.compact{max-height:85vh}.sheet-handle{width:38px;height:4px;border-radius:3px;background:#c6c6c0;margin:3px auto 15px}.sheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.sheet-header h2{margin:0;font-size:20px}.close-button{width:35px;height:35px;border:0;background:#e7e5df;border-radius:12px;font-size:22px;color:#65706c}.operation-types{display:grid;grid-template-columns:1fr 1fr;gap:9px}.operation-types button{border:1px solid var(--line);background:#fff;border-radius:18px;padding:14px;text-align:left;min-height:116px}.operation-types b,.operation-types small{display:block}.operation-types b{font-size:12px;margin:10px 0 4px}.operation-types small{font-size:10px;line-height:1.3;color:var(--muted)}.op-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-weight:900}.op-icon.green{background:var(--mint);color:var(--teal)}.op-icon.orange{background:var(--orange-soft);color:#b76429}.op-icon.red{background:var(--red-soft);color:var(--red)}.op-icon.blue{background:var(--blue-soft);color:var(--blue)}.operation-form{padding-bottom:8px}.amount-field input{font-size:25px;font-weight:850;letter-spacing:-.03em}.optional{font-weight:400;color:#98a09d}.quick-amounts{display:flex;gap:7px;margin-top:-5px}.quick-amounts button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 10px;font-size:10px;color:#5c6662}.calculation{display:none;background:#e5ede9;border-radius:13px;padding:12px;font-size:12px;color:var(--deep)}.calculation.visible{display:block}.toast{position:fixed;z-index:100;left:50%;bottom:95px;transform:translate(-50%,20px);background:#162f2d;color:#fff;border-radius:13px;padding:11px 15px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;white-space:nowrap;max-width:90%;overflow:hidden;text-overflow:ellipsis}.toast.show{opacity:1;transform:translate(-50%,0)}
.setup-page{display:grid;place-items:center;padding:20px}.setup-card{width:min(480px,100%);background:#fff;border-radius:26px;padding:28px;box-shadow:var(--shadow)}.notice{padding:12px;border-radius:12px;margin:15px 0;font-size:12px}.notice.success{background:var(--mint);color:var(--teal)}.notice.error{background:var(--red-soft);color:var(--red)}
.install-section{display:grid;gap:3px;margin-top:8px;padding-top:14px;border-top:1px solid var(--line)}.install-section b{font-size:14px}.install-section small{font-size:11px;color:var(--muted)}.inline-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.inline-reverse{display:block;margin:3px 0 0 auto;border:0;background:transparent;color:var(--red);font-size:9px;padding:0}.contact-card{border:0;width:100%;text-align:left}
.reference-block{margin-bottom:27px}.reference-block .section-heading{align-items:flex-end}.reference-block .section-heading p{font-size:10px;color:var(--muted);margin:3px 0 0}.reference-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:14px;border-bottom:1px solid var(--line)}.reference-row:last-child{border:0}.reference-row b{display:block;font-size:13px}.reference-row small{color:var(--muted);font-size:10px}.reference-balance{text-align:right;font-size:12px;font-weight:800}.icon-button{border:0;background:#eeece6;color:#57635e;width:32px;height:32px;border-radius:10px;font-weight:800}.danger-button{border:1px solid #e8c7c2;background:transparent;color:var(--red);border-radius:14px;padding:12px;font-weight:750}.outline-button{border:1px solid #cddbd5;background:transparent;color:var(--deep);border-radius:12px;padding:9px 11px;font-size:11px;font-weight:800}.opening-helper{font-size:10px;color:var(--muted);margin:-5px 0 3px;line-height:1.4}.detail-sheet{height:94vh}.detail-balance{display:flex;align-items:center;justify-content:space-between;background:var(--deep);color:#fff;border-radius:19px;padding:17px;margin-bottom:13px}.detail-balance span{display:block;color:#bed1ce;font-size:11px;margin-bottom:5px}.detail-balance strong{font-size:22px}.detail-balance .outline-button{border-color:rgba(255,255,255,.35);color:#fff}.date-filter{display:grid;grid-template-columns:1fr 1fr auto;gap:7px;align-items:end;margin:12px 0}.date-filter label{font-size:10px;color:var(--muted);display:grid;gap:4px}.date-filter input{min-width:0;width:100%;border:1px solid var(--line);border-radius:10px;padding:9px 7px;background:#fff}.date-filter button{border:0;background:var(--teal);color:#fff;border-radius:10px;padding:10px 9px;font-size:10px;font-weight:800}.statement-opening{font-size:10px;color:var(--muted);padding:7px 3px}.statement-list{max-height:calc(94vh - 270px);overflow:auto}.statement-item{display:grid;grid-template-columns:1fr auto;gap:10px;padding:13px 14px;border-bottom:1px solid var(--line)}.statement-item:last-child{border:0}.statement-item b{display:block;font-size:12px}.statement-item small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.statement-item>div:last-child{text-align:right}.statement-running{color:var(--teal)!important}.negative{color:var(--red)}
.choice-trigger{width:100%;min-height:48px;border:1px solid #dedfd9;border-radius:13px;background:#fff;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;text-align:left;color:var(--ink)}.choice-trigger span{font-size:13px;font-weight:650}.choice-trigger b{font-size:22px;line-height:1;color:#8a9590}.choice-trigger:active{border-color:var(--teal);background:#f7faf8}.choice-sheet{max-height:88vh}.choice-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-bottom:8px}.choice-option{border:2px solid transparent;border-radius:18px;background:#fff;padding:13px;min-height:94px;display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;text-align:left}.choice-option.selected{border-color:var(--teal)}.choice-option-mark{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;font-weight:900}.choice-option.green .choice-option-mark{background:var(--mint);color:var(--teal)}.choice-option.orange .choice-option-mark{background:var(--orange-soft);color:#b76429}.choice-option.red .choice-option-mark{background:var(--red-soft);color:var(--red)}.choice-option.blue .choice-option-mark{background:var(--blue-soft);color:var(--blue)}.choice-option b,.choice-option small{display:block}.choice-option b{font-size:13px;margin-bottom:4px}.choice-option small{font-size:10px;line-height:1.3;color:var(--muted)}.choice-option>strong{font-size:18px;color:var(--teal)}.choice-search{margin-bottom:13px}
.user-row{width:100%;border:0;border-bottom:1px solid var(--line);background:#fff;padding:14px;display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;text-align:left}.user-row:last-child{border:0}.user-initial,.selected-user-card>span{width:42px;height:42px;border-radius:14px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-weight:900}.user-row b,.user-row small{display:block}.user-row b{font-size:13px}.user-row small{font-size:10px;color:var(--muted);margin-top:3px}.user-row>strong{font-size:10px;color:var(--teal)}.selected-user-card{display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:center;background:#fff;border-radius:16px;padding:13px;margin-bottom:14px}.selected-user-card b,.selected-user-card small{display:block}.selected-user-card b{font-size:13px}.selected-user-card small{font-size:10px;color:var(--muted);margin-top:3px}
@media(min-width:681px){body{background:#dfddd6}.app-shell{background:var(--paper);box-shadow:0 0 40px rgba(0,0,0,.08)}.bottom-nav{border-radius:18px 18px 0 0}.fab{bottom:85px}}
@media(max-width:360px){.hero-value{font-size:29px}.operation-types{grid-template-columns:1fr}.operation-types button{min-height:auto}.metric-card strong{font-size:16px}}
@media(max-width:430px){.choice-options{grid-template-columns:1fr}.choice-option{min-height:78px}.quick-amounts{display:grid;grid-template-columns:repeat(4,1fr)}.quick-amounts button{padding:8px 4px}}

/* Readable, high-contrast mobile type and semantic color accents. */
:root{
  --ink:#102a27;
  --muted:#5e6f69;
  --paper:#f7f3ea;
  --teal:#087f73;
  --mint:#d8f5e9;
  --orange:#f27b2c;
  --orange-soft:#fff0d7;
  --red:#d94452;
  --red-soft:#ffe5e8;
  --blue:#2874c6;
  --blue-soft:#e4f0ff;
  --violet:#7653d6;
  --violet-soft:#eee8ff;
}
html{font-size:16px}
body{line-height:1.45}
.eyebrow{font-size:13px;color:var(--teal);letter-spacing:.09em}
.topbar h1,.page-heading h2{font-size:26px}
.avatar-button{font-size:14px}
.hero-top{font-size:15px}.live-dot{font-size:12px;font-weight:750;color:#fff;background:rgba(255,255,255,.16)}
.hero-value{font-size:40px;margin-top:15px}
.hero-stats span{font-size:14px}.hero-stats b{font-size:19px}
.section-heading h2{font-size:20px}.text-button{font-size:14px}
.metric-card{position:relative;border:1px solid transparent;overflow:hidden}
.metric-card.receivable{background:linear-gradient(145deg,#fff 35%,var(--mint));border-color:#bce8d8}
.metric-card.payable{background:linear-gradient(145deg,#fff 35%,var(--orange-soft));border-color:#f5d5ae}
.metric-card p{font-size:15px;font-weight:800;color:var(--ink)}
.metric-card strong{font-size:24px}.metric-card small{font-size:13px;color:var(--muted)}
.metric-icon{width:37px;height:37px;font-size:19px}
.profit-card{background:linear-gradient(135deg,var(--violet-soft),#fff);border-color:#d8ccfa}
.profit-card p{font-size:15px;color:#5134a6}.profit-card small{font-size:13px}.profit-card strong{font-size:21px;color:var(--violet)}
.activity-item{grid-template-columns:48px 1fr auto;padding:16px;gap:13px}
.activity-symbol{width:46px;height:46px;font-size:20px}
.activity-main b,.activity-amount b{font-size:15px}.activity-main small{font-size:13px;line-height:1.35}.activity-amount small{font-size:12px}
.activity-item[data-kind="anonymous_sale"] .activity-amount b,
.activity-item[data-kind="client_sale"] .activity-amount b,
.activity-item[data-kind="client_payment"] .activity-amount b{color:var(--teal)}
.activity-item[data-kind="expense"] .activity-amount b,
.activity-item[data-kind="supplier_payment"] .activity-amount b{color:var(--red)}
.activity-item[data-kind="supplier_receipt"] .activity-amount b{color:var(--blue)}
.empty-state{font-size:15px}
.small-primary{font-size:14px;padding:11px 14px}.filter-pills button{font-size:13px;padding:9px 14px}
.search-box input{font-size:15px}.segmented button{font-size:14px;padding:11px}
.contact-card{grid-template-columns:46px 1fr auto;padding:16px}.contact-initial{width:46px;height:46px;font-size:18px;background:var(--blue-soft);color:var(--blue)}
.contact-card h3{font-size:16px}.contact-card p{font-size:13px}.contact-balance b{font-size:15px;color:var(--teal)}.contact-balance small{font-size:12px}
.report-card{border:1px solid transparent}.report-card span{font-size:13px;font-weight:750}.report-card b{font-size:21px}
.report-card:nth-child(1){background:var(--mint);border-color:#bce8d8}.report-card:nth-child(1) b{color:var(--teal)}
.report-card:nth-child(2){background:var(--blue-soft);border-color:#c7def7}.report-card:nth-child(2) b{color:var(--blue)}
.report-card:nth-child(3){background:var(--red-soft);border-color:#f5c8ce}.report-card:nth-child(3) b{color:var(--red)}
.report-card:nth-child(4){background:var(--violet-soft);border-color:#d8ccfa}.report-card:nth-child(4) b{color:var(--violet)}
.helper{font-size:14px}.setting-row b,.reference-row b{font-size:15px}.reference-row small{font-size:12px}.reference-balance{font-size:14px;color:var(--blue)}
.bottom-nav{height:82px}.bottom-nav span{font-size:23px;line-height:22px}.bottom-nav b{font-size:11px}.bottom-nav button.active{color:var(--teal)}
.fab{bottom:93px}.fab b{font-size:14px}.fab span{font-size:24px}
.login-card>.muted{font-size:15px}.stack-form label,.field{font-size:14px}.stack-form input,.field input,.field select{font-size:16px;padding:14px}
.primary-button{font-size:16px;padding:15px}.form-error{font-size:14px}
.sheet-header h2{font-size:23px}.operation-types b{font-size:14px}.operation-types small{font-size:12px}.operation-types button{min-height:124px}
.op-icon{width:36px;height:36px;font-size:18px}.optional{font-size:13px}.quick-amounts button{font-size:13px}.calculation{font-size:14px}
.opening-helper{font-size:12px}.detail-balance span{font-size:13px}.detail-balance strong{font-size:25px}
.date-filter label{font-size:12px}.date-filter button{font-size:12px}.statement-opening{font-size:12px}.statement-item b{font-size:14px}.statement-item small{font-size:12px}
.choice-trigger span{font-size:15px}.choice-option b{font-size:14px}.choice-option small{font-size:12px}.user-row b,.selected-user-card b{font-size:15px}.user-row small,.selected-user-card small{font-size:12px}.user-row>strong{font-size:12px}
.toast{font-size:14px}
@media(max-width:360px){.hero-value{font-size:34px}.metric-card strong{font-size:20px}.bottom-nav b{font-size:10px}}

/* Strong navigation states and color-coded choices. */
.bottom-nav{gap:4px;padding-left:8px;padding-right:8px}
.bottom-nav button{margin:2px 0;border-radius:16px;transition:background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}
.bottom-nav button.active{transform:translateY(-3px);color:#fff;box-shadow:0 7px 16px rgba(18,42,39,.18)}
.bottom-nav button[data-nav="today"].active{background:var(--teal)}
.bottom-nav button[data-nav="operations"].active{background:var(--orange)}
.bottom-nav button[data-nav="contacts"].active{background:var(--blue)}
.bottom-nav button[data-nav="reports"].active{background:var(--violet)}
.bottom-nav button[data-nav="references"].active{background:#435a66}
.bottom-nav button.active span{font-size:25px}.bottom-nav button.active b{font-weight:900}

.segmented{background:#dde3e1;padding:5px;gap:5px;border-radius:16px}
.segmented button{border-radius:12px;font-weight:850;transition:background .16s ease,color .16s ease,box-shadow .16s ease}
.segmented button[data-contact-type="client"]{color:var(--teal)}
.segmented button[data-contact-type="supplier"]{color:#bd5b18}
.segmented button[data-contact-type="client"].active{background:var(--teal);color:#fff;box-shadow:0 6px 14px rgba(8,127,115,.25)}
.segmented button[data-contact-type="supplier"].active{background:var(--orange);color:#fff;box-shadow:0 6px 14px rgba(242,123,44,.26)}

.filter-pills button{font-weight:800;color:#53635d}
.filter-pills button:nth-child(1).active{background:#435a66;border-color:#435a66}
.filter-pills button:nth-child(2).active{background:var(--teal);border-color:var(--teal)}
.filter-pills button:nth-child(3).active{background:var(--orange);border-color:var(--orange)}
.filter-pills button:nth-child(4).active{background:var(--red);border-color:var(--red)}

.operation-types{grid-template-columns:1fr;gap:10px}
.operation-types button{min-height:78px;display:grid;grid-template-columns:44px 1fr;align-items:center;gap:13px;padding:13px 15px;border-width:2px;border-left-width:6px;box-shadow:0 4px 12px rgba(20,40,36,.05)}
.operation-types .op-icon{width:40px;height:40px;border-radius:13px;font-size:20px}
.operation-types .op-copy{min-width:0;display:block}
.operation-types .op-copy b{font-size:16px;margin:0 0 3px;line-height:1.25}
.operation-types .op-copy small{font-size:13px;line-height:1.3}
.operation-types button[data-type="anonymous_sale"]{background:#f1fff9;border-color:#9edbc6}.operation-types button[data-type="anonymous_sale"] .op-copy b{color:#087466}
.operation-types button[data-type="client_sale"]{background:#fff8e9;border-color:#f4c36f}.operation-types button[data-type="client_sale"] .op-copy b{color:#a95714}
.operation-types button[data-type="client_payment"]{background:#edf9ff;border-color:#8bc9ea}.operation-types button[data-type="client_payment"] .op-icon{background:#d9f2ff;color:#1474a7}.operation-types button[data-type="client_payment"] .op-copy b{color:#176c9b}
.operation-types button[data-type="supplier_receipt"]{background:#f5f1ff;border-color:#b9a6ed}.operation-types button[data-type="supplier_receipt"] .op-icon{background:var(--violet-soft);color:var(--violet)}.operation-types button[data-type="supplier_receipt"] .op-copy b{color:#6242bb}
.operation-types button[data-type="supplier_payment"]{background:#fff1f4;border-color:#efa4af}.operation-types button[data-type="supplier_payment"] .op-copy b{color:#bb3442}
.operation-types button[data-type="expense"]{background:#fff0ea;border-color:#ee9c7c}.operation-types button[data-type="expense"] .op-icon{background:#ffe0d4;color:#c84b24}.operation-types button[data-type="expense"] .op-copy b{color:#b54221}
.operation-types button:active{transform:scale(.985);filter:saturate(1.12)}

#usersReferenceBlock .section-heading h2{color:var(--blue)}
#saleCategoriesReferenceBlock .section-heading h2{color:var(--violet)}
#paymentReferenceBlock .section-heading h2{color:var(--teal)}
#expenseReferenceBlock .section-heading h2{color:var(--red)}
.page-heading .eyebrow{display:inline-flex;padding:4px 9px;border-radius:9px;background:var(--mint)}

@media(max-width:360px){.bottom-nav{gap:2px;padding-left:4px;padding-right:4px}.bottom-nav b{font-size:9px}.operation-types .op-copy b{font-size:15px}}

.sale-margin-row>div:first-child b,.sale-margin-row>div:first-child small{display:block}
.sale-margin-row>div:first-child small{margin-top:3px;font-size:12px;color:var(--muted)}
.sale-margin-row .margin-control input{width:72px;font-size:15px;font-weight:800;color:var(--violet);border-color:#d8ccfa;background:#faf8ff}
.sale-margin-row .margin-control button{font-size:12px;padding:9px 10px;background:var(--violet-soft);color:var(--violet)}
@media(max-width:390px){.sale-margin-row{align-items:flex-start;gap:10px}.sale-margin-row .margin-control{flex-wrap:wrap;justify-content:flex-end}.sale-margin-row .margin-control button{flex-basis:100%}}