.text-xs{font-size: 11px !important}.text-sm{font-size: 13px !important}.text-base{font-size: 15px !important}.text-lg{font-size: 18px !important}.text-xl{font-size: 20px !important}.text-2xl{font-size: 24px !important}.text-3xl{font-size: 30px !important}.text-4xl{font-size: 36px !important}.font-light{font-weight: 300 !important}.font-normal{font-weight: 400 !important}.font-medium{font-weight: 500 !important}.font-semibold{font-weight: 600 !important}.font-bold{font-weight: 700 !important}.text-left{text-align: left !important}.text-center{text-align: center !important}.text-right{text-align: right !important}.leading-tight{line-height: 1.25 !important}.leading-normal{line-height: 1.5 !important}.leading-loose{line-height: 1.75 !important}.tracking-tight{letter-spacing: -0.02em !important}.tracking-wide{letter-spacing: 0.05em !important}.truncate{overflow: hidden !important;text-overflow: ellipsis !important;white-space: nowrap !important}.font-mono{font-family: 'SF Mono','Fira Code',monospace !important}.text-primary{color: var(--schnack-blue,#4A90D9) !important}.text-secondary{color: var(--schnack-gray-500,#6b7280) !important}.text-muted{color: var(--schnack-gray-400,#9ca3af) !important}.text-success{color: #16a34a !important}.text-danger{color: #dc2626 !important}.text-warning{color: #d97706 !important}.text-white{color: #ffffff !important}.text-gray-900{color: var(--schnack-gray-900,#111827) !important}.text-gray-700{color: var(--schnack-gray-700,#374151) !important}.text-gray-500{color: var(--schnack-gray-500,#6b7280) !important}.text-gray-400{color: var(--schnack-gray-400,#9ca3af) !important}.text-gray-300{color: var(--schnack-gray-300,#d1d5db) !important}.bg-primary{background: var(--schnack-blue,#4A90D9) !important}.bg-white{background: #ffffff !important}.bg-gray-50{background: var(--schnack-gray-50,#f9fafb) !important}.bg-gray-100{background: var(--schnack-gray-100,#f3f4f6) !important}.bg-gray-200{background: var(--schnack-gray-200,#e5e7eb) !important}.bg-success{background: #dcfce7 !important}.bg-danger{background: #fef2f2 !important}.bg-warning{background: #fefce8 !important}.bg-transparent{background: transparent !important}.p-0{padding: 0 !important}.p-1{padding: 4px !important}.p-2{padding: 8px !important}.p-3{padding: 12px !important}.p-4{padding: 16px !important}.p-6{padding: 24px !important}.p-8{padding: 32px !important}.px-1{padding-left: 4px !important;padding-right: 4px !important}.px-2{padding-left: 8px !important;padding-right: 8px !important}.px-3{padding-left: 12px !important;padding-right: 12px !important}.px-4{padding-left: 16px !important;padding-right: 16px !important}.px-6{padding-left: 24px !important;padding-right: 24px !important}.py-1{padding-top: 4px !important;padding-bottom: 4px !important}.py-2{padding-top: 8px !important;padding-bottom: 8px !important}.py-3{padding-top: 12px !important;padding-bottom: 12px !important}.py-4{padding-top: 16px !important;padding-bottom: 16px !important}.m-0{margin: 0 !important}.m-1{margin: 4px !important}.m-2{margin: 8px !important}.m-4{margin: 16px !important}.mt-1{margin-top: 4px !important}.mt-2{margin-top: 8px !important}.mt-4{margin-top: 16px !important}.mb-1{margin-bottom: 4px !important}.mb-2{margin-bottom: 8px !important}.mb-4{margin-bottom: 16px !important}.ml-2{margin-left: 8px !important}.mr-2{margin-right: 8px !important}.w-full{width: 100% !important}.h-full{height: 100% !important}.min-h-0{min-height: 0 !important}.max-w-sm{max-width: 384px !important}.max-w-md{max-width: 448px !important}.max-w-lg{max-width: 512px !important}.max-w-xl{max-width: 576px !important}.max-w-2xl{max-width: 672px !important}.flex{display: flex !important}.inline-flex{display: inline-flex !important}.flex-col{flex-direction: column !important}.flex-row{flex-direction: row !important}.flex-wrap{flex-wrap: wrap !important}.flex-1{flex: 1 !important}.flex-none{flex: none !important}.flex-shrink-0{flex-shrink: 0 !important}.items-center{align-items: center !important}.items-start{align-items: flex-start !important}.items-end{align-items: flex-end !important}.justify-center{justify-content: center !important}.justify-between{justify-content: space-between !important}.justify-end{justify-content: flex-end !important}.gap-1{gap: 4px !important}.gap-2{gap: 8px !important}.gap-3{gap: 12px !important}.gap-4{gap: 16px !important}.gap-6{gap: 24px !important}.grid{display: grid !important}.grid-cols-2{grid-template-columns: repeat(2,1fr) !important}.grid-cols-3{grid-template-columns: repeat(3,1fr) !important}.grid-cols-4{grid-template-columns: repeat(4,1fr) !important}.col-span-2{grid-column: span 2 !important}.col-span-3{grid-column: span 3 !important}.border{border: 1px solid var(--lumo-contrast-10pct) !important}.border-0{border: none !important}.border-t{border-top: 1px solid var(--lumo-contrast-10pct) !important}.border-b{border-bottom: 1px solid var(--lumo-contrast-10pct) !important}.border-l{border-left: 1px solid var(--lumo-contrast-10pct) !important}.border-r{border-right: 1px solid var(--lumo-contrast-10pct) !important}.rounded{border-radius: 6px !important}.rounded-lg{border-radius: 10px !important}.rounded-xl{border-radius: 14px !important}.rounded-2xl{border-radius: 20px !important}.rounded-full{border-radius: 9999px !important}.shadow-none{box-shadow: none !important}.shadow-sm{box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important}.shadow{box-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06) !important}.shadow-md{box-shadow: 0 4px 6px rgba(0,0,0,0.07),0 2px 4px rgba(0,0,0,0.06) !important}.shadow-lg{box-shadow: 0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05) !important}.overflow-hidden{overflow: hidden !important}.overflow-auto{overflow: auto !important}.overflow-y-auto{overflow-y: auto !important}.hidden{display: none !important}.block{display: block !important}.inline{display: inline !important}.relative{position: relative !important}.absolute{position: absolute !important}.sticky{position: sticky !important}.inset-0{top: 0;right: 0;bottom: 0;left: 0}.top-0{top: 0 !important}.bottom-0{bottom: 0 !important}.cursor-pointer{cursor: pointer !important}.cursor-default{cursor: default !important}.select-none{user-select: none !important}.transition{transition: all 0.15s ease !important}.transition-colors{transition: color 0.15s,background-color 0.15s,border-color 0.15s !important}.duration-200{transition-duration: 200ms !important}.duration-300{transition-duration: 300ms !important}.opacity-0{opacity: 0 !important}.opacity-50{opacity: 0.5 !important}.opacity-75{opacity: 0.75 !important}.opacity-100{opacity: 1 !important}.hover\:bg-gray-100:hover{background: var(--schnack-gray-100,#f3f4f6) !important}.hover\:bg-gray-50:hover{background: var(--schnack-gray-50,#f9fafb) !important}.hover\:text-primary:hover{color: var(--schnack-blue,#4A90D9) !important}.hover\:shadow-md:hover{box-shadow: 0 4px 6px rgba(0,0,0,0.07) !important}.hover\:border-primary:hover{border-color: var(--schnack-blue,#4A90D9) !important}.card{background: var(--lumo-base-color);border: 1px solid var(--lumo-contrast-10pct);border-radius: 10px;box-shadow: 0 1px 3px rgba(0,0,0,0.05)}.chip{display: inline-flex;align-items: center;padding: 2px 10px;border: 1px solid var(--lumo-contrast-10pct);border-radius: 14px;font-size: 12px;color: var(--schnack-gray-500,#6b7280);background: transparent;cursor: pointer;transition: all 0.15s ease}.chip:hover{background: var(--schnack-gray-50,#f9fafb);border-color: var(--schnack-gray-300,#d1d5db)}.badge{display: inline-flex;align-items: center;padding: 1px 6px;border-radius: 4px;font-size: 10px;font-weight: 500;background: var(--lumo-contrast-5pct);color: var(--schnack-gray-500,#6b7280)}.badge-primary{background: rgba(74,144,217,0.1);color: var(--schnack-blue,#4A90D9)}.badge-success{background: #dcfce7;color: #16a34a}.badge-danger{background: #fef2f2;color: #dc2626}[style*="grid-template-columns: repeat(12"]{max-width: 100%;box-sizing: border-box}vaadin-app-layout::part(content){overflow-x: hidden !important}@media (max-width: 768px){[style*="grid-template-columns: repeat(12"]>*{grid-column: span 12 !important}}@media (max-width: 1024px){[style*="grid-template-columns: repeat(3"]{grid-template-columns: repeat(2,1fr) !important}}@media (max-width: 768px){[style*="grid-template-columns: repeat(3"]{grid-template-columns: 1fr !important}[style*="grid-template-columns: repeat(3"]>*{grid-column: span 1 !important}}