.summary-card{margin-bottom:24px;text-align:center}.summary-card__header{margin-bottom:16px}.summary-card__title{font-size:18px;font-weight:600;color:var(--text);margin:0}.summary-card__total{font-size:64px;font-weight:700;color:var(--accent);margin:16px 0;line-height:1}.summary-card__breakdown{font-size:16px;color:var(--text-secondary);font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}.stats-grid__item{padding:16px 12px;text-align:center}.stats-grid__label{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.stats-grid__value{font-size:32px;font-weight:700;color:var(--text);line-height:1;margin-bottom:4px}.stats-grid__hint{font-size:10px;color:var(--text-secondary);margin-top:4px;opacity:.8}@media(max-width:380px){.stats-grid{gap:12px}.stats-grid__item{padding:12px 8px}.stats-grid__label{font-size:11px}.stats-grid__value{font-size:28px}.stats-grid__hint{font-size:9px}}.card{background:var(--surface);border-radius:18px;padding:20px;box-shadow:8px 8px 16px var(--shadow-dark),-8px -8px 16px var(--shadow-light);transition:all .3s ease}.card--inset{background:var(--surface);border-radius:18px;padding:20px;box-shadow:inset 6px 6px 12px var(--shadow-dark),inset -6px -6px 12px var(--shadow-light)}.neu-button{background:var(--surface);color:var(--text);border-radius:16px;padding:18px 24px;font-weight:600;font-size:16px;transition:all .18s ease;box-shadow:6px 6px 12px var(--shadow-dark),-6px -6px 12px var(--shadow-light);display:flex;align-items:center;justify-content:center;gap:8px;width:100%;text-align:center}.neu-button:active:not(:disabled){transform:scale(.98);box-shadow:inset 6px 6px 12px var(--shadow-dark),inset -6px -6px 12px var(--shadow-light)}.neu-button--accent{color:#fff;background:linear-gradient(145deg,var(--accent-light),var(--accent))}.neu-button--accent:active:not(:disabled){background:linear-gradient(145deg,var(--accent),var(--accent-light));box-shadow:inset 4px 4px 8px #0000004d,inset -4px -4px 8px #ffffff1a}.neu-button--success{color:#fff;background:var(--success)}.neu-button--success:active:not(:disabled){box-shadow:inset 4px 4px 8px #0000004d,inset -4px -4px 8px #ffffff1a}.neu-button--small{padding:12px 20px;font-size:14px;border-radius:12px;box-shadow:4px 4px 8px var(--shadow-dark),-4px -4px 8px var(--shadow-light)}.neu-button-cancel--small{padding:12px 20px;background-color:#c90000;font-size:14px;border-radius:12px;box-shadow:4px 4px 8px var(--shadow-dark),-4px -4px 8px var(--shadow-light)}.neu-button--icon{padding:16px;border-radius:50%;min-width:56px;min-height:56px}.neu-icon-button{background:var(--surface);color:var(--text);border-radius:50%;padding:16px;min-width:60px;min-height:60px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;transition:all .18s ease;box-shadow:6px 6px 12px var(--shadow-dark),-6px -6px 12px var(--shadow-light)}.neu-icon-button:active:not(:disabled){transform:scale(.95);box-shadow:inset 6px 6px 12px var(--shadow-dark),inset -6px -6px 12px var(--shadow-light)}.neu-button--loading{opacity:.7;pointer-events:none}.home-view{min-height:100vh;display:flex;flex-direction:column;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.home-view__header{padding:20px 24px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.home-view__title-container{flex:1}.home-view__title{font-size:28px;font-weight:700;color:var(--text);margin:0 0 4px;line-height:1.2}.home-view__subtitle{font-size:14px;color:var(--text-secondary);margin:0;font-weight:500}.theme-toggle{flex-shrink:0}.home-view__content{flex:1;padding:0 24px}.home-view__actions{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.home-view__footer{padding:24px;background:var(--bg);border-top:1px solid transparent}@media(max-width:380px){.home-view__header{padding:16px 20px}.home-view__title{font-size:24px}.home-view__subtitle{font-size:13px}.home-view__content{padding:0 20px}.home-view__footer{padding:20px}}.confirm-dialog__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;display:flex;align-items:center;justify-content:center;padding:24px;background:color-mix(in srgb,var(--bg) 70%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.confirm-dialog__card{width:100%;max-width:440px}.confirm-dialog__title{font-size:20px;font-weight:800;margin:0;color:var(--text)}.confirm-dialog__message{margin:12px 0 18px;color:var(--text-secondary);font-weight:600;line-height:1.45}.confirm-dialog__actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.capture-view{min-height:100vh;display:flex;flex-direction:column;animation:slideIn .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.capture-view__header{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}.back-button{flex-shrink:0;font-size:24px;color:var(--text)}.capture-view__title{font-size:24px;font-weight:700;color:var(--text);margin:0;text-align:center;flex:1}.capture-view__content{flex:1;padding:0 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.count-display{width:100%;max-width:320px;text-align:center;padding:32px 24px}.count-display__label{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.count-display__value{font-size:96px;font-weight:700;color:var(--accent);line-height:1}.capture-controls{width:100%;max-width:400px;display:flex;flex-direction:column;gap:24px}.capture-controls__primary{display:flex;justify-content:center;align-items:center;gap:40px}.capture-button{width:80px;height:80px;font-size:48px;font-weight:300;display:flex;align-items:center;justify-content:center;color:var(--text)}.capture-button--minus{color:var(--danger)}.capture-button--plus{color:var(--success)}.capture-controls__quick{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.capture-view__footer{padding:18px 24px 24px;background:var(--bg);display:flex;flex-direction:column;gap:12px}@media(max-width:380px){.capture-view__header{padding:16px 20px}.capture-view__title{font-size:20px}.capture-view__content{padding:0 20px;gap:36px}.count-display__value{font-size:80px}.capture-button{width:70px;height:70px;font-size:42px}.capture-controls__primary{gap:32px}.capture-view__footer{padding:16px 20px 20px}}.manual-view{min-height:100vh;display:flex;flex-direction:column;animation:slideIn .4s cubic-bezier(.68,-.55,.265,1.55)}.manual-view__header{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}.manual-view__title{font-size:22px;font-weight:800;color:var(--text);margin:0;text-align:center;flex:1}.manual-view__content{flex:1;padding:0 24px;display:flex;flex-direction:column;gap:16px}.manual-view__note{padding:16px}.manual-view__note-label{font-size:12px;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.9px;margin-bottom:10px}.manual-view__note-input{width:100%;height:188px;resize:none;border:none;outline:none;border-radius:14px;padding:14px;font-size:15px;font-weight:600;color:var(--text);background:var(--surface);box-shadow:inset 6px 6px 12px var(--shadow-dark),inset -6px -6px 12px var(--shadow-light)}.manual-view__calc{display:flex;flex-direction:column;gap:12px}.manual-view__display{padding:16px}.manual-view__display-value{font-size:42px;font-weight:800;color:var(--accent);text-align:right;line-height:1;word-break:break-all}.manual-view__history{max-height:120px;overflow:auto;padding:12px}.manual-view__history-empty{color:var(--text-secondary);font-weight:700;text-transform:uppercase;letter-spacing:.8px;font-size:12px}.manual-view__history-item{padding:8px 10px;border-radius:12px}.manual-view__history-exp{color:var(--text-secondary);font-weight:700;font-size:12px}.manual-view__history-res{margin-top:2px;font-weight:800;color:var(--text)}.manual-view__keys{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.manual-key{width:100%}.manual-key--wide{grid-column:span 2}.manual-key--accent{color:#fff;background:linear-gradient(145deg,var(--accent-light),var(--accent))}.manual-view__footer{padding:18px 24px 24px}@media(max-width:380px){.manual-view__header{padding:16px 20px}.manual-view__content{padding:0 20px}.manual-view__footer{padding:16px 20px 20px}}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(120%);z-index:1000;min-width:280px;max-width:calc(100vw - 48px);background:var(--surface);border-radius:16px;padding:16px 20px;box-shadow:8px 8px 16px var(--shadow-dark),-8px -8px 16px var(--shadow-light);transition:transform .3s cubic-bezier(.68,-.55,.265,1.55)}.toast--visible{transform:translate(-50%) translateY(0)}.toast__content{display:flex;align-items:center;gap:12px}.toast__icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.toast--success .toast__icon{background:var(--success);color:#fff}.toast--error .toast__icon{background:var(--danger);color:#fff}.toast__message{color:var(--text);font-size:15px;font-weight:500}.counter-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:24px;background:color-mix(in srgb,var(--bg) 70%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.counter-modal__card{width:100%;max-width:420px}.counter-modal__title{font-size:22px;font-weight:800;margin:0 0 8px}.counter-modal__subtitle{margin:0 0 18px;color:var(--text-secondary);line-height:1.4}.counter-modal__error{margin:0 0 16px;padding:14px 16px;border-radius:14px;color:var(--danger);box-shadow:inset 6px 6px 12px var(--shadow-dark),inset -6px -6px 12px var(--shadow-light)}.counter-modal__label{display:flex;flex-direction:column;gap:10px;font-size:13px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;margin-top:14px}.counter-modal__input{width:100%;border:none;outline:none;border-radius:14px;padding:16px;font-size:16px;font-weight:600;color:var(--text);background:var(--surface);box-shadow:inset 6px 6px 12px var(--shadow-dark),inset -6px -6px 12px var(--shadow-light)}.counter-modal__submit{margin-top:18px}.expiry-banner__wrap{padding:16px 24px 0}.expiry-banner__card{padding:16px 18px}.expiry-banner__title{font-size:14px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--danger)}.expiry-banner__subtitle{margin-top:6px;color:var(--text-secondary);font-weight:600}.require-link{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden}.require-link__content{width:100%;max-width:520px;text-align:center}.require-link__icon{width:120px;height:120px;border-radius:50%;margin:0 auto 18px;background:var(--surface);display:flex;align-items:center;justify-content:center;box-shadow:8px 8px 16px var(--shadow-dark),-8px -8px 16px var(--shadow-light)}.require-link__icon-img{width:100px;height:100px;border-radius:50%;object-fit:cover;box-shadow:inset 6px 6px 12px var(--shadow-dark),inset -6px -6px 12px var(--shadow-light)}.require-link__title{margin:0;font-size:28px;font-weight:800;color:var(--text)}.require-link__subtitle{margin:12px auto 0;max-width:440px;color:var(--text-secondary);font-weight:600;line-height:1.5}:root{--bg: #e0e0e0;--surface: #e0e0e0;--text: #1c1c1c;--text-secondary: #4a4a4a;--shadow-light: #ffffff;--shadow-dark: #b1b1b1;--accent: #4f46e5;--accent-light: #6366f1;--success: #10b981;--danger: #ef4444}[data-theme=dark]{--bg: #1e1e1e;--surface: #1e1e1e;--text: #f1f1f1;--text-secondary: #b0b0b0;--shadow-light: #2a2a2a;--shadow-dark: #121212;--accent: #6366f1;--accent-light: #818cf8;--success: #34d399;--danger: #f87171}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg);color:var(--text);transition:background-color .3s ease,color .3s ease}#root{height:100%;width:100%}button{border:none;outline:none;cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}button:disabled{opacity:.4;cursor:not-allowed}#root{width:100%;min-height:100vh;background-color:var(--bg)}