@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#1f2937;background:#f3f4f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}.app-shell{width:min(960px,calc(100% - 32px));margin:48px auto}.login-shell{display:grid;min-height:100vh;place-items:center;padding:24px}.login-panel{width:min(440px,100%);padding:32px;border-radius:14px;background:#fff;box-shadow:0 16px 50px #0f172a1f}.login-panel form{display:grid;gap:16px;margin-top:24px}.logout-button{background:#475569}.app-navbar{display:flex;width:min(960px,calc(100% - 32px));margin:16px auto 0;align-items:center;justify-content:space-between;gap:16px;font-weight:700}header h1{margin-bottom:8px}.panel{margin-top:24px;padding:24px;border-radius:12px;background:#fff;box-shadow:0 8px 30px #0f172a14}form .submit-btn-container{display:flex;margin-top:24px}form .invoice-container{display:flex;gap:5px;flex-wrap:wrap;justify-content:space-between}form.csd-upload-form{display:flex;flex-direction:column;gap:5px}form.csd-upload-form .modal-footer{display:flex;align-self:flex-end;gap:5px}form.login-form label{display:grid;gap:16px;width:100%}form.client-form{display:grid;gap:5px;align-items:end}.modal-backdrop{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#0f172a8c}.modal-dialog{width:min(680px,100%);max-height:min(90vh,760px);margin:0;overflow-y:auto}.modal-heading{gap:16px}.modal-heading h2{margin:0}.client-modal{width:min(920px,100%)}.invoice-preview-backdrop{padding:16px}.invoice-preview-modal{display:flex;width:min(1100px,100%);height:min(92vh,900px);max-height:92vh;flex-direction:column;overflow:hidden}.invoice-preview-frame{width:100%;min-height:0;flex:1;border:1px solid #cbd5e1;background:#fff}.invoice-preview-state{display:grid;flex:1;min-height:240px;place-items:center;margin:0;text-align:center}.client-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 30px;margin-top:24px}.client-form-wide{grid-column:1 / -1}.client-postal-code{max-width:220px}.title-element{width:100vw}.client-selector-row{display:flex;align-items:center;gap:10px}.client-selector-row select{width:100%}.client-selector-row input{flex:1;min-width:0}.icon-button{padding:2px 8px;background:transparent;color:#64748b;font-size:1.5rem}.optional-fields-toggle{justify-self:end;padding:0;background:transparent;color:#0878e8}.optional-client-fields p{margin:0;color:#64748b;font-size:.875rem}.optional-client-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 30px}.client-form-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:5px;margin-top:60px}.secondary-button{background:#06265f}.save-button{background:#078b17}label{display:grid;gap:6px;font-size:.75rem;color:#7b7c7c;width:48%}input,select{padding:10px;border:1px solid #cbd5e1;border-radius:8px}button{padding:10px 14px;border:0;border-radius:8px;background:#2563eb;color:#fff;cursor:pointer}button:disabled{cursor:wait;opacity:.6}.section-heading{display:flex;justify-content:space-between;align-items:center}.issuer-details{display:flex;justify-content:space-between;gap:5px}.issuer-details label{width:30%}.issuer-details label select{width:100%}.issuer-detail-group{min-width:0;padding-top:16px}.issuer-detail-group h3{margin:0 0 12px;font-size:1rem}.issuer-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin:0}.issuer-fields div{min-width:0}.issuer-fields dt{color:#64748b;font-size:.75rem;font-weight:600}.issuer-fields dd{margin:4px 0 0;overflow-wrap:anywhere}ul{display:grid;gap:10px;padding-left:20px}li{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.error{color:#b91c1c}@media(max-width:700px){form,form.csd-upload-form,.issuer-details,.issuer-fields{grid-template-columns:1fr}.modal-backdrop{padding:12px}.modal-dialog{padding:20px}.client-form{grid-template-columns:1fr}.client-form-wide,.client-form-actions{grid-column:auto}.optional-client-fields{grid-template-columns:1fr}.client-selector-row{align-items:stretch;flex-direction:column}.client-postal-code{max-width:none}}