[data-brand=avnir-studio]{--primary:#ededed}[data-brand=muzidev]{--primary:#5cb9f2}[data-brand=muzipics]{--primary:#ff2d55}[data-brand=muziweb]{--primary:#9802eb}[data-brand=muzimerch]{--primary:#ff9d00}[data-brand=muzibase]{--primary:#2fad66}[data-brand=muzisystem]{--primary:#bfbfbf}[data-brand=muzitools]{--primary:#07e7c6}:root{--bg:#0b0b0d;--surface:#141317;--text:#c5ccd6;--foreground:var(--text);--titles:#ffffff;--muted:#9ca3af;--muted-foreground:var(--muted);--border:#1f1f23;--accent:var(--primary);--dark-bg:#0b0b0d;--dark-surface:#141317;--dark-text:#c5ccd6;--dark-titles:#ffffff;--dark-muted:#9ca3af;--dark-border:#1f1f23;--card:var(--surface);--card-foreground:var(--text);--on-primary:#0b0b0d;--ring:var(--primary);--success:#10b981;--warning:#f59e0b;--error:#ef4444;--destructive:var(--error);--info:#3b82f6;--navbar-bg:var(--bg);--navbar-surface:var(--surface);--navbar-border:var(--border);--navbar-text:var(--titles);--footer-bg:var(--bg);--footer-surface:var(--surface);--footer-border:var(--border);--footer-text:var(--titles);--padding-container:4rem;--padding-section-sm:2rem;--padding-section-md:4rem;--padding-section-lg:6rem;--padding-section-xl:8rem;--gap-2xs:0.125rem;--gap-xs:0.25rem;--gap-sm:0.5rem;--gap-md:1rem;--gap-lg:1.5rem;--gap-xl:2rem;--margin-sm:0.5rem;--margin-md:1rem;--margin-lg:2rem;--margin-xl:3rem;--padding-xs:0.25rem;--padding-sm:0.5rem;--padding-md:1rem;--padding-lg:1.5rem;--padding-xl:2rem;--padding-2xl:3rem;--font-sans:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--text-h1:3rem;--text-h2:2.5rem;--text-h3:1.5rem;--text-h4:1.25rem;--text-h5:1.125rem;--text-h6:1rem;--text-display-sm:3.75rem;--text-display-md:4.5rem;--text-display-lg:6rem;--text-body:1rem;--text-body-sm:0.875rem;--text-body-lg:1.5rem;--text-small:1rem;--text-tiny:0.75rem;--font-thin:100;--font-extralight:200;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-normal:0em;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em;--radius-xs:0.125rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--z-drawer:40;--z-modal:50;--z-popover:60;--z-toast:70;--duration-100:100ms;--duration-150:150ms;--duration-200:200ms;--duration-300:300ms;--duration-500:500ms;--easing-standard:cubic-bezier(0.4,0,0.2,1);--transition-all:all 0.2s ease;--transition-colors:color,background-color,border-color 0.2s ease;--width-xs:20rem;--width-sm:24rem;--width-md:28rem;--width-lg:32rem;--width-xl:36rem;--width-2xl:42rem;--width-3xl:48rem;--width-4xl:56rem;--width-5xl:64rem;--width-6xl:72rem;--width-7xl:80rem;--width-full:100%;--width-screen:100vw;--height-xs:20rem;--height-sm:24rem;--height-md:28rem;--height-lg:32rem;--height-xl:36rem;--height-2xl:42rem;--height-3xl:48rem;--height-full:100%;--height-screen:100vh;--border-width-0:0;--border-width-1:1px;--border-width-2:2px;--border-width-3:3px;--border-width-4:4px;--border-width-8:8px;--opacity-0:0;--opacity-5:0.05;--opacity-10:0.1;--opacity-20:0.2;--opacity-25:0.25;--opacity-30:0.3;--opacity-40:0.4;--opacity-50:0.5;--opacity-60:0.6;--opacity-70:0.7;--opacity-75:0.75;--opacity-80:0.8;--opacity-90:0.9;--opacity-95:0.95;--opacity-100:1}[data-theme=light]{--bg:#f7f8fa;--surface:#ffffff;--text:#1f2937;--foreground:var(--text);--titles:#0E1116;--muted:#6b7280;--muted-foreground:var(--muted);--border:#e5e7eb}[data-theme=light][data-brand=avnir-studio] .btn-primary,[data-theme=light][data-brand=muzisystem] .btn-primary{background-color:var(--dark-bg)!important;color:var(--dark-titles)!important}[data-theme=light] .footer,[data-theme=light] .navbar{background-color:var(--dark-bg)!important;border-bottom-color:var(--dark-border)!important;border-top-color:var(--dark-border)!important;--text:var(--dark-text);--muted:var(--dark-muted);--titles:var(--dark-titles)}[data-theme=light] .footer-column-title,[data-theme=light] .footer-link,[data-theme=light] .footer-logo,[data-theme=light] .navbar a,[data-theme=light] .navbar input,[data-theme=light] .navbar label,[data-theme=light] .navbar p,[data-theme=light] .navbar select,[data-theme=light] .navbar span,[data-theme=light] .navbar-brand,[data-theme=light] .navbar-link,[data-theme=light] .navbar-menu-link,[data-theme=light] .navbar-toggle{color:#ffffff!important}[data-theme=light] .footer-link:hover,[data-theme=light] .navbar-link:hover,[data-theme=light] .navbar-menu-link:hover{color:var(--primary)!important}[data-theme=light] .footer-top,[data-theme=light] .navbar-menu{background-color:var(--dark-bg)!important;border-color:#1f1f23!important}[data-theme=light] .footer-separator{background:#1f1f23!important}[data-theme=light] .navbar-menu-link:hover{background-color:#141317!important}[data-theme=light] .footer button:not(.btn-primary):not(.footer-newsletter-button),[data-theme=light] .footer input,[data-theme=light] .footer select,[data-theme=light] .footer-newsletter-input,[data-theme=light] .navbar button:not(.btn-primary),[data-theme=light] .navbar input,[data-theme=light] .navbar select{background-color:#141317!important;border-color:#1f1f23!important;color:#ffffff!important}[data-theme=light] .footer .btn-primary,[data-theme=light] .footer-newsletter-button{background-color:var(--primary)!important;border-color:var(--primary)!important}[data-theme=light][data-brand=avnir-studio] .footer .btn-primary,[data-theme=light][data-brand=avnir-studio] .footer-newsletter-button,[data-theme=light][data-brand=muzisystem] .footer .btn-primary,[data-theme=light][data-brand=muzisystem] .footer-newsletter-button{color:#0b0b0d!important}[data-theme=light][data-brand=muzibase] .footer .btn-primary,[data-theme=light][data-brand=muzibase] .footer-newsletter-button,[data-theme=light][data-brand=muzidev] .footer .btn-primary,[data-theme=light][data-brand=muzidev] .footer-newsletter-button,[data-theme=light][data-brand=muzimerch] .footer .btn-primary,[data-theme=light][data-brand=muzimerch] .footer-newsletter-button,[data-theme=light][data-brand=muzipics] .footer .btn-primary,[data-theme=light][data-brand=muzipics] .footer-newsletter-button,[data-theme=light][data-brand=muziweb] .footer .btn-primary,[data-theme=light][data-brand=muziweb] .footer-newsletter-button{color:#ffffff!important}.footer-newsletter-disclaimer a,[data-theme=light] .footer-newsletter-disclaimer a{color:var(--primary)!important}[data-theme=light] .navbar-toggle{background-color:transparent!important}[data-theme=light] .navbar-toggle span{background-color:var(--primary)!important}[data-theme=light] .navbar-menu-actions{border-top-color:#1f1f23!important}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text);line-height:1.5;min-height:100vh}@keyframes slide-up{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-xs{font-size:var(--text-tiny)}.text-sm{font-size:var(--text-small)}.text-base{font-size:var(--text-body)}.text-lg{font-size:var(--text-body-lg)}.text-xl{font-size:var(--text-h5)}.text-2xl{font-size:var(--text-h4)}.text-3xl{font-size:var(--text-h3)}.text-6xl{font-size:var(--text-display-sm)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.bg-error{background-color:var(--error)}.bg-success{background-color:var(--success)}.bg-warning{background-color:var(--warning)}.bg-info{background-color:var(--info)}.text-error{color:var(--error)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-info{color:var(--info)}.container{max-width:var(--container-max-width,1280px)!important;margin-left:auto!important;margin-right:auto!important;padding-left:var(--gap-md)!important;padding-right:var(--gap-md)!important}@media (min-width:768px){.container{padding-left:var(--gap-xl)!important;padding-right:var(--gap-xl)!important}}@media (min-width:1024px){.container{padding-left:var(--padding-container)!important;padding-right:var(--padding-container)!important}}.section{padding-top:var(--padding-section-md);padding-bottom:var(--padding-section-md)}.section--sm{padding-top:var(--padding-section-sm);padding-bottom:var(--padding-section-sm)}.section--lg{padding-top:var(--padding-section-lg);padding-bottom:var(--padding-section-lg)}.section--xl{padding-top:var(--padding-section-xl);padding-bottom:var(--padding-section-xl)}.section-actions{display:flex;justify-content:center;align-items:center;gap:var(--gap-md);margin-top:var(--gap-xl);flex-wrap:wrap}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{display:grid;gap:var(--gap-xl)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap-xl)}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.tag-cloud{display:flex;flex-wrap:wrap;gap:var(--gap-md);justify-content:center;margin-bottom:var(--gap-xl)}:root{--animation-duration:0.2s;--animation-duration-slow:0.3s;--animation-duration-fast:0.15s;--animation-easing:ease;--animation-easing-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--animation-easing-smooth:cubic-bezier(0.4,0,0.2,1);--shadow-1:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-2:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);--shadow-3:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-4:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-5:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-6:0 25px 50px -12px rgba(0,0,0,0.25);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080;--border-width:1px;--border-width-thick:2px;--border-style:solid;--opacity-disabled:0.5;--opacity-hover:0.8;--opacity-pressed:0.9;--transition-colors:color var(--animation-duration) var(--animation-easing),background-color var(--animation-duration) var(--animation-easing),border-color var(--animation-duration) var(--animation-easing);--transition-transform:transform var(--animation-duration) var(--animation-easing);--transition-opacity:opacity var(--animation-duration) var(--animation-easing);--transition-all:all var(--animation-duration) var(--animation-easing);--color-success:#4ade80;--color-success-bg:rgba(34,197,94,0.15);--color-warning:#fbbf24;--color-warning-bg:rgba(245,158,11,0.15);--color-error:#f87171;--color-error-bg:rgba(239,68,68,0.15);--color-info:#60a5fa;--color-info-bg:rgba(59,130,246,0.15);--size-xs:1.5rem;--size-sm:2rem;--size-md:2.5rem;--size-lg:3rem;--size-xl:3.5rem;--size-2xl:4rem;--content-width-xs:20rem;--content-width-sm:24rem;--content-width-md:28rem;--content-width-lg:32rem;--content-width-xl:36rem;--content-width-2xl:42rem;--content-width-3xl:48rem;--content-width-4xl:56rem;--content-width-5xl:64rem;--content-width-6xl:72rem;--content-width-7xl:80rem;--aspect-square:1/1;--aspect-video:16/9;--aspect-photo:4/3;--aspect-golden:1.618/1;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}.card-base{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-16);transition:all var(--animation-duration) var(--animation-easing)}.card-base:hover{border-color:rgba(255,255,255,.1)}.card-base--selected{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 20%,transparent)}.card-base--disabled{opacity:.5;cursor:not-allowed}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-truncate-2{-webkit-line-clamp:2;line-clamp:2}.text-truncate-2,.text-truncate-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.text-truncate-3{-webkit-line-clamp:3;line-clamp:3}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between,.flex-start{justify-content:space-between}.flex-start{display:flex;align-items:flex-start}.flex-column,.flex-column-center{display:flex;flex-direction:column}.action-button,.flex-column-center{align-items:center;justify-content:center}.action-button{padding:var(--space-4);background:rgba(0,0,0,.5);color:white;border:none;border-radius:50%;cursor:pointer;transition:background-color var(--animation-duration) var(--animation-easing);display:flex}.action-button:hover{background:rgba(0,0,0,.7)}.action-button--delete:hover{background:rgba(239,68,68,.7)}.action-button--primary:hover{background:var(--primary)}.icon-xs{width:.75rem;height:.75rem}.icon-sm{width:1rem;height:1rem}.icon-md{width:1.25rem;height:1.25rem}.icon-lg{width:1.5rem;height:1.5rem}.icon-xl{width:2rem;height:2rem}.badge-base{display:inline-flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-8);border-radius:var(--radius-full);font-size:.75rem;font-weight:500;line-height:1}.spinner{border:2px solid transparent;border-top-color:currentcolor}.spinner--md{width:1.25rem;height:1.25rem}.spinner--lg{width:1.5rem;height:1.5rem}.overlay{position:absolute;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--animation-duration) var(--animation-easing);border-radius:inherit}.overlay--visible{opacity:1}.focus-ring{outline:none;transition:box-shadow var(--animation-duration) var(--animation-easing)}.focus-ring:focus-visible{box-shadow:0 0 0 2px var(--primary)}.blockquote{margin:0;padding-left:var(--gap-lg);border-left:4px solid var(--border);font-size:var(--text-body-lg);font-style:italic;color:var(--muted-foreground);line-height:1.6}.blockquote--primary{border-left-color:var(--primary);color:var(--foreground)}.blockquote--success{border-left-color:var(--success)}.blockquote--warning{border-left-color:var(--warning)}.blockquote--error{border-left-color:var(--destructive)}.blockquote--sm{font-size:var(--text-body);padding-left:var(--gap-md);border-left-width:3px}.blockquote--md{font-size:var(--text-body-lg);padding-left:var(--gap-lg);border-left-width:4px}.blockquote--lg{font-size:var(--text-h5);padding-left:var(--gap-xl);border-left-width:5px}.card{position:relative;background-color:var(--surface);border:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.02);border-radius:var(--radius-md);color:var(--card-foreground);transition:var(--transition-all);padding:var(--padding-section-sm);overflow:hidden;display:flex;flex-direction:column;gap:var(--gap-md);height:100%}.card:before{content:"";position:absolute;top:-40%;right:-40%;width:140%;height:140%;background:radial-gradient(circle at top right,color-mix(in srgb,var(--primary) 2%,transparent),transparent 60%);pointer-events:none;z-index:0}.card:hover{border-color:rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 2px 6px -2px rgba(0,0,0,.2)}.card:hover:before{background:radial-gradient(circle at top right,color-mix(in srgb,var(--primary) 3%,transparent),transparent 60%)}.card>*{position:relative;z-index:1}.card>h3{font-size:var(--text-h3);font-weight:var(--font-semibold);line-height:var(--leading-normal);letter-spacing:var(--tracking-tight);color:var(--titles);margin:0}.card>p{font-size:var(--text-body);color:var(--text);line-height:var(--leading-tight);margin:0}.card>.btn,.card>a.btn,.card>button{margin-top:auto;align-self:flex-start}.card-header{flex-direction:column;margin-bottom:var(--gap-xs)}.card-header,.card-title{display:flex;gap:var(--gap-md)}.card-title{font-size:var(--text-h3);font-weight:var(--font-semibold);line-height:var(--leading-normal);letter-spacing:var(--tracking-tight);color:var(--titles);align-items:center}.card-description{font-size:var(--text-body);color:var(--text);line-height:var(--leading-tight)}.card-content{flex:1;display:flex;flex-direction:column;gap:var(--gap-sm);justify-content:space-between}.card-content>.badge,.card-content>.btn,.card-content>button{margin-top:var(--gap-md);align-self:flex-start}.card-footer{display:flex;align-items:center;margin-top:auto;border-top:none}.card--gradient-border{background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,rgb(var(--primary)/.3),rgb(255 255 255/.05)) border-box;border:1px solid transparent;box-shadow:0 6px 18px -10px rgb(0 0 0/.5)}.card--corner-accent{background:radial-gradient(60% 60% at 100% 0,rgb(var(--primary)/.1) 0,transparent 60%),var(--surface);border:1px solid rgb(255 255 255/.06);box-shadow:inset 0 1px 0 rgb(255 255 255/.03)}.card--elevated{box-shadow:var(--shadow-md);border:none}.card--elevated:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card--outline{border:1px solid var(--border)}.card--ghost,.card--outline{box-shadow:none;background-color:transparent}.card--ghost{border:none;padding:0}.card--sm{padding:var(--gap-sm)}.card--lg{padding:var(--padding-section-lg)}.card--interactive{cursor:pointer}.card--interactive:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.card--interactive:active{transform:translateY(0)}.card-image{width:calc(100% + (var(--padding-section-sm) * 2));max-width:none;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-md) var(--radius-md) 0 0;margin:calc(var(--padding-section-sm) * -1) calc(var(--padding-section-sm) * -1) 0 calc(var(--padding-section-sm) * -1)}.card-link{color:var(--primary);display:flex;align-items:center;gap:var(--gap-xs);text-decoration:none;font-size:var(--text-small);font-weight:var(--font-medium);transition:var(--transition-all)}.card-link:hover{opacity:.8}.center{display:flex;align-items:center;justify-content:center}.center--inline{display:inline-flex}.center--vertical{flex-direction:column}.code{display:inline-flex;align-items:center;gap:var(--gap-xs);padding:var(--gap-2xs) var(--gap-sm);font-family:var(--font-mono);font-size:var(--text-small);line-height:1.4;color:var(--foreground);background-color:var(--muted);border:1px solid var(--border);border-radius:var(--radius-sm);white-space:nowrap}.code--primary{background-color:var(--primary);color:var(--bg);border-color:var(--primary);opacity:.9}.code--success{background-color:var(--success);color:var(--bg);border-color:var(--success);opacity:.9}.code--warning{background-color:var(--warning);color:var(--bg);border-color:var(--warning);opacity:.9}.code--error{background-color:var(--destructive);color:var(--bg);border-color:var(--destructive);opacity:.9}.code--xs{font-size:var(--text-tiny)}.code--sm,.code--xs{padding:var(--gap-2xs) var(--gap-xs)}.code--md,.code--sm{font-size:var(--text-small)}.code--md{padding:var(--gap-2xs) var(--gap-sm)}.code--lg{font-size:var(--text-body);padding:var(--gap-xs) var(--gap-sm)}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--gap-md);padding-right:var(--gap-md)}.container--sm{max-width:40rem}.container--md{max-width:48rem}.container--lg{max-width:64rem}.container--xl{max-width:80rem}.container--2xl{max-width:96rem}.container--full{max-width:100%}@media (min-width:640px){.container{padding-left:var(--gap-xl);padding-right:var(--gap-xl)}}@media (min-width:1024px){.container{padding-left:var(--gap-xl);padding-right:var(--gap-xl)}}.divider{border:none;border-top:1px solid var(--border);margin:var(--gap-md) 0}.divider--vertical{display:inline-block;width:1px;height:1.5rem;border-top:none;border-left:1px solid var(--border);margin:0 var(--gap-md);vertical-align:middle}.divider--sm{margin:var(--gap-sm) 0}.divider--md{margin:var(--gap-md) 0}.divider--lg,.divider--xl{margin:var(--gap-xl) 0}.divider--label{display:flex;align-items:center;text-align:center;margin:var(--gap-md) 0}.divider--label:after,.divider--label:before{content:"";flex:1;border-top:1px solid var(--border)}.divider--label:before{margin-right:var(--gap-md)}.divider--label:after{margin-left:var(--gap-md)}.divider-label-text{font-size:.875rem;color:var(--muted-foreground);white-space:nowrap}.heading{margin:0;font-weight:var(--font-semibold);line-height:1.2;color:var(--foreground)}.heading--h1{font-size:var(--text-h1);letter-spacing:-.02em}.heading--h1,.heading--h2{font-weight:var(--font-bold)}.heading--h2{font-size:var(--text-h2);letter-spacing:-.01em}.heading--h3{font-size:var(--text-h3)}.heading--h3,.heading--h4{font-weight:var(--font-semibold)}.heading--h4{font-size:var(--text-h4)}.heading--h5{font-size:var(--text-h5)}.heading--h5,.heading--h6{font-weight:var(--font-medium)}.heading--h6{font-size:var(--text-h6);text-transform:uppercase;letter-spacing:.05em}.heading--display{font-size:var(--text-display-lg);font-weight:var(--font-bold);letter-spacing:-.03em;line-height:1.1}.heading--gradient{background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.heading--muted{color:var(--muted-foreground)}.heading--left{text-align:left}.heading--center{text-align:center}.heading--right{text-align:right}.heading--tight{line-height:1.1}.heading--normal{line-height:1.2}.heading--relaxed{line-height:1.4}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1em;height:1em;fill:currentColor;stroke:currentColor}.icon--xs{width:.75em;height:.75em}.icon--sm{width:1em;height:1em}.icon--md{width:1.25em;height:1.25em}.icon--lg{width:1.5em;height:1.5em}.icon--xl{width:2em;height:2em}.image{display:block;width:100%;height:auto;border-radius:var(--radius-md)}.image--rounded{border-radius:var(--radius-lg)}.image--circle{border-radius:var(--radius-full)}.image--square{aspect-ratio:1/1}.image--portrait,.image--square{-o-object-fit:cover;object-fit:cover}.image--portrait{aspect-ratio:3/4}.image--landscape{aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover}.image--widescreen{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover}.image--ultrawide{aspect-ratio:21/9}.image--ultrawide,.image--video{-o-object-fit:cover;object-fit:cover}.image--video{aspect-ratio:16/9}.image--cover{-o-object-fit:cover;object-fit:cover}.image--contain{-o-object-fit:contain;object-fit:contain}.image--fill{-o-object-fit:fill;object-fit:fill}.image--loading{background-color:var(--muted);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.image--error{display:flex;color:var(--muted-foreground)}.image--error,.kbd{background-color:var(--muted);align-items:center;justify-content:center}.kbd{display:inline-flex;min-width:1.5em;padding:var(--gap-2xs) var(--gap-xs);font-family:var(--font-mono);font-size:var(--text-small);font-weight:var(--font-medium);line-height:1;color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 1px 0 0 var(--border)}.kbd--sm{font-size:var(--text-tiny);padding:var(--gap-2xs) var(--gap-2xs)}.kbd--md{font-size:var(--text-small);padding:var(--gap-2xs) var(--gap-xs)}.kbd--lg{font-size:var(--text-body);padding:var(--gap-xs) var(--gap-sm)}.link{display:inline-flex;align-items:center;gap:var(--gap-xs);text-decoration:none;transition:all .2s ease;cursor:pointer}.link,.link:hover{color:var(--primary)}.link:hover{opacity:.8}.link:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}.link--underline{text-decoration:underline;text-underline-offset:2px}.link--underline:hover{text-decoration-thickness:2px}.link--muted{color:var(--muted-foreground)}.link--muted:hover,.link--subtle{color:var(--foreground)}.link--subtle:hover{color:var(--primary)}.link--xs{font-size:var(--text-tiny);gap:var(--gap-2xs)}.link--sm{font-size:var(--text-small);gap:var(--gap-xs)}.link--md{font-size:var(--text-body)}.link--lg{font-size:var(--text-body-lg)}.link--external:after{content:"";display:inline-block;width:.875em;height:.875em;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:.6}.link--external:hover:after{opacity:1}.link--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.list{display:flex;flex-direction:column;gap:var(--gap-sm);margin:0;padding:0;list-style:none}.list li{position:relative;padding-left:var(--gap-lg);font-size:var(--text-small);line-height:1.5;color:var(--muted-foreground)}.list li:before{content:"•";position:absolute;left:var(--gap-sm);color:var(--primary);font-weight:600}.list--checklist li:before{content:"✓";color:var(--success)}.list--numbered{counter-reset:list-counter}.list--numbered li:before{content:counter(list-counter) ".";counter-increment:list-counter;color:var(--primary);font-weight:500}.list--sm{gap:var(--gap-xs)}.list--sm li{font-size:var(--text-tiny);padding-left:var(--gap-md)}.list--sm li:before{left:var(--gap-xs)}.list--md{gap:var(--gap-sm)}.list--md li{font-size:var(--text-small)}.list--lg{gap:var(--gap-md)}.list--lg li{font-size:var(--text-body);padding-left:var(--gap-xl)}.list--lg li:before{left:var(--gap-md)}.separator{flex-shrink:0;background-color:var(--border)}.separator--horizontal{width:100%;height:1px}.separator--vertical{width:1px;height:100%}.separator--dashed{background:none;border-style:dashed}.separator--horizontal.separator--dashed{border-top:1px dashed var(--border)}.separator--vertical.separator--dashed{border-left:1px dashed var(--border)}.separator--dotted{background:none;border-style:dotted}.separator--horizontal.separator--dotted{border-top:1px dotted var(--border)}.separator--vertical.separator--dotted{border-left:1px dotted var(--border)}.spacer{flex-shrink:0}.spacer--xs{height:var(--gap-xs);width:var(--gap-xs)}.spacer--sm{height:var(--gap-sm);width:var(--gap-sm)}.spacer--md{height:var(--gap-md);width:var(--gap-md)}.spacer--lg,.spacer--xl{height:var(--gap-xl);width:var(--gap-xl)}.spacer--2xl{height:var(--padding-section-sm);width:var(--padding-section-sm)}.stack{display:flex;flex-direction:column}.stack--horizontal{flex-direction:row}.stack--xs{gap:var(--gap-xs)}.stack--sm{gap:var(--gap-sm)}.stack--md{gap:var(--gap-md)}.stack--lg,.stack--xl{gap:var(--gap-xl)}.stack--start{align-items:flex-start}.stack--center{align-items:center}.stack--end{align-items:flex-end}.stack--stretch{align-items:stretch}.stack--justify-start{justify-content:flex-start}.stack--justify-center{justify-content:center}.stack--justify-end{justify-content:flex-end}.stack--justify-between{justify-content:space-between}.status-dot{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--gap-sm);height:var(--gap-sm);border-radius:var(--radius-full);background-color:var(--muted)}.status-dot--online{background-color:var(--success)}.status-dot--offline{background-color:var(--muted-foreground)}.status-dot--away{background-color:var(--warning)}.status-dot--busy{background-color:var(--destructive)}.status-dot--sm{width:var(--gap-xs);height:var(--gap-xs)}.status-dot--md{width:var(--gap-sm);height:var(--gap-sm)}.status-dot--lg{width:var(--gap-md);height:var(--gap-md)}.status-dot--pulse{animation:pulse-dot 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.text{margin:0;color:var(--foreground);line-height:1.6}.text--xs{font-size:var(--text-tiny);line-height:1.5}.text--sm{font-size:var(--text-small);line-height:1.5}.text--md{font-size:var(--text-body);line-height:1.6}.text--lg{font-size:var(--text-body-lg);line-height:1.7}.text--xl{font-size:var(--text-h5);line-height:1.7}.text--muted,.text--subtle{color:var(--muted-foreground)}.text--subtle{opacity:.8}.text--primary{color:var(--primary)}.text--success{color:var(--success)}.text--warning{color:var(--warning)}.text--error{color:var(--destructive)}.text--light{font-weight:var(--font-light)}.text--normal{font-weight:var(--font-normal)}.text--medium{font-weight:var(--font-medium)}.text--semibold{font-weight:var(--font-semibold)}.text--bold{font-weight:var(--font-bold)}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.text--uppercase{text-transform:uppercase;letter-spacing:.05em}.text--lowercase{text-transform:lowercase}.text--capitalize{text-transform:capitalize}.text--underline{text-decoration:underline}.text--line-through{text-decoration:line-through}.text--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text--clamp-2{-webkit-line-clamp:2;line-clamp:2}.text--clamp-2,.text--clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.text--clamp-3{-webkit-line-clamp:3;line-clamp:3}.video{display:block;width:100%;height:auto;border-radius:var(--radius-md);background-color:var(--muted)}.video--square{aspect-ratio:1/1}.video--video,.video--widescreen{aspect-ratio:16/9}.video--ultrawide{aspect-ratio:21/9}.video--vertical{aspect-ratio:9/16}.video--rounded{border-radius:var(--radius-lg)}.video--cover{-o-object-fit:cover;object-fit:cover}.video--contain{-o-object-fit:contain;object-fit:contain}.video--fill{-o-object-fit:fill;object-fit:fill}.box{display:block}.flex{display:flex}.flex--row{flex-direction:row}.flex--column{flex-direction:column}.flex--align-start{align-items:flex-start}.flex--align-center{align-items:center}.flex--align-end{align-items:flex-end}.flex--align-stretch{align-items:stretch}.flex--justify-start{justify-content:flex-start}.flex--justify-center{justify-content:center}.flex--justify-end{justify-content:flex-end}.flex--justify-between{justify-content:space-between}.flex--justify-around{justify-content:space-around}.flex--gap-sm{gap:var(--gap-sm)}.flex--gap-md{gap:var(--gap-md)}.flex--gap-lg{gap:var(--gap-lg)}.flex--gap-xl{gap:var(--gap-xl)}.flex--wrap{flex-wrap:wrap}.aspect-ratio{position:relative;width:100%}.aspect-ratio--1-1{aspect-ratio:1/1}.aspect-ratio--4-3{aspect-ratio:4/3}.aspect-ratio--16-9{aspect-ratio:16/9}.aspect-ratio--21-9{aspect-ratio:21/9}.aspect-ratio-content{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-md);font-family:inherit;font-weight:var(--font-semibold);border:none!important;border-radius:var(--radius-sm)!important;transition:var(--transition-all);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:focus-visible{outline:1px solid var(--ring);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn[aria-busy=true]{position:relative;color:transparent}.btn--sm{height:2rem}.btn--md,.btn--sm{padding:0 var(--gap-md);font-size:var(--text-small)}.btn--md{height:2.5rem}.btn--lg{height:3rem;padding:0 var(--gap-xl);font-size:var(--text-body)}.btn-primary{background-color:var(--primary)!important;color:var(--bg)!important;border:none!important}.btn-primary:hover:not(:disabled){opacity:.9}.btn-primary:active:not(:disabled){opacity:.8}.btn-secondary{background-color:var(--bg);border:1px solid var(--border)!important;color:var(--text);gap:var(--gap-md)}.btn-secondary:hover:not(:disabled){background-color:var(--surface);border-color:var(--border)}.btn-secondary:active:not(:disabled){background-color:var(--surface);opacity:.8}.btn-ghost{background-color:transparent;color:var(--text);border:none;gap:var(--gap-md)}.btn-ghost:hover:not(:disabled){background-color:var(--surface)}.btn-ghost:active:not(:disabled){background-color:var(--surface);opacity:.8}.btn-icon-left,.btn-icon-right{display:inline-flex;align-items:center;flex-shrink:0}.btn-icon-left{margin-right:calc(var(--gap-sm) * -.5)}.btn-icon-right{margin-left:calc(var(--gap-sm) * -.5)}.btn[aria-busy=true] .spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1rem;height:1rem;border:2px solid;border-top:2px solid transparent;border-radius:var(--radius-full);animation:spin 1s linear infinite}.input{display:flex;width:100%;border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--bg);padding:var(--gap-sm) var(--gap-md);font-size:.875rem;color:var(--text);transition:all .2s ease}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 10%,transparent)}.input:disabled{opacity:.5;cursor:not-allowed;background-color:var(--muted)}.input::-moz-placeholder{color:var(--muted)}.input::placeholder{color:var(--muted)}.input--sm{padding:var(--gap-sm) var(--gap-sm);font-size:.75rem}.input--lg{padding:var(--gap-md) var(--gap-md);font-size:1rem}.input--error,.input--error:focus{border-color:var(--destructive)}.input--error:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--destructive) 10%,transparent)}.input--success,.input--success:focus{border-color:var(--success)}.input--success:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--success) 10%,transparent)}[data-theme=light] .footer .input,[data-theme=light] .navbar .input{background-color:var(--surface)!important;border-color:var(--border)!important;color:var(--titles)!important}[data-theme=light] .footer .input::-moz-placeholder,[data-theme=light] .navbar .input::-moz-placeholder{color:var(--muted)!important}[data-theme=light] .footer .input::placeholder,[data-theme=light] .navbar .input::placeholder{color:var(--muted)!important}.select{display:flex;width:100%;border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--bg);padding:var(--gap-sm) var(--gap-md);font-size:.875rem;color:var(--text);transition:all .2s ease;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' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--gap-sm) center;background-repeat:no-repeat;background-size:1rem;padding-right:var(--gap-xl)}.select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 10%,transparent)}.select:disabled{opacity:.5;cursor:not-allowed;background-color:var(--muted)}.select--sm{padding:var(--gap-sm) var(--gap-xl) var(--gap-sm) var(--gap-sm);font-size:.75rem}.select--lg{padding:var(--gap-md) var(--gap-xl) var(--gap-md) var(--gap-md);font-size:1rem}.select--error,.select--error:focus{border-color:var(--destructive)}.select--error:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--destructive) 10%,transparent)}.select--success,.select--success:focus{border-color:var(--success)}.select--success:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--success) 10%,transparent)}[data-theme=light] .footer .select,[data-theme=light] .navbar .select{border-color:var(--border)!important}[data-theme=light] .footer .select,[data-theme=light] .footer .select option,[data-theme=light] .navbar .select,[data-theme=light] .navbar .select option{background-color:var(--surface)!important;color:var(--titles)!important}.textarea{display:flex;width:100%;min-height:5rem;border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--bg);padding:var(--gap-sm) var(--gap-md);font-size:.875rem;color:var(--text);transition:all .2s ease;resize:vertical;font-family:inherit}.textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 10%,transparent)}.textarea:disabled{opacity:.5;cursor:not-allowed;background-color:var(--muted);resize:none}.textarea::-moz-placeholder{color:var(--muted)}.textarea::placeholder{color:var(--muted)}.textarea--sm{min-height:3rem;padding:var(--gap-sm) var(--gap-sm);font-size:.75rem}.textarea--lg{min-height:8rem;padding:var(--gap-md) var(--gap-md);font-size:1rem}.textarea--error,.textarea--error:focus{border-color:var(--destructive)}.textarea--error:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--destructive) 10%,transparent)}.textarea--success,.textarea--success:focus{border-color:var(--success)}.textarea--success:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--success) 10%,transparent)}.textarea--no-resize{resize:none}.checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1rem;height:1rem;border-radius:var(--radius-sm);border:1px solid var(--border);background-color:var(--background);cursor:pointer;transition:all .2s ease;position:relative;flex-shrink:0}.checkbox:hover:not(:disabled){border-color:var(--primary)}.checkbox:focus{outline:2px solid var(--ring);outline-offset:2px}.checkbox:checked{background-color:var(--primary);border-color:var(--primary)}.checkbox:checked:after{content:"";position:absolute;left:.25rem;top:.0625rem;width:.375rem;height:.625rem;border:solid var(--bg);border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox:disabled{opacity:.5;cursor:not-allowed}.checkbox:indeterminate{background-color:var(--primary);border-color:var(--primary)}.checkbox:indeterminate:after{content:"";position:absolute;left:.125rem;top:.375rem;width:.625rem;height:.125rem;background-color:var(--bg);border:none;transform:none}.checkbox-wrapper{display:flex;align-items:center;gap:var(--gap-sm)}.checkbox-label{font-size:.875rem;color:var(--foreground);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox:disabled+.checkbox-label{opacity:.5;cursor:not-allowed}.radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1rem;height:1rem;border-radius:var(--radius-full);border:1px solid var(--border);background-color:var(--background);cursor:pointer;transition:all .2s ease;position:relative;flex-shrink:0}.radio:hover:not(:disabled){border-color:var(--primary)}.radio:focus{outline:2px solid var(--ring);outline-offset:2px}.radio:checked{background-color:var(--primary);border-color:var(--primary)}.radio:checked:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:.375rem;height:.375rem;border-radius:var(--radius-full);background-color:var(--bg)}.radio:disabled{opacity:.5;cursor:not-allowed}.radio-wrapper{display:flex;align-items:center;gap:var(--gap-sm)}.radio-label{font-size:.875rem;color:var(--foreground);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.radio:disabled+.radio-label{opacity:.5;cursor:not-allowed}.radio-group{display:flex;flex-direction:column;gap:var(--gap-md)}.radio-group--horizontal{flex-direction:row;gap:var(--gap-md)}.switch{position:relative;display:inline-block;width:2.75rem;height:1.5rem;flex-shrink:0}.switch-input{opacity:0;width:0;height:0;position:absolute}.switch-slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--muted)}.switch-slider,.switch-slider:before{position:absolute;transition:all .2s ease;border-radius:var(--radius-full)}.switch-slider:before{content:"";height:1.125rem;width:1.125rem;left:.1875rem;bottom:.1875rem;background-color:var(--background)}.switch-input:checked+.switch-slider{background-color:var(--primary)}.switch-input:checked+.switch-slider:before{transform:translateX(1.25rem)}.switch-input:focus+.switch-slider{outline:2px solid var(--ring);outline-offset:2px}.switch-input:disabled+.switch-slider{opacity:.5;cursor:not-allowed}.switch--sm{width:2rem;height:1.125rem}.switch--sm .switch-slider:before{height:.875rem;width:.875rem;left:.125rem;bottom:.125rem}.switch--sm .switch-input:checked+.switch-slider:before{transform:translateX(.875rem)}.switch--lg{width:3.5rem;height:2rem}.switch--lg .switch-slider:before{height:1.5rem;width:1.5rem;left:.25rem;bottom:.25rem}.switch--lg .switch-input:checked+.switch-slider:before{transform:translateX(1.5rem)}.switch-wrapper{display:flex;align-items:center;gap:var(--gap-md)}.switch-label{font-size:.875rem;color:var(--foreground);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.switch-input:disabled~.switch-label{opacity:.5;cursor:not-allowed}.contact-form{max-width:600px;margin:0 auto}.contact-form-header{text-align:center;margin-bottom:2.5rem}.contact-form-title{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:var(--font-bold);color:var(--titles);margin:0 0 .75rem;line-height:var(--leading-tight)}.contact-form-description{font-size:1.0625rem;color:var(--muted);line-height:1.6;margin:0}.contact-form-fields{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.contact-form-field{display:flex;flex-direction:column;gap:.5rem}.contact-form-label{font-size:.9375rem;font-weight:var(--font-medium);color:var(--titles)}.contact-form-label-required{color:var(--primary);margin-left:.25rem}.contact-form-input,.contact-form-textarea{width:100%;padding:.875rem 1rem;font-size:1rem;color:var(--text);background-color:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition-all);font-family:inherit}.contact-form-input:focus,.contact-form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.contact-form-textarea{min-height:150px;resize:vertical}.contact-form-error{font-size:.875rem;color:var(--destructive);margin-top:.25rem}.contact-form-submit{width:100%}.contact-form-success{background-color:var(--success)}.contact-form-error-message,.contact-form-success{padding:1.25rem;color:white;border-radius:var(--radius-md);text-align:center;font-weight:var(--font-medium);margin-bottom:1.5rem}.contact-form-error-message{background-color:var(--destructive)}@media (max-width:768px){.contact-form{max-width:100%}.contact-form-title{font-size:1.5rem}.contact-form-description{font-size:1rem}}.toggle-button{display:flex;justify-content:center}.toggle-button-group{display:flex;background-color:var(--surface);padding:var(--gap-xs);border-radius:var(--radius-lg);gap:var(--gap-xs)}.toggle-button-option{padding:var(--gap-sm) var(--gap-md);font-size:var(--text-small);font-weight:var(--font-medium);border-radius:var(--radius-md);transition:var(--transition-all);cursor:pointer;border:none;background:transparent;color:var(--muted-foreground);white-space:nowrap;display:flex;align-items:center;gap:var(--gap-sm)}.toggle-button-option:hover{color:var(--foreground)}.toggle-button-option--active{background-color:transparent;color:var(--primary);font-weight:var(--font-semibold)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-weight:500;transition:all .2s ease;cursor:pointer;border:none;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.icon-btn:focus{outline:2px solid var(--ring);outline-offset:2px}.icon-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.icon-btn[aria-busy=true]{position:relative}.icon-btn--sm{width:2rem;height:2rem;font-size:.875rem}.icon-btn--md{width:2.5rem;height:2.5rem;font-size:1rem}.icon-btn--lg{width:3rem;height:3rem;font-size:1.125rem}.icon-btn--solid{background-color:var(--primary);color:var(--bg);box-shadow:var(--shadow-sm)}.icon-btn--solid:hover:not(:disabled){opacity:.9}.icon-btn--solid:active:not(:disabled){opacity:.8}.icon-btn--outline{background-color:transparent;border:1px solid var(--primary);color:var(--primary)}.icon-btn--outline:hover:not(:disabled){background-color:var(--primary);color:var(--bg)}.icon-btn--outline:active:not(:disabled){opacity:.8}.icon-btn--ghost{background-color:transparent;color:var(--foreground)}.icon-btn--ghost:hover:not(:disabled){background-color:var(--accent);color:var(--accent-foreground)}.icon-btn--ghost:active:not(:disabled){background-color:var(--muted)}.icon-btn[aria-busy=true] .icon-btn-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid;border-top:2px solid transparent;border-radius:var(--radius-full);animation:spin 1s linear infinite}.field{display:flex;flex-direction:column;gap:var(--gap-sm)}.field-label{display:block;font-size:.875rem;font-weight:500;color:var(--foreground)}.field-label--required:after{content:"*";color:var(--destructive);margin-left:var(--gap-xs)}.field-help{color:var(--muted-foreground)}.field-error,.field-help{font-size:.75rem;line-height:1.4}.field-error{color:var(--destructive)}.field--disabled{opacity:.5}.field--disabled,.field--disabled .field-label{cursor:not-allowed}.file-upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:12rem;border:2px dashed var(--border);border-radius:var(--radius-lg);background-color:var(--background);transition:all .2s ease;cursor:pointer}.file-upload--active,.file-upload:hover{border-color:var(--primary);background-color:var(--surface)}.file-upload-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-upload-content{display:flex;flex-direction:column;align-items:center;gap:var(--gap-md);padding:var(--gap-xl);pointer-events:none}.file-upload-icon-container{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:var(--radius-full);background-color:var(--muted);color:var(--muted-foreground)}.file-upload-icon{width:1.5rem;height:1.5rem}.file-upload-text{display:flex;flex-direction:column;align-items:center;gap:var(--gap-xs);text-align:center}.file-upload-button{font-size:.875rem;font-weight:500;color:var(--primary);background:none;border:none;cursor:pointer;pointer-events:auto;text-decoration:underline;text-underline-offset:2px}.file-upload-button:hover{opacity:.8}.file-upload-or{font-size:.875rem;color:var(--muted-foreground)}.file-upload-info{font-size:.75rem;color:var(--muted-foreground);text-align:center}.file-upload:has(.file-upload-input:disabled){opacity:.5;cursor:not-allowed}.file-upload:has(.file-upload-input:disabled):hover{border-color:var(--border);background-color:var(--background)}.slider{width:100%}.slider--disabled{opacity:.5;pointer-events:none}.slider-value{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--gap-sm);font-size:var(--text-small);color:var(--text)}.slider-track{position:relative;height:8px;background:var(--surface);border-radius:var(--radius-full);overflow:hidden}.slider-range{background:var(--primary);width:var(--slider-percentage,0);transition:width .15s ease}.slider-input,.slider-range{position:absolute;top:0;left:0;height:100%}.slider-input{width:100%;opacity:0;cursor:pointer}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer}.slider-input::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer;border:none}.date-picker{position:relative;width:100%}.date-picker--error .date-picker-input{border-color:var(--error)}.date-picker--disabled{opacity:.5;cursor:not-allowed}.date-picker-input{width:100%;padding:var(--padding-sm) var(--padding-md);border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--surface);color:var(--text);font-size:var(--text-body);transition:var(--transition-colors)}.date-picker-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.date-picker-error{margin-top:var(--gap-xs);font-size:var(--text-small);color:var(--error)}.date-picker-icon{position:absolute;right:var(--gap-sm);top:50%;transform:translateY(-50%);width:var(--text-h5);height:var(--text-h5);color:var(--muted);pointer-events:none}.date-picker-popover{padding:var(--gap-md);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:var(--width-xs)}.date-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--gap-md)}.date-picker-title{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--foreground)}.date-picker-nav{display:flex;gap:var(--gap-xs)}.date-picker-nav-btn{padding:var(--gap-xs);background:none;border:none;color:var(--muted);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-colors)}.date-picker-nav-btn:hover{background-color:var(--muted);color:var(--foreground)}.date-picker-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--gap-xs)}.date-picker-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:var(--text-small);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-colors)}.date-picker-day:hover:not(.date-picker-day--disabled){background-color:var(--muted)}.date-picker-day--selected{background-color:var(--primary);color:var(--primary-foreground)}.date-picker-day--today{border:1px solid var(--primary)}.date-picker-day--disabled{color:var(--muted);cursor:not-allowed;opacity:.5}.time-picker{position:relative;width:100%}.time-picker-input{width:100%;padding-right:2.5rem}.time-picker-icon{position:absolute;right:var(--gap-sm);top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:var(--muted);pointer-events:none}.time-picker-popover{padding:var(--gap-md);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.time-picker-columns{display:flex;gap:var(--gap-sm)}.time-picker-column{display:flex;flex-direction:column}.time-picker-label{font-size:var(--text-tiny);font-weight:var(--font-medium);color:var(--muted);text-align:center;margin-bottom:var(--gap-xs)}.time-picker-scroll{height:12rem;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-md)}.time-picker-option{padding:var(--gap-sm) var(--gap-md);text-align:center;cursor:pointer;transition:var(--transition-colors)}.time-picker-option:hover{background-color:var(--muted)}.time-picker-option--selected{background-color:var(--primary);color:var(--primary-foreground)}.color-picker{display:flex;flex-direction:column;gap:var(--gap-md)}.color-picker-preview{display:flex;align-items:center;gap:var(--gap-md)}.color-picker-swatch{width:3rem;height:3rem;border-radius:var(--radius-md);border:2px solid var(--border);cursor:pointer;transition:var(--transition-all)}.color-picker-swatch:hover{transform:scale(1.05);border-color:var(--primary)}.color-picker-input{flex:1}.color-picker-popover{padding:var(--gap-md);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.color-picker-presets{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--gap-sm);margin-top:var(--gap-md)}.color-picker-preset{width:2rem;height:2rem;border-radius:var(--radius-sm);border:2px solid transparent;cursor:pointer;transition:var(--transition-all)}.color-picker-preset:hover{transform:scale(1.1)}.color-picker-preset--selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--primary)}.autocomplete{position:relative;width:100%}.autocomplete--disabled{opacity:.5;pointer-events:none}.autocomplete-input{width:100%;padding:var(--gap-sm) var(--gap-md);font-size:var(--text-body);color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);transition:var(--transition-colors)}.autocomplete-input:focus,.autocomplete-input:hover{border-color:var(--primary)}.autocomplete-input:focus{outline:none;box-shadow:0 0 0 3px var(--ring)}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:var(--gap-xs);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);max-height:300px;overflow-y:auto;z-index:50}.autocomplete-option{width:100%;padding:var(--gap-sm) var(--gap-md);text-align:left;font-size:var(--text-body);color:var(--text);background:transparent;border:none;cursor:pointer;transition:var(--transition-colors)}.autocomplete-option:hover{background:var(--bg)}.progress{position:relative;overflow:hidden;background-color:var(--surface)}.progress,.progress-indicator{width:100%;border-radius:var(--radius-full)}.progress-indicator{height:100%;flex:1;background-color:var(--primary);transition:var(--transition-all)}.progress--sm{height:var(--gap-xs)}.progress--md{height:var(--gap-sm)}.progress--lg{height:var(--gap-md)}.progress--xl{height:var(--gap-lg)}.progress--primary .progress-indicator{background-color:var(--primary)}.progress--secondary .progress-indicator{background-color:var(--surface)}.progress--success .progress-indicator{background-color:var(--success)}.progress--warning .progress-indicator{background-color:var(--warning)}.progress--destructive .progress-indicator{background-color:var(--destructive)}.progress-container{display:flex;flex-direction:column;gap:var(--gap-xs)}.progress-label{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-small);color:var(--text)}.progress-value{font-weight:var(--font-medium);color:var(--muted)}.spinner{display:inline-block;border-radius:50%;border:2px solid var(--border);border-top-color:var(--primary);animation:spin 1s linear infinite}.spinner--xs{width:.75rem;height:.75rem;border-width:1px}.spinner--sm{width:1rem;height:1rem;border-width:1px}.spinner--md{width:1.5rem;height:1.5rem;border-width:2px}.spinner--lg{width:2rem;height:2rem;border-width:2px}.spinner--xl{width:3rem;height:3rem;border-width:3px}.spinner--primary{border-top-color:var(--primary)}.spinner--secondary{border-top-color:var(--secondary)}.spinner--success{border-top-color:var(--success)}.spinner--warning{border-top-color:var(--warning)}.spinner--destructive{border-top-color:var(--destructive)}.spinner-container{display:flex;align-items:center;gap:var(--gap-sm)}.spinner-text{font-size:.875rem;color:var(--muted-foreground)}.table-container{position:relative;width:100%;overflow:auto;border-radius:var(--radius-md);border:1px solid var(--border)}.table{width:100%;caption-side:bottom;border-collapse:collapse;font-size:.875rem}.table-header,.table-header-row{border-bottom:1px solid var(--border)}.table-header-row{transition:colors .2s ease}.table-header-cell,.table-header-row:hover{background-color:var(--muted)}.table-header-cell{height:3rem;padding:0 var(--gap-md);text-align:left;align-items:center;font-weight:500;color:var(--muted-foreground)}.table-row{border-bottom:1px solid var(--border);transition:colors .2s ease}.table-row:hover{background-color:var(--muted)}.table-row:last-child{border-bottom:none}.table-cell{padding:var(--gap-md);align-items:center;color:var(--text)}.table-footer{border-top:1px solid var(--border);background-color:var(--muted)}.table-footer-cell{padding:var(--gap-md);font-weight:500;color:var(--muted-foreground)}.table-caption{margin-top:var(--gap-md);font-size:.875rem;color:var(--muted-foreground)}.table--striped .table-row:nth-child(2n){background-color:var(--muted)}.table--bordered{border:1px solid var(--border)}.table--bordered .table-cell,.table--bordered .table-footer-cell,.table--bordered .table-header-cell{border-right:1px solid var(--border)}.table--bordered .table-cell:last-child,.table--bordered .table-footer-cell:last-child,.table--bordered .table-header-cell:last-child{border-right:none}.table--sm .table-cell,.table--sm .table-footer-cell,.table--sm .table-header-cell{padding:var(--gap-sm) var(--gap-sm);height:2rem}.table--lg .table-cell,.table--lg .table-footer-cell,.table--lg .table-header-cell{padding:var(--gap-md) var(--gap-lg);height:4rem}.table-header-cell--sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.table-header-cell--sortable:hover{background-color:var(--accent)}.table-sort-icon{margin-left:var(--gap-xs);opacity:.5}.table-header-cell--sorted .table-sort-icon{opacity:1}.skeleton{display:inline-block;height:1rem;background:linear-gradient(110deg,var(--muted) 8%,var(--muted-foreground) 18%,var(--muted) 33%);border-radius:var(--radius-sm);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}.skeleton--text{height:.875rem;width:100%}.skeleton--title{height:1.25rem;width:75%}.skeleton--avatar{height:2.5rem;width:2.5rem;border-radius:var(--radius-full)}.skeleton--button{height:2.5rem;width:6rem;border-radius:var(--radius-md)}.skeleton--card{height:8rem;width:100%;border-radius:var(--radius-lg)}.skeleton--circle{border-radius:var(--radius-full)}.skeleton--rectangle{border-radius:var(--radius-sm)}.skeleton--xs{height:.75rem}.skeleton--sm{height:1rem}.skeleton--md{height:1.25rem}.skeleton--lg{height:1.5rem}.skeleton--xl{height:2rem}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:calc(200% + 200px) 0}}.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:var(--radius-full);overflow:hidden;background-color:var(--muted);color:var(--muted-foreground);font-weight:500;-webkit-user-select:none;-moz-user-select:none;user-select:none}.avatar-image{aspect-ratio:1;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.avatar-fallback{display:flex;align-items:center;justify-content:center;height:100%;width:100%;background-color:var(--muted);color:var(--muted-foreground);font-size:.875rem;font-weight:500}.avatar--xs{width:1.5rem;height:1.5rem}.avatar--xs .avatar-fallback{font-size:.625rem}.avatar--sm{width:2rem;height:2rem}.avatar--sm .avatar-fallback{font-size:.75rem}.avatar--md{width:2.5rem;height:2.5rem}.avatar--md .avatar-fallback{font-size:.875rem}.avatar--lg{width:3rem;height:3rem}.avatar--lg .avatar-fallback{font-size:1rem}.avatar--xl{width:4rem;height:4rem}.avatar--xl .avatar-fallback{font-size:1.25rem}.avatar-group{display:flex;align-items:center}.avatar-group .avatar{margin-left:-.5rem;border:2px solid var(--background)}.avatar-group .avatar:first-child{margin-left:0}.avatar-group .avatar:hover{z-index:1}.avatar--with-status{position:relative}.avatar-status{position:absolute;bottom:0;right:0;width:.75rem;height:.75rem;border-radius:var(--radius-full);border:2px solid var(--background)}.avatar-status--online{background-color:var(--success)}.avatar-status--offline{background-color:var(--muted)}.avatar-status--busy{background-color:var(--destructive)}.avatar-status--away{background-color:var(--warning)}.empty-state{flex-direction:column;text-align:center;padding:var(--padding-section-sm) var(--gap-xl);min-height:20rem}.empty-state,.empty-state-icon{display:flex;align-items:center;justify-content:center}.empty-state-icon{width:4rem;height:4rem;margin-bottom:var(--gap-md);border-radius:var(--radius-full);background-color:var(--muted);color:var(--muted-foreground)}.empty-state-icon svg{width:2rem;height:2rem}.empty-state-title{font-size:1.125rem;font-weight:600;color:var(--foreground);margin-bottom:var(--gap-sm)}.empty-state-description{font-size:.875rem;color:var(--muted-foreground);max-width:32rem;margin-bottom:var(--gap-xl);line-height:1.5}.empty-state-action{display:flex;gap:var(--gap-sm)}.empty-state--compact{padding:var(--gap-xl) var(--gap-md);min-height:12rem}.empty-state--compact .empty-state-icon{width:3rem;height:3rem;margin-bottom:var(--gap-md)}.empty-state--compact .empty-state-icon svg{width:1.5rem;height:1.5rem}.empty-state--compact .empty-state-title{font-size:1rem;margin-bottom:var(--gap-xs)}.empty-state--compact .empty-state-description{font-size:.8125rem;margin-bottom:var(--gap-md)}.accordion{display:flex;flex-direction:column;gap:var(--gap-sm)}.accordion-item{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.accordion-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--gap-md);background:transparent;border:none;text-align:left;cursor:pointer;transition:var(--transition-colors)}.accordion-trigger--open,.accordion-trigger:hover{background:var(--surface)}.accordion-icon{font-size:var(--text-h4);font-weight:var(--font-light);color:var(--muted);transition:var(--transition-transform)}.accordion-content{border-top:1px solid var(--border)}.accordion-body{padding:var(--gap-md)}.carousel{position:relative;overflow:hidden;border-radius:var(--radius-sm)}.carousel-viewport{overflow:hidden;min-height:400px}.carousel-container{display:flex;transition:transform .3s ease-in-out;transform:translateX(calc(-100% * var(--carousel-index, 0)))}.carousel-item{min-width:100%;flex-shrink:0}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:var(--surface);border:1px solid var(--border);font-size:var(--text-h4);padding:var(--gap-sm);display:flex;align-items:center;justify-content:center;line-height:1}.carousel-button--prev{left:var(--gap-sm)}.carousel-button--next{right:var(--gap-sm)}@media (min-width:768px){.carousel-button--prev{left:var(--gap-md)}.carousel-button--next{right:var(--gap-md)}}.carousel-indicators{position:absolute;bottom:var(--gap-xl);left:50%;transform:translateX(-50%);display:flex;gap:var(--gap-sm);z-index:10}.carousel-indicator{width:8px;height:8px;border-radius:var(--radius-full);background:var(--muted);border:none;cursor:pointer;transition:var(--transition-colors)}.carousel-indicator--active{background:var(--primary);width:24px}.timeline{display:flex;flex-direction:column;gap:var(--gap-lg)}.timeline-item{display:flex;gap:var(--gap-md)}.timeline-marker{position:relative;display:flex;flex-direction:column;align-items:center}.timeline-dot{width:12px;height:12px;border-radius:var(--radius-full);background:var(--primary);border:2px solid var(--bg);box-shadow:0 0 0 2px var(--primary)}.timeline-step-line{width:2px;flex:1;background:var(--border);margin-top:var(--gap-xs)}.timeline-content{flex:1;padding-bottom:var(--gap-md)}.timeline-date{font-size:var(--text-small);color:var(--muted);margin-bottom:var(--gap-xs)}.timeline-title{font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--titles);margin-bottom:var(--gap-xs)}.timeline-description{font-size:var(--text-body);color:var(--text);line-height:var(--leading-relaxed)}.tree,.tree-item{display:flex;flex-direction:column}.tree-item-content{display:flex;align-items:center;gap:var(--gap-sm);padding:var(--gap-xs) var(--gap-sm);padding-left:calc(var(--gap-lg) * var(--tree-level, 0));border-radius:var(--radius-xs);transition:var(--transition-colors)}.tree-item-content:hover{background:var(--surface)}.tree-toggle{min-width:24px;height:24px;padding:0;font-size:var(--text-small)}.tree-label{font-size:var(--text-body);color:var(--text)}.tree-children{display:flex;flex-direction:column}.data-table{overflow-x:auto}.data-table-table{width:100%;border-collapse:collapse;border:1px solid var(--border);border-radius:var(--radius-sm)}.data-table-header-row{background:var(--surface);border-bottom:1px solid var(--border)}.data-table-header{padding:var(--gap-md);text-align:left;color:var(--titles)}.data-table-header,.data-table-sort-button{font-size:var(--text-small);font-weight:var(--font-semibold)}.data-table-sort-button{width:100%;justify-content:flex-start;padding:0}.data-table-sort-icon{margin-left:var(--gap-xs);color:var(--primary)}.data-table-row{border-bottom:1px solid var(--border);transition:var(--transition-colors)}.data-table-row:hover{background:var(--surface)}.data-table-row:last-child{border-bottom:none}.data-table-cell{padding:var(--gap-md);font-size:var(--text-body);color:var(--text)}.badge{display:inline-flex;align-items:center;border-radius:var(--radius-sm);font-weight:var(--font-semibold);font-size:var(--text-tiny);line-height:var(--leading-none);padding:var(--gap-xs) var(--gap-sm);transition:var(--transition-all)}.badge--default{background-color:var(--muted);color:var(--bg)}.badge--primary{background-color:var(--primary);color:var(--bg)}.badge--secondary{background-color:var(--surface);color:var(--text);border:none}.badge--success{background-color:var(--success);color:var(--bg)}.badge--warning{background-color:var(--warning);color:var(--bg)}.badge--destructive{background-color:var(--error);color:var(--bg)}.badge--outline{background-color:transparent;border:1px solid var(--border);color:var(--text)}.badge--outline.badge--primary{border-color:var(--primary);color:var(--primary)}.badge--outline.badge--secondary{border-color:var(--secondary);color:var(--secondary)}.badge--outline.badge--success{border-color:var(--success);color:var(--success)}.badge--outline.badge--warning{border-color:var(--warning);color:var(--warning)}.badge--outline.badge--destructive{border-color:var(--destructive);color:var(--destructive)}.badge--sm{font-size:var(--text-tiny);padding:var(--gap-xs) var(--gap-sm)}.badge--lg{font-size:var(--text-small);padding:var(--gap-md) var(--gap-lg)}.typed-badge{display:inline-flex;align-items:center;gap:var(--gap-xs)}.typed-badge-icon{width:.875rem;height:.875rem}.permission-badge{display:inline-flex;align-items:center;gap:var(--gap-xs);padding:var(--gap-xs) var(--gap-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.permission-badge--sm{padding:var(--gap-xs) var(--gap-sm);font-size:.625rem}.permission-badge--md{padding:var(--gap-xs) var(--gap-sm);font-size:.75rem}.permission-badge-icon{width:.75rem;height:.75rem}.permission-badge--sm .permission-badge-icon{width:.625rem;height:.625rem}.permission-badge-label{line-height:1}.permission-badge--none{background:rgba(107,114,128,.15);color:var(--muted)}.permission-badge--read{background:rgba(59,130,246,.15);color:var(--info)}.permission-badge--write{background:rgba(245,158,11,.15);color:var(--warning)}.permission-badge--admin{background:var(--primary-muted);color:var(--primary)}.permission-badge--owner{background:rgba(34,197,94,.15);color:var(--success)}.project-card{position:relative}.project-card:hover{border-color:rgba(255,255,255,.1);box-shadow:var(--shadow-4)}.project-card-media{position:relative;margin-bottom:var(--gap-md)}.project-card-placeholder,.project-card-thumbnail{aspect-ratio:16/9;border-radius:var(--radius-sm);overflow:hidden}.project-card-thumbnail{background:rgba(255,255,255,.05)}.project-card-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.project-card-placeholder{background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center}.project-card-icon{font-size:1.5rem;color:var(--muted)}.project-card-status{position:absolute;top:var(--gap-sm);right:var(--gap-sm)}.project-card-badge{font-size:.75rem}.project-status--draft{background:rgba(107,114,128,.15);color:var(--muted)}.project-status--active{background:rgba(34,197,94,.15);color:var(--success)}.project-status--archived{background:rgba(245,158,11,.15);color:var(--warning)}.project-card-actions{position:absolute;top:var(--gap-sm);left:var(--gap-sm);opacity:0;transition:opacity .2s ease;display:flex;gap:var(--gap-xs)}.project-card:hover .project-card-actions{opacity:1}.project-card-action{width:2rem;height:2rem;background:rgba(0,0,0,.5);color:white;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.project-card-action:hover{background:rgba(0,0,0,.7)}.project-card-action--delete:hover{background:rgba(239,68,68,.7)}.project-card-action-icon{width:1rem;height:1rem}.project-card-info{display:flex;flex-direction:column;gap:var(--gap-sm)}.project-card-header{display:flex;align-items:flex-start;justify-content:space-between}.project-card-title{font-size:.875rem;font-weight:500;color:var(--titles);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:var(--gap-sm);margin:0}.project-card-type{font-size:.75rem;flex-shrink:0}.project-type--artiste{background:var(--primary-muted);color:var(--primary)}.project-type--beatmaker{background:rgba(59,130,246,.15);color:var(--info)}.project-type--studio{background:rgba(34,197,94,.15);color:var(--success)}.project-type--producteur{background:rgba(245,158,11,.15);color:var(--warning)}.project-card-description{line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.project-card-date,.project-card-description{font-size:.75rem;color:var(--muted)}.logo-placeholder{width:2.5rem;height:2.5rem;border-radius:var(--radius-md);background:var(--muted);display:flex;align-items:center;justify-content:center;font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--muted-foreground);flex-shrink:0}.logo-placeholder--sm{width:2rem;height:2rem;font-size:var(--text-tiny)}.logo-placeholder--md{width:2.5rem;height:2.5rem;font-size:var(--text-small)}.logo-placeholder--lg{width:3rem;height:3rem;font-size:var(--text-body)}.logo-placeholder--xl{width:4rem;height:4rem;font-size:var(--text-h6)}.loading-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.loading-card-image{width:100%;height:200px;background:linear-gradient(90deg,var(--bg) 0,var(--surface) 50%,var(--bg) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}.loading-card-content{padding:var(--space-16)}.loading-card-title{height:24px;width:60%;margin-bottom:var(--space-12)}.loading-card-line,.loading-card-title{background:linear-gradient(90deg,var(--bg) 0,var(--surface) 50%,var(--bg) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.loading-card-line{height:16px;width:100%;margin-bottom:var(--space-8)}.loading-card-line:last-child{width:80%;margin-bottom:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.alert{position:relative;width:100%;border-radius:var(--radius-lg);border:1px solid var(--border);padding:var(--gap-md);display:flex;align-items:flex-start;gap:var(--gap-md)}.alert-icon{flex-shrink:0;width:1rem;height:1rem;margin-top:var(--gap-xs)}.alert-content{flex:1}.alert-title{margin-bottom:var(--gap-xs);font-weight:500;line-height:1;letter-spacing:-.025em}.alert-description{font-size:.875rem;line-height:1.5;opacity:.9}.alert--default{background-color:var(--background);color:var(--foreground);border-color:var(--border)}.alert--destructive{border-color:var(--destructive);background-color:color-mix(in srgb,var(--destructive) 10%,transparent)}.alert--destructive,.alert--destructive .alert-title{color:var(--destructive)}.alert--warning{border-color:var(--warning);background-color:color-mix(in srgb,var(--warning) 10%,transparent)}.alert--warning,.alert--warning .alert-title{color:var(--warning)}.alert--success{border-color:var(--success);background-color:color-mix(in srgb,var(--success) 10%,transparent)}.alert--success,.alert--success .alert-title{color:var(--success)}.alert--info{border-color:var(--info);background-color:color-mix(in srgb,var(--info) 10%,transparent)}.alert--info,.alert--info .alert-title{color:var(--info)}.alert--dismissible{padding-right:var(--padding-section-sm)}.alert-close{position:absolute;right:var(--gap-md);top:var(--gap-md);background:none;border:none;cursor:pointer;padding:var(--gap-xs);border-radius:var(--radius-sm);color:inherit;opacity:.7;transition:opacity .2s ease}.alert-close:hover{opacity:1}.alert-close:focus{outline:2px solid var(--ring);outline-offset:2px}