html{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--color-primary:#d38f3c;--color-primary-hover:#b87a2f;--color-secondary:#000;--color-background:#f8f9fa;--color-card:#fff;--color-input-bg:#f5f5f5;--color-border:#e0e0e0;--color-text-primary:#1a1a1a;--color-text-secondary:#666;--color-shadow-rust:#d38f3c40;--color-shadow-card:#00000014}html{min-height:100%}body,html{background:linear-gradient(135deg,#d3d3d3,#a0a0a0 50%,#696969);background-attachment:fixed}body{color:#1a1a1a;color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.4;margin:0;min-height:100vh;padding:0}.invoice-container{background-color:#fffffff2;box-shadow:0 2px 8px #0000001a;margin:16px auto;max-width:1400px;min-height:calc(100vh - 40px);padding:12px}h1{font-size:32px;line-height:1.2;margin-bottom:12px}h1,h2{color:#1a1a1a;color:var(--color-text-primary);font-weight:600}h2{font-size:24px;line-height:1.3;margin-bottom:8px}h3{font-size:18px;font-weight:500;line-height:1.4;margin-bottom:8px}body,div,h3,p,span{color:#1a1a1a;color:var(--color-text-primary)}body,div,p,span{font-size:14px;font-weight:400}.form-label,label{color:#000;display:block;font-size:13px;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.text-small,small{color:#666;color:var(--color-text-secondary);font-size:12px;font-weight:400}.modern-section{background-color:#fefefe;border:1px solid #e0e0e0;border:1px solid var(--color-border);border-radius:8px;box-shadow:0 1px 3px #00000014;box-shadow:0 1px 3px var(--color-shadow-card);margin:10px 0;padding:12px}.section-title{border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--color-border);font-size:24px;font-weight:600;margin-bottom:8px;padding-bottom:6px}.section-subtitle,.section-title{color:#1a1a1a;color:var(--color-text-primary)}.section-subtitle{font-size:18px;font-weight:500;margin-bottom:10px}.form-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.form-field{display:flex;flex-direction:column;margin-bottom:6px}.form-field label{color:#000;font-size:13px;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.form-input,.form-select,.form-textarea{background-color:#f5f5f5;background-color:var(--color-input-bg);border:1px solid #e0e0e0;border:1px solid var(--color-border);border-radius:6px;box-sizing:border-box;color:#1a1a1a;color:var(--color-text-primary);font-family:inherit;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;width:100%}.form-field input[type=date],input[type=date].form-input{max-width:200px;width:200px}.form-input:focus,.form-select:focus,.form-textarea:focus{background-color:#fff;border-color:#d38f3c;border-color:var(--color-primary);box-shadow:0 0 0 3px #d38f3c40;box-shadow:0 0 0 3px var(--color-shadow-rust)}.form-input:hover,.form-select:hover,.form-textarea:hover{background-color:#fafafa;border-color:#d38f3c;border-color:var(--color-primary)}.form-textarea{background-color:#f5f5f5;background-color:var(--color-input-bg);line-height:1.4;min-height:80px;resize:vertical}.form-textarea:hover{background-color:#fafafa}.form-textarea:focus{background-color:#fff}input[type=date],input[type=email],input[type=number],input[type=tel],input[type=text]{background-color:#f5f5f5;background-color:var(--color-input-bg);border:1px solid #e0e0e0;border:1px solid var(--color-border);border-radius:6px;font-size:14px;padding:8px 12px;transition:background-color .2s ease,border-color .2s ease}input[type=date]:hover,input[type=email]:hover,input[type=number]:hover,input[type=tel]:hover,input[type=text]:hover{background-color:#fafafa;border-color:#d38f3c;border-color:var(--color-primary)}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=text]:focus{background-color:#fff;border-color:#d38f3c;border-color:var(--color-primary);box-shadow:0 0 0 3px #d38f3c40;box-shadow:0 0 0 3px var(--color-shadow-rust);outline:none}input[type=file]{background-color:#f5f5f5;background-color:var(--color-input-bg);border:1px dashed #e0e0e0;border:1px dashed var(--color-border);border-radius:6px;cursor:pointer;padding:10px;transition:border-color .2s ease,background-color .2s ease}input[type=file]:hover{background-color:#d38f3c14;border-color:#d38f3c;border-color:var(--color-primary)}.btn,button{background-color:#d38f3c;background-color:var(--color-primary);border:none;border-radius:6px;box-shadow:0 2px 8px #d38f3c40;box-shadow:0 2px 8px var(--color-shadow-rust);color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.btn:hover,button:hover{background-color:#b87a2f;background-color:var(--color-primary-hover);box-shadow:0 4px 12px #d38f3c40;box-shadow:0 4px 12px var(--color-shadow-rust);transform:translateY(-1px)}.btn:active,button:active{box-shadow:0 2px 6px #d38f3c40;box-shadow:0 2px 6px var(--color-shadow-rust);transform:translateY(0)}.btn:disabled,button:disabled{background-color:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.btn-secondary{background-color:#000;background-color:var(--color-secondary);box-shadow:0 2px 8px #0003}.btn-secondary:hover{background-color:#333;box-shadow:0 4px 12px #0000004d}.btn-success{background-color:#27ae60;box-shadow:0 2px 8px #27ae6040}.btn-success:hover{background-color:#229954;box-shadow:0 4px 12px #27ae6059}.btn-danger{background-color:#e74c3c;box-shadow:0 2px 8px #e74c3c40}.btn-danger:hover{background-color:#c0392b;box-shadow:0 4px 12px #e74c3c59}.button-group{margin-top:16px}.action-buttons,.button-group{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.action-buttons{margin:8px 0}.action-buttons button{min-width:160px}table{background-color:#fff;background-color:var(--color-card);border:1px solid var(--color-border);border-collapse:collapse;border-radius:8px;box-shadow:0 1px 3px #00000014;box-shadow:0 1px 3px var(--color-shadow-card);margin:8px 0;overflow:hidden;width:100%}table,table td,table th{border:1px solid #e0e0e0}table td,table th{border-bottom:1px solid #e0e0e0;border:1px solid var(--color-border);padding:10px 12px;text-align:left}table th{background-color:#d38f3c;background-color:var(--color-primary);border:1px solid #d38f3c;border:1px solid var(--color-primary);color:#fff;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}table tr{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border)}table tr:hover{background-color:#d38f3c0d}table tr:nth-child(2n){background-color:#f8f9fa;background-color:var(--color-background)}table tr:nth-child(2n):hover{background-color:#d38f3c14}.table-actions{display:flex;gap:8px;justify-content:center}.table-actions button{box-shadow:0 1px 4px #d38f3c40;box-shadow:0 1px 4px var(--color-shadow-rust);font-size:12px;padding:6px 14px}.summary-box{align-self:start;background-color:#f8f9fa;border:1px solid #e0e0e0;border:1px solid var(--color-border);border-radius:8px;height:-webkit-fit-content;height:fit-content;min-width:280px;padding:16px}.summary-item{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:10px 0}.summary-item:last-child{border-bottom:none;border-top:2px solid #e0e0e0;border-top:2px solid var(--color-border);font-size:16px;font-weight:600;margin-top:8px;padding-top:16px}.summary-label{color:#666;color:var(--color-text-secondary);font-size:14px;font-weight:500}.summary-value{color:#1a1a1a;color:var(--color-text-primary);font-size:14px;font-weight:600}.file-upload-section{align-items:center;background-color:#fff;background-color:var(--color-card);border:1px solid #e0e0e0;border:1px solid var(--color-border);border-radius:8px;display:flex;flex-direction:row;gap:8px;margin-bottom:8px;padding:8px}.file-upload-section label{color:#d38f3c;color:var(--color-primary);margin-bottom:8px}.file-upload-section input[type=file]{max-width:300px}.pdf-preview-container{background-color:#fff;background-color:var(--color-card);border:1px solid #e0e0e0;border:1px solid var(--color-border);border-radius:8px;box-shadow:0 1px 3px #00000014;box-shadow:0 1px 3px var(--color-shadow-card);margin:8px 0;padding:12px}.pdf-preview-container h3{color:#1a1a1a;color:var(--color-text-primary);margin:0 0 10px}.responsive-grid{grid-gap:8px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.responsive-grid,.responsive-grid-2{align-items:start;display:grid;gap:8px}.responsive-grid-2{grid-gap:8px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.responsive-grid-3{grid-gap:8px;align-items:start;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.flex-row{align-items:center;display:flex;flex-direction:row}.flex-column{display:flex;flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-gap-15{gap:15px}.flex-gap-20{gap:20px}.flex-gap-24{gap:24px}.p-16{padding:16px}.p-20{padding:20px}.p-24{padding:24px}.m-16{margin:16px}.m-20{margin:20px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.mb-24{margin-bottom:24px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mt-24{margin-top:24px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}@media (max-width:1024px){.invoice-container,.modern-section{padding:20px}.form-grid{gap:14px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.responsive-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){h1{font-size:28px}h2{font-size:20px}h3{font-size:16px}.invoice-container{padding:16px}.modern-section{margin:16px 0;padding:16px}.form-grid{gap:12px}.form-grid,.responsive-grid,.responsive-grid-2,.responsive-grid-3{grid-template-columns:1fr}.btn,button{margin-bottom:12px;width:100%}.action-buttons{flex-direction:column}.action-buttons button{min-width:auto;width:100%}.button-group,.file-upload-section{flex-direction:column}.file-upload-section{align-items:stretch}.summary-box{min-width:auto;width:100%}}@media (max-width:480px){h1{font-size:24px}h2{font-size:18px}.modern-section{padding:12px}}
/*# sourceMappingURL=main.a08205bb.css.map*/