.index-table-container{gap:var(--foundation-space-4);flex-direction:column;width:100%;display:flex}.index-table-wrapper{border-radius:var(--radius-table);border:1px solid var(--border-table);width:100%;overflow-x:auto}.index-table{border-collapse:collapse;background-color:var(--surface-table);width:100%;font-size:14px;line-height:1.5}.index-table__header{background-color:var(--surface-table-header);border-bottom:2px solid var(--border-table-header)}.index-table__header-row{border-bottom:1px solid var(--border-table-header)}.index-table__header-cell{padding:var(--padding-table-header-md);text-align:left;color:var(--text-table-header);white-space:nowrap;letter-spacing:.01em;vertical-align:middle;font-size:13px;font-weight:600}.index-table__header-cell--checkbox{width:48px;padding-left:var(--foundation-space-4)}.index-table__header-cell--left{text-align:left}.index-table__header-cell--center{text-align:center}.index-table__header-cell--right{text-align:right}.index-table__header-cell--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.index-table__sort-button{align-items:center;gap:var(--foundation-space-2);font:inherit;color:inherit;cursor:pointer;transition:color var(--foundation-duration-fast)var(--foundation-ease-out);background:0 0;border:none;padding:0;display:flex}.index-table__sort-button:hover{color:var(--text-primary)}.index-table__sort-icon{flex-shrink:0}.index-table__body-row,.index-table__row{background-color:var(--surface-table-row);border-bottom:1px solid var(--border-table-row);transition:background-color var(--foundation-duration-fast)var(--foundation-ease-out)}.index-table__row:last-child{border-bottom:none}.index-table__row--clickable{cursor:pointer}.index-table__row--clickable:hover{background-color:var(--surface-table-row-hover)}.index-table__row--selected{background-color:var(--surface-table-row-selected)}.index-table__cell{padding:var(--padding-table-cell-md);color:var(--text-table-cell);vertical-align:middle}.index-table__cell--checkbox{width:48px;padding-left:var(--foundation-space-4)}.index-table__cell--left{text-align:left}.index-table__cell--center{text-align:center}.index-table__cell--right{text-align:right}.index-table--bordered{border:1px solid var(--border-table)}.index-table--bordered .index-table__header-cell,.index-table--bordered .index-table__cell{border-right:1px solid var(--border-table-cell)}.index-table--bordered .index-table__header-cell:last-child,.index-table--bordered .index-table__cell:last-child{border-right:none}.index-table--striped .index-table__row:nth-child(2n){background-color:var(--surface-table-row-striped)}.index-table--striped .index-table__row:nth-child(2n):hover{background-color:var(--surface-table-row-hover)}.index-table--sm .index-table__header-cell{padding:var(--padding-table-header-sm);font-size:12px}.index-table--sm .index-table__cell{padding:var(--padding-table-cell-sm);font-size:13px}.index-table--md .index-table__header-cell{padding:var(--padding-table-header-md);font-size:13px}.index-table--md .index-table__cell{padding:var(--padding-table-cell-md);font-size:14px}.index-table--lg .index-table__header-cell{padding:var(--padding-table-header-lg);font-size:14px}.index-table--lg .index-table__cell{padding:var(--padding-table-cell-lg);font-size:15px}.index-table--sticky-header .index-table__header{z-index:5;position:sticky;top:0}.index-table__loading{min-height:240px;color:var(--text-secondary);justify-content:center;align-items:center;padding:48px 24px;font-size:14px;display:flex}.index-table__empty{min-height:240px;color:var(--text-table-empty);text-align:center;justify-content:center;align-items:center;padding:48px 24px;font-size:14px;display:flex}@media (max-width:768px){.index-table__header-cell--hide-mobile,.index-table__cell--hide-mobile{display:none}.index-table__header-cell,.index-table__cell{padding:12px}.index-table--sm .index-table__header-cell,.index-table--sm .index-table__cell{padding:8px}}@media (prefers-reduced-motion:reduce){.index-table__row,.index-table__sort-button{transition:none}}@media (prefers-contrast:high){.index-table{border:2px solid}.index-table__row{border-bottom:2px solid}}
.pagination{justify-content:space-between;align-items:center;gap:var(--foundation-space-4);padding:var(--foundation-space-4);width:100%;display:flex}.pagination__info{font-size:var(--typography-body-sm-size);color:var(--text-muted);white-space:nowrap}.pagination__controls{align-items:center;gap:var(--foundation-space-2);display:flex}.pagination__page-info{font-size:var(--typography-body-sm-size);font-weight:var(--typography-body-sm-weight);color:var(--text-default);padding:0 var(--foundation-space-3);white-space:nowrap}.pagination--compact{justify-content:center;gap:var(--foundation-space-3)}.pagination--compact .pagination__info{padding:0 var(--foundation-space-2)}.pagination--sm{padding:var(--foundation-space-3)}.pagination--sm .pagination__info,.pagination--sm .pagination__page-info{font-size:var(--typography-body-xs-size)}.pagination--lg{padding:var(--foundation-space-6)}.pagination--lg .pagination__info,.pagination--lg .pagination__page-info{font-size:var(--typography-body-md-size)}@media (max-width:640px){.pagination{gap:var(--foundation-space-3);flex-direction:column}.pagination__info{order:-1}.pagination__controls{justify-content:center;width:100%}}
.card{background-color:var(--surface-card);border:1px solid var(--border-card);border-radius:var(--radius-card);padding:var(--foundation-space-6);box-shadow:var(--foundation-shadow-sm);transition:all var(--foundation-duration-fast)var(--foundation-easing-standard);width:100%;position:relative}.card--radius-sm{border-radius:var(--radius-card-sm)}.card--radius-lg{border-radius:var(--radius-card-lg)}.card--padding-none{padding:0}.card--padding-xs{padding:var(--foundation-space-2)}.card--padding-sm{padding:var(--foundation-space-4)}.card--padding-md{padding:var(--foundation-space-6)}.card--padding-lg{padding:var(--foundation-space-8)}.card--raised{background-color:var(--surface-raised);border:1px solid var(--border-subtle);box-shadow:var(--foundation-shadow-sm)}.card--elevated{background-color:var(--surface-elevated);box-shadow:var(--foundation-shadow-md);border:none}.card--outlined{border:2px solid var(--border-card);box-shadow:none}.card--solid{background-color:var(--surface-solid);border:1px solid var(--border-solid);color:var(--text-solid)}.card--interactive{transition:all .2s cubic-bezier(.4,0,.2,1)}.card--clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.card--clickable:hover{background-color:var(--surface-elevated)}.card--raised.card--clickable:hover{background-color:var(--surface-elevated);box-shadow:var(--foundation-shadow-md);border-color:var(--border-default)}.card--elevated.card--clickable:hover{box-shadow:var(--foundation-shadow-xl);background-color:var(--surface-hover)}.card--outlined.card--clickable:hover{border-color:var(--border-emphasis);box-shadow:var(--foundation-shadow-md);background-color:var(--surface-hover)}.card--solid.card--clickable:hover{background-color:var(--surface-solid-hover)}.card--clickable:active{box-shadow:var(--foundation-shadow-sm);background-color:var(--surface-active);transition-duration:.1s}.card--selected{border-color:var(--border-selected);background-color:var(--surface-selected);box-shadow:0 0 0 2px var(--border-emphasis)}.card--selected.card--clickable:hover{background-color:var(--surface-accent-muted);box-shadow:0 0 0 2px var(--border-accent)}.card--disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.card--clickable:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-color:var(--border-focus)}.domain-card{position:relative;overflow:visible}.domain-card--clickable{transition:all .2s}.domain-card--clickable:hover{border-color:var(--border-hover);background-color:var(--surface-hover);box-shadow:0 4px 12px #00000014}.domain-card--clickable:hover .domain-info{color:var(--text-accent-strong)}.status-indicator-wrapper{justify-content:center;align-items:center;display:flex}.status-indicator{border-radius:50%;width:8px;height:8px;transition:all .2s}.status-indicator--success{background-color:var(--status-success)}.status-indicator--warning{background-color:var(--status-warning)}.status-indicator--error{background-color:var(--status-error)}.domain-card--clickable:hover .status-indicator{box-shadow:0 0 8px}.card-header{padding-bottom:var(--foundation-space-4);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--foundation-space-4)}.card-content{gap:var(--foundation-space-4);flex-direction:column;flex:1;display:flex}.card-footer{padding-top:var(--foundation-space-4);border-top:1px solid var(--border-subtle);margin-top:var(--foundation-space-4);justify-content:flex-end;align-items:center;gap:var(--foundation-space-3);display:flex}.card-title{font-family:var(--typography-heading-font-family);font-size:var(--typography-heading-h5-size);font-weight:var(--typography-heading-h5-weight);line-height:var(--typography-heading-h5-line-height);color:var(--text-card-heading);margin:0;transition:color .2s}.card-description{font-family:var(--typography-body-font-family);font-size:var(--typography-body-sm-size);font-weight:var(--typography-body-sm-weight);line-height:var(--typography-body-sm-line-height);color:var(--text-card-body);flex:1;margin:0}.card--loading{pointer-events:none;opacity:.7}.card--loading:after{content:"";background-color:var(--icon-default);width:25px;height:25px;position:absolute;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='5'%3E%3C/circle%3E%3Cpath d='M20 21c0-4.418-3.582-8-8-8s-8 3.582-8 8'%3E%3C/path%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='5'%3E%3C/circle%3E%3Cpath d='M20 21c0-4.418-3.582-8-8-8s-8 3.582-8 8'%3E%3C/path%3E%3C/svg%3E") 50%/contain no-repeat}@media (max-width:768px){.card{padding:var(--foundation-space-4)}.card--padding-sm{padding:var(--foundation-space-3)}.card--padding-lg{padding:var(--foundation-space-6)}}.help-step{background-color:var(--surface-subtle)}.help-tip{background-color:var(--surface-info);border:1px solid var(--border-info)}.step-number{background-color:var(--surface-accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.error-card{background-color:var(--surface-error);border-color:var(--border-error);color:var(--text-error)}.success-card{background-color:var(--surface-success);border-color:var(--border-success);color:var(--text-success)}.card .button{border-radius:var(--radius-button)}.card--radius-sm .button{border-radius:var(--radius-button-sm)}.card--radius-lg .button{border-radius:var(--radius-button-lg)}.card img,.card .image{border-radius:var(--radius-image)}.card--radius-sm img,.card--radius-sm .image{border-radius:var(--radius-xs)}.card--radius-lg img,.card--radius-lg .image{border-radius:var(--radius-md)}.feature-card{height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature-card--active{border-color:var(--border-success);box-shadow:0 0 0 1px var(--border-success-subtle)}.feature-card.card--clickable:hover{background-color:var(--surface-hover);box-shadow:0 10px 25px #00000026}.feature-card.card--clickable:hover .feature-card__price{color:var(--text-accent-strong)}.feature-card--active.card--clickable:hover{box-shadow:0 4px 12px #10b98133}.feature-card__icon{justify-content:center;align-items:center;transition:transform .2s;display:flex}.feature-card__price{padding:var(--foundation-space-3);background:var(--surface-subtle);border-radius:var(--radius-sm);text-align:center;transition:color .2s}.feature-card__action{margin-top:auto}.feature-card__price--premium{background:var(--surface-accent-subtle);border:1px solid var(--border-accent-subtle)}.feature-card__price--free{background:var(--surface-success-subtle);border:1px solid var(--border-success-subtle)}.feature-card.card--clickable:focus-visible{outline:3px solid var(--border-focus);outline-offset:2px}.feature-card--loading{pointer-events:none;opacity:.7}.feature-card--loading:before{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);animation:2s infinite feature-shimmer;position:absolute;inset:0}@keyframes feature-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width:768px){.feature-card__price{padding:var(--foundation-space-2)}}@media (prefers-contrast:high){.feature-card{border-width:2px}.feature-card--active{border-width:3px}}@media (prefers-reduced-motion:reduce){.feature-card,.feature-card__icon,.feature-card__price{transition:none}}
.table-container{width:100%;position:relative}.table-wrapper{border-radius:var(--radius-table);width:100%;overflow-x:auto}.table{border-collapse:collapse;background-color:var(--surface-table);width:100%;font-size:14px;line-height:1.5}.table-header{background-color:var(--surface-table-header);border-bottom:1px solid var(--border-table-header)}.table-header-row{border-bottom:1px solid var(--border-table-header)}.table-header-cell{padding:var(--padding-table-header-md);text-align:left;color:var(--text-table-header);white-space:nowrap;letter-spacing:.01em;font-size:13px;font-weight:600}.table-header-cell--left{text-align:left}.table-header-cell--center{text-align:center}.table-header-cell--right{text-align:right}.table-body-row{background-color:var(--surface-table-row);border-bottom:1px solid var(--border-table-row);transition:background-color .15s}.table-body-row:last-child{border-bottom:none}.table-body-cell{padding:var(--padding-table-cell-md);color:var(--text-table-cell);vertical-align:middle}.table-body-cell--left{text-align:left}.table-body-cell--center{text-align:center}.table-body-cell--right{text-align:right}.table--hoverable .table-body-row{cursor:pointer}.table--hoverable .table-body-row:hover{background-color:var(--surface-table-row-hover)}.table--bordered{border:1px solid var(--border-table)}.table--bordered .table-header-cell,.table--bordered .table-body-cell{border-right:1px solid var(--border-table-cell)}.table--bordered .table-header-cell:last-child,.table--bordered .table-body-cell:last-child{border-right:none}.table--striped .table-body-row:nth-child(2n){background-color:var(--surface-table-row-striped)}.table--striped.table--hoverable .table-body-row:nth-child(2n):hover{background-color:var(--surface-table-row-hover)}.table--sm .table-header-cell{padding:var(--padding-table-header-sm);font-size:12px}.table--sm .table-body-cell{padding:var(--padding-table-cell-sm);font-size:13px}.table--md .table-header-cell{padding:var(--padding-table-header-md);font-size:13px}.table--md .table-body-cell{padding:var(--padding-table-cell-md);font-size:14px}.table--lg .table-header-cell{padding:var(--padding-table-header-lg);font-size:14px}.table--lg .table-body-cell{padding:var(--padding-table-cell-lg);font-size:15px}.table-empty{background-color:var(--surface-table);border:1px solid var(--border-table);border-radius:var(--radius-table);min-height:240px;box-shadow:var(--shadow-table-empty);justify-content:center;align-items:center;padding:48px 24px;display:flex}.table-empty-content{text-align:center}.table-empty-text{color:var(--text-table-empty);margin:0;font-size:14px}.table-loading{background-color:var(--surface-table);border:1px solid var(--border-table);border-radius:var(--radius-table);min-height:240px;box-shadow:var(--shadow-table-loading);padding:16px}.table-loading-skeleton{flex-direction:column;gap:8px;display:flex}.table-loading-row{gap:12px;display:flex}.table-loading-cell{background:linear-gradient(90deg,var(--surface-table-loading-base)0%,var(--surface-table-loading-shimmer)50%,var(--surface-table-loading-base)100%);background-size:200% 100%;border-radius:4px;flex:1;height:40px;animation:1.5s infinite loading-shimmer}@keyframes loading-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.table-wrapper{border-radius:0}.table-header-cell,.table-body-cell{padding:12px}.table--sm .table-header-cell,.table--sm .table-body-cell{padding:8px}}