*{margin:0;padding:0}*,:after,:before{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:var(--spacing-md)}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}b,strong{font-weight:700}em,i{font-style:italic}ol,ul{margin-bottom:var(--spacing-md);margin-left:var(--spacing-lg)}li{margin-bottom:var(--spacing-sm)}button,input,select,textarea{font-family:inherit;font-size:inherit}input,select,textarea{width:100%}button{cursor:pointer}img,svg{display:block;height:auto;max-width:100%}table{margin-bottom:var(--spacing-md)}td,th{border-bottom:1px solid var(--border-color);padding:var(--spacing-md);text-align:left}th{background-color:var(--bg-tertiary);font-weight:700}tr:hover{background-color:var(--bg-secondary)}code{background-color:var(--bg-tertiary);border-radius:var(--radius-sm);font-family:Courier New,monospace;font-size:.875rem;padding:.25rem .5rem}pre{background-color:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);overflow-x:auto;padding:var(--spacing-md)}pre code{background:none;border-radius:0;padding:0}:root{--bg-primary:#0a0e1a;--bg-secondary:#151b2e;--bg-tertiary:#1f2937;--bg-quaternary:#2d3748;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--accent-primary:#7c3aed;--accent-hover:#6d28d9;--accent-danger:#ef4444;--accent-danger-hover:#dc2626;--accent-success:#10b981;--accent-success-hover:#059669;--accent-info:#06b6d4;--accent-info-hover:#0891b2;--accent-warning:#f59e0b;--accent-warning-hover:#d97706;--accent-light:#60a5fa;--border-color:#2d3748;--border-light:#3d3d5c;--shadow-sm:rgba(124,58,237,.1);--shadow-md:rgba(124,58,237,.15);--shadow:rgba(124,58,237,.2);--shadow-lg:rgba(124,58,237,.25);--shadow-xl:rgba(124,58,237,.3);--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:2.5rem;--spacing-3xl:3rem;--spacing-4xl:4rem;--radius-none:0px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-2xl:16px;--radius-3xl:20px;--radius-4xl:24px;--radius-full:9999px;--transition-fast:0.2s cubic-bezier(0.4,0,0.2,1);--transition-normal:0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.5s cubic-bezier(0.4,0,0.2,1);--font-xs:0.75rem;--font-sm:0.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:1.875rem;--font-4xl:2.25rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--line-tight:1.25;--line-normal:1.6;--line-relaxed:1.75;--scale-1:0.25rem;--scale-2:0.5rem;--scale-3:1rem;--scale-4:1.5rem;--scale-5:2rem;--scale-6:2.5rem;--scale-7:3rem;--scale-8:4rem;--scale-9:6rem;--scale-10:8rem}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--bg-quaternary:#e2e8f0;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--border-color:#e2e8f0;--border-light:#cbd5e1;--shadow:rgba(124,58,237,.1);--shadow-sm:rgba(0,0,0,.04);--shadow-lg:rgba(124,58,237,.15);--accent-primary:#7c3aed;--accent-hover:#6d28d9;--accent-danger:#dc2626;--accent-success:#059669;--accent-info:#0891b2;--accent-warning:#d97706}body{background-color:var(--bg-primary);color:var(--text-primary);font-size:1rem;font-weight:400;line-height:1.6}.container{margin:0 auto;max-width:1200px}.container-md{max-width:960px}.container-lg{max-width:1200px}.container-xl{max-width:1400px}.container-fluid{padding:0 var(--spacing-lg);width:100%}section{padding:var(--spacing-xl) 0}section.section-sm{padding:var(--spacing-md) 0}section.section-lg{padding:var(--spacing-xl) 0}section.section-xl{padding:calc(var(--spacing-xl)*2) 0}*{transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}button:active{transform:scale(.98)}html{scroll-behavior:smooth}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.bg-primary,.bg-quaternary,.bg-secondary,.bg-tertiary{color:var(--text-primary)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-quaternary{background-color:var(--bg-quaternary)}.bg-accent,.bg-danger,.bg-info,.bg-success,.bg-warning{color:var(--text-primary)}.bg-accent{background-color:var(--accent-primary)}.bg-success{background-color:var(--accent-success)}.bg-danger{background-color:var(--accent-danger)}.bg-info{background-color:var(--accent-info)}.bg-warning{background-color:var(--accent-warning)}.bg-accent-light{background-color:rgba(99,102,241,.1);color:var(--accent-primary)}.bg-success-light{background-color:rgba(16,185,129,.1);color:var(--accent-success)}.bg-danger-light{background-color:rgba(239,68,68,.1);color:var(--accent-danger)}.bg-info-light{background-color:rgba(59,130,246,.1);color:var(--accent-info)}.bg-warning-light{background-color:rgba(245,158,11,.1);color:var(--accent-warning)}.bg-gradient-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));color:#fff}.bg-gradient-success{background:linear-gradient(135deg,var(--accent-success),var(--accent-success-hover));color:#fff}.bg-gradient-danger{background:linear-gradient(135deg,var(--accent-danger),var(--accent-danger-hover));color:#fff}.bg-cover{background-size:cover}.bg-contain{background-size:contain}.bg-center{background-position:50%}.bg-left{background-position:0}.bg-right{background-position:100%}.bg-top{background-position:top}.bg-bottom{background-position:bottom}.bg-repeat{background-repeat:repeat}.bg-no-repeat{background-repeat:no-repeat}.bg-repeat-x{background-repeat:repeat-x}.bg-repeat-y{background-repeat:repeat-y}.bg-fixed{background-attachment:fixed}.bg-scroll{background-attachment:scroll}.bg-white{background-color:#fff!important}.bg-black,.bg-white{color:var(--text-primary)}.bg-black{background-color:#000!important}.border{border:1px solid var(--border-color)}.border-none{border:none}.border-0{border:0 solid var(--border-color)}.border-1{border:1px solid var(--border-color)}.border-2{border:2px solid var(--border-color)}.border-4{border:4px solid var(--border-color)}.border-8{border:8px solid var(--border-color)}.border-t{border-top:1px solid var(--border-color)}.border-r{border-right:1px solid var(--border-color)}.border-b{border-bottom:1px solid var(--border-color)}.border-l{border-left:1px solid var(--border-color)}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.border-double{border-style:double}.border-primary{border-color:var(--accent-primary)}.border-success{border-color:var(--accent-success)}.border-danger{border-color:var(--accent-danger)}.border-warning{border-color:var(--accent-warning)}.border-info{border-color:var(--accent-info)}.container{padding:0 var(--spacing-lg);width:100%}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}.container-2xl{max-width:1400px}.container-fluid{max-width:100%}@media(max-width:768px){.container{padding:0 var(--spacing-md)}}@media(max-width:480px){.container{padding:0 var(--spacing-sm)}}.cursor-auto{cursor:auto}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-move{cursor:move}.cursor-wait{cursor:wait}.divider{background-color:var(--border-color,#e5e7eb);border:none;flex-shrink:0;height:1px;margin:var(--spacing-md) 0;width:100%}.divider:after,.divider:before{background-color:var(--border-color);content:"";flex:1;height:1px}.divider-text{color:var(--text-muted);font-size:var(--font-sm);white-space:nowrap}.divider-thick:after,.divider-thick:before{height:2px}.divider-dashed:after,.divider-dashed:before{background:linear-gradient(to right,var(--border-color) 0,var(--border-color) 50%,transparent 50%,transparent 100%);background-size:8px 1px}.divider-dotted:after,.divider-dotted:before{background-image:radial-gradient(circle,var(--border-color) 1px,transparent 1px);background-size:6px 1px}.divider-danger,.divider-danger:after,.divider-danger:before,.divider-primary,.divider-primary:after,.divider-primary:before,.divider-success,.divider-success:after,.divider-success:before{background-color:var(--accent-primary)}.divider-danger,.divider-danger:after,.divider-danger:before{background-color:var(--accent-danger)}.divider-success,.divider-success:after,.divider-success:before{background-color:var(--accent-success)}.divider-sm{margin:var(--spacing-sm) 0!important}.divider-md{margin:var(--spacing-md) 0!important}.divider-lg{margin:var(--spacing-xl) 0!important}.divider-xl{margin:var(--spacing-2xl) 0!important}.divider-blank{background:none!important;border:none!important;height:0;margin:var(--spacing-md) 0}.divider-blank:after,.divider-blank:before{display:none!important}.separator{background-color:var(--border-color);height:1px}.separator-thick{height:2px}.separator-spacing{margin:var(--spacing-lg) 0}.divider-vertical{background-color:var(--border-color);display:inline-block;height:100%;width:1px}.divider-vertical-thick{width:2px}.divider-0{height:0}.divider-0.divider-vertical{height:100%;width:0}.divider-0:after,.divider-0:before{height:0}.divider-1{height:var(--scale-1)}.divider-1.divider-vertical{height:100%;width:var(--scale-1)}.divider-1:after,.divider-1:before{height:var(--scale-1)}.divider-2{height:var(--scale-2)}.divider-2.divider-vertical{height:100%;width:var(--scale-2)}.divider-2:after,.divider-2:before{height:var(--scale-2)}.divider-3{height:var(--scale-3)}.divider-3.divider-vertical{height:100%;width:var(--scale-3)}.divider-3:after,.divider-3:before{height:var(--scale-3)}.divider-4{height:var(--scale-4)}.divider-4.divider-vertical{height:100%;width:var(--scale-4)}.divider-4:after,.divider-4:before{height:var(--scale-4)}.divider-5{height:var(--scale-5)}.divider-5.divider-vertical{height:100%;width:var(--scale-5)}.divider-5:after,.divider-5:before{height:var(--scale-5)}.divider-6{height:var(--scale-6)}.divider-6.divider-vertical{height:100%;width:var(--scale-6)}.divider-6:after,.divider-6:before{height:var(--scale-6)}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-grow-1{flex-grow:1}.flex-grow-0{flex-grow:0}.flex-shrink-1{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-basis-full{flex-basis:100%}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-center{align-content:center}.content-between{align-content:space-between}.content-around{align-content:space-around}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-baseline{align-self:baseline}.self-stretch{align-self:stretch}.order-first{order:-1}.order-last{order:9999}.order-none{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.grid{display:grid}.grid-flow-row{grid-auto-flow:row}.grid-flow-column{grid-auto-flow:column}.grid-flow-dense{grid-auto-flow:dense}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.auto-cols-min{grid-auto-cols:min-content}.auto-cols-max{grid-auto-cols:max-content}.auto-cols-fr{grid-auto-cols:minmax(0,1fr)}.auto-rows-min{grid-auto-rows:min-content}.auto-rows-max{grid-auto-rows:max-content}.auto-rows-fr{grid-auto-rows:minmax(0,1fr)}.gap-x-1{-moz-column-gap:var(--spacing-xs);column-gap:var(--spacing-xs)}.gap-y-1{row-gap:var(--spacing-xs)}.gap-x-2{-moz-column-gap:var(--spacing-sm);column-gap:var(--spacing-sm)}.gap-y-2{row-gap:var(--spacing-sm)}.gap-x-3{-moz-column-gap:var(--spacing-md);column-gap:var(--spacing-md)}.gap-y-3{row-gap:var(--spacing-md)}.gap-x-4{-moz-column-gap:var(--spacing-lg);column-gap:var(--spacing-lg)}.gap-y-4{row-gap:var(--spacing-lg)}.gap-x-5{-moz-column-gap:var(--spacing-xl);column-gap:var(--spacing-xl)}.gap-y-5{row-gap:var(--spacing-xl)}@media(max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4,.grid-cols-5,.grid-cols-6{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.grid-cols-2,.grid-cols-3,.grid-cols-4,.grid-cols-5,.grid-cols-6{grid-template-columns:repeat(1,minmax(0,1fr))}}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}.visible{visibility:visible}.invisible{visibility:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-x-visible{overflow-x:visible}.overflow-x-scroll{overflow-x:scroll}.overflow-y-hidden{overflow-y:hidden}.overflow-y-visible{overflow-y:visible}.overflow-y-scroll{overflow-y:scroll}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-auto{z-index:auto}.scale-0{transform:scale(0)}.scale-50{transform:scale(.5)}.scale-75{transform:scale(.75)}.scale-90{transform:scale(.9)}.scale-95{transform:scale(.95)}.scale-100{transform:scale(1)}.scale-105{transform:scale(1.05)}.scale-110{transform:scale(1.1)}.scale-125{transform:scale(1.25)}.scale-150{transform:scale(1.5)}.translate-x-0{transform:translateX(0)}.translate-y-0{transform:translateY(0)}.rotate-0{transform:rotate(0deg)}.rotate-45{transform:rotate(45deg)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}.animate-none{animation:none}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.animate-bounce{animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-text{-webkit-user-select:none;-moz-user-select:text;user-select:text}.select-all{-webkit-user-select:none;-moz-user-select:all;user-select:all}@media(max-width:768px){.hidden-md{display:none}.visible-md{display:block}}@media(max-width:480px){.hidden-sm{display:none}.visible-sm{display:block}}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded,.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:var(--radius-full)}.rounded-t-sm{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.rounded-b-sm{border-bottom-right-radius:var(--radius-sm)}.rounded-b-sm,.rounded-l-sm{border-bottom-left-radius:var(--radius-sm)}.rounded-l-sm{border-top-left-radius:var(--radius-sm)}.rounded-r-sm{border-bottom-right-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.rounded-t-md{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.rounded-b-md{border-bottom-right-radius:var(--radius-md)}.rounded-b-md,.rounded-l-md{border-bottom-left-radius:var(--radius-md)}.rounded-l-md{border-top-left-radius:var(--radius-md)}.rounded-r-md{border-bottom-right-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-b-lg{border-bottom-right-radius:var(--radius-lg)}.rounded-b-lg,.rounded-l-lg{border-bottom-left-radius:var(--radius-lg)}.rounded-l-lg{border-top-left-radius:var(--radius-lg)}.rounded-r-lg{border-bottom-right-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.rounded-b-xl{border-bottom-right-radius:var(--radius-xl)}.rounded-b-xl,.rounded-l-xl{border-bottom-left-radius:var(--radius-xl)}.rounded-l-xl{border-top-left-radius:var(--radius-xl)}.rounded-r-xl{border-bottom-right-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.rounded-b-2xl{border-bottom-right-radius:var(--radius-2xl)}.rounded-b-2xl,.rounded-l-2xl{border-bottom-left-radius:var(--radius-2xl)}.rounded-l-2xl{border-top-left-radius:var(--radius-2xl)}.rounded-r-2xl{border-bottom-right-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.rounded-t-3xl{border-top-left-radius:var(--radius-3xl);border-top-right-radius:var(--radius-3xl)}.rounded-b-3xl{border-bottom-right-radius:var(--radius-3xl)}.rounded-b-3xl,.rounded-l-3xl{border-bottom-left-radius:var(--radius-3xl)}.rounded-l-3xl{border-top-left-radius:var(--radius-3xl)}.rounded-r-3xl{border-bottom-right-radius:var(--radius-3xl);border-top-right-radius:var(--radius-3xl)}.rounded-t-full{border-top-left-radius:var(--radius-full);border-top-right-radius:var(--radius-full)}.rounded-b-full{border-bottom-right-radius:var(--radius-full)}.rounded-b-full,.rounded-l-full{border-bottom-left-radius:var(--radius-full)}.rounded-l-full{border-top-left-radius:var(--radius-full)}.rounded-r-full{border-bottom-right-radius:var(--radius-full);border-top-right-radius:var(--radius-full)}.rounded-tl-md{border-top-left-radius:var(--radius-md)}.rounded-tr-md{border-top-right-radius:var(--radius-md)}.rounded-bl-md{border-bottom-left-radius:var(--radius-md)}.rounded-br-md{border-bottom-right-radius:var(--radius-md)}.section{border-bottom:1px solid var(--border-color);padding:60px 0}.section:last-child{border-bottom:none}.section-sm{padding:30px 0}.section-md{padding:45px 0}.section-lg{padding:75px 0}.section-xl{padding:100px 0}.section-title{color:var(--text-primary);font-size:var(--font-3xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-xl)}.section-subtitle{font-size:var(--font-lg)}.section-description,.section-subtitle{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.section-description{font-size:var(--font-base);max-width:600px}.demo-section{margin-bottom:var(--spacing-2xl)}.demo-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-lg)}.demo-item{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.demo-label{color:var(--text-muted);font-size:var(--font-xs);font-weight:var(--font-semibold);letter-spacing:.5px;text-transform:uppercase}.demo-content{align-items:center;display:flex;flex:1;justify-content:center}@media(max-width:768px){.section{padding:40px 0}.section-title{font-size:var(--font-2xl);margin-bottom:var(--spacing-lg)}.demo-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media(max-width:480px){.section{padding:30px 0}.section-title{font-size:var(--font-xl)}.demo-grid{grid-template-columns:1fr}}.shadow-none{box-shadow:none!important}.shadow-sm{box-shadow:0 2px 6px var(--shadow-sm)}.shadow{box-shadow:0 4px 12px var(--shadow)}.shadow-md{box-shadow:0 8px 24px var(--shadow-md)}.shadow-lg{box-shadow:0 20px 60px var(--shadow-lg)}.shadow-xl{box-shadow:0 25px 80px var(--shadow-xl)}.w-full{width:100%}.w-3\/4{width:75%}.w-2\/3{width:66.666%}.w-1\/2{width:50%}.w-1\/3{width:33.333%}.w-1\/4{width:25%}.w-auto{width:auto}.w-screen{box-sizing:border-box;max-width:100%;width:100%}.h-full{height:100%}.h-3\/4{height:75%}.h-2\/3{height:66.666%}.h-1\/2{height:50%}.h-1\/3{height:33.333%}.h-1\/4{height:25%}.h-auto{height:auto}.h-screen{height:100vh}.w-1{width:var(--scale-1)}.h-1{height:var(--scale-1)}.w-2{width:var(--scale-2)}.h-2{height:var(--scale-2)}.w-3{width:var(--scale-3)}.h-3{height:var(--scale-3)}.w-4{width:var(--scale-4)}.h-4{height:var(--scale-4)}.w-5{width:var(--scale-5)}.h-5{height:var(--scale-5)}.w-6{width:var(--scale-6)}.h-6{height:var(--scale-6)}.w-7{width:var(--scale-7)}.h-7{height:var(--scale-7)}.w-8{width:var(--scale-8)}.h-8{height:var(--scale-8)}.w-9{width:var(--scale-9)}.h-9{height:var(--scale-9)}.w-10{width:var(--scale-10)}.h-10{height:var(--scale-10)}.min-w-full{min-width:100%}.min-h-full{min-height:100%}.max-w-full{max-width:100%}.max-h-full{max-height:100%}.spacer-xs{height:var(--spacing-xs)}.spacer-sm{height:var(--spacing-sm)}.spacer-md{height:var(--spacing-md)}.spacer-lg{height:var(--spacing-lg)}.spacer-xl{height:var(--spacing-xl)}.spacer-2xl{height:var(--spacing-2xl)}.spacer-3xl{height:var(--spacing-3xl)}.m-0{margin:0}.p-0{padding:0}.gap-0{gap:0}.mx-0{margin-left:0;margin-right:0}.my-0{margin-bottom:0;margin-top:0}.px-0{padding-left:0;padding-right:0}.py-0{padding-bottom:0;padding-top:0}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mr-0{margin-right:0}.pt-0{padding-top:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.pr-0{padding-right:0}.m-1{margin:var(--spacing-xs)}.p-1{padding:var(--spacing-xs)}.gap-1{gap:var(--spacing-xs)}.mx-1{margin-left:var(--spacing-xs);margin-right:var(--spacing-xs)}.my-1{margin-bottom:var(--spacing-xs);margin-top:var(--spacing-xs)}.px-1{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.py-1{padding-bottom:var(--spacing-xs);padding-top:var(--spacing-xs)}.mt-1{margin-top:var(--spacing-xs)}.mb-1{margin-bottom:var(--spacing-xs)}.ml-1{margin-left:var(--spacing-xs)}.mr-1{margin-right:var(--spacing-xs)}.pt-1{padding-top:var(--spacing-xs)}.pb-1{padding-bottom:var(--spacing-xs)}.pl-1{padding-left:var(--spacing-xs)}.pr-1{padding-right:var(--spacing-xs)}.m-2{margin:var(--spacing-sm)}.p-2{padding:var(--spacing-sm)}.gap-2{gap:var(--spacing-sm)}.mx-2{margin-left:var(--spacing-sm);margin-right:var(--spacing-sm)}.my-2{margin-bottom:var(--spacing-sm);margin-top:var(--spacing-sm)}.px-2{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.py-2{padding-bottom:var(--spacing-sm);padding-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-sm)}.ml-2{margin-left:var(--spacing-sm)}.mr-2{margin-right:var(--spacing-sm)}.pt-2{padding-top:var(--spacing-sm)}.pb-2{padding-bottom:var(--spacing-sm)}.pl-2{padding-left:var(--spacing-sm)}.pr-2{padding-right:var(--spacing-sm)}.m-3{margin:var(--spacing-md)}.p-3{padding:var(--spacing-md)}.gap-3{gap:var(--spacing-md)}.mx-3{margin-left:var(--spacing-md);margin-right:var(--spacing-md)}.my-3{margin-bottom:var(--spacing-md);margin-top:var(--spacing-md)}.px-3{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.py-3{padding-bottom:var(--spacing-md);padding-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-md)}.ml-3{margin-left:var(--spacing-md)}.mr-3{margin-right:var(--spacing-md)}.pt-3{padding-top:var(--spacing-md)}.pb-3{padding-bottom:var(--spacing-md)}.pl-3{padding-left:var(--spacing-md)}.pr-3{padding-right:var(--spacing-md)}.m-4{margin:var(--spacing-lg)}.p-4{padding:var(--spacing-lg)}.gap-4{gap:var(--spacing-lg)}.mx-4{margin-left:var(--spacing-lg);margin-right:var(--spacing-lg)}.my-4{margin-bottom:var(--spacing-lg);margin-top:var(--spacing-lg)}.px-4{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.py-4{padding-bottom:var(--spacing-lg);padding-top:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-lg)}.ml-4{margin-left:var(--spacing-lg)}.mr-4{margin-right:var(--spacing-lg)}.pt-4{padding-top:var(--spacing-lg)}.pb-4{padding-bottom:var(--spacing-lg)}.pl-4{padding-left:var(--spacing-lg)}.pr-4{padding-right:var(--spacing-lg)}.m-5{margin:var(--spacing-xl)}.p-5{padding:var(--spacing-xl)}.gap-5{gap:var(--spacing-xl)}.mx-5{margin-left:var(--spacing-xl);margin-right:var(--spacing-xl)}.my-5{margin-bottom:var(--spacing-xl);margin-top:var(--spacing-xl)}.px-5{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.py-5{padding-bottom:var(--spacing-xl);padding-top:var(--spacing-xl)}.mt-5{margin-top:var(--spacing-xl)}.mb-5{margin-bottom:var(--spacing-xl)}.ml-5{margin-left:var(--spacing-xl)}.mr-5{margin-right:var(--spacing-xl)}.pt-5{padding-top:var(--spacing-xl)}.pb-5{padding-bottom:var(--spacing-xl)}.pl-5{padding-left:var(--spacing-xl)}.pr-5{padding-right:var(--spacing-xl)}.m-6{margin:var(--spacing-2xl)}.p-6{padding:var(--spacing-2xl)}.gap-6{gap:var(--spacing-2xl)}.mx-6{margin-left:var(--spacing-2xl);margin-right:var(--spacing-2xl)}.my-6{margin-bottom:var(--spacing-2xl);margin-top:var(--spacing-2xl)}.px-6{padding-left:var(--spacing-2xl);padding-right:var(--spacing-2xl)}.py-6{padding-bottom:var(--spacing-2xl);padding-top:var(--spacing-2xl)}.mt-6{margin-top:var(--spacing-2xl)}.mb-6{margin-bottom:var(--spacing-2xl)}.ml-6{margin-left:var(--spacing-2xl)}.mr-6{margin-right:var(--spacing-2xl)}.pt-6{padding-top:var(--spacing-2xl)}.pb-6{padding-bottom:var(--spacing-2xl)}.pl-6{padding-left:var(--spacing-2xl)}.pr-6{padding-right:var(--spacing-2xl)}.m-7{margin:var(--spacing-3xl)}.p-7{padding:var(--spacing-3xl)}.gap-7{gap:var(--spacing-3xl)}.mx-7{margin-left:var(--spacing-3xl);margin-right:var(--spacing-3xl)}.my-7{margin-bottom:var(--spacing-3xl);margin-top:var(--spacing-3xl)}.px-7{padding-left:var(--spacing-3xl);padding-right:var(--spacing-3xl)}.py-7{padding-bottom:var(--spacing-3xl);padding-top:var(--spacing-3xl)}.mt-7{margin-top:var(--spacing-3xl)}.mb-7{margin-bottom:var(--spacing-3xl)}.ml-7{margin-left:var(--spacing-3xl)}.mr-7{margin-right:var(--spacing-3xl)}.pt-7{padding-top:var(--spacing-3xl)}.pb-7{padding-bottom:var(--spacing-3xl)}.pl-7{padding-left:var(--spacing-3xl)}.pr-7{padding-right:var(--spacing-3xl)}.m-8{margin:var(--spacing-4xl)}.p-8{padding:var(--spacing-4xl)}.gap-8{gap:var(--spacing-4xl)}.mx-8{margin-left:var(--spacing-4xl);margin-right:var(--spacing-4xl)}.my-8{margin-bottom:var(--spacing-4xl);margin-top:var(--spacing-4xl)}.px-8{padding-left:var(--spacing-4xl);padding-right:var(--spacing-4xl)}.py-8{padding-bottom:var(--spacing-4xl);padding-top:var(--spacing-4xl)}.mt-8{margin-top:var(--spacing-4xl)}.mb-8{margin-bottom:var(--spacing-4xl)}.ml-8{margin-left:var(--spacing-4xl)}.mr-8{margin-right:var(--spacing-4xl)}.pt-8{padding-top:var(--spacing-4xl)}.pb-8{padding-bottom:var(--spacing-4xl)}.pl-8{padding-left:var(--spacing-4xl)}.pr-8{padding-right:var(--spacing-4xl)}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-muted{color:var(--text-muted)!important}.text-danger{color:var(--accent-danger)!important}.text-success{color:var(--accent-success)!important}.text-info{color:var(--accent-info)!important}.text-warning{color:var(--accent-warning)!important}.text-accent{color:var(--accent-primary)!important}.text-white{color:#fff!important}.text-black{color:#000!important}.text-xs{font-size:var(--font-xs)}.text-sm{font-size:var(--font-sm)}.text-base{font-size:var(--font-base)}.text-lg{font-size:var(--font-lg)}.text-xl{font-size:var(--font-xl)}.text-2xl{font-size:var(--font-2xl)}.text-3xl{font-size:var(--font-3xl)}.text-4xl{font-size:var(--font-4xl)}.font-light{font-weight:var(--font-light)}.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)}.font-extrabold{font-weight:var(--font-extrabold)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.underline{text-decoration:underline}.no-underline{text-decoration:none}.line-through{text-decoration:line-through}.italic{font-style:italic}.not-italic{font-style:normal}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.leading-tight{line-height:var(--line-tight)}.leading-normal{line-height:var(--line-normal)}.leading-relaxed{line-height:var(--line-relaxed)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-1{-webkit-line-clamp:1;line-clamp:1}.line-clamp-1,.line-clamp-2{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;line-clamp:2}.line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.break-words{word-break:break-word}.whitespace-nowrap{white-space:nowrap}.whitespace-normal{white-space:normal}.whitespace-pre{white-space:pre}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:var(--font-sm);font-weight:var(--font-semibold);gap:var(--spacing-sm);justify-content:center;padding:.625rem 1.25rem;position:relative;text-decoration:none;transition:all var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.btn:active{transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),#6d28d9);border:1px solid var(--accent-primary);box-shadow:0 4px 15px var(--shadow);color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-hover),#5b21b6);border-color:var(--accent-hover);box-shadow:0 8px 25px var(--shadow-lg);transform:translateY(-3px)}.btn-primary:active:not(:disabled){transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-quaternary);border-color:var(--border-light);box-shadow:0 4px 12px var(--shadow-sm);transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,var(--accent-danger),#dc2626);border:1px solid var(--accent-danger);box-shadow:0 4px 15px rgba(239,68,68,.2);color:#fff}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-danger-hover),#b91c1c);border-color:var(--accent-danger-hover);box-shadow:0 8px 25px rgba(239,68,68,.3);transform:translateY(-3px)}.btn-success{background:linear-gradient(135deg,var(--accent-success),#059669);border:1px solid var(--accent-success);box-shadow:0 4px 15px rgba(16,185,129,.2);color:#fff}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-success-hover),#047857);border-color:var(--accent-success-hover);box-shadow:0 8px 25px rgba(16,185,129,.3);transform:translateY(-3px)}.btn-info{background:linear-gradient(135deg,var(--accent-info),#0891b2);border:1px solid var(--accent-info);box-shadow:0 4px 15px rgba(6,182,212,.2);color:#fff}.btn-info:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-info-hover),#0e7490);border-color:var(--accent-info-hover);box-shadow:0 8px 25px rgba(6,182,212,.3);transform:translateY(-3px)}.btn-warning{background:linear-gradient(135deg,var(--accent-warning),#d97706);border:1px solid var(--accent-warning);box-shadow:0 4px 15px rgba(245,158,11,.2);color:#fff}.btn-warning:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-warning-hover),#b45309);border-color:var(--accent-warning-hover);box-shadow:0 8px 25px rgba(245,158,11,.3);transform:translateY(-3px)}.btn-outline{background-color:transparent;box-shadow:none!important}.btn-outline.btn-primary{border:2px solid var(--accent-primary);color:#fff}.btn-outline.btn-primary:hover:not(:disabled){background-color:var(--accent-primary);box-shadow:0 8px 25px var(--shadow-lg)!important;color:#fff}.btn-outline.btn-secondary{border:2px solid var(--border-light);color:var(--text-primary)}.btn-outline.btn-secondary:hover:not(:disabled){background-color:var(--bg-tertiary);border-color:var(--text-primary)}.btn-outline.btn-danger{border:2px solid var(--accent-danger);color:#fff}.btn-outline.btn-danger:hover:not(:disabled){background-color:var(--accent-danger);box-shadow:0 8px 25px rgba(239,68,68,.3)!important;color:#fff}.btn-outline.btn-success{border:2px solid var(--accent-success);color:#fff}.btn-outline.btn-success:hover:not(:disabled){background-color:var(--accent-success);box-shadow:0 8px 25px rgba(16,185,129,.3)!important;color:#fff}.btn-outline.btn-info{border:2px solid var(--accent-info);color:#fff}.btn-outline.btn-info:hover:not(:disabled){background-color:var(--accent-info);box-shadow:0 8px 25px rgba(6,182,212,.3)!important;color:#fff}.btn-outline.btn-warning{border:2px solid var(--accent-warning);color:#fff}.btn-outline.btn-warning:hover:not(:disabled){background-color:var(--accent-warning);box-shadow:0 8px 25px rgba(245,158,11,.3)!important;color:#fff}.btn-text{background-color:transparent;border:none;box-shadow:none!important;padding:.5rem .75rem}.btn-text.btn-primary{color:#fff}.btn-text.btn-primary:hover:not(:disabled){background-color:rgba(124,58,237,.1);transform:translateY(-1px)}.btn-text.btn-secondary{color:var(--text-primary)}.btn-text.btn-secondary:hover:not(:disabled){background-color:var(--bg-tertiary)}.btn-text.btn-danger{color:#fff}.btn-text.btn-danger:hover:not(:disabled){background-color:rgba(239,68,68,.1)}.btn-text.btn-success{color:#fff}.btn-text.btn-success:hover:not(:disabled){background-color:rgba(16,185,129,.1)}.btn-text.btn-info{color:#fff}.btn-text.btn-info:hover:not(:disabled){background-color:rgba(6,182,212,.1)}.btn-text.btn-warning{color:#fff}.btn-text.btn-warning:hover:not(:disabled){background-color:rgba(245,158,11,.1)}.btn-sm{border-radius:var(--radius-sm);font-size:var(--font-xs);padding:.375rem .75rem}.btn-lg{border-radius:var(--radius-lg);font-size:var(--font-base);padding:.875rem 1.75rem}.btn-xl{border-radius:var(--radius-xl);font-size:var(--font-lg);padding:1rem 2rem}.btn-group{display:inline-flex;flex-wrap:wrap;gap:var(--spacing-xs)}.btn-group .btn{margin:0}.btn-group-vertical{display:flex;flex-direction:column;gap:var(--spacing-xs)}.btn-group-vertical .btn{width:100%}.btn-loading{color:transparent;position:relative}.btn-loading:after{animation:spin .8s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;content:"";height:14px;left:50%;margin-left:-7px;margin-top:-7px;position:absolute;top:50%;width:14px}@media(max-width:768px){.btn{padding:var(--spacing-sm) .875rem}.btn-lg{padding:var(--spacing-md) 1.25rem}}.card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all var(--transition-normal)}.card:hover{border-color:var(--border-light);box-shadow:0 8px 16px var(--shadow);transform:translateY(-2px)}.card-elevated{border:none;box-shadow:0 4px 12px var(--shadow)}.card-filled{background-color:var(--bg-tertiary);border:none}.card-outline{background-color:transparent;border:2px solid var(--border-color);padding:calc(var(--spacing-md) - 1px)}.card-sm{padding:var(--spacing-sm)}.card-lg{padding:var(--spacing-lg)}.card-xl{padding:var(--spacing-xl)}.card-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.card-header h2,.card-header h3,.card-header h4,.card-header-title{font-size:var(--font-lg);margin:0}.card-header-title{color:var(--text-primary);font-weight:var(--font-bold)}.card-header-subtitle{color:var(--text-muted);font-size:var(--font-sm);margin:.25rem 0 0}.card-body{padding:var(--spacing-md)}.card-body>:last-child{margin-bottom:0}.card-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.card-footer.full-width{justify-content:space-between}.card-image{border-radius:var(--radius-md);height:auto;margin-bottom:var(--spacing-md);-o-object-fit:cover;object-fit:cover;overflow:hidden;width:100%}.card-image-top{border-radius:var(--radius-md) var(--radius-md) 0 0;margin:calc(var(--spacing-md)*-1) calc(var(--spacing-md)*-1) var(--spacing-md) calc(var(--spacing-md)*-1);width:calc(100% + var(--spacing-md)*2)}.card-with-icon{align-items:flex-start;display:flex;gap:var(--spacing-lg)}.card-with-icon .card-icon{color:var(--accent-primary);flex-shrink:0;font-size:2rem}.card-with-icon .card-content{flex:1}.card-with-icon .card-content h3{font-size:var(--font-lg);margin-bottom:var(--spacing-sm)}.card-with-icon .card-content p{color:var(--text-secondary);margin:0}.card-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.card-grid-2{grid-template-columns:repeat(2,1fr)}.card-grid-3{grid-template-columns:repeat(3,1fr)}.card-grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:768px){.card-grid-3,.card-grid-4{grid-template-columns:repeat(2,1fr)}.card-header{align-items:flex-start;flex-direction:column}.card-footer{align-items:stretch;flex-direction:column}.card-footer .btn{width:100%}}@media(max-width:480px){.card-grid-2,.card-grid-3,.card-grid-4{grid-template-columns:1fr}.card-header-title{font-size:var(--font-base)}}.form-group{flex-direction:column;gap:var(--spacing-sm)}.form-group,.form-group-inline{display:flex;margin-bottom:var(--spacing-lg)}.form-group-inline{align-items:flex-end;gap:var(--spacing-md)}.form-group-inline label{flex-shrink:0;margin-bottom:0}.form-group-inline input,.form-group-inline select,.form-group-inline textarea{flex:1}label{color:var(--text-primary);display:block;font-size:var(--font-sm);font-weight:var(--font-semibold);margin-bottom:var(--spacing-xs)}label.required:after{color:var(--accent-danger);content:" *"}label.optional{font-weight:var(--font-normal)}.form-help,label.optional{color:var(--text-muted);font-size:var(--font-xs)}.form-help{margin-top:.25rem}.form-error{color:var(--accent-danger)}.form-error,.form-success{font-size:var(--font-xs);margin-top:.25rem}.form-success{color:var(--accent-success)}.form-container{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xl)}.form-container.form-sm{max-width:400px;padding:var(--spacing-lg)}.form-container.form-lg{max-width:800px;padding:var(--spacing-2xl)}.form-section{margin-bottom:var(--spacing-2xl)}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section-title{color:var(--text-primary);font-size:var(--font-lg);font-weight:var(--font-bold);margin-bottom:var(--spacing-lg)}.form-section-description{color:var(--text-muted);font-size:var(--font-sm);margin-bottom:var(--spacing-lg)}.form-row{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-row-2{grid-template-columns:repeat(2,1fr)}.form-row-3{grid-template-columns:repeat(3,1fr)}.form-row-full{grid-template-columns:1fr}.form-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-2xl);padding-top:var(--spacing-lg)}.form-actions.full-width{justify-content:stretch}.form-actions.full-width .btn{flex:1}.form-actions.center,.form-center{justify-content:center}.form-center{display:flex}@media(max-width:768px){.form-container{padding:var(--spacing-lg)}.form-row-2,.form-row-3{grid-template-columns:1fr}.form-group-inline{align-items:stretch;flex-direction:column}.form-group-inline label{margin-bottom:var(--spacing-xs)}.form-actions{flex-direction:column;justify-content:stretch}.form-actions .btn{width:100%}}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:var(--font-base);padding:.625rem var(--spacing-md);transition:all var(--transition-fast);width:100%}input[type=date]::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=search]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=text]::-moz-placeholder,input[type=time]::-moz-placeholder,input[type=url]::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder{color:var(--text-muted)}input[type=date]::placeholder,input[type=email]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,input[type=time]::placeholder,input[type=url]::placeholder,select::placeholder,textarea::placeholder{color:var(--text-muted)}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,select:focus,textarea:focus{background-color:var(--bg-secondary);border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(99,102,241,.1);outline:none}input[type=date]:disabled,input[type=email]:disabled,input[type=number]:disabled,input[type=password]:disabled,input[type=search]:disabled,input[type=tel]:disabled,input[type=text]:disabled,input[type=time]:disabled,input[type=url]:disabled,select:disabled,textarea:disabled{background-color:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;opacity:.6}input[type=date]:-moz-read-only,input[type=email]:-moz-read-only,input[type=number]:-moz-read-only,input[type=password]:-moz-read-only,input[type=search]:-moz-read-only,input[type=tel]:-moz-read-only,input[type=text]:-moz-read-only,input[type=time]:-moz-read-only,input[type=url]:-moz-read-only,select:-moz-read-only,textarea:-moz-read-only{background-color:var(--bg-tertiary);border-color:var(--border-light)}input[type=date]:read-only,input[type=email]:read-only,input[type=number]:read-only,input[type=password]:read-only,input[type=search]:read-only,input[type=tel]:read-only,input[type=text]:read-only,input[type=time]:read-only,input[type=url]:read-only,select:read-only,textarea:read-only{background-color:var(--bg-tertiary);border-color:var(--border-light)}textarea{min-height:120px;padding:var(--spacing-md);resize:vertical}textarea.textarea-sm{min-height:80px}textarea.textarea-lg{min-height:200px}textarea.textarea-auto{resize:none}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23cbd5e1' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right var(--spacing-md) center;background-repeat:no-repeat;cursor:pointer;padding-right:var(--spacing-2xl)}select::-ms-expand{display:none}.input-sm{border-radius:var(--radius-sm);font-size:var(--font-xs);padding:.375rem var(--spacing-sm)}.input-lg{border-radius:var(--radius-lg);font-size:var(--font-lg);padding:.875rem var(--spacing-lg)}.input-group{align-items:stretch;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;overflow:hidden}.input-group input,.input-group select{background-color:transparent;border:none;border-radius:0;box-shadow:none!important;flex:1}.input-group input:focus,.input-group select:focus{box-shadow:inset 0 0 0 3px rgba(99,102,241,.1)!important}.input-group-prefix,.input-group-suffix{align-items:center;background-color:var(--bg-tertiary);border:0;color:var(--text-muted);display:flex;font-weight:var(--font-semibold);padding:0 var(--spacing-md);white-space:nowrap}.input-group-prefix{border-right:1px solid var(--border-color)}.input-group-suffix{border-left:1px solid var(--border-color)}.input-group.has-error{border-color:var(--accent-danger)}.input-group.has-error input,.input-group.has-error select{color:var(--accent-danger)}.input-group.has-error input::-moz-placeholder,.input-group.has-error select::-moz-placeholder{color:rgba(239,68,68,.6)}.input-group.has-error input::placeholder,.input-group.has-error select::placeholder{color:rgba(239,68,68,.6)}.input-group.has-success{border-color:var(--accent-success)}input[type=checkbox],input[type=radio]{accent-color:var(--accent-primary);cursor:pointer;height:20px;margin-right:var(--spacing-sm);width:20px}.checkbox-group,.radio-group{display:flex;flex-direction:column;gap:var(--spacing-md)}.checkbox-item,.radio-item{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-sm)}.checkbox-item input,.radio-item input{cursor:pointer;margin:0}.checkbox-item label,.radio-item label{cursor:pointer;margin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}input[type=file]{padding:var(--spacing-sm)}.file-input-label{align-items:center;background-color:var(--accent-primary);border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-weight:var(--font-semibold);gap:var(--spacing-sm);padding:.625rem var(--spacing-md);transition:all var(--transition-fast)}.file-input-label:hover{background-color:var(--accent-hover)}input.input-error,select.input-error,textarea.input-error{background-color:rgba(239,68,68,.05);border-color:var(--accent-danger)}input.input-error:focus,select.input-error:focus,textarea.input-error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.1)}input.input-success,select.input-success,textarea.input-success{background-color:rgba(16,185,129,.05);border-color:var(--accent-success)}input.input-success:focus,select.input-success:focus,textarea.input-success:focus{box-shadow:0 0 0 3px rgba(16,185,129,.1)}@media(max-width:768px){input[type=date],input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{font-size:16px}.input-group{flex-direction:column}.input-group .input-group-prefix,.input-group .input-group-suffix{border-bottom:1px solid var(--border-color);border-left:none;border-right:none}.input-group .input-group-suffix{border-bottom:none;border-top:1px solid var(--border-color)}}.badge{align-items:center;border-radius:var(--radius-xl);display:inline-flex;font-size:var(--font-xs);font-weight:var(--font-semibold);gap:.25rem;line-height:1.2;padding:.25rem .75rem;white-space:nowrap}.badge-primary{background-color:rgba(99,102,241,.15);color:var(--accent-primary)}.badge-secondary{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.badge-danger{background-color:rgba(239,68,68,.15);color:var(--accent-danger)}.badge-success{background-color:rgba(16,185,129,.15);color:var(--accent-success)}.badge-info{background-color:rgba(59,130,246,.15);color:var(--accent-info)}.badge-warning{background-color:rgba(245,158,11,.15);color:var(--accent-warning)}.badge-solid.badge-primary{background-color:var(--accent-primary);color:#fff}.badge-solid.badge-secondary{background-color:var(--bg-tertiary);color:var(--text-primary)}.badge-solid.badge-danger{background-color:var(--accent-danger);color:#fff}.badge-solid.badge-success{background-color:var(--accent-success);color:#fff}.badge-solid.badge-info{background-color:var(--accent-info);color:#fff}.badge-solid.badge-warning{background-color:var(--accent-warning);color:#fff}.badge-sm{font-size:.625rem;padding:.125rem .5rem}.badge-lg{font-size:var(--font-sm);padding:.375rem 1rem}.badge-outline{background-color:transparent;border:1px solid}.badge-outline.badge-primary{border-color:var(--accent-primary)}.badge-outline.badge-danger{border-color:var(--accent-danger)}.badge-outline.badge-success{border-color:var(--accent-success)}.badge-outline.badge-info{border-color:var(--accent-info)}.badge-outline.badge-warning{border-color:var(--accent-warning)}.badge-closeable{padding-right:.25rem}.badge-closeable .badge-close{align-items:center;background:none;border:none;border-radius:50%;color:inherit;cursor:pointer;display:inline-flex;height:20px;justify-content:center;margin-left:.25rem;transition:all var(--transition-fast);width:20px}.badge-closeable .badge-close:hover{background-color:rgba(0,0,0,.1)}.badge-dot:before{border-radius:50%;content:"";display:inline-block;height:8px;margin-right:.5rem;width:8px}.badge-dot.badge-primary:before{background-color:var(--accent-primary)}.badge-dot.badge-danger:before{background-color:var(--accent-danger)}.badge-dot.badge-success:before{background-color:var(--accent-success)}.badge-dot.badge-info:before{background-color:var(--accent-info)}.badge-dot.badge-warning:before{background-color:var(--accent-warning)}.tag{align-items:center;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);display:inline-flex;font-size:var(--font-sm);gap:.5rem;padding:.5rem .75rem}.tag-removable{padding-right:.5rem}.tag-removable .tag-remove{color:var(--text-muted);cursor:pointer;display:inline-flex;transition:all var(--transition-fast)}.tag-removable .tag-remove:hover{color:var(--accent-danger)}.alert{align-items:flex-start;border-left:4px solid;border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg)}.alert-title{font-size:var(--font-base);font-weight:var(--font-bold);margin-bottom:.25rem}.alert-content{font-size:var(--font-sm);line-height:1.5}.alert-content p{margin:0}.alert-content p:not(:last-child){margin-bottom:var(--spacing-sm)}.alert-close{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:inline-flex;flex-shrink:0;height:24px;justify-content:center;margin-left:auto;opacity:.7;transition:all var(--transition-fast);width:24px}.alert-close:hover{opacity:1}.alert-info{background-color:rgba(59,130,246,.1);border-left-color:var(--accent-info);color:var(--accent-info)}.alert-success{background-color:rgba(16,185,129,.1);border-left-color:var(--accent-success);color:var(--accent-success)}.alert-warning{background-color:rgba(245,158,11,.1);border-left-color:var(--accent-warning);color:var(--accent-warning)}.alert-danger{background-color:rgba(239,68,68,.1);border-left-color:var(--accent-danger);color:var(--accent-danger)}.alert-solid.alert-info{background-color:var(--accent-info);color:#fff}.alert-solid.alert-success{background-color:var(--accent-success);color:#fff}.alert-solid.alert-warning{background-color:var(--accent-warning);color:#fff}.alert-solid.alert-danger{background-color:var(--accent-danger);color:#fff}.alert-outline{background-color:transparent;border:1px solid}.alert-outline.alert-info{border-color:var(--accent-info)}.alert-outline.alert-success{border-color:var(--accent-success)}.alert-outline.alert-warning{border-color:var(--accent-warning)}.alert-outline.alert-danger{border-color:var(--accent-danger)}.alert-sm{font-size:var(--font-xs);padding:var(--spacing-sm) var(--spacing-md)}.alert-sm .alert-title{font-size:var(--font-sm)}.alert-lg{font-size:var(--font-base);padding:var(--spacing-lg) var(--spacing-xl)}.alert-lg .alert-title{font-size:var(--font-lg)}.alert-icon{align-items:center;display:inline-flex;flex-shrink:0;font-size:1.25rem;height:24px;justify-content:center;width:24px}@media(max-width:768px){.alert{flex-direction:column;gap:var(--spacing-sm)}.alert-close{margin-left:0}}.modal-overlay{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:var(--spacing-md);position:fixed;right:0;top:0;transition:all var(--transition-normal);visibility:hidden;z-index:1000}.modal-overlay.active{opacity:1;visibility:visible}.modal{animation:modalSlideIn .3s ease;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 20px 60px var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:600px;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-sm{max-width:400px}.modal-lg{max-width:900px}.modal-xl{max-width:1200px}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--spacing-xl)}.modal-title{color:var(--text-primary);font-size:var(--font-xl);font-weight:var(--font-bold);margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:1.5rem;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.modal-close:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.modal-body{flex:1;overflow-y:auto;padding:var(--spacing-xl)}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background-color:var(--bg-tertiary);border-radius:var(--radius-sm)}.modal-body::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:var(--radius-sm)}.modal-body::-webkit-scrollbar-thumb:hover{background-color:var(--border-light)}.modal-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;flex-shrink:0;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-xl)}.modal-footer.full-width{justify-content:stretch}.modal-footer.full-width .btn{flex:1}.modal-footer.center{justify-content:center}.modal-with-sidebar{display:grid;grid-template-columns:280px 1fr}.modal-sidebar{background-color:var(--bg-tertiary);border-right:1px solid var(--border-color);overflow-y:auto;padding:var(--spacing-lg)}@media(max-width:768px){.modal{border-radius:0;max-height:100%}.modal,.modal-lg,.modal-sm,.modal-xl{max-width:100%}.modal-body,.modal-footer,.modal-header{padding:var(--spacing-lg)}.modal-footer{flex-direction:column;gap:var(--spacing-sm)}.modal-footer .btn{width:100%}.modal-with-sidebar{grid-template-columns:1fr}.modal-sidebar{border-bottom:1px solid var(--border-color);border-right:none;display:none}}.table-container{border-radius:var(--radius-md);margin-bottom:0;overflow:hidden;width:100%}.table-responsive{overflow-x:auto}.table-responsive::-webkit-scrollbar{height:6px}.table-responsive::-webkit-scrollbar-track{background-color:var(--bg-tertiary)}.table-responsive::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:var(--radius-sm)}.table-responsive::-webkit-scrollbar-thumb:hover{background-color:var(--border-light)}table{background-color:var(--bg-secondary);border-collapse:collapse;width:100%}thead{background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}th{color:var(--text-primary);font-size:var(--font-sm);font-weight:var(--font-bold);padding:var(--spacing-md) var(--spacing-lg);text-align:left;white-space:nowrap}th.sortable{cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none}th.sortable:hover{background-color:var(--border-color)}th.sortable:after{content:"";display:inline-block;height:12px;margin-left:var(--spacing-sm);opacity:.5;width:12px}th.sortable.sort-asc:after{content:"▲";opacity:1}th.sortable.sort-desc:after{content:"▼";opacity:1}tbody tr{border-bottom:1px solid var(--border-color);transition:all var(--transition-fast)}tbody tr:hover{background-color:var(--bg-tertiary)}tbody tr:last-child{border-bottom:none}tbody tr.table-row-selected{background-color:rgba(99,102,241,.1)}tbody tr.table-row-disabled{cursor:not-allowed;opacity:.5}td{color:var(--text-secondary);font-size:var(--font-sm);padding:var(--spacing-md) var(--spacing-lg)}td.table-cell-highlight{background-color:rgba(99,102,241,.05);color:var(--accent-primary);font-weight:var(--font-semibold)}tfoot{background-color:var(--bg-tertiary);border-top:1px solid var(--border-color)}tfoot td{font-weight:var(--font-semibold)}.table-striped tbody tr:nth-child(odd){background-color:var(--bg-tertiary)}.table-striped tbody tr:nth-child(odd):hover{background-color:var(--border-color)}.table-hover tbody tr:hover{background-color:var(--bg-tertiary)}.table-compact td,.table-compact th{font-size:var(--font-xs);padding:var(--spacing-sm) var(--spacing-md)}.table-spacious td,.table-spacious th{font-size:var(--font-base);padding:var(--spacing-lg) var(--spacing-xl)}.table-actions{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:center}.table-actions .btn{font-size:var(--font-xs);padding:.375rem .75rem}.table-actions .btn-icon{height:32px;padding:0;width:32px}.table-pagination{align-items:center;background-color:var(--bg-tertiary);border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.pagination-info{color:var(--text-muted);font-size:var(--font-sm)}.pagination-controls{align-items:center;display:flex;gap:var(--spacing-sm)}.pagination-controls button{font-size:var(--font-xs);padding:.375rem .75rem}@media(max-width:768px){td,th{font-size:var(--font-xs);padding:var(--spacing-sm) var(--spacing-md)}.table-responsive{overflow-x:auto}.table-pagination{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}}.navbar{align-items:center;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);position:sticky;top:0;z-index:100}.navbar.navbar-dark{background-color:var(--bg-primary)}.navbar.navbar-light{background-color:var(--bg-tertiary)}.navbar-brand{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-lg);font-weight:var(--font-bold);gap:var(--spacing-md);text-decoration:none;transition:all var(--transition-fast)}.navbar-brand img{height:32px;width:auto}.navbar-brand:hover{color:var(--accent-primary)}.navbar-menu{align-items:center;display:flex;gap:var(--spacing-lg);list-style:none;margin:0;padding:0}.navbar-item{cursor:pointer;position:relative}.navbar-link{align-items:center;border-radius:var(--radius-sm);color:var(--text-primary);display:flex;font-size:var(--font-base);gap:var(--spacing-sm);padding:.5rem var(--spacing-md);text-decoration:none;transition:all var(--transition-fast)}.navbar-link:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.navbar-link.active{color:var(--text-primary);font-weight:var(--font-semibold)}.navbar-link.active:after{background-color:var(--accent-primary);border-radius:50%;bottom:-9px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:4px}.navbar-link.filled-primary{background-color:var(--accent-primary);color:var(--text-primary)}.navbar-link.filled-primary:hover{background-color:var(--accent-primary-hover);color:var(--text-primary)}.navbar-link.filled-secondary{background-color:var(--accent-secondary);color:var(--text-primary)}.navbar-link.filled-secondary:hover{background-color:var(--accent-secondary-hover);color:var(--text-primary)}.navbar-actions{align-items:center;display:flex;gap:var(--spacing-md);margin-left:auto}.navbar-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:4px;padding:var(--spacing-sm)}.navbar-toggle span{background-color:var(--text-primary);border-radius:2px;display:block;height:2px;transition:all var(--transition-fast);width:24px}.navbar-toggle.active span:first-child{transform:rotate(45deg) translate(8px,8px)}.navbar-toggle.active span:nth-child(2){opacity:0}.navbar-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.breadcrumb{padding:var(--spacing-md) 0}.breadcrumb-item{align-items:center;display:flex}.breadcrumb-item a{transition:all var(--transition-fast)}.breadcrumb-item.active{color:var(--text-secondary)}.breadcrumb-item:after{margin:0 var(--spacing-sm)}.breadcrumb-item:last-child:after{display:none}.tabs{border-bottom:1px solid var(--border-color);gap:var(--spacing-lg);list-style:none;margin:0;padding:0}.tab{font-weight:var(--font-semibold);padding:var(--spacing-md) 0}.tab.active:after{background-color:var(--accent-primary);bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.tab-content{display:none}.tab-content.active{display:block}@media(max-width:768px){.navbar{padding:var(--spacing-md)}.navbar-menu{gap:var(--spacing-md)}.navbar-toggle{display:flex}.navbar-menu{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-direction:column;gap:0;left:0;max-height:0;overflow:hidden;position:absolute;right:0;top:100%;transition:max-height var(--transition-normal)}.navbar-menu.active{max-height:500px}.navbar-item{width:100%}.navbar-link{padding:var(--spacing-md);width:100%}.navbar-link.active:after{display:none}}.toast-container{display:flex;flex-direction:column;gap:var(--spacing-md);pointer-events:none;position:fixed;z-index:9999}.toast-container-top-left{left:var(--spacing-lg);top:var(--spacing-lg)}.toast-container-top-right{right:var(--spacing-lg);top:var(--spacing-lg)}.toast-container-bottom-left{bottom:var(--spacing-lg);left:var(--spacing-lg)}.toast-container-bottom-right{bottom:var(--spacing-lg);right:var(--spacing-lg)}.toast-container-top-center{left:50%;top:var(--spacing-lg);transform:translateX(-50%)}.toast-container-bottom-center{bottom:var(--spacing-lg);left:50%;transform:translateX(-50%)}.toast{align-items:flex-start;animation:slideIn .3s ease-out;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 20px 60px var(--shadow);display:flex;gap:var(--spacing-md);max-width:400px;padding:var(--spacing-md);pointer-events:auto}.toast .toast-content{flex:1}.toast .toast-title{color:var(--text-primary);font-size:var(--font-sm);font-weight:var(--font-semibold);margin:0 0 .25rem}.toast .toast-message{color:var(--text-secondary);font-size:var(--font-xs);margin:0}.toast .toast-close{background:none;border:none;color:var(--text-muted);cursor:pointer;flex-shrink:0;font-size:var(--font-base);padding:0;transition:color var(--transition-fast)}.toast .toast-close:hover{color:var(--text-primary)}.toast.closing{animation:slideOut .3s ease-out forwards}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.toast-success{border-left:4px solid var(--accent-success)}.toast-success .toast-title{color:var(--accent-success)}.toast-danger{border-left:4px solid var(--accent-danger)}.toast-danger .toast-title{color:var(--accent-danger)}.toast-info{border-left:4px solid var(--accent-info)}.toast-info .toast-title{color:var(--accent-info)}.toast-warning{border-left:4px solid var(--accent-warning)}.toast-warning .toast-title{color:var(--accent-warning)}.toast-progress{animation:progress 5s linear forwards;background:linear-gradient(90deg,var(--accent-primary),var(--accent-hover));border-radius:0 0 var(--radius-md) var(--radius-md);bottom:0;height:3px;left:0;position:absolute}@keyframes progress{0%{width:100%}to{width:0}}@media(max-width:480px){.toast{max-width:calc(100vw - var(--spacing-md)*2)}.toast-container-bottom-left,.toast-container-bottom-right,.toast-container-top-left,.toast-container-top-right{left:var(--spacing-sm)!important;right:var(--spacing-sm)!important}}.dropdown{display:inline-block;position:relative}.dropdown-trigger{align-items:center;cursor:pointer;display:inline-flex;gap:var(--spacing-xs)}.dropdown-trigger:after{border:2px solid;border-left:none;border-top:none;content:"";display:inline-block;height:4px;transform:rotate(-45deg);transition:transform var(--transition-fast);width:4px}.dropdown-trigger.active:after{transform:rotate(135deg)}.dropdown-menu{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 10px 30px var(--shadow);left:0;list-style:none;margin:0;min-width:200px;opacity:0;padding:var(--spacing-sm) 0;position:absolute;top:calc(100% + var(--spacing-sm));transform:translateY(-10px);transition:all var(--transition-fast);visibility:hidden;z-index:1000}.dropdown-menu.active{opacity:1;transform:translateY(0);visibility:visible}.dropdown-menu-right{left:auto;right:0}.dropdown-menu-center{left:50%;transform:translateX(-50%) translateY(-10px)}.dropdown-menu-center.active{transform:translateX(-50%) translateY(0)}.dropdown-item{background:none;border:none;color:var(--text-primary);cursor:pointer;display:block;font-size:var(--font-sm);padding:var(--spacing-sm) var(--spacing-md);text-align:left;text-decoration:none;transition:all var(--transition-fast);width:100%}.dropdown-item:hover{background-color:var(--bg-tertiary);color:var(--accent-primary)}.dropdown-item:active{background-color:var(--bg-quaternary)}.dropdown-item.active{background-color:var(--bg-tertiary);color:var(--accent-primary);font-weight:var(--font-semibold)}.dropdown-item.disabled{color:var(--text-muted);cursor:not-allowed;opacity:.5}.dropdown-item.disabled:hover{background-color:transparent}.dropdown-divider{background-color:var(--border-color);height:1px;margin:var(--spacing-xs) 0}.dropdown-header{color:var(--text-muted);font-size:var(--font-xs);font-weight:var(--font-semibold);letter-spacing:.5px;padding:var(--spacing-sm) var(--spacing-md);text-transform:uppercase}@media(max-width:480px){.dropdown-menu{max-width:calc(100vw - var(--spacing-md)*2);min-width:160px}}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center;list-style:none;margin:0;padding:var(--spacing-md)}.pagination-left{justify-content:flex-start}.pagination-right{justify-content:flex-end}.pagination-item{background-color:transparent;border:2px solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:var(--font-sm);font-weight:var(--font-medium);height:36px;min-width:36px;padding:0 var(--spacing-sm);transition:all var(--transition-fast)}.pagination-item,.pagination-item a{align-items:center;justify-content:center}.pagination-item a{color:inherit;display:flex;height:100%;text-decoration:none;width:100%}.pagination-item:hover:not(.active):not(.disabled){background-color:var(--bg-tertiary);border-color:var(--accent-primary);box-shadow:0 2px 8px var(--shadow);color:var(--accent-primary);transform:translateY(-2px)}.pagination-item.active{background:linear-gradient(135deg,var(--accent-primary),#6d28d9);border-color:var(--accent-primary);box-shadow:0 4px 12px var(--shadow-lg);color:#fff;cursor:default}.pagination-item.disabled{color:var(--text-muted);cursor:not-allowed;opacity:.5}@media(max-width:480px){.pagination-item{font-size:var(--font-xs);height:32px;min-width:32px;padding:0 var(--spacing-xs)}}.spinner{animation:spin .8s linear infinite;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--accent-primary);display:inline-block;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.spinner-sm{border-width:2px;height:16px;width:16px}.spinner-md{border-width:2px;height:24px;width:24px}.spinner-lg{border-width:3px;height:32px;width:32px}.spinner-xl{border-width:3px;height:40px;width:40px}.spinner-primary{border-color:rgba(99,102,241,.2);border-top-color:var(--accent-primary)}.spinner-success{border-color:rgba(16,185,129,.2);border-top-color:var(--accent-success)}.spinner-danger{border-color:rgba(239,68,68,.2);border-top-color:var(--accent-danger)}.spinner-info{border-color:rgba(59,130,246,.2);border-top-color:var(--accent-info)}.spinner-container{align-items:center;display:flex;justify-content:center;padding:var(--spacing-lg)}.spinner-inline{align-items:center;display:inline-flex;gap:var(--spacing-sm);margin:0}@media(max-width:480px){.spinner-lg,.spinner-xl{border-width:2px;height:28px;width:28px}}.tabs{display:flex;flex-direction:column;width:100%}.tabs-header{border-bottom:2px solid var(--border-color);display:flex;gap:0;margin-bottom:0}.tabs-header::-webkit-scrollbar{height:4px}.tabs-header::-webkit-scrollbar-track{background:transparent}.tabs-header::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.tabs-header-vertical{border-bottom:none;border-right:2px solid var(--border-color);flex-direction:column}.tab{background:none;border:none;border-bottom:3px solid transparent;bottom:-2px;color:var(--text-secondary);cursor:pointer;font-size:var(--font-sm);font-weight:var(--font-medium);padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all var(--transition-fast);white-space:nowrap}.tab:hover{border-bottom-color:var(--border-light);color:var(--text-primary)}.tab.active{border-bottom-color:var(--accent-primary);color:var(--accent-primary)}.tabs-header-vertical .tab{border-bottom:none;border-right:3px solid transparent;bottom:0;position:relative;right:-2px}.tabs-header-vertical .tab:hover{border-bottom:none;border-right-color:var(--border-light)}.tabs-header-vertical .tab.active{border-bottom:none;border-right-color:var(--accent-primary)}.tabs-content{flex:1;width:100%}.tab-panel{animation:fadeIn .2s ease-in;display:none;padding:var(--spacing-lg) 0}.tab-panel.active{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:480px){.tab{font-size:var(--font-xs);padding:var(--spacing-sm) var(--spacing-md)}.tab-panel{padding:var(--spacing-md) 0}}.breadcrumb{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--font-sm);gap:var(--spacing-sm);list-style:none;margin:0;padding:0}.breadcrumb-item{color:var(--text-secondary)}.breadcrumb-item a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb-item a:hover{color:var(--accent-hover);text-decoration:underline}.breadcrumb-item.active,.breadcrumb-item:after{color:var(--text-muted)}.breadcrumb-item:after{content:"/";margin-left:var(--spacing-sm)}.breadcrumb-item:last-child:after{content:"";margin-left:0}.breadcrumb-separator-arrow:after{content:"→"!important}.breadcrumb-separator-dash:after{content:"-"!important}.breadcrumb-separator-dot:after{content:"•"!important}.progress{background-color:var(--bg-quaternary);height:8px;width:100%}.progress,.progress-bar{border-radius:var(--radius-xl);overflow:hidden;position:relative}.progress-bar{background:linear-gradient(90deg,var(--accent-primary),#6d28d9);box-shadow:0 0 10px var(--shadow);height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-sm{height:4px}.progress-md{height:8px}.progress-lg{height:12px}.progress-xl{height:16px}.progress-primary .progress-bar{background:linear-gradient(90deg,var(--accent-primary),#6d28d9)}.progress-success .progress-bar{background:linear-gradient(90deg,var(--accent-success),#047857)}.progress-danger .progress-bar{background:linear-gradient(90deg,var(--accent-danger),#b91c1c)}.progress-info .progress-bar{background:linear-gradient(90deg,var(--accent-info),#0e7490)}.progress-warning .progress-bar{background:linear-gradient(90deg,var(--accent-warning),#b45309)}.progress-striped .progress-bar{background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,.2) 20px);background-size:30px 30px}.progress-animated .progress-bar{animation:progress-animation 2s linear infinite}@keyframes progress-animation{0%{background-position:0 0}to{background-position:30px 30px}}@media(max-width:480px){.progress-lg,.progress-xl{height:8px}}.avatar{align-items:center;background:linear-gradient(135deg,var(--accent-primary),#6d28d9);border:2px solid var(--bg-secondary);border-radius:var(--radius-xl);color:#fff;display:inline-flex;flex-shrink:0;font-weight:var(--font-bold);justify-content:center;overflow:hidden}.avatar-xs{font-size:var(--font-xs);height:28px;width:28px}.avatar-sm{font-size:var(--font-sm);height:36px;width:36px}.avatar-md{font-size:var(--font-base);height:44px;width:44px}.avatar-lg{font-size:var(--font-lg);height:56px;width:56px}.avatar-xl{font-size:var(--font-2xl);height:72px;width:72px}.avatar-primary{background:linear-gradient(135deg,var(--accent-primary),#6d28d9)}.avatar-success{background:linear-gradient(135deg,var(--accent-success),#047857)}.avatar-danger{background:linear-gradient(135deg,var(--accent-danger),#b91c1c)}.avatar-info{background:linear-gradient(135deg,var(--accent-info),#0e7490)}.avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.avatar-group{display:flex;gap:-10px}.avatar-group .avatar{border:2px solid var(--bg-secondary);margin-left:-10px}.avatar-group .avatar:first-child{margin-left:0}.avatar-group .avatar:hover{box-shadow:0 4px 12px var(--shadow);z-index:10}.avatar-badge{position:relative}.avatar-badge .avatar-status{background-color:var(--accent-success);border:2px solid var(--bg-secondary);border-radius:50%;bottom:0;height:14px;position:absolute;right:0;width:14px}.avatar-badge .avatar-status.offline{background-color:var(--text-muted)}.avatar-badge .avatar-status.busy{background-color:var(--accent-danger)}.stat-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal)}.stat-card:hover{border-color:var(--border-light);box-shadow:0 8px 20px var(--shadow);transform:translateY(-4px)}.stat-icon{align-items:center;background:linear-gradient(135deg,var(--accent-primary),#6d28d9);border-radius:var(--radius-lg);color:#fff;display:inline-flex;font-size:1.5rem;height:48px;justify-content:center;margin-bottom:var(--spacing-md);width:48px}.stat-value{color:var(--text-primary);font-size:var(--font-2xl);font-weight:var(--font-bold);margin:0 0 var(--spacing-sm) 0}.stat-label{color:var(--text-secondary);font-size:var(--font-sm);margin:0 0 var(--spacing-md) 0}.stat-trend{align-items:center;display:inline-flex;font-size:var(--font-xs);font-weight:var(--font-semibold);gap:var(--spacing-xs)}.stat-trend.positive{color:var(--accent-success)}.stat-trend.negative{color:var(--accent-danger)}.stat-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stat-grid-2{grid-template-columns:repeat(2,1fr)}.stat-grid-3{grid-template-columns:repeat(3,1fr)}.stat-grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:768px){.stat-grid-3,.stat-grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.stat-grid-2,.stat-grid-3,.stat-grid-4{grid-template-columns:1fr}}.tooltip-trigger{cursor:help;display:inline-block;position:relative}.tooltip{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 4px 12px var(--shadow);color:var(--text-primary);font-size:var(--font-xs);opacity:0;padding:var(--spacing-sm) var(--spacing-md);pointer-events:none;position:absolute;transition:opacity var(--transition-fast),visibility var(--transition-fast);visibility:hidden;white-space:nowrap;z-index:1000}.tooltip-trigger:hover .tooltip{opacity:1;visibility:visible}.tooltip-top{bottom:100%;margin-bottom:var(--spacing-sm)}.tooltip-bottom,.tooltip-top{left:50%;transform:translateX(-50%)}.tooltip-bottom{margin-top:var(--spacing-sm);top:100%}.tooltip-left{margin-right:var(--spacing-sm);right:100%}.tooltip-left,.tooltip-right{top:50%;transform:translateY(-50%);white-space:normal}.tooltip-right{left:100%;margin-left:var(--spacing-sm)}.tooltip-dark{background-color:var(--bg-primary);border-color:var(--border-light)}.tooltip-primary{background-color:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.tooltip-success{background-color:var(--accent-success);border-color:var(--accent-success);color:#fff}
/*# sourceMappingURL=hcss.min.css.map */