body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;margin:0}.invoice-container{margin:40px auto;max-width:1100px;padding:30px}.header{align-items:center;display:flex;justify-content:space-between}.header-left{display:flex;flex-direction:column}.header-left h1{font-size:32px;font-weight:800;letter-spacing:-.8px;margin-bottom:12px}.invoice-count{color:#6b7280;font-size:14px}.header-left p{color:#6b7280;font-size:16px;font-weight:600;margin-bottom:20px}.header-right{align-items:center;display:flex;gap:10px}.new-btn{background:#4f46e5;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:500;margin-bottom:24px;padding:10px 16px;transition:.25s ease}.new-btn:hover{background:#4338ca;transform:translateY(-2px)}.invoice-card{align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:14px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:12px;padding:18px;transition:.2s ease}.invoice-card:hover{border:1px solid #7c5dfa}.invoice-card h3{font-size:15px;font-weight:600}.invoice-card p{font-size:14px}.status{border-radius:999px;font-size:12px;font-weight:700;padding:6px 12px}.status.paid{background:#33d69f1a;color:#33d69f}.status.pending{background:#ff8f001a;color:#ff8f00}.status.draft{background:#373b531a;color:#373b53}.form-container{border-radius:14px;box-shadow:0 4px 14px #0000000f;margin-bottom:20px;padding:20px}.form-container h2{margin-top:0}input,select{border:1px solid #e5e7eb;border-radius:10px;margin-bottom:12px;margin-top:5px;outline:none;padding:10px;width:100%}input:focus,select:focus{border-color:#4f46e5}.form-buttons{display:flex;gap:10px}.form-buttons button{border:none;border-radius:10px;cursor:pointer;flex:1 1;padding:10px;transition:.25s ease}.form-buttons button:hover{background:#a9afbc;transform:translateY(-2px)}.modal-overlay{align-items:center;background:#11182799;display:flex;inset:0;justify-content:center;position:fixed}.modal{background:#fff;border-radius:14px;padding:20px;text-align:center;width:300px}.modal button{border:none;border-radius:8px;cursor:pointer;margin:5px;padding:8px 12px}.modal button:hover{background:#a9afbc;transform:translateY(-2px)}.detail-wrapper{align-items:center;display:flex;flex-direction:column}.back-btn{align-self:flex-start;background:#0000;border:none;color:#160bec;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:15px}.back-btn:hover{color:#2019ae}.detail-card{background:#fff;border-radius:16px;box-shadow:0 6px 18px #00000014;max-width:600px;padding:24px;width:25%}.detail-header{align-items:center;display:flex;justify-content:space-between}.detail-header h2{font-size:20px;margin:0}.detail-body{margin-top:20px}.detail-body p{color:#374151;font-size:14px;margin:10px 0}.detail-body span{color:#111827;font-weight:600}.detail-actions{display:flex;gap:12px;margin-top:25px}.detail-actions button{font-weight:600;letter-spacing:.3px}.paid-btn{background:#10b981;border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:10px;transition:all .2s ease}.paid-btn:hover{background:#059669;transform:translateY(-1px)}.edit-btn{background:#4f46e5;border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;padding:10px}.edit-btn:hover{background:#181281;transform:translateY(-1px)}.delete-btn{background:#ef4444;border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;padding:10px}.delete-btn:hover{background:#bc1010;transform:translateY(-1px)}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.filter-bar,.new-btn,.theme-btn{margin-bottom:16px}.filter-bar button{background:#fff;border:1px solid #e5e7eb;border-radius:999px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px;transition:.2s}.filter-bar .active,.filter-bar button:hover{background:#4f46e5;border-color:#4f46e5;color:#fff}body.light{background:#ecf0f9;color:#111827}body.dark{background:#0f172a;color:#e5e7eb}body.dark .invoice-card{background:#30425f;color:#e5e7eb}body.dark .new-btn{background:#6366f1}body.dark .filter-bar button{background:#111827;border:1px solid #334155;color:#e5e7eb}body.dark .modal{background:#1e293b;color:#fff}.theme-btn{background:#111827;border:none;border-radius:18px;cursor:pointer;margin-bottom:18px;margin-left:5px;padding:8px}input.error{border:1px solid #ef4444}.error-text{color:#ef4444;font-size:12px;margin-bottom:10px}
/*# sourceMappingURL=main.ac661ffc.css.map*/