.m-app{position:fixed;inset:0;background:var(--gray-50);display:flex;flex-direction:column;font-family:DM Sans,sans-serif;max-width:500px;margin:0 auto;box-shadow:0 0 60px #00000014;overflow:hidden}.m-header{background:linear-gradient(135deg,var(--primary-900),var(--primary-800));color:#fff;padding:14px 16px;display:flex;align-items:center;gap:12px;min-height:56px;flex-shrink:0}.m-header-logo img{height:32px;width:auto}.m-back-btn{color:#fff;padding:4px;border-radius:8px}.m-back-btn:hover{background:#ffffff1a}.m-header-titles{flex:1}.m-header-title{font-size:16px;font-weight:700;line-height:1.2}.m-header-sub{font-size:11px;opacity:.75}.m-header-actions{display:flex;align-items:center;gap:8px}.m-lang-badge{font-size:10px;font-weight:700;background:#ffffff2e;padding:4px 8px;border-radius:12px;letter-spacing:.5px}.m-body{flex:1;overflow-y:auto;padding:16px 16px 80px}.m-welcome{display:flex;align-items:center;gap:12px;margin-bottom:16px}.m-user-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary-700),var(--primary-500));color:#fff;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center}.m-welcome-hi{font-size:12px;color:var(--gray-500)}.m-welcome-name{font-size:18px;font-weight:700;color:var(--gray-900)}.m-status-card{background:#fff;border-radius:16px;padding:16px;margin-bottom:16px;box-shadow:0 1px 4px #0000000f;border:1px solid var(--gray-100)}.m-status-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.m-status-label{font-size:11px;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px}.m-status-value-active{color:var(--accent-green);font-weight:700;font-size:15px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}.m-status-value-inactive{color:var(--gray-400);font-weight:600;font-size:14px;margin-top:4px}.m-status-mode{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;background:var(--primary-50);color:var(--primary-800);padding:3px 8px;border-radius:10px}.m-clock-now{font-family:DM Mono,monospace;font-size:28px;font-weight:700;color:var(--gray-900)}.m-status-foot{margin-top:10px;padding-top:10px;border-top:1px solid var(--gray-100);font-size:12px;color:var(--gray-600)}.m-pulse{width:8px;height:8px;border-radius:50%;background:var(--accent-green);display:inline-block;animation:m-pulse 2s infinite}.m-pulse-white{width:7px;height:7px;border-radius:50%;background:#fff;display:inline-block;animation:m-pulse-w 2s infinite}@keyframes m-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}@keyframes m-pulse-w{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.m-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.m-quick-btn{background:#fff;border-radius:16px;padding:20px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--gray-900);box-shadow:0 1px 4px #0000000f;border:1px solid var(--gray-100);transition:all .15s}.m-quick-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.m-q-primary{background:linear-gradient(135deg,var(--primary-700),var(--primary-800));color:#fff;border:none}.m-q-secondary{background:linear-gradient(135deg,#009098,#007075);color:#fff;border:none}.m-section-label{font-size:11px;font-weight:700;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;margin:16px 0 10px}.m-recent-list{display:flex;flex-direction:column;gap:8px}.m-recent-item{background:#fff;border-radius:12px;padding:12px;display:flex;align-items:center;gap:12px;box-shadow:0 1px 3px #0000000a}.m-recent-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.m-icon-green{background:#e6f0ec;color:var(--accent-green)}.m-icon-blue{background:#e6f4f5;color:#009098}.m-icon-amber{background:#fef3c7;color:#b45309}.m-recent-content{flex:1}.m-recent-title{font-size:13px;font-weight:600;color:var(--gray-900)}.m-recent-sub{font-size:11px;color:var(--gray-500);margin-top:1px}.m-exit-btn{margin-top:20px;display:flex;align-items:center;gap:4px;color:var(--gray-400);font-size:12px;padding:8px;border-radius:8px}.m-exit-btn:hover{color:var(--gray-700);background:var(--gray-100)}.m-clock-hero{background:linear-gradient(160deg,var(--primary-800),var(--primary-900));border-radius:20px;padding:28px 20px;color:#fff;text-align:center;margin-bottom:20px;box-shadow:0 6px 20px #00684840;position:relative;overflow:hidden}.m-clock-hero:before{content:"";position:absolute;top:-40%;right:-20%;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 70%)}.m-clock-date{font-size:13px;opacity:.85;text-transform:capitalize;margin-bottom:8px}.m-clock-big{font-family:DM Mono,monospace;font-size:56px;font-weight:700;line-height:1;letter-spacing:-2px;display:inline}.m-clock-seconds{font-family:DM Mono,monospace;font-size:22px;font-weight:500;opacity:.7;margin-left:6px}.m-clock-status-pill{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;flex-wrap:wrap;justify-content:center}.m-pill-active{background:#10b98140}.m-pill-inactive{background:#ffffff1f;opacity:.85}.m-clock-mode-badge{background:#fff3;padding:2px 8px;border-radius:10px;font-size:11px;display:inline-flex;align-items:center;gap:3px;margin-left:4px}.m-clock-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.m-bigbtn{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px;border-radius:14px;font-size:15px;font-weight:700;transition:all .15s;color:#fff}.m-btn-in{background:linear-gradient(135deg,#10b981,#059669)}.m-btn-lunch{background:linear-gradient(135deg,#f59e0b,#d97706)}.m-btn-out{background:linear-gradient(135deg,#ef4444,#dc2626)}.m-bigbtn:hover:not(.disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.m-bigbtn.disabled{opacity:.35;cursor:not-allowed;background:var(--gray-300);color:var(--gray-500)}.m-summary-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;background:#fff;border-radius:14px;padding:14px;box-shadow:0 1px 4px #0000000f}.m-sum-item{text-align:center}.m-sum-label{font-size:10px;color:var(--gray-500);text-transform:uppercase;letter-spacing:.4px}.m-sum-value{font-family:DM Mono,monospace;font-size:18px;font-weight:700;color:var(--gray-900);margin-top:2px}.m-modal-back{position:fixed;inset:0;z-index:100;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;animation:m-fade-in .2s}@keyframes m-fade-in{0%{opacity:0}to{opacity:1}}.m-modal-sheet{background:#fff;width:100%;max-width:500px;border-radius:24px 24px 0 0;padding:12px 20px 24px;animation:m-slide-up .25s ease-out}@keyframes m-slide-up{0%{transform:translateY(40px)}to{transform:translateY(0)}}.m-modal-handle{width:40px;height:4px;background:var(--gray-300);border-radius:2px;margin:0 auto 16px}.m-modal-title{font-size:18px;font-weight:700;color:var(--gray-900);margin-bottom:4px}.m-modal-sub{font-size:13px;color:var(--gray-500);margin-bottom:20px}.m-mode-card{width:100%;display:flex;align-items:center;gap:14px;padding:16px;border-radius:14px;border:2px solid var(--gray-100);margin-bottom:12px;text-align:left;transition:all .15s;background:#fff}.m-mode-card:hover{border-color:var(--primary-500);background:var(--primary-50)}.m-mode-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.m-mode-icon-green{background:var(--primary-100);color:var(--primary-800)}.m-mode-icon-blue{background:#dbeafe;color:#1e40af}.m-mode-text{flex:1}.m-mode-label{font-size:16px;font-weight:700;color:var(--gray-900)}.m-mode-desc{font-size:12px;color:var(--gray-500);margin-top:2px}.m-mode-arrow{color:var(--gray-300)}.m-mode-card:hover .m-mode-arrow{color:var(--primary-700)}.m-modal-cancel{width:100%;padding:14px;background:var(--gray-100);border-radius:12px;font-size:14px;font-weight:600;color:var(--gray-700);margin-top:8px}.m-new-expense-btn{width:100%;padding:14px;background:linear-gradient(135deg,var(--primary-700),var(--primary-800));color:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:700;box-shadow:0 4px 12px #00684840}.m-exp-list{display:flex;flex-direction:column;gap:10px}.m-exp-card{background:#fff;border-radius:14px;padding:14px;box-shadow:0 1px 4px #0000000f}.m-exp-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.m-exp-month{font-family:DM Mono,monospace;font-size:12px;font-weight:600;color:var(--gray-500)}.m-exp-motive{font-size:14px;font-weight:600;color:var(--gray-900);margin-top:2px;line-height:1.3}.m-exp-badge{padding:4px 10px;border-radius:12px;font-size:10.5px;font-weight:700;white-space:nowrap}.m-badge-green{background:#d1fae5;color:#065f46}.m-badge-orange{background:#fef3c7;color:#b45309}.m-badge-red{background:#fee2e2;color:#991b1b}.m-exp-foot{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--gray-500)}.m-exp-total{font-family:DM Mono,monospace;font-size:17px;font-weight:700;color:var(--gray-900)}.m-exp-lines{font-size:12px}.m-capture-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:8px}.m-capture-card{background:#fff;border-radius:14px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;box-shadow:0 1px 4px #0000000f;border:1px solid var(--gray-100)}.m-capture-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff}.m-capture-blue{background:linear-gradient(135deg,#009098,#007075)}.m-capture-amber{background:linear-gradient(135deg,#f59e0b,#d97706)}.m-capture-label{font-size:13px;font-weight:700;color:var(--gray-900)}.m-capture-desc{font-size:11px;color:var(--gray-500)}.m-form-group{margin-bottom:14px}.m-form-group label{display:block;font-size:11px;font-weight:700;color:var(--gray-600);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}.m-input,.m-input-big{width:100%;padding:12px 14px;border:1px solid var(--gray-200);border-radius:12px;font-family:inherit;font-size:14px;background:#fff;outline:none;color:var(--gray-900)}.m-input-big{font-size:22px;font-weight:700;padding:16px;text-align:right;font-family:DM Mono,monospace}.m-input:focus,.m-input-big:focus{border-color:var(--primary-500)}.m-cat-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.m-cat-btn{background:#fff;border:1px solid var(--gray-200);border-radius:10px;padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10.5px;font-weight:600;color:var(--gray-700);text-align:center}.m-cat-btn:hover{border-color:var(--primary-500);background:var(--primary-50);color:var(--primary-800)}.m-pay-toggle{display:flex;gap:8px}.m-pay-btn{flex:1;padding:10px;background:#fff;border:1px solid var(--gray-200);border-radius:10px;font-size:12px;font-weight:600;color:var(--gray-600);display:flex;align-items:center;justify-content:center;gap:6px}.m-pay-btn.active{background:var(--primary-50);border-color:var(--primary-500);color:var(--primary-800)}.m-submit-btn{width:100%;padding:16px;background:linear-gradient(135deg,var(--primary-700),var(--primary-800));color:#fff;border-radius:14px;font-size:15px;font-weight:700;margin-top:20px;box-shadow:0 4px 12px #00684840}.m-camera-overlay{position:fixed;inset:0;z-index:200;background:#000;display:flex;flex-direction:column;max-width:500px;margin:0 auto}.m-camera-header{display:flex;align-items:center;gap:16px;padding:14px 16px;color:#fff;background:#0009}.m-camera-close{color:#fff;padding:4px}.m-camera-title{font-size:16px;font-weight:700}.m-camera-view{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:repeating-linear-gradient(45deg,#111 0px 8px,#1a1a1a 8px 16px)}.m-qr-frame{width:240px;height:240px;position:relative;margin-bottom:16px}.m-qr-corner{position:absolute;width:30px;height:30px;border:4px solid white}.m-qr-corner.tl{top:0;left:0;border-right:none;border-bottom:none}.m-qr-corner.tr{top:0;right:0;border-left:none;border-bottom:none}.m-qr-corner.bl{bottom:0;left:0;border-right:none;border-top:none}.m-qr-corner.br{bottom:0;right:0;border-left:none;border-top:none}.m-qr-scan-line{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#009098,transparent);box-shadow:0 0 10px #009098;animation:m-scan 2s ease-in-out infinite}@keyframes m-scan{0%,to{top:0}50%{top:calc(100% - 2px)}}.m-camera-hint{color:#fff;opacity:.85;font-size:13px}.m-photo-frame{width:240px;height:320px;border:4px dashed white;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.m-photo-hint{font-size:50px;opacity:.4}.m-photo-preview{background:#fff;border-radius:16px;padding:20px;max-width:360px;width:100%;margin:0 16px}.m-photo-preview-box{background:var(--gray-100);border-radius:8px;padding:16px;margin-bottom:16px}.m-receipt-mock{background:#fff;padding:12px;font-family:DM Mono,monospace;font-size:11px;color:var(--gray-900)}.m-receipt-store{font-weight:700;text-align:center;border-bottom:1px dashed var(--gray-400);padding-bottom:6px;margin-bottom:6px}.m-receipt-line{padding:2px 0}.m-receipt-tot{font-weight:700;border-top:1px dashed var(--gray-400);padding-top:6px;margin-top:6px}.m-receipt-date{text-align:center;margin-top:6px;color:var(--gray-500);font-size:10px}.m-photo-ocr{background:var(--primary-50);border-radius:10px;padding:12px;font-size:12px}.m-ocr-row{padding:2px 0;color:var(--gray-700)}.m-ocr-row strong{color:var(--primary-800)}.m-shutter-btn{width:72px;height:72px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;margin:20px auto;border:4px solid rgba(255,255,255,.3);background-clip:content-box}.m-shutter-inner{width:56px;height:56px;border-radius:50%;background:#fff;transition:transform .1s}.m-shutter-btn:active .m-shutter-inner{transform:scale(.9);background:var(--gray-300)}.m-camera-footer{padding:20px;display:flex;justify-content:center}.m-camera-action{background:#fff;color:var(--gray-900);padding:12px 24px;border-radius:12px;font-weight:700;font-size:13px}.m-scan-result-modal{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;padding:24px;animation:m-fade-in .2s}.m-scan-result-card{background:#fff;border-radius:20px;padding:24px;max-width:360px;width:100%}.m-scan-success{width:64px;height:64px;border-radius:50%;background:#d1fae5;color:var(--accent-green);display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.m-scan-result-title{font-size:18px;font-weight:700;text-align:center;color:var(--gray-900);margin-bottom:16px}.m-scan-result-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--gray-100);font-size:13px;color:var(--gray-600)}.m-scan-result-row strong{color:var(--gray-900)}.m-scan-result-row:last-of-type{border-bottom:none}.m-bottom-nav{display:flex;background:#fff;border-top:1px solid var(--gray-200);padding:8px 0 max(8px,env(safe-area-inset-bottom));flex-shrink:0}.m-tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px;color:var(--gray-400);font-size:10.5px;font-weight:600}.m-tab-btn.active{color:var(--primary-800)}