.button{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.75rem 2rem;font-size:1rem;font-weight:400;border-radius:var(--button-radius);color:var(--button-text-color,var(--primary-purple));border:1px solid var(--button-border-color,var(--button-border));cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.1);text-align:center;overflow:hidden;background-color:#EDEDED;background-image:url(/bg/light_app_bg.png);background-size:cover;background-position:50%;background-repeat:no-repeat}.button:before{content:"";position:absolute;inset:0;background-color:var(--button-bg-color,rgba(132,52,132,.2));z-index:0;transition:background-color .2s ease}.button>*{position:relative;z-index:1}.button:hover:before{background-color:var(--button-bg-color-hover,rgba(132,52,132,.3))}.button:hover{transform:translateY(-1px);box-shadow:0 4px 6px rgba(0,0,0,.15)}.button.button-rounded-rect{position:relative;border-radius:8px;color:var(--button-text-color);font-weight:500;padding:.6rem 1.5rem;border:1px solid var(--button-border);transition:all .2s ease;overflow:hidden;background-image:url(/bg/light_app_bg.png);background-size:cover;background-position:50%;background-repeat:no-repeat}.button.button-rounded-rect:before{content:"";position:absolute;inset:0;background-color:rgba(132,52,132,.2);z-index:0}.button.button-rounded-rect>*{position:relative;z-index:1}.button.button-rounded-rect:hover:before{background-color:rgba(132,52,132,.3)}.button.button-rounded-rect:hover{transform:translateY(-1px);box-shadow:0 4px 6px rgba(0,0,0,.15)}.button.button-semi-rounded{border-radius:8px;background-color:var(--primary-purple);color:white;font-weight:500;padding:.6rem 1.5rem;border:none;transition:all .2s ease}.button.button-semi-rounded:hover{background-color:rgba(132,52,132,.9);transform:translateY(-1px);box-shadow:0 4px 6px rgba(0,0,0,.15)}.button.button-white{border-radius:var(--button-radius);background-color:white;color:var(--primary-purple);font-weight:500;padding:.75rem 2rem;border:none;transition:all .2s ease}.button.button-white:hover{background-color:rgba(255,255,255,.9);transform:translateY(-1px);box-shadow:0 4px 6px rgba(0,0,0,.15)}.icon-button{background:none;border:none;padding:.5rem;border-radius:6px;color:var(--button-border);cursor:pointer;transition:all .2s ease}.icon-button:hover{opacity:.8}.icon-button.icon-button-active{background-color:rgba(132,52,132,.2)}.inputContainer,.inputWrapper{position:relative;width:100%}.input{background-color:transparent;border:1px solid var(--input-border-color,var(--button-border));border-radius:8px;padding:.6rem .75rem;width:100%;height:44px;font-size:1rem;color:hsl(var(--foreground));transition:border-color .2s ease}.input::placeholder{color:var(--input-border-color,var(--text-secondary));opacity:.7}input::placeholder{color:var(--placeholder-color,var(--text-secondary));opacity:.7}.input:focus{outline:none;border-color:var(--input-border-color,#843484)}.input-with-icon{padding-left:2.5rem}.input-icon{top:50%;transform:translateY(-50%);color:var(--input-border-color,var(--button-border));z-index:1}.floatingLabel,.input-icon{position:absolute;left:.75rem;pointer-events:none}.floatingLabel{top:.7rem;font-size:1rem;color:var(--text-secondary);transition:all .2s ease;background-color:transparent;padding:0 .25rem}.input-with-icon~.floatingLabel{left:2.5rem}.input:focus~.floatingLabel,.input:not(:placeholder-shown)~.floatingLabel{top:-.5rem;left:.75rem;font-size:.75rem;color:var(--input-border-color,#C170CF);background-color:#EDEDED}.selectTrigger{background-color:transparent;border:1px solid var(--input-border-color,var(--button-border));border-radius:8px;padding:.6rem .75rem;width:100%;height:44px;font-size:1rem;color:hsl(var(--foreground))}.selectTrigger.select-has-value~.floatingLabel,.selectTrigger:focus~.floatingLabel{top:-.5rem;left:.75rem;font-size:.75rem;color:var(--input-border-color,#C170CF);background-color:#EDEDED}.checkboxWrapper{display:flex;align-items:center;margin-bottom:.5rem;border:none}.checkboxContainer{display:flex;align-items:center;cursor:pointer}.checkboxInput{position:absolute;opacity:0;cursor:pointer}.checkbox{width:20px;height:20px;background-color:transparent;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;border:1px solid var(--input-border-color)}.checkboxInput:checked~.checkbox{background-color:var(--primary-purple);border-color:var(--primary-purple)}.checkIcon{display:none;color:white}.checkboxInput:checked~.checkbox .checkIcon{display:block}.checkboxLabel{margin-left:.5rem;font-size:.8rem;color:var(--text-secondary)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.border-primary{border-color:var(--primary-purple)}.sidebar{transition:background-color .3s ease}.sidebar-shadow{box-shadow:0 0 15px rgba(0,0,0,.1)}.sidebar-nav-item{margin-bottom:6px;padding-top:.6rem;padding-bottom:.6rem}.sidebar-nav-item.active,.sidebar-nav-item.active svg,.sidebar-nav-item:hover,.sidebar-nav-item:hover svg{color:var(--button-border)}.selected-community-icon-bg{background-color:rgba(132,52,132,.2);border-radius:.5rem;padding:.25rem}.sidebar-bg-communities{background-color:var(--communities-color-border)}.sidebar-bg-analytics{background-color:var(--analytics-color-border)}.sidebar-bg-subscription{background-color:var(--subscription-color-border)}.sidebar-bg-settings{background-color:var(--settings-color-border)}.sidebar-bg-overview{background-color:var(--overview-color-border)}.sidebar-bg-members{background-color:var(--members-color-border)}.sidebar-bg-broadcast{background-color:var(--broadcast-color-border)}.sidebar-bg-inbox{background-color:var(--inbox-color-border)}.sidebar-bg-feed{background-color:var(--feed-color-border)}.sidebar-bg-ticketing{background-color:var(--ticketing-color-border)}.sidebar-bg-integrations{background-color:var(--integrations-color-border)}.sidebar-bg-default{background-color:var(--default-color-border)}.community-select-trigger{padding-left:.5rem;padding-right:.5rem}.phone-input-container .floatingLabel{top:50%;transform:translateY(-50%);transition:all .2s ease}.phone-input-container .input:focus~.floatingLabel,.phone-input-container .input:not(:placeholder-shown)~.floatingLabel{top:-.5rem;left:.75rem;transform:translateY(0);font-size:.75rem}.button-outline{--button-border-color:var(--color-override,var(--primary-purple));--button-bg-color:var(--color-override-bg,rgba(132,52,132,0.2));--button-bg-color-hover:var(--color-override-bg-hover,rgba(132,52,132,0.3))}