body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f9fafb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app{display:flex;height:100vh}.sidebar{background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;overflow-y:auto;width:300px}.sidebar-header{border-bottom:1px solid #e5e7eb;padding:20px}.sidebar-header h2{color:#111827;font-size:20px;margin-bottom:15px}.btn-add{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px;width:100%}.btn-add:hover{background:#2563eb}.sites-list{flex:1 1;overflow-y:auto}.site-item{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;justify-content:space-between;padding:15px 20px;position:relative;transition:background .2s}.site-item:hover{background:#f9fafb}.site-item.active{background:#eff6ff;border-left:3px solid #3b82f6}.site-item-content{flex:1 1}.site-actions{align-items:center;display:flex;gap:4px}.site-delete-btn,.site-edit-btn{background:none;border:none;cursor:pointer;font-size:16px;opacity:.5;padding:4px 8px;transition:opacity .2s}.site-edit-btn:hover{background:#dbeafe;border-radius:4px;opacity:1}.site-delete-btn:hover{background:#fee2e2;border-radius:4px;opacity:1}.site-name{color:#111827;font-size:14px;font-weight:600;margin-bottom:4px}.site-domain{color:#6b7280;font-size:12px;margin-bottom:8px}.site-stats{display:flex;flex-wrap:wrap;gap:8px}.stat-badge{background:#f3f4f6;border-radius:12px;color:#4b5563;font-size:11px;padding:3px 8px}.stat-badge.category{background:#dbeafe;color:#1e40af}.main-content{flex:1 1;overflow-y:auto;padding:30px}.content-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.content-header h1{color:#111827;font-size:28px}.header-actions{align-items:center;display:flex;gap:12px}.domain{color:#6b7280;font-size:14px}.category-badge{background:#dbeafe;border-radius:6px;color:#1e40af;font-size:13px;font-weight:500;padding:6px 12px}.tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:4px;margin-bottom:30px}.tab{background:none;border:none;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;position:relative;transition:color .2s}.tab:hover{color:#111827}.tab.active{color:#3b82f6}.tab.active:after{background:#3b82f6;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:15px;padding:20px}.stat-card.highlight{background:#f0fdf4;border-color:#10b981}.stat-icon{font-size:32px;line-height:1}.stat-content{flex:1 1}.stat-title{color:#6b7280;font-size:13px;margin-bottom:6px}.stat-value{align-items:center;color:#111827;display:flex;font-size:24px;font-weight:700;gap:8px;margin-bottom:4px}.stat-subtitle{color:#9ca3af;font-size:12px}.trend{font-size:18px}.trend.up{color:#10b981}.trend.down{color:#ef4444}.charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:30px}.chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.chart-card h3{color:#111827;font-size:16px;margin-bottom:20px}.info-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;display:flex;gap:12px;padding:16px}.info-icon{font-size:20px}.info-content{color:#1e40af;font-size:14px;line-height:1.6}.status-banner{align-items:center;border-radius:8px;display:flex;gap:20px;margin-bottom:30px;padding:30px}.status-banner.success{background:#f0fdf4;border:2px solid #10b981}.status-banner.warning{background:#fef3c7;border:2px solid #f59e0b}.status-icon{font-size:48px}.status-content h2{font-size:22px;margin-bottom:8px}.status-content p{color:#6b7280;font-size:14px}.checks-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.check-card{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:20px}.check-card.success{background:#f0fdf4;border-color:#10b981}.check-card.warning{background:#fef3c7;border-color:#f59e0b}.check-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.check-header h4{color:#111827;font-size:14px;font-weight:600}.check-icon{font-size:24px}.check-values{display:flex;justify-content:space-between;margin-bottom:12px}.check-values>div{flex:1 1}.check-values .label{color:#6b7280;display:block;font-size:12px;margin-bottom:4px}.check-values .value{color:#111827;display:block;font-size:18px;font-weight:700}.check-progress{margin-top:12px}.progress-bar{background:#e5e7eb;border-radius:4px;height:8px;margin-bottom:6px;overflow:hidden}.progress-fill{background:#3b82f6;height:100%;transition:width .3s}.progress-text{color:#6b7280;font-size:12px}.requirements-info{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.requirements-info h3{color:#111827;font-size:16px;margin-bottom:16px}.requirements-info ul{list-style:none;padding:0}.requirements-info li{color:#4b5563;font-size:14px;line-height:1.6;padding:8px 0}.date-range-selector{align-items:flex-end;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:16px;margin-bottom:20px;padding:20px}.date-range-selector label{color:#374151;display:flex;flex-direction:column;font-size:14px;font-weight:500;gap:6px}.date-range-selector input[type=date]{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px}.btn-primary{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px}.btn-primary:hover{background:#2563eb}.traffic-chart{height:300px;margin-bottom:20px;padding:20px}.traffic-chart,.traffic-table{background:#fff;border:1px solid #e5e7eb;border-radius:8px}.traffic-table{overflow-x:auto}.traffic-table table{border-collapse:collapse;width:100%}.traffic-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-size:13px;font-weight:600;padding:12px;text-align:left}.traffic-table td{border-bottom:1px solid #f3f4f6;color:#4b5563;font-size:14px;padding:12px}.traffic-table td.success{color:#10b981;font-weight:600}.traffic-table td.warning{color:#f59e0b;font-weight:600}.integration-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px;padding:24px}.integration-section h3{color:#111827;font-size:18px;margin-bottom:12px}.integration-section p{color:#6b7280;font-size:14px;line-height:1.6;margin-bottom:16px}.integration-section code{background:#f3f4f6;border-radius:3px;color:#dc2626;font-size:13px;padding:2px 6px}.code-block{background:#1f2937;border-radius:6px;color:#f9fafb;margin-bottom:16px;overflow-x:auto;padding:16px;position:relative}.code-block pre{font-family:Courier New,monospace;font-size:13px;line-height:1.6;margin:0}.btn-copy{background:#374151;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;position:absolute;right:12px;top:12px}.btn-copy:hover{background:#4b5563}.api-keys{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:16px}.api-key-row{align-items:center;display:flex;gap:12px;margin-bottom:12px}.api-key-row:last-child{margin-bottom:0}.api-key-row label{color:#374151;font-size:13px;font-weight:600;min-width:150px}.api-key-row code{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#111827;flex:1 1;font-size:12px;padding:8px 12px}.api-key-row code.secret{font-family:monospace;letter-spacing:.5px}.warning-box{background:#fef3c7;border:1px solid #fbbf24;border-radius:6px;color:#92400e;font-size:14px;margin-top:16px;padding:12px 16px}.integration-section ol{color:#4b5563;font-size:14px;line-height:1.8;padding-left:20px}.traffic-source-chart{display:flex;flex-direction:column;gap:16px}.source-row{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:120px 1fr 120px}.source-label{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:500;gap:8px}.color-dot{border-radius:50%;height:12px;width:12px}.source-bar{background:#f3f4f6;border-radius:12px;height:24px;overflow:hidden}.source-fill{height:100%;transition:width .3s}.source-value{color:#6b7280;font-size:13px;text-align:right}.domestic-chart{align-items:center;display:flex;flex-direction:column;gap:20px}.pie-chart{height:200px;position:relative;width:200px}.pie-center{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.pie-total{color:#111827;font-size:32px;font-weight:700}.pie-label{color:#6b7280;font-size:14px}.chart-legend{display:flex;flex-direction:column;gap:8px}.legend-item{align-items:center;color:#4b5563;display:flex;font-size:14px;gap:8px}.legend-dot{border-radius:50%;height:12px;width:12px}.line-chart{height:100%;position:relative}.line-chart svg{height:100%;width:100%}.chart-labels{color:#6b7280;display:flex;font-size:12px;justify-content:space-between;margin-top:12px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;max-height:90vh;max-width:500px;overflow-y:auto;padding:30px;width:90%}.modal-content h2{color:#111827;font-size:20px;margin-bottom:24px}.form-group{margin-bottom:20px}.form-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-group input,.form-group select{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;width:100%}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.modal-actions button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.modal-actions button[type=button]{background:#f3f4f6;color:#374151}.modal-actions button[type=button]:hover{background:#e5e7eb}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-box{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:400px;padding:40px;width:100%}.login-header{margin-bottom:32px;text-align:center}.login-header h1{color:#111827;font-size:28px;margin-bottom:8px}.login-header p{color:#6b7280;font-size:14px}.login-form{display:flex;flex-direction:column;gap:20px}.login-form .form-group{display:flex;flex-direction:column;gap:8px}.login-form .form-group label{color:#374151;font-size:14px;font-weight:500}.login-form .form-group input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:12px;transition:border-color .2s}.login-form .form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.login-error{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:14px;padding:12px}.btn-login{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px;transition:background .2s;width:100%}.btn-login:hover:not(:disabled){background:#2563eb}.btn-login:disabled{cursor:not-allowed;opacity:.6}.btn-logout{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;margin-top:8px;padding:6px 12px}.btn-logout:hover{background:#dc2626}.header-buttons{display:flex;flex-direction:column;gap:8px}.loading{color:#6b7280;font-size:16px}.loading,.no-data{padding:60px 20px;text-align:center}.no-data{color:#9ca3af;font-size:14px}.no-site{color:#6b7280;font-size:18px;padding:100px 20px;text-align:center}@media (max-width:768px){.app{flex-direction:column}.sidebar{border-bottom:1px solid #e5e7eb;border-right:none;height:auto;width:100%}.charts-grid,.checks-grid,.source-row,.stats-grid{grid-template-columns:1fr}.date-range-selector{align-items:stretch;flex-direction:column}}.popular-pages-tab{padding:20px}.popular-pages-list{margin-top:20px}.popular-page-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px;overflow:hidden;transition:box-shadow .2s}.popular-page-item:hover{box-shadow:0 2px 8px #0000001a}.page-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:background .2s}.page-header:hover{background:#f9fafb}.page-info{flex:1 1;min-width:0}.page-title{color:#111827;font-size:15px;font-weight:600;margin-bottom:4px}.page-title,.page-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-url{color:#6b7280;font-size:12px}.page-stats-summary{align-items:center;display:flex;gap:20px;margin-left:20px}.page-stats-summary .stat-item{align-items:center;display:flex;flex-direction:column;min-width:80px}.page-stats-summary .stat-item strong{color:#111827;font-size:16px;font-weight:600}.page-stats-summary .stat-item small{color:#6b7280;font-size:11px;margin-top:2px}.expand-icon{color:#6b7280;font-size:12px;margin-left:10px}.page-details{background:#f9fafb;border-top:1px solid #e5e7eb;padding:20px}.details-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:16px}.detail-section h4{color:#111827;font-size:14px;font-weight:600;margin-bottom:12px}.detail-item{border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:8px 0}.detail-item:last-child{border-bottom:none}.detail-item .label{color:#6b7280;font-size:13px}.detail-item .value{color:#111827;font-size:13px;font-weight:600}.page-link{border-top:1px solid #e5e7eb;margin-top:16px;padding-top:16px}.page-link a{align-items:center;color:#3b82f6;display:inline-flex;font-size:14px;font-weight:500;gap:6px;text-decoration:none;transition:color .2s}.page-link a:hover{color:#2563eb;text-decoration:underline}@media (max-width:768px){.details-grid{gap:20px;grid-template-columns:1fr}.page-stats-summary{align-items:flex-end;flex-direction:column;gap:10px}.page-header{align-items:flex-start;flex-direction:column}.page-stats-summary{flex-direction:row;justify-content:space-between;margin-left:0;margin-top:12px;width:100%}}
/*# sourceMappingURL=main.94c749df.css.map*/