.visitor-graph-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.08);padding:20px;margin:20px 0}.visitor-graph-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.visitor-graph-title{font-size:18px;font-weight:600;color:#333;margin:0}.visitor-graph-filters{display:flex;gap:15px;flex-wrap:wrap}.visitor-graph-select-container{position:relative}.visitor-graph-select{appearance:none;background-color:#f5f7fa;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:14px;padding:10px 35px 10px 15px;width:140px;transition:all .2s}.visitor-graph-select:hover,.visitor-graph-select:focus{border-color:#a0aec0;outline:none}.visitor-graph-select-container:after{content:"";position:absolute;right:15px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #4a5568;pointer-events:none}.visitor-graph-canvas-container{position:relative;height:300px;margin-top:20px}.visitor-graph-footer{display:flex;justify-content:space-between;margin-top:15px;font-size:12px;color:#718096}.visitor-graph-stat{display:flex;flex-direction:column;align-items:center}.visitor-graph-stat-value{font-size:20px;font-weight:600;color:#2d6ff7;margin-bottom:5px}.visitor-graph-stat-label{font-size:12px;color:#718096}.visitor-graph-loading{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.8);display:flex;justify-content:center;align-items:center;z-index:10;opacity:0;pointer-events:none;transition:opacity .3s}.visitor-graph-loading.active{opacity:1;pointer-events:auto}.visitor-graph-spinner{width:40px;height:40px;border:4px solid rgba(45,111,247,.2);border-top:4px solid #2d6ff7;border-radius:50%;animation:spin 1s linear infinite}@media (max-width:768px){.visitor-graph-header{flex-direction:column;align-items:flex-start;gap:15px}.visitor-graph-filters{width:100%}.visitor-graph-select{width:100%}.visitor-graph-select-container{flex:1;min-width:130px}.visitor-graph-footer{flex-wrap:wrap;gap:15px}}