.full-page{background-color:#000}#chart_orderSalary{color:#fff}#barChart{margin-top:20px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.video-background{z-index:-1}.header{height:50px;background-image:url(../img/777777777772.7270c79e.png);background-position:50%;background-repeat:no-repeat;background-size:cover;z-index:1}.title-container{color:#fff;font-size:24px;font-weight:700;text-align:center}.header:before{border-right:30px solid #06c}.header:after,.header:before{width:0;height:0;border-top:30px solid transparent;border-bottom:30px solid transparent}.header:after{content:"";position:absolute;top:0;right:0;border-left:30px solid #06c}.card-content{flex-direction:column;align-items:flex-start;padding:15px}.el-icon-box,.el-icon-office-building,.el-icon-user{font-size:24px}.button-menu{top:50px;background:rgba(0,0,0,.3);transition:width .3s;padding:20px}.button-menu.collapsed{width:60px}.menu-btn{color:#fff;border-color:rgba(173,216,230,.8);background:rgba(0,0,0,.2)}.menu-btn:hover{background:rgba(0,0,0,.3)}.menu-btn span{transition:opacity .3s}.title-with-logo{display:flex;align-items:center;justify-content:flex-start}.logo{width:150px;height:45px;margin-right:10px}.monitor-container{left:240px;height:300px;background:linear-gradient(145deg,rgba(0,150,255,.2),rgba(0,82,147,.2));border-radius:12px;z-index:10;box-shadow:0 0 20px rgba(0,150,255,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.monitor-title{margin-bottom:12px;text-align:center;text-shadow:0 0 5px rgba(0,255,255,.7)}.monitor-content{height:calc(100% - 70px);background-color:rgba(0,0,0,.3);border-radius:6px;border:1px solid rgba(0,255,255,.3)}.monitor-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.error-message{color:#ff4d4f;background:rgba(0,0,0,.8);padding:15px 25px;border-radius:6px;border:1px solid rgba(255,77,79,.5);box-shadow:0 0 15px rgba(255,77,79,.7);animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 5px rgba(255,77,79,.7)}50%{box-shadow:0 0 15px #ff4d4f}to{box-shadow:0 0 5px rgba(255,77,79,.7)}}#video-container video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.monitor-header{justify-content:space-between;align-items:center}.monitor-switcher-bottom,.monitor-switcher-top{display:flex;gap:8px;margin-bottom:10px}.full-page{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);color:#fff;overflow:hidden;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif}.video-overlay{background:radial-gradient(circle at center,rgba(15,32,39,.7) 0,rgba(44,83,100,.9) 100%);z-index:-1}.video-background,.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.video-background{-o-object-fit:cover;object-fit:cover;z-index:-2;opacity:.4;filter:blur(1px)}.header{position:relative;height:60px;background:linear-gradient(90deg,rgba(0,40,85,.85),rgba(0,80,140,.75),rgba(0,40,85,.85));box-shadow:0 4px 20px rgba(0,0,0,.5);overflow:hidden;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(64,158,255,.6)}.header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(64,158,255,.3),transparent);animation:headerShine 3s infinite}@keyframes headerShine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.title-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.title{margin:0;padding:0;background:linear-gradient(90deg,#4facfe,#00f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:24px;font-weight:700;letter-spacing:1px;text-shadow:0 0 10px rgba(79,172,254,.5)}.logo{width:160px;height:50px;margin-right:15px;filter:drop-shadow(0 0 8px rgba(79,172,254,.7))}.header-actions{display:flex;align-items:center;justify-content:flex-end;padding:0 20px;height:100%;gap:20px}.menu-toggle{font-size:20px;cursor:pointer;color:#fff;transition:transform .3s ease}.menu-toggle:hover{transform:scale(1.2)}.user-info{color:#fff;cursor:pointer;display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:15px;background:rgba(0,0,0,.2);transition:background .3s ease}.user-info:hover{background:rgba(64,158,255,.3)}.button-menu{position:fixed;left:0;top:60px;bottom:0;width:200px;background:rgba(10,25,47,.85);transition:all .3s ease;padding:20px 10px;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid rgba(64,158,255,.4);box-shadow:5px 0 15px rgba(0,0,0,.3);overflow-y:auto;z-index:90}.button-menu.collapsed{width:64px}.button-menu::-webkit-scrollbar{width:5px}.button-menu::-webkit-scrollbar-thumb{background:rgba(64,158,255,.5);border-radius:5px}.menu-btn{width:100%;color:#c0d3e8;border:1px solid rgba(64,158,255,.5);background:rgba(0,20,40,.4);margin:8px 0;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:8px;height:45px;display:flex;align-items:center;justify-content:flex-start;padding:0 15px}.button-menu.collapsed .menu-btn{justify-content:center;padding:0}.menu-btn:hover{background:linear-gradient(90deg,rgba(64,158,255,.4),rgba(0,200,255,.4));color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px rgba(64,158,255,.4);border-color:rgba(64,158,255,.8)}.menu-btn.active{background:linear-gradient(90deg,rgba(64,158,255,.8),rgba(0,200,255,.8));color:#fff;border-color:rgba(64,158,255,.9);box-shadow:0 0 15px rgba(64,158,255,.6)}.menu-btn i{margin-right:10px;font-size:16px}.button-menu.collapsed .menu-btn i{margin-right:0}.menu-btn span{transition:opacity .3s ease;white-space:nowrap;overflow:hidden}.button-menu.collapsed .menu-btn span{opacity:0;width:0}.content-container{position:relative;z-index:50;margin-left:200px;margin-top:60px;padding:20px;height:calc(100% - 60px);overflow-y:auto}.content-container::-webkit-scrollbar{width:8px}.content-container::-webkit-scrollbar-thumb{background:linear-gradient(rgba(64,158,255,.5),rgba(0,200,255,.5));border-radius:4px}.monitor-container{position:absolute;top:80px;left:230px;width:500px;height:320px;background:linear-gradient(135deg,rgba(10,25,47,.85),rgba(15,40,70,.85));border-radius:15px;z-index:60;padding:15px;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(64,158,255,.4);overflow:hidden}.monitor-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 40%,rgba(64,158,255,.1) 50%,transparent 60%);animation:scan 5s linear infinite}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.monitor-header{display:flex;flex-direction:column;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(64,158,255,.3)}.monitor-title{font-size:18px;font-weight:700;background:linear-gradient(90deg,#4facfe,#00f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 5px rgba(64,158,255,.5);margin-bottom:10px}.monitor-controls{display:flex;justify-content:space-between;align-items:center}.monitor-tip{font-size:12px;color:#a0c1ff;background:rgba(0,0,0,.3);padding:2px 8px;border-radius:10px}.monitor-switcher{display:flex;gap:8px;overflow-x:auto;white-space:nowrap;padding:5px;max-width:350px}.monitor-switcher::-webkit-scrollbar{height:4px}.monitor-switcher::-webkit-scrollbar-thumb{background:rgba(64,158,255,.5);border-radius:2px}.monitor-btn{background:rgba(0,20,40,.4);color:#c0d3e8;border:1px solid rgba(64,158,255,.3);font-size:12px;padding:4px 8px;transition:all .3s ease;border-radius:6px}.monitor-btn:hover{background:rgba(64,158,255,.3);color:#fff;transform:translateY(-1px);box-shadow:0 3px 8px rgba(64,158,255,.3)}.monitor-btn.is-active{background:linear-gradient(90deg,rgba(64,158,255,.7),rgba(0,200,255,.7));color:#fff;border-color:rgba(64,158,255,.9);box-shadow:0 0 10px rgba(64,158,255,.5)}.monitor-content{height:calc(100% - 60px);background-color:rgba(0,0,0,.4);border-radius:10px;overflow:hidden;border:1px solid rgba(64,158,255,.2)}#video-container,.monitor-content{width:100%;position:relative;display:flex;justify-content:center;align-items:center}#video-container{height:100%;background-color:#000}.error-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ff6b6b;background:rgba(0,0,0,.85);padding:20px;border-radius:10px;text-align:center;z-index:100;border:1px solid #ff6b6b;box-shadow:0 0 20px hsla(0,100%,71%,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;align-items:center;min-width:250px}.error-icon{font-size:32px;margin-bottom:10px}.error-text{margin:10px 0;font-size:14px}.retry-btn{background:linear-gradient(90deg,#ff6b6b,#ff8e53);border:none;color:#fff;padding:8px 16px;border-radius:20px;cursor:pointer;transition:all .3s ease;margin-top:10px}.retry-btn:hover{transform:scale(1.05);box-shadow:0 0 15px hsla(0,100%,71%,.7)}.stats-container{position:absolute;top:80px;right:20px;width:500px;z-index:40}.stats-row{display:flex;justify-content:space-between}.stats-card{height:180px;border:none;border-radius:15px!important;box-shadow:0 8px 20px rgba(0,0,0,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(10,25,47,.85),rgba(15,40,70,.85));border:1px solid rgba(64,158,255,.3)}.stats-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px}.worker-card:before{background:linear-gradient(90deg,#4facfe,#00f2fe)}.project-card:before{background:linear-gradient(90deg,#5cdb95,#05a8aa)}.goods-card:before{background:linear-gradient(90deg,#fd79a8,#fdcb6e)}.stats-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px rgba(64,158,255,.5);border-color:rgba(64,158,255,.6)}.card-content{display:flex;padding:20px;height:100%;align-items:center}.card-icon-wrapper{width:60px;height:60px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-right:15px;box-shadow:0 0 15px rgba(64,158,255,.4)}.worker-card .card-icon-wrapper{background:linear-gradient(135deg,rgba(79,172,254,.3),rgba(0,242,254,.3))}.project-card .card-icon-wrapper{background:linear-gradient(135deg,rgba(92,219,149,.3),rgba(5,168,170,.3))}.goods-card .card-icon-wrapper{background:linear-gradient(135deg,rgba(253,121,168,.3),rgba(253,203,110,.3))}.card-icon{font-size:28px}.worker-card .card-icon{color:#4facfe}.project-card .card-icon{color:#5cdb95}.goods-card .card-icon{color:#fd79a8}.card-info{display:flex;flex-direction:column;justify-content:center}.card-label{color:#a0c1ff;font-size:14px;margin-bottom:5px}.card-value{font-size:28px;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(64,158,255,.7)}.charts-container{position:absolute;top:300px;right:20px;width:500px;z-index:30}.chart-wrapper{background:linear-gradient(135deg,rgba(10,25,47,.85),rgba(15,40,70,.85));border-radius:15px;padding:15px;margin-bottom:15px;box-shadow:0 8px 20px rgba(0,0,0,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(64,158,255,.3);transition:all .3s ease}.chart-wrapper:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(64,158,255,.5);border-color:rgba(64,158,255,.6)}.chart-header{margin-bottom:10px}.chart-title{margin:0;font-size:16px;font-weight:700;background:linear-gradient(90deg,#4facfe,#00f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 5px rgba(64,158,255,.5)}.chart{width:100%;height:250px;color:#fff}.today-statistics-container{position:absolute;top:680px;right:20px;width:500px;z-index:20}.today-stats-card{height:120px;border:none;border-radius:15px!important;box-shadow:0 8px 20px rgba(0,0,0,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;overflow:hidden;background:linear-gradient(135deg,rgba(10,25,47,.85),rgba(15,40,70,.85));border:1px solid rgba(64,158,255,.3)}.today-stats-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(64,158,255,.5);border-color:rgba(64,158,255,.6)}.out-card{border-left:4px solid #ff6b6b}.in-card{border-left:4px solid #5cdb95}.today-card-content{display:flex;padding:20px;height:100%;align-items:center}.today-card-icon-wrapper{width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-right:15px;box-shadow:0 0 10px rgba(64,158,255,.4)}.out-card .today-card-icon-wrapper{background:linear-gradient(135deg,hsla(0,100%,71%,.3),rgba(255,142,83,.3))}.in-card .today-card-icon-wrapper{background:linear-gradient(135deg,rgba(92,219,149,.3),rgba(5,168,170,.3))}.today-card-icon{font-size:24px}.out-card .today-card-icon{color:#ff6b6b}.in-card .today-card-icon{color:#5cdb95}.today-card-info{display:flex;flex-direction:column;justify-content:center}.today-card-label{color:#a0c1ff;font-size:14px;margin-bottom:5px}.today-card-value{font-size:24px;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(64,158,255,.7)}.pie-chart-container{position:absolute;top:530px;left:230px;width:500px;z-index:20}@media (max-width:1400px){.monitor-container{width:400px;height:280px}.charts-container,.pie-chart-container,.stats-container,.today-statistics-container{width:400px;right:15px}.stats-container{top:80px}.charts-container{top:240px}.pie-chart-container,.today-statistics-container{top:500px}.pie-chart-container{left:230px;width:390px}}@media (max-width:1200px){.monitor-container{left:220px;width:350px;height:250px}.charts-container,.pie-chart-container,.stats-container,.today-statistics-container{width:350px}.pie-chart-container{width:340px}.card-value{font-size:24px}.today-card-value{font-size:20px}}@media (max-width:768px){.monitor-container{display:none}.charts-container,.pie-chart-container,.stats-container,.today-statistics-container{position:relative;top:auto;left:auto;right:auto;width:100%;margin-top:20px}.content-container{margin-left:64px}.button-menu.collapsed{width:64px}}