:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;--color-primary: #032d23;--color-primary-dark: #021f1a;--color-primary-light: #0a5a47;--color-old-currency: #8b6914;--color-old-currency-light: #d4a574;--bg-primary: #f0f5f4;--bg-secondary: #ffffff;--bg-accent: #e6f2ef;--text-primary: #032d23;--text-secondary: #0a5a47;--border-color: #d1e7e0;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--color-primary);text-decoration:inherit}a:hover{color:var(--color-primary-light)}body{margin:0;min-width:320px;min-height:100vh;width:100%;background-color:var(--bg-primary);color:var(--text-primary)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-primary);color:#fff;cursor:pointer;transition:all .25s}button:hover{background-color:var(--color-primary-dark);transform:translateY(-1px)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:fadeIn .15s ease-out}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content{background-color:var(--bg-secondary);border-radius:16px;padding:24px;max-width:320px;width:100%;box-shadow:0 10px 40px #0003;border:1px solid var(--border-color);animation:slideIn .2s ease-out}.modal-title{margin:0 0 12px;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.modal-message{margin:0 0 24px;font-size:1rem;line-height:1.5;color:var(--text-secondary);white-space:pre-wrap}.modal-actions{display:flex;gap:12px;justify-content:flex-end}[dir=rtl] .modal-actions{justify-content:flex-start;flex-direction:row-reverse}.modal-button{padding:12px 24px;border-radius:10px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .15s ease;border:none;min-width:80px;min-height:48px}.modal-button-cancel{background-color:var(--bg-accent);color:var(--text-primary);border:1px solid var(--border-color)}.modal-button-cancel:hover{background-color:var(--bg-primary)}.modal-button-cancel:active{transform:scale(.98)}.modal-button-confirm{background-color:var(--color-primary);color:#fff}.modal-button-confirm:hover{background-color:var(--color-primary-dark)}.modal-button-confirm:active{transform:scale(.98)}.modal-button-confirm.danger{background-color:#d32f2f}.modal-button-confirm.danger:hover{background-color:#b71c1c}@media(max-width:360px){.modal-content{padding:20px}.modal-actions,[dir=rtl] .modal-actions{flex-direction:column}.modal-button{width:100%}}.offline-indicator{position:fixed;left:0;right:0;z-index:9999;padding:12px 16px;animation:slideIn .3s ease forwards}.offline-indicator--top{top:0}.offline-indicator--bottom{bottom:0}.offline-indicator__content{display:flex;align-items:center;gap:10px;max-width:100%;word-break:break-word}.offline-indicator__icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.offline-indicator__message{flex:1;font-size:14px;font-weight:500;line-height:1.4}.offline-indicator--offline{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;box-shadow:0 2px 8px #0003}.offline-indicator--offline .offline-indicator__icon{animation:pulse 2s infinite}.offline-indicator--online{background:linear-gradient(135deg,#27ae60,#229954);color:#fff;box-shadow:0 2px 8px #0003;animation:slideIn .3s ease,slideOut 3s ease .3s forwards}.offline-indicator--online .offline-indicator__icon{animation:checkmark .5s ease}@keyframes slideIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.offline-indicator--bottom{animation:slideInBottom .3s ease forwards}@keyframes slideInBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}.offline-indicator--bottom.offline-indicator--online{animation:slideInBottom .3s ease,slideOutBottom 3s ease .3s forwards}@keyframes slideOutBottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes checkmark{0%{transform:scale(0)}to{transform:scale(1)}}@media(max-width:480px){.offline-indicator{padding:10px 12px}.offline-indicator__icon{font-size:16px}.offline-indicator__message{font-size:13px}}@media(prefers-reduced-motion:reduce){.offline-indicator,.offline-indicator--online,.offline-indicator--offline .offline-indicator__icon,.offline-indicator--online .offline-indicator__icon{animation:none}}@media(prefers-contrast:more){.offline-indicator{border:2px solid currentColor}.offline-indicator--offline{background:#f90;color:#000;border-color:#000}.offline-indicator--online{background:#0c0;color:#000;border-color:#000}}@media(viewport-fit:cover){.offline-indicator--top{top:max(0,env(safe-area-inset-top))}.offline-indicator--bottom{bottom:max(0,env(safe-area-inset-bottom))}}.install-prompt{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:9999;max-width:90%;width:400px;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.install-prompt-content{background:linear-gradient(135deg,#032d23,#021f1a);color:#fff;padding:12px 16px 16px;border-radius:16px;box-shadow:0 10px 25px #0003,0 4px 10px #0000001a;display:flex;flex-direction:column;gap:12px;position:relative}.install-prompt-header{display:flex;justify-content:flex-end}.install-prompt-body{display:flex;align-items:center;gap:12px}.install-prompt-icon{font-size:32px;flex-shrink:0;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.install-prompt-text{flex:1;min-width:0}.install-prompt-title{font-weight:600;font-size:16px;margin-bottom:2px}.install-prompt-description{font-size:13px;opacity:.9}.install-prompt-button{background:#fff;color:#032d23;border:none;padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.install-prompt-button:hover{background:#f8fafc;transform:scale(1.05)}.install-prompt-button:active{transform:scale(.95)}.install-prompt-dismiss{background:#fff3;color:#fff;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:background .2s;flex-shrink:0}.install-prompt-dismiss:hover{background:#ffffff4d}[dir=rtl] .install-prompt-header{justify-content:flex-start}@media(max-width:640px){.install-prompt{bottom:70px;max-width:95%}.install-prompt-content{padding:12px 16px;gap:10px}.install-prompt-icon{font-size:28px}.install-prompt-title{font-size:14px}.install-prompt-description{font-size:12px}.install-prompt-button{padding:8px 16px;font-size:13px}}@media(max-width:380px){.install-prompt-content{flex-wrap:wrap}.install-prompt-button{width:100%;margin-top:8px}}.note-button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:64px;min-height:48px;min-width:48px;padding:8px;border:2px solid var(--color-border);border-radius:12px;background:var(--color-note-bg);color:var(--color-text-primary);font-weight:600;cursor:pointer;transition:all .2s ease;user-select:none;-webkit-user-select:none;touch-action:manipulation}.note-button:active,.note-button:focus{outline:none;transform:scale(.95);box-shadow:0 2px 8px #00000026}.note-button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.note-button--old{border-color:#8b6914;background:linear-gradient(135deg,#d4a574,#c9944a);color:#3d2815}.note-button--old:hover{background:linear-gradient(135deg,#cc9a68,#bf8b40)}.note-button--new{border-color:#032d23;background:linear-gradient(135deg,#0a5a47,#075740);color:#fff}.note-button--new:hover{background:linear-gradient(135deg,#085140,#064d39)}.note-button__content{display:flex;flex-direction:column;gap:2px;text-align:center}.note-button__denomination{font-size:14px;font-weight:700;line-height:1.2}.note-button__currency{font-size:10px;font-weight:600;opacity:.8}.note-button__badge{position:absolute;top:-8px;right:-8px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--color-badge-bg, #e74c3c);color:#fff;font-size:12px;font-weight:700;box-shadow:0 2px 6px #0003;animation:slideIn .3s ease}[dir=rtl] .note-button__badge{right:auto;left:-8px}@keyframes slideIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:480px){.note-button{width:56px;height:56px}.note-button__denomination{font-size:12px}.note-button__currency{font-size:9px}}.total-display{display:flex;gap:16px;padding:20px;margin:16px 0;background:var(--bg-accent);border-radius:16px;border:1px solid var(--border-color);box-shadow:0 2px 8px #032d2314}.total-display__section{flex:1;display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center}.total-display__label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.7;color:var(--color-text-secondary, #666)}.total-display__section--old .total-display__label{color:#8b6914}.total-display__section--new .total-display__label{color:#032d23}.total-display__amount{display:flex;flex-direction:row;gap:8px;align-items:baseline;justify-content:center}.total-display__value{font-size:32px;font-weight:700;line-height:1.2;color:var(--color-text-primary, #1a1a1a);word-break:break-word}.total-display__currency{font-size:18px;font-weight:600;color:var(--color-text-secondary, #666)}.total-display__divider{width:1px;height:auto;background:var(--color-border, #e0e6ed);opacity:.5}@media(max-width:768px){.total-display{flex-direction:row;gap:12px;padding:16px}.total-display__divider{width:1px;height:1px;margin:4px 0}.total-display__value{font-size:28px}.total-display__label{font-size:11px}}@media(max-width:480px){.total-display{padding:12px;gap:8px;margin:12px 0}.total-display__value{font-size:24px}.total-display__currency{font-size:12px}.total-display__label{font-size:10px}}@keyframes updateValue{0%{transform:scale(.95);opacity:.8}to{transform:scale(1);opacity:1}}.total-display__value{animation:updateValue .3s ease}@media(prefers-contrast:more){.total-display{border-width:2px;box-shadow:none}.total-display__label{opacity:1}}.screen-header{width:100%;padding:1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);box-sizing:border-box}.screen-header__content{display:flex;justify-content:space-between;align-items:center;gap:1rem;width:100%;min-width:0;max-width:100%;box-sizing:border-box}.screen-header__title-section{min-width:0;flex:1}.screen-header__title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.screen-header__subtitle{font-size:.875rem;color:var(--text-secondary);margin:.25rem 0 0}.screen-header__balance{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;min-width:0;flex-shrink:0;width:auto}[dir=rtl] .screen-header__balance{align-items:flex-end}.screen-header__balance-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.screen-header__balance-value{font-size:2rem;font-weight:700;color:#032d23;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1}.screen-header__balance-decimals{font-size:1rem;vertical-align:super;opacity:.7}.screen-header__balance-currency{font-size:.875rem;font-weight:600;opacity:.8}@media(max-width:768px){.screen-header{padding:.75rem 1rem}.screen-header__content{padding:0;gap:.5rem}.screen-header__title{font-size:1.25rem}.screen-header__balance-value{font-size:1.5rem}.screen-header__balance-decimals,.screen-header__balance-currency{font-size:.75rem}.screen-header__balance-label{font-size:.6875rem}}.note-counter-screen{display:flex;flex-direction:column;height:calc(100dvh - 70px);width:100%;padding:8px;gap:6px;background:var(--bg-primary);box-sizing:border-box;overflow:hidden}.note-counter-screen__header{text-align:center;padding:4px 0;border-bottom:1px solid var(--color-border, #e0e6ed);flex-shrink:0}.note-counter-screen__title{margin:0 0 2px;font-size:18px;font-weight:700;color:var(--color-text-primary, #1a1a1a)}.note-counter-screen__subtitle{margin:0;font-size:11px;color:var(--color-text-secondary, #666);font-weight:500}.note-counter-screen__container{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:0 1 auto;min-height:0;overflow:hidden}.note-counter-screen__section{display:flex;flex-direction:column;gap:8px;background:var(--bg-secondary);border-radius:12px;padding:8px;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:0 2px 8px #032d231a}.note-counter-screen__section--old{border-top:4px solid #8b6914}.note-counter-screen__section--new{border-top:4px solid #032d23}.note-counter-screen__section-title{margin:0;font-size:12px;font-weight:600;color:var(--color-text-primary, #1a1a1a);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.note-counter-screen__section-total{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;margin-top:auto;background:#0000000d;border-radius:6px;flex-shrink:0}.note-counter-screen__section-total-label{font-size:11px;font-weight:600;color:var(--color-text-secondary, #666);text-transform:uppercase}.note-counter-screen__section-total-value{font-size:13px;font-weight:700;color:var(--color-text-primary, #1a1a1a)}.note-counter-screen__section--old .note-counter-screen__section-total{background:#8b69141a}.note-counter-screen__section--new .note-counter-screen__section-total{background:#032d231a}.note-counter-screen__buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.note-counter-screen__note-item{display:flex;flex-direction:row;gap:4px;align-items:stretch}.note-counter-screen__input{width:50px;flex-shrink:0;padding:4px 6px;border:2px solid var(--color-border, #e0e6ed);border-radius:6px;background:var(--color-bg-secondary, #f5f7fa);color:var(--color-text-primary, #1a1a1a);font-size:13px;font-weight:600;text-align:right;direction:ltr;transition:all .2s ease;-moz-appearance:textfield;box-sizing:border-box}.note-counter-screen__input::-webkit-outer-spin-button,.note-counter-screen__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.note-counter-screen__input:focus{outline:none;border-color:#032d23;box-shadow:0 0 0 3px #032d231a;background:#fff}.note-counter-screen__input:hover{border-color:#032d23}.dark .note-counter-screen__input:focus{border-color:#4a7fff;box-shadow:0 0 0 3px #4a7fff33;background:#1a2f4f}.note-counter-screen__total-wrapper{padding:0;flex-shrink:0}.note-counter-screen__footer{display:flex;gap:8px;padding:8px 0;margin-bottom:8px;border-top:1px solid var(--color-border, #e0e6ed);flex-shrink:0;background:var(--bg-primary)}.note-counter-screen__button{flex:1;padding:10px 16px;min-height:40px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.note-counter-screen__button:active{transform:scale(.98)}.note-counter-screen__button:disabled{opacity:.5;cursor:not-allowed}.note-counter-screen__button:focus-visible{outline:2px solid var(--color-focus, #6366f1);outline-offset:2px}.note-counter-screen__button--primary{background:linear-gradient(135deg,#032d23,#021f1a);color:#fff;box-shadow:0 2px 8px #032d234d}.note-counter-screen__button--primary:hover:not(:disabled){background:linear-gradient(135deg,#021f1a,#011712);box-shadow:0 4px 12px #032d2366}.note-counter-screen__button--secondary{background:var(--color-secondary-bg, #e8ecf1);color:var(--color-text-primary, #1a1a1a);border:1px solid var(--color-border, #e0e6ed)}.note-counter-screen__button--secondary:hover:not(:disabled){background:var(--color-secondary-bg-hover, #d8dce6);border-color:var(--color-border-hover, #cad0e0)}@media(max-width:768px){.note-counter-screen{padding:6px;gap:6px}.note-counter-screen__container{grid-template-columns:1fr;gap:6px}.note-counter-screen__header{padding:4px 0}.note-counter-screen__section{padding:6px;gap:6px}.note-counter-screen__buttons{gap:6px}}@media(max-width:480px){.note-counter-screen{padding:4px;gap:4px;height:calc(100dvh - 70px)}.note-counter-screen__title{font-size:16px;margin:0}.note-counter-screen__subtitle{font-size:10px}.note-counter-screen__section-total{padding:4px 6px}.note-counter-screen__section-total-label{font-size:10px}.note-counter-screen__section-total-value{font-size:12px}.note-counter-screen__footer{padding:6px 0}.note-counter-screen__header{padding:3px 0;margin-bottom:0}.note-counter-screen__section{padding:6px;gap:4px;border-radius:6px}.note-counter-screen__section-title{font-size:11px}.note-counter-screen__buttons{grid-template-columns:repeat(2,1fr);gap:4px}.note-counter-screen__footer{gap:6px;padding:6px 0;margin-bottom:8px}.note-counter-screen__button{padding:8px 12px;font-size:12px;min-height:36px}.note-counter-screen__total-wrapper{padding:0}}@media(prefers-contrast:more){.note-counter-screen__section,.note-counter-screen__button{border-width:2px}}@media(prefers-reduced-motion:reduce){.note-counter-screen__button:active{transform:none}}@media(max-height:600px)and (orientation:landscape){.note-counter-screen{gap:8px;padding:8px}.note-counter-screen__header{padding:8px 0;margin-bottom:0}.note-counter-screen__title{font-size:18px;margin:0}.note-counter-screen__subtitle{display:none}.note-counter-screen__section{padding:8px;gap:6px}.note-counter-screen__buttons{gap:6px}}.bill-payment-screen{display:flex;flex-direction:column;height:100%;padding-bottom:70px;background-color:var(--bg-primary);width:100%;box-sizing:border-box}.bill-payment-header{padding:1rem 1.5rem;background-color:var(--bg-secondary, #ffffff);border-bottom:1px solid var(--border-color, #e0e0e0)}.bill-payment-title{font-size:1.5rem;font-weight:700;margin:0;color:var(--text-primary, #333)}.bill-payment-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1rem;width:100%;box-sizing:border-box}.bill-payment-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;min-height:400px}.bill-payment-empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.3}.bill-payment-empty-title{font-size:1.25rem;font-weight:600;color:var(--text-primary, #333);margin-bottom:.5rem}.bill-payment-empty-description{font-size:.875rem;color:var(--text-secondary, #666);max-width:300px}.bill-payment-section{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem;margin-bottom:1rem;box-sizing:border-box}.bill-payment-input-group{margin-bottom:1.5rem}.bill-payment-input-group:last-child{margin-bottom:0}.bill-payment-label{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary, #333);margin-bottom:.5rem}.bill-payment-input{flex:1;min-width:0;padding:1rem 1.25rem;font-size:1.5rem;font-weight:600;border:2px solid var(--border-color, #e0e0e0);border-radius:.5rem;background-color:var(--bg-primary, #f5f5f5);color:var(--text-primary, #333);transition:all .2s ease;box-sizing:border-box}.bill-payment-input:focus{outline:none;border-color:#032d23;background-color:#fff;color:var(--text-primary, #333);box-shadow:0 0 0 3px #032d231a}.bill-payment-input::placeholder{color:var(--text-secondary, #999);font-size:1rem;font-weight:400}.bill-payment-amount-row{display:flex;gap:0;align-items:stretch;width:100%;box-sizing:border-box}.bill-payment-amount-row .bill-payment-input{flex:1;min-width:0;margin:5px}.bill-currency-toggle{padding:.875rem 1rem;font-size:.75rem;font-weight:700;border:none;margin:5px;border-radius:.5rem;cursor:pointer;transition:all .2s ease;min-height:44px;min-width:80px;max-width:100px;white-space:nowrap;flex-shrink:0;box-sizing:border-box;display:flex;align-items:center;gap:.375rem;justify-content:center}.bill-currency-toggle:hover .currency-toggle-icon{transform:rotate(180deg)}.bill-currency-toggle.currency-old{background-color:#8b6914;color:#fff;border:2px solid #8b6914}.bill-currency-toggle.currency-new{background-color:#032d23;color:#fff;border:2px solid #032d23}.bill-currency-toggle:hover{opacity:.9}.bill-currency-toggle:active{transform:scale(.98)}.bill-equivalent-amount{margin-top:.5rem;padding:.5rem .75rem;font-size:.875rem;color:var(--text-secondary, #666);background-color:#00000008;border-radius:.25rem;text-align:center}.bill-payment-currency-toggle{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.currency-btn{padding:.75rem 1rem;background-color:var(--bg-primary, #f5f5f5);color:var(--text-primary, #333);border:2px solid var(--border-color, #e0e0e0);border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:48px}.currency-btn:hover{background-color:var(--hover-bg, #e5e5e5)}.currency-btn.active{background-color:#032d23;color:#fff;border-color:#032d23}.bill-payment-calculate-btn{width:100%;padding:1rem;background-color:#032d23;color:#fff;border:none;border-radius:.375rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;min-height:56px;margin-top:1.5rem}.bill-payment-calculate-btn:hover:not(:disabled){background-color:#021f1a}.bill-payment-calculate-btn:disabled{opacity:.5;cursor:not-allowed}.bill-payment-result{background-color:var(--bg-secondary, #ffffff);border:2px solid var(--border-color, #e0e0e0);border-radius:.5rem;padding:1.5rem;margin-bottom:1rem}.bill-payment-result.outcome-success{border-color:var(--success-color, #10b981);background-color:var(--success-bg, #ecfdf5)}.bill-payment-result.outcome-warning{border-color:var(--warning-color, #f59e0b);background-color:var(--warning-bg, #fffbeb)}.bill-payment-result.outcome-danger{border-color:var(--danger-color, #ef4444);background-color:var(--danger-bg, #fef2f2)}.result-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.result-icon{font-size:1.5rem}.result-title{font-size:1.125rem;font-weight:600;color:var(--text-primary, #333);margin:0}.result-notes{margin-bottom:1rem;padding:1rem;background-color:var(--bg-primary, #f5f5f5);border-radius:.375rem}.result-label{font-size:.75rem;font-weight:600;color:var(--text-secondary, #666);text-transform:uppercase;margin-bottom:.5rem}.result-value{font-size:1.125rem;font-weight:600;color:var(--text-primary, #333)}.result-totals{margin-bottom:1.5rem}.result-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-color, #e0e0e0)}.result-row:last-child{border-bottom:none}.result-row-label{font-size:.875rem;color:var(--text-secondary, #666)}.result-row-value{font-size:1rem;font-weight:600;color:var(--text-primary, #333)}.result-row-value.change{color:var(--warning-color, #f59e0b)}.result-message{font-size:.875rem;color:var(--text-secondary, #666);text-align:center;padding:1rem}.bill-payment-save-btn{width:100%;padding:.75rem;background-color:#032d23;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:48px}.bill-payment-save-btn:hover:not(:disabled){background-color:#021f1a}.bill-payment-save-btn.saved{background-color:var(--success-color, #10b981)}.bill-payment-save-btn:disabled{opacity:.7;cursor:not-allowed}.bill-payment-checkbox{width:1.25rem;height:1.25rem;cursor:pointer;margin-right:.75rem;accent-color:#032d23}.checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center}.bill-payment-label input[type=checkbox]{vertical-align:middle}.bill-payment-label .checkbox-label{margin-bottom:0;flex-direction:row;align-items:center}.note-breakdown{background-color:var(--bg-primary, #f5f5f5);border-radius:.5rem;padding:1rem;margin-top:1rem}.note-breakdown-section{margin-bottom:1rem}.note-breakdown-section:last-child{margin-bottom:0}.breakdown-title{font-size:.875rem;font-weight:600;color:var(--text-primary, #333);margin:0 0 1rem;text-align:center}.note-breakdown-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.75rem;margin-bottom:1rem}.currency-total{font-size:.875rem;font-weight:600;color:#032d23;text-align:center;padding:.75rem;background-color:var(--bg-secondary, #ffffff);border-radius:.375rem;border:2px solid #032d23}.note-breakdown-item{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--bg-secondary, #ffffff);border:2px solid var(--border-color, #e0e0e0);border-radius:.375rem;padding:.75rem;text-align:center;min-height:70px}.note-denomination{font-size:.875rem;font-weight:600;color:var(--text-secondary, #666);margin-bottom:.5rem}.note-count-badge{font-size:1.25rem;font-weight:700;color:#032d23;background-color:var(--bg-primary, #f5f5f5);border-radius:50%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.change-notes-section{margin-top:1rem;border-top:2px dashed var(--border-color, #e0e0e0);padding-top:1rem}.change-title{color:var(--success-color, #22c55e)}.change-item{background-color:#032d231a;border:2px solid #032d23}.change-item .note-denomination{color:#032d23}.change-item .note-count-badge{color:#032d23;background-color:#032d231a}.change-item-old{background-color:#8b691426;border:2px solid #8b6914}.change-item-old .note-denomination{color:#8b6914}.change-item-old .note-count-badge{color:#8b6914;background-color:#8b69141a}.note-currency-label{font-size:.625rem;font-weight:700;color:#8b6914;background-color:#8b691433;padding:.125rem .375rem;border-radius:.25rem;margin-bottom:.25rem;text-transform:uppercase}.confirmation-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirmation-modal{background-color:var(--bg-secondary, #ffffff);border-radius:1rem;padding:2rem;max-width:320px;width:100%;text-align:center;box-shadow:0 4px 20px #00000026;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.confirmation-modal-icon{font-size:3rem;margin-bottom:1rem}.confirmation-modal-title{font-size:1.25rem;font-weight:700;color:var(--text-primary, #333);margin:0 0 .75rem}.confirmation-modal-message{font-size:.938rem;color:var(--text-secondary, #666);margin:0 0 1.5rem;line-height:1.5}.confirmation-modal-button{width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;background-color:#032d23;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .2s ease;min-height:48px}.confirmation-modal-button:hover{background-color:#054a3a}.confirmation-modal-button:active{background-color:#021a15}@media(max-width:640px){.bill-payment-header{padding:1rem}.bill-payment-title{font-size:1.25rem}.bill-payment-content{padding:.75rem}.bill-payment-section{padding:1rem}}.quick-conversion-screen{display:flex;flex-direction:column;height:100%;width:100%;padding-bottom:70px;background-color:var(--bg-primary);box-sizing:border-box;overflow-x:hidden}.quick-conversion-header{padding:1rem 1.5rem;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.quick-conversion-title{font-size:1.5rem;font-weight:700;margin:0;color:var(--text-primary, #333)}.quick-conversion-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:1rem;display:flex;flex-direction:column;gap:1rem;box-sizing:border-box}.conversion-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;padding:1rem;box-shadow:0 2px 8px #032d230d;box-sizing:border-box;width:100%;max-width:100%;overflow:hidden}.conversion-input-section,.conversion-output-section{margin-bottom:1.5rem;width:100%;box-sizing:border-box}.conversion-label{display:block;font-size:.75rem;font-weight:600;color:var(--text-secondary, #666);text-transform:uppercase;margin-bottom:.5rem;letter-spacing:.5px}.conversion-input-group{display:flex;align-items:stretch;gap:.75rem}.conversion-input{flex:1;min-width:0;padding:1rem 1.25rem;font-size:1.5rem;font-weight:600;border:2px solid var(--border-color, #e0e0e0);border-radius:.5rem;background-color:var(--bg-primary, #f5f5f5);color:var(--text-primary, #333);transition:all .2s ease;box-sizing:border-box}.conversion-input:focus{outline:none;border-color:#032d23;background-color:#fff;color:var(--text-primary, #333);box-shadow:0 0 0 3px #032d231a}.conversion-input::placeholder{color:var(--text-secondary, #999);font-size:1rem;font-weight:400}.conversion-amount-row{display:flex;gap:0;align-items:stretch;width:100%;box-sizing:border-box}.conversion-amount-row .conversion-input{flex:1;min-width:0;margin:5px}.conversion-currency-toggle{padding:.875rem 1rem;font-size:.75rem;font-weight:700;border:none;margin:5px;border-radius:.5rem;cursor:pointer;transition:all .2s ease;min-height:44px;min-width:80px;max-width:100px;white-space:nowrap;flex-shrink:0;box-sizing:border-box;display:flex;align-items:center;gap:.375rem;justify-content:center}.currency-toggle-icon{display:inline-block;font-size:.75rem;transition:transform .3s ease}.conversion-currency-toggle:hover .currency-toggle-icon{transform:rotate(180deg)}.conversion-currency-toggle.currency-old{background-color:#8b6914;color:#fff;border:2px solid #8b6914}.conversion-currency-toggle.currency-new{background-color:#032d23;color:#fff;border:2px solid #032d23}.conversion-currency-toggle:hover{opacity:.9}.conversion-currency-toggle:active{transform:scale(.98)}.conversion-currency-badge{display:flex;align-items:center;padding:0 1rem;background-color:#032d23;color:#fff;border-radius:.5rem;font-size:.875rem;font-weight:600;white-space:nowrap;max-width:120px;min-width:80px;justify-content:center;flex-shrink:0}.conversion-swap-btn{width:100%;padding:1rem;background-color:var(--bg-primary, #f5f5f5);border:2px solid var(--border-color, #e0e0e0);border-radius:.5rem;font-size:1.5rem;cursor:pointer;transition:all .2s ease;margin-bottom:1.5rem}.conversion-swap-btn:hover{background-color:#032d23;border-color:#032d23;color:#fff;transform:rotate(180deg)}.conversion-swap-btn:active{transform:rotate(180deg) scale(.95)}.conversion-output{display:flex;align-items:stretch;gap:.5rem;padding:1rem;border-radius:.5rem;min-height:70px;box-sizing:border-box;width:100%}.conversion-output.output-new{background:linear-gradient(135deg,#032d23,#021f1a)}.conversion-output.output-old{background:linear-gradient(135deg,#8b6914,#6b5010)}.conversion-output-value{flex:1;min-width:0;display:flex;align-items:center;font-size:1.75rem;font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis}.conversion-output-currency{display:flex;align-items:center;padding:.5rem .75rem;background-color:#fff3;color:#fff;border-radius:.375rem;font-size:.75rem;font-weight:600;white-space:nowrap;flex-shrink:0}.conversion-output .conversion-currency-badge{background-color:#fff3;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.conversion-save-btn{width:100%;padding:1rem;background-color:#032d23;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:56px;margin-top:1rem}.conversion-save-btn:hover:not(:disabled){background-color:#021f1a;transform:translateY(-1px);box-shadow:0 4px 12px #032d234d}.conversion-save-btn.saved{background-color:var(--success-color, #10b981)}.conversion-save-btn:disabled{opacity:.7;cursor:not-allowed}.conversion-info{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:var(--info-bg, #eff6ff);border:1px solid var(--info-border, #bfdbfe);border-radius:.5rem}.info-icon{font-size:1.5rem;flex-shrink:0}.info-content{flex:1;display:flex;align-items:center}.info-title{font-size:.875rem;font-weight:600;color:var(--text-primary, #333);margin-bottom:.25rem}.info-text{font-size:.875rem;color:var(--text-secondary, #666)}@media(max-width:640px){.quick-conversion-header{padding:1rem}.quick-conversion-title{font-size:1.25rem}.quick-conversion-content{padding:.75rem}.conversion-card{padding:1.5rem}.conversion-input{font-size:1.25rem;padding:.875rem 1rem}.conversion-output-value{font-size:1.5rem}.conversion-currency-badge{min-width:100px;padding:0 1rem;font-size:.75rem}}.history-screen{display:flex;flex-direction:column;height:100%;padding-bottom:70px;background-color:var(--bg-primary)}.history-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:var(--bg-secondary, #ffffff);border-bottom:1px solid var(--border-color, #e0e0e0)}.history-title{font-size:1.5rem;font-weight:700;margin:0;color:var(--text-primary, #333)}.delete-all-btn{padding:.5rem 1rem;background-color:var(--danger-color, #ef4444);color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;min-height:40px}.delete-all-btn:hover{background-color:var(--danger-hover, #dc2626)}.delete-all-btn:active{background-color:var(--danger-active, #b91c1c)}.history-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;min-height:400px}.history-empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.3}.history-empty-title{font-size:1.25rem;font-weight:600;color:var(--text-primary, #333);margin-bottom:.5rem}.history-empty-description{font-size:.875rem;color:var(--text-secondary, #666);max-width:300px}.history-list{padding:1rem;display:flex;flex-direction:column;gap:1rem}.history-item{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;box-shadow:0 1px 3px #032d231a}.history-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color, #e0e0e0)}.history-item-type{font-weight:600;font-size:.875rem;color:#032d23}.history-item-date{font-size:.75rem;color:var(--text-secondary, #666)}.balance-change{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-radius:.375rem;margin-bottom:.75rem;font-weight:600}.balance-change.positive{background-color:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.3)}.balance-change.negative{background-color:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.balance-change-icon{font-size:1.25rem}.balance-change-label{font-size:.875rem}.balance-change-value{font-size:.875rem;margin-inline-start:auto}.history-item-totals{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.history-total{display:flex;justify-content:space-between;align-items:center}.history-total.previous{opacity:.7;font-size:.813rem}.history-total-label{font-size:.875rem;color:var(--text-secondary, #666)}.history-total-value{font-size:.875rem;font-weight:600;color:var(--text-primary, #333)}.history-delete-btn{width:100%;padding:.5rem;background-color:var(--bg-primary, #f5f5f5);color:var(--danger-color, #ef4444);border:1px solid var(--border-color, #e0e0e0);border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:40px}.history-delete-btn:hover{background-color:var(--danger-color, #ef4444);color:#fff;border-color:var(--danger-color, #ef4444)}.history-delete-btn:active{background-color:var(--danger-hover, #dc2626)}@media(max-width:640px){.history-header{padding:1rem}.history-title{font-size:1.25rem}.delete-all-btn{font-size:.75rem;padding:.5rem .75rem}.history-list,.history-item{padding:.75rem}}.settings-screen{display:flex;flex-direction:column;height:100%;padding-bottom:70px;background-color:var(--bg-primary)}.settings-header{padding:1rem 1.5rem;background-color:var(--bg-secondary, #ffffff);border-bottom:1px solid var(--border-color, #e0e0e0)}.settings-title{font-size:1.5rem;font-weight:700;margin:0;color:var(--text-primary, #333)}.settings-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1rem}.settings-section{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;margin-bottom:1rem}.settings-section-title{font-size:1rem;font-weight:600;color:var(--text-primary, #333);margin:0 0 1rem}.settings-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem}.settings-option{padding:.75rem 1rem;background-color:var(--bg-primary, #f5f5f5);color:var(--text-primary, #333);border:2px solid var(--border-color, #e0e0e0);border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:48px}.settings-option:hover{background-color:var(--hover-bg, #e5e5e5)}.settings-option.active{background-color:#032d23;color:#fff;border-color:#032d23}.settings-toggle{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color, #e0e0e0)}.settings-toggle:last-child{border-bottom:none}.settings-toggle-info{flex:1;margin-inline-end:1rem}.settings-toggle-label{font-size:.875rem;font-weight:500;color:var(--text-primary, #333);margin-bottom:.25rem}.settings-toggle-description{font-size:.75rem;color:var(--text-secondary, #666)}.toggle-switch{position:relative;width:52px;height:28px;background-color:var(--toggle-bg, #ccc);border:none;border-radius:14px;cursor:pointer;transition:background-color .3s ease;flex-shrink:0}.toggle-switch.active{background-color:#032d23}.toggle-slider{position:absolute;top:2px;left:2px;width:24px;height:24px;background-color:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 1px 3px #0003}.toggle-switch.active .toggle-slider{transform:translate(24px)}[dir=rtl] .toggle-slider{left:auto;right:2px}[dir=rtl] .toggle-switch.active .toggle-slider{transform:translate(-24px)}.settings-action{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color, #e0e0e0)}.settings-action:last-child{border-bottom:none}.settings-action-info{flex:1;margin-inline-end:1rem}.settings-action-label{font-size:.875rem;font-weight:500;color:var(--text-primary, #333);margin-bottom:.25rem}.settings-action-description{font-size:.75rem;color:var(--text-secondary, #666)}.settings-action-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-primary, #f5f5f5);border:1px solid var(--border-color, #e0e0e0);border-radius:.375rem;font-size:1.25rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.settings-action-btn.warning:hover{background-color:var(--warning-color, #f59e0b);border-color:var(--warning-color, #f59e0b)}.settings-action-btn.danger:hover{background-color:var(--danger-color, #ef4444);border-color:var(--danger-color, #ef4444)}.settings-info{display:flex;flex-direction:column;gap:.75rem}.settings-info-item{font-size:.875rem;color:var(--text-secondary, #666)}.settings-info-label{font-weight:600;color:var(--text-primary, #333);margin-inline-end:.5rem}.settings-info-value{color:var(--text-secondary, #666)}.settings-link{color:#032d23;text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:.25rem}.settings-link:hover{text-decoration:underline}@media(max-width:640px){.settings-header{padding:1rem}.settings-title{font-size:1.25rem}.settings-content,.settings-section{padding:.75rem}.settings-options{grid-template-columns:1fr}}.contact-screen{padding:0 16px 100px;min-height:100vh;background-color:var(--bg-primary)}.contact-form{display:flex;flex-direction:column;gap:20px;max-width:600px;margin:0 auto}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:600;color:var(--text-primary)}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.category-button{padding:12px 16px;border:2px solid var(--border-color);border-radius:12px;background-color:var(--bg-secondary);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center;min-height:48px}.category-button:hover{border-color:var(--color-primary-light);background-color:var(--bg-accent)}.category-button.active{border-color:var(--color-primary);background-color:var(--bg-accent);color:var(--color-primary)}.form-textarea,.form-input{padding:14px 16px;border:2px solid var(--border-color);border-radius:12px;background-color:var(--bg-secondary);color:var(--text-primary);font-size:16px;font-family:inherit;transition:border-color .2s ease;width:100%;box-sizing:border-box}.form-textarea{resize:vertical;min-height:120px}.form-textarea:focus,.form-input:focus{outline:none;border-color:var(--color-primary)}.form-textarea.error,.form-input.error{border-color:#d32f2f}.error-message{color:#d32f2f;font-size:12px;margin-top:4px}.device-info-section{background-color:var(--bg-secondary);border-radius:12px;padding:16px;border:1px solid var(--border-color)}.device-info-toggle{margin-bottom:12px}.toggle-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--text-primary)}.toggle-label input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-primary)}.device-info-preview{background-color:var(--bg-primary);border-radius:8px;padding:12px;font-size:13px}.device-info-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--border-color)}.device-info-row:last-child{border-bottom:none}.device-info-label{color:var(--text-secondary)}.device-info-value{color:var(--text-primary);font-weight:500}.privacy-note{font-size:12px;color:var(--text-secondary);text-align:center;margin:8px 0}.submit-button{padding:16px 24px;border:none;border-radius:12px;background-color:var(--color-primary);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:56px}.submit-button:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-1px)}.submit-button:active:not(:disabled){transform:scale(.98)}.submit-button:disabled{opacity:.7;cursor:not-allowed}.submit-button.success{background-color:#2e7d32}.submit-button.error{background-color:#d32f2f}[dir=rtl] .category-grid{direction:rtl}[dir=rtl] .device-info-row,[dir=rtl] .toggle-label{flex-direction:row-reverse}@media(max-width:480px){.contact-screen{padding:0 12px 100px}.category-grid{grid-template-columns:1fr}.category-button{padding:14px 16px}}.privacy-policy-screen{padding:0 16px 100px;min-height:100vh;background-color:var(--bg-primary)}.privacy-content{max-width:700px;margin:0 auto}.last-updated{font-size:13px;color:var(--text-secondary);text-align:center;margin-bottom:24px;padding:8px 16px;background-color:var(--bg-secondary);border-radius:8px}.policy-section{background-color:var(--bg-secondary);border-radius:12px;padding:20px;margin-bottom:16px;border:1px solid var(--border-color)}.section-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 12px;line-height:1.4}.section-content{font-size:14px;color:var(--text-secondary);line-height:1.7;margin:0}.section-list{margin:8px 0;padding-inline-start:24px}.section-list li{font-size:14px;color:var(--text-secondary);line-height:1.8;margin-bottom:4px}.section-note{font-size:13px;color:var(--color-primary);background-color:var(--bg-accent);padding:10px 14px;border-radius:8px;margin:12px 0 0;line-height:1.5}.contact-section{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border-radius:16px;padding:24px;text-align:center;margin-top:24px}.contact-section h3{font-size:18px;font-weight:600;margin:0 0 8px}.contact-section p{font-size:14px;margin:0;opacity:.9}[dir=rtl] .section-list{padding-inline-start:24px;padding-inline-end:0}@media(max-width:480px){.privacy-policy-screen{padding:0 12px 100px}.policy-section{padding:16px}.section-title{font-size:15px}.section-content,.section-list li{font-size:13px}}.tab-navigation{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;background-color:var(--bg-secondary);border-top:1px solid var(--border-color);margin-top:5px;padding:.5rem;box-shadow:0 -2px 8px #032d231a;z-index:1000;height:60px}.tab-button{display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;color:var(--text-secondary, #666);font-size:.625rem;padding:.375rem .5rem;cursor:pointer;transition:color .2s ease;min-width:60px;min-height:48px;gap:.125rem;flex:1}.tab-button:hover{color:var(--text-primary, #333);background-color:var(--hover-bg, rgba(0, 0, 0, .05))}.tab-button:active{background-color:var(--active-bg, rgba(0, 0, 0, .1))}.tab-button.active{color:#032d23;font-weight:600}.tab-icon{font-size:1.25rem;line-height:1}.tab-label{font-size:.625rem;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@supports (padding-bottom: env(safe-area-inset-bottom)){.tab-navigation{padding-bottom:max(.5rem,env(safe-area-inset-bottom))}}#root{height:100vh;display:flex;flex-direction:column;margin:0;padding:0;overflow:hidden;background-color:var(--bg-primary)}.app-main{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;width:100%;background-color:var(--bg-primary)}.back-button-container{position:fixed;bottom:0;left:0;right:0;padding:16px;background-color:var(--bg-secondary);border-top:1px solid var(--border-color)}.back-button{width:100%;padding:14px 24px;border:none;border-radius:12px;background-color:var(--color-primary);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.back-button:hover{background-color:var(--color-primary-dark)}