@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{width:100%}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.mx-icon-left:before,.mx-icon-right:before,.mx-icon-double-left:before,.mx-icon-double-right:before,.mx-icon-double-left:after,.mx-icon-double-right:after{content:"";position:relative;top:-1px;display:inline-block;width:10px;height:10px;vertical-align:middle;border-style:solid;border-color:currentColor;border-width:2px 0 0 2px;border-radius:1px;box-sizing:border-box;transform-origin:center;transform:rotate(-45deg) scale(.7)}.mx-icon-double-left:after{left:-4px}.mx-icon-double-right:before{left:4px}.mx-icon-right:before,.mx-icon-double-right:before,.mx-icon-double-right:after{transform:rotate(135deg) scale(.7)}.mx-btn{box-sizing:border-box;line-height:1;font-size:14px;font-weight:500;padding:7px 15px;margin:0;cursor:pointer;background-color:transparent;outline:none;border:1px solid rgba(0,0,0,.1);border-radius:4px;color:#73879c;white-space:nowrap}.mx-btn:hover{border-color:#1284e7;color:#1284e7}.mx-btn-text{border:0;padding:0 4px;text-align:left;line-height:inherit}.mx-scrollbar{height:100%}.mx-scrollbar:hover .mx-scrollbar-track{opacity:1}.mx-scrollbar-wrap{height:100%;overflow-x:hidden;overflow-y:auto}.mx-scrollbar-track{position:absolute;top:2px;right:2px;bottom:2px;width:6px;z-index:1;border-radius:4px;opacity:0;transition:opacity .24s ease-out}.mx-scrollbar-track .mx-scrollbar-thumb{position:absolute;width:100%;height:0;cursor:pointer;border-radius:inherit;background-color:#9093994d;transition:background-color .3s}.mx-zoom-in-down-enter-active,.mx-zoom-in-down-leave-active{opacity:1;transform:scaleY(1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top}.mx-zoom-in-down-enter,.mx-zoom-in-down-enter-from,.mx-zoom-in-down-leave-to{opacity:0;transform:scaleY(0)}.mx-datepicker{position:relative;display:inline-block;width:210px}.mx-datepicker svg{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.mx-datepicker-range{width:320px}.mx-datepicker-inline{width:auto}.mx-input-wrapper{position:relative}.mx-input-wrapper .mx-icon-clear{display:none}.mx-input-wrapper:hover .mx-icon-clear{display:block}.mx-input-wrapper:hover .mx-icon-clear+.mx-icon-calendar{display:none}.mx-input{display:inline-block;box-sizing:border-box;width:100%;height:34px;padding:6px 30px 6px 10px;font-size:14px;line-height:1.4;color:#555;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px #00000013}.mx-input:hover,.mx-input:focus{border-color:#409aff}.mx-input:disabled,.mx-input.disabled{color:#ccc;background-color:#f3f3f3;border-color:#ccc;cursor:not-allowed}.mx-input:focus{outline:none}.mx-input::-ms-clear{display:none}.mx-icon-calendar,.mx-icon-clear{position:absolute;top:50%;right:8px;transform:translateY(-50%);font-size:16px;line-height:1;color:#00000080;vertical-align:middle}.mx-icon-clear{cursor:pointer}.mx-icon-clear:hover{color:#000c}.mx-datepicker-main{font:14px/1.5 Helvetica Neue,Helvetica,Arial,Microsoft Yahei,sans-serif;color:#73879c;background-color:#fff;border:1px solid #e8e8e8}.mx-datepicker-popup{position:absolute;margin-top:1px;margin-bottom:1px;box-shadow:0 6px 12px #0000002d;z-index:2001}.mx-datepicker-sidebar{float:left;box-sizing:border-box;width:100px;padding:6px;overflow:auto}.mx-datepicker-sidebar+.mx-datepicker-content{margin-left:100px;border-left:1px solid #e8e8e8}.mx-datepicker-body{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mx-btn-shortcut{display:block;padding:0 6px;line-height:24px}.mx-datepicker-header{padding:6px 8px;border-bottom:1px solid #e8e8e8}.mx-datepicker-footer{padding:6px 8px;text-align:right;border-top:1px solid #e8e8e8}.mx-calendar-range,.mx-time-range{display:flex}@media(max-width:750px){.mx-calendar-range,.mx-time-range{flex-direction:column}}.mx-calendar{box-sizing:border-box;width:248px;padding:6px 12px}.mx-calendar+.mx-calendar{border-left:1px solid #e8e8e8}.mx-calendar-header,.mx-time-header{box-sizing:border-box;height:34px;line-height:34px;text-align:center;overflow:hidden}.mx-btn-icon-left,.mx-btn-icon-double-left{float:left}.mx-btn-icon-right,.mx-btn-icon-double-right{float:right}.mx-calendar-header-label{font-size:14px}.mx-calendar-decade-separator{margin:0 2px}.mx-calendar-decade-separator:after{content:"~"}.mx-calendar-content{position:relative;height:224px;box-sizing:border-box}.mx-calendar-content .cell{cursor:pointer}.mx-calendar-content .cell:hover{color:#73879c;background-color:#f3f9fe}.mx-calendar-content .cell.active{color:#fff;background-color:#1284e7}.mx-calendar-content .cell.in-range,.mx-calendar-content .cell.hover-in-range{color:#73879c;background-color:#dbedfb}.mx-calendar-content .cell.disabled{cursor:not-allowed;color:#ccc;background-color:#f3f3f3}.mx-calendar-week-mode .mx-date-row{cursor:pointer}.mx-calendar-week-mode .mx-date-row:hover{background-color:#f3f9fe}.mx-calendar-week-mode .mx-date-row.mx-active-week{background-color:#dbedfb}.mx-calendar-week-mode .mx-date-row .cell:hover,.mx-calendar-week-mode .mx-date-row .cell.active{color:inherit;background-color:transparent}.mx-week-number{opacity:.5}.mx-table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;height:100%;box-sizing:border-box;text-align:center}.mx-table th{padding:0;font-weight:500;vertical-align:middle}.mx-table td{padding:0;vertical-align:middle}.mx-table-date td,.mx-table-date th{height:32px;font-size:12px}.mx-table-date .today{color:#2a90e9}.mx-table-date .cell.not-current-month{color:#ccc;background:none}.mx-time{flex:1;width:224px;background:#fff}.mx-time+.mx-time{border-left:1px solid #e8e8e8}.mx-date-time{position:relative;width:248px;height:270px}.mx-date-time .mx-time{position:absolute;top:0;left:0;width:100%;height:100%}.mx-date-time-range{position:relative;width:496px;height:270px}.mx-date-time-range .mx-time-range{position:absolute;top:0;left:0;width:100%;height:100%}.mx-time-header{border-bottom:1px solid #e8e8e8}.mx-time-content{height:224px;box-sizing:border-box;overflow:hidden}.mx-time-columns{display:flex;width:100%;height:100%;overflow:hidden}.mx-time-column{flex:1;position:relative;border-left:1px solid #e8e8e8;text-align:center}.mx-time-column:first-child{border-left:0}.mx-time-column .mx-time-list{margin:0;padding:0;list-style:none}.mx-time-column .mx-time-list:after{content:"";display:block;height:192px}.mx-time-column .mx-time-item{cursor:pointer;font-size:12px;height:32px;line-height:32px}.mx-time-column .mx-time-item:hover{color:#73879c;background-color:#f3f9fe}.mx-time-column .mx-time-item.active{color:#1284e7;background-color:transparent;font-weight:700}.mx-time-column .mx-time-item.disabled{cursor:not-allowed;color:#ccc;background-color:#f3f3f3}.mx-time-option{cursor:pointer;padding:8px 10px;font-size:14px;line-height:20px}.mx-time-option:hover{color:#73879c;background-color:#f3f9fe}.mx-time-option.active{color:#1284e7;background-color:transparent;font-weight:700}.mx-time-option.disabled{cursor:not-allowed;color:#ccc;background-color:#f3f3f3}.form-section[data-v-ad478341]{height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px;padding:20px}.form-section h2[data-v-ad478341]{color:#2c3e50;margin-top:0;margin-bottom:32px;font-size:28px;font-weight:700;letter-spacing:-.5px}.device-form[data-v-ad478341]{width:100%;max-width:800px;display:flex;flex-direction:column;gap:24px}.form-row[data-v-ad478341]{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group[data-v-ad478341]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-ad478341]{font-size:14px;font-weight:600;color:#2c3e50;text-align:left}.form-input[data-v-ad478341]{padding:12px 16px;border:2px solid #e1e8ed;border-radius:8px;font-size:16px;transition:all .3s ease;background:#f8f9fa;color:#2c3e50;font-weight:500}.form-input[data-v-ad478341]:focus{outline:none;border-color:#2193b0;background:#fff;box-shadow:0 0 0 3px #2193b01a;transform:translateY(-1px)}.form-input[data-v-ad478341]::placeholder{color:#adb5bd}.form-input[type=date][data-v-ad478341]{cursor:pointer}.form-input[type=date][data-v-ad478341]:focus{outline:none;border-color:#2193b0;background:#fff;box-shadow:0 0 0 3px #2193b01a;transform:translateY(-1px)}.form-datepicker[data-v-ad478341]{width:100%}.form-datepicker[data-v-ad478341] .mx-input{padding:12px 16px;border:2px solid #e1e8ed;border-radius:8px;font-size:16px;transition:all .3s ease;background:#f8f9fa;color:#2c3e50;font-weight:500;height:auto;min-height:48px}.form-datepicker[data-v-ad478341] .mx-input:focus{outline:none;border-color:#2193b0;background:#fff;box-shadow:0 0 0 3px #2193b01a;transform:translateY(-1px)}.form-datepicker[data-v-ad478341] .mx-input::placeholder{color:#adb5bd}.form-datepicker[data-v-ad478341] .mx-icon-calendar{color:#2193b0}.form-datepicker[data-v-ad478341] .mx-datepicker{border:1px solid #e1e8ed;border-radius:8px;box-shadow:0 4px 16px #0000001a}.form-datepicker[data-v-ad478341] .mx-calendar{border-radius:8px}.form-datepicker[data-v-ad478341] .mx-btn{border-radius:4px}.form-datepicker[data-v-ad478341] .mx-btn:hover{background:#2193b0;color:#fff}.form-actions[data-v-ad478341]{display:flex;gap:16px;justify-content:center;margin-top:16px}.btn[data-v-ad478341]{padding:14px 32px;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.3px;min-width:120px}.btn-primary[data-v-ad478341]{background:linear-gradient(135deg,#2193b0,#6dd5ed);color:#fff;box-shadow:0 4px 16px #2193b04d}.btn-primary[data-v-ad478341]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2193b066}.btn-primary[data-v-ad478341]:active{transform:translateY(0)}.btn-secondary[data-v-ad478341]{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#2c3e50;border:none}.btn-secondary[data-v-ad478341]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}@media(max-width:768px){.form-row[data-v-ad478341]{grid-template-columns:1fr;gap:16px}.form-section[data-v-ad478341]{padding:10px}.device-form[data-v-ad478341]{max-width:100%}}.search-section h2[data-v-11bb40f4]{color:#2c3e50;margin-top:0;margin-bottom:32px;font-size:28px;font-weight:700;letter-spacing:-.5px}.search-section[data-v-11bb40f4]{height:100%;display:flex;flex-direction:column}.search-box[data-v-11bb40f4]{display:flex;gap:16px;margin-bottom:32px;align-items:stretch}.input-field[data-v-11bb40f4]{flex:1;padding:16px 24px;border:2px solid #e1e8ed;border-radius:12px;font-size:16px;transition:all .3s ease;max-width:600px;background:#f8f9fa;color:#2c3e50;font-weight:500}.input-field[data-v-11bb40f4]:focus{outline:none;border-color:#2193b0;background:#fff;box-shadow:0 0 0 4px #2193b01a;transform:translateY(-1px)}.input-field[data-v-11bb40f4]::placeholder{color:#adb5bd}.btn[data-v-11bb40f4]{padding:16px 32px;border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.3px}.btn-primary[data-v-11bb40f4]{background:linear-gradient(135deg,#2193b0,#6dd5ed);color:#fff;min-width:140px;box-shadow:0 4px 16px #2193b04d}.btn-primary[data-v-11bb40f4]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2193b066}.btn-primary[data-v-11bb40f4]:active{transform:translateY(0)}.results-section[data-v-11bb40f4]{flex:1;display:flex;flex-direction:column;overflow:hidden}.results-section h3[data-v-11bb40f4]{color:#2c3e50;margin-bottom:20px;font-size:20px;font-weight:600;display:flex;align-items:center;gap:8px}.table-wrapper[data-v-11bb40f4]{flex:1;overflow:auto;border-radius:16px;box-shadow:0 4px 16px #00000014;max-height:60vh;border:1px solid #e1e8ed}.table-wrapper[data-v-11bb40f4]::-webkit-scrollbar{width:8px;height:8px}.table-wrapper[data-v-11bb40f4]::-webkit-scrollbar-track{background:#f1f3f5;border-radius:10px}.table-wrapper[data-v-11bb40f4]::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#2193b0,#6dd5ed);border-radius:10px}.table-wrapper[data-v-11bb40f4]::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#1c7a92,#5bc0de)}.data-table[data-v-11bb40f4]{width:100%;border-collapse:separate;border-spacing:0;background:#fff}.data-table thead[data-v-11bb40f4]{background:linear-gradient(135deg,#2c3e50,#3498db);position:sticky;top:0;z-index:10}.data-table th[data-v-11bb40f4]{padding:18px 20px;text-align:left;font-weight:600;color:#fff;white-space:nowrap;font-size:14px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid rgba(255,255,255,.2)}.data-table td[data-v-11bb40f4]{padding:16px 20px;border-bottom:1px solid #f1f3f5;color:#495057;font-size:15px;vertical-align:middle;transition:background .2s ease}.data-table tbody tr[data-v-11bb40f4]{transition:all .2s ease}.data-table tbody tr[data-v-11bb40f4]:hover{background:linear-gradient(90deg,#f8f9fa,#e9ecef);transform:scale(1.002)}.data-table tbody tr.renewing[data-v-11bb40f4]{background:linear-gradient(90deg,#fff3cd,#ffeaa7);box-shadow:inset 0 0 0 2px #f39c12}.table-input[data-v-11bb40f4]{width:100%;padding:10px 14px;border:2px solid #2193b0;border-radius:8px;font-size:14px;font-family:inherit;min-width:120px;background:#fff;color:#2c3e50;transition:all .2s ease}.table-input[data-v-11bb40f4]:focus{outline:none;border-color:#1c7a92;box-shadow:0 0 0 3px #2193b033}.status-badge[data-v-11bb40f4]{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.status-badge.active[data-v-11bb40f4]{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;box-shadow:0 2px 8px #11998e4d}.status-badge.inactive[data-v-11bb40f4]{background:linear-gradient(135deg,#eb3349,#f45c43);color:#fff;box-shadow:0 2px 8px #eb33494d}.status-badge.pending[data-v-11bb40f4]{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;box-shadow:0 2px 8px #f093fb4d}.status-badge.stop[data-v-11bb40f4]{background:linear-gradient(135deg,#eb3349,#f45c43);color:#fff;box-shadow:0 2px 8px #eb33494d}.status-badge.renew[data-v-11bb40f4]{background:linear-gradient(135deg,#f39c12,#f1c40f);color:#fff;box-shadow:0 2px 8px #f39c124d}.action-cell[data-v-11bb40f4]{white-space:nowrap;text-align:center}.btn-small[data-v-11bb40f4]{padding:8px 16px;margin:0 4px;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-block;min-width:65px;letter-spacing:.3px}.btn-edit[data-v-11bb40f4]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea4d}.btn-edit[data-v-11bb40f4]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-save[data-v-11bb40f4]{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;box-shadow:0 2px 8px #11998e4d}.btn-save[data-v-11bb40f4]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #11998e66}.btn-cancel[data-v-11bb40f4]{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;box-shadow:0 2px 8px #f093fb4d}.btn-cancel[data-v-11bb40f4]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f093fb66}.btn-renew[data-v-11bb40f4]{background:linear-gradient(135deg,#f39c12,#f1c40f);color:#fff;box-shadow:0 2px 8px #f39c124d}.btn-renew[data-v-11bb40f4]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f39c1266}.btn-renew-save[data-v-11bb40f4]{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;box-shadow:0 2px 8px #e74c3c4d}.btn-renew-save[data-v-11bb40f4]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c66}.no-results[data-v-11bb40f4]{text-align:center;padding:80px 40px;color:#adb5bd;font-size:18px;font-weight:500}.table-datepicker[data-v-11bb40f4]{width:100%}.table-datepicker[data-v-11bb40f4] .mx-input{padding:6px 8px;border:1px solid #e1e8ed;border-radius:4px;font-size:14px;transition:all .2s ease;background:#fff;color:#2c3e50;font-weight:500;height:auto;min-height:32px}.table-datepicker[data-v-11bb40f4] .mx-input:focus{outline:none;border-color:#2193b0;background:#fff;box-shadow:0 0 0 2px #2193b01a}.table-datepicker[data-v-11bb40f4] .mx-input::placeholder{color:#adb5bd;font-size:12px}.table-datepicker[data-v-11bb40f4] .mx-icon-calendar{color:#2193b0;font-size:14px}.table-datepicker[data-v-11bb40f4] .mx-datepicker{border:1px solid #e1e8ed;border-radius:6px;box-shadow:0 4px 16px #0000001a}.table-datepicker[data-v-11bb40f4] .mx-calendar{border-radius:6px}.table-datepicker[data-v-11bb40f4] .mx-btn{border-radius:3px;font-size:12px}.table-datepicker[data-v-11bb40f4] .mx-btn:hover{background:#2193b0;color:#fff}[data-v-5e10d630]{box-sizing:border-box}.container[data-v-5e10d630]{width:100%;padding:20px;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.header[data-v-5e10d630]{background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:32px 48px;margin-bottom:24px;border-radius:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(255,255,255,.2)}.header h1[data-v-5e10d630]{margin:0;background:linear-gradient(135deg,#2193b0,#6dd5ed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:42px;font-weight:700;letter-spacing:-.5px}.user-info[data-v-5e10d630]{display:flex;align-items:center;gap:16px;padding:12px 20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:50px}.user-info span[data-v-5e10d630]{font-size:15px;color:#2c3e50;font-weight:500}.tabs[data-v-5e10d630]{display:flex;gap:12px;margin-bottom:24px;background:transparent;padding:0}.tab-btn[data-v-5e10d630]{flex:1;padding:20px 40px;border:none;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;font-size:18px;font-weight:600;color:#ffffffb3;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:16px;border:1px solid rgba(255,255,255,.1)}.tab-btn.active[data-v-5e10d630]{background:linear-gradient(135deg,#2193b0,#6dd5ed);color:#fff;box-shadow:0 8px 32px #2193b066;border:1px solid rgba(255,255,255,.3);transform:translateY(-2px)}.tab-btn[data-v-5e10d630]:hover:not(.active){background:#ffffff26;color:#ffffffe6}.tab-content[data-v-5e10d630]{background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:48px;border-radius:20px;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(255,255,255,.2);flex:1;overflow:hidden;display:flex;flex-direction:column}.btn[data-v-5e10d630]{padding:16px 32px;border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.3px}.btn-primary[data-v-5e10d630]{background:linear-gradient(135deg,#2193b0,#6dd5ed);color:#fff;min-width:140px;box-shadow:0 4px 16px #2193b04d}.btn-primary[data-v-5e10d630]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2193b066}.btn-primary[data-v-5e10d630]:active{transform:translateY(0)}.btn-secondary[data-v-5e10d630]{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#2c3e50;border:none}.btn-secondary[data-v-5e10d630]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}