*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app{flex-direction:column;min-height:100vh;display:flex}.header{color:#fff;text-align:center;background-color:#2c3e50;padding:1rem;box-shadow:0 2px 4px #0000001a}.header h1{margin-bottom:.5rem;font-size:1.5rem}.main-container{flex:1;min-height:0;display:flex}.sidebar{color:#fff;background-color:#34495e;flex-shrink:0;width:200px;padding:1rem 0;box-shadow:2px 0 4px #0000001a}.sidebar-menu{list-style:none}.sidebar-menu li{margin-bottom:.5rem}.sidebar-menu button{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;width:100%;padding:.75rem 1rem;font-size:1rem;transition:background-color .3s}.sidebar-menu button:hover{background-color:#ffffff1a}.sidebar-menu li.active button{background-color:#3498db33;border-left-color:#3498db;font-weight:500}.main-content{flex:1;padding:1rem;overflow-y:auto}.page-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;display:flex}.page-header h2{color:#2c3e50;font-size:1.25rem}.header-controls{align-items:center;gap:1.5rem;display:flex}.site-selector{align-items:center;gap:.5rem;display:flex}.site-selector label{color:#2c3e50;font-weight:500}.site-selector select{border:1px solid #e0e0e0;border-radius:4px;padding:.5rem;font-size:.875rem}.date-selector{align-items:center;gap:.5rem;display:flex}.date-selector label{color:#2c3e50;font-weight:500}.date-selector input[type=date]{cursor:pointer;border:1px solid #e0e0e0;border-radius:4px;padding:.5rem;font-size:.875rem}.date-selector input[type=date]:focus{border-color:#3498db;outline:none}.auto-refresh-control{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.auto-refresh-control label{color:#2c3e50;font-weight:500}.refresh-interval{align-items:center;gap:.5rem;display:flex}.refresh-interval label{color:#2c3e50;font-size:.875rem;font-weight:500}.refresh-interval input[type=number]{border:1px solid #e0e0e0;border-radius:4px;width:60px;padding:.25rem .5rem;font-size:.875rem}.refresh-interval input[type=number]:focus{border-color:#3498db;outline:none}.refresh-info{color:#7f8c8d;align-items:center;gap:1rem;font-size:.875rem;display:flex}.refresh-info .countdown{color:#3498db;font-weight:500}.refresh-info .last-refresh{color:#95a5a6}.switch{width:50px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ccc;border-radius:24px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .4s;position:absolute;bottom:4px;left:4px}input:checked+.slider{background-color:#3498db}input:focus+.slider{box-shadow:0 0 1px #3498db}input:checked+.slider:before{transform:translate(26px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}.stats-page{width:100%}.stats-section{margin-bottom:2rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.stat-card{text-align:center;background-color:#fff;border-radius:8px;padding:1.5rem;transition:transform .3s,box-shadow .3s;box-shadow:0 2px 4px #0000001a}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.stat-card h3{color:#7f8c8d;margin-bottom:.5rem;font-size:1rem}.stat-card p{color:#2c3e50;font-size:2rem;font-weight:700}.table-section{margin-bottom:2rem}.table-section h3{color:#2c3e50;margin-bottom:1rem;font-size:1.1rem}.table-container{background-color:#fff;border-radius:8px;overflow-x:auto;box-shadow:0 2px 4px #0000001a}.stats-table{border-collapse:collapse;width:100%}.stats-table th,.stats-table td{text-align:left;border-bottom:1px solid #e0e0e0;padding:.75rem}.stats-table th{color:#2c3e50;white-space:nowrap;background-color:#f8f9fa;font-weight:600}.stats-table tr:hover{background-color:#f8f9fa}.sites-page{width:100%}.add-site-button{color:#fff;cursor:pointer;background-color:#3498db;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.875rem;transition:background-color .3s}.add-site-button:hover{background-color:#2980b9}.delete-button{color:#fff;cursor:pointer;background-color:#e74c3c;border:none;border-radius:4px;margin-right:.5rem;padding:.375rem .75rem;font-size:.75rem;transition:background-color .3s}.delete-button:hover{background-color:#c0392b}.generate-code-button{color:#fff;cursor:pointer;background-color:#3498db;border:none;border-radius:4px;margin-right:.5rem;padding:.375rem .75rem;font-size:.75rem;transition:background-color .3s}.generate-code-button:hover{background-color:#2980b9}.code-modal{max-width:600px}.code-container{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;margin:1rem 0;padding:1rem;overflow-x:auto}.code-container pre{white-space:pre-wrap;word-wrap:break-word;font-family:Courier New,Courier,monospace;font-size:.875rem;line-height:1.5}.code-container code{color:#333}.daily-page{width:100%}.loading{text-align:center;color:#7f8c8d;padding:2rem}.footer{color:#fff;text-align:center;background-color:#2c3e50;margin-top:auto;padding:1rem;box-shadow:0 -2px 4px #0000001a}.login-container{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:400px;margin:0 auto;padding:2rem;display:flex}.login-form{background-color:#fff;border-radius:8px;width:100%;margin-top:2rem;padding:2rem;box-shadow:0 4px 6px #0000001a}.login-form h2{color:#2c3e50;text-align:center;margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group label{color:#2c3e50;margin-bottom:.5rem;font-weight:500;display:block}.form-group input{border:1px solid #e0e0e0;border-radius:4px;width:100%;padding:.75rem;font-size:1rem;transition:border-color .3s}.form-group input:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 2px #3498db33}.login-button{color:#fff;cursor:pointer;background-color:#3498db;border:none;border-radius:4px;width:100%;margin-top:1rem;padding:.75rem;font-size:1rem;font-weight:500;transition:background-color .3s}.login-button:hover{background-color:#2980b9}.login-button:disabled{cursor:not-allowed;background-color:#95a5a6}.error-message{color:#721c24;background-color:#f8d7da;border-radius:4px;margin-bottom:1rem;padding:.75rem;font-size:.875rem}.user-info{align-items:center;gap:1rem;margin-top:.5rem;display:flex}.logout-button{color:#fff;cursor:pointer;background-color:#e74c3c;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.875rem;transition:background-color .3s}.logout-button:hover{background-color:#c0392b}.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background-color:#fff;border-radius:8px;width:90%;max-width:400px;padding:2rem;box-shadow:0 4px 12px #00000026}.modal h3{color:#2c3e50;text-align:center;margin-bottom:1.5rem}.modal-buttons{justify-content:flex-end;gap:1rem;margin-top:1.5rem;display:flex}.modal-buttons button{cursor:pointer;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.875rem;transition:background-color .3s}.modal-buttons button:first-child{color:#fff;background-color:#95a5a6}.modal-buttons button:first-child:hover{background-color:#7f8c8d}.modal-buttons button:last-child{color:#fff;background-color:#3498db}.modal-buttons button:last-child:hover{background-color:#2980b9}@media (width<=768px){.header h1{font-size:1.25rem}.main-container{flex-direction:column}.sidebar{width:100%;padding:.5rem 0}.sidebar-menu{display:flex;overflow-x:auto}.sidebar-menu li{margin-bottom:0;margin-right:.5rem}.sidebar-menu button{white-space:nowrap;border-bottom:3px solid #0000;border-left:none}.sidebar-menu li.active button{border-bottom-color:#3498db;border-left-color:#0000}.main-content{padding:.5rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-controls{flex-direction:column;align-items:flex-start;gap:1rem;width:100%}.site-selector{width:100%}.site-selector select{flex:1}.date-selector{width:100%}.date-selector input[type=date]{flex:1}.auto-refresh-control,.refresh-interval{width:100%}.refresh-info{justify-content:space-between;width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{padding:1rem}.stat-card p{font-size:1.5rem}.stats-table th,.stats-table td{padding:.5rem;font-size:.875rem}.login-container{padding:1rem}.login-form{padding:1.5rem}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}.header h1{font-size:1.1rem}.main-content{padding:.25rem}.stats-table th,.stats-table td{padding:.375rem;font-size:.75rem}.login-container{padding:.5rem}.login-form{padding:1rem}.user-info{flex-direction:column;gap:.5rem}.logout-button{padding:.375rem .75rem;font-size:.75rem}.modal{width:95%;padding:1.5rem}}@media (width<=1024px){.table-container{overflow-x:auto}}