.smart-care-screen[data-v-37d1c506]{width:100vw;height:100vh;background-color:#020817;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;font-family:Microsoft YaHei,sans-serif;position:relative}.smart-care-screen[data-v-37d1c506]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../img/bg.d6af4052.png);background-size:cover;background-position:50%;background-repeat:no-repeat;opacity:.5;z-index:0}.screen-container[data-v-37d1c506]{position:relative;z-index:1;width:1920px;height:1080px;transform-origin:center}.header[data-v-37d1c506]{position:absolute;top:0;left:0;width:100%;height:80px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:0 32px;z-index:10}.header-left[data-v-37d1c506]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:#00e5ff;font-size:18px;font-family:monospace;letter-spacing:1px;width:400px}.time[data-v-37d1c506]{margin-right:16px;font-size:24px}.date[data-v-37d1c506]{margin-right:16px}.header-title[data-v-37d1c506]{color:#fff;font-size:36px;font-weight:700;letter-spacing:4px;text-align:center;-ms-flex:1;flex:1;text-shadow:0 0 10px rgba(0,229,255,.5)}.header-right[data-v-37d1c506]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;width:400px}.back-btn[data-v-37d1c506]{background-color:#fff;color:#000;padding:8px 16px;border-radius:4px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-weight:700;border:none;cursor:pointer;transition:background-color .3s}.back-btn[data-v-37d1c506]:hover{background-color:#e5e5e5}.back-btn i[data-v-37d1c506]{margin-right:8px}.main-content[data-v-37d1c506]{position:absolute;top:90px;left:20px;right:20px;bottom:20px;display:-ms-flexbox;display:flex;gap:20px}.left-column[data-v-37d1c506]{width:400px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:20px}.middle-column[data-v-37d1c506]{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:0}.right-column[data-v-37d1c506]{width:400px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:20px}.panel[data-v-37d1c506]{background-color:rgba(11,20,43,.6);border:1px solid #1e3a6e;border-radius:8px;padding:20px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);height:100%}.flex-panel[data-v-37d1c506]{-ms-flex:1;flex:1}.panel-header[data-v-37d1c506]{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-bottom:16px;-ms-flex-negative:0;flex-shrink:0}.panel-title[data-v-37d1c506]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.title-bar[data-v-37d1c506]{width:4px;height:16px;background-color:#00e5ff;margin-right:8px;border-radius:2px;box-shadow:0 0 8px #00e5ff}.panel-title span[data-v-37d1c506]{color:#fff;font-weight:700;font-size:18px;letter-spacing:2px}.detail-link[data-v-37d1c506]{color:#00e5ff;font-size:14px;cursor:pointer;transition:color .3s}.detail-link[data-v-37d1c506]:hover{color:#fff}.panel-body[data-v-37d1c506]{-ms-flex:1;flex:1;min-height:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}.total-box[data-v-37d1c506]{background-color:#111c3a;border:1px solid #1e3a6e;border-radius:8px;padding:16px;margin-bottom:24px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.total-label[data-v-37d1c506]{color:#fff;font-size:18px;margin-right:16px}.total-value[data-v-37d1c506]{font-size:36px;font-weight:700;color:#fff}.chart-section[data-v-37d1c506]{margin-bottom:24px}.chart-title[data-v-37d1c506]{color:#fff;font-size:14px;margin-bottom:8px}.chart-container[data-v-37d1c506]{height:200px}.status-list[data-v-37d1c506]{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-height:0}.list-header[data-v-37d1c506]{display:-ms-flexbox;display:flex;color:#9ca3af;font-size:14px;margin-bottom:8px;padding:0 16px}.list-body[data-v-37d1c506]{-ms-flex:1;flex:1;overflow-y:auto}.list-item[data-v-37d1c506]{display:-ms-flexbox;display:flex;color:#fff;font-size:14px;padding:12px 16px;background-color:rgba(17,28,58,.5);border-radius:4px;margin-bottom:8px;border:1px solid transparent;transition:border-color .3s}.list-item[data-v-37d1c506]:hover{border-color:#1e3a6e}.col[data-v-37d1c506]{-ms-flex:1;flex:1}.col.center[data-v-37d1c506]{text-align:center}.col.right[data-v-37d1c506]{text-align:right}.col.status[data-v-37d1c506]{color:#00e5ff}.controls[data-v-37d1c506]{display:-ms-flexbox;display:flex;gap:16px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.dropdown-wrapper[data-v-37d1c506]{position:relative}.dropdown-btn[data-v-37d1c506]{background-color:#00e5ff;color:#000;padding:8px 16px;border-radius:4px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-weight:700;border:none;cursor:pointer;min-width:160px;-ms-flex-pack:justify;justify-content:space-between;transition:background-color .3s}.dropdown-btn[data-v-37d1c506]:hover{background-color:#00cce6}.dropdown-btn i[data-v-37d1c506]{margin-right:8px}.dropdown-btn i[data-v-37d1c506]:last-child{margin-right:0;margin-left:8px;transition:transform .3s}.dropdown-btn i.rotate[data-v-37d1c506]{transform:rotate(180deg)}.dropdown-menu[data-v-37d1c506]{position:absolute;top:calc(100% + 4px);left:0;width:100%;background-color:#0b142b;border:1px solid #00e5ff;border-radius:4px;box-shadow:0 0 10px rgba(0,229,255,.2);z-index:50;overflow:hidden}.dropdown-item[data-v-37d1c506]{padding:8px 16px;color:#fff;cursor:pointer;transition:all .3s}.dropdown-item[data-v-37d1c506]:hover{background-color:#00e5ff;color:#000}.date-tabs[data-v-37d1c506]{display:-ms-flexbox;display:flex;border:1px solid #00e5ff;border-radius:4px;overflow:hidden}.date-tabs button[data-v-37d1c506]{padding:8px 24px;font-weight:700;border:none;cursor:pointer;background-color:#0b142b;color:#fff;transition:all .3s}.date-tabs button[data-v-37d1c506]:not(:first-child){border-left:1px solid #00e5ff}.date-tabs button.active[data-v-37d1c506],.date-tabs button[data-v-37d1c506]:hover{background-color:#00e5ff;color:#000}.date-picker-wrapper[data-v-37d1c506]{position:relative}.date-btn[data-v-37d1c506]{background-color:#00e5ff;color:#000;padding:8px 16px;border-radius:4px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-weight:700;border:none;cursor:pointer;min-width:240px;-ms-flex-pack:center;justify-content:center;transition:background-color .3s}.date-btn[data-v-37d1c506]:hover{background-color:#00cce6}.date-btn i[data-v-37d1c506]{margin-right:8px}.date-picker-popup[data-v-37d1c506]{position:absolute;top:calc(100% + 4px);right:0;width:320px;background-color:#0b142b;border:1px solid #00e5ff;border-radius:4px;box-shadow:0 0 15px rgba(0,229,255,.3);z-index:50;padding:16px}.popup-title[data-v-37d1c506]{color:#fff;font-weight:700;border-bottom:1px solid #1e3a6e;padding-bottom:8px;margin-bottom:16px}.popup-body[data-v-37d1c506]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:16px}.date-field[data-v-37d1c506]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.date-field span[data-v-37d1c506]{color:#9ca3af;font-size:14px}.date-field input[data-v-37d1c506]{background-color:#111c3a;border:1px solid #1e3a6e;color:#fff;padding:6px 12px;border-radius:4px;outline:none;width:160px}.date-field input[data-v-37d1c506]:focus{border-color:#00e5ff}.error-msg[data-v-37d1c506]{color:#ef4444;font-size:12px}.popup-actions[data-v-37d1c506]{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;gap:12px;margin-top:8px}.popup-actions button[data-v-37d1c506]{padding:6px 16px;border-radius:4px;border:none;cursor:pointer;font-size:14px;transition:all .3s}.popup-actions .cancel[data-v-37d1c506]{color:#9ca3af;background:transparent}.popup-actions .cancel[data-v-37d1c506]:hover{color:#fff;background-color:#111c3a}.popup-actions .confirm[data-v-37d1c506]{background-color:#00e5ff;color:#000;font-weight:700}.popup-actions .confirm[data-v-37d1c506]:hover{background-color:#00cce6}.stats-row[data-v-37d1c506]{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;margin-bottom:32px;margin-top:16px}.stat-item[data-v-37d1c506]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.stat-value[data-v-37d1c506]{font-size:36px;font-weight:700;color:#fff;margin-bottom:8px}.stat-label[data-v-37d1c506]{color:#00e5ff;font-size:14px}.bottom-charts[data-v-37d1c506]{display:-ms-flexbox;display:flex;gap:16px;height:420px}.chart-box[data-v-37d1c506]{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative}.chart-box .chart-container[data-v-37d1c506]{-ms-flex:1;flex:1}.pie-center[data-v-37d1c506]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;pointer-events:none;margin-top:20px}.order-list[data-v-37d1c506]{-ms-flex:1;flex:1;overflow-y:auto;padding-right:8px}.order-card[data-v-37d1c506]{background-color:#111c3a;border:1px solid #1e3a6e;border-radius:8px;padding:16px;margin-bottom:16px;cursor:pointer;transition:border-color .3s}.order-card[data-v-37d1c506]:hover{border-color:#00e5ff}.order-header[data-v-37d1c506]{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start;margin-bottom:16px}.user-info[data-v-37d1c506]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.avatar[data-v-37d1c506]{width:48px;height:48px;border-radius:50%;background-color:#1f2937;margin-right:12px}.user-name[data-v-37d1c506]{color:#fff;font-size:18px;font-weight:700}.service-name[data-v-37d1c506]{color:#9ca3af;font-size:14px}.order-status[data-v-37d1c506]{font-size:18px;font-weight:700}.order-footer[data-v-37d1c506]{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;color:#9ca3af;font-size:14px}.custom-scrollbar[data-v-37d1c506]::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar[data-v-37d1c506]::-webkit-scrollbar-track{background:rgba(11,20,43,.5);border-radius:4px}.custom-scrollbar[data-v-37d1c506]::-webkit-scrollbar-thumb{background:#1e3a6e;border-radius:4px}.custom-scrollbar[data-v-37d1c506]::-webkit-scrollbar-thumb:hover{background:#00e5ff}