.top-header{background-color:#222;padding:.5rem 1rem;position:sticky;top:0;z-index:1000}.top-nav-container{display:flex;align-items:center;justify-content:flex-start;gap:2rem}.top-logo{font-size:1.2rem;font-weight:700;color:#fff;text-decoration:none;margin-right:1rem}.top-logo:hover{color:#00bfff}.top-nav{display:flex;gap:1rem}.top-nav-item{color:#fff;text-decoration:none;font-weight:500;padding:.3rem .6rem;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}.top-nav-item:hover{color:#00bfff}.top-nav-item.active{color:#00bfff;border-bottom:2px solid #00bfff}.top-main{padding:2rem;text-align:center}.top-main h2{font-size:2.5rem;margin-bottom:1.5rem}.top-overview{width:60%;padding:1rem;margin:1rem auto;text-align:left;font-size:1.3rem;line-height:1.6}.top-overview img{width:100%;margin-top:1rem;border:1px solid #ccc;border-radius:8px}h3{font-size:2rem;margin-bottom:1.5rem;position:relative;padding:0 65px;text-align:center}h3:before{position:absolute;top:calc(50% - 1px);left:0;width:100%;height:4px;content:"";background:#000}h3 span{position:relative;padding:0 1em;background:#fff}.order-container{max-width:600px;margin:auto;padding:2rem;font-family:sans-serif}.order-form{display:flex;flex-direction:column;gap:1rem}.order-form label{display:flex;flex-direction:column;font-weight:700}.order-form input,.order-form select{width:100%;padding:.5rem;font-size:1rem}.order-form button{margin-top:2.5rem;padding:.6rem 1rem;font-size:1rem;background-color:#07c;color:#fff;border:none;border-radius:4px;cursor:pointer}.order-form button:hover{background-color:#005fa3}.order-status{margin-top:1rem;font-weight:700;color:#333}.report-list-container{max-width:1500px;margin:auto;padding:2rem;font-family:sans-serif}h2{margin-top:2rem;font-size:1.2rem;color:#333}h3{margin-bottom:1rem;font-size:1.4rem;color:#333}h3:before{display:none}h4{margin-bottom:.5rem;font-size:1.2rem;color:#333}.month-controls{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;font-size:1rem}.month-controls select{padding:.4rem;font-size:1rem}.month-controls button{padding:.4rem .8rem;font-size:1rem;background-color:#07c;color:#fff;border:none;border-radius:4px;cursor:pointer}.month-controls button:hover{background-color:#005fa3}.month-controls button:disabled{background-color:#ccc;cursor:not-allowed;color:#666}.report-table{width:100%;border-collapse:collapse;margin-top:1rem;margin-bottom:2rem}.report-table th,.report-table td{border:1px solid #ccc;padding:.6rem;text-align:center}.report-table th{background-color:#f0f0f0}th.sortable{cursor:pointer}th.sortable:hover{background-color:#f0f0f0}th.sortable:after{content:" ⇅";font-size:.8rem;color:#999}.rank-1{color:#28a745;font-weight:700}.rank-2{color:#17a2b8;font-weight:700}.rank-3{color:#6c757d;font-weight:700}.rank-4{color:#dc3545;font-weight:700}.report-link{color:#07c;text-decoration:none;font-weight:700}.report-actions{display:flex;justify-content:space-between;align-items:center;margin:1rem 0;font-weight:700;font-size:1.1rem}.filter-toggle-wrapper{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .6rem;border-radius:4px;font-weight:700;font-size:1rem;color:#333;background-color:transparent;transition:background-color .2s,color .2s}.filter-toggle-wrapper:hover,.filter-toggle-wrapper.active{background-color:#07c;color:#fff}.filter-toggle-wrapper:hover .filter-icon,.filter-toggle-wrapper.active .filter-icon{filter:brightness(0) invert(1)}.filter-toggle-link,.filter-clear-link{text-decoration:none;color:inherit;cursor:pointer}.filter-divider{width:1px;height:1.2rem;margin:0 .4rem;background-color:#fff9}.filter-clear-link{font-size:1.2rem;font-weight:700;line-height:1}.filter-icon{width:20px;height:20px;vertical-align:middle}.filter-label{align-items:center;color:#000;text-decoration:none}.filter-dialog{position:fixed;top:20%;left:50%;transform:translate(-50%);background:#fff;padding:1.5rem;border:1px solid #ccc;box-shadow:0 0 10px #0003;z-index:1000}.filter-dialog label{display:block;margin-bottom:1rem}.filter-rank-group{margin-bottom:1rem;border:none;padding:0}.rank-options{display:flex;flex-wrap:wrap;gap:.2rem;writing-mode:horizontal-tb;text-orientation:mixed}.rank-options label{display:flex;align-items:center;gap:.3rem;white-space:nowrap;font-size:1.2rem}.filter-maka select{padding:.4rem;font-size:1rem}.filter-rating{display:flex;align-items:center;gap:.5rem}.filter-rating input{padding:.4rem;font-size:1rem;width:100px}.filter-close-link{display:block;text-align:right;margin-top:1rem;color:#000;text-decoration:none;font-size:1.1rem}.no-report{text-align:center;font-style:italic;color:#666}.statistics-container{max-width:800px;margin:auto;padding:2rem;font-family:sans-serif}.filter-controls{display:flex;gap:1rem;margin-bottom:1.5rem}.filter-controls select{padding:.4rem;font-size:1rem}.statistics-container{max-width:1200px;margin:auto;padding:2rem;font-family:sans-serif}.compare-grid{display:flex;gap:2rem;flex-wrap:wrap}.compare-column{flex:1;min-width:400px}.filter-controls{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.filter-controls label{display:flex;flex-direction:column;font-weight:700}.statistics-table{width:100%;border-collapse:collapse}.statistics-table th,.statistics-table td{border:1px solid #ccc;padding:.6rem;text-align:left}.statistics-table th{background-color:#f0f0f0}.statistics-tabs-container{max-width:1200px;margin:auto;padding:2rem;font-family:sans-serif}.tab-buttons{display:flex;gap:1rem;margin-bottom:1rem}.tab-buttons button{padding:.5rem 1rem;font-size:1rem;background-color:#eee;border:1px solid #ccc;border-radius:4px;cursor:pointer}.tab-buttons button.active{background-color:#07c;color:#fff;border-color:#07c}.tab-content{margin-top:1rem}.settings-container{max-width:1200px;margin:auto;padding:2rem;font-family:sans-serif}.settings-table{width:100%;border-collapse:collapse;margin-top:1rem;margin-bottom:2rem}.settings-table th,.settings-table td{border:2px solid #ccc;padding:.6rem;text-align:center}.settings-table th{background-color:#f0f0f0}input{width:80%;padding:.4rem;box-sizing:border-box;font-size:1rem}