.header-card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.header-title{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.header-title h1{color:#1f2937;font-size:1.5rem;font-weight:600}.header-icon{color:#c00}.header-params{grid-gap:1rem;display:grid;font-size:.875rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.param-item{display:flex;gap:.5rem}.param-label{color:#374151;font-weight:600}.param-value{color:#6b7280}.error-banner{align-items:flex-start;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;color:#c00;display:flex;gap:.5rem;margin-top:1rem;padding:.75rem}.error-banner svg{flex-shrink:0;margin-top:.125rem}.comments-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;overflow:hidden}.table-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem 1.5rem}.table-header h2{color:#1f2937;font-size:1.125rem;font-weight:600}.refresh-button{align-items:center;background:#0000;border:none;border-radius:.375rem;color:#374151;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.375rem .75rem;transition:all .2s}.refresh-button:hover:not(:disabled){background-color:#f9fafb;color:#c00}.refresh-button:disabled{cursor:not-allowed;opacity:.5}.refresh-button .spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.table-wrapper{overflow-x:auto}.comments-table{border-collapse:collapse;table-layout:fixed;width:100%}.comments-table thead{background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.comments-table th{color:#374151;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1.5rem;text-align:left;text-transform:uppercase}.comments-table th:first-child{width:140px}.comments-table th:nth-child(2),.comments-table th:nth-child(3){width:200px}.comments-table th:nth-child(4){min-width:300px;width:auto}.comments-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.comments-table tbody tr:hover{background-color:#f9fafb}.comments-table td{color:#1f2937;font-size:.875rem;padding:1rem 1.5rem;vertical-align:top}.comments-table td.date-cell{white-space:nowrap}.comments-table td.comment-cell,.comments-table td.lineitem-cell,.comments-table td.username-cell{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;white-space:normal;word-break:break-word}.comments-table td.empty-state{color:#6b7280;padding:2rem 1.5rem;text-align:center}.comment-form-card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.form-title{align-items:center;display:flex;gap:.5rem;margin-bottom:1.5rem}.form-title h2{color:#1f2937;font-size:1.125rem;font-weight:600}.form-icon{color:#c00}.form-fields{gap:1.5rem}.form-field,.form-fields{display:flex;flex-direction:column}.form-field label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-field input,.form-field textarea{border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;outline:none;padding:.5rem 1rem;transition:all .2s;width:100%}.form-field input:focus,.form-field textarea:focus{ring:2px;ring-color:#c00;border-color:#c00;box-shadow:0 0 0 3px #cc00001a}.form-field input.error,.form-field textarea.error{background-color:#fef2f2;border-color:#c00}.form-field textarea{font-family:inherit;resize:vertical}.field-error{color:#c00;font-size:.875rem;margin-top:.5rem}.field-footer{align-items:center;display:flex;justify-content:space-between;margin-top:.5rem}.char-counter{color:#6b7280;font-size:.875rem;margin-left:auto}.form-actions{padding-top:.5rem}.submit-button{background-color:#c00;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-weight:500;padding:.625rem 1.5rem;transition:all .2s}.submit-button:hover:not(:disabled){background-color:#a30000}.submit-button:focus{ring:2px;ring-color:#c00;ring-offset:2px;box-shadow:0 0 0 3px #cc00001a;outline:none}.submit-button:disabled{cursor:not-allowed;opacity:.5}*{box-sizing:border-box;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}.app{background-color:#f9fafb;min-height:100vh;padding:2rem 1rem}.app-container{margin:0 auto;max-width:1280px}
/*# sourceMappingURL=main.cec67748.css.map*/