.bottom-nav-mobile{position:fixed;left:50%;bottom:1.2rem;transform:translate(-50%);width:95vw;max-width:420px;height:64px;background:#181818;border-radius:2rem;box-shadow:0 4px 24px #0005;display:flex;justify-content:space-between;align-items:center;padding:0 1.2rem;z-index:1000}.nav-mobile-item{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#bdbdbd;text-decoration:none;font-size:1.5rem;transition:color .2s,background .2s;height:100%;position:relative}.nav-mobile-item.active{color:#fff}.nav-mobile-center{position:relative;top:-22px;background:#03f;color:#fff!important;border-radius:50%;width:64px;height:64px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #03f5;font-size:2rem;z-index:2;border:4px solid #181818}.nav-mobile-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}@media (min-width: 600px){.bottom-nav-mobile{max-width:420px;left:50%;transform:translate(-50%)}}.page{min-height:100vh;background:#111;color:#fff;padding-bottom:6.5rem;box-sizing:border-box;font-family:Inter,Arial,sans-serif;width:100vw;max-width:100vw}.hide-scrollbar::-webkit-scrollbar{display:none}.spending-card{background:#232323;border-radius:1.2rem;margin:1.2rem .6rem 1.1rem;padding:1.1rem .7rem 1.2rem;box-shadow:0 2px 12px #0003}.spending-title{font-size:1rem;font-weight:500;margin-bottom:1.1rem;color:#eaeaea}.spending-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.summary-card{background:#191919;border-radius:1rem;padding:1.1rem .7rem .9rem;display:flex;flex-direction:column;align-items:flex-start;font-size:.95rem;box-shadow:0 1px 6px #0002;min-width:0}.summary-label{font-size:.93rem;color:#bdbdbd;margin-bottom:.3rem}.summary-amount{font-size:1.15rem;font-weight:600;margin-bottom:.2rem;line-height:1.2}.summary-range{font-size:.85rem;color:#aaa}.summary-progress{width:100%;height:1.1rem;border-radius:.7rem;margin-top:.3rem;background:#232323}.summary-progress.green{background:conic-gradient(#1ed760 0 75%,#232323 75% 100%)}.summary-progress.red{background:conic-gradient(#ff3c3c 0 75%,#232323 75% 100%)}.receipts-card{background:#191919;border-radius:1.1rem;margin:.7rem .6rem 1.1rem;padding:1rem .7rem .7rem}.section-title-row{display:flex;justify-content:space-between;align-items:center;font-size:1.05rem;font-weight:500;margin-bottom:.7rem;color:#fff}.view-all{color:#bdbdbd;font-size:.95rem;cursor:pointer}.receipts-list{display:flex;gap:.7rem;margin-bottom:.5rem}.receipt-img{width:3.2rem;height:3.2rem;background:#232323;border-radius:.5rem;display:flex;align-items:center;justify-content:center;position:relative}.receipt-x{width:2.1rem;height:2.1rem;border:2px solid #bdbdbd;border-radius:.2rem;background:repeating-linear-gradient(135deg,#232323 0 2px,#bdbdbd 2px 4px)}.receipts-labels{display:flex;justify-content:space-between;margin-top:.1rem;gap:.2rem}.receipt-label{font-size:.85rem;font-weight:500;margin-top:.1rem}.receipt-label.red{color:#ff3c3c}.receipt-label.green{color:#1ed760}.chat-card{background:#191919;border-radius:1.1rem;margin:.7rem .6rem 1.1rem;padding:1rem .7rem .7rem}.chat-list{display:flex;flex-direction:column;gap:.7rem;margin-bottom:4rem}.chat-item{background:#232323;border-radius:.7rem;padding:.7rem .8rem;font-size:.98rem;display:flex;flex-direction:column;gap:.2rem}.chat-title-row{display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:1.01rem;margin-bottom:.1rem}.chat-title{color:#fff}.chat-icon{color:#bdbdbd;font-size:1.1rem;margin-left:.3rem}.chat-msg{color:#bdbdbd;font-size:.93rem;line-height:1.3}@media (min-width: 480px){.spending-card,.receipts-card,.chat-card{margin-left:auto;margin-right:auto;max-width:420px}.bottom-nav-mobile{max-width:420px}}.centered-container{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dotted #888;height:300px;border-radius:10px}.payment-heading{color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:20px;text-align:center}.alerts-page{display:flex;flex-direction:row;align-items:center;justify-content:center}.skeleton-container{padding:1rem;background:#0f0f0f;min-height:100vh;color:#fff;animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%{background-color:#1e1e1e}50%{background-color:#2b2b2b}to{background-color:#1e1e1e}}.progress-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.skeleton-card{background:#1d1d1d;border-radius:10px;padding:1rem;display:flex;flex-direction:column;align-items:center}.skeleton-circle{width:50px;height:50px;border-radius:50%;background:#333;margin-bottom:.5rem}.skeleton-line{width:60%;height:12px;background:#333;border-radius:4px;margin:4px 0}.skeleton-line.short{width:30%}.skeleton-title{width:40%;height:18px;background:#333;margin:1.5rem 0 .5rem;border-radius:4px}.receipts-row{display:flex;gap:1rem;margin-bottom:1.5rem}.receipt-card{flex:1;background:#1d1d1d;padding:1rem;border-radius:10px}.skeleton-button{width:60px;height:24px;background:#444;border-radius:4px;margin-top:.5rem}.chat-box{width:100%;height:80px;background:#1d1d1d;border-radius:10px}.bottom-nav{position:fixed;bottom:0;left:0;width:100%;background:#151515;display:flex;justify-content:space-around;align-items:center;padding:.8rem 0;border-top:1px solid #222}.nav-icon{width:24px;height:24px;background:#333;border-radius:50%}.ask-page{background:#000;color:#fff;height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar{position:fixed;top:0;left:-300px;width:300px;height:100vh;background:#1a1a1a;z-index:999;transition:left .3s ease-in-out;border-right:1px solid #333;display:flex;flex-direction:column}.sidebar-open{left:0}.sidebar-header{padding:20px;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center}.sidebar-header h3{margin:0;font-size:18px;font-weight:600}.close-sidebar{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.close-sidebar:hover{background-color:#333}.new-chat-btn{margin:20px;padding:12px 16px;background:#007aff;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.new-chat-btn:hover{background:#0056cc}.chat-list{flex:1;overflow-y:auto;padding:0 20px}.chat-item{padding:12px 16px;margin-bottom:8px;border-radius:8px;cursor:pointer;transition:background-color .2s;border:1px solid transparent}.chat-item:hover{background-color:#2a2a2a}.chat-item.active{background-color:#333;border-color:#007aff}.chat-item span{display:block;font-weight:500;margin-bottom:4px}.chat-item small{color:#888;font-size:12px}.ask-content{flex:1;display:flex;flex-direction:column;position:relative}.ask-header{padding:20px;display:flex;align-items:center;justify-content:space-between}.save-chat-btn{background:#007aff;color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.hamburger-menu{background:none;border:none;cursor:pointer;padding:8px;display:flex;flex-direction:column;gap:4px;border-radius:4px;transition:background-color .2s}.hamburger-menu:hover{background-color:#1a1a1a}.hamburger-line{width:20px;height:2px;background:#fff;border-radius:1px;transition:all .3s ease}.chat-container{flex:1;overflow-y:auto;padding:0 20px;display:flex;flex-direction:column;margin-bottom:20px;max-height:68vh}.welcome-screen{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px 20px}.welcome-screen h1{font-size:32px;font-weight:700;margin-bottom:16px;color:#fff}.welcome-screen p{font-size:18px;color:#888;line-height:1.5;max-width:400px}.messages{display:flex;flex-direction:column;gap:20px;padding:20px 0}.message-pair{display:flex;flex-direction:column;gap:12px}.message{max-width:80%;word-wrap:break-word}.user-message{align-self:flex-end}.user-message .message-content{background:#007aff;color:#fff;padding:12px 16px;border-radius:18px 18px 4px;font-size:16px;line-height:1.4}.bot-message{align-self:flex-start}.bot-message .message-content{background:#1a1a1a;color:#fff;padding:12px 16px;border-radius:18px 18px 18px 4px;font-size:16px;line-height:1.4;border:1px solid #333}.typing-animation{display:flex;align-items:center;padding:8px 12px;background:#2c2c2c;border-radius:8px;max-width:200px}.typing-dots span{display:inline-block;width:8px;height:8px;margin:0 2px;background-color:#ccc;border-radius:50%;animation:blink 1.4s infinite ease-in-out both}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.input-area{padding:20px;border-top:1px solid #333}.input-container{display:flex;align-items:center;background:#1a1a1a;border:1px solid #333;border-radius:25px;padding:4px;transition:border-color .2s}.input-container:focus-within{border-color:#007aff}.message-input{flex:1;background:none;border:none;color:#fff;padding:12px 16px;font-size:16px;outline:none}.message-input::placeholder{color:#666}.send-button{background:#007aff;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s;margin-right:4px}.send-button:hover{background:#0056cc}.send-button:disabled{background:#333;cursor:not-allowed}@media (max-width: 768px){.sidebar{width:280px}.welcome-screen h1{font-size:28px}.welcome-screen p{font-size:16px}.message{max-width:90%}.ask-header{padding:16px}.chat-container{padding:0 16px}.input-area{padding:16px}}@media (max-width: 480px){.sidebar{width:100vw;left:-100vw}.sidebar-open{left:0}.welcome-screen{padding:20px}.welcome-screen h1{font-size:24px}.welcome-screen p,.message-input,.user-message .message-content,.bot-message .message-content{font-size:14px}}.chat-container{scroll-behavior:smooth}.chat-container::-webkit-scrollbar{width:6px}.chat-container::-webkit-scrollbar-track{background:transparent}.chat-container::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.chat-container::-webkit-scrollbar-thumb:hover{background:#555}.chat-list::-webkit-scrollbar{width:6px}.chat-list::-webkit-scrollbar-track{background:transparent}.chat-list::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.chat-list::-webkit-scrollbar-thumb:hover{background:#555}.spinner-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:9999}.spinner{width:48px;height:48px;border:5px solid rgba(255,255,255,.2);border-top-color:#36d7b7;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.scan-page{background-color:#000;color:#fff;min-height:100vh;display:flex;flex-direction:column;padding:20px 20px 80px}.scan-upload-container{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px;max-width:400px;margin:0 auto}.upload-section{border:2px dashed #333;border-radius:12px;padding:60px 40px;text-align:center;cursor:pointer;transition:border-color .3s ease;width:100%}.upload-section:hover{border-color:#555}.upload-icon{margin-bottom:20px;color:#fff}.upload-icon svg{transform:rotate(180deg)}.upload-title{font-size:20px;font-weight:600;margin-bottom:8px;color:#fff}.upload-subtitle{color:#888;font-size:14px}.divider-section{position:relative;width:100%;text-align:center}.divider-text{background-color:#000;padding:0 20px;color:#888;font-size:14px;position:relative}.divider-text:before{content:"";position:absolute;top:50%;left:-150px;right:-150px;height:1px;background-color:#333;z-index:-1}.camera-button{background-color:#007aff;border:none;border-radius:12px;padding:16px 24px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:12px;width:100%;justify-content:center;transition:background-color .3s ease}.camera-button:hover{background-color:#0056cc}.camera-icon{font-size:20px}.image-preview-container{flex:1;display:flex;flex-direction:column;max-width:500px;margin:0 auto;width:100%}.image-preview-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.back-button{background:none;border:none;color:#007aff;font-size:16px;cursor:pointer;padding:8px}.image-preview-header h2{color:#fff;font-size:20px;font-weight:600}.image-preview{flex:1;display:flex;justify-content:center;align-items:center;margin-bottom:5px;border-radius:12px;overflow:hidden;background-color:#111}.scanned-image{max-width:60%;max-height:40vh;object-fit:contain;border-radius:8px}.image-actions{display:flex;gap:12px;margin-bottom:4rem;margin-top:10px}.action-button{flex:1;padding:16px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;border:none;transition:all .3s ease}.action-button.secondary{background-color:#333;color:#fff}.action-button.secondary:hover{background-color:#444}.action-button.primary{background-color:#007aff;color:#fff}.action-button.primary:hover{background-color:#0056cc}@media (max-width: 480px){.scan-page{padding:16px}.upload-section{padding:40px 20px}.divider-text:before{left:-100px;right:-100px}}
