.gridContainer{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:var(--space-4,16px);gap:var(--space-4,16px);width:100%}@media (min-width:640px){.gridContainer{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.gridContainer{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.gridContainer{grid-template-columns:repeat(4,1fr)}}.accountCard,.gridItem{display:flex;flex-direction:column}.accountCard{background:var(--surface-2);border-radius:var(--radius,5px);overflow:hidden;cursor:pointer;transition:all .25s var(--ease-micro,cubic-bezier(.33,1,.68,1));position:relative;border:none}:root[data-theme=dark] .accountCard{box-shadow:var(--shadow-card-rest,0 4px 12px rgba(0,0,0,.3))}:root[data-theme=light] .accountCard{box-shadow:var(--shadow-card-rest-light,0 2px 8px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04));background:var(--surface-card-light,#fff)}.accountCard:hover{transform:translateY(-2px);background:var(--surface-3)}:root[data-theme=dark] .accountCard:hover{box-shadow:var(--shadow-card-hover,0 8px 24px rgba(0,0,0,.4))}:root[data-theme=light] .accountCard:hover{box-shadow:var(--shadow-card-hover-light,0 6px 20px rgba(0,0,0,.1),0 12px 32px rgba(0,0,0,.06));background:var(--surface-card-light,#fff)}.accountCard:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}:root[data-theme=dark] .cardSelected{box-shadow:0 0 0 2px var(--brand-coral),var(--shadow-card-hover,0 8px 24px rgba(0,0,0,.4))}.cardSelected:hover{transform:none}.cardLogo{width:48px;height:48px;border-radius:var(--radius,5px);background:var(--surface-3);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.cardLogo img{width:100%;height:100%;object-fit:cover}.cardLogoFallback{font-size:1.125rem;font-weight:600;color:var(--brand-coral);text-transform:uppercase}.cardLogoIcon{width:24px;height:24px;color:var(--brand-coral)}:root[data-theme=light] .cardHeader{border-bottom-color:rgba(0,0,0,.06)}.cardName{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3}:root[data-theme=light] .cardName{color:rgba(0,0,0,.9)}.cardSubdomain{font-size:.8125rem;color:var(--brand-coral);display:block;margin-top:var(--space-1,4px)}.cardMetrics{display:flex;flex-wrap:wrap;gap:var(--space-2,8px);margin-top:var(--space-3,12px)}.cardStatus{padding:var(--space-1,4px) var(--space-2,10px);border-radius:var(--radius,5px);font-size:.75rem;font-weight:600;text-transform:capitalize}.statusActive{background:var(--color-success-muted,rgba(34,197,94,.15));color:var(--color-success,#22c55e)}.statusInactive{background:var(--glass-bg-hover,hsla(220,9%,46%,.15));color:var(--text-tertiary,#6b7280)}.statusPending{background:var(--color-warning-muted,rgba(245,158,11,.15));color:var(--color-warning,#f59e0b)}.cardActionBtn{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius,5px);color:var(--text-tertiary);cursor:pointer;transition:color var(--duration-micro,.15s) var(--ease-micro)}.cardActionBtn:hover{color:var(--brand-coral)}.cardActionBtn:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.cardActionIcon{width:16px;height:16px}.cardBody{padding:var(--space-4,16px)}.cardFooter{padding:var(--space-3,12px) var(--space-4,16px);background:var(--surface-2)}:root[data-theme=light] .cardFooter{background:rgba(0,0,0,.02);border-top-color:rgba(0,0,0,.06)}.cardLastActive{font-size:.75rem;color:var(--text-quaternary)}:root[data-theme=light] .cardLastActive{color:rgba(0,0,0,.45)}.cardCategory{font-size:.75rem;color:var(--text-tertiary);background:var(--surface-3);padding:var(--space-1,4px) var(--space-2,8px);border-radius:var(--radius,5px)}:root[data-theme=light] .cardCategory{background:rgba(0,0,0,.05);color:rgba(0,0,0,.6)}.cardCheckbox{position:absolute;top:var(--space-3,12px);left:var(--space-3,12px);z-index:2}.checkboxInput{width:18px;height:18px;border-radius:var(--radius,5px);border:2px solid var(--brand-coral);background:transparent}.checkboxInput:checked:after{top:50%;left:50%;border:solid #fff;transform:translate(-50%,-60%) rotate(45deg)}.listContainer{width:100%;overflow-x:auto;background:var(--surface-2);border-radius:var(--radius,5px);-webkit-overflow-scrolling:touch;overscroll-behavior:contain}:root[data-theme=dark] .listContainer{box-shadow:var(--shadow-card-rest,0 4px 12px rgba(0,0,0,.3))}:root[data-theme=light] .listContainer{box-shadow:0 2px 8px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04);background:#fff}.listTable{width:100%;border-collapse:collapse;min-width:800px}:root[data-theme=light] .listHeader{background:rgba(0,0,0,.02)}.listHeader th{padding:var(--space-3,14px) var(--space-4,16px);text-align:left;font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle);white-space:nowrap}:root[data-theme=light] .listHeader th{color:rgba(0,0,0,.6);border-bottom-color:rgba(0,0,0,.08)}.listCellSortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--duration-micro,.15s) var(--ease-micro)}.listCellSortable:hover{color:var(--text-primary)}:root[data-theme=light] .listCellSortable:hover{color:rgba(0,0,0,.9)}.listCellSortable span{display:inline-flex;align-items:center;gap:var(--space-2,6px)}.sortIcon{width:12px;height:12px;opacity:.4;transition:opacity var(--duration-micro,.15s) var(--ease-micro)}.sortIconActive{opacity:1}.listRow{cursor:pointer;transition:background var(--duration-micro,.15s) var(--ease-micro)}.listRow:hover{background:var(--surface-3)}:root[data-theme=light] .listRow:hover{background:rgba(0,0,0,.02)}.listRowSelected{background:rgba(250,114,0,.1)}.listRowSelected:hover{background:rgba(250,114,0,.15)}.listCell{padding:var(--space-3,14px) var(--space-4,16px);border-bottom:1px solid var(--border-subtle);font-size:.875rem;color:var(--text-secondary)}:root[data-theme=light] .listCell{color:rgba(0,0,0,.75);border-bottom-color:rgba(0,0,0,.06)}.listCellCheckbox{width:48px;text-align:center}.listCellName{min-width:200px}.listNameContent{display:flex;flex-direction:column;gap:2px}.listAccountName{color:var(--text-primary);font-weight:500}:root[data-theme=light] .listAccountName{color:rgba(0,0,0,.9)}.listSubdomain{font-size:.8125rem;color:var(--brand-coral)}.listCategoryBadge{display:inline-block;padding:var(--space-1,4px) var(--space-2,10px);background:var(--surface-3);border-radius:var(--radius,5px);font-size:.75rem;color:var(--text-secondary)}:root[data-theme=light] .listCategoryBadge{background:rgba(0,0,0,.05);color:rgba(0,0,0,.65)}.listCellEmail{color:var(--text-tertiary)}:root[data-theme=light] .listCellEmail{color:rgba(0,0,0,.55)}.listCellDate{color:var(--text-quaternary);font-size:.8125rem}:root[data-theme=light] .listCellDate{color:rgba(0,0,0,.45)}.listCellActions{text-align:right;white-space:nowrap}.listActionButtons{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2,8px)}.listActionBtn{padding:var(--space-1,6px) var(--space-3,12px);background:var(--brand-coral);border:none;border-radius:var(--radius,5px);color:#fff;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--duration-micro,.15s) var(--ease-micro)}.listActionBtn:hover{filter:brightness(1.1)}.listActionBtn:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.listActionBtnSecondary{background:var(--surface-3);color:var(--text-secondary)}.listActionBtnSecondary:hover{background:var(--surface-4);color:var(--text-primary)}:root[data-theme=light] .listActionBtnSecondary{background:rgba(0,0,0,.05);color:rgba(0,0,0,.75)}:root[data-theme=light] .listActionBtnSecondary:hover{background:rgba(0,0,0,.1)}.kanbanContainer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-4,16px);gap:var(--space-4,16px);min-height:400px;flex:1 1;align-content:stretch;contain:layout style}@media (min-width:769px) and (max-width:1024px){.kanbanContainer{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.kanbanContainer{grid-template-columns:1fr;overflow-x:auto}}.kanbanColumn{display:flex;flex-direction:column;background:var(--surface-2);border-radius:var(--radius,5px);overflow:hidden;min-width:280px;min-height:0}:root[data-theme=dark] .kanbanColumn{box-shadow:var(--shadow-card-rest,0 4px 12px rgba(0,0,0,.3))}:root[data-theme=light] .kanbanColumn{box-shadow:0 2px 8px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04);background:#fff}.kanbanHeader{padding:var(--space-3,14px) var(--space-4,16px);background:var(--surface-3);border-top:3px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}:root[data-theme=light] .kanbanHeader{background:rgba(0,0,0,.02);border-bottom-color:rgba(0,0,0,.06)}.kanbanHeaderActive{border-top-color:var(--color-success,#22c55e)}.kanbanHeaderPending{border-top-color:var(--color-warning,#f59e0b)}.kanbanHeaderInactive{border-top-color:var(--text-tertiary,#6b7280)}.kanbanHeaderContent{display:flex;align-items:center;gap:var(--space-2,10px)}.kanbanIndicator{width:10px;height:10px;border-radius:var(--radius);flex-shrink:0}.kanbanIndicatorActive{background:var(--color-success,#22c55e)}.kanbanIndicatorPending{background:var(--color-warning,#f59e0b)}.kanbanIndicatorInactive{background:var(--text-tertiary,#6b7280)}.kanbanTitle{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0;flex:1 1}:root[data-theme=light] .kanbanTitle{color:rgba(0,0,0,.9)}.kanbanCount{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 var(--space-2,8px);background:var(--surface-4);border-radius:var(--radius,5px);font-size:.75rem;font-weight:600;color:var(--text-tertiary)}:root[data-theme=light] .kanbanCount{background:rgba(0,0,0,.05);color:rgba(0,0,0,.6)}.kanbanBody{flex:1 1;padding:var(--space-3,12px);display:flex;flex-direction:column;gap:var(--space-2,10px);overflow-y:auto;max-height:calc(100vh - 320px);min-height:200px;overscroll-behavior:contain}.kanbanDropZone{border:2px dashed var(--border-hover);background:rgba(250,114,0,.05);border-radius:var(--radius,5px)}.kanbanEmpty{display:flex;align-items:center;justify-content:center;padding:var(--space-6,32px) var(--space-4,16px);color:var(--text-quaternary);font-size:.8125rem}:root[data-theme=light] .kanbanEmpty{color:rgba(0,0,0,.35)}.kanbanCard{background:var(--surface-3);border-radius:var(--radius,5px);padding:var(--space-3,14px);cursor:pointer;transition:all var(--duration-micro,.15s) var(--ease-micro);border:none}:root[data-theme=dark] .kanbanCard{box-shadow:var(--shadow-low,0 2px 6px rgba(0,0,0,.2))}:root[data-theme=light] .kanbanCard{box-shadow:0 2px 6px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.03);background:#fff}.kanbanCard:hover{transform:translateY(-1px);background:var(--surface-4)}:root[data-theme=dark] .kanbanCard:hover{box-shadow:var(--shadow-medium,0 4px 12px rgba(0,0,0,.3))}:root[data-theme=light] .kanbanCard:hover{box-shadow:0 4px 12px rgba(0,0,0,.08),0 8px 24px rgba(0,0,0,.05)}.kanbanCard:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.kanbanCardDragging{opacity:.8;transform:rotate(2deg) scale(1.02);box-shadow:0 12px 36px rgba(0,0,0,.25);cursor:-webkit-grabbing;cursor:grabbing}.kanbanCardHeader{margin-bottom:var(--space-2,10px)}.kanbanCardTitle{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0 0 2px}:root[data-theme=light] .kanbanCardTitle{color:rgba(0,0,0,.9)}.kanbanCardSubdomain{font-size:.8125rem;color:var(--brand-coral)}.kanbanCardMeta{display:flex;flex-direction:column;gap:var(--space-1,4px);margin-bottom:var(--space-3,12px)}.kanbanCardCategory{font-size:.75rem;color:var(--text-tertiary)}:root[data-theme=light] .kanbanCardCategory{color:rgba(0,0,0,.55)}.kanbanCardEmail{font-size:.75rem;color:var(--text-quaternary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root[data-theme=light] .kanbanCardEmail{color:rgba(0,0,0,.45)}.kanbanCardFooter{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-2,10px);border-top:1px solid var(--border-subtle)}:root[data-theme=light] .kanbanCardFooter{border-top-color:rgba(0,0,0,.06)}.kanbanCardLastActive{font-size:.6875rem;color:var(--text-quaternary)}:root[data-theme=light] .kanbanCardLastActive{color:rgba(0,0,0,.35)}.kanbanCardActions{display:flex;align-items:center;gap:var(--space-1,4px)}.kanbanActionBtn{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius,5px);color:var(--text-quaternary);cursor:pointer;transition:color var(--duration-micro,.15s) var(--ease-micro)}.kanbanActionBtn:hover{color:var(--brand-coral)}.kanbanActionBtn:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.kanbanActionBtn svg{width:14px;height:14px}.kanbanHeaderDivision{border-top-color:var(--brand-coral)}.kanbanIndicatorDivision{background:var(--brand-coral)}.kanbanHeaderUnassigned{border-top-color:var(--text-quaternary,#9ca3af)}.kanbanIndicatorUnassigned{background:var(--text-quaternary,#9ca3af)}.kanbanCardCheckbox{position:absolute;top:var(--space-2,8px);right:var(--space-2,8px);z-index:2}.kanbanCard{position:relative}.kanbanCardSelected{background:var(--surface-4)}:root[data-theme=dark] .kanbanCardSelected{box-shadow:0 0 0 2px var(--brand-coral),var(--shadow-medium,0 4px 12px rgba(0,0,0,.3))}:root[data-theme=light] .kanbanCardSelected{box-shadow:0 0 0 2px var(--brand-coral),0 4px 12px rgba(0,0,0,.08)}.kanbanCardCheckbox .checkboxInput{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:var(--radius,5px);border:2px solid var(--brand-coral);background:var(--surface-2);cursor:pointer;transition:all .15s var(--ease-micro);position:relative}.kanbanCardCheckbox .checkboxInput:checked{background:var(--brand-coral);border-color:var(--brand-coral)}.kanbanCardCheckbox .checkboxInput:checked:after{content:"";position:absolute;top:50%;left:50%;width:4px;height:7px;border:solid #fff;border-width:0 2px 2px 0;transform:translate(-50%,-60%) rotate(45deg)}.kanbanCardCheckbox .checkboxInput:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.switcherGroup{display:flex;align-items:center;background:var(--surface-2);border-radius:var(--radius,5px);padding:2px;gap:2px}:root[data-theme=dark] .switcherGroup{box-shadow:var(--shadow-inset,inset 0 1px 2px rgba(0,0,0,.2))}:root[data-theme=light] .switcherGroup{background:rgba(0,0,0,.05)}.switcherBtn{display:flex;align-items:center;justify-content:center;gap:var(--space-2,8px);height:36px;padding:0 var(--space-3,12px);background:transparent;border:none;border-radius:var(--radius,5px);color:var(--text-tertiary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--duration-micro,.15s) var(--ease-micro);white-space:nowrap}.switcherBtn:hover:not(:disabled){color:var(--text-primary);background:var(--surface-3)}:root[data-theme=light] .switcherBtn:hover:not(:disabled){color:rgba(0,0,0,.9);background:rgba(0,0,0,.05)}.switcherBtn:focus-visible{outline:2px solid var(--brand-coral);outline-offset:-2px}.switcherBtn:disabled{opacity:.4;cursor:not-allowed}.switcherBtnActive{background:var(--brand-coral);color:#fff}:root[data-theme=light] .switcherBtnActive{color:#000}.switcherBtnActive:hover:not(:disabled){background:var(--brand-coral);filter:brightness(1.1)}.switcherIcon{width:16px;height:16px;flex-shrink:0}@media (max-width:640px){.switcherBtn{padding:0;width:36px}.switcherLabel{display:none}}.switcherWrapper{display:flex;align-items:center;gap:var(--space-3,12px);flex-wrap:wrap}.kanbanGroupByWrapper{display:flex;align-items:center;gap:var(--space-2,8px)}.kanbanGroupByLabel{font-size:.75rem;color:var(--text-tertiary);white-space:nowrap}:root[data-theme=light] .kanbanGroupByLabel{color:rgba(0,0,0,.5)}.kanbanGroupBySelect{display:flex;align-items:center;background:var(--surface-2);border-radius:var(--radius,5px);padding:2px;gap:2px}:root[data-theme=dark] .kanbanGroupBySelect{box-shadow:var(--shadow-inset,inset 0 1px 2px rgba(0,0,0,.2))}:root[data-theme=light] .kanbanGroupBySelect{background:rgba(0,0,0,.05)}.kanbanGroupByBtn{display:flex;align-items:center;justify-content:center;height:28px;padding:0 var(--space-2,10px);background:transparent;border:none;border-radius:var(--radius,5px);color:var(--text-tertiary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--duration-micro,.15s) var(--ease-micro);white-space:nowrap}.kanbanGroupByBtn:hover:not(:disabled){color:var(--text-primary);background:var(--surface-3)}:root[data-theme=light] .kanbanGroupByBtn:hover:not(:disabled){color:rgba(0,0,0,.9);background:rgba(0,0,0,.05)}.kanbanGroupByBtn:focus-visible{outline:2px solid var(--brand-coral);outline-offset:-2px}.kanbanGroupByBtn:disabled{opacity:.4;cursor:not-allowed}.kanbanGroupByBtnActive{background:var(--brand-coral);color:#fff}:root[data-theme=light] .kanbanGroupByBtnActive{color:#000}.kanbanGroupByBtnActive:hover:not(:disabled){background:var(--brand-coral);filter:brightness(1.1)}@media (max-width:640px){.switcherWrapper{flex-direction:column;align-items:flex-end;gap:var(--space-2,8px)}.kanbanGroupByWrapper{width:100%;justify-content:flex-end}}.accountsPage{display:flex;flex-direction:column;gap:var(--space-4,16px);padding:var(--space-3,12px);max-width:100%;overflow-x:hidden;min-height:100%}.addAccountBtn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2,8px);height:40px;padding:0 var(--space-4,16px);background:var(--brand-coral);color:var(--color-text-contrast);border:none;border-radius:var(--radius,5px);font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--duration-micro,.15s) var(--ease-micro,ease);box-shadow:var(--shadow-low)}.addAccountBtn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:var(--shadow-medium)}.addAccountBtn:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-low)}.addAccountBtn:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.addAccountBtn:disabled{opacity:.5;cursor:not-allowed}.secondaryBtn{height:40px;padding:0 var(--space-4,16px);color:var(--text-secondary);border:1px solid var(--border-default);font-weight:500;font-family:inherit;transition:all var(--duration-micro,.15s) var(--ease-micro,ease)}.secondaryBtn:hover:not(:disabled){color:var(--brand-coral);border-color:var(--brand-coral);background:rgba(255,120,41,.05)}.secondaryBtn:active:not(:disabled){background:rgba(255,120,41,.1)}.secondaryBtn:focus-visible{outline:2px solid var(--brand-coral)}.secondaryBtn:disabled{opacity:.5;cursor:not-allowed}.searchBar{height:40px;padding:0 var(--space-3,12px);background:var(--surface-2);border:none;border-radius:var(--radius,5px);transition:all var(--duration-micro,.15s) var(--ease-micro,ease)}.searchBar:focus-within{box-shadow:0 0 0 2px var(--brand-coral)}.filterDropdown{height:40px;min-width:140px;padding:0 36px 0 var(--space-3,12px);background-color:var(--surface-2);background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23ff7829' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;border:1px solid var(--border-default);border-radius:var(--radius,5px);color:var(--text-primary);font-size:.875rem;font-family:inherit;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:all var(--duration-micro,.15s) var(--ease-micro,ease)}.filterDropdown:hover{background-color:var(--surface-3);border-color:var(--border-hover)}.filterDropdown:focus{outline:none;border-color:var(--brand-coral);box-shadow:0 0 0 2px rgba(255,120,41,.15)}.filterDropdown option{background-color:var(--surface-2);color:var(--text-primary)}:root[data-theme=light] .filterDropdown{background-color:var(--surface-1)}:root[data-theme=light] .filterDropdown:hover{background-color:var(--surface-2)}:root[data-theme=light] .filterDropdown option{background-color:var(--surface-1)}.filterControls{margin-left:auto}.divisionTabs{display:flex;align-items:center;gap:0;background:var(--surface-2);border-radius:var(--radius,5px);padding:2px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.divisionTabs::-webkit-scrollbar{display:none}.divisionTab{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2,8px);height:36px;padding:0 var(--space-4,16px);background:transparent;border:none;border-radius:var(--radius,5px);color:var(--text-secondary);font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;white-space:nowrap;transition:all var(--duration-micro,.15s) var(--ease-micro,ease)}.divisionTab:hover:not(:disabled):not(.divisionTabActive){color:var(--brand-coral)}.divisionTab:focus-visible{outline:2px solid var(--brand-coral);outline-offset:-2px}.divisionTabActive{background:var(--brand-coral);color:var(--color-text-contrast)}.divisionTabCount{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--surface-3);border-radius:var(--radius,5px);font-size:.6875rem;font-weight:600}.divisionTabActive .divisionTabCount{background:hsla(0,0%,100%,.2);color:var(--color-text-contrast)}.bulkActionsBar{padding:var(--space-3,12px) var(--space-4,16px);background:var(--surface-3);border-left:3px solid var(--brand-coral)}.bulkActionsLeft{display:flex;align-items:center;gap:var(--space-3,12px)}.selectAllCheckbox{display:flex;align-items:center;gap:var(--space-2,8px);cursor:pointer}.selectAllLabel{font-size:.875rem;color:var(--text-secondary)}.bulkActionsRight{display:flex;align-items:center;gap:var(--space-2,8px)}.bulkActionBtn{height:32px;padding:0 var(--space-3,12px);background:var(--brand-coral);color:var(--color-text-contrast);font-family:inherit;transition:all var(--duration-micro,.15s) var(--ease-micro,ease)}.bulkActionBtn:hover:not(:disabled){filter:brightness(1.1)}.bulkActionBtnSecondary{background:transparent;color:var(--text-secondary)}.bulkActionBtnSecondary:hover:not(:disabled){color:var(--brand-coral);filter:none}.bulkActionsDropdown{height:32px;min-width:120px;padding:0 32px 0 var(--space-3,12px);background-color:var(--surface-4);background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23ff7829' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;border:1px solid var(--border-default);border-radius:var(--radius,5px);color:var(--text-primary);font-size:.8125rem;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.checkboxInput{width:18px!important;height:18px!important;background:var(--surface-4)!important;border:2px solid var(--border-default)!important;border-radius:var(--radius,5px)!important;transition:all var(--duration-micro,.15s) var(--ease-micro,ease);display:flex;align-items:center;justify-content:center}.checkboxInput:checked{background:var(--brand-coral)!important}.checkboxInput:checked:after{position:absolute;width:5px;height:9px;transform:rotate(45deg) translate(-1px,-1px)}.accountsContainer{min-height:300px;flex:1 1;display:flex;flex-direction:column;contain:layout}.pagination{gap:var(--space-2,8px);padding-top:var(--space-4,16px)}.paginationInfo{gap:var(--space-4,16px);margin-right:auto}.paginationText{font-size:.8125rem;color:var(--text-tertiary)}.pageSizeSelect{height:32px;min-width:70px;padding:0 28px 0 var(--space-2,8px);border-radius:var(--radius,5px);font-size:.8125rem;font-family:inherit}.paginationControls{gap:var(--space-1,4px)}.pageBtn{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 var(--space-2,8px);background:transparent;border:1px solid var(--border-default);border-radius:var(--radius,5px);color:var(--text-secondary);font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all var(--duration-micro,.15s) var(--ease-micro,ease)}.pageBtn:hover:not(:disabled):not(.pageBtnActive){color:var(--brand-coral);border-color:var(--brand-coral)}.pageBtn:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.pageBtn:disabled{opacity:.4;cursor:not-allowed}.pageBtnActive{background:var(--brand-coral);border-color:var(--brand-coral);color:var(--color-text-contrast)}.pageEllipsis{color:var(--text-quaternary);font-size:.875rem}.pageEllipsis,.pageNavBtn{display:flex;align-items:center;justify-content:center;width:32px;height:32px}.pageNavBtn{padding:0;background:transparent;border:1px solid var(--border-default);border-radius:var(--radius,5px);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-micro,.15s) var(--ease-micro,ease)}.pageNavBtn:hover:not(:disabled){color:var(--brand-coral);border-color:var(--brand-coral)}.pageNavBtn:disabled{opacity:.4;cursor:not-allowed}.pageNavIcon{width:14px;height:14px}.skeletonContainer{width:100%}.skeletonElement{background:hsla(0,0%,100%,.08)!important;border-radius:var(--radius,5px)}:root[data-theme=light] .skeletonElement{background:rgba(0,0,0,.08)!important}.skeletonGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:var(--space-4,16px);gap:var(--space-4,16px)}.skeletonCard{background:var(--surface-2);border:1px solid var(--border-subtle)}:root[data-theme=light] .skeletonCard{background:var(--surface-1);box-shadow:var(--shadow-card-rest,0 2px 8px rgba(0,0,0,.04))}.skeletonCardHeader{align-items:center;gap:var(--space-3,12px);padding:var(--space-4,16px);background:var(--surface-3);border-bottom:1px solid var(--border-subtle)}.skeletonCardInfo{flex:1 1;display:flex;flex-direction:column;gap:var(--space-2,8px)}.skeletonMetrics{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-2,8px);gap:var(--space-2,8px);padding:var(--space-3,12px) var(--space-4,16px)}.skeletonMetricItem{display:flex;flex-direction:column;align-items:center;gap:4px}.skeletonCardFooter{align-items:center;justify-content:space-between;padding:var(--space-3,12px) var(--space-4,16px);border-top:1px solid var(--border-subtle)}.skeletonMeta{gap:var(--space-2,8px)}.skeletonActions,.skeletonMeta{display:flex;align-items:center}.skeletonActions{gap:4px}.skeletonList{display:flex;flex-direction:column;background:var(--surface-2);border-radius:var(--radius,5px);overflow:hidden;border:1px solid var(--border-subtle)}:root[data-theme=light] .skeletonList{background:var(--surface-1);box-shadow:var(--shadow-card-rest,0 2px 8px rgba(0,0,0,.04))}.skeletonListHeader{gap:var(--space-4,16px);background:var(--surface-3)}.skeletonListHeader,.skeletonListRow{display:flex;align-items:center;padding:var(--space-3,12px) var(--space-4,16px);border-bottom:1px solid var(--border-subtle)}.skeletonListRow{gap:var(--space-3,12px)}.skeletonListRow:last-child{border-bottom:none}.skeletonListInfo{flex:1 1;display:flex;flex-direction:column;gap:var(--space-1,4px);min-width:0}.skeletonListActions{display:flex;align-items:center}.skeletonKanban{display:flex;gap:var(--space-4,16px);overflow-x:auto;padding-bottom:var(--space-2,8px)}.skeletonKanbanColumn{flex:0 0 320px;display:flex;flex-direction:column;background:var(--surface-2);border-radius:var(--radius,5px);padding:var(--space-3,12px);border:1px solid var(--border-subtle)}:root[data-theme=light] .skeletonKanbanColumn{background:var(--surface-1);box-shadow:var(--shadow-card-rest,0 2px 8px rgba(0,0,0,.04))}.skeletonKanbanHeader{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-3,12px);margin-bottom:var(--space-3,12px);border-bottom:1px solid var(--border-subtle)}.skeletonKanbanCard,.skeletonKanbanCards{display:flex;flex-direction:column;gap:var(--space-2,8px)}.skeletonKanbanCard{padding:var(--space-3,12px);background:var(--surface-3);border-radius:var(--radius,5px)}.skeletonKanbanCardHeader{display:flex;align-items:center;gap:var(--space-2,8px)}.skeletonKanbanCardInfo{flex:1 1;display:flex;flex-direction:column;gap:var(--space-1,4px)}.skeletonKanbanCardMeta{display:flex;align-items:center;gap:var(--space-2,8px)}.emptyStateContainer{display:flex;align-items:center;justify-content:center;min-height:400px;padding:var(--space-8,48px) var(--space-4,16px)}.emptyStateContent{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:400px}.emptyStateIcon{width:88px;height:88px;background:linear-gradient(135deg,var(--surface-3) 0,var(--surface-2) 100%);border:1px solid var(--border-subtle);margin-bottom:var(--space-5,24px);opacity:.8}:root[data-theme=light] .emptyStateIcon{background:linear-gradient(135deg,rgba(0,0,0,.03),rgba(0,0,0,.06))}.emptyStateDescription{margin:0 0 var(--space-5,24px);line-height:1.5}.emptyStateCTA{display:inline-flex;align-items:center;gap:var(--space-2,8px);height:44px;padding:0 var(--space-5,24px);background:var(--brand-coral);color:var(--color-text-contrast);border:none;border-radius:var(--radius,5px);font-size:.9375rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--duration-micro,.15s) var(--ease-micro,ease);box-shadow:var(--shadow-low)}.emptyStateCTA:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:var(--shadow-medium)}.emptyStateCTA:active{transform:translateY(0)}.emptyStateSkeleton{display:none}.emptyStateOverlay{display:contents}@media (max-width:1024px){.skeletonGrid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width:768px){.accountsPage{padding:var(--space-2,8px);gap:var(--space-3,12px)}.pageHeader{flex-direction:column;align-items:stretch}.pageHeaderActions{width:100%}.addAccountBtn,.secondaryBtn{width:100%;justify-content:center}.filtersRow{flex-direction:column;align-items:stretch}.searchBar{max-width:none}.filterGroup{width:100%}.filterDropdown{flex:1 1}.filterControls{width:100%;justify-content:space-between;margin-left:0}.divisionTabs{width:100%}.bulkActionsBar{flex-direction:column;gap:var(--space-3,12px);align-items:stretch}.bulkActionsLeft,.bulkActionsRight{width:100%;justify-content:center}.bulkActionBtn{flex:1 1;justify-content:center}.skeletonGrid{grid-template-columns:1fr}.skeletonKanban{flex-direction:column}.skeletonKanbanColumn{flex:0 0 auto}.pagination{flex-wrap:wrap}.paginationInfo{margin-right:0;margin-bottom:var(--space-2,8px)}.paginationControls,.paginationInfo{width:100%;justify-content:center}}@media (max-width:480px){.pageTitle{font-size:1.125rem}.skeletonMetrics{grid-template-columns:1fr}}:root[data-theme=light] .pageTitle{color:var(--text-primary)}:root[data-theme=light] .emptyStateDescription,:root[data-theme=light] .filterStats,:root[data-theme=light] .pageSubtitle,:root[data-theme=light] .paginationText{color:var(--text-tertiary)}:root[data-theme=light] .checkboxInput:checked:after{border-color:var(--color-text-contrast)}.divisionTabsContainer{display:flex;align-items:center;gap:var(--space-3,12px);flex-wrap:wrap}.divisionTabWrapper{display:flex;align-items:center;position:relative}.divisionTabWrapper .divisionTab{padding-right:var(--space-2,8px)}.addDivisionBtn{display:inline-flex;align-items:center;gap:var(--space-2,8px);height:36px;padding:0 var(--space-3,12px);background:transparent;border:1px dashed var(--border-default);border-radius:var(--radius,5px);color:var(--text-secondary);font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;white-space:nowrap;transition:all var(--duration-micro,.15s) var(--ease-micro,ease)}.addDivisionBtn:hover:not(:disabled){color:var(--brand-coral);border-color:var(--brand-coral);background:rgba(255,120,41,.05)}.addDivisionBtn:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.addDivisionBtn:disabled{opacity:.5;cursor:not-allowed}.divisionActionsWrapper{position:relative}.divisionActionsBtn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;margin-left:var(--space-1,4px);background:transparent;border:none;border-radius:var(--radius,5px);color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-micro,.15s) var(--ease-micro,ease)}.divisionActionsBtn:hover:not(:disabled){color:var(--brand-coral);background:var(--surface-3)}.divisionActionsBtn:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.divisionActionsBtn:disabled{opacity:.5;cursor:not-allowed}.divisionActionsMenu{position:absolute;top:100%;right:0;z-index:var(--z-dropdown,100);min-width:120px;margin-top:var(--space-1,4px);padding:var(--space-1,4px);background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius,5px);box-shadow:var(--shadow-medium);animation:fadeIn .15s var(--ease-micro)}:root[data-theme=dark] .divisionActionsMenu{background:var(--surface-3)}:root[data-theme=light] .divisionActionsMenu{background:#fff;border-color:rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1)}.divisionActionsMenuItem{display:flex;align-items:center;gap:var(--space-2,8px);width:100%;padding:var(--space-2,8px) var(--space-3,12px);background:transparent;border:none;border-radius:var(--radius,5px);color:var(--text-secondary);font-size:.8125rem;font-family:inherit;text-align:left;cursor:pointer;transition:all var(--duration-micro,.15s) var(--ease-micro,ease)}.divisionActionsMenuItem:hover{color:var(--text-primary);background:var(--surface-4)}:root[data-theme=light] .divisionActionsMenuItem:hover{background:rgba(0,0,0,.05)}.divisionActionsMenuItem:focus-visible{outline:2px solid var(--brand-coral);outline-offset:-2px}.divisionActionsMenuItemDanger{color:var(--color-error,#ef4444)}.divisionActionsMenuItemDanger:hover{color:var(--color-error,#ef4444);background:rgba(239,68,68,.1)}@media (max-width:768px){.divisionTabsContainer{flex-direction:column;align-items:stretch}.addDivisionBtn{width:100%;justify-content:center}.divisionActionsMenu{right:auto;left:0}}.modalOverlay{padding:var(--space-4);animation:fadeIn .2s var(--ease-micro)}.modalContainer{position:relative;width:100%;max-width:480px;max-height:calc(100vh - 48px);background:var(--surface-1);border-radius:var(--radius);box-shadow:var(--shadow-extreme);animation:scaleIn .25s var(--ease-micro)}:root[data-theme=dark] .modalContainer{background:linear-gradient(145deg,hsla(0,0%,9%,.98),rgba(46,46,46,.96) 48%,rgba(28,28,28,.98));border:1px solid hsla(0,0%,71%,.22);box-shadow:0 28px 56px rgba(0,0,0,.55),inset 0 1px 0 hsla(0,0%,100%,.08)}:root[data-theme=light] .modalContainer{background:#fff;border:1px solid rgba(0,0,0,.1)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modalContainerMedium{max-width:560px}.modalContainerLarge{max-width:720px}.modalContainerXLarge{max-width:900px}.modalHeader{padding:var(--space-4) var(--space-5)}:root[data-theme=dark] .modalFooter,:root[data-theme=dark] .modalHeader{background:linear-gradient(90deg,rgba(44,44,44,.9),rgba(60,60,60,.9) 50%,rgba(42,42,42,.9))}.modalHeaderContent{display:flex;align-items:center;gap:var(--space-3)}.modalTitle{line-height:1.4}:root[data-theme=light] .modalTitle{color:rgba(0,0,0,.9)}.modalClose{width:44px;height:44px;padding:0;border-radius:var(--radius);color:var(--text-tertiary);transition:color var(--duration-micro) var(--ease-micro);flex-shrink:0}.modalClose:hover:not(:disabled){color:var(--brand-coral)}.modalClose:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.modalClose:disabled{opacity:.5;cursor:not-allowed}.modalCloseIcon{width:20px;height:20px}.modalBody{padding:var(--space-5);overflow-x:hidden;overscroll-behavior:contain}:root[data-theme=dark] .modalBody{background:linear-gradient(180deg,hsla(0,0%,9%,.94),rgba(33,33,33,.92))}.modalBody::-webkit-scrollbar{width:6px}.modalBody::-webkit-scrollbar-track{background:transparent}.modalBody::-webkit-scrollbar-thumb{background:var(--surface-4);border-radius:3px}.modalFooter{gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-subtle)}.modalFooterSpread{justify-content:space-between}.modalFooterActions{display:flex;align-items:center;gap:var(--space-3)}.formGroup:last-child{margin-bottom:0}.formRequired{color:var(--color-error,#ef4444);margin-left:2px}.formOptional{font-weight:400;color:var(--text-tertiary);margin-left:var(--space-1)}.formInput,.formSelect,.formTextarea{padding:var(--space-3) var(--space-4);transition:all .2s var(--ease-micro)}:root[data-theme=dark] .formInput,:root[data-theme=dark] .formSelect,:root[data-theme=dark] .formTextarea{background:hsla(0,0%,9%,.82);border-color:hsla(0,0%,70%,.18)}.formInput::placeholder,.formSelect::placeholder,.formTextarea::placeholder{color:var(--text-quaternary)}:root[data-theme=dark] .formInput:hover,:root[data-theme=dark] .formSelect:hover,:root[data-theme=dark] .formTextarea:hover{background:rgba(34,34,34,.92);border-color:hsla(0,0%,82%,.24)}.formInput:focus,.formSelect:focus,.formTextarea:focus{background:var(--surface-4)}:root[data-theme=dark] .formInput:focus,:root[data-theme=dark] .formSelect:focus,:root[data-theme=dark] .formTextarea:focus{background:rgba(36,36,36,.94)}.formInput:focus-visible,.formSelect:focus-visible,.formTextarea:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.formInput:disabled,.formInputDisabled,.formSelect:disabled,.formTextarea:disabled{opacity:.6;cursor:not-allowed;background:var(--surface-2)}:root[data-theme=light] .formInput:hover,:root[data-theme=light] .formSelect:hover,:root[data-theme=light] .formTextarea:hover{background:#f5f5f5}.formInputError{border-color:var(--color-error,#ef4444)!important}.formSelect option{padding:10px 12px}:root[data-theme=light] .formSelect option{background-color:#fff;color:rgba(0,0,0,.9)}.inputGroup{align-items:stretch}.inputGroup .formInput{border-top-right-radius:0;border-bottom-right-radius:0;flex:1 1}.inputSuffix{display:flex;align-items:center;padding:0 var(--space-3);font-size:.875rem;color:var(--text-tertiary);background:var(--surface-2);border:1px solid var(--border-default);border-left:none;border-radius:0 var(--radius) var(--radius) 0}:root[data-theme=light] .inputSuffix{background:#f0f0f0;color:rgba(0,0,0,.6)}.formHint{margin-top:var(--space-1)}:root[data-theme=light] .formHint{color:rgba(0,0,0,.55)}.formError{color:var(--color-error,#ef4444);margin-top:var(--space-1)}.characterCount{font-size:.75rem;color:var(--text-tertiary);text-align:right}.characterCountLimit{color:var(--color-error,#ef4444)}.checkboxGroup,.radioGroup{display:flex;flex-direction:column;gap:var(--space-3)}.checkboxGroupHorizontal,.radioGroupHorizontal{flex-direction:row;flex-wrap:wrap;gap:var(--space-4)}.checkboxLabel,.radioLabel{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkboxLabel:hover,.radioLabel:hover{color:var(--text-primary)}:root[data-theme=light] .checkboxLabel,:root[data-theme=light] .radioLabel{color:rgba(0,0,0,.75)}:root[data-theme=light] .checkboxLabel:hover,:root[data-theme=light] .radioLabel:hover{color:rgba(0,0,0,.9)}.checkboxInput{-moz-appearance:none!important;appearance:none!important;-webkit-appearance:none!important;width:14px!important;height:14px!important;min-width:14px!important;min-height:14px!important;border:1px solid var(--brand-coral)!important;border-radius:3px!important;background:transparent!important;position:relative;transition:all .15s var(--ease-micro)}.checkboxInput:checked,.checkboxInput:hover{border-color:var(--brand-coral)!important}.checkboxInput:checked{background:transparent!important}.checkboxInput:before{content:"";position:absolute;width:4px;height:8px;border-right:2px solid transparent;border-bottom:2px solid transparent;transform:rotate(45deg) translate(-1px,-1px);transition:border-color .15s var(--ease-micro);top:50%;left:50%;margin-top:-5px;margin-left:-2px}.checkboxInput:checked:before{border-right-color:var(--brand-coral);border-bottom-color:var(--brand-coral)}.checkboxInput:disabled{opacity:.5;cursor:not-allowed}.radioInput{-moz-appearance:none!important;appearance:none!important;-webkit-appearance:none!important;width:14px!important;height:14px!important;min-width:14px!important;min-height:14px!important;border:1px solid var(--brand-coral)!important;border-radius:3px!important;background:transparent!important;flex-shrink:0;position:relative;transition:all .15s var(--ease-micro)}.radioInput:checked,.radioInput:hover{border-color:var(--brand-coral)!important}.radioInput:checked{background:transparent!important}.radioInput:before{content:"";position:absolute;width:4px;height:8px;border-right:2px solid transparent;border-bottom:2px solid transparent;transform:rotate(45deg) translate(-1px,-1px);transition:border-color .15s var(--ease-micro);top:50%;left:50%;margin-top:-5px;margin-left:-2px}.radioInput:checked:before{border-right-color:var(--brand-coral);border-bottom-color:var(--brand-coral)}.radioInput:disabled{opacity:.5;cursor:not-allowed}.btnPrimary{white-space:nowrap}.btnPrimary:disabled{opacity:.6}.btnSecondary{white-space:nowrap}.btnSecondary:disabled{opacity:.6}:root[data-theme=light] .btnSecondary:hover:not(:disabled){color:var(--brand-coral)}.btnDanger{padding:0 var(--space-5);white-space:nowrap}.btnDanger:disabled{opacity:.6}.btnSuccess{gap:var(--space-2);height:44px;padding:0 var(--space-5);font-size:.875rem;color:#fff;background:var(--color-success,#10b981);box-shadow:var(--shadow-low);white-space:nowrap}.btnSuccess:hover:not(:disabled){transform:translateY(-1px)}.btnSuccess:focus-visible{outline:2px solid var(--color-success,#10b981)}.btnSuccess:disabled{opacity:.6;cursor:not-allowed}.btnIcon{width:18px;height:18px}.spinner{width:16px;height:16px;border:2px solid hsla(0,0%,100%,.2);border-top-color:currentcolor;flex-shrink:0}.spinnerSmall{width:14px;height:14px;border-width:2px}.alertBanner{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius);font-size:.875rem;margin-bottom:var(--space-4)}.alertError{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#fca5a5}:root[data-theme=light] .alertError{background:rgba(239,68,68,.08);color:#dc2626}.alertSuccess{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);color:#6ee7b7}:root[data-theme=light] .alertSuccess{background:rgba(16,185,129,.08);color:#059669}.alertWarning{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);color:#fcd34d}:root[data-theme=light] .alertWarning{background:rgba(245,158,11,.08);color:#d97706}.alertIcon{margin-top:1px}@media (max-width:767px){.modalOverlay{padding:0;align-items:flex-end}.modalContainer{max-width:100%;max-height:90vh;border-radius:var(--radius) var(--radius) 0 0;animation:slideUp .3s var(--ease-micro)}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.modalBody,.modalHeader{padding:var(--space-4)}.modalFooter{padding:var(--space-4)}.modalFooter,.modalFooterActions{flex-direction:column;gap:var(--space-2)}.modalFooterActions{width:100%}.btnDanger,.btnPrimary,.btnSecondary,.btnSuccess{width:100%;justify-content:center}.formRow{grid-template-columns:1fr;gap:0}}.tableWrapper{position:relative;overflow-y:visible;overscroll-behavior:contain;border-radius:var(--radius);background:var(--surface-2)}:root[data-theme=dark] .tableWrapper{box-shadow:var(--shadow-card-rest)}:root[data-theme=light] .tableWrapper{box-shadow:0 2px 8px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04)}.tableWrapper::-webkit-scrollbar{height:6px}.tableWrapper::-webkit-scrollbar-track{background:transparent}.tableWrapper::-webkit-scrollbar-thumb{background:var(--surface-4);border-radius:var(--radius)}.table{min-width:600px;border-collapse:separate;border-spacing:0;font-size:.875rem}.tableHeader{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky,10)}:root[data-theme=dark] .tableHeader{box-shadow:var(--shadow-low)}:root[data-theme=light] .tableHeader{background:#f5f5f5;box-shadow:0 1px 3px rgba(0,0,0,.08)}.tableHeaderRow{border-bottom:1px solid var(--border-subtle)}.tableHeaderCell{padding:var(--space-3) var(--space-4);text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;vertical-align:middle}:root[data-theme=light] .tableHeaderCell{color:rgba(0,0,0,.65)}.tableHeaderCellSortable{cursor:pointer;transition:color var(--duration-micro) var(--ease-micro)}.tableHeaderCellSortable:hover{color:var(--brand-coral)}.tableHeaderCellSortable:focus-visible{outline:2px solid var(--brand-coral);outline-offset:-2px;border-radius:var(--radius)}.tableHeaderCellActive{color:var(--brand-coral)}.headerContent{align-items:center;gap:var(--space-2)}.sortIcon{width:14px;height:14px;flex-shrink:0;color:var(--text-quaternary);transition:color var(--duration-micro) var(--ease-micro)}.sortIconActive{color:var(--brand-coral)}.resizeHandle{position:absolute;right:0;top:0;bottom:0;width:4px;cursor:col-resize;background:transparent;transition:background var(--duration-micro) var(--ease-micro)}.resizeHandle:active,.resizeHandle:hover{background:var(--brand-coral)}.headerFilter{margin-top:var(--space-2)}.headerFilterInput{width:100%;padding:var(--space-1) var(--space-2);font-size:.75rem;color:var(--text-primary);background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius);transition:border-color var(--duration-micro) var(--ease-micro)}.headerFilterInput:focus{outline:none;border-color:var(--brand-coral)}.headerFilterInput::placeholder{color:var(--text-quaternary)}.tableBody{background:var(--surface-2)}.tableRow{border-bottom:1px solid var(--border-subtle);transition:background var(--duration-micro) var(--ease-micro)}.tableRow:last-child{border-bottom:none}.tableRow:hover{background:var(--surface-3)}:root[data-theme=light] .tableRow:hover{background:rgba(0,0,0,.02)}.tableRowAlternate:nth-child(2n){background:var(--surface-1)}:root[data-theme=light] .tableRowAlternate:nth-child(2n){background:rgba(0,0,0,.01)}.tableRowAlternate:nth-child(2n):hover,.tableRowSelected{background:var(--surface-3)}:root[data-theme=dark] .tableRowSelected,:root[data-theme=light] .tableRowSelected{box-shadow:inset 3px 0 0 var(--brand-coral)}:root[data-theme=light] .tableRowSelected{background:rgba(255,120,41,.08)}.tableRowSelected:hover{background:var(--surface-4)}.tableRowClickable,.tableRowExpandable{cursor:pointer}.tableCell{padding:var(--space-3) var(--space-4);color:var(--text-primary);vertical-align:middle}:root[data-theme=light] .tableCell{color:rgba(0,0,0,.85)}.tableCellRight{text-align:right}.tableCellCenter{text-align:center}.tableCellNumber{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-family:var(--font-mono,"SF Mono","Fira Code",monospace)}.tableCellDate{white-space:nowrap;color:var(--text-secondary)}:root[data-theme=light] .tableCellDate{color:rgba(0,0,0,.6)}.tableCellActions{text-align:right;white-space:nowrap}.tableCellCheckbox,.tableCellExpand{width:40px;padding-left:var(--space-3);padding-right:var(--space-2)}.statusBadge{white-space:nowrap}.statusBadgeActive,.statusBadgeCompleted,.statusBadgePaid,.statusBadgeSuccess{background:rgba(16,185,129,.15);color:#10b981}.statusBadgeDisconnected,.statusBadgeInactive{background:hsla(220,9%,46%,.15);color:var(--text-tertiary)}.statusBadgePending,.statusBadgeProcessing{background:rgba(245,158,11,.15);color:#f59e0b}.statusBadgeError,.statusBadgeFailed,.statusBadgeOverdue{background:rgba(239,68,68,.15);color:#ef4444}.statusBadgeDraft{background:rgba(99,102,241,.15);color:#6366f1}.statusBadgePaused{background:hsla(24,5%,64%,.15);color:var(--text-tertiary)}.statusDotActive{background:#10b981}.statusDotInactive{background:var(--text-quaternary)}.statusDotPending{background:#f59e0b}.statusDotError{background:#ef4444}.avatarCell{gap:var(--space-3)}.avatar,.avatarCell{display:flex;align-items:center}.avatar{width:32px;height:32px;border-radius:var(--radius);background:var(--surface-3);justify-content:center;font-size:.75rem;font-weight:600;color:var(--text-secondary);overflow:hidden;flex-shrink:0}.avatarImage{width:100%;height:100%;object-fit:cover}.avatarText{display:flex;flex-direction:column;gap:2px;min-width:0}.avatarName{font-weight:500;color:var(--text-primary)}.avatarName,.avatarSubtext{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatarSubtext{font-size:.75rem;color:var(--text-tertiary)}.linkCell{color:var(--brand-coral);text-decoration:none;transition:opacity var(--duration-micro) var(--ease-micro)}.linkCell:hover{opacity:.8;text-decoration:underline}.linkCell:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px;border-radius:var(--radius)}.truncatedCell{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rowActions{gap:var(--space-1)}.rowActionBtn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1);background:transparent;border:none;border-radius:var(--radius);color:var(--text-tertiary);cursor:pointer;transition:color var(--duration-micro) var(--ease-micro);min-width:28px;min-height:28px}.rowActionBtn:hover:not(:disabled){color:var(--brand-coral)}.rowActionBtn:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.rowActionBtn:disabled{opacity:.5;cursor:not-allowed}.rowActionBtnDanger:hover:not(:disabled){color:var(--color-error,#ef4444)}.rowActionsDropdown{position:relative}.rowActionsMenu{position:absolute;top:100%;right:0;z-index:var(--z-dropdown,50);min-width:160px;padding:var(--space-1);background:var(--surface-3);border:1px solid var(--border-subtle);border-radius:var(--radius);opacity:0;visibility:hidden;transform:translateY(-4px);transition:all var(--duration-micro) var(--ease-micro)}:root[data-theme=dark] .rowActionsMenu{box-shadow:var(--shadow-medium)}:root[data-theme=light] .rowActionsMenu{background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.1)}.rowActionsDropdownOpen .rowActionsMenu{opacity:1;visibility:visible;transform:translateY(4px)}.rowActionsMenuItem{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:transparent;border:none;border-radius:var(--radius);font-size:.875rem;color:var(--text-primary);cursor:pointer;transition:background var(--duration-micro) var(--ease-micro);text-align:left}.rowActionsMenuItem:hover{background:var(--surface-4)}.rowActionsMenuItem:focus-visible{outline:2px solid var(--brand-coral);outline-offset:-2px}.rowActionsMenuItemDanger{color:var(--color-error,#ef4444)}.rowActionsMenuItemDanger:hover{background:rgba(239,68,68,.1)}.expandBtn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1);background:transparent;border:none;border-radius:var(--radius);color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-micro) var(--ease-micro);min-width:24px;min-height:24px}.expandBtn:hover{color:var(--brand-coral)}.expandBtn:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.expandIcon{width:16px;height:16px;transition:transform var(--duration-micro) var(--ease-micro)}.expandIconExpanded{transform:rotate(90deg)}.expandedRow{background:var(--surface-1)}:root[data-theme=light] .expandedRow{background:rgba(0,0,0,.02)}.expandedContent{padding:var(--space-4)}.expandedContent,.tableFooter{border-top:1px solid var(--border-subtle)}.tableFooter{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--surface-3);border-radius:0 0 var(--radius) var(--radius)}:root[data-theme=light] .tableFooter{background:#f5f5f5}.paginationInfo{display:flex;align-items:center;gap:var(--space-3)}:root[data-theme=light] .paginationInfo{color:rgba(0,0,0,.6)}.pageSizeSelect{padding:var(--space-1) var(--space-2);padding-right:var(--space-6);font-size:.75rem;color:var(--text-primary);background-color:var(--surface-2);background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23ff7829' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;border:1px solid var(--border-default);border-radius:var(--radius);cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}:root[data-theme=light] .pageSizeSelect{background-color:#fff;color:rgba(0,0,0,.85)}.pageSizeSelect:focus{outline:none;border-color:var(--brand-coral)}.pageSizeSelect:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.paginationControls{gap:var(--space-1)}.paginationBtn{min-width:44px;min-height:44px;padding:var(--space-1) var(--space-2)}.paginationBtn:hover:not(:disabled),.paginationBtnActive{border-color:var(--brand-coral)}:root[data-theme=light] .paginationBtnActive{color:#000}.paginationBtnActive:hover:not(:disabled){background:var(--brand-coral);filter:brightness(1.1)}:root[data-theme=light] .paginationBtnActive:hover:not(:disabled){color:#000}.paginationEllipsis{padding:var(--space-1) var(--space-2);color:var(--text-quaternary)}.selectionBar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--surface-3);border-bottom:1px solid var(--border-subtle);border-radius:var(--radius) var(--radius) 0 0}:root[data-theme=dark] .selectionBar{background:linear-gradient(135deg,var(--surface-3),var(--surface-4))}:root[data-theme=light] .selectionBar{background:rgba(255,120,41,.08)}.selectionCount{font-size:.875rem;font-weight:500;color:var(--brand-coral)}.selectionActions{display:flex}.bulkActionBtn,.selectionActions{align-items:center;gap:var(--space-2)}.bulkActionBtn{display:inline-flex;padding:var(--space-2) var(--space-3);background:transparent;border-radius:var(--radius);font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:color var(--duration-micro) var(--ease-micro)}.bulkActionBtn:hover:not(:disabled){color:var(--brand-coral)}.bulkActionBtn:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.bulkActionBtnDanger:hover:not(:disabled){color:var(--color-error,#ef4444)}.checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border:1px solid var(--brand-coral);border-radius:3px;background:transparent;transition:all .15s var(--ease-micro);flex-shrink:0}.checkbox:hover{border-color:var(--brand-coral)}.checkbox:checked{background:transparent}.checkbox:before{content:"";position:absolute;width:4px;height:8px;border-right:2px solid transparent;border-bottom:2px solid transparent;transform:rotate(45deg);top:1px;left:4px;transition:border-color .15s var(--ease-micro)}.checkbox:checked:before{border-right-color:var(--brand-coral);border-bottom-color:var(--brand-coral)}.checkbox:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.checkbox:disabled{opacity:.5;cursor:not-allowed}.checkboxIndeterminate:before{width:8px;height:0;border-bottom:2px solid var(--brand-coral);border-right:none;transform:none;top:6px;left:3px}.emptyState{gap:var(--space-4);padding:var(--space-8) var(--space-4)}:root[data-theme=light] .emptyTitle{color:rgba(0,0,0,.65)}.emptyMessage{color:var(--text-tertiary)}:root[data-theme=light] .emptyMessage{color:rgba(0,0,0,.5)}.emptyAction{margin-top:var(--space-2)}.loadingState{padding:var(--space-4)}.skeletonRow{gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle)}.skeletonCell{height:16px;background:var(--surface-3);border-radius:var(--radius);animation:skeletonPulse 1.5s ease-in-out infinite}.skeletonCellSm{width:40px}.skeletonCellMd{width:120px}.skeletonCellLg{flex:1 1;max-width:200px}@keyframes skeletonPulse{0%,to{opacity:.4}50%{opacity:.8}}.errorState{gap:var(--space-4);padding:var(--space-8) var(--space-4)}.errorIcon,.errorTitle{color:var(--color-error,#ef4444)}.errorTitle{margin:0}.errorMessage{color:var(--text-tertiary);max-width:320px}.retryBtn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:transparent;border:1px solid var(--brand-coral);border-radius:var(--radius);font-size:.875rem;font-weight:500;color:var(--brand-coral);cursor:pointer;transition:all var(--duration-micro) var(--ease-micro)}.retryBtn:hover{background:var(--brand-coral);color:#fff}:root[data-theme=light] .retryBtn:hover{color:#000}.retryBtn:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.mobileCards{display:none}@media (max-width:767px){.tableWrapper{border-radius:0}.tableHideMobile{display:none}.mobileCards{padding:var(--space-3)}.mobileCard,.mobileCards{display:flex;flex-direction:column;gap:var(--space-3)}.mobileCard{padding:var(--space-4);background:var(--surface-2);border-radius:var(--radius)}:root[data-theme=dark] .mobileCard{box-shadow:var(--shadow-low)}:root[data-theme=light] .mobileCard{box-shadow:0 2px 6px rgba(0,0,0,.06)}.mobileCardSelected{box-shadow:inset 0 0 0 2px var(--brand-coral)}.mobileCardHeader{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.mobileCardTitle{font-weight:600;color:var(--text-primary);flex:1 1;min-width:0}.mobileCardRow{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.mobileCardLabel{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.mobileCardValue{font-size:.875rem;color:var(--text-primary);text-align:right}.mobileCardActions{display:flex;justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-subtle);margin-top:var(--space-2)}.tableFooter{flex-direction:column;gap:var(--space-3);align-items:stretch}.paginationControls,.paginationInfo{justify-content:center}.selectionBar{flex-direction:column;gap:var(--space-3);align-items:stretch}.selectionActions{justify-content:center}}@media (max-width:1023px){.hideMd{display:none}}@media (max-width:767px){.hideSm{display:none}}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tableRow:focus-visible{outline:2px solid var(--brand-coral);outline-offset:-2px}@media (prefers-contrast:high){.statusBadge,.tableCell,.tableHeaderCell{border:1px solid}}@media (prefers-reduced-motion:reduce){.skeletonCell{animation:none}.expandIcon,.resizeHandle,.rowActionsMenu,.sortIcon{transition:none}}.skeleton{background:linear-gradient(90deg,hsla(0,0%,100%,.03),hsla(0,0%,100%,.06) 50%,hsla(0,0%,100%,.03));position:relative;overflow:hidden}:root[data-theme=light] .skeleton{background:linear-gradient(90deg,rgba(0,0,0,.04),rgba(0,0,0,.08) 50%,rgba(0,0,0,.04))}.shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.08) 50%,transparent);animation:shimmer 1.5s infinite;transform:translateX(-100%)}:root[data-theme=light] .shimmer:after{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.5) 50%,transparent)}.skeletonTextGroup{width:100%}.skeletonCard,.skeletonTextGroup{display:flex;flex-direction:column}.skeletonCard{background:var(--surface-2,#242424);border-radius:var(--radius,5px);overflow:hidden;border:1px solid var(--border-subtle,hsla(0,0%,100%,.05))}:root[data-theme=light] .skeletonCard{background:#fff;border-color:rgba(0,0,0,.06);box-shadow:0 2px 8px rgba(0,0,0,.04)}.skeletonCardHeader{display:flex;flex-direction:column;gap:8px;padding:16px;border-bottom:1px solid var(--border-subtle,hsla(0,0%,100%,.05))}:root[data-theme=light] .skeletonCardHeader{border-color:rgba(0,0,0,.04)}.skeletonCardBody{padding:16px;flex:1 1}.skeletonCardFooter{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--border-subtle,hsla(0,0%,100%,.05))}:root[data-theme=light] .skeletonCardFooter{border-color:rgba(0,0,0,.04)}.skeletonStatCard{display:flex;align-items:center;justify-content:space-between;padding:20px;background:var(--surface-2,#242424);border-radius:var(--radius,5px);border:1px solid var(--border-subtle,hsla(0,0%,100%,.05));min-height:110px}:root[data-theme=light] .skeletonStatCard{background:#fff;border-color:rgba(0,0,0,.06);box-shadow:0 2px 8px rgba(0,0,0,.04)}.statCardContent{display:flex;flex-direction:column;gap:8px;flex:1 1}.statCardTrend{display:flex;align-items:center;gap:8px;margin-top:4px}.statCardSparkline{flex-shrink:0;margin-left:16px}.skeletonChart{display:flex;flex-direction:column;padding:20px;border:1px solid var(--border-subtle,hsla(0,0%,100%,.05))}:root[data-theme=light] .skeletonChart{background:#fff;border-color:rgba(0,0,0,.06);box-shadow:0 2px 8px rgba(0,0,0,.04)}.skeletonChartBars{display:flex;align-items:flex-end;gap:12px;flex:1 1;padding-bottom:16px}.skeletonBar{flex:1 1;min-height:20px}.skeletonLineChart{flex:1 1;min-height:100%}.skeletonChartAxis{display:flex;justify-content:space-between;padding-top:8px;border-top:1px solid var(--border-subtle,hsla(0,0%,100%,.05))}:root[data-theme=light] .skeletonChartAxis{border-color:rgba(0,0,0,.04)}.skeletonPieChart{display:flex;align-items:center;justify-content:center;gap:32px;height:100%}.skeletonLegend{display:flex;flex-direction:column;gap:12px}.skeletonLegendItem{display:flex;align-items:center;gap:8px}.skeletonTable{display:flex;flex-direction:column;border:1px solid var(--border-subtle,hsla(0,0%,100%,.05))}:root[data-theme=light] .skeletonTable{background:#fff;border-color:rgba(0,0,0,.06);box-shadow:0 2px 8px rgba(0,0,0,.04)}.skeletonTableHeader{display:flex;gap:16px;padding:14px 16px;background:hsla(0,0%,100%,.02);border-bottom:1px solid var(--border-subtle,hsla(0,0%,100%,.05))}:root[data-theme=light] .skeletonTableHeader{background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.04)}.skeletonTableBody{display:flex;flex-direction:column}.skeletonTableRow{display:flex;gap:16px;padding:14px 16px;border-bottom:1px solid var(--border-subtle,hsla(0,0%,100%,.03))}.skeletonTableRow:last-child{border-bottom:none}:root[data-theme=light] .skeletonTableRow{border-color:rgba(0,0,0,.03)}.skeletonTableCell{flex:1 1}.skeletonListItem{display:flex;align-items:center;gap:12px;padding:12px;background:var(--surface-2,#242424);border-radius:var(--radius,5px)}:root[data-theme=light] .skeletonListItem{background:#fff}.skeletonListContent{display:flex;flex-direction:column;gap:6px;flex:1 1;min-width:0}.skeletonStatsRow{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}@media (max-width:1279px){.skeletonStatsRow{grid-template-columns:repeat(2,1fr)}}@media (max-width:639px){.skeletonStatsRow{grid-template-columns:1fr}}.skeletonPageHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.skeletonHeaderContent{display:flex;flex-direction:column;gap:8px}.skeletonHeaderActions{display:flex;gap:8px}.skeletonActivityFeed{display:flex;flex-direction:column;gap:12px}.skeletonActivityItem{display:flex;align-items:center;gap:12px;padding:12px;background:var(--surface-2,#242424);border-radius:var(--radius,5px)}:root[data-theme=light] .skeletonActivityItem{background:rgba(0,0,0,.02)}.skeletonActivityContent{display:flex;flex-direction:column;gap:6px;flex:1 1;min-width:0}.pulse{animation:pulse 2s infinite}.collapsibleCard{display:flex;flex-direction:column;background:var(--surface-2);border-radius:var(--radius);overflow:hidden;transition:box-shadow var(--duration-micro) var(--ease-micro)}:root[data-theme=dark] .collapsibleCard{box-shadow:var(--shadow-card-rest)}:root[data-theme=light] .collapsibleCard{box-shadow:0 2px 8px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04);background:#fff}.cardHeader{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:transparent;border:none;width:100%;text-align:left;transition:background var(--duration-micro) var(--ease-micro)}.cardHeader:hover{background:var(--surface-3)}.cardHeader:focus-visible{outline:2px solid var(--brand-coral);outline-offset:-2px}.cardHeaderContent{display:flex;flex-direction:column;gap:var(--space-1);flex:1 1;min-width:0}.cardTitle{font-size:1rem;line-height:1.4}.cardSubtitle{font-size:.8125rem;line-height:1.4}.cardChevron{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:var(--brand-coral);transition:transform var(--duration-micro) var(--ease-out-cubic)}.cardChevron svg{width:16px;height:16px}.cardHeaderExpanded .cardChevron{transform:rotate(180deg)}.cardBody{overflow:hidden;transition:max-height var(--duration-fast) var(--ease-out-cubic),opacity var(--duration-fast) var(--ease-out-cubic);max-height:2000px;opacity:1}.cardBodyCollapsed{max-height:0;opacity:0;pointer-events:none}.cardBodyContent{padding:0 var(--space-4) var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.emptyState{padding:var(--space-8) var(--space-6);animation:emptyStateFadeIn .4s var(--ease-out-cubic);min-height:400px}@keyframes emptyStateFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.emptyStateSm{min-height:280px;padding:var(--space-6) var(--space-4)}.emptyStateSm .emptyStateIllustration{width:100px;height:100px}.emptyStateSm .emptyStateTitle{font-size:1.125rem}.emptyStateSm .emptyStateDescription{font-size:.875rem}.emptyStateLg{min-height:500px}.emptyStateLg .emptyStateIllustration{width:180px;height:180px}.emptyStateLg .emptyStateTitle{font-size:1.5rem}.emptyStateIllustration{width:140px;height:140px;margin-bottom:var(--space-6);color:var(--text-tertiary);animation:emptyStateFloat 3s ease-in-out infinite}.emptyStateIllustration svg{width:100%;height:100%}@keyframes emptyStateFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.emptyStateIcon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin-bottom:var(--space-5);background:linear-gradient(135deg,rgba(250,114,0,.15),rgba(250,114,0,.05));border-radius:var(--radius);color:var(--brand-coral)}.emptyStateIcon svg{width:36px;height:36px;stroke-width:1.5}.emptyStateTitle{margin:0 0 var(--space-3) 0;font-size:1.375rem;line-height:1.4;letter-spacing:-.01em}:root[data-theme=light] .emptyStateTitle{color:rgba(0,0,0,.9)}.emptyStateDescription{margin:0 0 var(--space-6) 0;line-height:1.7;max-width:420px}:root[data-theme=light] .emptyStateDescription{color:rgba(0,0,0,.6)}.emptyStateActions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.emptyStateAction{margin-top:var(--space-2)}.emptyStateLoading .emptyStateIcon{animation:pulse 2s ease-in-out infinite}.emptyStateError .emptyStateIcon{background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(239,68,68,.05));color:var(--color-error)}.emptyStateNoPermission .emptyStateIcon{background:linear-gradient(135deg,rgba(245,158,11,.15),rgba(245,158,11,.05));color:#f59e0b}.permissionDenied{display:flex;align-items:center;justify-content:center;min-height:400px;padding:var(--space-6);width:100%}.permissionDeniedInline{min-height:auto;padding:var(--space-4)}.permissionDeniedContent{display:flex;flex-direction:column;align-items:center;max-width:480px;width:100%;padding:var(--space-8) var(--space-6);background:var(--surface-2);border-radius:var(--radius);text-align:center}:root[data-theme=dark] .permissionDeniedContent{box-shadow:var(--shadow-card-rest)}:root[data-theme=light] .permissionDeniedContent{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04)}.permissionDeniedIconWrapper{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin-bottom:var(--space-5);background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(239,68,68,.05));border-radius:var(--radius)}.permissionDeniedIcon{width:40px;height:40px;color:var(--color-error)}.permissionDeniedTitle{margin:0 0 var(--space-3) 0;font-size:1.75rem;font-weight:600;color:var(--text-primary);line-height:1.3}:root[data-theme=light] .permissionDeniedTitle{color:rgba(0,0,0,.9)}.permissionDeniedFeature{margin:0 0 var(--space-2) 0;font-size:1.0625rem;color:var(--text-secondary);line-height:1.5}.permissionDeniedFeature strong{color:var(--brand-coral);font-weight:600}:root[data-theme=light] .permissionDeniedFeature{color:rgba(0,0,0,.7)}.permissionDeniedMessage{margin:0 0 var(--space-5) 0;font-size:.9375rem;color:var(--text-tertiary);line-height:1.6}:root[data-theme=light] .permissionDeniedMessage{color:rgba(0,0,0,.55)}.permissionDeniedBadge{display:inline-flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-6);background:var(--surface-3);border-radius:var(--radius)}:root[data-theme=light] .permissionDeniedBadge{background:rgba(0,0,0,.03)}.permissionDeniedBadgeLabel{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);font-weight:500}:root[data-theme=light] .permissionDeniedBadgeLabel{color:rgba(0,0,0,.5)}.permissionDeniedBadgeValue{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:.8125rem;padding:var(--space-1) var(--space-2);background:var(--surface-1);border-radius:var(--radius);color:var(--brand-coral)}:root[data-theme=light] .permissionDeniedBadgeValue{background:rgba(0,0,0,.05)}.permissionDeniedActions{display:flex;gap:var(--space-3);width:100%;max-width:320px}.permissionDeniedBackLink{margin-top:var(--space-4);font-size:.875rem;color:var(--text-tertiary);text-decoration:none;transition:color var(--duration-micro) var(--ease-micro)}.permissionDeniedBackLink:hover{color:var(--brand-coral)}.permissionDeniedBackLink:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.btnPrimary{flex:1 1}.btnSecondary{padding:0 var(--space-5);flex:1 1}.btnSecondary:active:not(:disabled){transform:translateY(0)}@media (max-width:767px){.cardHeader{padding:var(--space-3)}.cardBodyContent{padding:0 var(--space-3) var(--space-3)}.emptyState{padding:var(--space-6)}.emptyStateIcon{width:56px;height:56px;margin-bottom:var(--space-4)}.emptyStateIcon svg{width:28px;height:28px}.emptyStateTitle{font-size:1.125rem}.emptyStateDescription{font-size:.875rem}.permissionDenied{padding:var(--space-4);min-height:300px}.permissionDeniedContent{padding:var(--space-6) var(--space-4)}.permissionDeniedIconWrapper{width:64px;height:64px;margin-bottom:var(--space-4)}.permissionDeniedIcon{width:32px;height:32px}.permissionDeniedTitle{font-size:1.5rem}.permissionDeniedActions{flex-direction:column;max-width:none}}@media (max-width:374px){.permissionDeniedContent{padding:var(--space-5) var(--space-3)}.permissionDeniedTitle{font-size:1.25rem}}@media (prefers-reduced-motion:reduce){.emptyStateLoading .emptyStateIcon{animation:none}.btnPrimary,.btnSecondary,.cardBody,.cardChevron{transition:none}.emptyState{animation:none}}.widget{background:var(--surface-2,#242424);border-radius:var(--radius,5px);padding:var(--space-5,20px);gap:var(--space-4,16px);border:1px solid var(--border-subtle,hsla(0,0%,100%,.05));transition:box-shadow .2s ease,transform .2s ease}:root[data-theme=light] .widget{background:#fff;border-color:rgba(0,0,0,.06);box-shadow:0 2px 8px rgba(0,0,0,.04)}.widget:hover{box-shadow:0 4px 20px rgba(0,0,0,.15)}:root[data-theme=light] .widget:hover{box-shadow:0 4px 20px rgba(0,0,0,.08)}.widgetHeader{gap:var(--space-3,12px)}.widgetTitle{font-size:.9375rem;color:var(--text-primary,hsla(0,0%,100%,.95))}:root[data-theme=light] .widgetTitle{color:rgba(0,0,0,.9)}.widgetSubtitle{color:var(--text-tertiary,hsla(0,0%,100%,.55))}.badge{padding:4px 10px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border:1px solid}.badgeGood{color:var(--color-success)}.badgeWarning{color:var(--color-warning)}.badgeCritical{color:var(--color-error)}.progressRing{transform:rotate(-90deg)}.progressRingBg{stroke:var(--border-subtle,hsla(0,0%,100%,.1))}:root[data-theme=light] .progressRingBg{stroke:rgba(0,0,0,.08)}.progressRingFg{fill:none;transition:stroke-dashoffset .5s ease}.progressRingText{transform:rotate(90deg);transform-origin:center;font-size:14px;font-weight:700;fill:var(--text-primary,hsla(0,0%,100%,.95))}:root[data-theme=light] .progressRingText{fill:rgba(0,0,0,.9)}.healthContent{display:flex;gap:var(--space-6,24px);align-items:flex-start}.healthScore{display:flex;flex-direction:column;align-items:center;gap:var(--space-2,8px);flex-shrink:0}.healthLabel{font-size:.75rem;color:var(--text-tertiary,hsla(0,0%,100%,.55))}.healthMetrics{flex:1 1;gap:var(--space-3,12px)}.healthMetricItem,.healthMetrics{display:flex;flex-direction:column}.healthMetricItem{gap:var(--space-1,4px)}.healthMetricHeader{display:flex;justify-content:space-between;align-items:center}.healthMetricLabel{font-size:.8125rem;color:var(--text-secondary,hsla(0,0%,100%,.75))}.healthMetricValue{font-size:.75rem;font-weight:600}.healthMetricValue.good{color:#22c55e}.healthMetricValue.warning{color:#f59e0b}.healthMetricValue.critical{color:#ef4444}.healthMetricBar{height:6px;background:var(--border-subtle,hsla(0,0%,100%,.1));border-radius:3px;overflow:hidden}:root[data-theme=light] .healthMetricBar{background:rgba(0,0,0,.08)}.healthMetricFill{height:100%;border-radius:3px;transition:width .5s ease}.healthMetricFill.good{background:#22c55e}.healthMetricFill.warning{background:#f59e0b}.healthMetricFill.critical{background:#ef4444}.performersList{display:flex;flex-direction:column;gap:var(--space-2,8px)}.performerItem{gap:var(--space-3,12px);padding:var(--space-2,8px);border-radius:var(--radius,5px);transition:background .15s ease}.performerItem:hover{background:var(--surface-3,hsla(0,0%,100%,.05))}:root[data-theme=light] .performerItem:hover{background:rgba(0,0,0,.03)}.performerRank{flex-shrink:0}.rankBadge{display:flex;width:24px;height:24px;font-size:.75rem;font-weight:600;color:var(--text-secondary)}.rankBadge.rankTop{color:var(--brand-coral)}.performerAvatar{width:36px;height:36px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;border:1px solid var(--border-default)}.performerAvatar img{width:100%;height:100%;object-fit:cover}.performerAvatar span{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.performerInfo{display:flex;flex-direction:column;gap:2px}.performerName{font-size:.875rem;font-weight:500;color:var(--text-primary,hsla(0,0%,100%,.95))}:root[data-theme=light] .performerName{color:rgba(0,0,0,.9)}.performerValue{font-size:.75rem;color:var(--text-tertiary,hsla(0,0%,100%,.55))}.performerChange{display:flex;align-items:center;gap:2px;font-size:.75rem;font-weight:500}.performerChange.up{color:#22c55e}.performerChange.down{color:#ef4444}.performerChange.neutral{color:var(--text-tertiary)}.changeIcon{font-size:.625rem}.viewAllBtn{background:transparent;border:none;font-size:.75rem;color:var(--brand-coral);cursor:pointer;font-weight:500;padding:4px 8px;border-radius:var(--radius,5px);transition:background .15s ease}.viewAllBtn:hover{background:rgba(250,114,0,.1)}.transactionsList{display:flex;flex-direction:column;gap:var(--space-2,8px)}.transactionItem{display:flex;align-items:center;gap:var(--space-3,12px);padding:var(--space-2,8px);border-radius:var(--radius,5px);transition:background .15s ease}.transactionItem:hover{background:var(--surface-3,hsla(0,0%,100%,.05))}.transactionIcon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.typeSale{color:var(--color-success)}.typeSubscription{color:var(--color-info)}.typeRefund{color:var(--color-error)}.typeCommission{color:#a855f7}.transactionInfo{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.transactionAccount{font-size:.875rem;font-weight:500;color:var(--text-primary,hsla(0,0%,100%,.95));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:root[data-theme=light] .transactionAccount{color:rgba(0,0,0,.9)}.transactionTime{font-size:.6875rem;color:var(--text-tertiary,hsla(0,0%,100%,.55))}.transactionAmount{font-size:.875rem;font-weight:600;color:#22c55e}.transactionAmount.negative{color:#ef4444}.statusBadge{padding:4px 10px;border:1px solid}.statusOperational{color:var(--color-success)}.statusDegraded{color:var(--color-warning)}.statusOutage{color:var(--color-error)}.statusList{display:flex;flex-direction:column;gap:var(--space-2,8px)}.statusItem{gap:var(--space-3,12px);padding:var(--space-2,8px) 0;border-bottom:1px solid var(--border-subtle,hsla(0,0%,100%,.05))}:root[data-theme=light] .statusItem{border-color:rgba(0,0,0,.05)}.statusItem:last-child{border-bottom:none}.statusDot{width:8px;height:8px;border-radius:var(--radius);flex-shrink:0;animation:pulse 2s infinite}.statusDot.statusOperational{background:#22c55e}.statusDot.statusDegraded{background:#f59e0b}.statusDot.statusOutage{background:#ef4444}.statusService{flex:1 1;font-size:.875rem;color:var(--text-primary,hsla(0,0%,100%,.95))}:root[data-theme=light] .statusService{color:rgba(0,0,0,.9)}.statusUptime{font-size:.75rem;color:var(--text-tertiary,hsla(0,0%,100%,.55))}.miniChartWidget{background:var(--surface-2,#242424);border-radius:var(--radius,5px);padding:var(--space-4,16px);display:flex;flex-direction:column;gap:var(--space-2,8px);border:1px solid var(--border-subtle,hsla(0,0%,100%,.05));position:relative;overflow:hidden}:root[data-theme=light] .miniChartWidget{background:#fff;border-color:rgba(0,0,0,.06)}.miniChartHeader{display:flex;justify-content:space-between;align-items:center}.miniChartTitle{font-size:.8125rem;color:var(--text-secondary,hsla(0,0%,100%,.75))}:root[data-theme=light] .miniChartTitle{color:rgba(0,0,0,.65)}.miniChartChange{font-size:.75rem;font-weight:500;display:flex;align-items:center;gap:2px}.miniChartChange.up{color:#22c55e}.miniChartChange.down{color:#ef4444}.miniChartChange.neutral{color:var(--text-tertiary)}.miniChartValue{font-size:1.5rem;font-weight:700;color:var(--text-primary,hsla(0,0%,100%,.95));letter-spacing:-.02em}:root[data-theme=light] .miniChartValue{color:rgba(0,0,0,.9)}.miniChartSvg{position:absolute;bottom:0;left:0;right:0;height:50px;pointer-events:none}@media (max-width:767px){.healthContent{flex-direction:column;align-items:center}.healthMetrics{width:100%}.performerItem,.transactionItem{padding:var(--space-2,8px) 0}}@media (max-width:1023px){.quickStatsRow{grid-template-columns:repeat(2,1fr)}.quickStatValue{font-size:1.25rem}}@media (max-width:767px){.quickStatsRow{grid-template-columns:1fr}.quickStatCard{flex-direction:row;align-items:center;justify-content:space-between}.quickStatHeader{flex-direction:column;align-items:flex-start}.quickStatValue{font-size:1.125rem}}@media (max-width:374px){.quickStatCard{padding:var(--space-3)}.quickStatValue{font-size:1rem}}.portfoliosPage{display:flex;flex-direction:column;gap:var(--space-4,16px);padding:var(--space-3,12px);max-width:100%;overflow-x:hidden;min-height:100%}.pageHeaderLeft{flex-direction:column;gap:var(--space-1,4px)}.pageHeaderActions{display:flex}.createBtn,.pageHeaderActions{align-items:center;gap:var(--space-2,8px)}.createBtn{display:inline-flex;justify-content:center;height:40px;padding:0 var(--space-4,16px);background:var(--brand-coral);color:var(--color-text-contrast);border:none;border-radius:var(--radius,5px);font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--duration-micro,.15s) var(--ease-micro,ease);box-shadow:var(--shadow-low)}.createBtn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:var(--shadow-medium)}.createBtn:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-low)}.createBtn:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.filtersRow{justify-content:space-between;flex-wrap:wrap;gap:var(--space-3,12px);padding:var(--space-3,12px);background:var(--surface-2);border-radius:var(--radius,5px);border:1px solid var(--border-subtle)}.filtersRow,.searchBar{display:flex;align-items:center}.searchBar{gap:var(--space-2,8px);flex:1 1;min-width:200px;max-width:320px;position:relative}.searchInput{height:36px;padding:0 var(--space-3,12px) 0 calc(var(--space-3, 12px) + 24px);background:var(--surface-1);transition:all var(--duration-micro,.15s) var(--ease-micro,ease)}.searchInput::placeholder{color:var(--text-tertiary)}.searchInput:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--brand-coral-alpha-20)}.filterControls{display:flex;align-items:center;gap:var(--space-3,12px)}.filterSelect{padding:0 var(--space-6,24px) 0 var(--space-3,12px);background:var(--surface-1);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='%23888'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-position:right 8px center}.filterSelect:focus{border-color:var(--border-focus)}.filterStats{color:var(--text-tertiary)}.portfolioGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--space-4,16px);gap:var(--space-4,16px)}.portfolioCard{display:flex;flex-direction:column;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius,5px);overflow:hidden;transition:all var(--duration-micro,.15s) var(--ease-micro,ease)}.portfolioCard:hover{border-color:var(--border-hover);box-shadow:var(--shadow-medium)}.cardHeader{position:relative;height:120px}.cardCover{width:100%;height:100%;object-fit:cover}.cardCoverPlaceholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.statusBadge{position:absolute;top:var(--space-2,8px);left:var(--space-2,8px);letter-spacing:.02em}.statusPublished{background:var(--color-success-bg);color:var(--color-success-text)}.statusDraft{background:var(--color-warning-bg);color:var(--color-warning-text)}.statusArchived{background:var(--surface-4);color:var(--text-tertiary)}.statusPaused{background:rgba(234,179,8,.15);color:var(--color-warning,#eab308)}.dropZoneBadge{position:absolute;top:var(--space-2,8px);right:var(--space-2,8px);padding:2px 8px;font-size:.6875rem;border-radius:var(--radius,5px)}.dropZoneBadge,.dropZoneBadgeSmall{font-weight:600;background:var(--brand-coral);color:var(--color-text-contrast)}.dropZoneBadgeSmall{margin-left:var(--space-1,4px);padding:1px 4px;font-size:.625rem;border-radius:3px}.cardBody{padding:var(--space-3,12px);flex:1 1;gap:var(--space-2,8px)}.cardTitle{font-size:.9375rem;font-weight:600;white-space:nowrap}.cardTagline,.cardTitle{overflow:hidden;text-overflow:ellipsis}.cardTagline{font-size:.8125rem;color:var(--text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cardMeta{display:flex;align-items:center;gap:var(--space-3,12px);margin-top:auto}.metaItem{gap:var(--space-1,4px);font-size:.75rem;color:var(--text-tertiary)}.cardFooter{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2,8px) var(--space-3,12px);border-top:1px solid var(--border-subtle);background:var(--surface-1)}.cardDate{font-size:.75rem;color:var(--text-tertiary)}.cardActions{align-items:center;gap:var(--space-1,4px)}.actionBtn{padding:var(--space-1,4px) var(--space-2,8px);color:var(--text-secondary);transition:all var(--duration-micro,.15s) var(--ease-micro,ease)}.actionBtn:hover{color:var(--brand-coral);background:var(--surface-3)}.actionBtn:focus-visible{outline-offset:1px}.actionBtnPrimary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1,4px) var(--space-3,12px);border-radius:var(--radius,5px);color:var(--color-text-contrast);font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--duration-micro,.15s) var(--ease-micro,ease)}.actionBtnPrimary:hover{filter:brightness(1.1)}.actionBtnPrimary:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.portfolioList{display:flex;flex-direction:column;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius,5px);overflow:hidden}.listHeader{display:grid;grid-template-columns:28px 2fr 1fr 1fr 1fr 1fr 120px;grid-gap:var(--space-3,12px);gap:var(--space-3,12px);padding:var(--space-2,8px) var(--space-3,12px);background:var(--surface-3);border-bottom:1px solid var(--border-subtle);font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.02em}.listHeaderCheckbox{justify-content:center}.listHeaderActions,.listHeaderBusinesses,.listHeaderCheckbox,.listHeaderDate,.listHeaderName,.listHeaderOwnership,.listHeaderStatus{display:flex;align-items:center}.listHeaderActions{justify-content:flex-end}.portfolioRow{display:grid;grid-template-columns:28px 2fr 1fr 1fr 1fr 1fr 120px;grid-gap:var(--space-3,12px);gap:var(--space-3,12px);padding:var(--space-3,12px);align-items:center;border-bottom:1px solid var(--border-subtle);transition:background var(--duration-micro,.15s) var(--ease-micro,ease)}.portfolioRow:last-child{border-bottom:none}.portfolioRow:hover{background:var(--surface-1)}.rowInfo{gap:var(--space-3,12px);min-width:0}.rowAvatar,.rowInfo{display:flex;align-items:center}.rowAvatar{width:40px;height:40px;justify-content:center;background:var(--surface-3);color:var(--text-tertiary);flex-shrink:0}.rowAvatar,.rowLogo{border-radius:var(--radius,5px)}.rowLogo{width:100%;height:100%;object-fit:cover}.rowDetails{min-width:0;display:flex;flex-direction:column;gap:2px}.rowName{font-size:.875rem;font-weight:600;color:var(--text-primary)}.rowName,.rowSlug{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rowSlug{font-size:.75rem;color:var(--text-tertiary)}.rowBusinesses,.rowDate,.rowOwnership{font-size:.8125rem;color:var(--text-secondary)}.rowStatus{gap:var(--space-1,4px)}.rowActions,.rowStatus{display:flex;align-items:center}.rowActions{justify-content:flex-end;gap:var(--space-2,8px)}.pagination{gap:var(--space-3,12px);padding:var(--space-3,12px)}.paginationBtn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-default);border-radius:var(--radius,5px);transition:all var(--duration-micro,.15s) var(--ease-micro,ease)}.paginationBtn:hover:not(:disabled){border-color:var(--border-hover)}.paginationBtn:disabled{opacity:.5}.paginationBtn:focus-visible{outline-offset:1px}.selectionCheckbox{position:relative;width:18px;height:18px;flex-shrink:0;cursor:pointer}.selectionCheckbox input{position:absolute;inset:0;margin:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}.checkboxVisual{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-sm,3px);transition:all var(--duration-micro,.15s) var(--ease-micro,ease);color:transparent}.selectionCheckbox input:checked+.checkboxVisual{background:var(--brand-coral);border-color:var(--brand-coral);color:var(--color-text-contrast)}.selectionCheckbox input:focus-visible+.checkboxVisual{outline:2px solid var(--brand-coral);outline-offset:2px}.cardSelected{border-color:var(--brand-coral);box-shadow:0 0 0 1px var(--brand-coral)}.rowSelected{background:rgba(250,114,0,.06)}.cardCheckboxWrapper{position:absolute;bottom:var(--space-2,8px);right:var(--space-2,8px);z-index:2}.bulkToolbar{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:var(--space-4,16px);padding:var(--space-3,12px) var(--space-4,16px);background:var(--surface-1);border-top:1px solid var(--border-default);box-shadow:var(--shadow-medium);z-index:var(--z-overlay,300);animation:slideUp var(--duration-fast,.2s) var(--ease-out-cubic,ease)}.bulkToolbarInfo{font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap}.bulkToolbarActions{display:flex;align-items:center;gap:var(--space-2,8px)}.bulkBtnActivate{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1,4px);height:36px;padding:0 var(--space-4,16px);background:var(--color-success-bg,rgba(34,197,94,.15));color:var(--color-success-text,#22c55e);border:1px solid var(--color-success-text,#22c55e);border-radius:var(--radius,5px);font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--duration-micro,.15s) var(--ease-micro,ease)}.bulkBtnActivate:hover:not(:disabled){filter:brightness(1.15)}.bulkBtnActivate:disabled{opacity:.5;cursor:not-allowed}.bulkBtnPause{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1,4px);height:36px;padding:0 var(--space-4,16px);background:rgba(234,179,8,.15);color:var(--color-warning,#eab308);border:1px solid var(--color-warning,#eab308);border-radius:var(--radius,5px);font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--duration-micro,.15s) var(--ease-micro,ease)}.bulkBtnPause:hover:not(:disabled){filter:brightness(1.15)}.bulkBtnPause:disabled{opacity:.5;cursor:not-allowed}.bulkBtnClear{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 var(--space-3,12px);background:transparent;color:var(--text-secondary);border:1px solid var(--border-default);border-radius:var(--radius,5px);font-size:.8125rem;font-family:inherit;cursor:pointer;transition:all var(--duration-micro,.15s) var(--ease-micro,ease)}.bulkBtnClear:hover{color:var(--text-primary);border-color:var(--border-hover);background:var(--surface-2)}.bulkProgress{display:flex;align-items:center;gap:var(--space-2,8px);font-size:.8125rem;color:var(--text-secondary)}.bulkProgressBar{width:120px;height:4px;background:var(--surface-3);border-radius:2px;overflow:hidden}.bulkProgressFill{height:100%;background:var(--brand-coral);border-radius:2px;transition:width var(--duration-micro,.15s) var(--ease-micro,ease)}.portfoliosPageWithToolbar{padding-bottom:72px}@media (max-width:1024px){.listHeader,.portfolioRow{grid-template-columns:28px 2fr 1fr 1fr 120px}.listHeaderDate,.listHeaderOwnership,.rowDate,.rowOwnership{display:none}}@media (max-width:768px){.portfoliosPage{padding:var(--space-2,8px)}.filtersRow{flex-direction:column;align-items:stretch}.searchBar{max-width:none}.filterControls{flex-wrap:wrap;justify-content:space-between}.listHeader,.portfolioRow{grid-template-columns:28px 1fr 80px 100px}.listHeaderBusinesses,.rowBusinesses{display:none}.portfolioGrid{grid-template-columns:1fr}.bulkToolbar{flex-wrap:wrap;gap:var(--space-2,8px)}.bulkProgressBar{width:80px}}@media (max-width:480px){.pageHeader{flex-direction:column;align-items:stretch}.createBtn{width:100%}.listHeader{display:none}.portfolioRow{display:flex;flex-direction:column;gap:var(--space-2,8px);align-items:flex-start}.rowActions{width:100%;justify-content:flex-end}}.sparkline{width:80px;height:32px;flex-shrink:0}.kpiGrid{grid-template-columns:repeat(4,1fr);grid-gap:var(--space-4);gap:var(--space-4)}.kpiCard{flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius);transition:all var(--duration-normal) var(--ease-micro);animation:fadeInUp var(--duration-normal) var(--ease-micro)}:root[data-theme=light] .kpiCard{box-shadow:0 2px 8px rgba(0,0,0,.06)}:root[data-theme=light] .kpiCard:hover{box-shadow:0 6px 20px rgba(0,0,0,.1);background:#fff}.kpiCardClickable{cursor:pointer}.kpiCardClickable:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.kpiCard:first-child{animation-delay:.05s}.kpiCard:nth-child(2){animation-delay:.1s}.kpiCard:nth-child(3){animation-delay:.15s}.kpiCard:nth-child(4){animation-delay:.2s}.kpiHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.kpiContent{gap:var(--space-1)}.kpiValue{font-size:var(--text-3xl);font-weight:var(--font-bold)}.kpiLabel{font-weight:var(--font-medium);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.kpiLabel,.kpiTrend{font-size:var(--text-sm)}.kpiTrend{display:flex;align-items:center;gap:var(--space-1);font-weight:var(--font-semibold)}.kpiTrendPositive{color:var(--color-success)}.kpiTrendNegative{color:var(--color-error)}.kpiTrendNeutral{color:var(--text-tertiary)}.kpiTrendIcon{width:14px;height:14px}.chartSection{display:flex;flex-direction:column;background:var(--surface-2);border:none;border-radius:var(--radius);overflow:hidden;transition:all var(--duration-normal) var(--ease-micro);animation:fadeInUp var(--duration-normal) var(--ease-micro)}:root[data-theme=dark] .chartSection{box-shadow:var(--shadow-card-rest)}:root[data-theme=light] .chartSection{box-shadow:0 2px 8px rgba(0,0,0,.06)}.chartSection:hover{transform:translateY(-1px)}:root[data-theme=dark] .chartSection:hover{box-shadow:var(--shadow-card-hover)}:root[data-theme=light] .chartSection:hover{box-shadow:0 6px 20px rgba(0,0,0,.1)}.chartSection:first-child{animation-delay:.05s}.chartSection:nth-child(2){animation-delay:.1s}.chartSection:nth-child(3){animation-delay:.15s}.chartSection:nth-child(4){animation-delay:.2s}.chartSection:nth-child(5){animation-delay:.25s}.chartCardWide{grid-column:span 2}.chartHeaderTitle{gap:var(--space-1)}.chartTitle{font-size:var(--text-base);font-weight:var(--font-semibold)}.chartSubtitle{font-size:var(--text-xs)}.chartControls{display:flex;align-items:center;gap:var(--space-2)}.chartControlBtn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius);color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-micro) var(--ease-micro)}.chartControlBtn:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.chartControlBtn:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.chartControlBtnIcon{width:16px;height:16px}.chartBody{min-height:300px}.funnelChart{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.funnelEmpty{padding:var(--space-6);text-align:center;color:var(--text-tertiary)}.funnelStage{display:flex;align-items:center;gap:var(--space-4)}.funnelStageLabel{flex-shrink:0;width:120px;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.funnelStageBar{flex:1 1;height:32px;background:var(--surface-3);border-radius:var(--radius);overflow:hidden;position:relative}.funnelStageFill{height:100%;background:var(--brand-gradient);border-radius:var(--radius);transition:width var(--duration-normal) var(--ease-micro)}.funnelStageValue{flex-shrink:0;width:80px;text-align:right;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.funnelStageRate{flex-shrink:0;width:60px;text-align:right;font-size:var(--text-xs);color:var(--text-tertiary)}.funnelConnector{display:flex;align-items:center;justify-content:center;padding:var(--space-1) 0;margin-left:120px}.funnelConnectorArrow{width:16px;height:16px;color:var(--text-quaternary)}.funnelConversionRate{font-size:var(--text-xs);color:var(--color-success);margin-left:var(--space-2)}.trafficMap{display:flex;flex-direction:column;gap:var(--space-4)}.trafficEmpty{padding:var(--space-6);text-align:center;color:var(--text-tertiary)}.trafficMapSection{display:flex;flex-direction:column;gap:var(--space-3)}.trafficMapTitle{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.trafficMapList{display:flex;flex-direction:column;gap:var(--space-2)}.trafficMapItem{gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--surface-3)}.trafficMapItem,.trafficMapItemIcon{display:flex;align-items:center;border-radius:var(--radius)}.trafficMapItemIcon{width:24px;height:24px;justify-content:center;background:var(--glass-bg);color:var(--text-tertiary)}.trafficMapItemIcon svg{width:14px;height:14px}.trafficMapItemLabel{flex:1 1;font-size:var(--text-sm);color:var(--text-secondary)}.trafficMapItemValue{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.trafficMapItemPercentage{font-size:var(--text-xs);color:var(--text-tertiary);min-width:40px;text-align:right}.insightsList{padding:var(--space-3) var(--space-4);flex-direction:column}.insightItem,.insightsList{display:flex;gap:var(--space-3)}.insightItem{align-items:flex-start;padding:var(--space-3);background:var(--glass-bg);border-radius:var(--radius);transition:background var(--duration-micro) var(--ease-micro)}.insightItem:hover{background:var(--glass-bg-hover)}.insightIcon{width:36px;height:36px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.insightIcon svg{width:18px;height:18px}.insightPositive{background:var(--color-success-muted);color:var(--color-success)}.insightNegative{background:var(--color-error-muted);color:var(--color-error)}.insightWarning{background:var(--color-warning-muted);color:var(--color-warning)}.insightContent{flex:1 1;min-width:0}.insightTitle{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-1) 0}.insightDescription{font-size:var(--text-sm);color:var(--text-tertiary);margin:0;line-height:var(--leading-normal)}.noInsights{padding:var(--space-6);text-align:center}.noInsights p{font-size:var(--text-sm);color:var(--text-tertiary);margin:0 0 var(--space-1) 0}.noInsights span{font-size:var(--text-xs);color:var(--text-quaternary)}.headerControls{gap:var(--space-3)}.dateRangePicker{display:flex;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-3);background:var(--surface-2);border:none;border-radius:var(--radius);cursor:pointer;transition:all var(--duration-micro) var(--ease-micro)}:root[data-theme=dark] .dateRangePicker{box-shadow:var(--shadow-low)}:root[data-theme=light] .dateRangePicker{box-shadow:0 2px 6px rgba(0,0,0,.04)}.dateRangePicker:hover{background:var(--surface-3)}.dateRangePicker:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.dateRangeIcon{width:16px;height:16px;color:var(--text-tertiary)}.dateRangeText{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.dateRangeChevron{width:12px;height:12px;color:var(--text-tertiary);transition:transform var(--duration-micro) var(--ease-micro)}.dateRangePickerOpen .dateRangeChevron{transform:rotate(180deg)}.dateRangeDropdown{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:200px;background:var(--surface-2);border-radius:var(--radius);z-index:var(--z-dropdown);overflow:hidden;animation:fadeInDown var(--duration-micro) var(--ease-micro)}:root[data-theme=dark] .dateRangeDropdown{box-shadow:var(--shadow-high)}:root[data-theme=light] .dateRangeDropdown{box-shadow:0 8px 24px rgba(0,0,0,.12)}.dateRangeOption{display:flex;align-items:center;width:100%;padding:var(--space-3) var(--space-4);background:transparent;border:none;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-micro) var(--ease-micro);text-align:left}.dateRangeOption:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.dateRangeOptionActive,.dateRangeOptionActive:hover{background:var(--brand-coral-muted);color:var(--brand-coral)}.comparisonToggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface-2);border:none;border-radius:var(--radius);cursor:pointer;transition:all var(--duration-micro) var(--ease-micro)}:root[data-theme=dark] .comparisonToggle{box-shadow:var(--shadow-low)}:root[data-theme=light] .comparisonToggle{box-shadow:0 2px 6px rgba(0,0,0,.04)}.comparisonToggle:hover{background:var(--surface-3)}.comparisonToggle:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.comparisonToggleActive{background:var(--brand-coral-muted)}.comparisonToggleIcon{width:16px;height:16px;color:var(--text-tertiary);transition:color var(--duration-micro) var(--ease-micro)}.comparisonToggleActive .comparisonToggleIcon{color:var(--brand-coral)}.comparisonToggleLabel{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);transition:color var(--duration-micro) var(--ease-micro)}.comparisonToggleActive .comparisonToggleLabel{color:var(--brand-coral)}.accountSelectorBtn{display:flex;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-3);background:var(--surface-2);border:none;border-radius:var(--radius);cursor:pointer;transition:all var(--duration-micro) var(--ease-micro)}:root[data-theme=dark] .accountSelectorBtn{box-shadow:var(--shadow-low)}:root[data-theme=light] .accountSelectorBtn{box-shadow:0 2px 6px rgba(0,0,0,.04)}.accountSelectorBtn:hover{background:var(--surface-3)}.accountSelectorBtn:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.accountSelectorIcon{width:16px;height:16px;color:var(--text-tertiary)}.accountSelectorText{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.accountSelectorCount{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-1);background:var(--brand-coral);border-radius:var(--radius);font-size:var(--text-xs);font-weight:var(--font-semibold);color:#fff}:root[data-theme=light] .accountSelectorCount{color:#000}.accountSelectorChevron{width:12px;height:12px;color:var(--text-tertiary);transition:transform var(--duration-micro) var(--ease-micro)}.accountSelectorOpen .accountSelectorChevron{transform:rotate(180deg)}.accountSelectorDropdown{position:absolute;top:calc(100% + var(--space-2));left:0;min-width:280px;max-height:320px;background:var(--surface-2);border-radius:var(--radius);z-index:var(--z-dropdown);overflow:hidden;animation:fadeInDown var(--duration-micro) var(--ease-micro)}:root[data-theme=dark] .accountSelectorDropdown{box-shadow:var(--shadow-high)}:root[data-theme=light] .accountSelectorDropdown{box-shadow:0 8px 24px rgba(0,0,0,.12)}.accountSelectorSearch{padding:var(--space-3);border-bottom:1px solid var(--border-subtle)}.accountSelectorSearchInput{display:block;width:calc(100% - 24px);margin:0 auto;height:36px;padding:0 var(--space-3);background:var(--surface-3);border:none;border-radius:var(--radius);color:var(--text-primary);font-size:var(--text-sm);outline:none;box-sizing:border-box}.accountSelectorSearchInput:focus{box-shadow:inset 0 0 0 2px var(--brand-coral)}.accountSelectorSearchInput::placeholder{color:var(--text-quaternary)}.accountSelectorList{max-height:240px;overflow-y:auto;overscroll-behavior:contain}.accountSelectorItem{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background var(--duration-micro) var(--ease-micro)}.accountSelectorItem:hover{background:var(--glass-bg-hover)}.accountSelectorItemCheckbox{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-default);border-radius:3px;background:transparent;transition:all var(--duration-micro) var(--ease-micro)}.accountSelectorItemCheckbox svg{width:10px;height:10px;opacity:0;color:#fff;transition:opacity var(--duration-micro) var(--ease-micro)}.accountSelectorItemSelected .accountSelectorItemCheckbox{background:var(--brand-coral);border-color:var(--brand-coral)}.accountSelectorItemSelected .accountSelectorItemCheckbox svg{opacity:1}:root[data-theme=light] .accountSelectorItemSelected .accountSelectorItemCheckbox svg{color:#000}.accountSelectorItemInfo{flex:1 1;min-width:0}.accountSelectorItemName{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.accountSelectorItemMeta{font-size:var(--text-xs);color:var(--text-tertiary)}.accountSelectorActions{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);border-top:1px solid var(--border-subtle);background:var(--surface-3)}.accountSelectorSelectAll{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--brand-coral);background:transparent;border:none;cursor:pointer;transition:opacity var(--duration-micro) var(--ease-micro)}.accountSelectorSelectAll:hover{opacity:.8}.accountSelectorApply{padding:var(--space-2) var(--space-3);background:var(--brand-coral);border:none;border-radius:var(--radius);font-size:var(--text-xs);font-weight:var(--font-semibold);color:#fff;cursor:pointer;transition:filter var(--duration-micro) var(--ease-micro)}:root[data-theme=light] .accountSelectorApply{color:#000}.accountSelectorApply:hover{filter:brightness(1.1)}.exportWrapper{position:relative}.exportBtn{gap:var(--space-2);height:40px;padding:0 var(--space-4);background:var(--brand-coral);border-radius:var(--radius);color:#fff;font-size:var(--text-sm);font-weight:var(--font-semibold);transition:all var(--duration-micro) var(--ease-micro)}:root[data-theme=light] .exportBtn{color:#000}.exportBtn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.exportBtn:active:not(:disabled){transform:translateY(0)}.exportBtn:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.exportBtn:disabled{opacity:.6;cursor:not-allowed}.exportBtnIcon{width:16px;height:16px}.exportBtnChevron{width:12px;height:12px;transition:transform var(--duration-micro) var(--ease-micro)}.exportBtnOpen .exportBtnChevron{transform:rotate(180deg)}.exportBtnSpinner{width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:var(--radius);animation:spin .6s linear infinite}:root[data-theme=light] .exportBtnSpinner{border-color:#000 rgba(0,0,0,.2) rgba(0,0,0,.2)}.exportMenu{top:calc(100% + var(--space-2));min-width:180px;background:var(--surface-2);border-radius:var(--radius);z-index:var(--z-dropdown);overflow:hidden;animation:fadeInDown var(--duration-micro) var(--ease-micro)}:root[data-theme=dark] .exportMenu{box-shadow:var(--shadow-high)}:root[data-theme=light] .exportMenu{box-shadow:0 8px 24px rgba(0,0,0,.12)}.exportMenuItem{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:transparent;border:none;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-micro) var(--ease-micro);text-align:left}.exportMenuItem:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.exportMenuItem:focus-visible{outline:2px solid var(--brand-coral);outline-offset:-2px}.exportMenuIcon{width:16px;height:16px;color:var(--text-tertiary)}@media (max-width:1023px){.kpiGrid{grid-template-columns:repeat(2,1fr)}.chartCardWide{grid-column:span 1}.funnelStage{flex-wrap:wrap}.funnelStageLabel{width:100%;margin-bottom:var(--space-1)}.funnelConnector{margin-left:0}}@media (max-width:767px){.pageHeader{gap:var(--space-3)}.headerControls,.pageHeader{flex-direction:column;align-items:stretch}.accountSelectorBtn,.comparisonToggle,.dateRangePicker{width:100%;justify-content:center}.kpiGrid{grid-template-columns:1fr 1fr;gap:var(--space-3)}.kpiCard{padding:var(--space-3)}.kpiValue{font-size:var(--text-xl)}.sparkline{width:60px;height:24px}.chartHeader{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.chartControls{width:100%;justify-content:flex-end}.chartBody{padding:var(--space-3);min-height:240px}.funnelStage{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.funnelStageBar,.funnelStageLabel{width:100%}.funnelStageRate,.funnelStageValue{width:auto;text-align:left}.funnelConnector{margin-left:0;justify-content:flex-start}.trafficMapItem{flex-wrap:wrap}.exportBtn{width:100%;justify-content:center}.accountSelectorDropdown{left:0;right:0;width:100%}.insightItem{flex-direction:column;gap:var(--space-2)}}@media (max-width:374px){.kpiGrid{grid-template-columns:1fr}.kpiCard{flex-direction:row;align-items:center;justify-content:space-between}.kpiHeader{flex-direction:row-reverse;align-items:center}.kpiContent{order:1}.sparkline{order:2}}.card{gap:var(--space-3);padding:var(--space-4);position:relative;overflow:hidden;transition:all var(--duration-normal) var(--ease-micro);animation:fadeInUp var(--duration-normal) var(--ease-micro)}:root[data-theme=light] .card{box-shadow:0 2px 8px rgba(0,0,0,.06)}.card:hover{transform:translateY(-2px)}:root[data-theme=dark] .card:hover{box-shadow:var(--shadow-card-hover);background:var(--surface-3)}:root[data-theme=light] .card:hover{box-shadow:0 6px 20px rgba(0,0,0,.1);background:#fff}.cardClickable{text-align:left;width:100%}.cardPulsing{animation:cardPulse .6s var(--ease-micro)}@keyframes cardPulse{0%{box-shadow:0 0 0 0 rgba(var(--brand-coral-rgb,255,107,53),.4)}50%{box-shadow:0 0 0 8px rgba(var(--brand-coral-rgb,255,107,53),0)}to{box-shadow:var(--shadow-card-rest)}}:root[data-theme=light] .cardPulsing{animation:cardPulseLight .6s var(--ease-micro)}@keyframes cardPulseLight{0%{box-shadow:0 0 0 0 rgba(var(--brand-coral-rgb,255,107,53),.3)}50%{box-shadow:0 0 0 8px rgba(var(--brand-coral-rgb,255,107,53),0)}to{box-shadow:0 2px 8px rgba(0,0,0,.06)}}.header{align-items:center;gap:var(--space-2)}.label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.liveBadge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-success-muted);border-radius:var(--radius)}.liveIndicator{width:6px;height:6px;background:var(--color-success);border-radius:50%;animation:livePulse 2s infinite}.liveText{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-success);text-transform:uppercase;letter-spacing:.02em}.valueContainer{display:flex;align-items:baseline;gap:var(--space-2)}.value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:1.1;letter-spacing:-.02em;transition:color var(--duration-micro) var(--ease-micro)}.valueUpdated{animation:valueFlash .6s var(--ease-micro)}@keyframes valueFlash{0%{color:var(--brand-coral)}to{color:var(--text-primary)}}.trend{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-semibold)}.trendUp{color:var(--color-success)}.trendDown{color:var(--color-error)}.trendFlat{color:var(--text-tertiary)}.changeValue{font-weight:var(--font-semibold)}.previousValue{font-size:var(--text-xs);font-weight:var(--font-regular);color:var(--text-quaternary);margin-left:var(--space-1)}.footer{padding-top:var(--space-2)}.connectionStatus{display:flex;gap:var(--space-1)}.connectionDot{width:8px;height:8px;border-radius:50%;transition:background var(--duration-micro) var(--ease-micro)}.connected{background:var(--color-success);box-shadow:0 0 4px var(--color-success)}.disconnected{background:var(--color-error)}.connectionText,.lastUpdated{font-size:var(--text-xs);color:var(--text-quaternary)}@media (max-width:1023px){.card{padding:var(--space-3)}.value{font-size:var(--text-2xl)}}@media (max-width:767px){.card{gap:var(--space-2);padding:var(--space-3)}.header{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.value{font-size:var(--text-xl)}.trend{flex-wrap:wrap}.previousValue{display:none}.footer{flex-direction:column;align-items:flex-start;gap:var(--space-1)}}@media (prefers-reduced-motion:reduce){.card,.cardPulsing,.liveIndicator,.valueUpdated{animation:none}.card:hover{transform:none}}.portfolioHealthCard{display:flex;flex-direction:column;background:var(--surface-2);border:none;border-radius:var(--radius);overflow:hidden;transition:all var(--duration-normal) var(--ease-micro);animation:fadeInUp var(--duration-normal) var(--ease-micro)}:root[data-theme=dark] .portfolioHealthCard{box-shadow:var(--shadow-card-rest)}:root[data-theme=light] .portfolioHealthCard{box-shadow:0 2px 8px rgba(0,0,0,.06);background:#fff}.portfolioHealthCard:hover{transform:translateY(-2px)}:root[data-theme=dark] .portfolioHealthCard:hover{box-shadow:var(--shadow-card-hover)}:root[data-theme=light] .portfolioHealthCard:hover{box-shadow:0 6px 20px rgba(0,0,0,.1)}.cardHeader{padding:var(--space-4)}:root[data-theme=light] .cardHeader{background:#f5f5f5}.cardTitle{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0;text-transform:uppercase;letter-spacing:.05em}:root[data-theme=light] .cardTitle{color:rgba(0,0,0,.9)}.cardSubtitle{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1)}:root[data-theme=light] .cardSubtitle{color:rgba(0,0,0,.55)}.cardBody{gap:var(--space-4);padding:var(--space-4)}.mainMetricsRow{display:flex;align-items:center;gap:var(--space-5);flex-wrap:wrap}.gaugeContainer{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.gaugeSvg{width:100%;height:100%}.gaugeTrack{opacity:.3}.gaugeProgress{transition:none}.gaugeProgressAnimated{animation:gaugeGrow 1s var(--ease-micro) forwards}.gaugeCenter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding-top:var(--space-2)}.gaugeValue{font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:1;letter-spacing:-.02em}.gaugeLabel{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.secondaryMetrics{display:flex;flex-direction:column;gap:var(--space-3);flex:1 1;min-width:200px}.metricItem{padding:var(--space-2) var(--space-3);background:var(--glass-bg);border-radius:var(--radius);transition:background var(--duration-micro) var(--ease-micro)}.metricItem:hover{background:var(--glass-bg-hover)}.metricLabel,.metricValue{font-size:var(--text-sm)}.metricValue{font-weight:var(--font-semibold)}.activeRatioContainer{display:flex;flex-direction:column;gap:var(--space-2)}.activeRatioHeader{display:flex;align-items:center;justify-content:space-between}.activeRatioLabel{font-size:var(--text-sm);color:var(--text-secondary)}.activeRatioValue{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.activeRatioBar{height:8px;background:var(--surface-3);border-radius:var(--radius);overflow:hidden}.activeRatioFill{height:100%;background:var(--brand-gradient);border-radius:var(--radius);transition:width var(--duration-normal) var(--ease-micro)}.growthTrend{gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--glass-bg);border-radius:var(--radius)}.growthIcon,.growthTrend{display:flex;align-items:center}.growthIcon{width:20px;height:20px;justify-content:center}.growthIconSvg{width:16px;height:16px}.growthPositive{color:var(--color-success)}.growthNegative{color:var(--color-error)}.growthNeutral{color:var(--text-tertiary)}.growthLabel{font-size:var(--text-sm);color:var(--text-secondary)}.growthValue{font-size:var(--text-sm);font-weight:var(--font-semibold);margin-left:auto}.topPerformersSection{border-top:1px solid var(--border-subtle);padding-top:var(--space-4)}.topPerformersHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.topPerformersTitle{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.topPerformersList{display:flex;flex-direction:column;gap:var(--space-2)}.performerItem{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--glass-bg);border-radius:var(--radius);transition:background var(--duration-micro) var(--ease-micro)}.performerItem:hover{background:var(--glass-bg-hover)}.performerRank{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--surface-3);border-radius:var(--radius);font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-tertiary)}.performerRankTop{background:var(--brand-coral-muted);color:var(--brand-coral)}.performerInfo{flex:1 1;min-width:0}.performerName{font-size:var(--text-sm);font-weight:var(--font-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.performerMetric{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.alertsSection{border-top:1px solid var(--border-subtle);padding-top:var(--space-4)}.alertsHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.alertsTitle{font-size:var(--text-sm);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.alertsCount,.alertsTitle{font-weight:var(--font-semibold)}.alertsCount{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-1);background:var(--color-error);border-radius:var(--radius);font-size:var(--text-xs);color:#fff}.alertItem{padding:var(--space-2) var(--space-3)}.alertItem:hover{background:var(--glass-bg-hover)}.alertWarning{background:var(--color-warning-muted)}.alertCritical{background:var(--color-error-muted)}.alertIcon{width:20px;height:20px}.alertIconSvg{width:16px;height:16px}.alertMessage{font-size:var(--text-sm);color:var(--text-primary);line-height:var(--leading-normal)}.alertAccountId{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.noAlerts{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-success-muted);border-radius:var(--radius)}.noAlertsIcon{width:20px;height:20px;color:var(--color-success)}.noAlertsText{font-size:var(--text-sm);color:var(--color-success)}.loadingState{gap:var(--space-3)}.loadingText{font-size:var(--text-sm)}.errorState{padding:var(--space-6)}.errorIcon{width:48px;height:48px}.errorText{color:var(--text-tertiary);max-width:250px}.errorText,.retryButton{font-size:var(--text-sm)}.retryButton{padding:var(--space-2) var(--space-4);font-weight:var(--font-semibold);transition:filter var(--duration-micro) var(--ease-micro)}:root[data-theme=light] .retryButton{color:#000}.retryButton:hover{filter:brightness(1.1)}@keyframes gaugeGrow{0%{stroke-dashoffset:100%;opacity:0}to{stroke-dashoffset:0;opacity:1}}@media (max-width:1023px){.mainMetricsRow{flex-direction:column;align-items:center}.secondaryMetrics{width:100%;min-width:unset}}@media (max-width:767px){.cardBody{padding:var(--space-3)}.gaugeValue{font-size:var(--text-2xl)}.alertsList,.topPerformersList{gap:var(--space-1)}.alertItem,.performerItem{padding:var(--space-2)}}@media (prefers-reduced-motion:reduce){.gaugeProgressAnimated,.loadingSpinner,.portfolioHealthCard{animation:none}}.chartWrapper{position:relative;width:100%;background:var(--surface-2);border-radius:var(--radius);overflow:hidden;animation:chartFadeIn .4s var(--ease-micro)}:root[data-theme=dark] .chartWrapper{box-shadow:var(--shadow-card-rest)}:root[data-theme=light] .chartWrapper{box-shadow:0 2px 8px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04)}.chartHeader{padding:var(--space-4)}.chartSubtitle{margin:4px 0 0}.periodSelector{background:var(--surface-3);padding:2px}.periodButton{padding:var(--space-1) var(--space-3);font-size:.75rem;font-weight:500;font-family:inherit;color:var(--text-tertiary);background:transparent;border:none;border-radius:var(--radius);cursor:pointer;transition:color var(--duration-micro) var(--ease-micro),background var(--duration-micro) var(--ease-micro);white-space:nowrap}.periodButton:hover:not(:disabled):not(.periodButtonActive){color:var(--brand-coral)}.periodButtonActive{background:var(--brand-coral);color:#fff}:root[data-theme=light] .periodButtonActive{color:#000}.periodButton:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.chartBody{padding:var(--space-4);min-height:200px}.chartLoading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);background:var(--surface-2);border-radius:var(--radius)}.loadingPulse{width:48px;height:48px;border-radius:var(--radius-full);background:var(--brand-gradient);animation:pulse 1.5s ease-in-out infinite}.loadingText{font-size:.8125rem}.chartEmpty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);background:var(--surface-2);border-radius:var(--radius);border:1px dashed var(--border-default)}.emptyIcon{margin-bottom:var(--space-1)}.emptyText{font-weight:500;color:var(--text-tertiary)}.emptySubtext{font-size:.75rem;color:var(--text-quaternary);text-align:center;max-width:200px}.tooltip{background:var(--surface-2);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-default);border-radius:var(--radius);padding:var(--space-3);min-width:120px}:root[data-theme=dark] .tooltip{box-shadow:0 8px 32px rgba(0,0,0,.4)}:root[data-theme=light] .tooltip{box-shadow:0 4px 20px rgba(0,0,0,.12)}.tooltipLabel{font-size:.8125rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-1) 0}.tooltipLabel,.tooltipValue{display:flex;align-items:center;gap:var(--space-2)}.tooltipValue{font-size:.875rem;font-weight:500;color:var(--text-secondary);margin:0}.tooltipDot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.tooltipSubtext{font-size:.6875rem;color:var(--text-tertiary);margin:var(--space-1) 0 0 0}.legend{justify-content:center;gap:var(--space-4);padding:0;margin:var(--space-3) 0 0 0;list-style:none}.legendItem{gap:var(--space-2);cursor:pointer;transition:color var(--duration-micro) var(--ease-micro)}.legendItem:hover{color:var(--text-primary)}.legendDot{border-radius:var(--radius-full)}.legendItemActive{color:var(--text-primary)}.legendItemInactive{opacity:.4}.pieContainer{position:relative}.pieCenter{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);display:flex;flex-direction:column;align-items:center;pointer-events:none}.pieCenterValue{font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1}.pieCenterLabel{font-size:.6875rem;font-weight:500;color:var(--text-quaternary);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-1)}.barLabel{font-size:.75rem;font-weight:500;color:var(--text-primary)}.barValue{font-size:.6875rem;color:var(--text-tertiary)}@keyframes chartFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chartWrapper :global(.recharts-cartesian-axis-tick-value){fill:var(--text-tertiary);font-size:.6875rem}.chartWrapper :global(.recharts-cartesian-grid-horizontal line),.chartWrapper :global(.recharts-cartesian-grid-vertical line){stroke:var(--border-subtle)}.chartWrapper :global(.recharts-legend-wrapper){padding-top:var(--space-4)}:root[data-theme=light] .chartWrapper :global(.recharts-cartesian-axis-tick-value){fill:rgba(0,0,0,.5)}:root[data-theme=light] .chartWrapper :global(.recharts-cartesian-grid-horizontal line),:root[data-theme=light] .chartWrapper :global(.recharts-cartesian-grid-vertical line){stroke:rgba(0,0,0,.06)}.quickStatsRow{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-4);gap:var(--space-4)}.quickStatCard{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--surface-2);border-radius:var(--radius);transition:transform .2s var(--ease-micro),box-shadow .2s var(--ease-micro)}:root[data-theme=dark] .quickStatCard{box-shadow:var(--shadow-card-rest)}:root[data-theme=light] .quickStatCard{box-shadow:0 2px 8px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04)}.quickStatCard:hover{transform:translateY(-2px)}:root[data-theme=dark] .quickStatCard:hover{box-shadow:var(--shadow-card-hover)}:root[data-theme=light] .quickStatCard:hover{box-shadow:0 6px 20px rgba(0,0,0,.1),0 12px 32px rgba(0,0,0,.06)}.quickStatHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.quickStatValue{font-size:1.5rem;font-weight:700;line-height:1.2}.quickStatSparkline{flex-shrink:0}.quickStatLabel,.quickStatTrend{font-size:.75rem;font-weight:500}.quickStatTrend{display:inline-flex;align-items:center;gap:var(--space-1)}.quickStatTrendPositive{color:var(--color-success)}.quickStatTrendNegative{color:var(--color-error)}.quickStatTrendNeutral{color:var(--text-tertiary)}.quickStatIcon{width:16px;height:16px}.activityFeed{gap:0}.activityFeed,.activityFeedEmpty{display:flex;flex-direction:column}.activityFeedEmpty{align-items:center;justify-content:center;padding:var(--space-8);text-align:center}.activityFeedEmptyText{font-size:.875rem;color:var(--text-tertiary)}.activityItem{display:flex;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border-subtle);transition:background var(--duration-micro) var(--ease-micro)}.activityItem:last-child{border-bottom:none}.activityItem:hover{background:var(--glass-bg-hover)}.activityIcon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;background:var(--surface-3);border-radius:var(--radius);color:var(--text-secondary)}.activityIconSvg{width:20px;height:20px}.activityIconSales{background:var(--color-success-subtle);color:var(--color-success)}.activityIconSignup{background:var(--color-info-subtle);color:var(--color-info)}.activityIconAlert{background:var(--color-warning-subtle);color:var(--color-warning)}.activityIconSystem{background:var(--brand-coral-subtle);color:var(--brand-coral)}.activityContent{display:flex;flex-direction:column;gap:var(--space-1);flex:1 1;min-width:0}.activityTitle{font-size:.875rem;font-weight:500;color:var(--text-primary)}.activityDescription{font-size:.8125rem;color:var(--text-secondary);line-height:1.4}.activityTimestamp{font-size:.6875rem;color:var(--text-quaternary)}.activityAction{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);margin-top:var(--space-2);font-size:.75rem;font-weight:500;font-family:inherit;color:var(--brand-coral);background:transparent;border:1px solid var(--brand-coral);border-radius:var(--radius);cursor:pointer;transition:background var(--duration-micro) var(--ease-micro),color var(--duration-micro) var(--ease-micro)}.activityAction:hover{background:var(--brand-coral);color:#fff}:root[data-theme=light] .activityAction:hover{color:#000}.activityAction:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.loadMoreButton{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--space-3);font-size:.8125rem;font-weight:500;font-family:inherit;color:var(--text-secondary);background:transparent;border:none;border-top:1px solid var(--border-subtle);cursor:pointer;transition:color var(--duration-micro) var(--ease-micro)}.loadMoreButton:hover:not(:disabled){color:var(--brand-coral)}.loadMoreButton:disabled{opacity:.5;cursor:not-allowed}.loadMoreButton:focus-visible{outline:2px solid var(--brand-coral);outline-offset:-2px}@media (max-width:1023px){.quickStatsRow{grid-template-columns:repeat(2,1fr)}.quickStatValue{font-size:1.25rem}.chartHeader{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.periodSelector{width:100%;justify-content:flex-start}}@media (max-width:767px){.quickStatsRow{grid-template-columns:1fr}.quickStatCard{flex-direction:row;align-items:center;justify-content:space-between}.quickStatHeader{flex-direction:column;align-items:flex-start}.quickStatValue{font-size:1.125rem}.legend{gap:var(--space-3);flex-wrap:wrap}.legendItem{font-size:.6875rem}.tooltip{padding:var(--space-2) var(--space-3);min-width:100px}.tooltipLabel{font-size:.75rem}.tooltipValue{font-size:.8125rem}.pieCenterValue{font-size:1.125rem}.pieCenterLabel{font-size:.625rem}.activityItem{padding:var(--space-3)}.activityIcon{width:36px;height:36px}.activityIconSvg{width:18px;height:18px}.chartBody{padding:var(--space-3)}}@media (max-width:374px){.quickStatCard{padding:var(--space-3)}.quickStatValue{font-size:1rem}.periodSelector{overflow-x:auto;-webkit-overflow-scrolling:touch}.periodButton{padding:var(--space-1) var(--space-2);font-size:.6875rem}}.controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);background:var(--surface-3)}:root[data-theme=light] .controls{background:#f5f5f5}.breadcrumbs{display:flex;gap:var(--space-1)}.breadcrumbLink,.breadcrumbs{align-items:center;font-size:.8125rem}.breadcrumbLink{display:inline-flex;padding:var(--space-1) var(--space-2);font-weight:500;font-family:inherit;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius);cursor:pointer;transition:color var(--duration-micro) var(--ease-micro),background var(--duration-micro) var(--ease-micro)}.breadcrumbLink:hover{color:var(--brand-coral);background:var(--glass-bg-hover)}.breadcrumbLink:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.breadcrumbSeparator{display:flex;align-items:center;color:var(--text-quaternary)}.breadcrumbCurrent{padding:var(--space-1) var(--space-2);font-size:.8125rem;font-weight:600;color:var(--text-primary)}.legend{align-items:center;gap:var(--space-3)}.legendTitle{font-size:.6875rem;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.legendItems{display:flex;align-items:center;gap:var(--space-3)}.legendItem{gap:var(--space-1)}.legendDot{border-radius:var(--radius)}.legendLabel{font-size:.6875rem;color:var(--text-secondary);white-space:nowrap}.nodeGroup{cursor:default;transition:opacity var(--duration-micro) var(--ease-micro)}.nodeClickable{cursor:pointer}.nodeClickable:focus-visible{outline:2px solid var(--brand-coral);outline-offset:-2px}.nodeRect{transition:filter var(--duration-micro) var(--ease-micro),stroke-width var(--duration-micro) var(--ease-micro);stroke:var(--surface-1);stroke-width:2px}.nodeClickable:hover .nodeRect{filter:brightness(1.1);stroke-width:3px}.nodeClickable:active .nodeRect{filter:brightness(.95)}.nodeHoverOverlay{fill:transparent;pointer-events:none;transition:fill var(--duration-micro) var(--ease-micro)}.nodeClickable:hover .nodeHoverOverlay{fill:hsla(0,0%,100%,.1)}:root[data-theme=light] .nodeClickable:hover .nodeHoverOverlay{fill:rgba(0,0,0,.05)}.nodeName{font-size:.8125rem;font-weight:600;fill:#fff;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.3)}:root[data-theme=light] .nodeName{fill:hsla(0,0%,100%,.95);text-shadow:0 1px 3px rgba(0,0,0,.4)}.nodeValue{font-size:.75rem;font-weight:500;fill:hsla(0,0%,100%,.9);pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.3)}:root[data-theme=light] .nodeValue{fill:hsla(0,0%,100%,.85);text-shadow:0 1px 3px rgba(0,0,0,.4)}.nodeGrowth{font-size:.6875rem;font-weight:600;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.3)}.nodeGrowthPositive{fill:#10b981}.nodeGrowthNegative{fill:#ef4444}:root[data-theme=light] .nodeGrowth{text-shadow:0 1px 3px rgba(0,0,0,.4)}.nodeType{font-size:.5625rem;font-weight:700;fill:hsla(0,0%,100%,.6);pointer-events:none}.drillIcon{fill:hsla(0,0%,100%,.2);transition:fill var(--duration-micro) var(--ease-micro)}.nodeClickable:hover .drillIcon{fill:hsla(0,0%,100%,.4)}.drillIconPath{stroke:hsla(0,0%,100%,.8)}@media (max-width:1023px){.controls,.legend{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.legendItems{flex-wrap:wrap;gap:var(--space-2)}.breadcrumbs{font-size:.75rem;flex-wrap:wrap}.breadcrumbCurrent,.breadcrumbLink{font-size:.75rem;padding:var(--space-1)}.nodeName{font-size:.75rem}.nodeValue{font-size:.6875rem}}@media (max-width:767px){.controls{padding:var(--space-2) var(--space-3)}.breadcrumbs{font-size:.6875rem;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.breadcrumbCurrent,.breadcrumbLink{font-size:.6875rem;white-space:nowrap}.legendLabel,.legendTitle{font-size:.625rem}.legendDot{width:8px;height:8px}.nodeName{font-size:.6875rem}.nodeValue{font-size:.625rem}.nodeGrowth{font-size:.5625rem}}@media (max-width:374px){.controls{padding:var(--space-2)}.legend{display:none}.breadcrumbs{font-size:.625rem}}@media (prefers-reduced-motion:reduce){.breadcrumbLink,.drillIcon,.nodeGroup,.nodeHoverOverlay,.nodeRect{transition:none}}@media (prefers-contrast:high){.nodeRect{stroke-width:3px}.nodeName,.nodeValue{text-shadow:0 1px 3px rgba(0,0,0,.8)}.breadcrumbLink:focus-visible,.nodeClickable:focus-visible{outline-width:3px}}.dateRangePickerWrapper{position:relative;display:inline-block}.trigger{display:flex;align-items:center;gap:var(--space-2,8px);height:40px;padding:0 var(--space-3,12px);background:var(--surface-2);border:none;border-radius:var(--radius,5px);cursor:pointer;transition:all var(--duration-micro,.15s) var(--ease-micro,ease-out)}:root[data-theme=dark] .trigger{box-shadow:var(--shadow-low)}:root[data-theme=light] .trigger{box-shadow:0 2px 6px rgba(0,0,0,.04)}.trigger:hover{background:var(--surface-3)}.trigger:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.triggerOpen{background:var(--surface-3)}.triggerIcon{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0}.triggerText{font-size:var(--text-sm,.875rem);font-weight:var(--font-medium,500);color:var(--text-primary);white-space:nowrap}.triggerChevron{width:12px;height:12px;color:var(--text-tertiary);transition:transform var(--duration-micro,.15s) var(--ease-micro,ease-out);flex-shrink:0}.triggerOpen .triggerChevron{transform:rotate(180deg)}.panel{position:absolute;top:calc(100% + var(--space-2, 8px));right:0;min-width:320px;background:var(--surface-2);border-radius:var(--radius,5px);z-index:var(--z-dropdown,1000);overflow:hidden;animation:fadeInDown var(--duration-micro,.15s) var(--ease-micro,ease-out)}:root[data-theme=dark] .panel{box-shadow:var(--shadow-high)}:root[data-theme=light] .panel{box-shadow:0 8px 24px rgba(0,0,0,.12);background:#fff}.presets{display:flex;gap:var(--space-2,8px);padding:var(--space-3,12px);border-bottom:1px solid var(--border-subtle);background:var(--surface-3);flex-wrap:wrap}:root[data-theme=light] .presets{background:#f5f5f5}.presetBtn{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 var(--space-3,12px);background:transparent;border:1px solid var(--border-default);border-radius:var(--radius,5px);font-size:var(--text-sm,.875rem);font-weight:var(--font-medium,500);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-micro,.15s) var(--ease-micro,ease-out)}.presetBtn:hover{background:var(--glass-bg-hover);color:var(--text-primary);border-color:var(--border-hover)}.presetBtn:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.presetBtnActive{background:var(--brand-coral);border-color:var(--brand-coral);color:#fff}:root[data-theme=light] .presetBtnActive{color:#000}.presetBtnActive:hover{background:var(--brand-coral);border-color:var(--brand-coral);filter:brightness(1.1)}.customSection{padding:var(--space-3,12px);display:flex;flex-direction:column;gap:var(--space-3,12px)}.inputRow{display:flex;align-items:flex-end;gap:var(--space-2,8px)}.inputGroup{flex:1 1;display:flex;flex-direction:column;gap:var(--space-1,4px)}.inputLabel{font-size:var(--text-xs,.75rem);font-weight:var(--font-medium,500);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.dateInput{padding:0 var(--space-2,8px);background:var(--surface-3);border:1px solid var(--border-subtle);font-size:var(--text-sm,.875rem);outline:none;transition:all var(--duration-micro,.15s) var(--ease-micro,ease-out)}:root[data-theme=light] .dateInput{background:#f8f8f8}.dateInput:hover{border-color:var(--border-hover)}.dateInput:focus{border-color:var(--brand-coral);box-shadow:0 0 0 2px var(--brand-coral-muted)}.dateInput::-webkit-calendar-picker-indicator{filter:invert(.5);cursor:pointer}:root[data-theme=dark] .dateInput::-webkit-calendar-picker-indicator{filter:invert(.7)}.inputSeparator{font-size:var(--text-sm,.875rem);color:var(--text-tertiary);padding-bottom:var(--space-2,8px)}.errorMessage{font-size:var(--text-xs,.75rem);padding:var(--space-2,8px);background:var(--color-error-muted)}.calendarNav{justify-content:space-between;padding:0 var(--space-1,4px)}.navBtn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius,5px);color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-micro,.15s) var(--ease-micro,ease-out)}.navBtn:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.navBtn:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.navBtn svg{width:16px;height:16px}.calendarsContainer{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-3,12px);gap:var(--space-3,12px)}.calendar{display:flex;flex-direction:column;gap:var(--space-2,8px)}.calendarHeader{justify-content:center;gap:var(--space-1,4px);padding:var(--space-2,8px) 0}.calendarMonth{font-weight:var(--font-semibold,600);color:var(--text-primary)}.calendarMonth,.calendarYear{font-size:var(--text-sm,.875rem)}.calendarYear{color:var(--text-tertiary)}.weekdayHeader{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:2px;gap:2px}.weekday{display:flex;align-items:center;justify-content:center;height:24px;font-size:var(--text-xs,.75rem);font-weight:var(--font-medium,500);color:var(--text-quaternary);text-transform:uppercase}.daysGrid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:2px;gap:2px}.dayButton,.emptyDay{aspect-ratio:1}.dayButton{display:flex;align-items:center;justify-content:center;min-width:28px;min-height:28px;background:transparent;border:none;border-radius:var(--radius,5px);font-size:var(--text-sm,.875rem);font-weight:var(--font-medium,500);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-micro,.15s) var(--ease-micro,ease-out);position:relative}.dayButton:hover:not(.dayDisabled){background:var(--glass-bg-hover);color:var(--text-primary)}.dayButton:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px;z-index:1}.dayToday{color:var(--brand-coral)}.daySelected,.dayToday{font-weight:var(--font-bold,700)}.daySelected{background:var(--brand-coral)!important;color:#fff!important}:root[data-theme=light] .daySelected{color:#000!important}.dayRangeStart{border-top-right-radius:0;border-bottom-right-radius:0}.dayRangeEnd{border-top-left-radius:0;border-bottom-left-radius:0}.dayInRange{background:var(--brand-coral-muted);border-radius:0}.dayDisabled{color:var(--text-quaternary);cursor:not-allowed;opacity:.5}.dayOutsideMonth{color:var(--text-quaternary);opacity:.4}.actions{padding-top:var(--space-2,8px);border-top:1px solid var(--border-subtle)}.clearBtn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 var(--space-4,16px);background:transparent;border:none;border-radius:var(--radius,5px);font-size:var(--text-sm,.875rem);font-weight:var(--font-medium,500);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-micro,.15s) var(--ease-micro,ease-out)}.clearBtn:hover{color:var(--brand-coral)}.clearBtn:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.applyBtn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 var(--space-4,16px);background:var(--brand-coral);border:none;border-radius:var(--radius,5px);font-size:var(--text-sm,.875rem);font-weight:var(--font-semibold,600);cursor:pointer;transition:all var(--duration-micro,.15s) var(--ease-micro,ease-out)}.applyBtn:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1023px){.calendarsContainer{grid-template-columns:1fr}.panel{min-width:280px}}@media (max-width:767px){.dateRangePickerWrapper{display:block;width:100%}.trigger{width:100%;justify-content:center}.panel{left:0;right:0;width:auto;min-width:unset}.presets{justify-content:center}.inputRow{flex-direction:column;align-items:stretch}.inputSeparator{display:none}}@media (prefers-reduced-motion:reduce){.panel{animation:none}.applyBtn,.clearBtn,.dateInput,.dayButton,.navBtn,.presetBtn,.trigger,.triggerChevron{transition:none}}.analyticsPage{gap:var(--space-6,24px);padding:var(--space-5,20px);max-width:100%;overflow-x:hidden;min-height:100%}.analyticsPage,.pageHeaderWrapper{display:flex;flex-direction:column}.datePickerRow,.pageHeaderWrapper{gap:var(--space-3,12px)}.datePickerRow{display:flex;align-items:center}.chartCardFull{grid-column:1/-1}.insightsCard{display:flex;flex-direction:column;background:var(--surface-2);border:none;border-radius:var(--radius,5px);overflow:hidden;animation:fadeInUp var(--duration-normal,.3s) var(--ease-micro)}:root[data-theme=dark] .insightsCard{box-shadow:var(--shadow-card-rest)}:root[data-theme=light] .insightsCard{box-shadow:0 2px 8px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04);background:#fff}.chartHeader{padding:var(--space-4,16px);border-bottom:1px solid var(--border-subtle);background:var(--surface-3)}:root[data-theme=light] .chartHeader{background:#f5f5f5}.chartHeaderTitle{display:flex;flex-direction:column;gap:var(--space-1,4px)}:root[data-theme=light] .chartTitle{color:rgba(0,0,0,.9)}.chartSubtitle{font-size:.75rem;color:var(--text-tertiary)}:root[data-theme=light] .chartSubtitle{color:rgba(0,0,0,.55)}.growthBadge{display:inline-flex;align-items:center;padding:var(--space-1,4px) var(--space-2,8px);border-radius:var(--radius,5px);font-size:.6875rem;font-weight:600;letter-spacing:.02em}.positive{background:var(--color-success-muted,rgba(16,185,129,.15));color:var(--trend-positive,#10b981)}.negative{background:var(--color-error-muted,rgba(239,68,68,.15));color:var(--trend-negative,#ef4444)}.neutral{background:var(--color-warning-muted,rgba(245,158,11,.15));color:var(--trend-neutral,#f59e0b)}.emptyState{background:var(--surface-2);min-height:200px}:root[data-theme=dark] .emptyState{box-shadow:var(--shadow-card-rest)}:root[data-theme=light] .emptyState{box-shadow:0 2px 8px rgba(0,0,0,.06)}.emptyStateIcon{width:48px;height:48px;margin-bottom:var(--space-3,12px)}.emptyStateTitle{font-size:.875rem;margin:0 0 var(--space-1,4px) 0}:root[data-theme=light] .emptyStateTitle{color:rgba(0,0,0,.85)}.emptyStateText{font-size:.8125rem;color:var(--text-tertiary);max-width:300px}:root[data-theme=light] .emptyStateText{color:rgba(0,0,0,.55)}.loadingState{padding:var(--space-8,32px);gap:var(--space-3,12px)}.loadingSpinner{width:40px;height:40px;border:3px solid var(--surface-3)}.liveMetricsSection{display:flex;flex-direction:column;gap:var(--space-4,16px)}.liveMetricsSectionTitle{font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin:0;display:flex;align-items:center;gap:var(--space-2,8px)}.liveMetricsSectionTitle:before{content:"";display:inline-block;width:8px;height:8px;background:var(--color-success,#10b981);border-radius:50%;animation:livePulse 2s infinite}@keyframes livePulse{0%,to{opacity:1;box-shadow:0 0 0 0 rgba(16,185,129,.4)}50%{opacity:.7;box-shadow:0 0 0 4px rgba(16,185,129,0)}}:root[data-theme=light] .liveMetricsSectionTitle{color:rgba(0,0,0,.55)}.liveMetricsGrid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-4,16px);gap:var(--space-4,16px)}@media (max-width:1023px){.analyticsPage{gap:var(--space-5,20px);padding:var(--space-4,16px)}.chartsGrid{grid-template-columns:1fr}.liveMetricsGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.analyticsPage{gap:var(--space-4,16px)}.analyticsPage,.chartHeader{padding:var(--space-3,12px)}.chartTitle{font-size:.875rem}.emptyState{padding:var(--space-6,24px);min-height:160px}.emptyStateIcon{width:40px;height:40px}.liveMetricsGrid{grid-template-columns:1fr}.liveMetricsSectionTitle{font-size:.6875rem}}@media (max-width:374px){.analyticsPage{padding:var(--space-2,8px)}.growthBadge{font-size:.625rem;padding:2px var(--space-1,4px)}}@media (prefers-reduced-motion:reduce){.insightsCard,.liveMetricsSectionTitle:before,.loadingSpinner{animation:none}}.widget{display:flex;flex-direction:column;height:100%;background:var(--surface-2);border-radius:var(--radius);overflow:hidden;transition:box-shadow var(--duration-micro) var(--ease-micro)}:root[data-theme=dark] .widget{box-shadow:var(--shadow-card-rest)}:root[data-theme=light] .widget{box-shadow:0 2px 8px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04);background:var(--surface-1)}.widget:hover{box-shadow:var(--shadow-card-hover)}.widgetHeader{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--border-subtle)}.widgetHeaderContent{display:flex;flex-direction:column;gap:var(--space-1)}.widgetTitle{margin:0;font-size:.875rem;font-weight:600;letter-spacing:.01em}.widgetTitle,:root[data-theme=light] .widgetTitle{color:var(--text-primary)}.widgetSubtitle{font-size:.75rem;color:var(--text-tertiary)}.widgetBody{padding:var(--space-4);flex:1 1;display:flex;flex-direction:column}.widgetFooter{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle)}.onboardingProgress{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;margin-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.progressRing{position:relative;width:48px;height:48px;flex-shrink:0}.progressRingBg{fill:none;stroke:var(--surface-4);stroke-width:4}.progressRingFill{fill:none;stroke:var(--brand-coral);stroke-width:4;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset var(--duration-normal) var(--ease-out-cubic)}.progressText{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.6875rem;font-weight:700;color:var(--brand-coral)}.progressInfo{flex:1 1}.progressLabel{font-size:.8125rem;font-weight:600;color:var(--text-primary)}.progressDescription{font-size:.75rem;color:var(--text-secondary);margin-top:var(--space-1)}.stepsList{gap:var(--space-2);flex:1 1}.step{gap:var(--space-3);padding:var(--space-3);background:var(--surface-3);border-radius:var(--radius);transition:all var(--duration-micro) var(--ease-micro)}.step:hover:not(.stepCompleted){background:var(--surface-4)}.stepIcon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);flex-shrink:0;font-size:.75rem}.stepPending .stepIcon{color:var(--text-tertiary);border:1px solid var(--border-default)}.stepCompleted .stepIcon{color:var(--color-success);border:1px solid var(--color-success)}.stepIcon svg{width:14px;height:14px}.stepContent{flex:1 1;min-width:0}.stepTitle{font-size:.8125rem;font-weight:500;color:var(--text-primary)}.stepCompleted .stepTitle{color:var(--text-tertiary);text-decoration:line-through}.stepDescription{font-size:.6875rem;color:var(--text-tertiary);margin-top:2px}.stepAction{height:28px;padding:0 var(--space-3);background:var(--brand-coral);border:none;border-radius:var(--radius);color:var(--color-text-contrast);font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--duration-micro) var(--ease-micro);white-space:nowrap}:root[data-theme=light] .stepAction{color:var(--color-text-contrast-light)}.stepAction:hover{filter:brightness(1.1)}.stepActionSecondary{background:transparent;border:1px solid var(--border-default);color:var(--text-secondary)}.stepActionSecondary:hover{border-color:var(--brand-coral);color:var(--brand-coral);filter:none}.alertsList{display:flex;flex-direction:column;gap:var(--space-2);flex:1 1}.alertItem{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius);background:var(--surface-3);transition:background var(--duration-micro) var(--ease-micro)}.alertItem:hover{background:var(--surface-4)}.alertIcon{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.alertIcon svg{width:16px;height:16px}.alertCritical .alertIcon{color:var(--color-error)}.alertWarning .alertIcon{color:var(--color-warning)}.alertInfo .alertIcon{color:var(--color-info)}.alertContent{min-width:0}.alertTitle{font-size:.8125rem}.alertDescription{font-size:.75rem;margin-top:var(--space-1)}.alertMeta{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.alertTime{font-size:.6875rem;color:var(--text-tertiary)}.alertAction{height:24px;padding:0 var(--space-2);background:transparent;border:1px solid var(--border-default);border-radius:var(--radius);color:var(--text-secondary);font-size:.6875rem;font-weight:500;cursor:pointer;transition:all var(--duration-micro) var(--ease-micro)}.alertAction:hover{border-color:var(--brand-coral);color:var(--brand-coral)}.alertsEmpty{flex-direction:column;padding:var(--space-6);text-align:center;gap:var(--space-3);flex:1 1;min-height:200px}.alertsEmpty,.alertsEmptyIcon{display:flex;align-items:center;justify-content:center}.alertsEmptyIcon{width:48px;height:48px;border-radius:var(--radius);background:transparent;color:var(--color-success)}.alertsEmptyIcon svg{width:24px;height:24px}.alertsEmptyTitle{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0}.alertsEmptyDescription{font-size:.75rem;color:var(--text-tertiary);margin:0}.alertBadge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-1);background:var(--color-error);color:var(--color-text-contrast);font-size:.6875rem;font-weight:700;border-radius:var(--radius)}.performanceMetrics{display:flex;flex-direction:column;gap:var(--space-3);flex:1 1}.metricItem{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--border-subtle)}.metricItem:last-child{border-bottom:none}.metricLabel{font-size:.8125rem}.metricValue{font-size:.875rem;font-weight:600}.metricPositive{color:var(--color-success)}.metricNegative{color:var(--color-error)}.topAccountsSection{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.topAccountsTitle{font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-3) 0}.topAccountsList{display:flex;flex-direction:column;gap:var(--space-2)}.topAccountItem{gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--surface-3);border-radius:var(--radius)}.accountRank,.topAccountItem{display:flex;align-items:center}.accountRank{width:24px;height:24px;justify-content:center;color:var(--brand-coral);font-size:.6875rem;font-weight:700;flex-shrink:0}.accountName{flex:1 1;font-size:.8125rem;font-weight:500;min-width:0}.accountRevenue{font-size:.8125rem;font-weight:600;color:var(--text-primary)}.accountChange{font-size:.6875rem;font-weight:600;padding:2px var(--space-2);border-radius:var(--radius)}.accountChangePositive{background:var(--color-success-muted);color:var(--color-success)}.accountChangeNegative{background:var(--color-error-muted);color:var(--color-error)}.viewAnalyticsBtn{width:100%;height:36px;margin-top:var(--space-3);background:transparent;border:1px solid var(--border-default);border-radius:var(--radius);color:var(--text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--duration-micro) var(--ease-micro)}.viewAnalyticsBtn:hover{color:var(--brand-coral);border-color:var(--brand-coral)}.quickActionsGrid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-3);gap:var(--space-3)}.quickActionBtn{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--surface-3);border:none;border-radius:var(--radius);cursor:pointer;transition:all var(--duration-micro) var(--ease-micro);text-align:center}.quickActionBtn:hover{background:var(--surface-4);transform:translateY(-2px)}:root[data-theme=dark] .quickActionBtn:hover{box-shadow:var(--shadow-low)}:root[data-theme=light] .quickActionBtn:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)}.quickActionBtn:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.quickActionIcon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:color var(--duration-micro) var(--ease-micro)}.quickActionBtn:hover .quickActionIcon{color:var(--brand-coral)}.quickActionIcon svg{width:20px;height:20px}.quickActionLabel{font-size:.8125rem;font-weight:500;color:var(--text-primary)}.quickActionDescription{font-size:.6875rem;color:var(--text-tertiary);line-height:1.3}.recentActivityWrapper{flex:1 1;display:flex;flex-direction:column;min-height:0;overflow-y:auto}@media (max-width:1023px){.quickActionsGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.widgetBody,.widgetHeader{padding:var(--space-3)}.step{flex-wrap:wrap;gap:var(--space-2)}.stepAction{width:100%;justify-content:center}.quickActionsGrid{grid-template-columns:1fr}.quickActionBtn{padding:var(--space-3)}.quickActionDescription{display:none}.topAccountItem{flex-wrap:wrap;gap:var(--space-2)}.onboardingProgress{flex-direction:column;text-align:center}}@media (prefers-reduced-motion:reduce){.alertAction,.alertItem,.progressRingFill,.quickActionBtn,.step,.stepAction,.viewAnalyticsBtn,.widget{transition:none}}.overviewPage{padding:var(--space-4);max-width:100%;overflow-x:hidden;display:flex;flex-direction:column;gap:var(--space-4)}.pageHeader{padding-bottom:var(--space-2)}.headerContent{gap:var(--space-1)}.pageTitle{font-size:1.375rem}.periodSelector{display:flex;align-items:center;gap:var(--space-1);background:var(--surface-2);border-radius:var(--radius);padding:var(--space-1)}:root[data-theme=dark] .periodSelector{box-shadow:var(--shadow-card-rest)}:root[data-theme=light] .periodSelector{box-shadow:0 1px 3px rgba(0,0,0,.08)}.periodBtn{height:32px;padding:0 var(--space-3);background:transparent;border:none;border-radius:var(--radius);color:var(--text-tertiary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--duration-micro) var(--ease-micro);white-space:nowrap}.periodBtn:hover:not(.periodBtnActive){color:var(--text-secondary);background:var(--glass-bg-hover)}.periodBtn:focus-visible{outline:2px solid var(--brand-coral);outline-offset:-2px}.periodBtnActive{background:var(--brand-coral);color:var(--color-text-contrast)}:root[data-theme=light] .periodBtnActive{color:var(--color-text-contrast-light)}.contentGrid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;grid-gap:var(--space-4);gap:var(--space-4)}.contentGrid>*{min-height:0}.contentGrid>:first-child,.contentGrid>:nth-child(2){min-height:380px}.contentGridFull{grid-column:1/-1}.contentGrid>:nth-child(4),.contentGrid>:nth-child(5){min-height:340px}@media (max-width:1023px){.overviewPage{padding:var(--space-3);gap:var(--space-3)}.contentGrid{grid-template-columns:1fr;gap:var(--space-3)}.contentGrid>:first-child,.contentGrid>:nth-child(2),.contentGrid>:nth-child(4),.contentGrid>:nth-child(5){min-height:auto}.contentGridFull{grid-column:span 1}}@media (max-width:767px){.overviewPage{padding:var(--space-2);gap:var(--space-3)}.pageHeader{flex-direction:column;align-items:stretch;gap:var(--space-3)}.pageTitle{font-size:1.25rem}.periodSelector{width:100%;justify-content:space-between}.periodBtn{flex:1 1;justify-content:center;text-align:center}.contentGrid{grid-template-columns:1fr;gap:var(--space-3)}}@media (max-width:374px){.overviewPage{padding:var(--space-2)}.periodSelector{flex-wrap:wrap}.periodBtn{min-width:calc(50% - var(--space-1))}}.quickStatsLoading{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-4);gap:var(--space-4)}@media (max-width:1023px){.quickStatsLoading{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.quickStatsLoading{grid-template-columns:1fr}}.cardSkeleton,.statSkeleton{background:var(--surface-2);border-radius:var(--radius);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.cardSkeleton{min-height:200px}.skeletonLine{height:20px;width:60%}.skeletonLine,.skeletonLineShort{background:linear-gradient(90deg,var(--surface-3) 25%,var(--surface-4,var(--surface-3)) 50%,var(--surface-3) 75%);background-size:200% 100%;border-radius:var(--radius);animation:shimmer 1.5s infinite}.skeletonLineShort{height:16px;width:40%}.skeletonContent{flex:1 1;background:linear-gradient(90deg,var(--surface-3) 25%,var(--surface-4,var(--surface-3)) 50%,var(--surface-3) 75%);background-size:200% 100%;border-radius:var(--radius);animation:shimmer 1.5s infinite}.errorState{gap:var(--space-3);padding:var(--space-6) var(--space-4);color:var(--text-secondary);grid-column:1/-1}.errorState svg{color:var(--text-tertiary)}.errorState h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.errorState p{font-size:.875rem;color:var(--text-secondary);margin:0;max-width:400px}.retryButton{justify-content:center;height:36px;padding:0 var(--space-4);background:var(--brand-coral);color:var(--color-text-contrast);border-radius:var(--radius);font-weight:500;transition:opacity var(--duration-micro) var(--ease-micro)}:root[data-theme=light] .retryButton{color:var(--color-text-contrast-light)}.retryButton:hover{opacity:.9}.retryButton:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}@media (prefers-reduced-motion:reduce){.periodBtn{transition:none}.skeletonContent,.skeletonLine,.skeletonLineShort{animation:none;background:var(--surface-3)}}.card{display:flex;flex-direction:column;background:var(--surface-2);border:none;border-radius:var(--radius);transition:all var(--duration-micro) var(--ease-micro);cursor:default}:root[data-theme=dark] .card{box-shadow:var(--shadow-card-rest)}:root[data-theme=light] .card{box-shadow:0 2px 8px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04);background:#fff}.cardClickable{cursor:pointer}.cardClickable:hover{transform:translateY(-2px)}:root[data-theme=dark] .cardClickable:hover{box-shadow:var(--shadow-card-hover);background:var(--surface-3)}:root[data-theme=light] .cardClickable:hover{box-shadow:0 6px 20px rgba(0,0,0,.1),0 12px 32px rgba(0,0,0,.06);background:#fff}.cardClickable:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.cardSelected{background:var(--surface-3)}:root[data-theme=dark] .cardSelected{box-shadow:0 0 0 2px var(--brand-coral),var(--shadow-card-hover)}:root[data-theme=light] .cardSelected{box-shadow:0 0 0 2px var(--brand-coral),0 6px 20px rgba(0,0,0,.1)}.cardStat{padding:var(--space-4);gap:var(--space-3)}.statHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.statIconWrapper{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius);background:var(--brand-coral-muted);color:var(--brand-coral);flex-shrink:0}.statIconWrapper svg{width:20px;height:20px}.statContent{display:flex;flex-direction:column;gap:var(--space-1);flex:1 1;min-width:0}.statValue{font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:1.1;letter-spacing:-.02em}.statLabel{font-weight:var(--font-medium);color:var(--text-tertiary)}.statLabel,.statTrend{font-size:var(--text-sm)}.statTrend{display:flex;align-items:center;gap:var(--space-1);font-weight:var(--font-semibold)}.statTrendPositive{color:var(--color-success)}.statTrendNegative{color:var(--color-error)}.statTrendNeutral{color:var(--text-tertiary)}.statTrendIcon{width:14px;height:14px}.cardAccount{padding:var(--space-4);gap:var(--space-3)}.accountHeader{display:flex;align-items:center;gap:var(--space-3)}.accountAvatar{width:48px;height:48px;border-radius:var(--radius);background:var(--surface-3);flex-shrink:0}.accountAvatarPlaceholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-secondary);background:var(--brand-coral-muted);color:var(--brand-coral)}.accountInfo{min-width:0}.accountName{font-size:var(--text-base);font-weight:var(--font-semibold);margin:0}.accountName,.accountSubtitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.accountSubtitle{font-size:var(--text-sm);color:var(--text-tertiary)}:root[data-theme=light] .accountSubtitle{color:rgba(0,0,0,.5)}.accountFooter{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.cardTeam{padding:var(--space-4);gap:var(--space-3)}.teamHeader{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.teamTitle{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}:root[data-theme=light] .teamTitle{color:rgba(0,0,0,.9)}.teamMeta{font-size:var(--text-sm);color:var(--text-tertiary)}:root[data-theme=light] .teamMeta{color:rgba(0,0,0,.5)}.teamAvatars{display:flex;align-items:center}.teamAvatarItem{width:32px;height:32px;border-radius:var(--radius);overflow:hidden;margin-left:-8px;border:2px solid var(--surface-2);background:var(--surface-3)}.teamAvatarItem:first-child{margin-left:0}.teamAvatarItem img{width:100%;height:100%;object-fit:cover}.teamAvatarMore{display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary);background:var(--surface-4)}:root[data-theme=light] .teamAvatarItem{border-color:#fff}.teamStats{align-items:center;gap:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.teamStatItem{display:flex;flex-direction:column;gap:2px}.teamStatValue{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}:root[data-theme=light] .teamStatValue{color:rgba(0,0,0,.85)}.teamStatLabel{font-size:var(--text-xs);color:var(--text-tertiary)}:root[data-theme=light] .teamStatLabel{color:rgba(0,0,0,.5)}.cardAction{padding:var(--space-4);gap:var(--space-2);text-align:center;min-height:100px}.actionIcon,.cardAction{align-items:center;justify-content:center}.actionIcon{display:flex;width:48px;height:48px;border-radius:var(--radius);background:var(--brand-coral-muted);color:var(--brand-coral);transition:all var(--duration-micro) var(--ease-micro)}.actionIcon svg{width:24px;height:24px}.cardAction:hover .actionIcon{background:var(--brand-coral);color:#fff}:root[data-theme=light] .cardAction:hover .actionIcon{color:#000}.actionTitle{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}:root[data-theme=light] .actionTitle{color:rgba(0,0,0,.9)}.actionDescription{font-size:var(--text-xs)}:root[data-theme=light] .actionDescription{color:rgba(0,0,0,.5)}.badge{display:inline-flex;align-items:center;justify-content:center;font-weight:var(--font-semibold);border-radius:var(--radius);white-space:nowrap;transition:all var(--duration-micro) var(--ease-micro)}.badgeSm{height:20px;padding:0 var(--space-2);font-size:var(--text-xs)}.badgeMd{height:24px;padding:0 var(--space-3);font-size:var(--text-sm)}.badgeRoleOwner{background:var(--brand-coral-muted);color:var(--brand-coral)}.badgeRoleAdmin{background:var(--color-info-muted);color:var(--color-info)}.badgeRoleManager{background:rgba(147,51,234,.15);color:#a855f7}.badgeRoleEditor{background:var(--color-warning-muted);color:var(--color-warning)}.badgeRoleViewer{background:var(--glass-bg-hover);color:var(--text-secondary)}.badgeStatusActive{background:var(--color-success-muted);color:var(--color-success)}.badgeStatusPending{background:var(--color-warning-muted);color:var(--color-warning)}.badgeStatusInactive{background:var(--glass-bg-hover);color:var(--text-tertiary)}.badgeStatusError{background:var(--color-error-muted);color:var(--color-error)}.chartCard{display:flex;flex-direction:column;background:var(--surface-2);border:none;border-radius:var(--radius);overflow:hidden;transition:all var(--duration-micro) var(--ease-micro)}:root[data-theme=dark] .chartCard{box-shadow:var(--shadow-card-rest)}:root[data-theme=light] .chartCard{box-shadow:0 2px 8px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04);background:#fff}.chartCard:hover{transform:translateY(-1px)}:root[data-theme=dark] .chartCard:hover{box-shadow:var(--shadow-card-hover)}:root[data-theme=light] .chartCard:hover{box-shadow:0 6px 20px rgba(0,0,0,.1)}.chartCardHeader{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--border-subtle);background:var(--surface-3)}.chartCardTitleGroup{display:flex;flex-direction:column;gap:var(--space-1)}.chartCardTitle{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0;text-transform:uppercase;letter-spacing:.05em}:root[data-theme=light] .chartCardTitle{color:rgba(0,0,0,.9)}.chartCardSubtitle{font-size:var(--text-xs);color:var(--text-tertiary)}:root[data-theme=light] .chartCardSubtitle{color:rgba(0,0,0,.5)}.chartCardActions{display:flex;align-items:center;gap:var(--space-2)}.chartCardBody{padding:var(--space-4);min-height:300px}.detailPanelOverlay{z-index:var(--z-modal-backdrop);opacity:0;visibility:hidden;transition:all var(--duration-normal) var(--ease-micro)}.detailPanelOverlayOpen{opacity:1;visibility:visible}.detailPanel{width:480px;max-width:100%;background:var(--surface-1);z-index:var(--z-modal);transform:translateX(100%);transition:transform var(--duration-normal) var(--ease-out-cubic)}:root[data-theme=dark] .detailPanel{box-shadow:var(--shadow-high)}:root[data-theme=light] .detailPanel{box-shadow:-8px 0 32px rgba(0,0,0,.12);background:#fafafa}.detailPanelOpen{transform:translateX(0)}.detailPanelHeader{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.detailPanelTitle{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}:root[data-theme=light] .detailPanelTitle{color:rgba(0,0,0,.9)}.detailPanelClose{border-radius:var(--radius);color:var(--text-secondary);transition:all var(--duration-micro) var(--ease-micro)}.detailPanelClose:hover{background:var(--glass-bg-hover);color:var(--brand-coral)}.detailPanelClose:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.detailPanelClose svg{width:20px;height:20px}.detailPanelBody{padding:var(--space-5);gap:var(--space-4);overscroll-behavior:contain}.detailPanelNarrow{width:400px}.detailPanelWide{width:600px}.inlineForm{background:var(--surface-2);overflow:hidden;transition:all var(--duration-normal) var(--ease-micro)}:root[data-theme=dark] .inlineForm{box-shadow:var(--shadow-card-rest)}:root[data-theme=light] .inlineForm{box-shadow:0 2px 8px rgba(0,0,0,.06);background:#fff}.inlineFormTrigger{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--space-4);background:transparent;border:none;border-radius:var(--radius);cursor:pointer;transition:all var(--duration-micro) var(--ease-micro)}.inlineFormTrigger:hover{background:var(--glass-bg-hover)}.inlineFormTrigger:focus-visible{outline:2px solid var(--brand-coral);outline-offset:-2px}.inlineFormTriggerContent{display:flex;align-items:center;gap:var(--space-2);color:var(--brand-coral);font-size:var(--text-sm);font-weight:var(--font-semibold)}.inlineFormTriggerIcon{width:20px;height:20px;transition:transform var(--duration-micro) var(--ease-micro)}.inlineFormExpanded .inlineFormTriggerIcon{transform:rotate(45deg)}.inlineFormContent{max-height:0;opacity:0;overflow:hidden;transition:all var(--duration-normal) var(--ease-out-cubic)}.inlineFormExpanded .inlineFormContent{max-height:1000px;opacity:1}.inlineFormHeader{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--border-subtle)}.inlineFormTitle{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}:root[data-theme=light] .inlineFormTitle{color:rgba(0,0,0,.9)}.inlineFormBody{flex-direction:column;gap:var(--space-4)}.inlineFormActions,.inlineFormBody{padding:var(--space-4);display:flex}.inlineFormActions{align-items:center;justify-content:flex-end;gap:var(--space-3);border-top:1px solid var(--border-subtle);background:var(--surface-3)}.inlineFormBtnPrimary{height:40px;padding:0 var(--space-4);background:var(--brand-coral);color:#fff;border:none;border-radius:var(--radius);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all var(--duration-micro) var(--ease-micro)}:root[data-theme=light] .inlineFormBtnPrimary{color:#000}.inlineFormBtnPrimary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.inlineFormBtnPrimary:disabled{opacity:.5;cursor:not-allowed}.inlineFormBtnPrimary:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.inlineFormBtnSecondary{height:40px;padding:0 var(--space-4);background:transparent;color:var(--text-secondary);border:none;border-radius:var(--radius);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--duration-micro) var(--ease-micro)}.inlineFormBtnSecondary:hover:not(:disabled){color:var(--brand-coral)}.inlineFormBtnSecondary:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.filterBar,.filterBarSearch{align-items:center}.filterBarSearch{display:flex;gap:var(--space-2);flex:1 1;min-width:200px;max-width:400px;height:40px;padding:0 var(--space-3);background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius);transition:all var(--duration-micro) var(--ease-micro)}:root[data-theme=dark] .filterBarSearch{box-shadow:var(--shadow-inset)}:root[data-theme=light] .filterBarSearch{background:#fff}.filterBarSearch:focus-within{border-color:var(--brand-coral)}.filterBarSearchIcon{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0}.filterBarSearchInput{flex:1 1;height:100%;background:transparent;border:none;color:var(--text-primary);font-size:var(--text-sm);outline:none}.filterBarSearchInput::placeholder{color:var(--text-quaternary)}:root[data-theme=light] .filterBarSearchInput{color:rgba(0,0,0,.9)}:root[data-theme=light] .filterBarSearchInput::placeholder{color:rgba(0,0,0,.35)}.filterBarFilters{display:flex;align-items:center;gap:var(--space-2)}.filterBarSelect{height:40px;padding:0 var(--space-4);padding-right:36px;background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23ff7829' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:all var(--duration-micro) var(--ease-micro)}:root[data-theme=light] .filterBarSelect{background-color:#fff;color:rgba(0,0,0,.9)}.filterBarSelect:hover{border-color:var(--border-hover)}.filterBarSelect:focus{border-color:var(--brand-coral);outline:none}.filterBarSelect:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.filterBarMobileToggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-micro) var(--ease-micro)}.filterBarMobileToggle:hover{background:var(--surface-3);color:var(--brand-coral)}.filterBarMobileToggle:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.filterBarMobileToggle svg{width:18px;height:18px}.filterBarMobileFilters{display:none;width:100%;flex-direction:column;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.filterBarMobileOpen .filterBarMobileFilters{display:flex}@media (max-width:1023px){.detailPanel{width:420px}.detailPanelWide{width:520px}}@media (max-width:767px){.cardStat{padding:var(--space-3);gap:var(--space-2)}.statValue{font-size:var(--text-xl)}.cardAccount{padding:var(--space-3)}.accountAvatar{width:40px;height:40px}.detailPanel,.detailPanelNarrow,.detailPanelWide{width:100%;max-width:100%}.detailPanelHeader{padding:var(--space-3) var(--space-4)}.detailPanelBody{padding:var(--space-4)}.filterBar{flex-direction:column;align-items:stretch}.filterBarSearch{max-width:none}.filterBarFilters{display:none}.filterBarMobileToggle{display:flex}.filterBarMobileOpen .filterBarFilters{display:flex;flex-direction:column;padding-top:var(--space-3)}.filterBarSelect{width:100%}.inlineFormActions{flex-direction:column}.inlineFormBtnPrimary,.inlineFormBtnSecondary{width:100%}}@media (prefers-reduced-motion:reduce){.badge,.card,.cardClickable,.chartCard,.detailPanel,.detailPanelOverlay,.filterBarSearch,.filterBarSelect,.inlineFormContent,.inlineFormTriggerIcon{transition:none}}.revenuePage{display:flex;flex-direction:column;gap:var(--space-6,24px);padding:var(--space-5,20px);max-width:100%;overflow-x:hidden;min-height:100%}.headerTitle{gap:var(--space-1,4px)}.headerControls{display:flex;align-items:center;gap:var(--space-3,12px);flex-wrap:wrap}.timeRangeSelect{height:40px;padding:0 var(--space-4,16px);padding-right:36px;background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius,5px);color:var(--text-primary);font-size:.875rem;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23ff7829' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:all var(--duration-micro,.15s) var(--ease-micro)}.timeRangeSelect:hover{background-color:var(--surface-3);border-color:var(--border-hover)}.timeRangeSelect:focus{outline:none;border-color:var(--brand-coral)}.timeRangeSelect:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}:root[data-theme=light] .timeRangeSelect{background-color:#fff;color:rgba(0,0,0,.9)}:root[data-theme=light] .timeRangeSelect:hover{background-color:#f5f5f5}.exportButton{height:40px;padding:0 var(--space-4,16px);background:transparent;border:1px solid var(--border-default);color:var(--text-secondary);font-size:.875rem;font-weight:600;transition:all var(--duration-micro,.15s) var(--ease-micro)}.exportButton:hover:not(:disabled){color:var(--brand-coral);border-color:var(--brand-coral)}.exportButton:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}:root[data-theme=light] .exportButton{color:rgba(0,0,0,.7)}.kpiGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--space-4,16px);gap:var(--space-4,16px)}.kpiCard{display:flex;align-items:flex-start;gap:var(--space-3,12px);padding:var(--space-4,16px);background:var(--surface-2);border:none;border-radius:var(--radius,5px);transition:all var(--duration-micro,.15s) var(--ease-micro)}:root[data-theme=dark] .kpiCard{box-shadow:var(--shadow-card-rest)}:root[data-theme=light] .kpiCard{box-shadow:0 2px 8px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04);background:#fff}.kpiCard:hover{transform:translateY(-2px)}:root[data-theme=dark] .kpiCard:hover{box-shadow:var(--shadow-card-hover);background:var(--surface-3)}:root[data-theme=light] .kpiCard:hover{box-shadow:0 6px 20px rgba(0,0,0,.1),0 12px 32px rgba(0,0,0,.06)}.kpiIcon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--brand-coral-muted,rgba(255,120,41,.15));border-radius:var(--radius,5px);flex-shrink:0;color:var(--brand-coral)}.kpiIcon svg{width:24px;height:24px}.kpiContent{display:flex;flex-direction:column;gap:var(--space-1,4px);min-width:0;flex:1 1}.kpiTitle{font-size:.6875rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}:root[data-theme=light] .kpiTitle{color:rgba(0,0,0,.5)}.kpiValue{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.1;letter-spacing:-.02em}:root[data-theme=light] .kpiValue{color:rgba(0,0,0,.9)}.kpiChange{display:inline-flex;align-items:center;gap:var(--space-1,4px);font-size:.8125rem;font-weight:600}.trendIcon{width:14px;height:14px;flex-shrink:0}.trendPositive{color:var(--trend-positive,#22c55e)}.trendNegative{color:var(--trend-negative,#ef4444)}.trendNeutral{color:var(--trend-neutral,var(--text-tertiary))}.chartsGrid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-4,16px);gap:var(--space-4,16px)}.fullWidth{grid-column:1/-1}.noData{display:flex;align-items:center;justify-content:center;height:300px;color:var(--text-tertiary)}:root[data-theme=light] .noData{color:rgba(0,0,0,.5)}.tableCard{background:var(--surface-2);border:none;border-radius:var(--radius,5px);overflow:hidden}:root[data-theme=dark] .tableCard{box-shadow:var(--shadow-card-rest)}:root[data-theme=light] .tableCard{box-shadow:0 2px 8px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04);background:#fff}.tableTitle{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;padding:var(--space-4,16px);border-bottom:1px solid var(--border-subtle);background:var(--surface-3);text-transform:uppercase;letter-spacing:.05em}:root[data-theme=light] .tableTitle{color:rgba(0,0,0,.9);background:#f5f5f5}.tableContainer{overflow-x:auto;overscroll-behavior:contain}.revenueTable{width:100%;border-collapse:collapse}.revenueTable td,.revenueTable th{padding:var(--space-3,12px) var(--space-4,16px);text-align:left;border-bottom:1px solid var(--border-subtle)}.revenueTable th{font-size:.6875rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;background:var(--surface-1);position:-webkit-sticky;position:sticky;top:0}:root[data-theme=light] .revenueTable th{color:rgba(0,0,0,.55);background:#fafafa}.revenueTable td{font-size:.875rem;color:var(--text-primary)}:root[data-theme=light] .revenueTable td{color:rgba(0,0,0,.85)}.revenueTable tbody tr{transition:background var(--duration-micro,.15s)}.revenueTable tbody tr:hover{background:var(--surface-3)}:root[data-theme=light] .revenueTable tbody tr:hover{background:#f5f5f5}.accountCell{display:flex;flex-direction:column;gap:2px}.accountSubdomain{font-size:.75rem}:root[data-theme=light] .accountSubdomain{color:rgba(0,0,0,.5)}.currencyCell{font-family:var(--font-mono,"SF Mono",Monaco,Consolas,monospace);font-weight:500;color:var(--text-primary)}:root[data-theme=light] .currencyCell{color:rgba(0,0,0,.85)}.noDataCell{text-align:center;color:var(--text-tertiary);padding:var(--space-8,32px)!important}:root[data-theme=light] .noDataCell{color:rgba(0,0,0,.5)}.statusActive,.statusCOMPLETED,.statusPAID{background:var(--status-active-bg,rgba(16,185,129,.15));color:var(--status-active,#10b981)}.statusPENDING{background:var(--status-pending-bg,rgba(245,158,11,.15));color:var(--status-pending,#f59e0b)}.statusCANCELLED,.statusFAILED,.statusInactive{background:var(--status-error-bg,rgba(239,68,68,.15));color:var(--status-error,#ef4444)}.spinner{border:3px solid var(--surface-3)}@media (max-width:1023px){.revenuePage{padding:var(--space-4,16px);gap:var(--space-5,20px)}.chartsGrid{grid-template-columns:1fr}.kpiGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.revenuePage{padding:var(--space-3,12px);gap:var(--space-4,16px)}.headerControls,.pageHeader{flex-direction:column;align-items:stretch}.exportButton,.timeRangeSelect{width:100%}.kpiGrid{grid-template-columns:1fr}.kpiCard{padding:var(--space-3,12px)}.kpiValue{font-size:1.25rem}.tableTitle{padding:var(--space-3,12px)}.revenueTable td,.revenueTable th{padding:var(--space-2,8px) var(--space-3,12px)}}@media (max-width:374px){.revenuePage{padding:var(--space-2,8px)}.pageTitle{font-size:1.25rem}.kpiIcon{width:40px;height:40px}.kpiIcon svg{width:20px;height:20px}}@media (prefers-reduced-motion:reduce){.exportButton,.kpiCard,.revenueTable tbody tr,.timeRangeSelect{transition:none}.spinner{animation:none}}.teamsPage{padding:var(--space-6,24px);max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-6,24px);position:relative;min-height:100vh}.createTeamBtn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2,8px);height:44px;padding:0 var(--space-5,20px);background:var(--brand-coral,#fa7200);border:none;border-radius:var(--radius,5px);font-size:.875rem;font-weight:600;color:var(--color-text-contrast,#fff);cursor:pointer;transition:all var(--duration-micro,.15s) var(--ease-micro,cubic-bezier(.33,1,.68,1))}.createTeamBtn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.createTeamBtn:active:not(:disabled){transform:translateY(0)}.createTeamBtn:disabled{opacity:.5;cursor:not-allowed}.createTeamBtn:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(250,114,0,.4)}.teamsSearch{display:flex;align-items:center;flex:1 1;min-width:240px;max-width:360px;height:44px;padding:0 var(--space-4,16px);background:var(--surface-2,#242424);border-radius:var(--radius,5px);gap:var(--space-3,12px);transition:all var(--duration-micro,.15s)}.teamsSearch:focus-within{box-shadow:0 0 0 2px var(--brand-coral,#fa7200)}.chartTooltip{background:var(--surface-3,#2a2a2a);border:none;border-radius:var(--radius,5px);box-shadow:var(--shadow-medium,0 4px 12px rgba(0,0,0,.3));padding:var(--space-2,8px) var(--space-3,12px)}.teamsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:var(--space-4,16px)}.teamCard,.teamsGrid{gap:var(--space-4,16px)}.teamCard{background:var(--surface-2,#242424);border-radius:var(--radius,5px);padding:var(--space-5,20px);display:flex;flex-direction:column;box-shadow:var(--shadow-card-rest,0 2px 8px rgba(0,0,0,.15));transition:all .3s var(--ease-micro,cubic-bezier(.33,1,.68,1));cursor:pointer}.teamCard:hover{box-shadow:var(--shadow-card-hover,0 6px 20px rgba(0,0,0,.25));transform:translateY(-2px)}.teamCardHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3,12px)}.teamName{font-size:1rem;font-weight:600;color:var(--text-primary,hsla(0,0%,100%,.95));margin:0}.teamDescription{font-size:.8125rem;color:var(--text-secondary,hsla(0,0%,100%,.75));margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.teamStats{display:flex;gap:var(--space-5,20px);flex-wrap:wrap}.teamStat{display:flex;flex-direction:column;gap:2px}.accountBadge{display:inline-flex;align-items:center;padding:2px var(--space-2,8px);background:rgba(59,130,246,.15);border-radius:var(--radius,5px);font-size:.6875rem;font-weight:600;color:var(--chart-secondary,#3b82f6)}.memberAvatars{margin-top:auto}.memberAvatar,.memberAvatars{display:flex;align-items:center}.memberAvatar{width:32px;height:32px;border-radius:var(--radius,5px);background:var(--brand-coral,#fa7200);color:var(--color-text-contrast,#fff);font-size:.75rem;font-weight:600;justify-content:center;margin-left:-8px;border:2px solid var(--surface-2,#242424);transition:transform var(--duration-micro,.15s)}.memberAvatar:first-child{margin-left:0}.memberAvatar:hover{transform:scale(1.1);z-index:1}.memberCount{width:32px;height:32px;border-radius:var(--radius,5px);background:var(--surface-3,#2a2a2a);color:var(--text-secondary,hsla(0,0%,100%,.75));font-size:.6875rem;font-weight:600;display:flex;align-items:center;justify-content:center;margin-left:-8px;border:2px solid var(--surface-2,#242424)}.detailPanel{max-width:520px}.teamExpanded{gap:var(--space-5,20px)}.membersList,.teamExpanded{display:flex;flex-direction:column}.membersList{gap:var(--space-2,8px)}.memberItem{display:flex;align-items:center;gap:var(--space-3,12px);padding:var(--space-3,12px);background:var(--surface-2,#242424);border-radius:var(--radius,5px);transition:background var(--duration-micro,.15s)}.memberItem:hover{background:var(--surface-3,#2a2a2a)}.memberInfo{display:flex;flex-direction:column;flex:1 1;min-width:0;gap:2px}.memberInfo strong{font-size:.875rem;font-weight:600;color:var(--text-primary,hsla(0,0%,100%,.95))}.memberEmail{font-size:.75rem;color:var(--text-tertiary,hsla(0,0%,100%,.55));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.memberRole{background:rgba(250,114,0,.15);border-radius:var(--radius,5px);font-size:.6875rem;font-weight:600;color:var(--brand-coral,#fa7200);text-transform:uppercase;letter-spacing:.05em}.memberRole,.memberRoleSelect{padding:4px var(--space-3,12px)}.memberRoleSelect{background:var(--surface-2,hsla(0,0%,100%,.05));border:1px solid var(--border-default,hsla(0,0%,100%,.1));border-radius:var(--radius,5px);font-size:.75rem;font-weight:500;color:var(--text-primary,hsla(0,0%,100%,.95));cursor:pointer;min-width:90px;transition:border-color .2s ease,background .2s ease}.memberRoleSelect:hover:not(:disabled){border-color:var(--brand-coral,#fa7200);background:var(--surface-3,hsla(0,0%,100%,.08))}.memberRoleSelect:focus{outline:none;border-color:var(--brand-coral,#fa7200);box-shadow:0 0 0 2px rgba(250,114,0,.2)}.memberRoleSelect:disabled{opacity:.5;cursor:not-allowed}.memberRoleSelect option{background:var(--surface-1,#1a1a1a);color:var(--text-primary,hsla(0,0%,100%,.95))}.permissionsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:var(--space-2,8px);gap:var(--space-2,8px)}.permissionCheckbox{display:flex;align-items:center;gap:var(--space-2,8px);padding:var(--space-3,12px);background:var(--surface-2,#242424);border-radius:var(--radius,5px);font-size:.8125rem;color:var(--text-primary,hsla(0,0%,100%,.95));cursor:pointer;transition:background var(--duration-micro,.15s)}.permissionCheckbox:hover{background:var(--surface-3,#2a2a2a)}.permissionCheckbox input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border:2px solid var(--brand-coral,#fa7200);border-radius:var(--radius,5px);background:transparent;cursor:pointer;position:relative;flex-shrink:0}.permissionCheckbox input[type=checkbox]:checked{background:var(--brand-coral,#fa7200)}.permissionCheckbox input[type=checkbox]:checked:before{content:"";position:absolute;width:4px;height:8px;border-right:2px solid var(--color-text-contrast,#fff);border-bottom:2px solid var(--color-text-contrast,#fff);top:50%;left:50%;transform:translate(-50%,-60%) rotate(45deg)}.permissionCheckbox input[type=checkbox]:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(250,114,0,.4)}.emptyTeams{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8,32px);text-align:center;background:var(--surface-2,#242424);border-radius:var(--radius,5px);box-shadow:var(--shadow-card-rest,0 2px 8px rgba(0,0,0,.15))}:root[data-theme=light] .teamsPage{background:#fafafa}:root[data-theme=light] .chartTitle,:root[data-theme=light] .contentTitle,:root[data-theme=light] .detailPanelTitle,:root[data-theme=light] .emptyTitle,:root[data-theme=light] .inlineCreateFormTitle,:root[data-theme=light] .sectionHeader h3,:root[data-theme=light] .teamName{color:rgba(0,0,0,.9)}:root[data-theme=light] .contentSubtitle,:root[data-theme=light] .teamDescription{color:rgba(0,0,0,.65)}:root[data-theme=light] .emptyDescription,:root[data-theme=light] .emptyMessage,:root[data-theme=light] .filterStats,:root[data-theme=light] .loadingText,:root[data-theme=light] .memberEmail,:root[data-theme=light] .statLabel{color:rgba(0,0,0,.55)}:root[data-theme=light] .chartCard,:root[data-theme=light] .emptyTeams,:root[data-theme=light] .inlineCreateForm,:root[data-theme=light] .teamCard,:root[data-theme=light] .teamsSearch{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08)}:root[data-theme=light] .chartCard:hover,:root[data-theme=light] .teamCard:hover{background:#fff;box-shadow:0 6px 20px rgba(0,0,0,.1)}:root[data-theme=light] .detailPanelFooter,:root[data-theme=light] .detailPanelHeader,:root[data-theme=light] .inlineCreateFormActions,:root[data-theme=light] .sectionHeader{border-color:rgba(0,0,0,.08)}:root[data-theme=light] .formInput,:root[data-theme=light] .formTextarea,:root[data-theme=light] .memberItem,:root[data-theme=light] .permissionCheckbox{background:#f5f5f5}:root[data-theme=light] .memberItem:hover,:root[data-theme=light] .permissionCheckbox:hover{background:#ebebeb}:root[data-theme=light] .memberInfo strong,:root[data-theme=light] .statValue{color:rgba(0,0,0,.9)}:root[data-theme=light] .memberAvatar{border-color:#fff}:root[data-theme=light] .memberCount{background:rgba(0,0,0,.08);color:rgba(0,0,0,.6);border-color:#fff}:root[data-theme=light] .permissionCheckbox{color:rgba(0,0,0,.85)}:root[data-theme=light] .permissionCheckbox input[type=checkbox]:checked:before{border-color:#000}@media (max-width:1023px){.teamsPage{padding:var(--space-5,20px)}.teamsGrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.detailPanel{max-width:100%}}@media (max-width:767px){.teamsPage{padding:var(--space-4,16px);gap:var(--space-4,16px)}.contentHeader{flex-direction:column;align-items:stretch}.createTeamBtn{width:100%;justify-content:center}.filtersBar{flex-direction:column;align-items:stretch}.teamsSearch{max-width:none}.filterStats{margin-left:0;text-align:center}.teamsGrid{grid-template-columns:1fr}.teamCard{padding:var(--space-4,16px)}.detailPanelFooter{flex-direction:column;gap:var(--space-3,12px)}.detailPanelFooterLeft,.detailPanelFooterRight{width:100%}.detailPanelFooterLeft button,.detailPanelFooterRight button{flex:1 1}.permissionsGrid{grid-template-columns:1fr}.inlineCreateFormActions{flex-direction:column}.inlineCreateFormActions button{width:100%}.chartCard{display:none}}@media (max-width:374px){.teamsPage{padding:var(--space-3,12px)}.contentTitle{font-size:1.25rem}.teamCardHeader{flex-direction:column;gap:var(--space-2,8px)}.teamCardHeader button{width:100%}.memberItem{flex-wrap:wrap;gap:var(--space-2,8px)}.memberInfo{flex:1 1 100%;order:1}.memberItem .memberAvatar{order:0}.memberRole{order:2}.memberItem .btnDanger{order:3;flex:1 1;margin-top:var(--space-1,4px)}.memberSelectorHeader{flex-direction:column;gap:var(--space-2,8px)}.memberSelectorHeader .formInput{width:100%}}.memberSelectorContainer{background:var(--surface-2,#1e1e1e);border:1px solid var(--border-subtle,hsla(0,0%,100%,.08));border-radius:var(--radius,5px);margin-bottom:var(--space-3,12px);overflow:hidden}.memberSelectorHeader{display:flex;align-items:center;gap:var(--space-2,8px);padding:var(--space-3,12px);border-bottom:1px solid var(--border-subtle,hsla(0,0%,100%,.08))}.memberSelectorHeader .formInput{flex:1 1}.memberSelectorList{max-height:240px;overflow-y:auto;padding:var(--space-2,8px)}.memberSelectorLoading{padding:var(--space-4,16px);text-align:center}.memberSelectorItem{display:flex;align-items:center;gap:var(--space-3,12px);width:100%;padding:var(--space-2,8px) var(--space-3,12px);background:transparent;border:none;border-radius:var(--radius,5px);cursor:pointer;transition:background var(--duration-micro,.1s) var(--ease-micro,ease-out);text-align:left;color:var(--text-primary,hsla(0,0%,100%,.95))}.memberSelectorItem:hover{background:var(--surface-3,#2a2a2a)}.memberSelectorItem:disabled{opacity:.5;cursor:not-allowed}.memberSelectorRole{font-size:var(--text-xs,.75rem);color:var(--text-tertiary,hsla(0,0%,100%,.55));text-transform:capitalize;flex-shrink:0}:root[data-theme=light] .memberSelectorContainer{background:var(--surface-2,#f8f8f8);border-color:var(--border-subtle,rgba(0,0,0,.08))}:root[data-theme=light] .memberSelectorItem{color:var(--text-primary,rgba(0,0,0,.87))}:root[data-theme=light] .memberSelectorItem:hover{background:var(--surface-3,#f0f0f0)}:root[data-theme=light] .memberSelectorRole{color:var(--text-tertiary,rgba(0,0,0,.45))}.usersPage{padding:var(--space-6,24px);max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-6,24px)}.inviteBtn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2,8px);height:44px;padding:0 var(--space-5,20px);background:var(--brand-coral,#fa7200);border:none;border-radius:var(--radius,5px);font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;transition:all var(--duration-micro,.15s) var(--ease-micro,cubic-bezier(.33,1,.68,1))}.inviteBtn:hover{filter:brightness(1.1);transform:translateY(-1px)}.inviteBtn:active{transform:translateY(0)}.inviteBtn:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(250,114,0,.4)}.exportBtn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2,8px);height:44px;padding:0 var(--space-5,20px);background:transparent;border:none;border-radius:var(--radius,5px);font-size:.875rem;font-weight:600;color:var(--text-secondary,hsla(0,0%,100%,.75));cursor:pointer;transition:all var(--duration-micro,.15s) var(--ease-micro,cubic-bezier(.33,1,.68,1))}.exportBtn:hover{color:var(--brand-coral,#fa7200)}.exportBtn:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(250,114,0,.4)}.searchBox{display:flex;align-items:center;max-width:360px;height:44px;padding:0 var(--space-4,16px);background:var(--background-tertiary,#1a1a1a);border-radius:var(--radius,5px);gap:var(--space-3,12px);transition:all var(--duration-micro,.15s)}.searchBox:focus-within{box-shadow:0 0 0 2px var(--brand-coral,#fa7200)}.iconSvg{width:100%;height:100%}.roleFilter{height:44px;padding:0 var(--space-8,32px) 0 var(--space-4,16px);background:var(--background-tertiary,#1a1a1a);border:none;border-radius:var(--radius,5px);color:var(--text-primary,hsla(0,0%,100%,.95));font-size:.875rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ff7829' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;min-width:140px;transition:all var(--duration-micro,.15s)}.roleFilter:hover{background-color:var(--background-elevated,#242424)}.roleFilter:focus-visible{outline:none;box-shadow:0 0 0 2px var(--brand-coral,#fa7200)}.statusFilter{height:44px;padding:0 var(--space-8,32px) 0 var(--space-4,16px);background:var(--background-tertiary,#1a1a1a);border:none;border-radius:var(--radius,5px);color:var(--text-primary,hsla(0,0%,100%,.95));font-size:.875rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ff7829' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;min-width:140px;transition:all var(--duration-micro,.15s)}.statusFilter:hover{background-color:var(--background-elevated,#242424)}.statusFilter:focus-visible{outline:none;box-shadow:0 0 0 2px var(--brand-coral,#fa7200)}.bulkActionsBar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4,16px);background:rgba(250,114,0,.08);border:1px solid rgba(250,114,0,.2);border-radius:var(--radius,5px)}.bulkActionsInfo{font-size:.875rem;font-weight:600;color:var(--brand-coral,#fa7200)}.bulkActions{display:flex;align-items:center;gap:var(--space-3,12px)}.bulkActionBtn{height:36px;padding:0 var(--space-4,16px);background:var(--brand-coral,#fa7200);border:none;border-radius:var(--radius,5px);font-size:.8125rem;font-weight:600;color:#fff;cursor:pointer;transition:all var(--duration-micro,.15s)}.bulkActionBtn:hover{filter:brightness(1.1)}.bulkActionBtnSecondary{background:hsla(0,0%,100%,.1);color:var(--text-primary,hsla(0,0%,100%,.95))}.bulkActionBtnSecondary:hover{background:hsla(0,0%,100%,.15)}.bulkActionBtnDanger{background:rgba(239,68,68,.15);color:#ef4444}.bulkActionBtnDanger:hover{background:rgba(239,68,68,.25)}.pendingSection{background:var(--background-tertiary,#242424);border-radius:var(--radius,5px);padding:var(--space-5,20px);display:flex;flex-direction:column;gap:var(--space-4,16px)}.pendingSectionHeader{display:flex;justify-content:space-between;align-items:center}.pendingSectionTitle{font-size:1rem;font-weight:600;color:var(--text-primary,hsla(0,0%,100%,.95));margin:0;display:flex;align-items:center;gap:var(--space-2,8px)}.pendingCount{font-size:.75rem;padding:2px var(--space-2,8px);background:rgba(245,158,11,.15);color:#f59e0b;border-radius:var(--radius,5px);font-weight:600}.pendingList{display:flex;flex-direction:column;gap:var(--space-3,12px)}.pendingInvite{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4,16px);background:var(--background-elevated,#2a2a2a);border-radius:var(--radius,5px);transition:all var(--duration-micro,.15s)}.pendingInvite:hover{background:var(--background-tertiary,#303030)}.pendingInviteInfo{display:flex;flex-direction:column;gap:var(--space-1,4px)}.pendingInviteEmail{font-size:.875rem;font-weight:600;color:var(--text-primary,hsla(0,0%,100%,.95))}.pendingInviteMeta{font-size:.75rem;color:var(--text-tertiary,hsla(0,0%,100%,.55))}.pendingInviteActions{display:flex;gap:var(--space-2,8px)}.resendBtn{height:32px;padding:0 var(--space-3,12px);background:transparent;border:none;border-radius:var(--radius,5px);font-size:.75rem;font-weight:600;color:var(--brand-coral,#fa7200);cursor:pointer;transition:all var(--duration-micro,.15s)}.resendBtn:hover{background:rgba(250,114,0,.1)}.cancelInviteBtn{height:32px;padding:0 var(--space-3,12px);background:transparent;border:none;border-radius:var(--radius,5px);font-size:.75rem;font-weight:600;color:var(--text-tertiary,hsla(0,0%,100%,.55));cursor:pointer;transition:all var(--duration-micro,.15s)}.cancelInviteBtn:hover{color:#ef4444;background:rgba(239,68,68,.1)}.usersTable{background:var(--background-tertiary,#242424);border-radius:var(--radius,5px);overflow:hidden}.table{min-width:800px}.table thead{background:var(--background-elevated,#1a1a1a)}.table th{color:var(--text-tertiary,hsla(0,0%,100%,.55));letter-spacing:.08em}.table td,.table th{border-bottom:1px solid hsla(0,0%,100%,.05)}.table td{font-size:.875rem;color:var(--text-primary,hsla(0,0%,100%,.95));vertical-align:middle}.table tbody tr{transition:background var(--duration-micro,.15s)}.table tbody tr:hover{background:var(--background-elevated,#2a2a2a)}.userRow{cursor:pointer}.userCell{gap:var(--space-3,12px)}.userAvatar,.userCell{display:flex;align-items:center}.userAvatar{width:40px;height:40px;background:var(--background-elevated,#2a2a2a);justify-content:center;font-size:1rem;font-weight:600;color:var(--text-primary,hsla(0,0%,100%,.95));flex-shrink:0}.roleBadge{display:inline-flex;align-items:center;padding:4px var(--space-3,12px);border-radius:var(--radius,5px);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.roleBadgeOwner{background:rgba(245,158,11,.15);color:#f59e0b}.roleBadgeAdmin{background:rgba(59,130,246,.15);color:#3b82f6}.roleBadgeManager{background:rgba(16,185,129,.15);color:#10b981}.roleBadgeEditor{background:rgba(139,92,246,.15);color:#8b5cf6}.roleBadgeMember,.roleBadgeViewer{background:hsla(220,9%,46%,.15);color:#9ca3af}.accountAccessList{display:flex;flex-wrap:wrap;gap:var(--space-2,8px);max-width:200px}.accessBadge{background:rgba(250,114,0,.1);font-weight:500;color:var(--brand-coral,#fa7200);white-space:nowrap}.accessBadge,.moreAccess{display:inline-flex;align-items:center;padding:2px var(--space-2,8px);border-radius:var(--radius,5px);font-size:.6875rem}.moreAccess{background:var(--background-elevated,#2a2a2a);font-weight:600;color:var(--text-secondary,hsla(0,0%,100%,.75));cursor:pointer;transition:all var(--duration-micro,.15s)}.moreAccess:hover{background:var(--background-tertiary,#303030);color:var(--text-primary,hsla(0,0%,100%,.95))}.userStatus{display:inline-flex;align-items:center;gap:var(--space-2,8px);padding:4px var(--space-3,12px)}.statusActive{background:rgba(16,185,129,.15);color:#10b981}.statusActive:before{background:#10b981}.statusPending{background:rgba(245,158,11,.15);color:#f59e0b}.statusPending:before{content:"";width:6px;height:6px;background:#f59e0b;border-radius:var(--radius)}.statusDisabled{background:hsla(220,9%,46%,.15);color:#6b7280}.statusDisabled:before{content:"";width:6px;height:6px;background:#6b7280;border-radius:var(--radius)}.statusInactive{background:hsla(220,9%,46%,.15);color:#6b7280}.statusInactive:before{content:"";width:6px;height:6px;background:#6b7280;border-radius:var(--radius)}.lastActive{font-size:.8125rem;color:var(--text-tertiary,hsla(0,0%,100%,.55));white-space:nowrap}.userActions{display:flex;align-items:center;gap:var(--space-2,8px)}.actionBtn{height:32px;font-size:.75rem;font-weight:600;transition:all var(--duration-micro,.15s)}.actionBtn:hover{background:var(--background-elevated,#2a2a2a)}.actionBtn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--brand-coral,#fa7200)}.actionBtnDanger{color:var(--text-tertiary,hsla(0,0%,100%,.55))}.actionBtnDanger:hover{background:rgba(239,68,68,.1);color:#ef4444}.chartCard,.modalContent{background:var(--background-tertiary,#242424)}.modalContent{max-width:480px;box-shadow:0 20px 60px rgba(0,0,0,.5)}.modalHeader{padding:var(--space-5,20px);border-bottom:1px solid hsla(0,0%,100%,.05)}.modalHeader h2{font-size:1.25rem}.modalClose{width:32px;height:32px;background:transparent;font-size:1.5rem;color:var(--text-tertiary,hsla(0,0%,100%,.55));transition:all var(--duration-micro,.15s)}.modalClose:hover{background:var(--background-elevated,#2a2a2a);color:var(--text-primary,hsla(0,0%,100%,.95))}.modalBody{flex-direction:column;gap:var(--space-4,16px)}.modalFooter{gap:var(--space-3,12px);padding:var(--space-5,20px);border-top:1px solid hsla(0,0%,100%,.05)}.formInput,.formSelect{background:var(--background-elevated,#2a2a2a)}.formSelect{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='%23ff7829' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}.formSelect:disabled{opacity:.5;cursor:not-allowed}.accountChips{align-items:center}.btnDanger{background:rgba(239,68,68,.1)}.btnDanger:hover:not(:disabled){background:rgba(239,68,68,.2)}.btnSmall{font-size:.75rem}.loadingSpinner{width:48px;height:48px}.emptyState{background:var(--background-tertiary,#242424)}.emptyIcon{font-size:3rem}.emptyDescription{max-width:300px}:root[data-theme=light] .usersPage{background:#fafafa}:root[data-theme=light] .pageSubtitle{color:rgba(0,0,0,.6)}:root[data-theme=light] .searchBox{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08)}:root[data-theme=light] .roleFilter,:root[data-theme=light] .statusFilter{background:#fff;color:rgba(0,0,0,.9);box-shadow:0 1px 3px rgba(0,0,0,.08)}:root[data-theme=light] .chartCard,:root[data-theme=light] .pendingSection,:root[data-theme=light] .usersTable{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08)}:root[data-theme=light] .table thead{background:#f5f5f5}:root[data-theme=light] .table th{color:rgba(0,0,0,.55)}:root[data-theme=light] .table td{color:rgba(0,0,0,.9);border-bottom-color:rgba(0,0,0,.08)}:root[data-theme=light] .table tbody tr:hover{background:#f5f5f5}:root[data-theme=light] .userAvatar{background:#f0f0f0;color:rgba(0,0,0,.8)}:root[data-theme=light] .userName{color:rgba(0,0,0,.9)}:root[data-theme=light] .lastActive,:root[data-theme=light] .userEmail{color:rgba(0,0,0,.55)}:root[data-theme=light] .formLabel{color:rgba(0,0,0,.75)}:root[data-theme=light] .formInput,:root[data-theme=light] .formSelect{background:#f5f5f5;color:rgba(0,0,0,.9)}:root[data-theme=light] .formInput::placeholder{color:rgba(0,0,0,.4)}:root[data-theme=light] .emptyState{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08)}@media (max-width:1023px){.usersPage{padding:var(--space-5,20px)}.filtersBar{flex-direction:column;align-items:stretch}.searchBox{max-width:none}.filterGroup{width:100%}.roleFilter,.statusFilter{flex:1 1}.filterStats{margin-left:0;text-align:center}}@media (max-width:767px){.usersPage{padding:var(--space-4,16px);gap:var(--space-4,16px)}.pageHeader{align-items:stretch}.headerActions,.pageHeader{flex-direction:column}.exportBtn,.inviteBtn{width:100%;justify-content:center}.bulkActionsBar{gap:var(--space-3,12px);align-items:stretch}.bulkActions,.bulkActionsBar{flex-direction:column}.bulkActionBtn{width:100%;justify-content:center}.usersTable{background:transparent}.tableWrapper{display:none}.mobileUserCard,.mobileUserList{display:flex;flex-direction:column;gap:var(--space-3,12px)}.mobileUserCard{background:var(--background-tertiary,#242424);border-radius:var(--radius,5px);padding:var(--space-4,16px)}.mobileUserHeader{display:flex;align-items:center;gap:var(--space-3,12px)}.mobileUserMeta{flex-wrap:wrap;align-items:center}.mobileUserActions,.mobileUserMeta{display:flex;gap:var(--space-2,8px)}.mobileUserActions{padding-top:var(--space-3,12px);border-top:1px solid hsla(0,0%,100%,.05)}.mobileUserActions button{flex:1 1}.pendingInvite{flex-direction:column;align-items:flex-start;gap:var(--space-3,12px)}.pendingInviteActions{width:100%}.pendingInviteActions button{flex:1 1}.modalContent{max-height:100vh;border-radius:0}.modalFooter{flex-direction:column}.modalFooter button{width:100%}.chartCard{display:none}}@media (max-width:374px){.usersPage{padding:var(--space-3,12px)}.pageTitle{font-size:1.25rem}.filterGroup{flex-direction:column}.roleFilter,.statusFilter{width:100%}}.templatesPage{padding:12px;max-width:100%;overflow-x:hidden}.pageHeader{margin-bottom:16px;gap:12px}.headerContent{gap:4px}.pageSubtitle{font-size:.8125rem;color:var(--text-secondary,hsla(0,0%,100%,.55))}:root[data-theme=light] .pageTitle{color:rgba(0,0,0,.9)}:root[data-theme=light] .pageSubtitle{color:rgba(0,0,0,.55)}.createTemplateBtn{display:flex;align-items:center;gap:8px;height:40px;padding:0 20px;background:var(--brand-coral,#fa7200);border:none;border-radius:var(--radius,5px);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.33,1,.68,1);box-shadow:var(--shadow-low)}.createTemplateBtn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.1);box-shadow:var(--shadow-medium)}.createTemplateBtn:active:not(:disabled){transform:translateY(0)}.createTemplateBtn:disabled{opacity:.5;cursor:not-allowed}.createTemplateBtn:focus-visible{outline:2px solid var(--brand-coral,#fa7200);outline-offset:2px}:root[data-theme=light] .createTemplateBtn{color:#000}.errorBanner{justify-content:space-between;padding:12px 16px;margin-bottom:16px;background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.5);border-radius:var(--radius,5px);color:#ef4444;font-size:.875rem;font-weight:500}.dismissBtn{border:none;color:#ef4444;font-size:1.25rem;padding:0 4px;line-height:1;opacity:.8;transition:opacity .15s ease}.dismissBtn:hover{opacity:1}.warningBanner{display:flex;align-items:flex-start;gap:8px;padding:12px 16px;margin-top:12px;background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.5);border-radius:var(--radius,5px);color:#f59e0b;font-size:.8125rem;line-height:1.5}.filtersBar{gap:12px;margin-bottom:20px}.templateSearch{display:flex;align-items:center;flex:1 1;min-width:200px;max-width:320px;height:40px;padding:0 14px;background:var(--surface-2,#1a1a1a);border-radius:var(--radius,5px);gap:10px;transition:all .2s ease}.templateSearch:focus-within{box-shadow:0 0 0 2px var(--brand-coral,#fa7200)}:root[data-theme=light] .templateSearch{background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.03)}.searchIcon{color:var(--text-tertiary,hsla(0,0%,100%,.45))}:root[data-theme=light] .searchIcon{color:rgba(0,0,0,.4)}:root[data-theme=light] .searchInput{color:rgba(0,0,0,.9)}:root[data-theme=light] .searchInput::placeholder{color:rgba(0,0,0,.4)}.filterGroup{gap:8px}.filterSelect{padding:0 36px 0 14px;background:var(--surface-2,#1a1a1a);transition:all .15s ease}.filterSelect:hover{background-color:var(--surface-3,#242424)}:root[data-theme=light] .filterSelect{box-shadow:0 2px 6px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.03)}:root[data-theme=light] .filterSelect:hover{background-color:#f5f5f5}.filterStats{color:var(--text-secondary,hsla(0,0%,100%,.55))}:root[data-theme=light] .filterStats{color:rgba(0,0,0,.55)}.categoryTabs{display:flex;gap:0;width:100%;border-bottom:2px solid var(--border-subtle,hsla(0,0%,100%,.08));margin-bottom:24px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;background:var(--surface-2);border-radius:var(--radius,5px) var(--radius,5px) 0 0}.categoryTabs::-webkit-scrollbar{display:none}.categoryTab{position:relative;flex:1 1 140px;padding:14px 24px;font-size:.95rem;font-weight:600;color:var(--text-tertiary,hsla(0,0%,100%,.55));background:transparent;border:none;border-radius:0;outline:0;cursor:pointer;white-space:nowrap;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;min-width:120px;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center}.categoryTab:hover:not(.categoryTabActive){color:var(--text-secondary,hsla(0,0%,100%,.75))}.categoryTab:hover:not(.categoryTabActive):after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:75%;height:2px;background:var(--brand-coral,#fa7200);opacity:.6}.categoryTabActive{color:var(--brand-coral,#fa7200)}.categoryTabActive:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:75%;height:2px;background:var(--brand-coral,#fa7200)}.categoryTab:focus-visible{outline:2px solid var(--brand-coral,#fa7200);outline-offset:-2px}:root[data-theme=light] .categoryTabs{background:#fff;border-bottom-color:rgba(0,0,0,.12)}:root[data-theme=light] .categoryTab{color:rgba(0,0,0,.6)}:root[data-theme=light] .categoryTab:hover:not(.categoryTabActive){color:rgba(0,0,0,.85)}:root[data-theme=light] .categoryTabActive{color:var(--brand-coral,#fa7200)}.tabCount{font-size:.75rem;padding:2px 8px;background:var(--surface-3,hsla(0,0%,100%,.08));border-radius:var(--radius,5px);color:inherit}.templatesContainer{min-height:300px}.templateCategorySection{margin-bottom:32px}.categoryTitle{font-size:.875rem;font-weight:600;color:var(--text-primary,hsla(0,0%,100%,.95));text-transform:uppercase;letter-spacing:.08em;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--border-subtle,hsla(0,0%,100%,.08))}:root[data-theme=light] .categoryTitle{color:rgba(0,0,0,.85);border-bottom-color:rgba(0,0,0,.08)}.templatesGrid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px}@media (max-width:1280px){.templatesGrid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.templatesGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.templatesGrid{grid-template-columns:1fr}}.templateCard{border:none;overflow:hidden;transition:all .25s cubic-bezier(.33,1,.68,1)}:root[data-theme=dark] .templateCard{box-shadow:var(--shadow-card-rest,0 2px 8px rgba(0,0,0,.3))}:root[data-theme=light] .templateCard{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04)}.templateCard:hover{transform:translateY(-4px)}:root[data-theme=dark] .templateCard:hover{box-shadow:var(--shadow-card-hover,0 8px 24px rgba(0,0,0,.5));background:var(--surface-3,#242424)}:root[data-theme=light] .templateCard:hover{box-shadow:0 8px 24px rgba(0,0,0,.1),0 16px 40px rgba(0,0,0,.06)}.templateThumbnail{position:relative;width:100%;height:160px;overflow:hidden;background:var(--surface-3,#242424)}.templateThumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.templateCard:hover .templateThumbnail img{transform:scale(1.05)}.templatePlaceholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-quaternary,hsla(0,0%,100%,.25))}.templatePlaceholder svg{width:48px;height:48px}:root[data-theme=light] .templateThumbnail{background:#f5f5f5}:root[data-theme=light] .templatePlaceholder{color:rgba(0,0,0,.25)}.templateInfo{gap:8px;padding:16px;flex:1 1}.templateName{font-size:1rem;margin:0;line-height:1.4}:root[data-theme=light] .templateName{color:rgba(0,0,0,.9)}.templateDescription{color:var(--text-secondary,hsla(0,0%,100%,.65));line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:root[data-theme=light] .templateDescription{color:rgba(0,0,0,.65)}.templateMeta{gap:10px;flex-wrap:wrap;margin-top:auto}.templateMeta,.usageCount{display:flex;align-items:center}.usageCount{gap:4px;font-size:.75rem;color:var(--text-tertiary,hsla(0,0%,100%,.45))}:root[data-theme=light] .usageCount{color:rgba(0,0,0,.5)}.templateVersion{font-size:.75rem;padding:2px 8px;background:var(--surface-3,hsla(0,0%,100%,.08));border-radius:var(--radius,5px);color:var(--text-secondary,hsla(0,0%,100%,.65))}:root[data-theme=light] .templateVersion{background:rgba(0,0,0,.05);color:rgba(0,0,0,.6)}.categoryBadge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius,5px);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;background:rgba(250,114,0,.12);color:var(--brand-coral,#fa7200)}.categoryBadge.public{background:rgba(34,197,94,.12);color:#22c55e}.templateActions{gap:8px;padding:12px 16px;border-top:1px solid var(--border-subtle,hsla(0,0%,100%,.05));background:var(--surface-3,rgba(0,0,0,.15))}:root[data-theme=light] .templateActions{background:rgba(0,0,0,.02);border-top-color:rgba(0,0,0,.05)}.applyBtn,.deleteBtn,.duplicateBtn,.editBtn,.previewBtn{flex:1 1;height:34px;padding:0 12px;border:none;border-radius:var(--radius,5px);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:6px}.previewBtn{background:var(--surface-3,hsla(0,0%,100%,.08));color:var(--text-secondary,hsla(0,0%,100%,.75))}.previewBtn:hover{background:var(--surface-4,hsla(0,0%,100%,.12));color:var(--brand-coral,#fa7200)}:root[data-theme=light] .previewBtn{background:rgba(0,0,0,.05);color:rgba(0,0,0,.7)}:root[data-theme=light] .previewBtn:hover{background:rgba(0,0,0,.08);color:var(--brand-coral,#fa7200)}.applyBtn{background:var(--brand-coral,#fa7200);color:#fff}.applyBtn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.applyBtn:disabled{opacity:.5;cursor:not-allowed}:root[data-theme=light] .applyBtn{color:#000}.loadingContainer{gap:16px}.loadingSpinner{width:44px;height:44px;border-top:3px solid var(--brand-coral,#fa7200)}.loadingText{color:var(--text-secondary,hsla(0,0%,100%,.55))}:root[data-theme=light] .loadingSpinner{border-color:rgba(0,0,0,.1);border-top-color:var(--brand-coral,#fa7200)}.modalOverlay{padding:24px}.modalContent{background:var(--surface-1,#1e1e1e);border:none;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp .25s ease-out}.modalLarge{max-width:800px}:root[data-theme=light] .modalContent{background:#fff;box-shadow:0 16px 48px rgba(0,0,0,.2)}.modalHeader{padding:20px 24px;border-bottom:1px solid var(--border-subtle,hsla(0,0%,100%,.08))}.modalHeader h2{font-size:1.125rem;font-weight:600;color:var(--text-primary,hsla(0,0%,100%,.95));margin:0}:root[data-theme=light] .modalHeader h2{color:rgba(0,0,0,.9)}.modalClose{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--surface-3,#242424);border:none;font-size:1.25rem;color:var(--text-secondary,hsla(0,0%,100%,.65));cursor:pointer;border-radius:var(--radius,5px);transition:all .15s ease}.modalClose:hover{background:var(--surface-4,#2a2a2a);color:var(--brand-coral,#fa7200)}:root[data-theme=light] .modalClose{background:rgba(0,0,0,.05);color:rgba(0,0,0,.6)}:root[data-theme=light] .modalClose:hover{background:rgba(0,0,0,.08);color:var(--brand-coral,#fa7200)}.modalBody{padding:24px}.modalFooter{justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-subtle,hsla(0,0%,100%,.08));background:var(--surface-2,rgba(0,0,0,.2))}:root[data-theme=light] .modalFooter{border-top-color:rgba(0,0,0,.08);background:rgba(0,0,0,.02)}.previewModal{composes:modalContent;max-width:900px}.previewContent{padding:24px}.previewPlaceholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px;background:var(--surface-2,#242424);border-radius:var(--radius,5px);color:var(--text-tertiary,hsla(0,0%,100%,.45));margin-bottom:24px}.previewPlaceholder svg{width:64px;height:64px;opacity:.5}.previewPlaceholder p{font-size:.875rem;margin:0}:root[data-theme=light] .previewPlaceholder{background:#f5f5f5;color:rgba(0,0,0,.4)}.templateDetails{display:flex;flex-direction:column;gap:12px;padding:20px;background:var(--surface-2,#242424);border-radius:var(--radius,5px)}:root[data-theme=light] .templateDetails{background:#f9f9f9}.detailRow{padding:8px 0;border-bottom:1px solid var(--border-subtle,hsla(0,0%,100%,.05))}.detailRow:last-child{border-bottom:none}:root[data-theme=light] .detailRow{border-bottom-color:rgba(0,0,0,.05)}.detailLabel{font-size:.8125rem;color:var(--text-secondary,hsla(0,0%,100%,.65))}:root[data-theme=light] .detailLabel{color:rgba(0,0,0,.6)}:root[data-theme=light] .detailValue{color:rgba(0,0,0,.9)}.createModal{composes:modalContent}.templateForm{display:flex;flex-direction:column;gap:20px}.formGroup{gap:8px}.formGroup label{font-size:.8125rem}:root[data-theme=light] .formGroup label{color:rgba(0,0,0,.7)}.formInput,.formSelect,.formTextarea{padding:12px 16px;background:var(--surface-3,#2a2a2a);transition:all .2s ease}.formInput:hover,.formSelect:hover,.formTextarea:hover{background:var(--surface-4,#333)}.formInput:focus,.formSelect:focus,.formTextarea:focus{border-color:var(--brand-coral,#fa7200);background:var(--surface-4,#333)}:root[data-theme=light] .formInput,:root[data-theme=light] .formSelect,:root[data-theme=light] .formTextarea{background:#fff;color:rgba(0,0,0,.9);border-color:rgba(0,0,0,.15)}:root[data-theme=light] .formInput::placeholder,:root[data-theme=light] .formTextarea::placeholder{color:rgba(0,0,0,.4)}:root[data-theme=light] .formInput:hover,:root[data-theme=light] .formSelect:hover,:root[data-theme=light] .formTextarea:hover{background:#f9f9f9}:root[data-theme=light] .formInput:focus,:root[data-theme=light] .formSelect:focus,:root[data-theme=light] .formTextarea:focus{background:#fff;border-color:var(--brand-coral,#fa7200)}.formSelect{padding-right:36px}.applyOptions{margin-top:24px;padding-top:20px;border-top:1px solid var(--border-subtle,hsla(0,0%,100%,.08))}:root[data-theme=light] .applyOptions{border-top-color:rgba(0,0,0,.08)}.accountSelectionList{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;padding:4px;margin-bottom:16px}.accountCheckbox{gap:12px;padding:12px 16px;transition:all .15s ease}.accountCheckbox:hover{background:var(--surface-3,#2a2a2a)}:root[data-theme=light] .accountCheckbox{background:#f5f5f5}:root[data-theme=light] .accountCheckbox:hover{background:#eee}.accountCheckbox span{font-size:.875rem;color:var(--text-primary,hsla(0,0%,100%,.9))}:root[data-theme=light] .accountCheckbox span{color:rgba(0,0,0,.85)}.selectionSummary{font-size:.8125rem;color:var(--text-secondary,hsla(0,0%,100%,.55));margin-bottom:16px}:root[data-theme=light] .selectionSummary{color:rgba(0,0,0,.55)}.optionsList{display:flex;flex-direction:column;gap:12px}.optionCheckbox{gap:12px;cursor:pointer}.optionCheckbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand-coral,#fa7200);cursor:pointer}.optionCheckbox span{font-size:.875rem;color:var(--text-primary,hsla(0,0%,100%,.9))}:root[data-theme=light] .optionCheckbox span{color:rgba(0,0,0,.85)}.btnDanger,.btnPrimary,.btnSecondary{height:44px;padding:0 24px;border:none;border-radius:var(--radius,5px);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}:root[data-theme=light] .btnSecondary:hover:not(:disabled){color:var(--brand-coral,#fa7200)}.btnDanger:hover:not(:disabled){color:#ef4444}.btnSmall{height:34px;padding:0 14px}@media (max-width:1023px){.templatesPage{padding:10px}.categoryTabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.categoryTab{flex:1 1 100px;min-width:100px;padding:12px 16px;font-size:.875rem;min-height:48px}.templateThumbnail{height:140px}}@media (max-width:767px){.templatesPage{padding:8px}.pageHeader{flex-direction:column;align-items:stretch}.createTemplateBtn{width:100%;justify-content:center}.filtersBar{flex-direction:column;align-items:stretch}.templateSearch{max-width:none}.filterGroup{width:100%}.filterSelect{flex:1 1}.filterStats{margin-left:0;width:100%;text-align:center}.categoryTabs{padding:0 4px}.categoryTab{flex:1 1 80px;min-width:80px;padding:10px 12px;font-size:.8125rem;min-height:44px}.tabCount{display:none}.templatesGrid{grid-template-columns:1fr;gap:16px}.templateThumbnail{height:180px}.templateInfo{padding:14px}.templateActions{padding:12px 14px;flex-direction:column}.applyBtn,.previewBtn{width:100%}.modalOverlay{padding:0}.modalContent{max-height:100vh;border-radius:0;height:100%}.modalLarge{max-width:100%}.modalFooter{flex-direction:column;gap:8px}.btnDanger,.btnPrimary,.btnSecondary{width:100%;justify-content:center}}@media (max-width:374px){.templatesPage{padding:6px}.pageTitle{font-size:1.125rem}.pageSubtitle{font-size:.75rem}.templateName{font-size:.9375rem}.templateDescription{font-size:.75rem}}.iconSvg{width:16px;height:16px;flex-shrink:0}.iconSvgLg{width:24px;height:24px}.modalOverlay{background:rgba(0,0,0,.85);animation:fadeIn .2s ease-out}.modalContainer{width:95vw;height:90vh;max-width:1600px;background:var(--surface-1,linear-gradient(135deg,#1a1a1a 0,#2d2d2d 50%,#1a1a1a 100%));border:1px solid var(--border-default,#3a3a3a);border-radius:var(--radius,5px);box-shadow:var(--shadow-extreme,0 24px 48px rgba(0,0,0,.5));display:flex;flex-direction:column;overflow:hidden;animation:slideUp .25s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modalHeader{padding:var(--space-5,20px) var(--space-6,24px);background:var(--surface-2,linear-gradient(135deg,#242424 0,#383838 50%,#242424 100%));border-bottom:1px solid var(--border-default,#3a3a3a);flex-shrink:0}.modalHeaderLeft{display:flex;align-items:center;gap:var(--space-4,16px)}.workflowNameInput{width:320px;height:40px;padding:0 var(--space-4,16px);font-size:.875rem;font-family:inherit;color:var(--text-primary,hsla(0,0%,100%,.95));background:var(--surface-3,#2a2a2a);border:1px solid var(--border-default,#3a3a3a);border-radius:var(--radius,5px);box-shadow:var(--shadow-inset,inset 0 1px 3px rgba(0,0,0,.25));transition:all .2s ease}.workflowNameInput::placeholder{color:var(--text-quaternary,hsla(0,0%,100%,.35))}.workflowNameInput:hover{background:var(--surface-4,#333);border-color:var(--border-hover,#4a4a4a)}.workflowNameInput:focus{outline:none;background:var(--surface-4,#333);border-color:var(--brand-coral,#fa7200)}.validateButton{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--surface-3,#2a2a2a);border:1px solid var(--border-default,#3a3a3a);border-radius:var(--radius,5px);color:var(--text-tertiary,hsla(0,0%,100%,.55));cursor:pointer;transition:all .15s ease}.validateButton svg{width:18px;height:18px}.validateButton:hover{background:rgba(34,197,94,.15);border-color:#22c55e;color:#22c55e}.closeButton{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--surface-3,#2a2a2a);border:1px solid var(--border-default,#3a3a3a);border-radius:var(--radius,5px);color:var(--text-tertiary,hsla(0,0%,100%,.55));cursor:pointer;transition:all .15s ease;font-size:1.25rem;line-height:1}.closeButton:hover{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.5);color:#ef4444}.validationPanel{background:var(--surface-2,#242424);border-bottom:1px solid var(--border-default,#3a3a3a);animation:slideDown .2s ease-out}.validationHeader{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3,12px) var(--space-4,16px);border-bottom:1px solid var(--border-subtle,hsla(0,0%,100%,.05))}.validationTitle{color:var(--text-secondary,hsla(0,0%,100%,.75));font-size:.8rem;font-weight:600}.validationClose{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-tertiary,hsla(0,0%,100%,.55));cursor:pointer;font-size:1rem;border-radius:var(--radius,5px)}.validationClose:hover{background:hsla(0,0%,100%,.05);color:var(--text-primary,hsla(0,0%,100%,.95))}.validationList{max-height:150px;overflow-y:auto;padding:var(--space-2,8px) var(--space-4,16px)}.validationItem{display:flex;align-items:center;gap:var(--space-2,8px);padding:var(--space-2,8px) var(--space-3,12px);border-radius:var(--radius,5px);margin-bottom:var(--space-2,8px);font-size:.8rem}.validationError{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3)}.validationWarning{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);color:#f59e0b}.validationIcon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:currentColor;color:#fff;border-radius:var(--radius);font-size:.7rem;font-weight:700;flex-shrink:0}.validationError .validationIcon{background:#ef4444}.validationWarning .validationIcon{background:#f59e0b}.validationMessage{flex:1 1}.modalBody{flex:1 1;min-height:0}.modalBody,.toolbar{display:flex;overflow:hidden}.toolbar{width:360px;background:var(--surface-2,linear-gradient(135deg,#242424 0,#383838 50%,#242424 100%));border-right:1px solid var(--border-default,#3a3a3a);flex-direction:column;flex-shrink:0;min-width:0}.toolbarCollapsed{width:64px}.toolbarTopBar{display:flex;align-items:center;justify-content:flex-end;padding:var(--space-2,8px);border-bottom:1px solid var(--border-subtle,hsla(0,0%,100%,.05))}.toolbarCollapsed .toolbarTopBar{justify-content:center}.sidebarToggleButton{height:32px;min-width:40px;padding:0 var(--space-2,8px);border:1px solid var(--border-default,#3a3a3a);border-radius:var(--radius,5px);background:var(--surface-3,#2a2a2a);color:var(--text-secondary,hsla(0,0%,100%,.75));font-size:.75rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:all .15s ease}.sidebarToggleButton:hover{border-color:var(--brand-coral,#fa7200);color:var(--brand-coral,#fa7200)}.toolbarSections{flex:1 1;min-height:0;overflow-y:auto}.toolbarSection,.toolbarSections{display:flex;flex-direction:column}.toolbarSection{border-bottom:1px solid var(--border-subtle,hsla(0,0%,100%,.05))}.toolbarSectionGrow{flex:1 1;min-height:0}.toolbarSectionTitle{color:var(--text-secondary,hsla(0,0%,100%,.75));font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.sectionToggleButton{width:100%;padding:var(--space-3,12px) var(--space-4,16px);border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2,8px);text-align:left}.sectionToggleButton:hover{background:hsla(0,0%,100%,.03)}.sectionToggleButton:focus-visible{outline:2px solid var(--brand-coral,#fa7200);outline-offset:-2px}.sectionTitleGroup{align-items:center;gap:var(--space-2,8px);min-width:0}.sectionChevron{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;color:var(--text-quaternary,hsla(0,0%,100%,.35));transform:rotate(0deg);transition:transform .15s ease}.sectionChevronOpen{transform:rotate(90deg)}.sectionContent{padding:0 var(--space-4,16px) var(--space-4,16px)}.sectionContentScrollable{flex:1 1;min-height:0;overflow-y:auto}.dragHint{font-size:.65rem;font-weight:400;text-transform:none;letter-spacing:0;color:var(--text-quaternary,hsla(0,0%,100%,.35))}.nodeTypeButtons{display:flex;flex-direction:column;gap:var(--space-2,8px)}.nodeTypeButton{display:flex;align-items:center;gap:var(--space-3,12px);padding:var(--space-3,12px) var(--space-4,16px);background:var(--surface-3,#2a2a2a);border:1px solid var(--border-default,#3a3a3a);border-radius:var(--radius,5px);color:var(--text-primary,hsla(0,0%,100%,.95));font-size:.875rem;font-weight:500;cursor:-webkit-grab;cursor:grab;transition:all .2s ease;text-align:left;position:relative}.nodeTypeButton:hover{background:var(--surface-4,#333);border-color:var(--brand-coral,#fa7200);transform:translateY(-1px)}.nodeTypeButton:active{cursor:-webkit-grabbing;cursor:grabbing;transform:translateY(0)}.nodeTypeButton:hover .dragHandle{opacity:1}.dragHandle{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:16px;height:16px;opacity:0;transition:opacity .15s ease;color:var(--text-quaternary,hsla(0,0%,100%,.35))}.nodeTypeIcon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius,5px);font-size:.75rem;font-weight:700;flex-shrink:0}.triggerIcon{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.actionIcon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.conditionIcon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.nodeTypeLabel{display:flex;flex-direction:column;gap:2px}.nodeTypeName{color:var(--text-primary,hsla(0,0%,100%,.95));font-weight:600}.nodeTypeDescription{color:var(--text-tertiary,hsla(0,0%,100%,.55));font-size:.7rem;font-weight:400}.shortcutsList{display:flex;flex-direction:column;gap:var(--space-2,8px)}.shortcutItem{display:flex;align-items:center;gap:var(--space-3,12px);font-size:.8rem;color:var(--text-tertiary,hsla(0,0%,100%,.55))}.shortcutItem kbd{display:inline-flex;min-width:24px;height:22px;padding:0 var(--space-2,8px);background:var(--surface-3,#2a2a2a);border:1px solid var(--border-default,#3a3a3a);border-radius:3px;font-family:inherit;font-size:.7rem;font-weight:500;color:var(--text-secondary,hsla(0,0%,100%,.75));box-shadow:0 1px 2px rgba(0,0,0,.2)}.emptyPropertiesInline,.shortcutItem kbd{align-items:center;justify-content:center}.emptyPropertiesInline{display:flex;flex-direction:column;text-align:center;padding:var(--space-4,16px);color:var(--text-tertiary,hsla(0,0%,100%,.55));min-height:140px}.canvasArea{flex:1 1;display:flex;flex-direction:column;min-width:0;position:relative}.canvasContainer{flex:1 1;position:relative;background:#1a1a1a;background-image:linear-gradient(hsla(0,0%,100%,.02) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.02) 1px,transparent 0);background-size:20px 20px}.dropZoneIndicator{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;border:2px dashed transparent;transition:border-color .2s ease}.canvasContainer:global(.dragover) .dropZoneIndicator{border-color:var(--brand-coral,#fa7200)}.canvasContainer :global(.react-flow){background:transparent}.canvasContainer :global(.react-flow__background){background:transparent}.canvasContainer :global(.react-flow__background pattern circle){fill:hsla(0,0%,100%,.08)}.canvasContainer :global(.react-flow__minimap){background:var(--surface-2,#242424);border:1px solid var(--border-default,#3a3a3a);border-radius:var(--radius,5px)}.canvasContainer :global(.react-flow__minimap-mask){fill:rgba(250,114,0,.1)}.canvasContainer :global(.react-flow__controls){display:flex;flex-direction:column;gap:4px;background:transparent;border:none;box-shadow:none}.canvasContainer :global(.react-flow__controls-button){width:32px;height:32px;background:var(--surface-3,#2a2a2a);border:1px solid var(--border-default,#3a3a3a);border-radius:var(--radius,5px);color:var(--text-secondary,hsla(0,0%,100%,.75));display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.canvasContainer :global(.react-flow__controls-button:hover){background:var(--surface-4,#333);border-color:var(--brand-coral,#fa7200);color:var(--brand-coral,#fa7200)}.canvasContainer :global(.react-flow__controls-button svg){fill:currentColor}.canvasContainer :global(.react-flow__edge-path){stroke:var(--brand-coral,#fa7200);stroke-width:2}.canvasContainer :global(.react-flow__connection-line){stroke:var(--brand-coral,#fa7200);stroke-width:2}.nodeHandle{width:10px!important;height:10px!important;background:var(--brand-coral,#fa7200)!important;border:2px solid #1a1a1a!important;border-radius:var(--radius,5px)!important;transition:all .15s ease!important}.nodeHandle:hover{background:#ff8533!important;transform:scale(1.2)}.handleTrue{background:#22c55e!important;left:30%!important}.handleFalse{background:#ef4444!important;left:70%!important}.propertiesPanel{width:320px;background:var(--surface-2,linear-gradient(135deg,#242424 0,#383838 50%,#242424 100%));border-left:1px solid var(--border-default,#3a3a3a);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.propertiesPanelHeader{padding:var(--space-4,16px);border-bottom:1px solid var(--border-subtle,hsla(0,0%,100%,.05))}.propertiesPanelTitle{color:var(--text-primary,hsla(0,0%,100%,.95));font-size:.875rem;font-weight:600;margin:0}.propertiesPanelBody{flex:1 1;padding:var(--space-4,16px);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4,16px)}.emptyProperties{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-6,24px);color:var(--text-tertiary,hsla(0,0%,100%,.55));height:100%}.emptyPropertiesIcon{width:48px;height:48px;margin-bottom:var(--space-3,12px);opacity:.3}.emptyPropertiesText{font-size:.875rem;line-height:1.5}.propertyGroup{display:flex;flex-direction:column;gap:var(--space-2,8px)}.propertyLabel{color:var(--text-secondary,hsla(0,0%,100%,.75));font-size:.75rem;font-weight:500}.propertyInput{width:100%;height:40px;padding:0 var(--space-3,12px);font-size:.875rem;font-family:inherit;color:var(--text-primary,hsla(0,0%,100%,.95));background:var(--surface-3,#2a2a2a);border:1px solid var(--border-default,#3a3a3a);border-radius:var(--radius,5px);box-shadow:var(--shadow-inset,inset 0 1px 3px rgba(0,0,0,.25));transition:all .2s ease}.propertyInput::placeholder{color:var(--text-quaternary,hsla(0,0%,100%,.35))}.propertyInput:hover{background:var(--surface-4,#333);border-color:var(--border-hover,#4a4a4a)}.propertyInput:focus{outline:none;background:var(--surface-4,#333);border-color:var(--brand-coral,#fa7200)}.propertySelect{width:100%;height:40px;padding:0 var(--space-3,12px);padding-right:36px;font-size:.875rem;font-family:inherit;color:var(--text-primary,hsla(0,0%,100%,.95));background-color:#2a2a2a;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23ff7829' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;border:1px solid var(--border-default,#3a3a3a);border-radius:var(--radius,5px);box-shadow:var(--shadow-inset,inset 0 1px 3px rgba(0,0,0,.25));-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:all .2s ease}.propertySelect:hover{background-color:#333;border-color:var(--border-hover,#4a4a4a)}.propertySelect:focus{outline:none;background-color:#333;border-color:var(--brand-coral,#fa7200)}.propertySelect option{background-color:#2a2a2a;color:#e0e0e0;padding:10px 12px}.propertyTextarea{width:100%;min-height:80px;padding:var(--space-3,12px);font-size:.875rem;font-family:inherit;color:var(--text-primary,hsla(0,0%,100%,.95));background:var(--surface-3,#2a2a2a);border:1px solid var(--border-default,#3a3a3a);border-radius:var(--radius,5px);box-shadow:var(--shadow-inset,inset 0 1px 3px rgba(0,0,0,.25));resize:vertical;transition:all .2s ease}.propertyTextarea::placeholder{color:var(--text-quaternary,hsla(0,0%,100%,.35))}.propertyTextarea:hover{background:var(--surface-4,#333);border-color:var(--border-hover,#4a4a4a)}.propertyTextarea:focus{outline:none;background:var(--surface-4,#333);border-color:var(--brand-coral,#fa7200)}.configSection{margin-top:var(--space-4,16px);padding-top:var(--space-4,16px);border-top:1px solid var(--border-subtle,hsla(0,0%,100%,.05))}.configSectionTitle{color:var(--text-secondary,hsla(0,0%,100%,.75));font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-3,12px)}.durationInputGroup{display:flex;gap:var(--space-2,8px)}.durationInputGroup .propertyInput,.durationInputGroup .propertySelect{flex:1 1}.deleteNodeButton{height:40px;padding:0 var(--space-4,16px);background:transparent;color:#ef4444;border:1px solid #ef4444;border-radius:var(--radius,5px);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;margin-top:auto}.deleteNodeButton:hover{background:rgba(239,68,68,.15)}.modalFooter{justify-content:space-between;padding:var(--space-4,16px) var(--space-6,24px);background:var(--surface-2,linear-gradient(135deg,#242424 0,#383838 50%,#242424 100%));border-top:1px solid var(--border-default,#3a3a3a);flex-shrink:0}.footerInfo,.modalFooter{display:flex;align-items:center}.footerInfo{gap:var(--space-4,16px);color:var(--text-tertiary,hsla(0,0%,100%,.55));font-size:.8rem}.footerInfoItem{display:flex;align-items:center;gap:var(--space-2,8px)}.footerErrorCount{color:#ef4444;font-weight:500}.footerButtons{display:flex;align-items:center;gap:var(--space-3,12px)}.cancelButton{padding:0 var(--space-6,24px);color:var(--text-secondary,hsla(0,0%,100%,.75));border:1px solid var(--border-default,#3a3a3a);transition:all .15s ease}.cancelButton:hover{background:transparent;color:var(--brand-coral,#fa7200);border-color:var(--brand-coral,#fa7200)}.cancelButton:disabled{opacity:.6;cursor:not-allowed}.saveButton{background:linear-gradient(135deg,#fa7200,#ff5757);box-shadow:var(--shadow-low,0 2px 4px rgba(0,0,0,.2));transition:all .15s ease}.saveButton:hover:not(:disabled){filter:brightness(1.05);box-shadow:var(--shadow-medium,0 4px 8px rgba(0,0,0,.25))}.saveButton:active{transform:translateY(0);box-shadow:var(--shadow-low,0 2px 4px rgba(0,0,0,.2))}.saveButton:disabled{opacity:.6}.customNode{min-width:200px;background:var(--surface-2,#242424);border:2px solid var(--border-default,#3a3a3a);border-radius:var(--radius,5px);box-shadow:var(--shadow-medium,0 4px 8px rgba(0,0,0,.25));transition:all .2s ease;overflow:hidden}.customNode:hover{border-color:var(--border-hover,#4a4a4a);transform:translateY(-2px);box-shadow:var(--shadow-high,0 8px 16px rgba(0,0,0,.3))}.customNodeSelected{border-color:var(--brand-coral,#fa7200);box-shadow:0 0 0 2px rgba(250,114,0,.3),var(--shadow-high,0 8px 16px rgba(0,0,0,.3));animation:pulseSelection 2s ease-in-out infinite}@keyframes pulseSelection{0%,to{box-shadow:0 0 0 2px rgba(250,114,0,.3),var(--shadow-high,0 8px 16px rgba(0,0,0,.3))}50%{box-shadow:0 0 0 4px rgba(250,114,0,.2),var(--shadow-high,0 8px 16px rgba(0,0,0,.3))}}.nodeEntering{animation:nodeEnter .3s ease-out forwards}@keyframes nodeEnter{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.nodeExiting{animation:nodeExit .2s ease-in forwards}@keyframes nodeExit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.customNodeHeader{display:flex;align-items:center;gap:var(--space-2,8px);padding:var(--space-2,8px) var(--space-3,12px);background:var(--surface-3,#2a2a2a);border-bottom:1px solid var(--border-subtle,hsla(0,0%,100%,.05))}.customNodeIcon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:3px;font-size:.65rem;font-weight:700;color:#fff;flex-shrink:0}.customNodeTrigger .customNodeHeader{background:linear-gradient(135deg,rgba(34,197,94,.15),rgba(22,163,74,.15))}.customNodeTrigger .customNodeIcon{background:linear-gradient(135deg,#22c55e,#16a34a)}.customNodeAction .customNodeHeader{background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(37,99,235,.15))}.customNodeAction .customNodeIcon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.customNodeCondition .customNodeHeader{background:linear-gradient(135deg,rgba(245,158,11,.15),rgba(217,119,6,.15))}.customNodeCondition .customNodeIcon{background:linear-gradient(135deg,#f59e0b,#d97706)}.customNodeType{color:var(--text-tertiary,hsla(0,0%,100%,.55));font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.stepTypeBadge{margin-left:auto;padding:2px 6px;background:rgba(59,130,246,.2);border-radius:3px;color:#3b82f6;font-size:.6rem;font-weight:500}.customNodeBody{padding:var(--space-3,12px)}.customNodeLabel{color:var(--text-primary,hsla(0,0%,100%,.95));font-size:.875rem;font-weight:500;margin:0}.customNodeDescription{color:var(--text-tertiary,hsla(0,0%,100%,.55));font-size:.75rem;margin-top:var(--space-1,4px)}.conditionBranches{display:flex;justify-content:space-between;padding:var(--space-2,8px) var(--space-3,12px);background:var(--surface-3,#2a2a2a);border-top:1px solid var(--border-subtle,hsla(0,0%,100%,.05))}.branchTrue{color:#22c55e}.branchFalse,.branchTrue{font-size:.65rem;font-weight:500}.branchFalse{color:#ef4444}.skeletonContainer{display:flex;flex-direction:column;gap:var(--space-6,24px)}.skeletonChart{background:var(--surface-2,#242424);border:1px solid var(--border-default,#3a3a3a);border-radius:var(--radius,5px);padding:var(--space-5,20px)}.skeletonTitle{width:200px;height:20px;margin-bottom:var(--space-4,16px)}.skeletonChartArea,.skeletonTitle{background:linear-gradient(90deg,#2a2a2a,#3a3a3a 50%,#2a2a2a);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius,5px)}.skeletonChartArea{width:100%;height:200px}.skeletonTable{background:var(--surface-2,#242424);border:1px solid var(--border-default,#3a3a3a);border-radius:var(--radius,5px);overflow:hidden}.skeletonRow{display:flex;gap:var(--space-4,16px);padding:var(--space-4,16px);border-bottom:1px solid var(--border-subtle,hsla(0,0%,100%,.05))}.skeletonRow:last-child{border-bottom:none}.skeletonCell{height:20px;background:linear-gradient(90deg,#2a2a2a,#3a3a3a 50%,#2a2a2a);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius,5px)}.skeletonCell30{width:30%}.skeletonCell15{width:15%}.skeletonCell20{width:20%}.skeletonCell10{width:10%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.errorState{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6,24px) * 2;text-align:center;min-height:300px}.errorIcon{width:64px;height:64px;color:#ef4444;margin-bottom:var(--space-4,16px)}.errorIcon svg{width:100%;height:100%}.errorTitle{color:var(--text-primary,hsla(0,0%,100%,.95));font-size:1.25rem;margin:0 0 var(--space-2,8px)}.errorMessage{color:var(--text-tertiary,hsla(0,0%,100%,.55));margin:0 0 var(--space-5,20px);max-width:400px}.retryButton{display:inline-flex;align-items:center;gap:var(--space-2,8px);height:44px;padding:0 var(--space-5,20px);background:linear-gradient(135deg,#fa7200,#ff5757);color:#fff;font-family:inherit;transition:all .15s ease}.retryButton:hover{filter:brightness(1.05);transform:translateY(-1px)}.retryIcon{width:18px;height:18px}.nodeConfigModal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:480px;max-width:90vw;max-height:80vh;background:var(--surface-1,linear-gradient(135deg,#1a1a1a 0,#2d2d2d 50%,#1a1a1a 100%));border:1px solid var(--border-default,#3a3a3a);border-radius:var(--radius,5px);box-shadow:var(--shadow-extreme,0 24px 48px rgba(0,0,0,.5));z-index:calc(var(--z-modal, 1000) + 10);display:flex;flex-direction:column;overflow:hidden}.nodeConfigHeader{display:flex;align-items:center;justify-content:space-between;background:var(--surface-2,#242424);border-bottom:1px solid var(--border-default,#3a3a3a)}.nodeConfigTitle{font-size:1rem}.nodeConfigFooter{display:flex;justify-content:flex-end;gap:var(--space-3,12px);padding:var(--space-4,16px);background:var(--surface-2,#242424);border-top:1px solid var(--border-default,#3a3a3a)}@media (max-width:1200px){.toolbar{width:320px}}@media (max-width:1023px){.modalContainer{width:98vw;height:95vh}}@media (max-width:767px){.toolbar{width:260px}.toolbarCollapsed{width:56px}.modalHeader{padding:var(--space-4,16px)}.modalHeader,.modalHeaderLeft{flex-direction:column;gap:var(--space-3,12px)}.modalHeaderLeft{width:100%;align-items:flex-start}.workflowNameInput{width:100%}.headerActions{position:absolute;top:var(--space-3,12px);right:var(--space-3,12px)}.footerInfo{display:none}.footerButtons{width:100%;justify-content:stretch}.cancelButton,.saveButton{flex:1 1}}.workflowsPage{padding:var(--space-4,16px);max-width:100%;overflow-x:hidden;animation:fadeIn .3s ease-out}.pageHeader{margin-bottom:var(--space-5,20px)}.pageSubtitle{color:var(--text-tertiary,hsla(0,0%,100%,.55))}.createWorkflowBtn{display:inline-flex;align-items:center;gap:var(--space-2,8px);height:44px;padding:0 var(--space-5,20px);background:linear-gradient(135deg,var(--brand-coral,#fa7200) 0,#ff5757 100%);color:#fff;border:none;border-radius:var(--radius,5px);font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-low,0 2px 4px rgba(0,0,0,.2))}.createWorkflowBtn:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:var(--shadow-medium,0 4px 8px rgba(0,0,0,.25))}.createWorkflowBtn:active{transform:translateY(0)}.createWorkflowBtn svg{width:18px;height:18px}.workflowFilter{display:flex;align-items:center;gap:var(--space-4,16px);margin-bottom:var(--space-5,20px);flex-wrap:wrap}.searchBox{position:relative;flex:1 1;min-width:240px;max-width:400px}.searchIcon{left:var(--space-3,12px)}.searchInput{height:40px;padding:0 var(--space-3,12px) 0 40px;background:var(--surface-3,#2a2a2a);border:1px solid var(--border-default,#3a3a3a);border-radius:var(--radius,5px);transition:all .2s ease}.searchInput:hover{background:var(--surface-4,#333);border-color:var(--border-hover,#4a4a4a)}.searchInput:focus{background:var(--surface-4,#333);border-color:var(--brand-coral,#fa7200)}.filterSelect{height:40px;padding:0 36px 0 var(--space-3,12px);background-color:#2a2a2a;transition:all .2s ease}.filterSelect:focus,.filterSelect:hover{background-color:#333}.workflowList{display:flex;flex-direction:column;gap:var(--space-3,12px)}.workflowCard{background:var(--surface-2,#1a1a1a);border:1px solid var(--border-default,#3a3a3a);border-radius:var(--radius,5px);padding:var(--space-4,16px) var(--space-5,20px);transition:all .2s ease;cursor:pointer}.workflowCard:hover{background:var(--surface-3,#242424);border-color:var(--border-hover,#4a4a4a);transform:translateY(-1px)}.workflowCard.expanded{background:var(--surface-3,#242424);border-color:var(--brand-coral,#fa7200)}.workflowCardHeader{display:flex;align-items:center;gap:var(--space-4,16px)}.workflowIcon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--surface-4,#333);border-radius:var(--radius,5px);flex-shrink:0}.workflowIcon svg{width:24px;height:24px;color:var(--brand-coral,#fa7200)}.workflowInfo{flex:1 1;min-width:0}.workflowName{font-size:1rem;font-weight:600;color:var(--text-primary,hsla(0,0%,100%,.95));margin:0 0 var(--space-1,4px)}.workflowDescription,.workflowName{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workflowDescription{font-size:.8125rem;color:var(--text-tertiary,hsla(0,0%,100%,.55));margin:0 0 var(--space-2,8px)}.workflowMeta{display:flex;align-items:center;gap:var(--space-4,16px);flex-wrap:wrap}.triggerBadge{display:inline-flex;align-items:center;gap:var(--space-1,4px);padding:var(--space-1,4px) var(--space-2,8px);border-radius:var(--radius,5px);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.triggerScheduled{background:rgba(59,130,246,.15);color:#3b82f6}.triggerEvent{background:rgba(245,158,11,.15);color:#f59e0b}.triggerManual{background:rgba(34,197,94,.15);color:#22c55e}.triggerWebhook{background:rgba(168,85,247,.15);color:#a855f7}.statusBadge{gap:var(--space-1,4px)}.statusActive{background:rgba(34,197,94,.15);color:#22c55e}.statusActive:before{background:#22c55e}.statusPaused{background:rgba(245,158,11,.15);color:#f59e0b}.statusDraft{background:hsla(220,9%,46%,.15);color:#9ca3af}.statusArchived{background:hsla(220,9%,46%,.1);color:#6b7280}.lastRun{display:flex;align-items:center;gap:var(--space-2,8px);font-size:.8125rem;color:var(--text-tertiary,hsla(0,0%,100%,.55))}.runSuccess{color:#22c55e}.runFailed{color:#ef4444}.runFailed svg,.runSuccess svg{width:14px;height:14px}.workflowActions{display:flex;align-items:center;gap:var(--space-2,8px);flex-shrink:0}.actionBtn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1,4px);height:36px;padding:0 var(--space-3,12px);background:var(--surface-3,#2a2a2a);border:1px solid var(--border-default,#3a3a3a);border-radius:var(--radius,5px);font-size:.8125rem;color:var(--text-secondary,hsla(0,0%,100%,.75));transition:all .15s ease}.actionBtn:hover{background:var(--surface-4,#333);border-color:var(--brand-coral,#fa7200);color:var(--brand-coral,#fa7200)}.actionBtn svg{width:16px;height:16px}.actionBtnPrimary{background:linear-gradient(135deg,var(--brand-coral,#fa7200) 0,#ff5757 100%);border:none}.actionBtnPrimary:hover:not(:disabled){filter:brightness(1.1)}.actionBtnDanger{background:transparent;border:1px solid rgba(239,68,68,.5)}.actionBtnDanger:hover:not(:disabled){border-color:#ef4444}.actionBtnIcon{width:36px;padding:0}.runHistory{margin-top:var(--space-4,16px);padding-top:var(--space-4,16px);border-top:1px solid var(--border-subtle,hsla(0,0%,100%,.05));animation:slideDown .2s ease-out}.runHistoryHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3,12px)}.runHistoryTitle{font-size:.8125rem;font-weight:600;color:var(--text-secondary,hsla(0,0%,100%,.75));text-transform:uppercase;letter-spacing:.05em}.runHistoryList{display:flex;flex-direction:column;gap:var(--space-2,8px);max-height:240px;overflow-y:auto}.runHistoryItem{display:flex;align-items:center;gap:var(--space-3,12px);padding:var(--space-3,12px);background:var(--surface-2,#1a1a1a);border-radius:var(--radius,5px);font-size:.8125rem}.runHistoryStatus{width:8px;height:8px;border-radius:var(--radius);flex-shrink:0}.runHistoryStatus.success{background:#22c55e}.runHistoryStatus.failed{background:#ef4444}.runHistoryStatus.running{background:#3b82f6;animation:pulse 1s ease-in-out infinite}.runHistoryStatus.pending{background:#f59e0b}.runHistoryTime{color:var(--text-secondary,hsla(0,0%,100%,.75));min-width:160px}.runHistoryDuration{color:var(--text-tertiary,hsla(0,0%,100%,.55));min-width:80px}.runHistoryError{color:#ef4444;font-size:.75rem;flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.templatesList{gap:var(--space-4,16px);padding:var(--space-4,16px) 0;margin-bottom:var(--space-5,20px);scrollbar-width:thin;scrollbar-color:var(--surface-4,#333) transparent}.templatesList::-webkit-scrollbar{height:6px}.templatesList::-webkit-scrollbar-track{background:transparent}.templatesList::-webkit-scrollbar-thumb{background:var(--surface-4,#333);border-radius:3px}.templatesTitle{font-size:.75rem;font-weight:600;color:var(--text-tertiary,hsla(0,0%,100%,.55));text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-3,12px)}.templateCard{flex-direction:column;gap:var(--space-2,8px);border:1px solid var(--border-default,#3a3a3a);transition:all .2s ease}.templateCard:hover{background:var(--surface-3,#242424);border-color:var(--brand-coral,#fa7200)}.templateIcon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(250,114,0,.1);border-radius:var(--radius,5px);color:var(--brand-coral,#fa7200);font-size:1.25rem}.templateDescription{font-size:.75rem;line-height:1.4}.workflowBuilder{position:fixed;inset:0;z-index:var(--z-modal,1000);display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.builderCanvas{width:95vw;height:90vh;max-width:1600px;background:var(--surface-1,#1a1a1a);border:1px solid var(--border-default,#3a3a3a);border-radius:var(--radius,5px);box-shadow:var(--shadow-extreme,0 24px 48px rgba(0,0,0,.5));display:flex;flex-direction:column;overflow:hidden}.builderNode{min-width:180px;background:var(--surface-2,#242424);border:2px solid var(--border-default,#3a3a3a);border-radius:var(--radius,5px);box-shadow:var(--shadow-medium,0 4px 8px rgba(0,0,0,.25));overflow:hidden;transition:all .2s ease}.builderNode:hover{border-color:var(--border-hover,#4a4a4a);transform:translateY(-2px);box-shadow:var(--shadow-high,0 8px 16px rgba(0,0,0,.3))}.builderNode.selected{border-color:var(--brand-coral,#fa7200);box-shadow:0 0 0 2px rgba(250,114,0,.3),var(--shadow-high,0 8px 16px rgba(0,0,0,.3))}.builderLine{stroke:var(--brand-coral,#fa7200);stroke-width:2;fill:none}.nodeTrigger{border-left:3px solid #22c55e}.nodeTrigger .nodeHeader{background:linear-gradient(135deg,rgba(34,197,94,.15),rgba(22,163,74,.15))}.nodeAction{border-left:3px solid #3b82f6}.nodeAction .nodeHeader{background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(37,99,235,.15))}.nodeCondition{border-left:3px solid #f59e0b}.nodeCondition .nodeHeader{background:linear-gradient(135deg,rgba(245,158,11,.15),rgba(217,119,6,.15))}.nodeHeader{gap:var(--space-2,8px);padding:var(--space-2,8px) var(--space-3,12px);border-bottom:1px solid var(--border-subtle,hsla(0,0%,100%,.05))}.nodeHeader,.nodeIcon{display:flex;align-items:center}.nodeIcon{width:24px;height:24px;justify-content:center;border-radius:var(--radius,5px);font-size:.75rem;font-weight:700;color:#fff}.nodeTrigger .nodeIcon{background:linear-gradient(135deg,#22c55e,#16a34a)}.nodeAction .nodeIcon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.nodeCondition .nodeIcon{background:linear-gradient(135deg,#f59e0b,#d97706)}.nodeType{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary,hsla(0,0%,100%,.55))}.nodeBody{padding:var(--space-3,12px)}.nodeLabel{font-size:.875rem;font-weight:500;color:var(--text-primary,hsla(0,0%,100%,.95));margin:0}.nodeDescription{font-size:.75rem;color:var(--text-tertiary,hsla(0,0%,100%,.55));margin-top:var(--space-1,4px)}.nodeConfig{width:320px;background:var(--surface-2,#242424);border-left:1px solid var(--border-default,#3a3a3a);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.nodeConfigHeader{padding:var(--space-4,16px);border-bottom:1px solid var(--border-subtle,hsla(0,0%,100%,.05))}.nodeConfigTitle{font-size:.875rem;font-weight:600;color:var(--text-primary,hsla(0,0%,100%,.95));margin:0}.nodeConfigBody{flex:1 1;padding:var(--space-4,16px);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4,16px)}.statsGrid{grid-gap:var(--space-4,16px);gap:var(--space-4,16px);margin-bottom:var(--space-5,20px)}.statCard{border:1px solid var(--border-default,#3a3a3a);transition:all .2s ease}.statCard:hover{background:var(--surface-3,#242424)}.statLabel{font-size:.8125rem}.chartCard{background:var(--surface-2,#1a1a1a);border:1px solid var(--border-default,#3a3a3a);margin-bottom:var(--space-6,24px)}.chartTitle{font-size:.875rem;margin:0 0 var(--space-4,16px)}.emptyState{padding:var(--space-6,24px) * 3}.emptyIcon{background:var(--surface-3,#2a2a2a)}.emptyIcon svg{width:40px;height:40px}.emptyDescription,.loadingState{color:var(--text-tertiary,hsla(0,0%,100%,.55))}.spinner{border:3px solid rgba(250,114,0,.1);margin-bottom:var(--space-4,16px)}.detailModal{position:fixed;inset:0;z-index:var(--z-modal,1000);display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.detailModalContent{width:90vw;max-width:800px;max-height:85vh;background:var(--surface-1,#1a1a1a);border:1px solid var(--border-default,#3a3a3a);border-radius:var(--radius,5px);box-shadow:var(--shadow-extreme,0 24px 48px rgba(0,0,0,.5));display:flex;flex-direction:column;overflow:hidden}.detailModalHeader{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5,20px);background:var(--surface-2,#242424);border-bottom:1px solid var(--border-default,#3a3a3a)}.detailModalTitle{font-size:1.25rem;font-weight:600;color:var(--text-primary,hsla(0,0%,100%,.95));margin:0}.detailModalBody{flex:1 1;padding:var(--space-5,20px);overflow-y:auto}.detailSection{margin-bottom:var(--space-5,20px)}.detailSection:last-child{margin-bottom:0}.detailSectionTitle{font-size:.8125rem;font-weight:600;color:var(--text-secondary,hsla(0,0%,100%,.75));text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-3,12px)}.infoGrid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-4,16px);gap:var(--space-4,16px)}.infoItem{display:flex;flex-direction:column;gap:var(--space-1,4px)}.infoItemFull{grid-column:span 2}.infoLabel{font-size:.75rem;font-weight:500;color:var(--text-tertiary,hsla(0,0%,100%,.55))}.infoValue{font-size:.875rem;color:var(--text-primary,hsla(0,0%,100%,.95))}.detailModalFooter{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3,12px);padding:var(--space-4,16px) var(--space-5,20px);background:var(--surface-2,#242424);border-top:1px solid var(--border-default,#3a3a3a)}.executionList{display:flex;flex-direction:column;gap:var(--space-2,8px);max-height:300px;overflow-y:auto}.executionItem{display:flex;align-items:center;gap:var(--space-3,12px);padding:var(--space-3,12px);background:var(--surface-3,#2a2a2a);border-radius:var(--radius,5px);font-size:.8125rem}.executionStatus{padding:var(--space-1,4px) var(--space-2,8px);border-radius:var(--radius,5px);font-size:.6875rem;font-weight:600;text-transform:uppercase}.executionStatus.completed{background:rgba(34,197,94,.15);color:#22c55e}.executionStatus.failed{background:rgba(239,68,68,.15);color:#ef4444}.executionStatus.running{background:rgba(59,130,246,.15);color:#3b82f6}.executionStatus.pending{background:rgba(245,158,11,.15);color:#f59e0b}.executionTime{color:var(--text-secondary,hsla(0,0%,100%,.75));min-width:160px}.executionError{color:#ef4444;font-size:.75rem;flex:1 1}.stepsList{display:flex;flex-direction:column;gap:var(--space-2,8px)}.stepItem{gap:var(--space-3,12px);padding:var(--space-3,12px);background:var(--surface-3,#2a2a2a);border-radius:var(--radius,5px)}.stepNumber{width:28px;height:28px;background:var(--brand-coral,#fa7200);border-radius:var(--radius);color:#fff;flex-shrink:0}.stepName{font-size:.875rem;font-weight:500;color:var(--text-primary,hsla(0,0%,100%,.95));flex:1 1}.stepType{font-size:.6875rem;font-weight:600;text-transform:uppercase;padding:var(--space-1,4px) var(--space-2,8px);background:var(--surface-4,#333);border-radius:var(--radius,5px)}.noData,.stepType{color:var(--text-tertiary,hsla(0,0%,100%,.55))}.noData{text-align:center;padding:var(--space-5,20px);font-size:.875rem}@media (max-width:1200px){.statsGrid{grid-template-columns:repeat(2,1fr)}.infoGrid{grid-template-columns:1fr}.infoItemFull{grid-column:span 1}}@media (max-width:1023px){.workflowsPage{padding:var(--space-3,12px)}.builderCanvas{width:98vw;height:95vh}.nodeConfig{display:none}}@media (max-width:767px){.pageHeader{flex-direction:column;align-items:stretch}.createWorkflowBtn{width:100%;justify-content:center}.workflowFilter{flex-direction:column;align-items:stretch}.searchBox{max-width:none;min-width:auto}.filterGroup{width:100%}.filterSelect{flex:1 1}.filterStats{width:100%;text-align:center;margin-left:0}.statsGrid{grid-template-columns:repeat(2,1fr);gap:var(--space-3,12px)}.statCard{padding:var(--space-3,12px)}.statValue{font-size:1.5rem}.workflowCardHeader{flex-direction:column;align-items:flex-start;gap:var(--space-3,12px)}.workflowIcon{width:40px;height:40px}.workflowActions{width:100%;justify-content:space-between}.templatesList{flex-direction:column}.templateCard{min-width:auto;width:100%}.runHistoryItem{flex-wrap:wrap;gap:var(--space-2,8px)}.runHistoryDuration,.runHistoryTime{min-width:auto}.detailModalContent{width:95vw;max-height:90vh}.detailModalFooter{flex-wrap:wrap}.detailModalFooter button{flex:1 1;min-width:120px}}@media (max-width:480px){.statsGrid{grid-template-columns:1fr}.workflowMeta{flex-direction:column;align-items:flex-start;gap:var(--space-2,8px)}.executionItem,.stepItem{flex-wrap:wrap}}.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__connection-path,.react-flow__edge-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid #fff;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translateX(-50%)}.react-flow__attribution{font-size:10px;background:hsla(0,0%,100%,.5);padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border:1px solid #1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px rgba(0,0,0,.08)}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:hsla(0,0%,94%,.25)}.react-flow__nodesselection-rect,.react-flow__selection{background:rgba(0,89,220,.08);border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px rgba(0,0,0,.08)}.react-flow__controls-button{background:#fefefe;border:none;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.bulkOpsPage{padding:2rem;max-width:1400px;margin:0 auto;min-height:100vh}.container{padding:2rem}.header{margin-bottom:2rem;gap:1rem}.headerContent{gap:.5rem}.title{color:var(--text-primary,#fff)}.description{color:var(--text-secondary,#a0a0a0)}.headerActions{gap:1rem}.newOperationBtn{padding:.75rem 1.5rem;background:var(--brand-coral,#fa7200);border:none;border-radius:var(--radius,5px);font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;min-height:44px}.newOperationBtn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.newOperationBtn:disabled{opacity:.5;cursor:not-allowed}.createButton{padding:.75rem 1.5rem;background:var(--brand-coral,#fa7200);border-radius:var(--radius,5px);font-size:.875rem;transition:all .2s ease;min-height:44px}.createButton:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.viewSwitcher{display:flex;background:var(--surface-2,#1a1a1a);border-radius:var(--radius,5px);padding:.25rem}.viewButton{padding:.5rem 1rem;background:transparent;border:none;border-radius:var(--radius,5px);font-size:.875rem;font-weight:500;color:var(--text-secondary,#a0a0a0);cursor:pointer;transition:all .2s ease}.viewButton:hover{color:var(--text-primary,#fff)}.viewButton.active{background:var(--brand-coral,#fa7200);color:#fff}.statsGrid{grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem;margin-bottom:2rem}.statCard{background:var(--surface-2,#1a1a1a);border:none;padding:1.5rem;box-shadow:var(--shadow-low)}.statValue{margin-bottom:.25rem}.statLabel{color:var(--text-secondary,#a0a0a0)}.operationTypes{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.operationType{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background:var(--surface-2,#242424);border:2px solid transparent;border-radius:var(--radius,5px);cursor:pointer;transition:all .2s ease;text-align:center}.operationType:hover{border-color:var(--brand-coral,#fa7200);background:var(--surface-3,#2a2a2a)}.operationType.selected{border-color:var(--brand-coral,#fa7200);background:rgba(250,114,0,.1)}.typeIcon{font-size:2.5rem;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--surface-3,#333);border-radius:var(--radius,5px)}.typeName{font-size:.875rem;font-weight:600;color:var(--text-primary,#fff)}.typeDescription{font-size:.75rem;color:var(--text-tertiary,#888)}.operationWizard{background:var(--surface-2,#1a1a1a);border:none;border-radius:var(--radius,5px);padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow-medium)}.wizardStep{display:none}.wizardStep.active{display:block}.wizardStepTitle{font-size:1.25rem;font-weight:600;color:var(--text-primary,#fff);margin:0 0 1.5rem}.wizardStepDescription{font-size:.875rem;color:var(--text-secondary,#a0a0a0);margin-bottom:1.5rem}.stepIndicator{gap:.5rem;margin-bottom:2rem}.stepDot{width:12px;height:12px;border-radius:var(--radius,5px);background:var(--surface-3,#333);transition:all .2s ease}.stepDot.active{background:var(--brand-coral,#fa7200);width:24px}.stepDot.completed{background:var(--color-success,#4caf50)}.stepLine{width:40px;height:2px;background:var(--surface-3,#333)}.stepLine.completed{background:var(--brand-coral,#fa7200)}.stepNumber{width:32px;height:32px;background:var(--surface-3,#333);font-size:.875rem;font-weight:600;color:var(--text-secondary,#a0a0a0)}.stepNumber.active{background:var(--brand-coral,#fa7200);color:#fff}.stepNumber.completed{background:var(--color-success,#4caf50);color:#fff}.stepLabel{color:var(--text-tertiary,#888);letter-spacing:.5px}.stepLabel.active{color:var(--brand-coral,#fa7200)}.accountSelector{margin-bottom:1.5rem}.accountSelectorHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.accountGroup{padding:1rem;background:var(--surface-3,#242424);border-radius:var(--radius,5px);margin-bottom:.75rem}.accountGroupHeader{display:flex;align-items:center;justify-content:space-between;padding-bottom:.75rem;border-bottom:1px solid var(--border-subtle,hsla(0,0%,100%,.05));margin-bottom:.75rem}.accountGroupTitle{font-size:.875rem;font-weight:600;color:var(--text-primary,#fff)}.accountGroupCount{font-size:.75rem;color:var(--text-tertiary,#888)}.accountGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:.5rem;gap:.5rem;max-height:250px;overflow-y:auto;padding:.5rem;background:var(--surface-3,#242424);border-radius:var(--radius,5px)}.accountCheckbox{gap:.5rem;padding:.5rem .75rem;transition:background .2s ease;font-size:.875rem;color:var(--text-primary,#fff)}.accountCheckbox:hover{background:hsla(0,0%,100%,.05)}.accountCheckbox.selected{background:rgba(250,114,0,.1)}.accountCheckbox input{accent-color:var(--brand-coral,#fa7200);width:16px;height:16px}.noAccounts{grid-column:1/-1;text-align:center;color:var(--text-tertiary,#888);padding:2rem}.selectAllButton{margin-left:auto;padding:.25rem .75rem;background:transparent;border:1px solid var(--brand-coral,#fa7200);border-radius:var(--radius,5px);color:var(--brand-coral,#fa7200);font-size:.75rem;cursor:pointer;transition:all .2s ease}.selectAllButton:hover{background:var(--brand-coral,#fa7200);color:#fff}.configPanel{background:var(--surface-3,#242424);border-radius:var(--radius,5px);padding:1.5rem;margin-bottom:1.5rem}.configTitle{font-size:1rem;color:var(--text-primary,#fff);margin:0 0 1rem}.configRow{display:flex;gap:1rem;margin-bottom:1rem}.configInput{flex:1 1;padding:.75rem 1rem;border:none;border-radius:var(--radius,5px);font-size:.875rem;background:var(--surface-4,#333);color:var(--text-primary,#fff);transition:all .2s ease}.configInput:focus{outline:none;box-shadow:0 0 0 2px var(--brand-coral,#fa7200)}.configToggle{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border-subtle,hsla(0,0%,100%,.05))}.configToggle:last-child{border-bottom:none}.configToggleLabel{font-size:.875rem;color:var(--text-primary,#fff)}.configToggleDescription{font-size:.75rem;color:var(--text-tertiary,#888);margin-top:.25rem}.previewPanel{margin-bottom:1.5rem}.previewPanel,.previewSection{background:rgba(250,114,0,.05);border:1px solid rgba(250,114,0,.2);border-radius:var(--radius,5px);padding:1.5rem}.previewSection{margin-top:1.5rem}.previewTitle{font-size:1rem;color:var(--text-primary,#fff);margin:0 0 1rem}.impactSummary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1rem}.impactItem{text-align:center;padding:1rem;background:var(--surface-3,#242424);border-radius:var(--radius,5px)}.impactValue{font-size:1.5rem;font-weight:700;color:var(--brand-coral,#fa7200)}.impactLabel{font-size:.75rem;color:var(--text-secondary,#a0a0a0);text-transform:uppercase;margin-top:.25rem}.affectedList{max-height:200px;overflow-y:auto;padding:1rem;background:var(--surface-3,#242424);border-radius:var(--radius,5px)}.affectedItem{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border-subtle,hsla(0,0%,100%,.05))}.affectedItem:last-child{border-bottom:none}.affectedName{font-size:.875rem;color:var(--text-primary,#fff)}.affectedCount{font-size:.75rem;color:var(--text-tertiary,#888)}.previewStats{display:flex;gap:2rem;margin-bottom:1rem}.previewStat{display:flex;flex-direction:column;gap:.25rem}.previewValue{font-size:1.5rem;font-weight:700;color:var(--brand-coral,#fa7200)}.previewLabel{font-size:.75rem;color:var(--text-secondary,#a0a0a0);text-transform:uppercase}.previewWarnings{padding:1rem;background:rgba(255,152,0,.1);border-radius:var(--radius,5px)}.previewWarnings h4{font-size:.875rem;font-weight:600;color:#ff9800;margin:0 0 .5rem}.previewWarnings ul{margin:0;padding:0 0 0 1.25rem;color:var(--text-secondary,#a0a0a0);font-size:.875rem}.scheduleOptions{margin-bottom:1.5rem}.scheduleOptions,.scheduleSection{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:var(--surface-3,#242424);border-radius:var(--radius,5px)}.scheduleSection{margin-top:.5rem}.scheduleToggle{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--text-primary,#fff);cursor:pointer}.scheduleToggle input{accent-color:var(--brand-coral,#fa7200);width:18px;height:18px}.scheduleInputs{display:flex;gap:1rem;flex-wrap:wrap}.scheduleInput{flex:1 1;min-width:200px;padding:.75rem 1rem;border:none;border-radius:var(--radius,5px);font-size:.875rem;background:var(--surface-4,#1a1a1a);color:var(--text-primary,#fff);color-scheme:dark}.scheduleInput:focus{outline:none;box-shadow:0 0 0 2px var(--brand-coral,#fa7200)}.executeBtn{padding:.75rem 2rem;background:var(--brand-coral,#fa7200);border:none;border-radius:var(--radius,5px);font-size:1rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;min-height:44px}.executeBtn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.executeBtn:disabled{opacity:.5;cursor:not-allowed}.scheduleBtn{padding:.75rem 2rem;background:transparent;border:1px solid var(--brand-coral,#fa7200);border-radius:var(--radius,5px);font-size:1rem;font-weight:600;color:var(--brand-coral,#fa7200);cursor:pointer;transition:all .2s ease;min-height:44px}.scheduleBtn:hover:not(:disabled){background:var(--brand-coral,#fa7200);color:#fff}.scheduleBtn:disabled{opacity:.5;cursor:not-allowed}.historyTable{background:var(--surface-2,#1a1a1a);border-radius:var(--radius,5px)}.historyTableHeader{background:var(--surface-3,#242424);font-size:.75rem;font-weight:600;color:var(--text-secondary,#a0a0a0);text-transform:uppercase;letter-spacing:.5px}.historyTableHeader,.operationRow{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 120px;grid-gap:1rem;gap:1rem;padding:1rem 1.5rem}.operationRow{border-bottom:1px solid var(--border-subtle,hsla(0,0%,100%,.05));transition:background .2s ease;cursor:pointer}.operationRow:hover{background:var(--surface-3,#242424)}.operationRow:last-child{border-bottom:none}.operationCell{display:flex;align-items:center;font-size:.875rem;color:var(--text-primary,#fff)}.operationName{font-weight:600}.operationType{color:var(--text-secondary,#a0a0a0)}.operationUser{display:flex;align-items:center;gap:.5rem}.userAvatar{width:24px;height:24px;border-radius:var(--radius,5px);background:var(--surface-4,#333)}.operationStatus{display:flex;align-items:center}.statusBadge{padding:.375rem .75rem}.statusBadge[data-status=gray]{background:hsla(0,0%,50%,.1);color:#888}.statusBadge[data-status=blue]{background:rgba(33,150,243,.1);color:#2196f3}.statusBadge[data-status=green]{background:rgba(76,175,80,.1);color:#4caf50}.statusBadge[data-status=red]{background:rgba(244,67,54,.1);color:#f44336}.statusBadge[data-status=yellow]{background:rgba(255,152,0,.1);color:#ff9800}.progressBar{height:8px;background:var(--surface-3,#242424);overflow:hidden;margin-bottom:.5rem}.progressBar,.progressFill{border-radius:var(--radius,5px)}.progressFill{height:100%;background:var(--brand-coral,#fa7200);transition:width .3s ease}.progressText{font-size:.75rem;color:var(--text-secondary,#a0a0a0)}.rollbackBtn{padding:.5rem 1rem;background:rgba(255,152,0,.1);border:none;border-radius:var(--radius,5px);font-size:.875rem;font-weight:600;color:#ff9800;cursor:pointer;transition:all .2s ease;min-height:36px}.rollbackBtn:hover{background:rgba(255,152,0,.2)}.rollbackButton{padding:.5rem 1rem;background:rgba(255,152,0,.1);border-radius:var(--radius,5px);font-size:.875rem;font-weight:600;color:#ff9800;transition:all .2s ease;min-height:44px}.rollbackButton:hover{background:rgba(255,152,0,.2)}.scheduledOps{margin-top:2rem}.scheduledOpsTitle{font-size:1.25rem;font-weight:600;color:var(--text-primary,#fff);margin-bottom:1rem}.scheduledCard{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--surface-2,#1a1a1a);border-radius:var(--radius,5px);margin-bottom:.75rem;transition:all .2s ease}.scheduledCard:hover{background:var(--surface-3,#242424)}.scheduledDate{display:flex;flex-direction:column;align-items:center;padding:.75rem 1rem;background:rgba(250,114,0,.1);border-radius:var(--radius,5px);min-width:70px}.scheduledDay{font-size:1.5rem;font-weight:700;color:var(--brand-coral,#fa7200)}.scheduledMonth{font-size:.75rem;font-weight:600;color:var(--text-secondary,#a0a0a0);text-transform:uppercase}.scheduledInfo{flex:1 1;display:flex;flex-direction:column;gap:.25rem}.scheduledTime{font-size:1rem;font-weight:600;color:var(--text-primary,#fff)}.scheduledType{font-size:.875rem;color:var(--text-secondary,#a0a0a0)}.scheduledAccounts{font-size:.75rem;color:var(--text-tertiary,#888)}.scheduledBadge{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background:rgba(33,150,243,.1);border-radius:var(--radius,5px);font-size:.75rem;color:#2196f3}.createForm{background:var(--surface-2,#1a1a1a);border:none;border-radius:var(--radius,5px);padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow-medium)}.formHeader{justify-content:space-between;margin-bottom:1.5rem}.formHeader .formTitle{margin:0}.formTitle{color:var(--text-primary,#fff);margin:0 0 1.5rem}.formSection{margin-bottom:1.5rem}.formLabel{color:var(--text-secondary,#a0a0a0);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.optionGrid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem}.optionCard{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;background:var(--surface-3,#242424);border:2px solid transparent;border-radius:var(--radius,5px);cursor:pointer;transition:all .2s ease;text-align:center}.optionCard:hover{background:var(--surface-4,#2a2a2a)}.optionCard.selected,.optionCard:hover{border-color:var(--brand-coral,#fa7200)}.optionCard.selected{background:rgba(250,114,0,.1)}.optionIcon{font-size:2rem}.optionLabel{font-size:1rem;font-weight:600;color:var(--text-primary,#fff)}.optionDescription{font-size:.75rem;color:var(--text-tertiary,#888)}.fieldGroup{gap:1rem}.formInput{flex:1 1;padding:.75rem 1rem;font-size:1rem;background:var(--surface-3,#242424);color:var(--text-primary,#fff)}.formInput:focus{box-shadow:0 0 0 2px var(--brand-coral,#fa7200)}.formSelect{padding:.75rem 1rem;font-size:1rem;background:var(--surface-3,#242424);color:var(--text-primary,#fff);min-width:150px}.formSelect:focus{outline:none;box-shadow:0 0 0 2px var(--brand-coral,#fa7200)}.formHint{font-size:.875rem;color:var(--text-tertiary,#888);margin-top:.5rem}.formActions{gap:1rem;margin-top:2rem}.submitButton{padding:.75rem 2rem;background:var(--brand-coral,#fa7200);border-radius:var(--radius,5px);font-size:1rem;transition:all .2s ease;min-height:44px}.submitButton:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.submitButton:disabled{opacity:.5}.previewButton{padding:.75rem 2rem;background:transparent;border:1px solid var(--brand-coral,#fa7200);border-radius:var(--radius,5px);font-size:1rem;font-weight:600;color:var(--brand-coral,#fa7200);cursor:pointer;transition:all .2s ease;min-height:44px}.previewButton:hover:not(:disabled){background:var(--brand-coral,#fa7200);color:#fff}.previewButton:disabled{opacity:.5;cursor:not-allowed}.cancelFormButton{padding:.75rem 2rem;border-radius:var(--radius,5px);font-size:1rem;color:var(--text-secondary,#a0a0a0);transition:all .2s ease;min-height:44px}.cancelFormButton:hover{color:var(--brand-coral,#fa7200)}.filtersSection{background:var(--surface-2,#1a1a1a);border:none;border-radius:var(--radius,5px);padding:1.5rem;margin-bottom:2rem}.filterRow{gap:1rem}.filterGroup{gap:.5rem}.filterLabel{color:var(--text-secondary,#a0a0a0);letter-spacing:.5px}.filterSelect,.searchInput{padding:.625rem 1rem;border:none;border-radius:var(--radius,5px);font-size:.875rem;background:var(--surface-3,#242424);color:var(--text-primary,#fff);transition:all .2s ease}.filterSelect:focus,.searchInput:focus{outline:none;box-shadow:0 0 0 2px var(--brand-coral,#fa7200)}.dateInput{padding:.625rem 1rem;border:none;font-size:.875rem;background:var(--surface-3,#242424);color:var(--text-primary,#fff);color-scheme:dark}.dateInput:focus{box-shadow:0 0 0 2px var(--brand-coral,#fa7200)}.refreshButton{padding:.625rem 1.25rem;background:var(--surface-3,#242424);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius,5px);font-weight:600;color:var(--text-secondary,#a0a0a0);transition:all .2s ease;min-height:38px}.refreshButton:hover{background:var(--surface-4,#1a1a1a);color:var(--text-primary,#fff)}.operationsList{display:flex;flex-direction:column;gap:1rem}.operationCard{background:var(--surface-2,#1a1a1a);border:none;border-radius:var(--radius,5px);padding:1.5rem;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-low)}.operationCard.expanded,.operationCard:hover{background:var(--surface-3,#242424)}.operationHeader{display:flex;align-items:center;gap:1rem}.operationIcon{font-size:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--surface-3,#242424);border-radius:var(--radius,5px)}.operationInfo{flex:1 1}.operationTitle{font-size:1rem;font-weight:600;color:var(--text-primary,#fff);margin-bottom:.25rem}.operationMeta{display:flex;gap:1rem;font-size:.75rem;color:var(--text-tertiary,#888)}.operationActions{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid hsla(0,0%,100%,.05)}.cancelButton{padding:.5rem 1rem;background:hsla(0,0%,50%,.1);border:none;border-radius:var(--radius,5px);font-size:.875rem;color:#888;transition:all .2s ease;min-height:44px}.cancelButton:hover{background:hsla(0,0%,50%,.2)}.retryButton{padding:.5rem 1rem;background:rgba(33,150,243,.1);border:none;border-radius:var(--radius,5px);font-size:.875rem;font-weight:600;color:#2196f3;cursor:pointer;transition:all .2s ease;min-height:44px}.retryButton:hover{background:rgba(33,150,243,.2)}.downloadButton{padding:.5rem 1rem;background:rgba(76,175,80,.1);border:none;border-radius:var(--radius,5px);font-size:.875rem;font-weight:600;color:#4caf50;cursor:pointer;transition:all .2s ease;min-height:44px}.downloadButton:hover{background:rgba(76,175,80,.2)}.progressSection{margin-top:1rem}.failedCount{color:#f44336;font-weight:600}.completionStats{display:flex;gap:1rem;margin-top:1rem;padding:.75rem 1rem;background:var(--surface-3,#242424);border-radius:var(--radius,5px);font-size:.875rem}.successCount{color:#4caf50;font-weight:600}.errorMessage{gap:.5rem;margin-top:1rem;padding:.75rem 1rem;background:rgba(244,67,54,.1);border:none;color:#f44336}.errorIcon{background:#f44336;color:#fff;border-radius:var(--radius);font-size:.75rem}.emptyState{padding:4rem 2rem;background:var(--surface-2,#1a1a1a);border:none}.emptyIcon{font-size:4rem;margin-bottom:1rem}.emptyTitle{font-size:1.5rem;color:var(--text-primary,#fff);margin:0 0 .5rem}.emptyDescription,.loadingState{color:var(--text-secondary,#a0a0a0)}.spinner{border:4px solid rgba(250,114,0,.1);border-top:4px solid var(--brand-coral,#fa7200);animation:spin 1s linear infinite;margin-bottom:16px}.templatesSection{margin-bottom:2rem}.templatesSectionTitle{font-size:1rem;font-weight:600;color:var(--text-secondary,#a0a0a0);margin-bottom:1rem}.templatesList{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem}.templateCard{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--surface-2,#1a1a1a);min-width:200px;flex-shrink:0}.templateInfo{display:flex;flex-direction:column;gap:.125rem}.templateName{font-size:.875rem;color:var(--text-primary,#fff)}.templateType{font-size:.75rem;color:var(--text-tertiary,#888)}.templateActions{display:flex;gap:.5rem;margin-left:auto}.useTemplateButton{padding:.375rem .75rem;background:rgba(250,114,0,.1);border:1px solid var(--brand-coral,#fa7200);border-radius:var(--radius,5px);font-size:.75rem;font-weight:600;color:var(--brand-coral,#fa7200);cursor:pointer;transition:all .2s ease}.useTemplateButton:hover{background:var(--brand-coral,#fa7200);color:#fff}.deleteTemplateButton{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius,5px);font-size:.75rem;color:var(--text-tertiary,#888);cursor:pointer;transition:all .2s ease}.deleteTemplateButton:hover{background:rgba(244,67,54,.1);color:#f44336}.saveTemplateButton{padding:.5rem 1rem;background:transparent;border:1px solid hsla(0,0%,100%,.2);border-radius:var(--radius,5px);font-size:.875rem;font-weight:500;color:var(--text-secondary,#a0a0a0);cursor:pointer;transition:all .2s ease}.saveTemplateButton:hover{border-color:var(--brand-coral,#fa7200);color:var(--brand-coral,#fa7200)}.modalOverlay{background:rgba(0,0,0,.7)}.modal{background:var(--surface-2,#1a1a1a);border-radius:var(--radius,5px);padding:2rem;max-width:400px;width:90%;box-shadow:var(--shadow-high)}.modalTitle{font-size:1.25rem;color:var(--text-primary,#fff);margin:0 0 1.5rem}.modalContent{margin-bottom:1.5rem}.modalActions{gap:1rem}.calendarSection{margin-top:1rem}.calendarTitle{font-size:1.25rem;font-weight:600;color:var(--text-primary,#fff);margin-bottom:1.5rem}.calendarGrid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1rem;gap:1rem}.calendarCard{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--surface-2,#1a1a1a);border-radius:var(--radius,5px);transition:all .2s ease}.calendarCard:hover{background:var(--surface-3,#242424)}.calendarDate{display:flex;flex-direction:column;align-items:center;padding:.75rem 1rem;background:rgba(250,114,0,.1);border-radius:var(--radius,5px);min-width:60px}.calendarDay{font-size:1.5rem;font-weight:700;color:var(--brand-coral,#fa7200)}.calendarMonth{font-size:.75rem;font-weight:600;color:var(--text-secondary,#a0a0a0);text-transform:uppercase}.calendarInfo{display:flex;flex-direction:column;gap:.25rem;flex:1 1}.calendarTime{font-size:1rem;font-weight:600;color:var(--text-primary,#fff)}.calendarType{font-size:.875rem;color:var(--text-secondary,#a0a0a0)}.calendarAccounts{font-size:.75rem;color:var(--text-tertiary,#888)}.historySection{gap:2rem}.historyGroup{display:flex;flex-direction:column;gap:.75rem}.historyDate{font-size:.875rem;font-weight:600;color:var(--text-secondary,#a0a0a0);padding-bottom:.5rem;border-bottom:1px solid hsla(0,0%,100%,.05);margin:0}.historyList{display:flex;flex-direction:column;gap:.5rem}.historyItem{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--surface-2,#1a1a1a);border-radius:var(--radius,5px);transition:all .2s ease}.historyItem:hover{background:var(--surface-3,#242424)}.historyIcon{font-size:1.25rem}.historyInfo{display:flex;flex-direction:column;gap:.125rem;flex:1 1}.historyType{font-size:.875rem;font-weight:600;color:var(--text-primary,#fff)}.historyMeta{font-size:.75rem;color:var(--text-tertiary,#888)}.stagedRolloutSection{margin-top:1rem;padding:1rem;background:var(--surface-3,#242424);border-radius:var(--radius,5px)}.stagedRolloutTitle{font-size:.875rem;font-weight:600;color:var(--text-primary,#fff);margin-bottom:1rem}.stagesDisplay{gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.stageIndicator,.stagesDisplay{display:flex;align-items:center}.stageIndicator{flex-direction:column;gap:.25rem;padding:.5rem 1rem;background:var(--surface-4,#1a1a1a);border-radius:var(--radius,5px);font-size:.75rem;color:var(--text-secondary,#a0a0a0)}.stageIndicator.active{background:rgba(250,114,0,.2);color:var(--brand-coral,#fa7200)}.stageIndicator.completed{background:rgba(76,175,80,.2);color:#4caf50}.stagePercentage{font-size:1rem;font-weight:600}.stageArrow{color:var(--text-tertiary,#888)}.stageProgress{margin-top:.75rem}.stageProgressLabel{font-size:.75rem;color:var(--text-secondary,#a0a0a0);margin-bottom:.25rem}.stagedRolloutActions{display:flex;gap:.5rem;margin-top:1rem}.advanceButton{padding:.5rem 1rem;background:var(--brand-coral,#fa7200);border:none;border-radius:var(--radius,5px);font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.advanceButton:hover:not(:disabled){filter:brightness(1.1)}.advanceButton:disabled{opacity:.5;cursor:not-allowed}.pauseButton{padding:.5rem 1rem;background:rgba(255,152,0,.1);border:1px solid #ff9800;border-radius:var(--radius,5px);font-size:.875rem;font-weight:600;color:#ff9800;cursor:pointer;transition:all .2s ease}.pauseButton:hover{background:rgba(255,152,0,.2)}.resumeButton{padding:.5rem 1rem;background:rgba(76,175,80,.1);border:1px solid #4caf50;border-radius:var(--radius,5px);font-size:.875rem;font-weight:600;color:#4caf50;cursor:pointer;transition:all .2s ease}.resumeButton:hover{background:rgba(76,175,80,.2)}.categoryFilterSection{margin-top:1rem}.categoryTags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.categoryTag{padding:.375rem .75rem;background:var(--surface-3,#242424);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius,5px);font-size:.75rem;color:var(--text-secondary,#a0a0a0);cursor:pointer;transition:all .2s ease}.categoryTag:hover{border-color:var(--brand-coral,#fa7200);color:var(--text-primary,#fff)}.categoryTag.selected{background:rgba(250,114,0,.1);border-color:var(--brand-coral,#fa7200);color:var(--brand-coral,#fa7200)}.estimatedTime{color:var(--brand-coral,#fa7200);font-weight:500}:root[data-theme=light] .bulkOpsPage,:root[data-theme=light] .container{background:#f5f5f5}:root[data-theme=light] .description{color:rgba(0,0,0,.6)}:root[data-theme=light] .calendarCard,:root[data-theme=light] .createForm,:root[data-theme=light] .emptyState,:root[data-theme=light] .filtersSection,:root[data-theme=light] .historyItem,:root[data-theme=light] .modal,:root[data-theme=light] .operationCard,:root[data-theme=light] .statCard,:root[data-theme=light] .templateCard{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04)}:root[data-theme=light] .accountGrid,:root[data-theme=light] .affectedList,:root[data-theme=light] .completionStats,:root[data-theme=light] .configPanel,:root[data-theme=light] .operationType,:root[data-theme=light] .optionCard,:root[data-theme=light] .scheduleSection,:root[data-theme=light] .stagedRolloutSection{background:#f8f9fa}:root[data-theme=light] .configInput,:root[data-theme=light] .dateInput,:root[data-theme=light] .filterSelect,:root[data-theme=light] .formInput,:root[data-theme=light] .formSelect,:root[data-theme=light] .scheduleInput,:root[data-theme=light] .searchInput{background:#fff;border:1px solid rgba(0,0,0,.12);color:rgba(0,0,0,.9)}:root[data-theme=light] .accountCheckbox,:root[data-theme=light] .affectedName,:root[data-theme=light] .calendarTime,:root[data-theme=light] .calendarTitle,:root[data-theme=light] .configTitle,:root[data-theme=light] .configToggleLabel,:root[data-theme=light] .emptyTitle,:root[data-theme=light] .formTitle,:root[data-theme=light] .historyType,:root[data-theme=light] .modalTitle,:root[data-theme=light] .operationTitle,:root[data-theme=light] .optionLabel,:root[data-theme=light] .previewTitle,:root[data-theme=light] .scheduleToggle,:root[data-theme=light] .stagedRolloutTitle,:root[data-theme=light] .templateName,:root[data-theme=light] .typeName{color:rgba(0,0,0,.9)}:root[data-theme=light] .affectedCount,:root[data-theme=light] .calendarAccounts,:root[data-theme=light] .calendarType,:root[data-theme=light] .emptyDescription,:root[data-theme=light] .filterLabel,:root[data-theme=light] .formHint,:root[data-theme=light] .formLabel,:root[data-theme=light] .historyMeta,:root[data-theme=light] .impactLabel,:root[data-theme=light] .operationMeta,:root[data-theme=light] .optionDescription,:root[data-theme=light] .previewLabel,:root[data-theme=light] .progressText,:root[data-theme=light] .scheduledAccounts,:root[data-theme=light] .stageProgressLabel,:root[data-theme=light] .statLabel,:root[data-theme=light] .templateType,:root[data-theme=light] .typeDescription{color:rgba(0,0,0,.6)}:root[data-theme=light] .viewSwitcher{background:#e8e8e8}:root[data-theme=light] .viewButton{color:rgba(0,0,0,.6)}:root[data-theme=light] .viewButton:hover{color:rgba(0,0,0,.9)}:root[data-theme=light] .viewButton.active{background:var(--brand-coral,#fa7200);color:#000}:root[data-theme=light] .advanceButton,:root[data-theme=light] .createButton,:root[data-theme=light] .executeBtn,:root[data-theme=light] .newOperationBtn,:root[data-theme=light] .submitButton{color:#000}@media (max-width:1024px){.optionGrid,.statsGrid{grid-template-columns:repeat(2,1fr)}.historyTableHeader,.operationRow{grid-template-columns:2fr 1fr 1fr 120px}.historyTableHeader>:nth-child(3),.historyTableHeader>:nth-child(4),.operationRow>:nth-child(3),.operationRow>:nth-child(4){display:none}}@media (max-width:768px){.bulkOpsPage,.container{padding:1rem}.header{flex-direction:column;gap:1rem}.headerActions{flex-direction:column;width:100%;gap:.75rem}.viewSwitcher{width:100%;justify-content:center}.createButton,.newOperationBtn{width:100%}.statsGrid{grid-template-columns:repeat(2,1fr)}.operationTypes,.optionGrid{grid-template-columns:1fr}.filterRow{flex-direction:column;align-items:stretch}.filterGroup{min-width:auto}.fieldGroup,.operationHeader{flex-direction:column}.operationHeader{align-items:flex-start}.operationMeta{flex-direction:column;gap:.25rem}.operationActions{flex-wrap:wrap}.formActions,.formHeader{flex-direction:column}.formHeader{gap:1rem}.templatesList{flex-direction:column}.templateCard{min-width:auto;width:100%}.calendarGrid{grid-template-columns:1fr}.calendarCard{flex-direction:column;align-items:flex-start;gap:.75rem}.calendarCard .cancelButton{width:100%;margin-top:.5rem}.historyItem{flex-wrap:wrap;gap:.5rem}.historyItem .statusBadge{margin-left:auto}.historyItem .retryButton,.historyItem .rollbackButton{width:100%;margin-top:.5rem}.historyTable{display:none}.modal{margin:1rem;max-width:calc(100% - 2rem)}.modalActions{flex-direction:column}.stagesDisplay{flex-wrap:wrap}.stagedRolloutActions{flex-direction:column}.stagedRolloutActions button{width:100%}.impactSummary{grid-template-columns:1fr}.previewStats{gap:1rem}.previewStats,.scheduleInputs{flex-direction:column}.accountSelectorHeader{flex-direction:column;align-items:stretch;gap:.5rem}.selectAllButton{margin-left:0;width:100%}.stepIndicator{flex-wrap:wrap}}.advanceButton:focus-visible,.cancelButton:focus-visible,.cancelFormButton:focus-visible,.createButton:focus-visible,.deleteTemplateButton:focus-visible,.downloadButton:focus-visible,.executeBtn:focus-visible,.newOperationBtn:focus-visible,.pauseButton:focus-visible,.previewButton:focus-visible,.refreshButton:focus-visible,.resumeButton:focus-visible,.retryButton:focus-visible,.rollbackBtn:focus-visible,.rollbackButton:focus-visible,.saveTemplateButton:focus-visible,.scheduleBtn:focus-visible,.selectAllButton:focus-visible,.submitButton:focus-visible,.useTemplateButton:focus-visible,.viewButton:focus-visible{outline:2px solid var(--brand-coral,#fa7200);outline-offset:2px}.accountCheckbox:focus-visible,.calendarCard:focus-visible,.categoryTag:focus-visible,.historyItem:focus-visible,.operationCard:focus-visible,.operationType:focus-visible,.optionCard:focus-visible,.templateCard:focus-visible{outline:2px solid var(--brand-coral,#fa7200);outline-offset:2px}.diffPreviewContainer{margin-top:1.5rem;padding:1.5rem;background:var(--surface-2,#1a1a1a);border:1px solid var(--border-default,hsla(0,0%,100%,.1));border-radius:var(--radius,5px)}.diffPreviewHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.diffPreviewTitle{font-size:1.125rem;font-weight:600;color:var(--text-primary,#fff);margin:0;display:flex;align-items:center;gap:.5rem}.diffPreviewIcon{font-size:1.25rem}.summaryBadge{gap:.5rem;padding:.375rem .75rem;background:rgba(250,114,0,.1);font-size:.875rem;font-weight:600;color:var(--brand-coral,#fa7200)}.legend{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.legendItem{gap:.5rem;font-size:.75rem;color:var(--text-secondary,#a0a0a0)}.legendDot{width:12px;height:12px}.legendDot.addition{background:var(--color-success,#4caf50)}.legendDot.deletion{background:var(--color-error,#f44336)}.legendDot.change{background:var(--color-warning,#ff9800)}.legendDot.unchanged{background:var(--surface-4,#333)}.diffGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.diffColumn{display:flex;flex-direction:column;gap:.5rem}.diffColumnHeader{display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;background:var(--surface-3,#242424);border-radius:var(--radius,5px);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary,#a0a0a0)}.diffColumnHeader.before{color:var(--color-error,#f44336)}.diffColumnHeader.after{color:var(--color-success,#4caf50)}.diffContent{display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto;padding-right:.5rem}.diffItem{background:var(--surface-3,#242424);border:1px solid var(--border-subtle,hsla(0,0%,100%,.05));border-radius:var(--radius,5px);overflow:hidden;transition:all .2s ease}.diffItem:hover{border-color:var(--border-hover,hsla(0,0%,100%,.15))}.diffItemHeader{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--surface-4,#1a1a1a);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.diffItemHeader:hover{background:hsla(0,0%,100%,.02)}.diffItemTitle{gap:.75rem}.diffItemIndex,.diffItemTitle{display:flex;align-items:center}.diffItemIndex{justify-content:center;width:24px;height:24px;background:var(--surface-3,#333);border-radius:var(--radius,5px);font-size:.75rem;font-weight:600;color:var(--text-tertiary,#888)}.diffItemName{font-size:.875rem;font-weight:600;color:var(--text-primary,#fff)}.diffItemBadge{padding:.25rem .5rem;border-radius:var(--radius,5px);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.diffItemBadge.addition{background:rgba(76,175,80,.15);color:var(--color-success,#4caf50)}.diffItemBadge.deletion{background:rgba(244,67,54,.15);color:var(--color-error,#f44336)}.diffItemBadge.change{background:rgba(255,152,0,.15);color:var(--color-warning,#ff9800)}.chevron{font-size:.75rem;color:var(--text-tertiary,#888);transition:transform .2s ease}.chevron.expanded{transform:rotate(180deg)}.diffItemBody{padding:.75rem 1rem;display:none}.diffItemBody.expanded{display:block}.fieldRow{display:flex;gap:.5rem;padding:.5rem 0;border-bottom:1px solid var(--border-subtle,hsla(0,0%,100%,.05))}.fieldRow:last-child{border-bottom:none}.fieldLabel{flex:0 0 120px;font-size:.75rem;color:var(--text-tertiary,#888);text-transform:uppercase;letter-spacing:.5px}.fieldValues{flex:1 1;display:flex;gap:.5rem;align-items:flex-start}.fieldValue{flex:1 1;padding:.375rem .5rem;background:var(--surface-4,#1a1a1a);border-radius:var(--radius,5px);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.8125rem;color:var(--text-primary,#fff);word-break:break-word;min-height:28px}.fieldValue.before{border-left:3px solid var(--color-error,#f44336);background:rgba(244,67,54,.05)}.fieldValue.after{border-left:3px solid var(--color-success,#4caf50);background:rgba(76,175,80,.05)}.fieldValue.changed{border-left:3px solid var(--color-warning,#ff9800);background:rgba(255,152,0,.05)}.fieldValue.unchanged{border-left:3px solid var(--surface-4,#333);opacity:.7}.fieldArrow{display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0;padding-top:.25rem}.emptyValue,.fieldArrow{color:var(--text-tertiary,#888)}.emptyValue{font-style:italic}.confirmationSection{padding:1rem;background:var(--surface-3,#242424);border:1px solid var(--border-default,hsla(0,0%,100%,.1));border-radius:var(--radius,5px);margin-top:1rem}.confirmationLabel{display:flex;align-items:center;gap:.75rem;cursor:pointer}.confirmationCheckbox{width:18px;height:18px;accent-color:var(--brand-coral,#fa7200);cursor:pointer}.confirmationText{font-size:.875rem;color:var(--text-primary,#fff)}.confirmationRequired{font-size:.75rem;color:var(--color-warning,#ff9800);margin-left:auto}.actions{gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-subtle,hsla(0,0%,100%,.05))}.backButton{padding:.75rem 1.5rem;border:1px solid var(--border-default,hsla(0,0%,100%,.1));border-radius:var(--radius,5px);font-size:.875rem;font-weight:600;color:var(--text-secondary,#a0a0a0);transition:all .2s ease;min-height:44px}.backButton:hover{border-color:var(--brand-coral,#fa7200);color:var(--brand-coral,#fa7200)}.confirmButton{padding:.75rem 2rem;background:var(--brand-coral,#fa7200);border:none;border-radius:var(--radius,5px);font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;min-height:44px}.confirmButton:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.confirmButton:disabled{opacity:.5;cursor:not-allowed}.emptyDiff{padding:3rem;text-align:center;color:var(--text-secondary,#a0a0a0)}.emptyDiffIcon{font-size:3rem;margin-bottom:1rem;opacity:.5}.emptyDiffText{font-size:.875rem}.toggleAllButton{padding:.375rem .75rem;background:transparent;border:1px solid var(--border-default,hsla(0,0%,100%,.1));border-radius:var(--radius,5px);font-size:.75rem;font-weight:600;color:var(--text-secondary,#a0a0a0);cursor:pointer;transition:all .2s ease}.toggleAllButton:hover{border-color:var(--brand-coral,#fa7200);color:var(--brand-coral,#fa7200)}:root[data-theme=light] .diffPreviewContainer{background:#fff;border-color:rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.04)}:root[data-theme=light] .diffPreviewTitle{color:rgba(0,0,0,.9)}:root[data-theme=light] .diffColumnHeader{background:#f5f5f5;color:rgba(0,0,0,.6)}:root[data-theme=light] .diffItem{background:#fafafa;border-color:rgba(0,0,0,.06)}:root[data-theme=light] .diffItemHeader{background:#f5f5f5}:root[data-theme=light] .confirmationText,:root[data-theme=light] .diffItemName{color:rgba(0,0,0,.9)}:root[data-theme=light] .fieldValue{background:#f5f5f5;color:rgba(0,0,0,.9)}:root[data-theme=light] .confirmationSection{background:#f5f5f5;border-color:rgba(0,0,0,.08)}:root[data-theme=light] .confirmButton{color:#000}@media (max-width:768px){.diffPreviewContainer{padding:1rem}.diffPreviewHeader{flex-direction:column;align-items:flex-start}.diffGrid{grid-template-columns:1fr}.legend{gap:.5rem}.fieldRow,.legend{flex-direction:column}.fieldRow{gap:.25rem}.fieldLabel{flex:0 0 auto}.fieldValues{flex-direction:column}.fieldArrow{transform:rotate(90deg);padding:.25rem 0}.actions{flex-direction:column}.backButton,.confirmButton{width:100%}}.backButton:focus-visible,.confirmButton:focus-visible,.toggleAllButton:focus-visible{outline:2px solid var(--brand-coral,#fa7200);outline-offset:2px}.diffItemHeader:focus-visible{outline:2px solid var(--brand-coral,#fa7200);outline-offset:-2px}.confirmationCheckbox:focus-visible{outline:2px solid var(--brand-coral,#fa7200);outline-offset:2px}.campaignsPage{padding:var(--space-6,24px);max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-6,24px);position:relative;min-height:100vh}.contentHeader{align-items:flex-start;gap:var(--space-4,16px)}.headerInfo{display:flex;flex-direction:column;gap:var(--space-1,4px)}.contentTitle{font-weight:700;color:var(--text-primary,hsla(0,0%,100%,.95));letter-spacing:-.02em}.contentSubtitle{font-size:.875rem;color:var(--text-secondary,hsla(0,0%,100%,.75));margin:0}.createCampaignBtn{gap:var(--space-2,8px);padding:0 var(--space-5,20px);background:var(--brand-coral,#fa7200);border-radius:var(--radius,5px);color:var(--color-text-contrast,#fff);transition:all var(--duration-micro,.15s) var(--ease-micro,cubic-bezier(.33,1,.68,1))}.createCampaignBtn:hover:not(:disabled){filter:brightness(1.1)}.createCampaignBtn:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(250,114,0,.4)}.buttonIcon{width:18px;height:18px}.inlineCreateForm{background:var(--surface-2,#242424);border-radius:var(--radius,5px);padding:var(--space-5,20px);box-shadow:var(--shadow-card-rest,0 2px 8px rgba(0,0,0,.15));animation:slideDown .3s var(--ease-micro,cubic-bezier(.33,1,.68,1))}.inlineCreateFormHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4,16px)}.inlineCreateFormTitle{font-size:1rem;font-weight:600;color:var(--text-primary,hsla(0,0%,100%,.95));margin:0}.inlineCreateFormClose{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius,5px);color:var(--text-tertiary,hsla(0,0%,100%,.55));cursor:pointer;transition:all var(--duration-micro,.15s)}.inlineCreateFormClose:hover{background:var(--surface-3,#2a2a2a);color:var(--text-primary,hsla(0,0%,100%,.95))}.inlineCreateFormBody{display:flex;flex-direction:column;gap:var(--space-4,16px)}.inlineCreateFormActions{display:flex;justify-content:flex-end;gap:var(--space-3,12px);margin-top:var(--space-4,16px);padding-top:var(--space-4,16px);border-top:1px solid hsla(0,0%,100%,.05)}.filtersBar{gap:var(--space-4,16px);flex-wrap:wrap}.campaignsSearch,.filtersBar{display:flex;align-items:center}.campaignsSearch{flex:1 1;min-width:240px;max-width:360px;height:44px;padding:0 var(--space-4,16px);background:var(--surface-2,#242424);border-radius:var(--radius,5px);gap:var(--space-3,12px);transition:all var(--duration-micro,.15s)}.campaignsSearch:focus-within{box-shadow:0 0 0 2px var(--brand-coral,#fa7200)}.searchIcon{color:var(--text-tertiary,hsla(0,0%,100%,.55))}.searchInput{color:var(--text-primary,hsla(0,0%,100%,.95))}.searchInput::placeholder{color:var(--text-quaternary,hsla(0,0%,100%,.35))}.filterGroup{gap:var(--space-3,12px)}.filterSelect{height:44px;padding:0 36px 0 var(--space-4,16px);background-color:var(--surface-2,#242424);border:none;font-family:inherit;transition:all var(--duration-micro,.15s);min-width:140px}.filterSelect:hover{background-color:var(--surface-3,#2a2a2a)}.filterSelect:focus{box-shadow:0 0 0 2px var(--brand-coral,#fa7200)}.filterSelect option{background-color:#2a2a2a;color:#e0e0e0}.filterStats{font-size:.8125rem;color:var(--text-tertiary,hsla(0,0%,100%,.55));white-space:nowrap;margin-left:auto}.chartCard{background:var(--surface-2,#242424);border-radius:var(--radius,5px);padding:var(--space-5,20px);box-shadow:var(--shadow-card-rest,0 2px 8px rgba(0,0,0,.15));transition:all var(--duration-micro,.15s)}.chartCard:hover{box-shadow:var(--shadow-card-hover,0 6px 20px rgba(0,0,0,.25))}.chartTitle{font-size:1rem;font-weight:600;color:var(--text-primary,hsla(0,0%,100%,.95));margin:0 0 var(--space-4,16px) 0}.campaignsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:var(--space-4,16px);gap:var(--space-4,16px)}.campaignCard{background:var(--surface-2,#242424);border-radius:var(--radius,5px);padding:var(--space-5,20px);display:flex;flex-direction:column;gap:var(--space-4,16px);box-shadow:var(--shadow-card-rest,0 2px 8px rgba(0,0,0,.15));transition:all .3s var(--ease-micro,cubic-bezier(.33,1,.68,1));cursor:pointer}.campaignCard:hover{box-shadow:var(--shadow-card-hover,0 6px 20px rgba(0,0,0,.25));transform:translateY(-2px)}.campaignCardHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3,12px)}.campaignIcon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--chart-primary-bg,rgba(255,120,41,.15));border-radius:var(--radius,5px);color:var(--brand-coral,#fa7200);flex-shrink:0}.campaignIcon svg{width:20px;height:20px}.campaignHeaderInfo{flex:1 1;min-width:0}.campaignName{font-size:1rem;color:var(--text-primary,hsla(0,0%,100%,.95));margin:0 0 var(--space-1,4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.campaignType{display:inline-flex;align-items:center;padding:2px var(--space-2,8px);background:var(--chart-secondary-bg,rgba(59,130,246,.15));border-radius:var(--radius,5px);font-size:.6875rem;font-weight:600;color:var(--chart-secondary,#3b82f6);text-transform:uppercase;letter-spacing:.03em}.campaignDescription{font-size:.8125rem;color:var(--text-secondary,hsla(0,0%,100%,.75));margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.campaignStatus{gap:var(--space-1,4px);padding:var(--space-1,4px) var(--space-3,12px);border-radius:var(--radius,5px);font-size:.6875rem}.statusDraft{background:var(--status-draft-bg,hsla(220,9%,46%,.15));color:var(--status-draft,#6b7280)}.statusScheduled{background:var(--status-scheduled-bg,rgba(59,130,246,.15));color:var(--status-scheduled,#3b82f6)}.statusActive{background:var(--status-active-bg,rgba(16,185,129,.15));color:var(--status-active,#10b981)}.statusActive:before{content:"";width:6px;height:6px;background:var(--status-active,#10b981);border-radius:var(--radius);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.statusPaused{background:var(--status-paused-bg,rgba(245,158,11,.15));color:var(--status-paused,#f59e0b)}.statusCompleted{background:var(--chart-secondary-bg,rgba(59,130,246,.15));color:var(--chart-secondary,#3b82f6)}.statusCancelled{background:var(--status-error-bg,rgba(239,68,68,.15));color:var(--status-error,#ef4444)}.campaignStats{display:flex;gap:var(--space-5,20px);flex-wrap:wrap}.campaignStat{display:flex;flex-direction:column;gap:2px}.statLabel{font-size:.6875rem}.statValue{font-size:.875rem;font-weight:600;color:var(--text-primary,hsla(0,0%,100%,.95))}.campaignTimeline{display:flex;align-items:center;gap:var(--space-3,12px);padding-top:var(--space-3,12px);border-top:1px solid hsla(0,0%,100%,.05)}.timelineIcon{width:16px;height:16px;color:var(--text-tertiary,hsla(0,0%,100%,.55))}.timelineDates{font-size:.75rem;color:var(--text-secondary,hsla(0,0%,100%,.75))}.detailPanelOverlay{left:0;background:rgba(0,0,0,.5);z-index:var(--z-overlay,100);animation:fadeIn .2s ease-out}.detailPanel,.detailPanelOverlay{position:fixed;top:0;right:0;bottom:0}.detailPanel{width:100%;max-width:560px;background:var(--surface-1,#1a1a1a);z-index:var(--z-modal,1000);display:flex;flex-direction:column;box-shadow:-4px 0 24px rgba(0,0,0,.3);animation:slideInRight .3s var(--ease-micro,cubic-bezier(.33,1,.68,1))}.detailPanelHeader{padding:var(--space-5,20px);border-bottom:1px solid hsla(0,0%,100%,.05)}.detailPanelTitle{font-size:1.25rem;font-weight:600;color:var(--text-primary,hsla(0,0%,100%,.95));margin:0}.detailPanelClose{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius,5px);color:var(--text-tertiary,hsla(0,0%,100%,.55));font-size:1.25rem;cursor:pointer;transition:all var(--duration-micro,.15s)}.detailPanelClose:hover{background:var(--surface-2,#242424);color:var(--text-primary,hsla(0,0%,100%,.95))}.detailPanelClose:focus-visible{outline:none;box-shadow:0 0 0 2px var(--brand-coral,#fa7200)}.detailPanelBody{flex:1 1;overflow-y:auto;padding:var(--space-5,20px);display:flex;flex-direction:column;gap:var(--space-5,20px)}.detailPanelFooter{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4,16px) var(--space-5,20px);border-top:1px solid hsla(0,0%,100%,.05)}.detailPanelFooterLeft,.detailPanelFooterRight,.detailSection{display:flex;gap:var(--space-3,12px)}.detailSection{flex-direction:column}.sectionHeader{padding-bottom:var(--space-3,12px);border-bottom:1px solid hsla(0,0%,100%,.05)}.sectionHeader h3{font-size:.875rem;font-weight:600;color:var(--text-primary,hsla(0,0%,100%,.95));margin:0}.phasesList{display:flex;flex-direction:column;gap:var(--space-2,8px)}.phaseItem{display:flex;align-items:center;gap:var(--space-3,12px);padding:var(--space-3,12px);background:var(--surface-2,#242424);border-radius:var(--radius,5px);transition:background var(--duration-micro,.15s)}.phaseItem:hover{background:var(--surface-3,#2a2a2a)}.phaseIndicator{width:8px;height:8px;border-radius:var(--radius);flex-shrink:0}.phaseTeaser{background:var(--chart-secondary,#3b82f6)}.phaseLaunch{background:var(--chart-tertiary,#10b981)}.phasePeak{background:var(--chart-quinary,#f59e0b)}.phaseConclusion{background:var(--chart-quaternary,#8b5cf6)}.phaseActive{background:var(--status-active,#10b981);animation:pulse 2s ease-in-out infinite}.phaseCompleted{background:var(--chart-secondary,#3b82f6)}.phasePending{background:var(--chart-quinary,#f59e0b)}.phaseDraft{background:var(--status-draft,#6b7280)}.phaseInfo{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.phaseName{font-size:.875rem;font-weight:600;color:var(--text-primary,hsla(0,0%,100%,.95))}.phaseStatus{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.phaseDates,.phaseStatus{color:var(--text-tertiary,hsla(0,0%,100%,.55))}.phaseDates{font-size:.75rem}.accountChips{display:flex;flex-wrap:wrap}.accountChips,.chip{gap:var(--space-2,8px)}.chip{display:inline-flex;align-items:center;padding:var(--space-2,8px) var(--space-3,12px);background:rgba(250,114,0,.1);border-radius:var(--radius,5px);font-size:.75rem;font-weight:500}.chip,.chipRemove{color:var(--brand-coral,#fa7200)}.chipRemove{width:16px;height:16px;font-size:1rem;opacity:.7;transition:opacity var(--duration-micro,.15s)}.chipRemove:hover{opacity:1}.statsGrid{grid-gap:var(--space-3,12px);gap:var(--space-3,12px)}.statCard{display:flex;flex-direction:column;align-items:center;gap:var(--space-2,8px);padding:var(--space-4,16px);background:var(--surface-2,#242424);border-radius:var(--radius,5px);text-align:center}.statCardValue{font-size:1.5rem;font-weight:700;color:var(--brand-coral,#fa7200)}.statCardLabel{font-size:.6875rem;font-weight:600;color:var(--text-tertiary,hsla(0,0%,100%,.55));text-transform:uppercase;letter-spacing:.05em}.emptyCampaigns{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8,32px);text-align:center;background:var(--surface-2,#242424);border-radius:var(--radius,5px);box-shadow:var(--shadow-card-rest,0 2px 8px rgba(0,0,0,.15))}.emptyTitle{color:var(--text-primary,hsla(0,0%,100%,.95))}.emptyDescription{color:var(--text-secondary,hsla(0,0%,100%,.75));margin:0 0 var(--space-5,20px) 0;max-width:320px}.emptyMessage{font-size:.8125rem;text-align:center;padding:var(--space-4,16px)}.formGroup label{font-size:.875rem;font-weight:600;color:var(--text-secondary,hsla(0,0%,100%,.75))}.formRow{grid-template-columns:1fr 1fr;grid-gap:var(--space-4,16px);gap:var(--space-4,16px)}.formInput{border:none;transition:all var(--duration-micro,.15s)}.formInput:focus-visible{outline:none;box-shadow:0 0 0 2px var(--brand-coral,#fa7200)}.formInput:disabled{opacity:.5;cursor:not-allowed}.formTextarea{min-height:88px;padding:var(--space-3,12px) var(--space-4,16px);background:var(--surface-3,#2a2a2a);border:none;border-radius:var(--radius,5px);color:var(--text-primary,hsla(0,0%,100%,.95));font-size:.875rem;font-family:inherit;transition:all var(--duration-micro,.15s)}.formTextarea::placeholder{color:var(--text-quaternary,hsla(0,0%,100%,.35))}.formTextarea:focus-visible{outline:none;box-shadow:0 0 0 2px var(--brand-coral,#fa7200)}.formTextarea:disabled{opacity:.5;cursor:not-allowed}.formSelect{padding:0 36px 0 var(--space-4,16px);background-color:var(--surface-3,#2a2a2a);font-family:inherit;transition:all var(--duration-micro,.15s)}.formSelect:focus-visible{outline:none;box-shadow:0 0 0 2px var(--brand-coral,#fa7200)}.formSelect option{background-color:#2a2a2a;color:#e0e0e0}.btnPrimary{background:var(--brand-coral,#fa7200);transition:all var(--duration-micro,.15s)}.btnPrimary:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(250,114,0,.4)}.btnSecondary{transition:all var(--duration-micro,.15s)}.btnSecondary:hover:not(:disabled){color:var(--brand-coral,#fa7200)}.btnSecondary:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(250,114,0,.4)}.btnDanger{height:44px;padding:0 var(--space-5,20px);color:var(--color-danger,#ef4444);transition:all var(--duration-micro,.15s)}.btnDanger:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(239,68,68,.4)}.btnSmall{height:32px;padding:0 var(--space-3,12px);font-size:.8125rem}.accountSelectionGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:var(--space-2,8px);max-height:200px;overflow-y:auto;padding:var(--space-2,8px);background:var(--surface-3,#2a2a2a)}.accountCheckbox,.accountSelectionGrid{gap:var(--space-2,8px);border-radius:var(--radius,5px)}.accountCheckbox{display:flex;align-items:center;padding:var(--space-2,8px) var(--space-3,12px);background:var(--surface-2,#242424);cursor:pointer;transition:background var(--duration-micro,.15s)}.accountCheckbox:hover{background:var(--surface-1,#1a1a1a)}.accountCheckbox input[type=checkbox]{width:16px;height:16px;border-radius:var(--radius,5px);accent-color:var(--brand-coral,#fa7200);cursor:pointer}.accountCheckboxLabel{font-size:.8125rem;color:var(--text-primary,hsla(0,0%,100%,.95));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.accountsLoadingText{font-size:.75rem;color:var(--text-tertiary,hsla(0,0%,100%,.55));padding-top:var(--space-2,8px)}:root[data-theme=light] .accountSelectionGrid{background:#f0f0f0}:root[data-theme=light] .accountCheckbox{background:#fff}:root[data-theme=light] .accountCheckbox:hover{background:#fafafa}:root[data-theme=light] .accountCheckboxLabel{color:rgba(0,0,0,.9)}:root[data-theme=light] .accountsLoadingText{color:rgba(0,0,0,.55)}.analyticsLoading{padding:var(--space-4,16px) 0}.analyticsGrid{grid-template-columns:repeat(2,1fr)}.metric{display:flex;flex-direction:column;gap:var(--space-1,4px);padding:var(--space-3,12px);background:var(--surface-2,#242424);border-radius:var(--radius,5px)}.metricLabel{font-size:.6875rem;font-weight:600;color:var(--text-tertiary,hsla(0,0%,100%,.55));text-transform:uppercase;letter-spacing:.05em}.metricValue{font-size:1.25rem;color:var(--brand-coral,#fa7200)}:root[data-theme=light] .metric{background:#f5f5f5}:root[data-theme=light] .metricLabel{color:rgba(0,0,0,.55)}:root[data-theme=light] .metricValue{color:var(--brand-coral,#fa7200)}@media (max-width:767px){.analyticsGrid{grid-template-columns:1fr}}.loadingContainer{min-height:400px}:root[data-theme=light] .campaignsPage{background:#fafafa}:root[data-theme=light] .campaignName,:root[data-theme=light] .chartTitle,:root[data-theme=light] .contentTitle,:root[data-theme=light] .detailPanelTitle,:root[data-theme=light] .emptyTitle,:root[data-theme=light] .inlineCreateFormTitle,:root[data-theme=light] .sectionHeader h3{color:rgba(0,0,0,.9)}:root[data-theme=light] .campaignDescription,:root[data-theme=light] .contentSubtitle{color:rgba(0,0,0,.65)}:root[data-theme=light] .emptyDescription,:root[data-theme=light] .emptyMessage,:root[data-theme=light] .filterStats,:root[data-theme=light] .loadingText,:root[data-theme=light] .statLabel{color:rgba(0,0,0,.55)}:root[data-theme=light] .campaignCard,:root[data-theme=light] .campaignsSearch,:root[data-theme=light] .chartCard,:root[data-theme=light] .emptyCampaigns,:root[data-theme=light] .inlineCreateForm{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08)}:root[data-theme=light] .campaignCard:hover,:root[data-theme=light] .chartCard:hover{background:#fff;box-shadow:0 6px 20px rgba(0,0,0,.1)}:root[data-theme=light] .detailPanel{background:#fff}:root[data-theme=light] .campaignTimeline,:root[data-theme=light] .detailPanelFooter,:root[data-theme=light] .detailPanelHeader,:root[data-theme=light] .inlineCreateFormActions,:root[data-theme=light] .sectionHeader{border-color:rgba(0,0,0,.08)}:root[data-theme=light] .filterSelect,:root[data-theme=light] .formInput,:root[data-theme=light] .formSelect,:root[data-theme=light] .formTextarea,:root[data-theme=light] .phaseItem,:root[data-theme=light] .statCard{background:#f5f5f5}:root[data-theme=light] .phaseItem:hover{background:#ebebeb}:root[data-theme=light] .formInput,:root[data-theme=light] .formTextarea,:root[data-theme=light] .searchInput{color:rgba(0,0,0,.9)}:root[data-theme=light] .formInput::placeholder,:root[data-theme=light] .formTextarea::placeholder,:root[data-theme=light] .searchInput::placeholder{color:rgba(0,0,0,.4)}:root[data-theme=light] .statValue{color:rgba(0,0,0,.9)}:root[data-theme=light] .btnPrimary{color:#000}:root[data-theme=light] .btnSecondary{color:rgba(0,0,0,.7)}:root[data-theme=light] .formGroup label{color:rgba(0,0,0,.75)}:root[data-theme=light] .detailPanelClose{color:rgba(0,0,0,.55)}:root[data-theme=light] .detailPanelClose:hover{background:#f5f5f5;color:rgba(0,0,0,.9)}:root[data-theme=light] .inlineCreateFormClose{color:rgba(0,0,0,.55)}:root[data-theme=light] .inlineCreateFormClose:hover{background:#f5f5f5;color:rgba(0,0,0,.9)}@media (max-width:1023px){.campaignsPage{padding:var(--space-5,20px)}.campaignsGrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.detailPanel{max-width:100%}.statsGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.campaignsPage{padding:var(--space-4,16px);gap:var(--space-4,16px)}.contentHeader{flex-direction:column;align-items:stretch}.createCampaignBtn{width:100%;justify-content:center}.filtersBar{flex-direction:column;align-items:stretch}.campaignsSearch{max-width:none}.filterGroup{width:100%}.filterSelect{flex:1 1}.filterStats{margin-left:0;text-align:center}.campaignsGrid{grid-template-columns:1fr}.campaignCard{padding:var(--space-4,16px)}.detailPanelFooter{flex-direction:column;gap:var(--space-3,12px)}.detailPanelFooterLeft,.detailPanelFooterRight{width:100%}.detailPanelFooterLeft button,.detailPanelFooterRight button{flex:1 1}.formRow,.statsGrid{grid-template-columns:1fr}.inlineCreateFormActions{flex-direction:column}.inlineCreateFormActions button{width:100%}.chartCard{display:none}}@media (max-width:374px){.campaignsPage{padding:var(--space-3,12px)}.contentTitle{font-size:1.25rem}.campaignCardHeader{flex-direction:column;gap:var(--space-2,8px)}}.root{--phase-teaser:#60a5fa;--phase-launch:#4ade80;--phase-peak:#f59e0b;--phase-conclusion:#a78bfa;--status-draft:hsla(0,0%,100%,.9);--status-scheduled:#f59e0b;--status-active:#4ade80;--status-paused:#ff4b91;--status-completed:#60a5fa;--status-cancelled:#ef4444;--chart-primary:#6e48aa;--chart-secondary:#ff4b91;--chart-tertiary:#4ade80;--chart-quaternary:#60a5fa;--chart-quinary:#f59e0b;--glass-bg:rgba(17,25,40,.75);--glass-border:hsla(0,0%,100%,.125);--glass-blur:blur(12px);--border-subtle:hsla(0,0%,100%,.1);--border-error:#ef4444;--radius-xl:12px}.campaignsPage{padding:0;width:100%}.pageContent{max-width:100%;overflow-x:hidden}.contentHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-3)}.contentTitle{font-size:1.5rem;letter-spacing:-.01em}.sectionContent{background:var(--surface-flat-2);border-radius:var(--radius);padding:var(--space-6)}.campaignFilters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--space-4);gap:var(--space-4);margin-bottom:var(--space-6);padding:0 var(--space-5)}.filterInput,.filterSelect{width:100%;background:hsla(0,0%,100%,.05);border:1px solid var(--border-subtle);color:var(--text-primary);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:.9375rem;font-family:inherit;transition:all var(--duration-fast) var(--ease-out-cubic)}.filterInput::placeholder{color:var(--text-quaternary)}.filterInput:-webkit-autofill,.filterInput:-webkit-autofill:active,.filterInput:-webkit-autofill:focus,.filterInput:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 1000px #242424!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important;background-color:#242424!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.filterInput:hover,.filterSelect:hover{border-color:var(--border-hover);background:hsla(0,0%,100%,.08)}.filterInput:focus,.filterSelect:focus{outline:none;border-color:var(--border-focus);background:hsla(0,0%,100%,.08)}.filterInput:focus-visible,.filterSelect:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.filterInputError{border-color:var(--border-error)}.viewToggle{display:flex;gap:var(--space-2)}.viewToggleBtn{flex:1 1;padding:var(--space-3) var(--space-4);background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all var(--duration-fast) var(--ease-out-cubic)}.viewToggleBtn:hover:not(:disabled){background:hsla(0,0%,100%,.05);color:var(--brand-coral)}.viewToggleBtn:disabled{opacity:.5;cursor:not-allowed}.viewToggleBtnActive{background:var(--brand-coral);border-color:var(--brand-coral);color:#fff}.viewToggleBtnActive:hover:not(:disabled){background:var(--brand-coral-hover);color:#fff}.createCampaignBtn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:44px;padding:0 var(--space-6);background:var(--brand-coral);color:#fff;border:none;border-radius:var(--radius);font-weight:600;font-size:.875rem;font-family:inherit;cursor:pointer;transition:all var(--duration-micro) var(--ease-micro);box-shadow:var(--shadow-low)}.createCampaignBtn:hover:not(:disabled){background:var(--brand-coral-hover);transform:translateY(-1px);box-shadow:var(--shadow-medium)}.createCampaignBtn:active:not(:disabled){transform:translateY(0)}.createCampaignBtn:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.createCampaignBtn:disabled{opacity:.5;cursor:not-allowed}:root[data-theme=light] .createCampaignBtn{color:#000}.campaignList{padding:0}.campaignListHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding:0 var(--space-5)}.campaignTable{width:100%;border-collapse:separate;border-spacing:0 var(--space-2)}.campaignTableHead th{padding:var(--space-3);text-align:left;color:var(--text-primary);font-weight:600;font-size:.875rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--duration-micro) var(--ease-micro);white-space:nowrap}.campaignTableHead th:hover{color:var(--brand-coral)}.campaignTableHead th:last-child{text-align:right}.sortIndicator{margin-left:var(--space-1);opacity:.6}.campaignCard,.campaignRow{background:hsla(0,0%,100%,.05);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-cubic)}.campaignRow:hover{background:hsla(0,0%,100%,.1);transform:translateY(-2px)}.campaignRow td{padding:var(--space-4);color:var(--text-primary);vertical-align:middle}.campaignRow td:first-child{border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.campaignRow td:last-child{border-radius:0 var(--radius-lg) var(--radius-lg) 0;text-align:right}.campaignName{font-weight:600;margin-bottom:var(--space-1);color:var(--text-primary)}.campaignDescription{font-size:.875rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.campaignType{font-size:.875rem}.accountCount,.campaignType,.launchDate{color:var(--text-secondary)}.launchDate{font-size:.875rem}.campaignStatus{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.statusDraft{background:var(--status-draft);color:#000}.statusScheduled{background:var(--status-scheduled);color:#fff}.statusActive{background:var(--status-active);color:#fff}.statusPaused{background:var(--status-paused);color:#fff}.statusCompleted{background:var(--status-completed);color:#fff}.statusCancelled{background:var(--status-cancelled);color:#fff}.campaignActions{display:flex;gap:var(--space-2);justify-content:flex-end}.actionBtn{padding:var(--space-2) var(--space-3);font-size:.875rem;font-weight:500;font-family:inherit;border-radius:var(--radius);cursor:pointer;transition:all var(--duration-micro) var(--ease-micro);border:none;background:transparent}.actionBtnPrimary{background:var(--brand-coral);color:#fff}.actionBtnPrimary:hover:not(:disabled){background:var(--brand-coral-hover);transform:translateY(-1px)}.actionBtnSecondary{background:var(--surface-flat-3);color:var(--text-primary)}.actionBtnSecondary:hover:not(:disabled){background:hsla(0,0%,100%,.15)}.actionBtnGhost{background:transparent;color:var(--text-secondary)}.actionBtnGhost:hover:not(:disabled){color:var(--brand-coral)}.actionBtnDanger{color:#ef4444}.actionBtnDanger:hover:not(:disabled){background:rgba(239,68,68,.1)}.actionBtn:disabled{opacity:.5;cursor:not-allowed}.actionBtn:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.deleteConfirmGroup{display:flex;gap:var(--space-1)}.deleteConfirmBtn{background:#ef4444;color:#fff}.deleteConfirmBtn:hover:not(:disabled){background:#dc2626}.pagination{gap:var(--space-2);margin-top:var(--space-6);padding:var(--space-5)}.paginationBtn{padding:var(--space-2) var(--space-3);background:transparent;color:var(--text-secondary)}.paginationBtn:hover:not(:disabled){color:var(--brand-coral)}.paginationBtn:disabled{opacity:.3}.paginationBtnActive{background:var(--brand-coral);color:#fff}.paginationBtnActive:hover:not(:disabled){background:var(--brand-coral-hover);color:#fff}.paginationEllipsis{color:var(--text-secondary);padding:0 var(--space-1)}.paginationInfo{margin-left:var(--space-4)}.emptyStateDescription{font-size:.9375rem;margin:0 0 var(--space-5) 0}.loadingState{text-align:center;padding:var(--space-8);color:var(--text-primary)}.loadingSpinner{margin-bottom:var(--space-4)}:root[data-theme=light] .campaignsPage{--text-primary:rgba(0,0,0,.9);--text-secondary:rgba(0,0,0,.7);--text-tertiary:rgba(0,0,0,.55);--text-quaternary:rgba(0,0,0,.35);--border-subtle:rgba(0,0,0,.1);--border-hover:rgba(0,0,0,.2);--surface-flat-2:#f5f5f5;--surface-flat-3:rgba(0,0,0,.05);--glass-bg:hsla(0,0%,100%,.9);--glass-border:rgba(0,0,0,.1)}:root[data-theme=light] .statusDraft{background:rgba(0,0,0,.1);color:rgba(0,0,0,.85)}:root[data-theme=light] .viewToggleBtnActive{color:#000}@media (max-width:767px){.campaignFilters{grid-template-columns:1fr;padding:0 var(--space-3)}.campaignListHeader,.contentHeader{flex-direction:column;align-items:flex-start}.campaignListHeader{gap:var(--space-4)}.pagination{flex-wrap:wrap;gap:var(--space-1)}.paginationInfo{width:100%;text-align:center;margin:var(--space-3) 0 0 0}}.campaignCard{animation:fadeIn var(--duration-fast) var(--ease-out-cubic)}@media (prefers-reduced-motion:reduce){.campaignCard,.campaignRow{animation:none;transition:none}}.cardBase{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6)}.btnPrimary{padding:var(--space-2) var(--space-4)}.btnPrimary:hover:not(:disabled){background:var(--brand-coral-hover)}.btnSecondary{padding:var(--space-2) var(--space-4);background:var(--surface-flat-3)}.btnSecondary:hover:not(:disabled){background:hsla(0,0%,100%,.15)}.btnGhost{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);background:transparent;color:var(--text-secondary);border:none;border-radius:var(--radius);font-weight:500;font-size:.875rem;font-family:inherit;cursor:pointer;transition:all var(--duration-micro) var(--ease-micro)}.btnGhost:hover:not(:disabled){color:var(--brand-coral);background:hsla(0,0%,100%,.05)}.btnGhost:disabled{opacity:.5;cursor:not-allowed}.spinner{display:inline-block;border:3px solid var(--text-quaternary)}.formInput{width:100%;background:hsla(0,0%,100%,.05);border:1px solid var(--border-subtle);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);transition:all var(--duration-fast) var(--ease-out-cubic)}.formInput:focus{border-color:var(--border-focus);background:hsla(0,0%,100%,.08)}.formSelect{composes:formInput}.pageContainer{padding:var(--space-6);max-width:1400px;margin:0 auto}.pageHeader{margin-bottom:var(--space-8)}.headerRow{align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.headerTitle{color:var(--text-primary);margin:0;flex:1 1;font-size:1.5rem;font-weight:600}.headerSubtitle{color:var(--text-secondary);margin:0}.headerActions{gap:var(--space-2)}.autoSaveIndicator{margin-top:var(--space-2);font-size:.875rem;color:var(--text-tertiary)}.sectionTitle{margin-bottom:var(--space-5)}.cardMarginBottom{margin-bottom:var(--space-6)}.metricsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:var(--space-5);gap:var(--space-5)}.metricCard{padding:var(--space-5)}.metricLabel{font-size:.875rem}.metricLabel,.metricValue{margin-bottom:var(--space-2)}.metricValue{font-size:2rem;font-weight:700}.metricChange{font-size:.875rem;font-weight:600}.metricChangePositive{color:var(--status-active)}.metricChangeNegative{color:var(--status-cancelled)}.metricChangeNeutral{color:var(--phase-conclusion)}.dataTableWrapper,.tableScrollWrapper{overflow-x:auto}.dataTable{width:100%;border-collapse:separate;border-spacing:0 var(--space-2)}.dataTableHead tr{border-bottom:1px solid var(--border-subtle)}.dataTableHead th{padding:var(--space-3);text-align:left;color:var(--text-primary);font-weight:600;font-size:.875rem}.dataTableHead th.textRight{text-align:right}.dataTableBody tr{background:hsla(0,0%,100%,.03);transition:background var(--duration-fast) var(--ease-out-cubic)}.dataTableBody tr:hover{background:hsla(0,0%,100%,.08)}.dataTableBody td{padding:var(--space-4);color:var(--text-primary);vertical-align:middle}.dataTableBody td.textRight{text-align:right}.cellPrimary,.dataTableBody td.fontBold{font-weight:600}.cellPrimary{color:var(--text-primary)}.cellSecondary{color:var(--text-tertiary);font-size:.875rem}.cellSuccess{color:var(--status-active);font-weight:600}.cellWarning{color:var(--phase-peak)}.cellDanger{color:var(--status-cancelled)}.timelineContainer{position:relative;padding:var(--space-5) 0}.timelineEmptyMessage{padding:var(--space-5);text-align:center;color:var(--text-secondary)}.timelinePhaseRow{position:relative;height:80px}.timelinePhaseBar{position:absolute;top:var(--space-5);height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-fast) var(--ease-out-cubic)}.timelinePhaseBar:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.timelinePhaseContent{text-align:center}.timelinePhaseName{font-size:.875rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timelinePhaseDates{font-size:.75rem;color:hsla(0,0%,100%,.9)}.timelinePhaseActive{box-shadow:0 0 20px rgba(110,72,170,.5);border:2px solid #fff}.timelineNowIndicator{position:absolute;top:0;width:2px;height:80px;background:#fff;box-shadow:0 0 10px #fff}.timelineProgressBar{position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--border-subtle);border-radius:2px;overflow:hidden}.timelineProgressFill{height:100%;background:linear-gradient(90deg,#6e48aa,#ff4b91);transition:width var(--duration-normal) var(--ease-out-cubic)}.phaseTeaser{background:var(--phase-teaser)}.phaseLaunch{background:var(--phase-launch)}.phasePeak{background:var(--phase-peak)}.phaseConclusion{background:var(--phase-conclusion)}.formGrid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-5);gap:var(--space-5)}.formGridSingle{grid-template-columns:1fr}.formGridThree{grid-template-columns:repeat(3,1fr)}.formLabel{display:block;margin-bottom:var(--space-2)}.formLabelSmall{font-size:.875rem;margin-bottom:var(--space-1)}.formRow{display:flex;gap:var(--space-2)}.formInputFlex{flex:1 1}.formInputMaxWidth{max-width:300px}.formTextarea{composes:formInput}.formInputError{border-color:var(--border-error)}.settingsStack{display:flex;flex-direction:column;gap:var(--space-4)}.settingsCard{display:flex;align-items:center;cursor:pointer;padding:var(--space-3);background:hsla(0,0%,100%,.03);border-radius:var(--radius-lg);transition:background var(--duration-fast) var(--ease-out-cubic)}.settingsCard:hover{background:hsla(0,0%,100%,.05)}.settingsCheckbox{margin-right:var(--space-3)}.settingsContent{flex:1 1}.settingsTitle{color:var(--text-primary);font-weight:600}.settingsDescription{color:var(--text-secondary);font-size:.875rem}.accountList{max-height:200px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-3);background:hsla(0,0%,100%,.03)}.accountListError{border-color:var(--border-error)}.accountListEmpty{color:var(--text-secondary);text-align:center;padding:var(--space-4)}.accountItem{padding:var(--space-2);cursor:pointer;border-radius:var(--radius);margin-bottom:var(--space-1);transition:background var(--duration-fast) var(--ease-out-cubic)}.accountItem:hover{background:hsla(0,0%,100%,.05)}.accountItemSelected{background:rgba(110,72,170,.2)}.accountItemSelected:hover{background:rgba(110,72,170,.25)}.accountCheckbox{margin-right:var(--space-3)}.accountInfo{flex:1 1}.accountSubdomain{color:var(--text-tertiary);font-size:.875rem}.phaseList{margin-top:var(--space-6)}.phaseListEmpty{color:var(--text-secondary);text-align:center;padding:40px 0}.phaseCard{background:hsla(0,0%,100%,.03);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);transition:all var(--duration-fast) var(--ease-out-cubic)}.phaseCardActive{background:rgba(110,72,170,.1);border-color:var(--chart-primary)}.phaseHeader{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.phaseInputGroup{flex:1 1}.phaseActions{display:flex;gap:var(--space-2);margin-left:var(--space-4)}.phaseDates{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-3);gap:var(--space-3);margin-bottom:var(--space-3)}.taskSection{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.taskHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.taskLabel{color:var(--text-primary);font-size:.875rem;font-weight:600}.taskList{display:flex;flex-direction:column;gap:var(--space-2)}.taskListEmpty{color:var(--text-tertiary);font-size:.875rem;margin:0}.taskItem{justify-content:space-between;background:hsla(0,0%,100%,.05);padding:var(--space-2) var(--space-3);border-radius:var(--radius)}.taskItem,.taskItemInfo{display:flex;align-items:center}.taskItemInfo{gap:var(--space-2)}.taskTypeName{color:var(--text-primary);font-size:.875rem;font-weight:600}.taskDateTime{color:var(--text-tertiary);font-size:.875rem}.taskAddSelect{background:hsla(0,0%,100%,.05);border:1px solid var(--border-subtle);color:var(--text-primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius);font-size:.875rem}.statsGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-4);gap:var(--space-4)}.statItem{display:flex;flex-direction:column}.statLabel{color:var(--text-secondary);font-size:.875rem}.statValue{color:var(--text-primary);font-size:1.5rem}.statValueLarge{font-size:1.25rem}.statValueSuccess{color:var(--status-active)}.statValueWarning{color:var(--phase-peak)}.socialGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.socialCard{background:hsla(0,0%,100%,.03);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4)}.socialCardSynced{border-color:var(--status-active)}.socialCardPending{border-color:var(--phase-peak)}.socialCardFailed{border-color:var(--status-cancelled)}.socialHeader{margin-bottom:var(--space-3)}.socialHeader,.socialIcon{display:flex;align-items:center}.socialIcon{width:32px;height:32px;border-radius:var(--radius);justify-content:center;color:#fff;font-weight:700;margin-right:var(--space-3)}.socialIconSynced{background:var(--status-active)}.socialIconPending{background:var(--phase-peak)}.socialIconFailed{background:var(--status-cancelled)}.socialInfo{flex:1 1}.socialPlatform{color:var(--text-primary);font-weight:600}.socialStatus{font-size:.75rem;font-weight:600;text-transform:uppercase}.socialStatusSynced{color:var(--status-active)}.socialStatusPending{color:var(--phase-peak)}.socialStatusFailed{color:var(--status-cancelled)}.socialStats{display:flex;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap}.socialStat{font-size:.75rem}.socialStatConnected{color:var(--status-active)}.socialStatPending{color:var(--phase-peak)}.socialStatFailed{color:var(--status-cancelled)}.socialReach{margin-bottom:var(--space-1)}.socialLastSync,.socialReach{color:var(--text-tertiary);font-size:.875rem}.socialError,.socialLastSync{margin-bottom:var(--space-2)}.socialError{color:var(--status-cancelled);font-size:.875rem}.socialRetryBtn{width:100%;padding:var(--space-2);font-size:.875rem}.performersGrid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-6);gap:var(--space-6)}.performerSection{display:flex;flex-direction:column}.performerTitle{color:var(--text-primary);margin-bottom:var(--space-4);font-size:1rem;font-weight:600}.performerItem{background:hsla(0,0%,100%,.03);padding:var(--space-3);border-radius:var(--radius-lg);margin-bottom:var(--space-2)}.performerRow{display:flex;justify-content:space-between;margin-bottom:var(--space-1)}.performerName{color:var(--text-primary);font-weight:600}.performerValue{color:var(--status-active);font-weight:700}.performerMeta{color:var(--text-tertiary);font-size:.875rem}.performerEmpty{color:var(--text-quaternary);font-size:.875rem;padding:var(--space-4);text-align:center}.abTestGrid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-5);gap:var(--space-5);margin-bottom:var(--space-6)}.abVariantCard{background:hsla(0,0%,100%,.03);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5)}.abVariantCardWinner{border:2px solid var(--status-active)}.abVariantHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.abVariantName{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.abWinnerBadge{background:var(--status-active);color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius);font-size:.75rem;font-weight:600}.abVariantStats{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-4);gap:var(--space-4)}.abSignificanceCard{background:rgba(74,222,128,.1);border:1px solid var(--status-active);border-radius:var(--radius-lg);padding:var(--space-4)}.abSignificanceCardNotSignificant{background:rgba(245,158,11,.1);border-color:var(--phase-peak)}.abSignificanceRow{display:flex;align-items:center;gap:var(--space-3)}.abSignificanceIcon{width:40px;height:40px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;font-weight:700}.abSignificanceIconSuccess{background:var(--status-active)}.abSignificanceIconPending{background:var(--phase-peak)}.abSignificanceContent{flex:1 1}.abSignificanceTitle{color:var(--text-primary);font-weight:600;margin-bottom:var(--space-1)}.abSignificanceDetail{color:var(--text-secondary);font-size:.875rem}.heatmapWrapper{overflow-x:auto}.heatmapGrid{display:inline-block;min-width:800px}.heatmapHeader{display:flex;margin-bottom:var(--space-2)}.heatmapSpacer{width:60px}.heatmapHourLabel{width:32px;text-align:center;color:var(--text-tertiary);font-size:.75rem}.heatmapRow{display:flex;margin-bottom:var(--space-1)}.heatmapDayLabel{width:60px;color:var(--text-primary);font-size:.875rem;font-weight:600}.heatmapCell,.heatmapDayLabel{display:flex;align-items:center}.heatmapCell{width:32px;height:32px;border:1px solid rgba(0,0,0,.1);justify-content:center;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out-cubic)}.heatmapCell:hover{transform:scale(1.1);z-index:10}.heatmapLegend{display:flex;align-items:center;margin-top:var(--space-4);gap:var(--space-2)}.heatmapLegendLabel{color:var(--text-secondary);font-size:.875rem}.heatmapLegendCell{width:24px;height:24px;border:1px solid rgba(0,0,0,.1)}.errorSummary{background:rgba(239,68,68,.1);border:1px solid var(--status-cancelled);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-6)}.errorTitle{margin-bottom:var(--space-2);font-size:1rem;font-weight:600}.errorList,.errorTitle{color:var(--status-cancelled)}.errorList{margin:0;padding-left:var(--space-5)}.formActions{justify-content:space-between;align-items:center;padding-top:var(--space-6)}.formActionsEnd{display:flex;gap:var(--space-3)}.emptyPanel{text-align:center;padding:40px;color:var(--text-secondary)}.emptyPanelTitle{margin:0 0 var(--space-2) 0;font-weight:600}.emptyPanelText{margin:0;font-size:.875rem}.loadingPanel{text-align:center;padding:60px;color:var(--text-primary)}.loadingPanelText{margin-top:var(--space-4);color:var(--text-tertiary)}.exportDropdown{position:relative}.exportMenu{display:none;position:absolute;top:100%;right:0;margin-top:var(--space-1);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-2);z-index:1000;min-width:150px}.exportMenuVisible{display:block}.exportMenuItem{width:100%;justify-content:flex-start;margin-bottom:var(--space-1)}.exportMenuItem:last-child{margin-bottom:0}.twoColumnGrid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-6);gap:var(--space-6);margin-bottom:var(--space-6)}.chartTooltip{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}@media (max-width:1024px){.abTestGrid,.formGrid,.performersGrid,.twoColumnGrid{grid-template-columns:1fr}}@media (max-width:767px){.pageContainer{padding:var(--space-4)}.formGridThree,.metricsGrid,.phaseDates,.statsGrid{grid-template-columns:1fr}.headerRow{flex-direction:column;align-items:flex-start}.headerActions{width:100%;flex-wrap:wrap}.socialGrid{grid-template-columns:1fr}}:root[data-theme=light] .abVariantCard,:root[data-theme=light] .accountItem,:root[data-theme=light] .dataTableBody tr,:root[data-theme=light] .performerItem,:root[data-theme=light] .phaseCard,:root[data-theme=light] .settingsCard,:root[data-theme=light] .socialCard,:root[data-theme=light] .taskItem{background:rgba(0,0,0,.03)}:root[data-theme=light] .accountItem:hover,:root[data-theme=light] .dataTableBody tr:hover,:root[data-theme=light] .phaseCard:hover,:root[data-theme=light] .settingsCard:hover{background:rgba(0,0,0,.06)}:root[data-theme=light] .accountList,:root[data-theme=light] .taskAddSelect{background:rgba(0,0,0,.03)}:root[data-theme=light] .accountItemSelected{background:rgba(110,72,170,.15)}:root[data-theme=light] .accountItemSelected:hover{background:rgba(110,72,170,.2)}.syndicationPage{width:100%;max-width:1600px;margin:0 auto;padding:var(--space-6,24px);display:flex;flex-direction:column;min-height:100%}.syndicationPage,:root[data-theme=light] .syndicationPage{color:var(--text-primary)}.pageHeader{margin-bottom:var(--space-6,24px);gap:var(--space-5,20px)}.pageHeaderContent{flex:1 1;min-width:200px;display:flex;flex-direction:column;gap:var(--space-2,8px)}.pageTitle{font-size:2rem;color:var(--brand-coral);line-height:1.2}.pageTitleRow{display:flex;align-items:center;gap:var(--space-3,12px)}.pageIcon{font-size:1.5rem;flex-shrink:0}.pageDescription{font-size:1rem}.pageDescription,:root[data-theme=light] .pageDescription{color:var(--text-secondary)}.pageActions{display:flex;gap:var(--space-3,12px);align-items:center;flex-wrap:wrap}.schedulerCalendar{background:var(--surface-2);border-radius:var(--radius);overflow:hidden;margin-bottom:var(--space-6,24px)}:root[data-theme=dark] .schedulerCalendar{box-shadow:var(--shadow-card-rest)}:root[data-theme=light] .schedulerCalendar{background:var(--surface-1);box-shadow:0 2px 8px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04)}.calendarHeader{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4,16px) var(--space-5,20px);background:var(--surface-3);border-bottom:1px solid var(--border-subtle)}:root[data-theme=light] .calendarHeader{background:rgba(0,0,0,.02);border-bottom-color:rgba(0,0,0,.08)}.calendarNav{gap:var(--space-3,12px)}.calendarNav,.calendarNavBtn{display:flex;align-items:center}.calendarNavBtn{justify-content:center;width:36px;height:36px;background:var(--surface-2);border:none;border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-micro) var(--ease-micro)}.calendarNavBtn:hover:not(:disabled){color:var(--brand-coral);background:var(--surface-3)}.calendarNavBtn:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.calendarNavBtn:disabled{opacity:.4;cursor:not-allowed}.calendarMonthYear{font-size:1.125rem;font-weight:600;min-width:160px;text-align:center}.calendarMonthYear,:root[data-theme=light] .calendarMonthYear{color:var(--text-primary)}.calendarViewToggle{display:flex;background:var(--surface-2);border-radius:var(--radius);padding:3px}.calendarViewBtn{padding:var(--space-2,8px) var(--space-4,16px);background:transparent;border:none;border-radius:var(--radius);font-size:.875rem;font-weight:500;color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-micro) var(--ease-micro)}.calendarViewBtn:hover:not(.calendarViewBtnActive){color:var(--text-secondary)}.calendarViewBtnActive{background:var(--brand-coral);color:var(--color-text-contrast)}:root[data-theme=light] .calendarViewBtnActive{color:var(--color-text-contrast-light)}.calendarViewBtn:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.calendarGrid{display:grid;grid-template-columns:repeat(7,1fr)}.calendarWeekHeader{display:contents}.calendarWeekDay{padding:var(--space-3,12px) var(--space-2,8px);text-align:center;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);background:var(--surface-3);border-bottom:1px solid var(--border-subtle)}:root[data-theme=light] .calendarWeekDay{background:rgba(0,0,0,.02);color:rgba(0,0,0,.5);border-bottom-color:rgba(0,0,0,.08)}.calendarDay{min-height:100px;padding:var(--space-2,8px);border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:transparent;cursor:pointer;transition:background var(--duration-micro) var(--ease-micro);position:relative;display:flex;flex-direction:column}.calendarDay:nth-child(7n){border-right:none}.calendarDay:hover{background:var(--surface-3)}:root[data-theme=light] .calendarDay{border-right-color:rgba(0,0,0,.06);border-bottom-color:rgba(0,0,0,.06)}:root[data-theme=light] .calendarDay:hover{background:rgba(0,0,0,.02)}.calendarDayOtherMonth{opacity:.4}.calendarDayToday{background:rgba(250,114,0,.08)}:root[data-theme=light] .calendarDayToday{background:rgba(250,114,0,.06)}.calendarDayNumber{font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-2,8px)}.calendarDayToday .calendarDayNumber{color:var(--brand-coral);font-weight:700}:root[data-theme=light] .calendarDayNumber{color:rgba(0,0,0,.7)}.calendarEvents{display:flex;flex-direction:column;gap:2px;flex:1 1;overflow:hidden}.calendarEvent{padding:4px var(--space-2,8px);border-radius:var(--radius);font-size:.6875rem;font-weight:500;color:var(--color-text-contrast);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:-webkit-grab;cursor:grab;transition:transform var(--duration-micro) var(--ease-micro)}.calendarEvent:hover{transform:translateY(-1px)}.calendarEvent:active{cursor:-webkit-grabbing;cursor:grabbing}.calendarEventDraft{background:var(--color-neutral);color:var(--color-text-contrast)}.calendarEventScheduled{background:var(--color-info);color:var(--color-text-contrast)}.calendarEventPublished{background:var(--color-success);color:var(--color-text-contrast)}.calendarEventFailed{background:var(--color-error);color:var(--color-text-contrast)}.calendarEventPending{background:var(--color-warning);color:var(--color-text-contrast)}.calendarMoreEvents{font-size:.6875rem;color:var(--text-tertiary);padding:2px var(--space-2,8px)}.eventDrag{opacity:.7;transform:scale(1.02);box-shadow:var(--shadow-medium);z-index:100}.calendarDayDropTarget{background:rgba(250,114,0,.15);outline:2px dashed var(--brand-coral);outline-offset:-2px}.contentCard{display:flex;flex-direction:column;background:var(--surface-2);border-radius:var(--radius);overflow:hidden;transition:all var(--duration-micro) var(--ease-micro)}:root[data-theme=dark] .contentCard{box-shadow:var(--shadow-card-rest)}:root[data-theme=light] .contentCard{background:var(--surface-1);box-shadow:0 2px 8px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04)}.contentCard:hover{transform:translateY(-2px)}:root[data-theme=dark] .contentCard:hover{box-shadow:var(--shadow-card-hover)}:root[data-theme=light] .contentCard:hover{box-shadow:0 6px 20px rgba(0,0,0,.1),0 12px 32px rgba(0,0,0,.06)}.contentCardHeader{display:flex;align-items:center;gap:var(--space-3,12px);padding:var(--space-4,16px);background:var(--surface-3);border-bottom:1px solid var(--border-subtle)}:root[data-theme=light] .contentCardHeader{background:rgba(0,0,0,.02);border-bottom-color:rgba(0,0,0,.08)}.contentTitle{flex:1 1;font-size:1rem;font-weight:600;margin:0;line-height:1.4}.contentTitle,:root[data-theme=light] .contentTitle{color:var(--text-primary)}.contentType{display:inline-flex;align-items:center;gap:var(--space-2,8px);padding:var(--space-1,4px) var(--space-3,12px);background:var(--surface-2);border-radius:var(--radius);font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}:root[data-theme=light] .contentType{background:rgba(0,0,0,.05);color:rgba(0,0,0,.6)}.contentTypeIcon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.contentTypeIcon svg{width:100%;height:100%;color:currentColor}.contentSchedule{display:flex;align-items:center;gap:var(--space-2,8px);font-size:.8125rem;color:var(--text-tertiary)}:root[data-theme=light] .contentSchedule{color:rgba(0,0,0,.5)}.contentScheduleIcon{color:var(--brand-coral)}.contentCardBody{padding:var(--space-4,16px);display:flex;flex-direction:column;gap:var(--space-3,12px)}.accountTargets{display:flex;flex-wrap:wrap;gap:var(--space-2,8px)}.targetAccount{display:inline-flex;align-items:center;gap:var(--space-2,8px);padding:var(--space-2,8px) var(--space-3,12px);background:var(--surface-3);border-radius:var(--radius);font-size:.8125rem;color:var(--text-primary);transition:all var(--duration-micro) var(--ease-micro)}:root[data-theme=light] .targetAccount{background:rgba(0,0,0,.04);color:rgba(0,0,0,.85)}.targetAccount:hover{background:var(--surface-4)}:root[data-theme=light] .targetAccount:hover{background:rgba(0,0,0,.08)}.targetAccountSelected{background:rgba(250,114,0,.15);color:var(--brand-coral)}.targetAccountSelected:hover{background:rgba(250,114,0,.2)}.targetStatus{width:8px;height:8px;border-radius:var(--radius);flex-shrink:0}.targetStatusPending{background:var(--color-warning)}.targetStatusPublished{background:var(--color-success)}.targetStatusFailed{background:var(--color-error)}.targetStatusSkipped{background:var(--text-tertiary)}.historyTable{width:100%;background:var(--surface-2);border-radius:var(--radius);overflow:hidden}:root[data-theme=dark] .historyTable{box-shadow:var(--shadow-card-rest)}:root[data-theme=light] .historyTable{background:var(--surface-1);box-shadow:0 2px 8px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04)}.historyTableInner{width:100%;border-collapse:collapse}.historyTableInner thead{background:var(--surface-3)}:root[data-theme=light] .historyTableInner thead{background:rgba(0,0,0,.02)}.historyTableInner th{padding:var(--space-4,16px);text-align:left;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);border-bottom:1px solid var(--border-subtle)}:root[data-theme=light] .historyTableInner th{color:rgba(0,0,0,.5);border-bottom-color:rgba(0,0,0,.08)}.historyRow{cursor:pointer;transition:background var(--duration-micro) var(--ease-micro)}.historyRow:hover{background:var(--surface-3)}:root[data-theme=light] .historyRow:hover{background:rgba(0,0,0,.02)}.historyRowSelected{background:rgba(250,114,0,.08);border-left:3px solid var(--brand-coral)}.historyRow td{padding:var(--space-4,16px);border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-size:.9375rem}:root[data-theme=light] .historyRow td{color:rgba(0,0,0,.85);border-bottom-color:rgba(0,0,0,.06)}.syndicationResult{display:inline-flex;align-items:center;padding:var(--space-1,4px) var(--space-3,12px);border-radius:var(--radius);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.resultSuccess{background:var(--color-success-muted);color:var(--color-success)}.resultFailed{background:var(--color-error-muted);color:var(--color-error)}.resultPending{background:var(--color-warning-muted);color:var(--color-warning)}.resultScheduled{background:var(--color-info-muted);color:var(--color-info)}.resultDraft{color:var(--color-neutral)}.resultCancelled,.resultDraft{background:var(--color-neutral-muted)}.resultCancelled{color:var(--text-tertiary)}.customizationPanel{background:var(--surface-2);border-radius:var(--radius);overflow:hidden}:root[data-theme=dark] .customizationPanel{box-shadow:var(--shadow-card-rest)}:root[data-theme=light] .customizationPanel{background:var(--surface-1);box-shadow:0 2px 8px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04)}.customizationPanelHeader{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4,16px) var(--space-5,20px);background:var(--surface-3);border-bottom:1px solid var(--border-subtle)}:root[data-theme=light] .customizationPanelHeader{background:rgba(0,0,0,.02);border-bottom-color:rgba(0,0,0,.08)}.customizationPanelBody{padding:var(--space-5,20px);display:flex;flex-direction:column;gap:var(--space-4,16px)}.accountCustomization{background:var(--surface-3);border-radius:var(--radius);overflow:hidden;transition:opacity var(--duration-micro) var(--ease-micro)}:root[data-theme=light] .accountCustomization{background:rgba(0,0,0,.02)}.accountCustomizationDisabled{opacity:.5}.accountCustomizationHeader{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4,16px);background:var(--surface-2);cursor:pointer}:root[data-theme=light] .accountCustomizationHeader{background:var(--surface-1)}.accountCustomizationHeader:hover{background:var(--surface-3)}:root[data-theme=light] .accountCustomizationHeader:hover{background:rgba(0,0,0,.02)}.accountCustomizationBody{padding:var(--space-4,16px);display:flex;flex-direction:column;gap:var(--space-4,16px);border-top:1px solid var(--border-subtle)}:root[data-theme=light] .accountCustomizationBody{border-top-color:rgba(0,0,0,.06)}.customField{display:flex;flex-direction:column;gap:var(--space-2,8px)}.customFieldLabel{font-size:.875rem;font-weight:600;color:var(--text-secondary)}:root[data-theme=light] .customFieldLabel{color:rgba(0,0,0,.7)}.customFieldInput{width:100%;padding:var(--space-3,12px) var(--space-4,16px);background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius);font-size:.9375rem;color:var(--text-primary);transition:all var(--duration-micro) var(--ease-micro)}:root[data-theme=light] .customFieldInput{background:var(--surface-1);border-color:var(--border-default);color:var(--text-primary)}.customFieldInput:hover{border-color:var(--border-hover)}.customFieldInput:focus{outline:none;border-color:var(--brand-coral);box-shadow:0 0 0 3px rgba(250,114,0,.15)}.customFieldInput::placeholder{color:var(--text-quaternary)}:root[data-theme=light] .customFieldInput::placeholder{color:var(--text-quaternary)}.customFieldHint{font-size:.75rem}.customFieldHint,:root[data-theme=light] .customFieldHint{color:var(--text-tertiary)}.previewContainer{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));grid-gap:var(--space-5,20px);gap:var(--space-5,20px)}.previewContainerList{grid-template-columns:1fr}.previewDevice{background:var(--surface-2);border-radius:var(--radius);overflow:hidden;transition:transform var(--duration-micro) var(--ease-micro)}:root[data-theme=dark] .previewDevice{box-shadow:var(--shadow-card-rest)}:root[data-theme=light] .previewDevice{background:var(--surface-1);box-shadow:0 2px 8px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04)}.previewDevice:hover{transform:translateY(-2px)}:root[data-theme=dark] .previewDevice:hover{box-shadow:var(--shadow-card-hover)}.previewDeviceHeader{display:flex;align-items:center;gap:var(--space-3,12px);padding:var(--space-3,12px) var(--space-4,16px);background:var(--surface-3);border-bottom:1px solid var(--border-subtle)}:root[data-theme=light] .previewDeviceHeader{background:rgba(0,0,0,.02);border-bottom-color:rgba(0,0,0,.08)}.previewDeviceIndicator{width:12px;height:12px;border-radius:var(--radius);background:var(--brand-coral)}.previewDeviceTitle{flex:1 1;font-size:.875rem;font-weight:600}.previewDeviceTitle,:root[data-theme=light] .previewDeviceTitle{color:var(--text-primary)}.previewDeviceBody{padding:var(--space-4,16px);min-height:200px}.previewDesktop .previewDeviceBody{min-height:300px}.previewMobile{max-width:375px}.previewMobile .previewDeviceBody{min-height:500px}.accountPreview{background:var(--surface-3);border-radius:var(--radius);padding:var(--space-4,16px);margin-bottom:var(--space-3,12px)}:root[data-theme=light] .accountPreview{background:rgba(0,0,0,.02)}.accountPreview:last-child{margin-bottom:0}.accountPreviewHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3,12px)}.accountPreviewName{font-size:.875rem;font-weight:600}.accountPreviewName,:root[data-theme=light] .accountPreviewName{color:var(--text-primary)}.previewToggle{display:flex;gap:var(--space-2,8px);background:var(--surface-2);border-radius:var(--radius);padding:3px}.previewToggleBtn{padding:var(--space-2,8px) var(--space-3,12px);background:transparent;border:none;border-radius:var(--radius);font-size:.8125rem;font-weight:500;color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-micro) var(--ease-micro)}.previewToggleBtn:hover:not(.previewToggleBtnActive){color:var(--text-secondary)}.previewToggleBtnActive{background:var(--brand-coral);color:var(--color-text-contrast)}:root[data-theme=light] .previewToggleBtnActive{color:var(--color-text-contrast-light)}.previewToggleBtn:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.queueStats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:var(--space-3,12px);gap:var(--space-3,12px);margin-bottom:var(--space-6,24px)}.queueStat{background:var(--surface-2);border-radius:var(--radius);padding:var(--space-4,16px);text-align:center}:root[data-theme=dark] .queueStat{box-shadow:var(--shadow-low)}:root[data-theme=light] .queueStat{background:var(--surface-1);box-shadow:0 2px 6px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.03)}.queueStatValue{font-size:1.75rem;font-weight:700;color:var(--brand-coral);margin-bottom:var(--space-1,4px)}.queueStatLabel{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.queueStatLabel,:root[data-theme=light] .queueStatLabel{color:var(--text-tertiary)}.formSection{padding:var(--space-5,20px);background:var(--surface-2);border-radius:var(--radius);margin-bottom:var(--space-4,16px)}:root[data-theme=dark] .formSection{box-shadow:var(--shadow-card-rest)}:root[data-theme=light] .formSection{background:var(--surface-1);box-shadow:0 2px 8px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04)}.formSectionTitle{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;padding-bottom:var(--space-3,12px);border-bottom:1px solid var(--border-subtle)}:root[data-theme=light] .formSectionTitle{color:var(--text-primary);border-bottom-color:var(--border-subtle)}:root[data-theme=light] .formLabel{color:var(--text-secondary)}.formLabelRequired:after{content:" *";color:var(--brand-coral)}.formInput,.formSelect,.formTextarea{font-size:.9375rem}:root[data-theme=light] .formInput,:root[data-theme=light] .formSelect,:root[data-theme=light] .formTextarea{border-color:var(--border-default);color:var(--text-primary)}.formInput:focus,.formSelect:focus,.formTextarea:focus{box-shadow:0 0 0 3px rgba(250,114,0,.15)}:root[data-theme=light] .formInput::placeholder,:root[data-theme=light] .formTextarea::placeholder{color:var(--text-quaternary)}.formTextarea{min-height:100px}.formSelect{background-position:right 16px center;padding-right:44px}.formHint,:root[data-theme=light] .formHint{color:var(--text-tertiary)}.selectionGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:var(--space-3,12px);gap:var(--space-3,12px)}.selectionCard{display:flex;flex-direction:column;align-items:center;gap:var(--space-2,8px);padding:var(--space-4,16px);background:var(--surface-3);border:2px solid transparent;border-radius:var(--radius);cursor:pointer;transition:all var(--duration-micro) var(--ease-micro);text-align:center}:root[data-theme=light] .selectionCard{background:rgba(0,0,0,.02)}.selectionCard:hover{background:var(--surface-4);transform:translateY(-2px)}:root[data-theme=light] .selectionCard:hover{background:rgba(0,0,0,.05)}.selectionCardSelected{border-color:var(--brand-coral);background:rgba(250,114,0,.1)}.selectionCardSelected:hover{background:rgba(250,114,0,.15)}.selectionCardIcon{font-size:2rem}.selectionCardLabel{font-size:.9375rem;font-weight:600}.selectionCardLabel,:root[data-theme=light] .selectionCardLabel{color:var(--text-primary)}.selectionCardDescription{font-size:.75rem;line-height:1.4}.selectionCardDescription,:root[data-theme=light] .selectionCardDescription{color:var(--text-tertiary)}.selectionCard:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.tagGroup{display:flex;flex-wrap:wrap;gap:var(--space-2,8px)}.tag{display:inline-flex;align-items:center;padding:var(--space-2,8px) var(--space-4,16px);background:var(--surface-3);border:none;border-radius:999px;font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-micro) var(--ease-micro)}:root[data-theme=light] .tag{background:rgba(0,0,0,.05);color:rgba(0,0,0,.7)}.tag:hover{background:var(--surface-4);color:var(--text-primary)}:root[data-theme=light] .tag:hover{background:rgba(0,0,0,.1);color:rgba(0,0,0,.9)}.tagSelected{background:var(--brand-coral);color:var(--color-text-contrast)}:root[data-theme=light] .tagSelected{color:var(--color-text-contrast-light)}.tagSelected:hover{filter:brightness(1.1);background:var(--brand-coral)}.tag:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.btnPrimary:active:not(:disabled){box-shadow:var(--shadow-low)}.btnSecondary{height:44px;padding:0 var(--space-5,20px);background:var(--surface-3);color:var(--text-primary);font-weight:600;font-size:.9375rem;transition:all var(--duration-micro) var(--ease-micro)}:root[data-theme=light] .btnSecondary{background:rgba(0,0,0,.05);color:rgba(0,0,0,.85)}.btnSecondary:hover:not(:disabled){background:var(--surface-4);transform:translateY(-1px)}:root[data-theme=light] .btnSecondary:hover:not(:disabled){background:rgba(0,0,0,.1)}.btnDanger{background:var(--color-error-muted)}.btnDanger:hover:not(:disabled){filter:brightness(1.1)}.btnSuccess{height:36px;padding:0 var(--space-4,16px);background:var(--color-success-muted);color:var(--color-success);border:none;border-radius:var(--radius);font-weight:600;font-size:.8125rem;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2,8px);transition:all var(--duration-micro) var(--ease-micro)}.btnSuccess:hover:not(:disabled){filter:brightness(1.1)}.btnSuccess:focus-visible{outline:2px solid var(--color-success);outline-offset:2px}.btnIcon{width:36px;height:36px}.btnIcon:disabled{opacity:.5;cursor:not-allowed}.emptyState{padding:var(--space-8,48px) var(--space-6,24px)}.emptyStateIcon{font-size:4rem;opacity:.6}.emptyStateTitle{font-size:1.25rem}:root[data-theme=light] .emptyStateTitle{color:var(--text-primary)}.emptyStateDescription{font-size:1rem;margin:0 0 var(--space-5,20px) 0;max-width:400px}.emptyStateDescription,:root[data-theme=light] .emptyStateDescription{color:var(--text-secondary)}.loadingState{padding:var(--space-8,48px)}.spinner{border:3px solid var(--surface-4)}.loadingText{font-size:.9375rem}:root[data-theme=light] .loadingText{color:var(--text-secondary)}.pagination{justify-content:center;gap:var(--space-4,16px);padding:var(--space-5,20px) 0}.paginationBtn{height:40px;padding:0 var(--space-5,20px);background:var(--surface-2);border:none;border-radius:var(--radius);font-size:.875rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all var(--duration-micro) var(--ease-micro)}:root[data-theme=dark] .paginationBtn{box-shadow:var(--shadow-low)}:root[data-theme=light] .paginationBtn{background:var(--surface-1);box-shadow:0 2px 6px rgba(0,0,0,.04);color:var(--text-primary)}.paginationBtn:hover:not(:disabled){background:var(--surface-3)}:root[data-theme=light] .paginationBtn:hover:not(:disabled){background:rgba(0,0,0,.03)}.paginationBtn:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.paginationBtn:disabled{opacity:.4;cursor:not-allowed}.paginationInfo{font-size:.875rem}.paginationInfo,:root[data-theme=light] .paginationInfo{color:var(--text-secondary)}.filterBar{gap:var(--space-4,16px);padding:var(--space-5,20px);margin-bottom:var(--space-6,24px)}:root[data-theme=dark] .filterBar{box-shadow:var(--shadow-card-rest)}:root[data-theme=light] .filterBar{box-shadow:0 2px 8px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04)}.filterGroup{flex:1 1;min-width:180px;gap:var(--space-2,8px)}.filterLabel{font-size:.75rem;letter-spacing:.05em}.filterLabel,:root[data-theme=light] .filterLabel{color:var(--text-tertiary)}.pageFooter{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5,20px) 0;margin-top:auto;border-top:1px solid var(--border-subtle)}:root[data-theme=light] .pageFooter{border-top-color:rgba(0,0,0,.08)}.footerInfo{font-size:.875rem}.footerInfo,:root[data-theme=light] .footerInfo{color:var(--text-tertiary)}.footerActions{gap:var(--space-3,12px)}@media (max-width:1023px){.syndicationPage{padding:var(--space-5,20px)}.calendarGrid{overflow-x:auto}.calendarDay{min-width:100px;min-height:80px}.previewContainer{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.filterBar{padding:var(--space-4,16px)}.filterGroup{min-width:150px}}@media (max-width:767px){.syndicationPage{padding:var(--space-4,16px)}.pageHeader{flex-direction:column;gap:var(--space-4,16px)}.pageActions{width:100%;justify-content:stretch}.pageActions>*{flex:1 1}.pageTitle{font-size:1.5rem}.schedulerCalendar{display:none}.mobileScheduleList{display:flex}.calendarHeader,.mobileScheduleList{flex-direction:column;gap:var(--space-3,12px)}.calendarHeader{align-items:stretch}.calendarNav{justify-content:space-between}.calendarViewToggle{width:100%;justify-content:center}.previewContainer,.selectionGrid{grid-template-columns:1fr}.queueStats{grid-template-columns:repeat(2,1fr)}.filterBar{flex-direction:column;gap:var(--space-3,12px)}.filterGroup{min-width:100%}.historyTable{display:none}.mobileHistoryList{display:flex;flex-direction:column;gap:var(--space-3,12px)}.pageFooter{gap:var(--space-4,16px);align-items:stretch}.footerActions,.pageFooter{flex-direction:column}.footerActions>*{width:100%}.formSection{padding:var(--space-4,16px)}.btnPrimary,.btnSecondary{width:100%;justify-content:center}.pagination{flex-direction:column;gap:var(--space-3,12px)}.paginationBtn{width:100%}}@media (max-width:374px){.syndicationPage{padding:var(--space-3,12px)}.pageTitle{font-size:1.25rem}.queueStats{grid-template-columns:1fr}.tagGroup{flex-direction:column}.tag{width:100%;justify-content:center}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}.btnDanger,.btnPrimary,.btnSecondary,.btnSuccess,.calendarEvent,.contentCard,.paginationBtn,.previewDevice,.selectionCard,.tag{transition:none}}.mobileTimeline{display:flex;flex-direction:column;gap:var(--space-4,16px);padding:var(--space-4,16px);background:var(--surface-2);border-radius:var(--radius)}:root[data-theme=dark] .mobileTimeline{box-shadow:var(--shadow-card-rest)}:root[data-theme=light] .mobileTimeline{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04)}.timelineDate{display:flex;align-items:center;gap:var(--space-3,12px);padding:var(--space-3,12px) 0;border-bottom:1px solid var(--border-subtle)}:root[data-theme=light] .timelineDate{border-bottom-color:rgba(0,0,0,.08)}.timelineDateBadge{display:flex;flex-direction:column;align-items:center;justify-content:center;width:48px;height:48px;background:var(--surface-3);border-radius:var(--radius);flex-shrink:0}:root[data-theme=light] .timelineDateBadge{background:rgba(0,0,0,.04)}.timelineDateDay{font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1}:root[data-theme=light] .timelineDateDay{color:rgba(0,0,0,.9)}.timelineDateMonth{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary)}:root[data-theme=light] .timelineDateMonth{color:rgba(0,0,0,.5)}.timelineDateToday .timelineDateBadge{background:var(--brand-coral)}.timelineDateToday .timelineDateDay,.timelineDateToday .timelineDateMonth{color:#fff}:root[data-theme=light] .timelineDateToday .timelineDateDay,:root[data-theme=light] .timelineDateToday .timelineDateMonth{color:#000}.timelineEvents{flex:1 1;display:flex;flex-direction:column;gap:var(--space-2,8px)}.timelineEvent{display:flex;align-items:center;gap:var(--space-3,12px);padding:var(--space-3,12px);background:var(--surface-3);border-radius:var(--radius);cursor:pointer;transition:background var(--duration-micro) var(--ease-micro)}:root[data-theme=light] .timelineEvent{background:rgba(0,0,0,.02)}.timelineEvent:hover{background:var(--surface-4)}:root[data-theme=light] .timelineEvent:hover{background:rgba(0,0,0,.05)}.timelineEventIndicator{width:4px;height:32px;border-radius:2px;flex-shrink:0}.timelineEventScheduled .timelineEventIndicator{background:var(--color-info)}.timelineEventPublished .timelineEventIndicator{background:var(--color-success)}.timelineEventFailed .timelineEventIndicator{background:var(--color-error)}.timelineEventPending .timelineEventIndicator{background:var(--color-warning)}.timelineEventContent{flex:1 1;min-width:0}.timelineEventTitle{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:root[data-theme=light] .timelineEventTitle{color:rgba(0,0,0,.9)}.timelineEventMeta{font-size:.75rem;color:var(--text-tertiary)}:root[data-theme=light] .timelineEventMeta{color:rgba(0,0,0,.5)}.timelineEmptyDay{font-size:.875rem;color:var(--text-tertiary);font-style:italic}:root[data-theme=light] .timelineEmptyDay{color:rgba(0,0,0,.4)}@media (min-width:768px){.mobileHistoryList,.mobileScheduleList,.mobileTimeline{display:none}}@media (max-width:767px){.mobileHistoryList,.mobileScheduleList,.mobileTimeline{display:flex}}.container{width:100%;max-width:1400px;margin:0 auto;padding:var(--space-6,24px);display:flex;flex-direction:column;gap:var(--space-6,24px)}.header{flex-wrap:wrap}.headerContent{min-width:200px}.title{font-size:1.75rem}:root[data-theme=light] .title{color:rgba(0,0,0,.9)}.description{color:var(--text-secondary)}:root[data-theme=light] .description{color:rgba(0,0,0,.65)}.createButton{height:44px;padding:0 var(--space-5,20px);background:var(--brand-coral);color:#fff;border:none;border-radius:var(--radius);font-weight:600;font-size:.9375rem;cursor:pointer;transition:all var(--duration-micro) var(--ease-micro)}:root[data-theme=light] .createButton{color:#000}.createButton:hover{filter:brightness(1.1);transform:translateY(-1px)}.queueValue{font-size:1.75rem;font-weight:700;color:var(--brand-coral);margin-bottom:var(--space-1,4px)}.createForm{background:var(--surface-2);border-radius:var(--radius);padding:var(--space-6,24px);display:flex;flex-direction:column;gap:var(--space-5,20px)}:root[data-theme=dark] .createForm{box-shadow:var(--shadow-card-rest)}:root[data-theme=light] .createForm{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04)}.formTitle{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}:root[data-theme=light] .formTitle{color:rgba(0,0,0,.9)}.contentTypeGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:var(--space-3,12px);gap:var(--space-3,12px)}.contentTypeCard{display:flex;flex-direction:column;align-items:center;gap:var(--space-3,12px);padding:var(--space-5,20px) var(--space-4,16px);background:var(--surface-3);border:2px solid transparent;border-radius:var(--radius);cursor:pointer;transition:all var(--duration-micro) var(--ease-micro);text-align:center}:root[data-theme=light] .contentTypeCard{background:rgba(0,0,0,.02)}.contentTypeCard:hover{background:var(--surface-4);transform:translateY(-2px)}:root[data-theme=light] .contentTypeCard:hover{background:rgba(0,0,0,.05)}.contentTypeCard.selected{border-color:var(--brand-coral);background:rgba(250,114,0,.1)}.contentTypeCard.selected:hover{background:rgba(250,114,0,.15)}.contentTypeCardIcon{display:flex;align-items:center;justify-content:center;width:48px;height:48px}.contentTypeCardIcon svg{width:32px;height:32px;color:var(--brand-coral,#fa7200)}.contentTypeCardLabel{font-size:1rem;font-weight:600;color:var(--text-primary)}:root[data-theme=light] .contentTypeCardLabel{color:rgba(0,0,0,.9)}.contentTypeCardDescription{font-size:.8125rem;color:var(--text-tertiary);line-height:1.4}:root[data-theme=light] .contentTypeCardDescription{color:rgba(0,0,0,.5)}.accountTags,.platformTags{display:flex;flex-wrap:wrap;gap:var(--space-2,8px)}.accountTag,.platformTag{display:inline-flex;align-items:center;padding:var(--space-2,8px) var(--space-4,16px);background:var(--surface-3);border:none;border-radius:999px;font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-micro) var(--ease-micro)}:root[data-theme=light] .accountTag,:root[data-theme=light] .platformTag{background:rgba(0,0,0,.05);color:rgba(0,0,0,.7)}.accountTag:hover,.platformTag:hover{background:var(--surface-4);color:var(--text-primary)}:root[data-theme=light] .accountTag:hover,:root[data-theme=light] .platformTag:hover{background:rgba(0,0,0,.1);color:rgba(0,0,0,.9)}.accountTag.selected,.platformTag.selected{background:var(--brand-coral);color:#fff}:root[data-theme=light] .accountTag.selected,:root[data-theme=light] .platformTag.selected{color:#000}.scheduleTypeButtons{display:flex;gap:var(--space-3,12px);flex-wrap:wrap}.scheduleTypeButton{display:flex;align-items:center;gap:var(--space-3,12px);padding:var(--space-4,16px) var(--space-5,20px);background:var(--surface-3);border:2px solid transparent;border-radius:var(--radius);font-size:.9375rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-micro) var(--ease-micro);flex:1 1;min-width:200px}:root[data-theme=light] .scheduleTypeButton{background:rgba(0,0,0,.02);color:rgba(0,0,0,.7)}.scheduleTypeButton:hover{background:var(--surface-4);color:var(--text-primary)}:root[data-theme=light] .scheduleTypeButton:hover{background:rgba(0,0,0,.05)}.scheduleTypeButton.selected{border-color:var(--brand-coral);background:rgba(250,114,0,.1);color:var(--text-primary)}:root[data-theme=light] .scheduleTypeButton.selected{color:rgba(0,0,0,.9)}.scheduleTypeIcon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.scheduleTypeIcon svg{width:20px;height:20px;color:var(--brand-coral,#fa7200)}.formActions{border-top:1px solid var(--border-subtle)}:root[data-theme=light] .formActions{border-top-color:rgba(0,0,0,.08)}.submitButton{height:44px;padding:0 var(--space-6,24px);color:#fff;font-weight:600;font-size:.9375rem}:root[data-theme=light] .submitButton{color:#000}.submitButton:hover{filter:brightness(1.1)}.cancelFormButton{height:44px;padding:0 var(--space-5,20px);background:transparent;color:var(--text-secondary);border:none;border-radius:var(--radius);font-weight:600;font-size:.9375rem;cursor:pointer;transition:all var(--duration-micro) var(--ease-micro)}:root[data-theme=light] .cancelFormButton{color:rgba(0,0,0,.6)}.cancelFormButton:hover{color:var(--text-primary)}:root[data-theme=light] .cancelFormButton:hover{color:rgba(0,0,0,.9)}.historySection{flex-direction:column}.historyHeader,.historySection{display:flex;gap:var(--space-4,16px)}.historyHeader{justify-content:space-between;align-items:center;flex-wrap:wrap}.historyTitle{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}:root[data-theme=light] .historyTitle{color:rgba(0,0,0,.9)}.filters{display:flex;gap:var(--space-3,12px);flex-wrap:wrap}.filterSelect{padding:var(--space-2,8px) var(--space-4,16px);background:var(--surface-3);border:1px solid var(--border-default);border-radius:var(--radius);font-size:.875rem;color:var(--text-primary);background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23ff7829' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;padding-right:36px}:root[data-theme=light] .filterSelect{background-color:#fff;border-color:rgba(0,0,0,.12);color:rgba(0,0,0,.9)}.filterSelect:focus{border-color:var(--brand-coral);box-shadow:0 0 0 3px rgba(250,114,0,.15)}.loadingAccounts,.noAccounts{padding:var(--space-4,16px);text-align:center;font-size:.875rem;color:var(--text-tertiary)}:root[data-theme=light] .loadingAccounts,:root[data-theme=light] .noAccounts{color:rgba(0,0,0,.5)}@media (max-width:767px){.container{padding:var(--space-4,16px);gap:var(--space-4,16px)}.header{flex-direction:column;gap:var(--space-3,12px)}.createButton{width:100%}.contentTypeGrid{grid-template-columns:1fr}.scheduleTypeButtons{flex-direction:column}.scheduleTypeButton{min-width:100%}.formActions{flex-direction:column}.cancelFormButton,.submitButton{width:100%}.historyHeader{align-items:stretch}.filters,.historyHeader{flex-direction:column}.filterSelect{width:100%}}.filtersSection{background:var(--surface-2);border-radius:var(--radius);padding:var(--space-5,20px);display:flex;flex-direction:column;gap:var(--space-4,16px)}:root[data-theme=dark] .filtersSection{box-shadow:var(--shadow-card-rest)}:root[data-theme=light] .filtersSection{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04)}.filterRow{display:flex;gap:var(--space-4,16px);flex-wrap:wrap;align-items:flex-end}.dateInput,.searchInput{width:100%;padding:var(--space-3,12px) var(--space-4,16px);background:var(--surface-3);border:1px solid var(--border-default);border-radius:var(--radius);font-size:.9375rem;font-family:inherit;color:var(--text-primary);transition:all var(--duration-micro) var(--ease-micro)}:root[data-theme=light] .dateInput,:root[data-theme=light] .searchInput{background:#fff;border-color:rgba(0,0,0,.12);color:rgba(0,0,0,.9)}.dateInput:hover,.searchInput:hover{border-color:var(--border-hover)}.dateInput:focus,.searchInput:focus{outline:none;border-color:var(--brand-coral);box-shadow:0 0 0 3px rgba(250,114,0,.15)}:root[data-theme=light] .searchInput::placeholder{color:rgba(0,0,0,.35)}.clearFiltersButton{height:44px;padding:0 var(--space-4,16px);background:transparent;color:var(--text-secondary);border:1px solid var(--border-default);border-radius:var(--radius);font-weight:500;font-size:.875rem;font-family:inherit;cursor:pointer;transition:all var(--duration-micro) var(--ease-micro);white-space:nowrap}:root[data-theme=light] .clearFiltersButton{border-color:rgba(0,0,0,.12);color:rgba(0,0,0,.6)}.clearFiltersButton:hover{border-color:var(--brand-coral);color:var(--brand-coral)}.clearFiltersButton:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.tableContainer{background:var(--surface-2);border-radius:var(--radius)}:root[data-theme=dark] .tableContainer{box-shadow:var(--shadow-card-rest)}:root[data-theme=light] .tableContainer{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04)}.table{width:100%;border-collapse:collapse}.table thead{background:var(--surface-3)}:root[data-theme=light] .table thead{background:rgba(0,0,0,.02)}.table th{padding:var(--space-4,16px);text-align:left;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);border-bottom:1px solid var(--border-subtle)}:root[data-theme=light] .table th{color:rgba(0,0,0,.5);border-bottom-color:rgba(0,0,0,.08)}.table tbody tr{cursor:pointer;transition:background var(--duration-micro) var(--ease-micro)}.table tbody tr:hover{background:var(--surface-3)}:root[data-theme=light] .table tbody tr:hover{background:rgba(0,0,0,.02)}.table td{padding:var(--space-4,16px);border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-size:.9375rem}:root[data-theme=light] .table td{color:rgba(0,0,0,.85);border-bottom-color:rgba(0,0,0,.06)}.expandedRow{background:rgba(250,114,0,.05)}:root[data-theme=light] .expandedRow{background:rgba(250,114,0,.03)}.expandedDetails{background:var(--surface-1)}:root[data-theme=light] .expandedDetails{background:rgba(0,0,0,.01)}.expandedDetails td{padding:0;border-bottom:1px solid var(--border-subtle)}:root[data-theme=light] .expandedDetails td{border-bottom-color:rgba(0,0,0,.08)}.detailsContainer{padding:var(--space-5,20px);display:flex;flex-direction:column;gap:var(--space-5,20px)}.detailsTitle{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-3,12px) 0}:root[data-theme=light] .detailsTitle{color:rgba(0,0,0,.9)}.jobName{font-weight:600;color:var(--text-primary)}:root[data-theme=light] .jobName{color:rgba(0,0,0,.9)}.jobDescription{font-size:.8125rem;color:var(--text-tertiary);margin-top:2px}:root[data-theme=light] .jobDescription{color:rgba(0,0,0,.5)}.targets{font-weight:500}.targetsDetail{font-size:.75rem;color:var(--text-tertiary);margin-top:2px}:root[data-theme=light] .targetsDetail{color:rgba(0,0,0,.5)}.statusBadge{padding:var(--space-1,4px) var(--space-3,12px)}.statusBadge[data-status=approved],.statusBadge[data-status=published]{background:var(--color-success-muted);color:var(--color-success)}.statusBadge[data-status=failed]{background:var(--color-error-muted);color:var(--color-error)}.statusBadge[data-status=pending],.statusBadge[data-status=pending_approval]{background:var(--color-warning-muted);color:var(--color-warning)}.statusBadge[data-status=scheduled]{background:var(--color-info-muted);color:var(--color-info)}.statusBadge[data-status=cancelled],.statusBadge[data-status=draft]{background:var(--surface-3);color:var(--text-tertiary)}.actions{gap:var(--space-2,8px);flex-wrap:wrap}.retryButton,.viewButton{height:32px;padding:0 var(--space-3,12px);background:var(--surface-3);color:var(--text-secondary);border:none;border-radius:var(--radius);font-weight:500;font-size:.8125rem;font-family:inherit;cursor:pointer;transition:all var(--duration-micro) var(--ease-micro)}:root[data-theme=light] .retryButton,:root[data-theme=light] .viewButton{background:rgba(0,0,0,.05);color:rgba(0,0,0,.7)}.retryButton:hover,.viewButton:hover{background:var(--surface-4);color:var(--brand-coral)}:root[data-theme=light] .retryButton:hover,:root[data-theme=light] .viewButton:hover{background:rgba(0,0,0,.1)}.retryButton:focus-visible,.viewButton:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.rollbackButton{height:32px;padding:0 var(--space-3,12px);background:var(--color-error-subtle);color:var(--color-error);border:none;border-radius:var(--radius);font-weight:500;font-size:.8125rem;font-family:inherit;cursor:pointer;transition:all var(--duration-micro) var(--ease-micro)}.rollbackButton:hover{background:var(--color-error-muted)}.rollbackButton:focus-visible{outline:2px solid var(--color-error);outline-offset:2px}.historyButton{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-3);color:var(--text-tertiary);border:none;border-radius:var(--radius);cursor:pointer;transition:all var(--duration-micro) var(--ease-micro)}:root[data-theme=light] .historyButton{background:rgba(0,0,0,.05);color:rgba(0,0,0,.5)}.historyButton:hover{background:var(--surface-4);color:var(--brand-coral)}:root[data-theme=light] .historyButton:hover{background:rgba(0,0,0,.1);color:var(--brand-coral)}.historyButton:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.historyButtonIcon{width:16px;height:16px}.approveButton{height:32px;padding:0 var(--space-3,12px);background:var(--color-success-subtle);color:var(--color-success);border:none;border-radius:var(--radius);font-weight:500;font-size:.8125rem;font-family:inherit;cursor:pointer;transition:all var(--duration-micro) var(--ease-micro);display:inline-flex;align-items:center;gap:var(--space-2,8px)}.approveButton:hover:not(:disabled){background:var(--color-success-muted)}.approveButton:focus-visible{outline:2px solid var(--color-success);outline-offset:2px}.approveButton:disabled{opacity:.6;cursor:not-allowed}.rejectButton{height:32px;padding:0 var(--space-3,12px);background:var(--color-error-subtle);color:var(--color-error);border:none;border-radius:var(--radius);font-weight:500;font-size:.8125rem;font-family:inherit;cursor:pointer;transition:all var(--duration-micro) var(--ease-micro);display:inline-flex;align-items:center;gap:var(--space-2,8px)}.rejectButton:hover:not(:disabled){background:var(--color-error-muted)}.rejectButton:focus-visible{outline:2px solid var(--color-error);outline-offset:2px}.rejectButton:disabled{opacity:.6;cursor:not-allowed}.publishButton{height:32px;padding:0 var(--space-3,12px);background:var(--color-info-subtle);color:var(--color-info);border:none;border-radius:var(--radius);font-weight:500;font-size:.8125rem;font-family:inherit;cursor:pointer;transition:all var(--duration-micro) var(--ease-micro);display:inline-flex;align-items:center;gap:var(--space-2,8px)}.publishButton:hover:not(:disabled){background:var(--color-info-muted)}.publishButton:focus-visible{outline:2px solid var(--color-info);outline-offset:2px}.publishButton:disabled{opacity:.6;cursor:not-allowed}.buttonIcon{width:14px;height:14px;flex-shrink:0}.buttonIcon svg{width:100%;height:100%}.rejectModal{display:flex;flex-direction:column;gap:var(--space-4,16px)}.rejectModalDescription{color:var(--text-secondary);font-size:.9375rem;line-height:1.5;margin:0}:root[data-theme=light] .rejectModalDescription{color:rgba(0,0,0,.7)}.rejectReasonLabel{display:block;font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-2,8px)}:root[data-theme=light] .rejectReasonLabel{color:rgba(0,0,0,.7)}.rejectReasonInput{width:100%;min-height:100px;padding:var(--space-3,12px);background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius);font-size:.9375rem;font-family:inherit;color:var(--text-primary);resize:vertical;transition:all var(--duration-micro) var(--ease-micro)}:root[data-theme=light] .rejectReasonInput{background:var(--surface-1);border-color:rgba(0,0,0,.12);color:var(--text-primary)}.rejectReasonInput:hover{border-color:var(--border-hover)}.rejectReasonInput:focus{outline:none;border-color:var(--brand-coral);box-shadow:0 0 0 3px rgba(250,114,0,.1)}.rejectModalActions{display:flex;justify-content:flex-end;gap:var(--space-3,12px);margin-top:var(--space-2,8px)}.rejectModalCancel{height:40px;padding:0 var(--space-4,16px);background:transparent;border:1px solid var(--border-default);border-radius:var(--radius);font-weight:500;font-size:.9375rem;font-family:inherit;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-micro) var(--ease-micro)}:root[data-theme=light] .rejectModalCancel{border-color:rgba(0,0,0,.12);color:rgba(0,0,0,.7)}.rejectModalCancel:hover{background:var(--surface-3);color:var(--text-primary)}:root[data-theme=light] .rejectModalCancel:hover{background:rgba(0,0,0,.04)}.rejectModalSubmit{height:40px;padding:0 var(--space-5,20px);background:var(--color-error);border:none;border-radius:var(--radius);font-weight:600;font-size:.9375rem;font-family:inherit;color:var(--color-text-contrast);cursor:pointer;transition:all var(--duration-micro) var(--ease-micro)}.rejectModalSubmit:hover:not(:disabled){opacity:.9}.rejectModalSubmit:disabled{opacity:.6;cursor:not-allowed}.spinner{width:14px;height:14px;border:2px solid;border-top:2px solid transparent}.modalOverlay{inset:0;background:rgba(0,0,0,.6);z-index:var(--z-modal,1000);padding:var(--space-4,16px);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}:root[data-theme=light] .modalOverlay{background:rgba(0,0,0,.4)}.modal{background:var(--surface-2);border-radius:var(--radius);box-shadow:var(--shadow-extreme);width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalEnter .2s ease-out}:root[data-theme=light] .modal{background:var(--surface-1);box-shadow:0 24px 48px rgba(0,0,0,.2),0 12px 24px rgba(0,0,0,.1)}@keyframes modalEnter{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modalHeader{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4,16px) var(--space-5,20px);background:var(--surface-3);border-bottom:1px solid var(--border-subtle)}:root[data-theme=light] .modalHeader{background:rgba(0,0,0,.02);border-bottom-color:rgba(0,0,0,.08)}.modalTitle{margin:0}.modalTitle,:root[data-theme=light] .modalTitle{color:var(--text-primary)}.modalCloseButton{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius);color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-micro) var(--ease-micro)}.modalCloseButton:hover{background:var(--surface-4);color:var(--text-primary)}:root[data-theme=light] .modalCloseButton:hover{background:rgba(0,0,0,.06)}.modalCloseButton:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.modalBody{padding:var(--space-5,20px);overflow-y:auto}.targetsList{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--space-3,12px);gap:var(--space-3,12px)}.targetCard{background:var(--surface-3);border-radius:var(--radius);padding:var(--space-4,16px);display:flex;flex-direction:column;gap:var(--space-2,8px)}:root[data-theme=light] .targetCard{background:rgba(0,0,0,.03)}.targetHeader{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3,12px)}.targetMeta{font-size:.75rem;color:var(--text-tertiary)}:root[data-theme=light] .targetMeta{color:rgba(0,0,0,.5)}.targetError{font-size:.75rem;color:var(--color-error);padding:var(--space-2,8px);background:var(--color-error-subtle);border-radius:var(--radius);margin-top:var(--space-2,8px)}.targetStatus[data-status=published]{background:var(--color-success-muted);color:var(--color-success)}.targetStatus[data-status=failed],.targetStatus[data-status=published]{padding:var(--space-1,4px) var(--space-2,8px);border-radius:var(--radius);font-size:.6875rem;font-weight:600;text-transform:uppercase}.targetStatus[data-status=failed]{background:var(--color-error-muted);color:var(--color-error)}.targetStatus[data-status=pending]{background:var(--color-warning-muted);color:var(--color-warning)}.targetStatus[data-status=pending],.targetStatus[data-status=scheduled]{padding:var(--space-1,4px) var(--space-2,8px);border-radius:var(--radius);font-size:.6875rem;font-weight:600;text-transform:uppercase}.targetStatus[data-status=scheduled]{background:var(--color-info-muted);color:var(--color-info)}.analyticsSection{border-top:1px solid var(--border-subtle);padding-top:var(--space-5,20px)}:root[data-theme=light] .analyticsSection{border-top-color:rgba(0,0,0,.08)}.analyticsLoading{padding:var(--space-4,16px);text-align:center;font-size:.875rem;color:var(--text-tertiary)}:root[data-theme=light] .analyticsLoading{color:rgba(0,0,0,.5)}.analyticsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:var(--space-3,12px);gap:var(--space-3,12px)}.analyticCard{background:var(--surface-3);border-radius:var(--radius);padding:var(--space-4,16px);text-align:center}:root[data-theme=light] .analyticCard{background:rgba(0,0,0,.03)}.analyticValue{font-size:1.5rem;font-weight:700;color:var(--brand-coral);margin-bottom:var(--space-1,4px)}.analyticLabel{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary)}:root[data-theme=light] .analyticLabel{color:rgba(0,0,0,.5)}.platformBreakdown{margin-top:var(--space-4,16px)}.platformBreakdownTitle{font-size:.8125rem;font-weight:600;color:var(--text-secondary);margin:0 0 var(--space-3,12px) 0}:root[data-theme=light] .platformBreakdownTitle{color:rgba(0,0,0,.7)}.platformMetricsList{display:flex;flex-direction:column;gap:var(--space-2,8px)}.platformMetricItem{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3,12px) var(--space-4,16px);background:var(--surface-3);border-radius:var(--radius)}:root[data-theme=light] .platformMetricItem{background:rgba(0,0,0,.03)}.platformName{font-weight:600;color:var(--text-primary)}:root[data-theme=light] .platformName{color:rgba(0,0,0,.9)}.platformStat{font-size:.8125rem;color:var(--text-tertiary)}:root[data-theme=light] .platformStat{color:rgba(0,0,0,.5)}.emptyIcon svg{width:100%;height:100%;color:var(--text-quaternary)}:root[data-theme=light] .emptyIcon svg{color:rgba(0,0,0,.25)}.emptyTitle{margin:0 0 var(--space-2,8px) 0}:root[data-theme=light] .emptyTitle{color:rgba(0,0,0,.9)}.emptyDescription{font-size:1rem;color:var(--text-secondary);max-width:400px}:root[data-theme=light] .emptyDescription{color:rgba(0,0,0,.6)}.paginationButton{height:40px;padding:0 var(--space-5,20px);background:var(--surface-2);border:none;font-size:.875rem;font-weight:600}:root[data-theme=dark] .paginationButton{box-shadow:var(--shadow-low)}:root[data-theme=light] .paginationButton{background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.04);color:rgba(0,0,0,.85)}.paginationButton:hover:not(:disabled){background:var(--surface-3)}:root[data-theme=light] .paginationButton:hover:not(:disabled){background:rgba(0,0,0,.03)}.paginationButton:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.paginationButton:disabled{opacity:.4}.content{flex:1 1}.content,.customizationList{display:flex;flex-direction:column}.customizationList{gap:var(--space-4,16px)}.customizationCard{background:var(--surface-2);border-radius:var(--radius);overflow:hidden;transition:opacity var(--duration-micro) var(--ease-micro)}:root[data-theme=dark] .customizationCard{box-shadow:var(--shadow-card-rest)}:root[data-theme=light] .customizationCard{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04)}.customizationCard.disabled{opacity:.5}.cardHeader{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4,16px);background:var(--surface-3);border-bottom:1px solid var(--border-subtle)}:root[data-theme=light] .cardHeader{background:rgba(0,0,0,.02);border-bottom-color:rgba(0,0,0,.08)}.cardBody{padding:var(--space-5,20px);display:flex;flex-direction:column;gap:var(--space-5,20px)}.cardActions{display:flex;gap:var(--space-2,8px)}.accountName{font-weight:600}:root[data-theme=light] .accountName{color:rgba(0,0,0,.9)}.checkbox{position:relative;display:inline-flex;align-items:center;cursor:pointer}.checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{width:20px;height:20px;background:var(--surface-2);border:2px solid var(--border-default);border-radius:var(--radius);transition:all var(--duration-micro) var(--ease-micro);display:flex;align-items:center;justify-content:center}:root[data-theme=light] .checkmark{background:#fff;border-color:rgba(0,0,0,.2)}.checkbox input:checked~.checkmark{background:var(--brand-coral);border-color:var(--brand-coral)}.checkbox input:checked~.checkmark:after{content:"";width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);margin-top:-2px}:root[data-theme=light] .checkbox input:checked~.checkmark:after{border-color:#000}.checkbox input:focus-visible~.checkmark{outline:2px solid var(--brand-coral);outline-offset:2px}.expandButton,.removeButton{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius);font-size:1.25rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-micro) var(--ease-micro)}.expandButton:hover{background:var(--surface-4)}:root[data-theme=light] .expandButton:hover{background:rgba(0,0,0,.05)}.removeButton:hover{color:var(--color-error);background:var(--color-error-subtle)}.expandButton:focus-visible,.removeButton:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.fieldGroup{display:flex;flex-direction:column;gap:var(--space-2,8px)}.fieldLabel{font-size:.875rem;font-weight:600;color:var(--text-secondary)}:root[data-theme=light] .fieldLabel{color:rgba(0,0,0,.7)}.fieldHeader{display:flex;justify-content:space-between;align-items:center}.fieldHint{font-size:.75rem;color:var(--text-tertiary);margin-top:var(--space-1,4px)}:root[data-theme=light] .fieldHint{color:rgba(0,0,0,.5)}.priceInput{display:flex;align-items:center;background:var(--surface-3);border:1px solid var(--border-default);border-radius:var(--radius);overflow:hidden;transition:all var(--duration-micro) var(--ease-micro)}:root[data-theme=light] .priceInput{background:#fff;border-color:rgba(0,0,0,.12)}.priceInput:focus-within{border-color:var(--brand-coral);box-shadow:0 0 0 3px rgba(250,114,0,.15)}.currencySymbol{padding:0 var(--space-3,12px);font-weight:600;color:var(--text-tertiary);background:var(--surface-4);height:44px;display:flex;align-items:center}:root[data-theme=light] .currencySymbol{background:rgba(0,0,0,.04);color:rgba(0,0,0,.5)}.priceInput .input{border:none;background:transparent;padding:var(--space-3,12px) var(--space-4,16px)}.priceInput .input:focus{outline:none;box-shadow:none}.input{width:100%;padding:var(--space-3,12px) var(--space-4,16px);background:var(--surface-3);border:1px solid var(--border-default);border-radius:var(--radius);font-size:.9375rem;font-family:inherit;color:var(--text-primary);transition:all var(--duration-micro) var(--ease-micro)}:root[data-theme=light] .input{background:#fff;border-color:rgba(0,0,0,.12);color:rgba(0,0,0,.9)}.input:hover{border-color:var(--border-hover)}.input:focus{outline:none;border-color:var(--brand-coral);box-shadow:0 0 0 3px rgba(250,114,0,.15)}.input::placeholder{color:var(--text-quaternary)}:root[data-theme=light] .input::placeholder{color:rgba(0,0,0,.35)}.emptyReplacements{font-size:.875rem;color:var(--text-tertiary);font-style:italic;padding:var(--space-3,12px);text-align:center}:root[data-theme=light] .emptyReplacements{color:rgba(0,0,0,.4)}.replacementsList{flex-direction:column}.replacementRow,.replacementsList{display:flex;gap:var(--space-3,12px)}.replacementRow{align-items:center}.replacementRow .input{flex:1 1}.arrow{font-size:1.25rem;color:var(--text-tertiary);flex-shrink:0}:root[data-theme=light] .arrow{color:rgba(0,0,0,.4)}.removeRowButton{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius);font-size:1.25rem;color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-micro) var(--ease-micro);flex-shrink:0}.removeRowButton:hover{color:var(--color-error);background:var(--color-error-subtle)}.removeRowButton:focus-visible{outline:2px solid var(--color-error);outline-offset:2px}.addButton{height:32px;padding:0 var(--space-3,12px);background:var(--surface-3);color:var(--brand-coral);border:none;border-radius:var(--radius);font-weight:600;font-size:.8125rem;font-family:inherit;cursor:pointer;transition:all var(--duration-micro) var(--ease-micro)}:root[data-theme=light] .addButton{background:rgba(250,114,0,.1)}.addButton:hover{background:var(--surface-4)}:root[data-theme=light] .addButton:hover{background:rgba(250,114,0,.15)}.addButton:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.styleGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:var(--space-4,16px);gap:var(--space-4,16px)}.styleField{display:flex;flex-direction:column;gap:var(--space-2,8px)}.styleField label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}:root[data-theme=light] .styleField label{color:rgba(0,0,0,.7)}.colorInput{height:44px;padding:var(--space-1,4px);background:var(--surface-3);border:1px solid var(--border-default);border-radius:var(--radius);transition:all var(--duration-micro) var(--ease-micro)}:root[data-theme=light] .colorInput{background:#fff;border-color:rgba(0,0,0,.12)}.colorInput:hover{border-color:var(--border-hover)}.colorInput:focus{outline:none;border-color:var(--brand-coral);box-shadow:0 0 0 3px rgba(250,114,0,.15)}.footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5,20px) 0;margin-top:auto;border-top:1px solid var(--border-subtle);gap:var(--space-4,16px);flex-wrap:wrap}:root[data-theme=light] .footer{border-top-color:rgba(0,0,0,.08)}.accountCount{font-size:.875rem;color:var(--text-tertiary)}:root[data-theme=light] .accountCount{color:rgba(0,0,0,.5)}.refreshButton{display:inline-flex;align-items:center;gap:var(--space-2,8px);height:40px;padding:0 var(--space-4,16px);background:var(--surface-3);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius);font-weight:500;font-size:.875rem;font-family:inherit;cursor:pointer;transition:all var(--duration-micro) var(--ease-micro)}:root[data-theme=light] .refreshButton{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75)}.refreshButton:hover:not(:disabled){background:var(--surface-4);border-color:var(--brand-coral);color:var(--brand-coral)}:root[data-theme=light] .refreshButton:hover:not(:disabled){background:rgba(0,0,0,.06);border-color:var(--brand-coral);color:var(--brand-coral)}.refreshButton:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.refreshButton:disabled{opacity:.6;cursor:not-allowed}.refreshIcon{width:16px;height:16px;flex-shrink:0}.refreshIcon.spinning{animation:spin 1s linear infinite}.secondaryButton{height:40px;padding:0 var(--space-4,16px);background:var(--surface-3);color:var(--text-primary);border:none;border-radius:var(--radius);font-weight:500;font-size:.875rem;font-family:inherit;cursor:pointer;transition:all var(--duration-micro) var(--ease-micro)}:root[data-theme=light] .secondaryButton{background:rgba(0,0,0,.05);color:rgba(0,0,0,.85)}.secondaryButton:hover:not(:disabled){background:var(--surface-4)}:root[data-theme=light] .secondaryButton:hover:not(:disabled){background:rgba(0,0,0,.1)}.secondaryButton:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.secondaryButton:disabled{opacity:.5;cursor:not-allowed}.cancelButton{height:44px;padding:0 var(--space-5,20px);background:transparent;color:var(--text-secondary);border:1px solid var(--border-default);border-radius:var(--radius);font-weight:600;font-size:.9375rem;font-family:inherit;cursor:pointer;transition:all var(--duration-micro) var(--ease-micro)}:root[data-theme=light] .cancelButton{border-color:rgba(0,0,0,.12);color:rgba(0,0,0,.6)}.cancelButton:hover{border-color:var(--brand-coral);color:var(--brand-coral)}.cancelButton:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.saveButton{height:44px;padding:0 var(--space-6,24px);background:var(--brand-coral);border-radius:var(--radius);font-size:.9375rem;font-family:inherit;transition:all var(--duration-micro) var(--ease-micro)}.saveButton:focus-visible{outline:2px solid var(--brand-coral)}@media (max-width:1023px){.filterRow{gap:var(--space-3,12px)}.filterGroup{min-width:140px}.targetsList{grid-template-columns:1fr}.analyticsGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.filtersSection{padding:var(--space-4,16px)}.filterRow{flex-direction:column;gap:var(--space-3,12px)}.filterGroup{min-width:100%}.clearFiltersButton{width:100%}.table{display:none}.analyticsGrid{grid-template-columns:1fr}.replacementRow{flex-direction:column;align-items:stretch}.replacementRow .input{width:100%}.arrow{text-align:center;transform:rotate(90deg)}.removeRowButton{align-self:flex-end}.styleGrid{grid-template-columns:1fr}.footer{flex-direction:column;align-items:stretch;gap:var(--space-3,12px)}.footerActions,.footerInfo{width:100%}.footerActions{flex-direction:column}.cancelButton,.saveButton,.secondaryButton{width:100%}.headerActions{width:100%;flex-direction:column}.headerActions .secondaryButton{width:100%}}.contentSelectorContainer{display:flex;flex-direction:column;gap:var(--space-5,20px)}.sectionTitle{margin:0 0 var(--space-3,12px) 0;justify-content:space-between}:root[data-theme=light] .sectionTitle{color:var(--text-primary)}.searchContainer{position:relative;margin-bottom:var(--space-3,12px)}.searchInput{width:100%;padding:var(--space-3,12px) var(--space-4,16px);padding-left:44px;background:var(--surface-3);border:1px solid var(--border-default);border-radius:var(--radius);font-size:.9375rem;transition:all var(--duration-micro) var(--ease-micro)}:root[data-theme=light] .searchInput{background:var(--surface-1);border-color:var(--border-default);color:var(--text-primary)}.searchInput:hover{border-color:var(--border-hover)}.searchInput:focus{outline:none;border-color:var(--brand-coral);box-shadow:0 0 0 3px rgba(250,114,0,.15)}:root[data-theme=light] .searchInput::placeholder{color:var(--text-quaternary)}.searchIcon{position:absolute;left:var(--space-4,16px);top:50%;transform:translateY(-50%);width:18px;height:18px;pointer-events:none}.selectionHeader{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3,12px);margin-bottom:var(--space-3,12px)}.selectedCount{font-size:.875rem;font-weight:600;color:var(--brand-coral)}.clearButton{padding:var(--space-2,8px) var(--space-3,12px);background:transparent;border:none;border-radius:var(--radius);font-size:.8125rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-micro) var(--ease-micro)}.clearButton:hover{color:var(--brand-coral);background:var(--surface-3)}:root[data-theme=light] .clearButton:hover{background:rgba(0,0,0,.04)}.clearButton:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.productGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:var(--space-3,12px);gap:var(--space-3,12px);max-height:400px;overflow-y:auto;padding:var(--space-1,4px)}.productCard{display:flex;flex-direction:column;background:var(--surface-3);border:2px solid transparent;border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:all var(--duration-micro) var(--ease-micro)}:root[data-theme=light] .productCard{background:rgba(0,0,0,.02)}.productCard:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-low)}.productCardSelected{border-color:var(--brand-coral);background:rgba(250,114,0,.08)}.productCardSelected:hover{border-color:var(--brand-coral);background:rgba(250,114,0,.12)}.productCard:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.productThumbnail{position:relative;width:100%;aspect-ratio:1/1;background:var(--surface-4);overflow:hidden}.productImage{width:100%;height:100%;object-fit:cover}.productPlaceholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-quaternary)}.productPlaceholder svg{width:40px;height:40px}.productCheckmark{position:absolute;top:var(--space-2,8px);right:var(--space-2,8px);width:24px;height:24px;background:var(--brand-coral);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--color-text-contrast)}:root[data-theme=light] .productCheckmark{color:var(--color-text-contrast-light)}.productCheckmark svg{width:14px;height:14px}.productInfo{padding:var(--space-3,12px);display:flex;flex-direction:column;gap:var(--space-1,4px)}.productName{font-size:.875rem;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.productName,:root[data-theme=light] .productName{color:var(--text-primary)}.productPrice{font-size:.8125rem;font-weight:500;color:var(--brand-coral)}.productType{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.productType,:root[data-theme=light] .productType{color:var(--text-tertiary)}.bannerGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:var(--space-3,12px);gap:var(--space-3,12px);max-height:300px;overflow-y:auto;padding:var(--space-1,4px)}.bannerCard{position:relative;aspect-ratio:16/9;background:var(--surface-3);border:2px solid transparent;border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:all var(--duration-micro) var(--ease-micro)}:root[data-theme=light] .bannerCard{background:rgba(0,0,0,.02)}.bannerCard:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-low)}.bannerCardSelected{border-color:var(--brand-coral)}.bannerCard:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.bannerImage{width:100%;height:100%;object-fit:cover}.bannerPlaceholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-quaternary)}.bannerPlaceholder svg{width:48px;height:48px}.bannerCheckmark{position:absolute;top:var(--space-2,8px);right:var(--space-2,8px);width:28px;height:28px;background:var(--brand-coral);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--color-text-contrast)}:root[data-theme=light] .bannerCheckmark{color:var(--color-text-contrast-light)}.bannerCheckmark svg{width:16px;height:16px}.bannerLabel{position:absolute;bottom:0;left:0;right:0;padding:var(--space-2,8px) var(--space-3,12px);background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);font-size:.8125rem;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layoutTemplateSection{display:flex;flex-direction:column;gap:var(--space-3,12px)}.layoutTemplateGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-3,12px);gap:var(--space-3,12px)}.layoutTemplateCard{display:flex;flex-direction:column;align-items:center;gap:var(--space-2,8px);padding:var(--space-4,16px);background:var(--surface-3);border:2px solid transparent;border-radius:var(--radius);cursor:pointer;transition:all var(--duration-micro) var(--ease-micro);text-align:center}:root[data-theme=light] .layoutTemplateCard{background:rgba(0,0,0,.02)}.layoutTemplateCard:hover{border-color:var(--border-hover);transform:translateY(-2px)}:root[data-theme=light] .layoutTemplateCard:hover{background:rgba(0,0,0,.04)}.layoutTemplateCardSelected{border-color:var(--brand-coral);background:rgba(250,114,0,.08)}.layoutTemplateCardSelected:hover{background:rgba(250,114,0,.12)}.layoutTemplateCard:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.layoutTemplateIcon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.layoutTemplateCardSelected .layoutTemplateIcon{color:var(--brand-coral)}.layoutTemplateIcon svg{width:100%;height:100%}.layoutTemplateLabel{font-size:.875rem;font-weight:600}.layoutTemplateLabel,:root[data-theme=light] .layoutTemplateLabel{color:var(--text-primary)}.layoutTemplateDescription{font-size:.75rem;color:var(--text-tertiary)}:root[data-theme=light] .layoutTemplateDescription{color:var(--text-tertiary)}.previewSection{background:var(--surface-2);border-radius:var(--radius);overflow:hidden}:root[data-theme=dark] .previewSection{box-shadow:var(--shadow-card-rest)}:root[data-theme=light] .previewSection{background:var(--surface-1);box-shadow:0 2px 8px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04)}.previewHeader{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3,12px) var(--space-4,16px);background:var(--surface-3);border-bottom:1px solid var(--border-subtle)}:root[data-theme=light] .previewHeader{background:rgba(0,0,0,.02);border-bottom-color:rgba(0,0,0,.06)}.previewTitle{font-size:.875rem;font-weight:600;margin:0;display:flex;align-items:center;gap:var(--space-2,8px)}.previewTitle,:root[data-theme=light] .previewTitle{color:var(--text-primary)}.previewIcon{width:18px;height:18px;color:var(--brand-coral)}.previewBody{padding:var(--space-4,16px);min-height:200px}.previewGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:var(--space-3,12px);gap:var(--space-3,12px)}.previewList{flex-direction:column}.previewCarousel,.previewList{display:flex;gap:var(--space-3,12px)}.previewCarousel{overflow-x:auto;padding-bottom:var(--space-2,8px)}.previewItem{flex-shrink:0;width:120px;background:var(--surface-3);border-radius:var(--radius);overflow:hidden}:root[data-theme=light] .previewItem{background:rgba(0,0,0,.03)}.previewItemThumbnail{width:100%;aspect-ratio:1/1;background:var(--surface-4);object-fit:cover}.previewItemInfo{padding:var(--space-2,8px)}.previewItemName{font-size:.75rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.previewItemName,:root[data-theme=light] .previewItemName{color:var(--text-primary)}.previewListItem{display:flex;align-items:center;gap:var(--space-3,12px);padding:var(--space-3,12px);background:var(--surface-3);border-radius:var(--radius)}:root[data-theme=light] .previewListItem{background:rgba(0,0,0,.03)}.previewListThumbnail{width:48px;height:48px;flex-shrink:0;border-radius:var(--radius);object-fit:cover;background:var(--surface-4)}.previewListInfo{flex:1 1;min-width:0}.previewListName{font-size:.875rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 var(--space-1,4px) 0}.previewListName,:root[data-theme=light] .previewListName{color:var(--text-primary)}.previewListPrice{font-size:.8125rem;font-weight:500;color:var(--brand-coral)}.previewBanner{width:100%;aspect-ratio:16/9;border-radius:var(--radius);object-fit:cover;background:var(--surface-3)}.emptyPreview{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:var(--text-tertiary);gap:var(--space-3,12px)}.emptyPreviewIcon{width:48px;height:48px;opacity:.5}.emptyPreviewText{font-size:.875rem;text-align:center}.loadingContainer,:root[data-theme=light] .emptyPreviewText{color:var(--text-tertiary)}.loadingContainer{padding:var(--space-6,24px)}.loadingSpinner{width:24px;height:24px;border:2px solid var(--surface-4)}.emptyContainer{padding:var(--space-6,24px);color:var(--text-tertiary);gap:var(--space-2,8px)}.emptyIcon{opacity:.5}.emptyText{font-size:.875rem}:root[data-theme=light] .emptyText{color:var(--text-tertiary)}@media (max-width:767px){.productGrid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:300px}.bannerGrid{max-height:250px}.bannerGrid,.layoutTemplateGrid{grid-template-columns:1fr}.previewGrid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.modalContent{display:flex;height:500px;overflow:hidden}.versionsPanel{width:280px;min-width:280px;display:flex;flex-direction:column;border-right:1px solid var(--border-subtle);background:var(--surface-2)}:root[data-theme=light] .versionsPanel{background:rgba(0,0,0,.02);border-right-color:rgba(0,0,0,.08)}.versionsPanelHeader{padding:var(--space-4,16px);border-bottom:1px solid var(--border-subtle)}:root[data-theme=light] .versionsPanelHeader{border-bottom-color:rgba(0,0,0,.08)}.versionsPanelTitle{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin:0}:root[data-theme=light] .versionsPanelTitle{color:rgba(0,0,0,.5)}.versionsList{flex:1 1;overflow-y:auto;padding:var(--space-2,8px)}.versionsList::-webkit-scrollbar{width:6px}.versionsList::-webkit-scrollbar-track{background:transparent}.versionsList::-webkit-scrollbar-thumb{background:var(--surface-4);border-radius:3px}.detailsPanel{flex:1 1;display:flex;flex-direction:column;overflow:hidden}.detailsPanel,:root[data-theme=light] .detailsPanel{background:var(--surface-1)}.detailsPanelHeader{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4,16px);border-bottom:1px solid var(--border-subtle)}:root[data-theme=light] .detailsPanelHeader{border-bottom-color:rgba(0,0,0,.08)}.detailsPanelTitle{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0}:root[data-theme=light] .detailsPanelTitle{color:rgba(0,0,0,.9)}.detailsPanelBody{flex:1 1;overflow-y:auto;padding:var(--space-4,16px)}.detailsPanelBody::-webkit-scrollbar{width:6px}.detailsPanelBody::-webkit-scrollbar-track{background:transparent}.detailsPanelBody::-webkit-scrollbar-thumb{background:var(--surface-4);border-radius:3px}.versionItem{display:flex;flex-direction:column;gap:var(--space-1,4px);padding:var(--space-3,12px);border-radius:var(--radius);cursor:pointer;transition:all var(--duration-micro) var(--ease-micro);margin-bottom:var(--space-1,4px);border:1px solid transparent}.versionItem:hover{background:var(--surface-3)}:root[data-theme=light] .versionItem:hover{background:rgba(0,0,0,.04)}.versionItemSelected{background:rgba(250,114,0,.12);border-color:var(--brand-coral)}.versionItemSelected:hover{background:rgba(250,114,0,.16)}:root[data-theme=light] .versionItemSelected{background:rgba(250,114,0,.08)}:root[data-theme=light] .versionItemSelected:hover{background:rgba(250,114,0,.12)}.versionItemHeader{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2,8px)}.versionNumber{font-size:.875rem;font-weight:600;color:var(--text-primary)}:root[data-theme=light] .versionNumber{color:rgba(0,0,0,.9)}.versionBadge{display:inline-flex;align-items:center;padding:2px var(--space-2,8px);border-radius:var(--radius);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.currentBadge{background:var(--color-success-muted);color:var(--color-success)}.versionMeta{display:flex;flex-direction:column;gap:2px}.versionAuthor{font-size:.75rem;color:var(--text-secondary)}:root[data-theme=light] .versionAuthor{color:rgba(0,0,0,.65)}.versionDate{font-size:.6875rem;color:var(--text-tertiary)}:root[data-theme=light] .versionDate{color:rgba(0,0,0,.5)}.versionChanges{font-size:.75rem;color:var(--text-tertiary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}:root[data-theme=light] .versionChanges{color:rgba(0,0,0,.55)}.emptyState{height:100%}.emptyIcon{width:48px;height:48px}.emptyTitle{color:var(--text-secondary)}:root[data-theme=light] .emptyTitle{color:rgba(0,0,0,.7)}.emptyDescription{max-width:240px}:root[data-theme=light] .emptyDescription{color:rgba(0,0,0,.55)}.loadingContainer{height:100%}:root[data-theme=light] .loadingText{color:rgba(0,0,0,.55)}.diffContainer{display:flex;flex-direction:column;gap:var(--space-4,16px)}.diffSection{background:var(--surface-2);border-radius:var(--radius);overflow:hidden}:root[data-theme=light] .diffSection{background:rgba(0,0,0,.02)}.diffSectionHeader{display:flex;align-items:center;gap:var(--space-2,8px);padding:var(--space-3,12px) var(--space-4,16px);background:var(--surface-3);border-bottom:1px solid var(--border-subtle)}:root[data-theme=light] .diffSectionHeader{background:rgba(0,0,0,.04);border-bottom-color:rgba(0,0,0,.08)}.diffSectionTitle{font-size:.8125rem;font-weight:600;color:var(--text-primary);margin:0}:root[data-theme=light] .diffSectionTitle{color:rgba(0,0,0,.85)}.diffSectionBody{padding:var(--space-4,16px)}.diffRow{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-4,16px);gap:var(--space-4,16px);padding:var(--space-3,12px) 0;border-bottom:1px solid var(--border-subtle)}.diffRow:last-child{border-bottom:none}:root[data-theme=light] .diffRow{border-bottom-color:rgba(0,0,0,.06)}.diffLabel{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-tertiary);margin-bottom:var(--space-1,4px)}:root[data-theme=light] .diffLabel{color:rgba(0,0,0,.5)}.diffValue{font-size:.8125rem;color:var(--text-primary);word-break:break-word}:root[data-theme=light] .diffValue{color:rgba(0,0,0,.85)}.diffValueOld{background:rgba(239,68,68,.1);padding:var(--space-2,8px) var(--space-3,12px);border-radius:var(--radius);border-left:3px solid var(--color-error)}:root[data-theme=light] .diffValueOld{background:rgba(239,68,68,.06)}.diffValueNew{background:rgba(16,185,129,.1);padding:var(--space-2,8px) var(--space-3,12px);border-radius:var(--radius);border-left:3px solid var(--color-success)}:root[data-theme=light] .diffValueNew{background:rgba(16,185,129,.06)}.diffAdded{color:var(--color-success)}.diffRemoved{color:var(--color-error);text-decoration:line-through}.diffModified{color:var(--color-warning)}.diffIndicator{display:inline-flex;align-items:center;padding:2px var(--space-2,8px);border-radius:var(--radius);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.diffIndicatorAdded{background:var(--color-success-muted);color:var(--color-success)}.diffIndicatorRemoved{background:var(--color-error-muted);color:var(--color-error)}.diffIndicatorModified{background:var(--color-warning-muted);color:var(--color-warning)}.noChanges{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6,24px);text-align:center;color:var(--text-tertiary)}:root[data-theme=light] .noChanges{color:rgba(0,0,0,.55)}.noChangesIcon{width:32px;height:32px;margin-bottom:var(--space-3,12px);color:var(--text-quaternary)}.restoreInfo{display:flex;align-items:flex-start;gap:var(--space-3,12px);padding:var(--space-3,12px) var(--space-4,16px);background:rgba(250,114,0,.08);border-radius:var(--radius);margin-top:var(--space-4,16px)}.restoreInfoIcon{width:20px;height:20px;color:var(--brand-coral);flex-shrink:0;margin-top:2px}.restoreInfoText{font-size:.8125rem;color:var(--text-secondary);line-height:1.5}:root[data-theme=light] .restoreInfoText{color:rgba(0,0,0,.7)}@media (max-width:767px){.modalContent{flex-direction:column;height:100%;max-height:calc(100vh - 120px)}.versionsPanel{width:100%;min-width:unset;max-height:200px;border-right:none;border-bottom:1px solid var(--border-subtle)}:root[data-theme=light] .versionsPanel{border-bottom-color:rgba(0,0,0,.08)}.detailsPanel{flex:1 1}.diffRow{grid-template-columns:1fr;gap:var(--space-2,8px)}}.platformPage{padding:var(--space-6,24px);max-width:1200px;margin:0 auto;min-height:100%}.header{justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6,24px);gap:var(--space-6,24px)}.headerContent{flex:1 1}.title{margin:0 0 var(--space-2,8px) 0}.headerActions{gap:var(--space-3,12px);flex-shrink:0}.settingsSection{background:var(--surface-2,#242424);border-radius:var(--radius,5px);padding:var(--space-5,20px);margin-bottom:var(--space-5,20px)}:root[data-theme=dark] .settingsSection{box-shadow:var(--shadow-card-rest,0 2px 8px rgba(0,0,0,.15))}:root[data-theme=light] .settingsSection{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04)}.sectionTitle{margin:0 0 var(--space-2,8px) 0;display:flex;align-items:center;gap:var(--space-3,12px)}.sectionDescription{font-size:.875rem;color:var(--text-tertiary,hsla(0,0%,100%,.55));margin:0 0 var(--space-5,20px) 0}:root[data-theme=light] .sectionTitle{color:rgba(0,0,0,.85)}:root[data-theme=light] .sectionDescription{color:rgba(0,0,0,.55)}.settingRow{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-5,20px);padding:var(--space-4,16px) 0;border-bottom:1px solid hsla(0,0%,100%,.05)}.settingRow:first-child{padding-top:0}.settingRow:last-child{padding-bottom:0;border-bottom:none}:root[data-theme=light] .settingRow{border-bottom-color:rgba(0,0,0,.06)}.settingInfo{flex:1 1;min-width:0}.settingLabel{font-size:.9375rem;font-weight:600;color:var(--text-primary,hsla(0,0%,100%,.95));margin:0 0 var(--space-1,4px) 0}.settingDescription{font-size:.8125rem;color:var(--text-tertiary,hsla(0,0%,100%,.55));margin:0;max-width:400px}:root[data-theme=light] .settingLabel{color:rgba(0,0,0,.85)}:root[data-theme=light] .settingDescription{color:rgba(0,0,0,.55)}.settingControl{flex-shrink:0;display:flex;align-items:center;gap:var(--space-3,12px)}.brandingUpload{display:flex;gap:var(--space-5,20px);align-items:flex-start}.logoPreview{width:96px;height:96px;background:var(--surface-3,#2a2a2a);border-radius:var(--radius,5px);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}:root[data-theme=dark] .logoPreview{box-shadow:var(--shadow-low,0 2px 4px rgba(0,0,0,.1))}:root[data-theme=light] .logoPreview{background:#f5f5f5;box-shadow:0 2px 6px rgba(0,0,0,.04)}.logoPreview img{width:100%;height:100%;object-fit:contain}.logoPlaceholder{font-size:2.5rem;color:var(--text-quaternary,hsla(0,0%,100%,.35))}.uploadArea{flex:1 1;display:flex;flex-direction:column;gap:var(--space-3,12px)}.uploadButton{padding:var(--space-3,12px) var(--space-5,20px);min-height:44px;background:var(--surface-3,#2a2a2a);border:none;border-radius:var(--radius,5px);font-size:.875rem;font-weight:600;color:var(--text-primary,hsla(0,0%,100%,.95));cursor:pointer;transition:all var(--duration-micro,.15s) var(--ease-micro,cubic-bezier(.33,1,.68,1));display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2,8px);width:-moz-fit-content;width:fit-content}.uploadButton:hover{background:var(--surface-4,#333);color:var(--brand-coral,#fa7200)}.uploadButton:focus-visible{outline:2px solid var(--brand-coral,#fa7200);outline-offset:2px}:root[data-theme=light] .uploadButton{background:#f0f0f0;color:rgba(0,0,0,.85)}:root[data-theme=light] .uploadButton:hover{background:#e5e5e5;color:var(--brand-coral,#fa7200)}.uploadHint{font-size:.75rem;color:var(--text-quaternary,hsla(0,0%,100%,.35))}:root[data-theme=light] .uploadHint{color:rgba(0,0,0,.4)}.colorPicker{align-items:center;gap:var(--space-3,12px)}.colorSwatch{width:36px;height:36px;border-radius:var(--radius,5px);cursor:pointer;transition:transform var(--duration-micro,.15s) var(--ease-micro);position:relative}:root[data-theme=dark] .colorSwatch{box-shadow:var(--shadow-low,0 2px 4px rgba(0,0,0,.15))}:root[data-theme=light] .colorSwatch{box-shadow:0 2px 6px rgba(0,0,0,.1)}.colorSwatch:hover{transform:scale(1.05)}.colorSwatch:focus-visible{outline:2px solid var(--brand-coral,#fa7200);outline-offset:2px}.colorInput{position:absolute;opacity:0;width:100%;height:100%}.colorValue{font-family:monospace;font-size:.875rem;color:var(--text-secondary,hsla(0,0%,100%,.75));text-transform:uppercase}:root[data-theme=light] .colorValue{color:rgba(0,0,0,.65)}.defaultsSection{flex-direction:column}.defaultSetting,.defaultsSection{display:flex;gap:var(--space-4,16px)}.defaultSetting{align-items:center;justify-content:space-between;padding:var(--space-4,16px);background:var(--surface-3,#2a2a2a);border-radius:var(--radius,5px)}:root[data-theme=dark] .defaultSetting{box-shadow:var(--shadow-low,0 2px 4px rgba(0,0,0,.1))}:root[data-theme=light] .defaultSetting{background:#f8f8f8;box-shadow:0 2px 4px rgba(0,0,0,.04)}.defaultSettingLabel{font-size:.875rem;font-weight:500;color:var(--text-primary,hsla(0,0%,100%,.95));flex:1 1}:root[data-theme=light] .defaultSettingLabel{color:rgba(0,0,0,.85)}.emailTemplates{margin-top:var(--space-4,16px)}.templateList{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--space-4,16px);gap:var(--space-4,16px)}.templateCard{background:var(--surface-3,#2a2a2a);border-radius:var(--radius,5px);padding:var(--space-4,16px);cursor:pointer;transition:all var(--duration-micro,.15s) var(--ease-micro)}:root[data-theme=dark] .templateCard{box-shadow:var(--shadow-low,0 2px 4px rgba(0,0,0,.1))}:root[data-theme=light] .templateCard{background:#f8f8f8;box-shadow:0 2px 4px rgba(0,0,0,.04)}.templateCard:hover{background:var(--surface-4,#333);transform:translateY(-2px)}:root[data-theme=dark] .templateCard:hover{box-shadow:var(--shadow-medium,0 4px 12px rgba(0,0,0,.2))}:root[data-theme=light] .templateCard:hover{background:#f0f0f0;box-shadow:0 4px 12px rgba(0,0,0,.08)}.templateCard:focus-visible{outline:2px solid var(--brand-coral,#fa7200);outline-offset:2px}.templateIcon{font-size:1.5rem;margin-bottom:var(--space-3,12px)}.templateName{font-size:.9375rem;font-weight:600;color:var(--text-primary,hsla(0,0%,100%,.95));margin:0 0 var(--space-1,4px) 0}.templateDescription{font-size:.8125rem;color:var(--text-tertiary,hsla(0,0%,100%,.55));margin:0}:root[data-theme=light] .templateName{color:rgba(0,0,0,.85)}:root[data-theme=light] .templateDescription{color:rgba(0,0,0,.55)}.notificationPrefs{display:flex;flex-direction:column;gap:var(--space-3,12px)}.prefToggle{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3,12px) var(--space-4,16px);background:var(--surface-3,#2a2a2a);border-radius:var(--radius,5px);gap:var(--space-4,16px)}:root[data-theme=dark] .prefToggle{box-shadow:var(--shadow-low,0 2px 4px rgba(0,0,0,.1))}:root[data-theme=light] .prefToggle{background:#f8f8f8;box-shadow:0 2px 4px rgba(0,0,0,.04)}.prefLabel{font-size:.875rem;font-weight:500;color:var(--text-primary,hsla(0,0%,100%,.95));flex:1 1}:root[data-theme=light] .prefLabel{color:rgba(0,0,0,.85)}.billingInfo{background:var(--surface-3,#2a2a2a);border-radius:var(--radius,5px);padding:var(--space-5,20px)}:root[data-theme=dark] .billingInfo{box-shadow:var(--shadow-low,0 2px 4px rgba(0,0,0,.1))}:root[data-theme=light] .billingInfo{background:#f8f8f8;box-shadow:0 2px 4px rgba(0,0,0,.04)}.billingRow{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3,12px) 0;border-bottom:1px solid hsla(0,0%,100%,.05)}.billingRow:last-child{padding-bottom:0;border-bottom:none}:root[data-theme=light] .billingRow{border-bottom-color:rgba(0,0,0,.06)}.billingLabel{font-size:.875rem;color:var(--text-tertiary,hsla(0,0%,100%,.55))}.billingValue{font-size:.875rem;font-weight:600;color:var(--text-primary,hsla(0,0%,100%,.95))}:root[data-theme=light] .billingLabel{color:rgba(0,0,0,.55)}:root[data-theme=light] .billingValue{color:rgba(0,0,0,.85)}.updateBillingBtn{padding:var(--space-3,12px) var(--space-5,20px);min-height:44px;background:var(--brand-coral,#fa7200);border:none;border-radius:var(--radius,5px);font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;transition:all var(--duration-micro,.15s) var(--ease-micro);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2,8px);width:-moz-fit-content;width:fit-content}.updateBillingBtn:hover{filter:brightness(1.1);transform:translateY(-1px)}.updateBillingBtn:focus-visible{outline:2px solid var(--brand-coral,#fa7200);outline-offset:2px}:root[data-theme=light] .updateBillingBtn{color:#000}.connectionsPage{padding:var(--space-6,24px);max-width:1400px;margin:0 auto}.statsCard{background:var(--surface-2,#242424);border-radius:var(--radius,5px);padding:var(--space-5,20px);text-align:center;min-width:150px}:root[data-theme=dark] .statsCard{box-shadow:var(--shadow-card-rest,0 2px 8px rgba(0,0,0,.15))}:root[data-theme=light] .statsCard{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06)}.statValue{font-size:2rem;font-weight:700;color:var(--brand-coral,#fa7200);margin-bottom:var(--space-1,4px)}.statLabel{font-size:.75rem;color:var(--text-tertiary,hsla(0,0%,100%,.55));text-transform:uppercase;letter-spacing:.05em;font-weight:600}:root[data-theme=light] .statLabel{color:rgba(0,0,0,.5)}.notice{display:flex;gap:var(--space-4,16px);padding:var(--space-4,16px) var(--space-5,20px);margin-bottom:var(--space-6,24px);background:rgba(59,130,246,.1);border-radius:var(--radius,5px)}.noticeIcon{font-size:1.5rem;flex-shrink:0}.noticeContent{font-size:.9375rem;color:var(--text-primary,hsla(0,0%,100%,.95));line-height:1.6}.noticeContent strong{color:#fff;font-weight:600}:root[data-theme=light] .notice{background:rgba(59,130,246,.08)}:root[data-theme=light] .noticeContent{color:rgba(0,0,0,.85)}:root[data-theme=light] .noticeContent strong{color:rgba(0,0,0,.95)}.connectionsList{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:var(--space-5,20px);gap:var(--space-5,20px);margin-bottom:var(--space-8,32px)}.connectionCard{background:var(--surface-2,#242424);border-radius:var(--radius,5px);padding:var(--space-5,20px);transition:transform var(--duration-micro,.15s) var(--ease-micro)}:root[data-theme=dark] .connectionCard{box-shadow:var(--shadow-card-rest,0 2px 8px rgba(0,0,0,.15))}:root[data-theme=light] .connectionCard{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04)}.connectionCard:hover{transform:translateY(-2px)}:root[data-theme=dark] .connectionCard:hover{box-shadow:var(--shadow-card-hover,0 6px 16px rgba(0,0,0,.25))}:root[data-theme=light] .connectionCard:hover{box-shadow:0 6px 20px rgba(0,0,0,.1),0 12px 32px rgba(0,0,0,.06)}.connectionHeader{display:flex;gap:var(--space-4,16px);margin-bottom:var(--space-4,16px)}.connectionLogo{width:48px;height:48px;border-radius:var(--radius,5px);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0}.connectionInfo{flex:1 1;min-width:0}.connectionName{font-size:1.125rem;font-weight:600;color:var(--text-primary,hsla(0,0%,100%,.95));margin:0 0 var(--space-2,8px) 0;text-transform:capitalize}:root[data-theme=light] .connectionName{color:rgba(0,0,0,.85)}.connectionStatus{display:inline-flex;align-items:center;gap:var(--space-2,8px);padding:var(--space-1,4px) var(--space-3,12px);border-radius:999px;font-size:.8125rem;font-weight:600}.connectionStatus[data-status=connected]{background:rgba(34,197,94,.15);color:#22c55e}.connectionStatus[data-status=disconnected]{background:rgba(156,163,175,.15);color:#9ca3af}.connectionStatus[data-status=error]{background:rgba(239,68,68,.15);color:#ef4444}.connectionDetails{display:flex;flex-direction:column;gap:var(--space-2,8px);margin-bottom:var(--space-4,16px);padding:var(--space-4,16px);background:var(--surface-3,#2a2a2a);border-radius:var(--radius,5px)}:root[data-theme=light] .connectionDetails{background:#f8f8f8}.detailRow{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.detailValue{font-weight:600}:root[data-theme=light] .detailLabel{color:rgba(0,0,0,.5)}:root[data-theme=light] .detailValue{color:rgba(0,0,0,.85)}.connectionMessage{margin-bottom:var(--space-4,16px);padding:var(--space-4,16px);background:var(--surface-3,#2a2a2a);border-radius:var(--radius,5px)}:root[data-theme=light] .connectionMessage{background:#f8f8f8}.connectionMessage p{margin:0;font-size:.875rem;color:var(--text-secondary,hsla(0,0%,100%,.75));line-height:1.6}:root[data-theme=light] .connectionMessage p{color:rgba(0,0,0,.65)}.errorBox{display:flex;gap:var(--space-3,12px);margin-bottom:var(--space-4,16px);padding:var(--space-4,16px);background:rgba(239,68,68,.1);border-radius:var(--radius,5px)}.errorIcon{font-size:1.25rem}.errorText{font-size:.875rem;color:#ef4444;line-height:1.6}.connectionActions{display:flex;gap:var(--space-3,12px)}.addConnectionBtn,.connectBtn{flex:1 1;padding:var(--space-3,12px) var(--space-5,20px);min-height:44px;background:var(--brand-coral,#fa7200);border:none;border-radius:var(--radius,5px);font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;transition:all var(--duration-micro,.15s) var(--ease-micro);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2,8px)}.addConnectionBtn:hover,.connectBtn:hover{filter:brightness(1.1);transform:translateY(-1px)}.addConnectionBtn:focus-visible,.connectBtn:focus-visible{outline:2px solid var(--brand-coral,#fa7200);outline-offset:2px}:root[data-theme=light] .addConnectionBtn,:root[data-theme=light] .connectBtn{color:#000}.testBtn{flex:1 1;padding:var(--space-3,12px) var(--space-5,20px);min-height:44px;background:var(--surface-3,#2a2a2a);border:none;border-radius:var(--radius,5px);font-size:.875rem;font-weight:600;color:var(--text-primary,hsla(0,0%,100%,.95));cursor:pointer;transition:all var(--duration-micro,.15s) var(--ease-micro)}.testBtn:hover{background:var(--surface-4,#333);color:var(--brand-coral,#fa7200)}.testBtn:focus-visible{outline:2px solid var(--brand-coral,#fa7200);outline-offset:2px}:root[data-theme=light] .testBtn{background:#f0f0f0;color:rgba(0,0,0,.85)}:root[data-theme=light] .testBtn:hover{background:#e5e5e5;color:var(--brand-coral,#fa7200)}.disconnectBtn{flex:1 1;padding:var(--space-3,12px) var(--space-5,20px);min-height:44px;background:rgba(239,68,68,.1);border:none;border-radius:var(--radius,5px);font-size:.875rem;font-weight:600;color:#ef4444;cursor:pointer;transition:all var(--duration-micro,.15s) var(--ease-micro)}.disconnectBtn:hover{background:rgba(239,68,68,.2)}.instagramHint{font-size:.8125rem;color:var(--text-tertiary,hsla(0,0%,100%,.55));margin-top:var(--space-2,8px)}:root[data-theme=light] .instagramHint{color:rgba(0,0,0,.55)}.instagramModeToggle{display:flex;gap:var(--space-3,12px);width:100%}.modeButton{flex:1 1;padding:var(--space-3,12px) var(--space-4,16px);min-height:44px;background:var(--surface-3,#2a2a2a);border:none;border-radius:var(--radius,5px);font-size:.875rem;font-weight:600;color:var(--text-primary,hsla(0,0%,100%,.95));cursor:pointer;transition:all var(--duration-micro,.15s) var(--ease-micro);display:inline-flex;align-items:center;justify-content:center}.modeButton:hover{background:var(--surface-4,#333);color:var(--brand-coral,#fa7200)}.modeButton:focus-visible{outline:2px solid var(--brand-coral,#fa7200);outline-offset:2px}.modeButton.active{background:var(--brand-coral,#fa7200);color:#fff}.modeButton.active:hover{filter:brightness(1.1)}:root[data-theme=light] .modeButton{background:#f0f0f0;color:rgba(0,0,0,.85)}:root[data-theme=light] .modeButton:hover{background:#e5e5e5;color:var(--brand-coral,#fa7200)}:root[data-theme=light] .modeButton.active{background:var(--brand-coral,#fa7200);color:#000}:root[data-theme=light] .modeButton.active:hover{filter:brightness(1.1)}.disconnectBtn:focus-visible{outline:2px solid #ef4444;outline-offset:2px}.footer{background:var(--surface-2,#242424);border-radius:var(--radius,5px);padding:var(--space-6,24px)}:root[data-theme=dark] .footer{box-shadow:var(--shadow-card-rest,0 2px 8px rgba(0,0,0,.15))}:root[data-theme=light] .footer{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06)}.footerContent{max-width:800px}.footerTitle{font-size:1.125rem;font-weight:600;color:var(--text-primary,hsla(0,0%,100%,.95));margin:0 0 var(--space-4,16px) 0}:root[data-theme=light] .footerTitle{color:rgba(0,0,0,.85)}.featureList{margin:0;padding:0;list-style:none;display:grid;grid-gap:var(--space-3,12px);gap:var(--space-3,12px)}.featureList li{position:relative;padding-left:var(--space-5,20px);font-size:.9375rem;color:var(--text-secondary,hsla(0,0%,100%,.75));line-height:1.6}.featureList li:before{content:"";position:absolute;left:0;top:.5rem;width:8px;height:8px;background:#22c55e;border-radius:var(--radius)}.featureList li strong{color:var(--text-primary,hsla(0,0%,100%,.95));font-weight:600}:root[data-theme=light] .featureList li{color:rgba(0,0,0,.65)}:root[data-theme=light] .featureList li strong{color:rgba(0,0,0,.85)}.toggleSwitch{background:var(--surface-3,#2a2a2a);transition:background var(--duration-micro,.15s) var(--ease-micro)}.toggleSwitch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:var(--text-quaternary,hsla(0,0%,100%,.35));border-radius:var(--radius);transition:all var(--duration-micro,.15s) var(--ease-micro)}.toggleSwitch[data-enabled=true]{background:var(--brand-coral,#fa7200)}.toggleSwitch[data-enabled=true]:after{left:23px;background:#fff}.toggleSwitch:focus-visible{outline:2px solid var(--brand-coral,#fa7200)}:root[data-theme=light] .toggleSwitch{background:#e0e0e0}:root[data-theme=light] .toggleSwitch:after{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.15)}.input,.select,.textarea{width:100%;min-height:44px;padding:var(--space-3,12px) var(--space-4,16px);background:var(--surface-3,#2a2a2a);border:none;border-radius:var(--radius,5px);font-size:.875rem;font-family:inherit;color:var(--text-primary,hsla(0,0%,100%,.95));transition:all var(--duration-micro,.15s) var(--ease-micro)}.input::placeholder,.textarea::placeholder{color:var(--text-quaternary,hsla(0,0%,100%,.35))}.input:hover,.select:hover,.textarea:hover{background:var(--surface-4,#333)}.input:focus,.select:focus,.textarea:focus{outline:none;box-shadow:0 0 0 2px var(--brand-coral,#fa7200)}:root[data-theme=light] .input,:root[data-theme=light] .select,:root[data-theme=light] .textarea{background:#f5f5f5;color:rgba(0,0,0,.9)}:root[data-theme=light] .input::placeholder,:root[data-theme=light] .textarea::placeholder{color:rgba(0,0,0,.4)}:root[data-theme=light] .input:hover,:root[data-theme=light] .select:hover,:root[data-theme=light] .textarea:hover{background:#f0f0f0}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.55)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:44px}:root[data-theme=light] .select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(0,0,0,0.55)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.saveButton{padding:var(--space-3,12px) var(--space-5,20px);min-height:44px;background:var(--brand-coral,#fa7200);border:none;border-radius:var(--radius,5px);font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;transition:all var(--duration-micro,.15s) var(--ease-micro);white-space:nowrap}.saveButton:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.saveButton:focus-visible{outline:2px solid var(--brand-coral,#fa7200);outline-offset:2px}.saveButton:disabled{opacity:.5;cursor:not-allowed;transform:none}:root[data-theme=light] .saveButton{color:#000}.resetButton{padding:var(--space-3,12px) var(--space-5,20px);min-height:44px;background:rgba(239,68,68,.1);border:none;border-radius:var(--radius,5px);font-size:.875rem;font-weight:600;color:#ef4444;cursor:pointer;transition:all var(--duration-micro,.15s) var(--ease-micro);white-space:nowrap}.resetButton:hover{background:rgba(239,68,68,.2)}.resetButton:focus-visible{outline:2px solid #ef4444;outline-offset:2px}@media (max-width:767px){.connectionsPage,.platformPage{padding:var(--space-4,16px)}.header{flex-direction:column;align-items:stretch;gap:var(--space-4,16px)}.headerActions{flex-direction:column;width:100%}.resetButton,.saveButton{width:100%}.title{font-size:1.5rem}.settingsSection{padding:var(--space-4,16px)}.settingRow{flex-direction:column;align-items:flex-start;gap:var(--space-3,12px)}.settingControl{width:100%}.brandingUpload{flex-direction:column;text-align:center}.brandingUpload,.uploadArea{align-items:center}.connectionsList,.templateList{grid-template-columns:1fr}.connectionActions{flex-direction:column}.addConnectionBtn,.connectBtn,.disconnectBtn,.modeButton,.testBtn{width:100%}.instagramModeToggle{flex-direction:column}.statsCard{min-width:auto}.defaultSetting,.prefToggle{gap:var(--space-3,12px)}.billingRow,.defaultSetting,.prefToggle{flex-direction:column;align-items:flex-start}.billingRow{gap:var(--space-1,4px)}}@media (min-width:768px) and (max-width:1023px){.connectionsList,.templateList{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.addConnectionBtn,.colorSwatch,.connectBtn,.connectionCard,.disconnectBtn,.modeButton,.resetButton,.saveButton,.templateCard,.testBtn,.toggleSwitch,.toggleSwitch:after,.updateBillingBtn,.uploadButton{transition:none}}.securityPage{padding:var(--space-6,24px);max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-6,24px)}.pageHeader{gap:var(--space-4,16px)}.headerContent{gap:var(--space-2,8px)}.title{font-size:2rem;font-weight:700;color:var(--text-primary,hsla(0,0%,100%,.95))}.description{font-size:1rem;max-width:600px}.scoreIndicator{display:flex;align-items:center;gap:var(--space-4,16px);padding:var(--space-4,16px) var(--space-5,20px);background:var(--surface-2,#242424);border-radius:var(--radius,5px);min-width:200px;transition:transform .2s var(--ease-micro),box-shadow .2s var(--ease-micro)}:root[data-theme=dark] .scoreIndicator{box-shadow:var(--shadow-card-rest,0 4px 12px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.1))}:root[data-theme=light] .scoreIndicator{box-shadow:0 2px 8px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04)}.scoreValue{font-size:2.5rem;font-weight:700;line-height:1}.scoreValue[data-status=good]{color:var(--color-success)}.scoreValue[data-status=warning]{color:var(--color-warning)}.scoreValue[data-status=critical]{color:var(--color-error)}.scoreLabel{display:flex;flex-direction:column;gap:2px}.scoreLabelTitle{font-size:.6875rem;font-weight:600;color:var(--text-tertiary,hsla(0,0%,100%,.55));text-transform:uppercase;letter-spacing:.08em}.scoreLabelStatus{font-size:.875rem;font-weight:600}.scoreLabelStatus[data-status=good]{color:var(--color-success)}.scoreLabelStatus[data-status=warning]{color:var(--color-warning)}.scoreLabelStatus[data-status=critical]{color:var(--color-error)}.scoreCard{background:var(--surface-2,#242424);border-radius:var(--radius,5px);padding:var(--space-5,20px);display:flex;flex-direction:column;gap:var(--space-5,20px);transition:transform .2s var(--ease-micro),box-shadow .2s var(--ease-micro)}:root[data-theme=dark] .scoreCard{box-shadow:var(--shadow-card-rest,0 4px 12px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.1))}:root[data-theme=light] .scoreCard{box-shadow:0 2px 8px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04)}.scoreCardHeader{display:flex;justify-content:space-between;align-items:center}.scoreCardTitle{font-size:1.125rem;font-weight:600;color:var(--text-primary,hsla(0,0%,100%,.95));margin:0}.scoreCardValue{font-size:1.5rem;font-weight:700}.scoreCardValue[data-status=good]{color:var(--color-success)}.scoreCardValue[data-status=warning]{color:var(--color-warning)}.scoreCardValue[data-status=critical]{color:var(--color-error)}.scoreBreakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:var(--space-4,16px);gap:var(--space-4,16px)}.scoreItem{display:flex;flex-direction:column;gap:var(--space-2,8px);padding:var(--space-3,12px);background:var(--surface-3,#2a2a2a);border-radius:var(--radius,5px)}.scoreItemLabel{font-size:.75rem;font-weight:600;color:var(--text-tertiary,hsla(0,0%,100%,.55));text-transform:uppercase;letter-spacing:.05em}.scoreItemValue{font-size:1rem;font-weight:600;color:var(--text-primary,hsla(0,0%,100%,.95));display:flex;align-items:center;gap:var(--space-2,8px)}.scoreItemIcon{width:16px;height:16px}.scoreItemIcon[data-status=good]{color:var(--color-success)}.scoreItemIcon[data-status=warning]{color:var(--color-warning)}.scoreItemIcon[data-status=critical]{color:var(--color-error)}.securitySection{background:var(--surface-2,#242424);border-radius:var(--radius,5px);overflow:hidden;transition:all .3s var(--ease-micro,cubic-bezier(.33,1,.68,1))}:root[data-theme=dark] .securitySection{box-shadow:var(--shadow-card-rest,0 4px 12px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.1))}:root[data-theme=light] .securitySection{box-shadow:0 2px 8px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04)}.sectionHeader{padding:var(--space-5,20px);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .15s var(--ease-micro)}.sectionHeader:hover{background:var(--surface-3,#2a2a2a)}.sectionHeader:focus-visible{outline:2px solid var(--brand-coral,#fa7200)}.sectionIcon{width:24px;height:24px;color:var(--brand-coral,#fa7200)}.sectionTitleGroup{display:flex;flex-direction:column;gap:2px}.sectionTitle{font-size:1rem}.sectionSubtitle{font-size:.75rem;color:var(--text-tertiary,hsla(0,0%,100%,.55));margin:0}.sectionHeaderRight{display:flex;align-items:center;gap:var(--space-3,12px)}.sectionStatus{padding:4px var(--space-3,12px);border-radius:var(--radius,5px);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.sectionStatus[data-status=enabled]{background:var(--color-success-muted);color:var(--color-success)}.sectionStatus[data-status=disabled]{background:var(--surface-3);color:var(--text-tertiary)}.sectionStatus[data-status=warning]{background:var(--color-warning-muted);color:var(--color-warning)}.sectionStatus[data-status=critical]{background:var(--color-error-muted);color:var(--color-error)}.sectionChevron{width:20px;height:20px;color:var(--brand-coral,#fa7200);transition:transform .3s var(--ease-micro)}.securitySection[data-expanded=true] .sectionChevron{transform:rotate(180deg)}.securitySection[data-expanded=false] .sectionChevron{transform:rotate(0deg)}.sectionContent{padding:0 var(--space-5,20px) var(--space-5,20px);display:flex;flex-direction:column;gap:var(--space-4,16px);border-top:1px solid hsla(0,0%,100%,.05);animation:slideDown .3s var(--ease-micro)}.securitySection[data-expanded=false] .sectionContent{display:none}.mfaSection{display:flex;flex-direction:column;gap:var(--space-4,16px)}.mfaToggle{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4,16px);background:var(--surface-3,#2a2a2a);border-radius:var(--radius,5px)}.mfaToggleInfo{display:flex;flex-direction:column;gap:4px}.mfaToggleTitle{font-size:.875rem;font-weight:600;color:var(--text-primary,hsla(0,0%,100%,.95));margin:0}.mfaToggleDescription{font-size:.75rem;color:var(--text-tertiary,hsla(0,0%,100%,.55));margin:0;max-width:400px}.mfaMethods{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--space-3,12px)}.mfaMethod,.mfaMethods{gap:var(--space-3,12px)}.mfaMethod{display:flex;align-items:center;padding:var(--space-4,16px);background:var(--surface-3,#2a2a2a);border:2px solid transparent;border-radius:var(--radius,5px);cursor:pointer;transition:all .15s var(--ease-micro)}.mfaMethod:hover{background:var(--surface-4,#333);border-color:rgba(250,114,0,.3)}.mfaMethod[data-selected=true]{border-color:var(--brand-coral,#fa7200);background:rgba(250,114,0,.1)}.mfaMethod:focus-visible{outline:2px solid var(--brand-coral,#fa7200);outline-offset:2px}.mfaMethodIcon{font-size:1.5rem;flex-shrink:0}.mfaMethodInfo{display:flex;flex-direction:column;gap:2px}.mfaMethodName{font-size:.875rem;font-weight:600;color:var(--text-primary,hsla(0,0%,100%,.95))}.mfaMethodDescription{font-size:.6875rem;color:var(--text-tertiary,hsla(0,0%,100%,.55))}.sessionsTable{width:100%;border-collapse:collapse}.sessionsTable thead{background:var(--surface-3,#2a2a2a)}.sessionsTable th{text-align:left;font-size:.6875rem;font-weight:600;color:var(--text-tertiary,hsla(0,0%,100%,.55));text-transform:uppercase;letter-spacing:.08em}.sessionsTable td,.sessionsTable th{padding:var(--space-3,12px) var(--space-4,16px);border-bottom:1px solid hsla(0,0%,100%,.05)}.sessionsTable td{font-size:.875rem;color:var(--text-primary,hsla(0,0%,100%,.95))}.sessionRow{transition:background .15s var(--ease-micro)}.sessionRow:hover{background:var(--surface-3,#2a2a2a)}.sessionRow[data-current=true]{background:rgba(250,114,0,.05)}.sessionDevice{display:flex;align-items:center;gap:var(--space-3,12px)}.sessionDeviceIcon{font-size:1.25rem}.sessionDeviceInfo{display:flex;flex-direction:column;gap:2px}.sessionDeviceName{font-weight:600;display:flex;align-items:center;gap:var(--space-2,8px)}.sessionDeviceBrowser{font-size:.75rem;color:var(--text-tertiary,hsla(0,0%,100%,.55))}.currentSessionBadge{padding:2px var(--space-2,8px);background:var(--brand-coral,#fa7200);color:#fff;font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius,5px)}.sessionLocation{display:flex;flex-direction:column;gap:2px}.sessionCity{font-weight:500}.sessionIp{font-family:monospace;font-size:.75rem;color:var(--text-tertiary,hsla(0,0%,100%,.55))}.sessionTime{font-size:.75rem;color:var(--text-secondary,hsla(0,0%,100%,.75))}.sessionActions{display:flex;gap:var(--space-2,8px)}.sessionTerminateBtn{padding:var(--space-2,8px) var(--space-3,12px);background:rgba(239,68,68,.1);border:none;border-radius:var(--radius,5px);font-size:.75rem;font-weight:600;color:#ef4444;cursor:pointer;transition:all .15s var(--ease-micro)}.sessionTerminateBtn:hover{background:rgba(239,68,68,.2)}.sessionTerminateBtn:focus-visible{outline:2px solid #ef4444;outline-offset:2px}.logoutAllBtn{padding:var(--space-2,8px) var(--space-4,16px);background:rgba(239,68,68,.1);border:none;border-radius:var(--radius,5px);font-size:.875rem;font-weight:600;color:#ef4444;cursor:pointer;transition:all .15s var(--ease-micro);margin-top:var(--space-3,12px);align-self:flex-start}.logoutAllBtn:hover{background:rgba(239,68,68,.2)}.logoutAllBtn:focus-visible{outline:2px solid #ef4444;outline-offset:2px}.apiKeysList{display:flex;flex-direction:column;gap:var(--space-3,12px)}.apiKey{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-4,16px);background:var(--surface-3,#2a2a2a);border-radius:var(--radius,5px);gap:var(--space-4,16px);transition:transform .2s var(--ease-micro),box-shadow .2s var(--ease-micro)}:root[data-theme=dark] .apiKey{box-shadow:var(--shadow-low,0 2px 4px rgba(0,0,0,.1))}:root[data-theme=light] .apiKey{box-shadow:0 1px 3px rgba(0,0,0,.04),0 2px 8px rgba(0,0,0,.03)}.apiKey:hover{transform:translateY(-2px)}:root[data-theme=dark] .apiKey:hover{box-shadow:var(--shadow-card-hover,0 8px 24px rgba(0,0,0,.2),0 4px 8px rgba(0,0,0,.15))}:root[data-theme=light] .apiKey:hover{box-shadow:0 6px 20px rgba(0,0,0,.1),0 12px 32px rgba(0,0,0,.06)}.apiKeyInfo{display:flex;flex-direction:column;gap:var(--space-2,8px);flex:1 1}.keyName{font-size:1rem;font-weight:600;color:var(--text-primary,hsla(0,0%,100%,.95));display:flex;align-items:center;gap:var(--space-3,12px)}.keyPrefix{font-family:monospace;font-size:.75rem;padding:2px var(--space-2,8px);background:var(--surface-4,#333);border-radius:var(--radius,5px);color:var(--text-secondary,hsla(0,0%,100%,.75))}.keyMeta{gap:var(--space-4,16px);font-size:.75rem;color:var(--text-tertiary,hsla(0,0%,100%,.55))}.keyMeta,.keyScopes{display:flex;flex-wrap:wrap}.keyScopes{gap:var(--space-2,8px)}.scopeTag{padding:2px var(--space-2,8px);background:rgba(250,114,0,.1);color:var(--brand-coral,#fa7200);font-size:.625rem;font-weight:600;letter-spacing:.03em;border:none;cursor:pointer;opacity:.5;transition:opacity var(--duration-micro,.15s) var(--ease-micro)}.scopeTagActive{opacity:1}.scopeTag:hover{opacity:.8}.apiKeyDisplay{font-family:monospace;cursor:pointer;display:block;width:100%}.keyActions{display:flex;flex-direction:column;gap:var(--space-2,8px);align-items:flex-end}.revokeKeyBtn{padding:var(--space-2,8px) var(--space-3,12px);background:transparent;border:none;border-radius:var(--radius,5px);font-size:.75rem;font-weight:600;color:#ef4444;cursor:pointer;transition:all .15s var(--ease-micro)}.revokeKeyBtn:hover{background:rgba(239,68,68,.1)}.revokeKeyBtn:focus-visible{outline:2px solid #ef4444;outline-offset:2px}.generateKeyBtn{padding:var(--space-3,12px) var(--space-5,20px);background:var(--brand-coral,#fa7200);border:none;border-radius:var(--radius,5px);font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;transition:all .15s var(--ease-micro);align-self:flex-start}.generateKeyBtn:hover{filter:brightness(1.1);transform:translateY(-1px)}.generateKeyBtn:focus-visible{outline:2px solid var(--brand-coral,#fa7200);outline-offset:2px}.auditLog{flex-direction:column}.auditFilters,.auditLog{display:flex;gap:var(--space-3,12px)}.auditFilters{flex-wrap:wrap;padding-bottom:var(--space-4,16px);border-bottom:1px solid hsla(0,0%,100%,.05)}.auditFilterSelect{height:38px;padding:0 var(--space-8,32px) 0 var(--space-3,12px);background:var(--surface-3,#2a2a2a);border:none;border-radius:var(--radius,5px);color:var(--text-primary,hsla(0,0%,100%,.95));font-size:.875rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;min-width:150px;transition:all .15s var(--ease-micro)}.auditFilterSelect:hover{background-color:var(--surface-4,#333)}.auditFilterSelect:focus-visible{outline:2px solid var(--brand-coral,#fa7200);outline-offset:2px}.auditSearchInput{flex:1 1;min-width:200px;height:38px;padding:0 var(--space-4,16px);background:var(--surface-3,#2a2a2a);border:none;border-radius:var(--radius,5px);color:var(--text-primary,hsla(0,0%,100%,.95));font-size:.875rem;transition:all .15s var(--ease-micro)}.auditSearchInput::placeholder{color:var(--text-quaternary,hsla(0,0%,100%,.35))}.auditSearchInput:focus-visible{outline:2px solid var(--brand-coral,#fa7200);outline-offset:2px}.auditEntry{display:flex;align-items:flex-start;gap:var(--space-4,16px);padding:var(--space-4,16px);background:var(--surface-3,#2a2a2a);border-radius:var(--radius,5px);transition:transform .2s var(--ease-micro),box-shadow .2s var(--ease-micro),background .15s var(--ease-micro)}:root[data-theme=dark] .auditEntry{box-shadow:var(--shadow-low,0 2px 4px rgba(0,0,0,.1))}:root[data-theme=light] .auditEntry{box-shadow:0 1px 3px rgba(0,0,0,.04),0 2px 8px rgba(0,0,0,.03)}.auditEntry:hover{background:var(--surface-4,#333);transform:translateY(-1px)}:root[data-theme=dark] .auditEntry:hover{box-shadow:var(--shadow-medium,0 4px 12px rgba(0,0,0,.15))}:root[data-theme=light] .auditEntry:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)}.auditSeverityIcon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius,5px);flex-shrink:0}.auditSeverityIcon[data-severity=low]{background:hsla(220,9%,46%,.15);color:#9ca3af}.auditSeverityIcon[data-severity=medium]{background:rgba(245,158,11,.15);color:#f59e0b}.auditSeverityIcon[data-severity=high]{background:rgba(249,115,22,.15);color:#f97316}.auditSeverityIcon[data-severity=critical]{background:rgba(239,68,68,.15);color:#ef4444}.auditEntryContent{flex:1 1;display:flex;flex-direction:column;gap:var(--space-2,8px)}.auditAction{font-size:.875rem;font-weight:600;color:var(--text-primary,hsla(0,0%,100%,.95))}.auditDetails{font-size:.8125rem;color:var(--text-secondary,hsla(0,0%,100%,.75))}.auditMeta{display:flex;flex-wrap:wrap;gap:var(--space-4,16px);font-size:.75rem;color:var(--text-tertiary,hsla(0,0%,100%,.55))}.auditTime,.auditUser{display:flex;align-items:center;gap:var(--space-2,8px)}.auditIp{font-family:monospace}.ipAllowlist{display:flex;flex-direction:column;gap:var(--space-3,12px)}.ipEntry{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3,12px) var(--space-4,16px);background:var(--surface-3,#2a2a2a);border-radius:var(--radius,5px)}.ipAddress{font-family:monospace;font-size:.875rem;color:var(--text-primary,hsla(0,0%,100%,.95))}.ipLabel{font-size:.75rem;margin-left:var(--space-3,12px)}.ipLabel,.ipRemoveBtn{color:var(--text-tertiary,hsla(0,0%,100%,.55))}.ipRemoveBtn{padding:var(--space-2,8px);background:transparent;border:none;cursor:pointer;transition:color .15s var(--ease-micro)}.ipRemoveBtn:hover{color:#ef4444}.addIpBtn{padding:var(--space-3,12px) var(--space-4,16px);background:var(--surface-3,#2a2a2a);border:2px dashed hsla(0,0%,100%,.1);border-radius:var(--radius,5px);font-size:.875rem;font-weight:500;color:var(--text-secondary,hsla(0,0%,100%,.75));cursor:pointer;transition:all .15s var(--ease-micro);display:flex;align-items:center;justify-content:center;gap:var(--space-2,8px)}.addIpBtn:hover{border-color:var(--brand-coral,#fa7200);color:var(--brand-coral,#fa7200)}.addIpBtn:focus-visible{outline:2px solid var(--brand-coral,#fa7200);outline-offset:2px}.ssoConfig{flex-direction:column}.ssoConfig,.ssoProvider{display:flex;gap:var(--space-4,16px)}.ssoProvider{justify-content:space-between;align-items:center;padding:var(--space-4,16px);background:var(--surface-3,#2a2a2a);border-radius:var(--radius,5px)}.ssoProviderInfo{display:flex;align-items:center;gap:var(--space-3,12px)}.ssoProviderIcon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface-4,#333);border-radius:var(--radius,5px);font-size:1.25rem}.ssoProviderDetails{display:flex;flex-direction:column;gap:2px}.ssoProviderName{font-size:.875rem;font-weight:600;color:var(--text-primary,hsla(0,0%,100%,.95))}.ssoProviderType{color:var(--text-tertiary,hsla(0,0%,100%,.55))}.ssoProviderType,.ssoStatus{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em}.ssoStatus{padding:4px var(--space-3,12px);border-radius:var(--radius,5px);font-weight:600}.ssoStatus[data-status=connected]{background:rgba(34,197,94,.15);color:#22c55e}.ssoStatus[data-status=disconnected]{background:hsla(220,9%,46%,.15);color:#9ca3af}.ssoStatus[data-status=pending]{background:rgba(245,158,11,.15);color:#f59e0b}.ssoConfigureBtn{padding:var(--space-2,8px) var(--space-4,16px);background:transparent;border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius,5px);font-size:.75rem;font-weight:600;color:var(--text-secondary,hsla(0,0%,100%,.75));cursor:pointer;transition:all .15s var(--ease-micro)}.ssoConfigureBtn:hover{border-color:var(--brand-coral,#fa7200);color:var(--brand-coral,#fa7200)}.ssoConfigureBtn:focus-visible{outline:2px solid var(--brand-coral,#fa7200);outline-offset:2px}.securityAlerts{display:flex;flex-direction:column;gap:var(--space-3,12px)}.alertCard{display:flex;align-items:flex-start;gap:var(--space-4,16px);padding:var(--space-4,16px);border-radius:var(--radius,5px)}.alertCard[data-severity=warning]{background:var(--color-warning-subtle);border-left:3px solid var(--color-warning)}.alertCard[data-severity=critical]{background:var(--color-error-subtle);border-left:3px solid var(--color-error)}.alertCard[data-severity=info]{background:var(--color-info-subtle);border-left:3px solid var(--color-info)}.alertSeverity{width:24px;height:24px;flex-shrink:0}.alertSeverity[data-severity=warning]{color:var(--color-warning)}.alertSeverity[data-severity=critical]{color:var(--color-error)}.alertSeverity[data-severity=info]{color:var(--color-info)}.alertContent{flex:1 1;display:flex;flex-direction:column;gap:var(--space-2,8px)}.alertTitle{color:var(--text-primary,hsla(0,0%,100%,.95))}.alertDescription{color:var(--text-secondary,hsla(0,0%,100%,.75))}.alertActions{display:flex;gap:var(--space-3,12px);margin-top:var(--space-2,8px)}.alertActionBtn{padding:var(--space-2,8px) var(--space-3,12px);background:transparent;border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius,5px);font-size:.75rem;font-weight:600;color:var(--text-secondary,hsla(0,0%,100%,.75));cursor:pointer;transition:all .15s var(--ease-micro)}.alertActionBtn:hover{border-color:var(--brand-coral,#fa7200);color:var(--brand-coral,#fa7200)}.alertDismissBtn{padding:var(--space-2,8px);background:transparent;border:none;color:var(--text-tertiary,hsla(0,0%,100%,.55));cursor:pointer;transition:color .15s var(--ease-micro);align-self:flex-start}.alertDismissBtn:hover{color:var(--text-primary,hsla(0,0%,100%,.95))}.complianceStatus{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--space-4,16px);gap:var(--space-4,16px)}.complianceBadge{gap:var(--space-3,12px);padding:var(--space-4,16px);background:var(--surface-3,#2a2a2a)}.complianceBadge,.complianceIcon{display:flex;align-items:center;border-radius:var(--radius,5px)}.complianceIcon{width:40px;height:40px;justify-content:center;font-size:1.25rem}.complianceIcon[data-status=compliant]{background:rgba(34,197,94,.15);color:#22c55e}.complianceIcon[data-status=partial]{background:rgba(245,158,11,.15);color:#f59e0b}.complianceIcon[data-status=non-compliant]{background:rgba(239,68,68,.15);color:#ef4444}.complianceInfo{display:flex;flex-direction:column;gap:2px}.complianceName{font-size:.875rem;font-weight:600;color:var(--text-primary,hsla(0,0%,100%,.95))}.complianceStatusText{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em}.complianceStatusText[data-status=compliant]{color:#22c55e}.complianceStatusText[data-status=partial]{color:#f59e0b}.complianceStatusText[data-status=non-compliant]{color:#ef4444}.toggleSwitch{display:flex;align-items:center;gap:var(--space-3,12px);background:transparent;border:none;padding:0}.toggleTrack{width:44px;height:24px;background:var(--surface-4,#333);border-radius:12px;position:relative;transition:all .2s var(--ease-micro)}.toggleSwitch[data-enabled=true] .toggleTrack{background:var(--brand-coral,#fa7200)}.toggleThumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:var(--radius);transition:transform .2s var(--ease-micro)}.toggleSwitch[data-enabled=true] .toggleThumb{transform:translateX(20px)}.toggleLabel{font-weight:600;color:var(--text-tertiary,hsla(0,0%,100%,.55))}.toggleSwitch[data-enabled=true] .toggleLabel{color:var(--brand-coral,#fa7200)}.toggleSwitch:focus-visible .toggleTrack{outline:2px solid var(--brand-coral,#fa7200);outline-offset:2px}.formLabel{font-weight:600}.formInput{padding:0 var(--space-4,16px);background:var(--surface-3,#2a2a2a);border:1px solid var(--border-default,hsla(0,0%,100%,.08));color:var(--text-primary,hsla(0,0%,100%,.95));font-size:.875rem;transition:all .15s var(--ease-micro);box-shadow:var(--shadow-inset,inset 0 2px 4px rgba(0,0,0,.1))}.formInput::placeholder{color:var(--text-quaternary,hsla(0,0%,100%,.35))}.formInput:hover{border-color:var(--border-hover,hsla(0,0%,100%,.15));background:var(--surface-4,#333)}.formInput:focus,.formInput:focus-visible{outline:none;border-color:var(--brand-coral,#fa7200);background:var(--surface-4,#333);box-shadow:0 0 0 3px rgba(250,114,0,.15)}.formSelect{height:44px;padding:0 var(--space-8,32px) 0 var(--space-4,16px);background:var(--surface-3,#2a2a2a);border:none;border-radius:var(--radius,5px);color:var(--text-primary,hsla(0,0%,100%,.95));font-size:.875rem;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='rgba(255,255,255,0.5)' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;transition:all .15s var(--ease-micro)}.formSelect:focus-visible{outline:2px solid var(--brand-coral,#fa7200);outline-offset:2px}.primaryBtn{height:44px;padding:0 var(--space-5,20px);background:var(--brand-coral,#fa7200);border:none;border-radius:var(--radius,5px);font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;transition:all .15s var(--ease-micro);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2,8px)}.primaryBtn:hover{filter:brightness(1.1);transform:translateY(-1px)}.primaryBtn:focus-visible{outline:2px solid var(--brand-coral,#fa7200);outline-offset:2px}.primaryBtn:disabled{opacity:.5;cursor:not-allowed;transform:none}.secondaryBtn{height:44px;padding:0 var(--space-5,20px);background:transparent;border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius,5px);font-size:.875rem;font-weight:600;color:var(--text-secondary,hsla(0,0%,100%,.75));cursor:pointer;transition:all .15s var(--ease-micro);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2,8px)}.secondaryBtn:hover{border-color:var(--brand-coral,#fa7200);color:var(--brand-coral,#fa7200)}.secondaryBtn:focus-visible{outline:2px solid var(--brand-coral,#fa7200);outline-offset:2px}.dangerBtn{height:44px;padding:0 var(--space-5,20px);background:rgba(239,68,68,.1);border:none;border-radius:var(--radius,5px);font-size:.875rem;font-weight:600;color:#ef4444;cursor:pointer;transition:all .15s var(--ease-micro);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2,8px)}.dangerBtn:hover{background:rgba(239,68,68,.2)}.dangerBtn:focus-visible{outline:2px solid #ef4444;outline-offset:2px}.spinner{width:48px;height:48px;border-top:3px solid var(--brand-coral,#fa7200)}.emptyState{background:var(--surface-3,#2a2a2a);border-radius:var(--radius,5px)}.emptyStateIcon{font-size:3rem;opacity:.5}.emptyStateTitle{margin:0 0 var(--space-2,8px)}.tabsNav{display:flex;gap:0;background:var(--surface-2,#242424);border-bottom:1px solid hsla(0,0%,100%,.05);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tabsNav::-webkit-scrollbar{display:none}.tabBtn{padding:var(--space-4,16px) var(--space-5,20px);background:transparent;border:none;border-bottom:2px solid transparent;font-size:.875rem;font-weight:600;color:var(--text-tertiary,hsla(0,0%,100%,.55));cursor:pointer;transition:all .15s var(--ease-micro);white-space:nowrap;display:flex;align-items:center;gap:var(--space-2,8px)}.tabBtn:hover{color:var(--text-secondary,hsla(0,0%,100%,.75));background:var(--surface-3,#2a2a2a)}.tabBtn[data-active=true]{color:var(--brand-coral,#fa7200);border-bottom-color:var(--brand-coral,#fa7200)}.tabBtn:focus-visible{outline:2px solid var(--brand-coral,#fa7200);outline-offset:-2px}.tabBadge{padding:2px var(--space-2,8px);background:var(--brand-coral,#fa7200);color:#fff;font-size:.625rem;font-weight:700;min-width:18px;text-align:center}.tabContent{padding-top:var(--space-5,20px)}.domainVerificationSection{display:flex;flex-direction:column;gap:var(--space-4,16px)}.domainDescription{font-size:.875rem;color:var(--text-secondary,hsla(0,0%,100%,.75));margin:0;line-height:1.5}.domainsList{display:flex;flex-direction:column;gap:var(--space-3,12px)}.domainCard{background:var(--surface-3,#2a2a2a);border-radius:var(--radius,5px);overflow:hidden;border-left:3px solid transparent;transition:all .2s var(--ease-micro)}.domainCard[data-status=verified]{border-left-color:#22c55e}.domainCard[data-status=pending]{border-left-color:#f59e0b}.domainCard[data-status=failed]{border-left-color:#ef4444}.domainCard[data-status=expired]{border-left-color:#f97316}.domainCardHeader{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-4,16px);gap:var(--space-4,16px);flex-wrap:wrap}.domainInfo{display:flex;flex-direction:column;gap:var(--space-2,8px);flex:1 1;min-width:200px}.domainNameRow{display:flex;align-items:center;gap:var(--space-3,12px);flex-wrap:wrap}.domainName{font-size:1rem;font-weight:600;color:var(--text-primary,hsla(0,0%,100%,.95));font-family:monospace}.domainMeta{display:flex;flex-wrap:wrap;gap:var(--space-4,16px)}.domainMetaItem{font-size:.75rem;color:var(--text-tertiary,hsla(0,0%,100%,.55))}.domainActions{display:flex;align-items:center;gap:var(--space-2,8px);flex-wrap:wrap}.domainInstructions{padding:var(--space-4,16px);background:var(--surface-4,#333);border-top:1px solid hsla(0,0%,100%,.05);display:flex;flex-direction:column;gap:var(--space-4,16px)}.instructionsTitle{font-size:.875rem;font-weight:600;color:var(--text-primary,hsla(0,0%,100%,.95));margin:0}.instructionsDescription{font-size:.8125rem;color:var(--text-secondary,hsla(0,0%,100%,.75));margin:0;line-height:1.5}.dnsRecord{gap:var(--space-3,12px);padding:var(--space-4,16px);background:var(--surface-2,#242424);border-radius:var(--radius,5px)}.dnsRecord,.dnsRecordField{display:flex;flex-direction:column}.dnsRecordField{gap:var(--space-2,8px)}.dnsRecordLabel{font-size:.6875rem;font-weight:600;color:var(--text-tertiary,hsla(0,0%,100%,.55));text-transform:uppercase;letter-spacing:.05em}.dnsRecordValue{display:flex;align-items:center;gap:var(--space-2,8px)}.dnsRecordCode{flex:1 1;padding:var(--space-3,12px);border-radius:var(--radius,5px);font-family:monospace;font-size:.8125rem;color:var(--text-primary,hsla(0,0%,100%,.95));word-break:break-all;border:1px solid hsla(0,0%,100%,.05)}.copyBtn,.dnsRecordCode{background:var(--surface-3,#2a2a2a)}.copyBtn{justify-content:center}.copyBtn:focus-visible{outline:2px solid var(--brand-coral,#fa7200)}.dnsProviders{display:flex;align-items:center;gap:var(--space-3,12px);flex-wrap:wrap}.dnsProvidersLabel{font-size:.75rem;color:var(--text-tertiary,hsla(0,0%,100%,.55))}.dnsProviderLink{font-size:.75rem;color:var(--brand-coral,#fa7200);text-decoration:none;padding:2px var(--space-2,8px);background:rgba(250,114,0,.1);border-radius:var(--radius,5px);transition:all .15s var(--ease-micro)}.dnsProviderLink:hover{background:rgba(250,114,0,.2);text-decoration:underline}.instructionsNote{font-size:.75rem;color:var(--text-tertiary,hsla(0,0%,100%,.55));margin:0;font-style:italic}.domainVerifiedDetails{padding:var(--space-4,16px);background:var(--surface-4,#333);border-top:1px solid hsla(0,0%,100%,.05);display:flex;flex-direction:column;gap:var(--space-3,12px)}.verifiedInfo{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:var(--space-3,12px);gap:var(--space-3,12px)}.verifiedInfoItem{display:flex;flex-direction:column;gap:2px}.verifiedInfoLabel{font-size:.6875rem;font-weight:600;color:var(--text-tertiary,hsla(0,0%,100%,.55));text-transform:uppercase;letter-spacing:.05em}.verifiedInfoValue{font-size:.875rem;color:var(--text-primary,hsla(0,0%,100%,.95))}.addDomainForm{padding:var(--space-4,16px);background:var(--surface-3,#2a2a2a);border-radius:var(--radius,5px);display:flex;flex-direction:column;gap:var(--space-4,16px)}.addDomainActions{display:flex;gap:var(--space-3,12px);flex-wrap:wrap}.validationError{font-size:.75rem;color:#ef4444;margin-top:var(--space-1,4px)}.newDomainInstructions{padding:var(--space-4,16px);background:rgba(34,197,94,.1);border-radius:var(--radius,5px);border-left:3px solid #22c55e}.domainError{display:flex;align-items:center;gap:var(--space-3,12px);padding:var(--space-3,12px) var(--space-4,16px);background:rgba(239,68,68,.1);border-radius:var(--radius,5px);border-left:3px solid #ef4444;font-size:.875rem;color:#ef4444}.errorDismiss{padding:var(--space-1,4px);color:#ef4444;font-size:1rem;line-height:1}.errorDismiss:hover{opacity:.8}.domainLoading{display:flex;align-items:center;justify-content:center;gap:var(--space-3,12px);padding:var(--space-6,24px);color:var(--text-secondary,hsla(0,0%,100%,.75));font-size:.875rem}.inlineConfirm{gap:var(--space-2,8px);padding:var(--space-2,8px) var(--space-3,12px);background:rgba(239,68,68,.1)}.confirmText{font-size:.75rem;color:#ef4444;font-weight:600;white-space:nowrap}:root[data-theme=light] .securityPage{background:#f9fafb}:root[data-theme=light] .alertTitle,:root[data-theme=light] .auditAction,:root[data-theme=light] .complianceName,:root[data-theme=light] .emptyStateTitle,:root[data-theme=light] .keyName,:root[data-theme=light] .mfaToggleTitle,:root[data-theme=light] .sectionTitle,:root[data-theme=light] .sessionDeviceName,:root[data-theme=light] .ssoProviderName,:root[data-theme=light] .title{color:rgba(0,0,0,.9)}:root[data-theme=light] .alertDescription,:root[data-theme=light] .auditDetails,:root[data-theme=light] .description,:root[data-theme=light] .formLabel,:root[data-theme=light] .loadingText,:root[data-theme=light] .mfaToggleDescription{color:rgba(0,0,0,.65)}:root[data-theme=light] .auditMeta,:root[data-theme=light] .emptyStateDescription,:root[data-theme=light] .keyMeta,:root[data-theme=light] .mfaMethodDescription,:root[data-theme=light] .scoreLabelTitle,:root[data-theme=light] .sectionSubtitle,:root[data-theme=light] .sessionDeviceBrowser,:root[data-theme=light] .sessionIp,:root[data-theme=light] .ssoProviderType{color:rgba(0,0,0,.5)}:root[data-theme=light] .scoreCard,:root[data-theme=light] .scoreIndicator,:root[data-theme=light] .securitySection,:root[data-theme=light] .tabsNav{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08)}:root[data-theme=light] .apiKey,:root[data-theme=light] .auditEntry,:root[data-theme=light] .complianceBadge,:root[data-theme=light] .emptyState,:root[data-theme=light] .ipEntry,:root[data-theme=light] .mfaMethod,:root[data-theme=light] .mfaToggle,:root[data-theme=light] .scoreItem,:root[data-theme=light] .sectionContent,:root[data-theme=light] .ssoProvider{background:#f3f4f6}:root[data-theme=light] .auditFilterSelect,:root[data-theme=light] .auditSearchInput,:root[data-theme=light] .formInput,:root[data-theme=light] .formSelect{background:#fff;border:1px solid rgba(0,0,0,.1);color:rgba(0,0,0,.9)}:root[data-theme=light] .auditSearchInput::placeholder,:root[data-theme=light] .formInput::placeholder{color:rgba(0,0,0,.4)}:root[data-theme=light] .sessionsTable thead{background:#f3f4f6}:root[data-theme=light] .sessionsTable th{color:rgba(0,0,0,.6);border-bottom-color:rgba(0,0,0,.08)}:root[data-theme=light] .sessionsTable td{color:rgba(0,0,0,.85);border-bottom-color:rgba(0,0,0,.05)}:root[data-theme=light] .sessionRow:hover{background:#f9fafb}:root[data-theme=light] .tabBtn{color:rgba(0,0,0,.55)}:root[data-theme=light] .tabBtn:hover{color:rgba(0,0,0,.75);background:#f3f4f6}:root[data-theme=light] .toggleTrack{background:#d1d5db}:root[data-theme=light] .toggleLabel{color:rgba(0,0,0,.55)}:root[data-theme=light] .alertActionBtn,:root[data-theme=light] .secondaryBtn,:root[data-theme=light] .ssoConfigureBtn{border-color:rgba(0,0,0,.15);color:rgba(0,0,0,.7)}:root[data-theme=light] .primaryBtn{color:#fff}:root[data-theme=light] .domainName,:root[data-theme=light] .instructionsTitle,:root[data-theme=light] .verifiedInfoValue{color:rgba(0,0,0,.9)}:root[data-theme=light] .domainDescription,:root[data-theme=light] .instructionsDescription{color:rgba(0,0,0,.65)}:root[data-theme=light] .dnsProvidersLabel,:root[data-theme=light] .dnsRecordLabel,:root[data-theme=light] .domainMetaItem,:root[data-theme=light] .instructionsNote,:root[data-theme=light] .verifiedInfoLabel{color:rgba(0,0,0,.5)}:root[data-theme=light] .addDomainForm,:root[data-theme=light] .domainCard{background:#f3f4f6}:root[data-theme=light] .domainInstructions,:root[data-theme=light] .domainVerifiedDetails{background:#e5e7eb}:root[data-theme=light] .dnsRecord{background:#fff}:root[data-theme=light] .dnsRecordCode{background:#f3f4f6;color:rgba(0,0,0,.9);border-color:rgba(0,0,0,.08)}:root[data-theme=light] .copyBtn{background:#fff;border-color:rgba(0,0,0,.15);color:rgba(0,0,0,.65)}@media (max-width:1023px){.complianceStatus,.scoreBreakdown{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.securityPage{padding:var(--space-4,16px);gap:var(--space-4,16px)}.pageHeader{flex-direction:column;align-items:stretch}.scoreIndicator{width:100%}.title{font-size:1.5rem}.tabsNav{margin:0 calc(-1 * var(--space-4, 16px));padding:0 var(--space-4,16px)}.sectionHeader{flex-direction:column;align-items:flex-start;gap:var(--space-3,12px)}.sectionHeaderRight{width:100%;justify-content:space-between}.mfaMethods{grid-template-columns:1fr}.sessionsTable{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.sessionsTable td,.sessionsTable th{white-space:nowrap;padding:var(--space-3,12px) var(--space-2,8px)}.apiKey{flex-direction:column;align-items:stretch}.keyActions{flex-direction:row;justify-content:flex-end;width:100%}.auditFilters{flex-direction:column}.auditFilterSelect,.auditSearchInput{width:100%}.auditEntry,.auditMeta{flex-direction:column}.auditMeta{gap:var(--space-1,4px)}.ssoProvider{flex-direction:column;align-items:flex-start}.ssoProviderActions{width:100%;display:flex;justify-content:flex-end}.complianceStatus,.scoreBreakdown{grid-template-columns:1fr}.alertActions,.alertCard{flex-direction:column}.alertActions{width:100%}.alertActionBtn{width:100%;justify-content:center}.securitySection[data-expanded=false] .sectionContent{display:none}.domainCardHeader{flex-direction:column;align-items:stretch}.domainActions{width:100%;justify-content:flex-start}.dnsRecordValue{flex-direction:column;align-items:stretch}.copyBtn{align-self:flex-end}.verifiedInfo{grid-template-columns:1fr}.inlineConfirm{flex-wrap:wrap}}@media (max-width:374px){.securityPage{padding:var(--space-3,12px)}.sectionHeader{padding:var(--space-4,16px)}.sectionContent{padding:0 var(--space-4,16px) var(--space-4,16px)}.tabBtn{padding:var(--space-3,12px) var(--space-4,16px);font-size:.8125rem}}.setupFlow{display:flex;flex-direction:column;gap:var(--space-6,24px);padding:var(--space-5,20px);background:var(--surface-3,#2a2a2a);border-radius:var(--radius,5px);animation:fadeIn .3s var(--ease-micro)}.stepIndicator{gap:0}.stepCircle,.stepItem{display:flex;align-items:center}.stepCircle{width:32px;height:32px;justify-content:center;border-radius:var(--radius,5px);font-size:.875rem;font-weight:600;transition:all .2s var(--ease-micro)}.stepCircle[data-status=pending]{background:var(--surface-4,#333);color:var(--text-tertiary,hsla(0,0%,100%,.55))}.stepCircle[data-status=active]{background:var(--brand-coral,#ff7829);color:#fff}.stepCircle[data-status=complete]{background:var(--color-success,#10b981);color:#fff}.stepConnector{width:40px;height:2px;background:var(--surface-4,#333);transition:background .2s var(--ease-micro)}.stepConnector[data-complete=true]{background:var(--color-success,#10b981)}.stepLabel{font-size:.6875rem;color:var(--text-tertiary,hsla(0,0%,100%,.55));text-transform:uppercase;letter-spacing:.08em;margin-top:var(--space-1,4px);text-align:center}.stepItem[data-active=true] .stepLabel{color:var(--brand-coral,#ff7829)}.stepItem[data-complete=true] .stepLabel{color:var(--color-success,#10b981)}.stepCard{display:flex;flex-direction:column;gap:var(--space-4,16px);padding:var(--space-5,20px);background:var(--surface-2,#242424);border-radius:var(--radius,5px)}.stepTitle{font-size:1.125rem}.stepDescription{line-height:1.5}.methodOptions{display:flex;flex-direction:column;gap:var(--space-3,12px)}.methodCard{display:flex;align-items:center;gap:var(--space-4,16px);padding:var(--space-4,16px);background:var(--surface-3,#2a2a2a);border:2px solid transparent;border-radius:var(--radius,5px);cursor:pointer;transition:all .15s var(--ease-micro)}.methodCard:hover:not(:disabled){background:var(--surface-4,#333);border-color:rgba(255,120,41,.3)}.methodCard[data-selected=true]{border-color:var(--brand-coral,#ff7829);background:rgba(255,120,41,.1)}.methodCard:disabled{opacity:.5;cursor:not-allowed}.methodCard:focus-visible{outline:2px solid var(--brand-coral,#ff7829);outline-offset:2px}.methodRadio{width:18px;height:18px;border:2px solid var(--border-default,#3a3a3a);border-radius:var(--radius,5px);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s var(--ease-micro)}.methodCard[data-selected=true] .methodRadio{border-color:var(--brand-coral,#ff7829);background:var(--brand-coral,#ff7829)}.methodRadio:after{content:"";width:6px;height:6px;background:#fff;border-radius:2px;opacity:0;transform:scale(0);transition:all .15s var(--ease-micro)}.methodCard[data-selected=true] .methodRadio:after{opacity:1;transform:scale(1)}.methodInfo{display:flex;flex-direction:column;gap:4px;flex:1 1}.methodName{font-size:.9375rem;font-weight:600;color:var(--text-primary,hsla(0,0%,100%,.95));display:flex;align-items:center;gap:var(--space-2,8px)}.methodBadge{padding:2px var(--space-2,8px);background:rgba(16,185,129,.15);color:var(--color-success,#10b981);font-size:.625rem;font-weight:600;border-radius:var(--radius,5px);text-transform:uppercase;letter-spacing:.05em}.methodBadgeDisabled{background:hsla(220,9%,46%,.15);color:#9ca3af}.methodDescription{font-size:.75rem;color:var(--text-tertiary,hsla(0,0%,100%,.55))}.qrContainer{display:flex;flex-direction:column;align-items:center;gap:var(--space-5,20px)}.qrCode{width:200px;height:200px;padding:var(--space-4,16px);background:#fff;border-radius:var(--radius,5px)}.qrCode img{width:100%;height:100%;object-fit:contain}.manualEntry{display:flex;flex-direction:column;gap:var(--space-2,8px);width:100%;max-width:400px}.manualLabel{font-size:.75rem;color:var(--text-tertiary,hsla(0,0%,100%,.55));text-align:center}.secretCode{display:flex;align-items:center;gap:var(--space-2,8px);padding:var(--space-3,12px);background:var(--surface-4,#333);border-radius:var(--radius,5px)}.secretText{flex:1 1;font-family:var(--font-mono,monospace);font-size:.8125rem;color:var(--text-primary,hsla(0,0%,100%,.95));word-break:break-all;text-align:center}.copyBtn{padding:var(--space-2,8px);border:none;transition:color .15s var(--ease-micro);flex-shrink:0}.copyBtn:hover{color:var(--brand-coral,#ff7829)}.copyBtn:focus-visible{outline:2px solid var(--brand-coral,#ff7829);outline-offset:2px}.appLinks{display:flex;flex-wrap:wrap;gap:var(--space-3,12px);justify-content:center}.appLink{padding:var(--space-2,8px) var(--space-3,12px);background:var(--surface-4,#333);border:none;border-radius:var(--radius,5px);font-size:.75rem;font-weight:500;color:var(--text-secondary,hsla(0,0%,100%,.75));text-decoration:none;transition:all .15s var(--ease-micro)}.appLink:hover{background:var(--surface-3,#2a2a2a);color:var(--brand-coral,#ff7829)}.verificationForm{gap:var(--space-5,20px)}.codeInputGroup,.verificationForm{display:flex;flex-direction:column;align-items:center}.codeInputGroup{gap:var(--space-3,12px);width:100%;max-width:300px}.codeLabel{font-size:.875rem;font-weight:500;color:var(--text-secondary,hsla(0,0%,100%,.75))}.codeInput{width:100%;height:56px;padding:0 var(--space-4,16px);background:var(--surface-4,#333);border:2px solid var(--border-default,#3a3a3a);border-radius:var(--radius,5px);font-family:var(--font-mono,monospace);font-size:1.5rem;font-weight:600;color:var(--text-primary,hsla(0,0%,100%,.95));text-align:center;letter-spacing:.5em;transition:all .15s var(--ease-micro)}.codeInput::placeholder{color:var(--text-quaternary,hsla(0,0%,100%,.35));letter-spacing:.25em}.codeInput:focus{outline:none;border-color:var(--brand-coral,#ff7829)}.codeInput[data-error=true]{border-color:var(--color-error,#ef4444)}.codeInput[data-valid=true]{border-color:var(--color-success,#10b981)}.errorText{font-size:.8125rem;color:var(--color-error,#ef4444);text-align:center}.attemptsWarning{font-size:.75rem;color:var(--color-warning,#f59e0b);text-align:center}.backupCodesContainer{display:flex;flex-direction:column;gap:var(--space-5,20px)}.backupWarning{display:flex;align-items:flex-start;gap:var(--space-3,12px);padding:var(--space-4,16px);background:rgba(245,158,11,.1);border-left:3px solid var(--color-warning,#f59e0b);border-radius:var(--radius,5px)}.backupWarningIcon{width:24px;height:24px;color:var(--color-warning,#f59e0b);flex-shrink:0}.backupWarningText{font-size:.875rem;color:var(--text-secondary,hsla(0,0%,100%,.75));line-height:1.5}.backupCodesGrid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-2,8px);gap:var(--space-2,8px)}.backupCode{padding:var(--space-3,12px);background:var(--surface-4,#333);border-radius:var(--radius,5px);font-family:var(--font-mono,monospace);font-size:.875rem;font-weight:500;color:var(--text-primary,hsla(0,0%,100%,.95));text-align:center;-webkit-user-select:all;-moz-user-select:all;user-select:all}.backupActions{display:flex;gap:var(--space-3,12px);justify-content:center;flex-wrap:wrap}.backupActionBtn{padding:var(--space-2,8px) var(--space-4,16px);background:var(--surface-4,#333);border:none;border-radius:var(--radius,5px);font-size:.8125rem;font-weight:500;color:var(--text-secondary,hsla(0,0%,100%,.75));cursor:pointer;transition:all .15s var(--ease-micro);display:flex;align-items:center;gap:var(--space-2,8px)}.backupActionBtn:hover{background:var(--surface-3,#2a2a2a);color:var(--brand-coral,#ff7829)}.backupActionBtn:focus-visible{outline:2px solid var(--brand-coral,#ff7829);outline-offset:2px}.confirmCheckbox{display:flex;align-items:center;gap:var(--space-3,12px);padding:var(--space-4,16px);background:var(--surface-4,#333);border-radius:var(--radius,5px);cursor:pointer}.confirmCheckboxInput{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid var(--brand-coral,#ff7829);border-radius:3px;cursor:pointer;flex-shrink:0;position:relative;transition:all .15s var(--ease-micro)}.confirmCheckboxInput:checked{background:var(--brand-coral,#ff7829)}.confirmCheckboxInput:checked:after{content:"";position:absolute;top:2px;left:5px;width:4px;height:8px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg)}.confirmCheckboxInput:focus-visible{outline:2px solid var(--brand-coral,#ff7829);outline-offset:2px}.confirmLabel{font-size:.875rem;color:var(--text-secondary,hsla(0,0%,100%,.75));-webkit-user-select:none;-moz-user-select:none;user-select:none}.navButtons{display:flex;gap:var(--space-3,12px);justify-content:flex-end;padding-top:var(--space-4,16px);border-top:1px solid hsla(0,0%,100%,.05)}.cancelBtn{height:44px;padding:0 var(--space-5,20px);background:transparent;border:none;border-radius:var(--radius,5px);font-size:.875rem;font-weight:600;color:var(--text-secondary,hsla(0,0%,100%,.75));cursor:pointer;transition:color .15s var(--ease-micro)}.cancelBtn:hover{color:var(--brand-coral,#ff7829)}.cancelBtn:focus-visible{outline:2px solid var(--brand-coral,#ff7829);outline-offset:2px}.continueBtn{height:44px;padding:0 var(--space-5,20px);background:var(--brand-coral,#ff7829);border:none;border-radius:var(--radius,5px);font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;transition:all .15s var(--ease-micro);display:flex;align-items:center;gap:var(--space-2,8px)}.continueBtn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.continueBtn:disabled{opacity:.5;cursor:not-allowed}.continueBtn:focus-visible{outline:2px solid var(--brand-coral,#ff7829);outline-offset:2px}.loading{flex-direction:column;gap:var(--space-4,16px);padding:var(--space-8,32px)}.spinner{border:3px solid hsla(0,0%,100%,.1);border-top:3px solid var(--brand-coral,#ff7829);border-radius:var(--radius,5px)}:root[data-theme=light] .setupFlow{background:#f3f4f6}:root[data-theme=light] .stepCard{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08)}:root[data-theme=light] .methodName,:root[data-theme=light] .stepTitle{color:rgba(0,0,0,.9)}:root[data-theme=light] .backupWarningText,:root[data-theme=light] .codeLabel,:root[data-theme=light] .confirmLabel,:root[data-theme=light] .stepDescription{color:rgba(0,0,0,.65)}:root[data-theme=light] .manualLabel,:root[data-theme=light] .methodDescription,:root[data-theme=light] .stepLabel{color:rgba(0,0,0,.5)}:root[data-theme=light] .backupActionBtn,:root[data-theme=light] .backupCode,:root[data-theme=light] .codeInput,:root[data-theme=light] .confirmCheckbox,:root[data-theme=light] .methodCard,:root[data-theme=light] .secretCode{background:#fff;border-color:rgba(0,0,0,.1)}:root[data-theme=light] .methodCard:hover:not(:disabled){background:#f9fafb}:root[data-theme=light] .codeInput{color:rgba(0,0,0,.9)}:root[data-theme=light] .codeInput::placeholder{color:rgba(0,0,0,.35)}:root[data-theme=light] .secretText{color:rgba(0,0,0,.9)}:root[data-theme=light] .continueBtn{color:#fff}:root[data-theme=light] .backupActionBtn,:root[data-theme=light] .cancelBtn,:root[data-theme=light] .copyBtn{color:rgba(0,0,0,.65)}:root[data-theme=light] .backupActionBtn:hover,:root[data-theme=light] .cancelBtn:hover,:root[data-theme=light] .copyBtn:hover{color:var(--brand-coral,#ff7829)}@media (max-width:767px){.setupFlow{gap:var(--space-4,16px)}.setupFlow,.stepCard{padding:var(--space-4,16px)}.stepIndicator{flex-wrap:wrap;gap:var(--space-2,8px)}.stepConnector{width:24px}.qrCode{width:160px;height:160px}.backupCodesGrid{grid-template-columns:1fr}.navButtons{flex-direction:column-reverse}.cancelBtn,.continueBtn{width:100%;justify-content:center}.backupActions{flex-direction:column}.backupActionBtn{width:100%;justify-content:center}}@media (max-width:374px){.stepCircle{width:28px;height:28px;font-size:.75rem}.stepConnector{width:16px}.stepLabel{font-size:.5625rem}}.providerList{display:flex;flex-direction:column;gap:var(--space-4,16px)}.addProviderBtn{display:flex;align-items:center;justify-content:center;gap:var(--space-2,8px);padding:var(--space-4,16px);background:var(--surface-3,#2a2a2a);border:2px dashed hsla(0,0%,100%,.1);border-radius:var(--radius,5px);font-size:.875rem;font-weight:600;color:var(--text-secondary,hsla(0,0%,100%,.75));cursor:pointer;transition:all .15s var(--ease-micro)}.addProviderBtn:hover{border-color:var(--brand-coral,#fa7200);color:var(--brand-coral,#fa7200);background:rgba(250,114,0,.05)}.addProviderBtn:focus-visible{outline:2px solid var(--brand-coral,#fa7200);outline-offset:2px}.addProviderBtnIcon{font-size:1.25rem;font-weight:400}.providerCard{background:var(--surface-3,#2a2a2a);overflow:hidden;transition:all .2s var(--ease-micro)}.providerCard[data-status=connected]{border-left:3px solid #22c55e}.providerCard[data-status=pending]{border-left:3px solid #f59e0b}.providerCard[data-status=disconnected]{border-left:3px solid #9ca3af}.providerHeader{justify-content:space-between;align-items:center;padding:var(--space-4,16px);gap:var(--space-4,16px)}.providerHeaderRight{display:flex;align-items:center;gap:var(--space-3,12px)}.providerActions{gap:var(--space-2,8px)}.providerActions,.settingsBtn{display:flex;align-items:center}.settingsBtn{justify-content:center;width:36px;height:36px;background:transparent;border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius,5px);color:var(--text-secondary,hsla(0,0%,100%,.75));cursor:pointer;transition:all .15s var(--ease-micro)}.settingsBtn:hover{border-color:var(--brand-coral,#fa7200);color:var(--brand-coral,#fa7200)}.settingsBtn:focus-visible{outline:2px solid var(--brand-coral,#fa7200);outline-offset:2px}.settingsBtn svg{transition:transform .2s var(--ease-micro)}.chevronRotated{transform:rotate(180deg)}.providerMeta{display:flex;flex-wrap:wrap;gap:var(--space-4,16px);padding:0 var(--space-4,16px) var(--space-3,12px);font-size:.75rem;color:var(--text-tertiary,hsla(0,0%,100%,.55))}.metaItem{gap:var(--space-2,8px)}.metaCode{font-family:monospace;font-size:.6875rem;padding:2px var(--space-2,8px);background:var(--surface-4,#333);border-radius:var(--radius,5px)}.providerSettings{padding:var(--space-4,16px);border-top:1px solid hsla(0,0%,100%,.05);display:flex;flex-direction:column;gap:var(--space-5,20px);animation:slideDown .2s var(--ease-micro)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.settingsSection{display:flex;flex-direction:column;gap:var(--space-3,12px)}.settingsSectionTitle{font-size:.75rem;font-weight:600;color:var(--text-tertiary,hsla(0,0%,100%,.55));text-transform:uppercase;letter-spacing:.05em;margin:0}.settingsGrid{gap:var(--space-3,12px)}.settingsGrid,.settingsItem{display:flex;flex-direction:column}.settingsItem{gap:var(--space-2,8px)}.settingsLabel{font-size:.75rem;font-weight:600;color:var(--text-secondary,hsla(0,0%,100%,.75))}.settingsValueRow{display:flex;align-items:center;gap:var(--space-2,8px);flex-wrap:wrap}.settingsValue{flex:1 1;min-width:0;font-family:monospace;font-size:.8125rem;padding:var(--space-2,8px) var(--space-3,12px);color:var(--text-primary,hsla(0,0%,100%,.95));word-break:break-all;overflow:hidden;text-overflow:ellipsis}.scimToggleRow,.settingsValue{background:var(--surface-4,#333);border-radius:var(--radius,5px)}.scimToggleRow{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4,16px);gap:var(--space-4,16px)}.scimToggleInfo{display:flex;flex-direction:column;gap:2px}.scimToggleLabel{font-size:.875rem;font-weight:600;color:var(--text-primary,hsla(0,0%,100%,.95))}.scimToggleDescription{font-size:.75rem;color:var(--text-tertiary,hsla(0,0%,100%,.55))}.scimConfig{display:flex;flex-direction:column;gap:var(--space-4,16px);padding:var(--space-4,16px);background:var(--surface-4,#333);border-radius:var(--radius,5px)}.tokenWarning{display:flex;align-items:center;gap:var(--space-3,12px);margin-top:var(--space-2,8px);flex-wrap:wrap}.tokenWarningText{font-size:.75rem;color:var(--text-tertiary,hsla(0,0%,100%,.55))}.disconnectRow{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4,16px);background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.15);border-radius:var(--radius,5px);gap:var(--space-4,16px)}.disconnectInfo{display:flex;flex-direction:column;gap:2px}.disconnectLabel{font-size:.875rem;font-weight:600;color:#ef4444}.disconnectDescription{font-size:.75rem;color:var(--text-tertiary,hsla(0,0%,100%,.55))}.confirmBtn{background:#ef4444!important;color:#fff!important}.connectForm{padding:var(--space-4,16px);background:var(--surface-3,#2a2a2a);border-radius:var(--radius,5px);display:flex;flex-direction:column;gap:var(--space-5,20px)}.stepIndicator{justify-content:center;padding-bottom:var(--space-4,16px);border-bottom:1px solid hsla(0,0%,100%,.05)}.step,.stepIndicator{display:flex;align-items:center;gap:var(--space-2,8px)}.step{opacity:.5;transition:opacity .2s var(--ease-micro)}.step.stepActive{opacity:1}.step.stepComplete{opacity:.7}.stepNumber{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--surface-4,#333);border-radius:var(--radius,5px);font-size:.75rem;font-weight:700;color:var(--text-secondary,hsla(0,0%,100%,.75));transition:all .2s var(--ease-micro)}.stepActive .stepNumber{background:var(--brand-coral,#fa7200);color:#fff}.stepComplete .stepNumber{background:#22c55e;color:#fff}.stepLabel{font-size:.75rem;font-weight:600;color:var(--text-secondary,hsla(0,0%,100%,.75))}.stepDivider{width:32px;height:2px;background:hsla(0,0%,100%,.1)}.stepContent{display:flex;flex-direction:column;gap:var(--space-4,16px)}.stepTitle{font-size:1rem;font-weight:600;color:var(--text-primary,hsla(0,0%,100%,.95));margin:0}.stepDescription{font-size:.875rem;color:var(--text-secondary,hsla(0,0%,100%,.75));margin:0}.formError{color:#ef4444}.typeToggle{display:flex;gap:0;background:var(--surface-4,#333);border-radius:var(--radius,5px);padding:3px}.typeBtn{flex:1 1;padding:var(--space-2,8px) var(--space-4,16px);background:transparent;border:none;border-radius:calc(var(--radius, 5px) - 2px);font-size:.875rem;font-weight:600;color:var(--text-secondary,hsla(0,0%,100%,.75));cursor:pointer;transition:all .15s var(--ease-micro)}.typeBtn:hover{color:var(--text-primary,hsla(0,0%,100%,.95))}.typeBtnActive{background:var(--brand-coral,#fa7200);color:#fff}.modeToggle{display:flex;gap:0;background:var(--surface-4,#333);border-radius:var(--radius,5px);padding:3px}.modeBtn{flex:1 1;padding:var(--space-2,8px) var(--space-4,16px);background:transparent;border:none;border-radius:calc(var(--radius, 5px) - 2px);font-size:.8125rem;font-weight:600;color:var(--text-secondary,hsla(0,0%,100%,.75));cursor:pointer;transition:all .15s var(--ease-micro)}.modeBtn:hover{color:var(--text-primary,hsla(0,0%,100%,.95))}.modeBtnActive{background:var(--surface-2,#242424);color:var(--brand-coral,#fa7200)}.presetGrid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-3,12px);gap:var(--space-3,12px)}.presetCard{display:flex;flex-direction:column;align-items:center;gap:var(--space-2,8px);padding:var(--space-4,16px);background:var(--surface-4,#333);border:2px solid transparent;border-radius:var(--radius,5px);cursor:pointer;transition:all .15s var(--ease-micro)}.presetCard:hover{background:var(--surface-3,#2a2a2a);border-color:rgba(250,114,0,.3)}.presetCardActive{border-color:var(--brand-coral,#fa7200);background:rgba(250,114,0,.1)}.presetCard:focus-visible{outline:2px solid var(--brand-coral,#fa7200);outline-offset:2px}.presetIcon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface-2,#242424);border-radius:var(--radius,5px);font-size:1.25rem;font-weight:700;color:var(--brand-coral,#fa7200)}.presetLabel{font-size:.875rem;font-weight:600;color:var(--text-primary,hsla(0,0%,100%,.95))}.presetHint{font-size:.75rem;color:var(--text-tertiary,hsla(0,0%,100%,.55));margin:0;padding:var(--space-2,8px);background:var(--surface-4,#333);border-radius:var(--radius,5px)}.inputWithAction{display:flex;gap:var(--space-2,8px);align-items:stretch}.inputWithAction input{flex:1 1}.xmlTextarea{width:100%;min-height:160px;padding:var(--space-3,12px);background:var(--surface-4,#333);border:none;border-radius:var(--radius,5px);color:var(--text-primary,hsla(0,0%,100%,.95));font-family:monospace;font-size:.8125rem;line-height:1.5;resize:vertical;transition:all .15s var(--ease-micro)}.xmlTextarea::placeholder{color:var(--text-quaternary,hsla(0,0%,100%,.35))}.xmlTextarea:focus-visible{outline:2px solid var(--brand-coral,#fa7200);outline-offset:2px}.parseXmlBtn{align-self:flex-start;margin-top:var(--space-2,8px)}.errorAlert{padding:var(--space-3,12px);background:rgba(239,68,68,.1);border-left:3px solid #ef4444;font-size:.875rem;color:#ef4444}.errorIcon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:rgba(239,68,68,.2);border-radius:var(--radius,5px);font-weight:700}.parsedMetadata{padding:var(--space-4,16px);background:rgba(34,197,94,.05);border:1px solid rgba(34,197,94,.15);border-radius:var(--radius,5px)}.parsedMetadataTitle{font-size:.75rem;font-weight:600;color:#22c55e;text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-3,12px)}.parsedMetadataGrid{display:flex;flex-direction:column;gap:var(--space-3,12px)}.parsedMetadataItem{display:flex;flex-direction:column;gap:var(--space-1,4px)}.parsedMetadataLabel{font-size:.6875rem;font-weight:600;color:var(--text-tertiary,hsla(0,0%,100%,.55));text-transform:uppercase;letter-spacing:.05em}.parsedMetadataValue{font-family:monospace;font-size:.8125rem;color:var(--text-primary,hsla(0,0%,100%,.95));word-break:break-all}.spMetadata{gap:var(--space-4,16px)}.spMetadata,.spMetadataItem{display:flex;flex-direction:column}.spMetadataItem{gap:var(--space-2,8px)}.spMetadataLabel{font-size:.75rem;font-weight:600;color:var(--text-secondary,hsla(0,0%,100%,.75))}.spMetadataValueRow{display:flex;align-items:center;gap:var(--space-2,8px)}.spMetadataValue{flex:1 1;font-family:monospace;font-size:.8125rem;padding:var(--space-3,12px);background:var(--surface-4,#333);border-radius:var(--radius,5px);color:var(--text-primary,hsla(0,0%,100%,.95));word-break:break-all}.spMetadataDownload{display:flex;align-items:center;gap:var(--space-3,12px);padding-top:var(--space-3,12px);border-top:1px solid hsla(0,0%,100%,.05);flex-wrap:wrap}.downloadHint{font-size:.75rem;color:var(--text-tertiary,hsla(0,0%,100%,.55))}.loadingSpMetadata{display:flex;align-items:center;justify-content:center;gap:var(--space-3,12px);padding:var(--space-6,24px);color:var(--text-secondary,hsla(0,0%,100%,.75));font-size:.875rem}.configHelp{padding:var(--space-4,16px);background:rgba(59,130,246,.05);border:1px solid rgba(59,130,246,.15);border-radius:var(--radius,5px)}.configHelpTitle{font-size:.875rem;font-weight:600;color:#3b82f6;margin:0 0 var(--space-3,12px)}.configHelpList{margin:0;padding-left:var(--space-5,20px);display:flex;flex-direction:column;gap:var(--space-2,8px)}.configHelpList li{font-size:.875rem;color:var(--text-secondary,hsla(0,0%,100%,.75))}.formActions{justify-content:flex-end;padding-top:var(--space-4,16px);border-top:1px solid hsla(0,0%,100%,.05)}.formHint{line-height:1.4}.optionalBadge{display:inline-block;margin-left:var(--space-2,8px);padding:2px var(--space-2,8px);font-size:.6875rem;font-weight:500;color:var(--text-tertiary,hsla(0,0%,100%,.55));text-transform:uppercase;letter-spacing:.03em;vertical-align:middle}.oidcReviewSection,.optionalBadge{background:var(--surface-4,#333);border-radius:var(--radius,5px)}.oidcReviewSection{padding:var(--space-4,16px)}.domainChips{display:flex;flex-wrap:wrap;gap:var(--space-2,8px)}.domainChip{display:inline-flex;align-items:center;padding:4px var(--space-3,12px);background:rgba(250,114,0,.1);border:1px solid rgba(250,114,0,.25);border-radius:var(--radius,5px);font-size:.8125rem;font-weight:500;color:var(--brand-coral,#fa7200)}:root[data-theme=light] .connectForm,:root[data-theme=light] .providerCard{background:#f3f4f6}:root[data-theme=light] .providerSettings{border-top-color:rgba(0,0,0,.05)}:root[data-theme=light] .parsedMetadataValue,:root[data-theme=light] .presetLabel,:root[data-theme=light] .scimToggleLabel,:root[data-theme=light] .settingsValue,:root[data-theme=light] .spMetadataValue,:root[data-theme=light] .stepTitle{color:rgba(0,0,0,.9)}:root[data-theme=light] .configHelpList li,:root[data-theme=light] .disconnectDescription,:root[data-theme=light] .downloadHint,:root[data-theme=light] .formHint,:root[data-theme=light] .presetHint,:root[data-theme=light] .scimToggleDescription,:root[data-theme=light] .stepDescription,:root[data-theme=light] .tokenWarningText{color:rgba(0,0,0,.6)}:root[data-theme=light] .addProviderBtn,:root[data-theme=light] .metaCode,:root[data-theme=light] .modeToggle,:root[data-theme=light] .oidcReviewSection,:root[data-theme=light] .optionalBadge,:root[data-theme=light] .presetCard,:root[data-theme=light] .scimConfig,:root[data-theme=light] .scimToggleRow,:root[data-theme=light] .settingsValue,:root[data-theme=light] .spMetadataValue,:root[data-theme=light] .typeToggle,:root[data-theme=light] .xmlTextarea{background:#fff;border-color:rgba(0,0,0,.1)}:root[data-theme=light] .domainChip{background:rgba(250,114,0,.08);border-color:rgba(250,114,0,.2)}:root[data-theme=light] .stepDivider{background:rgba(0,0,0,.1)}:root[data-theme=light] .formActions,:root[data-theme=light] .spMetadataDownload{border-top-color:rgba(0,0,0,.05)}@media (max-width:767px){.providerHeader{flex-direction:column;align-items:stretch;gap:var(--space-3,12px)}.providerHeaderRight{justify-content:space-between}.presetGrid{grid-template-columns:1fr}.inputWithAction{flex-direction:column}.inputWithAction button{width:100%}.spMetadataValueRow{flex-direction:column;align-items:stretch}.spMetadataValueRow .copyBtn{align-self:flex-end}.settingsValueRow{flex-direction:column;align-items:stretch}.settingsValueRow .copyBtn{align-self:flex-end}.disconnectRow,.scimToggleRow{flex-direction:column;align-items:stretch;gap:var(--space-3,12px)}.formActions{flex-direction:column}.formActions button{width:100%}.stepIndicator{flex-wrap:wrap}}@media (max-width:374px){.providerMeta{flex-direction:column;gap:var(--space-2,8px)}.tokenWarning{flex-direction:column;align-items:stretch}.tokenWarning button{width:100%}}.section{gap:var(--space-5,20px)}.description{line-height:1.6}.description,.loading{color:var(--text-secondary,hsla(0,0%,100%,.75))}.loading{display:flex;align-items:center;justify-content:center;padding:var(--space-6,24px)}.error,.loading{font-size:.875rem}.error{padding:var(--space-3,12px) var(--space-4,16px);background:rgba(239,68,68,.1);border-left:3px solid #ef4444;border-radius:var(--radius,5px);color:#ef4444}.tokenAlert{padding:var(--space-4,16px);background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);border-radius:var(--radius,5px);display:flex;flex-direction:column;gap:var(--space-3,12px)}.alertHeader{display:flex;align-items:center;gap:var(--space-2,8px);color:#f59e0b;font-size:.875rem}.alertText{font-size:.8125rem;color:var(--text-secondary,hsla(0,0%,100%,.75));margin:0}.tokenContainer{display:flex;align-items:stretch;gap:var(--space-2,8px);flex-wrap:wrap}.tokenValue{flex:1 1;min-width:0;padding:var(--space-3,12px);background:var(--surface-4,#333);border-radius:var(--radius,5px);font-family:monospace;font-size:.75rem;color:var(--text-primary,hsla(0,0%,100%,.95));word-break:break-all;overflow-x:auto}.dismissBtn{padding:var(--space-2,8px) var(--space-4,16px);background:transparent;border:1px solid rgba(245,158,11,.5);border-radius:var(--radius,5px);font-size:.8125rem;font-weight:600;color:#f59e0b;cursor:pointer;transition:all .15s var(--ease-micro)}.dismissBtn:hover{background:rgba(245,158,11,.1);border-color:#f59e0b}.configSection{display:flex;flex-direction:column;gap:var(--space-4,16px);padding:var(--space-4,16px);background:var(--surface-3,#2a2a2a);border-radius:var(--radius,5px)}.configTitle{font-size:.75rem;font-weight:600;color:var(--text-tertiary,hsla(0,0%,100%,.55));text-transform:uppercase;letter-spacing:.05em;margin:0}.configItem{display:flex;flex-direction:column;gap:var(--space-2,8px)}.configLabel{font-size:.75rem;font-weight:600;color:var(--text-secondary,hsla(0,0%,100%,.75))}.copyableField{display:flex;align-items:center;gap:var(--space-2,8px);flex-wrap:wrap}.configValue{flex:1 1;min-width:0;padding:var(--space-3,12px);background:var(--surface-4,#333);border-radius:var(--radius,5px);font-family:monospace;font-size:.8125rem;word-break:break-all}.configText,.configValue{color:var(--text-primary,hsla(0,0%,100%,.95))}.configText{font-size:.875rem}.tokenField{display:flex;align-items:center;gap:var(--space-2,8px);flex-wrap:wrap}.maskedToken{flex:1 1;min-width:0;padding:var(--space-3,12px);background:var(--surface-4,#333);border-radius:var(--radius,5px);font-family:monospace;font-size:.8125rem;letter-spacing:.1em}.maskedToken,.tokenHint{color:var(--text-tertiary,hsla(0,0%,100%,.55))}.tokenHint{font-size:.75rem;margin:0}.regenerateBtn{padding:var(--space-2,8px) var(--space-3,12px);background:transparent;border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius,5px);font-size:.75rem;font-weight:600;color:var(--text-secondary,hsla(0,0%,100%,.75));cursor:pointer;transition:all .15s var(--ease-micro);white-space:nowrap}.regenerateBtn:hover:not(:disabled){border-color:var(--brand-coral,#fa7200);color:var(--brand-coral,#fa7200)}.regenerateBtn:disabled{opacity:.5;cursor:not-allowed}.copyBtn{display:flex;align-items:center;gap:var(--space-2,8px);padding:var(--space-2,8px) var(--space-3,12px);background:transparent;border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius,5px);font-size:.6875rem;font-weight:600;color:var(--text-secondary,hsla(0,0%,100%,.75));cursor:pointer;transition:all .15s var(--ease-micro);white-space:nowrap}.copyBtn:hover{border-color:var(--brand-coral,#fa7200);color:var(--brand-coral,#fa7200)}.usersSection{display:flex;flex-direction:column;gap:var(--space-3,12px)}.usersTitle{font-size:.875rem;font-weight:600;color:var(--text-primary,hsla(0,0%,100%,.95));margin:0}.usersList{flex-direction:column;gap:var(--space-2,8px);padding:var(--space-3,12px);background:var(--surface-3,#2a2a2a);max-height:300px;overflow-y:auto}.userItem,.usersList{display:flex;border-radius:var(--radius,5px)}.userItem{justify-content:space-between;align-items:center;padding:var(--space-2,8px) var(--space-3,12px);background:var(--surface-4,#333);gap:var(--space-3,12px)}.userInfo{gap:2px}.userName{font-size:.875rem;font-weight:600;color:var(--text-primary,hsla(0,0%,100%,.95));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.userEmail{font-size:.75rem;color:var(--text-tertiary,hsla(0,0%,100%,.55))}.userStatus{flex-shrink:0;padding:2px var(--space-2,8px);border-radius:var(--radius,5px);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.userStatus.active{background:rgba(34,197,94,.15);color:#22c55e}.userStatus.inactive{background:rgba(156,163,175,.15);color:#9ca3af}.moreUsers{font-size:.75rem;color:var(--text-tertiary,hsla(0,0%,100%,.55));text-align:center;margin:var(--space-2,8px) 0 0;padding-top:var(--space-2,8px);border-top:1px solid hsla(0,0%,100%,.05)}.enableSection{display:flex;flex-direction:column;gap:var(--space-3,12px);padding:var(--space-4,16px);background:var(--surface-3,#2a2a2a);border-radius:var(--radius,5px)}.enableTitle{font-size:.875rem;font-weight:600;color:var(--text-primary,hsla(0,0%,100%,.95));margin:0}.enableDescription{font-size:.8125rem;color:var(--text-secondary,hsla(0,0%,100%,.75));margin:0;line-height:1.5}.providerSelect{display:flex;flex-direction:column;gap:var(--space-2,8px)}.selectLabel{font-size:.75rem;font-weight:600;color:var(--text-secondary,hsla(0,0%,100%,.75))}.select{padding:var(--space-3,12px);background:var(--surface-4,#333);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius,5px);font-size:.875rem;color:var(--text-primary,hsla(0,0%,100%,.95));cursor:pointer;transition:border-color .15s var(--ease-micro)}.select:hover{border-color:hsla(0,0%,100%,.2)}.select:focus-visible{outline:2px solid var(--brand-coral,#fa7200);outline-offset:2px}.enableBtn{padding:var(--space-3,12px) var(--space-4,16px);background:var(--brand-coral,#fa7200);border:none;border-radius:var(--radius,5px);font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;transition:all .15s var(--ease-micro);align-self:flex-start}.enableBtn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.enableBtn:disabled{opacity:.5;cursor:not-allowed}.noProviders{padding:var(--space-4,16px);background:rgba(59,130,246,.05);border:1px solid rgba(59,130,246,.15);border-radius:var(--radius,5px)}.noProviders p{font-size:.875rem;color:var(--text-secondary,hsla(0,0%,100%,.75));margin:0;line-height:1.5}.disableSection{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4,16px);background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.15);border-radius:var(--radius,5px);gap:var(--space-4,16px)}.disableInfo{display:flex;flex-direction:column;gap:2px}.disableLabel{font-size:.875rem;font-weight:600;color:#ef4444}.disableDescription{font-size:.75rem;color:var(--text-tertiary,hsla(0,0%,100%,.55))}.disableBtn{flex-shrink:0;padding:var(--space-2,8px) var(--space-4,16px);background:transparent;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius,5px);font-size:.8125rem;font-weight:600;color:#ef4444;cursor:pointer;transition:all .15s var(--ease-micro)}.disableBtn:hover{background:rgba(239,68,68,.1);border-color:#ef4444}:root[data-theme=light] .configSection,:root[data-theme=light] .enableSection,:root[data-theme=light] .usersList{background:#f3f4f6}:root[data-theme=light] .configValue,:root[data-theme=light] .maskedToken,:root[data-theme=light] .select,:root[data-theme=light] .tokenValue,:root[data-theme=light] .userItem{background:#fff;border-color:rgba(0,0,0,.1)}:root[data-theme=light] .configValue,:root[data-theme=light] .enableTitle,:root[data-theme=light] .select,:root[data-theme=light] .tokenValue,:root[data-theme=light] .userName,:root[data-theme=light] .usersTitle{color:rgba(0,0,0,.9)}:root[data-theme=light] .alertText,:root[data-theme=light] .description,:root[data-theme=light] .enableDescription,:root[data-theme=light] .noProviders p{color:rgba(0,0,0,.6)}:root[data-theme=light] .disableDescription,:root[data-theme=light] .maskedToken,:root[data-theme=light] .moreUsers,:root[data-theme=light] .tokenHint,:root[data-theme=light] .userEmail{color:rgba(0,0,0,.45)}@media (max-width:767px){.copyableField,.tokenContainer{flex-direction:column}.copyableField{align-items:stretch}.copyableField .copyBtn{align-self:flex-end}.tokenField{flex-direction:column;align-items:stretch}.tokenField .regenerateBtn{align-self:flex-end}.disableSection{flex-direction:column;align-items:stretch;gap:var(--space-3,12px)}.disableBtn{width:100%;text-align:center}.userItem{flex-direction:column;align-items:flex-start;gap:var(--space-2,8px)}.userStatus{align-self:flex-start}}@media (max-width:374px){.configValue,.maskedToken,.tokenValue{font-size:.6875rem}}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.56);display:flex;align-items:center;justify-content:center;z-index:620}.modal{width:min(92vw,440px);border-radius:14px;border:1px solid rgba(185,190,201,.34);background:linear-gradient(170deg,rgba(44,47,54,.98),rgba(26,29,35,.98));box-shadow:0 18px 56px rgba(0,0,0,.48),inset 0 1px 0 hsla(0,0%,100%,.08);padding:18px}.title{font-size:18px;color:rgba(248,249,250,.96)}.subtitle{margin:8px 0 0;color:rgba(220,224,230,.82);font-size:13px}.bindingBox{margin-top:14px;border-radius:10px;border:1px solid rgba(188,194,205,.3);background:rgba(20,22,28,.7);color:rgba(247,248,250,.94);font-size:15px;font-weight:600;letter-spacing:.02em;min-height:54px;display:flex;align-items:center;justify-content:center}.bindingBox[data-listening=true]{border-color:rgba(250,114,0,.7);box-shadow:0 0 0 2px rgba(250,114,0,.2)}.error{margin:10px 0 0;color:#ff7c7c;font-size:12px}.actions{margin-top:18px;display:flex;justify-content:flex-end;gap:8px}.primaryButton,.secondaryButton{border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600;border:1px solid transparent;cursor:pointer}.secondaryButton{border-color:rgba(188,194,205,.28);color:rgba(238,240,244,.9)}.secondaryButton:hover{background:hsla(0,0%,100%,.1)}.section{display:flex;gap:14px}.headerRow,.section{flex-direction:column}.headerRow{gap:4px}.heading{margin:0;font-size:15px;color:var(--text-primary,hsla(0,0%,100%,.95))}.subtitle{margin:0;font-size:12px;color:var(--text-secondary,hsla(0,0%,100%,.72))}.controlsGrid{display:grid;grid-gap:10px;gap:10px}.toggleRow{display:flex;gap:10px;align-items:flex-start;padding:10px;border:1px solid rgba(180,185,196,.2);border-radius:8px;background:hsla(0,0%,100%,.02)}.toggleRow input{margin-top:2px}.toggleRow span{display:flex;flex-direction:column;gap:2px}.toggleRow strong{font-size:13px;color:rgba(245,246,248,.94)}.toggleRow small{font-size:12px;color:rgba(214,217,222,.75)}.selectRow{display:flex;flex-direction:column;gap:6px}.selectRow label{font-size:12px;font-weight:600;color:rgba(231,234,238,.9)}.selectRow select{height:38px;border-radius:8px;border:1px solid rgba(181,186,196,.3);background:rgba(28,30,36,.88);color:rgba(249,250,251,.95);padding:0 10px}.bindingList{display:flex;flex-direction:column;gap:10px}.bindingRow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px;border-radius:8px;border:1px solid rgba(180,186,196,.2);background:hsla(0,0%,100%,.02)}.bindingInfo{display:flex;flex-direction:column;gap:2px}.bindingInfo span{font-size:13px;color:rgba(244,246,249,.95)}.bindingInfo small{font-size:12px;color:rgba(214,217,222,.75)}.bindingActions{display:flex;align-items:center;gap:8px}.bindingActions kbd{min-width:88px;text-align:center;border:1px solid hsla(0,0%,100%,.18);border-radius:6px;padding:3px 8px;font-size:11px;color:rgba(238,240,244,.88);background:hsla(0,0%,100%,.05)}.bindingActions button,.primaryButton,.secondaryButton{border-radius:8px;border:1px solid transparent;cursor:pointer;font-size:12px;font-weight:600}.bindingActions button{padding:6px 8px;background:hsla(0,0%,100%,.06);border-color:rgba(183,188,198,.25);color:rgba(238,241,246,.9)}.bindingActions button:hover,.secondaryButton:hover{background:hsla(0,0%,100%,.12)}.footerActions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.secondaryButton{padding:8px 10px;background:hsla(0,0%,100%,.06);border-color:rgba(183,188,198,.25);color:rgba(238,241,246,.9)}.primaryButton{padding:8px 12px;background:#fa7200;color:#fff}.primaryButton:hover:not(:disabled){background:#ff8d2a}.primaryButton:disabled{cursor:not-allowed;opacity:.5}@media (max-width:900px){.bindingRow{flex-direction:column;align-items:flex-start}.bindingActions{width:100%;flex-wrap:wrap}}.settingsPage{padding:var(--space-3,12px);max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-3,12px);width:100%}@media (min-width:768px){.settingsPage{padding:var(--space-4,16px);gap:var(--space-4,16px)}}@media (min-width:1024px){.settingsPage{padding:var(--space-6,24px);gap:var(--space-5,20px)}}.pageHeader{gap:var(--space-1,4px);padding-bottom:var(--space-2,8px)}.pageTitle{font-size:1.25rem;font-weight:600}@media (min-width:768px){.pageTitle{font-size:1.375rem}}.pageSubtitle{color:var(--text-secondary,hsla(0,0%,100%,.75))}.sectionCard{background:var(--surface-2,#242424);border:1px solid var(--border-subtle,hsla(0,0%,100%,.06));border-radius:var(--radius,5px);transition:box-shadow var(--duration-micro,.15s) var(--ease-micro,ease-out);box-shadow:var(--shadow-card-rest,0 2px 4px rgba(0,0,0,.06))}:root[data-theme=light] .sectionCard{background:#fff;border-color:var(--border-default,rgba(0,0,0,.08));box-shadow:0 1px 3px rgba(0,0,0,.05),0 2px 8px rgba(0,0,0,.04)}.sectionCard:hover{box-shadow:var(--shadow-card-hover,0 4px 12px rgba(0,0,0,.08))}:root[data-theme=light] .sectionCard:hover{box-shadow:0 2px 6px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.06)}.sectionHeader{padding:var(--space-3,12px);font-family:inherit;transition:background var(--duration-micro,.15s) var(--ease-micro,ease-out)}@media (min-width:768px){.sectionHeader{padding:var(--space-4,16px)}}.sectionHeader:hover{background:var(--glass-bg-hover,hsla(0,0%,100%,.04))}:root[data-theme=light] .sectionHeader:hover{background:rgba(0,0,0,.02)}.sectionHeader:focus-visible{outline:2px solid var(--brand-coral,#ff7829)}.sectionHeaderLeft{gap:var(--space-3,12px)}.sectionIcon{background:var(--brand-coral-muted,rgba(255,120,41,.15));color:var(--brand-coral,#ff7829);border-radius:var(--radius,5px);flex-shrink:0}.sectionTitle{color:var(--text-primary,hsla(0,0%,100%,.95))}.sectionChevron{color:var(--brand-coral,#ff7829);transition:transform var(--duration-micro,.15s) var(--ease-micro,ease-out);flex-shrink:0}.sectionContent{transition:max-height var(--duration-normal,.25s) var(--ease-out-cubic,ease-out),opacity var(--duration-normal,.25s) var(--ease-micro,ease-out)}.sectionContentExpanded{max-height:2000px;padding:var(--space-3,12px);border-top:1px solid var(--border-subtle,hsla(0,0%,100%,.06))}@media (min-width:768px){.sectionContentExpanded{padding:var(--space-4,16px);padding-top:0}}:root[data-theme=light] .sectionContentExpanded{border-top-color:var(--border-default,rgba(0,0,0,.08))}.formSection{display:flex;flex-direction:column;gap:var(--space-4,16px);padding-top:var(--space-4,16px)}.formRow{grid-template-columns:1fr;grid-gap:var(--space-3,12px);gap:var(--space-3,12px)}@media (min-width:768px){.formRow{grid-template-columns:1fr 1fr;gap:var(--space-4,16px)}}.formLabel{color:var(--text-secondary,hsla(0,0%,100%,.75))}.formInput,.formSelect,.formTextarea{width:100%;padding:var(--space-3,12px) var(--space-4,16px);background-color:hsla(0,0%,100%,.04);border:1px solid var(--border-default,hsla(0,0%,100%,.1));border-radius:var(--radius,5px);font-size:.875rem;color:var(--text-primary,hsla(0,0%,100%,.95));transition:all var(--duration-micro,.15s) var(--ease-micro,ease-out);box-sizing:border-box}:root[data-theme=light] .formInput,:root[data-theme=light] .formSelect,:root[data-theme=light] .formTextarea{background-color:#fff;border-color:var(--border-default,rgba(0,0,0,.12));color:var(--text-primary,rgba(0,0,0,.87))}.formInput::placeholder,.formTextarea::placeholder{color:var(--text-quaternary,hsla(0,0%,100%,.35))}:root[data-theme=light] .formInput::placeholder,:root[data-theme=light] .formTextarea::placeholder{color:var(--text-quaternary,rgba(0,0,0,.35))}.formInput:hover,.formSelect:hover,.formTextarea:hover{border-color:var(--border-hover,hsla(0,0%,100%,.2));background-color:hsla(0,0%,100%,.06)}:root[data-theme=light] .formInput:hover,:root[data-theme=light] .formSelect:hover,:root[data-theme=light] .formTextarea:hover{background-color:#fafafa;border-color:var(--border-hover,rgba(0,0,0,.2))}.formInput:focus,.formSelect:focus,.formTextarea:focus{outline:2px solid var(--brand-coral,#ff7829);border-color:var(--brand-coral,#ff7829);background-color:hsla(0,0%,100%,.06)}:root[data-theme=light] .formInput:focus,:root[data-theme=light] .formSelect:focus,:root[data-theme=light] .formTextarea:focus{background-color:#fff}.formSelect{background-position:right var(--space-4,16px) center;padding-right:var(--space-8,32px)}.formHint{font-size:.75rem;color:var(--text-tertiary,hsla(0,0%,100%,.55));margin-top:var(--space-1,4px)}.formActions{flex-direction:column;gap:var(--space-3,12px);padding-top:var(--space-3,12px)}@media (min-width:768px){.formActions{flex-direction:row}}.formActions button{width:100%}@media (min-width:768px){.formActions button{width:auto}}.inputWithButton{display:flex;flex-wrap:wrap;gap:var(--space-2,8px)}.inputWithButton .formInput{flex:1 1;min-width:200px}.inputWithIcon{position:relative;display:flex;align-items:center}.inputWithIcon svg{position:absolute;left:var(--space-4,16px);color:var(--text-tertiary,hsla(0,0%,100%,.55));pointer-events:none}.inputWithIcon .formInput{padding-left:var(--space-8,32px)}.btnPrimary{background:var(--brand-coral,#ff7829);color:var(--color-text-contrast,#fff);transition:all var(--duration-micro,.15s) var(--ease-micro,ease-out);box-shadow:var(--shadow-low,0 1px 3px rgba(0,0,0,.1));max-width:280px}:root[data-theme=light] .btnPrimary{color:#fff}.btnPrimary:hover:not(:disabled){box-shadow:var(--shadow-medium,0 4px 12px rgba(0,0,0,.15))}.btnPrimary:focus-visible{outline:2px solid var(--brand-coral,#ff7829)}.btnSecondary{padding:0 var(--space-4,16px);border:1px solid var(--border-default,hsla(0,0%,100%,.1));transition:all var(--duration-micro,.15s) var(--ease-micro,ease-out)}:root[data-theme=light] .btnSecondary{color:var(--text-secondary,rgba(0,0,0,.6));border-color:var(--border-default,rgba(0,0,0,.12))}.btnSecondary:hover:not(:disabled){color:var(--brand-coral,#ff7829);border-color:var(--brand-coral,#ff7829);background:var(--brand-coral-muted,rgba(255,120,41,.08))}.btnSecondary:focus-visible{outline:2px solid var(--brand-coral,#ff7829)}.btnDanger{padding:0 var(--space-4,16px);color:var(--color-error,#ef4444);font-size:.875rem;transition:all var(--duration-micro,.15s) var(--ease-micro,ease-out)}.btnDanger:hover:not(:disabled){background:var(--color-error-muted,rgba(239,68,68,.15))}.btnDanger:focus-visible{outline:2px solid var(--color-error,#ef4444)}.btnDangerFill{height:44px;padding:0 var(--space-4,16px);background:var(--color-error,#ef4444);color:var(--color-text-contrast,#fff);border-radius:var(--radius,5px);font-size:.875rem;gap:var(--space-2,8px);transition:all var(--duration-micro,.15s) var(--ease-micro,ease-out)}.btnDangerFill:focus-visible{outline:2px solid var(--color-error,#ef4444)}.btnUndo{height:32px;padding:0 var(--space-3,12px);background-color:hsla(0,0%,100%,.06);color:var(--text-primary,hsla(0,0%,100%,.95));border:1px solid var(--border-subtle,hsla(0,0%,100%,.06));border-radius:var(--radius,5px);font-weight:500;font-size:.75rem;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1,4px);transition:all var(--duration-micro,.15s) var(--ease-micro,ease-out)}.btnUndo:hover{background-color:hsla(0,0%,100%,.1)}:root[data-theme=light] .btnUndo{background-color:rgba(0,0,0,.04);border-color:var(--border-default,rgba(0,0,0,.08));color:var(--text-primary,rgba(0,0,0,.87))}:root[data-theme=light] .btnUndo:hover{background-color:rgba(0,0,0,.06)}.toggleContainer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4,16px);padding:var(--space-3,12px) 0;border-bottom:1px solid var(--border-subtle,hsla(0,0%,100%,.06));cursor:pointer}:root[data-theme=light] .toggleContainer{border-bottom-color:var(--border-subtle,rgba(0,0,0,.06))}.toggleContainer:last-child{border-bottom:none}.toggleContent{display:flex;flex-direction:column;gap:2px;flex:1 1;min-width:0}.toggleLabel{font-size:.875rem;font-weight:500;color:var(--text-primary,hsla(0,0%,100%,.95))}.toggleDescription{font-size:.75rem;color:var(--text-tertiary,hsla(0,0%,100%,.55))}.toggleSwitch{position:relative;width:44px;height:24px;background-color:hsla(0,0%,100%,.1);border:1px solid var(--border-default,hsla(0,0%,100%,.1));border-radius:12px;cursor:pointer;transition:all var(--duration-micro,.15s) var(--ease-micro,ease-out);flex-shrink:0}:root[data-theme=light] .toggleSwitch{background-color:rgba(0,0,0,.08);border-color:var(--border-default,rgba(0,0,0,.12))}.toggleSwitch:hover{border-color:var(--border-hover,hsla(0,0%,100%,.2))}.toggleSwitchActive,:root[data-theme=light] .toggleSwitchActive{background:var(--brand-coral,#ff7829);border-color:var(--brand-coral,#ff7829)}.toggleHandle{position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--color-text-contrast,#fff);border-radius:var(--radius,5px);transition:transform var(--duration-micro,.15s) var(--ease-micro,ease-out)}.toggleSwitchActive .toggleHandle{transform:translateX(20px)}.toggleSwitch:focus-visible{outline:2px solid var(--brand-coral,#ff7829);outline-offset:2px}.toggleGroup{display:flex;flex-direction:column}.displaySection{padding-top:var(--space-4,16px)}.displayRow{display:grid;grid-template-columns:1fr;grid-gap:var(--space-3,12px);gap:var(--space-3,12px);margin-bottom:var(--space-4,16px)}@media (min-width:768px){.displayRow{grid-template-columns:1fr 1fr;gap:var(--space-4,16px)}}.displayItem{display:flex;flex-direction:column;gap:var(--space-1,4px);padding:var(--space-3,12px);background-color:hsla(0,0%,100%,.03);border-radius:var(--radius,5px);border:1px solid var(--border-subtle,hsla(0,0%,100%,.04))}:root[data-theme=light] .displayItem{background-color:rgba(0,0,0,.02);border-color:var(--border-subtle,rgba(0,0,0,.04))}.displayLabel{font-size:.6875rem;font-weight:600;color:var(--text-tertiary,hsla(0,0%,100%,.55));text-transform:uppercase;letter-spacing:.06em}.displayValue{font-size:.9375rem;font-weight:500;color:var(--text-primary,hsla(0,0%,100%,.95))}.billingSection{gap:var(--space-4,16px);padding-top:var(--space-4,16px)}.planCard{align-items:center;justify-content:space-between;padding:var(--space-4,16px);background:var(--brand-coral-muted,rgba(255,120,41,.15));border-radius:var(--radius,5px);border:1px solid rgba(255,120,41,.3)}.planInfo{display:flex;flex-direction:column;gap:2px}.planLabel{font-size:.6875rem;font-weight:600;color:var(--text-tertiary,hsla(0,0%,100%,.55));text-transform:uppercase;letter-spacing:.06em}.planName{font-weight:700;color:var(--brand-coral,#ff7829)}.planMeta{gap:var(--space-2,8px);font-size:.8125rem;color:var(--text-secondary,hsla(0,0%,100%,.75))}.paymentMethod,.planMeta{display:flex;align-items:center}.paymentMethod{justify-content:space-between;flex-wrap:wrap;gap:var(--space-3,12px);padding:var(--space-3,12px) var(--space-4,16px);background-color:hsla(0,0%,100%,.04);border:1px solid var(--border-subtle,hsla(0,0%,100%,.06));border-radius:var(--radius,5px)}:root[data-theme=light] .paymentMethod{background-color:rgba(0,0,0,.02);border-color:var(--border-subtle,rgba(0,0,0,.06))}.paymentMethodInfo{align-items:center;gap:var(--space-3,12px);font-size:.875rem;color:var(--text-primary,hsla(0,0%,100%,.95))}.billingEmail{padding-top:var(--space-2,8px)}.notificationsSection{gap:var(--space-4,16px)}.brandSection,.notificationsSection{display:flex;flex-direction:column;padding-top:var(--space-4,16px)}.brandSection{gap:var(--space-5,20px)}.colorPickers{display:grid;grid-template-columns:1fr;grid-gap:var(--space-4,16px);gap:var(--space-4,16px)}@media (min-width:768px){.colorPickers{grid-template-columns:1fr 1fr}}.colorPicker{flex-direction:column}.colorInputContainer,.colorPicker{display:flex;gap:var(--space-2,8px)}.colorInputContainer{align-items:center}.colorInput{width:48px;height:40px;min-width:44px;min-height:44px;padding:0;border:2px solid var(--border-default,hsla(0,0%,100%,.1));border-radius:var(--radius,5px);cursor:pointer;background:transparent}:root[data-theme=light] .colorInput{border-color:var(--border-default,rgba(0,0,0,.12))}.colorInput::-webkit-color-swatch-wrapper{padding:0}.colorInput::-webkit-color-swatch{border:none;border-radius:3px}.colorText{flex:1 1;padding:var(--space-2,8px) var(--space-3,12px);background-color:hsla(0,0%,100%,.04);border:1px solid var(--border-default,hsla(0,0%,100%,.1));border-radius:var(--radius,5px);font-size:.8125rem;font-family:monospace;color:var(--text-secondary,hsla(0,0%,100%,.75))}:root[data-theme=light] .colorText{background-color:#fff;border-color:var(--border-default,rgba(0,0,0,.12));color:var(--text-secondary,rgba(0,0,0,.6))}.logoUploads{display:grid;grid-template-columns:1fr;grid-gap:var(--space-4,16px);gap:var(--space-4,16px)}@media (min-width:768px){.logoUploads{grid-template-columns:1fr 1fr}}.logoUpload,.uploadZone{display:flex;flex-direction:column;gap:var(--space-2,8px)}.uploadZone{align-items:center;justify-content:center;padding:var(--space-6,24px);border:2px dashed var(--border-default,hsla(0,0%,100%,.1));border-radius:var(--radius,5px);color:var(--text-tertiary,hsla(0,0%,100%,.55));font-size:.8125rem;cursor:pointer;transition:all var(--duration-micro,.15s) var(--ease-micro,ease-out);min-height:100px}:root[data-theme=light] .uploadZone{border-color:var(--border-default,rgba(0,0,0,.12));color:var(--text-tertiary,rgba(0,0,0,.45))}.uploadZone:hover{border-color:var(--brand-coral,#ff7829);background:var(--brand-coral-muted,rgba(255,120,41,.08))}.dangerZone{border:1px solid var(--color-error,#ef4444)}.dangerZone .sectionIcon{background:var(--color-error-muted,rgba(239,68,68,.15));color:var(--color-error,#ef4444)}.dangerContent{padding-top:var(--space-4,16px)}.dangerItem{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-3,12px);padding:var(--space-4,16px) 0}@media (min-width:768px){.dangerItem{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:var(--space-4,16px)}}.dangerItem:first-child{padding-top:0}.dangerInfo{flex:1 1}.dangerTitle{font-size:.9375rem;font-weight:600;color:var(--text-primary,hsla(0,0%,100%,.95));margin:0 0 var(--space-1,4px) 0}.dangerDescription{font-size:.8125rem;color:var(--text-tertiary,hsla(0,0%,100%,.55));margin:0}.dangerDivider{height:1px;background:var(--border-subtle,hsla(0,0%,100%,.06));margin:var(--space-2,8px) 0}:root[data-theme=light] .dangerDivider{background:var(--border-subtle,rgba(0,0,0,.06))}.deleteConfirmation{display:flex;flex-direction:column;gap:var(--space-3,12px);padding:var(--space-4,16px);background:var(--color-error-subtle,rgba(239,68,68,.08));border:1px solid var(--color-error-muted,rgba(239,68,68,.2));border-radius:var(--radius,5px)}.deleteWarning{font-size:.8125rem;color:var(--text-primary,hsla(0,0%,100%,.95));margin:0}.deleteWarning strong{color:var(--color-error,#ef4444)}.deleteActions{display:flex;flex-direction:column;gap:var(--space-2,8px)}@media (min-width:768px){.deleteActions{flex-direction:row}}.dangerItem button{width:100%}@media (min-width:768px){.dangerItem button{width:auto}}.inlineConfirm{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3,12px) var(--space-4,16px);background:var(--color-warning-muted,rgba(245,158,11,.15));border-radius:var(--radius,5px);margin-bottom:var(--space-3,12px)}.inlineConfirmDanger{background:var(--color-error-muted,rgba(239,68,68,.15))}.inlineConfirmContent{display:flex;align-items:center;gap:var(--space-3,12px)}.inlineConfirmIcon{color:var(--color-warning,#f59e0b);flex-shrink:0}.inlineConfirmDanger .inlineConfirmIcon{color:var(--color-error,#ef4444)}.inlineConfirmMessage{font-size:.8125rem;color:var(--text-primary,hsla(0,0%,100%,.95))}.inlineConfirmCountdown{font-size:.875rem;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.inlineConfirmCountdown,.loadingContainer{color:var(--text-secondary,hsla(0,0%,100%,.75))}.loadingContainer{gap:var(--space-3,12px)}.loadingSpinner{border:3px solid hsla(0,0%,100%,.1);border-top:3px solid var(--brand-coral,#ff7829);animation:settingsPageSpin 1s linear infinite}:root[data-theme=light] .loadingSpinner{border-color:rgba(0,0,0,.08);border-top-color:var(--brand-coral,#ff7829)}@keyframes settingsPageSpin{to{transform:rotate(1turn)}}.emptyState{padding:var(--space-8,32px)}.emptyStateIcon{width:64px;height:64px;color:var(--text-quaternary,hsla(0,0%,100%,.35));margin-bottom:var(--space-4,16px)}.emptyStateTitle{color:var(--text-primary,hsla(0,0%,100%,.95));margin:0 0 var(--space-2,8px) 0}.emptyStateDescription{color:var(--text-tertiary,hsla(0,0%,100%,.55))}@media (prefers-reduced-motion:reduce){.btnDanger,.btnDangerFill,.btnPrimary,.btnSecondary,.formInput,.formSelect,.formTextarea,.loadingSpinner,.sectionChevron,.sectionContent,.toggleHandle,.toggleSwitch,.uploadZone{transition:none;animation:none}}.sectionCard{background:var(--surface-2);border-radius:var(--radius);overflow:hidden;transition:box-shadow var(--duration-micro) var(--ease-micro)}:root[data-theme=dark] .sectionCard{box-shadow:var(--shadow-card-rest)}:root[data-theme=light] .sectionCard{background:var(--surface-1);box-shadow:0 2px 8px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04)}.sectionCard:hover{box-shadow:var(--shadow-card-hover)}.sectionHeader{width:100%;padding:var(--space-4);background:transparent;border:none;cursor:pointer;text-align:left;transition:background var(--duration-micro) var(--ease-micro)}.sectionHeader:hover{background:var(--glass-bg-hover)}.sectionHeader:focus-visible{outline:2px solid var(--brand-coral);outline-offset:-2px}.sectionHeaderLeft{display:flex;align-items:center;gap:var(--space-3)}.sectionIcon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--brand-coral-muted);color:var(--brand-coral);border-radius:var(--radius)}.sectionTitle{font-size:.9375rem}.sectionChevron{color:var(--brand-coral);transition:transform var(--duration-micro) var(--ease-micro)}.sectionChevronExpanded{transform:rotate(180deg)}.sectionContent{max-height:0;opacity:0;overflow:hidden;transition:max-height var(--duration-normal) var(--ease-out-cubic),opacity var(--duration-normal) var(--ease-micro)}.sectionContentExpanded{max-height:3000px;opacity:1;padding:var(--space-4);padding-top:0;border-top:1px solid var(--border-subtle)}.introText{padding:var(--space-4) 0;border-bottom:1px solid var(--border-subtle)}.introText p{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.6}.requestsSection{padding:var(--space-4) 0;border-bottom:1px solid var(--border-subtle)}.requestsHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.subsectionTitle{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0}.requestsList{gap:var(--space-3)}.requestCard{padding:var(--space-4);background:var(--surface-3);border-radius:var(--radius);border:1px solid var(--border-subtle)}:root[data-theme=light] .requestCard{background:var(--surface-2)}.requestHeader{justify-content:space-between;margin-bottom:var(--space-3)}.requestHeader,.requestType{display:flex;align-items:center}.requestType{gap:var(--space-2);font-size:.875rem;font-weight:600;color:var(--text-primary)}.requestTypeIcon{color:var(--brand-coral)}.requestTypeIconDanger{color:var(--color-error)}.requestDetails{flex-direction:column;margin-bottom:var(--space-3)}.requestDate,.requestDetails{display:flex;gap:var(--space-2)}.requestDate{font-size:.8125rem}.requestLabel{color:var(--text-tertiary)}.requestReason{color:var(--text-secondary)}.requestReason,.requestRejection{display:flex;gap:var(--space-2);font-size:.8125rem}.requestRejection{align-items:flex-start;padding:var(--space-2);background:var(--color-error-subtle);border-radius:var(--radius);color:var(--color-error)}.requestActions{display:flex;gap:var(--space-2)}.statusBadge{gap:var(--space-1);padding:var(--space-1) var(--space-2)}.actionSection{padding:var(--space-4) 0;border-bottom:1px solid var(--border-subtle)}.actionSection:last-child{border-bottom:none;padding-bottom:0}.actionHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.actionInfo{flex:1 1}.actionDescription{margin:var(--space-2) 0 0 0;font-size:.8125rem;color:var(--text-tertiary);line-height:1.5}.inlineForm{margin-top:var(--space-4);padding:var(--space-4);background:var(--surface-3);border-radius:var(--radius);border:1px solid var(--border-subtle)}:root[data-theme=light] .inlineForm{background:var(--surface-2)}.formGroup{margin-bottom:var(--space-4)}.formGroup:last-of-type{margin-bottom:0}.formLabel strong{color:var(--text-primary);font-weight:600}.formInput,.formTextarea{width:100%;padding:var(--space-3) var(--space-4);background:var(--surface-3);border:1px solid var(--border-default);border-radius:var(--radius);font-size:.875rem;font-family:inherit;color:var(--text-primary);transition:all var(--duration-micro) var(--ease-micro)}.formInput::placeholder,.formTextarea::placeholder{color:var(--text-quaternary)}.formInput:hover,.formTextarea:hover{border-color:var(--border-hover);background:var(--surface-4)}.formInput:focus,.formTextarea:focus{outline:2px solid var(--brand-coral);outline-offset:-1px;border-color:var(--brand-coral);background:var(--surface-4)}:root[data-theme=light] .formInput,:root[data-theme=light] .formTextarea{background:var(--surface-1)}:root[data-theme=light] .formInput:hover,:root[data-theme=light] .formTextarea:hover{background:var(--surface-2)}.formTextarea{min-height:80px}.formatOptions{display:flex;gap:var(--space-4)}.radioLabel{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.radioInput{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid var(--border-default);border-radius:var(--radius);background:var(--surface-3);cursor:pointer;transition:all var(--duration-micro) var(--ease-micro)}.radioInput:checked{background:var(--brand-coral);border-color:var(--brand-coral)}.radioInput:checked:after{content:"";display:block;width:8px;height:8px;margin:3px;background:var(--color-text-contrast);border-radius:2px}.radioInput:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.radioText{font-size:.875rem;color:var(--text-primary)}.radioHint{color:var(--text-tertiary);font-size:.75rem}.infoBox{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);background:var(--color-info-subtle);border-radius:var(--radius);font-size:.8125rem;color:var(--text-secondary);margin-bottom:var(--space-4)}.infoBox svg{flex-shrink:0;color:var(--color-info)}.formActions{gap:var(--space-3)}.dangerSection{border-top:1px solid var(--color-error-muted)}.dangerTitle,.dangerTitle svg{color:var(--color-error)}.deletionForm{margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.warningBox{display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--color-error-subtle);border:1px solid var(--color-error-muted);border-radius:var(--radius)}.warningBox>svg{flex-shrink:0;color:var(--color-error);margin-top:2px}.warningContent{flex:1 1}.warningContent strong{display:block;margin-bottom:var(--space-2);font-size:.9375rem;color:var(--color-error)}.warningContent p{margin:0 0 var(--space-2) 0}.deletionList,.warningContent p{font-size:.8125rem;color:var(--text-secondary)}.deletionList{margin:0;padding-left:var(--space-4);line-height:1.6}.deletionList li{margin-bottom:var(--space-1)}.confirmationSection{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);background:var(--surface-3);border-radius:var(--radius);border:1px solid var(--color-error-muted)}:root[data-theme=light] .confirmationSection{background:var(--surface-2)}.checkboxLabel{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer}.checkboxInput{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-shrink:0;width:20px;height:20px;margin-top:2px;border:2px solid var(--border-default);border-radius:var(--radius);background:var(--surface-3);cursor:pointer;transition:all var(--duration-micro) var(--ease-micro)}.checkboxInput:checked{background:var(--brand-coral);border-color:var(--brand-coral)}.checkboxInput:checked:after{content:"";display:block;width:6px;height:10px;margin:2px auto;border:solid var(--color-text-contrast);border-width:0 2px 2px 0;transform:rotate(45deg)}.checkboxInput:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.checkboxText{font-size:.875rem;color:var(--text-primary);line-height:1.5}.btnPrimary{font-size:.8125rem}.btnDanger,.btnPrimary{height:40px;padding:0 var(--space-4)}.btnDanger{color:var(--color-error);border-radius:var(--radius);font-weight:600;gap:var(--space-2);transition:all var(--duration-micro) var(--ease-micro)}.btnDanger:hover:not(:disabled){filter:brightness(1.2)}.btnDanger:disabled{opacity:.5;cursor:not-allowed}.btnDanger:focus-visible{outline:2px solid var(--color-error)}.btnDangerFill{height:40px;padding:0 var(--space-4);background:var(--color-error);color:var(--color-text-contrast);border:none;border-radius:var(--radius);font-weight:600;font-size:.8125rem;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all var(--duration-micro) var(--ease-micro)}.btnDangerFill:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.btnDangerFill:disabled{opacity:.5;cursor:not-allowed}.btnDangerFill:focus-visible{outline:2px solid var(--color-error);outline-offset:2px}.btnIcon{color:var(--text-secondary);border-radius:var(--radius);transition:color var(--duration-micro) var(--ease-micro)}.btnIcon:hover{color:var(--brand-coral)}.loadingContainer{padding:var(--space-6)}@media (max-width:1023px){.actionHeader{flex-direction:column;gap:var(--space-3)}.actionHeader>button{align-self:flex-start}}@media (max-width:767px){.sectionHeader{padding:var(--space-3)}.sectionContentExpanded{padding:var(--space-3);padding-top:0}.requestHeader{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.requestActions{flex-direction:column;width:100%}.requestActions button{width:100%}.formatOptions{gap:var(--space-2)}.formActions,.formatOptions{flex-direction:column}.formActions button{width:100%}.warningBox{flex-direction:column;gap:var(--space-2)}}@media (prefers-reduced-motion:reduce){.btnDanger,.btnDangerFill,.btnPrimary,.btnSecondary,.checkboxInput,.formInput,.formTextarea,.radioInput,.sectionChevron,.sectionContent,.spinning{transition:none;animation:none}}.billingSection{display:flex;flex-direction:column;gap:var(--space-4)}.loadingSpinner{border:3px solid var(--surface-4);border-top-color:var(--brand-coral);border-radius:var(--radius);animation:spin 1s linear infinite}.loadingText{color:var(--text-secondary)}.errorContainer{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8);text-align:center}.errorIcon,.errorMessage{color:var(--color-error)}.errorMessage{font-size:.875rem;margin:0}.errorBanner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-error-muted);border-radius:var(--radius);color:var(--color-error);font-size:.8125rem}.errorDismiss{margin-left:auto;padding:var(--space-1);background:transparent;border:none;color:var(--color-error);cursor:pointer;opacity:.7;transition:opacity var(--duration-micro) var(--ease-micro)}.errorDismiss:hover{opacity:1}.currentSubscription{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);background:var(--surface-2);border-radius:var(--radius);border:1px solid var(--border-subtle)}:root[data-theme=light] .currentSubscription{background:var(--surface-1)}.planHeader{display:flex;align-items:flex-start;gap:var(--space-4)}.planIconLarge{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--brand-coral-muted);color:var(--brand-coral);border-radius:var(--radius);flex-shrink:0}.planDetails{flex:1 1}.planNameRow{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.planName{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.planPrice{font-size:.9375rem;color:var(--text-secondary);margin:var(--space-1) 0 0 0}.planInterval{color:var(--text-tertiary);font-size:.8125rem}.statusBadge{font-size:.6875rem;font-weight:600;letter-spacing:.05em;border-radius:var(--radius)}.statusActive{background:var(--color-success-muted);color:var(--color-success)}.statusTrialing{background:var(--brand-coral-muted);color:var(--brand-coral)}.statusPastDue{background:var(--color-error-muted);color:var(--color-error)}.statusCanceling{background:var(--color-warning-muted);color:var(--color-warning)}.subscriptionMeta{flex-direction:column}.metaItem,.subscriptionMeta{display:flex;gap:var(--space-2)}.metaItem{align-items:center;font-size:.8125rem;color:var(--text-secondary)}.metaWarning{color:var(--color-warning)}.pastDueWarning{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-error-muted);border-radius:var(--radius);color:var(--color-error);font-size:.8125rem}.subscriptionActions{display:flex;gap:var(--space-3);padding-top:var(--space-2)}@media (max-width:767px){.subscriptionActions{flex-direction:column}}.planSelection{display:flex;flex-direction:column;gap:var(--space-4)}.backButton{display:inline-flex;align-items:center;gap:var(--space-2);padding:0;background:transparent;border:none;color:var(--text-secondary);font-size:.8125rem;cursor:pointer;transition:color var(--duration-micro) var(--ease-micro)}.backButton:hover{color:var(--brand-coral)}.backIcon{transform:rotate(180deg)}.planSelectionHeader{text-align:center;margin-bottom:var(--space-2)}.planSelectionTitle{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-2) 0}.planSelectionSubtitle{font-size:.875rem;color:var(--text-secondary);margin:0}.billingCycleToggle{display:flex;justify-content:center;gap:var(--space-1);padding:var(--space-1);background:var(--surface-3);border-radius:var(--radius);width:-moz-fit-content;width:fit-content;margin:0 auto var(--space-4)}.cycleButton{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:transparent;border:none;border-radius:var(--radius);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--duration-micro) var(--ease-micro)}.cycleButton:hover,.cycleButtonActive{color:var(--text-primary)}.cycleButtonActive{background:var(--surface-1);box-shadow:var(--shadow-low)}:root[data-theme=light] .cycleButtonActive{background:var(--color-text-contrast)}.saveBadge{display:inline-flex;padding:2px 6px;background:var(--color-success-muted);color:var(--color-success);font-size:.6875rem;font-weight:600;border-radius:var(--radius)}.plansGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--space-4);gap:var(--space-4);max-width:900px;margin:0 auto}@media (max-width:767px){.plansGrid{grid-template-columns:1fr}}.planCard{position:relative;display:flex;flex-direction:column;padding:var(--space-5);background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius);transition:all var(--duration-normal) var(--ease-out-cubic)}:root[data-theme=light] .planCard{background:var(--surface-1)}.planCard:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.planCardRecommended{border-color:var(--brand-coral);box-shadow:0 0 0 1px var(--brand-coral)}.planCardCurrent{border-color:var(--color-success);background:linear-gradient(135deg,rgba(34,197,94,.06),rgba(34,197,94,.02))}.currentBadge,.recommendedBadge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);padding:4px 12px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius)}.recommendedBadge{background:var(--brand-coral);color:var(--color-text-contrast)}:root[data-theme=light] .recommendedBadge{color:var(--color-text-contrast-light)}.currentBadge{background:var(--color-success);color:var(--color-text-contrast)}.planCardHeader{gap:var(--space-3);margin-bottom:var(--space-3)}.planCardHeader,.planCardIcon{display:flex;align-items:center}.planCardIcon{justify-content:center;width:40px;height:40px;background:var(--brand-coral-muted);color:var(--brand-coral);border-radius:var(--radius)}.planCardName{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.planCardPricing{display:flex;align-items:baseline;gap:var(--space-1);margin-bottom:var(--space-2)}.planCardPrice{font-size:2rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.planCardInterval{font-size:.875rem;color:var(--text-tertiary)}.planCardTrial{font-size:.8125rem;color:var(--brand-coral);margin:0 0 var(--space-3) 0}.planCardDescription{font-size:.8125rem;color:var(--text-secondary);line-height:1.5;margin:0 0 var(--space-4) 0}.planCardFeatures{list-style:none;padding:0;margin:0 0 var(--space-4) 0;flex:1 1}.planCardFeature{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) 0;font-size:.8125rem;color:var(--text-primary)}.planCardFeatureExcluded{color:var(--text-quaternary);text-decoration:line-through}.featureIconCheck{color:var(--color-success);flex-shrink:0;margin-top:1px}.featureIconX{color:var(--text-quaternary);flex-shrink:0;margin-top:1px}.planCardLimits{padding-top:var(--space-3);border-top:1px solid var(--border-subtle);margin-bottom:var(--space-4)}.planCardLimitsTitle{font-size:.6875rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.planCardLimit{display:flex;justify-content:space-between;align-items:center;padding:var(--space-1) 0;font-size:.8125rem}.planCardLimitLabel{color:var(--text-secondary)}.planCardLimitValue{color:var(--text-primary);font-weight:600}.planButton{width:100%;height:44px;display:flex;align-items:center;justify-content:center;gap:var(--space-2);border:none;border-radius:var(--radius);font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--duration-micro) var(--ease-micro)}.planButtonPrimary{background:var(--brand-coral);color:var(--color-text-contrast)}:root[data-theme=light] .planButtonPrimary{color:var(--color-text-contrast-light)}.planButtonPrimary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.planButtonSecondary{background:var(--surface-4);color:var(--text-primary);border:1px solid var(--border-default)}.planButtonSecondary:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-hover)}.planButtonCurrent{background:var(--color-success-muted);color:var(--color-success);cursor:default}.planButton:disabled{opacity:.6;cursor:not-allowed}.planCardNoCard{font-size:.75rem;color:var(--text-tertiary)}.planCardNoCard,.trialNote{text-align:center;margin:var(--space-2) 0 0 0}.trialNote{font-size:.8125rem;color:var(--text-secondary)}.successMessage{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8);background:var(--surface-2);border-radius:var(--radius)}:root[data-theme=light] .successMessage{background:var(--surface-1)}.successIcon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--color-success-muted);color:var(--color-success);border-radius:var(--radius);margin-bottom:var(--space-4)}.successTitle{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-2) 0}.successDescription{font-size:.875rem;color:var(--text-secondary);margin:0 0 var(--space-5) 0;max-width:400px}.emptyIcon{color:var(--text-quaternary);margin-bottom:var(--space-4)}.emptyTitle{font-size:1.125rem;margin:0 0 var(--space-2) 0}.emptyDescription{font-size:.875rem;margin:0}.btnPrimary{padding:0 var(--space-5);border-radius:var(--radius);font-size:.875rem;gap:var(--space-2);transition:all var(--duration-micro) var(--ease-micro)}:root[data-theme=light] .btnPrimary{color:var(--color-text-contrast-light)}.btnSecondary{height:40px;font-size:.875rem}.paymentSection{display:flex;flex-direction:column;gap:var(--space-4)}.billingHistoryCard,.paymentMethodCard{padding:var(--space-4);background:var(--surface-2);border-radius:var(--radius);border:1px solid var(--border-subtle)}:root[data-theme=light] .billingHistoryCard,:root[data-theme=light] .paymentMethodCard{background:var(--surface-1)}.billingHistoryHeader,.paymentMethodHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.billingHistoryTitle,.paymentMethodTitle{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0}.invoicesLoading,.paymentMethodLoading{display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.paymentMethodInfo{display:flex;flex-direction:column;gap:var(--space-3)}.cardDisplay{gap:var(--space-3)}.cardBrand,.cardDisplay{display:flex;align-items:center}.cardBrand{justify-content:center;width:48px;height:32px;background:var(--surface-4);color:var(--text-secondary);border-radius:var(--radius)}.cardDetails{display:flex;flex-direction:column;gap:2px}.cardNumber{font-size:.9375rem;font-weight:500;color:var(--text-primary)}.cardExpiry{font-size:.75rem;color:var(--text-tertiary)}.expiringWarning{display:flex;align-items:center;gap:var(--space-2);font-size:.75rem;color:var(--color-warning)}.defaultBadge{display:inline-flex;width:-moz-fit-content;width:fit-content;padding:2px 8px;background:var(--brand-coral-muted);color:var(--brand-coral);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius)}.noPaymentMethod{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-4);text-align:center}.noPaymentMethod p{font-size:.875rem;color:var(--text-secondary);margin:0}.paymentEmptyState{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-6)}.paymentEmptyIcon{color:var(--text-quaternary);margin-bottom:var(--space-3)}.paymentEmptyText{font-size:.875rem;color:var(--text-tertiary);margin:0}.invoicesList{display:flex;flex-direction:column;gap:var(--space-2)}.invoiceItem{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--surface-3);border-radius:var(--radius)}:root[data-theme=light] .invoiceItem{background:var(--surface-2)}.invoiceInfo{display:flex;align-items:center;gap:var(--space-3);flex:1 1;min-width:0}.invoiceIcon{color:var(--text-tertiary);flex-shrink:0}.invoiceDetails{display:flex;flex-direction:column;gap:2px;min-width:0}.invoiceNumber{font-size:.8125rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invoiceDate{font-size:.75rem;color:var(--text-tertiary)}.invoiceMeta{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.invoiceAmount{font-size:.875rem;font-weight:600;color:var(--text-primary)}.invoiceStatus{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.invoiceStatusPaid{color:var(--color-success)}.invoiceStatusPending{color:var(--color-warning)}.invoiceStatusFailed{color:var(--color-error)}.invoiceDownload{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--text-secondary);transition:color var(--duration-micro) var(--ease-micro)}.invoiceDownload:hover{color:var(--brand-coral)}.noInvoices{font-size:.875rem;color:var(--text-tertiary);text-align:center;padding:var(--space-3);margin:0}@media (max-width:767px){.currentSubscription{padding:var(--space-4)}.planHeader{flex-direction:column;align-items:flex-start}.planCardPricing{flex-wrap:wrap}.planCardPrice{font-size:1.75rem}.billingCycleToggle{width:100%}.cycleButton{flex:1 1;justify-content:center}.invoiceItem{flex-wrap:wrap}.invoiceMeta{flex-direction:row;gap:var(--space-2);width:100%;padding-left:calc(16px + var(--space-3))}}@media (prefers-reduced-motion:reduce){.btnPrimary,.btnSecondary,.loadingSpinner,.planButton,.planCard,.spinning{transition:none;animation:none}}.integrationsPage{gap:var(--space-5,20px);padding:var(--space-4,16px);max-width:100%;overflow-x:hidden;min-height:100%}.header,.integrationsPage{display:flex;flex-direction:column}.header,.headerRow{gap:var(--space-4,16px)}.headerRow{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.headerContent{display:flex;flex-direction:column;gap:var(--space-1,4px)}.title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.02em}.description{font-size:.875rem;color:var(--text-tertiary);margin:0}.integrationsSearch{flex-shrink:0}.searchInputWrapper{display:flex;align-items:center;gap:var(--space-2,8px);height:40px;padding:0 var(--space-3,12px);background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius,5px);min-width:260px;transition:all var(--duration-micro,.15s) var(--ease-micro,ease)}.searchInputWrapper:focus-within{border-color:var(--brand-coral);box-shadow:0 0 0 2px var(--brand-coral-alpha-15,rgba(255,120,41,.15))}.searchIcon{width:16px;height:16px}.searchInput{height:100%;font-size:.875rem;font-family:inherit}.tabs{display:flex;align-items:center;gap:0;background:var(--surface-2);border-radius:var(--radius,5px);padding:2px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.tabs::-webkit-scrollbar{display:none}.tab{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2,8px);height:36px;padding:0 var(--space-4,16px);background:transparent;border:none;border-radius:var(--radius,5px);color:var(--text-secondary);font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;white-space:nowrap;transition:all var(--duration-micro,.15s) var(--ease-micro,ease)}.tab:hover:not(.tabActive){color:var(--brand-coral)}.tab:focus-visible{outline:2px solid var(--brand-coral);outline-offset:-2px}.tabActive{background:var(--brand-coral)}.tabActive,:root[data-theme=light] .tabActive{color:var(--color-text-contrast)}.tabBadge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--surface-3);border-radius:var(--radius,5px);font-size:.6875rem;font-weight:600}.tabActive .tabBadge{background:var(--surface-1);color:var(--text-primary)}.tabContent{min-height:400px}.apiSection,.connectedSection,.marketplaceSection,.webhooksSection{display:flex;flex-direction:column;gap:var(--space-4,16px)}.connectedGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));grid-gap:var(--space-4,16px);gap:var(--space-4,16px)}.integrationCard{display:flex;flex-direction:column;gap:var(--space-4,16px);padding:var(--space-4,16px);background:var(--surface-2);border-radius:var(--radius,5px);box-shadow:var(--shadow-card-rest,var(--shadow-low));transition:all var(--duration-micro,.15s) var(--ease-micro,ease)}.integrationCard:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover,var(--shadow-medium))}.integrationHeader{display:flex;align-items:flex-start;gap:var(--space-3,12px)}.integrationLogo{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--surface-3);border-radius:var(--radius,5px);font-size:1rem;font-weight:700;color:var(--brand-coral);flex-shrink:0}.integrationInfo{flex:1 1;display:flex;flex-direction:column;gap:var(--space-2,8px);min-width:0}.integrationName{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.integrationMeta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2,8px);font-size:.75rem}.statusBadge{gap:4px;padding:2px 8px;font-size:.75rem;font-weight:500}.statusDot{width:6px;height:6px;border-radius:var(--radius-full,50%)}.statusConnected{background:var(--status-success-bg,rgba(16,185,129,.15));color:var(--status-success,#10b981)}.statusConnected .statusDot{background:var(--status-success,#10b981)}.statusError{background:var(--status-error-bg,rgba(239,68,68,.15));color:var(--status-error,#ef4444)}.statusError .statusDot{background:var(--status-error,#ef4444)}.statusDisconnected{background:var(--surface-3);color:var(--text-tertiary)}.statusDisconnected .statusDot{background:var(--text-tertiary)}.typeBadge{padding:2px 8px;background:var(--surface-3);border-radius:var(--radius,5px);color:var(--text-secondary);text-transform:capitalize}.lastSync{color:var(--text-tertiary)}.integrationActions{margin-top:auto}.categoryFilters,.integrationActions{display:flex;align-items:center;gap:var(--space-2,8px)}.categoryFilters{flex-wrap:wrap}.btnSelection{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 var(--space-4,16px);background:var(--surface-2);border:none;border-radius:var(--radius,5px);color:var(--text-secondary);font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all var(--duration-micro,.15s) var(--ease-micro,ease)}.btnSelection:hover:not(.btnSelectionActive){color:var(--brand-coral)}.btnSelection:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.btnSelectionActive{background:var(--brand-coral)}.btnSelectionActive,:root[data-theme=light] .btnSelectionActive{color:var(--color-text-contrast)}.marketplaceGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:var(--space-4,16px);gap:var(--space-4,16px)}.providerCard{position:relative;display:flex;flex-direction:column;gap:var(--space-3,12px);padding:var(--space-4,16px);background:var(--surface-2);border-radius:var(--radius,5px);box-shadow:var(--shadow-card-rest,var(--shadow-low));transition:all var(--duration-micro,.15s) var(--ease-micro,ease)}.providerCard:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover,var(--shadow-medium))}.popularBadge{position:absolute;top:var(--space-3,12px);right:var(--space-3,12px);padding:2px 8px;background:var(--brand-coral);color:var(--color-text-contrast);border-radius:var(--radius,5px);font-size:.6875rem;font-weight:600;text-transform:uppercase}.providerHeader{display:flex;align-items:flex-start;gap:var(--space-3,12px)}.providerLogo{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--surface-3);border-radius:var(--radius,5px);font-size:1rem;font-weight:700;color:var(--brand-coral);flex-shrink:0}.providerInfo{display:flex;flex-direction:column;gap:var(--space-1,4px)}.providerName{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.pricingBadge{padding:2px 8px;background:var(--surface-3);border-radius:var(--radius,5px);font-size:.6875rem;font-weight:600;text-transform:uppercase;color:var(--text-secondary);width:-moz-fit-content;width:fit-content}.pricingBadge[data-pricing=free]{background:var(--status-success-bg,rgba(16,185,129,.15));color:var(--status-success,#10b981)}.pricingBadge[data-pricing=premium]{background:var(--brand-coral-alpha-15,rgba(255,120,41,.15));color:var(--brand-coral)}.pricingBadge[data-pricing=enterprise]{background:var(--surface-4);color:var(--text-primary)}.providerDescription{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.5}.featuresList{display:flex;flex-wrap:wrap;gap:var(--space-1,4px);margin-top:auto}.featureTag{background:var(--surface-3);border-radius:var(--radius,5px);color:var(--text-tertiary)}.featureTag,.moreFeatures{padding:2px 8px;font-size:.75rem}.moreFeatures{color:var(--brand-coral)}.noResults{padding:var(--space-8,48px);grid-column:1/-1}.sectionHeader{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3,12px)}.sectionTitle{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.webhookList{display:flex;flex-direction:column;gap:var(--space-2,8px)}.webhookCard{display:flex;align-items:center;gap:var(--space-3,12px);padding:var(--space-3,12px) var(--space-4,16px);background:var(--surface-2);border-radius:var(--radius,5px);box-shadow:var(--shadow-card-rest,var(--shadow-low));transition:all var(--duration-micro,.15s) var(--ease-micro,ease)}.webhookCard:hover{transform:translateY(-1px);box-shadow:var(--shadow-card-hover,var(--shadow-medium))}.webhookIcon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--surface-3);border-radius:var(--radius,5px);color:var(--brand-coral);flex-shrink:0}.webhookInfo{flex:1 1;display:flex;flex-direction:column;gap:var(--space-1,4px);min-width:0}.webhookEvent{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0}.webhookUrl{font-size:.75rem;color:var(--text-tertiary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.webhookActions{display:flex;align-items:center;gap:var(--space-1,4px)}.apiKeyGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:var(--space-4,16px);gap:var(--space-4,16px)}.apiKeyCard{flex-direction:column;padding:var(--space-4,16px);background:var(--surface-2);border-radius:var(--radius,5px);box-shadow:var(--shadow-card-rest,var(--shadow-low))}.apiKeyCard,.apiKeyHeader{display:flex;gap:var(--space-3,12px)}.apiKeyHeader{align-items:center;justify-content:space-between}.apiKeyName{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.apiKeyValue{display:flex;align-items:center;gap:var(--space-2,8px);padding:var(--space-2,8px) var(--space-3,12px);background:var(--surface-3);border-radius:var(--radius,5px)}.apiKeyMask{flex:1 1;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.8125rem;color:var(--text-secondary)}.apiKeyMeta{gap:var(--space-3,12px);font-size:.75rem;color:var(--text-tertiary)}.apiKeyMeta,.apiKeyScopes{display:flex;flex-wrap:wrap}.apiKeyScopes{gap:var(--space-1,4px)}.scopeTag{padding:2px 8px;background:var(--surface-3);border-radius:var(--radius,5px);font-size:.6875rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase}.emptyState{padding:var(--space-10,64px) var(--space-4,16px);min-height:300px}.emptyIcon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--surface-2);border-radius:var(--radius,5px);color:var(--brand-coral);margin-bottom:var(--space-4,16px)}.emptyTitle{font-size:1.25rem;color:var(--text-primary);margin:0 0 var(--space-2,8px)}.emptyDescription{font-size:.9375rem;color:var(--text-tertiary);margin:0 0 var(--space-5,20px);max-width:360px}.panelOverlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:var(--z-modal-backdrop,1040);animation:fadeIn var(--duration-normal,.2s) var(--ease-out,ease-out)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slideInPanel{position:fixed;top:0;right:0;width:100%;max-width:480px;height:100%;background:var(--surface-1);box-shadow:var(--shadow-extreme,-8px 0 32px rgba(0,0,0,.3));z-index:var(--z-modal,1050);display:flex;flex-direction:column;animation:slideInRight var(--duration-normal,.25s) var(--ease-out,ease-out);overflow:hidden}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.panelHeader{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3,12px);padding:var(--space-4,16px) var(--space-5,20px);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.panelTitle{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.panelBody{flex:1 1;overflow-y:auto;padding:var(--space-5,20px);display:flex;flex-direction:column;gap:var(--space-5,20px)}.panelFooter{padding:var(--space-4,16px) var(--space-5,20px);border-top:1px solid var(--border-subtle);flex-shrink:0}.panelActions{display:flex;flex-direction:column;gap:var(--space-2,8px);margin-top:var(--space-4,16px)}.integrationPreview{flex-direction:column;text-align:center;gap:var(--space-3,12px);padding:var(--space-5,20px);background:var(--surface-2)}.integrationPreview,.previewLogo{display:flex;align-items:center;border-radius:var(--radius,5px)}.previewLogo{justify-content:center;width:64px;height:64px;background:var(--surface-3);font-size:1.5rem;font-weight:700;color:var(--brand-coral)}.previewDescription{font-size:.9375rem;color:var(--text-secondary);margin:0;line-height:1.5}.permissionsSection{display:flex;flex-direction:column;gap:var(--space-3,12px)}.permissionsTitle{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0}.permissionsList{display:flex;flex-direction:column;gap:var(--space-2,8px)}.permissionItem{display:flex;align-items:flex-start;gap:var(--space-3,12px);padding:var(--space-3,12px);background:var(--surface-2);border-radius:var(--radius,5px)}.permissionIcon{color:var(--status-success,#10b981);flex-shrink:0;margin-top:2px}.permissionText{display:flex;flex-direction:column;gap:2px}.permissionName{font-size:.875rem;font-weight:500;color:var(--text-primary);margin:0}.permissionDesc{font-size:.75rem;color:var(--text-tertiary);margin:0}.statusSection{flex-direction:column;padding:var(--space-4,16px);background:var(--surface-2);border-radius:var(--radius,5px)}.statusRow,.statusSection{display:flex;gap:var(--space-3,12px)}.statusRow{align-items:center;justify-content:space-between}.statusLabel{font-size:.875rem;color:var(--text-tertiary)}.statusValue{font-size:.875rem;color:var(--text-primary)}.quickActions{display:flex;gap:var(--space-2,8px)}.errorAlert{display:flex;align-items:flex-start;gap:var(--space-3,12px);padding:var(--space-3,12px) var(--space-4,16px);background:var(--status-error-bg,rgba(239,68,68,.15));border-radius:var(--radius,5px);border-left:3px solid var(--status-error,#ef4444)}.alertIcon{color:var(--status-error,#ef4444);flex-shrink:0;margin-top:2px}.alertText{display:flex;flex-direction:column;gap:2px}.alertTitle{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0}.alertDescription{font-size:.8125rem;color:var(--text-secondary);margin:0}.configForm{display:flex;flex-direction:column;gap:var(--space-4,16px)}.formGroup{gap:var(--space-2,8px)}.formLabel{font-size:.875rem}.formInput{height:44px;padding:0 var(--space-3,12px);background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius,5px);color:var(--text-primary);font-size:.9375rem;font-family:inherit;transition:all var(--duration-micro,.15s) var(--ease-micro,ease)}.formInput:focus{outline:none;border-color:var(--brand-coral);box-shadow:0 0 0 2px var(--brand-coral-alpha-15,rgba(255,120,41,.15))}.formHelper{font-size:.75rem;color:var(--text-tertiary);margin:0}.btnPrimary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2,8px);height:44px;padding:0 var(--space-5,20px);background:var(--brand-coral);color:var(--color-text-contrast);border-radius:var(--radius,5px);font-size:.9375rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--duration-micro,.15s) var(--ease-micro,ease);box-shadow:var(--shadow-low)}.btnPrimary:hover:not(:disabled){box-shadow:var(--shadow-medium)}.btnPrimary:active:not(:disabled){transform:translateY(0)}.btnPrimary:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.btnPrimary:disabled{opacity:.5;cursor:not-allowed}.btnSecondary{gap:var(--space-2,8px);padding:0 var(--space-3,12px);border:1px solid var(--border-default);border-radius:var(--radius,5px);transition:all var(--duration-micro,.15s) var(--ease-micro,ease)}.btnSecondary:hover:not(:disabled){border-color:var(--brand-coral)}.btnSecondary:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.btnIcon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;color:var(--text-tertiary);border:none;border-radius:var(--radius,5px);cursor:pointer;transition:all var(--duration-micro,.15s) var(--ease-micro,ease)}.btnIcon:hover:not(:disabled){color:var(--brand-coral);background:var(--surface-2)}.btnIcon:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.btnDanger{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2,8px);height:36px;padding:0 var(--space-3,12px);color:var(--status-error,#ef4444);border:none;border-radius:var(--radius,5px);font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all var(--duration-micro,.15s) var(--ease-micro,ease)}.btnDanger:hover:not(:disabled){background:var(--status-error-bg,rgba(239,68,68,.15))}.btnDanger:focus-visible{outline:2px solid var(--status-error,#ef4444);outline-offset:2px}.loadingState{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4,16px);min-height:400px;color:var(--text-tertiary)}.spinner{border:3px solid var(--border-subtle);border-top-color:var(--brand-coral);border-radius:var(--radius-full,50%)}@media (max-width:1024px){.apiKeyGrid,.connectedGrid,.marketplaceGrid{grid-template-columns:1fr}}@media (max-width:768px){.integrationsPage{padding:var(--space-3,12px);gap:var(--space-4,16px)}.headerRow{flex-direction:column;align-items:stretch}.integrationsSearch{width:100%}.searchInputWrapper{min-width:100%}.tabs{width:100%;justify-content:stretch}.tab{flex:1 1;justify-content:center;padding:0 var(--space-2,8px);font-size:.8125rem}.categoryFilters{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--space-2,8px)}.categoryFilters::-webkit-scrollbar{display:none}.integrationActions{flex-wrap:wrap}.slideInPanel{max-width:100%}.panelActions,.quickActions{flex-direction:column}.webhookCard{flex-wrap:wrap}.webhookInfo{width:100%;order:1}.webhookIcon{order:0}.webhookActions{order:2;margin-top:var(--space-2,8px);width:100%;justify-content:flex-end}}@media (max-width:480px){.title{font-size:1.25rem}.emptyState{padding:var(--space-6,32px) var(--space-4,16px)}}:root[data-theme=light] .integrationsPage{background:var(--surface-1)}:root[data-theme=light] .apiKeyCard,:root[data-theme=light] .integrationCard,:root[data-theme=light] .providerCard,:root[data-theme=light] .webhookCard{box-shadow:0 2px 8px rgba(0,0,0,.06)}:root[data-theme=light] .integrationCard:hover,:root[data-theme=light] .providerCard:hover,:root[data-theme=light] .webhookCard:hover{box-shadow:0 4px 16px rgba(0,0,0,.1)}:root[data-theme=light] .slideInPanel{box-shadow:-4px 0 24px rgba(0,0,0,.15)}:root[data-theme=light] .panelOverlay{background:rgba(0,0,0,.4)}.supportPage{display:grid;grid-template-columns:1fr 300px;grid-gap:var(--space-5);gap:var(--space-5);padding:var(--space-3);max-width:100%;min-height:100%}@media (max-width:1024px){.supportPage{grid-template-columns:1fr}}.pageHeader{grid-column:1/-1}.headerTitle{display:flex;flex-direction:column;gap:var(--space-1)}.pageTitle{font-size:var(--text-2xl);font-weight:var(--font-semibold)}.pageSubtitle{font-size:var(--text-sm)}.quickStats{grid-column:1/-1;display:flex;gap:var(--space-4);flex-wrap:wrap}.quickStat{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-2);border-radius:var(--radius);flex:1 1;min-width:200px}:root[data-theme=dark] .quickStat{box-shadow:var(--shadow-low)}:root[data-theme=light] .quickStat{box-shadow:0 2px 8px rgba(0,0,0,.04)}.quickStatIcon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,var(--brand-coral,#fa7200),#ff6b35);border-radius:var(--radius);flex-shrink:0}.quickStatIcon svg{width:20px;height:20px;color:#fff}.quickStatLabel{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.quickStatValue{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);margin-left:auto}a.quickStatValue{color:var(--brand-coral);text-decoration:none}a.quickStatValue:hover{text-decoration:underline}.tabNavigation{grid-column:1;display:flex;gap:var(--space-2);padding:var(--space-1);background:var(--surface-1);border-radius:var(--radius)}.tabButton{padding:var(--space-2) var(--space-4);background:transparent;border:none;border-radius:var(--radius);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-micro) var(--ease-micro)}.tabButton:hover{background:var(--surface-2);color:var(--text-primary)}.tabButtonActive{background:var(--surface-3);color:var(--text-primary)}.tabContent{grid-column:1;padding:var(--space-5);background:var(--surface-2);border-radius:var(--radius)}:root[data-theme=dark] .tabContent{box-shadow:var(--shadow-low)}:root[data-theme=light] .tabContent{box-shadow:0 2px 8px rgba(0,0,0,.04)}.contactForm,.feedbackForm{display:flex;flex-direction:column;gap:var(--space-4)}.formRow{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-4);gap:var(--space-4)}@media (max-width:640px){.formRow{grid-template-columns:1fr}}.formLabel{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.formInput,.formSelect,.formTextarea{padding:var(--space-3);background:var(--surface-1);border:1px solid var(--border-subtle);font-size:var(--text-sm)}.formInput:focus,.formSelect:focus,.formTextarea:focus{outline:none;box-shadow:0 0 0 2px rgba(255,154,0,.2)}.formTextarea{min-height:120px}.submitButton{align-self:flex-start;padding:var(--space-3) var(--space-6);background:var(--brand-coral);border:none;border-radius:var(--radius);color:var(--color-text-contrast);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--duration-micro) var(--ease-micro)}.submitButton:hover{opacity:.9;transform:translateY(-1px)}.submitButton:disabled{opacity:.6;cursor:not-allowed;transform:none}.ratingContainer{display:flex;gap:var(--space-1)}.ratingStar{background:transparent;border:none;font-size:24px;color:var(--border-subtle);cursor:pointer;transition:all var(--duration-micro) var(--ease-micro)}.ratingStar:hover{transform:scale(1.1)}.ratingStar:hover,.ratingStarActive{color:var(--color-warning)}.faqSection{display:flex;flex-direction:column;gap:var(--space-4)}.faqFilters{display:flex;gap:var(--space-2);flex-wrap:wrap}.faqFilterButton{padding:var(--space-2) var(--space-3);background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-micro) var(--ease-micro)}.faqFilterButton:hover{background:var(--surface-3);border-color:var(--border-hover)}.faqFilterButtonActive{background:var(--brand-coral);border-color:var(--brand-coral);color:var(--color-text-contrast)}.faqList{display:flex;flex-direction:column;gap:var(--space-2)}.faqItem{background:var(--surface-1);border-radius:var(--radius);overflow:hidden}.faqQuestion{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:transparent;border:none;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);text-align:left;cursor:pointer;transition:all var(--duration-micro) var(--ease-micro)}.faqQuestion:hover{background:var(--surface-2)}.faqToggle{font-size:var(--text-lg);color:var(--text-tertiary)}.faqAnswer{padding:0 var(--space-4) var(--space-4) var(--space-4);border-top:1px solid var(--border-subtle)}.faqAnswer p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin:var(--space-3) 0 0 0}.faqCategory{display:inline-block;margin-top:var(--space-3);padding:var(--space-1) var(--space-2);background:var(--surface-2);border-radius:var(--radius);font-size:var(--text-xs);color:var(--text-tertiary)}.docsSection{display:flex;flex-direction:column;gap:var(--space-4)}.docsGrid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-3);gap:var(--space-3)}@media (max-width:640px){.docsGrid{grid-template-columns:1fr}}.docCard{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--surface-1);border-radius:var(--radius);text-decoration:none;transition:all var(--duration-micro) var(--ease-micro)}.docCard:hover{background:var(--surface-3);transform:translateY(-2px)}.docIcon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,var(--surface-3,hsla(0,0%,100%,.05)),var(--surface-2,hsla(0,0%,100%,.02)));border-radius:var(--radius);flex-shrink:0}.docIcon svg{width:22px;height:22px;color:var(--brand-coral,#fa7200)}.docContent{flex:1 1;min-width:0}.docTitle{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.docDescription{font-size:var(--text-xs);margin:var(--space-1) 0 0 0}.docArrow,.docDescription{color:var(--text-tertiary)}.docArrow{font-size:var(--text-lg)}.systemStatus{grid-column:2;grid-row:3/5;padding:var(--space-4);background:var(--surface-2);border-radius:var(--radius);height:-moz-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:var(--space-4)}@media (max-width:1024px){.systemStatus{grid-column:1;grid-row:auto;position:static}}:root[data-theme=dark] .systemStatus{box-shadow:var(--shadow-low)}:root[data-theme=light] .systemStatus{box-shadow:0 2px 8px rgba(0,0,0,.04)}.statusTitle{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-4) 0}.statusItems{display:flex;flex-direction:column;gap:var(--space-3)}.statusItem{display:flex;align-items:center;gap:var(--space-2)}.statusIndicator{width:8px;height:8px;border-radius:var(--radius)}.statusOperational{background:var(--color-success);box-shadow:0 0 8px rgba(16,185,129,.4)}.statusDegraded{background:var(--color-warning);box-shadow:0 0 8px rgba(245,158,11,.4)}.statusDown{background:var(--color-error);box-shadow:0 0 8px rgba(239,68,68,.4)}.statusLabel{flex:1 1;font-size:var(--text-sm);color:var(--text-primary)}.statusValue{font-size:var(--text-xs);color:var(--color-success)}.statusLink{display:block;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);font-size:var(--text-sm);color:var(--brand-coral);text-decoration:none}.statusLink:hover{text-decoration:underline}.divisionPage{padding:var(--space-3,12px);max-width:100%;overflow-x:hidden;min-height:100%}.divisionSelector{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius,5px);padding:var(--space-4,16px);margin-bottom:var(--space-4,16px)}.selectedDivisions{flex-wrap:wrap;margin-bottom:var(--space-4,16px)}.divisionChip,.selectedDivisions{display:flex;gap:var(--space-2,8px)}.divisionChip{align-items:center;padding:var(--space-2,8px) var(--space-3,12px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius,5px);color:var(--text-secondary);font-size:var(--text-sm,.8rem);cursor:pointer;transition:all var(--transition-fast,.15s) var(--ease-micro)}.divisionChip:hover:not(:disabled){background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.divisionChip:disabled{opacity:.4;cursor:not-allowed}.divisionChipSelected{background:var(--brand-coral-muted,rgba(255,120,41,.15));border-color:var(--brand-coral,#ff7829);color:var(--text-primary)}.divisionName{font-weight:var(--font-medium,500)}.accountCount{font-size:var(--text-xs,.7rem);color:var(--text-quaternary)}.checkIcon{width:14px;height:14px;color:var(--brand-coral,#ff7829)}.noDivisions{color:var(--text-tertiary);font-size:var(--text-sm,.8rem);margin:0;padding:var(--space-3,12px) 0}.compareToggle{gap:var(--space-3,12px)}.compareToggle,.metricSelector{display:flex;align-items:center}.metricSelector{gap:var(--space-2,8px)}.metricSelect{height:36px;padding:0 var(--space-8,32px) 0 var(--space-3,12px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius,5px);color:var(--text-primary);font-size:var(--text-sm,.8rem);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:all var(--transition-fast,.15s) var(--ease-micro)}.metricSelect:hover{background-color:var(--glass-bg-hover)}.metricSelect:focus{outline:none;border-color:var(--border-focus,#ff7829)}[data-theme=light] .metricSelect{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='rgba(0,0,0,0.5)' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}.hint{font-size:var(--text-sm,.8rem)}.comparisonCharts{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-4,16px);gap:var(--space-4,16px);margin-bottom:var(--space-4,16px)}.chartComparison{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius,5px);overflow:hidden;animation:fadeInUp .4s var(--ease-out-cubic)}.chartHeader{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3,12px) var(--space-4,16px);background:var(--glass-bg-active);border-bottom:1px solid var(--glass-border)}.chartTitle{font-size:var(--text-sm,.8rem);font-weight:var(--font-semibold,600);color:var(--text-primary);margin:0;text-transform:uppercase;letter-spacing:.05em}.chartSubtitle{font-size:var(--text-xs,.7rem);color:var(--text-quaternary)}.chartContent{padding:var(--space-4,16px);min-height:200px}.chartLegend{display:flex;flex-wrap:wrap;gap:var(--space-3,12px);padding:var(--space-3,12px) var(--space-4,16px);background:var(--glass-bg);border-top:1px solid var(--glass-border)}.legendItem{font-size:var(--text-xs,.7rem)}.legendDot[data-division="1"]{background:#ff7829}.legendDot[data-division="2"]{background:#3b82f6}.legendDot[data-division="3"]{background:#10b981}.legendDot[data-division="4"]{background:#8b5cf6}.legendDot[data-division="5"]{background:#f59e0b}.legendDot[data-division="6"]{background:#ec4899}.legendDot[data-division="7"]{background:#06b6d4}.legendDot[data-division="8"]{background:#84cc16}.legendDot[data-division="9"]{background:#f43f5e}.legendDot[data-division="10"]{background:#6366f1}.barChart{display:flex;flex-direction:column}.barChart,.barRow{gap:var(--space-3,12px)}.barRow{display:grid;grid-template-columns:120px 1fr 80px;align-items:center;grid-gap:var(--space-3,12px)}.barLabel{font-size:var(--text-sm,.8rem);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.barContainer{height:24px;background:var(--glass-bg);overflow:hidden}.bar,.barContainer{border-radius:var(--radius,5px)}.bar{height:100%;background:var(--brand-gradient);animation:growBar .6s var(--ease-out-cubic) forwards;transform-origin:left}.barPositive{background:linear-gradient(90deg,var(--color-success),#4ade80)}.barNegative{background:linear-gradient(90deg,var(--color-error),#f87171)}@keyframes growBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.barValue{font-size:var(--text-sm,.8rem);font-weight:var(--font-semibold,600);color:var(--text-secondary);text-align:right}.barValue.positive{color:var(--color-success,#10b981)}.barValue.negative{color:var(--color-error,#ef4444)}.divisionCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--space-4,16px);gap:var(--space-4,16px);margin-bottom:var(--space-4,16px)}.divisionCard{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius,5px);padding:var(--space-4,16px);transition:all var(--transition-fast,.15s) var(--ease-micro);animation:fadeInUp .4s var(--ease-out-cubic)}.divisionCard:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.divisionCardHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3,12px);padding-bottom:var(--space-3,12px);border-bottom:1px solid var(--glass-border)}.divisionCardName{font-size:var(--text-base,.875rem);font-weight:var(--font-semibold,600);color:var(--text-primary);margin:0}.divisionColorIndicator{width:12px;height:12px;border-radius:var(--radius,5px);flex-shrink:0}.divisionMetrics{display:flex;flex-direction:column;gap:var(--space-2,8px)}.metricRow{display:flex;align-items:center;justify-content:space-between;padding:var(--space-1,4px) 0}.metricLabel{color:var(--text-tertiary)}.accountsByDivision{display:flex;flex-direction:column;gap:var(--space-4,16px)}.divisionGroup{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius,5px);overflow:hidden}.divisionHeader{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3,12px) var(--space-4,16px);background:var(--glass-bg-active);border-bottom:1px solid var(--glass-border);cursor:pointer;transition:all var(--transition-fast,.15s) var(--ease-micro)}.divisionHeader:hover{background:var(--glass-bg-hover)}.divisionHeaderLeft{display:flex;align-items:center;gap:var(--space-3,12px)}.divisionHeaderName{font-size:var(--text-base,.875rem);font-weight:var(--font-semibold,600);color:var(--text-primary);margin:0}.divisionHeaderCount{font-size:var(--text-xs,.7rem);color:var(--text-tertiary);background:var(--glass-bg);padding:var(--space-1,4px) var(--space-2,8px);border-radius:var(--radius,5px)}.chevronIcon{width:16px;height:16px}.divisionGroup[data-expanded=true] .chevronIcon{transform:rotate(180deg)}.accountList{display:flex;flex-direction:column}.accountItem{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3,12px);border-radius:var(--radius,5px);transition:all var(--transition-fast,.15s) var(--ease-micro)}.accountItem:hover{background:var(--glass-bg-hover)}.accountInfo{gap:var(--space-3,12px)}.accountAvatar,.accountInfo{display:flex;align-items:center}.accountAvatar{width:36px;height:36px;border-radius:var(--radius,5px);background:var(--glass-bg-active);justify-content:center;font-size:var(--text-sm,.8rem);font-weight:var(--font-semibold,600);color:var(--text-secondary);overflow:hidden}.accountAvatar img{width:100%;height:100%;object-fit:cover}.accountDetails{display:flex;flex-direction:column;gap:2px}.accountName{font-size:var(--text-sm,.8rem);font-weight:var(--font-medium,500);color:var(--text-primary)}.accountMeta{font-size:var(--text-xs,.7rem);color:var(--text-quaternary)}.accountActions{display:flex;align-items:center;gap:var(--space-2,8px)}.summaryGrid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-3,12px);gap:var(--space-3,12px);margin-bottom:var(--space-4,16px)}.summaryCard{background:var(--glass-bg);border-radius:var(--radius,5px);padding:var(--space-4,16px);text-align:center;animation:fadeInUp .4s var(--ease-out-cubic)}.summaryLabel{font-size:var(--text-xs,.7rem);font-weight:var(--font-medium,500);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2,8px)}.summaryValue{font-size:var(--text-base,.875rem);font-weight:var(--font-semibold,600);color:var(--text-primary);margin-bottom:var(--space-1,4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summaryMetric{font-size:var(--text-xl,1.05rem);font-weight:var(--font-bold,700);color:var(--brand-coral,#ff7829)}.summaryMetric.positive{color:var(--color-success,#10b981)}.rankingsCard{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius,5px);overflow:hidden;margin-bottom:var(--space-4,16px)}.tableContent{padding:0;overflow-x:auto}.rankingsTable{width:100%;border-collapse:collapse}.rankingsTable th{font-size:var(--text-xs,.7rem);font-weight:var(--font-semibold,600);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;text-align:left;background:var(--glass-bg-active)}.rankingsTable td,.rankingsTable th{padding:var(--space-3,12px) var(--space-4,16px);border-bottom:1px solid var(--glass-border)}.rankingsTable td{font-size:var(--text-sm,.8rem);color:var(--text-secondary)}.rankingsTable tr:last-child td{border-bottom:none}.rankingsTable tr:hover td{background:var(--glass-bg-hover)}.divisionCell{font-weight:var(--font-medium,500);color:var(--text-primary)}.rankBadge{display:inline-flex;align-items:center;justify-content:center;min-width:32px;padding:var(--space-1,4px) var(--space-2,8px);background:var(--glass-bg-active);border-radius:var(--radius,5px);font-size:var(--text-sm,.8rem);font-weight:var(--font-semibold,600)}.rankGold{background:rgba(255,215,0,.15);color:gold}.rankSilver{background:hsla(0,0%,75%,.15);color:silver}.rankBronze{background:rgba(205,127,50,.15);color:#cd7f32}.detailsCard{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius,5px);overflow:hidden;margin-bottom:var(--space-4,16px)}.detailsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1px;gap:1px;background:var(--glass-border);padding:1px}.detailCard{background:var(--glass-bg);padding:var(--space-4,16px)}.detailTitle{font-size:var(--text-base,.875rem);font-weight:var(--font-semibold,600);color:var(--text-primary);margin:0 0 var(--space-3,12px) 0;padding-bottom:var(--space-3,12px);border-bottom:1px solid var(--glass-border)}.metricsList{display:flex;flex-direction:column;gap:var(--space-2,8px)}.dateInput{height:36px;padding:0 var(--space-3,12px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius,5px);color:var(--text-primary);font-size:var(--text-sm,.8rem);cursor:pointer;transition:all var(--transition-fast,.15s) var(--ease-micro)}.dateInput:hover{background:var(--glass-bg-hover)}.dateInput:focus{outline:none;border-color:var(--border-focus,#ff7829)}.dateSeparator{color:var(--text-quaternary);font-size:var(--text-sm,.8rem)}.buttonSpinner{border-radius:var(--radius)}.iconButton{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--radius,5px);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast,.15s) var(--ease-micro)}.iconButton:hover{background:var(--glass-bg-hover);color:var(--brand-coral,#ff7829)}.loadingContainer{min-height:300px}.spinner{width:40px;height:40px;border-radius:var(--radius)}.timestamp{text-align:center;font-size:var(--text-xs,.7rem);color:var(--text-quaternary);padding:var(--space-2,8px) 0}.divisionCard:first-child{animation-delay:.05s}.divisionCard:nth-child(2){animation-delay:.1s}.divisionCard:nth-child(3){animation-delay:.15s}.divisionCard:nth-child(4){animation-delay:.2s}.divisionCard:nth-child(5){animation-delay:.25s}.summaryCard:first-child{animation-delay:.05s}.summaryCard:nth-child(2){animation-delay:.1s}.summaryCard:nth-child(3){animation-delay:.15s}.summaryCard:nth-child(4){animation-delay:.2s}.summaryBadge{display:inline-flex;align-items:center;padding:var(--space-1,4px) var(--space-3,12px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius,5px);font-size:var(--text-sm,.8rem);font-weight:var(--font-medium,500);color:var(--text-secondary)}.summaryCardHeader{display:flex;align-items:center;gap:var(--space-2,8px);margin-bottom:var(--space-2,8px)}.summaryCard{cursor:pointer;border:1px solid var(--glass-border);transition:all var(--transition-fast,.15s) var(--ease-micro);text-align:left}.summaryCard:hover{border-color:var(--glass-border-hover);transform:translateY(-1px)}.summaryCardSelected{border-color:var(--brand-coral,#ff7829);background:var(--brand-coral-muted,rgba(255,120,41,.08))}.detailPanel{background:var(--glass-bg);border:1px solid var(--brand-coral,#ff7829);border-radius:var(--radius,5px);padding:var(--space-4,16px);margin-bottom:var(--space-4,16px);animation:fadeInUp .3s var(--ease-out-cubic)}.detailPanelHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3,12px)}.detailPanelTitle{display:flex;align-items:center;gap:var(--space-3,12px)}.detailDescription{font-size:var(--text-sm,.8rem);color:var(--text-secondary);line-height:1.5;margin:0 0 var(--space-3,12px) 0}.detailDescription,.detailStats{padding-bottom:var(--space-3,12px);border-bottom:1px solid var(--glass-border)}.detailStats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-3,12px);gap:var(--space-3,12px);margin-bottom:var(--space-3,12px)}.detailStat{display:flex;flex-direction:column;align-items:center;gap:var(--space-1,4px);text-align:center}.detailStatValue{font-size:var(--text-lg,.95rem);font-weight:var(--font-bold,700);color:var(--text-primary)}.detailStatLabel{font-size:var(--text-xs,.7rem);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.divisionDescription{font-size:var(--text-sm,.8rem);color:var(--text-secondary);line-height:1.5;margin:0;padding:var(--space-3,12px) var(--space-4,16px);border-bottom:1px solid var(--glass-border);background:var(--glass-bg)}.statusBadge{display:inline-flex;align-items:center;padding:var(--space-1,4px) var(--space-2,8px);border-radius:var(--radius,5px);font-size:var(--text-xs,.7rem);font-weight:var(--font-medium,500);text-transform:uppercase;letter-spacing:.03em}.statusActive{background:rgba(16,185,129,.12);color:var(--color-success,#10b981)}.statusSuspended{background:rgba(239,68,68,.12);color:var(--color-error,#ef4444)}.emptyAccounts{color:var(--text-tertiary);font-size:var(--text-sm,.8rem);margin:0;padding:var(--space-3,12px) var(--space-4,16px);font-style:italic}@media (max-width:1200px){.comparisonCharts{grid-template-columns:1fr}.summaryGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.divisionPage{padding:var(--space-2,8px)}.pageHeader{flex-direction:column;align-items:stretch}.headerActions{width:100%;flex-wrap:wrap}.dateInput{flex:1 1;min-width:120px}.exportButton{flex:1 1;justify-content:center}.detailStats,.summaryGrid{grid-template-columns:repeat(2,1fr)}.divisionCards{grid-template-columns:1fr}.barRow{grid-template-columns:80px 1fr 60px;gap:var(--space-2,8px)}.barLabel,.barValue{font-size:var(--text-xs,.7rem)}.detailsGrid{grid-template-columns:1fr}.chartContent{overflow-x:auto;-webkit-overflow-scrolling:touch}.chartContent>*{min-width:300px}.selectedDivisions{overflow-x:auto;flex-wrap:nowrap;padding-bottom:var(--space-2,8px);-webkit-overflow-scrolling:touch}.divisionChip{flex-shrink:0}.accountList{padding:var(--space-1,4px)}.accountItem{padding:var(--space-2,8px);flex-direction:column;align-items:flex-start;gap:var(--space-2,8px)}.accountActions{width:100%;justify-content:flex-end}}@media (max-width:374px){.pageTitle{font-size:var(--text-lg,.95rem)}.barRow{grid-template-columns:60px 1fr 50px}.compareButton{width:100%;justify-content:center}}.comparisonPage{padding:var(--space-3,12px);max-width:100%;overflow-x:hidden;min-height:100%}.pageHeader{align-items:flex-start;margin-bottom:var(--space-4,16px);gap:var(--space-3,12px)}.headerLeft{flex:1 1;min-width:200px}.pageTitle{font-size:var(--text-2xl,1.2rem);font-weight:var(--font-semibold,600);letter-spacing:-.01em}.pageSubtitle{font-size:var(--text-sm,.8rem);color:var(--text-tertiary);margin:var(--space-1,4px) 0 0 0}.headerActions{display:flex;align-items:center;gap:var(--space-2,8px);flex-wrap:wrap}.dateRangePicker{min-width:200px}.accountSelector{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius,5px);padding:var(--space-4,16px);margin-bottom:var(--space-4,16px);position:relative}.accountSelector.disabled{opacity:.6;pointer-events:none}.selectorHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3,12px)}.selectorTitle{font-size:var(--text-base,.875rem);font-weight:var(--font-semibold,600);color:var(--text-primary);margin:0}.selectionCount{font-size:var(--text-sm,.8rem);color:var(--text-tertiary)}.validSelection{color:var(--color-success,#10b981)}.hint{font-size:var(--text-xs,.7rem);color:var(--text-quaternary);margin-left:var(--space-1,4px)}.selectedChips{flex-wrap:wrap;margin-bottom:var(--space-3,12px)}.accountChip,.selectedChips{display:flex;gap:var(--space-2,8px)}.accountChip{align-items:center;padding:var(--space-2,8px) var(--space-3,12px);background:var(--glass-bg-active);border:1px solid var(--glass-border);font-size:var(--text-sm,.8rem);color:var(--text-primary);animation:fadeInUp .3s var(--ease-out-cubic) forwards}.accountChip,.chipColor{border-radius:var(--radius,5px)}.chipColor{width:10px;height:10px;flex-shrink:0}.chipColor[data-index="1"]{background:#ff7829}.chipColor[data-index="2"]{background:#3b82f6}.chipColor[data-index="3"]{background:#10b981}.chipColor[data-index="4"]{background:#8b5cf6}.chipColor[data-index="5"]{background:#f59e0b}.chipName{font-weight:var(--font-medium,500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.chipRemove{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;border-radius:var(--radius,5px);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast,.15s) var(--ease-micro)}.chipRemove:hover{background:var(--glass-bg-hover);color:var(--color-error,#ef4444)}.clearAllButton{padding:var(--space-2,8px) var(--space-3,12px);background:transparent;border:1px solid var(--glass-border);border-radius:var(--radius,5px);font-size:var(--text-sm,.8rem);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast,.15s) var(--ease-micro)}.clearAllButton:hover{background:var(--glass-bg-hover);color:var(--text-secondary);border-color:var(--glass-border-hover)}.dropdownTrigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3,12px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius,5px);color:var(--text-secondary);font-size:var(--text-sm,.8rem);cursor:pointer;transition:all var(--transition-fast,.15s) var(--ease-micro)}.dropdownTrigger:hover:not(:disabled){background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.dropdownTrigger.open{border-color:var(--brand-coral,#ff7829);background:var(--glass-bg-hover)}.dropdownTrigger:disabled{cursor:not-allowed;opacity:.5}.chevronIcon,.triggerText{color:var(--text-tertiary)}.chevronIcon{transition:transform var(--transition-fast,.15s) var(--ease-micro)}.chevronIcon.rotated{transform:rotate(180deg)}.dropdownPanel{position:absolute;top:100%;left:0;right:0;margin-top:var(--space-1,4px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius,5px);box-shadow:var(--shadow-lg,0 10px 40px rgba(0,0,0,.25));z-index:var(--z-dropdown,50);max-height:400px;display:flex;flex-direction:column;animation:dropdownOpen .2s var(--ease-out-cubic)}@keyframes dropdownOpen{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.searchContainer{display:flex;align-items:center;gap:var(--space-2,8px);padding:var(--space-3,12px);border-bottom:1px solid var(--glass-border)}.searchIcon{color:var(--text-tertiary);flex-shrink:0}.searchInput{flex:1 1;background:transparent;border:none;color:var(--text-primary);font-size:var(--text-sm,.8rem);outline:none}.searchInput::placeholder{color:var(--text-quaternary)}.accountList{flex:1 1;overflow-y:auto;padding:var(--space-2,8px)}.accountOption{display:flex;align-items:center;gap:var(--space-3,12px);width:100%;padding:var(--space-3,12px);background:transparent;border:none;border-radius:var(--radius,5px);text-align:left;cursor:pointer;transition:all var(--transition-fast,.15s) var(--ease-micro)}.accountOption:hover:not(:disabled){background:var(--glass-bg-hover)}.accountOption.selected{background:var(--brand-coral-muted,rgba(255,120,41,.15))}.accountOption.disabledOption{opacity:.4;cursor:not-allowed}.optionCheckbox{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius,5px);flex-shrink:0;transition:all var(--transition-fast,.15s) var(--ease-micro)}.accountOption.selected .optionCheckbox{background:var(--brand-coral,#ff7829);border-color:var(--brand-coral,#ff7829);color:#fff}.optionContent{flex:1 1;display:flex;flex-direction:column;gap:2px;min-width:0}.optionName{font-size:var(--text-sm,.8rem);font-weight:var(--font-medium,500);color:var(--text-primary)}.optionEmail,.optionName{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.optionEmail{color:var(--text-quaternary)}.optionEmail,.optionStatus{font-size:var(--text-xs,.7rem)}.optionStatus{padding:var(--space-1,4px) var(--space-2,8px);border-radius:var(--radius,5px);background:var(--glass-bg);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.02em}.statusACTIVE{background:rgba(16,185,129,.15);color:var(--color-success,#10b981)}.statusINACTIVE{background:rgba(239,68,68,.15);color:var(--color-error,#ef4444)}.statusPENDING{background:rgba(245,158,11,.15);color:#f59e0b}.maxWarning{padding:var(--space-3,12px);background:rgba(245,158,11,.1);border-top:1px solid var(--glass-border);font-size:var(--text-sm,.8rem);color:#f59e0b;text-align:center}.emptyState,.loadingState{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6,24px);gap:var(--space-2,8px);color:var(--text-tertiary);font-size:var(--text-sm,.8rem)}.comparisonGrid{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius,5px);overflow:hidden;margin-bottom:var(--space-4,16px);animation:fadeInUp .4s var(--ease-out-cubic)}.emptyGrid,.gridLoading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--space-4,16px);padding:var(--space-6,24px);color:var(--text-tertiary)}.emptyGrid svg{opacity:.4}.emptyGrid h3{font-size:var(--text-base,.875rem);font-weight:var(--font-semibold,600);color:var(--text-secondary);margin:0}.emptyGrid p{font-size:var(--text-sm,.8rem);color:var(--text-tertiary);margin:0}.gridLegend{display:flex;flex-wrap:wrap;gap:var(--space-3,12px);padding:var(--space-3,12px) var(--space-4,16px);background:var(--glass-bg-active);border-bottom:1px solid var(--glass-border)}.legendItem{display:flex;align-items:center;gap:var(--space-2,8px);font-size:var(--text-sm,.8rem);color:var(--text-secondary)}.legendDot{width:10px;height:10px;border-radius:var(--radius,5px);flex-shrink:0}.legendName{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.tableWrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.comparisonTable{width:100%;min-width:600px;border-collapse:collapse}.comparisonTable td,.comparisonTable th{padding:var(--space-3,12px) var(--space-4,16px);border-bottom:1px solid var(--glass-border)}.metricHeader{text-align:left;position:-webkit-sticky;position:sticky;left:0;z-index:1;min-width:140px}.accountHeader,.metricHeader{font-size:var(--text-xs,.7rem);font-weight:var(--font-semibold,600);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;background:var(--glass-bg-active)}.accountHeader{text-align:right;min-width:120px}.accountHeaderContent{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2,8px)}.headerDot{width:8px;height:8px;border-radius:var(--radius,5px);flex-shrink:0}.headerName{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.metricRow{animation:fadeInUp .3s var(--ease-out-cubic) forwards;opacity:0}.metricRow:last-child td{border-bottom:none}.metricRow:hover td{background:var(--glass-bg-hover)}.metricLabel{font-size:var(--text-sm,.8rem);font-weight:var(--font-medium,500);color:var(--text-secondary);position:-webkit-sticky;position:sticky;left:0;background:var(--glass-bg);z-index:1}.metricRow:hover .metricLabel{background:var(--glass-bg-hover)}.metricValue{font-size:var(--text-sm,.8rem);font-weight:var(--font-semibold,600);color:var(--text-primary);text-align:right;position:relative}.metricValue.positive{color:var(--color-success,#10b981)}.metricValue.negative{color:var(--color-error,#ef4444)}.metricValue.bestValue{background:rgba(16,185,129,.08)}.metricValue.worstValue{background:rgba(239,68,68,.05)}.bestBadge{display:inline-flex;margin-left:var(--space-1,4px);color:gold;vertical-align:middle}.compareActions{display:flex;justify-content:center;margin-bottom:var(--space-4,16px)}.compareButton{display:flex;align-items:center;gap:var(--space-2,8px);height:40px;padding:0 var(--space-5,20px);background:var(--brand-coral,#ff7829);border:none;border-radius:var(--radius,5px);color:var(--color-text-contrast,#fff);font-size:var(--text-base,.875rem);font-weight:var(--font-semibold,600);cursor:pointer;transition:all var(--transition-fast,.15s) var(--ease-micro)}.compareButton:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.1)}.compareButton:active:not(:disabled){transform:translateY(0)}.compareButton:disabled{opacity:.5;cursor:not-allowed}.exportButton{display:flex;align-items:center;gap:var(--space-2,8px);height:36px;padding:0 var(--space-3,12px);background:var(--brand-coral,#ff7829);border:none;border-radius:var(--radius,5px);color:var(--color-text-contrast,#fff);font-size:var(--text-sm,.8rem);font-weight:var(--font-medium,500);cursor:pointer;transition:all var(--transition-fast,.15s) var(--ease-micro)}.exportButton:hover:not(:disabled){filter:brightness(1.1)}.exportButton:disabled{opacity:.5;cursor:not-allowed}.buttonIcon,.buttonSpinner{width:16px;height:16px}.buttonSpinner{border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.spinner{width:32px;height:32px;border:3px solid var(--glass-border);border-top-color:var(--brand-coral,#ff7829);border-radius:50%;animation:spin .8s linear infinite}.loadingText{color:var(--text-tertiary)}.errorMessage,.loadingText{font-size:var(--text-sm,.8rem)}.errorMessage{display:flex;align-items:center;gap:var(--space-2,8px);padding:var(--space-3,12px) var(--space-4,16px);background:var(--color-error-subtle,rgba(239,68,68,.08));border:1px solid var(--color-error-border,#ef4444);border-radius:var(--radius,5px);color:var(--color-error,#ef4444);margin-bottom:var(--space-4,16px)}.errorIcon{width:18px;height:18px;flex-shrink:0}.periodInfo{display:flex;align-items:center;justify-content:center;gap:var(--space-2,8px);padding:var(--space-3,12px);font-size:var(--text-sm,.8rem);color:var(--text-tertiary)}.periodLabel{font-weight:var(--font-medium,500)}.periodDates{color:var(--text-secondary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.metricRow:first-child{animation-delay:.05s}.metricRow:nth-child(2){animation-delay:.1s}.metricRow:nth-child(3){animation-delay:.15s}.metricRow:nth-child(4){animation-delay:.2s}.metricRow:nth-child(5){animation-delay:.25s}.metricRow:nth-child(6){animation-delay:.3s}.metricRow:nth-child(7){animation-delay:.35s}@media (max-width:1200px){.pageHeader{flex-direction:column;align-items:stretch}.headerActions{justify-content:flex-end}}@media (max-width:768px){.comparisonPage{padding:var(--space-2,8px)}.pageTitle{font-size:var(--text-xl,1.05rem)}.headerActions{width:100%;flex-wrap:wrap}.dateRangePicker{flex:1 1;min-width:150px}.exportButton{flex:1 1;justify-content:center}.selectedChips{overflow-x:auto;flex-wrap:nowrap;padding-bottom:var(--space-2,8px);-webkit-overflow-scrolling:touch}.accountChip{flex-shrink:0}.gridLegend{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.legendItem{flex-shrink:0}.comparisonTable{min-width:500px}.accountHeader,.metricHeader{min-width:100px}.metricLabel,.metricValue{font-size:var(--text-xs,.7rem)}}@media (max-width:374px){.pageTitle{font-size:var(--text-lg,.95rem)}.compareButton{width:100%;justify-content:center}.dropdownPanel{max-height:300px}}.gdprRequestsPage{position:relative;padding:var(--space-4);max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4)}.pageHeader{align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.pageHeaderLeft{display:flex;align-items:center;gap:var(--space-3)}.pageIcon{color:var(--brand-coral)}.pageTitle{color:var(--text-primary)}.pageSubtitle{font-size:.875rem;color:var(--text-secondary);margin:0}.urgentAlert{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-warning-muted);border:1px solid var(--color-warning);font-size:.875rem;font-weight:600;color:var(--color-warning)}.filterBar,.urgentAlert{display:flex;border-radius:var(--radius)}.filterBar{flex-wrap:wrap;gap:var(--space-3);padding:var(--space-4);background:var(--surface-2);border:1px solid var(--border-subtle)}:root[data-theme=light] .filterBar{background:var(--surface-1)}.filterGroup{align-items:center;gap:var(--space-2)}.filterGroup svg{color:var(--text-tertiary);flex-shrink:0}.filterSeparator{color:var(--text-tertiary);font-size:.8125rem}.searchInput{position:relative;display:flex;align-items:center}.searchInput svg{position:absolute;left:var(--space-3);color:var(--text-tertiary);pointer-events:none}.searchInput .formInput{padding-left:var(--space-8);min-width:280px}.formInput,.formSelect,.formTextarea{padding:var(--space-2) var(--space-3);background:var(--surface-3);border:1px solid var(--border-default);border-radius:var(--radius);font-size:.8125rem;font-family:inherit;color:var(--text-primary);transition:all var(--duration-micro) var(--ease-micro)}.formInput::placeholder{color:var(--text-quaternary)}.formInput:hover,.formSelect:hover,.formTextarea:hover{border-color:var(--border-hover);background:var(--surface-4)}.formInput:focus,.formSelect:focus,.formTextarea:focus{outline:2px solid var(--brand-coral);outline-offset:-1px;border-color:var(--brand-coral)}:root[data-theme=light] .formInput,:root[data-theme=light] .formSelect,:root[data-theme=light] .formTextarea{background:var(--surface-1)}.formSelect{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23ff7829' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-7);cursor:pointer;min-width:140px}.formTextarea{resize:vertical;min-height:60px}.formGroup{display:flex;flex-direction:column;gap:var(--space-2)}.formLabel{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.formError,.required{color:var(--color-error)}.formError{font-size:.75rem}.formActions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.tableHeader{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 40px;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-3);border-radius:var(--radius);border:1px solid var(--border-subtle)}:root[data-theme=light] .tableHeader{background:var(--surface-2)}.headerCell{display:flex;align-items:center;gap:var(--space-1);font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;background:transparent;border:none;padding:0;cursor:default}.headerCellSortable{cursor:pointer;transition:color var(--duration-micro) var(--ease-micro)}.headerCellSortable:hover{color:var(--brand-coral)}.requestsList{gap:var(--space-2)}.noResults,.requestsList{display:flex;flex-direction:column}.noResults{align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8);color:var(--text-tertiary);font-size:.875rem}.requestRow{background:var(--surface-2);border-radius:var(--radius);border:1px solid var(--border-subtle);overflow:hidden;transition:box-shadow var(--duration-micro) var(--ease-micro)}:root[data-theme=light] .requestRow{background:var(--surface-1)}.requestRow:hover{box-shadow:var(--shadow-card-hover)}.requestRowWarning{border-left:3px solid var(--color-warning)}.requestRowCritical{border-left:3px solid var(--color-error);background:var(--color-error-subtle)}.requestRowMain{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 40px;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-3) var(--space-4);align-items:center;cursor:pointer;transition:background var(--duration-micro) var(--ease-micro)}.requestRowMain:hover{background:var(--glass-bg-hover)}.requestUser{display:flex;align-items:center;gap:var(--space-2)}.requestUser svg{color:var(--text-tertiary);flex-shrink:0}.userInfo{display:flex;flex-direction:column;min-width:0}.userEmail{font-size:.875rem;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.userName{font-size:.75rem;color:var(--text-tertiary)}.requestDates{display:flex;flex-direction:column;gap:2px;font-size:.8125rem}.dateLabel{font-size:.6875rem;color:var(--text-quaternary);text-transform:uppercase;letter-spacing:.05em}.expandButton{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;transition:color var(--duration-micro) var(--ease-micro)}.expandButton:hover{color:var(--brand-coral)}.requestRowExpanded{padding:var(--space-4);border-top:1px solid var(--border-subtle);background:var(--surface-3)}:root[data-theme=light] .requestRowExpanded{background:var(--surface-2)}.requestDetails{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-3);gap:var(--space-3);margin-bottom:var(--space-4)}.detailItem,.detailItemFull{display:flex;flex-direction:column;gap:2px}.detailItemFull{grid-column:1/-1}.detailLabel{font-size:.75rem;font-weight:500;color:var(--text-tertiary);letter-spacing:.05em}.detailValue{font-size:.875rem;color:var(--text-primary);word-break:break-all}.detailValueDanger{font-size:.875rem;color:var(--color-error)}.actionButtons{display:flex;gap:var(--space-2)}.inlineActionForm{padding:var(--space-4);background:var(--surface-2);border-radius:var(--radius);border:1px solid var(--border-subtle)}:root[data-theme=light] .inlineActionForm{background:var(--surface-1)}.formHeader{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-size:.9375rem;font-weight:600;color:var(--text-primary)}.formHeaderIconApprove{color:var(--color-success)}.formHeaderIconReject{color:var(--color-error)}.statusBadge,.typeBadge,.urgencyBadge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius);white-space:nowrap}.statusPending{background:var(--color-warning-muted);color:var(--color-warning)}.statusProcessing{background:var(--color-info-muted);color:var(--color-info)}.statusCompleted{background:var(--color-success-muted);color:var(--color-success)}.statusRejected{background:var(--color-error-muted);color:var(--color-error)}.typeExport{background:var(--color-info-muted);color:var(--color-info)}.typeDeletion{background:var(--color-error-muted);color:var(--color-error)}.urgencyNormal{background:var(--surface-4);color:var(--text-secondary)}.urgencyWarning{background:var(--color-warning-muted);color:var(--color-warning)}.urgencyCritical{background:var(--color-error)}.btnApprove,.urgencyCritical{color:var(--color-text-contrast)}.btnApprove{height:36px;padding:0 var(--space-4);background:var(--color-success);border:none;border-radius:var(--radius);font-weight:600;font-size:.8125rem;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all var(--duration-micro) var(--ease-micro)}.btnApprove:hover:not(:disabled){filter:brightness(1.1)}.btnApprove:disabled{opacity:.5;cursor:not-allowed}.btnReject{height:36px;padding:0 var(--space-4);background:var(--color-error);color:var(--color-text-contrast);border:none;border-radius:var(--radius);font-weight:600;font-size:.8125rem;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all var(--duration-micro) var(--ease-micro)}.btnReject:hover:not(:disabled){filter:brightness(1.1)}.btnReject:disabled{opacity:.5;cursor:not-allowed}.btnSecondary{height:36px;padding:0 var(--space-4);background:transparent;color:var(--text-secondary);border:none;border-radius:var(--radius);font-weight:500;font-size:.8125rem;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);transition:color var(--duration-micro) var(--ease-micro)}.btnSecondary:hover:not(:disabled){color:var(--brand-coral)}.btnSecondary:disabled{opacity:.5;cursor:not-allowed}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0}.paginationInfo{font-size:.8125rem;color:var(--text-tertiary)}.paginationControls{display:flex;align-items:center;gap:var(--space-2)}.paginationButton{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--surface-3);border:1px solid var(--border-default);border-radius:var(--radius);color:var(--text-primary);cursor:pointer;transition:all var(--duration-micro) var(--ease-micro)}.paginationButton:hover:not(:disabled){background:var(--surface-4);border-color:var(--border-hover)}.paginationButton:disabled{opacity:.5;cursor:not-allowed}.paginationCurrent{padding:0 var(--space-3);font-size:.875rem;font-weight:600;color:var(--text-primary)}.loadingContainer{gap:var(--space-3);padding:var(--space-8);color:var(--text-secondary);font-size:.875rem}.loadingOverlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3);border-radius:var(--radius)}.spinning{animation:spin 1s linear infinite}.emptyState{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center}.emptyStateIcon{color:var(--text-quaternary);margin-bottom:var(--space-4)}.emptyStateTitle{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-2) 0}.emptyStateDescription{font-size:.875rem;color:var(--text-tertiary);margin:0}@media (max-width:1023px){.gdprRequestsPage{padding:var(--space-3);gap:var(--space-3)}.tableHeader{display:none}.requestRowMain{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.requestRowMain>*{width:100%}.requestUser{margin-bottom:var(--space-2)}.requestDetails{grid-template-columns:1fr}.filterBar{flex-direction:column;align-items:stretch}.filterGroup{flex-wrap:wrap}.searchInput .formInput{min-width:100%}}@media (max-width:767px){.gdprRequestsPage{padding:var(--space-2)}.pageHeader{flex-direction:column;align-items:flex-start}.urgentAlert{width:100%}.requestRowExpanded{padding:var(--space-3)}.actionButtons{flex-direction:column;width:100%}.actionButtons button{width:100%}.formActions{flex-direction:column}.formActions button{width:100%}.pagination{flex-direction:column;gap:var(--space-2)}}@media (prefers-reduced-motion:reduce){.btnApprove,.btnReject,.btnSecondary,.formInput,.formSelect,.formTextarea,.paginationButton,.requestRow,.requestRowMain,.spinning{transition:none;animation:none}}.root{--brand-coral:#fa7200;--brand-coral-hover:#ff8c1a;--brand-coral-deep:#e56700;--surface-1:linear-gradient(135deg,#1a1a1a,#2d2d2d 50%,#1a1a1a);--surface-2:linear-gradient(135deg,#242424,#383838 50%,#242424);--surface-3:linear-gradient(135deg,#2a2a2a,#404040 50%,#2a2a2a);--surface-4:linear-gradient(135deg,#303030,#484848 50%,#303030);--surface-flat-1:#1a1a1a;--surface-flat-2:#242424;--surface-flat-3:#2a2a2a;--surface-flat-4:#303030;--text-primary:hsla(0,0%,100%,.95);--text-secondary:hsla(0,0%,100%,.75);--text-tertiary:hsla(0,0%,100%,.55);--text-quaternary:hsla(0,0%,100%,.35);--border-default:#3a3a3a;--border-subtle:#2d2d2d;--border-hover:#4a4a4a;--border-focus:var(--brand-coral);--shadow-low:0 2px 4px rgba(0,0,0,.3);--shadow-medium:0 4px 8px rgba(0,0,0,.4);--shadow-high:0 8px 16px rgba(0,0,0,.5);--shadow-card:0 8px 24px rgba(0,0,0,.15);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius:5px;--radius-sm:3px;--radius-lg:8px;--z-dropdown:200;--z-overlay:300;--z-modal:400;--z-toast:500;--duration-micro:150ms;--duration-fast:200ms;--duration-normal:300ms;--ease-micro:cubic-bezier(0.16,1,0.3,1);--ease-out-cubic:cubic-bezier(0.33,1,0.68,1)}.pageContainer{gap:var(--space-6,24px);padding:var(--space-6,24px);min-height:100%}.pageContainer,.pageHeader{display:flex;flex-direction:column}.pageHeader{gap:var(--space-2,8px)}.pageTitle{font-size:1.5rem;font-weight:700;color:var(--text-primary,hsla(0,0%,100%,.95));margin:0;letter-spacing:-.02em}.pageDescription{font-size:.875rem;color:var(--text-secondary,hsla(0,0%,100%,.75));margin:0;max-width:600px;line-height:1.5}.filtersContainer{display:flex;flex-wrap:wrap;gap:var(--space-3,12px);align-items:flex-end;padding:var(--space-4,16px);background:var(--surface-flat-2,#242424);border:1px solid var(--border-default,#3a3a3a);border-radius:var(--radius,5px)}.filterGroup{display:flex;flex-direction:column;gap:var(--space-1,4px);min-width:150px}.filterGroupWide{min-width:200px}.filterLabel{font-size:.6875rem;font-weight:600;color:var(--text-tertiary,hsla(0,0%,100%,.55));text-transform:uppercase;letter-spacing:.08em}.filterSelect{height:36px;padding:0 var(--space-3,12px);padding-right:32px;background:var(--surface-flat-3,#2a2a2a);border:1px solid var(--border-default,#3a3a3a);border-radius:var(--radius,5px);color:var(--text-primary,hsla(0,0%,100%,.95));font-size:.8125rem;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-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'%3E%3Cpath d='M6 9l6 6 6-6' stroke='rgba(255,255,255,0.5)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:14px;transition:border-color var(--duration-micro,.15s) ease}.filterSelect:hover{border-color:var(--border-hover,#4a4a4a)}.filterSelect:focus{outline:none;border-color:var(--brand-coral,#fa7200)}.filterActions{display:flex;margin-left:auto}.btn,.filterActions{gap:var(--space-2,8px)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--space-4,16px);height:36px;border-radius:var(--radius,5px);font-size:.8125rem;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:all var(--duration-micro,.15s) ease;white-space:nowrap}.btnPrimary{composes:btn;background:linear-gradient(135deg,var(--brand-coral,#fa7200) 0,#ff5757 100%);border:none;color:#fff;box-shadow:0 2px 8px rgba(250,114,0,.3)}.btnPrimary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(250,114,0,.4);filter:brightness(1.1)}.btnSecondary{composes:btn;background:var(--surface-flat-3,#2a2a2a);border:1px solid var(--border-default,#3a3a3a);color:var(--text-secondary,hsla(0,0%,100%,.75))}.btnSecondary:hover:not(:disabled){background:var(--surface-flat-4,#303030);border-color:var(--border-hover,#4a4a4a);color:var(--text-primary,hsla(0,0%,100%,.95))}.btnDanger{composes:btn;background:transparent;border:1px solid rgba(239,68,68,.5);color:#ef4444}.btnDanger:hover:not(:disabled){background:rgba(239,68,68,.1);border-color:#ef4444}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btnIcon{width:16px;height:16px;flex-shrink:0}.tableContainer{background:var(--surface-flat-2,#242424);border:1px solid var(--border-default,#3a3a3a);overflow:hidden}.actionBadge,.tableContainer{border-radius:var(--radius,5px)}.actionBadge{display:inline-flex;align-items:center;gap:var(--space-1,4px);padding:var(--space-1,4px) var(--space-2,8px);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.actionView{background:rgba(99,102,241,.15);color:#818cf8}.actionEdit{background:rgba(245,158,11,.15);color:#fbbf24}.actionPublish{background:rgba(16,185,129,.15);color:#34d399}.actionDelete{background:rgba(239,68,68,.15);color:#f87171}.actionAccessGranted{background:rgba(16,185,129,.15);color:#34d399}.actionAccessRevoked{background:rgba(239,68,68,.15);color:#f87171}.expandedDetails{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--space-4,16px);gap:var(--space-4,16px);padding:var(--space-4,16px);background:var(--surface-flat-1,#1a1a1a);border-top:1px solid var(--border-subtle,#2d2d2d)}.detailGroup{display:flex;flex-direction:column;gap:var(--space-1,4px)}.detailLabel{font-size:.6875rem;font-weight:600;color:var(--text-tertiary,hsla(0,0%,100%,.55));text-transform:uppercase;letter-spacing:.08em}.detailValue{font-size:.8125rem;color:var(--text-primary,hsla(0,0%,100%,.95));word-break:break-word}.detailValueMono{font-family:SF Mono,Fira Code,monospace;font-size:.75rem;color:var(--text-secondary,hsla(0,0%,100%,.75))}.metadataContainer{grid-column:1/-1}.metadataCode{margin:0;padding:var(--space-3,12px);background:var(--surface-flat-3,#2a2a2a);border-radius:var(--radius,5px);font-family:SF Mono,Fira Code,monospace;font-size:.75rem;color:var(--text-secondary,hsla(0,0%,100%,.75));white-space:pre-wrap;overflow-x:auto}.agencyCell{gap:var(--space-2,8px)}.agencyAvatar,.agencyCell{display:flex;align-items:center}.agencyAvatar{width:32px;height:32px;border-radius:var(--radius,5px);background:linear-gradient(135deg,var(--brand-coral,#fa7200),var(--brand-coral-deep,#e56700));justify-content:center;color:#fff;font-weight:600;font-size:.75rem;flex-shrink:0}.agencyName{font-weight:500;color:var(--text-primary,hsla(0,0%,100%,.95))}.targetCell{display:flex;flex-direction:column;gap:2px}.targetAccount{font-weight:500;color:var(--text-primary,hsla(0,0%,100%,.95))}.targetResource{font-size:.75rem;color:var(--text-tertiary,hsla(0,0%,100%,.55))}.dateCell{display:flex;flex-direction:column;gap:2px}.dateValue{color:var(--text-primary,hsla(0,0%,100%,.95))}.timeValue{font-size:.75rem;color:var(--text-tertiary,hsla(0,0%,100%,.55))}.loadingContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8,32px);gap:var(--space-4,16px)}.loadingSpinner{width:32px;height:32px;border:3px solid var(--border-default,#3a3a3a);border-top-color:var(--brand-coral,#fa7200);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loadingText{font-size:.875rem;color:var(--text-secondary,hsla(0,0%,100%,.75))}.emptyContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8,32px);gap:var(--space-4,16px);text-align:center}.emptyIcon{width:64px;height:64px;color:var(--text-quaternary,hsla(0,0%,100%,.35))}.emptyTitle{font-size:1rem;font-weight:600;color:var(--text-secondary,hsla(0,0%,100%,.75));margin:0}.emptyMessage{font-size:.875rem;color:var(--text-tertiary,hsla(0,0%,100%,.55));margin:0;max-width:320px}@media (min-width:768px) and (max-width:1023px){.filtersContainer{flex-direction:column;align-items:stretch}.filterGroup{min-width:100%}.filterActions{margin-left:0;justify-content:flex-end}}@media (max-width:767px){.pageContainer{padding:var(--space-4,16px);gap:var(--space-4,16px)}.pageTitle{font-size:1.25rem}.filtersContainer{flex-direction:column;align-items:stretch}.filterGroup{min-width:100%}.filterActions{margin-left:0;flex-direction:column}.filterActions .btn{width:100%}.expandedDetails{grid-template-columns:1fr}.agencyCell{flex-direction:column;align-items:flex-start;gap:var(--space-1,4px)}}@media (prefers-reduced-motion:reduce){.loadingSpinner{animation:none}.btn,.filterSelect{transition:none!important}}.modalOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal,400);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:overlayFadeIn var(--duration-fast,.2s) var(--ease-out-cubic)}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.modalContent{background:linear-gradient(135deg,rgba(30,30,30,.95),rgba(45,45,45,.92) 50%,rgba(30,30,30,.95));backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid hsla(0,0%,100%,.08);border-radius:var(--radius,5px);max-width:440px;width:90%;padding:var(--space-6,24px);box-shadow:0 8px 32px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.05);animation:modalSlideIn var(--duration-normal,.3s) var(--ease-out-cubic)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modalTitle{font-size:1.125rem;font-weight:600;color:var(--text-primary,hsla(0,0%,100%,.95));margin:0 0 var(--space-4,16px) 0}.modalMessage{font-size:.875rem;color:var(--text-secondary,hsla(0,0%,100%,.75));line-height:1.6;margin:0 0 var(--space-6,24px) 0}.modalMessage strong{color:var(--brand-coral,#fa7200)}.modalActions{display:flex;gap:var(--space-3,12px);justify-content:flex-end}@media print{.filterActions,.filtersContainer,.modalOverlay{display:none!important}.pageContainer{padding:0}.tableContainer{border:1px solid #ccc}}