pluracore-comps
Version:
Librairie de 20 composants React ultra-personnalisables pour sites vitrines modernes - Button, Card, Hero, Navigation, Input, Modal, Badge, Accordion, Tabs, Toast, Slider, Progress, Avatar, Pagination, Rating, Breadcrumb, Banner, Grid, Section, Gallery
1 lines • 107 kB
CSS
.plura-button{align-items:center;border:2px solid transparent;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:600;justify-content:center;outline:none;overflow:hidden;position:relative;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);user-select:none;white-space:nowrap}.plura-button--small{border-radius:.375rem;font-size:.875rem;line-height:1.25rem;padding:.5rem 1rem}.plura-button--medium{border-radius:.5rem;font-size:1rem;line-height:1.5rem;padding:.75rem 1.5rem}.plura-button--large{border-radius:.5rem;font-size:1.125rem;line-height:1.75rem;padding:1rem 2rem}.plura-button--xl{border-radius:.75rem;font-size:1.25rem;line-height:1.75rem;padding:1.25rem 2.5rem}.plura-button--primary{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.plura-button--primary:hover:not(.plura-button--disabled){background-color:#2563eb;border-color:#2563eb;transform:translateY(-1px)}.plura-button--secondary{background-color:#6b7280;border-color:#6b7280;color:#fff}.plura-button--secondary:hover:not(.plura-button--disabled){background-color:#4b5563;border-color:#4b5563;transform:translateY(-1px)}.plura-button--success{background-color:#10b981;border-color:#10b981;color:#fff}.plura-button--success:hover:not(.plura-button--disabled){background-color:#059669;border-color:#059669;transform:translateY(-1px)}.plura-button--danger{background-color:#ef4444;border-color:#ef4444;color:#fff}.plura-button--danger:hover:not(.plura-button--disabled){background-color:#dc2626;border-color:#dc2626;transform:translateY(-1px)}.plura-button--warning{background-color:#f59e0b;border-color:#f59e0b;color:#fff}.plura-button--warning:hover:not(.plura-button--disabled){background-color:#d97706;border-color:#d97706;transform:translateY(-1px)}.plura-button--info{background-color:#06b6d4;border-color:#06b6d4;color:#fff}.plura-button--info:hover:not(.plura-button--disabled){background-color:#0891b2;border-color:#0891b2;transform:translateY(-1px)}.plura-button--light{background-color:#f8fafc;border-color:#e5e7eb;color:#1f2937}.plura-button--light:hover:not(.plura-button--disabled){background-color:#f1f5f9;border-color:#d1d5db;transform:translateY(-1px)}.plura-button--dark{background-color:#1f2937;border-color:#1f2937;color:#fff}.plura-button--dark:hover:not(.plura-button--disabled){background-color:#111827;border-color:#111827;transform:translateY(-1px)}.plura-button--full-width{width:100%}.plura-button--rounded{border-radius:9999px}.plura-button--shadow{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.plura-button--shadow:hover:not(.plura-button--disabled){box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.plura-button--gradient.plura-button--primary,.plura-button--gradient.plura-button--success{background:linear-gradient(135deg,#667eea,#764ba2);border:none}.plura-button--gradient.plura-button--danger{background:linear-gradient(135deg,#f093fb,#f5576c);border:none}.plura-button--outline{background-color:transparent}.plura-button--outline.plura-button--primary{border-color:#3b82f6;color:#3b82f6}.plura-button--outline.plura-button--primary:hover:not(.plura-button--disabled){background-color:#3b82f6;color:#fff}.plura-button--glow{box-shadow:0 0 20px rgba(59,130,246,.3)}.plura-button--glow:hover:not(.plura-button--disabled){box-shadow:0 0 30px rgba(59,130,246,.5)}.plura-button--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.plura-button--loading{pointer-events:none}.plura-button__icon{align-items:center;display:flex;justify-content:center}.plura-button__icon--left{margin-right:.5rem}.plura-button__icon--right{margin-left:.5rem}.plura-button__spinner{animation:plura-spin 1s linear infinite;border:2px solid transparent;border-radius:50%;border-top-color:currentcolor;height:1rem;margin-right:.5rem;width:1rem}@keyframes plura-spin{to{transform:rotate(1turn)}}.plura-button__text{flex:1}.plura-button--pulse{animation:plura-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes plura-pulse{0%,to{opacity:1}50%{opacity:.5}}.plura-button--bounce:hover:not(.plura-button--disabled){animation:plura-bounce 1s}@keyframes plura-bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-10px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-5px,0)}90%{transform:translate3d(0,-2px,0)}}.plura-button--shake:hover:not(.plura-button--disabled){animation:plura-shake .82s cubic-bezier(.36,.07,.19,.97)}@keyframes plura-shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.plura-button--float{animation:plura-float 6s ease-in-out infinite}@keyframes plura-float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@media (max-width:640px){.plura-button--large{font-size:1rem;padding:.75rem 1.5rem}.plura-button--xl{font-size:1.125rem;padding:1rem 2rem}}.plura-card{border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.plura-card,.plura-card--default,.plura-card--elevated{background-color:var(--color-white)}.plura-card--elevated{box-shadow:0 10px 25px rgba(0,0,0,.1)}.plura-card--outlined{background-color:transparent;border:2px solid var(--color-gray-200)}.plura-card--filled{background-color:var(--color-gray-50)}.plura-card--small{max-width:280px;min-height:200px}.plura-card--medium{max-width:350px;min-height:250px}.plura-card--large{max-width:450px;min-height:300px}.plura-card--xl{max-width:600px;min-height:350px}.plura-card--shadow-none{box-shadow:none}.plura-card--shadow-small{box-shadow:0 1px 3px rgba(0,0,0,.1)}.plura-card--shadow-medium{box-shadow:0 4px 6px rgba(0,0,0,.1)}.plura-card--shadow-large{box-shadow:0 10px 15px rgba(0,0,0,.1)}.plura-card--shadow-xl{box-shadow:0 25px 50px rgba(0,0,0,.25)}.plura-card--rounded-none{border-radius:0}.plura-card--rounded-small{border-radius:4px}.plura-card--rounded-medium{border-radius:8px}.plura-card--rounded-large{border-radius:16px}.plura-card--rounded-xl{border-radius:24px}.plura-card--rounded-full{border-radius:50px}.plura-card--bg-white{background-color:var(--color-white)}.plura-card--bg-gray{background-color:var(--color-gray-50)}.plura-card--bg-dark{background-color:var(--color-gray-900);color:var(--color-white)}.plura-card--bg-transparent{background-color:transparent}.plura-card--padding-none .plura-card__content{padding:0}.plura-card--padding-small .plura-card__content{padding:12px}.plura-card--padding-medium .plura-card__content{padding:20px}.plura-card--padding-large .plura-card__content{padding:28px}.plura-card--padding-xl .plura-card__content{padding:36px}.plura-card--border{border:2px solid}.plura-card--border-gray{border-color:var(--color-gray-200)}.plura-card--border-primary{border-color:var(--color-primary)}.plura-card--border-success{border-color:var(--color-success)}.plura-card--border-danger{border-color:var(--color-danger)}.plura-card--border-warning{border-color:var(--color-warning)}.plura-card--border-info{border-color:var(--color-info)}.plura-card--hover:hover{box-shadow:0 20px 40px rgba(0,0,0,.15);transform:translateY(-4px)}.plura-card--clickable{cursor:pointer;user-select:none}.plura-card--clickable:active{transform:translateY(1px)}.plura-card--gradient{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);color:var(--color-white)}.plura-card--glass{backdrop-filter:blur(20px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);box-shadow:0 8px 32px rgba(0,0,0,.1)}.plura-card--neon{animation:neonGlow 2s ease-in-out infinite alternate;border:2px solid var(--color-primary);box-shadow:0 0 10px var(--color-primary),inset 0 0 10px rgba(0,255,255,.1)}@keyframes neonGlow{0%{box-shadow:0 0 10px var(--color-primary),inset 0 0 10px rgba(0,255,255,.1)}to{box-shadow:0 0 20px var(--color-primary),0 0 30px var(--color-primary),inset 0 0 20px rgba(0,255,255,.2)}}.plura-card--tilt{transform-style:preserve-3d;transition:transform .3s ease}.plura-card--tilt:hover{transform:perspective(1000px) rotateX(5deg) rotateY(5deg)}.plura-card__tilt-overlay{background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.1) 50%,transparent 70%);bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.plura-card--tilt:hover .plura-card__tilt-overlay{opacity:1}.plura-card--loading{pointer-events:none;position:relative}.plura-card__loading{align-items:center;background:hsla(0,0%,100%,.9);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.plura-card__spinner{animation:spin 1s linear infinite;border-top:3px solid var(--color-gray-200);border:3px solid var(--color-gray-200);border-radius:50%;border-top-color:var(--color-primary);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.plura-card__overlay{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.plura-card__overlay--light{background:hsla(0,0%,100%,.5)}.plura-card__overlay--dark{background:rgba(0,0,0,.5)}.plura-card__overlay--primary{background:rgba(59,130,246,.5)}.plura-card__overlay--success{background:rgba(34,197,94,.5)}.plura-card__overlay--danger{background:rgba(239,68,68,.5)}.plura-card__content{display:flex;flex:1;flex-direction:column;position:relative;z-index:2}.plura-card__header{align-items:flex-start;border-bottom:1px solid var(--color-gray-100);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.plura-card__header-content{flex:1}.plura-card__title{color:var(--color-gray-900);font-size:1.25rem;font-weight:600;line-height:1.4;margin:0 0 4px}.plura-card--bg-dark .plura-card__title{color:var(--color-white)}.plura-card__subtitle{color:var(--color-gray-600);font-size:.875rem;line-height:1.5;margin:0}.plura-card--bg-dark .plura-card__subtitle{color:var(--color-gray-300)}.plura-card__header-actions{flex-shrink:0;margin-left:16px}.plura-card__body{color:var(--color-gray-700);flex:1;line-height:1.6}.plura-card--bg-dark .plura-card__body{color:var(--color-gray-200)}.plura-card__footer{border-top:1px solid var(--color-gray-100);margin-top:20px;padding-top:16px}.plura-card--bg-dark .plura-card__footer{border-top-color:var(--color-gray-700)}.plura-card__image{background-color:var(--color-gray-100);position:relative;width:100%}.plura-card--image-background .plura-card__image{bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}.plura-card--image-background .plura-card__content{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);position:relative;z-index:2}.plura-card__layout--horizontal{align-items:stretch;display:flex;gap:20px}.plura-card__image--left,.plura-card__image--right{border-radius:8px;min-width:120px;width:120px}@media (max-width:768px){.plura-card--large,.plura-card--medium,.plura-card--small,.plura-card--xl{max-width:100%;width:100%}.plura-card__layout--horizontal{flex-direction:column}.plura-card__image--left,.plura-card__image--right{height:150px;width:100%}.plura-card__header{flex-direction:column;gap:12px}.plura-card__header-actions{align-self:flex-start;margin-left:0}}:root{--color-white:#fff;--color-black:#000;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-900:#111827;--color-primary:#3b82f6;--color-secondary:#8b5cf6;--color-success:#22c55e;--color-danger:#ef4444;--color-warning:#f59e0b;--color-info:#06b6d4}.plura-hero{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;overflow:hidden;position:relative;width:100%}.plura-hero--small{min-height:300px}.plura-hero--medium{min-height:400px}.plura-hero--large{min-height:600px}.plura-hero--xl{min-height:800px}.plura-hero--full{min-height:100vh}.plura-hero--bg-color.plura-hero--bg-color-primary{background-color:var(--color-primary)}.plura-hero--bg-color.plura-hero--bg-color-secondary{background-color:var(--color-secondary)}.plura-hero--bg-color.plura-hero--bg-color-dark{background-color:var(--color-gray-900)}.plura-hero--bg-color.plura-hero--bg-color-light{background-color:var(--color-gray-100)}.plura-hero--bg-color.plura-hero--bg-color-success{background-color:var(--color-success)}.plura-hero--bg-color.plura-hero--bg-color-danger{background-color:var(--color-danger)}.plura-hero--bg-color.plura-hero--bg-color-warning{background-color:var(--color-warning)}.plura-hero--bg-color.plura-hero--bg-color-info{background-color:var(--color-info)}.plura-hero--gradient{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 50%,var(--color-primary) 100%)}.plura-hero__video{left:50%;min-height:100%;min-width:100%;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:-1}.plura-hero__overlay{bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.plura-hero__overlay--light{background:hsla(0,0%,100%,.7)}.plura-hero__overlay--dark{background:rgba(0,0,0,.5)}.plura-hero__overlay--primary{background:rgba(59,130,246,.7)}.plura-hero__overlay--success{background:rgba(34,197,94,.7)}.plura-hero__overlay--danger{background:rgba(239,68,68,.7)}.plura-hero__container{margin:0 auto;max-width:1200px;padding:0 20px;position:relative;width:100%;z-index:2}.plura-hero__content{max-width:800px}.plura-hero--center .plura-hero__content{margin:0 auto;text-align:center}.plura-hero--left .plura-hero__content{margin-right:auto;text-align:left}.plura-hero--right .plura-hero__content{margin-left:auto;text-align:right}.plura-hero--text-white{color:var(--color-white)}.plura-hero--text-dark{color:var(--color-gray-900)}.plura-hero--text-primary{color:var(--color-primary)}.plura-hero__title{font-size:clamp(2rem,5vw,4rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0 0 20px}.plura-hero__subtitle{font-size:clamp(1.2rem,3vw,2rem);font-weight:600;line-height:1.3;margin:0 0 16px;opacity:.9}.plura-hero__description{font-size:clamp(1rem,2vw,1.25rem);line-height:1.6;margin:0 0 32px;max-width:600px;opacity:.8}.plura-hero--center .plura-hero__description{margin-left:auto;margin-right:auto}.plura-hero__actions{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.plura-hero--center .plura-hero__actions{justify-content:center}.plura-hero--right .plura-hero__actions{justify-content:flex-end}.plura-hero--animated .plura-hero__title{animation:heroSlideUp 1s ease-out .2s both}.plura-hero--animated .plura-hero__subtitle{animation:heroSlideUp 1s ease-out .4s both}.plura-hero--animated .plura-hero__description{animation:heroSlideUp 1s ease-out .6s both}.plura-hero--animated .plura-hero__actions{animation:heroSlideUp 1s ease-out .8s both}@keyframes heroSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.plura-hero__particles{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.plura-hero__particle{animation:particleFloat linear infinite;background:hsla(0,0%,100%,.6);border-radius:50%;height:4px;position:absolute;width:4px}@keyframes particleFloat{0%{opacity:0;transform:translateY(100vh) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-10vh) rotate(1turn)}}.plura-hero--parallax{background-attachment:fixed}.plura-hero--glass .plura-hero__content{backdrop-filter:blur(20px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.1);padding:40px}.plura-hero--split .plura-hero__container{max-width:1400px}.plura-hero__split-layout{align-items:center;display:grid;gap:60px;min-height:inherit}.plura-hero--split-left .plura-hero__split-layout,.plura-hero--split-right .plura-hero__split-layout,.plura-hero__split-layout{grid-template-columns:1fr 1fr}.plura-hero--split-left .plura-hero__split-image{order:-1}.plura-hero__split-content{display:flex;flex-direction:column;gap:20px}.plura-hero__split-image{border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.1);overflow:hidden;position:relative}.plura-hero__split-image img{display:block;height:100%;object-fit:cover;width:100%}.plura-hero__split-extra{margin-top:20px}.plura-hero__scroll-indicator{bottom:30px;left:50%;position:absolute;transform:translateX(-50%);z-index:3}.plura-hero__scroll-arrow{animation:scrollBounce 2s infinite;border-bottom:2px solid;border-right:2px solid;height:30px;transform:rotate(45deg);width:30px}@keyframes scrollBounce{0%,20%,50%,80%,to{transform:rotate(45deg) translateY(0)}40%{transform:rotate(45deg) translateY(-10px)}60%{transform:rotate(45deg) translateY(-5px)}}@media (max-width:768px){.plura-hero{min-height:70vh!important}.plura-hero__container{padding:0 16px}.plura-hero__actions{align-items:stretch;flex-direction:column}.plura-hero--center .plura-hero__actions{align-items:center}.plura-hero__split-layout{gap:40px;grid-template-columns:1fr;text-align:center}.plura-hero--split-left .plura-hero__split-image,.plura-hero--split-right .plura-hero__split-image{order:0}.plura-hero__split-image{max-height:300px}.plura-hero--glass .plura-hero__content{border-radius:16px;padding:20px}.plura-hero--parallax{background-attachment:scroll}}@media (max-width:480px){.plura-hero__title{font-size:2rem}.plura-hero__subtitle{font-size:1.2rem}.plura-hero__description{font-size:1rem}}.plura-nav{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:1000}.plura-nav--static{position:static}.plura-nav--fixed{left:0;position:fixed;right:0;top:0}.plura-nav--absolute{left:0;position:absolute;right:0;top:0}.plura-nav--sticky{position:sticky;top:0}.plura-nav--bg-white{background-color:var(--color-white);color:var(--color-gray-900)}.plura-nav--bg-dark{background-color:var(--color-gray-900);color:var(--color-white)}.plura-nav--bg-primary{background-color:var(--color-primary);color:var(--color-white)}.plura-nav--bg-transparent{background-color:transparent}.plura-nav--transparent{background-color:transparent!important}.plura-nav--blur{backdrop-filter:blur(20px);background-color:hsla(0,0%,100%,.9)!important}.plura-nav--bg-dark.plura-nav--blur{background-color:rgba(17,24,39,.9)!important}.plura-nav--shadow{box-shadow:0 1px 3px rgba(0,0,0,.1)}.plura-nav--border-bottom{border-bottom:1px solid var(--color-gray-200)}.plura-nav--bg-dark.plura-nav--border-bottom{border-bottom-color:var(--color-gray-700)}.plura-nav--minimal{background:none;box-shadow:none}.plura-nav--bold{font-weight:600}.plura-nav--glass{backdrop-filter:blur(20px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2)}.plura-nav__container{align-items:center;display:flex;margin:0 auto;position:relative;width:100%}.plura-nav--align-left .plura-nav__container{justify-content:flex-start}.plura-nav--align-center .plura-nav__container{justify-content:center}.plura-nav--align-right .plura-nav__container{justify-content:flex-end}.plura-nav--align-between .plura-nav__container{justify-content:space-between}.plura-nav--padding-small .plura-nav__container{padding:8px 16px}.plura-nav--padding-medium .plura-nav__container{padding:16px 24px}.plura-nav--padding-large .plura-nav__container{padding:20px 32px}.plura-nav__brand{align-items:center;display:flex;flex-shrink:0;gap:12px}.plura-nav__logo img{display:block}.plura-nav--logo-small .plura-nav__logo img{height:32px}.plura-nav--logo-medium .plura-nav__logo img{height:40px}.plura-nav--logo-large .plura-nav__logo img{height:48px}.plura-nav__logo-text{color:inherit;font-size:1.5rem;font-weight:700;text-decoration:none}.plura-nav__items{align-items:center;display:flex;gap:8px;margin:0 auto}.plura-nav--align-left .plura-nav__items{margin-left:40px;margin-right:0}.plura-nav--align-right .plura-nav__items{margin-left:0;margin-right:40px}.plura-nav__item,.plura-nav__link{position:relative}.plura-nav__link{align-items:center;background:none;border:none;border-radius:8px;color:inherit;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.plura-nav__link:hover{background-color:rgba(0,0,0,.05)}.plura-nav--bg-dark .plura-nav__link:hover{background-color:hsla(0,0%,100%,.1)}.plura-nav__link:disabled{cursor:not-allowed;opacity:.5}.plura-nav__item--active .plura-nav__link,.plura-nav__item--highlight .plura-nav__link{background-color:var(--color-primary);color:var(--color-white)}.plura-nav__item--highlight .plura-nav__link{font-weight:600}.plura-nav__icon{align-items:center;display:flex;font-size:1.1rem}.plura-nav__badge{align-items:center;border-radius:10px;display:inline-flex;font-size:.75rem;font-weight:500;height:20px;justify-content:center;margin-left:8px;min-width:20px;padding:0 6px}.plura-nav__badge--primary{background-color:var(--color-primary);color:var(--color-white)}.plura-nav__badge--secondary{background-color:var(--color-secondary);color:var(--color-white)}.plura-nav__badge--success{background-color:var(--color-success);color:var(--color-white)}.plura-nav__badge--danger{background-color:var(--color-danger);color:var(--color-white)}.plura-nav__badge--warning{background-color:var(--color-warning);color:var(--color-gray-900)}.plura-nav__badge--info{background-color:var(--color-info);color:var(--color-white)}.plura-nav__item--dropdown .plura-nav__dropdown-arrow{font-size:.7rem;transition:transform .2s ease}.plura-nav__item--dropdown:hover .plura-nav__dropdown-arrow{transform:rotate(180deg)}.plura-nav__dropdown{background:var(--color-white);border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,.15);left:0;min-width:200px;opacity:0;overflow:hidden;position:absolute;top:100%;transform:translateY(-10px);transition:all .2s ease;visibility:hidden;z-index:1000}.plura-nav__item--dropdown:hover .plura-nav__dropdown{opacity:1;transform:translateY(0);visibility:visible}.plura-nav--bg-dark .plura-nav__dropdown{background:var(--color-gray-800);border:1px solid var(--color-gray-700)}.plura-nav__dropdown--card{padding:8px}.plura-nav__dropdown--minimal{box-shadow:0 4px 6px rgba(0,0,0,.1)}.plura-nav__dropdown-item{align-items:center;border-bottom:1px solid var(--color-gray-100);color:inherit;display:flex;gap:12px;padding:12px 16px;text-decoration:none;transition:background-color .2s ease}.plura-nav__dropdown-item:last-child{border-bottom:none}.plura-nav__dropdown-item:hover{background-color:var(--color-gray-50)}.plura-nav--bg-dark .plura-nav__dropdown-item:hover{background-color:var(--color-gray-700)}.plura-nav__dropdown-item--active{background-color:var(--color-primary);color:var(--color-white)}.plura-nav__dropdown-label{font-weight:500}.plura-nav__dropdown-desc{display:block;font-size:.8rem;margin-top:2px;opacity:.7}.plura-nav__actions{align-items:center;display:flex;flex-shrink:0;gap:12px}.plura-nav__mobile-toggle{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:none;height:44px;justify-content:center;transition:background-color .2s ease;width:44px}.plura-nav__mobile-toggle:hover{background-color:rgba(0,0,0,.05)}.plura-nav--bg-dark .plura-nav__mobile-toggle:hover{background-color:hsla(0,0%,100%,.1)}.plura-nav__hamburger{display:flex;flex-direction:column;gap:4px;width:20px}.plura-nav__hamburger span{background-color:currentColor;border-radius:1px;height:2px;transform-origin:center;transition:all .3s ease;width:100%}.plura-nav--mobile-open .plura-nav__hamburger span:first-child{transform:rotate(45deg) translate(6px,6px)}.plura-nav--mobile-open .plura-nav__hamburger span:nth-child(2){opacity:0;transform:translateX(-20px)}.plura-nav--mobile-open .plura-nav__hamburger span:last-child{transform:rotate(-45deg) translate(6px,-6px)}.plura-nav__mobile-menu{background:inherit;border-top:1px solid var(--color-gray-200);left:0;max-height:0;opacity:0;overflow:hidden;position:absolute;right:0;top:100%;transform:translateY(-100%);transition:all .3s ease;visibility:hidden}.plura-nav--bg-dark .plura-nav__mobile-menu{border-top-color:var(--color-gray-700)}.plura-nav--mobile-open .plura-nav__mobile-menu{max-height:500px;opacity:1;transform:translateY(0);visibility:visible}.plura-nav__mobile-items{padding:20px}.plura-nav__mobile-item{border-bottom:1px solid var(--color-gray-100)}.plura-nav--bg-dark .plura-nav__mobile-item{border-bottom-color:var(--color-gray-700)}.plura-nav__mobile-item:last-child{border-bottom:none}.plura-nav__mobile-link{align-items:center;color:inherit;display:flex;font-weight:500;gap:12px;padding:16px 0;text-decoration:none;transition:color .2s ease}.plura-nav__mobile-link:hover{color:var(--color-primary)}.plura-nav__mobile-link--active{color:var(--color-primary);font-weight:600}.plura-nav__mobile-dropdown{padding:16px 0}.plura-nav__mobile-dropdown-label{align-items:center;color:var(--color-gray-700);display:flex;font-weight:600;gap:12px;margin-bottom:12px}.plura-nav--bg-dark .plura-nav__mobile-dropdown-label{color:var(--color-gray-300)}.plura-nav__mobile-dropdown-items{padding-left:24px}.plura-nav__mobile-actions{border-top:1px solid var(--color-gray-200);margin-top:20px;padding-top:20px}.plura-nav--bg-dark .plura-nav__mobile-actions{border-top-color:var(--color-gray-700)}.plura-nav--animated .plura-nav__link{overflow:hidden;position:relative}.plura-nav--animated .plura-nav__link:before{background-color:var(--color-primary);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.plura-nav--animated .plura-nav__item--active .plura-nav__link:before,.plura-nav--animated .plura-nav__link:hover:before{width:100%}@media (max-width:768px){.plura-nav__items{display:none}.plura-nav__mobile-toggle{display:flex}.plura-nav__actions{gap:8px}.plura-nav--padding-small .plura-nav__container{padding:8px 16px}.plura-nav--padding-medium .plura-nav__container{padding:12px 20px}.plura-nav--padding-large .plura-nav__container{padding:16px 24px}}@media (max-width:480px){.plura-nav__logo-text{font-size:1.2rem}.plura-nav--logo-small .plura-nav__logo img{height:28px}.plura-nav--logo-medium .plura-nav__logo img{height:32px}.plura-nav--logo-large .plura-nav__logo img{height:36px}}.plura-input{display:flex;flex-direction:column;font-family:inherit;gap:6px}.plura-input--full-width{width:100%}.plura-input__label{color:var(--color-gray-700);display:block;font-size:.875rem;font-weight:500;margin-bottom:4px}.plura-input__required{color:var(--color-danger);margin-left:2px}.plura-input__wrapper{align-items:stretch;background-color:var(--color-white);border-radius:8px;display:flex;position:relative;transition:all .2s ease}.plura-input--default .plura-input__wrapper{border:2px solid var(--color-gray-200)}.plura-input--filled .plura-input__wrapper{background-color:var(--color-gray-50);border:2px solid transparent}.plura-input--outlined .plura-input__wrapper{background-color:transparent;border:2px solid var(--color-gray-300)}.plura-input--minimal .plura-input__wrapper{background-color:transparent;border:none;border-bottom:2px solid var(--color-gray-200);border-radius:0}.plura-input--bordered .plura-input__wrapper{border-width:2px}.plura-input--shadow .plura-input__wrapper{box-shadow:0 1px 3px rgba(0,0,0,.1)}.plura-input--small .plura-input__wrapper{min-height:36px}.plura-input--medium .plura-input__wrapper{min-height:44px}.plura-input--large .plura-input__wrapper{min-height:52px}.plura-input--rounded-none .plura-input__wrapper{border-radius:0}.plura-input--rounded-small .plura-input__wrapper{border-radius:4px}.plura-input--rounded-medium .plura-input__wrapper{border-radius:8px}.plura-input--rounded-large .plura-input__wrapper{border-radius:12px}.plura-input--rounded-full .plura-input__wrapper{border-radius:9999px}.plura-input--focused .plura-input__wrapper{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.plura-input--filled.plura-input--focused .plura-input__wrapper{background-color:var(--color-white);border-color:var(--color-primary)}.plura-input--error .plura-input__wrapper{border-color:var(--color-danger)}.plura-input--error.plura-input--focused .plura-input__wrapper{box-shadow:0 0 0 3px rgba(239,68,68,.1)}.plura-input--success .plura-input__wrapper{border-color:var(--color-success)}.plura-input--success.plura-input--focused .plura-input__wrapper{box-shadow:0 0 0 3px rgba(34,197,94,.1)}.plura-input--warning .plura-input__wrapper{border-color:var(--color-warning)}.plura-input--warning.plura-input--focused .plura-input__wrapper{box-shadow:0 0 0 3px rgba(245,158,11,.1)}.plura-input--disabled .plura-input__wrapper{background-color:var(--color-gray-100);border-color:var(--color-gray-200);cursor:not-allowed}.plura-input--disabled .plura-input__label{color:var(--color-gray-400)}.plura-input--readonly .plura-input__wrapper{background-color:var(--color-gray-50);cursor:default}.plura-input__field-wrapper{align-items:center;display:flex;flex:1;position:relative}.plura-input__field{background:transparent;border:none;color:var(--color-gray-900);font-size:1rem;line-height:1.5;outline:none;padding:12px 16px;resize:none;width:100%}.plura-input--small .plura-input__field{font-size:.875rem;padding:8px 12px}.plura-input--large .plura-input__field{font-size:1.125rem;padding:16px 20px}.plura-input__field::placeholder{color:var(--color-gray-400)}.plura-input__field:disabled{color:var(--color-gray-400);cursor:not-allowed}.plura-input__field:read-only{cursor:default}.plura-input--multiline .plura-input__field{min-height:unset;padding-bottom:12px;padding-top:12px;resize:vertical}.plura-input--small.plura-input--multiline .plura-input__field{padding-bottom:8px;padding-top:8px}.plura-input--large.plura-input--multiline .plura-input__field{padding-bottom:16px;padding-top:16px}.plura-input__icon{align-items:center;color:var(--color-gray-400);display:flex;flex-shrink:0;justify-content:center}.plura-input__icon--left{padding-left:12px;padding-right:8px}.plura-input__icon--right{padding-left:8px;padding-right:12px}.plura-input--with-left-icon .plura-input__field{padding-left:0}.plura-input--with-right-icon .plura-input__field{padding-right:0}.plura-input--focused .plura-input__icon{color:var(--color-primary)}.plura-input__prefix,.plura-input__suffix{align-items:center;background-color:var(--color-gray-50);border-right:1px solid var(--color-gray-200);color:var(--color-gray-500);display:flex;font-size:.875rem;font-weight:500;padding:0 12px;white-space:nowrap}.plura-input__suffix{border-left:1px solid var(--color-gray-200);border-right:none}.plura-input--with-prefix .plura-input__field{padding-left:0}.plura-input--with-suffix .plura-input__field{padding-right:0}.plura-input--floating .plura-input__field-wrapper{position:relative}.plura-input__floating-label{background-color:var(--color-white);color:var(--color-gray-400);font-size:1rem;left:16px;padding:0 4px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;z-index:1}.plura-input--small .plura-input__floating-label{font-size:.875rem;left:12px}.plura-input--large .plura-input__floating-label{font-size:1.125rem;left:20px}.plura-input--floating.plura-input--focused .plura-input__floating-label,.plura-input--floating.plura-input--has-value .plura-input__floating-label{color:var(--color-primary);font-size:.75rem;top:0;transform:translateY(-50%)}.plura-input--floating.plura-input--filled .plura-input__floating-label{background-color:var(--color-gray-50)}.plura-input--floating.plura-input--filled.plura-input--focused .plura-input__floating-label,.plura-input--floating.plura-input--filled.plura-input--has-value .plura-input__floating-label{background-color:var(--color-white)}.plura-input__footer{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;min-height:20px}.plura-input__message{flex:1;font-size:.75rem;line-height:1.4}.plura-input__message--error{color:var(--color-danger)}.plura-input__message--success{color:var(--color-success)}.plura-input__message--warning{color:var(--color-warning)}.plura-input__counter,.plura-input__message--helper{color:var(--color-gray-500)}.plura-input__counter{font-size:.75rem;white-space:nowrap}.plura-input--animated .plura-input__wrapper{transition:all .3s cubic-bezier(.4,0,.2,1)}.plura-input--animated .plura-input__field{transition:all .2s ease}.plura-input--animated .plura-input__floating-label{transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width:768px){.plura-input--large .plura-input__field,.plura-input--medium .plura-input__field,.plura-input--small .plura-input__field{font-size:16px}}.plura-modal__overlay{align-items:center;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0}.plura-modal__overlay--dark{background-color:rgba(0,0,0,.5)}.plura-modal__overlay--light{background-color:hsla(0,0%,100%,.8)}.plura-modal__overlay--primary{background-color:rgba(59,130,246,.3)}.plura-modal__overlay--blur{backdrop-filter:blur(8px)}.plura-modal__overlay--animated{animation:modalOverlayFadeIn .3s ease-out}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}.plura-modal{background-color:var(--color-white);border-radius:12px;box-shadow:0 25px 50px rgba(0,0,0,.25);display:flex;flex-direction:column;max-height:calc(100vh - 40px);outline:none;position:relative}.plura-modal--small{max-width:400px;width:100%}.plura-modal--medium{max-width:600px;width:100%}.plura-modal--large{max-width:800px;width:100%}.plura-modal--xl{max-width:1200px;width:100%}.plura-modal--auto{max-width:90vw;min-width:300px;width:auto}.plura-modal--center .plura-modal__overlay{align-items:center}.plura-modal--top .plura-modal__overlay{align-items:flex-start;padding-top:60px}.plura-modal--bottom .plura-modal__overlay{align-items:flex-end;padding-bottom:60px}.plura-modal--clean,.plura-modal--default{background-color:var(--color-white)}.plura-modal--clean{box-shadow:0 4px 6px rgba(0,0,0,.1)}.plura-modal--glass{backdrop-filter:blur(20px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:var(--color-white)}.plura-modal--bordered{border:2px solid var(--color-gray-200);box-shadow:0 10px 25px rgba(0,0,0,.15)}.plura-modal--fullscreen{border-radius:0;height:100vh;margin:0;max-height:100vh;width:100vw}.plura-modal--fullscreen .plura-modal__overlay{padding:0}.plura-modal--scrollable .plura-modal__body{overflow-y:auto}.plura-modal--padding-none .plura-modal__body,.plura-modal--padding-none .plura-modal__footer,.plura-modal--padding-none .plura-modal__header{padding:0}.plura-modal--padding-small .plura-modal__body,.plura-modal--padding-small .plura-modal__footer,.plura-modal--padding-small .plura-modal__header{padding-left:16px;padding-right:16px}.plura-modal--padding-small .plura-modal__header{padding-bottom:12px;padding-top:16px}.plura-modal--padding-small .plura-modal__body{padding-bottom:0;padding-top:0}.plura-modal--padding-small .plura-modal__footer{padding-bottom:16px;padding-top:12px}.plura-modal--padding-medium .plura-modal__body,.plura-modal--padding-medium .plura-modal__footer,.plura-modal--padding-medium .plura-modal__header{padding-left:24px;padding-right:24px}.plura-modal--padding-medium .plura-modal__header{padding-bottom:16px;padding-top:24px}.plura-modal--padding-medium .plura-modal__body{padding-bottom:0;padding-top:0}.plura-modal--padding-medium .plura-modal__footer{padding-bottom:24px;padding-top:16px}.plura-modal--padding-large .plura-modal__body,.plura-modal--padding-large .plura-modal__footer,.plura-modal--padding-large .plura-modal__header{padding-left:32px;padding-right:32px}.plura-modal--padding-large .plura-modal__header{padding-bottom:20px;padding-top:32px}.plura-modal--padding-large .plura-modal__body{padding-bottom:0;padding-top:0}.plura-modal--padding-large .plura-modal__footer{padding-bottom:32px;padding-top:20px}.plura-modal--rounded-none{border-radius:0}.plura-modal--rounded-small{border-radius:6px}.plura-modal--rounded-medium{border-radius:12px}.plura-modal--rounded-large{border-radius:20px}.plura-modal--shadow{box-shadow:0 25px 50px rgba(0,0,0,.25)}.plura-modal__header{align-items:center;border-bottom:1px solid var(--color-gray-100);display:flex;flex-shrink:0;justify-content:space-between}.plura-modal--glass .plura-modal__header{border-bottom-color:hsla(0,0%,100%,.1)}.plura-modal__header-content{flex:1;padding-right:16px}.plura-modal__title{color:var(--color-gray-900);font-size:1.5rem;font-weight:600;line-height:1.4;margin:0}.plura-modal--glass .plura-modal__title{color:var(--color-white)}.plura-modal__header-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.plura-modal__close{align-items:center;background:none;border:none;border-radius:6px;color:var(--color-gray-400);cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;line-height:1;transition:all .2s ease;width:32px}.plura-modal__close:hover{background-color:var(--color-gray-100);color:var(--color-gray-600)}.plura-modal--glass .plura-modal__close{color:hsla(0,0%,100%,.7)}.plura-modal--glass .plura-modal__close:hover{background-color:hsla(0,0%,100%,.1);color:var(--color-white)}.plura-modal__body{color:var(--color-gray-700);flex:1;line-height:1.6;overflow-y:auto}.plura-modal--glass .plura-modal__body{color:hsla(0,0%,100%,.9)}.plura-modal__footer{align-items:center;border-top:1px solid var(--color-gray-100);display:flex;flex-shrink:0;gap:12px;justify-content:flex-end}.plura-modal--glass .plura-modal__footer{border-top-color:hsla(0,0%,100%,.1)}.plura-modal--animated.plura-modal--fade{animation:modalFadeIn .3s ease-out}.plura-modal--animated.plura-modal--slide{animation:modalSlideIn .3s ease-out}.plura-modal--animated.plura-modal--scale{animation:modalScaleIn .3s ease-out}.plura-modal--animated.plura-modal--slideUp{animation:modalSlideUpIn .3s ease-out}.plura-modal--animated.plura-modal--slideDown{animation:modalSlideDownIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes modalSlideUpIn{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes modalSlideDownIn{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.plura-modal__overlay{padding:16px}.plura-modal--auto,.plura-modal--large,.plura-modal--medium,.plura-modal--small,.plura-modal--xl{max-width:none;width:100%}.plura-modal--auto{min-width:auto}.plura-modal__title{font-size:1.25rem}.plura-modal__header{align-items:flex-start}.plura-modal__footer{align-items:stretch;flex-direction:column}.plura-modal__footer>*{width:100%}}@media (max-width:480px){.plura-modal__overlay{padding:8px}.plura-modal{border-radius:8px}.plura-modal--padding-medium .plura-modal__body,.plura-modal--padding-medium .plura-modal__footer,.plura-modal--padding-medium .plura-modal__header{padding-left:16px;padding-right:16px}.plura-modal--padding-large .plura-modal__body,.plura-modal--padding-large .plura-modal__footer,.plura-modal--padding-large .plura-modal__header{padding-left:20px;padding-right:20px}}.plura-badge{align-items:center;display:inline-flex;font-weight:500;gap:4px;line-height:1;position:relative;transition:all .2s ease;white-space:nowrap}.plura-badge--primary{background-color:var(--color-primary);color:var(--color-white)}.plura-badge--secondary{background-color:var(--color-secondary);color:var(--color-white)}.plura-badge--success{background-color:var(--color-success);color:var(--color-white)}.plura-badge--danger{background-color:var(--color-danger);color:var(--color-white)}.plura-badge--warning{background-color:var(--color-warning);color:var(--color-gray-900)}.plura-badge--info{background-color:var(--color-info);color:var(--color-white)}.plura-badge--light{background-color:var(--color-gray-100);color:var(--color-gray-800)}.plura-badge--dark{background-color:var(--color-gray-900);color:var(--color-white)}.plura-badge--outline{background-color:transparent;border:1px solid}.plura-badge--outline.plura-badge--primary{border-color:var(--color-primary);color:var(--color-primary)}.plura-badge--outline.plura-badge--secondary{border-color:var(--color-secondary);color:var(--color-secondary)}.plura-badge--outline.plura-badge--success{border-color:var(--color-success);color:var(--color-success)}.plura-badge--outline.plura-badge--danger{border-color:var(--color-danger);color:var(--color-danger)}.plura-badge--outline.plura-badge--warning{border-color:var(--color-warning);color:var(--color-warning)}.plura-badge--outline.plura-badge--info{border-color:var(--color-info);color:var(--color-info)}.plura-badge--outline.plura-badge--light{border-color:var(--color-gray-300);color:var(--color-gray-700)}.plura-badge--outline.plura-badge--dark{border-color:var(--color-gray-900);color:var(--color-gray-900)}.plura-badge--small{font-size:.75rem;min-height:20px;padding:2px 8px}.plura-badge--medium{font-size:.875rem;min-height:24px;padding:4px 12px}.plura-badge--large{font-size:1rem;min-height:32px;padding:6px 16px}.plura-badge--rounded-none{border-radius:0}.plura-badge--rounded-small{border-radius:3px}.plura-badge--rounded-medium{border-radius:6px}.plura-badge--rounded-large{border-radius:12px}.plura-badge--rounded-full{border-radius:9999px}.plura-badge--glow{box-shadow:0 0 10px currentColor}.plura-badge--pulse{animation:badgePulse 2s infinite}@keyframes badgePulse{0%,to{opacity:1}50%{opacity:.7}}.plura-badge--dot{padding-left:8px}.plura-badge--dot.plura-badge--small{padding-left:6px}.plura-badge--dot.plura-badge--large{padding-left:10px}.plura-badge__dot{background-color:currentColor;border-radius:50%;height:6px;opacity:.8;width:6px}.plura-badge--small .plura-badge__dot{height:4px;width:4px}.plura-badge--large .plura-badge__dot{height:8px;width:8px}.plura-badge__icon{align-items:center;display:flex;font-size:.9em}.plura-badge--small .plura-badge__icon{font-size:.8em}.plura-badge--large .plura-badge__icon{font-size:1em}.plura-badge__content{align-items:center;display:flex}.plura-badge--closable{padding-right:4px}.plura-badge__close{align-items:center;background:none;border:none;border-radius:50%;color:currentColor;cursor:pointer;display:flex;font-size:.7em;height:16px;justify-content:center;line-height:1;margin-left:4px;opacity:.7;transition:all .2s ease;width:16px}.plura-badge__close:hover{background-color:rgba(0,0,0,.1);opacity:1}.plura-badge--outline .plura-badge__close:hover{background-color:rgba(0,0,0,.05)}.plura-badge--small .plura-badge__close{font-size:.6em;height:14px;width:14px}.plura-badge--large .plura-badge__close{font-size:.8em;height:18px;width:18px}.plura-badge:hover{transform:translateY(-1px)}.plura-badge--glow:hover{box-shadow:0 0 15px currentColor}.plura-badge__close:focus{outline:2px solid currentColor;outline-offset:1px}@media (max-width:768px){.plura-badge--large{font-size:.875rem;min-height:28px;padding:4px 12px}.plura-badge--medium{font-size:.8125rem;min-height:22px;padding:3px 10px}}.plura-accordion{display:flex;flex-direction:column;width:100%}.plura-accordion--default .plura-accordion__item{border-bottom:1px solid var(--color-gray-100)}.plura-accordion--minimal .plura-accordion__item{border:none;box-shadow:none}.plura-accordion--minimal .plura-accordion__header{border-bottom:1px solid var(--color-gray-200);padding:16px 0}.plura-accordion--bordered .plura-accordion__item{border:1px solid var(--color-gray-200);margin-bottom:8px}.plura-accordion--filled .plura-accordion__item{background-color:var(--color-gray-50);margin-bottom:8px}.plura-accordion--small .plura-accordion__content,.plura-accordion--small .plura-accordion__header{padding:12px 16px}.plura-accordion--medium .plura-accordion__content,.plura-accordion--medium .plura-accordion__header{padding:16px 20px}.plura-accordion--large .plura-accordion__content,.plura-accordion--large .plura-accordion__header{padding:20px 24px}.plura-accordion--rounded-none .plura-accordion__item{border-radius:0}.plura-accordion--rounded-small .plura-accordion__item{border-radius:4px}.plura-accordion--rounded-medium .plura-accordion__item{border-radius:8px}.plura-accordion--rounded-large .plura-accordion__item{border-radius:12px}.plura-accordion--shadow .plura-accordion__item{box-shadow:0 2px 4px rgba(0,0,0,.1)}.plura-accordion__item{background-color:var(--color-white);overflow:hidden;transition:all .2s ease}.plura-accordion__item:not(:last-child){margin-bottom:2px}.plura-accordion--bordered .plura-accordion__item:not(:last-child),.plura-accordion--filled .plura-accordion__item:not(:last-child){margin-bottom:8px}.plura-accordion__item--disabled{opacity:.6;pointer-events:none}.plura-accordion__header{align-items:center;background:none;border:none;border-bottom:1px solid var(--color-gray-100);cursor:pointer;display:flex;font-family:inherit;justify-content:space-between;text-align:left;transition:all .2s ease;width:100%}.plura-accordion__item--open .plura-accordion__header{border-bottom-color:var(--color-gray-200)}.plura-accordion__header:hover{background-color:var(--color-gray-50)}.plura-accordion__header:focus{outline:2px solid var(--color-primary);outline-offset:-2px}.plura-accordion__header-content{align-items:center;display:flex;flex:1;gap:12px}.plura-accordion__item-icon{align-items:center;color:var(--color-primary);display:flex;font-size:1.2rem}.plura-accordion__header-text{flex:1}.plura-accordion__title{color:var(--color-gray-900);font-size:1.1rem;font-weight:600;line-height:1.4;margin:0}.plura-accordion--small .plura-accordion__title{font-size:1rem}.plura-accordion--large .plura-accordion__title{font-size:1.25rem}.plura-accordion__subtitle{color:var(--color-gray-600);font-size:.875rem;line-height:1.4;margin:4px 0 0}.plura-accordion__toggle{align-items:center;color:var(--color-gray-500);display:flex;font-size:.9rem;margin-left:16px;transition:transform .3s ease}.plura-accordion--animated .plura-accordion__toggle--open{transform:rotate(180deg)}.plura-accordion__panel{max-height:0;opacity:0;overflow:hidden;transition:all .3s ease}.plura-accordion--animated .plura-accordion__panel--open{max-height:500px;opacity:1}.plura-accordion__panel--open{max-height:none;opacity:1}.plura-accordion__content{border-top:1px solid var(--color-gray-100);color:var(--color-gray-700);line-height:1.6}.plura-accordion__content p{margin:0}.plura-accordion__content p:not(:last-child){margin-bottom:12px}.plura-accordion--shadow .plura-accordion__item:hover{box-shadow:0 4px 8px rgba(0,0,0,.15)}.plura-accordion__item--open{box-shadow:0 2px 8px rgba(0,0,0,.1)}.plura-accordion--shadow .plura-accordion__item--open{box-shadow:0 4px 12px rgba(0,0,0,.15)}@media (max-width:768px){.plura-accordion--large .plura-accordion__content,.plura-accordion--large .plura-accordion__header{padding:16px 20px}.plura-accordion__title{font-size:1rem}.plura-accordion--large .plura-accordion__title{font-size:1.1rem}.plura-accordion__header-content{gap:8px}.plura-accordion__toggle{margin-left:8px}}.plura-tabs{display:flex;flex-direction:column;width:100%}.plura-tabs--left,.plura-tabs--right{flex-direction:row}.plura-tabs--bottom{flex-direction:column-reverse}.plura-tabs--right .plura-tabs__list{order:1}.plura-tabs__list{border-bottom:1px solid var(--color-gray-200);display:flex;position:relative}.plura-tabs--bottom .plura-tabs__list{border-bottom:none;border-top:1px solid var(--color-gray-200)}.plura-tabs--left .plura-tabs__list,.plura-tabs--right .plura-tabs__list{border-bottom:none;border-right:1px solid var(--color-gray-200);flex-direction:column;min-width:200px}.plura-tabs--right .plura-tabs__list{border-left:1px solid var(--color-gray-200);border-right:none}.plura-tabs__list--full-width{width:100%}.plura-tabs__list--full-width .plura-tabs__tab{flex:1}.plura-tabs__list--centered{justify-content:center}.plura-tabs--pills .plura-tabs__list{background-color:var(--color-gray-100);border:none;border-radius:8px;gap:4px;padding:4px}.plura-tabs--underline .plura-tabs__list{border-bottom:2px solid var(--color-gray-200)}.plura-tabs--buttons .plura-tabs__list{border:none;gap:8px}.plura-tabs--minimal .plura-tabs__list{border:none}.plura-tabs__tab{align-items:center;background:none;border:none;color:var(--color-gray-600);cursor:pointer;display:flex;font-family:inherit;font-weight:500;gap:8px;position:relative;transition:all .2s ease;white-space:nowrap}.plura-tabs--small .plura-tabs__tab{font-size:.875rem;padding:8px 16px}.plura-tabs--medium .plura-tabs__tab{font-size:1rem;padding:12px 20px}.plura-tabs--large .plura-tabs__tab{font-size:1.125rem;padding:16px 24px}.plura-tabs__tab:hover:not(.plura-tabs__tab--disabled){background-color:var(--color-gray-50);color:var(--color-primary)}.plura-tabs__tab--active{color:var(--color-primary)}.plura-tabs__tab--disabled{cursor:not-allowed;opacity:.5}.plura-tabs__tab:focus{outline:2px solid var(--color-primary);outline-offset:-2px}.plura-tabs--pills .plura-tabs__tab{border-radius:6px}.plura-tabs--pills .plura-tabs__tab--active{background-color:var(--color-white);box-shadow:0 2px 4px rgba(0,0,0,.1)}.plura-tabs--underline .plura-tabs__tab--active:after{background-color:var(--color-primary);bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.plura-tabs--buttons .plura-tabs__tab{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:6px}.plura-tabs--buttons .plura-tabs__tab--active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.plura-tabs--minimal .plura-tabs__tab{padding:8px 12px}.plura-tabs--minimal .plura-tabs__tab:hover{background-color:transparent;text-decoration:underline}.plura-tabs__icon{font-size:1.1em}.plura-tabs__icon,.plura-tabs__label{align-items:center;display:flex}.plura-tabs__badge{align-items:center;border-radius:9px;display:inline-flex;font-size:.75rem;font-weight:500;height:18px;justify-content:center;min-width:18px;padding:0 6px}.plura-tabs__badge--primary{backgro