:root{--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:0.25rem;--radius:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.1;--line-height-snug:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:1.75;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--indigo-50:#f0f4ff;--indigo-100:#e0e7ff;--indigo-500:#6366f1;--indigo-600:#4f46e5;--indigo-700:#4338ca;--red-500:#ef4444;--red-600:#dc2626;--green-500:#10b981;--green-600:#059669;--blue-500:#3b82f6;--blue-600:#2563eb;--yellow-500:#eab308;--yellow-600:#ca8a04;--purple-500:#8b5cf6;--purple-600:#7c3aed;--color-bg:var(--gray-50);--color-bg-elevated:#fff;--color-text:var(--gray-900);--color-text-muted:var(--gray-600);--color-text-subtle:var(--gray-500);--color-primary:var(--indigo-600);--color-primary-hover:var(--indigo-700);--color-primary-light:var(--indigo-50);--color-border:var(--gray-200);--color-border-strong:var(--gray-300);--color-shadow:rgba(0,0,0,.1);--color-shadow-light:rgba(0,0,0,.05);--color-bg-dark:var(--gray-900);--color-bg-elevated-dark:var(--gray-800);--color-text-dark:var(--gray-100);--color-text-muted-dark:var(--gray-400);--color-text-subtle-dark:var(--gray-500);--color-border-dark:var(--gray-700);--color-border-strong-dark:var(--gray-600);--color-shadow-dark:rgba(0,0,0,.3);--color-shadow-light-dark:rgba(0,0,0,.2);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--shadow-dark:0 1px 3px 0 rgba(0,0,0,.3),0 1px 2px 0 rgba(0,0,0,.2);--shadow-md-dark:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2);--shadow-lg-dark:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -2px rgba(0,0,0,.2);color-scheme:light dark;accent-color:var(--color-primary)}@media (prefers-color-scheme:dark){:root{--color-bg:var(--color-bg-dark);--color-bg-elevated:var(--color-bg-elevated-dark);--color-text:var(--color-text-dark);--color-text-muted:var(--color-text-muted-dark);--color-text-subtle:var(--color-text-subtle-dark);--color-border:var(--color-border-dark);--color-border-strong:var(--color-border-strong-dark);--color-shadow:var(--color-shadow-dark);--color-shadow-light:var(--color-shadow-light-dark);--shadow:var(--shadow-dark);--shadow-md:var(--shadow-md-dark);--shadow-lg:var(--shadow-lg-dark)}}*,:after,:before{box-sizing:border-box}:where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl,blockquote,pre,figure,hr){margin:0}:where(h1,h2,h3,h4,h5,h6){line-height:var(--line-height-tight)}:where(p,li,dd){line-height:var(--line-height-normal)}html{scroll-behavior:smooth;color-scheme:light dark}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:var(--font-size-base);line-height:var(--line-height-normal);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (min-width:768px){.md\\:hidden{display:none!important}header>div:last-child{display:none!important}}@media (max-width:767px){.hidden.md\\:block{display:none!important}header>div:first-child{display:none!important}.grid.grid-cols-3{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:var(--space-3)!important}}@media (max-width:768px){.stack-sm{display:flex;flex-direction:column;gap:var(--space-4)}.hide-sm{display:none!important}.grid-1-sm{display:grid;grid-template-columns:1fr;gap:var(--space-4)}img,video{max-width:100%;height:auto}body{overflow-x:hidden}a,button,input,select,textarea{min-height:44px}input,select,textarea{font-size:var(--font-size-base)}}.container{max-width:1200px;margin-inline:auto;padding-inline:var(--space-4)}@media (min-width:640px){.container{padding-inline:var(--space-6)}}@media (min-width:1024px){.container{padding-inline:var(--space-8)}}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding-inline:var(--space-4);padding-block:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius);border:none;cursor:pointer;transition:all var(--transition-normal);text-decoration:none}.btn:focus{outline:none;box-shadow:0 0 0 2px rgba(99,102,241,.5)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:#fff}@media (hover:hover){.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}}.btn-secondary{background-color:var(--gray-100);color:var(--color-text)}@media (hover:hover){.btn-secondary:hover:not(:disabled){background-color:var(--gray-200)}}.btn-ghost{background-color:transparent;color:var(--gray-700)}@media (hover:hover){.btn-ghost:hover:not(:disabled){background-color:var(--gray-100)}}.btn-link{background-color:transparent;color:var(--color-primary)}@media (hover:hover){.btn-link:hover:not(:disabled){color:var(--color-primary-hover)}}.card{background-color:var(--color-bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow);transition:box-shadow var(--transition-normal)}@media (hover:hover){.card:hover{box-shadow:var(--shadow-lg)}}.input{width:100%;min-height:44px;padding-inline:var(--space-3);padding-block:var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius);font-size:var(--font-size-sm);transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(99,102,241,.5)}.muted{color:var(--color-text-muted)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-12{margin-bottom:var(--space-12)}.mb-16{margin-bottom:var(--space-16)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-12{margin-top:var(--space-12)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.py-4{padding-block:var(--space-4)}.py-6{padding-block:var(--space-6)}.py-8{padding-block:var(--space-8)}.py-12{padding-block:var(--space-12)}.py-16{padding-block:var(--space-16)}.py-24{padding-block:var(--space-24)}.px-4{padding-inline:var(--space-4)}.px-6{padding-inline:var(--space-6)}.px-8{padding-inline:var(--space-8)}.grid{display:grid}.flex{display:flex}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}@media (min-width:768px){.md-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md-flex-row{flex-direction:row}}@media (min-width:1024px){.lg-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg-py-12{padding-block:var(--space-12)}.lg-py-16{padding-block:var(--space-16)}.lg-py-24{padding-block:var(--space-24)}}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-gray-500{color:var(--gray-500)}.text-gray-600{color:var(--gray-600)}.text-gray-700{color:var(--gray-700)}.text-gray-900{color:var(--gray-900)}.text-primary-600{color:var(--color-primary)}.text-primary-700{color:var(--color-primary-hover)}.text-red-600{color:var(--red-600)}.text-green-500{color:var(--green-500)}.bg-white{background-color:var(--color-bg-elevated)}.bg-gray-50{background-color:var(--gray-50)}.bg-gray-100{background-color:var(--gray-100)}.bg-gray-200{background-color:var(--gray-200)}.bg-gray-900{background-color:var(--gray-900)}.bg-primary-50{background-color:var(--color-primary-light)}.bg-primary-100{background-color:var(--indigo-100)}.bg-primary-600{background-color:var(--color-primary)}.border-gray-200{border-color:var(--color-border)}.border-gray-300{border-color:var(--color-border-strong)}.border-primary-500{border-color:var(--indigo-500)}.bg-gradient-to-br{background:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-primary-50{--tw-gradient-from:var(--color-primary-light);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(240,244,255,0))}.to-white{--tw-gradient-to:var(--color-bg-elevated)}.w-full{width:100%}.w-2{width:var(--space-2)}.w-4{width:var(--space-4)}.w-6{width:var(--space-6)}.w-8{width:var(--space-8)}.w-12{width:var(--space-12)}.w-16{width:var(--space-16)}.w-20{width:var(--space-20)}.w-24{width:var(--space-24)}.h-2{height:var(--space-2)}.h-4{height:var(--space-4)}.h-6{height:var(--space-6)}.h-8{height:var(--space-8)}.h-12{height:var(--space-12)}.h-16{height:var(--space-16)}.h-20{height:var(--space-20)}.h-24{height:var(--space-24)}.rounded{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius)}.rounded-xl{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.relative{position:relative}.absolute{position:absolute}.sticky{position:sticky}.top-0{top:0}.left-half{left:50%}.right-0{right:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-neg-half{--tw-translate-x:-50%}.translate-y-neg-half{--tw-translate-y:-50%}.z-50{z-index:var(--z-fixed)}.overflow-hidden{overflow:hidden}.space-y-2>*+*{margin-top:var(--space-2)}.space-y-3>*+*{margin-top:var(--space-3)}.space-y-4>*+*{margin-top:var(--space-4)}.space-y-6>*+*{margin-top:var(--space-6)}.space-y-8>*+*{margin-top:var(--space-8)}.space-x-2>*+*{margin-inline-start:var(--space-2)}.space-x-4>*+*{margin-inline-start:var(--space-4)}.space-x-6>*+*{margin-inline-start:var(--space-6)}.space-x-8>*+*{margin-inline-start:var(--space-8)}.prose{color:var(--gray-700);max-width:65ch}.prose h2{font-weight:var(--font-weight-bold);font-size:var(--font-size-2xl);line-height:var(--line-height-tight);margin-top:var(--space-8);margin-bottom:var(--space-4)}.prose h2,.prose h3{color:var(--color-text)}.prose h3{font-weight:var(--font-weight-semibold);font-size:var(--font-size-xl);line-height:var(--line-height-snug);margin-top:var(--space-6);margin-bottom:var(--space-3)}.prose p,.prose ul{margin-top:var(--space-5);margin-bottom:var(--space-5)}.prose ul{padding-inline-start:var(--space-6)}.prose li{margin-top:var(--space-2);margin-bottom:var(--space-2)}.prose-lg{font-size:var(--font-size-lg);line-height:var(--line-height-loose)}.prose-lg h2{font-size:var(--font-size-3xl);margin-top:var(--space-10);margin-bottom:var(--space-5)}.prose-lg h3{font-size:var(--font-size-2xl);margin-top:var(--space-8);margin-bottom:var(--space-4)}.prose-lg p,.prose-lg ul{margin-top:var(--space-6);margin-bottom:var(--space-6)}@media (min-width:640px){.sm-px-6{padding-inline:var(--space-6)}.sm-flex-row{flex-direction:row}}@media (min-width:1024px){.lg-px-8{padding-inline:var(--space-8)}.lg-text-5xl{font-size:var(--font-size-5xl)}.lg-py-12{padding-block:var(--space-12)}.lg-py-16{padding-block:var(--space-16)}.lg-py-24{padding-block:var(--space-24)}}.mx-auto{margin-inline:auto}.flex-shrink-0{flex-shrink:0}.flex-1{flex:1 1 0%}.h-full{height:100%}.min-h-screen{min-height:100vh}.object-cover{-o-object-fit:cover;object-fit:cover}.object-center{-o-object-position:center;object-position:center}.shadow-lg{box-shadow:var(--shadow-lg)}.drop-shadow-lg{filter:drop-shadow(0 10px 8px rgb(0 0 0/.04)) drop-shadow(0 4px 3px rgb(0 0 0/.1))}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:var(--transition-fast)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:var(--transition-fast)}.duration-200{transition-duration:var(--transition-normal)}.opacity-60{opacity:.6}.opacity-50{opacity:.5}.border-2{border-width:2px}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.border-l{border-inline-start-width:1px}.border-r{border-inline-end-width:1px}.border{border-width:1px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-tight{line-height:var(--line-height-tight)}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fill-current{fill:currentColor}.stroke-current{stroke:currentColor}.stroke-2{stroke-width:2}.stroke-1{stroke-width:1}.stroke-0{stroke-width:0}.stroke-linecap-round{stroke-linecap:round}.stroke-linejoin-round{stroke-linejoin:round}.stroke-linejoin-bevel{stroke-linejoin:bevel}.stroke-linejoin-miter{stroke-linejoin:miter}.stroke-linecap-square{stroke-linecap:square}.stroke-linecap-butt{stroke-linecap:butt}.hub-cockpit{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-4);max-width:100%}.hub-tile__button,.hub-tile__link{display:block;width:100%;min-height:44px;text-decoration:none;color:inherit;background:none;border:none;padding:0;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.hub-tile__button:focus-visible,.hub-tile__link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius)}.hub-tile{min-height:200px;height:auto;padding:var(--space-4);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}@media (hover:hover){.hub-tile__button:hover .hub-tile,.hub-tile__link:hover .hub-tile{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}}.hub-tile__button:active .hub-tile,.hub-tile__link:active .hub-tile{transform:translateY(1px);box-shadow:var(--shadow)}.hub-tile__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-3)}.hub-tile__icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0}.hub-tile__icon svg{width:24px;height:24px}.hub-tile__status{font-size:11px;font-weight:var(--font-weight-semibold);padding:2px var(--space-2);border-radius:var(--radius-full);background-color:var(--color-primary-light);color:var(--color-primary-hover);white-space:nowrap;flex-shrink:0}.hub-tile__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);color:var(--color-text)}.hub-tile__description,.hub-tile__title{margin:0 0 var(--space-2) 0;white-space:normal}.hub-tile__description{font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--color-text-muted);flex:1}.hub-tile__meta{font-size:12px;color:var(--color-text-subtle);margin-top:auto;padding-top:var(--space-2);border-top:1px solid var(--color-border)}@media (max-width:640px){.hub-cockpit{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-3)}.hub-tile{min-height:180px;padding:var(--space-3)}.hub-tile__title{font-size:var(--font-size-base)}}@media (max-width:390px){.hub-cockpit{grid-template-columns:1fr}}.hub-empty{text-align:center;padding:var(--space-16) var(--space-4);color:var(--color-text-muted)}.hub-empty__icon{width:48px;height:48px;margin:0 auto var(--space-4);color:var(--color-text-subtle)}.hub-empty__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-2)}.hub-empty__description{font-size:var(--font-size-sm);margin-bottom:var(--space-6)}.hub-skeleton{min-height:200px;height:auto;padding:var(--space-4);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius);display:flex;flex-direction:column;gap:var(--space-3)}.hub-skeleton__header{display:flex;justify-content:space-between;align-items:center}.hub-skeleton__icon{width:32px;height:32px;background-color:var(--gray-200);border-radius:var(--radius-sm);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.hub-skeleton__status{width:60px;border-radius:var(--radius-full)}.hub-skeleton__status,.hub-skeleton__title{height:20px;background-color:var(--gray-200);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.hub-skeleton__title{width:80%;border-radius:var(--radius-sm)}.hub-skeleton__description{width:100%;height:16px;background-color:var(--gray-200);border-radius:var(--radius-sm);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.hub-skeleton__description:last-of-type{width:70%}.hub-skeleton__meta{width:50%;height:14px;background-color:var(--gray-200);border-radius:var(--radius-sm);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;margin-top:auto}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.add-items-header{position:sticky;top:0;z-index:40;background-color:var(--color-bg);border-bottom:1px solid var(--color-border);padding:var(--space-4) 0}.add-items-header__content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.add-items-header__title-section{flex:1}.add-items-header__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text);margin:0 0 var(--space-1) 0}.add-items-header__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.add-items-header__slots{flex-shrink:0}.slots-widget{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius)}.slots-widget__item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.slots-widget__label{font-size:11px;font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.slots-widget__value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.slots-widget__value--used{color:var(--color-text-muted)}.slots-widget__value--selected{color:var(--color-primary)}.slots-widget__value--remaining{color:var(--color-success)}.slots-widget__value--error{color:var(--color-error)}.slots-widget__value--total{color:var(--color-text)}.slots-widget__divider{width:1px;height:24px;background-color:var(--color-border);margin:0 var(--space-2)}.add-items-header__actions{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)}.add-items-header__error{font-size:11px;color:var(--color-error);margin:0}.add-items-tabs{margin:var(--space-6) 0}.add-items-tabs__nav{display:flex;gap:var(--space-1);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.add-items-tabs__nav-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);min-height:44px}.add-items-tabs__nav-item:hover{color:var(--color-text);background-color:var(--color-bg-elevated)}.add-items-tabs__nav-item--active{color:var(--color-primary);border-bottom-color:var(--color-primary);background-color:var(--color-bg-elevated)}.add-items-tabs__nav-icon{font-size:var(--font-size-base)}.add-items-tabs__content{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow)}.add-items-tab-panel{padding:var(--space-4)}.add-items-tab-panel__input-group{margin-bottom:var(--space-4)}.add-items-tab-panel__loading{display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-line{height:16px;background-color:var(--gray-200);border-radius:var(--radius-sm);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.skeleton-line:first-child{width:100%}.skeleton-line:nth-child(2){width:80%}.skeleton-line:nth-child(3){width:60%}.add-items-tab-panel__results{margin-top:var(--space-4)}.add-items-tab-panel__results-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--space-3) 0}.search-result-item{padding:var(--space-3)}.search-result-item__checkbox{align-items:center}.search-result-item__title{font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.search-result-item__asin{font-size:11px}.add-items-tab-panel__actions{display:flex;justify-content:flex-end;gap:var(--space-3)}.add-items-tab-panel__validation{margin-bottom:var(--space-4)}.validation-error,.validation-message,.validation-success{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.validation-success{background-color:var(--color-success-light);color:var(--color-success-hover);border:1px solid var(--color-success-border)}.validation-error{background-color:var(--color-error-light);color:var(--color-error-hover);border:1px solid var(--color-error-border)}.validation-icon{font-size:var(--font-size-base);flex-shrink:0}.tracked-toolbar{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);margin-bottom:var(--space-4)}.tracked-toolbar__content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.tracked-toolbar__left{flex:1}.tracked-toolbar__search{max-width:300px}.input--search{padding-left:var(--space-10);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:var(--space-3) center;background-size:16px}.tracked-toolbar__right{display:flex;align-items:center;gap:var(--space-3)}.tracked-toolbar__sort{min-width:180px}.input--select{padding-right:var(--space-8);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.tracked-toolbar__filters{position:relative}.tracked-toolbar__filters-dropdown{position:absolute;top:100%;right:0;margin-top:var(--space-2);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-md);z-index:50;min-width:200px}.tracked-toolbar__filters-content{padding:var(--space-2)}.tracked-toolbar__filter-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-2) var(--space-3);background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;transition:background-color var(--transition-fast);text-align:left}.tracked-toolbar__filter-item:hover{background-color:var(--color-bg)}.tracked-toolbar__filter-item--active{background-color:var(--color-primary-light);color:var(--color-primary-hover)}.tracked-toolbar__filter-count{font-size:11px;color:var(--color-text-muted);background-color:var(--color-bg);padding:2px var(--space-2);border-radius:var(--radius-full)}.tracked-list{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.tracked-list__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background-color:var(--color-bg);border-bottom:1px solid var(--color-border)}.tracked-list__select-all-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text)}.tracked-list__select-all-checkbox{margin:0}.tracked-list__pagination-info{font-size:var(--font-size-sm);color:var(--color-text-muted)}.tracked-list__items{display:flex;flex-direction:column}.tracked-list__loading{padding:var(--space-4)}.tracked-list__skeleton-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.tracked-list__skeleton-checkbox{width:16px;height:16px}.tracked-list__skeleton-checkbox,.tracked-list__skeleton-image{background-color:var(--gray-200);border-radius:var(--radius-sm);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.tracked-list__skeleton-image{width:40px;height:40px}.tracked-list__skeleton-content{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.tracked-list__skeleton-title{width:60%;height:16px}.tracked-list__skeleton-meta,.tracked-list__skeleton-title{background-color:var(--gray-200);border-radius:var(--radius-sm);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.tracked-list__skeleton-meta{width:40%;height:12px}.tracked-list__skeleton-actions{width:32px;height:32px;background-color:var(--gray-200);border-radius:var(--radius-sm);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.tracked-list__empty{text-align:center;padding:var(--space-16) var(--space-4);color:var(--color-text-muted)}.tracked-list__empty-icon{font-size:48px;margin-bottom:var(--space-4)}.tracked-list__empty-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-2)}.tracked-list__empty-description{font-size:var(--font-size-sm);margin-bottom:var(--space-6)}.tracked-list__pagination{justify-content:space-between;background-color:var(--color-bg);border-top:1px solid var(--color-border)}.tracked-list__pagination,.tracked-row{display:flex;align-items:center;padding:var(--space-3) var(--space-4)}.tracked-row{gap:var(--space-3);border-bottom:1px solid var(--color-border);cursor:pointer;transition:background-color var(--transition-fast);min-height:48px}.tracked-row:hover{background-color:var(--color-bg)}.tracked-row--selected{background-color:var(--color-primary-light)}.tracked-row__checkbox{flex-shrink:0}.tracked-row__checkbox-input{margin:0}.tracked-row__image{flex-shrink:0;width:40px;height:40px}.tracked-row__image-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-sm)}.tracked-row__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-lg)}.tracked-row__content{flex:1;min-width:0}.tracked-row__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);line-height:var(--line-height-normal);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:var(--space-1)}.tracked-row__meta{display:flex;align-items:center;gap:var(--space-2);font-size:11px;color:var(--color-text-muted)}.tracked-row__brand{font-weight:var(--font-weight-medium)}.tracked-row__asin{font-family:monospace}.tracked-row__status{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.tracked-row__status-badge{font-size:10px;font-weight:var(--font-weight-semibold);padding:2px var(--space-2);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.tracked-row__status-badge--active{background-color:var(--color-success-light);color:var(--color-success-hover)}.tracked-row__status-badge--paused{background-color:var(--color-warning-light);color:var(--color-warning-hover)}.tracked-row__alerts{font-size:10px;color:var(--color-text-muted)}.tracked-row__metrics{flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-1);min-width:80px}.tracked-row__metric{display:flex;flex-direction:column;align-items:center}.tracked-row__metric-label{font-size:10px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.tracked-row__metric-value{font-size:11px;font-weight:var(--font-weight-medium);color:var(--color-text)}.tracked-row__last-sync{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-width:80px}.tracked-row__last-sync-label{font-size:10px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.tracked-row__last-sync-value{font-size:11px;font-weight:var(--font-weight-medium);color:var(--color-text)}.tracked-row__actions{flex-shrink:0}.tracked-row__actions-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-lg)}.tracked-row__actions-button:hover{background-color:var(--color-bg);color:var(--color-text)}.tracked-bulk-bar{position:sticky;bottom:0;z-index:30;background-color:var(--color-bg-elevated);border-top:1px solid var(--color-border);box-shadow:var(--shadow-md)}.tracked-bulk-bar__content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);max-width:1200px;margin:0 auto}.tracked-bulk-bar__left{display:flex;align-items:center;gap:var(--space-3)}.tracked-bulk-bar__count{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.tracked-bulk-bar__clear{background:none;border:none;color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;text-decoration:underline;transition:color var(--transition-fast)}.tracked-bulk-bar__clear:hover{color:var(--color-text)}.tracked-bulk-bar__actions{display:flex;align-items:center;gap:var(--space-2)}.tracked-bulk-bar__confirm{display:flex;align-items:center;gap:var(--space-3)}.tracked-bulk-bar__confirm-text{font-size:var(--font-size-sm);color:var(--color-text)}.tracked-bulk-bar__confirm-actions{display:flex;gap:var(--space-2)}.tracked-drawer{position:fixed;top:0;left:0;right:0;bottom:0;z-index:50;display:flex;align-items:flex-end;justify-content:flex-end}.tracked-drawer__backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);backdrop-filter:blur(4px)}.tracked-drawer__content{position:relative;width:100%;max-width:480px;height:100%;background-color:var(--color-bg-elevated);border-left:1px solid var(--color-border);display:flex;flex-direction:column;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.tracked-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--color-border);flex-shrink:0}.tracked-drawer__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.tracked-drawer__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-xl);transition:all var(--transition-fast)}.tracked-drawer__close:hover{background-color:var(--color-bg);color:var(--color-text)}.tracked-drawer__body{flex:1;overflow-y:auto;padding:var(--space-4)}.tracked-drawer__product{display:flex;gap:var(--space-4);margin-bottom:var(--space-6)}.tracked-drawer__product-image{flex-shrink:0;width:120px;height:120px}.tracked-drawer__product-image-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius)}.tracked-drawer__product-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);font-size:48px}.tracked-drawer__product-info{flex:1}.tracked-drawer__product-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);line-height:var(--line-height-snug);margin:0 0 var(--space-2) 0}.tracked-drawer__product-meta{display:flex;flex-direction:column;gap:var(--space-1)}.tracked-drawer__product-brand{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.tracked-drawer__product-asin{font-size:11px;color:var(--color-text-muted);font-family:monospace}.tracked-drawer__metrics{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-6)}.tracked-drawer__metric{display:flex;flex-direction:column;gap:var(--space-1)}.tracked-drawer__metric-label{font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.tracked-drawer__metric-value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text)}.tracked-drawer__metric-value--active{color:var(--color-success)}.tracked-drawer__metric-value--paused{color:var(--color-warning)}.tracked-drawer__section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--space-3) 0}.tracked-drawer__alerts{margin-bottom:var(--space-6)}.tracked-drawer__alerts-content{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius)}.tracked-drawer__alerts-count{font-size:var(--font-size-sm);color:var(--color-text)}.tracked-drawer__history{margin-bottom:var(--space-6)}.tracked-drawer__history-content{padding:var(--space-3);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius)}.tracked-drawer__history-placeholder{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0;text-align:center}.tracked-drawer__footer{flex-shrink:0;padding:var(--space-4);border-top:1px solid var(--color-border)}.tracked-drawer__footer-actions{display:flex;gap:var(--space-3)}@media (max-width:768px){.add-items-header__content{flex-direction:column;align-items:stretch;gap:var(--space-4)}.add-items-header__slots{order:-1}.slots-widget{justify-content:center}.add-items-header__actions{align-items:center}.tracked-toolbar__content{flex-direction:column;align-items:stretch;gap:var(--space-3)}.tracked-toolbar__left{order:2}.tracked-toolbar__right{order:1;justify-content:space-between}.tracked-toolbar__search{max-width:none}.tracked-row{flex-wrap:wrap;gap:var(--space-2)}.tracked-row__content{flex-basis:100%;order:3}.tracked-row__last-sync,.tracked-row__metrics{min-width:auto}.tracked-drawer__content{max-width:100%}.tracked-drawer__product{flex-direction:column;text-align:center}.tracked-drawer__product-image{align-self:center}.tracked-drawer__metrics{grid-template-columns:1fr}.tracked-drawer__footer-actions{flex-direction:column}}@media (max-width:640px){.add-items-tabs__nav{flex-direction:column}.add-items-tabs__nav-item{justify-content:center}.tracked-list__header{align-items:stretch}.tracked-list__header,.tracked-list__pagination{flex-direction:column;gap:var(--space-2)}.tracked-bulk-bar__content{flex-direction:column;align-items:stretch;gap:var(--space-3)}.tracked-bulk-bar__actions{justify-content:center}}.search-results-list{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4)}.search-result-item{display:block;border:1px solid var(--color-border);border-radius:var(--radius);background-color:var(--color-bg);transition:border-color .2s ease}.search-result-item:hover{border-color:var(--indigo-300)}.search-result-item__checkbox{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);cursor:pointer;margin:0}.search-result-item__checkbox input[type=checkbox]{flex-shrink:0;margin:2px 0 0}.search-result-item__content{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.search-result-item__title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text);line-height:var(--line-height-snug)}.search-result-item__asin{font-size:var(--font-size-sm);color:var(--color-text-muted);font-family:monospace}