@font-face{font-family:electronicFont;src:url("../fonts/DS-DIGIT.TTF")}@keyframes numberPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}@keyframes gradientShift{0%{background-position:0% 100%}50%{background-position:100% 0%}100%{background-position:0% 100%}}#dwatch{line-height:1.15;width:100%;height:100%;display:flex;flex-direction:column;background:linear-gradient(135deg, #f5f7fa 0%, #e4edf5 50%, #d3e6f3 100%);position:absolute;inset:0}#dwatch .d-link{font-size:12px;color:#3498db;transition:all 0.3s ease}#dwatch .d-link:hover{color:#2980b9 !important;text-decoration:underline;text-shadow:0 0 2px rgba(52,152,219,0.2)}#dwatch .flex1{flex:1}#dwatch #areaplat_total{color:#F50057;font-family:"electronicFont";font-size:18px}#dwatch header{position:relative;background:linear-gradient(135deg, #3498db, #4aa8e0, #5ab8ec, #2980b9, #3498db, #1e88e5, #039be5, #29b6f6, #0288d1);background-size:400% 400%;animation:gradientShift 60s ease infinite;box-shadow:0 2px 12px rgba(52,152,219,0.3);font-family:'electronicFont';display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:50px;border-bottom:1px solid rgba(255,255,255,0.2)}#dwatch header .data-wrapper{width:200px;position:absolute;left:20px;padding:5px;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,0.1);transition:all 0.3s ease}#dwatch header .data-wrapper:hover{background:rgba(255,255,255,0.25);box-shadow:0 3px 10px rgba(0,0,0,0.15)}#dwatch header .data-wrapper input{background:rgba(255,255,255,0.7);border-color:rgba(52,152,219,0.3);transition:all 0.3s ease}#dwatch header .data-wrapper input:focus,#dwatch header .data-wrapper input:hover{background:rgba(255,255,255,0.9);border-color:rgba(52,152,219,0.6);box-shadow:0 0 8px rgba(52,152,219,0.2)}#dwatch header .showTime{position:absolute;right:1.5625vw;bottom:1.3021vw;color:rgba(255,255,255,0.9);font-size:.7292vw;padding:3px 8px;border-radius:4px;transition:all 0.3s ease}#dwatch header .showTime:hover{background:rgba(0,0,0,0.2)}#dwatch header h1{font-size:1.5625vw;color:#fff;text-align:center;font-weight:600;letter-spacing:2px;position:relative;z-index:2;padding:5px 15px}#dwatch main{flex:1;padding:5px;display:grid;grid-template-columns:35% 1fr 21%;gap:5px;box-sizing:border-box}#dwatch main .col{display:flex;flex-direction:column;gap:5px}#dwatch main .col .datat{display:flex;flex-wrap:wrap;background:linear-gradient(135deg, rgba(255,255,255,0.9) 0%, rgba(241,249,255,0.95) 100%);backdrop-filter:blur(10px);border:1px solid rgba(52,152,219,0.25);box-shadow:0 4px 10px rgba(52,152,219,0.1);border-radius:8px;width:100%;box-sizing:border-box}#dwatch main .col .datat .cell{width:50%;height:3.8542vw;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:"electronicFont";box-sizing:border-box;cursor:pointer}#dwatch main .col .datat .cell b{font-style:normal;font-size:1.8229vw;margin-bottom:.5208vw;color:#F50057;text-shadow:0 0 3px rgba(41,128,185,0.25);font-weight:700;transition:all 0.3s ease}#dwatch main .col .datat .cell b.number-highlight{animation:numberPulse 2s infinite ease-in-out}#dwatch main .col .datat .cell .cell:hover b{transform:scale(1.1);color:#1a5d9b}#dwatch main .col .datat .cell span{color:#666;font-size:0.9vw}#dwatch main .select-box{height:2.0833vw;font-size:.9375vw;text-align:center;background:rgba(52,152,219,0.15);border-radius:5px 5px 0 0;padding:0 15px;color:#333;display:flex;align-items:center;box-shadow:inset 0 1px 0 rgba(255,255,255,0.4)}#dwatch main .select-box h4{margin-left:10px}#dwatch main .select-box select{margin-left:.2604vw;display:block;height:1.5625vw;font-size:14px;color:#3498db;background-color:rgba(255,255,255,0.9);background-image:none;border:1px solid rgba(52,152,219,0.3);border-radius:4px;-webkit-box-shadow:0 0 5px rgba(52,152,219,0.1);box-shadow:0 0 5px rgba(52,152,219,0.1);-webkit-transition:all ease-in-out .2s;-o-transition:all ease-in-out .2s;transition:all ease-in-out .2s;width:4.1667vw;outline:none;text-align:center;appearance:none;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none}#dwatch main .select-box select:focus,#dwatch main .select-box select:hover{border-color:rgba(52,152,219,0.8);box-shadow:0 0 8px rgba(52,152,219,0.2)}#dwatch main .pannel{position:relative;background:rgba(255,255,255,0.8);border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,0.08);backdrop-filter:blur(5px);border:1px solid rgba(52,152,219,0.15);box-sizing:border-box}#dwatch main .pannel .chart{width:100%;height:100%}#dwatch main .pannel::before{content:'';position:absolute;top:0;left:0;width:15px;height:15px;border-left:2px solid rgba(52,152,219,0.6);border-top:2px solid rgba(52,152,219,0.6);border-radius:2px 0 0 0}#dwatch main .pannel::after{content:'';position:absolute;top:0;right:0;width:15px;height:15px;border-right:2px solid rgba(52,152,219,0.6);border-top:2px solid rgba(52,152,219,0.6);border-radius:0 2px 0 0}#dwatch main .pannel .footer::before{content:'';position:absolute;width:15px;height:15px;border-left:2px solid rgba(52,152,219,0.6);border-bottom:2px solid rgba(52,152,219,0.6);border-radius:0 0 0 2px;left:0;bottom:0}#dwatch main .pannel .footer::after{content:'';position:absolute;width:15px;height:15px;border-right:2px solid rgba(52,152,219,0.6);border-bottom:2px solid rgba(52,152,219,0.6);border-radius:0 0 2px 0;right:0;bottom:0}#dwatch main .pannel .control{position:absolute;top:50%;left:0;width:20px;height:50px;transform:translateY(-50%);font-size:36px;padding:5px;display:flex;align-items:center;color:rgba(52,152,219,0.5);z-index:10}#dwatch main .pannel .control.right{left:auto;right:0;flex-direction:row-reverse}#dwatch main .pannel .control:hover{color:#3498db;text-shadow:0 0 3px rgba(52,152,219,0.3);cursor:pointer}.detailsTrend{position:relative}.detailsTrend-date-wrapper{width:200px}.detailsTrend-pannel{align-items:center;display:flex;gap:0 50px}.detailsTrend-loading-wrapper{position:absolute;inset:0;z-index:10}.sys_link_daily_chart{padding:20px;background:linear-gradient(135deg, #f5f7fa 0%, #e4edf5 50%, #d3e6f3 100%);color:#333}.sys_link_daily_chart .chart-wrapper{margin-top:20px;display:grid;grid-template-columns:repeat(2, 1fr);gap:20px}.sys_link_daily_chart .chart-wrapper.single{grid-template-columns:1fr;gap:20px 0}.sys_link_daily_chart .chart-wrapper .chart{height:400px;border-radius:8px;padding:15px;border:1px solid rgba(52,152,219,0.15);background:rgba(255,255,255,0.8);box-shadow:0 4px 10px rgba(0,0,0,0.05);backdrop-filter:blur(5px);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);will-change:transform}.sys_link_daily_chart .chart-wrapper .chart:hover{transform:translateY(-4px);box-shadow:0 6px 15px rgba(52,152,219,0.15);border-color:rgba(52,152,219,0.3)}.sys_link_daily_chart .detailsTrend-pannel{padding:12px 16px;background:rgba(255,255,255,0.9);border-radius:6px;border:1px solid rgba(52,152,219,0.15)}.sys_link_daily_chart .detailsTrend-pannel .checkbox-container{display:flex;align-items:center;cursor:pointer;font-size:14px;color:#555}.sys_link_daily_chart .detailsTrend-pannel .checkbox-container input[type="checkbox"]{margin-right:6px;accent-color:#3498db}.sys_link_daily_chart .detailsTrend-pannel .checkbox-container:hover{color:#3498db;text-shadow:0 0 2px rgba(52,152,219,0.2)}