.App{background-color:#f0f4f8;font-family:Arial,sans-serif;min-height:100vh;padding:20px;text-align:center}h1{color:#4caf50;font-size:2.5em;margin-bottom:20px}.form-container{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:inline-block;margin:20px auto;padding:20px;text-align:left;width:450px}input,select,textarea{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;font-size:1em;margin:12px 0;outline:none;padding:10px;transition:border-color .3s,box-shadow .3s;width:100%}input:focus,select:focus,textarea:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033}input[type=date]{-webkit-appearance:none;appearance:none;background-color:#fff;color:#333;padding:10px}button{border:none;border-radius:5px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:1em;margin-bottom:1rem;margin-top:10px;padding:12px 20px;transition:background-color .3s ease}.button-container{align-items:center;display:flex;flex-direction:column}.button-container button{background-color:#4caf50;width:auto}.button-container button:hover{background-color:#45a049}.button-container button[type=button]{background-color:#ff9800}.button-container button[type=button]:hover{background-color:#f57c00}p{color:#333;font-size:1.2em}.emoji{font-size:2em;margin-left:5px}.login-container{align-items:center;display:flex;flex-direction:column;gap:20px;margin-top:50px}.user-welcome{background-color:#e7f3fe;border-left:5px solid #2196f3;border-radius:4px;margin:0 auto 25px;max-width:500px;padding:10px 15px;text-align:center}.user-welcome p{color:#333;font-size:1.1em;margin:0}.main-menu{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin:20px auto;max-width:600px;padding:25px}.main-menu h2{color:#333;font-size:1.8em;margin-bottom:20px;text-align:center}.menu-section{border-bottom:1px solid #eee;margin-bottom:25px;padding-bottom:15px}.menu-section:last-child{border-bottom:none;margin-bottom:0}.menu-section h3{color:#4caf50;font-size:1.4em;margin-bottom:15px}.main-menu button{background-color:#4caf50;border:none;border-radius:5px;box-sizing:border-box;color:#fff;cursor:pointer;display:block;font-size:1em;margin-bottom:10px;padding:12px 25px;transition:background-color .3s ease;width:100%}.main-menu button:hover{background-color:#45a049}.menu-section button[onClick*=edit-scorecard]{background-color:#2196f3}.menu-section button[onClick*=edit-scorecard]:hover{background-color:#1976d2}.nav-button{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;margin:10px 5px;padding:10px 20px;transition:background-color .3s ease}.back-button{background-color:#6c757d}.back-button:hover{background-color:#5a6268}.logout-button{background-color:#dc3545}.logout-button:hover{background-color:#c82333}.form-view{margin-bottom:30px;margin-top:20px}.config-form{width:450px}.config-form h2{color:#4caf50;font-size:2.5em;margin-bottom:20px;text-align:center}.config-form label{color:#333;display:block;font-weight:700;margin-bottom:5px}.metric-item{border:1px solid #eee;border-radius:3px;margin-bottom:15px;overflow:hidden;padding:10px}.metric-inputs{align-items:center;display:flex;gap:10px;margin-top:5px;width:100%}.metric-inputs>div{flex-grow:1;min-width:0}.metric-inputs input[type=text]{flex-grow:1}.remove-metric-button{align-items:center;background-color:#f44336;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1em;height:30px;justify-content:center;margin-left:auto;margin-top:10px;min-width:30px;padding:0;width:30px}.remove-metric-button:hover{background-color:#d32f2f}.config-form .add-metric-button{background-color:#2196f3;width:100%}.config-form .add-metric-button:hover{background-color:#1976d2}.config-form .submit-button{background-color:#4caf50}.config-form .submit-button:hover{background-color:#45a049}.error-message{font-size:.8em;margin-top:.2em}.main-message,.success-message{font-size:1.2em;margin-top:10px}.success-message{animation:fadeInOut 4s ease-in-out;background-color:#dff2d8;border-left:5px solid #4caf50;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#3c763d;font-weight:700;margin:15px 0;padding:12px 15px;text-align:center}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.main-message{color:#333}.create-scorecard{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;margin:20px auto;max-width:900px;padding:30px;width:90%}.create-scorecard h2{color:#4caf50;font-size:2.2em;font-weight:600;margin-bottom:25px;text-align:center}.create-scorecard .form-group{margin-bottom:25px}.create-scorecard label{color:#333;display:block;font-size:1.05em;font-weight:600;margin-bottom:8px}.create-scorecard input[type=date],.create-scorecard select,.create-scorecard textarea{background-color:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 1px 3px #00000014;box-sizing:border-box;font-size:1em;padding:12px;transition:all .3s ease;width:100%}.create-scorecard input[type=date]:focus,.create-scorecard select:focus,.create-scorecard textarea:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033;outline:none}.create-scorecard textarea{min-height:100px;resize:vertical}.create-scorecard input[type=date]{color:#333}.date-range-container{flex-wrap:wrap;justify-content:space-between}.date-range-container .form-group{flex:1 1;min-width:200px}.message-container{background-color:#dff2d8;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#3c763d;margin:15px 0;padding:15px;text-align:center}.scores-container{margin-top:30px}.scores-container h3{border-bottom:2px solid #eaeaea;color:#333;font-size:1.5em;margin-bottom:15px;padding-bottom:10px}.table-wrapper{overflow-x:auto}.scores-table{border-collapse:collapse;border-radius:6px;box-shadow:0 2px 10px #0000000d;margin-top:10px;overflow:hidden;width:100%}.scores-table th{background-color:#f5f5f5;border-bottom:2px solid #e0e0e0;color:#333;font-weight:600;padding:15px;text-align:left}.scores-table td{border-bottom:1px solid #eaeaea;padding:15px;vertical-align:middle}.scores-table tr:last-child td{border-bottom:none}.scores-table tr:hover{background-color:#f9f9f9}.scores-table .score-input{max-width:100px;text-align:center}.scores-table .score-input,.scores-table textarea{border:1px solid #ddd;border-radius:5px;font-size:.95em;padding:10px;width:100%}.scores-table textarea{min-height:60px}.scores-table .checkbox-label{align-items:center;cursor:pointer;display:flex}.scores-table .checkbox-label input[type=checkbox]{cursor:pointer;height:20px;margin-right:10px;width:20px}.button-group{display:flex;justify-content:center;margin-top:30px}.submit-button{background-color:#4caf50;border:none;border-radius:6px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:1.1em;font-weight:600;padding:15px 30px;transition:all .3s ease}.submit-button:hover{background-color:#45a049;box-shadow:0 6px 8px #00000026;transform:translateY(-2px)}.error-input{border-color:#ff8c00!important}.error-message{color:#ff8c00;font-size:.85em;margin-top:5px}.date-range-error{margin-bottom:20px;margin-top:0;text-align:center}@media (max-width:768px){.create-scorecard{padding:20px;width:95%}.date-range-container{flex-direction:column;gap:0}.scores-table,.scores-table tbody,.scores-table td,.scores-table th,.scores-table thead,.scores-table tr{display:block}.scores-table thead tr{left:-9999px;position:absolute;top:-9999px}.scores-table tr{border:1px solid #ccc;border-radius:6px;margin-bottom:20px;overflow:hidden}.scores-table td{border:none;border-bottom:1px solid #eee;padding-left:50%;position:relative;text-align:right}.scores-table td:before{content:attr(data-label);font-weight:700;left:15px;padding-right:10px;position:absolute;text-align:left;top:15px;white-space:nowrap;width:45%}.scores-table .score-input{max-width:100%}}@media (min-width:768px){.App{padding:40px}}.date-range-container{display:flex;gap:20px;margin-bottom:20px}.date-input{flex:1 1}.date-input input[type=date]{border:1px solid #ddd;border-radius:4px;font-size:1em;padding:10px;width:100%}.view-scorecard-form{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:20px auto;max-width:900px;padding:25px;width:80%}.view-scorecard-form h2{color:#4caf50;font-size:2.2em;margin-bottom:25px;text-align:center}.scorecard-info{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.info-group{margin-bottom:30px}.info-group h3{color:#333;font-size:1.4em;margin-bottom:15px}.info-group p{color:#666;margin:8px 0}.general-notes{background:#f8f9fa;border-radius:4px;margin-top:20px;padding:15px}.general-notes h4{color:#333;margin-bottom:10px}.general-notes p{color:#666;white-space:pre-wrap}.archive-button,.view-button{background:none;border:none;cursor:pointer;font-size:1.2em;margin:0 5px;padding:5px;transition:transform .2s}.archive-button:hover,.view-button:hover{transform:scale(1.2)}.archive-button{color:#666}.archive-button:hover{color:#333}.scorecards-list{background:#fff;border-radius:16px;box-shadow:0 4px 24px #2c3e5014,0 1.5px 4px #2c3e5008;margin:32px auto;max-width:1100px;padding:32px 24px 24px}.scorecards-list h2{color:#222;font-size:2em;letter-spacing:.01em;margin-bottom:24px}.scorecard-table{background:#fafbfc;border-collapse:initial;border-radius:12px;border-spacing:0;box-shadow:0 2px 8px #2c3e500a;overflow:hidden;width:100%}.scorecard-table td,.scorecard-table th{font-size:1.05em;padding:16px 18px;text-align:left}.scorecard-table th{background:#f4f6fa;border-bottom:2px solid #e3e8ee;color:#222;font-weight:600;letter-spacing:.02em}.scorecard-table tbody tr{transition:background .18s}.scorecard-table tbody tr:nth-child(2n){background:#f7fafd}.scorecard-table tbody tr:nth-child(odd){background:#fff}.scorecard-table tbody tr:hover{background:#eaf6ff}.scorecard-table td{border-bottom:1px solid #e3e8ee;color:#333;vertical-align:middle}.scorecard-table td:last-child{white-space:nowrap}.archive-button,.edit-button,.permalink-button-small,.view-button{align-items:center;border:none;border-radius:6px;box-shadow:0 2px 6px #2c3e501a;color:#fff;cursor:pointer;display:inline-flex;font-size:1.18em;font-weight:600;justify-content:center;margin:0 6px;outline:none;padding:9px 18px;transition:background .18s,color .18s,transform .18s,box-shadow .18s}.view-button{background:linear-gradient(90deg,#43e97b,#38f9d7)}.view-button:hover{background:linear-gradient(90deg,#38f9d7,#43e97b);box-shadow:0 4px 12px #43e97b2e;color:#fff;transform:translateY(-2px) scale(1.1)}.edit-button{background:linear-gradient(90deg,#6a3093,#a044ff)}.edit-button:hover{background:linear-gradient(90deg,#a044ff,#6a3093);box-shadow:0 4px 12px #a044ff2e;color:#fff;transform:translateY(-2px) scale(1.1)}.archive-button{background:linear-gradient(90deg,#ff5858,#f09819)}.archive-button:hover{background:linear-gradient(90deg,#f09819,#ff5858);box-shadow:0 4px 12px #ff58582e;color:#fff;transform:translateY(-2px) scale(1.1)}@media (max-width:900px){.scorecards-list{padding:16px 4px}.scorecard-table td,.scorecard-table th{font-size:.98em;padding:10px 6px}}@media (max-width:600px){.scorecards-list{padding:4px 0}.scorecard-table td,.scorecard-table th{font-size:.93em;padding:8px 2px}}.display-options{margin:15px 0;text-align:left}.archive-checkbox{align-items:center;color:#333;cursor:pointer;display:flex;font-size:1rem}.archive-checkbox input[type=checkbox]{margin-right:8px;width:auto}.archived-row{background-color:#f8f8f8!important;color:#777;font-style:italic}.archived-row td{opacity:.8}.score-status{align-items:center;display:flex;gap:8px}.score-done{color:#4caf50;font-weight:700}.score-not-done{color:#f44336;font-weight:700}.permalink-section{background-color:#f9f9f9;border:1px dashed #ccc;border-radius:8px;margin:20px 0;padding:15px}.permalink-button{background-color:#4c6ef5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:10px 15px;transition:background-color .2s}.permalink-button:hover{background-color:#364fc7}.copy-status{animation:fadeIn .3s;background-color:#d3f9d8;border-radius:4px;color:#2b8a3e;font-size:.9em;margin-left:10px;padding:5px 10px}.permalink-info{color:#666;font-size:.9em;font-style:italic;margin-top:10px}.permalink-notice{background-color:#fff3bf;border-radius:4px;color:#8a6d3b;margin-top:20px;padding:10px;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.permalink-button-small{background:linear-gradient(90deg,#4c6ef5,#228be6)}.permalink-button-small:hover:not(:disabled){background:linear-gradient(90deg,#228be6,#4c6ef5);box-shadow:0 4px 12px #4c6ef52e;color:#fff;transform:translateY(-2px) scale(1.1)}.permalink-button-small:disabled{background:#c5f6c5;color:#2b8a3e;cursor:default;transform:none}
/*# sourceMappingURL=main.44b42e9e.css.map*/