*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.container{max-width:1400px;margin:0 auto;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px;text-align:center;position:relative}.header h1{font-size:2.5em;margin-bottom:10px}.header p{font-size:1.2em;opacity:.9}.user-info{position:absolute;top:20px;right:30px;display:flex;align-items:center;gap:15px;background:#fff3;padding:10px 20px;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-name{font-size:14px;font-weight:500}.info-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:30px;background:#f8f9fa;border-bottom:1px solid #dee2e6}.info-card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 10px #0000001a}.info-card h3{font-size:.9em;color:#6c757d;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.info-card p{font-size:1.5em;color:#212529;font-weight:600}.tabs{display:flex;background:#f8f9fa;border-bottom:2px solid #dee2e6;padding:0 30px;overflow-x:auto}.tab{padding:15px 30px;cursor:pointer;border:none;background:transparent;font-size:1.1em;font-weight:600;color:#6c757d;transition:all .3s;border-bottom:3px solid transparent;white-space:nowrap}.tab:hover{color:#667eea;background:#667eea1a}.tab.active{color:#667eea;border-bottom-color:#667eea;background:#fff}.tab-content{display:none}.tab-content.active{display:block}.content{padding:30px}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.summary-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:25px;border-radius:15px;box-shadow:0 5px 15px #0003}.summary-card h3{font-size:.9em;opacity:.9;margin-bottom:10px}.summary-card p{font-size:2em;font-weight:700}button{cursor:pointer;transition:all .3s;border:none;border-radius:8px;font-weight:600}.status-badge{display:inline-block;padding:5px 10px;border-radius:5px;font-size:.85em;font-weight:600}.status-success{background:#d4edda;color:#155724}.status-warning{background:#fff3cd;color:#856404}.status-error{background:#f8d7da;color:#721c24}.table-wrapper{overflow-x:auto;border-radius:10px;box-shadow:0 2px 10px #0000001a}.data-table{width:100%;border-collapse:collapse;background:#fff;min-width:1200px}.data-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:sticky;top:0;z-index:10}.data-table th{padding:15px 10px;text-align:left;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;font-size:.9em}.data-table th:hover{background:#ffffff1a}.data-table td{padding:10px;border-bottom:1px solid #dee2e6;font-size:.9em;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table td:hover{overflow:visible;white-space:normal;word-wrap:break-word;position:relative;z-index:5;background:#fff;box-shadow:0 2px 8px #00000026}.data-table tbody tr:hover{background:#f8f9fa}.data-table td.numeric{text-align:right;font-family:Courier New,monospace}.filters-section{padding:30px;background:#f8f9fa;border-bottom:1px solid #dee2e6}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.filter-group label{display:block;font-size:.9em;font-weight:600;color:#495057;margin-bottom:5px}.filter-group select{width:100%;padding:10px;border:2px solid #dee2e6;border-radius:8px;font-size:1em;outline:none;transition:all .3s;min-height:42px}.filter-group select:focus{border-color:#667eea}.filter-search-box{position:relative;margin-bottom:8px}.filter-search-input{width:100%;padding:8px 30px 8px 10px;border:1px solid #ddd;border-radius:5px;font-size:.9em;box-sizing:border-box}.filter-search-input:focus{outline:none;border-color:#667eea}.checkbox-container{max-height:200px;overflow-y:auto;border:2px solid #dee2e6;border-radius:8px;padding:10px;background:#fff}.checkbox-item{display:flex;align-items:center;padding:8px;cursor:pointer;border-radius:5px;transition:background .2s}.checkbox-item.hidden{display:none}.checkbox-item:hover{background:#f8f9fa}.checkbox-item input[type=checkbox]{width:18px;height:18px;margin-right:10px;cursor:pointer;accent-color:#667eea}.selected-count{font-size:.85em;color:#667eea;margin-top:3px;font-weight:600}.filter-buttons{display:flex;gap:10px;justify-content:flex-end}.filter-buttons button{padding:10px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.btn-apply{background:#28a745;color:#fff}.btn-reset{background:#6c757d;color:#fff}.btn-apply:hover{background:#218838}.btn-reset:hover{background:#5a6268}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading{text-align:center;padding:50px;font-size:1.2em;color:#6c757d}.error{text-align:center;padding:50px;color:#dc3545;font-size:1.2em}@media (max-width: 768px){body{padding:10px}.container{border-radius:10px}.header h1{font-size:1.5em}.header{padding:20px 15px}.tabs{overflow-x:auto;padding:10px 5px}.tab{padding:12px 20px;font-size:.85em}.content{padding:15px}.summary-cards,.filters-grid{grid-template-columns:1fr}}@media print{.header,.tabs,.user-info,#channelFilterInfo,.info-box{display:none!important}.container{box-shadow:none!important;border:none!important;padding:0!important}.content{padding:10px!important;page-break-inside:avoid}.tab-content{display:block!important;page-break-inside:avoid}canvas{max-width:100%!important;page-break-inside:avoid}table{page-break-inside:auto;border-collapse:collapse}tr{page-break-inside:avoid;page-break-after:auto}thead{display:table-header-group}tfoot{display:table-footer-group}button,.btn,input[type=button],input[type=submit],.filters-grid,.filter-section,#loadingScreen{display:none!important}*{background:#fff!important;color:#000!important}a{color:#000!important;text-decoration:underline}.summary-cards,.chart-container{page-break-inside:avoid}@page{margin:1cm;@top-center{content:"Zuhal Müzik Raporlama"}}}