.iky-monitor{background:#f3f4f6;height:calc(100vh - 104px);font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;display:flex}.iky-monitor__alert{border-radius:8px;margin-top:12px;padding:10px 12px;font-size:13px;line-height:1.4}.iky-monitor__secondary-btn{color:#fff;cursor:pointer;background-color:#ffa940;border:1px solid #ffa940;border-radius:16px;padding:4px 12px;font-size:13px;transition:all .2s}.iky-monitor__secondary-btn:not(.iky-monitor__secondary-btn--disabled):hover{filter:brightness(1.05);box-shadow:0 2px 6px #00000026}.iky-monitor__secondary-btn--disabled,.iky-monitor__secondary-btn--disabled,.iky-monitor__secondary-btn:disabled{opacity:.7;box-shadow:none;color:#999!important;cursor:not-allowed!important;background-color:#f5f5f5!important;border-color:#d9d9d9!important}.iky-monitor__connection{border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.iky-status-badge{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-width:120px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex;box-shadow:0 2px 6px #00000014}.iky-status-badge.off{color:#a8071a;background:#fff2f0;border-color:#ffccc7}.iky-status-badge.off .iky-status-icon{color:#f5222d;font-size:14px}.iky-monitor__address-row{margin-top:4px;display:block}.iky-monitor__address-label{font-weight:500}.iky-monitor__address-text{white-space:normal;word-break:break-word;max-width:330px;margin-top:2px;line-height:1.4;display:block}.iky-monitor__connection-icon{border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:inline-flex}.iky-monitor__connection--on{color:#08979c;background-color:#e6fffb}.iky-monitor__connection--on .iky-monitor__connection-icon{color:#fff;background-color:#08979c}.iky-monitor__connection--off{color:#999;background-color:#f5f5f5}.iky-monitor__connection--off .iky-monitor__connection-icon{color:#666;background-color:#d9d9d9}.iky-monitor__alert--error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.iky-monitor__alert--success{color:#15803d;background:#ecfdf5;border:1px solid #bbf7d0}.iky-monitor__left{box-sizing:border-box;width:280px;padding:12px}.iky-monitor__left-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;max-height:60vh;display:flex;box-shadow:0 8px 20px #0f172a14}.iky-monitor__left-card--full{max-height:none;height:100%!important}.iky-monitor__left-tabs{background:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:10px 10px 0 0;display:flex;overflow:hidden}.iky-monitor__left-tab{cursor:pointer;color:#6b7280;background:0 0;border:none;flex:1;padding:10px 12px;font-size:13px;font-weight:500;transition:background .15s,color .15s}.iky-monitor__left-tab--active{color:#111827;background:#fff;box-shadow:inset 0 -2px #3b82f6}.iky-monitor__left-body{flex-direction:column;flex:1;padding:12px 14px 14px;font-size:13px;display:flex;overflow:hidden}.iky-monitor__left-section--list{flex-direction:column;flex:1;display:flex;overflow:auto}.iky-monitor__device-list{flex:1;min-height:0;max-height:none;overflow-y:auto}.iky-monitor__left-section{margin-bottom:12px}.iky-monitor__left-label{color:#374151;margin-bottom:4px;font-weight:500}.iky-monitor__input,.iky-monitor__select{box-sizing:border-box;background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:7px 9px;font-size:13px;transition:border-color .15s,box-shadow .15s,background .15s}.iky-monitor__input:focus,.iky-monitor__select:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 1px #2563eb33}.iky-monitor__table-placeholder{color:#9ca3af;background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;justify-content:center;align-items:center;height:170px;font-size:12px;display:flex}.iky-monitor__primary-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:999px;width:100%;padding:8px 10px;font-size:13px;font-weight:500;transition:transform .1s,box-shadow .1s;box-shadow:0 8px 18px #2563eb66}.iky-monitor__primary-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px #2563eb73}.iky-monitor__center{box-sizing:border-box;flex:1;padding:12px 12px 12px 0}.iky-monitor__map{background:#e5e7eb;border:1px solid #e5e7eb;border-radius:16px;width:100%;height:100%;position:relative;overflow:hidden}.iky-monitor__map-inner{position:absolute;inset:0;width:100%!important;height:100%!important}.iky-monitor__popup{pointer-events:auto;background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:360px;max-width:90vw;font-size:13px;position:relative;overflow:hidden;box-shadow:0 18px 45px #0f172a4d}.iky-monitor__popup:after{content:"";background:#fff;border-bottom:1px solid #e5e7eb;border-left:1px solid #e5e7eb;width:14px;height:14px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)rotate(45deg)}.iky-monitor__popup-tabs{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex}.iky-monitor__popup-tab{cursor:pointer;color:#6b7280;background:0 0;border:none;flex:1;padding:8px 10px;font-size:13px;transition:background .15s,color .15s}.iky-monitor__popup-tab--active{color:#111827;background:#fff;font-weight:600;box-shadow:inset 0 -2px #2563eb}.iky-monitor__popup-body{padding:10px 12px 12px}.iky-monitor__popup-col>div{margin-bottom:4px}.iky-monitor__control-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.iky-monitor__control-row span{color:#000}.iky-monitor__toggle-btn{cursor:pointer;color:#fff;border:none;border-radius:999px;min-width:56px;padding:3px 10px;font-size:12px}.iky-monitor__toggle-btn--off{background:#ef4444}.iky-monitor__secondary-btn{color:#111827;cursor:pointer;background:#f59e0b;border:none;border-radius:999px;padding:3px 10px;font-size:12px}.iky-monitor__dot{background:#9ca3af;border-radius:999px;width:10px;height:10px}.iky-monitor__right{box-sizing:border-box;width:260px;padding:12px 12px 12px 0}.iky-monitor__right-title{color:#111827;margin:0 0 8px;font-size:14px;font-weight:600}.iky-monitor__battery-box{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.6;box-shadow:0 8px 18px #0f172a1f}@media (max-width:1024px){.iky-monitor__right{display:none}.iky-monitor__device-list{max-height:250px}}@media (max-width:768px){.iky-monitor{flex-direction:column;height:auto}.iky-monitor__left{width:100%;padding:8px}.iky-monitor__center{min-height:420px;padding:8px}.iky-monitor__map{height:500px}.iky-monitor__popup{min-width:320px}@media (max-width:768px){.iky-monitor__popup{min-width:unset;border-radius:10px;width:88vw;padding:0;font-size:12px}.iky-monitor__popup-body{padding:8px 10px}.iky-monitor__popup-tab{padding:6px 8px;font-size:12px}.iky-monitor__popup-col>div{margin-bottom:3px}.iky-monitor__popup-wrapper{transform:translate(-50%,-105%)}.iky-monitor__popup:after{width:10px;height:10px;bottom:-3px}}}.iky-monitor__map-inner{z-index:1;width:100%;height:100%;position:absolute;inset:0}.iky-monitor__popup-wrapper{z-index:9999;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-120%)}.iky-monitor__popup{pointer-events:auto}@media (max-width:768px){.iky-monitor__map{height:500px}}.iky-monitor__device-list{flex-direction:column;gap:8px;display:flex;overflow:auto}.iky-monitor__device-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px;font-size:13px;box-shadow:0 2px 4px #0f172a0d}.iky-monitor__device-item .plate{font-size:14px;font-weight:600}.iky-monitor__device-item .status span.online{color:#16a34a;font-weight:600}.iky-monitor__device-item .status span.offline{color:#dc2626;font-weight:600}.iky-monitor__empty{text-align:center;color:#9ca3af;padding:20px 0}.iky-loading{text-align:center;padding:10px;font-size:13px}.iky-monitor__device-item{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px;padding:8px 10px;transition:all .2s}.iky-monitor__device-item:hover{background:#f9fafb}.iky-monitor__device-item--active{background:#eff6ff;border:2px solid #2563eb;box-shadow:0 0 0 1px #2563eb4d}.iky-monitor__error{color:#b91c1c;margin-top:8px;font-size:12px}.iky-monitor__overlay{z-index:9999;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.iky-monitor__overlay-inner{background:#fff;border-radius:8px;align-items:center;gap:10px;padding:16px 24px;font-size:14px;display:flex;box-shadow:0 4px 12px #0003}.iky-monitor__spinner{border:2px solid #ddd;border-top-color:#1890ff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite iky-spin}@keyframes iky-spin{to{transform:rotate(360deg)}}