.notification-container[data-v-3d669100]{position:fixed;top:100px;right:20px;width:500px;z-index:9999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px;pointer-events:none}.notification-item[data-v-3d669100]{pointer-events:auto;cursor:pointer;background:#fff;border:1px solid #e8e8e8;border-left:4px solid #00a0f4;border-radius:4px;padding:15px;-webkit-box-shadow:0 4px 15px rgba(0,0,0,.1);box-shadow:0 4px 15px rgba(0,0,0,.1);color:#333;-webkit-transition:all .5s cubic-bezier(.4,0,.2,1);transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.notification-item[data-v-3d669100]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(rgba(0,160,244,.1)),to(transparent));background:linear-gradient(90deg,transparent,rgba(0,160,244,.1),transparent);-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-animation:scan-3d669100 3s infinite;animation:scan-3d669100 3s infinite}@-webkit-keyframes scan-3d669100{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}50%,to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes scan-3d669100{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}50%,to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.notification-item.system[data-v-3d669100]{border-left-color:#00a0f4;-webkit-box-shadow:0 0 10px rgba(0,160,244,.2);box-shadow:0 0 10px rgba(0,160,244,.2)}.notification-item.user[data-v-3d669100]{border-left-color:#0f8;-webkit-box-shadow:0 0 10px rgba(0,255,136,.2);box-shadow:0 0 10px rgba(0,255,136,.2)}.notification-item.user .status-dot[data-v-3d669100]{background:#0f8;-webkit-box-shadow:0 0 5px #0f8;box-shadow:0 0 5px #0f8}.notification-item.log[data-v-3d669100]{border-left-color:#fa0;-webkit-box-shadow:0 0 10px rgba(255,170,0,.2);box-shadow:0 0 10px rgba(255,170,0,.2)}.notification-item.log .status-dot[data-v-3d669100]{background:#fa0;-webkit-box-shadow:0 0 5px #fa0;box-shadow:0 0 5px #fa0}.notification-header[data-v-3d669100]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:8px;font-size:32px!important;color:#333;font-weight:700}.notification-header[data-v-3d669100],.notification-title[data-v-3d669100]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.notification-title[data-v-3d669100]{gap:8px}.status-dot[data-v-3d669100]{width:20px;height:20px;border-radius:50%;background:#00a0f4;-webkit-box-shadow:0 0 5px #00a0f4;box-shadow:0 0 5px #00a0f4;-webkit-animation:pulse-3d669100 2s infinite;animation:pulse-3d669100 2s infinite}@-webkit-keyframes pulse-3d669100{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.7;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse-3d669100{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.7;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.notification-time[data-v-3d669100]{font-size:28px!important;color:#999;font-weight:400;font-family:Courier New,monospace}.notification-content[data-v-3d669100]{font-size:30px!important;line-height:1.5;color:#666;word-break:break-all}.log-list-enter-active[data-v-3d669100],.log-list-leave-active[data-v-3d669100],.notification-list-enter-active[data-v-3d669100],.notification-list-leave-active[data-v-3d669100]{-webkit-transition:all .5s;transition:all .5s}.log-list-enter[data-v-3d669100],.log-list-leave-to[data-v-3d669100],.notification-list-enter[data-v-3d669100],.notification-list-leave-to[data-v-3d669100]{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}.log-list-move[data-v-3d669100],.notification-list-move[data-v-3d669100]{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.screen-container[data-v-3d669100]{width:100vw;min-height:100vh;background:#fff;color:#333;padding:20px;font-family:Arial,sans-serif;overflow-x:hidden;font-size:40px!important}.screen-header[data-v-3d669100]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e8e8e8}.screen-header[data-v-3d669100],.title-container[data-v-3d669100]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.title-container[data-v-3d669100]{gap:15px}.title-logo[data-v-3d669100]{height:120px;width:auto;border-radius:4px;-webkit-box-shadow:0 0 15px rgba(0,160,244,.3);box-shadow:0 0 15px rgba(0,160,244,.3)}.screen-title[data-v-3d669100]{font-size:100px!important;font-weight:700;margin:0;position:relative;color:#00a0f4;text-shadow:none;overflow:hidden;display:inline-block}.screen-time[data-v-3d669100]{font-size:50px!important;color:#666}.screen-time[data-v-3d669100],.ws-status[data-v-3d669100]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ws-status[data-v-3d669100]{gap:10px;padding:10px 20px;border-radius:30px;background:hsla(0,0%,100%,.8);-webkit-box-shadow:0 2px 10px rgba(0,0,0,.05);box-shadow:0 2px 10px rgba(0,0,0,.05);-webkit-transition:all .3s ease;transition:all .3s ease;margin-left:20px}.status-icon[data-v-3d669100]{width:20px;height:20px;border-radius:50%;display:block;-webkit-transition:all .3s ease;transition:all .3s ease}.status-text[data-v-3d669100]{font-size:36px!important;font-weight:600;-webkit-transition:all .3s ease;transition:all .3s ease}.ws-status.connected .status-icon[data-v-3d669100]{background:#52c41a;-webkit-box-shadow:0 0 10px #52c41a;box-shadow:0 0 10px #52c41a;-webkit-animation:pulse-green-3d669100 2s infinite;animation:pulse-green-3d669100 2s infinite}.ws-status.connected .status-text[data-v-3d669100]{color:#52c41a;text-shadow:0 0 5px rgba(82,196,26,.2)}.ws-status.connecting .status-icon[data-v-3d669100]{background:#faad14;-webkit-box-shadow:0 0 10px #faad14;box-shadow:0 0 10px #faad14;-webkit-animation:pulse-orange-3d669100 1s infinite;animation:pulse-orange-3d669100 1s infinite}.ws-status.connecting .status-text[data-v-3d669100]{color:#faad14;-webkit-animation:text-blink-3d669100 1.5s ease-in-out infinite;animation:text-blink-3d669100 1.5s ease-in-out infinite}.ws-status.disconnected .status-icon[data-v-3d669100]{background:#ff4d4f;-webkit-box-shadow:0 0 10px #ff4d4f;box-shadow:0 0 10px #ff4d4f;-webkit-animation:pulse-red-3d669100 2s infinite;animation:pulse-red-3d669100 2s infinite}.ws-status.disconnected .status-text[data-v-3d669100]{color:#ff4d4f;-webkit-animation:text-shake-3d669100 3s infinite;animation:text-shake-3d669100 3s infinite}@-webkit-keyframes text-blink-3d669100{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.6;-webkit-transform:scale(.98);transform:scale(.98)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes text-blink-3d669100{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.6;-webkit-transform:scale(.98);transform:scale(.98)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes text-shake-3d669100{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}20%,40%,60%,80%{-webkit-transform:translateX(2px);transform:translateX(2px)}}@keyframes text-shake-3d669100{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}20%,40%,60%,80%{-webkit-transform:translateX(2px);transform:translateX(2px)}}@-webkit-keyframes pulse-green-3d669100{0%{-webkit-box-shadow:0 0 0 0 rgba(82,196,26,.7);box-shadow:0 0 0 0 rgba(82,196,26,.7)}70%{-webkit-box-shadow:0 0 0 10px rgba(82,196,26,0);box-shadow:0 0 0 10px rgba(82,196,26,0)}to{-webkit-box-shadow:0 0 0 0 rgba(82,196,26,0);box-shadow:0 0 0 0 rgba(82,196,26,0)}}@keyframes pulse-green-3d669100{0%{-webkit-box-shadow:0 0 0 0 rgba(82,196,26,.7);box-shadow:0 0 0 0 rgba(82,196,26,.7)}70%{-webkit-box-shadow:0 0 0 10px rgba(82,196,26,0);box-shadow:0 0 0 10px rgba(82,196,26,0)}to{-webkit-box-shadow:0 0 0 0 rgba(82,196,26,0);box-shadow:0 0 0 0 rgba(82,196,26,0)}}@-webkit-keyframes pulse-orange-3d669100{0%{-webkit-box-shadow:0 0 0 0 rgba(250,173,20,.7);box-shadow:0 0 0 0 rgba(250,173,20,.7)}70%{-webkit-box-shadow:0 0 0 10px rgba(250,173,20,0);box-shadow:0 0 0 10px rgba(250,173,20,0)}to{-webkit-box-shadow:0 0 0 0 rgba(250,173,20,0);box-shadow:0 0 0 0 rgba(250,173,20,0)}}@keyframes pulse-orange-3d669100{0%{-webkit-box-shadow:0 0 0 0 rgba(250,173,20,.7);box-shadow:0 0 0 0 rgba(250,173,20,.7)}70%{-webkit-box-shadow:0 0 0 10px rgba(250,173,20,0);box-shadow:0 0 0 10px rgba(250,173,20,0)}to{-webkit-box-shadow:0 0 0 0 rgba(250,173,20,0);box-shadow:0 0 0 0 rgba(250,173,20,0)}}@-webkit-keyframes pulse-red-3d669100{0%{-webkit-box-shadow:0 0 0 0 rgba(255,77,79,.7);box-shadow:0 0 0 0 rgba(255,77,79,.7)}70%{-webkit-box-shadow:0 0 0 10px rgba(255,77,79,0);box-shadow:0 0 0 10px rgba(255,77,79,0)}to{-webkit-box-shadow:0 0 0 0 rgba(255,77,79,0);box-shadow:0 0 0 0 rgba(255,77,79,0)}}@keyframes pulse-red-3d669100{0%{-webkit-box-shadow:0 0 0 0 rgba(255,77,79,.7);box-shadow:0 0 0 0 rgba(255,77,79,.7)}70%{-webkit-box-shadow:0 0 0 10px rgba(255,77,79,0);box-shadow:0 0 0 10px rgba(255,77,79,0)}to{-webkit-box-shadow:0 0 0 0 rgba(255,77,79,0);box-shadow:0 0 0 0 rgba(255,77,79,0)}}.time-separator[data-v-3d669100]{margin:0 10px}.metrics-grid[data-v-3d669100]{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;margin-bottom:30px}.metric-card[data-v-3d669100]{background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:20px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.05);box-shadow:0 4px 12px rgba(0,0,0,.05);-webkit-transition:all .3s ease;transition:all .3s ease}.metric-card[data-v-3d669100]:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 8px 20px rgba(0,160,244,.15);box-shadow:0 8px 20px rgba(0,160,244,.15);border-color:#00a0f4}.metric-label[data-v-3d669100]{font-size:36px!important;color:#666;margin-bottom:10px}.metric-value[data-v-3d669100]{font-size:80px!important;font-weight:700;margin-bottom:15px;color:#333}.metric-trend[data-v-3d669100]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:30px!important}.metric-trend.positive[data-v-3d669100]{color:#52c41a}.metric-trend.neutral[data-v-3d669100]{color:#faad14}.metric-trend.negative[data-v-3d669100]{color:#ff4d4f}.trend-icon[data-v-3d669100]{margin-right:5px;font-weight:700}.trend-value[data-v-3d669100]{margin-right:10px}.middle-section[data-v-3d669100]{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}.section-header[data-v-3d669100]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}.section-title[data-v-3d669100]{font-size:48px!important;font-weight:600;margin:0;color:#00a0f4}.section-action[data-v-3d669100]{font-size:32px!important;color:#666;background:#f0f2f5;padding:10px 30px;border-radius:30px}.rank-section[data-v-3d669100]{background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:24px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.05);box-shadow:0 4px 12px rgba(0,0,0,.05)}.rank-list[data-v-3d669100]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}.rank-item[data-v-3d669100]{gap:12px}.rank-item[data-v-3d669100],.rank-number[data-v-3d669100]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.rank-number[data-v-3d669100]{width:60px;height:60px;border-radius:50%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:32px!important;font-weight:700;color:#fff}.rank-1 .rank-number[data-v-3d669100]{background:#00a0f4;color:#fff}.rank-2 .rank-number[data-v-3d669100]{background:#4dbfff;color:#fff}.rank-3 .rank-number[data-v-3d669100]{background:#99d9ff;color:#fff}.rank-4 .rank-number[data-v-3d669100],.rank-5 .rank-number[data-v-3d669100]{background:#f0f2f5;color:#666}.rank-company[data-v-3d669100]{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:32px!important;color:#333}.rank-amount[data-v-3d669100]{width:240px;font-size:32px!important;font-weight:600;color:#333;text-align:right}.rank-bar[data-v-3d669100]{-webkit-box-flex:2;-ms-flex:2;flex:2;height:20px;background:-webkit-gradient(linear,left top,left bottom,from(#f5f8fb),to(#eef3f8));background:linear-gradient(180deg,#f5f8fb,#eef3f8);border-radius:10px;overflow:hidden;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.08);box-shadow:inset 0 1px 2px rgba(0,0,0,.08)}.rank-progress[data-v-3d669100]{height:100%;border-radius:10px;-webkit-transition:width 1s ease;transition:width 1s ease;background:-webkit-gradient(linear,left top,right top,from(#d9efff),color-stop(40%,#bfe4ff),color-stop(80%,#9fd6ff),to(#86ccff));background:linear-gradient(90deg,#d9efff,#bfe4ff 40%,#9fd6ff 80%,#86ccff);position:relative;-webkit-box-shadow:0 2px 6px rgba(0,160,244,.25);box-shadow:0 2px 6px rgba(0,160,244,.25)}.rank-progress[data-v-3d669100]:after{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.65)),to(hsla(0,0%,100%,.25)));background:linear-gradient(180deg,hsla(0,0%,100%,.65),hsla(0,0%,100%,.25));pointer-events:none}.rank-progress[data-v-3d669100]:before{content:"";position:absolute;top:0;left:-35%;width:30%;height:100%;background:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),color-stop(50%,hsla(0,0%,100%,.85)),to(hsla(0,0%,100%,0)));background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.85) 50%,hsla(0,0%,100%,0));-webkit-animation:shine-3d669100 3s linear infinite;animation:shine-3d669100 3s linear infinite}@-webkit-keyframes shine-3d669100{0%{left:-35%}to{left:105%}}@keyframes shine-3d669100{0%{left:-35%}to{left:105%}}.rank-1-progress[data-v-3d669100]{width:92%}.rank-2-progress[data-v-3d669100]{width:84%}.rank-3-progress[data-v-3d669100]{width:76%}.rank-4-progress[data-v-3d669100]{width:64%}.rank-5-progress[data-v-3d669100]{width:55%}.rank-6-progress[data-v-3d669100]{width:48%}.rank-7-progress[data-v-3d669100]{width:42%}.rank-8-progress[data-v-3d669100]{width:36%}.rank-9-progress[data-v-3d669100]{width:30%}.rank-10-progress[data-v-3d669100]{width:24%}.today-stats-section[data-v-3d669100]{background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:24px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.05);box-shadow:0 4px 12px rgba(0,0,0,.05)}.time-tabs[data-v-3d669100]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.time-tab[data-v-3d669100]{padding:8px 24px;border-radius:24px;font-size:24px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;background:#f0f2f5;color:#666}.time-tab.active[data-v-3d669100]{background:#00a0f4;color:#fff;font-weight:600}.today-stats-grid[data-v-3d669100]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.today-stat-card[data-v-3d669100]{background:#f9f9f9;border:1px solid #e8e8e8;border-radius:6px;padding:20px}.today-stat-label[data-v-3d669100]{font-size:28px;color:#666;margin-bottom:10px}.today-stat-value[data-v-3d669100]{font-size:48px;font-weight:700;margin-bottom:10px;color:#333}.today-stat-trend[data-v-3d669100]{font-size:24px}.today-stat-trend.positive[data-v-3d669100]{color:#52c41a}.today-stat-trend.negative[data-v-3d669100]{color:#ff4d4f}.bottom-section[data-v-3d669100]{display:grid;grid-template-columns:1fr 1fr;gap:30px}.dealer-section[data-v-3d669100]{background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:24px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.05);box-shadow:0 4px 12px rgba(0,0,0,.05)}.dealer-search[data-v-3d669100]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.search-input[data-v-3d669100]{background:#f0f2f5;border:1px solid #d9d9d9;border-radius:4px;padding:12px 24px;color:#333;font-size:24px}.search-input[data-v-3d669100]::-webkit-input-placeholder{color:#999}.search-input[data-v-3d669100]::-moz-placeholder{color:#999}.search-input[data-v-3d669100]:-ms-input-placeholder{color:#999}.search-input[data-v-3d669100]::-ms-input-placeholder{color:#999}.search-input[data-v-3d669100]::placeholder{color:#999}.search-btn[data-v-3d669100]{background:#f0f2f5;border:1px solid #d9d9d9;border-radius:4px;padding:12px 24px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;color:#666;font-size:24px}.search-btn[data-v-3d669100]:hover{background:#e6e6e6}.dealer-table[data-v-3d669100]{margin-bottom:20px;overflow-x:auto}table[data-v-3d669100]{width:100%;border-collapse:collapse;font-size:32px!important}th[data-v-3d669100]{text-align:left;padding:12px;background:#fafafa;color:#333;font-weight:600;border-bottom:1px solid #e8e8e8}td[data-v-3d669100]{padding:12px;color:#666;border-bottom:1px solid #f0f0f0}.status-badge.completed[data-v-3d669100]{background:rgba(82,196,26,.1);color:#52c41a}.status-badge.processing[data-v-3d669100]{background:rgba(250,173,20,.1);color:#faad14}.status-badge.pending[data-v-3d669100]{background:rgba(255,77,79,.1);color:#ff4d4f}.dealer-pagination[data-v-3d669100]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:24px;color:#666}.page-btn[data-v-3d669100]{background:#fff;border:1px solid #d9d9d9;border-radius:4px;padding:8px 16px;color:#666;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.page-btn[data-v-3d669100]:hover{border-color:#00a0f4;color:#00a0f4}.logs-section[data-v-3d669100]{background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:24px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.05);box-shadow:0 4px 12px rgba(0,0,0,.05)}.logs-refresh[data-v-3d669100]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;font-size:24px;color:#666}.refresh-btn[data-v-3d669100]{background:#f0f2f5;border:1px solid #d9d9d9;border-radius:4px;padding:8px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;color:#666}.refresh-btn[data-v-3d669100]:hover{background:#e6e6e6;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.log-item[data-v-3d669100]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;padding:12px;background:#f9f9f9;border:1px solid #f0f0f0;border-radius:6px;-webkit-transition:all .3s ease;transition:all .3s ease}.log-item[data-v-3d669100]:hover{background:#fff;border-color:#00a0f4;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.05);box-shadow:0 2px 8px rgba(0,0,0,.05)}.log-time[data-v-3d669100]{width:120px;font-size:24px;color:#00a0f4;font-weight:600;-ms-flex-negative:0;flex-shrink:0}.log-content[data-v-3d669100]{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:26px;line-height:1.4;color:#333}.log-user[data-v-3d669100]{color:#00a0f4;font-weight:600;margin-right:10px;width:160px;display:inline-block}.log-action[data-v-3d669100]{color:#666}.materials-sales-section[data-v-3d669100]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;margin-top:30px}.material-section[data-v-3d669100]{background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:24px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.05);box-shadow:0 4px 12px rgba(0,0,0,.05)}.material-rank-item[data-v-3d669100]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #f0f0f0;-webkit-transition:all .3s ease;transition:all .3s ease}.material-rank-item[data-v-3d669100]:hover{background:#f9f9f9;padding-left:10px;border-radius:4px}.material-rank-number[data-v-3d669100]{width:48px;height:48px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:24px;font-weight:700;color:#fff}.material-rank-item.rank-1 .material-rank-number[data-v-3d669100]{background:#00a0f4;color:#fff}.material-rank-item.rank-2 .material-rank-number[data-v-3d669100]{background:#4dbfff;color:#fff}.material-rank-item.rank-3 .material-rank-number[data-v-3d669100]{background:#99d9ff;color:#fff}.material-rank-item.rank-4 .material-rank-number[data-v-3d669100],.material-rank-item.rank-5 .material-rank-number[data-v-3d669100],.material-rank-item.rank-6 .material-rank-number[data-v-3d669100],.material-rank-item.rank-7 .material-rank-number[data-v-3d669100],.material-rank-item.rank-8 .material-rank-number[data-v-3d669100],.material-rank-item.rank-9 .material-rank-number[data-v-3d669100],.material-rank-item.rank-10 .material-rank-number[data-v-3d669100]{background:#f0f2f5;color:#666}.material-name[data-v-3d669100]{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:26px;color:#333}.material-amount[data-v-3d669100]{width:240px;font-size:26px;font-weight:600;color:#333;text-align:right}.material-bar[data-v-3d669100]{-webkit-box-flex:2;-ms-flex:2;flex:2;height:20px;background:-webkit-gradient(linear,left top,left bottom,from(#f5f8fb),to(#eef3f8));background:linear-gradient(180deg,#f5f8fb,#eef3f8);border-radius:10px;overflow:hidden;margin-left:10px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.08);box-shadow:inset 0 1px 2px rgba(0,0,0,.08)}.material-progress[data-v-3d669100]{height:100%;border-radius:10px;-webkit-transition:width 1s ease;transition:width 1s ease;background:-webkit-gradient(linear,left top,right top,from(#d9efff),color-stop(40%,#bfe4ff),color-stop(80%,#9fd6ff),to(#86ccff));background:linear-gradient(90deg,#d9efff,#bfe4ff 40%,#9fd6ff 80%,#86ccff);position:relative;-webkit-box-shadow:0 2px 6px rgba(0,160,244,.25);box-shadow:0 2px 6px rgba(0,160,244,.25)}.material-progress[data-v-3d669100]:after{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.65)),to(hsla(0,0%,100%,.25)));background:linear-gradient(180deg,hsla(0,0%,100%,.65),hsla(0,0%,100%,.25));pointer-events:none}.material-progress[data-v-3d669100]:before{content:"";position:absolute;top:0;left:-35%;width:30%;height:100%;background:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),color-stop(50%,hsla(0,0%,100%,.85)),to(hsla(0,0%,100%,0)));background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.85) 50%,hsla(0,0%,100%,0));-webkit-animation:shine-3d669100 3s linear infinite;animation:shine-3d669100 3s linear infinite}@media (max-width:1600px){.metrics-grid[data-v-3d669100]{grid-template-columns:repeat(3,1fr)}.materials-sales-section[data-v-3d669100]{grid-template-columns:1fr 1fr}.material-section[data-v-3d669100]:nth-child(3){grid-column:span 2}}@media (max-width:1200px){.metrics-grid[data-v-3d669100]{grid-template-columns:repeat(2,1fr)}.bottom-section[data-v-3d669100],.materials-sales-section[data-v-3d669100],.middle-section[data-v-3d669100]{grid-template-columns:1fr}.material-section[data-v-3d669100]:nth-child(3){grid-column:span 1}}@media (max-width:768px){.metrics-grid[data-v-3d669100]{grid-template-columns:1fr}.screen-title[data-v-3d669100]{font-size:48px}.screen-time[data-v-3d669100]{font-size:28px}}