#root{min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}body{color:#0c0e16;background:#f8f8fb;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{width:100%;min-height:100vh;overflow-x:hidden}.home-container{width:100%;max-width:800px;margin:0 auto;padding:2rem 1rem;overflow-x:hidden}.home-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.home-header h1{margin:0;font-size:2rem;font-weight:700}.invoice-count{color:#888eb0;margin-top:.25rem;font-size:.8125rem}.new-invoice-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#7c5dfa;border:none;border-radius:30px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.new-invoice-btn:hover{background:#9277ff;transform:translateY(-2px)}.plus-icon{color:#7c5dfa;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-weight:700;line-height:1;display:inline-flex}.filter-container{width:100%;margin-bottom:2rem}.filter-buttons{flex-wrap:wrap;gap:.75rem;display:flex}.filter-btn{cursor:pointer;background:#f1f1f1;border:none;border-radius:30px;padding:.5rem 1.25rem;font-family:inherit;font-size:.8125rem;font-weight:500;transition:all .2s}.filter-btn:hover{background:#e0e0e0;transform:translateY(-1px)}.filter-btn.active{color:#fff;background:#7c5dfa}.empty-state{text-align:center;color:#888eb0;padding:3rem 1rem}.invoices-list{width:100%}.invoice-card-link{width:100%;text-decoration:none;display:block}.invoice-card{cursor:pointer;background:#fff;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;margin-bottom:1rem;padding:1.25rem;transition:all .2s;display:flex;box-shadow:0 4px 6px #0000000d}.invoice-card:hover{transform:translateY(-2px);box-shadow:0 8px 15px #0000001a}.card-left{flex-direction:column;gap:.5rem;display:flex}.invoice-id{color:#0c0e16;font-size:1rem;font-weight:700}.hash{color:#7e88c3}.invoice-date,.invoice-client{color:#888eb0;font-size:.8125rem}.card-right{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.invoice-amount{color:#0c0e16;white-space:nowrap;font-size:1rem;font-weight:700}.arrow-icon{color:#7c5dfa}.status-badge{border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:700;display:inline-flex}.status-dot{border-radius:50%;width:8px;height:8px}.status-paid{color:#33d69f;background:#33d69f1a}.status-paid .status-dot{background:#33d69f}.status-pending{color:#ff8f00;background:#ff8f001a}.status-pending .status-dot{background:#ff8f00}.status-draft{color:#373b53;background:#373b531a}.status-draft .status-dot{background:#373b53}@media (width<=640px){.home-container{padding:1rem}.home-header{flex-direction:column;align-items:flex-start}.new-invoice-btn{white-space:normal;justify-content:center;width:100%}.filter-buttons{gap:.5rem}.filter-btn{padding:.4rem 1rem;font-size:.75rem}.invoice-card{flex-direction:column;align-items:flex-start}.card-right{justify-content:space-between;width:100%}.invoice-amount{font-size:.875rem}}@media (width>=641px) and (width<=1024px){.home-container{max-width:90%;padding:1.5rem}}@media (width>=1025px){.home-container{max-width:800px}}.dark-mode body{background:#141625}.dark-mode .invoice-card{background:#1e2139}.dark-mode .invoice-id,.dark-mode .invoice-amount{color:#fff}.dark-mode .invoice-date,.dark-mode .invoice-client{color:#dfe3fa}.dark-mode .filter-btn{color:#fff;background:#252945}.dark-mode .filter-btn.active{background:#7c5dfa}.dark-mode .empty-state{color:#dfe3fa}.filter-btn{pointer-events:auto;transition:all .15s}.filter-btn:active{transform:scale(.98)}@media (width<=640px){.form-actions{flex-direction:column}.form-actions button,.form-actions a{text-align:center;width:100%}}