.user-profile-menu{position:relative}.user-profile-menu__shared-badge{position:absolute;top:-60%;display:flex;align-items:end;justify-content:center;background-color:var(--color-error);width:100%;text-align:center;font-size:10px;font-weight:400;border-bottom-left-radius:20px;border-bottom-right-radius:20px;height:50%;color:#fff}.user-profile-menu__button{display:flex;align-items:center;gap:8px;padding:4px 12px;background-color:var(--color-text-user-profile-bg);border-radius:14px;cursor:pointer;font-size:12px;font-weight:600;color:var(--color-text-user-profile);transition:all .2s;border:none}.user-profile-menu__button svg{fill:var(--color-text-user-profile)}.user-profile-menu__item-content svg{fill:var(--color-text-primary)}.user-profile-menu__display-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-profile-menu__dropdown{position:absolute;top:calc(100% + 8px);right:0;width:320px;background-color:var(--color-none-transparent-bg);border:1px solid var(--color-border-primary);border-radius:12px;box-shadow:0 8px 24px #00000026;z-index:1000;max-height:500px;overflow-y:auto}.user-profile-menu__section{padding:8px}.user-profile-menu__section-header{padding:12px 16px 4px;font-size:11px;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.user-profile-menu__item{width:100%;padding:12px;background-color:transparent;border:2px solid transparent;border-radius:8px;cursor:pointer;text-align:left;transition:all .2s;margin-bottom:4px}.user-profile-menu__item--active{border-color:var(--color-active-border);background-color:#ef44440d}.user-profile-menu__item-content{display:flex;align-items:center;gap:12px}.user-profile-menu__item-icon{font-size:20px;flex-shrink:0}.user-profile-menu__item-text{flex:1;min-width:0}.user-profile-menu__item-title{font-size:14px;font-weight:500;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-profile-menu__item-subtitle{font-size:10px;color:var(--color-text-tertiary);margin-top:2px}.user-profile-menu__divider{height:1px;background-color:var(--color-border-secondary);margin:8px 12px}.user-profile-menu__loading{padding:16px;text-align:center;font-size:13px;color:var(--color-text-tertiary)}.user-profile-menu__empty{padding:16px;text-align:center}.user-profile-menu__empty-text{font-size:13px;font-weight:500;color:var(--color-text-secondary);margin-bottom:4px}.user-profile-menu__empty-hint{font-size:11px;color:var(--color-text-tertiary);line-height:1.4}.user-profile-menu__logout{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background-color:transparent;border:2px solid transparent;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;color:#ef4444;transition:all .2s}.user-profile-menu__overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}.responsive-layout{min-height:100vh}.header-row{display:flex;align-items:center;justify-content:space-between;padding:1rem}.app-title{color:var(--color-text-app-title);font-weight:700;font-size:1.5rem;line-height:1.5rem}.header-controls{display:flex;align-items:center;gap:.5rem}.header-controls--desktop{gap:1rem}.notification-btn{transition:color .15s}.mobile-tab-scroll{overflow-x:auto;padding:0 1rem}.mobile-tab-bar{margin-top:1.5rem;display:flex;justify-content:space-evenly;gap:.25rem;min-width:-moz-max-content;min-width:max-content;border-bottom:1px solid #e5e7eb}:is(.dark) .mobile-tab-bar{border-bottom-color:#374151}.mobile-tab-btn{display:flex;align-items:center;justify-content:center;padding:.25rem .5rem;font-size:.75rem;font-weight:500;transition:color .15s;border-bottom-width:2px;border-bottom-style:solid;flex-direction:column;max-width:66px}.mobile-tab-btn__icon{margin-bottom:.25rem}.nowrap{white-space:nowrap}.desktop-header-inner{max-width:80rem;margin:0 auto;padding:1rem}.desktop-header-row{display:flex;align-items:center;justify-content:space-between}.desktop-tab-scroll{max-width:80rem;margin:2rem auto 0;padding:0 1rem}.desktop-tab-bar{display:flex;gap:1rem}.desktop-tab-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;transition:color .15s;border-bottom-width:2px;border-bottom-style:solid}.tab--selected{border-color:#0891b2;color:#0891b2}.tab--unselected{border-color:transparent;color:#4b5563}.tab--unselected:hover{color:#111827}:is(.dark) .tab--selected{border-color:#2dd4bf;color:#2dd4bf}:is(.dark) .tab--unselected{color:#9ca3af}:is(.dark) .tab--unselected:hover{color:#e5e7eb}.responsive-layout__main{max-width:80rem;margin:0 auto;padding:.5rem 1rem}.program-card-list{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}@media (max-width: 1024px){.program-card-list{grid-template-columns:repeat(4,1fr);gap:12px}}@media (max-width: 768px){.program-card-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}}.program-list-empty-state{text-align:center;padding:40px;color:var(--color-text-muted);font-style:italic}.program-list-section{margin-bottom:20px}.program-list-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:5px;flex-wrap:wrap;gap:8px}.program-list-type-bar{flex:1;border-bottom:2px solid var(--color-border-secondary)}.program-list-section-title{font-size:18px;font-weight:600;color:var(--color-text-secondary);margin:0;display:flex;align-items:center;gap:8px}.program-list-controls{display:flex;gap:6px;align-items:center}.program-list-pin-button{color:var(--color-pin-button);border:none;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:14px}.program-list-pin-button:hover{opacity:.8}.program-list-pinned-button{color:var(--color-pinned-button);border:none;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:14px}.program-list-pinned-button:hover{opacity:.8}.program-list-card{background:var(--color-transparent-bg);border:1px solid var(--color-border-primary);border-radius:10px;overflow:hidden;transition:all .2s ease;display:flex;flex-direction:column;cursor:pointer;position:relative;padding:6px}.program-list-card:hover{box-shadow:0 2px 8px #0000001a}.program-list-pending-badge{position:absolute;top:8px;right:8px;padding:2px 6px;font-size:10px;background-color:#fef3c7;color:#f59e0b;border-radius:4px;font-weight:600;border:1px solid #f59e0b;z-index:10;opacity:.9}.program-list-program-name{font-size:14px;font-weight:700;padding:2px;text-align:center;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.program-list-thumbnail-section{display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.program-list-thumbnail{width:180px;height:78px}@media (max-width: 1024px){.program-list-thumbnail{width:160px;height:70px}}@media (max-width: 768px){.program-list-thumbnail{width:120px;height:52px}}.program-editor-container{display:flex;border:1px solid var(--color-border-secondary);border-radius:12px;flex-direction:column;gap:8px;max-width:1200px;margin:0 auto;background-color:var(--color-transparent-bg);padding-bottom:16px}.program-editor-title{font-size:20px;font-weight:700;color:var(--color-text-primary);background:var(--title-gradient);border-top-left-radius:12px;border-top-right-radius:12px;padding:6px 12px;justify-content:center;margin:0;display:flex}.program-editor-title-text{flex:1;display:flex;align-items:center;font-weight:700}.program-editor-main-content{border:1px solid var(--color-border-primary);border-radius:8px;background-color:var(--color-bg-elevated);overflow:hidden;margin-left:8px;margin-right:8px}.program-editor-row{width:100%;padding-left:8px;padding-right:8px}.program-editor-name-section{flex:1}.program-editor-name-input{width:100%;padding:2px 12px;font-size:16px;font-weight:600;border:1px solid var(--color-border-primary);border-radius:8px;background-color:var(--color-input-bg);color:var(--color-input-text);outline:none}.program-editor-subtitle-row{display:flex;align-items:center;justify-content:space-between;margin-top:8px;gap:12px}.program-editor-subtitle{font-size:13px;color:var(--color-text-tertiary);padding-left:12px}.program-editor-revert-select{padding:4px 8px;font-size:13px;background-color:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:6px;color:var(--color-input-text);cursor:pointer}.program-editor-lamp-type-selector{padding:12px;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:6px}.program-editor-error-container{background-color:var(--color-error-bg);border:1px solid var(--color-error);border-radius:6px;padding:12px;font-size:13px;color:var(--color-error)}.program-editor-error-list{margin-left:20px;margin-top:5px}.program-editor-field{margin-bottom:15px}.program-editor-label{display:block;margin-bottom:5px;font-size:14px;color:var(--color-text-secondary);font-weight:600}.program-editor-input,.program-editor-select{width:100%;padding:8px;background-color:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:6px;color:var(--color-input-text);font-size:14px}.program-editor-control-row{padding-top:8px;padding-bottom:8px}.program-editor-control-button{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--color-text-primary);border-radius:6px;cursor:pointer;transition:all .2s;min-width:50px}.program-editor-control-button svg{fill:var(--color-text-primary)}.program-editor-control-button:disabled{opacity:.4;cursor:not-allowed}.program-editor-control-button-text{font-size:12px}.program-editor-chart-container{display:flex;flex-direction:column}.program-editor-slider-section{display:flex;flex-direction:column;gap:12px}.program-editor-virtual-point-info{background-color:var(--color-warning-text-bg);border-radius:4px;padding:2px 12px;margin-left:20%;margin-right:20%;margin-bottom:6px;font-size:10px;text-align:center;color:var(--color-text-inverse)}.program-editor-no-point-selected{padding:32px 16px;text-align:center;color:var(--color-text-tertiary);font-style:italic;font-size:13px;background-color:var(--color-bg-primary);border:1px solid var(--color-border-secondary);border-radius:8px}.program-editor-action-bar{display:flex;gap:12px;justify-content:space-between;padding-left:16px;padding-right:16px}.program-editor-action-buttons{display:flex;align-items:center;justify-content:center;gap:4px}.program-editor-apply-cancel-buttons{display:flex;align-items:center;gap:4px}.program-editor-hidden-file-input{display:none}.program-editor-two-col{display:flex;flex-direction:column}@media (min-width: 1024px){.program-editor-two-col{display:grid;grid-template-columns:3fr 2fr}}.program-editor-col-primary{display:flex;flex-direction:column;background-color:var(--color-bg-elevated);padding:8px;min-width:0;overflow:hidden}.program-editor-col-secondary{display:flex;flex-direction:column;background-color:var(--color-program-editor-bg);padding:8px}.points-table-wrapper{display:flex;border-top:1px solid var(--color-border-primary);border-bottom:1px solid var(--color-border-primary);overflow:hidden;margin-top:8px;font-size:12px;min-width:0;max-width:100%}.points-table-fixed-col{flex-shrink:0;display:flex;flex-direction:column;background-color:var(--color-table-header-bg);z-index:1}.points-table-label-cell{padding:1px 6px;font-weight:600;font-size:12px;color:var(--color-text-secondary);white-space:nowrap;border-bottom:1px solid var(--color-border-secondary);min-height:20px;display:flex;align-items:center}.points-table-label-cell:last-child{border-bottom:none}.points-table-scroll-area{flex:1;overflow-x:auto;overflow-y:hidden}.points-table-columns{display:flex}.points-table-column{display:flex;flex-direction:column;min-width:44px;cursor:pointer;transition:background-color .15s;border-right:1px solid var(--color-border-secondary)}.points-table-column:last-child{border-right:none}.points-table-column:hover{background-color:var(--color-bg-secondary)}.points-table-column-selected{background-color:var(--color-accent-subtle, rgba(59, 130, 246, .1));border-left:2px solid var(--color-accent, #3b82f6);border-right:2px solid var(--color-accent, #3b82f6)}.points-table-data-cell{padding:1px 13px;font-size:12px;font-family:monospace;text-align:center;color:var(--color-text-primary);border-bottom:1px solid var(--color-border-secondary);min-height:20px;display:flex;align-items:center;justify-content:center}.points-table-data-cell:last-child{border-bottom:none}.points-table-time-cell{font-weight:600;color:var(--color-info)}.points-table-cell-editable{cursor:text}.points-table-cell-editable:hover{background-color:var(--color-accent-subtle, rgba(59, 130, 246, .08))}.points-table-cell-input{width:100%;max-width:44px;border:none;outline:none;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:12px;font-family:monospace;text-align:center;padding:0;margin:0;-moz-appearance:textfield;box-shadow:inset 0 0 0 1px var(--color-accent, #3b82f6);border-radius:2px;min-height:16px}.points-table-cell-input::-webkit-outer-spin-button,.points-table-cell-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.program-editor-slider-container{display:flex;flex-direction:column;gap:12px}.program-editor-slider-nav{display:flex;align-items:center;justify-content:space-evenly;padding-top:8px;padding-bottom:8px}.program-editor-slider-nav-button{gap:2px;padding:6px;border-bottom:1px solid var(--color-border-primary);color:var(--color-text-primary);width:40%;cursor:pointer;transition:all .2s;height:100%}.program-editor-slider-nav-button-disabled{opacity:.4;cursor:not-allowed}.program-editor-slider-nav-button-text{font-size:12px}.program-editor-slider-nav-time-container{width:100%;padding:8px;border-left:1px solid var(--color-border-primary);border-right:1px solid var(--color-border-primary);border-top:1px solid var(--color-border-primary);border-top-right-radius:6px;border-top-left-radius:6px}.program-editor-slider-nav-time{font-size:20px;font-weight:700;font-family:monospace;width:100%;text-align:center;padding:4px 0;border:1px solid var(--color-border-primary);background-color:var(--color-none-transparent-bg);color:var(--color-info);letter-spacing:.2rem}.program-editor-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000026;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:12px}.program-editor-loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:program-editor-spin .8s linear infinite}@keyframes program-editor-spin{to{transform:rotate(360deg)}}.program-editor-fab-overlay{position:fixed;bottom:0;left:0;right:0;z-index:50;display:flex;justify-content:flex-end;padding:8px 18px;background-color:#0003;pointer-events:none;animation:program-editor-fab-fade-in .2s ease-out}.program-editor-fab-buttons{display:flex;gap:8px;pointer-events:auto}.program-editor-fab-buttons .primary-button{box-shadow:0 2px 8px #0000004d}@keyframes program-editor-fab-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.effect-selector-section{display:flex;flex-direction:column;gap:8px;padding:8px 0;border-top:1px solid var(--color-border-secondary)}.effect-selector-label{font-size:13px;font-weight:600;color:var(--color-text-secondary)}.effect-selector-buttons{display:flex;flex-wrap:wrap;gap:6px}.effect-selector-button{padding:4px 10px;font-size:12px;font-weight:500;border:1px solid var(--color-border-primary);border-radius:16px;background-color:var(--color-bg-primary);color:var(--color-text-secondary);cursor:pointer;transition:all .15s;white-space:nowrap}.effect-selector-button:hover:not(:disabled){border-color:var(--color-accent, #3b82f6);color:var(--color-text-primary)}.effect-selector-button:disabled{opacity:.4;cursor:not-allowed}.effect-selector-button-active{background-color:var(--color-accent, #3b82f6);border-color:var(--color-accent, #3b82f6);color:#fff}.effect-selector-button-active:hover:not(:disabled){color:#fff}.effect-selector-options{display:flex;gap:12px}.effect-selector-option{display:flex;flex-direction:column;gap:4px;flex:1}.effect-selector-option-label{font-size:12px;font-weight:500;color:var(--color-text-tertiary)}.effect-selector-select{padding:4px 8px;font-size:13px;background-color:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:6px;color:var(--color-input-text);cursor:pointer}.effect-selector-select:disabled{opacity:.4;cursor:not-allowed}.points-table-effect-cell{font-family:sans-serif;font-size:10px;color:var(--color-text-tertiary)}.points-table-effect-active{color:var(--color-accent, #3b82f6);font-weight:600}.program-editor-slider-nav-time-input{padding:4px 0;background-color:var(--color-none-transparent-bg);color:var(--color-info);letter-spacing:.2rem;font-weight:700;font-size:20px;font-family:monospace;width:100%;text-align:center;border:none;outline:none}.program-toolbar-button{min-width:24px}@media (min-width: 768px){.program-toolbar-button{min-width:80px}}.program-management-container{border-radius:8px;margin-bottom:20px;position:relative}.program-management-header-row{display:flex;justify-content:flex-end;align-items:center;margin-bottom:16px;gap:12px}.program-management-engineer-toggle{display:none;padding:12px 16px;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:6px}.program-management-button-group{display:flex;gap:8px;align-items:center}.program-management-toggle-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;font-weight:600;color:var(--color-text-primary)}.program-management-toggle-input{width:18px;height:18px;cursor:pointer;accent-color:var(--color-warning)}.program-management-toggle-text{color:var(--color-warning)}.program-management-toggle-hint{font-size:12px;color:var(--color-text-muted);font-weight:400}.program-management-bulk-button{padding:10px 20px;font-size:14px;font-weight:600;background-color:var(--color-warning);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.program-management-bulk-button:hover{opacity:.9}.program-management-loading-text{text-align:center;color:var(--color-text-tertiary);font-size:14px;padding:20px}.program-management-error-text{text-align:center;color:var(--color-error);font-size:14px;padding:20px}.group-accordion-container{background:var(--color-transparent-bg);outline:1px solid var(--color-border-primary);border-radius:8px;margin-bottom:12px;overflow:hidden;position:relative;cursor:pointer}.group-accordion-container.pending{outline:2px solid var(--color-unapplied-border)}.group-accordion-header{display:grid;gap:12px;align-items:center;transition:background-color .2s;min-height:80px}.group-accordion-header.mobile{grid-template-columns:auto 1fr;padding:8px}.group-accordion-header.desktop{grid-template-columns:auto 1fr auto;padding:10px}.group-accordion-toggle-section{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:6px;cursor:pointer;height:100%}.group-accordion-toggle-switch{position:relative;width:40px;height:20px;border-radius:10px;transition:background-color .3s;display:flex;align-items:center;padding:4px}.group-accordion-toggle-switch.on{background-color:var(--color-success)}.group-accordion-toggle-switch.off{background-color:var(--color-bg-tertiary)}.group-accordion-toggle-circle{width:16px;height:16px;background-color:#fff;border-radius:50%;transition:transform .3s;box-shadow:0 2px 4px #0003;display:flex;align-items:center;justify-content:center}.group-accordion-toggle-circle.on{transform:translate(18px)}.group-accordion-toggle-circle.off{transform:translate(0)}.group-accordion-info-section{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.group-accordion-name-row{display:flex;align-items:center;justify-content:space-between}.group-accordion-name{font-size:18px;font-weight:700;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.group-accordion-details-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.group-accordion-details-row.split,.group-accordion-details-row.desktop-fixed{flex-wrap:nowrap}.detail-lamp-count{width:60px;flex-shrink:0}.detail-lamp-type{width:100px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-program-name{width:200px;flex-shrink:0;display:flex;align-items:center;gap:4px;overflow:hidden}.detail-program-icon{flex-shrink:0;display:flex;align-items:center}.detail-program-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-value{width:60px;flex-shrink:0}.group-accordion-detail-half{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:4px;font-size:13px;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-accordion-detail-item{font-size:13px;color:var(--color-text-secondary);display:flex;align-items:center;gap:4px}.group-accordion-detail-separator{font-size:13px;color:var(--color-text-tertiary)}.group-accordion-detail-gap{width:16px}.group-accordion-expand-section{display:flex;align-items:center;justify-content:center}.group-accordion-chevron-inline{display:flex;align-items:center;justify-content:center;margin-left:8px}.group-accordion-expand-button{background:transparent;color:var(--color-text-secondary);border:none;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:color .2s}@media (min-width: 768px){.group-card-item .middle-column{min-width:300px}.group-card-item .delete-section{display:flex;gap:8px;flex-direction:row}}@media (max-width: 767px) and (min-width: 480px){.group-card-item{padding:10px 14px!important;gap:12px!important}.group-card-item .toggle-section button{min-width:48px!important;padding:7px 10px!important}.group-card-item .middle-column,.group-card-item .name-row{gap:6px!important}.group-card-item .mode-row,.group-card-item .values-row{gap:10px!important}}@media (max-width: 479px){.group-card-item{padding:10px 12px!important;gap:10px!important}.group-card-item .toggle-section button{min-width:44px!important;padding:6px 8px!important;font-size:14px!important}.group-card-item .middle-column,.group-card-item .name-row,.group-card-item .name-info{gap:6px!important}.group-card-item .group-name{font-size:13px!important}.group-card-item .group-meta{font-size:10px!important}.group-card-item .mode-row,.group-card-item .values-row{gap:8px!important}.group-card-item .mode-badge{font-size:11px!important;padding:3px 8px!important}.group-card-item .delete-section button,.group-card-item .name-row button{padding:4px!important}.group-card-item .delete-section{display:flex;gap:8px;flex-direction:column}}@media (max-width: 360px){.group-card-item{padding:8px 10px!important;gap:8px!important}.group-card-item .toggle-section button{min-width:40px!important;padding:5px 6px!important;font-size:13px!important}.group-card-item .middle-column{gap:5px!important}.group-card-item .name-info{font-size:12px!important}.group-card-item .mode-row,.group-card-item .values-row{gap:6px!important}.group-card-item .mode-section{width:100%}.group-card-item .delete-section{display:flex;gap:8px;flex-direction:column}}.reorder-container{display:flex;flex-direction:column;gap:12px}.reorder-header{display:flex;justify-content:space-between;align-items:center;padding:0 4px}.reorder-title{font-size:16px;font-weight:600;color:var(--color-text-primary)}.reorder-actions{display:flex;gap:8px;align-items:center}.reorder-cancel-btn{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border-primary);padding:6px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500}.reorder-cancel-btn:hover{background:var(--color-bg-secondary)}.reorder-save-btn{padding:6px 16px;border-radius:6px;font-size:14px;font-weight:500}.reorder-list{display:flex;flex-direction:column;gap:0}.reorder-item{display:flex;align-items:center;gap:12px;padding:14px 12px;background:var(--color-transparent-bg);outline:1px solid var(--color-border-primary);border-radius:8px;margin-bottom:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.reorder-item.dragging{outline:2px solid var(--color-primary);box-shadow:0 4px 12px #00000026;z-index:10}.reorder-drag-handle{display:flex;align-items:center;justify-content:center;cursor:grab;color:var(--color-text-tertiary);padding:4px;border-radius:4px;flex-shrink:0}.reorder-drag-handle svg{fill:var(--color-button-primary-text)}.reorder-drag-handle:active{cursor:grabbing}.reorder-drag-handle:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.reorder-item-info{display:flex;flex-direction:column;flex:1;min-width:0;gap:4px}.reorder-item-name-row{display:flex;align-items:center}.reorder-item-name{font-size:18px;font-weight:700;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reorder-item-details-row{display:flex;align-items:center;gap:8px}.reorder-item-detail{font-size:13px;color:var(--color-text-secondary);white-space:nowrap}.lamp-management-title{display:flex;align-items:center;gap:12px;margin:0;font-size:18px;font-weight:700;color:var(--color-text-primary)}.lamp-management-title svg{fill:var(--color-text-primary)}.lamp-management-content{padding:20px}.lamp-management-section{margin-bottom:20px}.lamp-management-button-section{display:flex;justify-content:center;flex-direction:column;align-items:center}.lamp-management-button-section svg{fill:var(--color-text-primary)}.lamp-management-info-grid{display:flex;flex-direction:column;gap:8px}.lamp-management-info-row{display:flex;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--color-border-secondary);border-radius:4px}.lamp-management-info-label{font-size:13px;font-weight:500;color:var(--color-text-secondary)}.lamp-management-info-value{font-size:13px;color:var(--color-text-primary);font-family:monospace}.lamp-management-find-me-button{display:flex;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:600;border:1px solid var(--color-border-primary);border-radius:6px;cursor:pointer}.lamp-management-find-me-button-active{display:flex;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:600;border:1px solid var(--color-border-primary);border-radius:6px;cursor:not-allowed}.lamp-management-find-me-hint{margin-top:8px;font-size:12px;color:var(--color-text-secondary);text-align:center;font-style:italic}.move-lamps-container{display:flex;border:1px solid var(--color-border-secondary);border-radius:12px;flex-direction:column;gap:16px;max-width:800px;margin:0 auto;background-color:var(--color-transparent-bg);padding-bottom:16px}.move-lamps-title{font-size:20px;font-weight:700;color:var(--color-text-primary);background:var(--title-gradient);border-top-left-radius:12px;border-top-right-radius:12px;padding:6px 12px;margin:0}.move-lamps-content-desktop{display:flex;flex-direction:row;align-items:stretch;padding:0 16px}.move-lamps-content-mobile{display:flex;flex-direction:column;gap:16px}.move-lamps-block{flex:1;border-radius:12px;padding:12px 16px;min-width:0}.move-lamps-other-group-wrapper-desktop,.move-lamps-other-group-wrapper-mobile{position:relative;flex:1;min-width:0}.move-lamps-other-group-block-desktop{flex:1;border:1px solid var(--color-border-primary);border-radius:4px;padding:12px 12px 16px 40px;min-width:0;margin-left:6px;margin-right:6px}.move-lamps-other-group-block-mobile{flex:1;border:1px solid var(--color-border-primary);border-radius:4px;padding:32px 12px 16px;min-width:0;margin-left:6px;margin-right:6px}.move-lamps-block-header{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;margin-bottom:4px;flex-wrap:wrap}.move-lamps-block-title{font-size:13px;color:var(--color-text-primary);letter-spacing:.05em}.move-lamps-group-name{font-size:16px;font-weight:700;color:var(--color-text-primary);margin:0}.move-lamps-group-select{padding:8px 12px;font-weight:700;font-size:16px;border:1px solid var(--color-input-border);border-radius:6px;background-color:var(--color-input-bg);color:var(--color-input-text);cursor:pointer;width:100%}.move-lamps-lamp-grid-container{min-height:200px}.move-lamps-lamp-grid{display:grid;grid-template-columns:repeat(auto-fill,44px);justify-content:start;align-items:center;gap:10px}.move-lamps-lamp-card{padding:6px 0;border:1px solid var(--color-lamp-card-border);border-radius:4px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;margin-top:4px;max-height:50px;background-color:var(--color-none-transparent-bg)}.move-lamps-lamp-card-selected{outline:2px solid var(--color-lamp-card-selected-border)}.move-lamps-lamp-card-offline{opacity:.4;cursor:not-allowed;pointer-events:auto}.move-lamps-lamp-card-blinking{animation:lamp-blink .6s ease-in-out infinite;border-color:var(--color-lamp-card-selected-border)}@keyframes lamp-blink{0%,to{opacity:1}50%{opacity:.3}}.move-lamps-lamp-header{display:flex;flex-direction:column;align-items:center}.move-lamps-lamp-header svg{fill:var(--color-text-primary)}.move-lamps-lamp-id{font-size:10px;font-weight:600;color:inherit}.move-lamps-no-lamps{padding:32px 16px;text-align:center;color:var(--color-text-tertiary);font-style:italic;font-size:13px}.move-lamps-action-buttons-desktop{position:absolute;left:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;align-items:center;margin-left:-25px;z-index:1}.move-lamps-action-buttons-mobile{position:absolute;left:50%;top:0;transform:translate(-50%) translateY(-50%);display:flex;flex-direction:row;gap:12px;align-items:center;z-index:1}.move-lamps-move-button{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:4px;border:1px solid var(--color-border-primary);background-color:var(--color-none-transparent-bg);border-radius:50%;cursor:pointer;width:50px;height:50px;transition:all .2s}.move-lamps-move-button svg{fill:var(--color-text-primary)}.move-lamps-button-text{font-size:10px}.move-lamps-button-rotate{transform:rotate(270deg)}.move-lamps-find-me-button{display:flex;align-items:center;flex-direction:column;padding:4px;background-color:var(--color-none-transparent-bg);color:var(--color-text-primary);border:1px solid var(--color-border-primary);border-radius:50%;cursor:pointer;width:50px;height:50px;font-size:14px;transition:all .2s}.move-lamps-find-me-button svg{fill:var(--color-text-primary)}.move-lamps-find-me-button-active{animation:lamp-blink .6s ease-in-out infinite}.move-lamps-find-me-button-disabled{cursor:not-allowed!important;color:var(--color-text-tertiary)}.move-lamps-find-me-button-disabled svg{fill:var(--color-text-tertiary)}.move-lamps-button-disabled{cursor:not-allowed!important;color:var(--color-text-tertiary)}.move-lamps-button-disabled svg{fill:var(--color-text-tertiary)}.move-lamps-selection-info{padding:12px 16px;background-color:var(--color-info-bg);border-radius:8px;text-align:center;font-size:14px;font-weight:500;margin:0 16px}.move-lamps-staged-info{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background-color:var(--color-warning-bg);color:var(--color-warning);border-radius:8px;text-align:center;font-size:14px;font-weight:500;margin:0 16px}.move-lamps-action-bar{display:flex;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border-primary);justify-content:center}.move-lamps-action-buttons{display:flex;align-items:center;justify-content:center;gap:12px}.settings-desktop-container{display:flex;padding:0;min-height:calc(100vh - 146px);border:1px solid var(--color-border-secondary);border-radius:12px;background:var(--color-transparent-bg);overflow:hidden}.settings-desktop-sidebar{width:260px;padding-left:16px;border-right:1px solid var(--color-border-primary);padding-top:16px;padding-bottom:16px}.settings-desktop-sidebar-button{display:flex;align-items:center;gap:8px;width:100%;padding:4px 16px;text-align:left;font-size:16px;font-weight:500;color:var(--color-text-primary);background-color:var(--color-semi-transparent-bg);border-top:1px solid var(--color-border-primary);border-left:1px solid var(--color-border-primary);border-bottom:1px solid var(--color-border-primary);border-top-left-radius:8px;border-bottom-left-radius:8px;cursor:pointer;transition:background-color .2s,color .2s;margin-bottom:8px}.settings-desktop-sidebar-button svg{fill:var(--color-text-primary)}.settings-desktop-sidebar-button-active{background:var(--settings-sidebar-gradient);font-weight:600}.settings-sidebar-title{font-size:26px;padding-left:16px;padding-bottom:8px}.settings-desktop-main-content{flex:1}.toggle-switch{position:relative;display:inline-block;width:40px;height:20px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-border-primary);transition:.3s;border-radius:20px}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:var(--color-input-toggle-bg);transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-success)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px);background-color:var(--color-input-toggle-bg)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 2px var(--color-primary-light)}.theme-option{cursor:pointer;transition:all .2s ease}.theme-option:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.feature-item{position:relative;padding-left:24px}.feature-item:before{content:"✓";position:absolute;left:0;color:var(--color-success);font-weight:600}.resource-link:hover{background-color:var(--color-bg-active);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.settings-content{scroll-behavior:smooth}@media (max-width: 768px){.settings-sidebar{width:100%;flex-direction:row!important;overflow-x:auto}.settings-content{flex-direction:column}.theme-selector{grid-template-columns:1fr!important}body{overflow-x:hidden}.mobile-settings-list{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.mobile-settings-item{-webkit-tap-highlight-color:rgba(0,0,0,.05)}*{-webkit-overflow-scrolling:touch}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.setting-card{animation:fadeIn .3s ease-out}.settings-modal-backdrop{background-color:var(--color-bg-primary);min-height:100vh}@media (max-width: 768px){input,select,textarea{font-size:16px!important}.mobile-settings-page-enter{transform:translate(100%)}.mobile-settings-page-enter-active{transform:translate(0);transition:transform .3s ease-out}.mobile-settings-page-exit{transform:translate(0)}.mobile-settings-page-exit-active{transform:translate(-30%);opacity:.5;transition:all .3s ease-out}.mobile-settings-header{padding-top:env(safe-area-inset-top);padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.mobile-settings-list{padding-bottom:max(24px,env(safe-area-inset-bottom))}button,.mobile-settings-item,*{touch-action:manipulation}}:root{--breakpoint-mobile: 640px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1024px;--breakpoint-wide: 1280px;--spacing-xs: 2px;--spacing-sm: 4px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--touch-target-min: 44px;--button-height-mobile: 44px;--button-height-desktop: 40px;--container-mobile: 100%;--container-tablet: 720px;--container-desktop: 960px;--container-wide: 1200px}html{font-size:16px;-webkit-text-size-adjust:100%}body{min-height:100vh;min-height:-webkit-fill-available;overflow-x:hidden}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}@media (min-width: 640px){.container{max-width:var(--container-tablet)}}@media (min-width: 1024px){.container{max-width:var(--container-desktop);padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}}@media (min-width: 1280px){.container{max-width:var(--container-wide)}}.grid{display:grid;gap:var(--spacing-md)}@media (min-width: 640px){.grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}}.flex-col-mobile{display:flex;flex-direction:column;gap:var(--spacing-md)}@media (min-width: 768px){.flex-row-tablet{flex-direction:row;align-items:center}}a,input[type=checkbox],input[type=radio]{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.hide-mobile{display:none}@media (min-width: 768px){.hide-mobile{display:initial}.hide-tablet{display:none}}@media (min-width: 1024px){.hide-desktop{display:none}.show-desktop{display:initial}}@media (max-width: 767px){header{flex-direction:column!important;align-items:flex-start!important;gap:var(--spacing-md)!important}.tabs-container{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.tabs-container::-webkit-scrollbar{display:none}.button-mobile-full{width:100%}.card-mobile{padding:var(--spacing-md)!important}form{display:flex;flex-direction:column;gap:var(--spacing-md)}}@media (min-width: 768px) and (max-width: 1023px){.container{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}}@media (max-width: 767px){.modal-container{width:95vw!important;max-width:95vw!important;margin:var(--spacing-md);max-height:90vh;overflow-y:auto}.modal-content{padding:var(--spacing-md)!important}}@media (max-width: 767px){.accordion-item{margin-bottom:var(--spacing-sm)}.accordion-header,.accordion-content{padding:var(--spacing-sm) var(--spacing-md)!important}}@media (max-width: 767px){.loading-spinner{width:48px!important;height:48px!important}.loading-message{font-size:var(--font-size-sm)!important}}@media (max-width: 767px){.notification-item{padding:var(--spacing-md)!important}.notification-actions{flex-direction:column;gap:var(--spacing-sm)}}@media (max-width: 767px){.device-card{grid-template-columns:1fr!important}.device-info{flex-direction:column;align-items:flex-start!important}}@media (max-width: 767px){table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}th,td{white-space:nowrap;padding:var(--spacing-sm)!important}}@media (max-width: 767px){input,select,textarea{font-size:16px!important}select{-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='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px!important}}@media (hover: none) and (pointer: coarse){button,a{padding:var(--spacing-md) var(--spacing-lg)}.interactive-list>*+*{margin-top:var(--spacing-sm)}}@media (max-width: 767px) and (orientation: landscape){.modal-container{max-height:85vh}header{padding:var(--spacing-sm) var(--spacing-md)!important}}@supports (padding: max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right));padding-bottom:max(0px,env(safe-area-inset-bottom))}}.current-status-desktop{display:none}.current-status-mobile{display:flex;flex-direction:column;gap:8px}.current-status-mobile-bottom{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start}.current-status-mobile-values{flex:1}.current-status-mobile-thumbnail{display:flex;align-items:center;justify-content:center}@media (min-width: 768px){.current-status-desktop{display:grid;grid-template-columns:120px 1fr 220px;gap:16px;align-items:start}.current-status-mobile{display:none}.current-status-label-column{display:flex;flex-direction:column;justify-content:flex-start}.current-status-label-column h3{margin:0}.current-status-controls-column{display:flex;flex-direction:column;gap:12px}.current-status-thumbnail-column{display:flex;align-items:center;justify-content:center}}@media print{.no-print{display:none!important}body{background:#fff!important;color:#000!important}}.gradient-button{padding:4px 12px;font-size:14px;background:var(--button-gradient);font-weight:600;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:2px}.gradient-button svg{fill:#fff}.primary-button-sm{background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text);border:1px solid var(--color-button-primary-border);padding:2px 10px;font-size:16px;border-radius:8px}.primary-button{background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text);border:1px solid var(--color-button-primary-border);padding:6px 8px;font-size:14px;border-radius:8px}.primary-icon-button{background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text);border:1px solid var(--color-button-primary-border);padding:0 6px;font-size:14px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;width:-moz-fit-content;width:fit-content}.icon-only-button svg,.primary-icon-button svg{fill:var(--color-button-primary-text)}.icon-only-button{padding:2px;background-color:var(--color-button-primary-bg);border:1px solid var(--color-button-primary-border);border-radius:8px}.button-disabled{color:#999;border:1px solid #999999;cursor:not-allowed!important}.button-disabled svg{fill:#999!important}.dashboard-splitter{border-top:1px solid var(--color-dashboard-splitter)}.group-editor-container{display:flex;border:1px solid var(--color-border-secondary);border-radius:12px;flex-direction:column;margin:0 auto;background-color:var(--color-transparent-bg);padding-bottom:16px}.group-editor-title{font-size:20px;font-weight:700;color:var(--color-text-primary);background:var(--title-gradient);border-top-left-radius:12px;border-top-right-radius:12px;padding:6px 12px;margin:0}.group-editor-row{width:100%;padding-left:16px;padding-right:16px}.group-editor-name-section{padding-top:8px;flex:1}.group-editor-name-input{width:100%;padding:2px 12px;font-size:16px;font-weight:600;border:1px solid var(--color-border-primary);border-radius:8px;background-color:var(--color-input-bg);color:var(--color-input-text);outline:none}.group-editor-name-input:disabled{background-color:var(--color-input-bg-disabled);color:var(--color-input-text-disabled);cursor:not-allowed}.group-editor-subtitle{font-size:13px;color:var(--color-text-tertiary);padding-top:4px;padding-bottom:4px}.group-editor-divider{height:1px;background-color:var(--color-border-secondary)}.group-editor-section-card{padding-top:8px;padding-bottom:8px}.group-editor-section-title{font-size:14px;font-weight:600;color:var(--color-text-secondary);letter-spacing:.05em}.group-editor-section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.group-editor-form-group{margin-bottom:16px}.group-editor-label{display:block;font-size:13px;font-weight:600;color:var(--color-text-secondary);margin-bottom:6px}.group-editor-select{width:100%;padding:2px 12px;font-size:16px;border:1px solid var(--color-input-border);border-radius:6px;background-color:var(--color-input-bg);color:var(--color-input-text);cursor:pointer}.group-editor-thumbnail-placeholder{width:100%;height:120px;background-color:var(--color-bg-primary);border:2px dashed var(--color-border-secondary);border-radius:8px;display:flex;align-items:center;justify-content:center}.group-editor-thumbnail-placeholder-small{width:140px;height:100px;background-color:var(--color-bg-primary);border:2px dashed var(--color-border-secondary);border-radius:8px;display:flex;align-items:center;justify-content:center}.group-editor-thumbnail-text{font-size:12px;color:var(--color-text-tertiary);font-style:italic}.group-editor-values-display{display:flex;gap:12px}.group-editor-value-item{display:flex;align-items:center;gap:8px;flex:1;padding:6px;border-radius:8px}.group-editor-value-item-vertical{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1;padding:6px;border-radius:8px}.group-editor-value-label{font-size:12px;color:var(--color-text-secondary)}.group-editor-value-number{font-size:20px;color:var(--color-digits);font-family:monospace;letter-spacing:.05rem}.group-editor-value-percentage{font-size:14px;color:var(--color-digits);margin-left:2px}.group-editor-manual-ui-section{margin-top:8px}.group-editor-live-toggle-label{display:flex;align-items:center;gap:6px;cursor:pointer}.group-editor-live-toggle-text{font-size:12px;color:var(--color-text-secondary);font-weight:500}.group-editor-help-text{font-size:11px;color:var(--color-text-tertiary);margin:4px 0 8px}.group-editor-sliders-wrapper{display:flex;flex-direction:column;gap:16px}.group-editor-acclimation-row{display:grid;grid-template-columns:100px 1fr 1fr 20px;gap:12px;align-items:center}.group-editor-lunar-title,.group-editor-acclimation-title{font-size:14px;letter-spacing:.05em}.group-editor-acclimation-column{display:flex;flex-direction:column;gap:4px;cursor:pointer;justify-content:space-between}.group-editor-acclimation-progress-label{font-size:12px;padding-top:4px}.group-editor-acclimation-progress,.group-editor-acclimation-percentage{font-size:18px;font-weight:700;color:var(--color-digits);font-family:monospace}.group-editor-acclimation-chevron{display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);cursor:pointer}.group-editor-lunar-inline{display:grid;grid-template-columns:100px 1fr 1fr;gap:12px;align-items:center;min-width:0;overflow:hidden}.group-editor-lunar-toggle-row{display:flex;flex-direction:column}.group-editor-lunar-field{display:flex;flex-direction:column;gap:4px;min-width:0}.group-editor-lunar-field-label{font-size:12px;font-weight:500;padding-top:4px;color:var(--color-text-secondary)}.group-editor-color-swatch{width:32px;height:32px;border-radius:6px;border:1px solid var(--color-border-primary)}.group-editor-move-lamps-button{display:flex;align-items:center;gap:4px;padding:6px 12px;font-size:12px;border:1px solid var(--color-button-border);border-radius:6px;cursor:pointer}.group-editor-lamp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:8px}.group-editor-lamp-card{padding:2px;border:1px solid var(--color-lamp-card-border);border-radius:4px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;margin-top:4px;max-height:50px;background-color:var(--color-none-transparent-bg)}.group-editor-lamp-card-offline{opacity:.4}.group-editor-lamp-header{display:flex;flex-direction:column;align-items:center}.group-editor-lamp-header svg{fill:var(--color-button-primary-text)}.group-editor-lamp-id{font-size:13px;font-weight:600;color:var(--color-text-primary)}.group-editor-no-lamps{padding:16px;text-align:center;color:var(--color-text-tertiary);font-style:italic;font-size:13px}.group-editor-action-bar{display:flex;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border-primary);justify-content:space-between;align-items:center;padding-left:16px;padding-right:16px}.group-editor-action-bar-spacer{width:54px}.group-editor-safe-mode-actions{display:flex;align-items:center;justify-content:center;gap:12px}.group-editor-fab-overlay{position:fixed;bottom:0;left:0;right:0;z-index:50;display:flex;justify-content:flex-end;padding:8px 18px;background-color:#0003;pointer-events:none;animation:group-editor-fab-fade-in .2s ease-out}.group-editor-fab-buttons{display:flex;gap:8px;pointer-events:auto}.group-editor-fab-buttons .primary-button{box-shadow:0 2px 8px #0000004d}@keyframes group-editor-fab-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.group-editor-form-container{padding:16px;display:flex;flex-direction:column;gap:16px}.group-editor-label-text{display:block;font-size:13px;font-weight:600;color:var(--color-text-secondary);margin-bottom:6px}.group-editor-input{flex:1;min-width:0;padding:6px 8px;font-size:14px;border-radius:6px;border:1px solid var(--color-input-border);background-color:var(--color-input-bg);color:var(--color-input-text);overflow:hidden;text-overflow:ellipsis}.group-editor-input:disabled{background-color:var(--color-bg-tertiary);color:var(--color-text-tertiary);cursor:not-allowed}.group-editor-input-row{display:flex;align-items:center;gap:8px}.group-editor-unit{font-size:14px;color:var(--color-text-secondary);font-weight:500}.group-editor-color-row{display:flex;align-items:center;gap:12px}.group-editor-color-input{width:60px;height:40px;padding:4px;border-radius:6px;border:1px solid var(--color-input-border);background-color:var(--color-input-bg);cursor:pointer}.group-editor-color-preview{width:100%;height:60px;border-radius:6px;border:2px solid var(--color-border-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.5)}.group-editor-preview-text{font-size:16px}.group-management-container{border-radius:8px;margin-bottom:20px;position:relative}.group-management-header-row{display:flex;justify-content:flex-end;gap:8px;margin-bottom:16px}.group-management-reorder-button{display:flex;align-items:center;gap:4px;background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border-primary);padding:6px 14px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500}.group-management-reorder-button:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.group-management-reorder-button:disabled{opacity:.6;cursor:not-allowed}.group-management-add-button:hover{opacity:.9}.group-management-add-button:disabled{opacity:.6;cursor:not-allowed}.group-management-content-wrapper{transition:all .3s ease}.group-management-error-banner{padding:16px;background-color:#7f1d1d;color:#fca5a5;border-radius:4px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;border:1px solid #991b1b}.group-management-loading-container{text-align:center;padding:40px 20px;color:#9ca3af;font-size:14px}.group-management-floating-action-bar{position:fixed;bottom:0;left:0;right:0;background-color:#00000080;border-top:1px solid var(--color-border-primary);padding:16px;display:flex;justify-content:center;z-index:999;box-shadow:0 -4px 12px #0000001a}.group-management-safe-mode-actions{display:flex;align-items:center;justify-content:center;gap:12px}.group-management-cancel-button{border:1px solid var(--color-border-primary);padding:12px 24px;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;background-color:var(--color-bg-primary);color:var(--color-text-primary)}.group-management-cancel-button:hover{opacity:.9}.group-management-apply-button{padding:12px 24px;font-size:14px;font-weight:600;border:1px solid var(--color-border-primary);border-radius:8px;cursor:pointer;background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text)}.group-management-apply-button:hover{opacity:.9}.mobile-settings-list{padding-bottom:24px}.mobile-settings-group{margin-bottom:24px}.mobile-settings-group-title{padding:12px 16px 8px;font-size:13px;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.mobile-settings-group-items{display:flex;gap:8px;flex-direction:column}.mobile-settings-group-footer{padding:8px 16px 12px;font-size:13px;color:var(--color-text-tertiary);line-height:1.5}.mobile-settings-item{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background-color:var(--color-transparent-bg);border:1px solid var(--color-border-button);border-radius:6px;transition:background-color .2s;min-height:48px}.mobile-settings-item.clickable{cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-settings-item.clickable:active{background-color:var(--color-bg-hover)}.mobile-settings-item.disabled{opacity:.5;cursor:not-allowed}.mobile-settings-item.danger .mobile-settings-item-label{color:#ef4444}.mobile-settings-item-content{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.mobile-settings-item-icon{font-size:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px}.mobile-settings-item-icon svg{fill:var(--color-text-primary)}.mobile-settings-item-label{font-size:16px;font-weight:500;color:var(--color-text-primary);flex:1;min-width:0}.mobile-settings-item-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.mobile-settings-item-value{font-size:16px;color:var(--color-text-tertiary);margin-right:4px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1}@media (max-width: 400px){.mobile-settings-item-value{max-width:180px}}.mobile-settings-item-chevron{font-size:28px;color:var(--color-text-quaternary);font-weight:300;line-height:1;margin-left:4px}.mobile-toggle-switch{position:relative;display:inline-block;width:51px;height:31px;flex-shrink:0}.mobile-toggle-switch input{opacity:0;width:0;height:0}.mobile-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-border-primary);transition:.3s;border-radius:31px}.mobile-toggle-slider:before{position:absolute;content:"";height:27px;width:27px;left:2px;bottom:2px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.mobile-toggle-switch input:checked+.mobile-toggle-slider{background-color:var(--color-primary)}.mobile-toggle-switch input:checked+.mobile-toggle-slider:before{transform:translate(20px)}.mobile-toggle-switch input:disabled+.mobile-toggle-slider{opacity:.5;cursor:not-allowed}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.mobile-settings-list.entering{animation:slideInRight .3s ease-out}.mobile-settings-list.exiting{animation:slideOutRight .3s ease-in}.mobile-settings-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-settings-header-left,.mobile-settings-header-right{min-width:60px;display:flex;align-items:center}.mobile-settings-header-left{justify-content:flex-start}.mobile-settings-header-right{justify-content:flex-end}.mobile-settings-header-title{flex:1;text-align:center;font-size:17px;font-weight:600;color:var(--color-text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px}.mobile-settings-back-button{display:flex;align-items:center;gap:2px;padding:6px 0;background:none;border:none;color:var(--color-primary);font-size:17px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .2s}.mobile-settings-back-button:active{opacity:.6}.mobile-settings-back-icon{font-size:32px;font-weight:300;line-height:1}.mobile-settings-back-text{font-weight:400}.delete-account-content{width:100%}.delete-account-text{font-size:16px;color:var(--color-text-primary);line-height:1.5}.delete-account-warning-box{background-color:#ef444426;border:2px solid rgba(239,68,68,.5);border-radius:8px;padding:16px;margin:16px 0;display:flex;align-items:center;gap:12px;color:#ef4444;font-weight:600}.delete-account-info{background-color:var(--color-bg-hover);border-radius:8px;padding:16px;margin:16px 0}.delete-account-info-label{font-size:13px;color:var(--color-text-secondary);margin-bottom:8px}.delete-account-info-value{font-size:16px;color:var(--color-text-primary);font-weight:500}.delete-account-confirm-section{margin:12px 0 0}.delete-account-confirm-label{display:block;font-size:15px;color:var(--color-text-primary);margin-bottom:12px;font-weight:500}.delete-account-confirm-code{display:inline-block;font-family:Courier New,monospace;font-weight:700;font-size:18px;color:#ef4444;background-color:#ef44441a;padding:8px 16px;border-radius:6px;margin:2px 4px;letter-spacing:2px}.delete-account-progress-list{list-style:none;padding:0;margin:16px 0}.delete-account-progress-list li{padding:10px 0;color:var(--color-text-secondary);font-size:15px}.delete-account-progress-list li.completed{color:#22c55e}.delete-account-progress-list li.in-progress{color:var(--color-primary);font-weight:500}.delete-account-note{text-align:center;font-size:14px;color:var(--color-text-tertiary);font-style:italic;margin-top:20px}.delete-account-success-list{list-style:none;padding:16px;margin:16px 0;background-color:#22c55e1a;border-radius:8px}.delete-account-success-list li{padding:8px 0;color:var(--color-text-secondary);font-size:15px}.delete-account-stats{background-color:var(--color-bg-hover);border-radius:8px;padding:16px;margin:16px 0}.delete-account-stats h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--color-text-primary)}.delete-account-stats ul{list-style:none;padding:0;margin:0}.delete-account-stats li{padding:4px 0;font-size:14px;color:var(--color-text-secondary)}.mobile-settings-section-container{border:1px solid var(--color-border-secondary);border-radius:12px;overflow:hidden;background-color:var(--color-none-transparent-bg)}.settings-section{display:flex;margin-bottom:24px;border-radius:12px;flex-direction:column;gap:16px}.settings-section-no-gap{gap:0}.settings-section-mobile{border:none;border-radius:0;border:1px solid var(--color-border-secondary);margin-bottom:0;gap:0}.settings-section-title{font-size:24px;font-weight:600;color:var(--color-text-primary);background:var(--title-gradient);padding:6px 10px 6px 16px}.settings-section-description{font-size:14px;color:var(--color-text-secondary);margin:0 0 24px}.settings-card{overflow:hidden;padding:12px}.settings-card-header{margin-bottom:12px}.settings-card-header-bordered{padding:20px 24px;border-bottom:1px solid var(--color-border-secondary)}.settings-card-title{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0 0 4px}.settings-card-title-small{font-size:16px}.settings-card-subtitle{font-size:14px;color:var(--color-text-secondary);margin:0}.settings-card-subtitle-small{font-size:13px;color:var(--color-text-tertiary)}.settings-card-body{display:flex;flex-direction:column;gap:8px}.settings-card-body-padded{padding:24px}.settings-card-body-padded-sm{padding-left:16px;padding-right:16px;padding-bottom:16px}.settings-splitter{border-bottom:1px solid var(--color-border-secondary)}.settings-info-row{display:flex;justify-content:space-between;align-items:center}.settings-info-row-bordered{padding:12px 0;border-bottom:1px solid var(--color-border-tertiary)}.settings-info-label{font-size:14px;font-weight:500;color:var(--color-text-secondary)}.settings-info-value-sm{font-size:10px;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.settings-info-value{font-size:14px;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.settings-info-value-lg{font-size:14px}.settings-timezone-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.settings-timezone-selector{flex:1;max-width:300px;position:relative}.settings-offline-notification-toggle{display:flex;align-items:center;gap:12px}.settings-offline-notification-description{font-size:.85rem;color:var(--color-text-secondary)}.settings-timezone-select{width:100%;padding:2px 12px;font-size:16px;border:1px solid var(--color-border-secondary);border-radius:6px;background-color:var(--color-none-transparent-bg);color:var(--color-text-primary);cursor:pointer;transition:border-color .2s}.settings-timezone-row-wrapper{position:relative}.settings-timezone-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#7e7e7ebd;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:4px;z-index:10}.settings-timezone-overlay-text{color:#fff;font-size:14px;font-weight:500}.settings-timezone-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:timezone-spin .8s linear infinite}@keyframes timezone-spin{to{transform:rotate(360deg)}}.settings-name-display{display:flex;align-items:center;gap:12px}.settings-name-edit-container{display:flex;flex-direction:column;gap:8px;flex:.5 1 auto;align-items:flex-end}.settings-name-input{padding:2px 6px;border:1px solid var(--color-border-secondary);border-radius:6px;font-size:16px;width:80%;color:var(--color-text-primary);background-color:var(--color-none-transparent-bg);transition:border-color .2s}.settings-name-input-error{border-color:#ef4444}.settings-name-input-disabled{opacity:.6;cursor:not-allowed;background-color:var(--color-bg-secondary)}.settings-name-edit-buttons{display:flex;gap:8px}.settings-name-error-message{margin-top:-8px;margin-bottom:8px;padding:8px 12px;background-color:#ef44441a;color:#ef4444;border-radius:6px;font-size:13px;display:flex;align-items:center;gap:8px}.settings-name-hint{margin-top:-8px;margin-bottom:8px;font-size:12px;color:var(--color-text-tertiary);font-style:italic}.settings-account-id-container{display:flex;align-items:center;gap:8px}.settings-copy-btn{display:flex;align-items:center;justify-content:center;padding:4px;border:1px solid var(--color-border-primary);border-radius:6px;cursor:pointer;background-color:var(--color-none-transparent-bg);color:var(--color-text-secondary);transition:all .2s}.settings-copy-btn:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-border-secondary);color:var(--color-text-primary)}.settings-btn-disabled{opacity:.5;cursor:not-allowed}.settings-login-methods-container{border:1px solid var(--color-border-primary);border-radius:8px;overflow:hidden}.settings-login-card{background-color:var(--color-none-transparent-bg);padding:8px;transition:all .2s}.settings-login-card-clickable{cursor:pointer}.settings-login-card-disabled{opacity:.6;cursor:not-allowed}.settings-login-card-container{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-login-card-left{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:0}.settings-login-card-icon-container{font-size:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-top:2px}.settings-login-card-icon{font-size:24px}.settings-login-card-icon svg{fill:var(--color-text-primary)}.settings-login-card-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.settings-login-card-top-row{display:flex;align-items:center;gap:8px}.settings-login-card-bottom-row{display:flex}.settings-login-card-title{font-size:15px;font-weight:600;color:var(--color-text-primary);margin:0}.settings-login-card-email{font-size:13px;color:var(--color-text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-login-card-chevron{flex-shrink:0;display:flex;align-items:center;justify-content:center}.settings-login-card-children{margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border-tertiary)}.settings-badge-linked{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background-color:var(--color-link-success-bg);color:var(--color-link-success);border-radius:16px;font-size:12px;font-weight:600;white-space:nowrap}.settings-badge-current{padding:4px 10px;background-color:#3b82f6;color:#fff;border-radius:16px;font-size:12px;font-weight:600;white-space:nowrap}.settings-badge-not-linked{padding:4px 12px;color:var(--color-text-secondary);border-radius:12px;font-size:12px;font-weight:500;white-space:nowrap}.settings-badge-coming-soon{padding:4px 12px;background-color:var(--color-border-secondary);color:var(--color-text-tertiary);border-radius:12px;font-size:12px;font-weight:500;white-space:nowrap}.settings-badge-success{padding:4px 12px;background-color:var(--color-success-bg);color:var(--color-success);border-radius:12px;font-size:13px;font-weight:500}.settings-badge-warning{padding:4px 12px;background-color:var(--color-warning-bg);color:var(--color-warning);border-radius:12px;font-size:13px;font-weight:500}.settings-badge-provider{padding:4px 12px;background-color:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border-secondary);border-radius:12px;font-size:13px;font-weight:500}.settings-loading-container{padding:40px;text-align:center}.settings-loading-spinner{width:40px;height:40px;border:4px solid var(--color-border-secondary);border-top:4px solid var(--color-primary);border-radius:50%;margin:0 auto 16px;animation:settings-spin .8s linear infinite}@keyframes settings-spin{to{transform:rotate(360deg)}}.settings-loading-text{color:var(--color-text-secondary);font-size:14px}.settings-danger-warning{display:flex;gap:12px;padding:16px;background-color:#ef44441a;border:2px solid rgba(239,68,68,.3);border-radius:12px;margin-bottom:20px}.settings-warning-icon{font-size:24px;flex-shrink:0}.settings-danger-text{font-size:13px;color:var(--color-text-secondary);margin:4px 0 0;line-height:1.5}.settings-info-box{display:flex;gap:12px;padding:12px;background-color:var(--color-info-bg);border:1px solid var(--color-info);border-radius:6px}.settings-info-box-lg{gap:16px;padding:16px;border-radius:8px;margin-top:24px}.settings-info-box-hover{padding:14px;background-color:var(--color-bg-hover);border:1px solid var(--color-border-secondary);border-radius:8px}.settings-info-icon{font-size:16px;flex-shrink:0}.settings-info-icon-lg{font-size:24px}.settings-info-text{font-size:12px;color:var(--color-text-secondary);margin:0;line-height:1.5}.settings-info-title{font-size:14px;font-weight:600;color:var(--color-text-primary);margin:0 0 6px}.settings-info-content{flex:1}.settings-warning-box{display:flex;gap:8px;padding:12px;background-color:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:6px;margin-top:12px}.settings-warning-icon-sm{font-size:16px;flex-shrink:0}.settings-warning-text-sm{font-size:12px;color:var(--color-text-secondary);margin:0;line-height:1.5}.settings-guest-notice{display:flex;align-items:flex-start;gap:12px;padding:16px;margin:16px;background-color:#22c55e1a;border-left:4px solid #22c55e;border-radius:8px}.settings-guest-notice-warning{background-color:#ef44441a;border-left-color:#ef4444}.settings-notice-text{font-size:13px;color:var(--color-text-secondary);line-height:1.5}.settings-notice-content{flex:1}.settings-notice-title{font-size:14px;font-weight:600;color:#ef4444;margin-bottom:4px}.settings-notice-message{font-size:13px;color:var(--color-text-secondary);line-height:1.5}.settings-about-content{display:flex;flex-direction:column;gap:32px}.settings-about-logo-section{text-align:center;padding-bottom:24px;border-bottom:1px solid var(--color-border-secondary)}.settings-about-app-logo{margin-bottom:16px}.settings-about-app-name{font-size:24px;font-weight:600;color:var(--color-text-primary);margin:0 0 8px}.settings-about-app-version{font-size:14px;color:var(--color-text-tertiary);margin:0}.settings-about-version-details{margin-top:16px;padding:16px;background-color:var(--color-bg-hover);border-radius:8px;border:1px solid var(--color-border-secondary)}.settings-about-version-item{font-size:13px;color:var(--color-text-secondary);margin:8px 0}.settings-about-version-label{font-weight:600;color:var(--color-text-primary)}.settings-about-version-code{padding:2px 6px;background-color:var(--color-bg-secondary);border-radius:4px;font-size:12px;font-family:monospace;color:var(--color-primary)}.settings-about-text{color:var(--color-text-secondary)}.settings-about-paragraph{font-size:15px;line-height:1.6;margin-bottom:24px}.settings-about-subheading{font-size:16px;font-weight:600;color:var(--color-text-primary);margin-bottom:12px;margin-top:20px}.settings-about-feature-list{list-style:none;padding:0;margin:0 0 24px}.settings-about-resource-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.settings-about-resource-link{padding:12px 16px;background-color:var(--color-bg-hover);border:1px solid var(--color-border-secondary);border-radius:8px;color:var(--color-primary);text-decoration:none;font-size:14px;font-weight:500;transition:all .2s;display:block;text-align:center}.settings-about-copyright{margin-top:32px;padding-top:24px;border-top:1px solid var(--color-border-secondary);text-align:center;color:var(--color-text-tertiary);font-size:13px}.settings-theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:20px}.settings-theme-option{padding:16px;background-color:var(--color-bg-secondary);border:2px solid var(--color-border-secondary);border-radius:12px;cursor:pointer;transition:all .2s;position:relative}.settings-theme-option-active{border-color:var(--color-primary);background-color:var(--color-bg-hover);box-shadow:0 0 0 2px var(--color-primary)}.settings-theme-option-disabled{opacity:.6;cursor:default;pointer-events:none}.settings-theme-preview{width:100%;height:100px;border-radius:8px;overflow:hidden;margin-bottom:12px;border:1px solid}.settings-theme-preview-header{height:20px}.settings-theme-preview-body{padding:8px;display:flex;gap:6px;height:calc(100% - 20px)}.settings-theme-preview-card{flex:1;border-radius:4px;border:1px solid;padding:6px;display:flex;flex-direction:column;gap:4px}.settings-theme-preview-accent{width:60%;height:6px;border-radius:3px}.settings-theme-name{font-size:14px;font-weight:600;color:var(--color-text-primary);margin-bottom:6px;display:flex;align-items:center;gap:6px}.settings-theme-icon{font-size:16px}.settings-theme-description{font-size:12px;color:var(--color-text-secondary);margin:0;line-height:1.4}.settings-theme-checkmark{position:absolute;top:12px;right:12px;padding:3px 10px;background-color:var(--color-success);color:#fff;border-radius:10px;font-size:11px;font-weight:600}.settings-theme-info{margin-top:8px}.settings-password-form{display:flex;flex-direction:column;gap:12px}.settings-form-group{display:flex;flex-direction:column;gap:6px}.settings-form-label{display:block;font-size:13px;font-weight:500;color:var(--color-text-primary)}.settings-password-input-container{position:relative;display:flex;align-items:center}.settings-form-input{width:100%;padding:10px 45px 10px 12px;font-size:14px;border:1px solid var(--color-border-secondary);border-radius:6px;background-color:var(--color-bg-primary);color:var(--color-text-primary);box-sizing:border-box;transition:border-color .2s}.settings-form-input-readonly{background-color:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:not-allowed;opacity:.7}.settings-toggle-password-btn{position:absolute;right:10px;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);transition:color .2s}.settings-password-hint{font-size:12px;color:var(--color-text-tertiary);font-style:italic}.settings-success-message{padding:12px;background-color:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:6px;color:#22c55e;font-size:13px;display:flex;align-items:center;gap:8px}.settings-error-message{padding:12px;background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#ef4444;font-size:13px;display:flex;align-items:center;gap:8px}.settings-message-icon{font-size:16px;flex-shrink:0}.settings-form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.settings-form-cancel-btn{padding:8px 16px;background-color:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border-secondary);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.settings-form-submit-btn{padding:8px 16px;background-color:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.settings-form-submit-btn-disabled{opacity:.6;cursor:not-allowed}.settings-linked-accounts-container{display:flex;flex-wrap:wrap;gap:8px}.settings-error-state{display:flex;gap:12px;padding:16px;background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px}.settings-error-icon{font-size:24px;flex-shrink:0}.settings-error-title{font-size:14px;font-weight:600;color:#ef4444;margin-bottom:4px}.settings-firmware-loading{padding:48px;text-align:center;color:var(--color-text-secondary)}.settings-firmware-empty{padding:48px 24px;text-align:center}.settings-firmware-empty-icon{font-size:48px;margin-bottom:16px}.settings-firmware-empty-title{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0 0 8px}.settings-firmware-empty-text{font-size:14px;color:var(--color-text-secondary);max-width:500px;margin:0 auto;line-height:1.6}.settings-firmware-device-list{display:flex;flex-direction:column;gap:16px}.settings-firmware-device-card{border-radius:12px;padding:20px;transition:all .2s}.settings-firmware-device-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--color-border-secondary)}.settings-firmware-device-info{flex:1}.settings-firmware-device-name{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0 0 4px}.settings-firmware-device-serial{font-size:13px;color:var(--color-text-tertiary);margin:0 0 8px;font-family:monospace}.settings-firmware-device-status{display:flex;align-items:center;gap:6px}.settings-firmware-status-indicator{font-size:12px}.settings-firmware-status-text{font-size:13px;color:var(--color-success);font-weight:500}.settings-firmware-version-info{text-align:right}.settings-firmware-version-label{font-size:12px;color:var(--color-text-tertiary);margin-bottom:4px}.settings-firmware-version-value{font-size:16px;font-weight:600;color:var(--color-text-primary);font-family:monospace}.settings-firmware-update-section{margin-top:16px}.firmware-section-header{display:flex;justify-content:space-between;align-items:center}.firmware-list{display:flex;flex-direction:column;padding:12px}.firmware-list-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:12px}.firmware-item{display:flex;align-items:center;gap:12px;padding:0 12px;background-color:var(--color-none-transparent-bg, #fff);border:1px solid var(--color-border-secondary, #e5e7eb);border-radius:8px;margin-bottom:8px}.firmware-item:last-child{margin-bottom:0}.firmware-item__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:8px;color:var(--color-primary, #0072bf);flex-shrink:0}.firmware-item__info{flex:1;min-width:0;display:flex;flex-direction:column}.firmware-item__name{font-size:15px;font-weight:600;color:var(--color-text-primary, #1f2937);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.firmware-item__version{font-size:13px;color:var(--color-text-secondary, #6b7280);display:flex;align-items:center;flex-wrap:wrap;gap:4px}.firmware-item__version--update-available{color:var(--color-available-update)}.firmware-item__version-separator{color:var(--color-text-tertiary, #9ca3af);margin:0 2px}.firmware-item__version-checking{color:var(--color-text-tertiary, #9ca3af);font-style:italic}.firmware-item__action{flex-shrink:0;padding:8px 20px;border-left:1px solid var(--color-border-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.firmware-item__action--disabled{background-color:#94a3b8;cursor:not-allowed;pointer-events:none}.firmware-item--updating{background-color:var(--color-bg-secondary, #f0f9ff);border-color:var(--color-primary, #3b82f6)}.firmware-item__version--updating{color:var(--color-primary, #3b82f6)}.firmware-item__updating-indicator{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 480px){.firmware-item{flex-wrap:wrap}.firmware-item__info{flex:1 1 calc(100% - 72px)}.firmware-item__action{width:100%;margin-top:8px;text-align:center}}.settings-device-list-container,.backup-container{padding:12px}.backup-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:12px;gap:12px;flex-wrap:wrap}.backup-error{padding:12px;background-color:#ef44441a;color:#ef4444;border-radius:8px;margin-bottom:16px}.backup-success{padding:12px;background-color:#22c55e1a;color:#22c55e;border-radius:8px;margin-bottom:16px}.backup-warning{padding:12px;background-color:#fbbf241a;color:#fbbf24;border-radius:8px;margin-bottom:16px}.backup-warning-list{margin-top:8px;margin-bottom:0;padding-left:20px}.backup-info{padding:12px;background-color:#3b82f61a;color:#3b82f6;border-radius:8px;margin-bottom:16px}.backup-empty{padding:48px;text-align:center;color:var(--color-text-secondary)}.backup-empty-hint{margin-top:8px;font-size:14px;color:var(--color-text-tertiary)}.backup-list{display:flex;flex-direction:column;gap:12px}.backup-accordion-item{border:1px solid var(--color-border-primary);background-color:var(--color-none-transparent-bg);border-radius:8px;overflow:hidden}.backup-accordion-header{display:flex;font-size:18px;justify-content:space-between;align-items:center;font-weight:700;padding:10px;cursor:pointer;transition:background-color .2s}.backup-chevron{width:20px;height:20px;color:var(--color-text-secondary);transition:transform .2s ease;flex-shrink:0}.backup-chevron-expanded{transform:rotate(180deg)}.backup-accordion-content{padding:0 16px 16px;border-top:1px solid var(--color-border-secondary)}.backup-item-name{font-size:16px;color:var(--color-text-primary);word-break:break-word}.backup-item-meta{margin-top:12px;margin-bottom:8px;font-size:14px;color:var(--color-text-tertiary)}.backup-item-details{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-text-secondary)}.backup-separator{color:var(--color-text-tertiary)}.backup-detail-section{margin-top:8px}.backup-detail-label{font-size:13px;color:var(--color-text-secondary)}.backup-detail-list{list-style:none;padding:0;margin:4px 0 0;display:flex;flex-wrap:wrap;gap:4px 12px}.backup-detail-list li{font-size:13px;color:var(--color-text-primary);display:flex;align-items:center;gap:4px}.backup-detail-tag{font-size:11px;padding:1px 6px;border-radius:4px;background:var(--color-bg-tertiary, rgba(128, 128, 128, .15));color:var(--color-text-secondary)}.backup-detail-tag-default{background:var(--color-bg-accent, rgba(100, 149, 237, .15));color:var(--color-text-accent, cornflowerblue)}.backup-item-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.backup-restore-btn{padding:6px 12px;border:1px solid var(--color-border-primary);border-radius:6px;font-size:13px;cursor:pointer;transition:background-color .2s;white-space:nowrap}.backup-delete-btn{padding:6px 12px;background-color:transparent;border:1px solid var(--color-border-primary);border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s;white-space:nowrap}.backup-btn-disabled{opacity:.5;cursor:not-allowed}.backup-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;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.backup-modal{background-color:var(--color-bg-elevated);border-radius:12px;padding:24px;max-width:500px;width:90%;max-height:90vh;overflow:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.backup-modal-title{margin:0 0 8px;font-size:20px;font-weight:600}.backup-modal-description{margin:0 0 16px;color:var(--color-text-secondary)}.backup-modal-hint{margin:8px 0 16px;font-size:14px;color:var(--color-text-tertiary)}.backup-input{width:100%;padding:10px 12px;font-size:14px;border:1px solid var(--color-border-primary);border-radius:8px;background-color:var(--color-bg-secondary);color:var(--color-text-primary);margin-bottom:16px;box-sizing:border-box}.backup-warning-box{padding:12px;background-color:#fbbf241a;border-left:3px solid #fbbf24;border-radius:8px;margin-bottom:16px;color:var(--color-text-primary)}.backup-modal-actions{display:flex;justify-content:flex-end;gap:12px}.backup-cancel-btn{padding:10px 20px;background-color:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border-primary);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.backup-confirm-btn{padding:10px 20px;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.backup-warning-btn{background-color:#f59e0b}.backup-danger-btn{background-color:#ef4444}.backup-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1001}.backup-loading-spinner-container{background-color:var(--color-bg-elevated);border-radius:16px;padding:40px;max-width:500px;text-align:center;box-shadow:0 25px 50px -12px #00000040}.backup-spinner{width:60px;height:60px;margin:0 auto 24px;border:4px solid rgba(59,130,246,.1);border-top:4px solid #3b82f6;border-radius:50%;animation:backup-spin 1s linear infinite}@keyframes backup-spin{to{transform:rotate(360deg)}}.backup-loading-title{margin:0 0 8px;font-size:20px;font-weight:600;color:var(--color-text-primary)}.backup-loading-description{margin:0 0 24px;color:var(--color-text-secondary);font-size:14px}.backup-loading-text{text-align:left}.backup-loading-steps{margin:0;padding-left:20px;color:var(--color-text-secondary);font-size:14px;line-height:1.8}.sharing-container{display:flex;flex-direction:column;gap:0;overflow:hidden}.sharing-section{padding:12px}.sharing-splitter{height:1px;background-color:var(--color-border-primary);margin:0 20px}.sharing-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.sharing-title{margin:0 0 4px;font-size:18px;font-weight:600;color:var(--color-text-primary)}.sharing-add-btn{padding:4px 20px;background:var(--button-gradient);color:#fff;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:8px}.sharing-loading{padding:40px;text-align:center;color:var(--color-text-tertiary)}.sharing-error{padding:20px;text-align:center;color:var(--color-error)}.sharing-retry-btn{margin-top:12px;padding:8px 16px;background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text);border:none;border-radius:6px;cursor:pointer;font-size:14px}.sharing-list{display:flex;flex-direction:column;gap:12px}.sharing-accordion-card{background-color:var(--color-none-transparent-bg);border:1px solid var(--color-border-secondary);border-radius:8px;overflow:hidden}.sharing-accordion-header{display:flex;justify-content:space-between;align-items:center;padding:16px;cursor:pointer;transition:background-color .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sharing-accordion-header-left{display:flex;align-items:center;gap:12px;flex:1}.sharing-accordion-header-info{display:flex;flex-direction:column;gap:4px}.sharing-guest-name{font-size:13px;font-weight:600;color:var(--color-text-primary)}.sharing-guest-id{font-size:13px;color:var(--color-text-tertiary);font-family:monospace}.sharing-accordion-header-right{display:flex;align-items:center;gap:12px}.sharing-accordion-toggle{font-size:14px;color:var(--color-text-tertiary);margin-left:8px}.sharing-accordion-content{border-top:1px solid var(--color-border-secondary)}.sharing-accordion-body{padding:16px;display:flex;flex-direction:column;gap:16px}.sharing-detail-section{display:flex;flex-direction:column;gap:4px}.sharing-detail-row{display:flex;justify-content:space-between;align-items:center;font-size:12px}.sharing-detail-label{color:var(--color-text-tertiary)}.sharing-accordion-actions{display:flex;gap:8px;margin-top:8px}.sharing-badge-active{padding:4px 12px;background-color:var(--color-success-bg);color:var(--color-success);border-radius:12px;font-size:12px;font-weight:600}.sharing-badge-pending{padding:4px 12px;background-color:var(--color-warning-bg);color:var(--color-warning);border-radius:12px;font-size:12px;font-weight:600}.sharing-badge-revoked{padding:4px 12px;background-color:var(--color-error-bg);color:var(--color-error);border-radius:12px;font-size:12px;font-weight:600}.sharing-badge-expired{padding:4px 12px;background-color:var(--color-bg-tertiary);color:var(--color-text-tertiary);border-radius:12px;font-size:12px;font-weight:600}.shared-with-me-container{display:flex;flex-direction:column}.shared-with-me-header{margin-bottom:20px}.shared-with-me-title{margin:0 0 4px;font-size:18px;font-weight:600;color:var(--color-text-primary)}.shared-with-me-subtitle{margin:0;font-size:14px;color:var(--color-text-secondary)}.shared-with-me-loading{padding:40px;text-align:center;color:var(--color-text-tertiary)}.shared-with-me-error{padding:20px;text-align:center;color:var(--color-error)}.shared-with-me-retry-btn{margin-top:12px;padding:8px 16px;background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text);border:none;border-radius:6px;cursor:pointer;font-size:14px}.shared-with-me-list{display:flex;flex-direction:column;gap:12px}.shared-with-me-accordion-card{background-color:#fff;border:1px solid var(--color-border-secondary);border-radius:8px;overflow:hidden}.shared-with-me-accordion-header{display:flex;justify-content:space-between;align-items:center;padding:16px;cursor:pointer;transition:background-color .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.shared-with-me-accordion-header-left{display:flex;align-items:center;gap:12px;flex:1}.shared-with-me-accordion-header-info{display:flex;flex-direction:column;gap:4px}.shared-with-me-owner-name{font-size:16px;font-weight:600;color:var(--color-text-primary)}.shared-with-me-owner-id{font-size:13px;color:var(--color-text-tertiary);font-family:monospace}.shared-with-me-accordion-header-right{display:flex;align-items:center;gap:12px}.shared-with-me-accordion-toggle{font-size:14px;color:var(--color-text-tertiary);margin-left:8px}.shared-with-me-accordion-content{border-top:1px solid var(--color-border-secondary);background-color:var(--color-bg-elevated)}.shared-with-me-accordion-body{padding:16px;display:flex;flex-direction:column;gap:16px}.shared-with-me-detail-section{display:flex;flex-direction:column;gap:4px}.shared-with-me-detail-row{display:flex;justify-content:space-between;align-items:center;font-size:12px}.shared-with-me-detail-label{color:var(--color-text-tertiary)}.shared-with-me-accordion-actions{display:flex;justify-content:start;margin-top:8px}.shared-with-me-accordion-actions-pending{display:flex;justify-content:start;gap:12px;margin-top:8px}.shared-with-me-accept-btn{padding:10px 16px;background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text);border:1px solid var(--color-border-primary);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.shared-with-me-delete-btn{padding:2px 4px;background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text);border:1px solid var(--color-border-primary);border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:2px}.shared-with-me-badge-active{padding:4px 12px;background-color:var(--color-success-bg);color:var(--color-success);border-radius:12px;font-size:12px;font-weight:600}.shared-with-me-badge-pending{padding:4px 12px;background-color:var(--color-warning-bg);color:var(--color-warning);border-radius:12px;font-size:12px;font-weight:600}.shared-with-me-pending-message{display:flex;gap:12px;padding:16px;background-color:var(--color-info-bg);border-radius:8px;margin-bottom:16px;align-items:flex-start}.shared-with-me-pending-icon{font-size:24px;flex-shrink:0}.shared-with-me-pending-text{font-size:14px;color:var(--color-text-primary);line-height:1.5}.cs-sharing-accordion-card{background-color:var(--color-none-transparent-bg);border:1px solid var(--color-border-secondary);border-radius:8px;overflow:hidden;margin-bottom:16px}.cs-sharing-accordion-header{display:flex;justify-content:space-between;align-items:center;padding:16px;cursor:pointer;transition:background-color .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cs-sharing-accordion-header-left{display:flex;align-items:center;gap:12px;flex:1}.cs-sharing-accordion-header-info{display:flex;flex-direction:column;gap:4px}.cs-sharing-accordion-title{font-size:16px;font-weight:600;color:var(--color-text-primary)}.cs-sharing-accordion-subtitle{font-size:13px;color:var(--color-text-tertiary)}.cs-sharing-accordion-header-right{display:flex;align-items:center;gap:12px}.cs-sharing-accordion-toggle{font-size:14px;color:var(--color-text-tertiary);margin-left:8px}.cs-sharing-accordion-content{border-top:1px solid var(--color-border-secondary);background-color:var(--color-bg-elevated)}.cs-sharing-accordion-body{padding:16px;display:flex;flex-direction:column;gap:16px}.cs-sharing-detail-section{display:flex;flex-direction:column;gap:8px}.cs-sharing-detail-section-title{font-size:13px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.cs-sharing-detail-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:6px 0}.cs-sharing-detail-label{color:var(--color-text-tertiary)}.cs-sharing-detail-value{color:var(--color-text-primary);font-weight:500}.cs-sharing-accordion-actions{display:flex;gap:8px;margin-top:8px}.cs-sharing-status-note{font-size:13px;color:var(--color-text-tertiary);font-style:italic;padding:8px 12px;background-color:var(--color-bg-tertiary);border-radius:6px;margin-top:4px}.cs-sharing-badge-active{padding:4px 12px;background-color:var(--color-success-bg);color:var(--color-success);border-radius:12px;font-size:12px;font-weight:600}.cs-sharing-badge-inactive{padding:4px 12px;background-color:var(--color-bg-tertiary);color:var(--color-text-tertiary);border-radius:12px;font-size:12px;font-weight:600}.cs-sharing-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}.cs-sharing-modal-content{background-color:var(--color-bg-elevated);border-radius:12px;padding:24px;max-width:500px;width:90%;max-height:80vh;overflow:auto;box-shadow:0 4px 20px #00000026}.cs-sharing-modal-title{margin:0 0 20px;font-size:20px;font-weight:600;color:var(--color-text-primary)}.cs-sharing-modal-body{margin-bottom:24px}.cs-sharing-modal-info{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--color-border-secondary)}.cs-sharing-modal-label{font-size:14px;color:var(--color-text-tertiary);font-weight:500}.cs-sharing-modal-value{font-size:14px;color:var(--color-text-primary);font-weight:500}.cs-sharing-duration-options-container{margin-top:20px}.cs-sharing-duration-option-label{display:block;font-size:14px;font-weight:600;color:var(--color-text-primary);margin-bottom:12px}.cs-sharing-duration-option{display:block;width:100%;padding:12px 16px;margin-bottom:8px;background-color:var(--color-bg-primary);border:2px solid var(--color-border-secondary);border-radius:8px;font-size:14px;font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:all .2s;text-align:left}.cs-sharing-duration-option-selected{display:block;width:100%;padding:12px 16px;margin-bottom:8px;background-color:var(--color-primary-bg);border:2px solid var(--color-primary);border-radius:8px;font-size:14px;font-weight:600;color:var(--color-primary);cursor:pointer;transition:all .2s;text-align:left}.cs-sharing-duration-option-text{font-size:14px;margin-bottom:4px}.cs-sharing-duration-option-desc{font-size:12px;color:var(--color-text-tertiary);margin-top:4px}.cs-sharing-new-expiration-info{margin-top:16px;padding:12px;background-color:var(--color-success-bg);border-radius:8px;display:flex;justify-content:space-between}.cs-sharing-new-expiration-label{font-size:14px;font-weight:600;color:var(--color-success)}.cs-sharing-new-expiration-value{font-size:14px;font-weight:500;color:var(--color-success)}.cs-sharing-modal-footer{display:flex;gap:12px;justify-content:flex-end}.cs-sharing-modal-cancel-btn{padding:10px 20px;background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border-primary);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.cs-sharing-modal-confirm-btn{padding:10px 20px;background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text);border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.cs-sharing-modal-confirm-btn-disabled{padding:10px 20px;background-color:var(--color-bg-tertiary);color:var(--color-text-tertiary);border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:not-allowed;opacity:.5}.guest-view-info-container{position:relative;display:inline-flex;align-items:center;margin-left:8px}.guest-view-info-icon-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:2px;border-radius:50%;transition:background-color .2s}.guest-view-info-icon-btn:hover{background-color:#0000000d}.guest-view-info-icon{width:20px;height:20px}.guest-view-tooltip{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:1000;min-width:250px;max-width:320px;opacity:.85}.guest-view-tooltip-content{background-color:#1f2937;color:#fff;font-size:13px;line-height:1.5;padding:12px 14px;border-radius:8px;box-shadow:0 4px 12px #00000026}.guest-view-tooltip-arrow{position:absolute;bottom:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #1f2937}.settings-section-title-with-icon{display:flex;align-items:center}.qr-modal-container{background-color:var(--color-bg-elevated);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:400px;overflow:hidden;border:1px solid var(--color-border-primary);display:flex;flex-direction:column}.qr-modal-header{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border-secondary)}.qr-modal-header-left{display:flex;align-items:center;gap:8px}.qr-modal-header-left svg{fill:var(--color-text-primary)}.qr-modal-title{font-size:16px;font-weight:700;color:var(--color-text-primary)}.qr-modal-close-btn{background:none;border:none;font-size:24px;color:var(--color-text-tertiary);cursor:pointer;padding:0 4px;line-height:1}.qr-modal-close-btn:hover{color:var(--color-text-primary)}.qr-modal-body{padding:20px;display:flex;flex-direction:column;align-items:center;gap:16px}.qr-modal-serial{font-size:14px;font-weight:600;color:var(--color-text-secondary);letter-spacing:.05em}.qr-modal-qr-container{background:#fff;border:2px solid var(--color-border-secondary);border-radius:8px;padding:16px;display:flex;justify-content:center;align-items:center}.qr-modal-qr-image{width:256px;height:256px;image-rendering:pixelated}.qr-modal-loading{width:256px;height:256px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:14px}.qr-modal-token-section{text-align:center}.qr-modal-token-label{font-size:11px;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.qr-modal-token-value{font-size:14px;color:var(--color-text-secondary);letter-spacing:2px;font-family:monospace}.qr-modal-footer{padding:12px 16px;border-top:1px solid var(--color-border-secondary);display:flex;justify-content:flex-end;gap:8px}.qr-modal-print-btn{background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text);border:1px solid var(--color-button-primary-border);padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer}.qr-modal-close-footer-btn{background:none;color:var(--color-text-secondary);border:1px solid var(--color-border-secondary);padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer}.qr-modal-close-footer-btn:hover{color:var(--color-text-primary);border-color:var(--color-border-primary)}.device-card{background-color:var(--color-none-transparent-bg);border:1px solid var(--color-border);border-radius:8px;margin-bottom:12px;overflow:hidden;border:1px solid var(--color-border-primary)}.device-card__header{padding:8px 16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color .2s}.device-card__header-left,.device-card__header-right{display:flex;align-items:center;gap:12px}.device-card__status-box{align-items:center}.device-card__status-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.device-card__device-name{font-size:16px;font-weight:600;color:var(--color-text-primary)}.device-card__serial-number{margin:0;font-size:12px;color:var(--color-text-tertiary)}.device-card__status-text{font-size:10px;color:var(--color-text-tertiary)}.device-card__expand-btn{background:none;border:none;color:var(--color-text-tertiary);font-size:12px;cursor:pointer;padding:4px 8px}.device-card__expand-btn:hover{color:var(--color-text-primary)}.device-card__details{padding:0 16px 16px;border-top:1px solid var(--color-border-secondary)}.device-card__section{margin-top:16px}.device-card__section-title{margin:0 0 8px;font-size:12px;font-weight:600;color:var(--color-text-secondary);letter-spacing:.05em}.device-card__lamp-list{display:flex;flex-direction:column}.device-card__lamp{font-size:12px;color:var(--color-text-secondary);grid-template-columns:2fr 1fr;padding:2px;border-radius:6px}.device-card__lamp-info{margin:4px 0;font-size:13px;color:var(--color-text-secondary)}.device-card__no-data{margin-top:16px;padding:24px;text-align:center;color:var(--color-text-muted)}.device-card__no-data-hint{font-size:12px;margin-top:8px}.device-card__actions{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border-secondary);display:flex;justify-content:flex-end;gap:12px}.device-card__error{margin:12px;padding:12px;background-color:var(--color-error-bg);border:1px solid var(--color-error);border-radius:4px;color:var(--color-error);font-size:14px}.device-card__pending-badge{display:inline-block;margin-left:8px;padding:2px 8px;font-size:10px;font-weight:600;text-transform:uppercase;background-color:#f59e0b;color:#fff;border-radius:4px;vertical-align:middle}.device-card__pending-section{background-color:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:6px;padding:12px}.device-card__pending-info{display:flex;flex-direction:column;gap:8px}.device-card__pending-title{margin:0;font-size:14px;font-weight:600;color:#f59e0b}.device-card__pending-text{margin:0;font-size:12px;color:var(--color-text-secondary);line-height:1.4}.device-card__retry-btn{align-self:flex-start;margin-top:4px;padding:8px 16px;background-color:#f59e0b;color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .2s}.device-card__retry-btn:hover{background-color:#d97706}.device-card__retry-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.device-card__info-toggle{display:flex;align-items:center;gap:6px;background:none;border:none;padding:0;font-size:12px;font-weight:600;color:var(--color-text-secondary);letter-spacing:.05em;cursor:pointer;transition:color .2s}.device-card__info-toggle:hover{color:var(--color-text-primary)}.device-card__info-toggle-arrow{font-size:10px;color:var(--color-text-tertiary)}.device-card__info-panel{margin-top:8px;padding:10px 12px;background-color:var(--color-none-transparent-bg);border:1px solid var(--color-border-secondary);border-radius:6px;display:flex;flex-direction:column;gap:6px}.device-card__info-row{display:flex;justify-content:space-between;align-items:center;font-size:12px}.device-card__info-label{color:var(--color-text-tertiary);font-weight:500}.device-card__info-value{color:var(--color-text-secondary);font-family:monospace;font-size:12px}.claim-device-choice-description{font-size:15px;color:var(--color-text-secondary);text-align:center;margin-bottom:24px}.claim-device-choice-buttons{display:flex;flex-direction:column;gap:16px}.claim-device-choice-button{display:flex;align-items:center;justify-content:center;margin-left:15%;margin-right:15%;padding:10px 20px;border:1px solid var(--color-button-primary-border);border-radius:6px;cursor:pointer;transition:all .2s ease;gap:8px}.claim-device-choice-button:hover{background-color:var(--color-bg-hover)}.claim-device-choice-icon{font-size:32px}.claim-device-choice-text{font-size:16px;font-weight:600;color:var(--color-text-primary)}.claim-device-choice-subtext{font-size:13px;color:var(--color-text-secondary);text-align:center}.claim-device-scanner-container{margin-bottom:16px;border:2px solid var(--color-border-primary);border-radius:8px;overflow:hidden;background-color:#000}.claim-device-scanner{width:100%}.claim-device-helper-text{margin:0 0 16px;font-size:14px;color:var(--color-text-secondary);text-align:center}.claim-device-error-icon{width:64px;height:64px;border-radius:50%;border:3px solid #ef4444;color:#ef4444;font-size:32px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.claim-device-error-message{font-size:16px;color:var(--color-text-primary);text-align:center;margin-bottom:8px;font-weight:500}.claim-device-error-subtext{font-size:14px;color:var(--color-text-secondary);text-align:center;margin-bottom:24px}.claim-device-success-icon{width:64px;height:64px;border-radius:50%;border:3px solid #10b981;color:#10b981;font-size:32px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.claim-device-confirm-text{font-size:16px;color:var(--color-text-primary);text-align:center;margin-bottom:8px;font-weight:500}.claim-device-confirm-subtext{font-size:14px;color:var(--color-text-secondary);text-align:center;margin-bottom:24px}.claim-device-info-box{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:8px;padding:16px;margin-bottom:24px}.claim-device-info-title{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--color-text-primary)}.claim-device-info-row{display:flex;justify-content:space-between;margin-bottom:8px}.claim-device-info-row:last-child{margin-bottom:0}.claim-device-info-label{font-size:13px;color:var(--color-text-secondary)}.claim-device-info-value{font-size:13px;color:var(--color-text-primary);font-weight:500;font-family:monospace}.claim-device-info-value.status-online{color:#10b981}.claim-device-info-value.status-offline{color:#ef4444}.claim-device-offline-icon{width:48px;height:48px;min-width:48px;border-radius:50%;background-color:#fef3c7;border:2px solid #f59e0b;color:#f59e0b;font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center}.claim-device-offline-content{flex:1}.claim-device-offline-title{font-size:15px;font-weight:600;color:#b45309;margin:0 0 4px}.claim-device-offline-message{font-size:13px;color:#92400e;margin:0;line-height:1.4}.claim-device-offline-timestamp{font-size:12px;color:#a16207;margin:8px 0 0;font-style:italic}.modal-form-warning{display:flex;align-items:flex-start;gap:12px;background-color:#fffbeb;border:1px solid #fcd34d;border-radius:8px;padding:16px;margin-bottom:16px}.device-list-panel{border-radius:8px;margin-bottom:20px;position:relative}.device-list-panel__header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:16px}.device-list-panel__content{transition:all .3s ease}.device-list-panel__error{padding:16px;background-color:var(--color-error-bg);border:1px solid var(--color-error);border-radius:6px;color:var(--color-error);margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.device-list-panel__retry-btn{padding:6px 12px;background-color:var(--color-button-danger-hover);color:var(--color-button-danger-text);border:1px solid var(--color-error);border-radius:4px;cursor:pointer;font-size:14px}.device-list-panel__retry-btn:hover{opacity:.9}.device-list-panel__loading{padding:48px;text-align:center;color:var(--color-text-tertiary)}.device-list-panel__empty{padding:48px 24px;text-align:center;color:var(--color-text-muted)}.device-list-panel__empty-title{font-size:18px;font-weight:600;margin-bottom:8px}.device-list-panel__empty-text{font-size:14px;margin-bottom:8px}.device-list-panel__empty-hint{font-size:12px;color:#9ca3af}.device-list-panel__list{flex:1;overflow-y:auto}.share-device-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;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.share-device-dialog{background-color:var(--color-bg-elevated);border-radius:12px;width:90%;max-width:500px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.share-device-header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;border-bottom:1px solid var(--color-border-primary)}.share-device-title{display:flex;gap:8px;margin:0;font-size:20px;font-weight:600;color:var(--color-text-primary)}.share-device-title svg{fill:var(--color-text-primary)}.share-device-close-button{background:none;border:none;font-size:28px;color:var(--color-text-tertiary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.share-device-close-button:hover{background-color:var(--color-bg-hover)}.share-device-content{padding-top:24px;padding-right:24px;padding-left:24px;display:flex;flex-direction:column}.share-device-section{margin-bottom:24px}.share-device-field{margin-bottom:0}.share-device-label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--color-text-primary)}.share-device-required{color:var(--color-error)}.share-device-input{width:100%;padding:10px 12px;font-size:14px;border:1px solid var(--color-border-primary);border-radius:6px;background-color:var(--color-input-bg);color:var(--color-input-text);outline:none;transition:border-color .2s;box-sizing:border-box}.share-device-input:focus{border-color:var(--color-primary)}.share-device-select{width:100%;padding:10px 12px;font-size:14px;border:1px solid var(--color-border-primary);border-radius:6px;background-color:var(--color-input-bg);color:var(--color-input-text);outline:none;cursor:pointer;box-sizing:border-box}.share-device-hint{font-size:12px;color:var(--color-text-tertiary);margin:6px 0 0}.share-device-authorized-access{display:flex;flex-direction:column;gap:4px}.share-device-authorized-label{font-size:16px;font-weight:600;color:var(--color-text-tertiary)}.share-device-authorized-username{font-size:16px;font-weight:600;color:var(--color-text-primary)}.share-device-authorized-email{font-size:12px;font-weight:500;color:var(--color-text-primary)}.share-device-duration-info{margin-top:12px;border-radius:6px;display:flex;flex-direction:column;gap:4px}.share-device-duration-info-expire{margin-top:12px;padding:12px;background-color:var(--color-error-bg);border-radius:6px;display:flex;flex-direction:column;gap:4px}.share-device-duration-info-label{font-size:12px;font-weight:600;color:var(--color-text-tertiary)}.share-device-duration-info-value{font-size:13px;font-weight:500;color:var(--color-text-primary)}.share-device-duration-info-value-expire{font-size:13px;font-weight:500;color:var(--color-error)}.share-device-error-box{display:flex;gap:12px;align-items:center;padding:12px 16px;background-color:var(--color-error-bg);border:1px solid var(--color-error);border-radius:6px;margin-bottom:20px;font-size:14px;color:var(--color-error)}.share-device-error-icon{font-size:20px;flex-shrink:0}.share-device-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--color-border-primary)}.share-device-cancel-button{padding:10px 20px;font-size:14px;font-weight:500;border:1px solid var(--color-button-primary-border);border-radius:6px;background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text);cursor:pointer;transition:background-color .2s}.share-device-cancel-button:hover{opacity:.9}.share-device-submit-button{padding:10px 20px;font-size:14px;font-weight:500;border:1px solid var(--color-button-primary-border);border-radius:6px;background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text);cursor:pointer;transition:background-color .2s}.share-device-submit-button:hover{opacity:.9}.share-device-submit-button:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{border:1px solid var(--color-border-primary);padding:12px 24px;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:all .2s ease}.btn-secondary:hover{opacity:.9}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-apply{padding:12px 24px;font-size:14px;font-weight:600;border:1px solid var(--color-border-primary);border-radius:8px;cursor:pointer;background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text);transition:all .2s ease}.btn-apply:hover{opacity:.9}.btn-apply:disabled{opacity:.6;cursor:not-allowed}.btn-danger{padding:12px 24px;font-size:14px;font-weight:600;border:none;border-radius:8px;cursor:pointer;background-color:var(--color-button-danger-bg);color:var(--color-button-danger-text);transition:all .2s ease}.btn-danger:hover{background-color:var(--color-button-danger-hover)}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.btn-sm{padding:6px 12px;font-size:12px}.btn-lg{padding:14px 28px;font-size:16px}.content-wrapper{transition:all .3s ease}.container-rounded{border-radius:8px;margin-bottom:20px;position:relative}.floating-action-bar{position:fixed;bottom:0;left:0;right:0;background-color:#00000080;border-top:1px solid var(--color-border-primary);padding:16px;display:flex;justify-content:center;z-index:999;box-shadow:0 -4px 12px #0000001a}.floating-action-bar-actions{display:flex;align-items:center;justify-content:center;gap:12px}.error-banner{padding:16px;background-color:#7f1d1d;color:#fca5a5;border-radius:4px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;border:1px solid #991b1b}.success-banner{padding:16px;background-color:var(--color-success-bg);color:var(--color-success);border-radius:4px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--color-success)}.warning-banner{padding:16px;background-color:var(--color-warning-bg);color:var(--color-warning);border-radius:4px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--color-warning)}.info-banner{padding:16px;background-color:var(--color-info-bg);color:var(--color-info);border-radius:4px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--color-info)}.loading-container{text-align:center;padding:40px 20px;color:#9ca3af;font-size:14px}.empty-state{text-align:center;padding:40px 20px;color:var(--color-text-muted);font-size:14px}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state-title{font-size:18px;font-weight:600;color:var(--color-text-secondary);margin-bottom:8px}.empty-state-description{font-size:14px;color:var(--color-text-muted)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 1024px){.card-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width: 768px){.card-grid{grid-template-columns:repeat(2,1fr);gap:10px}}@media (max-width: 480px){.card-grid{grid-template-columns:1fr;gap:10px}}.card-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 768px){.card-grid-2{grid-template-columns:1fr;gap:10px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-container{background-color:var(--color-bg-elevated);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:450px;min-height:250px;overflow:hidden;border:1px solid var(--color-border-primary);display:flex;flex-direction:column;justify-content:space-between}.modal-header{padding:8px 12px;display:flex;gap:8px;align-items:center;border-bottom:1px solid var(--color-border-secondary)}.modal-header-icon{display:flex;justify-content:center}.claim-device-choice-icon svg,.modal-close-btn svg,.modal-header-icon svg{fill:var(--color-text-primary)}.modal-header-title{font-size:18px;font-weight:700;color:var(--color-text-primary);margin:0;text-align:center}.modal-body{width:100%;display:flex;align-items:center;justify-content:center;padding:16px;max-height:90vh;overflow-y:auto}.modal-body-message{font-size:16px;color:var(--color-text-secondary);margin:0;line-height:1.6;text-align:center;white-space:pre-wrap}.modal-close-btn{background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:4px;margin-left:auto;transition:color .2s ease}.modal-close-btn:hover{color:var(--color-text-primary)}.modal-footer{display:flex;justify-content:center;align-items:center;gap:8px;padding:8px 12px 12px}.modal-footer-button{background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text);border:1px solid var(--color-button-primary-border);border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;min-width:120px;transition:all .2s}.modal-footer-button:disabled{opacity:.6;cursor:not-allowed}.modal-footer-button-danger{background-color:var(--color-error);color:#fff;border:none}.modal-footer-button-secondary{background-color:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border-secondary)}.modal-container-form{background-color:var(--color-bg-elevated);border-radius:12px;max-width:500px;width:90%;max-height:90vh;overflow:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header-form{padding:6px;border-bottom:1px solid var(--color-border-secondary);display:flex;justify-content:space-between;align-items:center}.modal-header-form-title{font-size:20px;font-weight:600;display:flex;justify-content:center;align-items:center;color:var(--color-text-primary);margin:0}.modal-form{padding:16px}.modal-form-group{margin-bottom:16px}.modal-form-label{display:block;font-size:12px;font-weight:500;color:var(--color-text-primary);margin-bottom:8px}.modal-form-input-wrapper{position:relative;display:flex;align-items:center}.modal-form-input{width:100%;padding:10px 45px 10px 12px;border:2px solid var(--color-border-secondary);border-radius:8px;font-size:14px;color:var(--color-text-primary);background-color:var(--color-bg-primary);transition:border-color .2s}.modal-form-input:focus{outline:none;border-color:var(--color-primary)}.modal-form-input:disabled{opacity:.6;cursor:not-allowed}.modal-form-toggle-btn{position:absolute;right:10px;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);transition:color .2s}.modal-form-toggle-btn:hover{color:var(--color-text-primary)}.modal-form-toggle-btn:disabled{cursor:not-allowed;opacity:.6}.modal-form-hint{font-size:12px;color:var(--color-text-tertiary);margin-top:6px;line-height:1.4}.password-criteria{display:flex;flex-direction:column;gap:6px;margin-top:8px}.password-criteria-item{display:flex;align-items:center;gap:8px;font-size:13px}.password-criteria-item .criteria-met{color:#22c55e}.password-criteria-item .criteria-unmet{color:var(--color-text-tertiary)}.modal-form-error{padding:12px;background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:var(--color-error);font-size:14px;display:flex;align-items:center;gap:8px;margin-bottom:16px}.modal-form-error-icon{font-size:18px;flex-shrink:0}.modal-form-info{display:flex;gap:12px;padding:12px;background-color:var(--color-info-bg);border:1px solid var(--color-info);border-radius:8px;margin-bottom:24px}.modal-form-info-icon{font-size:18px;flex-shrink:0}.modal-form-info-text{font-size:13px;color:var(--color-text-secondary);line-height:1.5}.modal-form-buttons{display:flex;gap:12px;justify-content:center}.form-group{margin-bottom:16px}.form-label{display:block;font-size:14px;font-weight:500;color:var(--color-text-secondary);margin-bottom:6px}.form-input{width:100%;padding:10px 12px;font-size:14px;background-color:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:6px;color:var(--color-input-text);transition:all .2s ease}.form-input:focus{outline:none;border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px #06b6d41a}.form-input::-moz-placeholder{color:var(--color-input-placeholder)}.form-input::placeholder{color:var(--color-input-placeholder)}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-error{font-size:12px;color:var(--color-error);margin-top:4px}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-end{display:flex;align-items:center;justify-content:flex-end}.flex-gap-sm{gap:8px}.flex-gap-md{gap:12px}.flex-gap-lg{gap:16px}.mt-sm{margin-top:8px}.mt-md{margin-top:16px}.mt-lg{margin-top:24px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:16px}.mb-lg{margin-bottom:24px}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.divider{height:1px;background-color:var(--color-border-secondary)}.lunar-cycle-container{padding:12px}.lunar-cycle-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:12px;gap:12px}.lunar-cycle-header-actions{display:flex;gap:8px}.lunar-cycle-add-btn,.lunar-cycle-import-btn{padding:6px 16px;background:var(--button-gradient, linear-gradient(270deg, #4fbfd3 0%, #0072bf 100%));color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:opacity .2s}.lunar-cycle-add-btn:hover,.lunar-cycle-import-btn:hover{opacity:.9}.lunar-cycle-add-btn:disabled,.lunar-cycle-import-btn:disabled{opacity:.5;cursor:not-allowed}.lunar-cycle-loading{padding:40px;text-align:center}.lunar-cycle-empty{padding:48px;text-align:center;color:var(--color-text-secondary)}.lunar-cycle-empty-hint{margin-top:8px;font-size:14px;color:var(--color-text-tertiary)}.lunar-cycle-error{padding:12px;background-color:#ef44441a;color:#ef4444;border-radius:8px;margin-bottom:12px;font-size:14px}.lunar-cycle-list{display:flex;flex-direction:column;gap:12px}.lunar-cycle-accordion-item{border:1px solid var(--color-border-primary);background-color:var(--color-none-transparent-bg);border-radius:8px;overflow:hidden}.lunar-cycle-accordion-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer;transition:background-color .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lunar-cycle-accordion-header-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.lunar-cycle-item-info{display:flex;flex-direction:column;gap:2px;min-width:0}.lunar-cycle-item-name{font-size:15px;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lunar-cycle-item-location{font-size:13px;color:var(--color-text-tertiary)}.lunar-cycle-accordion-header-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.lunar-cycle-item-intensity{font-size:13px;font-weight:500;color:var(--color-text-secondary);padding:2px 8px;background-color:var(--color-bg-secondary);border-radius:4px}.lunar-cycle-accordion-content{border-top:1px solid var(--color-border-secondary);padding:16px}.lunar-cycle-month-table{overflow-x:auto;margin-bottom:12px}.lunar-cycle-month-table table{width:100%;border-collapse:collapse;font-size:13px}.lunar-cycle-month-table th{padding:8px 10px;text-align:left;font-weight:600;color:var(--color-text-secondary);border-bottom:2px solid var(--color-border-secondary);white-space:nowrap}.lunar-cycle-month-table td{padding:6px 10px;color:var(--color-text-primary);border-bottom:1px solid var(--color-border-tertiary)}.lunar-cycle-month-label{font-weight:600;color:var(--color-text-secondary)}.lunar-cycle-item-actions{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap}.lunar-cycle-edit-btn,.lunar-cycle-export-btn,.lunar-cycle-delete-btn{padding:6px 12px;border:1px solid var(--color-border-primary);border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;background-color:transparent;color:var(--color-text-primary);display:flex;align-items:center;gap:6px;transition:all .2s}.lunar-cycle-edit-btn:hover,.lunar-cycle-export-btn:hover{background-color:var(--color-bg-hover)}.lunar-cycle-delete-btn{color:#ef4444;border-color:#ef44444d}.lunar-cycle-delete-btn:hover{background-color:#ef44441a}.lunar-cycle-delete-confirm{display:flex;align-items:center;gap:8px;font-size:13px;color:#ef4444;font-weight:500}.lunar-cycle-delete-yes,.lunar-cycle-delete-no{padding:4px 12px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;border:none}.lunar-cycle-delete-yes{background-color:#ef4444;color:#fff}.lunar-cycle-delete-no{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border-secondary)}.lunar-cycle-item-meta{display:flex;gap:16px;font-size:12px;color:var(--color-text-tertiary)}.lunar-cycle-form{padding:16px;display:flex;flex-direction:column;gap:16px}.lunar-cycle-form-group{display:flex;flex-direction:column;gap:6px}.lunar-cycle-form-row{flex-direction:row;align-items:center;justify-content:space-between}.lunar-cycle-form-label{font-size:14px;font-weight:600;color:var(--color-text-primary)}.lunar-cycle-form-input,.lunar-cycle-form-select{padding:8px 12px;font-size:14px;border:1px solid var(--color-border-secondary);border-radius:6px;background-color:var(--color-none-transparent-bg);color:var(--color-text-primary);transition:border-color .2s}.lunar-cycle-form-input:focus,.lunar-cycle-form-select:focus{border-color:var(--color-primary);outline:none}.lunar-cycle-form-hint{font-size:12px;color:var(--color-text-tertiary)}.lunar-cycle-form-info{padding:10px 12px;background-color:var(--color-info-bg);border:1px solid var(--color-info);border-radius:6px;font-size:13px;color:var(--color-text-secondary)}.lunar-cycle-form-error{padding:10px 12px;background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#ef4444;font-size:13px}.lunar-cycle-form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.lunar-cycle-toggle{position:relative;width:44px;height:24px;border-radius:12px;border:none;cursor:pointer;background-color:var(--color-bg-tertiary);padding:0;transition:background-color .2s;flex-shrink:0}.lunar-cycle-toggle-on{background-color:var(--color-primary)}.lunar-cycle-toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background-color:#fff;transition:transform .2s;box-shadow:0 1px 3px #0003}.lunar-cycle-toggle-on .lunar-cycle-toggle-thumb{transform:translate(20px)}.lunar-cycle-intensity-row{display:flex;align-items:center;gap:12px}.lunar-cycle-intensity-slider{flex:1;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-border-secondary);border-radius:3px;outline:none}.lunar-cycle-intensity-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-primary);cursor:pointer}.lunar-cycle-intensity-input{width:60px;padding:6px 8px;font-size:14px;border:1px solid var(--color-border-secondary);border-radius:6px;background-color:var(--color-none-transparent-bg);color:var(--color-text-primary);text-align:center}.lunar-cycle-months-editor{display:flex;flex-direction:column;gap:8px}.lunar-cycle-month-tabs{display:flex;flex-wrap:wrap;gap:4px}.lunar-cycle-month-tab{padding:6px 10px;font-size:12px;font-weight:600;border:1px solid var(--color-border-secondary);border-radius:6px;background-color:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.lunar-cycle-month-tab:hover{background-color:var(--color-bg-hover)}.lunar-cycle-month-tab-active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.lunar-cycle-month-fields{border:1px solid var(--color-border-secondary);border-radius:8px;padding:16px}.lunar-cycle-month-title{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--color-text-primary)}.lunar-cycle-month-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lunar-cycle-field{display:flex;flex-direction:column;gap:4px}.lunar-cycle-field label{font-size:12px;font-weight:500;color:var(--color-text-secondary)}.lunar-cycle-field input{padding:6px 8px;font-size:14px;border:1px solid var(--color-border-secondary);border-radius:6px;background-color:var(--color-none-transparent-bg);color:var(--color-text-primary)}.lunar-cycle-field input:focus{border-color:var(--color-primary);outline:none}@media (max-width: 480px){.lunar-cycle-month-grid{grid-template-columns:1fr}.lunar-cycle-month-tabs{gap:2px}.lunar-cycle-month-tab{padding:4px 8px;font-size:11px}.lunar-cycle-month-table{font-size:12px}}.activity-log-container{display:flex;flex-direction:column;height:100%;background-color:var(--color-bg-primary)}.activity-log-title{font-size:20px;font-weight:700;background:var(--title-gradient);border-top-left-radius:12px;border-top-right-radius:12px;padding:16px;margin:0}.activity-log-content{flex:1;overflow:auto;padding:12px}.activity-log-controls{display:flex;align-items:center;gap:8px;justify-content:space-between;padding-bottom:6px}.activity-log-action-buttons{display:flex;align-items:center;gap:8px;flex-shrink:0}.activity-log-description{font-size:12px}.activity-log-error{padding:16px;background-color:var(--color-error-bg);color:var(--color-error);border-radius:8px;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.activity-log-retry-button{padding:6px 12px;font-size:14px;background-color:var(--color-error);color:#fff;border:none;border-radius:4px;cursor:pointer}.activity-log-loading-state{text-align:center;padding:40px;color:var(--color-text-secondary)}.activity-log-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:60px 20px;color:var(--color-text-tertiary)}.activity-log-empty-title{font-size:18px;font-weight:600;color:var(--color-text-secondary);margin:16px 0 8px}.activity-log-empty-text{font-size:14px;margin:0}.activity-log-table-wrapper{position:relative}.activity-log-refresh-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(var(--color-bg-primary-rgb, 255, 255, 255),.6);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:8px}.activity-log-refresh-spinner{width:28px;height:28px;border:3px solid var(--color-border-primary);border-top-color:var(--color-text-primary);border-radius:50%;animation:activity-log-spin .7s linear infinite}@keyframes activity-log-spin{to{transform:rotate(360deg)}}.activity-log-table-container{overflow-x:auto}.activity-log-table{width:100%;border-collapse:collapse;font-size:14px}.activity-log-table-header-row{background-color:var(--color-table-header-bg);border-bottom:2px solid var(--color-border-primary)}.activity-log-table-header{padding:12px;text-align:left;font-weight:600;color:var(--color-text-secondary);font-size:13px;letter-spacing:.5px}.activity-log-table-header-index{width:60px}.activity-log-table-header-time{width:160px}.activity-log-table-header-performer,.activity-log-table-header-event{width:180px}.activity-log-table-header-chevron{width:40px}.activity-log-table-row{border-bottom:1px solid var(--color-border-primary);cursor:pointer;transition:background-color .2s}.activity-log-table-row-expanded{background-color:var(--color-bg-secondary)}.activity-log-table-cell{padding:12px;vertical-align:middle}.activity-log-index-number{font-size:14px;font-weight:600;color:var(--color-text-tertiary)}.activity-log-time{font-size:13px;color:var(--color-text-secondary);flex-shrink:0}.activity-log-performed-by-cell{display:flex;flex-direction:column;gap:4px}.activity-log-performed-by-username{font-size:13px;color:var(--color-text-primary);font-weight:500}.activity-log-performed-by-role{font-size:11px;font-weight:500;padding:2px 6px;border-radius:3px;align-self:flex-start;text-transform:uppercase;letter-spacing:.3px}.activity-log-role-owner{background-color:var(--color-success-bg);color:var(--color-success)}.activity-log-role-guest{background-color:var(--color-info-bg);color:var(--color-info)}.activity-log-event-cell{display:flex;flex-direction:column;gap:4px}.activity-log-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;white-space:nowrap}.activity-log-badge-device,.activity-log-badge-warning{background-color:var(--color-warning-bg);color:var(--color-warning)}.activity-log-badge-info{background-color:var(--color-info-bg);color:var(--color-info)}.activity-log-chevron-cell{text-align:center;width:40px}.activity-log-details-row{background-color:var(--color-bg-primary)}.activity-log-details-cell{padding:0;border-bottom:1px solid var(--color-border-primary)}.activity-log-details-content{padding:16px 20px;background-color:var(--color-bg-tertiary)}.activity-log-action-description{margin-bottom:16px;padding:12px;background-color:var(--color-bg-secondary);border-radius:6px;border-left:3px solid var(--color-info)}.activity-log-action-title{font-size:13px;font-weight:600;color:var(--color-text-secondary);margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.activity-log-action-text{font-size:14px;color:var(--color-text-primary);margin:0;line-height:1.5}.activity-log-details-container{display:flex;flex-direction:column;gap:4px}.activity-log-detail-item{display:grid;grid-template-columns:120px 1fr;gap:4px}.activity-log-detail-label{font-size:12px;font-weight:700;color:var(--color-text-secondary);letter-spacing:.5px}.activity-log-detail-value{font-size:12px;color:var(--color-text-primary)}.activity-log-changes-section{margin-top:16px}.activity-log-changes-title{font-size:14px;font-weight:600;color:var(--color-text-primary);margin-bottom:12px}.activity-log-change-item{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--color-border-primary)}.activity-log-change-field{font-size:13px;font-weight:600;color:var(--color-text-primary);margin-bottom:8px}.activity-log-change-values{display:flex;gap:12px;align-items:flex-start}.activity-log-change-arrow{font-size:16px;color:var(--color-text-tertiary);padding-top:24px;flex-shrink:0}.activity-log-value-block{flex:1;min-width:0}.activity-log-value-label{font-size:11px;font-weight:500;color:var(--color-text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.activity-log-value-content{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:4px;padding:8px;max-height:200px;overflow:auto}.activity-log-value-pre{margin:0;font-size:12px;font-family:monospace;color:var(--color-text-primary);white-space:pre-wrap;word-break:break-word}.activity-log-metadata-section{margin-top:16px}.activity-log-metadata-title{font-size:14px;font-weight:600;color:var(--color-text-primary);margin-bottom:8px}.activity-log-metadata-pre{margin:0;font-size:12px;font-family:monospace;color:var(--color-text-primary);background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:4px;padding:12px;white-space:pre-wrap;word-break:break-word;overflow:auto}.activity-log-load-more-container{margin-top:20px;text-align:center}.activity-log-load-more-button{padding:10px 24px;font-size:14px;font-weight:500;background-color:var(--color-button-secondary-bg);color:var(--color-button-secondary-text);border:1px solid var(--color-border-primary);border-radius:6px;cursor:pointer;transition:all .2s}.activity-log-item:hover{background-color:var(--color-bg-secondary)}.activity-log-item:active{transform:scale(.995)}@media (max-width: 767px){.activity-log-action-buttons{flex-direction:column}.activity-log-table-container{overflow-x:hidden}.activity-log-table{display:table;table-layout:fixed;width:100%}.activity-log-table th,.activity-log-table td{white-space:normal}.activity-log-table-header-index{width:30px}.activity-log-table-header-time,.activity-log-table-header-performer,.activity-log-table-header-event{width:auto}.activity-log-table-header-chevron{width:30px}.activity-log-table-cell{padding:2px;word-break:break-word}.activity-log-badge{white-space:normal}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*{box-sizing:border-box}body{font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}::-webkit-scrollbar{height:.625rem;width:.625rem}::-webkit-scrollbar-track{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}:is(.dark *)::-webkit-scrollbar-track{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}::-webkit-scrollbar-thumb{border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}:is(.dark *)::-webkit-scrollbar-thumb{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}::-webkit-scrollbar-thumb:hover{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}:is(.dark *)::-webkit-scrollbar-thumb:hover{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.-right-1{right:-.25rem}.-top-1{top:-.25rem}.bottom-0{bottom:0}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-full{left:100%}.right-0{right:0}.right-full{right:100%}.top-0{top:0}.top-1\/2{top:50%}.top-full{top:100%}.z-0{z-index:0}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\[9999\]{z-index:9999}.m-0{margin:0}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.ml-2{margin-left:.5rem}.mr-2{margin-right:.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-0{height:0px}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-2{height:.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-\[60px\]{height:60px}.h-full{height:100%}.min-h-0{min-height:0px}.min-h-\[32px\]{min-height:32px}.min-h-screen{min-height:100vh}.w-0{width:0px}.w-10{width:2.5rem}.w-2{width:.5rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-8{width:2rem}.w-\[60px\]{width:60px}.w-full{width:100%}.w-px{width:1px}.min-w-\[20px\]{min-width:20px}.min-w-\[50px\]{min-width:50px}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-dashed{border-style:dashed}.border-\[var\(--color-border\)\]{border-color:var(--color-border)}.border-\[var\(--color-border-primary\)\]{border-color:var(--color-border-primary)}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-red-500\/60{border-color:#ef444499}.border-white\/20{border-color:#fff3}.border-b-gray-800{--tw-border-opacity: 1;border-bottom-color:rgb(31 41 55 / var(--tw-border-opacity, 1))}.border-b-transparent{border-bottom-color:transparent}.border-l-gray-800{--tw-border-opacity: 1;border-left-color:rgb(31 41 55 / var(--tw-border-opacity, 1))}.border-l-transparent{border-left-color:transparent}.border-r-gray-800{--tw-border-opacity: 1;border-right-color:rgb(31 41 55 / var(--tw-border-opacity, 1))}.border-r-transparent{border-right-color:transparent}.border-t-\[var\(--color-button-primary-bg\)\]{border-top-color:var(--color-button-primary-bg)}.border-t-blue-500{--tw-border-opacity: 1;border-top-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-t-gray-800{--tw-border-opacity: 1;border-top-color:rgb(31 41 55 / var(--tw-border-opacity, 1))}.border-t-transparent{border-top-color:transparent}.bg-\[var\(--color-bg-secondary\)\]{background-color:var(--color-bg-secondary)}.bg-\[var\(--color-bg-tertiary\)\]{background-color:var(--color-bg-tertiary)}.bg-\[var\(--color-border\)\]{background-color:var(--color-border)}.bg-\[var\(--color-error\,\#ef4444\)\]{background-color:var(--color-error,#ef4444)}.bg-\[var\(--color-success\,\#10b981\)\]{background-color:var(--color-success,#10b981)}.bg-black\/60{background-color:#0009}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-500\/20{background-color:#ef444433}.p-0\.5{padding:.125rem}.p-3{padding:.75rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.text-right{text-align:right}.text-end{text-align:end}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.italic{font-style:italic}.text-\[var\(--color-digits\)\]{color:var(--color-digits)}.text-\[var\(--color-text-primary\)\]{color:var(--color-text-primary)}.text-\[var\(--color-text-secondary\)\]{color:var(--color-text-secondary)}.text-\[var\(--color-text-tertiary\)\]{color:var(--color-text-tertiary)}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.drop-shadow-md{--tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / .07)) drop-shadow(0 2px 2px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-\[var\(--color-accent\)\]:hover{border-color:var(--color-accent)}.hover\:border-red-400:hover{--tw-border-opacity: 1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1))}.hover\:border-red-500:hover{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.hover\:bg-\[var\(--color-bg-tertiary\)\]:hover{background-color:var(--color-bg-tertiary)}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:text-\[var\(--color-accent\)\]:hover{color:var(--color-accent)}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.hover\:text-red-400:hover{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.active\:scale-90:active{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-50:disabled{opacity:.5}.dark\:border-b-gray-700:is(.dark *){--tw-border-opacity: 1;border-bottom-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.dark\:border-l-gray-700:is(.dark *){--tw-border-opacity: 1;border-left-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.dark\:border-r-gray-700:is(.dark *){--tw-border-opacity: 1;border-right-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.dark\:border-t-gray-700:is(.dark *){--tw-border-opacity: 1;border-top-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.dark\:bg-gray-700:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.dark\:hover\:bg-gray-700:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:hover\:text-gray-300:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.sm\:w-80{width:20rem}.sm\:flex-row{flex-direction:row}.sm\:gap-2{gap:.5rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}}@media (min-width: 768px){.md\:inline-block{display:inline-block}}@media (min-width: 1024px){.lg\:block{display:block}.lg\:hidden{display:none}.lg\:w-96{width:24rem}.lg\:flex-row{flex-direction:row}.lg\:flex-row-reverse{flex-direction:row-reverse}}:root{--saltwater-auxiliary-01: #0072bf;--saltwater-auxiliary-02: #aadbdf;--saltwater-auxiliary-03: #003a81;--saltwater-auxiliary-04: #002c63;--saltwater-standard-01: #4fbfd3;--saltwater-standard-02: #007791;--freshwater-standard-01: #649b1c;--freshwater-standard-02: #3b801c;--freshwater-standard-03: #a7ce58;--freshwater-auxiliary-01: #c2dea3;--freshwater-auxiliary-02: #4a661d;--freshwater-auxiliary-03: #00874d;--horticulture-standard-01: #924f9b;--horticulture-standard-02: #6a1481;--horticulture-standard-03: #d2b4d5}[data-theme=saltwater-light]{--color-primary: #0891b2;--color-primary-hover: #0e7490;--color-primary-light: #22d3ee;--color-primary-dark: #155e75;--color-secondary: #14b8a6;--color-secondary-hover: #0d9488;--color-secondary-light: #5eead4;--color-secondary-dark: #0f766e;--color-accent: #06b6d4;--color-accent-hover: #0891b2;--gradient-start: #aadbdf;--gradient-mid: #0072bf;--gradient-end: #4fbfd3;--gradient-primary: linear-gradient(135deg, #0891b2 0%, #06b6d4 50%, #14b8a6 100%);--gradient-header: linear-gradient(90deg, #aadbdf 28.63%, #4fbfd3 99.96%);--gradient-card: linear-gradient(135deg, rgba(8, 145, 178, .1) 0%, rgba(6, 182, 212, .05) 100%);--header-gradient-start: #e0f7fa;--header-gradient-mid: #ffffff;--header-gradient-end: #cfebe4;--color-digits: #0072bf;--color-bg-primary: #f8fafb;--color-bg-secondary: #f1f5f9;--color-bg-tertiary: #e2e8f0;--color-bg-elevated: #ffffff;--color-bg-hover: #e0f2fe;--color-bg-active: #bae6fd;--color-surface: #ffffff;--color-surface-hover: #f8fafc;--color-surface-border: #cbd5e1;--color-text-primary: #0f172a;--color-text-secondary: #334155;--color-text-tertiary: #64748b;--color-text-muted: #94a3b8;--color-text-inverse: #ffffff;--color-text-user-profile: #ffffff;--color-text-user-profile-bg: #00000066;--color-text-app-title: #ffffff;--color-warning-text-bg: #cb0003;--color-border-primary: #c7c7c7;--color-border-secondary: #e2e8f0;--color-border-tertiary: #f1f5f9;--color-border-button: #d4d4d4;--color-success: #4cd964;--color-success-bg: #d1fae5;--color-warning: #f59e0b;--color-warning-bg: #fef3c7;--color-error: #ef4444;--color-error-bg: #fee2e2;--color-info: #3b82f6;--color-info-bg: #dbeafe;--color-link-success-bg: #a7ce58;--color-link-success: #3b801c;--color-online: #10b981;--color-offline: #ef4444;--color-warning-status: #f59e0b;--color-input-bg: #ffffff;--color-input-border: #cbd5e1;--color-input-border-focus: #0891b2;--color-input-text: #0f172a;--color-input-placeholder: #94a3b8;--color-button-primary-bg: #ffffff;--color-button-primary-text: #000000;--color-button-primary-border: #999999;--color-button-secondary-bg: #14b8a6;--color-button-secondary-hover: #0d9488;--color-button-secondary-text: #ffffff;--color-button-danger-bg: #ef4444;--color-button-danger-hover: #dc2626;--color-button-danger-text: #ffffff;--color-table-header-bg: #e2f7f9;--color-button-border: #999999;--color-disabled-button-border: #999999;--color-lamp-card-bg: #ffffff;--color-lamp-card-border: #999999;--color-lamp-card-selected-border: var(--auxiliray-01);--color-content-border: #999999;--auxiliray-01: #0072bf;--auxiliray-02: #aadbdf;--auxiliray-03: #003a81;--auxiliray-04: #002c63;--standard-01: #4fbfd3;--standard-02: #007791;--button-gradient: linear-gradient(270deg, #4fbfd3 0%, #0072bf 100%);--title-gradient: linear-gradient(90deg, #aadbdf 0%, #4fbfd3 86.46%);--settings-sidebar-gradient: linear-gradient(90deg, #aadbdf 0%, #ffffff 100%);--settings-section-title-gradient: linear-gradient( 90deg, var(--saltwater-auxiliary-02) 30%, var(--saltwater-standard-01) 100% );--shadow-sm: 0 1px 2px 0 rgba(8, 145, 178, .05);--shadow-md: 0 4px 6px -1px rgba(8, 145, 178, .1), 0 2px 4px -1px rgba(8, 145, 178, .06);--shadow-lg: 0 10px 15px -3px rgba(8, 145, 178, .1), 0 4px 6px -2px rgba(8, 145, 178, .05);--shadow-xl: 0 20px 25px -5px rgba(8, 145, 178, .1), 0 10px 10px -5px rgba(8, 145, 178, .04);--color-pinned-button: var(--auxiliray-01);--color-pin-button: #000000;--color-unapplied-border: var(--auxiliray-01);--color-transparent-bg: #ffffff80;--color-none-transparent-bg: #ffffff;--color-semi-transparent-bg: #ffffffb3;--color-program-editor-bg: #f4f4f4;--color-available-update: #cb0003;--color-active-border: #cb0003;--color-input-toggle-bg: #ffffff;--color-bg: #ffffff;--color-border: #c7c7c7;--color-text: #000000;--color-dashboard-splitter: #ffffff}[data-theme=saltwater-dark]{--color-primary: #06b6d4;--color-primary-hover: #22d3ee;--color-primary-light: #67e8f9;--color-primary-dark: #0891b2;--color-secondary: #14b8a6;--color-secondary-hover: #2dd4bf;--color-secondary-light: #5eead4;--color-secondary-dark: #0d9488;--color-accent: #22d3ee;--color-accent-hover: #67e8f9;--gradient-start: #0e7490;--gradient-mid: #0891b2;--gradient-end: #0d9488;--gradient-primary: linear-gradient(135deg, #0e7490 0%, #0891b2 50%, #0d9488 100%);--gradient-header: linear-gradient(90deg, #164e63 28.63%, #0e7490 99.96%);--gradient-card: linear-gradient( 135deg, rgba(6, 182, 212, .15) 0%, rgba(20, 184, 166, .1) 100% );--header-gradient-start: #00728f;--header-gradient-mid: #00728f;--header-gradient-end: #003a81;--color-digits: #22d3ee;--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #999999;--color-bg-elevated: #1e293b;--color-bg-hover: #334155;--color-bg-active: #475569;--color-surface: #1e293b;--color-surface-hover: #334155;--color-surface-border: #475569;--color-text-primary: #f8fafc;--color-text-secondary: #e2e8f0;--color-text-tertiary: #cbd5e1;--color-text-muted: #94a3b8;--color-text-inverse: #0f172a;--color-text-user-profile: #ffffff;--color-text-user-profile-bg: #00000066;--color-text-app-title: #ffffff;--color-warning-text-bg: #cb0003;--color-border-primary: #475569;--color-border-secondary: #999999;--color-border-tertiary: #1e293b;--color-border-button: #999999;--color-success: #10b981;--color-success-bg: #064e3b;--color-warning: #f59e0b;--color-warning-bg: #78350f;--color-error: #ef4444;--color-error-bg: #7f1d1d;--color-info: #3b82f6;--color-info-bg: #1e3a8a;--color-link-success-bg: #065f46;--color-link-success: #6ee7b7;--color-online: #10b981;--color-offline: #ef4444;--color-warning-status: #f59e0b;--color-input-bg: #1e293b;--color-input-border: #475569;--color-input-border-focus: #06b6d4;--color-input-text: #f8fafc;--color-input-placeholder: #64748b;--color-button-primary-bg: #000000;--color-button-primary-hover: #22d3ee;--color-button-primary-text: #ffffff;--color-button-primary-border: #c0c0c0;--color-button-secondary-bg: #14b8a6;--color-button-secondary-hover: #2dd4bf;--color-button-secondary-text: #0f172a;--color-button-danger-bg: #ef4444;--color-button-danger-hover: #f87171;--color-button-danger-text: #ffffff;--color-table-header-bg: #164e63;--color-button-border: #999999;--color-disabled-button-border: #666666;--color-lamp-card-bg: #1e293b;--color-lamp-card-border: #e9e9e9;--color-content-border: #475569;--auxiliray-01: #0072bf;--auxiliray-02: #aadbdf;--auxiliray-03: #003a81;--auxiliray-04: #002c63;--standard-01: #4fbfd3;--standard-02: #007791;--button-gradient: linear-gradient( 270deg, var(--saltwater-standard-01) 0%, var(--saltwater-auxiliary-01) 100% );--title-gradient: linear-gradient( 90deg, var(--saltwater-auxiliary-01) 29%, var(--saltwater-auxiliary-03) 100% );--settings-sidebar-gradient: linear-gradient( 90deg, var(--saltwater-auxiliary-01) 29%, var(--saltwater-auxiliary-03) 100% );--color-unapplied-border: var(--auxiliray-01);--color-transparent-bg: #00000080;--color-none-transparent-bg: #000000;--color-program-editor-bg: #2e2e2e;--color-available-update: #cb0003;--color-active-border: #ff0004;--color-input-toggle-bg: #ffffff;--color-dashboard-splitter: var(--auxiliray-03);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .4)}[data-theme=freshwater-light]{--color-primary: #059669;--color-primary-hover: #047857;--color-primary-light: #34d399;--color-primary-dark: #065f46;--color-secondary: #10b981;--color-secondary-hover: #059669;--color-secondary-light: #6ee7b7;--color-secondary-dark: #047857;--color-accent: #14b8a6;--color-accent-hover: #0d9488;--gradient-start: #a7f3d0;--gradient-mid: #059669;--gradient-end: #14b8a6;--gradient-primary: linear-gradient(135deg, #059669 0%, #10b981 50%, #14b8a6 100%);--gradient-header: linear-gradient(90deg, #a7f3d0 28.63%, #34d399 99.96%);--gradient-card: linear-gradient( 135deg, rgba(5, 150, 105, .1) 0%, rgba(16, 185, 129, .05) 100% );--header-gradient-start: #d1fae5;--header-gradient-mid: #ffffff;--header-gradient-end: #a7f3d0;--color-digits: #047857;--color-bg-primary: #f8fdfb;--color-bg-secondary: #f0fdf4;--color-bg-tertiary: #dcfce7;--color-bg-elevated: #ffffff;--color-bg-hover: #d1fae5;--color-bg-active: #a7f3d0;--color-surface: #ffffff;--color-surface-hover: #f0fdf4;--color-surface-border: #86efac;--color-text-primary: #14532d;--color-text-secondary: #166534;--color-text-tertiary: #15803d;--color-text-muted: #6b7280;--color-text-inverse: #ffffff;--color-text-user-profile: #ffffff;--color-text-user-profile-bg: #00000066;--color-text-app-title: #ffffff;--color-warning-text-bg: #cb0003;--color-border-primary: #86efac;--color-border-secondary: #bbf7d0;--color-border-tertiary: #dcfce7;--color-border-button: #166534;--color-success: #22c55e;--color-success-bg: #dcfce7;--color-warning: #f59e0b;--color-warning-bg: #fef3c7;--color-error: #ef4444;--color-error-bg: #fee2e2;--color-info: #3b82f6;--color-info-bg: #dbeafe;--color-link-success-bg: #bbf7d0;--color-link-success: #166534;--color-online: #22c55e;--color-offline: #ef4444;--color-warning-status: #f59e0b;--color-input-bg: #ffffff;--color-input-border: #86efac;--color-input-border-focus: #059669;--color-input-text: #14532d;--color-input-placeholder: #9ca3af;--color-button-primary-bg: #ffffff;--color-button-primary-text: #000000;--color-button-primary-border: #999999;--color-button-secondary-bg: #10b981;--color-button-secondary-hover: #059669;--color-button-secondary-text: #ffffff;--color-button-danger-bg: #ef4444;--color-button-danger-hover: #dc2626;--color-button-danger-text: #ffffff;--color-table-header-bg: #d1fae5;--color-button-border: #166534;--color-disabled-button-border: #9ca3af;--color-lamp-card-bg: #ffffff;--color-lamp-card-border: #86efac;--color-lamp-card-selected-border: var(--color-border-button);--color-transparent-bg: #ffffff80;--color-none-transparent-bg: #ffffff;--color-semi-transparent-bg: #ffffffb3;--color-content-border: #86efac;--button-gradient: linear-gradient( 270deg, var(--saltwater-standard-02) 7%, var(--freshwater-standard-01) 83% );--title-gradient: linear-gradient( 90deg, var(--freshwater-auxiliary-01) 29%, var(--saltwater-standard-01) 100% );--settings-sidebar-gradient: linear-gradient( 90deg, var(--freshwater-standard-01) 0%, var(--saltwater-standard-01) 100% );--color-input-toggle-bg: #ffffff;--shadow-sm: 0 1px 2px 0 rgba(5, 150, 105, .05);--shadow-md: 0 4px 6px -1px rgba(5, 150, 105, .1), 0 2px 4px -1px rgba(5, 150, 105, .06);--shadow-lg: 0 10px 15px -3px rgba(5, 150, 105, .1), 0 4px 6px -2px rgba(5, 150, 105, .05);--shadow-xl: 0 20px 25px -5px rgba(5, 150, 105, .1), 0 10px 10px -5px rgba(5, 150, 105, .04)}[data-theme=freshwater-dark]{--color-primary: #10b981;--color-primary-hover: #34d399;--color-primary-light: #6ee7b7;--color-primary-dark: #059669;--color-secondary: #14b8a6;--color-secondary-hover: #2dd4bf;--color-secondary-light: #5eead4;--color-secondary-dark: #0d9488;--color-accent: #34d399;--color-accent-hover: #6ee7b7;--gradient-start: #047857;--gradient-mid: #059669;--gradient-end: #0d9488;--gradient-primary: linear-gradient(135deg, #047857 0%, #059669 50%, #0d9488 100%);--gradient-header: linear-gradient(90deg, #064e3b 28.63%, #065f46 99.96%);--gradient-card: linear-gradient( 135deg, rgba(16, 185, 129, .15) 0%, rgba(20, 184, 166, .1) 100% );--header-gradient-start: #064e3b;--header-gradient-mid: #065f46;--header-gradient-end: #14352a;--color-digits: #34d399;--color-bg-primary: #0c1a14;--color-bg-secondary: #14352a;--color-bg-tertiary: #1e4d3d;--color-bg-elevated: #14352a;--color-bg-hover: #1e4d3d;--color-bg-active: #2a6652;--color-surface: #14352a;--color-surface-hover: #1e4d3d;--color-surface-border: #2a6652;--color-text-primary: #ecfdf5;--color-text-secondary: #d1fae5;--color-text-tertiary: #a7f3d0;--color-text-muted: #6ee7b7;--color-text-inverse: #0c1a14;--color-text-user-profile: #ffffff;--color-text-user-profile-bg: #00000066;--color-text-app-title: #ffffff;--color-warning-text-bg: #cb0003;--color-border-primary: #2a6652;--color-border-secondary: #1e4d3d;--color-border-tertiary: #14352a;--color-border-button: #6ee7b7;--color-success: #22c55e;--color-success-bg: #14532d;--color-warning: #fbbf24;--color-warning-bg: #78350f;--color-error: #f87171;--color-error-bg: #7f1d1d;--color-info: #60a5fa;--color-info-bg: #1e3a8a;--color-link-success-bg: #065f46;--color-link-success: #6ee7b7;--color-online: #22c55e;--color-offline: #f87171;--color-warning-status: #fbbf24;--color-input-bg: #14352a;--color-input-border: #2a6652;--color-input-border-focus: #10b981;--color-input-text: #ecfdf5;--color-input-placeholder: #6ee7b7;--color-button-primary-bg: #000000;--color-button-primary-text: #ffffff;--color-button-primary-border: #c0c0c0;--color-button-secondary-bg: #14b8a6;--color-button-secondary-hover: #2dd4bf;--color-button-secondary-text: #0c1a14;--color-button-danger-bg: #ef4444;--color-button-danger-hover: #f87171;--color-button-danger-text: #ffffff;--color-table-header-bg: #1e4d3d;--color-button-border: #6ee7b7;--color-disabled-button-border: #2a6652;--color-lamp-card-bg: #14352a;--color-lamp-card-border: #2a6652;--color-lamp-card-selected-border: var(--color-border-button);--color-transparent-bg: #00000080;--color-none-transparent-bg: #000000;--color-content-border: #2a6652;--button-gradient: linear-gradient( 270deg, var(--saltwater-standard-02) 7%, var(--freshwater-standard-01) 83% );--title-gradient: linear-gradient( 90deg, var(--freshwater-standard-01) 29%, var(--saltwater-auxiliary-03) 100% );--settings-sidebar-gradient: linear-gradient( 90deg, var(--freshwater-standard-01) 0%, var(--saltwater-auxiliary-01) 100% );--color-input-toggle-bg: #ffffff;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 10px 10px -5px rgba(0, 0, 0, .5)}[data-theme=living-wall-light]{--color-primary: #65a30d;--color-primary-hover: #4d7c0f;--color-primary-light: #a3e635;--color-primary-dark: #3f6212;--color-secondary: #84cc16;--color-secondary-hover: #65a30d;--color-secondary-light: #bef264;--color-secondary-dark: #4d7c0f;--color-accent: #ea580c;--color-accent-hover: #c2410c;--gradient-start: #d9f99d;--gradient-mid: #65a30d;--gradient-end: #84cc16;--gradient-primary: linear-gradient(135deg, #65a30d 0%, #84cc16 50%, #a3e635 100%);--gradient-header: linear-gradient(90deg, #d9f99d 28.63%, #bef264 99.96%);--gradient-card: linear-gradient( 135deg, rgba(101, 163, 13, .1) 0%, rgba(132, 204, 22, .05) 100% );--header-gradient-start: #ecfccb;--header-gradient-mid: #ffffff;--header-gradient-end: #d9f99d;--color-digits: #4d7c0f;--color-bg-primary: #fdfdf8;--color-bg-secondary: #f7fee7;--color-bg-tertiary: #ecfccb;--color-bg-elevated: #ffffff;--color-bg-hover: #d9f99d;--color-bg-active: #bef264;--color-surface: #ffffff;--color-surface-hover: #f7fee7;--color-surface-border: #bef264;--color-text-primary: #1a2e05;--color-text-secondary: #365314;--color-text-tertiary: #4d7c0f;--color-text-muted: #78716c;--color-text-inverse: #ffffff;--color-text-user-profile: #ffffff;--color-text-user-profile-bg: #00000066;--color-text-app-title: #ffffff;--color-warning-text-bg: #cb0003;--color-border-primary: #bef264;--color-border-secondary: #d9f99d;--color-border-tertiary: #ecfccb;--color-border-button: #365314;--color-success: #84cc16;--color-success-bg: #ecfccb;--color-warning: #f59e0b;--color-warning-bg: #fef3c7;--color-error: #ef4444;--color-error-bg: #fee2e2;--color-info: #3b82f6;--color-info-bg: #dbeafe;--color-link-success-bg: #d9f99d;--color-link-success: #365314;--color-online: #84cc16;--color-offline: #ef4444;--color-warning-status: #f59e0b;--color-input-bg: #ffffff;--color-input-border: #bef264;--color-input-border-focus: #65a30d;--color-input-text: #1a2e05;--color-input-placeholder: #a8a29e;--color-button-primary-bg: #ffffff;--color-button-primary-text: #000000;--color-button-primary-border: #999999;--color-button-secondary-bg: #84cc16;--color-button-secondary-hover: #65a30d;--color-button-secondary-text: #ffffff;--color-button-danger-bg: #ef4444;--color-button-danger-hover: #dc2626;--color-button-danger-text: #ffffff;--color-table-header-bg: #ecfccb;--color-button-border: #365314;--color-disabled-button-border: #a8a29e;--color-lamp-card-bg: #ffffff;--color-lamp-card-border: #bef264;--color-lamp-card-selected-border: var(--freshwater-auxiliary-03);--color-transparent-bg: #ffffff80;--color-none-transparent-bg: #ffffff;--color-semi-transparent-bg: #ffffffb3;--color-content-border: #bef264;--color-input-toggle-bg: #ffffff;--button-gradient: linear-gradient( 270deg, var(--saltwater-standard-02) 7%, var(--freshwater-standard-01) 83% );--title-gradient: linear-gradient( 90deg, var(--freshwater-auxiliary-01) 29%, var(--freshwater-standard-01) 100% );--settings-sidebar-gradient: linear-gradient( 90deg, var(--freshwater-auxiliary-01) 0%, var(--freshwater-standard-01) 100% );--shadow-sm: 0 1px 2px 0 rgba(101, 163, 13, .05);--shadow-md: 0 4px 6px -1px rgba(101, 163, 13, .1), 0 2px 4px -1px rgba(101, 163, 13, .06);--shadow-lg: 0 10px 15px -3px rgba(101, 163, 13, .1), 0 4px 6px -2px rgba(101, 163, 13, .05);--shadow-xl: 0 20px 25px -5px rgba(101, 163, 13, .1), 0 10px 10px -5px rgba(101, 163, 13, .04)}[data-theme=living-wall-dark]{--color-primary: #84cc16;--color-primary-hover: #a3e635;--color-primary-light: #bef264;--color-primary-dark: #65a30d;--color-secondary: #a3e635;--color-secondary-hover: #bef264;--color-secondary-light: #d9f99d;--color-secondary-dark: #84cc16;--color-accent: #f97316;--color-accent-hover: #fb923c;--gradient-start: #4d7c0f;--gradient-mid: #65a30d;--gradient-end: #84cc16;--gradient-primary: linear-gradient(135deg, #4d7c0f 0%, #65a30d 50%, #84cc16 100%);--gradient-header: linear-gradient(90deg, #1a2e05 28.63%, #365314 99.96%);--gradient-card: linear-gradient( 135deg, rgba(132, 204, 22, .15) 0%, rgba(163, 230, 53, .1) 100% );--header-gradient-start: #1a2e05;--header-gradient-mid: #2c3e1c;--header-gradient-end: #262e18;--color-digits: #a3e635;--color-bg-primary: #171a0f;--color-bg-secondary: #262e18;--color-bg-tertiary: #374121;--color-bg-elevated: #262e18;--color-bg-hover: #374121;--color-bg-active: #4a5a2c;--color-surface: #262e18;--color-surface-hover: #374121;--color-surface-border: #4a5a2c;--color-text-primary: #f7fee7;--color-text-secondary: #ecfccb;--color-text-tertiary: #d9f99d;--color-text-muted: #bef264;--color-text-inverse: #171a0f;--color-text-user-profile: #ffffff;--color-text-user-profile-bg: #00000066;--color-text-app-title: #ffffff;--color-warning-text-bg: #cb0003;--color-border-primary: #4a5a2c;--color-border-secondary: #374121;--color-border-tertiary: #262e18;--color-border-button: #bef264;--color-success: #84cc16;--color-success-bg: #365314;--color-warning: #fbbf24;--color-warning-bg: #78350f;--color-error: #f87171;--color-error-bg: #7f1d1d;--color-info: #60a5fa;--color-info-bg: #1e3a8a;--color-link-success-bg: #365314;--color-link-success: #bef264;--color-online: #84cc16;--color-offline: #f87171;--color-warning-status: #fbbf24;--color-input-bg: #262e18;--color-input-border: #4a5a2c;--color-input-border-focus: #84cc16;--color-input-text: #f7fee7;--color-input-placeholder: #bef264;--color-button-primary-bg: #000000;--color-button-primary-text: #ffffff;--color-button-primary-border: #c0c0c0;--color-button-secondary-bg: #a3e635;--color-button-secondary-hover: #bef264;--color-button-secondary-text: #171a0f;--color-button-danger-bg: #ef4444;--color-button-danger-hover: #f87171;--color-button-danger-text: #ffffff;--color-table-header-bg: #374121;--color-button-border: #bef264;--color-disabled-button-border: #4a5a2c;--color-lamp-card-bg: #262e18;--color-lamp-card-border: #4a5a2c;--color-transparent-bg: #00000080;--color-none-transparent-bg: #000000;--color-lamp-card-selected-border: var(--freshwater-auxiliary-01);--color-content-border: #4a5a2c;--button-gradient: linear-gradient( 270deg, var(--freshwater-auxiliary-02) 7%, var(--freshwater-standard-01) 83% );--title-gradient: linear-gradient( 90deg, var(--freshwater-standard-01) 29%, var(--freshwater-auxiliary-02) 100% );--settings-sidebar-gradient: linear-gradient( 90deg, var(--freshwater-standard-01) 0%, var(--freshwater-auxiliary-02) 100% );--color-input-toggle-bg: #ffffff;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 10px 10px -5px rgba(0, 0, 0, .5)}[data-theme=light]{--color-primary: #0891b2;--color-primary-hover: #0e7490;--color-primary-light: #22d3ee;--color-primary-dark: #155e75;--color-secondary: #14b8a6;--color-secondary-hover: #0d9488;--color-secondary-light: #5eead4;--color-secondary-dark: #0f766e;--color-accent: #06b6d4;--color-accent-hover: #0891b2;--gradient-start: #aadbdf;--gradient-mid: #0072bf;--gradient-end: #4fbfd3;--gradient-primary: linear-gradient(135deg, #0891b2 0%, #06b6d4 50%, #14b8a6 100%);--gradient-header: linear-gradient(90deg, #aadbdf 28.63%, #4fbfd3 99.96%);--gradient-card: linear-gradient(135deg, rgba(8, 145, 178, .1) 0%, rgba(6, 182, 212, .05) 100%);--color-digits: #0072bf;--color-bg-primary: #f8fafb;--color-bg-secondary: #f1f5f9;--color-bg-tertiary: #e2e8f0;--color-bg-elevated: #ffffff;--color-bg-hover: #e0f2fe;--color-bg-active: #bae6fd;--color-surface: #ffffff;--color-surface-hover: #f8fafc;--color-surface-border: #cbd5e1;--color-text-primary: #0f172a;--color-text-secondary: #334155;--color-text-tertiary: #64748b;--color-text-muted: #94a3b8;--color-text-inverse: #ffffff;--color-text-user-profile: #ffffff;--color-text-user-profile-bg: #00000066;--color-text-app-title: #ffffff;--color-warning-text-bg: #cb0003;--color-border-primary: #cbd5e1;--color-border-secondary: #e2e8f0;--color-border-tertiary: #f1f5f9;--color-border-button: #d4d4d4;--color-success: #4cd964;--color-success-bg: #d1fae5;--color-warning: #f59e0b;--color-warning-bg: #fef3c7;--color-error: #ef4444;--color-error-bg: #fee2e2;--color-info: #3b82f6;--color-info-bg: #dbeafe;--color-link-success-bg: #a7ce58;--color-link-success: #3b801c;--color-online: #10b981;--color-offline: #ef4444;--color-warning-status: #f59e0b;--color-input-bg: #ffffff;--color-input-border: #cbd5e1;--color-input-border-focus: #0891b2;--color-input-text: #0f172a;--color-input-placeholder: #94a3b8;--color-button-primary-bg: #0891b2;--color-button-primary-hover: #0e7490;--color-button-primary-text: #ffffff;--color-button-secondary-bg: #14b8a6;--color-button-secondary-hover: #0d9488;--color-button-secondary-text: #ffffff;--color-button-danger-bg: #ef4444;--color-button-danger-hover: #dc2626;--color-button-danger-text: #ffffff;--color-table-header-bg: #e2f7f9;--color-lamp-card-bg: #ffffff;--color-lamp-card-border: #999999;--color-content-border: #999999;--shadow-sm: 0 1px 2px 0 rgba(8, 145, 178, .05);--shadow-md: 0 4px 6px -1px rgba(8, 145, 178, .1), 0 2px 4px -1px rgba(8, 145, 178, .06);--shadow-lg: 0 10px 15px -3px rgba(8, 145, 178, .1), 0 4px 6px -2px rgba(8, 145, 178, .05);--shadow-xl: 0 20px 25px -5px rgba(8, 145, 178, .1), 0 10px 10px -5px rgba(8, 145, 178, .04)}[data-theme=dark]{--color-primary: #06b6d4;--color-primary-hover: #22d3ee;--color-primary-light: #67e8f9;--color-primary-dark: #0891b2;--color-secondary: #14b8a6;--color-secondary-hover: #2dd4bf;--color-secondary-light: #5eead4;--color-secondary-dark: #0d9488;--color-accent: #22d3ee;--color-accent-hover: #67e8f9;--gradient-start: #0e7490;--gradient-mid: #0891b2;--gradient-end: #0d9488;--gradient-primary: linear-gradient(135deg, #0e7490 0%, #0891b2 50%, #0d9488 100%);--gradient-header: linear-gradient(90deg, #164e63 28.63%, #0e7490 99.96%);--gradient-card: linear-gradient( 135deg, rgba(6, 182, 212, .15) 0%, rgba(20, 184, 166, .1) 100% );--color-digits: #22d3ee;--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--color-bg-elevated: #1e293b;--color-bg-hover: #334155;--color-bg-active: #475569;--color-surface: #1e293b;--color-surface-hover: #334155;--color-surface-border: #475569;--color-text-primary: #f8fafc;--color-text-secondary: #e2e8f0;--color-text-tertiary: #cbd5e1;--color-text-muted: #94a3b8;--color-text-inverse: #0f172a;--color-text-user-profile: #ffffff;--color-text-user-profile-bg: #00000066;--color-text-app-title: #0f172a;--color-warning-text-bg: #cb0003;--color-border-primary: #475569;--color-border-secondary: #334155;--color-border-tertiary: #1e293b;--color-border-button: #999999;--color-success: #10b981;--color-success-bg: #064e3b;--color-warning: #f59e0b;--color-warning-bg: #78350f;--color-error: #ef4444;--color-error-bg: #7f1d1d;--color-info: #3b82f6;--color-info-bg: #1e3a8a;--color-link-success-bg: #065f46;--color-link-success: #6ee7b7;--color-online: #10b981;--color-offline: #ef4444;--color-warning-status: #f59e0b;--color-input-bg: #1e293b;--color-input-border: #475569;--color-input-border-focus: #06b6d4;--color-input-text: #f8fafc;--color-input-placeholder: #64748b;--color-button-primary-bg: #06b6d4;--color-button-primary-hover: #22d3ee;--color-button-primary-text: #0f172a;--color-button-secondary-bg: #14b8a6;--color-button-secondary-hover: #2dd4bf;--color-button-secondary-text: #0f172a;--color-button-danger-bg: #ef4444;--color-button-danger-hover: #f87171;--color-button-danger-text: #ffffff;--color-table-header-bg: #164e63;--color-button-border: #999999;--color-disabled-button-border: #666666;--color-lamp-card-bg: #1e293b;--color-lamp-card-border: #475569;--color-content-border: #475569;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .4)}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:background-color .3s ease,color .3s ease}.themed-card{background-color:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:8px;box-shadow:var(--shadow-md);transition:all .3s ease}.themed-card:hover{background-color:var(--color-bg-hover);box-shadow:var(--shadow-lg)}.themed-input{background-color:var(--color-input-bg);border:1px solid var(--color-input-border);color:var(--color-input-text);border-radius:6px;padding:8px 12px;transition:all .2s ease}.themed-input:focus{outline:none;border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px #06b6d41a}.themed-input::-moz-placeholder{color:var(--color-input-placeholder)}.themed-input::placeholder{color:var(--color-input-placeholder)}.themed-button-primary{background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text);border:none;border-radius:6px;padding:10px 20px;font-weight:500;cursor:pointer;transition:all .2s ease}.themed-button-primary:hover{background-color:var(--color-button-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.themed-button-secondary{background-color:var(--color-button-secondary-bg);color:var(--color-button-secondary-text);border:none;border-radius:6px;padding:10px 20px;font-weight:500;cursor:pointer;transition:all .2s ease}.themed-button-secondary:hover{background-color:var(--color-button-secondary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.themed-text-primary{color:var(--color-text-primary)}.themed-text-secondary{color:var(--color-text-secondary)}.themed-text-tertiary{color:var(--color-text-tertiary)}.themed-text-muted{color:var(--color-text-muted)}.status-dot-online{width:12px;height:12px;border-radius:50%;background-color:var(--color-online);box-shadow:0 0 8px var(--color-online)}.status-dot-offline{width:12px;height:12px;border-radius:50%;background-color:var(--color-offline)}.status-dot-warning{width:12px;height:12px;border-radius:50%;background-color:var(--color-warning-status)}*{transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}*:not(body):not(.themed-card):not(.themed-input):not(.themed-button-primary):not(.themed-button-secondary){transition-duration:.15s}.header-wave-bg{background-position:top;background-repeat:no-repeat;background-size:100% auto}@media (min-width: 500px){.header-wave-bg{background-repeat:repeat-x;background-size:auto 83px}}