.profile-container{display:flex;flex-direction:column;flex:1;height:100%;min-height:0;background:var(--neutral-0)}.profile-container .profile-header{display:flex;justify-content:space-between;align-items:flex-start;width:100%;padding:var(--spacing-16) var(--spacing-12) var(--spacing-16) var(--spacing-12);background:var(--neutral-0);border-bottom:1px solid var(--neutral-50)}.profile-container .header-left{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.profile-container .header-breadcrumb{display:flex;align-items:center;gap:var(--spacing-8);font-family:Inter,sans-serif;font-size:var(--font-size-14);font-weight:var(--font-weight-400);line-height:140%}.profile-container .breadcrumb-parent{color:var(--neutral-500)}.profile-container .breadcrumb-separator{color:var(--neutral-400)}.profile-container .breadcrumb-current{color:var(--primary-color);cursor:pointer}.profile-container .header-title{font-family:Inter,sans-serif;font-size:var(--font-size-16);font-weight:var(--font-weight-600);line-height:140%;color:var(--neutral-800);margin:0}.profile-container .header-right{display:flex;align-items:flex-end;gap:var(--spacing-8)}.profile-container .search-container{position:relative}.profile-container .search-container.expanded{min-width:200px}.profile-container .search-btn{width:36px;height:36px;border:1px solid var(--neutral-100);border-radius:var(--border-radius-radius-4,4px);background:var(--neutral-0);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.profile-container .search-btn:hover{background:var(--surface-secondary);border-color:var(--primary-500)}.profile-container .search-btn i{font-size:20px;color:var(--text-secondary)}.profile-container .search-btn:hover i{color:var(--primary-500)}.profile-container .search-input-wrapper{display:flex;align-items:center;position:relative;border:1px solid var(--neutral-200);border-radius:4px;background:var(--neutral-0);padding:0 8px;height:36px;min-width:200px;gap:8px;transition:all .2s ease}.profile-container .search-input-wrapper:focus-within{border-color:var(--primary-500);box-shadow:0 0 0 2px rgba(56,98,197,.1)}.profile-container .search-input-wrapper i{font-size:20px;color:var(--text-secondary);flex-shrink:0}.profile-container .search-input-wrapper:focus-within i{color:var(--primary-500)}.profile-container .search-input{flex:1;border:none;outline:none;background:transparent;font-size:14px;color:var(--neutral-800);padding:0;height:100%;min-width:0}.profile-container .search-input::-moz-placeholder{color:var(--neutral-400);font-weight:400}.profile-container .search-input::placeholder{color:var(--neutral-400);font-weight:400}.profile-container .search-clear-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;color:var(--neutral-400);transition:color .15s ease}.profile-container .search-clear-btn:hover{color:var(--neutral-600)}.profile-container .search-clear-btn i{font-size:var(--font-size-16)}.profile-container .search-results{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--neutral-0);border:1px solid var(--neutral-100);border-radius:var(--radius-4);box-shadow:0 4px 12px rgba(0,0,0,.1);max-height:300px;overflow-y:auto;z-index:100}.profile-container .search-result-item{padding:var(--spacing-10) var(--spacing-12);cursor:pointer;transition:background-color .15s ease;border-bottom:1px solid var(--neutral-50)}.profile-container .search-result-item:last-child{border-bottom:none}.profile-container .search-result-item.highlighted,.profile-container .search-result-item:hover{background:var(--primary-50)}.profile-container .result-content{display:flex;justify-content:space-between;align-items:center}.profile-container .result-label{font-family:Inter,sans-serif;font-size:var(--font-size-14);font-weight:var(--font-weight-500);color:var(--neutral-800)}.profile-container .result-tab{font-family:Inter,sans-serif;font-size:var(--font-size-12);color:var(--neutral-500);background:var(--neutral-50);padding:2px 8px;border-radius:var(--radius-4)}.profile-container .search-no-results{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--neutral-0);border:1px solid var(--neutral-100);border-radius:var(--radius-4);box-shadow:0 4px 12px rgba(0,0,0,.1);padding:var(--spacing-12);z-index:100}.profile-container .search-no-results span{font-family:Inter,sans-serif;font-size:var(--font-size-14);color:var(--neutral-500)}.profile-container .profile-main{display:flex;flex:1;min-height:0;overflow:hidden}.profile-container .sidebar-nav{width:250px;min-width:250px;max-width:250px;padding:var(--spacing-12) var(--spacing-12);background:var(--neutral-0);border-right:none}.profile-container .nav-menu{display:flex;flex-direction:column;gap:var(--spacing-8)}.profile-container .nav-item{display:block;padding:var(--spacing-8) var(--spacing-24);font-family:Inter,sans-serif;font-size:var(--font-size-14);font-weight:var(--font-weight-400);line-height:140%;color:var(--neutral-800);text-decoration:none;cursor:pointer;transition:color var(--transition-duration-150) ease;border:none;background:transparent;text-align:left}.profile-container .nav-item:hover{color:var(--primary-500-base)}.profile-container .nav-item.active{color:var(--primary-500-base);font-weight:var(--font-weight-500)}.profile-container .content-area{flex:1;background:var(--neutral-0);min-height:0;overflow-y:auto;overflow-x:hidden;padding-bottom:var(--spacing-24)}.profile-container .personal-info-content{padding:0 var(--spacing-48)}.profile-container .profile-upload{display:flex;align-items:flex-start;gap:var(--spacing-16);padding:var(--spacing-12) var(--spacing-16)}.profile-container .profile-image-box{width:84px;height:84px;border-radius:var(--radius-4);flex-shrink:0;border:1px solid var(--neutral-50);overflow:hidden;padding:6px}.profile-container .profile-image-box .profile-avatar{width:var(--spacing-72);height:var(--spacing-72);border-radius:var(--radius-8);font-size:var(--font-size-24)}.profile-container .profile-image-box .profile-avatar .avatar-img,.profile-container .profile-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.profile-container .profile-img{border-radius:var(--radius-8)}.profile-container .profile-upload-info{display:flex;flex-direction:column}.profile-container .upload-title{font-family:Inter,sans-serif;font-size:var(--font-size-16);font-weight:var(--font-weight-600);line-height:140%;color:var(--neutral-800);margin:0}.profile-container .upload-subtitle{font-family:Inter,sans-serif;font-size:var(--font-size-14);font-weight:var(--font-weight-400);line-height:140%;color:var(--neutral-500);margin:0}.profile-container .upload-actions{display:flex;align-items:center;gap:var(--spacing-8);margin-top:var(--spacing-8)}.profile-container .btn-delete-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--neutral-0);border-radius:var(--radius-4);border:1px solid var(--neutral-200);box-shadow:0 1px 2px 0 rgba(0,0,0,.05);cursor:pointer;transition:all var(--transition-duration-150) ease}.profile-container .btn-delete-icon:hover{border-color:var(--error-500)}.profile-container .btn-delete-icon:hover i{color:var(--error-500)}.profile-container .btn-delete-icon i{font-size:var(--font-size-18);color:var(--neutral-500)}.profile-container .subsection{padding:var(--spacing-16) var(--font-size-16);flex-shrink:0}.profile-container .subsection-header{display:flex;align-items:flex-start;gap:var(--spacing-8);margin-bottom:var(--spacing-4);cursor:pointer}.profile-container .subsection-text{display:flex;flex-direction:column}.profile-container .subsection-title{font-family:Inter,sans-serif;font-size:var(--font-size-16);font-weight:var(--font-weight-600);line-height:160%;color:var(--neutral-800);margin:0}.profile-container .subsection-subtitle{font-family:Inter,sans-serif;font-size:var(--font-size-14);font-weight:var(--font-weight-400);line-height:160%;color:var(--neutral-400);margin:0}.profile-container .collapse-icon{font-size:var(--font-size-18);color:var(--neutral-400);cursor:pointer;margin-left:auto}.profile-container .notifications-content,.profile-container .security-content{padding:0 var(--spacing-48)}.profile-container .section{padding:var(--spacing-16) var(--font-size-16)}.profile-container .section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-8);margin-bottom:var(--spacing-4);cursor:pointer;padding:0}.profile-container .section-header-left{display:flex;flex-direction:column}.profile-container .section-title{font-family:Inter,sans-serif;font-size:var(--font-size-16);font-weight:var(--font-weight-600);line-height:140%;color:var(--neutral-800);margin:0}.profile-container .section-subtitle{font-family:Inter,sans-serif;font-size:var(--font-size-14);font-weight:var(--font-weight-400);line-height:140%;color:var(--neutral-500);margin:0}.profile-container .expand-icon{color:var(--neutral-400);transition:transform var(--transition-duration-150) ease;flex-shrink:0}.profile-container .expand-icon.expanded{transform:rotate(0deg)}.profile-container .expand-icon:not(.expanded){transform:rotate(180deg)}.profile-container .section-content{display:block}.profile-container .section-content.collapsed{display:none}.profile-container .plan-card{display:flex;align-items:flex-start;gap:200px}.profile-container .plan-info{display:flex;align-items:center;gap:var(--spacing-12)}.profile-container .plan-icon{width:50px;height:50px;border-radius:var(--border-radius-radius-4,4px);background:var(--neutral-100);display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-container .plan-icon svg{width:24px;height:24px;color:var(--neutral-500)}.profile-container .plan-details{display:flex;flex-direction:column;gap:var(--spacing-2)}.profile-container .plan-name-row{display:flex;align-items:center;gap:var(--spacing-8)}.profile-container .plan-name{font-family:Inter,sans-serif;font-size:var(--font-size-16);font-weight:var(--font-weight-600);line-height:140%;color:var(--neutral-800)}.profile-container .plan-badge{display:inline-flex;padding:var(--spacing-2) var(--spacing-8);border-radius:var(--border-radius-radius-infinite);background:var(--primary-50);font-family:Inter,sans-serif;font-size:var(--font-size-14);font-weight:var(--font-weight-500);line-height:140%;color:var(--primary-500-base)}.profile-container .plan-price{font-family:Inter,sans-serif;font-size:var(--font-size-14);font-weight:var(--font-weight-400);line-height:160%;color:var(--neutral-400)}.profile-container .billing-period{display:flex;flex-direction:column;gap:var(--spacing-2)}.profile-container .billing-period-label{font-family:Inter,sans-serif;font-size:var(--font-size-16);font-weight:var(--font-weight-500);line-height:160%;color:var(--neutral-800)}.profile-container .billing-period-value{font-family:Inter,sans-serif;font-size:var(--font-size-14);font-weight:var(--font-weight-400);line-height:160%;color:var(--neutral-400)}.profile-container .info-row{display:flex;align-items:center;border-bottom:1px solid var(--neutral-50);padding:var(--spacing-8) 0}.profile-container .info-row:last-child{border-bottom:none}.profile-container .info-row.segment-row{padding:var(--spacing-12) 0}.profile-container .info-label{width:240px;min-width:200px;font-weight:var(--font-weight-400);color:var(--neutral-400);flex-shrink:0}.profile-container .info-label,.profile-container .info-value{min-height:36px;display:flex;align-items:center;font-family:Inter,sans-serif;font-size:var(--font-size-14);line-height:140%}.profile-container .info-value{flex:1;font-weight:var(--font-weight-500);color:var(--neutral-800)}.profile-container .change-link{color:var(--primary-500);font-family:var(--Font-Family-Body,Inter);font-size:var(--p4-Font-Size,12px);font-style:normal;font-weight:500;line-height:140%;text-decoration:none;cursor:pointer;margin-left:auto}.profile-container .change-link:hover{text-decoration:underline}.profile-container .info-row.two-line-row{border-bottom:none;padding-bottom:var(--spacing-8)}.profile-container .info-row-sub{display:flex;align-items:center;padding:var(--spacing-8) 0 var(--spacing-16) 0;border-bottom:1px solid var(--neutral-50);justify-content:flex-end}.profile-container .info-row.clickable{cursor:pointer}.profile-container .row-right{display:flex;align-items:center;gap:var(--spacing-8);margin-left:auto}.profile-container .info-label-with-subtitle{flex:1;display:flex;flex-direction:column}.profile-container .info-label-main{line-height:140%;color:var(--neutral-800)}.profile-container .info-label-main,.profile-container .info-label-sub{font-family:Inter,sans-serif;font-size:var(--font-size-14);font-weight:var(--font-weight-400)}.profile-container .info-label-sub{line-height:160%;color:var(--neutral-400)}.profile-container .timezone{font-family:Inter,sans-serif;font-size:var(--font-size-12);font-weight:var(--font-weight-400);color:var(--neutral-400);margin-left:var(--spacing-8)}.profile-container .chevron{color:var(--neutral-300);flex-shrink:0}.profile-container .channel-buttons{display:flex;align-items:center;gap:var(--spacing-8)}.profile-container .channel-btn{padding:var(--spacing-4) var(--spacing-6);align-items:center;gap:var(--spacing-4);border-radius:var(--radius-4);border:1px solid var(--neutral-50);background:var(--neutral-50);overflow:hidden;color:var(--neutral-600);font-family:Inter,sans-serif;font-size:var(--font-size-14);font-style:normal;font-weight:var(--font-weight-500);line-height:140%;cursor:pointer;transition:all var(--transition-duration-150) ease}.profile-container .channel-btn:hover{border-color:var(--neutral-300)}.profile-container .channel-btn.active{border-color:var(--primary-500-base);background:var(--primary-50);color:var(--primary-500-base)}.profile-container .address-row{align-items:flex-start}.profile-container .address-row .info-label{padding-top:var(--spacing-8)}.profile-container .address-fields{display:flex;flex-direction:column;gap:var(--spacing-8)}.profile-container .address-row-inputs{display:flex;gap:var(--spacing-8)}.profile-container .info-input{width:240px;max-width:240px;height:36px;padding:var(--spacing-8) var(--spacing-12);border:1px solid var(--neutral-100);border-radius:var(--radius-4);font-family:Inter,sans-serif;font-size:var(--font-size-14);font-weight:var(--font-weight-400);line-height:160%;color:var(--neutral-800);background:var(--neutral-0);outline:none;transition:border-color .15s ease;flex-shrink:0}.profile-container .info-input:focus{border-color:var(--primary-500-base)}.profile-container .info-input::-moz-placeholder{color:var(--neutral-400)}.profile-container .info-input::placeholder{color:var(--neutral-400)}.profile-container .info-select{width:240px;max-width:240px;height:36px;padding:var(--spacing-8) var(--spacing-12);border:1px solid var(--neutral-100);border-radius:var(--radius-4);font-family:Inter,sans-serif;font-size:var(--font-size-14);font-weight:var(--font-weight-400);line-height:160%;color:var(--neutral-800);background:var(--neutral-0);outline:none;cursor:pointer;transition:border-color var(--transition-duration-150) ease;-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 24 24' fill='none' stroke='%2366686B' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-12) center;padding-right:var(--spacing-32);flex-shrink:0}.profile-container .info-select:focus{border-color:var(--primary-500-base)}.profile-container .info-select:hover{border-color:var(--neutral-200)}.profile-container .info-control{width:240px;max-width:240px;flex-shrink:0}.profile-container .info-textarea{flex:1;min-height:80px;padding:var(--spacing-8) var(--spacing-12);border:1px solid var(--neutral-100);border-radius:var(--radius-4);font-family:Inter,sans-serif;font-size:var(--font-size-14);font-weight:var(--font-weight-400);line-height:160%;color:var(--neutral-800);background:var(--neutral-0);outline:none;resize:vertical}.profile-container .info-textarea:focus{border-color:var(--primary-500-base)}.profile-container .info-input-wrapper{width:240px;max-width:240px;flex-shrink:0}.profile-container .info-input-wrapper .date-picker-container,.profile-container .info-input-wrapper .phone-input-container,.profile-container .info-input-wrapper .select-dropdown{width:100%}.profile-container .info-input-wrapper .floating-label-group{margin-bottom:0}.profile-container .info-input-wrapper .floating-input,.profile-container .info-input-wrapper .select-trigger{height:36px;min-height:36px}.profile-container .address-row-inputs .info-input-wrapper{flex:1;max-width:none}.profile-container .bio-row{align-items:flex-start}.profile-container .bio-row .info-label{padding-top:var(--spacing-14)}.profile-container .info-label-group{display:flex;flex-direction:column;flex:1}.profile-container .info-label-bold{font-size:var(--font-size-14);color:var(--neutral-800);margin:0}.profile-container .info-label-bold,.profile-container .info-sublabel{font-family:Inter,sans-serif;font-weight:var(--font-weight-400);line-height:160%}.profile-container .info-sublabel{font-size:var(--font-size-12);color:var(--neutral-400)}.profile-container .api-keys-content .section-content{display:flex;flex-direction:column;padding-top:0}.profile-container .api-keys-content .grid-container{height:calc(100vh - 320px);min-height:300px}.profile-container .api-keys-content .ag-grid-container{height:100%}.profile-container .invoices-section .grid-container{height:calc(100vh - 320px);min-height:300px}.profile-container .invoices-grid{width:100%;height:100%}.profile-container .billing-content{height:auto;min-height:-moz-min-content;min-height:min-content}.profile-container .grid-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-16);padding:0}.profile-container .grid-header .header-left{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin-top:var(--spacing-0)}.profile-container .view-count{overflow:hidden;color:var(--neutral-400);text-overflow:ellipsis;font-size:var(--font-size-12);font-weight:var(--font-weight-500);line-height:140%}.profile-container .grid-header .header-right{display:flex;align-items:center}.profile-container .action-buttons{display:flex;align-items:center;gap:var(--spacing-12)}.profile-container .api-keys-table-container{border:1px solid var(--neutral-100);border-radius:var(--radius-8);overflow:hidden}.profile-container .api-keys-table{width:100%;border-collapse:collapse;font-family:Inter,sans-serif;font-size:var(--font-size-13)}.profile-container .api-keys-table thead{background:var(--neutral-25)}.profile-container .api-keys-table th{padding:var(--spacing-12) var(--spacing-16);text-align:left;font-weight:var(--font-weight-500);color:var(--neutral-600);font-size:var(--font-size-12);border-bottom:1px solid var(--neutral-100)}.profile-container .api-keys-table td{padding:var(--spacing-12) var(--spacing-16);color:var(--neutral-800);border-bottom:1px solid var(--primary-50)}.profile-container .api-keys-table tbody tr:last-child td{border-bottom:none}.profile-container .api-keys-table tbody tr:hover{background:var(--neutral-25)}.profile-container .table-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--primary-500-base)}.profile-container .key-cell{display:flex;align-items:center;gap:var(--spacing-8)}.profile-container .copy-icon{width:var(--spacing-24);height:var(--spacing-24);border-radius:var(--radius-4);transition:all var(--transition-duration-150) ease}.profile-container .copy-icon i{font-size:var(--font-size-14)}.profile-container .api-keys-grid .ag-root .ag-row{border-bottom:var(--border-width-1) solid var(--primary-50)}.profile-container .api-keys-grid .ag-header-row .ag-header-cell[col-id=checkbox]{text-align:center}.profile-container .api-keys-grid .ag-header-row .ag-header-cell[col-id=checkbox]>*{margin:0 auto}.profile-container .api-keys-grid .ag-header-row .ag-header-cell[col-id=checkbox] .ag-cell-label-container,.profile-container .api-keys-grid .ag-header-row .ag-header-cell[col-id=checkbox] .ag-checkbox,.profile-container .api-keys-grid .ag-header-row .ag-header-cell[col-id=checkbox] .ag-header-cell-comp-wrapper{display:flex;justify-content:center;align-items:center;width:100%;margin:0;padding:0}.profile-container .api-keys-grid .ag-body-viewport .ag-row .ag-cell[col-id=checkbox]{text-align:center;padding-right:var(--spacing-4)}.profile-container .api-keys-grid .ag-body-viewport .ag-row .ag-cell[col-id=checkbox] .ag-cell-wrapper,.profile-container .api-keys-grid .ag-body-viewport .ag-row .ag-cell[col-id=checkbox] .ag-checkbox{display:flex;justify-content:center;align-items:center;width:100%;margin:0;padding:0}.profile-container .api-keys-grid .ag-header-cell[col-id=checkbox] .ag-header-cell-menu-button,.profile-container .api-keys-grid .ag-header-cell[col-id=checkbox] .ag-header-menu-icon{display:none}.profile-container .status-badge{display:inline-flex;align-items:center;padding:var(--spacing-2) var(--spacing-8);border-radius:var(--radius-4);font-size:var(--font-size-12);font-weight:var(--font-weight-500);line-height:140%}.profile-container .status-badge-active{background:var(--success-50);color:var(--success-600)}.profile-container .status-badge-revoked{background:var(--error-50);color:var(--error-600)}.profile-container .status-badge-inactive{background:var(--neutral-100);color:var(--neutral-600)}.profile-container .status-cell{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:400}.profile-container .status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.profile-container .status-active .status-dot,.profile-container .status-paid .status-dot{background-color:var(--success-500)}.profile-container .status-active .status-text,.profile-container .status-paid .status-text{color:var(--success-500)}.profile-container .status-revoked .status-dot,.profile-container .status-unpaid .status-dot{background-color:var(--error-500)}.profile-container .status-revoked .status-text,.profile-container .status-unpaid .status-text{color:var(--error-500)}.profile-container .status-not-active .status-dot,.profile-container .status-pending .status-dot{background-color:var(--warning-500)}.profile-container .status-not-active .status-text,.profile-container .status-pending .status-text{color:var(--warning-500)}.profile-container .status-overdue .status-dot{background-color:var(--error-500)}.profile-container .status-overdue .status-text{color:var(--error-500)}.profile-container .number-cell{display:flex;align-items:center;gap:8px}.profile-container .copy-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid var(--neutral-200);border-radius:4px;background:var(--neutral-0);cursor:pointer;color:var(--neutral-500);transition:all .15s ease}.profile-container .copy-icon:hover{border-color:var(--primary-500-base);color:var(--primary-500-base);background:var(--primary-50)}.profile-container .copy-icon i{font-size:14px}.profile-container .delete-cell{display:flex;justify-content:center;align-items:center;height:100%}.profile-container .delete-icon{font-size:18px;color:var(--neutral-300);cursor:pointer;transition:color .2s ease}.profile-container .delete-icon:hover{color:var(--error-500)}.profile-container .appearance-content{padding:0 var(--spacing-48)}.profile-container .segment-control{display:inline-flex;align-items:center;padding:var(--spacing-4);background:var(--neutral-25);border:1px solid var(--neutral-25);border-radius:var(--radius-6);gap:var(--spacing-2);margin-left:auto}.profile-container .segment-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-6);padding:var(--spacing-4) var(--spacing-6);border:none;background:transparent;border-radius:var(--radius-6);cursor:pointer;transition:all var(--transition-duration-150) ease;font-family:Inter,sans-serif;font-size:var(--font-size-14);font-weight:var(--font-weight-400);color:var(--neutral-400);line-height:140%;white-space:nowrap}.profile-container .segment-btn i{font-size:var(--font-size-18);color:var(--neutral-400)}.profile-container .segment-btn:hover{background:var(--primary-500-base);color:var(--neutral-0)}.profile-container .segment-btn:hover i{color:var(--neutral-0)}.profile-container .segment-btn.active{background:var(--primary-500-base);color:var(--neutral-0)}.profile-container .segment-btn.active i{color:var(--neutral-0)}.profile-container .toggle-switch{margin-left:auto;position:relative;display:inline-block;width:52px;height:24px}.profile-container .toggle-switch.toggle-small{width:40px;height:16px}.profile-container .toggle-switch input{opacity:0;width:0;height:0}.profile-container .toggle-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--neutral-200);transition:.3s;border-radius:var(--radius-full);box-shadow:0 2px 8px rgba(60,60,60,.08)}.profile-container .toggle-switch .slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;top:2px;background-color:var(--neutral-0);transition:.3s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 1px 4px rgba(60,60,60,.1)}.profile-container .toggle-switch.toggle-small .slider:before{height:12px;width:12px;left:2px;top:2px}.profile-container .toggle-switch input:checked+.slider{background-color:var(--primary-500-base)}.profile-container .toggle-switch input:checked+.slider:before{transform:translateX(28px)}.profile-container .toggle-switch.toggle-small input:checked+.slider:before{transform:translateX(24px)}.profile-container .toggle-switch input:disabled+.slider{background-color:var(--neutral-100);cursor:not-allowed}.profile-container .toggle-switch input:disabled+.slider:before{background-color:var(--neutral-50)}.profile-container .toggle-switch:hover .slider{box-shadow:0 4px 12px rgba(60,60,60,.16)}.profile-container .color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.profile-container .color-dot.green{background:var(--green-primary-500)}.profile-container .color-dot.blue{background:var(--blue-primary-500)}.profile-container .color-dot.purple{background:var(--purple-primary-500)}.profile-container .color-dot.orange{background:var(--orange-primary-500)}.profile-container .segment-btn.active .color-dot{background:var(--neutral-0)}.profile-container .date-value{gap:var(--spacing-8)}.profile-container .calendar-icon{font-size:var(--font-size-16);color:var(--neutral-400)}.profile-container .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-6);border-radius:var(--radius-6);font-family:Inter,sans-serif;font-weight:var(--font-weight-500);cursor:pointer;transition:all var(--transition-duration-150) ease;white-space:nowrap}.profile-container .btn-primary{background:var(--primary-500-base);color:var(--neutral-0);border:none}.profile-container .btn-primary:hover{background:var(--primary-600)}.profile-container .btn-outlined{background:var(--neutral-0);color:var(--neutral-800);border:1px solid var(--neutral-200)}.profile-container .btn-outlined:hover{background:var(--neutral-25);border-color:var(--neutral-300)}.profile-container .btn-sm{padding:var(--spacing-6) var(--spacing-12);font-size:var(--font-size-12);height:32px}.profile-container .btn-md{padding:var(--spacing-8) var(--spacing-16);font-size:var(--font-size-14);height:36px}.profile-container .btn i{font-size:18px}.profile-container .icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--neutral-50);border-radius:var(--radius-4);cursor:pointer;color:var(--neutral-600);transition:all var(--transition-duration-150) ease}.profile-container .icon-btn:hover{background:var(--neutral-25);border-color:var(--neutral-100)}.profile-container .icon-btn i{font-size:var(--font-size-20)}@media (max-width:767px){.profile-main{flex-direction:column}.profile-container .sidebar-nav{width:100%;min-width:100%;max-width:100%;flex:0 0 auto;padding:var(--spacing-12) 0;border-right:none;border-bottom:1px solid var(--neutral-50);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.profile-container .sidebar-nav::-webkit-scrollbar{display:none}.profile-container .nav-menu{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--spacing-4);padding:0 var(--spacing-16);min-width:-moz-max-content;min-width:max-content}.profile-container .nav-item{padding:var(--spacing-8) var(--spacing-12);white-space:nowrap;flex-shrink:0}.profile-container .plan-card{flex-direction:column;gap:var(--spacing-16);width:100%}.profile-container .billing-period,.profile-container .plan-info{width:100%}.profile-container .appearance-content,.profile-container .billing-content,.profile-container .notifications-content,.profile-container .personal-info-content,.profile-container .security-content{padding:var(--spacing-16)}.profile-container .info-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-8)}.profile-container .info-label{width:100%;min-width:100%;min-height:auto}.profile-container .info-value{width:100%}.profile-container .info-control,.profile-container .info-input,.profile-container .info-input-wrapper{width:100%;max-width:100%}.profile-container .segment-control{margin-left:0;width:100%;justify-content:center}.profile-container .toggle-switch{margin-left:0}.profile-container .address-row-inputs{flex-direction:column;width:100%}.profile-container .address-row-inputs .info-control,.profile-container .address-row-inputs .info-input,.profile-container .address-row-inputs .info-input-wrapper{width:100%;max-width:100%}}html.theme-dark .content-area,html.theme-dark .profile-container,html.theme-dark .profile-header,html.theme-dark .sidebar-nav{background:var(--surface-primary)}html.theme-dark .profile-header{border-bottom-color:var(--neutral-700)}html.theme-dark .header-title,html.theme-dark .info-label-bold,html.theme-dark .info-value,html.theme-dark .nav-item,html.theme-dark .section-title,html.theme-dark .subsection-title,html.theme-dark .upload-title{color:var(--neutral-100)}html.theme-dark .header-breadcrumb,html.theme-dark .info-label,html.theme-dark .info-sublabel,html.theme-dark .section-subtitle,html.theme-dark .subsection-subtitle,html.theme-dark .upload-subtitle{color:var(--neutral-400)}html.theme-dark .info-row{border-bottom-color:var(--neutral-700)}html.theme-dark .info-input,html.theme-dark .info-textarea{background:var(--surface-primary);border-color:var(--neutral-700);color:var(--neutral-100)}html.theme-dark .info-input:focus,html.theme-dark .info-textarea:focus{border-color:var(--primary-500-base)}html.theme-dark .segment-control{background:var(--neutral-800);border-color:var(--neutral-700)}html.theme-dark .segment-btn{color:var(--neutral-300)}html.theme-dark .segment-btn i,html.theme-dark .segment-btn svg{color:var(--neutral-300);stroke:var(--neutral-300)}html.theme-dark .segment-btn:hover{background:var(--primary-600);color:var(--neutral-0)}html.theme-dark .segment-btn:hover i,html.theme-dark .segment-btn:hover svg{color:var(--neutral-0);stroke:var(--neutral-0)}html.theme-dark .segment-btn.active{background:var(--primary-500-base);color:var(--neutral-0)}html.theme-dark .segment-btn.active i,html.theme-dark .segment-btn.active svg{color:var(--neutral-0);stroke:var(--neutral-0)}html.theme-dark .toggle-switch .slider{background-color:var(--neutral-600)}html.theme-dark .info-select{background:var(--surface-primary);border-color:var(--neutral-700);color:var(--neutral-100);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23A1A3A6' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-12) center}html.theme-dark .info-select:hover{border-color:var(--neutral-600)}html.theme-dark .info-select:focus{border-color:var(--primary-500-base)}html.theme-dark .btn-delete-icon,html.theme-dark .search-btn,html.theme-dark .search-input-wrapper{background:var(--surface-primary);border-color:var(--neutral-700)}html.theme-dark .search-input{color:var(--neutral-100)}html.theme-dark .search-no-results,html.theme-dark .search-results{background:var(--surface-primary);border-color:var(--neutral-700)}html.theme-dark .search-result-item{border-bottom-color:var(--neutral-700)}html.theme-dark .search-result-item.highlighted,html.theme-dark .search-result-item:hover{background:var(--neutral-800)}html.theme-dark .result-label{color:var(--neutral-100)}html.theme-dark .result-tab{background:var(--neutral-700);color:var(--neutral-300)}html.theme-dark .info-label-main{color:var(--neutral-400)}html.theme-dark .info-label-sub{color:var(--neutral-300)}html.theme-dark .channel-btn{background:var(--neutral-800);border-color:var(--neutral-700);color:var(--neutral-300)}html.theme-dark .channel-btn:hover{border-color:var(--neutral-400)}html.theme-dark .channel-btn.active{border-color:var(--primary-500-base);background:var(--primary-900);color:var(--primary-400)}html.theme-dark .chevron,html.theme-dark .timezone{color:var(--neutral-300)}html.theme-dark .api-keys-table-container{border-color:var(--neutral-700)}html.theme-dark .api-keys-table thead{background:var(--neutral-800)}html.theme-dark .api-keys-table th{color:var(--neutral-300);border-bottom-color:var(--neutral-700)}html.theme-dark .api-keys-table td{color:var(--neutral-100);border-bottom-color:var(--neutral-700)}html.theme-dark .api-keys-table tbody tr:hover{background:var(--neutral-800)}html.theme-dark .copy-icon{background:var(--surface-primary)}html.theme-dark .copy-icon:hover{border-color:var(--primary-500-base);color:var(--primary-500-base)}html.theme-dark .status-badge-active{background:var(--success-900);color:var(--success-400)}html.theme-dark .status-badge-revoked{background:var(--error-900);color:var(--error-400)}html.theme-dark .status-paid .status-text{color:var(--success-400)}html.theme-dark .status-unpaid .status-text{color:var(--error-400)}html.theme-dark .status-pending .status-text{color:var(--warning-400)}html.theme-dark .status-overdue .status-text{color:var(--error-400)}html.theme-dark .copy-icon{border-color:var(--neutral-700);background:var(--neutral-800);color:var(--neutral-400)}html.theme-dark .copy-icon:hover{border-color:var(--primary-400);color:var(--primary-400);background:var(--primary-900)}html.theme-dark .delete-icon{color:var(--neutral-300)}html.theme-dark .delete-icon:hover{color:var(--error-400)}html.theme-dark .plan-price{color:var(--neutral-300)}html.theme-dark .billing-period-label{color:var(--neutral-100)}html.theme-dark .billing-period-value{color:var(--neutral-300)}html.theme-dark .sidebar-nav{background:var(--surface-primary);border-right-color:var(--neutral-700)}html.theme-dark .nav-item{color:var(--neutral-300)}html.theme-dark .nav-item.active,html.theme-dark .nav-item:hover{color:var(--primary-400)}html.theme-dark .profile-image-box{border-color:var(--neutral-700);background:var(--neutral-800)}html.theme-dark .content-area{background:var(--surface-primary)}html.theme-dark .collapse-icon{color:var(--neutral-300)}html.theme-dark .btn-outlined{background:var(--neutral-800);color:var(--neutral-200);border-color:var(--neutral-600)}html.theme-dark .btn-outlined:hover{background:var(--neutral-700);border-color:var(--neutral-400)}html.theme-dark .btn-delete-icon i{color:var(--neutral-400)}html.theme-dark .section{border-bottom-color:var(--neutral-700)}html.theme-dark .status-active .status-dot{background-color:var(--success-400)}html.theme-dark .status-revoked .status-dot{background-color:var(--error-400)}html.theme-dark .status-not-active .status-dot{background-color:var(--warning-400)}html.theme-dark .status-active .status-text{color:var(--success-400)}html.theme-dark .status-revoked .status-text{color:var(--error-400)}html.theme-dark .status-not-active .status-text{color:var(--warning-400)}html.theme-dark .change-link{color:var(--primary-400)}html.theme-dark .plan-card{background:var(--surface-primary)}html.theme-dark .plan-name{color:var(--neutral-100)}html.theme-dark .plan-badge{background:var(--primary-900);color:var(--primary-400)}html.theme-dark .plan-price{color:var(--neutral-400)}html.theme-dark .plan-icon{background:var(--neutral-800)}html.theme-dark .plan-icon svg{color:var(--neutral-400)}html.theme-dark .view-count{color:var(--neutral-300)}html.theme-dark .api-keys-grid .ag-root .ag-row{border-bottom-color:var(--neutral-700)}html.theme-dark .profile-container .action-buttons .btn{background:var(--neutral-800);border-color:var(--neutral-600);color:var(--neutral-200)}html.theme-dark .profile-container .action-buttons .btn:hover{background:var(--neutral-700);border-color:var(--neutral-400)}html.theme-dark .icon-btn{background:var(--surface-primary);border-color:var(--neutral-700);color:var(--neutral-400)}html.theme-dark .icon-btn:hover{background:var(--neutral-800);border-color:var(--neutral-600);color:var(--neutral-300)}html.theme-dark .calendar-icon{color:var(--neutral-300)}.profile-container .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--surface-overlay,rgba(0,0,0,.5));display:flex;align-items:center;justify-content:center;z-index:1050;padding:1rem}.profile-container .modal-content.change-password-modal{background:var(--surface-primary);border-radius:var(--border-radius-radius-8,8px);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);width:100%;max-width:480px;display:flex;flex-direction:column;overflow:hidden}.profile-container .modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-16) var(--spacing-16) var(--spacing-12) var(--spacing-16)}.profile-container .modal-header-text{display:flex;flex-direction:column;gap:var(--spacing-2)}.profile-container .modal-title{font-family:Inter,sans-serif;font-size:var(--font-size-18,18px);font-weight:var(--font-weight-600);color:var(--neutral-900);margin:0}.profile-container .modal-subtitle{font-family:Inter,sans-serif;font-size:var(--font-size-14);font-weight:var(--font-weight-400);color:var(--neutral-500);margin:0}.profile-container .modal-header .btn-close{background:transparent;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:var(--neutral-500);border-radius:4px;transition:all .2s ease}.profile-container .modal-header .btn-close:hover{background:var(--neutral-100);color:var(--neutral-700)}.profile-container .modal-header .btn-close .material-symbols-outlined{font-size:20px}.profile-container .modal-body{padding:0 var(--spacing-16) var(--spacing-16) var(--spacing-16)}.profile-container .password-form{display:flex;flex-direction:column;gap:var(--spacing-16)}.profile-container .form-row{display:flex;align-items:center;gap:var(--spacing-16)}.profile-container .form-row .form-label{width:180px;min-width:180px;font-family:Inter,sans-serif;font-size:var(--font-size-14);font-weight:var(--font-weight-400);color:var(--neutral-600);flex-shrink:0}.profile-container .form-row .form-input{flex:1;height:40px;padding:var(--spacing-8) var(--spacing-12);border:1px solid var(--neutral-200);border-radius:var(--border-radius-radius-4,4px);font-family:Inter,sans-serif;font-size:var(--font-size-14);color:var(--neutral-800);background:var(--neutral-25);transition:border-color .2s ease}.profile-container .form-row .form-input:focus{outline:none;border-color:var(--primary-500-base);background:var(--surface-primary)}.profile-container .form-row .form-input::-moz-placeholder{color:var(--neutral-400)}.profile-container .form-row .form-input::placeholder{color:var(--neutral-400)}.profile-container .form-divider{height:1px;background:var(--neutral-100);margin:var(--spacing-4) 0}.profile-container .modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-12);padding:var(--spacing-12) var(--spacing-16);border-top:1px solid var(--neutral-100)}html.theme-dark .modal-content.change-password-modal{background:var(--surface-primary);border:1px solid var(--neutral-700)}html.theme-dark .modal-title{color:var(--neutral-100)}html.theme-dark .modal-header .btn-close,html.theme-dark .modal-subtitle{color:var(--neutral-400)}html.theme-dark .modal-header .btn-close:hover{background:var(--neutral-700);color:var(--neutral-200)}html.theme-dark .form-row .form-label{color:var(--neutral-300)}html.theme-dark .form-row .form-input{background:var(--neutral-800);border-color:var(--neutral-600);color:var(--neutral-100)}html.theme-dark .form-row .form-input:focus{border-color:var(--primary-500-base);background:var(--surface-primary)}html.theme-dark .form-row .form-input::-moz-placeholder{color:var(--neutral-300)}html.theme-dark .form-row .form-input::placeholder{color:var(--neutral-300)}html.theme-dark .form-divider{background:var(--neutral-700)}html.theme-dark .modal-footer{border-top-color:var(--neutral-700)}html.theme-dark .status-badge-inactive{background:var(--neutral-800);color:var(--neutral-400)}.page-form-loading{display:flex;justify-content:center;align-items:center;height:100%;width:100%;min-height:400px}.form-info-banner{background:var(--info-100,#e0f7ff);margin-top:16px}.form-info-banner>i{color:var(--info-700,#0284c7);font-size:20px;flex-shrink:0}.form-info-banner strong{color:var(--neutral-800,#1A1A1C)}.form-info-banner p{color:var(--neutral-600,#404246)}.custom-actions-count{font-size:12px;font-weight:500;color:var(--primary-500,#3862C5);background:var(--primary-50,#E9EEF9);padding:2px 8px;border-radius:12px;margin-left:8px}.default-actions-badges{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.default-action-badge{font-size:11px;font-weight:600;color:var(--neutral-600,#404246);background:var(--neutral-50,#ECEDED);padding:4px 10px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.custom-actions-list{gap:8px;margin-top:16px}.custom-action-item{justify-content:space-between;align-items:center;padding:12px 16px;border:1px solid var(--neutral-border,#e5e7eb)}.action-info{flex-wrap:wrap;align-items:center;gap:12px}.action-code{font-size:12px;padding:4px 10px}.action-description{flex-basis:100%}.remove-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:4px;cursor:pointer;color:var(--neutral-600,#404246);transition:background-color .2s ease,color .2s ease}.remove-btn:hover{background:var(--error-100,#FFE0DC);color:var(--error-600,#A93726)}.empty-actions-message{display:flex;align-items:center;gap:8px;padding:16px;background:var(--neutral-25,#F5F5F5);border-radius:8px;color:var(--neutral-600,#404246);font-size:14px;margin-top:16px}.empty-actions-message>i{font-size:18px}.add-action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px dashed var(--neutral-border,#e5e7eb);background:transparent;border-radius:8px;cursor:pointer;color:var(--neutral-600,#404246);font-size:14px;transition:border-color .2s ease,color .2s ease}.add-action-btn:hover{border-color:var(--primary-500,#3862C5);color:var(--primary-500,#3862C5)}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--neutral-border,#e5e7eb)}.dialog-header h3{margin:0;font-size:18px;font-weight:600;color:var(--neutral-800,#1A1A1C)}.close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--neutral-600,#404246)}.close-btn:hover{background:var(--neutral-50,#ECEDED)}.dialog-body{padding:24px}.dialog-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--neutral-border,#e5e7eb)}.permission-form-loading{display:flex;justify-content:center;align-items:center;height:100%;width:100%;min-height:400px}.group-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--primary-50,#E9EEF9);color:var(--primary-500,#3862C5);border-radius:16px;font-size:13px;font-weight:500}.group-chip .remove-btn{cursor:pointer;opacity:.7;transition:opacity .2s ease}.group-chip .remove-btn:hover{opacity:1}.permission-table-container{overflow-x:auto;margin-top:16px;border:1px solid var(--neutral-border,#e5e7eb);border-radius:8px}.permission-table{width:100%;border-collapse:collapse;font-size:14px}.permission-table td,.permission-table th{padding:12px;text-align:center;border-bottom:1px solid var(--neutral-border,#e5e7eb)}.permission-table th{background:var(--neutral-25,#F5F5F5);font-weight:600;color:var(--neutral-800,#1A1A1C);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.permission-table td:first-child,.permission-table th:first-child{text-align:left;min-width:250px}.group-row{background:var(--neutral-25,#F5F5F5);cursor:pointer}.group-row:hover{background:var(--neutral-50,#ECEDED)}.group-row td{padding:12px 16px}.page-row td{padding:10px 12px}.page-row:hover{background:var(--neutral-bg-light,#F9FAFB)}.page-input-row{display:flex;align-items:center;gap:8px;padding-left:32px}.more-actions-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid var(--neutral-border,#e5e7eb);background:transparent;border-radius:4px;cursor:pointer;font-size:12px;color:var(--neutral-600,#404246);transition:all .2s ease}.more-actions-btn:hover:not(:disabled){border-color:var(--primary-500,#3862C5);color:var(--primary-500,#3862C5)}.more-actions-btn:disabled{opacity:.5;cursor:not-allowed}.more-actions-btn.has-selections{background:var(--primary-50,#E9EEF9);border-color:var(--primary-500,#3862C5);color:var(--primary-500,#3862C5)}.more-actions-btn i{font-size:16px}.row-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.row-action-btn:hover{background:var(--neutral-50,#ECEDED)}.row-action-btn i{font-size:20px}.add-page-row{background:var(--neutral-bg-light,#F9FAFB)}.more-access{font-size:11px;color:var(--primary-500,#3862C5);text-decoration:underline;cursor:pointer}.more-access:hover{color:var(--primary-700,#223B76)}.custom-actions-dialog{max-width:500px}.custom-actions-dialog .dialog-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--neutral-border,#e5e7eb)}.custom-actions-dialog .dialog-header h3{margin:0;font-size:18px;font-weight:600;color:var(--neutral-800,#1A1A1C)}.custom-actions-dialog .close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--neutral-600,#404246)}.custom-actions-dialog .close-btn:hover{background:var(--neutral-50,#ECEDED)}.custom-actions-dialog .dialog-body{padding:24px}.custom-actions-dialog .dialog-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--neutral-border,#e5e7eb)}.custom-actions-list{display:flex;flex-direction:column;gap:12px}.custom-action-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--neutral-25,#F5F5F5);border-radius:8px;cursor:pointer;transition:background-color .2s ease}.custom-action-item:hover{background:var(--neutral-50,#ECEDED)}.custom-action-item input[type=checkbox]{width:18px;height:18px;margin-top:2px;flex-shrink:0;accent-color:var(--primary-500,#3862C5)}.action-info{display:flex;flex-direction:column;gap:4px}.action-code{font-size:11px;font-weight:600;color:var(--primary-500,#3862C5);background:var(--primary-50,#E9EEF9);padding:2px 8px;border-radius:4px;text-transform:uppercase;width:-moz-fit-content;width:fit-content}.action-label{font-size:14px;font-weight:500;color:var(--neutral-800,#1A1A1C)}.action-description{font-size:13px;color:var(--neutral-600,#404246)}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.dialog-content{background:var(--neutral-0,#fff);border-radius:12px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 24px rgba(0,0,0,.15)}.role-form-loading{display:flex;justify-content:center;align-items:center;height:100%;width:100%;min-height:400px}.permission-list{display:flex;flex-direction:column;gap:12px;overflow-y:auto}.permission-card{background:var(--neutral-25,#F5F5F5);border:1px solid var(--neutral-border,#e5e7eb);border-radius:8px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.permission-card.selected{border-color:var(--primary-500,#3862C5);background:var(--primary-50,#E9EEF9)}.permission-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;cursor:pointer;transition:background-color .2s ease}.permission-header:hover{background:var(--neutral-50,#ECEDED)}.permission-card.selected .permission-header:hover{background:rgba(56,98,197,.15)}.permission-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-500,#3862C5)}.permission-checkbox:disabled{cursor:not-allowed;opacity:.5}.permission-body{padding:12px 16px;background:var(--neutral-0,#fff);border-top:1px solid var(--neutral-border,#e5e7eb)}.page-permission-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--neutral-50,#eceded)}.page-permission-row:last-child{border-bottom:none}.action-badge{display:inline-flex;align-items:center;padding:2px 8px;margin:2px;background:var(--neutral-50,#ECEDED);color:var(--neutral-600,#404246);border-radius:4px;font-size:11px;font-weight:500;text-transform:uppercase}.permission-card .expand-icon{transition:transform .2s ease}.permission-card .expand-icon.expanded{transform:rotate(180deg)}.user-form-loading{display:flex;justify-content:center;align-items:center;min-height:400px;height:100%;width:100%}.form-info-banner{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--info-50,#eff6ff);border:1px solid var(--info-200,#bfdbfe);border-radius:8px;color:var(--info-800,#1e40af)}.form-info-banner i{font-size:20px;color:var(--info-600,#2563eb);flex-shrink:0;margin-top:2px}.form-info-banner strong{display:block;font-weight:600;margin-bottom:4px;color:var(--info-800,#1e40af)}.form-info-banner p{margin:0;font-size:13px;line-height:1.5;color:var(--info-700,#1d4ed8)}.selected-roles-chips{display:flex;flex-wrap:wrap;gap:8px}.role-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--primary-100,#dbeafe);color:var(--primary-800,#1e40af);border-radius:20px;font-size:13px;font-weight:500}.role-chip .remove-btn{font-size:16px;cursor:pointer;opacity:.7;transition:opacity .2s ease;display:flex;align-items:center}.role-chip .remove-btn:hover{opacity:1}.roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.role-card{display:flex;flex-direction:column;padding:16px;border:1px solid var(--neutral-border,#e5e7eb);border-radius:8px;cursor:pointer;transition:all .2s ease;background:var(--neutral-0,#fff)}.role-card:hover:not(.disabled){border-color:var(--primary-400,#60a5fa);background:var(--primary-50,#eff6ff)}.role-card.selected{border-color:var(--primary-500,#3b82f6);background:var(--primary-50,#eff6ff);box-shadow:0 0 0 1px var(--primary-500,#3b82f6)}.role-card.disabled{cursor:default;opacity:.7}.role-card-header{display:flex;align-items:flex-start;gap:12px}.role-checkbox{margin-top:3px;width:18px;height:18px;cursor:pointer;accent-color:var(--primary-500,#3b82f6);flex-shrink:0}.role-card.disabled .role-checkbox{cursor:default}.role-info{flex:1;min-width:0}.role-name{display:block;font-weight:600;color:var(--neutral-900,#111827);margin-bottom:4px}.role-code{display:inline-block;font-size:11px;background:var(--neutral-100,#f3f4f6);padding:2px 8px;border-radius:4px;font-family:monospace}.role-code,.role-description{color:var(--neutral-600,#6b7280)}.role-description{font-size:13px;margin:12px 0 0;line-height:1.5;padding-left:30px}.alert-info{display:flex;align-items:center;padding:16px;background:var(--info-50,#eff6ff);border:1px solid var(--info-200,#bfdbfe);border-radius:8px;color:var(--info-800,#1e40af);font-size:14px}@media (max-width:768px){.roles-grid{grid-template-columns:1fr}.role-description{padding-left:0}}.rbac-status-cell{display:flex;align-items:center;gap:8px;height:100%}.rbac-status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0;border:none!important}.rbac-status-text{font-size:14px!important;font-weight:400!important;line-height:1.4}.rbac-status-cell[data-variant=success] .rbac-status-dot{background-color:var(--status-active-dot,#22c55e)}.rbac-status-cell[data-variant=success] .rbac-status-text{color:var(--status-active-text,#15803d)}.rbac-status-cell[data-variant=danger] .rbac-status-dot{background-color:var(--status-delayed-dot,#ef4444)}.rbac-status-cell[data-variant=danger] .rbac-status-text{color:var(--status-delayed-text,#dc2626)}.rbac-status-cell[data-variant=warning] .rbac-status-dot{background-color:var(--status-pending-dot,#f59e0b)}.rbac-status-cell[data-variant=warning] .rbac-status-text{color:var(--status-pending-text,#d97706)}.rbac-status-cell[data-variant=info] .rbac-status-dot{background-color:var(--status-new-dot,#3b82f6)}.rbac-status-cell[data-variant=info] .rbac-status-text{color:var(--status-new-text,#2563eb)}.rbac-status-cell[data-variant=neutral] .rbac-status-dot{background-color:#666}.rbac-status-cell[data-variant=neutral] .rbac-status-text{color:#666}.groups-list-container .grid-container{height:calc(100vh - 137px)}.pages-list-container .grid-container{height:calc(100vh - 137px)}.permissions-list-container .grid-container{height:calc(100vh - 137px)}.page-count{display:inline-flex;align-items:center;padding:2px 8px;background:var(--primary-50,#E9EEF9);color:var(--primary-600,#3862C5);border-radius:12px;font-size:12px;font-weight:500}.roles-list-container .grid-container,.users-list-container .grid-container{height:calc(100vh - 137px)}.users-list-container .status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:capitalize}.users-list-container .badge-success{background:var(--success-100,#E8F7F0);color:var(--success-700,#0d8a47)}.users-list-container .badge-warning{background:var(--warning-100,#FFF5DC);color:var(--warning-700,#a16207)}.users-list-container .badge-secondary{background:var(--neutral-50,#ECEDED);color:var(--neutral-600,#404246)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container.reinvite-modal{background:var(--neutral-0,#fff);border-radius:8px;width:100%;max-width:500px;box-shadow:0 4px 20px rgba(0,0,0,.15)}.modal-container .modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--neutral-border,#e5e7eb)}.modal-container .modal-header h2{font-size:18px;font-weight:600;margin:0}.modal-container .modal-header .close-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:var(--neutral-600,#404246)}.modal-container .modal-header .close-btn:hover{color:var(--neutral-800,#1A1A1C)}.modal-container .modal-body{padding:20px}.modal-container .modal-body .info-text{font-size:14px;color:var(--neutral-600,#404246);margin-bottom:16px}.modal-container .modal-body .loading-state{display:flex;align-items:center;justify-content:center;padding:20px;color:var(--neutral-600,#404246)}.modal-container .modal-body .no-users-message{display:flex;align-items:center;gap:8px;padding:16px;background:var(--success-100,#E8F7F0);border-radius:8px;color:var(--success-700,#0d8a47)}.modal-container .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--neutral-border,#e5e7eb)}.roles-chips-cell,.user-type-chip-cell{display:flex;align-items:center;height:100%}.roles-chips-cell .chips-container,.user-type-chip-cell .chips-container{gap:4px}.time-picker-container{position:relative;width:100%}.time-picker-container .floating-label-group{margin-top:0;margin-bottom:0}.time-picker-dropdown{position:absolute;top:100%;left:0;right:0;background:white;border:1px solid var(--neutral-200);border-radius:var(--radius-8);box-shadow:var(--elevation-shadow-md);z-index:var(--zindex-dropdown);max-height:300px;overflow:hidden;display:flex;flex-direction:column;margin-top:2px}.time-picker-dropdown--portal{position:fixed;top:auto;left:auto;right:auto;bottom:auto;margin:0;z-index:10000;max-height:none}.time-picker-search{padding:8px;border-bottom:1px solid var(--neutral-200)}.time-picker-search-input{width:100%;padding:8px 12px;border:1px solid var(--neutral-200);border-radius:6px;font-size:14px;outline:none}.time-picker-search-input:focus{border-color:var(--primary-500-base);box-shadow:0 0 0 2px rgba(25,118,210,.1)}.time-picker-options{overflow-y:auto;max-height:250px}.time-picker-option{padding:10px 16px;cursor:pointer;font-size:14px;color:var(--neutral-700);transition:background-color .2s}.time-picker-option:hover{background-color:var(--neutral-50)}.time-picker-option.selected{background-color:var(--primary-50);color:var(--primary-700);font-weight:500}.time-picker-no-results{padding:16px;text-align:center;color:var(--neutral-500);font-size:14px}