.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);transition:all var(--transition-fast);border:none;cursor:pointer}.button:disabled,.button.loading{cursor:not-allowed;opacity:.6}.button.fullWidth{width:100%}.button.sm{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.button.md{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);min-height:44px}.button.lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg);min-height:52px}.button.primary{background-color:var(--color-primary);color:#fff}.button.primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.button.secondary{background-color:var(--color-surface);color:var(--color-primary);border:1px solid var(--color-border)}.button.secondary:hover:not(:disabled){background-color:var(--color-surface-secondary)}.button.ghost{background-color:transparent;color:var(--color-primary)}.button.ghost:hover:not(:disabled){background-color:#007aff1a}.button.danger{background-color:var(--color-danger);color:#fff}.button.danger:hover:not(:disabled){background-color:#e0342b}.button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.button.danger:focus-visible{outline-color:var(--color-danger)}.spinner{width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skip-link{position:absolute;top:-100%;left:var(--spacing-md);z-index:1000;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-primary);color:#fff;text-decoration:none;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);transition:top var(--transition-fast)}.skip-link:focus{top:var(--spacing-md);outline:2px solid var(--color-primary);outline-offset:2px}.main-layout{min-height:100vh;display:flex;background-color:var(--color-background)}.main-layout__sidebar{width:260px;background-color:var(--color-surface);border-right:1px solid var(--color-divider);display:flex;flex-direction:column;padding:var(--spacing-lg);position:sticky;top:0;height:100vh;overflow-y:auto;flex-shrink:0}.main-layout__logo{margin-bottom:var(--spacing-xl)}.main-layout__logo-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.main-layout__nav{flex:1}.main-layout__nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.main-layout__nav-link{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);color:var(--color-text-secondary);background-color:transparent;font-weight:var(--font-weight-regular);text-decoration:none;transition:all var(--transition-fast)}.main-layout__nav-link:hover{color:var(--color-primary);background-color:#007aff0d}.main-layout__nav-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.main-layout__nav-link.active{color:var(--color-primary);background-color:#007aff1a;font-weight:var(--font-weight-semibold)}.main-layout__user{border-top:1px solid var(--color-divider);padding-top:var(--spacing-md)}.main-layout__user-email{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.main-layout__content{flex:1;padding:var(--spacing-xl);overflow-y:auto;min-height:100vh}.main-layout__mobile-header,.main-layout__close-btn,.main-layout__overlay{display:none}@media (max-width: 768px){.main-layout{flex-direction:column}.main-layout__mobile-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-surface);border-bottom:1px solid var(--color-divider);position:sticky;top:0;z-index:100}.main-layout__hamburger{background:none;border:none;padding:var(--spacing-xs);cursor:pointer;color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.main-layout__hamburger:hover{background-color:var(--color-surface-secondary)}.main-layout__hamburger:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.main-layout__mobile-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0}.main-layout__sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:200;transform:translate(-100%);transition:transform .3s ease}.main-layout__sidebar--open{transform:translate(0)}.main-layout__overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:150}.main-layout__close-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:var(--spacing-xs);cursor:pointer;color:var(--color-text-secondary);border-radius:var(--radius-md)}.main-layout__close-btn:hover{background-color:var(--color-surface-secondary);color:var(--color-text-primary)}.main-layout__close-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.main-layout__logo{display:flex;justify-content:space-between;align-items:center}.main-layout__content{padding:var(--spacing-md)}}.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);background-color:var(--color-background)}.auth-layout__container{width:100%;max-width:400px}.auth-layout__header{text-align:center;margin-bottom:var(--spacing-xl)}.auth-layout__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0}.auth-layout__subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.auth-layout__card{background-color:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-xl)}.toast-container{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);z-index:var(--z-toast)}.toast{padding:var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:var(--spacing-sm);min-width:280px;max-width:400px;animation:toast-slide-in .3s ease-out}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast--success{background-color:var(--color-success);color:#fff}.toast--error{background-color:var(--color-danger);color:#fff}.toast--warning{background-color:var(--color-warning);color:#fff}.toast--info{background-color:var(--color-surface);color:var(--color-text-primary)}.toast__message{flex:1}.toast__close{background:none;border:none;color:inherit;cursor:pointer;padding:var(--spacing-xs);opacity:.7;font-size:18px;line-height:1;transition:opacity var(--transition-fast)}.toast__close:hover{opacity:1}.toast__close:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:var(--radius-sm);opacity:1}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs)}.input-wrapper.fullWidth{width:100%}.input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.input-field{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-primary);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);min-height:44px;width:100%}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #007aff26}.input-field.error{border-color:var(--color-danger)}.input-field.error:focus{box-shadow:0 0 0 3px #ff3b3026}.input-error{font-size:var(--font-size-sm);color:var(--color-danger)}.spinner-container{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spinner-spin 1s linear infinite}.spinner-container.size-sm{width:16px;height:16px}.spinner-container.size-md{width:24px;height:24px}.spinner-container.size-lg{width:40px;height:40px}@keyframes spinner-spin{to{transform:rotate(360deg)}}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card.padding-none{padding:0}.card.padding-sm{padding:var(--spacing-sm)}.card.padding-md{padding:var(--spacing-md)}.card.padding-lg{padding:var(--spacing-lg)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080}.modal-content{position:relative;background-color:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-height:90vh;overflow:auto;z-index:var(--z-modal)}.modal-content.size-sm{max-width:400px}.modal-content.size-md{max-width:500px}.modal-content.size-lg{max-width:640px}.modal-content.size-xl{max-width:960px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-divider)}.modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.modal-close{background:none;border:none;font-size:24px;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs);line-height:1;transition:color var(--transition-fast)}.modal-close:hover{color:var(--color-text-primary)}.modal-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.modal-body{padding:var(--spacing-lg)}.login-form__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-md) 0;text-align:center}.login-form__subtitle{color:var(--color-text-secondary);margin:0 0 var(--spacing-lg) 0;text-align:center}.login-form__field{margin-bottom:var(--spacing-md)}.config-page{padding:2rem}.config-page--split{max-width:100%;display:grid;grid-template-columns:var(--split-left-width) 1fr;gap:1.5rem;align-items:start;height:calc(100vh - 60px);overflow:hidden}.config-split__left{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:2rem 0 0 2rem}.config-split__left .config-page__header{flex-shrink:0}.config-split__left .config-page__list{flex:1;overflow-y:auto;padding-bottom:1rem}.config-split__right{height:100%;overflow-y:auto;border-left:1px solid var(--color-divider);padding:2rem 2rem 2rem 1.5rem}.config-page__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.config-page__title{font-size:1.5rem;font-weight:600;margin:0}.config-page__loading,.config-page__empty{color:var(--color-text-secondary);font-size:.875rem}.config-page__list{display:flex;flex-direction:column;gap:.375rem;padding-bottom:1rem}.config-version-row{width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;padding:.625rem .875rem;cursor:pointer;text-align:left;color:inherit;display:flex;flex-direction:column;gap:.25rem;transition:border-color .15s,background-color .15s}.config-version-row:hover{background-color:var(--color-surface-secondary);border-color:var(--color-border-hover, var(--color-border))}.config-version-row--active{border-left:3px solid var(--color-primary)}.config-version-row--selected{border-color:var(--color-primary);background-color:#007aff0f}.config-split__empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.config-version-row__info{display:flex;align-items:center;gap:.5rem}.config-version-row__meta{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.config-version-row__notes{font-size:.75rem;color:var(--color-text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.config-detail{padding-bottom:2rem}.config-detail__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}@media (max-width: 900px){.config-page--split{grid-template-columns:1fr;height:auto;overflow:visible}.config-split__left{height:auto;overflow:visible;padding:1rem}.config-split__right{border-left:none;border-top:1px solid var(--color-divider);padding:1rem;height:auto;overflow:visible}}.config-version{padding:1.25rem}.config-version--active{border-color:var(--color-primary)}.config-version__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.config-version__name{font-weight:600;font-size:1rem;margin-right:.5rem}.config-version__badge{font-size:.75rem;font-weight:500;background:var(--color-primary);color:#fff;padding:.125rem .5rem;border-radius:9999px}.config-version__date{font-size:.75rem;color:var(--color-text-secondary)}.config-version__notes{font-size:.875rem;color:var(--color-text-secondary);margin:0 0 .75rem}.config-version__actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}.sv{background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:.5rem;padding:.875rem 1rem;display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.sv__row{display:grid;grid-template-columns:200px 1fr;gap:.75rem;align-items:baseline;min-height:1.5rem}@media (max-width: 600px){.config-page{padding:1rem}.sv__row{grid-template-columns:1fr;gap:.125rem}.sv__key{color:var(--color-text-tertiary)}}.sv__key{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);letter-spacing:.01em}.sv__section{margin-top:.5rem}.sv__section-title{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);margin-bottom:.375rem;padding-bottom:.25rem;border-bottom:1px solid var(--color-divider)}.sv__section-body{display:flex;flex-direction:column;gap:.2rem;padding-left:.75rem}.sv-string{font-size:.8125rem;color:var(--color-text-primary);word-break:break-word}.sv-string--long{display:block;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.375rem;padding:.5rem .625rem;font-size:.8rem;line-height:1.55;white-space:pre-wrap;word-break:break-word;margin-top:.125rem}.sv-number{font-size:.8125rem;color:var(--color-primary);font-variant-numeric:tabular-nums}.sv-bool{font-size:.8125rem;color:var(--color-secondary);font-weight:500}.sv-null{font-size:.8125rem;color:var(--color-text-tertiary);font-style:italic}.sv-array{font-size:.8125rem;color:var(--color-text-secondary);font-family:monospace}.kv-editor{display:flex;flex-direction:column;gap:.375rem}.kv-editor__btns{display:flex;gap:.5rem;margin-top:.25rem}.kv-row{display:grid;grid-template-columns:180px 1fr auto;gap:.5rem;align-items:start}.kv-input,.kv-textarea{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:.375rem;padding:.4rem .625rem;font-size:.8125rem;width:100%;box-sizing:border-box;font-family:inherit}.kv-input--key{font-weight:500}.kv-input--section{font-weight:700;font-size:.8125rem;border-style:dashed;flex:1}.kv-textarea{resize:vertical;line-height:1.5;font-family:monospace}.kv-input:focus,.kv-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #007aff1f}.kv-remove{background:none;border:none;cursor:pointer;color:var(--color-text-tertiary);font-size:1.25rem;line-height:1;padding:.25rem .375rem;border-radius:.25rem;margin-top:.2rem;flex-shrink:0}.kv-remove:hover{color:var(--color-danger);background:#ff3b3014}.kv-add{background:none;border:1px dashed var(--color-border);border-radius:.375rem;color:var(--color-text-secondary);font-size:.8125rem;padding:.4rem .75rem;cursor:pointer;flex:1;text-align:center}.kv-add:hover{border-color:var(--color-primary);color:var(--color-primary)}.kv-add--sm{margin-top:.25rem;flex:1}.kv-section{border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden;margin-top:.25rem}.kv-section--nested{border-color:var(--color-divider);margin-top:.375rem}.kv-section__header{display:flex;align-items:center;gap:.5rem;background:var(--color-surface-secondary);padding:.5rem .625rem;border-bottom:1px solid var(--color-border)}.kv-section--nested .kv-section__header{background:var(--color-surface);padding:.375rem .5rem}.kv-section__body{display:flex;flex-direction:column;gap:.375rem;padding:.625rem}.kv-section--nested .kv-section__body{padding:.5rem}.sv__section--nested{margin-left:.75rem}.sv__section--nested .sv__section-title{font-size:.625rem;color:var(--color-text-tertiary)}.config-create-form{display:flex;flex-direction:column;gap:1rem}.config-create-form__field{display:flex;flex-direction:column;gap:.375rem}.config-create-form__label{font-size:.875rem;font-weight:500}.config-create-form__actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem}.stats-page{padding:2rem;width:100%;box-sizing:border-box}.stats-page__top,.stats-page__numbers,.stats-page__charts{min-width:0}.stats-page__summary{width:100%;box-sizing:border-box}.stats-page__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.stats-page__title{font-size:1.5rem;font-weight:600;margin:0}.stats-page__controls{display:flex;align-items:center;gap:.75rem}.stats-page__select{padding:.4rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;outline:none;transition:border-color var(--transition-fast)}.stats-page__select:focus{border-color:var(--color-primary)}.stats-page__export-btn{padding:.4rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.stats-page__export-btn:hover:not(:disabled){background-color:var(--color-surface-secondary);border-color:var(--color-primary)}.stats-page__export-btn:disabled{opacity:.5;cursor:not-allowed}.stats-page__export-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.stats-page__filter-info{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:-.75rem 0 1.25rem}.stats-page__loading,.stats-page__empty{color:var(--color-text-secondary);font-size:.875rem}.stats-page__summary{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;margin-bottom:2rem}.stats-page__summary--4col{grid-template-columns:repeat(4,1fr)}@media (max-width: 700px){.stats-page__summary--4col{grid-template-columns:repeat(2,1fr)}}.stats-page__section{margin-bottom:2rem}.stats-page__section-title{font-size:1rem;font-weight:600;margin:0 0 .75rem}.stats-page__provider-list{display:flex;gap:1rem;flex-wrap:wrap}.stat-card{text-align:center;padding:1.25rem 1rem!important}.stat-card__value{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.25rem}.stat-card__label{font-size:.75rem;color:var(--color-text-secondary)}.stats-page__top{display:grid;grid-template-columns:1fr 340px;gap:1.5rem;align-items:start;margin-bottom:2rem}.stats-page__numbers .stats-page__summary{margin-bottom:0}.stats-page__charts .stats-charts-grid{grid-template-columns:1fr;margin-bottom:0}@media (max-width: 1000px){.stats-page__top{grid-template-columns:1fr}.stats-page__charts .stats-charts-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 700px){.stats-page{padding:1rem}.stats-page__summary{grid-template-columns:repeat(2,1fr);gap:.5rem}.stat-card{padding:.875rem .5rem!important}.stat-card__value{font-size:1.25rem}.stats-page__controls{flex-wrap:wrap}.stats-page__charts .stats-charts-grid{grid-template-columns:1fr}.stats-table th,.stats-table td{padding:.4rem .5rem;font-size:.75rem}.stats-table__summary{max-width:120px}}.stats-charts__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;gap:1rem}.stats-charts__header .stats-page__section-title{margin:0}.stats-charts__range{display:flex;gap:.375rem}.stats-charts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.25rem}.stats-chart-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.875rem}.stats-chart-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.625rem}@media (max-width: 900px){.stats-charts-grid{grid-template-columns:1fr}}.stats-page__table-wrap{overflow-x:auto;width:100%;max-width:100%}.stats-table{width:100%;border-collapse:collapse;font-size:.8125rem}.stats-table th{text-align:left;padding:.5rem .75rem;font-weight:500;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);white-space:nowrap}.stats-table td{padding:.625rem .75rem;border-bottom:1px solid var(--color-divider);color:var(--color-text-primary);vertical-align:top}.stats-table__device{font-family:monospace;font-size:.75rem}.stats-table__summary{max-width:300px;color:var(--color-text-secondary);font-size:.75rem}.confirm-modal{display:flex;flex-direction:column;gap:var(--spacing-lg)}.confirm-modal__message{margin:0;color:var(--color-text-secondary);line-height:1.5}.confirm-modal__actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.input-modal__input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:1rem;box-sizing:border-box}.input-modal__input:focus{outline:none;border-color:var(--color-primary)}.devices-page{padding:2rem;max-width:1000px}.devices-page--split{max-width:100%;display:grid;grid-template-columns:var(--split-left-width) 1fr;gap:1.5rem;align-items:start;height:calc(100vh - 60px);overflow:hidden}.devices-split__left{display:flex;flex-direction:column;height:100%;overflow:hidden}.devices-split__left .devices-page__header{flex-shrink:0}.devices-split__left .devices-list{flex:1;overflow-y:auto}.devices-split__right{height:100%;overflow-y:auto;border-left:1px solid var(--color-divider);padding-left:1.5rem}.devices-split__empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.devices-page__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-shrink:0}.devices-page__title{font-size:1.25rem;font-weight:600;margin:0}.devices-page__count{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.devices-page__loading,.devices-page__empty{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.devices-list-controls{display:flex;gap:.5rem;margin-bottom:.5rem;flex-shrink:0}.devices-search{flex:1;min-width:0;padding:.375rem .625rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm)}.devices-search:focus{outline:none;border-color:var(--color-primary)}.devices-sort{padding:.375rem .5rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer}.devices-filters{display:flex;gap:.375rem;margin-bottom:.75rem;flex-wrap:wrap;flex-shrink:0}.devices-filter-chip{padding:.2rem .625rem;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.devices-filter-chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.devices-filter-chip--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.devices-list{display:flex;flex-direction:column;gap:.5rem;padding-bottom:1rem}.device-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-fast)}.device-card--selected{border-color:var(--color-primary);background-color:#007aff05}.device-card__row-wrapper{display:flex;align-items:stretch}.device-card__row{flex:1;min-width:0;background:none;border:none;cursor:pointer;padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;text-align:left;color:inherit;transition:background-color var(--transition-fast);overflow:hidden}.device-card__row:hover{background-color:var(--color-surface-secondary)}.device-card__toggle{background:none;border:none;border-left:1px solid var(--color-border);cursor:pointer;padding:0 .75rem;font-size:var(--font-size-xs);color:var(--color-text-tertiary);transition:background-color var(--transition-fast),color var(--transition-fast);flex-shrink:0;min-width:2rem}.device-card__toggle:hover{background-color:var(--color-surface-secondary);color:var(--color-text-primary)}.device-card__info{flex:1;min-width:0}.device-card__badges{display:flex;align-items:center;gap:.4rem;flex-shrink:1;min-width:0;overflow:hidden}.device-card__seen{font-size:var(--font-size-xs);color:var(--color-text-tertiary);white-space:nowrap}.account-card__id{font-family:monospace;font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.account-card__devices{padding:.375rem .5rem;display:flex;flex-direction:column;gap:.25rem;background:var(--color-surface-secondary)}.device-row{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.device-row--selectable{width:100%;display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;cursor:pointer;text-align:left;color:inherit;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.device-row--selectable:hover{background-color:var(--color-surface-secondary)}.device-row--selected{border-color:var(--color-primary);background-color:#007aff0a}.device-row__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.device-row__name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-text-primary)}.device-row__uuid{font-family:monospace;font-size:var(--font-size-xs);color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-badge{display:inline-block;padding:.15rem .5rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap}.device-badge--primary{background:#007aff1a;color:var(--color-primary);border:1px solid rgba(0,122,255,.25)}.device-badge--success{background:#34c7591a;color:var(--color-success);border:1px solid rgba(52,199,89,.25)}.device-badge--danger{background:#ff3b301a;color:var(--color-danger);border:1px solid rgba(255,59,48,.25)}.device-detail-panel{padding-bottom:2rem}.device-detail-panel__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.25rem}.device-detail-panel__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.device-detail-panel__uuid{font-family:monospace;font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:2px}.device-detail-panel__close{background:none;border:none;cursor:pointer;font-size:var(--font-size-base);color:var(--color-text-tertiary);padding:.25rem .5rem;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.device-detail-panel__close:hover{color:var(--color-text-primary);background:var(--color-surface-secondary)}.device-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.875rem}.device-detail-item{display:flex;flex-direction:column;gap:2px}.device-detail-item__label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.04em;font-weight:var(--font-weight-medium)}.device-detail-item__value{font-size:var(--font-size-sm);color:var(--color-text-primary);word-break:break-all}.device-detail-item__value--mono{font-family:monospace;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.device-detail-item__value--warn{color:var(--color-warning, #f59e0b);font-weight:600}.device-revoke-btn{padding:.25rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--color-danger, #ef4444);background:transparent;color:var(--color-danger, #ef4444);font-size:var(--font-size-sm);cursor:pointer;transition:background .15s,color .15s}.device-revoke-btn:hover{background:var(--color-danger, #ef4444);color:#fff}.user-grant-btn{padding:.25rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--color-success);background:transparent;color:var(--color-success);font-size:var(--font-size-sm);cursor:pointer;transition:background .15s,color .15s}.user-grant-btn:hover{background:var(--color-success);color:#fff}.device-detail-panel__range{display:flex;gap:.375rem;margin:1rem 0 .75rem}.device-range-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.25rem .75rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.device-range-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.device-range-btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.device-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.25rem}.device-stat-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.75rem;display:flex;flex-direction:column;gap:2px}.device-stat-box__value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.device-stat-box__label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.04em}.device-charts-column{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.25rem}.device-chart-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.875rem}.device-chart-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.625rem}.device-chart{width:100%;height:auto;display:block}.device-sessions-list{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.device-sessions-list .device-chart-title{padding:.75rem 1rem 0;margin-bottom:0}.device-session-row{padding:.625rem 1rem;border-top:1px solid var(--color-divider);display:flex;flex-direction:column;gap:3px}.device-session-row:first-of-type{border-top:none}.device-session-row__meta{display:flex;align-items:center;gap:.5rem}.device-session-row__provider{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background:#5856d61a;color:var(--color-secondary);border-radius:var(--radius-full);padding:.1rem .5rem}.device-session-row__model{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background:#007aff14;color:var(--color-primary);border-radius:var(--radius-full);padding:.1rem .5rem}.device-session-row__device{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background:#34c75914;color:var(--color-success);border-radius:var(--radius-full);padding:.1rem .5rem;font-family:monospace}.device-session-row__date{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.device-session-row__stats{display:flex;gap:.75rem;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.device-session-row__cost{color:var(--color-success);font-weight:var(--font-weight-medium)}.device-session-row__summary{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-style:italic;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 900px){.device-charts-column{grid-template-columns:1fr}.devices-page--split,.device-detail-panel,.devices-split__right{padding-left:.5rem;padding-right:.5rem}.devices-page--split{grid-template-columns:1fr;height:auto;overflow:visible}.devices-split__left{height:auto;overflow:visible}.devices-split__right{border-left:none;border-top:1px solid var(--color-divider);padding-left:0;padding-top:1.5rem;height:auto;overflow:visible}}.session-cost__meta{display:flex;gap:1rem;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:1rem}.session-cost__table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);margin-bottom:1.5rem}.session-cost__table th{text-align:left;padding:.375rem .5rem;color:var(--color-text-secondary);border-bottom:1px solid var(--color-divider);font-weight:500}.session-cost__table td{padding:.375rem .5rem;border-bottom:1px solid var(--color-divider)}.session-cost__table tfoot td{border-top:2px solid var(--color-divider);border-bottom:none}.session-cost__tokens,.session-cost__rate,.session-cost__cost{text-align:right}.session-cost-row--negative td{color:var(--color-danger, #ef4444)}.session-cost__raw{margin-top:.5rem}.session-cost__raw-title{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.session-cost__raw-grid{display:grid;grid-template-columns:1fr 1fr;gap:.25rem 2rem;font-size:var(--font-size-sm);font-family:monospace}.session-cost__raw-grid span:nth-child(2n){text-align:right;color:var(--color-text-secondary)}.device-session-row--clickable{width:100%;text-align:left;background:none;border:none;border-top:1px solid var(--color-divider);cursor:pointer;color:inherit}.device-session-row--clickable:first-of-type{border-top:none}.device-session-row--clickable:hover{background:var(--color-hover, rgba(0,0,0,.04))}.purchases-page{padding:2rem;max-width:1100px}.purchases-page__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.purchases-page__title{font-size:1.5rem;font-weight:600;margin:0}.purchases-page__count{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.purchases-page__loading,.purchases-page__empty{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.purchases-filters{display:flex;gap:.375rem;flex-wrap:wrap;margin-bottom:1rem}.purchases-filter-chip{padding:.2rem .75rem;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.purchases-filter-chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.purchases-filter-chip--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.purchases-table-wrap{overflow-x:auto}.purchases-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.purchases-table th{text-align:left;padding:.5rem .75rem;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);white-space:nowrap}.purchases-table td{padding:.625rem .75rem;border-bottom:1px solid var(--color-divider);color:var(--color-text-primary);vertical-align:middle}.purchases-table__row--revoked td{opacity:.5}.purchases-table__date{white-space:nowrap;color:var(--color-text-secondary)}.purchases-table__device{font-family:monospace;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.purchases-table__tokens{font-weight:var(--font-weight-semibold);color:var(--color-success);white-space:nowrap}.purchases-table__txid{font-family:monospace;font-size:var(--font-size-xs);color:var(--color-text-tertiary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.purchases-badge{display:inline-block;padding:.15rem .55rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.purchases-badge--ok{background:#34c7591a;color:var(--color-success);border:1px solid rgba(52,199,89,.25)}.purchases-badge--revoked{background:#ff3b301a;color:var(--color-danger);border:1px solid rgba(255,59,48,.25)}.purchases-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem}.purchases-pagination__btn{padding:.4rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.purchases-pagination__btn:hover:not(:disabled){background-color:var(--color-surface-secondary);border-color:var(--color-primary)}.purchases-pagination__btn:disabled{color:var(--color-text-tertiary);cursor:not-allowed}.purchases-pagination__btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.purchases-pagination__info{font-size:var(--font-size-sm);color:var(--color-text-secondary)}@media (max-width: 768px){.purchases-page{padding:var(--spacing-md)}}.settings-page{padding:2rem;max-width:100%}.settings-page__body{display:grid;grid-template-columns:1fr 1fr;gap:0 2rem;align-items:start}@media (max-width: 768px){.settings-page__body{grid-template-columns:1fr}}.settings-page__title{font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.settings-page__loading{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.settings-page__error{background:#ff3b301a;color:var(--color-danger);border:1px solid rgba(255,59,48,.25);border-radius:var(--radius-md);padding:.75rem 1rem;font-size:var(--font-size-sm);margin-bottom:1rem}.settings-section{margin-bottom:2rem}.settings-section__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem}.settings-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.settings-row{display:flex;align-items:center;gap:1.5rem;padding:1.25rem;justify-content:space-between}.settings-info{flex:1;min-width:0}.settings-info__name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:.25rem}.settings-info__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.settings-code{background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.1rem .35rem;font-size:var(--font-size-xs);font-family:monospace;color:var(--color-secondary)}.settings-toggle{flex-shrink:0;min-width:56px;padding:.4rem 1rem;border:none;border-radius:var(--radius-full);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);background:var(--color-border);color:var(--color-text-secondary)}.settings-toggle--on{background:var(--color-success);color:#fff}.settings-toggle:disabled{opacity:.5;cursor:not-allowed}.settings-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.settings-row--bordered{border-top:1px solid var(--color-border)}.settings-input{flex-shrink:0;width:100px;padding:.4rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-secondary);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:right}.settings-input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.settings-input:disabled{opacity:.5;cursor:not-allowed}.settings-select{flex-shrink:0;padding:.4rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-secondary);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:border-color var(--transition-fast)}.settings-select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.settings-select:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.settings-page{padding:var(--spacing-md)}}.not-found{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);background-color:var(--color-background);text-align:center}.not-found__content{max-width:400px}.not-found__title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-sm) 0}.not-found__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0 0 var(--spacing-xl) 0}.privacy{min-height:100vh;background:var(--color-background);padding:var(--spacing-2xl) var(--spacing-md)}.privacy__container{max-width:720px;margin:0 auto;background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-sm)}.privacy__lang-switcher{display:flex;gap:var(--spacing-xs);justify-content:flex-end;margin-bottom:var(--spacing-xl)}.privacy__lang-btn{padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.privacy__lang-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.privacy__lang-btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.privacy__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin:0 0 var(--spacing-sm)}.privacy__updated{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-2xl)}.privacy__section{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-divider)}.privacy__section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.privacy__section-heading{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-md)}.privacy__section-body{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0;white-space:pre-line}@media (max-width: 768px){.privacy{padding:var(--spacing-md)}.privacy__container{padding:var(--spacing-lg)}.privacy__title{font-size:var(--font-size-2xl)}}:root{--split-left-width: 380px;--color-primary: #007AFF;--color-primary-hover: #0056CC;--color-secondary: #5856D6;--color-success: #34C759;--color-warning: #FF9500;--color-danger: #FF3B30;--color-background: #F2F2F7;--color-surface: #FFFFFF;--color-surface-secondary: #F9F9FB;--color-text-primary: #1D1D1F;--color-text-secondary: #86868B;--color-text-tertiary: #AEAEB2;--color-border: #D1D1D6;--color-divider: #E5E5EA;--font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 15px;--font-size-lg: 17px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 28px;--font-size-4xl: 34px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .16);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--focus-ring: 0 0 0 4px rgba(0, 122, 255, .4);--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 300;--z-modal: 400;--z-toast: 500}@media (prefers-color-scheme: dark){:root{--color-background: #000000;--color-surface: #1C1C1E;--color-surface-secondary: #2C2C2E;--color-text-primary: #FFFFFF;--color-text-secondary: #8E8E93;--color-text-tertiary: #636366;--color-border: #38383A;--color-divider: #3A3A3C;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .5)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background);min-height:100vh}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:none;box-shadow:var(--focus-ring)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}#root{min-height:100vh;display:flex;flex-direction:column}