._fab_11s5k_3{flex-shrink:0;margin:0 var(--spacing-md);padding-top:var(--spacing-md);background:#0f172aeb;color:#e2e8f0;border:1px solid rgba(148,163,184,.25);border-top:none;border-radius:0 0 8px 8px;font-size:13px}._fab_11s5k_3[data-collapsed=true]{border-color:#94a3b840}._header_11s5k_17{display:flex;align-items:center;gap:8px;width:100%;padding:8px 16px;background:transparent;border:none;color:inherit;cursor:pointer}._spinner_11s5k_28{width:12px;height:12px;border:2px solid #94a3b8;border-top-color:transparent;border-radius:50%;animation:_spin_11s5k_28 1s linear infinite}@keyframes _spin_11s5k_28{to{transform:rotate(360deg)}}._list_11s5k_41{list-style:none;margin:0;padding:8px 16px;max-height:50vh;overflow-y:auto;border-top:1px solid rgba(148,163,184,.2)}._row_11s5k_49{padding:6px 0;border-bottom:1px solid rgba(148,163,184,.1)}._rowHead_11s5k_53{display:flex;align-items:center;gap:8px;cursor:pointer}._rowName_11s5k_59{flex:1}._headerHint_11s5k_62{margin-left:auto;padding:1px 6px;border-radius:4px;background:#94a3b833;font-size:11px;opacity:.85}._rowStatus_11s5k_70{padding:1px 6px;border-radius:4px;font-size:11px}._rowPort_11s5k_75{font-family:monospace;opacity:.7}._rowClose_11s5k_79{background:transparent;border:none;color:inherit;cursor:pointer}._rowLog_11s5k_85{margin:4px 0 0 16px;padding:6px;background:#0000004d;border-radius:4px;font-size:11px;max-height:200px;overflow:auto;white-space:pre-wrap}._row--green_11s5k_95 ._rowStatus_11s5k_70{background:#16a34a}._row--red_11s5k_98 ._rowStatus_11s5k_70{background:#dc2626}._row--blue_11s5k_101 ._rowStatus_11s5k_70{background:#2563eb}._row--gray_11s5k_104 ._rowStatus_11s5k_70{background:#64748b}._rowProgress_11s5k_109{width:calc(100% - 16px);height:4px;margin:6px 0 0 16px;background:#94a3b840;border-radius:999px;overflow:hidden}._rowProgressFill_11s5k_117{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);transition:width .12s ease-out}.navbar{background:var(--bg-component);padding:0;box-shadow:var(--shadow-default);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 var(--spacing-xl);height:64px}.nav-logo{display:flex;align-items:center;gap:var(--spacing-md);color:var(--text-primary);text-decoration:none;font-size:1rem;font-weight:600;letter-spacing:-.01em;transition:var(--transition-normal)}.nav-logo:hover{color:var(--primary-color)}.logo-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-radius:var(--radius-md);box-shadow:0 2px 8px var(--primary-medium)}.logo-mark{color:#fff}.logo-text{background:linear-gradient(135deg,var(--text-primary),var(--primary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-menu{display:flex;list-style:none;margin:0;padding:0;gap:var(--spacing-xs)}.nav-item{margin:0}.nav-link{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-medium);text-decoration:none;font-weight:500;font-size:.9rem;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:var(--transition-normal);border-radius:var(--radius-md)}.nav-icon{transition:transform .3s ease}.nav-link:hover{color:var(--text-primary);background:var(--primary-subtle)}.nav-link:hover .nav-icon{transform:scale(1.1)}.nav-link.active{color:var(--primary-color);background:var(--primary-subtle)}.nav-link.active .nav-icon{transform:scale(1.1)}.nav-link-indicator{position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:24px;height:3px;background:var(--primary-color);border-radius:3px 3px 0 0}@media (max-width: 768px){.nav-container{padding:0 var(--spacing-md)}.logo-text,.nav-link span{display:none}.nav-link{padding:var(--spacing-sm)}.nav-icon{width:20px;height:20px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:500;font-size:1rem;transition:var(--transition-normal);outline:none;position:relative;padding:.75rem 1.5rem;color:var(--btn-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn:not(.btn-disabled):hover{transform:translateY(-1px);box-shadow:var(--shadow-hover);border-color:var(--border-light)}.btn:not(.btn-disabled):active{transform:translateY(0)}.btn-primary{background-color:var(--primary-color);border-color:var(--border-primary)}.btn-primary:hover{background-color:var(--primary-light)}.btn-secondary{background-color:transparent;color:var(--primary-color);border-color:var(--border-primary)}.btn-success{background-color:var(--success-color);border-color:var(--success-color)}.btn-success:hover{opacity:.9}.btn-danger{background-color:var(--error-color);border-color:var(--error-color)}.btn-danger:hover{opacity:.9}.btn-warning{background-color:var(--warning-color);border-color:var(--warning-color)}.btn-warning:hover{opacity:.9}.btn-info{background-color:var(--info-color);border-color:var(--info-color)}.btn-info:hover{opacity:.9}.btn-outline{background:transparent;color:var(--text-primary);border-color:var(--border-medium)}.btn-outline:hover{background-color:var(--bg-subtle);border-color:var(--border-light)}.btn-ghost{background:transparent;color:var(--text-primary);border-color:transparent}.btn-ghost:hover{background-color:var(--bg-subtle)}.btn-small{padding:var(--spacing-xs) var(--spacing-xs);font-size:.75rem}.btn-medium{padding:.5rem 1rem;font-size:1rem}.btn-large{padding:var(--spacing-sm) var(--spacing-md);font-size:1.125rem}.btn-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-loading{pointer-events:none}.btn-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.btn-full{width:100%}.input-group{display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1;min-width:150px}.filter-panel .input-group{flex:1;min-width:150px;margin-bottom:0}.input-label{font-weight:400;font-size:.9rem;color:var(--text-secondary);display:flex;align-items:center;gap:var(--spacing-xs);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-required{color:var(--error-color);margin-left:var(--spacing-xs)}.input-field{padding:var(--spacing-md);border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-size:1rem;color:var(--text-primary);background-color:var(--bg-input);transition:var(--transition-normal);outline:none;font-family:inherit}.input-field::placeholder{color:var(--text-subtle)}.input-field:focus{border-color:var(--border-focus);background-color:var(--bg-input-focus);box-shadow:var(--shadow-glow)}.input-field:hover:not(:disabled){border-color:var(--border-light)}.input-field:disabled{background-color:var(--bg-subtle);cursor:not-allowed;opacity:.6}.input-error{border-color:var(--error-color)!important}.input-error-message{font-size:.875rem;color:var(--error-color);margin-top:calc(-1 * var(--spacing-xs))}.input-field.input-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem}.input-field.input-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:1.125rem}.textarea-group{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.textarea-label{font-weight:400;font-size:.9rem;color:var(--text-secondary);display:flex;align-items:center;gap:var(--spacing-xs);letter-spacing:.01em}.textarea-required{color:var(--error-color);margin-left:var(--spacing-xs)}.textarea-field{padding:var(--spacing-md);border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-size:1rem;color:var(--text-primary);background-color:var(--bg-input);transition:var(--transition-normal);outline:none;resize:vertical;min-height:80px;font-family:inherit}.textarea-field::placeholder{color:var(--text-subtle)}.textarea-field:focus{border-color:var(--border-focus);background-color:var(--bg-input-focus);box-shadow:var(--shadow-glow)}.textarea-field:hover:not(:disabled){border-color:var(--border-light)}.textarea-field:disabled{background-color:var(--bg-subtle);cursor:not-allowed;opacity:.6}.textarea-error{border-color:var(--error-color)!important}.textarea-error-message{font-size:.875rem;color:var(--error-color);margin-top:calc(-1 * var(--spacing-xs))}.select-group{display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1;min-width:150px}.filter-panel .select-group{flex:1;min-width:150px;margin-bottom:0}.select-label{font-weight:400;font-size:.9rem;color:var(--text-secondary);display:flex;align-items:center;gap:var(--spacing-xs);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select-required{color:var(--error-color);margin-left:var(--spacing-xs)}.select-field{padding:var(--spacing-md);padding-right:2.5rem;border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-size:1rem;color:var(--text-primary);background-color:var(--bg-input);transition:var(--transition-normal);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,255,255,0.7)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .875rem center;background-size:1rem}.select-field:hover:not(:disabled){border-color:var(--border-light)}.select-field:focus{border-color:var(--border-focus);background-color:var(--bg-input-focus);box-shadow:var(--shadow-glow)}.select-field:disabled{background-color:var(--bg-subtle);cursor:not-allowed;opacity:.6}.select-error{border-color:var(--error-color)!important}.select-error-message{font-size:.875rem;color:var(--error-color);margin-top:calc(-1 * var(--spacing-xs))}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;overflow-y:auto}.modal-wrapper{background-color:var(--bg-component);border-radius:8px;box-shadow:0 4px 12px #00000026;border:1px solid var(--border-primary);display:flex;flex-direction:column;max-height:90vh;width:100%}.small-modal{max-width:400px}.medium-modal{max-width:600px}.large-modal{max-width:900px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-primary);flex-shrink:0}.modal-title{margin:0;font-size:18px;font-weight:600;color:var(--text-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-close{background:transparent;border:none;font-size:24px;line-height:1;cursor:pointer;color:var(--text-muted);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .15s ease;flex-shrink:0;margin-left:12px}.modal-close:hover{background-color:var(--bg-subtle);color:var(--text-primary)}.modal-body{flex:1;overflow-y:auto;padding:20px;width:100%;min-height:0}.modal-footer{padding:16px 20px;border-top:1px solid var(--border-primary);display:flex;gap:12px;justify-content:flex-end;background-color:var(--bg-subtle);flex-shrink:0}.modal-body form{display:flex;flex-direction:column;gap:16px;width:100%;margin:0;padding:0}@media (max-width: 768px){.modal-overlay{padding:12px}.modal-wrapper{max-height:95vh}.small-modal,.medium-modal,.large-modal{max-width:100%}.modal-header{padding:14px 16px}.modal-body{padding:16px}.modal-footer{padding:14px 16px;flex-direction:column-reverse}.modal-footer button{width:100%}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{transform:translateY(-20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-overlay{animation:modalFadeIn .15s ease-out}.modal-wrapper{animation:modalSlideIn .2s ease-out}.card{background-color:var(--bg-component);border-radius:var(--radius-md);box-shadow:var(--shadow-default);border:1px solid var(--border-medium);overflow:hidden;transition:var(--transition-normal);max-width:100%;width:100%}.card-hoverable{transition:var(--transition-normal)}.card-hoverable:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:var(--border-light)}.card-clickable{cursor:pointer}.card-clickable:hover{transform:translateY(-1px);box-shadow:var(--shadow-hover);border-color:var(--border-light)}.card-header{padding:var(--spacing-xs) var(--spacing-sm);border-bottom:1px solid var(--border-medium)}.card-title{margin:0 0 .25rem;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.card-subtitle{margin:0;font-size:.875rem;color:var(--text-muted)}.card-content{padding:var(--spacing-sm);color:var(--text-secondary)}.card-footer{padding:var(--spacing-xs) var(--spacing-sm);border-top:1px solid var(--border-medium);background-color:var(--bg-subtle)}.badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .625rem;border-radius:var(--radius-full);font-weight:500;font-size:.875rem;line-height:1;white-space:nowrap}.badge-default{background:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border-light)}.badge-primary{background:var(--primary-color);color:var(--btn-text)}.badge-success{background:var(--success-color);color:#fff}.badge-warning{background:var(--warning-color);color:#fff}.badge-danger{background:var(--error-color);color:#fff}.badge-info{background:var(--info-color);color:#fff}.badge-online{background:var(--success-color);color:#fff}.badge-offline{background:var(--text-muted);color:var(--text-primary)}.badge-pending{background:var(--warning-color);color:#fff}.badge-processing{background:var(--info-color);color:#fff}.badge-completed{background:var(--success-color);color:#fff}.badge-failed{background:var(--error-color);color:#fff}.badge-small{padding:.125rem .5rem;font-size:.75rem}.badge-medium{padding:.25rem .625rem;font-size:.875rem}.badge-large{padding:.375rem .75rem;font-size:1rem}.table-container{width:100%;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-primary);background-color:var(--bg-component)}.table-wrapper{width:100%;overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:.8125rem}.table thead{background-color:var(--bg-component);border-bottom:1px solid var(--border-primary)}.table th{padding:var(--spacing-xs) var(--spacing-sm);text-align:left;font-weight:500;color:var(--text-primary);white-space:nowrap;letter-spacing:.01em}.table td{padding:var(--spacing-xs) var(--spacing-sm);border-bottom:1px solid var(--border-light);color:var(--text-secondary)}.table .btn+.btn{margin-left:4px}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background-color:var(--bg-hover)}.table-row-clickable{cursor:pointer;transition:var(--transition-fast)}.table-row-clickable:hover{background-color:var(--bg-hover)}.table-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);min-height:200px;gap:var(--spacing-sm)}.table-loading-dots{display:flex;gap:6px;align-items:center;justify-content:center}.table-loading-dot{width:8px;height:8px;border-radius:50%;background-color:var(--primary-color);animation:table-loading-bounce 1s ease-in-out infinite}.table-loading-dot:nth-child(1){animation-delay:0s}.table-loading-dot:nth-child(2){animation-delay:.15s}.table-loading-dot:nth-child(3){animation-delay:.3s}@keyframes table-loading-bounce{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.3);opacity:1}}.table-loading-text{color:var(--text-muted);font-size:.875rem;text-align:center}.table-empty{padding:var(--spacing-xl);text-align:center;color:var(--text-subtle);font-size:.875rem;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm)}.toast{position:fixed;top:20px;right:20px;padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:12px;min-width:280px;max-width:400px;box-shadow:0 4px 12px #00000026;animation:slideIn .3s ease-out;z-index:9999;font-size:14px;line-height:1.4}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}.toast-error{background:#fff1f0;border:1px solid #ffa39e;color:#cf1322}.toast-success{background:#f6ffed;border:1px solid #b7eb8f;color:#389e0d}.toast-warning{background:#fffbe6;border:1px solid #ffe58f;color:#d48806}.toast-info{background:#e6f7ff;border:1px solid #91d5ff;color:#096dd9}.toast-icon{font-size:18px;font-weight:700;flex-shrink:0}.toast-message{flex:1}.toast-close{background:none;border:none;color:inherit;font-size:18px;cursor:pointer;padding:0 4px;opacity:.7;transition:opacity .2s;line-height:1}.toast-close:hover{opacity:1}.alert{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:6px;margin-bottom:12px;font-size:14px;font-weight:500}.alert-message{flex:1}.alert-close{background:none;border:none;font-size:18px;cursor:pointer;opacity:.7;padding:0;margin-left:8px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:opacity .2s}.alert-close:hover{opacity:1}.alert-info{background-color:#e3f2fd;color:#1976d2;border-left:4px solid #1976d2}.alert-success{background-color:#e8f5e8;color:#2e7d32;border-left:4px solid #2e7d32}.alert-warning{background-color:#fff3e0;color:#f57c00;border-left:4px solid #f57c00}.alert-error{background-color:#ffebee;color:#c62828;border-left:4px solid #c62828}.tabs-container{width:100%}.tabs-header{display:flex;border-bottom:2px solid #e0e0e0;margin-bottom:20px}.tab-button{background:none;border:none;padding:12px 24px;cursor:pointer;font-size:14px;font-weight:500;color:#666;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;position:relative}.tab-button:hover{color:#333;background-color:#f5f5f5}.tab-active{color:#2196f3;border-bottom-color:#2196f3;background-color:transparent}.tabs-content{width:100%}.tab-panel{display:none;width:100%}.tab-panel-active{display:block}.form{width:100%;max-width:100%}.form-row{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.form-group{flex:1;min-width:200px;margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#333;font-size:14px}.form-group .input,.form-group .select,.form-group .textarea{width:100%}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px;border-top:1px solid #e0e0e0}.form-inline{display:flex;align-items:center;gap:12px}.form-inline .form-group{margin-bottom:0}.image-upload{width:100%;max-width:100%}.image-upload.disabled{opacity:.6;pointer-events:none}.upload-area{border:2px dashed var(--border-color);border-radius:var(--border-radius);padding:2rem;text-align:center;cursor:pointer;transition:all .2s ease;background-color:var(--surface-color)}.upload-area:hover{border-color:var(--primary-color);background-color:var(--surface-hover)}.upload-area.drag-active{border-color:var(--primary-color);background-color:rgba(var(--primary-rgb),.05)}.upload-content{display:flex;flex-direction:column;align-items:center;gap:1rem;border:1px solid var(--border-primary, var(--border-color));border-radius:var(--border-radius);padding:1.5rem;background-color:var(--surface-color)}.upload-icon{color:var(--primary-color);opacity:.6}.upload-text p{margin:0;color:var(--text-color)}.upload-hint{font-size:.875rem;color:var(--text-secondary);margin-top:.5rem!important}.preview-area{margin-top:1.5rem;border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:var(--surface-hover);font-weight:500}.clear-btn{background:none;border:none;color:var(--danger-color);cursor:pointer;font-size:.875rem;padding:.25rem .5rem;border-radius:var(--border-radius);transition:background-color .2s ease}.clear-btn:hover{background-color:rgba(var(--danger-rgb),.1)}.clear-btn:disabled{opacity:.5;cursor:not-allowed}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.preview-item{border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;background-color:var(--surface-color)}.preview-image{position:relative;aspect-ratio:1;overflow:hidden}.preview-image img{width:100%;height:100%;object-fit:cover}.remove-btn{position:absolute;top:.5rem;right:.5rem;background:#0009;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;opacity:0;transition:opacity .2s ease}.preview-image:hover .remove-btn{opacity:1}.remove-btn:hover{background:#000c}.preview-info{padding:.75rem}.preview-name{font-weight:500;margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-size{font-size:.875rem;color:var(--text-secondary);margin:0 0 .25rem}.preview-warnings{font-size:.75rem;color:var(--warning-color);margin:0}.upload-actions{margin-top:1rem;display:flex;gap:1rem;justify-content:flex-end}.upload-btn{padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.upload-btn.primary{background-color:var(--primary-color);color:#fff}.upload-btn.primary:hover:not(:disabled){background-color:var(--primary-hover)}.upload-btn:disabled{opacity:.6;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.upload-area{padding:1.5rem}.preview-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.upload-actions{flex-direction:column}.upload-btn{width:100%;justify-content:center}}@media (max-width: 480px){.upload-area{padding:1rem}.upload-text p{font-size:.875rem}.upload-hint{font-size:.75rem}.preview-grid{grid-template-columns:1fr}}.page-header{margin-bottom:var(--spacing-md)}.page-header-content{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);padding-bottom:var(--spacing-sm)}.page-header-main{display:flex;align-items:center;gap:var(--spacing-md)}.page-header-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-radius:var(--radius-sm);color:#fff;box-shadow:0 2px 8px var(--primary-medium);flex-shrink:0}.page-header-icon svg{width:18px;height:18px}.page-header-text{display:flex;flex-direction:column;gap:2px}.page-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.01em;line-height:1.2}.page-description{font-size:.8125rem;color:var(--text-muted);margin:0;font-weight:400;max-width:400px}.page-header-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.page-header-line{height:2px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--primary-light) 50%,transparent 100%);border-radius:1px}@media (max-width: 768px){.page-header-content{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.page-header-main{width:100%}.page-header-icon{width:32px;height:32px}.page-header-icon svg{width:16px;height:16px}.page-title{font-size:1rem}.page-header-actions{width:100%;justify-content:flex-start}}.panel-resizer{display:flex;align-items:center;justify-content:center;min-height:0;cursor:col-resize;touch-action:none;border-radius:var(--radius-sm);transition:background .15s}.panel-resizer:before{content:"";width:2px;height:40px;border-radius:2px;background:var(--border-light);transition:background .15s,height .15s}.panel-resizer:hover:before,.panel-resizer--active:before{height:72px;background:var(--primary-color)}.panel-resizer:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px}@media (max-width: 768px){.panel-resizer{display:none}}.home-page{position:relative;height:calc(100vh - 64px);min-height:560px;overflow:hidden;background:var(--bg-main)}.home-bg-layer{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/images/agri-field-bg.webp) center / cover no-repeat;opacity:.95;filter:saturate(.95) brightness(1.1) contrast(.98)}.home-bg-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-main);opacity:.42}.home-bg-mask:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,var(--border-primary) 1px,transparent 1px),linear-gradient(to bottom,var(--border-primary) 1px,transparent 1px);background-size:80px 80px;opacity:.14}.home-page:after{content:"";position:absolute;inset:auto 0 0 0;height:22%;pointer-events:none;background:linear-gradient(to top,var(--bg-main) 0%,transparent 100%);opacity:.55;z-index:1}.home-edge-caption{position:absolute;top:50%;transform:translateY(-50%);z-index:2;writing-mode:vertical-rl;text-orientation:upright;font-size:.8rem;font-weight:600;letter-spacing:.5em;color:var(--text-muted);background:linear-gradient(to bottom,transparent 0%,var(--text-primary) 35%,var(--text-primary) 65%,transparent 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;opacity:.55;-webkit-user-select:none;user-select:none;pointer-events:none}.home-edge-left{left:16px}.home-edge-right{right:16px}.home-frame{position:absolute;top:10px;right:10px;bottom:10px;left:10px;z-index:2;pointer-events:none}.frame-corner{position:absolute;width:26px;height:26px;border:1px solid var(--primary-color);opacity:.4}.frame-corner.tl{top:0;left:0;border-right:0;border-bottom:0}.frame-corner.tr{top:0;right:0;border-left:0;border-bottom:0}.frame-corner.bl{bottom:0;left:0;border-right:0;border-top:0}.frame-corner.br{bottom:0;right:0;border-left:0;border-top:0}.home-inner{position:relative;z-index:3;width:100%;max-width:1180px;height:100%;margin:0 auto;padding:clamp(12px,2vh,24px) clamp(52px,6vw,96px);display:flex;flex-direction:column;justify-content:space-between;gap:clamp(10px,1.8vh,20px)}.home-hero{text-align:center}.home-eyebrow{display:inline-block;font-size:.7rem;font-weight:500;letter-spacing:.22em;color:var(--text-muted);background:linear-gradient(90deg,transparent,var(--bg-subtle),transparent);border-top:1px solid var(--border-medium);border-bottom:1px solid var(--border-medium);border-radius:0;padding:4px 20px;margin-bottom:var(--spacing-sm)}.home-title{font-size:clamp(1.75rem,3.4vw,3rem);font-weight:700;letter-spacing:.1em;line-height:1.2;margin:0 0 var(--spacing-xs);color:var(--text-primary);background:linear-gradient(100deg,var(--text-primary) 0%,var(--primary-color) 48%,var(--text-primary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.home-subtitle{max-width:760px;margin:0 auto;font-size:.9rem;line-height:1.7;letter-spacing:.02em;color:var(--text-medium)}.home-actions{display:flex;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-md)}.home-actions button{border-radius:2px;letter-spacing:.08em}.home-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.home-capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.capability-card{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-primary);border-left:2px solid var(--primary-color);border-radius:0;background:linear-gradient(150deg,#ffffff1f,#ffffff0d 55%,#fff0);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal),transform var(--transition-normal)}.capability-card:hover{border-color:var(--border-light);border-left-color:var(--primary-color);background:linear-gradient(150deg,#fff3,#ffffff14 55%,#fff0);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.capability-icon{flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-medium);border-radius:0;background:var(--primary-subtle);color:var(--primary-color)}.capability-card h3{font-size:.86rem;font-weight:600;letter-spacing:.04em;margin:0 0 3px;color:var(--text-primary)}.capability-card p{margin:0;font-size:.74rem;line-height:1.55;color:var(--text-muted)}.home-pipeline{counter-reset:step;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.pipeline-item{counter-increment:step;position:relative;padding-top:var(--spacing-xs);border-top:1px solid var(--border-primary)}.pipeline-item:before{content:counter(step,decimal-leading-zero);position:absolute;top:-.75em;right:0;font-size:.72rem;font-weight:600;letter-spacing:.1em;color:var(--text-subtle)}.pipeline-head{display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;letter-spacing:.08em;color:var(--primary-color);margin-bottom:2px}.pipeline-item p{margin:0;font-size:.72rem;line-height:1.5;color:var(--text-muted)}.home-footer{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding-top:var(--spacing-xs);border-top:1px solid var(--border-primary);font-size:.7rem;letter-spacing:.14em;color:var(--text-subtle)}.home-footer i{width:3px;height:3px;background:var(--primary-color);opacity:.6}@media (max-width: 1280px){.home-edge-caption{letter-spacing:.34em;font-size:.74rem}}@media (max-width: 1024px){.home-edge-caption{display:none}.home-inner{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}}@media (max-width: 960px){.home-capability-grid{grid-template-columns:repeat(2,1fr)}.home-pipeline{grid-template-columns:1fr;gap:var(--spacing-sm)}}@media (max-width: 768px){.home-page{height:auto;min-height:calc(100vh - 64px);overflow:visible}.home-inner{padding:var(--spacing-lg) var(--spacing-md);gap:var(--spacing-md)}.home-title{letter-spacing:.06em}}@media (max-width: 480px){.home-capability-grid{grid-template-columns:1fr}.home-actions{flex-direction:column;align-items:stretch}.home-footer{flex-wrap:wrap;letter-spacing:.08em}}@media (min-width: 769px) and (max-height: 820px){.home-title{font-size:1.9rem}.home-subtitle{font-size:.82rem;line-height:1.6}.capability-card{padding:var(--spacing-xs) var(--spacing-sm)}.capability-card p{font-size:.71rem;line-height:1.45}.home-pipeline{gap:var(--spacing-sm)}}@media (prefers-reduced-motion: reduce){.home-page *,.home-page *:before,.home-page *:after{animation:none!important;transition:none!important}}.about-container{max-width:900px;margin:0 auto;padding:var(--spacing-xxl) var(--spacing-xl);background:var(--bg-main);min-height:calc(100vh - 8rem);position:relative;overflow:hidden}.about-background-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 10% 20%,var(--primary-subtle) 0%,transparent 30%),radial-gradient(circle at 90% 80%,var(--success-subtle) 0%,transparent 30%);opacity:.5;pointer-events:none;z-index:0}.about-content{text-align:center;position:relative;z-index:1;max-width:800px;margin:0 auto}.about-header{margin-bottom:var(--spacing-xxl)}.about-logo{display:inline-flex;align-items:center;justify-content:center;width:100px;height:100px;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-radius:24px;color:#fff;margin-bottom:var(--spacing-xl);box-shadow:0 8px 32px var(--primary-medium);animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.about-content h1{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-lg);letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-primary),var(--primary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-intro{font-size:1.2rem;line-height:1.9;color:var(--text-secondary);max-width:700px;margin:0 auto;font-weight:400;text-align:center}.about-section{text-align:left;margin-bottom:var(--spacing-xxl);padding:var(--spacing-xl);background:var(--bg-subtle);border-radius:var(--radius-lg);border:1px solid var(--border-primary);position:relative;overflow:hidden}.about-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--primary-light),var(--success-color))}.about-section h2{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-primary);font-size:1.5rem;margin-bottom:var(--spacing-lg);font-weight:600}.about-section h2 svg{color:var(--primary-color)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.feature-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-input);border-radius:var(--radius-md);border:1px solid var(--border-medium);transition:all .3s ease;cursor:default}.feature-item:hover{border-color:var(--feature-color, var(--primary-color));box-shadow:0 4px 12px #0000001a}.feature-icon-wrapper{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--feature-color, var(--primary-color));border-radius:var(--radius-md);color:#fff;flex-shrink:0;box-shadow:0 2px 8px var(--feature-color, var(--primary-medium))}.feature-text{font-size:.95rem;color:var(--text-primary);font-weight:500}.tech-description{color:var(--text-medium);font-size:1rem;line-height:1.8;margin-bottom:var(--spacing-lg)}.tech-stack{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}.tech-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--primary-subtle);border-radius:var(--radius-md);color:var(--primary-color);font-size:.9rem;font-weight:500;transition:all .3s ease;border:1px solid transparent}.tech-item:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-light)}.vision-section{text-align:center;background:linear-gradient(135deg,var(--primary-subtle),var(--success-subtle))}.vision-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;background:linear-gradient(135deg,var(--success-color),var(--primary-color));border-radius:50%;color:#fff;margin-bottom:var(--spacing-lg);box-shadow:0 4px 16px var(--success-medium)}.vision-section h2{justify-content:center;color:var(--text-primary)}.vision-section p{color:var(--text-secondary);font-size:1.1rem;line-height:1.8;max-width:600px;margin:0 auto}@media (max-width: 768px){.about-container{padding:var(--spacing-xl) var(--spacing-md)}.about-logo{width:80px;height:80px}.about-content h1{font-size:2rem}.about-intro{font-size:1rem}.about-section{padding:var(--spacing-lg)}.about-section h2{font-size:1.25rem}.features-grid{grid-template-columns:1fr}.feature-item{padding:var(--spacing-sm) var(--spacing-md)}.tech-stack{gap:var(--spacing-sm)}.tech-item{font-size:.85rem}}@media (prefers-reduced-motion: reduce){.about-logo{animation:none}}.contact-container{max-width:820px;margin:0 auto;padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-main);min-height:calc(100vh - 4rem);position:relative;overflow:hidden;display:flex;align-items:center}.contact-background-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 30%,var(--primary-subtle) 0%,transparent 40%),radial-gradient(circle at 80% 70%,var(--info-subtle) 0%,transparent 40%);opacity:.5;pointer-events:none;z-index:0}.contact-content{width:100%;margin:0 auto;text-align:center;position:relative;z-index:1}.contact-header{margin-bottom:var(--spacing-md)}.contact-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-radius:14px;color:#fff;margin-bottom:var(--spacing-sm);box-shadow:0 4px 16px var(--primary-medium);animation:pulse-glow 3s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 4px 16px var(--primary-medium)}50%{box-shadow:0 4px 24px var(--primary-light)}}.contact-content h1{color:var(--text-primary);font-size:1.35rem;font-weight:700;margin-bottom:var(--spacing-xs);letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-primary),var(--primary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-content p{color:var(--text-medium);font-size:.82rem;line-height:1.5;margin-bottom:var(--spacing-md);font-weight:400}.contact-body{display:flex;gap:var(--spacing-md);align-items:stretch}.contact-info-card{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:0 0 230px;padding:var(--spacing-md);background:linear-gradient(145deg,var(--bg-subtle),rgba(30,41,59,.6));border-radius:var(--radius-lg);border:1px solid var(--border-primary);position:relative;overflow:hidden}.contact-info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary-color),#38bdf8,var(--primary-color));opacity:.8}.info-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:#0f172a80;border-radius:var(--radius-md);border:1px solid transparent;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:left;cursor:default}.info-item:hover{border-color:#3b82f659;background:#3b82f60f;box-shadow:0 4px 20px #3b82f614}.info-icon-wrapper{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,var(--primary-color),#60a5fa);border-radius:8px;color:#fff;flex-shrink:0;box-shadow:0 2px 8px #3b82f64d,inset 0 1px #ffffff26;transition:transform .25s ease,box-shadow .25s ease}.info-item:hover .info-icon-wrapper{transform:scale(1.1);box-shadow:0 4px 12px #3b82f666,inset 0 1px #fff3}.info-text{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.info-label{font-size:.65rem;color:var(--text-muted);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.info-value{font-size:.78rem;color:var(--text-primary);font-weight:500;line-height:1.3;word-break:break-all}.contact-form-wrapper{flex:1;min-width:0}.contact-form{text-align:left;padding:var(--spacing-md);background:var(--bg-subtle);border-radius:var(--radius-lg);border:1px solid var(--border-primary);height:100%;display:flex;flex-direction:column}.contact-form>div+div{margin-top:var(--spacing-xs)}.contact-form .textarea-group{margin-bottom:0}.contact-form .textarea-field{min-height:60px;padding:var(--spacing-sm) var(--spacing-md)}.form-error{padding:var(--spacing-xs) var(--spacing-sm);margin-bottom:var(--spacing-xs);background-color:var(--error-bg);color:var(--error-color);border-radius:var(--radius-sm);border-left:3px solid var(--error-color);font-size:.78rem;font-weight:500;overflow:hidden}.form-success{padding:var(--spacing-lg);text-align:center;background:var(--bg-subtle);border-radius:var(--radius-lg);border:1px solid var(--border-primary)}.success-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;background:linear-gradient(135deg,var(--success-color),var(--primary-color));border-radius:50%;color:#fff;margin-bottom:var(--spacing-sm);box-shadow:0 4px 16px var(--success-medium);animation:success-bounce .5s ease-out}@keyframes success-bounce{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.form-success h3{margin:0 0 var(--spacing-xs);color:var(--success-color);font-size:1.1rem;font-weight:600;letter-spacing:-.01em}.form-success p{margin:0;color:var(--text-medium);font-size:.85rem;font-weight:400}.submit-btn{width:100%;justify-content:center;margin-top:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-size:.92rem}@media (max-width: 768px){.contact-container{padding:var(--spacing-sm);align-items:flex-start}.contact-content h1{font-size:1.2rem}.contact-icon{width:40px;height:40px;border-radius:12px}.contact-content p{font-size:.78rem;margin-bottom:var(--spacing-sm)}.contact-body{flex-direction:column;gap:var(--spacing-sm)}.contact-info-card{flex:none}.info-item{padding:var(--spacing-xs) var(--spacing-sm)}.info-icon-wrapper{width:28px;height:28px}.info-value{font-size:.75rem}.contact-form{padding:var(--spacing-sm)}.contact-form>div+div{margin-top:4px}.submit-btn{font-size:.85rem;padding:var(--spacing-xs) var(--spacing-md)}}@media (prefers-reduced-motion: reduce){.contact-icon,.success-icon{animation:none}}.auth-brand-panel{position:relative;flex:1.05;display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-xl);background:#0b1226;color:#fff;overflow:hidden}.auth-brand-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/images/agri-field-bg.webp) center / cover no-repeat;opacity:.92;filter:saturate(.95) brightness(1.12)}.auth-brand-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#080e2094,#1020406b 55%,#0a1226a3)}.auth-brand-content,.auth-brand-features{position:relative;z-index:2}.auth-brand-icon{width:44px;height:44px;margin-bottom:var(--spacing-sm);display:flex;align-items:center;justify-content:center;background:#ffffff24;border:1px solid rgba(255,255,255,.24);border-radius:var(--radius-md);color:#fff}.auth-brand-content h1,.auth-brand-content p,.auth-feature-item h4,.auth-feature-item p{text-shadow:0 1px 8px rgba(0,0,0,.6)}.auth-brand-content h1{font-size:1.25rem;font-weight:700;margin:0 0 4px;color:#fff}.auth-brand-content p{margin:0;font-size:.8rem;line-height:1.5;color:#ffffffc7}.auth-brand-features{display:flex;flex-direction:column;gap:var(--spacing-xs)}.auth-feature-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-md);background:#080e204d}.auth-feature-icon{width:28px;height:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:#ffffff1f;color:#fff}.auth-feature-item h4{margin:0 0 1px;font-size:.82rem;font-weight:600;color:#fff}.auth-feature-item p{margin:0;font-size:.72rem;line-height:1.4;color:#ffffffb3}@media (max-width: 1024px){.auth-brand-panel{display:none}}@media (max-height: 700px){.auth-brand-features{gap:2px}}.enhanced-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1.5rem}.enhanced-loading-fullpage{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgba(var(--bg-component-rgb, 26, 35, 71),.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999}.enhanced-loading-small{padding:.75rem}.enhanced-loading-medium{padding:1.5rem}.enhanced-loading-large{padding:2.5rem}.enhanced-loading-spinner{display:flex;gap:.5rem;align-items:center;justify-content:center}.enhanced-loading-dot{width:8px;height:8px;border-radius:50%;background-color:currentColor;transition:background-color .3s ease}.enhanced-loading-small .enhanced-loading-dot{width:6px;height:6px}.enhanced-loading-large .enhanced-loading-dot{width:10px;height:10px}.enhanced-loading-primary{color:var(--primary-color)}.enhanced-loading-secondary{color:var(--text-secondary)}.enhanced-loading-white{color:#fff}.enhanced-loading-muted{color:var(--text-muted)}.enhanced-loading-text{color:var(--text-medium);font-size:.875rem;text-align:center;max-width:200px;line-height:1.4}.loading-skeleton-container{display:flex;flex-direction:column;gap:.75rem;width:100%}.loading-skeleton-item{background:linear-gradient(90deg,var(--bg-subtle) 25%,var(--bg-subtle-hover) 50%,var(--bg-subtle) 75%);background-size:200% 100%;animation:skeleton-wave 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.loading-skeleton-card{background:linear-gradient(90deg,var(--bg-subtle) 25%,var(--bg-subtle-hover) 50%,var(--bg-subtle) 75%);background-size:200% 100%;animation:skeleton-wave 1.5s ease-in-out infinite;border-radius:var(--radius-md);box-shadow:var(--shadow-default)}@keyframes skeleton-wave{0%{background-position:200% 0}to{background-position:-200% 0}}.progress-bar-container{width:100%;display:flex;flex-direction:column;gap:.5rem}.progress-bar-label{font-size:.875rem;color:var(--text-medium);display:flex;justify-content:space-between;align-items:center}.progress-bar-track{width:100%;height:6px;background-color:var(--bg-subtle);border-radius:3px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--primary-dark) 0%,var(--primary-color) 50%,var(--primary-light) 100%);position:relative;overflow:hidden}.progress-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);animation:progress-shimmer 2s ease-in-out infinite}.progress-bar-fill.primary-color{background:linear-gradient(90deg,var(--primary-dark) 0%,var(--primary-color) 50%,var(--primary-light) 100%)}.progress-bar-fill.success-color{background:linear-gradient(90deg,color-mix(in srgb,var(--success-color) 60%,var(--bg-component)) 0%,var(--success-color) 50%,color-mix(in srgb,var(--success-color) 60%,white) 100%)}.progress-bar-fill.warning-color{background:linear-gradient(90deg,color-mix(in srgb,var(--warning-color) 60%,var(--bg-component)) 0%,var(--warning-color) 50%,color-mix(in srgb,var(--warning-color) 60%,white) 100%)}.progress-bar-fill.error-color{background:linear-gradient(90deg,color-mix(in srgb,var(--error-color) 60%,var(--bg-component)) 0%,var(--error-color) 50%,color-mix(in srgb,var(--error-color) 60%,white) 100%)}.progress-bar-percentage{font-size:.75rem;color:var(--text-subtle);text-align:right;min-width:2rem}@keyframes progress-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 768px){.enhanced-loading-medium{padding:1rem}.enhanced-loading-large{padding:1.5rem}.enhanced-loading-dot{width:6px;height:6px}.progress-bar-track{height:4px}}.login-split-container{display:flex;height:calc(100vh - 64px);min-height:440px;overflow:hidden;background:var(--bg-main)}.login-form-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background:var(--bg-main);overflow-y:auto}.login-form-container{width:100%;max-width:340px}.login-card{background:var(--bg-component);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--border-primary);box-shadow:0 10px 30px #0000001f}.login-header{text-align:center;margin-bottom:var(--spacing-sm)}.login-icon-wrapper{width:36px;height:36px;margin:0 auto var(--spacing-xs);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--primary-subtle);border:1px solid var(--border-medium);color:var(--primary-color)}.login-header h2{font-size:1.1rem;font-weight:700;margin:0 0 2px;color:var(--text-primary)}.login-header p{margin:0;font-size:.76rem;color:var(--text-muted)}.login-tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);border-bottom:1px solid var(--border-primary)}.login-tab{flex:1;padding:6px 0 8px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:.8rem;font-weight:500;cursor:pointer;transition:color var(--transition-normal),border-color var(--transition-normal)}.login-tab:hover{color:var(--text-secondary)}.login-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.login-form,.input-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.input-with-btn input{padding-right:92px}.send-code-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);height:calc(100% - 8px);min-width:84px;padding:0 var(--spacing-sm);display:flex;align-items:center;justify-content:center;background:var(--primary-subtle);color:var(--primary-color);border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-size:.72rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:var(--transition-normal)}.input-wrapper.invalid input{border-color:var(--error-color);background:rgba(var(--error-color-rgb),.06)}.input-wrapper.invalid input:focus{border-color:var(--error-color);box-shadow:0 0 0 3px rgba(var(--error-color-rgb),.16)}.login-options{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.remember-me{display:flex;align-items:center;gap:6px;cursor:pointer;color:var(--text-muted)}.remember-me input[type=checkbox]{width:14px;height:14px;accent-color:var(--primary-color);cursor:pointer}.forgot-password{font-size:.75rem;color:var(--primary-color);text-decoration:none;transition:color .2s}.forgot-password:hover{color:var(--primary-light)}.login-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:9px var(--spacing-md);background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);font-size:.88rem;font-weight:600;cursor:pointer;transition:var(--transition-normal)}.login-btn:hover:not(:disabled){background:var(--primary-light)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.register-link{text-align:center;font-size:.76rem;color:var(--text-muted)}.register-link a{color:var(--primary-color);text-decoration:none;font-weight:600;margin-left:4px;transition:color .2s}.register-link a:hover{color:var(--primary-light)}@media (max-width: 1024px){.login-brand-panel{display:none}}@media (max-width: 480px){.login-form-panel,.login-card{padding:var(--spacing-md)}}@media (max-height: 700px){.login-card{padding:var(--spacing-md)}.login-icon-wrapper{display:none}}@media (prefers-reduced-motion: reduce){.login-page *,.login-page *:before,.login-page *:after{animation:none!important;transition:none!important}}.register-split-container{display:flex;height:calc(100vh - 64px);min-height:440px;overflow:hidden;background:var(--bg-main)}.register-form-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background:var(--bg-main);overflow-y:auto}.register-form-container{width:100%;max-width:440px}.register-card{background:var(--bg-component);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--border-primary);box-shadow:0 10px 30px #0000001f}.register-header{text-align:center;margin-bottom:var(--spacing-md)}.register-icon-wrapper{width:36px;height:36px;margin:0 auto var(--spacing-xs);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--primary-subtle);border:1px solid var(--border-medium);color:var(--primary-color)}.register-header h2{font-size:1.1rem;font-weight:700;margin:0 0 2px;color:var(--text-primary)}.register-header p{margin:0;font-size:.76rem;color:var(--text-muted)}.register-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.register-field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm) var(--spacing-md)}.register-field-grid .field-full{grid-column:1 / -1}.input-label{font-size:.72rem;font-weight:500;color:var(--text-secondary);margin-bottom:3px}.input-icon{position:absolute;left:10px;color:var(--text-muted);pointer-events:none}.input-wrapper input{width:100%;padding:8px 12px 8px 32px;border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:.85rem;background:var(--bg-input);color:var(--text-primary);transition:var(--transition-normal)}.input-wrapper .code-input{padding-right:96px}.password-toggle{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;padding:2px;background:none;border:none;color:var(--text-muted);cursor:pointer;transition:color .2s}.send-code-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);height:calc(100% - 8px);min-width:88px;padding:0 var(--spacing-sm);display:flex;align-items:center;justify-content:center;gap:4px;background:var(--primary-subtle);color:var(--primary-color);border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-size:.72rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:var(--transition-normal)}.send-code-btn:hover:not(:disabled){background:var(--primary-color);color:#fff}.send-code-btn.counting{background:var(--bg-subtle);color:var(--text-muted);border-color:var(--border-light)}.error-message{color:var(--error-color);font-size:.72rem;margin-top:4px;padding:3px var(--spacing-xs);background:rgba(var(--error-color-rgb),.1);border-radius:var(--radius-sm);border-left:2px solid var(--error-color)}.register-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:9px var(--spacing-md);background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);font-size:.88rem;font-weight:600;cursor:pointer;transition:var(--transition-normal)}.register-btn:hover:not(:disabled){background:var(--primary-light)}.register-btn:disabled{opacity:.7;cursor:not-allowed}.login-link{text-align:center;font-size:.76rem;color:var(--text-muted)}.login-link a{color:var(--primary-color);text-decoration:none;font-weight:600;margin-left:4px;transition:color .2s}.login-link a:hover{color:var(--primary-light)}@media (max-width: 560px){.register-field-grid{grid-template-columns:1fr}}@media (max-width: 480px){.register-form-panel,.register-card{padding:var(--spacing-md)}}@media (max-height: 700px){.register-card{padding:var(--spacing-md)}.register-icon-wrapper{display:none}.register-header{margin-bottom:var(--spacing-sm)}.register-form{gap:var(--spacing-sm)}}@media (prefers-reduced-motion: reduce){.register-form *,.register-form *:before,.register-form *:after{animation:none!important;transition:none!important}}.forgot-split-container{display:flex;min-height:calc(100vh - 64px);background:var(--bg-main)}.forgot-brand-panel{flex:1;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xl);position:relative;overflow:hidden;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-color) 50%,var(--primary-light) 100%);color:#fff}.forgot-form-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background:var(--bg-main)}.forgot-form-container{width:100%;max-width:360px}.forgot-card{background:var(--bg-component);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:0 20px 60px #0000001a;border:1px solid var(--border-primary)}.steps-bar{display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md)}.step-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;background:var(--bg-hover);color:var(--text-muted);border:2px solid var(--border-medium);transition:all .3s ease}.step-dot.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 2px 8px var(--primary-medium)}.step-dot.done{background:var(--success-color);color:#fff;border-color:var(--success-color)}.step-line{width:40px;height:2px;background:var(--border-medium);margin:0 var(--spacing-xs);transition:background .3s ease}.step-line.active{background:var(--primary-color)}.forgot-header{text-align:center;margin-bottom:var(--spacing-md)}.forgot-icon-wrapper{width:48px;height:48px;margin:0 auto var(--spacing-sm);background:linear-gradient(135deg,var(--warning-color),#f59e0b);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 6px 18px #f59e0b4d}.forgot-header h2{font-size:1.35rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-xs)}.forgot-header p{font-size:.82rem;color:var(--text-muted);margin:0}.forgot-form,.input-group{display:flex;flex-direction:column;gap:var(--spacing-md)}.input-label{font-size:.75rem;font-weight:500;color:var(--text-primary);margin-bottom:2px}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:var(--spacing-sm);color:var(--text-muted);pointer-events:none}.input-wrapper input{width:100%;padding:10px var(--spacing-md) 10px calc(var(--spacing-md) + 24px);border:2px solid var(--border-medium);border-radius:var(--radius-md);font-size:.9rem;background:var(--bg-input);color:var(--text-primary);transition:var(--transition-normal)}.input-wrapper input:focus{outline:none;border-color:var(--primary-color);background:var(--bg-input-focus);box-shadow:0 0 0 3px var(--primary-subtle)}.input-wrapper input::placeholder{color:var(--text-subtle)}.code-input-wrapper{gap:var(--spacing-xs)}.code-input-wrapper .code-input{flex:1;letter-spacing:4px;text-align:center;padding-right:100px}.send-code-btn{position:absolute;right:var(--spacing-xs);padding:4px var(--spacing-sm);background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;cursor:pointer;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:4px;transition:var(--transition-normal)}.send-code-btn:hover:not(:disabled){background:var(--primary-light)}.send-code-btn:disabled{opacity:.6;cursor:not-allowed}.send-code-btn.counting{background:var(--text-muted)}.password-toggle{position:absolute;right:var(--spacing-sm);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;transition:color .2s}.password-toggle:hover{color:var(--text-primary)}.error-message{color:var(--error-color);font-size:.78rem;margin-top:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:rgba(var(--error-color-rgb),.1);border-radius:var(--radius-sm);border-left:3px solid var(--error-color)}.forgot-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:10px var(--spacing-lg);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:#fff;border:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition-normal);box-shadow:0 4px 16px var(--primary-medium);margin-top:var(--spacing-md)}.forgot-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px var(--primary-medium)}.forgot-btn:disabled{opacity:.7;cursor:not-allowed}.forgot-back-link{text-align:center;margin-top:var(--spacing-lg)}.forgot-back-link a{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:.82rem;color:var(--text-muted);text-decoration:none;transition:color .2s}.forgot-back-link a:hover{color:var(--primary-color)}.spinner{animation:spin 1s linear infinite}@media (max-width: 1024px){.forgot-brand-panel{display:none}.forgot-form-panel{flex:1}}@media (max-width: 480px){.forgot-form-panel{padding:var(--spacing-md)}.forgot-card{padding:var(--spacing-lg)}.forgot-header h2{font-size:1.2rem}}@media (prefers-reduced-motion: reduce){.forgot-btn:hover{transform:none}}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);min-height:200px;gap:var(--spacing-sm)}.dashboard-loading-dots{display:flex;gap:6px;align-items:center;justify-content:center}.dashboard-loading-dot{width:8px;height:8px;border-radius:50%;background-color:var(--primary-color);animation:loading-bounce 1s ease-in-out infinite}.dashboard-loading-dot:nth-child(1){animation-delay:0s}.dashboard-loading-dot:nth-child(2){animation-delay:.15s}.dashboard-loading-dot:nth-child(3){animation-delay:.3s}@keyframes loading-bounce{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.3);opacity:1}}.dashboard-loading-text{color:var(--text-muted);font-size:.875rem;text-align:center}.dashboard .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);min-height:160px;gap:var(--spacing-sm);background-color:var(--bg-component);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.dashboard .loading-container p{margin:0;color:var(--text-muted);font-size:.875rem}.dashboard{display:flex;height:100vh;background:var(--bg-main)}.sidebar-logo{display:flex;align-items:center;gap:var(--spacing-sm)}.logo-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-radius:var(--radius-sm);color:#fff;box-shadow:0 2px 6px var(--primary-medium)}.logo-icon svg{width:18px;height:18px}.dashboard-sessions,.dashboard-data-view,.dashboard-data-analyze,.dashboard-fields,.dashboard-devices,.dashboard-algorithm-square,.dashboard-algorithm-use,.dashboard-logs{padding:var(--spacing-sm);max-width:100%}.dashboard-sidebar{width:200px;background-color:var(--bg-component);color:var(--text-secondary);display:flex;flex-direction:column;box-shadow:var(--shadow-default);border-right:1px solid var(--border-primary)}.sidebar-header{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs);border-bottom:1px solid var(--border-primary);position:relative;z-index:10}.sidebar-header h2{margin:0;font-size:1rem;font-weight:400;color:var(--text-primary);letter-spacing:-.01em}.header-actions{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.data-upload-btn,.key-management-btn,.logout-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);background-color:var(--primary-darker);color:var(--text-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);padding:6px var(--spacing-sm);cursor:pointer;font-size:.8125rem;transition:var(--transition-fast);font-weight:400;text-align:center;width:100%}.data-upload-btn:hover,.key-management-btn:hover,.logout-btn:hover{background-color:var(--error-subtle);border-color:var(--error-color);color:var(--error-color)}.data-upload-btn{background-color:var(--primary-color);color:var(--btn-text)}.key-management-btn{background-color:var(--info-color);color:var(--btn-text)}.data-upload-btn:hover{background-color:var(--primary-dark);box-shadow:0 2px 4px var(--primary-medium)}.key-management-btn:hover{background-color:var(--info-dark);box-shadow:0 2px 4px var(--info-medium)}.sidebar-menu{list-style:none;padding:0;margin:0;flex:1;overflow-y:auto}.sidebar-menu li{list-style:none;margin:1px var(--spacing-xs)}.menu-link{display:flex;align-items:center;justify-content:flex-start;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:var(--transition-fast);border-radius:var(--radius-sm);text-decoration:none;color:var(--text-secondary);position:relative;overflow:hidden;gap:var(--spacing-sm)}.menu-link:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:linear-gradient(180deg,var(--primary-color),var(--primary-light));border-radius:0 2px 2px 0;transition:height .2s ease}.menu-link:hover{background-color:var(--primary-subtle);color:var(--text-primary)}.menu-link:hover:before{height:50%}.menu-link.active{background:linear-gradient(90deg,var(--primary-darkest),transparent);color:var(--text-primary)}.menu-link.active:before{height:70%}.menu-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);transition:all .2s ease}.menu-link:hover .menu-icon-wrapper{background:var(--primary-subtle)}.menu-link.active .menu-icon-wrapper{background:var(--primary-color)}.menu-icon-wrapper .menu-icon{transition:transform .2s ease;width:16px;height:16px}.menu-link:hover .menu-icon-wrapper .menu-icon{transform:scale(1.1)}.menu-label{font-size:.875rem;font-weight:500;color:var(--text-medium);transition:color .2s ease}.menu-link:hover .menu-label,.menu-link.active .menu-label{color:var(--text-primary)}.dashboard-content{flex:1;display:flex;flex-direction:column;background:var(--bg-main);overflow:hidden}.content-section{padding:var(--spacing-md);flex:1;overflow-y:auto}.overview-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.overview-card{background-color:var(--bg-subtle);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-default);border-left:3px solid var(--primary-light);transition:var(--transition-fast);border:1px solid var(--border-primary)}.overview-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:var(--border-light)}.card-icon{width:32px;height:32px;margin-bottom:var(--spacing-xs);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background-color:var(--primary-darkest);color:var(--text-medium)}.card-icon svg{width:16px;height:16px}.overview-card h3{margin:0 0 var(--spacing-xs);color:var(--text-muted);font-size:.8125rem;font-weight:400}.card-value{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:var(--spacing-xs) 0}.card-status{font-size:.75rem;color:var(--success-color)}.card-status.warning{color:var(--warning-color)}.device-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-md)}.device-item{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-subtle);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);box-shadow:var(--shadow-default);border-left:3px solid var(--primary-light);border:1px solid var(--border-primary);gap:var(--spacing-sm)}.device-info h3{margin:0 0 2px;color:var(--text-primary);font-size:.9375rem;font-weight:500}.device-info p{margin:0;color:var(--text-muted);font-size:.75rem}.device-status{padding:2px 8px;border-radius:var(--radius-lg);font-size:.6875rem;font-weight:600}.device-status.online{background-color:rgba(var(--success-color-rgb),.1);color:var(--success-color)}.device-status.offline{background-color:rgba(var(--error-color-rgb),.1);color:var(--error-color)}.chart-container{background-color:var(--bg-subtle);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-default);height:280px;display:flex;justify-content:center;align-items:center;border:1px solid var(--border-primary)}.chart-placeholder{text-align:center;color:var(--text-muted)}.chart-placeholder h3{margin-bottom:var(--spacing-xs);font-size:1rem;color:var(--text-secondary)}.log-container{background-color:var(--bg-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-default);overflow:hidden;border:1px solid var(--border-primary)}.log-item{display:grid;grid-template-columns:minmax(120px,160px) minmax(50px,70px) 1fr;padding:var(--spacing-xs) var(--spacing-md);border-bottom:1px solid var(--primary-subtle);gap:var(--spacing-sm)}.log-item:last-child{border-bottom:none}.log-time{color:var(--text-muted);font-size:.75rem;font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log-level{font-weight:600;font-size:.75rem;white-space:nowrap;text-align:center}.log-message{color:var(--text-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem}.log-item.info .log-level{color:var(--info-color)}.log-item.warning .log-level{color:var(--warning-color)}.log-item.error .log-level{color:var(--error-color)}.log-item.success .log-level{color:var(--success-color)}.sensor-data-container{background-color:var(--bg-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-default);overflow:hidden;border:1px solid var(--border-primary)}.data-table-wrapper{overflow-x:auto}.sensor-data-table{width:100%;border-collapse:collapse;min-width:700px;font-size:.8125rem}.sensor-data-table th{background-color:var(--primary-darkest);padding:var(--spacing-xs) var(--spacing-sm);text-align:left;font-weight:500;color:var(--text-secondary);border-bottom:2px solid var(--border-light);white-space:nowrap}.sensor-data-table td{padding:var(--spacing-xs) var(--spacing-sm);border-bottom:1px solid var(--primary-subtle);color:var(--text-medium)}.even-row{background-color:var(--bg-subtle-hover)}.odd-row{background-color:var(--bg-input)}.sensor-data-table tr:last-child td{border-bottom:none}.image-cell{white-space:nowrap}.image-link{color:var(--primary-light);text-decoration:none;font-weight:400}.image-link:hover{color:var(--primary-color);text-decoration:underline}.dashboard-sessions .empty-state,.dashboard-data-view .empty-state,.dashboard-data-analyze .empty-state,.dashboard-fields .empty-state,.dashboard-devices .empty-state,.dashboard-mqtt .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl, 48px) var(--spacing-xl, 32px);margin:var(--spacing-md, 16px) auto;background:var(--bg-subtle, #f9fafb);border-radius:var(--radius-lg, 12px);border:2px dashed var(--border-primary);text-align:center;max-width:520px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl, 32px);text-align:center;color:var(--text-muted);min-height:200px}.empty-state .empty-icon{font-size:3.5rem;line-height:1;margin-bottom:var(--spacing-md, 16px);opacity:.9}.empty-state h2,.empty-state h3{color:var(--text-primary);margin:0 0 var(--spacing-sm, 8px);font-size:1.25rem;font-weight:600}.empty-state>p{color:var(--text-secondary);font-size:1rem;margin:0 0 var(--spacing-md, 16px);max-width:380px;line-height:1.5}.empty-state .empty-state-tips{width:100%;max-width:400px;padding:var(--spacing-md, 16px);background:var(--bg-light);border-radius:var(--radius-md, 8px);text-align:left}.empty-state .empty-state-tips>p{color:var(--text-secondary);font-size:.925rem;font-weight:500;margin:0 0 var(--spacing-sm, 8px)}.empty-state .empty-state-tips ul{margin:0;padding-left:1.25rem;list-style:disc}.empty-state .empty-state-tips li{color:var(--text-muted);font-size:.925rem;margin-bottom:4px;line-height:1.6}.dashboard-key-management{padding:var(--spacing-sm);max-width:100%}.key-management-section{height:100%;display:flex;flex-direction:column}@media (max-width: 768px){.dashboard{flex-direction:column}.dashboard-sidebar{width:100%;height:auto}.sidebar-menu{display:flex;overflow-x:auto}.menu-item{flex-direction:column;padding:var(--spacing-sm);min-width:60px;text-align:center}.menu-icon{margin-right:0;margin-bottom:2px}.overview-cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.device-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.sensor-data-table{font-size:.8125rem}.sensor-data-table th,.sensor-data-table td{padding:var(--spacing-xs)}.log-item{grid-template-columns:1fr;gap:2px}}.analysis-controls{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-component);border-radius:var(--radius-md);box-shadow:var(--shadow-light);border:1px solid var(--border-primary)}.control-group{display:flex;flex-direction:column;gap:2px;min-width:140px}.control-group label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.control-group select,.control-group input{padding:6px var(--spacing-sm);border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-size:.8125rem;background-color:var(--bg-input);color:var(--text-primary)}.control-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;padding-right:1.5rem}.control-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb, 0, 168, 107),.1)}.control-group select option{background-color:var(--bg-component);color:var(--text-primary)}.field-selector{display:flex;flex-direction:column;gap:2px}.field-checkbox{display:flex;align-items:center;gap:var(--spacing-xs)}.field-checkbox input[type=checkbox]{width:14px;height:14px}.field-checkbox label{font-size:.8125rem;color:var(--text-secondary)}.analysis-results{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}.chart-container{background-color:var(--bg-component);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-light);border:1px solid var(--border-primary)}.chart-container h3{font-size:.9375rem;color:var(--text-primary);margin-top:0;margin-bottom:var(--spacing-sm)}.chart-placeholder{height:160px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-input);border-radius:var(--radius-sm);color:var(--text-muted)}.chart-placeholder p{font-size:.8125rem}.log-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-component);border-radius:var(--radius-md);box-shadow:var(--shadow-light);border:1px solid var(--border-primary)}.log-container{background-color:var(--bg-component);border-radius:var(--radius-md);box-shadow:var(--shadow-light);border:1px solid var(--border-primary);overflow:hidden}.log-table{width:100%}.log-header{display:flex;border-bottom:1px solid var(--border-primary);background-color:var(--bg-table-header)}.log-header .log-cell{padding:var(--spacing-xs) var(--spacing-sm);font-weight:500;color:var(--text-primary);font-size:.75rem;flex:1}.log-row{display:flex;border-bottom:1px solid var(--border-light)}.log-row:hover{background-color:var(--bg-subtle-hover)}.log-row .log-cell{padding:var(--spacing-xs) var(--spacing-sm);color:var(--text-secondary);flex:1;word-break:break-word;font-size:.8125rem}.log-cell:first-child{flex:.8}.log-cell:nth-child(2){flex:.8}.log-cell:nth-child(3){flex:.8}.log-cell:last-child{flex:2}.log-error{color:var(--error-color);font-weight:500}.log-warning{color:var(--warning-color);font-weight:500}.log-info{color:var(--info-color);font-weight:500}.log-success{color:var(--success-color);font-weight:500}.log-pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--border-light);background:var(--bg-component)}.log-page-info{font-size:.8125rem;color:var(--text-secondary)}.log-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xxl) var(--spacing-md);color:var(--text-muted);font-size:.875rem}.log-empty-state svg{opacity:.4}.settings-sections{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}.settings-section{background-color:var(--bg-component);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-light);border:1px solid var(--border-primary)}.settings-section h2{font-size:1rem;color:var(--text-primary);margin-top:0;margin-bottom:var(--spacing-sm)}.settings-container{max-width:100%;margin:0}.settings-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-sm)}.setting-item,.setting-label{display:flex;flex-direction:column;gap:2px}.setting-label label{font-size:.8125rem;color:var(--text-secondary);font-weight:500}.setting-description{font-size:.6875rem;color:var(--text-muted);margin:0}.setting-control{position:relative}.setting-item input,.setting-item select{padding:6px var(--spacing-sm);border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-size:.8125rem;background-color:var(--bg-input);color:var(--text-primary);width:100%;transition:all .2s ease}.setting-item input:focus,.setting-item select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb, 0, 168, 107),.1)}.settings-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.theme-container{margin-bottom:var(--spacing-md)}.theme-container h3{font-size:.9375rem;color:var(--text-primary);margin-top:0;margin-bottom:2px}.theme-description{font-size:.8125rem;color:var(--text-secondary);margin:0 0 var(--spacing-sm) 0}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--spacing-sm)}.theme-option{display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all .2s ease;border:2px solid transparent}.theme-option:hover{background-color:var(--bg-input)}.theme-option.active{border-color:var(--primary-color);background-color:rgba(var(--primary-color-rgb, 0, 168, 107),.1)}.theme-preview{width:48px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border-light)}.theme-name{font-size:.6875rem;color:var(--text-secondary);text-align:center}.theme-option.active .theme-name{color:var(--primary-color);font-weight:500}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container{background-color:var(--bg-component);border-radius:var(--radius-md);box-shadow:var(--shadow-heavy);border:1px solid var(--border-primary);display:flex;flex-direction:column;max-height:85vh;overflow:hidden;width:100%;box-sizing:border-box}.modal-small{max-width:380px}.modal-medium{max-width:560px}.modal-large{max-width:720px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-primary)}.modal-header h2{margin:0;color:var(--text-primary);font-size:1rem}.close-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--text-secondary);padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);transition:var(--transition-fast)}.close-btn:hover{background-color:var(--bg-hover)}.modal-body{padding:var(--spacing-md);overflow-y:auto;flex:1}.modal-footer{padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--border-primary);display:flex;justify-content:flex-end;gap:var(--spacing-xs)}.dashboard-overview .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.stat-card{background-color:var(--bg-component);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-light);text-align:center;border:1px solid var(--border-primary)}.stat-number{font-size:1.75rem;font-weight:700;color:var(--primary-color);margin-bottom:2px}.stat-label{font-size:.75rem;color:var(--text-secondary)}.overview-sections{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.overview-section h2{font-size:1rem;font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.activity-list{background-color:var(--bg-component);border-radius:var(--radius-md);padding:var(--spacing-sm);box-shadow:var(--shadow-light);border:1px solid var(--border-primary)}.activity-item{display:flex;padding:var(--spacing-xs) 0;border-bottom:1px solid var(--border-light);gap:var(--spacing-sm)}.activity-item:last-child{border-bottom:none}.activity-time{width:48px;font-size:.6875rem;color:var(--text-muted);flex-shrink:0}.activity-content{flex:1;font-size:.8125rem;color:var(--text-secondary)}.system-status{background-color:var(--bg-component);border-radius:var(--radius-md);padding:var(--spacing-sm);box-shadow:var(--shadow-light);border:1px solid var(--border-primary)}.status-item{display:flex;align-items:center;padding:var(--spacing-xs) 0;border-bottom:1px solid var(--border-light)}.status-item:last-child{border-bottom:none}.status-indicator{width:8px;height:8px;border-radius:50%;margin-right:var(--spacing-sm);flex-shrink:0}.status-good{background-color:var(--success-color)}.status-warning{background-color:var(--warning-color)}.status-error{background-color:var(--error-color)}.status-text{font-size:.8125rem;color:var(--text-secondary)}.fields-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-sm)}.field-card{background-color:var(--bg-component);border-radius:var(--radius-md);padding:var(--spacing-sm);box-shadow:var(--shadow-light);border:1px solid var(--border-primary);transition:var(--transition-fast)}.field-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-hover)}.field-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs);gap:var(--spacing-xs)}.field-header h3{font-size:.9375rem;color:var(--text-primary);margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.health-badge{padding:2px 6px;border-radius:var(--radius-xs);font-size:.625rem;font-weight:500}.health-badge.good{background-color:rgba(var(--success-color-rgb, 16, 185, 129),.15);color:var(--success-color)}.health-badge.average{background-color:rgba(var(--warning-color-rgb, 245, 158, 11),.15);color:var(--warning-color)}.health-badge.poor{background-color:rgba(var(--error-color-rgb, 239, 68, 68),.15);color:var(--error-color)}.field-info{margin-bottom:var(--spacing-xs)}.info-item{display:flex;justify-content:space-between;padding:2px 0;font-size:.75rem}.info-label{color:var(--text-muted)}.info-value{color:var(--text-secondary);font-weight:500}.field-actions{display:flex;justify-content:flex-end;gap:var(--spacing-xs)}.data-table-container{background-color:var(--bg-component);border-radius:var(--radius-md);box-shadow:var(--shadow-light);border:1px solid var(--border-primary);overflow:hidden}.data-table th{padding:var(--spacing-xs) var(--spacing-sm);text-align:left;background-color:var(--bg-table-header);color:var(--text-primary);font-weight:500;border-bottom:1px solid var(--border-primary);white-space:nowrap}.data-table td{padding:var(--spacing-xs) var(--spacing-sm);text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border-light)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover{background-color:var(--bg-hover)}.action-buttons{display:flex;gap:var(--spacing-xs)}.status-badge{display:inline-block;padding:2px 6px;border-radius:var(--radius-xs);font-size:.6875rem;font-weight:500}.status-running{background-color:#3b82f626;color:#3b82f6}.status-completed{background-color:#10b98126;color:var(--success-color)}.status-pending{background-color:rgba(var(--warning-color-rgb, 245, 158, 11),.15);color:var(--warning-color)}.status-scheduled{background-color:#a855f726;color:#a855f7}.status-failed{background-color:#ef444426;color:var(--error-color)}.status-online{background-color:#10b98126;color:var(--success-color)}.status-offline{background-color:#ef444426;color:var(--error-color)}.filter-section{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-component);border-radius:var(--radius-md);box-shadow:var(--shadow-light);border:1px solid var(--border-primary)}.filter-group label{font-size:.6875rem;color:var(--text-secondary);font-weight:500}.filter-group input,.filter-group select{padding:4px var(--spacing-sm);border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-size:.8125rem;background-color:var(--bg-input);color:var(--text-primary)}.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;background-color:var(--primary-color);color:var(--btn-text);border:1px solid var(--primary-color);padding:4px 12px;border-radius:var(--radius-sm);font-size:.8125rem;cursor:pointer;transition:var(--transition-fast);font-weight:500}.secondary-btn{display:inline-flex;align-items:center;gap:4px;background-color:var(--bg-component);color:var(--text-secondary);border:1px solid var(--border-primary);padding:4px 10px;border-radius:var(--radius-sm);font-size:.75rem;cursor:pointer;transition:var(--transition-fast);font-weight:500}.secondary-btn:hover{background-color:var(--bg-hover);border-color:var(--border-medium)}.danger-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;background-color:var(--error-color);color:var(--btn-text);border:1px solid var(--error-color);padding:4px 12px;border-radius:var(--radius-sm);font-size:.8125rem;cursor:pointer;transition:var(--transition-fast);font-weight:500}@media (max-width: 768px){.overview-sections,.fields-grid{grid-template-columns:1fr}.filter-section{flex-direction:column}.data-table-container{overflow-x:auto}}.feedback-container{max-width:1000px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg);background:var(--bg-main);min-height:calc(100vh - 8rem);position:relative;overflow:hidden}.feedback-background-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 10% 20%,var(--primary-subtle) 0%,transparent 30%),radial-gradient(circle at 90% 80%,var(--info-subtle) 0%,transparent 30%);opacity:.3;pointer-events:none;z-index:0}.feedback-content{width:100%;position:relative;z-index:1}.feedback-header{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--primary-subtle)}.header-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-radius:var(--radius-md);color:#fff;box-shadow:0 4px 12px var(--primary-medium)}.feedback-header h1{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin:0;background:linear-gradient(135deg,var(--text-primary),var(--primary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feedback-count{color:var(--text-muted);font-size:.9rem;padding:var(--spacing-xs) var(--spacing-md);background:var(--primary-subtle);border-radius:var(--radius-full);font-weight:500}.feedback-loading,.feedback-error,.feedback-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);color:var(--text-muted);gap:var(--spacing-md);background:var(--bg-subtle);border-radius:var(--radius-lg);border:1px solid var(--border-primary)}.feedback-error{color:var(--error-color);background:var(--error-bg);border-color:var(--error-color)}.feedback-empty .empty-icon-wrapper{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--bg-input);border-radius:50%;color:var(--text-muted);opacity:.5;margin-bottom:var(--spacing-sm)}.feedback-empty p{font-size:.9rem;opacity:.7}.feedback-list{display:flex;flex-direction:column;border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-subtle);box-shadow:var(--shadow-default)}.feedback-item{border-bottom:1px solid var(--border-light);transition:all .2s ease}.feedback-item:last-child{border-bottom:none}.feedback-item:hover{background:var(--primary-subtle)}.feedback-item.expanded{background:var(--bg-input)}.feedback-item-main{display:flex;align-items:center;padding:var(--spacing-lg);gap:var(--spacing-md);cursor:pointer}.feedback-status-indicator{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;color:#fff;white-space:nowrap;flex-shrink:0}.feedback-item-left{display:flex;align-items:center;gap:var(--spacing-sm);min-width:160px}.user-avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-radius:50%;color:#fff;flex-shrink:0}.feedback-item-info{display:flex;flex-direction:column;gap:2px;overflow:hidden;min-width:0}.feedback-name{font-size:.9rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feedback-email{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feedback-item-center{flex:1;min-width:0;display:flex;align-items:center}.feedback-subject{font-size:.95rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.feedback-item-right{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.feedback-date{display:flex;align-items:center;gap:4px;font-size:.8rem;color:var(--text-muted);white-space:nowrap}.expand-icon{display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .2s ease}.expand-icon.rotated{color:var(--primary-color)}.feedback-item-content{overflow:hidden;background:var(--bg-main)}.content-divider{height:1px;background:var(--border-light);margin:0 var(--spacing-lg)}.feedback-item-content p{padding:var(--spacing-lg);font-size:.95rem;line-height:1.7;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;margin:0}@media (max-width: 768px){.feedback-container{padding:var(--spacing-lg) var(--spacing-sm)}.feedback-header{flex-wrap:wrap;gap:var(--spacing-md)}.header-icon{width:44px;height:44px}.feedback-header h1{font-size:1.5rem}.feedback-item-main{flex-wrap:wrap;padding:var(--spacing-md);gap:var(--spacing-sm)}.feedback-status-indicator{order:-1;width:100%;text-align:center;padding:var(--spacing-xs) var(--spacing-sm)}.feedback-item-left{min-width:0;flex:1}.feedback-item-center{width:100%;order:1}.feedback-item-right{order:2}.feedback-subject{font-size:.85rem}.feedback-date{font-size:.75rem}}@media (prefers-reduced-motion: reduce){.dashboard-loading-dot{animation:none}}.not-found-container{display:flex;justify-content:center;align-items:center;height:100vh;background:var(--bg-main);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden;position:relative;padding:2rem 1.5rem}h1,h2,h3,h4,h5,h6{border:none;outline:none;box-shadow:none;padding:0;background:none;background-color:transparent;background-image:none;text-decoration:none;text-shadow:none;-webkit-text-stroke:0}.not-found-content{z-index:2;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;max-width:1000px}.not-found-main{display:flex;justify-content:space-between;width:100%;height:100%;margin-bottom:2rem}.error-section{width:50%;padding:0 2rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.error-code{font-size:6rem;font-weight:700;margin-bottom:0;padding:0;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:center;border:none;outline:none;box-shadow:none}.error-message{font-size:2rem;margin-top:0;margin-bottom:1rem;padding:0;color:var(--text-secondary);font-weight:600;text-align:center;border:none;outline:none;box-shadow:none;background:none;background-color:transparent;background-image:none;text-decoration:none;text-shadow:none;-webkit-text-stroke:0;-webkit-text-fill-color:var(--text-secondary)}.error-description{font-size:1.25rem;max-width:500px;margin:0 auto;color:var(--text-muted);line-height:1.6;text-align:center;margin-bottom:2rem}.astronaut-container{width:50%;height:100%;position:relative;animation:float 6s infinite ease-in-out;flex-shrink:0;margin:0;display:flex;justify-content:center;align-items:center}.astronaut-wrapper{width:140px;height:175px;position:relative;transition:transform .3s ease-out}.astronaut{width:140px;height:175px;position:relative;transform-origin:center center}.rotating{animation:spin 20s infinite linear}.helmet{width:105px;height:105px;background-color:#f8f9fa;border-radius:50%;position:absolute;top:0;left:17px;border:3px solid #dee2e6}.glass{width:70px;height:35px;background-color:#87ceebb3;border-radius:50%;position:absolute;top:35px;left:17px;border:2px solid #adb5bd}.body{width:105px;height:122px;background-color:#f8f9fa;border-radius:52px;position:absolute;top:87px;left:17px;border:3px solid #dee2e6}.arm-left{width:26px;height:70px;background-color:#f8f9fa;border-radius:18px;position:absolute;top:105px;left:-8px;transform-origin:top center;animation:wave-left 2s infinite alternate ease-in-out;border:2px solid #dee2e6}.arm-right{width:26px;height:70px;background-color:#f8f9fa;border-radius:18px;position:absolute;top:105px;right:-8px;transform-origin:top center;animation:wave-right 2s infinite alternate-reverse ease-in-out;border:2px solid #dee2e6}.leg-left{width:26px;height:52px;background-color:#f8f9fa;border-radius:18px;position:absolute;top:192px;left:35px;transform-origin:top center;animation:kick-left 3s infinite alternate ease-in-out;border:2px solid #dee2e6}.leg-right{width:26px;height:52px;background-color:#f8f9fa;border-radius:18px;position:absolute;top:192px;right:35px;transform-origin:top center;animation:kick-right 3s infinite alternate-reverse ease-in-out;border:2px solid #dee2e6}.stars{position:absolute;width:100%;height:100%;top:0;left:0}.star{position:absolute;background-color:#fff;border-radius:50%;animation:twinkle 4s infinite alternate ease-in-out}.star:nth-child(1){width:5px;height:5px;top:20%;left:20%;animation-delay:0s}.star:nth-child(2){width:6px;height:6px;top:30%;left:80%;animation-delay:.5s}.star:nth-child(3){width:4px;height:4px;top:60%;left:30%;animation-delay:1s}.star:nth-child(4){width:5px;height:5px;top:80%;left:70%;animation-delay:1.5s}.star:nth-child(5){width:8px;height:8px;top:40%;left:50%;animation-delay:2s}.action-section{display:flex;justify-content:center;width:100%;margin-top:2rem}.btn{display:inline-block;padding:.75rem 2rem;background-color:var(--primary-color);color:var(--btn-text);text-decoration:none;border-radius:var(--radius-sm);font-weight:500;cursor:pointer;text-align:center;border:1px solid var(--border-primary);font-size:1rem;transition:var(--transition-normal)}.btn:hover{background-color:var(--primary-light);box-shadow:var(--shadow-hover);transform:translateY(-1px)}@media (max-width: 768px){.not-found-main{flex-direction:column;text-align:center}.error-section{width:100%;padding:0 1rem;margin-bottom:2rem;align-items:center}.error-code,.error-message,.error-description{text-align:center}.astronaut-container{width:100%;height:40%;margin-bottom:2rem}.astronaut{width:120px;height:150px}.helmet{width:90px;height:90px;left:15px}.glass{width:60px;height:30px;top:30px;left:15px}.body{width:90px;height:105px;top:75px;left:15px}.arm-left{width:22px;height:60px;top:90px;left:-7px}.arm-right{width:22px;height:60px;top:90px;right:-7px}.leg-left{width:22px;height:45px;top:165px;left:30px}.leg-right{width:22px;height:45px;top:165px;right:30px}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes wave-left{0%{transform:rotate(-20deg)}to{transform:rotate(20deg)}}@keyframes wave-right{0%{transform:rotate(20deg)}to{transform:rotate(-20deg)}}@keyframes kick-left{0%{transform:rotate(10deg)}to{transform:rotate(-10deg)}}@keyframes kick-right{0%{transform:rotate(-10deg)}to{transform:rotate(10deg)}}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:1}}.data-table{display:flex;flex-direction:column;gap:var(--spacing-xs)}.data-table.is-querying .data-table-footer{opacity:.5;pointer-events:none}.data-table-header{display:flex;align-items:center;justify-content:flex-end;padding:0}.data-table-footer{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs) 0;border-top:1px solid var(--border-light)}.data-table-pagination{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.75rem;color:var(--text-muted)}.pagination-controls{display:flex;align-items:center;gap:var(--spacing-xs)}.pagination-info{font-size:.75rem;padding:0 var(--spacing-xs)}.form-body{display:flex;flex-direction:column;gap:var(--spacing-md);margin:0;padding:0;width:100%;box-sizing:border-box}.form-footer{display:flex;gap:12px;justify-content:flex-end;padding-top:var(--spacing-md);margin-top:var(--spacing-md);border-top:1px solid var(--border-primary)}.form-error-message{background-color:var(--error-light);color:var(--error-color);padding:var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--error-color)}.status-badge{display:inline-block;padding:2px 6px;border-radius:var(--radius-xs);font-size:.6875rem;font-weight:500;text-align:center;white-space:nowrap}.filter-panel{background-color:var(--bg-component);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-sm);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:flex-end}.filter-panel>.input-group+.input-group{margin-bottom:0}.filter-actions{display:flex;justify-content:flex-end;margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid var(--border-light)}.filter-multiselect{position:relative;display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1;min-width:170px}.filter-panel .filter-multiselect{flex:1;min-width:170px;margin-bottom:0}.filter-multiselect-label{font-weight:400;font-size:.9rem;color:var(--text-secondary);letter-spacing:.01em;white-space:nowrap}.filter-multiselect-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xs);width:100%;padding:var(--spacing-md);padding-right:2rem;border:1px solid var(--border-medium);border-radius:var(--radius-sm);background-color:var(--bg-input);color:var(--text-primary);font-size:1rem;cursor:pointer;transition:var(--transition-normal)}.filter-multiselect-trigger:hover:not(:disabled){border-color:var(--border-light)}.filter-multiselect-trigger.is-open,.filter-multiselect-trigger:focus-visible{border-color:var(--border-focus);background-color:var(--bg-input-focus);box-shadow:var(--shadow-glow);outline:none}.filter-multiselect-trigger:disabled{background-color:var(--bg-subtle);cursor:not-allowed;opacity:.6}.filter-multiselect-summary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-multiselect-caret{flex-shrink:0;color:var(--text-muted);transition:transform var(--transition-fast)}.filter-multiselect-trigger.is-open .filter-multiselect-caret{transform:rotate(180deg)}.filter-multiselect-panel{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:30;min-width:220px;background-color:var(--bg-component);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-md, 0 6px 18px rgba(0, 0, 0, .12));overflow:hidden}.filter-multiselect-actions{display:flex;justify-content:flex-end;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-bottom:1px solid var(--border-light)}.filter-multiselect-action{background:none;border:none;padding:2px var(--spacing-xs);border-radius:var(--radius-sm);color:var(--primary-color);font-size:.75rem;cursor:pointer;transition:background-color var(--transition-fast)}.filter-multiselect-action:hover{background-color:var(--bg-subtle)}.filter-multiselect-list{max-height:220px;overflow-y:auto;padding:var(--spacing-xs)}.filter-multiselect-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.8125rem;color:var(--text-secondary);cursor:pointer;transition:background-color var(--transition-fast)}.filter-multiselect-option:hover{background-color:var(--bg-subtle);color:var(--text-primary)}.filter-multiselect-option input[type=checkbox]{margin:0;flex-shrink:0;cursor:pointer;accent-color:var(--primary-color)}.filter-multiselect-option-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-bar{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);background:var(--bg-subtle);border-radius:var(--radius-md);border:1px solid var(--border-light);flex-wrap:wrap}.stats-bar-group{display:flex;align-items:center;gap:var(--spacing-sm);min-width:0}.stats-bar-group-extra{margin-left:auto}.stats-bar-item{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:.8125rem;min-width:0}.stats-bar-icon{flex-shrink:0;color:var(--text-muted)}.stats-bar-label{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.stats-bar-value{font-weight:700;font-size:1rem;color:var(--text-primary);font-variant-numeric:tabular-nums}.stats-bar-suffix{font-size:.75rem;color:var(--text-muted)}.stats-bar-extra{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.stats-bar-sep{width:1px;height:20px;background:var(--border-light);flex-shrink:0}.stats-bar-icon.is-primary,.stats-bar-value.is-primary{color:var(--primary-color)}.stats-bar-icon.is-success,.stats-bar-value.is-success{color:var(--success-color)}.stats-bar-icon.is-info,.stats-bar-value.is-info{color:var(--info-color)}.stats-bar-icon.is-warning,.stats-bar-value.is-warning{color:var(--warning-color)}.stats-bar-icon.is-danger,.stats-bar-value.is-danger{color:var(--error-color)}.stats-bar.is-loading .stats-bar-value{opacity:.45}@media (max-width: 768px){.stats-bar{justify-content:flex-start;gap:var(--spacing-sm) var(--spacing-md)}.stats-bar-group-extra{margin-left:0}}.item-card{transition:var(--transition-fast)}.item-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm);gap:var(--spacing-sm)}.item-card-title{margin:0;font-size:.9375rem;font-weight:600;color:var(--text-primary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-card-subtitle{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.item-card-body{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--spacing-sm)}.item-info-row{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;padding:3px 0;border-bottom:1px solid var(--border-light)}.item-info-row span:first-child{color:var(--text-muted);font-weight:400;white-space:nowrap}.item-info-row span:last-child{color:var(--text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.item-info-row:last-child{border-bottom:none}.item-card-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.item-card-actions .btn{flex:1 1 0;min-width:max-content;white-space:nowrap;font-size:.8125rem;padding:6px 10px}.command-console{display:grid;grid-template-columns:minmax(0,1fr) var(--cmd-resizer-w, 14px) var(--cmd-preset-w, clamp(240px, 24vw, 340px));column-gap:0;row-gap:var(--spacing-md);align-items:stretch;min-height:0}.command-console--resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.command-console--fill{height:100%;flex:1 1 0%;min-height:0}@media (max-width: 768px){.command-console{grid-template-columns:1fr}.cmd-journal-body{min-height:200px;max-height:45vh}}.cmd-journal,.cmd-presets{display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--bg-component);border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden}.cmd-journal-head,.cmd-presets-head{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-subtle);border-bottom:1px solid var(--border-light)}.cmd-journal-title,.cmd-presets-title{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:600;color:var(--text-primary)}.cmd-journal-count{font-size:.6875rem;background:var(--bg-component);color:var(--text-muted);padding:1px 6px;border-radius:var(--radius-pill)}.cmd-journal-clear{display:inline-flex;align-items:center;justify-content:center;gap:4px;margin-left:auto;padding:2px 8px;font-size:.6875rem;font-family:inherit;color:var(--text-muted);background:transparent;border:1px solid var(--border-light);border-radius:var(--radius-pill);cursor:pointer;transition:color .15s,background .15s,border-color .15s}.cmd-journal-clear:hover:not(:disabled){color:var(--error-color);border-color:var(--error-color);background:rgba(var(--error-color-rgb),.08)}.cmd-journal-clear:disabled{opacity:.5;cursor:not-allowed}.cmd-journal-body{flex:1;min-height:0;overflow-y:auto;padding:var(--spacing-sm) 0;background:var(--bg-input);font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:.75rem}.command-console:not(.command-console--fill) .cmd-journal-body{max-height:45vh}.cmd-journal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:100%;min-height:140px;padding:var(--spacing-md);text-align:center}.cmd-journal-empty-title{margin:0;font-size:.8125rem;color:var(--text-muted)}.cmd-journal-empty-hint{margin:0;font-size:.75rem;font-family:inherit;color:var(--text-muted);opacity:.75}.cmd-jl-entry{padding:2px var(--spacing-md);border-left:2px solid transparent}.cmd-jl-entry:hover{background:var(--bg-subtle)}.cmd-jl-pending{border-left-color:var(--warning-color)}.cmd-jl-acknowledged{border-left-color:var(--success-color)}.cmd-jl-timeout,.cmd-jl-error{border-left-color:var(--error-color)}.cmd-jl-line{display:flex;align-items:center;gap:6px;padding:2px 0;line-height:1.5}.cmd-jl-line--clickable{cursor:pointer}.cmd-jl-chevron{flex-shrink:0;color:var(--text-muted);transition:transform .2s}.cmd-jl-chevron.rotated{transform:rotate(180deg)}.cmd-jl-chevron-hidden{visibility:hidden}.cmd-jl-time{flex-shrink:0;color:var(--text-muted);opacity:.75}.cmd-jl-prompt{flex-shrink:0;color:var(--primary-color);font-weight:700}.cmd-jl-cmd{color:var(--text-primary);font-weight:600;word-break:break-all}.cmd-jl-params{color:var(--text-muted);word-break:break-all}.cmd-jl-status{display:inline-flex;align-items:center;gap:4px;margin-left:auto;flex-shrink:0;padding:0 6px;line-height:18px;border-radius:var(--radius-pill);font-size:.6875rem}.cmd-jl-status-pending{background:rgba(var(--warning-color-rgb),.12);color:var(--warning-color)}.cmd-jl-status-acknowledged{background:rgba(var(--success-color-rgb),.12);color:var(--success-color)}.cmd-jl-status-timeout,.cmd-jl-status-error{background:rgba(var(--error-color-rgb),.1);color:var(--error-color)}.cmd-jl-out{margin:2px 0 4px 18px;padding:6px 10px;background:var(--bg-subtle);color:var(--text-primary);font-family:inherit;font-size:.6875rem;line-height:1.55;border-radius:4px;border:1px solid var(--border-light);white-space:pre-wrap;word-break:break-all;max-height:220px;overflow:auto}.cmd-cli{display:flex;align-items:center;gap:6px;flex-shrink:0;padding:6px var(--spacing-md);background:var(--bg-input);border-top:1px solid var(--border-light)}.cmd-cli-prompt{flex-shrink:0;color:var(--primary-color);font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:.8125rem;font-weight:700}.cmd-cli-input{flex:1;min-width:0;padding:4px 8px;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:.75rem;line-height:1.5;color:var(--text-primary);background:var(--bg-component);border:1px solid var(--border-light);border-radius:4px;outline:none;transition:border-color .15s}.cmd-cli-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61f}.cmd-cli-input:disabled{opacity:.5;cursor:not-allowed}.cmd-cli-input::placeholder{color:var(--text-muted);font-family:inherit}.cmd-journal-foot{display:flex;align-items:center;gap:6px;flex-shrink:0;padding:4px var(--spacing-md);background:var(--bg-subtle);border-top:1px solid var(--border-light);color:var(--text-muted);font-size:.6875rem}.cmd-journal-foot>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmd-journal-blink{width:6px;height:6px;border-radius:50%;background:var(--success-color);animation:cmd-journal-blink 1.4s ease-in-out infinite}@keyframes cmd-journal-blink{0%,to{opacity:1}50%{opacity:.25}}.cmd-presets-device{margin-left:auto;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:monospace;font-size:.6875rem;color:var(--text-muted)}.cmd-presets-body{flex:1;min-height:0;overflow-y:auto;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md)}.command-console:not(.command-console--fill) .cmd-presets-body{max-height:60vh}.command-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.command-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-subtle);border-radius:var(--radius-sm);border:1px solid var(--border-light)}.command-item-info{min-width:0}.command-item-name{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.8125rem;font-weight:500;color:var(--text-primary)}.command-item-desc{margin:2px 0 0;font-size:.75rem;color:var(--text-muted)}.cmd-confirm-badge{display:inline-flex;align-items:center;padding:0 5px;font-size:.625rem;font-weight:600;line-height:16px;border-radius:3px;color:var(--warning-color);background:rgba(var(--warning-color-rgb),.12)}.cmd-param-fields{grid-column:1 / -1;display:flex;gap:6px}.cmd-param-field{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.cmd-param-label{font-size:.625rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em}.cmd-param-input{width:100%;padding:3px 6px;font-size:.75rem;font-family:monospace;line-height:1.4;border:1px solid var(--border-light);border-radius:4px;background:var(--bg-input);color:var(--text-primary);outline:none;transition:border-color .15s;box-sizing:border-box}.cmd-param-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61f}.cmd-param-input:disabled{opacity:.5;cursor:not-allowed}.cmd-param-input::placeholder{color:var(--text-muted);font-family:inherit}.spinning-inline{display:inline-block;animation:spin 1s linear infinite}.command-console-loading{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);color:var(--text-muted);font-size:.8125rem}.command-console-notice{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-sm);background:rgba(var(--warning-color-rgb),.08);border-radius:var(--radius-sm);color:var(--warning-color);font-size:.75rem}.command-console-notice--locked{align-items:flex-start;background:rgba(var(--danger-color-rgb, var(--warning-color-rgb)),.08);color:var(--danger-color, var(--warning-color));line-height:1.5}.command-console-notice--ok{background:rgba(var(--success-color-rgb, var(--warning-color-rgb)),.08);color:var(--success-color, var(--warning-color))}.cmd-lock-title{margin:0;font-weight:600}.cmd-lock-hint{margin:2px 0 0;color:var(--text-secondary)}.cmd-grant-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:var(--radius-sm);font-size:.6875rem;white-space:nowrap}.cmd-grant-badge--ok{background:rgba(var(--success-color-rgb, var(--warning-color-rgb)),.12);color:var(--success-color, var(--warning-color))}.cmd-grant-badge--locked{background:rgba(var(--danger-color-rgb, var(--warning-color-rgb)),.12);color:var(--danger-color, var(--warning-color))}.detail-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.detail-modal-container{background-color:var(--bg-component);border-radius:var(--radius-lg);width:90%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 25px #0003;border:1px solid var(--border-primary);overflow:hidden;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.detail-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-primary);background-color:var(--bg-subtle)}.detail-modal-header h2{margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:600}.detail-close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:0;width:32px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:var(--radius-sm);transition:background-color .2s ease}.detail-close-btn:hover{background-color:var(--bg-main)}.detail-tabs{display:flex;border-bottom:1px solid var(--border-primary);background-color:var(--bg-subtle);padding:0 var(--spacing-md)}.detail-tab{background:none;border:none;padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;color:var(--text-secondary);font-size:.875rem;font-weight:500;border-bottom:3px solid transparent;transition:all .3s ease;position:relative;overflow:hidden}.detail-tab:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:3px;background-color:var(--primary-color);transform:translate(-50%);transition:width .3s ease}.detail-tab.active{color:var(--primary-color);font-weight:600}.detail-tab.active:after{width:100%}.detail-tab:hover:not(.active){color:var(--text-primary);background-color:var(--bg-main)}.detail-tab:hover:not(.active):after{width:50%}.detail-content{padding:var(--spacing-lg);overflow-y:auto;flex:1}.detail-section{background-color:var(--bg-main);border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid var(--border-light);box-shadow:0 2px 4px #0000000d;transition:box-shadow .2s ease;margin-bottom:var(--spacing-md)}.detail-section:hover{box-shadow:0 4px 8px #0000001a}.detail-section:last-child{margin-bottom:0}.section-title{margin:0 0 var(--spacing-md) 0;color:var(--primary-color);font-size:1rem;font-weight:600;border-bottom:2px solid var(--primary-color);padding-bottom:var(--spacing-sm)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md)}.detail-row{display:flex;padding:var(--spacing-sm);border-radius:var(--radius-sm);background-color:var(--bg-component);transition:background-color .2s ease}.detail-row:hover{background-color:var(--bg-subtle)}.detail-row.full-width{grid-column:1 / -1}.detail-label{font-weight:500;color:var(--text-secondary);min-width:120px;flex-shrink:0}.detail-value{color:var(--text-primary);word-break:break-all;display:flex;align-items:center}.detail-status-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-weight:500;font-size:.875rem;display:inline-block}.detail-status-badge.valid{background-color:#e8f5e9;color:#2e7d32}.detail-status-badge.invalid{background-color:#ffebee;color:#c62828}.detail-status-badge.active{background-color:#e3f2fd;color:#1565c0}.detail-status-badge.inactive{background-color:#f5f5f5;color:#616161}.detail-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.list-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background-color:var(--bg-component);border-radius:var(--radius-sm);border:1px solid var(--border-light);transition:all .2s ease}.list-item:hover{background-color:var(--bg-subtle);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.list-item-name{font-weight:500;color:var(--text-primary)}.list-item-status{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-xs);font-size:.75rem;font-weight:500}.list-item-status.enabled{background-color:#e8f5e9;color:#2e7d32}.list-item-status.disabled{background-color:#f5f5f5;color:#616161}.detail-code-block{background-color:var(--bg-subtle);padding:var(--spacing-lg);border-radius:var(--radius-md);overflow-x:auto;font-size:.85rem;color:var(--text-secondary);margin:0;border:1px dashed var(--border-primary);font-family:Courier New,monospace;line-height:1.5}.detail-tags-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-md)}.detail-tag{background-color:var(--bg-main);border-radius:var(--radius-md);padding:var(--spacing-lg);border:1px solid var(--border-light);box-shadow:0 2px 4px #0000000d;transition:all .3s ease;display:flex;flex-direction:column;position:relative;overflow:hidden}.detail-tag:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--primary-color);transform:scaleY(0);transition:transform .3s ease}.detail-tag:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0000001a}.detail-tag:hover:before{transform:scaleY(1)}.tag-category{font-weight:600;color:var(--primary-color);margin-bottom:var(--spacing-sm);font-size:.9rem;display:flex;align-items:center}.tag-category:before{content:"#";margin-right:var(--spacing-xs);opacity:.7}.tag-value{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:1rem;line-height:1.4}.tag-info{font-size:.75rem;color:var(--text-secondary);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--bg-subtle);border-radius:var(--radius-xs);display:inline-block;margin-top:auto}.detail-modal-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-primary);display:flex;justify-content:flex-end;background-color:var(--bg-subtle);gap:var(--spacing-sm)}@media (max-width: 768px){.detail-modal-container{width:95%;max-width:none;height:90vh}.detail-content{padding:var(--spacing-md)}.detail-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.detail-row{flex-direction:column;padding:var(--spacing-md)}.detail-label{min-width:auto;margin-bottom:var(--spacing-xs);font-weight:600}.detail-value{padding-left:var(--spacing-sm);border-left:2px solid var(--primary-color)}.detail-tags-grid{grid-template-columns:1fr}}@media (max-width: 480px){.detail-modal-container{width:100%;border-radius:0;height:100vh;max-height:100vh}.detail-modal-overlay,.detail-tabs{padding:0}.detail-tab{padding:var(--spacing-sm) var(--spacing-md);font-size:.8rem}.detail-section{padding:var(--spacing-sm)}}.remote-control-page{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;background:var(--bg-main)}.rc-topbar{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0;padding:var(--spacing-sm) var(--spacing-lg);background:var(--bg-component);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-default);z-index:1}.rc-topbar-title{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.rc-topbar-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;border-radius:var(--radius-sm);background:var(--bg-subtle);color:var(--primary-color)}.rc-topbar-title h1{margin:0;font-size:1rem;font-weight:600;line-height:1.3;text-align:left;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rc-grant{display:inline-flex;align-items:center;gap:3px;flex-shrink:0;padding:2px 8px;border-radius:var(--radius-sm);font-size:.75rem;white-space:nowrap}.rc-grant--ok{background:rgba(var(--success-color-rgb, var(--warning-color-rgb)),.12);color:var(--success-color, var(--warning-color))}.rc-grant--locked{background:rgba(var(--danger-color-rgb, var(--warning-color-rgb)),.12);color:var(--danger-color, var(--warning-color))}.rc-topbar-meta{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.rc-topbar-device-id{padding:2px 8px;border-radius:var(--radius-sm);background:var(--bg-subtle);color:var(--text-muted);font-family:monospace;font-size:.75rem;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rc-body{flex:1;min-height:0;overflow:hidden;padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg)}.rc-main{display:flex;flex-direction:column;gap:var(--spacing-sm);height:100%;min-height:0;max-width:1500px;margin:0 auto}.rc-notice{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);background:rgba(var(--warning-color-rgb),.08);color:var(--warning-color);font-size:.8125rem}.rc-notice span{flex:1}.rc-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:60vh;padding:var(--spacing-xl);text-align:center;color:var(--text-muted)}.rc-state h3{margin:0;font-size:1.125rem;color:var(--text-primary)}.rc-state p{margin:0;font-size:.875rem}.rc-state-error>svg{color:var(--error-color)}.rc-state-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.rc-spin{animation:rc-spin 1s linear infinite;color:var(--primary-color)}@keyframes rc-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.rc-topbar{flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.rc-topbar-device-id{display:none}.rc-body{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md);overflow-y:auto}}.dashboard-overview{padding:var(--spacing-sm);max-width:100%;margin:0 auto}.mqtt-header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.refresh-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-primary);border-radius:var(--radius-sm);background:var(--bg-component);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.refresh-btn:hover{color:var(--primary-color);border-color:var(--primary-color);background:var(--primary-subtle)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.stat-card.enhanced{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-component);border-radius:var(--radius-md);border:1px solid var(--border-primary);box-shadow:var(--shadow-light);position:relative;overflow:hidden;transition:var(--transition-fast)}.stat-card.enhanced:hover{border-color:var(--stat-color, var(--primary-color));box-shadow:var(--shadow-hover)}.stat-card.enhanced:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--stat-color, var(--primary-color))}.stat-icon-wrapper{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);flex-shrink:0}.stat-content{flex:1;min-width:0}.stat-number{font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-label{font-size:.6875rem;color:var(--text-muted);font-weight:500}.overview-sections{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.overview-section{background:var(--bg-component);border-radius:var(--radius-md);border:1px solid var(--border-primary);padding:var(--spacing-sm);box-shadow:var(--shadow-light)}.overview-section h2{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-light)}.overview-section h2 svg{color:var(--primary-color);width:16px;height:16px}.activity-list.enhanced{display:flex;flex-direction:column;gap:2px}.activity-item{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:var(--transition-fast)}.activity-indicator{width:6px;height:6px;border-radius:50%;background:var(--primary-color);flex-shrink:0}.activity-time{font-size:.6875rem;color:var(--text-muted);font-family:monospace;min-width:48px}.activity-content{flex:1;font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.system-status.enhanced{display:flex;flex-direction:column;gap:var(--spacing-xs)}.status-item{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);background:var(--bg-input);border-radius:var(--radius-sm);transition:var(--transition-fast)}.status-icon-wrapper{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);flex-shrink:0}.status-good .status-icon-wrapper{background:rgba(var(--success-color-rgb, 16, 185, 129),.15);color:var(--success-color)}.status-warning .status-icon-wrapper{background:rgba(var(--warning-color-rgb, 245, 158, 11),.15);color:var(--warning-color)}.status-error .status-icon-wrapper{background:rgba(var(--error-color-rgb, 239, 68, 68),.15);color:var(--error-color)}.status-icon-wrapper svg{width:14px;height:14px}.status-label{font-size:.75rem;color:var(--text-secondary);font-weight:500;flex:1}.status-good .status-label{color:var(--success-color)}.status-warning .status-label{color:var(--warning-color)}.status-error .status-label{color:var(--error-color)}@media (max-width: 1024px){.overview-sections{grid-template-columns:1fr}}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card.enhanced{padding:var(--spacing-xs)}.stat-icon-wrapper{width:28px;height:28px}.stat-number{font-size:1rem}}.field-toolbar{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--border-primary, rgba(148, 163, 184, .2));background:var(--bg-component, #ffffff)}.toolbar-select{min-width:220px;padding:7px 10px;border:1px solid var(--border-medium, rgba(148, 163, 184, .5));border-radius:var(--radius-sm, 6px);font-size:13px;color:var(--text-primary, #0f172a);background:var(--bg-input, #ffffff);transition:var(--transition-fast, .2s ease)}.toolbar-select:focus{outline:none;border-color:var(--primary-color, #22c55e);box-shadow:0 0 0 3px var(--primary-subtle, rgba(34, 197, 94, .15))}.toolbar-select:disabled{opacity:.6;cursor:not-allowed}.toolbar-spacer{flex:1}.field-toolbar .icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--border-medium, rgba(148, 163, 184, .4));border-radius:var(--radius-sm, 6px);background:var(--bg-component, #ffffff);color:var(--text-secondary, #64748b);font-size:16px;line-height:1;cursor:pointer;transition:var(--transition-fast, .2s ease)}.field-toolbar .icon-btn:hover{border-color:var(--primary-color, #22c55e);color:var(--primary-color, #16a34a)}.field-toolbar .btn,.field-side-panel .btn{padding:7px 14px;border-radius:var(--radius-sm, 6px);font-size:13px;font-weight:500;cursor:pointer;transition:var(--transition-fast, .2s ease)}.field-side-panel .btn-outline{background:var(--bg-component, #ffffff);border:1px solid var(--border-light, rgba(148, 163, 184, .6));color:var(--text-secondary, #475569)}.field-side-panel{display:flex;flex-direction:column;flex:0 0 auto;width:var(--fields-panel-w, 340px);height:100%;border-left:1px solid var(--border-primary, rgba(148, 163, 184, .2));background:var(--bg-component, #ffffff)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px;border-bottom:1px solid var(--border-primary, rgba(148, 163, 184, .2))}.panel-title{margin:0;font-size:15px;font-weight:600;color:var(--text-primary, #0f172a);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-body{flex:1;overflow-y:auto;padding:16px}.panel-footer{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--border-primary, rgba(148, 163, 184, .2))}.panel-footer:empty{display:none}.panel-footer button{flex:1}.panel-empty{padding-top:48px;text-align:center;color:var(--text-muted, #94a3b8)}.empty-title{margin:0 0 6px;font-size:14px;font-weight:600;color:var(--text-secondary, #64748b)}.empty-hint{margin:0;font-size:13px;line-height:1.6}.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.panel-item{margin:0}.panel-item.full{grid-column:1 / -1}.panel-item dt{margin-bottom:4px;font-size:12px;color:var(--text-muted, #94a3b8)}.panel-item dd{margin:0;font-size:13px;color:var(--text-primary, #0f172a);word-break:break-word}.panel-hint{margin:0 0 12px;padding:8px 10px;border-radius:var(--radius-sm, 6px);background:var(--warning-bg, rgba(245, 158, 11, .1));color:var(--warning-color, #b45309);font-size:12px;line-height:1.6}.panel-danger{padding:12px;border:1px solid rgba(var(--error-color-rgb, 239, 68, 68),.4);border-radius:var(--radius-md, 8px);background:var(--error-bg, rgba(239, 68, 68, .06))}.danger-title{margin:0 0 6px;font-size:14px;font-weight:600;color:var(--error-color, #b91c1c)}.danger-hint{margin:0;font-size:12px;line-height:1.6;color:var(--text-secondary, #7f1d1d)}.panel-skeleton{display:flex;flex-direction:column;gap:10px}.skeleton-line{display:block;height:14px;border-radius:var(--radius-sm, 4px);background:linear-gradient(90deg,var(--bg-subtle, #e2e8f0) 25%,var(--bg-subtle-hover, #f1f5f9) 50%,var(--bg-subtle, #e2e8f0) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.2s infinite}.skeleton-line.short{width:60%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.field-form-fields{display:flex;flex-direction:column;gap:12px}.field-form-row{display:flex;flex-direction:column;gap:4px}.field-form-row label{font-size:12px;color:var(--text-secondary, #64748b)}.field-form-row .required{margin-left:2px;color:var(--error-color, #ef4444)}.field-form-row input,.field-form-row textarea{padding:7px 10px;border:1px solid var(--border-medium, rgba(148, 163, 184, .5));border-radius:var(--radius-sm, 6px);font-size:13px;font-family:inherit;color:var(--text-primary, #0f172a);background:var(--bg-input, #ffffff);transition:var(--transition-fast, .2s ease)}.field-form-row input:focus,.field-form-row textarea:focus{outline:none;border-color:var(--primary-color, #22c55e);box-shadow:0 0 0 3px var(--primary-subtle, rgba(34, 197, 94, .15))}.field-form-row .input-error{border-color:var(--error-color, #ef4444)}.field-form-row .error-text{font-size:12px;color:var(--error-color, #ef4444)}.field-form-row input:disabled,.field-form-row textarea:disabled{opacity:.6;cursor:not-allowed}.ghost-btn{margin-top:12px;padding:7px 10px;border:1px dashed var(--border-light, rgba(148, 163, 184, .8));border-radius:var(--radius-sm, 6px);background:transparent;color:var(--text-secondary, #64748b);font-size:13px;cursor:pointer;transition:var(--transition-fast, .2s ease)}.ghost-btn:hover:not(:disabled){border-color:var(--primary-color, #22c55e);color:var(--primary-color, #16a34a)}.ghost-btn:disabled{opacity:.5;cursor:not-allowed}.field-map-canvas{width:100%;height:100%;background:#0f172a}.field-map-canvas--error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#94a3b8;text-align:center}.field-map-canvas--error .placeholder-icon{font-size:40px}.field-map-canvas--error .placeholder-title{margin:0;font-size:15px;font-weight:600;color:#e2e8f0}.field-map-canvas--error .placeholder-hint{margin:0;font-size:13px}.field-map-canvas--error code{padding:1px 5px;border-radius:4px;background:#94a3b829;color:#fbbf24}.field-cluster{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:#22c55ee6;border:2px solid #ffffff;box-shadow:0 2px 6px #00000059;color:#fff;font-size:12px;font-weight:700;line-height:1}.field-cluster[data-count="1"]{width:18px;height:18px;font-size:10px}.fields-page{display:flex;flex-direction:column;height:100%;min-height:0;background:#fff}.fields-body{display:flex;flex:1;min-height:0}.fields-map{position:relative;flex:1;min-width:0}.section-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-primary);display:flex;align-items:center}.checkbox-section{margin-top:var(--spacing-lg)}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.checkbox-card{background-color:var(--bg-component);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-md);transition:var(--transition-normal);position:relative;cursor:pointer}.checkbox-card:hover{background-color:var(--bg-hover);border-color:var(--primary-light);box-shadow:var(--shadow-light)}.form-help{font-size:.8rem;color:var(--text-muted);margin-top:var(--spacing-sm)}.dd-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:dd-fade-in .15s ease-out}.dd-modal{width:100%;max-width:720px;max-height:90vh;display:flex;flex-direction:column;background:var(--bg-component);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-default);overflow:hidden;animation:dd-slide-in .2s ease-out}.dd-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border-primary);flex-shrink:0}.dd-avatar{width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:var(--primary-color);background:var(--primary-subtle);border:1px solid var(--border-medium)}.dd-title-block{flex:1;min-width:0}.dd-title{margin:0;font-size:17px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dd-chips{display:flex;gap:6px;margin-top:5px;flex-wrap:wrap}.dd-chip{font-size:11px;padding:1px 8px;border-radius:99px;color:var(--text-medium);background:var(--bg-subtle);border:1px solid var(--border-light);white-space:nowrap}.dd-status{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;font-size:12px;padding:3px 10px;border-radius:99px;border:1px solid transparent}.dd-status.is-online{color:var(--success-color);background:rgba(var(--success-color-rgb),.12);border-color:rgba(var(--success-color-rgb),.35)}.dd-status.is-offline{color:var(--text-muted);background:var(--bg-subtle);border-color:var(--border-light)}.dd-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.dd-close{width:30px;height:30px;flex-shrink:0;border:none;background:transparent;color:var(--text-subtle);font-size:20px;line-height:1;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast)}.dd-close:hover{background:var(--bg-subtle-hover);color:var(--text-primary)}.dd-body{flex:1;min-height:0;overflow-y:auto;padding:4px 20px 16px}.dd-section{padding-top:14px}.dd-section+.dd-section{margin-top:4px;border-top:1px solid var(--border-primary)}.dd-section-title{margin:0 0 10px;font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-subtle)}.dd-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px}.dd-field{min-width:0}.dd-field-label{display:block;font-size:11px;color:var(--text-subtle);margin-bottom:2px}.dd-field-value{font-size:13px;color:var(--text-primary);word-break:break-word}.dd-field-value.is-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.dd-field-value.is-success{color:var(--success-color)}.dd-field-value.is-muted{color:var(--text-muted)}.dd-cap-group+.dd-cap-group{margin-top:10px}.dd-cap-label{display:block;font-size:11px;color:var(--text-subtle);margin-bottom:5px}.dd-tags{display:flex;flex-wrap:wrap;gap:6px}.dd-tag{font-size:11px;padding:3px 9px;border-radius:99px;color:var(--text-medium);background:var(--bg-subtle);border:1px solid var(--border-light)}.dd-tag-accent{color:var(--warning-color);background:rgba(var(--warning-color-rgb),.12);border-color:rgba(var(--warning-color-rgb),.3)}.dd-description{margin:0;font-size:13px;line-height:1.6;color:var(--text-secondary)}.dd-history-toggle{display:flex;align-items:center;gap:6px;width:100%;margin:0 0 10px;padding:0;background:none;border:none;text-align:left;font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-subtle);cursor:pointer}.dd-history-toggle:hover{color:var(--text-primary)}.dd-caret{display:inline-block;transition:transform .15s ease}.dd-caret.is-open{transform:rotate(90deg)}.dd-count{font-size:10px;letter-spacing:0;padding:0 6px;border-radius:99px;color:var(--text-muted);background:var(--bg-subtle);border:1px solid var(--border-light)}.dd-history-list{list-style:none;margin:0;padding:0;max-height:170px;overflow-y:auto}.dd-history-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px solid var(--border-primary)}.dd-history-item:last-child{border-bottom:none}.dd-history-time{font-size:11px;color:var(--text-muted)}.dd-history-event{flex-shrink:0;font-size:11px;padding:1px 8px;border-radius:99px;border:1px solid transparent}.dd-history-event.is-connect{color:var(--success-color);background:rgba(var(--success-color-rgb),.12);border-color:rgba(var(--success-color-rgb),.35)}.dd-history-event.is-disconnect{color:var(--text-muted);background:var(--bg-subtle);border-color:var(--border-light)}.dd-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 20px;border-top:1px solid var(--border-primary);background:var(--bg-subtle);flex-shrink:0}.dd-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;color:var(--text-subtle)}.dd-actions{display:flex;gap:10px;margin-left:auto}.dd-btn{padding:7px 14px;font-size:13px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:var(--transition-fast)}.dd-btn-ghost{background:var(--btn-default-bg);color:var(--btn-text);border-color:var(--border-primary)}.dd-btn-ghost:hover{background:var(--btn-hover-bg)}.dd-btn-primary{background:var(--primary-color);color:var(--btn-text);border-color:var(--primary-color)}.dd-btn-primary:hover{background:var(--primary-light)}@keyframes dd-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dd-slide-in{0%{transform:translateY(-12px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media (max-width: 768px){.dd-overlay{padding:10px}.dd-modal{max-height:94vh}.dd-header{padding:14px 16px;flex-wrap:wrap}.dd-body{padding:4px 16px 14px}.dd-grid{grid-template-columns:1fr}.dd-footer{padding:12px 16px}.dd-actions{width:100%}.dd-btn{flex:1}}.devices-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.device-card{background-color:var(--bg-component);border-radius:var(--radius-md);box-shadow:var(--shadow-light);border:1px solid var(--border-primary);overflow:hidden;transition:var(--transition-fast)}.device-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-hover)}.device-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-sm);background-color:var(--bg-header);border-bottom:1px solid var(--border-primary);gap:var(--spacing-xs)}.device-title h3{margin:0;font-size:.9375rem;color:var(--text-primary)}.device-manufacturer{font-size:.6875rem;color:var(--text-secondary);margin-top:2px}.status-badge{padding:2px 6px;border-radius:var(--radius-xs);font-size:.625rem;font-weight:500;white-space:nowrap}.status-badge.active{background-color:rgba(var(--success-color-rgb, 16, 185, 129),.15);color:var(--success-color)}.status-badge.inactive{background-color:var(--bg-disabled);color:var(--text-muted)}.device-info{padding:var(--spacing-sm)}.info-item{display:flex;justify-content:space-between;margin-bottom:2px;font-size:.75rem}.info-label{font-weight:500;color:var(--text-secondary)}.info-value{font-weight:400;color:var(--text-primary);word-break:break-word}.device-actions{display:flex;padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm)}.device-form{display:flex;flex-direction:column;gap:var(--spacing-sm)}.section-title{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-primary);display:flex;align-items:center}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-xs)}.checkbox-card{background-color:var(--bg-component);border:1px solid var(--border-primary);border-radius:var(--radius-sm);padding:var(--spacing-xs);transition:var(--transition-fast);position:relative}.checkbox-card:hover{background-color:var(--bg-hover);border-color:var(--primary-light)}.checkbox-input{position:absolute;opacity:0;cursor:pointer}.checkbox-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;padding:var(--spacing-xs) 0;position:relative}.checkmark{position:absolute;top:2px;right:2px;height:16px;width:16px;background-color:var(--bg-light);border:1px solid var(--border-primary);border-radius:3px;display:flex;align-items:center;justify-content:center}.checkmark:after{content:"";display:none;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-input:checked~.checkbox-label .checkmark{background-color:var(--primary-color);border-color:var(--primary-color)}.checkbox-input:checked~.checkbox-label .checkmark:after{display:block}.sensor-name{font-size:.75rem;text-align:center;color:var(--text-secondary);font-weight:500}.checkbox-input:checked~.checkbox-label .sensor-name{color:var(--text-primary)}.mqtt-credential{padding-top:var(--spacing-xs)}.credential-masked{padding:var(--spacing-md);background:var(--bg-header);border-radius:var(--radius-sm);border:1px solid var(--border-light);text-align:center;color:var(--text-muted);font-size:.875rem;margin:0 0 var(--spacing-sm) 0}.credential-actions{display:flex;gap:var(--spacing-sm);align-items:center}.credential-warning{color:var(--warning-color);font-size:.75rem;margin-top:var(--spacing-sm);line-height:1.4}.credential-block pre{padding:var(--spacing-sm);background:var(--bg-header);border-radius:var(--radius-sm);border:1px solid var(--border-light);font-family:monospace;font-size:.8125rem;color:var(--text-primary);overflow-x:auto;margin:0 0 var(--spacing-sm) 0;line-height:1.6;white-space:pre}.devices-header-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.mqtt-stats-bar{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin-top:var(--spacing-sm);background:var(--bg-subtle);border-radius:var(--radius-md);border:1px solid var(--border-light);flex-wrap:wrap}.mqtt-stat-item{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:.8125rem}.mqtt-stat-label{font-size:.75rem;color:var(--text-muted)}.mqtt-stat-dot{width:8px;height:8px;border-radius:50%}.mqtt-stat-dot.online{background:var(--success-color);box-shadow:0 0 6px #10b98166}.mqtt-stat-dot.offline{background:var(--error-color)}.mqtt-stat-text{font-weight:500;color:var(--text-primary)}.mqtt-stat-num{font-weight:700;font-size:1rem;min-width:20px;text-align:center}.mqtt-stat-num.online{color:var(--success-color)}.mqtt-stat-num.offline{color:var(--warning-color)}.mqtt-stat-num.pending{color:var(--info-color)}.mqtt-stats-sep{width:1px;height:20px;background:var(--border-light)}@media (max-width: 768px){.devices-grid{grid-template-columns:1fr}.device-actions{flex-direction:column}.checkbox-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.mqtt-stats-bar{justify-content:center;gap:var(--spacing-sm) var(--spacing-md)}}.sd-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:sd-fade-in .15s ease-out}.sd-modal{width:100%;max-width:720px;max-height:90vh;display:flex;flex-direction:column;background:var(--bg-component);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-default);overflow:hidden;animation:sd-slide-in .2s ease-out}.sd-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border-primary);flex-shrink:0}.sd-avatar{width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:var(--primary-color);background:var(--primary-subtle);border:1px solid var(--border-medium)}.sd-title-block{flex:1;min-width:0}.sd-title{margin:0;font-size:17px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sd-chips{display:flex;gap:6px;margin-top:5px;flex-wrap:wrap}.sd-chip{font-size:11px;padding:1px 8px;border-radius:99px;color:var(--text-medium);background:var(--bg-subtle);border:1px solid var(--border-light);white-space:nowrap}.sd-close{width:30px;height:30px;flex-shrink:0;border:none;background:transparent;color:var(--text-subtle);font-size:20px;line-height:1;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast)}.sd-close:hover{background:var(--bg-subtle-hover);color:var(--text-primary)}.sd-body{flex:1;min-height:0;overflow-y:auto;padding:4px 20px 16px}.sd-section{padding-top:14px}.sd-section+.sd-section{margin-top:4px;border-top:1px solid var(--border-primary)}.sd-section-title{margin:0 0 10px;font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-subtle)}.sd-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px}.sd-field{min-width:0}.sd-field-label{display:block;font-size:11px;color:var(--text-subtle);margin-bottom:2px}.sd-field-value{font-size:13px;color:var(--text-primary);word-break:break-word}.sd-field-value.is-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.sd-field-value.is-muted{color:var(--text-muted)}.sd-description{margin:0;font-size:13px;line-height:1.6;color:var(--text-secondary)}.sd-tags{display:flex;flex-wrap:wrap;gap:6px}.sd-tag{font-size:11px;padding:3px 9px;border-radius:99px;color:var(--text-medium);background:var(--bg-subtle);border:1px solid var(--border-light)}.sd-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 20px;border-top:1px solid var(--border-primary);background:var(--bg-subtle);flex-shrink:0}.sd-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;color:var(--text-subtle)}.sd-actions{display:flex;gap:10px;margin-left:auto}.sd-btn{padding:7px 14px;font-size:13px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:var(--transition-fast)}.sd-btn-ghost{background:var(--btn-default-bg);color:var(--btn-text);border-color:var(--border-primary)}.sd-btn-ghost:hover{background:var(--btn-hover-bg)}.sd-btn-primary{background:var(--primary-color);color:var(--btn-text);border-color:var(--primary-color)}.sd-btn-primary:hover{background:var(--primary-light)}.sd-btn-success{background:var(--success-color);color:#fff;border-color:var(--success-color)}.sd-btn-success:hover{opacity:.9}.sd-btn-warning{background:var(--warning-color);color:#fff;border-color:var(--warning-color)}.sd-btn-warning:hover{opacity:.9}@keyframes sd-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sd-slide-in{0%{transform:translateY(-12px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media (max-width: 768px){.sd-overlay{padding:10px}.sd-modal{max-height:94vh}.sd-header{padding:14px 16px;flex-wrap:wrap}.sd-body{padding:4px 16px 14px}.sd-grid{grid-template-columns:1fr}.sd-footer{padding:12px 16px}.sd-actions{width:100%}.sd-btn{flex:1}}.session-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-error-message{background-color:#f443361a;color:var(--error-color);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);border:1px solid var(--error-color);margin-bottom:var(--spacing-md)}.filter-container{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);background-color:var(--bg-component);padding:var(--spacing-sm);border-radius:var(--radius-md);border:1px solid var(--border-primary);flex-wrap:wrap}.filter-group label{font-weight:500;font-size:.6875rem;color:var(--text-secondary)}.filter-group select{padding:4px var(--spacing-sm);border:1px solid var(--border-primary);border-radius:var(--radius-sm);background-color:var(--bg-input);color:var(--text-primary);min-width:120px;transition:var(--transition-fast);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;padding-right:1.5rem;font-size:.8125rem}.filter-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb, 0, 168, 107),.1)}.error-message{background-color:rgba(var(--error-color-rgb, 239, 68, 68),.15);color:var(--error-color);padding:var(--spacing-xs);border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs);font-size:.8125rem;display:flex;justify-content:space-between;align-items:center}.status-badge{display:inline-block;padding:2px 6px;border-radius:var(--radius-xs);font-size:.6875rem;font-weight:500;text-align:center}.status-running{background-color:rgba(var(--info-color-rgb, 59, 130, 246),.15);color:var(--info-color)}.status-completed{background-color:rgba(var(--success-color-rgb, 16, 185, 129),.15);color:var(--success-color)}.status-scheduled{background-color:rgba(var(--warning-color-rgb, 245, 158, 11),.15);color:var(--warning-color)}.status-failed{background-color:rgba(var(--error-color-rgb, 239, 68, 68),.15);color:var(--error-color)}.action-buttons{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.action-buttons button{flex:1;min-width:48px;height:28px;font-size:.75rem;padding:2px var(--spacing-xs);display:flex;align-items:center;justify-content:center}.danger-btn{background-color:var(--error-color);color:var(--btn-text);border:1px solid var(--error-color);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast)}.danger-btn:hover{background-color:var(--error-light);border-color:var(--error-light)}.secondary-btn,.primary-btn{transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;white-space:nowrap}.secondary-btn{background-color:var(--btn-default-bg);color:var(--btn-text);border:1px solid var(--border-primary);border-radius:var(--radius-sm)}.primary-btn{background-color:var(--primary-color);color:var(--btn-text);border:1px solid var(--primary-color);border-radius:var(--radius-sm)}.primary-btn:hover{background-color:var(--primary-light);border-color:var(--primary-light)}.detail-row{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;border-bottom:1px solid var(--border-light);font-size:.8125rem}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:600;color:var(--text-primary);min-width:80px;flex-shrink:0}.detail-value{color:var(--text-secondary);flex:1;word-break:break-word}.form-group{margin-bottom:var(--spacing-xs)}.form-group label{display:block;margin-bottom:2px;font-weight:500;font-size:.8125rem;color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:6px var(--spacing-sm);border:1px solid var(--border-primary);border-radius:var(--radius-sm);background-color:var(--bg-input);color:var(--text-primary);transition:var(--transition-fast);font-size:.8125rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb, 0, 168, 107),.1)}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;padding-right:1.5rem}.form-group textarea{resize:vertical;min-height:60px}@media (max-width: 768px){.filter-container{flex-direction:column}.filter-group select{min-width:100%}.action-buttons{flex-direction:column}}.du-stepper{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-subtle);border:1px solid var(--border-primary);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.du-step{display:flex;align-items:center;gap:var(--spacing-xs)}.du-step-indicator{width:24px;height:24px;border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border-primary);color:var(--text-muted);font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);flex-shrink:0}.du-step.is-active .du-step-indicator{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.du-step.is-completed .du-step-indicator{background:var(--success-color);border-color:var(--success-color);color:#fff}.du-step-label{font-size:.8125rem;color:var(--text-muted);white-space:nowrap}.du-step.is-active .du-step-label,.du-step.is-completed .du-step-label{color:var(--text-primary);font-weight:500}.du-step-arrow{color:var(--text-subtle);margin:0 var(--spacing-xs);flex-shrink:0}.du-content{animation:du-fade-in .2s ease}@keyframes du-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.du-title{margin:0 0 var(--spacing-xs);font-size:1rem;font-weight:600;color:var(--text-primary)}.du-desc{margin:0 0 var(--spacing-md);font-size:.8125rem;color:var(--text-muted)}.du-session-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-sm)}.du-session-card{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-subtle);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast)}.du-session-card:hover{border-color:var(--primary-color);transform:translateY(-1px)}.du-session-card.is-selected{border-color:var(--primary-color);background:var(--primary-subtle)}.du-session-head{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.du-session-name{font-weight:600;color:var(--text-primary);font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.du-session-badge{padding:1px 6px;background:var(--success-color);color:#fff;font-size:.6875rem;font-weight:600;border-radius:var(--radius-sm);flex-shrink:0}.du-session-meta{font-size:.75rem;color:var(--text-muted)}.du-empty{text-align:center;padding:var(--spacing-xl) var(--spacing-md);background:var(--bg-subtle);border-radius:var(--radius-md)}.du-empty p{margin:0 0 var(--spacing-xs);font-size:.875rem;color:var(--text-primary)}.du-empty span{font-size:.8125rem;color:var(--text-muted)}.du-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-sm)}.du-type-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-subtle);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast)}.du-type-card:hover{border-color:var(--primary-color);transform:translateY(-1px)}.du-type-card.is-selected{border-color:var(--primary-color);background:var(--primary-subtle)}.du-type-icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--primary-subtle);color:var(--primary-color);display:flex;align-items:center;justify-content:center}.du-type-card.is-selected .du-type-icon{background:var(--primary-color);color:#fff}.du-type-label{font-weight:600;color:var(--text-primary);font-size:.875rem}.du-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.du-chip{padding:5px 12px;background:var(--bg-subtle);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.8125rem;cursor:pointer;transition:var(--transition-fast)}.du-chip:hover{border-color:var(--primary-color);color:var(--primary-color)}.du-chip.is-active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.du-upload-box{padding:var(--spacing-md);background:var(--bg-subtle);border:1px dashed var(--border-primary);border-radius:var(--radius-md)}.du-value-row{display:flex;align-items:flex-end;gap:var(--spacing-sm);flex-wrap:wrap}.du-value-input{min-width:160px;flex:1}.du-value-input .input-group{margin-bottom:0}.du-unit{font-size:.8125rem;color:var(--text-muted);padding-bottom:8px;min-width:40px}@media (max-width: 640px){.du-step-label,.du-step-arrow{display:none}.du-session-grid,.du-type-grid{grid-template-columns:1fr}}.data-table-container{background:var(--bg-component);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-light);border:1px solid var(--border-primary);margin-top:var(--spacing-sm);width:100%}.data-table{width:100%;border-collapse:collapse;font-size:.8125rem}.data-table th,.data-table td{padding:var(--spacing-xs) var(--spacing-sm);text-align:left;border-bottom:1px solid var(--border-light);white-space:nowrap}.data-table th{background-color:var(--bg-subtle);font-weight:500;color:var(--text-primary);position:sticky;top:0;z-index:1}.data-table tbody tr:hover{background-color:var(--bg-hover)}.data-table tbody tr:last-child td{border-bottom:none}.action-buttons{display:flex;gap:var(--spacing-xs);justify-content:center}.action-buttons button{padding:2px 6px;font-size:.6875rem;white-space:nowrap}.danger-btn{background-color:var(--error-color);color:#fff;border:none;border-radius:var(--radius-sm);padding:2px 6px;font-size:.6875rem;cursor:pointer;transition:var(--transition-fast)}.danger-btn:hover{background-color:var(--error-light)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-top:1px solid var(--border-light);font-size:.75rem}.filter-section{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:flex-end;background-color:var(--bg-component);padding:var(--spacing-sm);border-radius:var(--radius-md);box-shadow:var(--shadow-light);border:1px solid var(--border-primary);margin-bottom:var(--spacing-sm)}.filter-group{display:flex;flex-direction:column;gap:2px;min-width:120px}.filter-group label{font-size:.6875rem;font-weight:500;color:var(--text-secondary)}.filter-group input,.filter-group select{padding:4px var(--spacing-sm);border:1px solid var(--border-primary);border-radius:var(--radius-sm);background-color:var(--bg-input);color:var(--text-primary);font-size:.8125rem}.filter-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;padding-right:1.5rem}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb, 0, 168, 107),.1)}.dv-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.export-wrapper{position:relative}.export-menu{position:absolute;top:100%;right:0;margin-top:4px;background:var(--bg-component);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-light);min-width:240px;z-index:1000;overflow:hidden}.export-menu-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);cursor:pointer;transition:background-color .15s ease;border-bottom:1px solid var(--border-light)}.export-menu-item:last-child{border-bottom:none}.export-menu-item:hover{background-color:var(--bg-hover)}.export-icon{font-size:1.25rem;flex-shrink:0;line-height:1}.export-info{display:flex;flex-direction:column;gap:2px}.export-title{font-weight:500;color:var(--text-primary);font-size:.8125rem}.export-desc{font-size:.6875rem;color:var(--text-secondary)}@media (max-width: 768px){.filter-section{flex-direction:column;align-items:stretch}.filter-group{min-width:auto}.data-table-container{overflow-x:auto}.data-table{min-width:600px}.pagination{flex-direction:column;gap:var(--spacing-xs)}}.modal-wrapper.chart-detail-modal{max-width:1120px;width:96vw}.chart-detail-body{display:flex;flex-direction:column;gap:.75rem;min-width:0}.chart-detail-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.chart-detail-summary-item{display:flex;flex-direction:column;gap:2px;padding:.4rem .625rem;background-color:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-md);min-width:0}.chart-detail-summary-label{font-size:.75rem;color:var(--text-muted)}.chart-detail-summary-value{font-size:.9375rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-detail-canvas{width:100%;height:min(60vh,460px);min-height:320px}.chart-detail-hint{margin:0;font-size:.75rem;color:var(--text-tertiary)}@media (max-width: 768px){.modal-wrapper.chart-detail-modal{width:100%}.chart-detail-canvas{height:320px;min-height:240px}}.dashboard-data-analyze{padding:var(--spacing-lg);min-height:calc(100vh - 120px)}.analyze-hint{padding:var(--spacing-xs) var(--spacing-sm);margin-bottom:var(--spacing-sm);border:1px solid var(--border-light);border-radius:var(--radius-md);background-color:var(--bg-subtle);color:var(--text-muted);font-size:.8125rem}.chart-section{background-color:var(--bg-component);border-radius:var(--radius-lg);padding:.625rem .75rem .75rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);margin-bottom:.75rem}.chart-section h2{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-sm);margin:0 0 .375rem;font-size:.9375rem;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:.25rem}.chart-section-hint{font-size:.6875rem;font-weight:400;color:var(--text-tertiary);flex-shrink:0}.analyze-duo{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,1.7fr);gap:.75rem;margin-bottom:.75rem}.analyze-duo>.chart-section{display:flex;flex-direction:column;min-width:0;margin-bottom:0}.analyze-duo>.chart-section>h2{flex-shrink:0}.stats-table-wrap{flex:1;min-height:0;min-width:0;overflow-x:auto}.charts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}.chart-card-span-1{grid-column:span 1}.chart-card-span-2{grid-column:span 2}.chart-card-span-3{grid-column:span 3}.chart-card-span-4{grid-column:span 4}.chart-card-shell{position:relative;min-width:0;cursor:pointer;outline:none}.chart-card-shell:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:var(--radius-md)}.chart-card-shell:hover .chart-card{transform:translateY(-1px);box-shadow:var(--shadow-hover);border-color:var(--border-light)}.chart-card-shell:hover .chart-card-expand-icon{opacity:1}.chart-card{padding:var(--spacing-sm);display:flex;flex-direction:column;height:100%}.chart-card .card-content{padding:0;display:flex;flex-direction:column;flex:1;min-height:0}.chart-card-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs);padding-bottom:3px;border-bottom:1px solid var(--border-light)}.chart-card-header h3{margin:0;font-size:.8125rem;font-weight:600;color:var(--text-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-card-unit{font-size:.6875rem;color:var(--text-muted);background:var(--bg-subtle);padding:1px 6px;border-radius:var(--radius-sm);flex-shrink:0}.chart-card-expand-icon{flex-shrink:0;color:var(--text-tertiary);opacity:0;transition:opacity .15s ease}.chart-container{flex:1;min-height:0}.chart-card.is-querying{opacity:.6}.chart-card-empty .chart-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-md) 0;color:var(--text-muted);gap:var(--spacing-sm)}.chart-empty-icon{font-size:2rem;opacity:.5}.chart-empty-state p{margin:0;font-size:.875rem}.chart-tooltip{background:var(--bg-component, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:var(--radius-md, 8px);padding:10px 14px;box-shadow:0 4px 12px #0000001a;font-size:.8rem}.chart-tooltip-time{margin:0 0 6px;font-weight:600;color:var(--text-primary);font-size:.8rem}.chart-tooltip-value{margin:2px 0;font-weight:500;font-size:.85rem}.simple-chart{display:flex;flex-direction:column;gap:.25rem}.chart-bar-wrapper{display:flex;align-items:center;gap:var(--spacing-sm)}.chart-bar-label{min-width:72px;font-weight:500;color:var(--text-primary);font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-bar-container{flex:1;position:relative;height:18px;background-color:var(--bg-subtle);border-radius:var(--radius-sm);overflow:hidden;display:flex;align-items:center;padding:0 var(--spacing-xs);min-width:0}.chart-bar{height:100%;border-radius:var(--radius-sm);transition:width .5s ease-out;display:flex;align-items:center;justify-content:flex-end;padding-right:var(--spacing-xs)}.chart-bar-value{flex-shrink:0;min-width:44px;text-align:right;color:var(--text-secondary);font-weight:600;font-size:.75rem;font-variant-numeric:tabular-nums}.no-data{text-align:center;color:var(--text-tertiary);padding:var(--spacing-md);font-size:.8125rem;font-style:italic}.type-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:var(--spacing-xs)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-md);gap:var(--spacing-xs);color:var(--text-secondary)}.spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}@keyframes spin{to{transform:rotate(360deg)}}.error-message{background-color:#fee;border:1px solid #fcc;color:#c33;padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:.875rem}@media (max-width: 1440px){.charts-grid{grid-template-columns:repeat(3,1fr)}.chart-card-span-3,.chart-card-span-4{grid-column:span 3}}@media (max-width: 1024px){.charts-grid{grid-template-columns:repeat(2,1fr)}.chart-card-span-2,.chart-card-span-3,.chart-card-span-4{grid-column:span 2}.analyze-duo{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-data-analyze{padding:var(--spacing-md)}.charts-grid{grid-template-columns:1fr}.chart-card-span-1,.chart-card-span-2,.chart-card-span-3,.chart-card-span-4{grid-column:span 1}.chart-bar-label{min-width:60px}.chart-bar-container{min-width:0}}@media (max-width: 480px){.analyze-hint{font-size:.75rem}}.algorithm-square{padding:var(--spacing-md)}.algorithm-square-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.algorithm-square-header h1{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.upload-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.875rem;cursor:pointer;transition:var(--transition-normal)}.upload-btn:hover{background:var(--primary-dark);box-shadow:0 2px 8px var(--primary-medium)}.search-section{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.search-input-wrapper{flex:1;position:relative}.search-input-wrapper input{width:100%;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 44px;border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:.875rem;outline:none;background:var(--bg-input);color:var(--text-primary);transition:var(--transition-normal)}.search-input-wrapper input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-subtle)}.search-input-wrapper input::placeholder{color:var(--text-muted)}.search-input-wrapper .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.category-filter{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:.875rem;min-width:150px;background:var(--bg-input);color:var(--text-primary);cursor:pointer;transition:var(--transition-normal)}.category-filter:hover{border-color:var(--border-light)}.category-filter:focus{outline:none;border-color:var(--primary-color)}.algorithm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.algorithm-card{background:var(--bg-subtle);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:12px;transition:var(--transition-normal);cursor:pointer}.algorithm-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.algorithm-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm)}.algorithm-name{font-size:1rem;font-weight:600;color:var(--text-primary)}.algorithm-version{font-size:.75rem;color:var(--text-muted);background:var(--primary-subtle);padding:2px 8px;border-radius:var(--radius-sm)}.algorithm-status{margin-bottom:var(--spacing-sm)}.algorithm-description{font-size:.875rem;color:var(--text-medium);margin-bottom:var(--spacing-sm);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.algorithm-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.algorithm-tag{font-size:.75rem;color:var(--primary-light);background:var(--primary-subtle);padding:4px 10px;border-radius:var(--radius-sm)}.algorithm-category{font-size:.75rem;color:var(--info-color);background:var(--info-bg);padding:4px 10px;border-radius:var(--radius-sm)}.algorithm-footer{display:flex;justify-content:space-between;align-items:center;padding-top:6px;border-top:1px solid var(--border-primary)}.algorithm-status-tag{font-size:.6875rem;padding:2px 6px;border-radius:var(--radius-sm);margin-left:var(--spacing-xs);display:inline-block}.algorithm-status-tag.running{background:var(--success-bg);color:var(--success-color)}.algorithm-status-tag.pending{background:var(--warning-bg);color:var(--warning-color)}.algorithm-status-tag.building{background:var(--info-bg);color:var(--info-color)}.algorithm-status-tag.error{background:var(--error-bg);color:var(--error-color)}.algorithm-status-tag.stopped{background:var(--bg-subtle);color:var(--text-muted)}.algorithm-author{font-size:.8125rem;color:var(--text-muted)}.algorithm-stats{display:flex;gap:8px;font-size:.75rem;color:var(--text-muted)}.stat-item{display:flex;align-items:center;gap:4px;border:none;background:none;padding:0}.algorithm-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-xs);align-items:center}.action-btn{flex:1;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:.8125rem;cursor:pointer;transition:var(--transition-normal);font-weight:500;min-height:32px}.action-btn.primary{background:var(--primary-color);color:#fff;border:none}.action-btn.primary:hover{background:var(--primary-dark);box-shadow:0 2px 8px var(--primary-medium)}.action-btn.secondary{background:transparent;color:var(--text-medium);border:1px solid var(--border-medium)}.action-btn.secondary:hover{background:var(--bg-subtle-hover);border-color:var(--border-light)}.action-btn.danger{flex:0;padding:var(--spacing-sm);background:transparent;color:var(--error-color);border:1px solid var(--error-color);border-radius:var(--radius-sm)}.action-btn.danger:hover{background:var(--error-bg)}.loading-state{display:flex;justify-content:center;align-items:center;padding:var(--spacing-xxl);color:var(--text-muted)}.algorithm-square .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-xxl);color:var(--text-muted);background:var(--bg-subtle);border-radius:var(--radius-lg);border:2px dashed var(--border-primary)}.algorithm-square .empty-state svg{margin-bottom:var(--spacing-md);opacity:.5;width:48px;height:48px}.algorithm-square .empty-state p{font-size:.875rem;margin:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-component);border-radius:var(--radius-lg);padding:var(--spacing-lg);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;border:1px solid var(--border-primary);box-shadow:var(--shadow-default)}.modal-content h2{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-lg);color:var(--text-primary)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-size:.875rem;outline:none;box-sizing:border-box;background:var(--bg-input);color:var(--text-primary);transition:var(--transition-normal)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-subtle)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group small{display:block;font-size:.75rem;color:var(--text-muted);margin-top:4px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.btn-cancel{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-subtle);color:var(--text-medium);border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-size:.875rem;cursor:pointer;transition:var(--transition-normal)}.btn-cancel:hover{background:var(--bg-subtle-hover);border-color:var(--border-light)}.btn-submit{padding:var(--spacing-sm) var(--spacing-md);background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.875rem;cursor:pointer;transition:var(--transition-normal)}.btn-submit:hover{background:var(--primary-dark);box-shadow:0 2px 8px var(--primary-medium)}.btn-submit:disabled{background:var(--text-muted);cursor:not-allowed}.algorithm-file-info{display:block;margin-top:var(--spacing-xs);color:var(--primary-color);font-weight:500}.file-upload-area{border:2px dashed var(--border-medium);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center;cursor:pointer;transition:var(--transition-normal);background:var(--bg-subtle)}.file-upload-area:hover,.file-upload-area.dragging{border-color:var(--primary-color);background:var(--primary-subtle)}.file-upload-area p{color:var(--text-muted);margin:0}.file-upload-area input[type=file]{display:none}.primary-actions{display:flex;gap:var(--spacing-sm);flex:1}.action-menu-wrapper{position:relative}.action-menu-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border-medium);background:transparent;color:var(--text-medium);cursor:pointer;transition:var(--transition-normal)}.action-menu-btn:hover{background:var(--bg-subtle-hover);border-color:var(--border-light);color:var(--text-primary)}.action-menu-dropdown{position:absolute;top:100%;right:0;margin-top:var(--spacing-xs);background:var(--bg-panel);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:0 4px 24px var(--shadow-medium);min-width:160px;z-index:1000;overflow:hidden}.menu-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;text-align:left;font-size:.8125rem;color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);white-space:nowrap}.menu-item:hover{background:var(--bg-subtle-hover)}.menu-item.danger{color:var(--error-color)}.menu-item.danger:hover{background:var(--error-bg)}.menu-item:disabled{opacity:.5;cursor:not-allowed}.menu-divider{height:1px;background:var(--border-medium);margin:var(--spacing-xs) 0}@media (max-width: 768px){.algorithm-square-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.search-section{flex-direction:column}.category-filter{width:100%}.algorithm-grid,.form-row{grid-template-columns:1fr}.algorithm-footer{flex-direction:column;gap:var(--spacing-sm);align-items:flex-start}.algorithm-stats{width:100%;justify-content:space-between}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.build-status-modal{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;max-width:400px;box-shadow:0 8px 32px #0000004d}.build-status-icon{color:var(--primary-color);margin-bottom:var(--spacing-md)}.build-status-modal h3{color:var(--text-primary);margin-bottom:var(--spacing-md)}.build-status-message{color:var(--text-medium);margin-bottom:var(--spacing-sm);font-size:1rem}.build-status-hint{color:var(--text-light);font-size:.875rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.algorithm-use{padding:var(--spacing-md);max-width:800px;margin:0 auto}.algorithm-use-header{margin-bottom:var(--spacing-lg)}.algorithm-use-header h1{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.algorithm-info{display:flex;align-items:center;gap:var(--spacing-md);color:var(--text-medium);font-size:.875rem}.algorithm-info .status{padding:4px 12px;border-radius:var(--radius-sm);font-size:.75rem}.algorithm-info .status.running{background:var(--success-bg);color:var(--success-color)}.algorithm-info .status.pending{background:var(--warning-bg);color:var(--warning-color)}.algorithm-info .status.building{background:var(--info-bg);color:var(--info-color)}.algorithm-info .status.error{background:var(--error-bg);color:var(--error-color)}.algorithm-info .status.stopped{background:var(--bg-subtle);color:var(--text-muted)}.upload-area{border:2px dashed var(--border-medium);border-radius:var(--radius-lg);padding:var(--spacing-xxl);text-align:center;cursor:pointer;transition:var(--transition-normal);background:var(--bg-subtle)}.upload-area:hover,.upload-area.dragging{border-color:var(--primary-color);background:var(--primary-subtle)}.upload-area.has-image{padding:var(--spacing-lg);border-style:solid;border-color:var(--primary-color)}.upload-icon{color:var(--text-muted);margin-bottom:var(--spacing-sm)}.upload-area p{color:var(--text-muted);font-size:.875rem;margin:0}.upload-area .preview-image{max-width:100%;max-height:300px;border-radius:var(--radius-md)}.predict-btn{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:500;cursor:pointer;margin-top:var(--spacing-lg);transition:var(--transition-normal)}.predict-btn:hover{background:var(--primary-dark);box-shadow:0 4px 12px var(--primary-medium)}.predict-btn:disabled{background:var(--text-muted);cursor:not-allowed}.result-area{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:var(--bg-subtle);border:1px solid var(--border-primary);border-radius:var(--radius-lg)}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-primary)}.result-header h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.result-time{font-size:.75rem;color:var(--text-muted)}.result-content{background:var(--bg-input);padding:var(--spacing-md);border-radius:var(--radius-md);font-family:Courier New,monospace;font-size:.8125rem;white-space:pre-wrap;word-break:break-all;max-height:400px;overflow-y:auto;color:var(--text-secondary)}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100}.error-message{padding:var(--spacing-sm) var(--spacing-md);background:var(--error-bg);border:1px solid var(--error-color);border-radius:var(--radius-md);color:var(--error-color);font-size:.875rem;margin-top:var(--spacing-md)}.back-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-subtle);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-medium);font-size:.875rem;cursor:pointer;margin-bottom:var(--spacing-lg);transition:var(--transition-normal)}.back-btn:hover{background:var(--bg-subtle-hover);border-color:var(--border-light)}.params-section{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-subtle);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.params-section h3{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.param-item{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.param-item label{font-size:.8125rem;color:var(--text-muted);min-width:80px}.param-item input{flex:1;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-medium);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-primary);font-size:.8125rem}.param-item input:focus{outline:none;border-color:var(--primary-color)}@media (max-width: 768px){.algorithm-use{padding:var(--spacing-sm)}.upload-area{padding:var(--spacing-lg)}.result-content{font-size:.75rem;max-height:300px}}.km-page{padding:var(--spacing-sm);max-width:100%}.km-header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.km-stats-hint{font-size:.75rem;color:var(--text-subtle)}.km-name{display:flex;flex-direction:column;gap:2px;min-width:0}.km-name-text{color:var(--text-primary);font-weight:500}.km-name-desc{color:var(--text-subtle);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.km-key{display:flex;align-items:center;gap:var(--spacing-xs)}.km-key code{padding:2px 6px;background:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem;color:var(--text-secondary)}.km-muted{color:var(--text-subtle)}.km-tags{display:flex;flex-wrap:wrap;gap:4px}.km-tag{display:inline-block;padding:1px 6px;border-radius:var(--radius-sm);background:var(--primary-subtle);color:var(--primary-light);font-size:.6875rem;font-weight:500;white-space:nowrap}.km-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-sm);font-size:.6875rem;font-weight:500;white-space:nowrap}.km-badge.is-active{background:rgba(var(--success-color-rgb),.15);color:var(--success-color)}.km-badge.is-disabled{background:rgba(var(--warning-color-rgb),.15);color:var(--warning-color)}.km-badge.is-expired{background:rgba(var(--error-color-rgb),.15);color:var(--error-color)}.km-actions{display:flex;align-items:center;gap:4px}.km-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);flex-shrink:0}.km-icon-btn:hover:not(:disabled){background:var(--bg-subtle-hover);border-color:var(--primary-color);color:var(--primary-color)}.km-icon-btn:disabled{opacity:.45;cursor:not-allowed}.km-icon-btn.is-danger:hover:not(:disabled){border-color:var(--error-color);color:var(--error-color);background:rgba(var(--error-color-rgb),.1)}.km-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.km-field{display:flex;flex-direction:column;gap:6px}.km-field-label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.km-field-error{font-size:.75rem;color:var(--error-color)}.km-check-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.km-check{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--bg-subtle);border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-size:.8125rem;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);-webkit-user-select:none;user-select:none}.km-check:hover{border-color:var(--primary-color)}.km-check input{width:14px;height:14px;margin:0;accent-color:var(--primary-color);cursor:pointer}.km-dialog-text{margin:0 0 var(--spacing-sm);font-size:.875rem;color:var(--text-primary)}.km-warning{margin:0;padding:8px 10px;font-size:.8125rem;color:var(--warning-color);background:rgba(var(--warning-color-rgb),.12);border-left:3px solid var(--warning-color);border-radius:var(--radius-sm)}.km-newkey{display:flex;flex-direction:column;gap:var(--spacing-sm)}.km-newkey-value{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px;background:var(--bg-input);border:1px solid var(--primary-color);border-radius:var(--radius-sm)}.km-newkey-value code{flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem;color:var(--text-primary);word-break:break-all}@media (max-width: 768px){.km-header-actions{width:100%}.km-name-desc{max-width:140px}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);background:var(--bg-main);line-height:1.6;min-height:100vh;margin:0;padding:0}#root{width:100%;min-height:100vh}.App{display:flex;flex-direction:column;min-height:100vh;width:100%;position:relative}main{flex:1;width:100%;padding:0}.page-container{max-width:1300px;margin:0 auto;padding:2rem 1.5rem;width:100%}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}h1{font-size:2.5rem;color:var(--text-primary);margin-bottom:2rem;text-align:center}h2{font-size:1.875rem;color:var(--text-secondary);margin-bottom:1.5rem}h3{font-size:1.5rem;color:var(--text-medium);margin-bottom:1rem}.btn{display:inline-block;padding:.75rem 1.5rem;border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:500;cursor:pointer;text-align:center;text-decoration:none;transition:var(--transition-normal)}.btn-primary{background-color:var(--primary-color);color:var(--btn-text);border:1px solid var(--border-primary)}.btn-primary:hover{background-color:var(--primary-light);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.btn-secondary{background-color:transparent;color:var(--primary-color);border:1px solid var(--border-primary)}.btn-secondary:hover{background-color:var(--bg-subtle)}.card{background-color:var(--bg-component);border-radius:var(--radius-md);padding:2rem;box-shadow:var(--shadow-default);margin-bottom:1.5rem;border:1px solid var(--border-medium)}.form-control{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-size:1rem;transition:var(--transition-normal);background-color:var(--bg-input);color:var(--text-primary)}.form-control:focus{outline:none;border-color:var(--border-focus);background-color:var(--bg-input-focus);box-shadow:var(--shadow-glow)}@media (max-width: 768px){.page-container{padding:1.5rem 1rem}h1{font-size:2rem}h2{font-size:1.5rem}}:root{--primary-color: rgba(59, 130, 246, 1);--primary-light: rgba(59, 130, 246, .8);--primary-medium: rgba(59, 130, 246, .6);--primary-dark: rgba(59, 130, 246, .4);--primary-darker: rgba(59, 130, 246, .3);--primary-darkest: rgba(59, 130, 246, .2);--primary-subtle: rgba(59, 130, 246, .1);--bg-gradient-start: #0a0e27;--bg-gradient-mid: #1a2347;--bg-gradient-end: #0f1b3c;--bg-main: linear-gradient(135deg, var(--bg-gradient-start) 0%, var(--bg-gradient-mid) 50%, var(--bg-gradient-end) 100%);--bg-component: #1a2347;--bg-input: rgba(10, 20, 40, .6);--bg-input-focus: rgba(10, 20, 40, .8);--bg-subtle: rgba(30, 35, 55, .8);--bg-subtle-hover: rgba(40, 45, 65, .6);--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .9);--text-medium: rgba(255, 255, 255, .8);--text-muted: rgba(255, 255, 255, .7);--text-subtle: rgba(255, 255, 255, .5);--border-primary: var(--primary-darkest);--border-medium: var(--primary-darker);--border-light: var(--primary-dark);--border-focus: var(--primary-medium);--shadow-default: 0 4px 12px rgba(0, 0, 0, .3);--shadow-hover: 0 8px 20px var(--primary-dark);--shadow-glow: 0 0 0 2px var(--primary-darker);--btn-default-bg: #4a5568;--btn-hover-bg: #5a6578;--btn-text: white;--success-color: #4caf50;--success-color-rgb: 76, 175, 80;--warning-color: #ff9800;--warning-color-rgb: 255, 152, 0;--error-color: #f44336;--error-color-rgb: 244, 67, 54;--info-color: #2196f3;--info-color-rgb: 33, 150, 243;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .4s ease;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 50%}[data-theme=light]{--primary-color: #0066cc;--primary-light: rgba(0, 102, 204, .8);--primary-medium: rgba(0, 102, 204, .6);--primary-dark: rgba(0, 102, 204, .4);--primary-darker: rgba(0, 102, 204, .3);--primary-darkest: rgba(0, 102, 204, .2);--primary-subtle: rgba(0, 102, 204, .1);--bg-gradient-start: #f8f9fa;--bg-gradient-mid: #e9ecef;--bg-gradient-end: #dee2e6;--bg-main: linear-gradient(135deg, var(--bg-gradient-start) 0%, var(--bg-gradient-mid) 50%, var(--bg-gradient-end) 100%);--bg-component: #ffffff;--bg-input: rgba(248, 249, 250, .8);--bg-input-focus: rgba(248, 249, 250, .95);--bg-subtle: rgba(248, 249, 250, .6);--bg-subtle-hover: rgba(233, 236, 239, .8);--text-primary: rgba(33, 37, 41, .95);--text-secondary: rgba(33, 37, 41, .9);--text-medium: rgba(33, 37, 41, .8);--text-muted: rgba(33, 37, 41, .6);--text-subtle: rgba(33, 37, 41, .4);--border-primary: rgba(222, 226, 230, .8);--border-medium: rgba(206, 212, 218, .8);--border-light: rgba(189, 195, 199, .8);--border-focus: var(--primary-medium);--shadow-default: 0 4px 12px rgba(0, 0, 0, .1);--shadow-hover: 0 8px 20px rgba(0, 0, 0, .15);--shadow-glow: 0 0 0 2px var(--primary-darker);--btn-default-bg: #6c757d;--btn-hover-bg: #5a6268;--btn-text: white;--success-color: #28a745;--success-color-rgb: 40, 167, 69;--success-light: rgba(40, 167, 69, .8);--success-bg: rgba(40, 167, 69, .15);--warning-color: #fd7e14;--warning-color-rgb: 253, 126, 20;--warning-light: rgba(253, 126, 20, .8);--warning-bg: rgba(253, 126, 20, .15);--error-color: #dc3545;--error-color-rgb: 220, 53, 69;--error-light: rgba(220, 53, 69, .8);--error-bg: rgba(220, 53, 69, .15);--info-color: #17a2b8;--info-color-rgb: 23, 162, 184;--info-light: rgba(23, 162, 184, .8);--info-bg: rgba(23, 162, 184, .15)}[data-theme=dark]{--primary-color: #bb86fc;--primary-light: rgba(187, 134, 252, .8);--primary-medium: rgba(187, 134, 252, .6);--primary-dark: rgba(187, 134, 252, .4);--primary-darker: rgba(187, 134, 252, .3);--primary-darkest: rgba(187, 134, 252, .2);--primary-subtle: rgba(187, 134, 252, .1);--bg-gradient-start: #121212;--bg-gradient-mid: #1e1e1e;--bg-gradient-end: #2d2d2d;--bg-main: linear-gradient(135deg, var(--bg-gradient-start) 0%, var(--bg-gradient-mid) 50%, var(--bg-gradient-end) 100%);--bg-component: #1e1e1e;--bg-input: rgba(30, 30, 30, .6);--bg-input-focus: rgba(30, 30, 30, .8);--bg-subtle: rgba(45, 45, 45, .6);--bg-subtle-hover: rgba(60, 60, 60, .8);--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .9);--text-medium: rgba(255, 255, 255, .8);--text-muted: rgba(255, 255, 255, .6);--text-subtle: rgba(255, 255, 255, .4);--border-primary: rgba(255, 255, 255, .1);--border-medium: rgba(255, 255, 255, .15);--border-light: rgba(255, 255, 255, .2);--border-focus: var(--primary-medium);--shadow-default: 0 4px 12px rgba(0, 0, 0, .4);--shadow-hover: 0 8px 20px rgba(0, 0, 0, .5);--shadow-glow: 0 0 0 2px var(--primary-darker);--btn-default-bg: #424242;--btn-hover-bg: #616161;--btn-text: white;--success-color: #81c784;--success-color-rgb: 129, 199, 132;--success-light: rgba(129, 199, 132, .8);--success-bg: rgba(129, 199, 132, .15);--warning-color: #ffb74d;--warning-color-rgb: 255, 183, 77;--warning-light: rgba(255, 183, 77, .8);--warning-bg: rgba(255, 183, 77, .15);--error-color: #e57373;--error-color-rgb: 229, 115, 115;--error-light: rgba(229, 115, 115, .8);--error-bg: rgba(229, 115, 115, .15);--info-color: #64b5f6;--info-color-rgb: 100, 181, 246;--info-light: rgba(100, 181, 246, .8);--info-bg: rgba(100, 181, 246, .15)}[data-theme=mint-green]{--primary-color: #8fbc8f;--primary-light: rgba(143, 188, 143, .8);--primary-medium: rgba(143, 188, 143, .6);--primary-dark: rgba(143, 188, 143, .4);--primary-darker: rgba(143, 188, 143, .3);--primary-darkest: rgba(143, 188, 143, .2);--primary-subtle: rgba(143, 188, 143, .1);--bg-gradient-start: #f0f8f0;--bg-gradient-mid: #e6f3e6;--bg-gradient-end: #dcefdc;--bg-main: linear-gradient(135deg, var(--bg-gradient-start) 0%, var(--bg-gradient-mid) 50%, var(--bg-gradient-end) 100%);--bg-component: rgba(240, 248, 240, .8);--bg-input: rgba(240, 248, 240, .6);--bg-input-focus: rgba(240, 248, 240, .9);--bg-subtle: rgba(143, 188, 143, .08);--bg-subtle-hover: rgba(143, 188, 143, .15);--text-primary: rgba(34, 68, 34, .9);--text-secondary: rgba(34, 68, 34, .8);--text-medium: rgba(34, 68, 34, .7);--text-muted: rgba(34, 68, 34, .6);--text-subtle: rgba(34, 68, 34, .4);--border-primary: rgba(143, 188, 143, .3);--border-medium: rgba(143, 188, 143, .4);--border-light: rgba(143, 188, 143, .5);--border-focus: var(--primary-medium);--shadow-default: 0 4px 12px rgba(143, 188, 143, .15);--shadow-hover: 0 8px 20px rgba(143, 188, 143, .2);--shadow-glow: 0 0 0 2px var(--primary-darker);--btn-default-bg: #a5d6a7;--btn-hover-bg: #c8e6c9;--btn-text: rgba(34, 68, 34, .9);--success-color: #81c784;--success-color-rgb: 129, 199, 132;--success-light: rgba(129, 199, 132, .8);--success-bg: rgba(129, 199, 132, .15);--warning-color: #ffb74d;--warning-color-rgb: 255, 183, 77;--warning-light: rgba(255, 183, 77, .8);--warning-bg: rgba(255, 183, 77, .15);--error-color: #e57373;--error-color-rgb: 229, 115, 115;--error-light: rgba(229, 115, 115, .8);--error-bg: rgba(229, 115, 115, .15);--info-color: #64b5f6;--info-color-rgb: 100, 181, 246;--info-light: rgba(100, 181, 246, .8);--info-bg: rgba(100, 181, 246, .15)}[data-theme=sunset]{--primary-color: #ffb88c;--primary-light: rgba(255, 184, 140, .8);--primary-medium: rgba(255, 184, 140, .6);--primary-dark: rgba(255, 184, 140, .4);--primary-darker: rgba(255, 184, 140, .3);--primary-darkest: rgba(255, 184, 140, .2);--primary-subtle: rgba(255, 184, 140, .1);--bg-gradient-start: #fff8f0;--bg-gradient-mid: #ffefe0;--bg-gradient-end: #ffe6d0;--bg-main: linear-gradient(135deg, var(--bg-gradient-start) 0%, var(--bg-gradient-mid) 50%, var(--bg-gradient-end) 100%);--bg-component: rgba(255, 248, 240, .8);--bg-input: rgba(255, 248, 240, .6);--bg-input-focus: rgba(255, 248, 240, .9);--bg-subtle: rgba(255, 184, 140, .08);--bg-subtle-hover: rgba(255, 184, 140, .15);--text-primary: rgba(102, 51, 0, .9);--text-secondary: rgba(102, 51, 0, .8);--text-medium: rgba(102, 51, 0, .7);--text-muted: rgba(102, 51, 0, .6);--text-subtle: rgba(102, 51, 0, .4);--border-primary: rgba(255, 184, 140, .3);--border-medium: rgba(255, 184, 140, .4);--border-light: rgba(255, 184, 140, .5);--border-focus: var(--primary-medium);--shadow-default: 0 4px 12px rgba(255, 184, 140, .15);--shadow-hover: 0 8px 20px rgba(255, 184, 140, .2);--shadow-glow: 0 0 0 2px var(--primary-darker);--btn-default-bg: #ffd4b3;--btn-hover-bg: #ffe0c7;--btn-text: rgba(102, 51, 0, .9);--success-color: #b5e7a0;--success-color-rgb: 181, 231, 160;--success-light: rgba(181, 231, 160, .8);--success-bg: rgba(181, 231, 160, .15);--warning-color: #ffb88c;--warning-color-rgb: 255, 184, 140;--warning-light: rgba(255, 184, 140, .8);--warning-bg: rgba(255, 184, 140, .15);--error-color: #ffb3ba;--error-color-rgb: 255, 179, 186;--error-light: rgba(255, 179, 186, .8);--error-bg: rgba(255, 179, 186, .15);--info-color: #bae1ff;--info-color-rgb: 186, 225, 255;--info-light: rgba(186, 225, 255, .8);--info-bg: rgba(186, 225, 255, .15)}[data-theme=sky-blue]{--primary-color: #5ca7e8;--primary-light: rgba(92, 167, 232, .8);--primary-medium: rgba(92, 167, 232, .6);--primary-dark: rgba(92, 167, 232, .4);--primary-darker: rgba(92, 167, 232, .3);--primary-darkest: rgba(92, 167, 232, .2);--primary-subtle: rgba(92, 167, 232, .1);--bg-gradient-start: #e8f4fd;--bg-gradient-mid: #d1e9fc;--bg-gradient-end: #badef7;--bg-main: linear-gradient(135deg, var(--bg-gradient-start) 0%, var(--bg-gradient-mid) 50%, var(--bg-gradient-end) 100%);--bg-component: rgba(255, 255, 255, .95);--bg-input: rgba(232, 244, 253, .8);--bg-input-focus: rgba(232, 244, 253, .95);--bg-subtle: rgba(232, 244, 253, .6);--bg-subtle-hover: rgba(209, 233, 252, .8);--text-primary: rgba(26, 54, 93, .95);--text-secondary: rgba(26, 54, 93, .9);--text-medium: rgba(26, 54, 93, .8);--text-muted: rgba(26, 54, 93, .6);--text-subtle: rgba(26, 54, 93, .4);--border-primary: rgba(186, 222, 247, .8);--border-medium: rgba(92, 167, 232, .6);--border-light: rgba(209, 233, 252, .8);--border-focus: var(--primary-medium);--shadow-default: 0 4px 12px rgba(92, 167, 232, .15);--shadow-hover: 0 8px 20px rgba(92, 167, 232, .25);--shadow-glow: 0 0 0 2px var(--primary-darker);--btn-default-bg: #5ca7e8;--btn-hover-bg: #4a95d6;--btn-text: white;--success-color: #52c41a;--success-color-rgb: 82, 196, 26;--success-light: rgba(82, 196, 26, .8);--success-bg: rgba(82, 196, 26, .15);--warning-color: #faad14;--warning-color-rgb: 250, 173, 20;--warning-light: rgba(250, 173, 20, .8);--warning-bg: rgba(250, 173, 20, .15);--error-color: #ff4d4f;--error-color-rgb: 255, 77, 79;--error-light: rgba(255, 77, 79, .8);--error-bg: rgba(255, 77, 79, .15);--info-color: #1890ff;--info-color-rgb: 24, 144, 255;--info-light: rgba(24, 144, 255, .8);--info-bg: rgba(24, 144, 255, .15)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;min-height:100vh;background:var(--bg-main);color:var(--text-primary)}html,#root{background:var(--bg-main);min-height:100vh}