:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color:#333;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:#f5f5f5}.key-page-container{padding:20px;max-width:1400px;margin:0 auto}.button-container{margin-bottom:20px}.grid-section{margin-bottom:30px}.grid-section-with-delete{position:relative;margin-bottom:30px}.special-questions-section{margin-top:30px;position:relative}.btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;margin-right:10px;transition:background-color .2s ease}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#1e7e34}.btn-danger{background-color:#fff5f5;border:1px solid #fed7d7;color:#e53e3e;font-size:16px;width:75px;height:30px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-danger:hover{background-color:#fed7d7}.section-header{margin-bottom:10px;color:#333;font-size:1.4em;font-weight:600}.delete-button{position:absolute;top:var(--top-offset);left:var(--left-offset)}.data-table{width:100%;border-collapse:collapse;margin-bottom:20px;background-color:#fff;box-shadow:0 1px 3px #0000001a}.data-table th,.data-table td{border:1px solid #dee2e6;padding:8px;text-align:left}.data-table th{background-color:#f8f9fa;font-weight:700;text-align:center;color:#333}.data-table input{width:100%;border:none;background:transparent;padding:4px;font-size:14px}.data-table input:focus{outline:2px solid #007bff;outline-offset:-2px}.data-table .non-editable{background-color:#f8f9fa;color:#6c757d}.data-table .delete-cell{text-align:center;width:100px}.special-question-hm{background-color:#e6ffe6!important}.special-question-tb{background-color:#ffe6e6!important}@media (max-width: 1200px){.key-page-container{padding:15px}.btn{padding:8px 16px;font-size:12px}}@media (max-width: 768px){.key-page-container{padding:10px}.btn{padding:6px 12px;font-size:11px;margin-right:5px;margin-bottom:5px}.section-header{font-size:1.2em}}#root{margin:0;padding:0;min-height:100vh;width:100%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}
