:root{--primary-color: #dfdfdf;--secondary-color: #ffffff;--border-color: #000000;--highlight-color: #ff9800;--danger-color: rgb(230, 98, 98);--success-color: green;--warning-color: yellow}body{font-family:Arial,sans-serif;font-size:12px}.spinner{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%}.spinner .spinner-icon svg{height:10em;width:10em}input.altering{box-sizing:border-box;all:unset;width:100%;height:auto;outline:none;border:none;padding:0;margin:0;background:none;font-family:inherit;font-size:inherit;color:inherit;display:inline}.delete-btn{background-color:#f85255;color:#fff;border:none;padding:3px;border-radius:5px;font-size:10px;cursor:pointer;transition:background-color .3s ease,transform .1s ease;display:flex;align-items:center;gap:8px}.delete-btn:hover{background-color:#ff1a1a;transform:scale(1.05)}.delete-btn:focus{outline:none;box-shadow:0 0 0 3px #ff4d4f80}.delete-icon{font-size:10px}.add-btn{background-color:#4caf50;color:#fff;border:none;padding:3px;border-radius:5px;font-size:10px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .3s,transform .1s}.add-btn:hover{background-color:#45a049;transform:scale(1.05)}.add-btn:focus{outline:none;box-shadow:0 0 0 3px #4caf5080}.add-icon{font-size:10px;font-weight:700}.checkmark{color:green;font-size:1.5rem;font-weight:700}.crossmark{color:red;font-size:1.5rem;font-weight:700}.error-container{display:flex;flex-direction:row;justify-content:start;align-items:center;margin:10px auto;color:#000;font-size:14px;font-weight:700;border:2px solid whitesmoke;box-shadow:0 0 10px #00000080;width:30em;height:5em;border-radius:10px;overflow:auto;white-space:nowrap;text-overflow:ellipsis}.error-container .error-icon{font-size:3em;padding:0 10px;color:red}.error-container .error-info{display:flex;flex-direction:column}.error-container .error-info .error-title{font-size:14px;font-weight:700;margin-bottom:.5em}.error-container .error-info .error-message{font-size:12px;font-weight:lighter}.go-back-button{width:3vw;text-decoration:none;color:#0275d8;font-weight:700;text-align:center;padding:.6em;border-radius:6px;border:1px solid #0275d8;transition:background-color .2s;font-size:1.5em}.go-back-button:hover{background-color:#e7f3fe}.edit-link{width:1vw;text-decoration:none;color:#0275d8;font-weight:700;text-align:center;padding:.6em;border-radius:6px;border:1px solid #0275d8;transition:background-color .2s;font-size:1.5em}.edit-link:hover{background-color:#e7f3fe}.edit-link:visited{color:#5e4b8b}.advanced-statistics-table{display:flex;flex-flow:row nowrap;align-items:center;grid-row:advanced-statistics-start / advanced-statistics-end;grid-column:box-content-start / box-content-end;border:1px solid #ccc;background-color:#fafafa}.advanced-statistics-table table{table-layout:fixed;border-collapse:collapse;border:1px solid #bbb;font-size:10px;width:min-content;height:min-content;flex:1 1 auto;margin:0 1em;background-color:#fff}.advanced-statistics-table th{border:1px solid #ccc;background-color:#dceefb;text-align:center;color:#1e3a5f;font-weight:600}.advanced-statistics-table td{border:1px solid #ddd;text-align:center;font-size:130%;color:#222}.advanced-statistics-table tbody tr:nth-child(2n){background-color:#f1f9ff}.advanced-statistics-table tbody tr:nth-child(odd){background-color:#fff}.period-scores-edit-view{display:flex;flex-flow:row wrap;justify-content:start;column-gap:.5em;align-items:center;align-content:flex-start;row-gap:.5em;font-size:8px;background-color:#fdfdfd}.period-scores-edit-view h3{display:inline-block;font-weight:700;font-size:12px;margin:0;white-space:nowrap;color:#1e293b}.period-scores-edit-view .period-score-table table{box-sizing:border-box;table-layout:fixed;border-collapse:collapse;font-size:8px;height:min-content;background-color:#fff;border:1px solid #ccc}.period-scores-edit-view .period-score-table th{text-align:center;background-color:#e2efff;color:#1a202c;border:1px solid #ccc;height:min-content}.period-scores-edit-view .period-score-table td{border:1px solid #ddd;text-align:center;padding:.5em;width:2em;color:#222}.period-scores-edit-view .period-score-table tbody tr:nth-child(2n){background-color:#f8fbff}.period-scores-edit-view .period-score-table tbody tr:nth-child(odd){background-color:#fff}.period-scores-edit-view th.empty-not-needed{border:none;background-color:transparent}.period-scores-edit-view th.team-code{border:none;padding-right:1em;font-weight:400;background-color:transparent;color:#444}.period-scores-edit-view .action-btns{align-self:end;display:flex;flex-flow:column nowrap;justify-content:end;gap:2px;height:100%}.header-view{display:flex;flex-flow:column;gap:.5em;margin:0 .5em}.header-view h1{font-size:20px;text-align:center;margin-bottom:0}.header-view .event-details{text-align:center;font-size:12px}.header-view .attendance .altering{display:inline}.header-view .event-details address,.header-view .event-details time,.header-view .event-details .comma{display:inline;font-style:normal;padding:0;margin:0}.header-view .game-no,.header-view .game-duration,.header-view .attendance{font-size:15px}.name-code-view{display:flex;flex-flow:row nowrap;justify-content:start;align-items:center;font-size:12px;gap:5px}.name-code-view label{font-weight:800}.name-code-view select{display:block;width:10rem}.name-code-view select,.name-code-view select option{text-overflow:ellipsis;overflow:hidden}.name-code-list-view{display:flex;flex-flow:column nowrap;justify-content:start;align-items:center;gap:5px;width:min-content}.name-code-list-view .list-name{font-size:14px;text-align:center;white-space:nowrap;margin:0}.name-code-list-view .content{display:flex;flex-flow:column nowrap;align-items:center;row-gap:5px;border:1px solid black;border-radius:5px;padding:2px}.referees-view{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;gap:5px}.team-id-view{display:flex;flex-flow:row nowrap;justify-content:space-around;align-items:center;gap:5px}.team-statistics-table table{box-sizing:border-box;table-layout:fixed;border-collapse:collapse;border:1px solid #bbb;font-size:8px;width:100%;height:min-content}.team-statistics-table th{box-sizing:border-box;border:1px solid #bbb;text-align:center;background-color:#dceefb;color:#1e3a5f}.team-statistics-table th[colSpan="2"]{width:calc(82% / 22 * 2)}.team-statistics-table th[colSpan="3"]{width:calc(82% / 22 * 3)}.team-statistics-table th[colSpan="1"]{width:calc(82% / 22 * 1)}.team-statistics-table td{box-sizing:border-box;border:1px solid #ccc;width:calc(82% / 22);text-align:center;color:#222;background-color:#fff}.team-statistics-table tbody tr:nth-child(2n){background-color:#f1f9ff}.team-statistics-table thead tr:nth-child(1) th:nth-child(2){border:1px solid #aaa;width:18%;text-align:center}.team-statistics-table tbody tr td:nth-child(2){border:1px solid #bbb;width:18%;text-align:left;color:#1a1a1a}.team-statistics-table tbody tr:nth-last-child(2) td:nth-child(1),.team-statistics-table tbody tr:nth-last-child(1) td:nth-child(1){border:1px solid #999;background-color:#e0f0ff;font-size:140%;text-align:left}.team-statistics-table .team-statistics-table-number{text-align:center}.box .box1,.box .box2,.box .box3{border:2px solid #bbb;width:100px;height:100px;background-color:#fefefe}.name-select-container{display:flex;flex-direction:row;width:100%}.name-select-container select{width:1px;flex-grow:1;flex-shrink:1;font-size:inherit;background-color:#fefefe;color:#222}.name-select-container select,.name-select-container select option{text-overflow:ellipsis;overflow:hidden}.checkmark{margin:0 2px;font-size:2em;width:1em;color:#388e3c}.crossmark{margin:0 2px;font-size:2em;width:1em;color:#d32f2f}.team-view{display:flex;flex-flow:column nowrap;gap:10px}.box-score-view{display:grid;grid-template-rows:[header-view-start] auto [header-view-end team-view-1-start] auto [team-view-1-end team-view-2-start] auto [team-view-2-end advanced-statistics-start] auto [advanced-statistics-end];grid-template-columns:[box-content-start] auto [box-content-end];row-gap:1em;grid-row:1 / 3;grid-column:1 / 2;border:2px rgb(12,30,132) solid;width:100%;font-size:8px}.box-score-view .approval-view{grid-row:approval-view-start / approval-view-end;grid-column:box-content-start / box-content-end;border:2px red solid}.box-score-view .header-view{grid-row:header-view-start / header-view-end;grid-column:box-content-start / box-content-end}.box-score-view .team-view:nth-child(2){grid-row:team-view-1-start / team-view-1-end;grid-column:box-content-start / box-content-end}.box-score-view .team-view:nth-child(3){grid-row:team-view-2-start / team-view-2-end;grid-column:box-content-start / box-content-end}.pdf-view{box-sizing:border-box;grid-row:1 / 2;grid-column:2 / 3;height:1000px;width:100%;align-self:start}.match-view{display:grid;grid-template-rows:max-content auto;grid-template-columns:50vw 50vw;column-gap:1.5em}.statistician-matches-view{font-size:14px;display:flex;flex-direction:column;width:80vw;margin:0 auto;padding:1.5rem;background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a}.statistician-matches-view>h1{border:none;text-align:center;font-size:2rem;color:#333;margin-bottom:1.5rem;font-weight:500}.winner{color:green}.loser{color:red}.undetermined{color:#333}.matches-list{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5em;padding:1.5em;border-radius:8px;border:1px solid #ddd;background-color:#fff;min-height:70vh;overflow-y:auto}.match-view{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:.8em 1.5em;background-color:#f9f9f9;border-radius:8px;border:1px solid #ccc;margin-bottom:1.2em;width:95%}.competition-name{width:20%;text-align:center;font-size:1.2rem;color:#333}.info{width:15%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.status-label{text-align:center;font-weight:600;padding:.5em;border-radius:6px;text-transform:uppercase;font-size:1rem;background-color:#f1f1f1}.scheduled-match-status-label{color:#d9534f}.in-progress-match-status-label{color:#f0ad4e}.roster-fixed-match-status-label{color:#f39c12}.complete-match-status-label{color:#5bc0de}.forfeit-match-status-label{color:#664fd9}.none-time-status-label,.postponed-time-status-label,.delayed-time-status-label{color:#d9534f}.competitors{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:60%}.competitors .team-name-score{width:35%;text-align:center;padding:.5em}.team-name,.team-score{text-align:center;padding:.5em}.competitors .versus{width:8%;text-align:center;color:#1941d5;padding:.5em;font-size:1.1rem}.competitors img{border-radius:50%;width:6%;height:6%;margin-right:1em}.pagination-controls{display:flex;flex-direction:row;justify-content:center;gap:2em;margin:2em 0}.pagination-controls button:not(:disabled){padding:.6em 1.2em;font-size:1.1rem;border:2px solid #5bc0de;background-color:#fff;font-weight:700;border-radius:6px;cursor:pointer;transition:all .3s ease-in-out}.pagination-controls button:not(:disabled):hover{background-color:#e7f9ff}.pagination-controls button:disabled{padding:.6em 1.2em;border:2px solid #ccc;background-color:#f0f0f0;cursor:not-allowed;transition:all .3s ease-in-out}.spinner{display:flex;justify-content:center;align-items:center}.spinner .spinner-icon svg{height:4em;width:4em;animation:spin 1.5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-view{max-width:400px;margin:10em auto;padding:20px;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 10px #0000001a;background-color:#f9f9f9}.login-view form{display:flex;flex-direction:column}.login-view h1{margin-bottom:20px;text-align:center;font-size:1.8rem;color:#007bff}.login-view label{margin-bottom:5px;font-size:14px;font-weight:700;color:#0056b3}.login-view input{margin-bottom:15px;padding:10px;border:1px solid #007bff;border-radius:4px;background-color:#fff;transition:border-color .3s}.login-view input:focus{outline:none;border-color:#0056b3}.login-view button{padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s,transform .3s}.login-view button:hover{background-color:#0056b3;transform:translateY(-2px)}.login-view p{margin-top:15px;color:#9d0000;font-weight:500;text-align:center}.match-control-panel{max-width:60vw;margin:20px auto;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;transform:scale(1.1);transform-origin:top}.match-control-panel h1{text-align:center;color:#222;font-size:24px}.match-info{margin-bottom:20px;padding:15px;background-color:#f0f0f0;border-radius:8px;box-shadow:0 1px 3px #0000001a}.match-info h2{margin-bottom:10px;color:#333;font-size:20px}.match-info p,.match-info time{margin:5px 0;color:#444;font-size:16px}ul{list-style-type:none;padding:0;display:flex;justify-content:center;align-items:center;gap:15px;font-size:18px}ul li{padding:5px 10px;border-radius:3px;font-weight:700;display:flex;align-items:center;gap:8px}ul img{width:40px;height:40px;object-fit:contain;border-radius:50%}.home-competitor{color:#1e3a8a}.versus-text{font-weight:400;color:#333;margin:0 8px}.away-competitor{color:#b91c1c}.score-board h3{display:inline;font-size:14px}.score-board p{font-size:14px;text-align:center}.score-board{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;margin-top:15px;padding:15px;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;font-size:4em}.match-control-panel-buttons{margin-top:20px;text-align:center}.match-control-panel-buttons h2{margin-bottom:10px}.time-status-actions,.match-status-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px}button{padding:10px 15px;border:1px solid #333;border-radius:3px;cursor:pointer;font-size:14px;transition:background-color .3s ease;background-color:#fff;color:#000}button:disabled{background-color:#ddd;cursor:not-allowed}button:not(:disabled):hover{background-color:#e0e0e0}.approval-view{display:flex;justify-content:center;gap:10px;padding:10px}.approval-view button{padding:10px 15px;border:1px solid #333;border-radius:3px}.approval-view button:disabled{background-color:#ddd;cursor:not-allowed}.approval-view button:hover{background-color:#e0e0e0}.winner-form{display:flex;justify-content:center;gap:10px;font-size:1.5em}.winner-choices{display:flex;justify-content:center;gap:50px}.winner-choice{display:flex;justify-content:center;gap:10px}.file-upload{max-width:400px;margin:2em auto;padding:20px;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 10px #0000001a;background-color:#f9f9f9}.file-upload form{display:flex;flex-direction:column}.file-upload h1{margin-bottom:20px;text-align:center;font-size:1.8rem;color:#007bff}.file-upload label{display:block;margin-bottom:10px;font-size:16px;font-weight:700;color:#0056b3;cursor:pointer;transition:color .3s}.file-upload label:hover{color:#003d7a}.file-upload input[type=file]{margin-bottom:15px;padding:10px;border:1px solid #007bff;border-radius:4px;background-color:#fff;transition:border-color .3s}.file-upload input[type=file]:focus{outline:none;border-color:#0056b3}.file-upload button{padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s,transform .3s}.file-upload button:hover{background-color:#0056b3;transform:translateY(-2px)}.file-upload p:nth-child(1){margin-top:15px;color:#9d0000;font-weight:500;text-align:center}.file-upload p:nth-child(2){margin-top:15px;color:#333;font-weight:500;text-align:center}.period-scores-view{display:flex;flex-flow:row wrap;justify-content:start;column-gap:.5em;row-gap:.5em;width:100%;height:100%;background-color:#fdfdfd}.period-scores-view h3{display:block;position:relative;top:1.5em;font-weight:700;font-size:12px;margin:0;white-space:nowrap;color:#1e293b}.period-scores-view .period-score-table table{box-sizing:border-box;table-layout:fixed;border-collapse:collapse;font-size:14px;height:min-content;background-color:#fff;border:1px solid #ccc}.period-scores-view .period-score-table th{text-align:center;background-color:#e2efff;color:#1a202c;border:1px solid #ccc;height:min-content}.period-scores-view .period-score-table td{border:1px solid #ddd;text-align:center;padding:.5em;width:2em;color:#222}.period-scores-view .period-score-table tbody tr:nth-child(2n){background-color:#f8fbff}.period-scores-view .period-score-table tbody tr:nth-child(odd){background-color:#fff}.period-scores-view th.empty-not-needed{border:none;background-color:transparent}.period-scores-view th.team-code{border:none;padding-right:1em;font-weight:400;background-color:transparent;color:#444}.period-scores-view .action-btns{align-self:end;display:flex;flex-flow:column nowrap;justify-content:end;gap:2px;height:100%}.dashboard{display:flex;flex-direction:column;height:100vh}#header{display:grid;grid-template-columns:1fr 1fr;background-color:#417690;padding:.5em 1em;color:#f5dd5d}#header-info{display:flex;flex-direction:row;justify-content:start;align-items:center;gap:1em;padding-left:2em}#header-info h2{color:#ffc;font-size:1em}#header-nav{display:flex;flex-direction:row;justify-content:end;align-items:center;gap:1em;padding-right:2em}.header-nav-link{color:#fff;text-decoration:underline;font-weight:400}.header-nav-link:hover{text-decoration:none}