*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}:root{--color-primary:#7366ff;--color-primary-hover:#8a7dff;--color-primary-light:rgba(115,102,255,0.1);--color-secondary:#64748b;--color-text:#1e293b;--color-text-light:#64748b;--color-background:#ffffff;--color-background-alt:#f8fafc;--color-border:#e2e8f0;--color-border-light:#e5e7eb;--color-border-lighter:#f0f1f3;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-11:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--radius-sm:0.125rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-full:9999px;--color-status-ideas:#c084fc;--color-status-backlog:#94a3b8;--color-status-planned:#60a5fa;--color-status-in-progress:#7366ff;--color-status-completed:#4ade80;--color-status-archived:#6B7280;--sidebar-width-icon:60px;--sidebar-width-context:200px}.auth-container{display:flex;min-height:100vh;align-items:center;justify-content:center;background-color:var(--color-background);padding:var(--spacing-4);position:relative;overflow:hidden}.auth-container:before{top:0;right:0;background-color:#7366ff;opacity:.2}.auth-container:after,.auth-container:before{content:"";position:absolute;width:400px;height:400px;border-radius:50%;filter:blur(120px);z-index:0}.auth-container:after{bottom:0;left:0;background-color:#9d8cff;opacity:.15}.auth-container>*{position:relative;z-index:10}.auth-wrapper{width:100%;max-width:400px;background:var(--color-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-8)}.dark-mode{--color-text:#f8fafc;--color-text-light:#cbd5e1;--color-background:#0f172a;--color-background-alt:#1e293b;--color-border:#334155}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:var(--color-text);background-color:var(--color-background);line-height:1.5;font-size:var(--font-size-md)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;margin-bottom:var(--spacing-4)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}p{margin-bottom:var(--spacing-4)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.sidebar__title{margin-bottom:0}.container{width:100%;max-width:100%;margin:0;padding:0 var(--spacing-1)}.main-layout{display:flex;min-height:100vh;background-color:#f5f6f8}.top-header{position:relative;height:60px;background-color:transparent;border-bottom:1px solid var(--color-border-light);z-index:10}.top-header__title{font-size:var(--font-size-lg);font-weight:500;color:var(--color-text);margin:0;text-transform:none;letter-spacing:-.01em;line-height:1.2}.layout-body{flex:1 1;display:flex;flex-direction:column;min-height:0;height:100%;overflow:visible}.top-header__content{justify-content:space-between;height:100%;padding:0 var(--spacing-6);max-width:100%}.top-header__content,.top-header__left,.top-header__right{display:flex;align-items:center}.top-header__right{gap:var(--spacing-4)}.user-menu{position:relative}.user-menu__trigger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background-color:transparent;border-radius:var(--radius-full);color:var(--color-text-light);cursor:pointer;transition:all .2s ease}.user-menu__trigger:hover{background-color:var(--color-background-alt);color:var(--color-text)}.user-menu__dropdown{position:absolute;top:100%;right:0;margin-top:var(--spacing-2);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:200px;z-index:1001}.user-menu__header{padding:var(--spacing-4);border-bottom:1px solid var(--color-border)}.user-menu__name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.user-menu__divider{height:1px;background-color:var(--color-border)}.user-menu__item{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3) var(--spacing-4);border:none;background:none;color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;transition:background-color .2s ease;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.user-menu__item:hover{background-color:var(--color-background-alt)}.user-menu__item svg{color:var(--color-text-light)}.icon-sidebar{width:var(--sidebar-width-icon);background-color:transparent;border-right:none;padding:calc(var(--spacing-8) * 2) 0 var(--spacing-8) 0;display:flex;flex-direction:column;align-items:center}.sidebar.icon-sidebar{width:var(--sidebar-width-icon)!important;background-color:transparent!important;border-right:none!important}.icon-sidebar .sidebar__nav-text{display:none}.icon-sidebar .sidebar__logo,.icon-sidebar .sidebar__nav-item{justify-content:center}.context-sidebar{width:var(--sidebar-width-context);background-color:transparent;border-right:1px solid var(--color-border-light);padding:var(--spacing-4) var(--spacing-2);height:100%;overflow-y:auto}.context-sidebar__section{margin-bottom:var(--spacing-6)}.context-sidebar__section-header{margin-bottom:var(--spacing-4);padding:0 var(--spacing-2)}.context-sidebar__section-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0}.context-sidebar__section-content{padding:0 var(--spacing-2)}.context-sidebar__filter-group{margin-bottom:var(--spacing-4)}.context-sidebar__filter-label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-light);margin-bottom:var(--spacing-2)}.context-sidebar__select{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;transition:border-color .2s ease}.context-sidebar__select:hover{border-color:var(--color-border-dark)}.context-sidebar__select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.content-wrapper{margin:var(--spacing-2) var(--spacing-4) var(--spacing-2) var(--spacing-2);background-color:var(--color-background);border-radius:var(--radius-xl);border:1px solid var(--color-border-lighter);box-shadow:0 2px 8px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.06);height:calc(100vh - var(--spacing-4))}.content-wrapper,.main-area{display:flex;flex:1 1;overflow:hidden}.main-area{min-width:0;height:100%}.main-area,.sidebar{flex-direction:column}.sidebar{width:170px;background-color:var(--color-background-alt);border-right:1px solid var(--color-border);padding:var(--spacing-2);height:100vh;min-height:100vh;overflow-y:auto;display:flex;position:relative;z-index:1}.content{flex:1 1;padding:var(--spacing-3) var(--spacing-2) var(--spacing-2) 36px}.main-content{flex:1 1;min-width:0;min-height:0;padding:var(--spacing-6);background:none;overflow-y:auto;overflow-x:hidden;height:100%}.main-content:has(.container--no-overflow){overflow:visible}.dashboard{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:var(--spacing-6);gap:var(--spacing-6)}.card{background-color:var(--color-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-6);border:1px solid var(--color-border);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--spacing-2)}.gap-4{gap:var(--spacing-4)}.mb-2{margin-bottom:var(--spacing-2)}.mb-4{margin-bottom:var(--spacing-4)}.mt-4{margin-top:var(--spacing-4)}.mt-8{margin-top:var(--spacing-8)}.p-4{padding:var(--spacing-4)}.py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.badge{padding:var(--spacing-1) var(--spacing-3);color:white;text-shadow:0 1px 2px rgba(0,0,0,.1)}.badge-ideas{background-color:var(--color-status-ideas)}.badge-backlog{background-color:var(--color-status-backlog)}.badge-planned{background-color:var(--color-status-planned)}.badge-in-progress{background-color:var(--color-status-in-progress)}.badge-completed{background-color:var(--color-status-completed)}.badge-archived{background-color:var(--color-status-archived)}.loader{width:40px;height:40px;border-radius:50%;border:3px solid #e2e8f0;border-top:3px solid var(--color-primary);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(1turn)}}.app-loading{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:white;z-index:1000}.app-loading__text{color:var(--color-text-light);margin-top:var(--spacing-4)}.top-bar{justify-content:space-between;padding:var(--spacing-4);margin-bottom:var(--spacing-6);background-color:var(--color-background);border-bottom:1px solid var(--color-border)}.top-bar,.top-bar__left{display:flex;align-items:center}.top-bar__left{gap:var(--spacing-4)}.top-bar__right{display:flex;align-items:center;gap:var(--spacing-3)}.top-bar__title{font-size:var(--font-size-xl);font-weight:600;margin:0;color:var(--color-text)}.top-bar__actions{display:flex;gap:var(--spacing-2)}.top-bar__user-menu{position:relative}.top-bar__user-avatar-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:none;background-color:transparent;cursor:pointer;transition:all .2s ease;padding:0;overflow:hidden}.top-bar__user-avatar-button:hover{opacity:.8}.top-bar__user-avatar{width:100%;height:100%;object-fit:cover}.top-bar__user-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:220px;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:100;overflow:hidden}.top-bar__user-dropdown-header{padding:var(--spacing-3);border-bottom:1px solid var(--color-border)}.top-bar__user-name{font-weight:500;font-size:var(--font-size-sm);margin:0 0 var(--spacing-1) 0}.top-bar__user-email,.top-bar__user-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-bar__user-email{font-size:var(--font-size-xs);color:var(--color-text-light);margin:0}.top-bar__user-dropdown-menu{padding:var(--spacing-1)}.top-bar__user-dropdown-item{display:flex;align-items:center;width:100%;padding:var(--spacing-2) var(--spacing-3);border:none;background-color:transparent;border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background-color .2s}.top-bar__user-dropdown-item:hover{background-color:var(--color-background-alt)}.top-bar__user-dropdown-item-text{font-size:var(--font-size-sm);color:var(--color-text)}.btn{display:inline-flex;align-items:center;justify-content:center;min-width:100px;padding:10px 24px;border-radius:999px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background-color:#7366ff;color:white;border:none}.btn--primary:hover:not(:disabled){background-color:#8a7dff;box-shadow:0 0 0 2px rgba(115,102,255,.3);transform:translateY(-1px)}.btn--secondary{background-color:rgba(255,255,255,.15);color:white;border:1px solid rgba(255,255,255,.2)}.btn--modal.btn--secondary{background-color:#f3f4f6;color:#111827;border:1px solid #d1d5db}.btn--modal.btn--secondary:hover:not(:disabled){background-color:#e5e7eb;border-color:#9ca3af;transform:translateY(-1px)}.btn--secondary:hover:not(:disabled){background-color:rgba(255,255,255,.25);border-color:rgba(255,255,255,.3);transform:translateY(-1px)}.btn--danger{background-color:#ef4444;color:white;border:none}.btn--danger:hover:not(:disabled){background-color:#dc2626;box-shadow:0 0 0 2px rgba(239,68,68,.3);transform:translateY(-1px)}.btn--dark{background-color:#374151;color:white;border:none}.btn--dark:hover:not(:disabled){background-color:#4b5563;box-shadow:0 0 0 2px rgba(55,65,81,.3);transform:translateY(-1px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:50}.modal{background-color:white;border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,.1);width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal--half{max-width:50%}.modal--full{max-width:90%}.modal__header{padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.1)}.modal__title{font-size:18px;font-weight:600;margin:0}.modal__description{margin-top:8px;font-size:14px;color:#666}.modal__content{padding:24px}.modal__footer{padding:16px 24px;border-top:1px solid rgba(0,0,0,.1);display:flex;justify-content:flex-end;gap:12px}.form-field{margin-bottom:16px}.form-label{display:block;margin-bottom:8px}.form-input,.form-select,.form-textarea{border:1px solid #ddd;transition:border-color .2s}.form-textarea{min-height:100px}.kanban-container{display:flex;flex-direction:column;flex:1 1;min-height:0}.kanban-board-wrapper{display:flex;gap:var(--spacing-3);padding:var(--spacing-2);min-height:70vh;overflow-x:auto;overflow-y:visible}@media (min-width:1600px){.kanban-board-wrapper{display:grid;grid-template-columns:repeat(5,1fr);overflow-x:visible}}@media (max-width:1023px){.kanban-board-wrapper{display:grid;grid-template-columns:1fr;overflow-x:visible;grid-gap:var(--spacing-4);gap:var(--spacing-4)}}@media (min-width:1024px) and (max-width:1599px){.kanban-column{flex:0 0 280px}}.kanban-column{display:flex;flex-direction:column;background:#f8f9fa;border:1px solid var(--color-border-lighter);border-radius:var(--radius-lg);padding:var(--spacing-1) var(--spacing-2);min-height:500px;position:relative;transition:background-color .2s ease,border-color .2s ease}.kanban-column.kanban-column-drag-over{background:#f3f0ff;border-color:var(--color-primary)}.kanban-column-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) var(--spacing-3) var(--spacing-2) var(--spacing-3);border-bottom:1px solid var(--color-border-lighter);background-color:transparent;margin-bottom:var(--spacing-1)}.kanban-column-title{display:flex;align-items:center;gap:var(--spacing-1);font-weight:500;font-size:var(--font-size-xs);color:var(--color-text);text-transform:uppercase;letter-spacing:.05em}.kanban-column-title h3{margin:0;font-size:inherit;font-weight:inherit;color:inherit}.kanban-column-title-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.kanban-column-count{background-color:var(--color-background-alt);color:var(--color-text-light);padding:2px 6px;border-radius:8px;font-size:var(--font-size-xs);font-weight:400;min-width:24px;text-align:center;line-height:1.2}.kanban-droppable{padding:var(--spacing-3) var(--spacing-4);gap:var(--spacing-3)}.kanban-droppable-active{border-radius:var(--radius-md)}.kanban-card{background:var(--color-background);border:1px solid var(--color-border-lighter);border-radius:var(--radius-lg);padding:0;box-shadow:0 1px 2px rgba(0,0,0,.05);display:flex;flex-direction:column}.kanban-card:hover{border-color:var(--color-border);box-shadow:0 4px 6px rgba(0,0,0,.07),0 1px 3px rgba(0,0,0,.06)}.kanban-card-body{padding:var(--spacing-4);flex:1 1}.kanban-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-3)}.kanban-card-title{margin:0 0 var(--spacing-2) 0;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);line-height:1.4;word-wrap:break-word}.kanban-card-description{color:var(--color-text-light);font-size:var(--font-size-xs);line-height:1.5;margin:var(--spacing-2) 0 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-clamp:3;overflow:hidden}.kanban-card-footer{padding:var(--spacing-3) var(--spacing-4);border-top:1px solid var(--color-border-lighter);background:var(--color-background-secondary);display:flex;justify-content:space-between;align-items:center;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.kanban-card-board-tag{display:flex;align-items:center;gap:var(--spacing-1);color:var(--color-text-light);font-size:var(--font-size-xs);font-weight:500;background:var(--color-background-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-1) var(--spacing-2)}.kanban-card-board-tag img{flex-shrink:0;opacity:.8}.kanban-card-board-icon{flex-shrink:0;font-size:var(--font-size-sm);line-height:1;opacity:.9}.kanban-card-vote-section{gap:4px;color:var(--color-primary);font-weight:600;flex-shrink:0}.kanban-card-meta,.kanban-card-vote-section{display:flex;align-items:center;font-size:var(--font-size-xs)}.kanban-card-meta{justify-content:space-between;color:var(--color-text-light)}.container{padding:0;display:flex;flex-direction:column}.react-beautiful-dnd-dragging,div[data-rbd-draggable-id]{transition:none!important}[data-rbd-placeholder-context-id]{transition:none!important;opacity:.2!important;margin:0!important;min-height:unset!important;height:unset!important;pointer-events:none!important}.kanban-card-wrapper{margin-bottom:var(--spacing-3);box-sizing:border-box;height:auto}.kanban-card{background-color:var(--color-background);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:var(--spacing-2);margin-bottom:var(--spacing-2);box-shadow:var(--shadow-sm);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;box-sizing:border-box;min-width:0;max-width:100%}.kanban-card,.kanban-card h4{width:100%;overflow-wrap:break-word;word-break:break-word}.kanban-card h4{white-space:normal;text-overflow:ellipsis;margin:0;padding:0}.kanban-card p{overflow-wrap:break-word;word-break:break-word;white-space:normal;width:100%;margin-bottom:var(--spacing-2);font-size:var(--font-size-sm)}.kanban-board{display:flex;gap:var(--spacing-2);width:100%;padding-bottom:var(--spacing-1);min-height:500px}.kanban-droppable{padding:var(--spacing-2);min-height:200px;flex:1 1;display:flex;flex-direction:column}.kanban-droppable-active{background-color:var(--color-primary-light)}.kanban-card-dragging{box-shadow:0 0 0 2px var(--color-primary);border-color:var(--color-primary);opacity:.8;z-index:1}.kanban-empty-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-3);color:var(--color-text-light);min-height:60px;font-size:var(--font-size-sm);font-style:italic}.status-filter-buttons{width:100%}.status-filter-buttons__header{margin-top:var(--spacing-12);margin-bottom:var(--spacing-3)}.status-filter-buttons__title{font-size:12px;font-weight:500;color:var(--color-text-secondary);margin:0;text-transform:uppercase;letter-spacing:.05em}.status-filter-buttons__list{display:flex;flex-direction:column;gap:var(--spacing-1)}.status-filter-button{display:flex;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-1) var(--spacing-3);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;text-align:left;font-size:14px;color:var(--color-text);position:relative}.status-filter-button:hover{background:#f1f5f9}.status-filter-button--selected{background:#f1f5f9;color:var(--color-text);font-weight:500}.status-filter-button__icon{font-size:16px;font-weight:700;width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.status-filter-button__label{flex:1 1;font-weight:inherit}.skeleton{position:relative;overflow:hidden;background:#f3f4f6}.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:skeleton-shimmer 1.2s infinite}@keyframes skeleton-shimmer{to{transform:translateX(100%)}}.skeleton-board{display:flex;gap:var(--spacing-3);padding:var(--spacing-4)}.skeleton-board__column{width:250px;flex-shrink:0}.skeleton-board__column-header{height:24px;width:180px;border-radius:4px;margin-bottom:var(--spacing-4)}.skeleton-card{height:80px;border-radius:var(--radius-md);margin-bottom:var(--spacing-3)}.skeleton-roadmap{padding:var(--spacing-4)}.skeleton-roadmap__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4)}.skeleton-roadmap__titles{display:flex;flex-direction:column;gap:var(--spacing-2)}.skeleton-roadmap__title{height:32px;width:260px;border-radius:6px;margin-bottom:var(--spacing-2)}.skeleton-roadmap__subtitle{height:18px;width:320px;border-radius:4px;margin-bottom:var(--spacing-4)}.skeleton-roadmap__button{height:36px;width:120px;border-radius:var(--radius-md);margin-bottom:var(--spacing-4)}.skeleton-ideas{padding:var(--spacing-4)}.skeleton-ideas__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4)}.skeleton-ideas__titles{display:flex;flex-direction:column;gap:var(--spacing-2)}.skeleton-ideas__title{height:32px;width:260px;border-radius:6px}.skeleton-ideas__subtitle{height:18px;width:320px;border-radius:4px}.skeleton-ideas__button{height:36px;width:120px;border-radius:var(--radius-md)}.skeleton-ideas__list{display:flex;flex-direction:column;gap:var(--spacing-3)}.skeleton-ideas__row{height:56px;border-radius:var(--radius-md)}@media (max-width:768px){.status-filter-buttons__list{gap:var(--spacing-0)}.status-filter-button{padding:var(--spacing-2);font-size:13px}}.table{width:100%;border-collapse:collapse}.table__thead{background:var(--color-background-alt)}.table__td,.table__th{padding:var(--spacing-3);text-align:left;border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-sm)}.avatar,.table__row:hover{background:var(--color-background-alt)}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:500}.avatar--placeholder{background:var(--color-background-alt)}.badge{display:inline-block;padding:0 .5rem;line-height:1.4;font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-full)}.badge--primary{background:var(--color-primary-light);color:var(--color-primary)}.badge--secondary{background:#e2e8f0;color:var(--color-text)}.badge--success{background:#dcfce7;color:#16a34a}.badge--warning{background:#fef9c3;color:#ca8a04}.badge--danger{background:#fee2e2;color:#b91c1c}.dropdown-select{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-background);color:var(--color-text)}.dropdown-select:disabled{opacity:.5;cursor:not-allowed}.form-grid{display:grid;grid-gap:24px;gap:24px;padding:16px 0}.form-field{display:flex;flex-direction:column;gap:8px}.form-label{font-weight:500;font-size:14px;color:var(--color-text)}.form-input,.form-select,.form-textarea{padding:10px 12px;border:1px solid var(--color-border);border-radius:6px;font-size:14px;width:100%;transition:border-color .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#7366ff;box-shadow:0 0 0 2px rgba(115,102,255,.2)}.form-textarea{resize:vertical;min-height:120px}.form-error{color:#e53e3e;font-size:14px;margin-bottom:16px}.btn--cancel{margin-right:8px}