*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;max-width:100vw}body{min-height:100vh;line-height:1.5;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow-x:hidden;max-width:100vw}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}button{cursor:pointer;border:none;background:none}a{text-decoration:none;color:inherit}ul,ol{list-style:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root{isolation:isolate}:root{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-light: #3b82f6;--color-secondary: #6b7280;--color-secondary-hover: #4b5563;--color-success: #10b981;--color-success-hover: #059669;--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-warning: #f59e0b;--color-info: #3b82f6;--color-bg: #f9fafb;--color-bg-secondary: #f3f4f6;--color-surface: #ffffff;--color-surface-hover: #f9fafb;--color-text: #1f2937;--color-text-secondary: #6b7280;--color-text-light: #9ca3af;--color-text-inverse: #ffffff;--color-border: #e5e7eb;--color-border-dark: #d1d5db;--color-border-focus: #3b82f6;--gradient-hero: linear-gradient(135deg, #3b82f6 0%, #9333ea 100%);--gradient-landing: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--gradient-button: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--font-xs: .75rem;--font-sm: .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-5xl: 3rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--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-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--z-base: 1;--z-dropdown: 10;--z-sticky: 20;--z-fixed: 30;--z-modal-backdrop: 40;--z-modal: 50;--z-popover: 60;--z-tooltip: 70;--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--dark-bg: #0a0a0a;--dark-bg-gradient: #1a0a0a;--dark-bg-input: #2a2a2a;--dark-text-primary: #ffffff;--dark-text-secondary: #b0b0b0;--dark-border: #404040;--dark-accent-primary: #8b0000;--dark-accent-secondary: #a01010;--dark-svg-logo: #ffffff;--dark-svg-wings: #ffffff;--dark-svg-mandala1: #ffffff;--dark-svg-mandala2: #ffffff;--dark-svg-mandala3: #ffffff;--dark-bg-elevated: color-mix(in srgb, var(--dark-bg) 90%, white 10%);--dark-bg-overlay: color-mix(in srgb, var(--dark-bg) 85%, transparent 15%);--dark-border-subtle: color-mix(in srgb, var(--dark-border) 50%, transparent 50%);--dark-border-focus: var(--dark-accent-primary);--dark-accent-hover: color-mix(in srgb, var(--dark-accent-secondary) 70%, white 30%);--dark-shadow: 0 4px 6px rgba(0, 0, 0, .5);--dark-shadow-lg: 0 10px 20px rgba(0, 0, 0, .7)}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--space-md);padding-right:var(--space-md)}@media(min-width:640px){.container{max-width:var(--container-sm)}}@media(min-width:768px){.container{max-width:var(--container-md)}}@media(min-width:1024px){.container{max-width:var(--container-lg);padding-left:var(--space-lg);padding-right:var(--space-lg)}}@media(min-width:1280px){.container{max-width:var(--container-xl)}}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-end{justify-content:flex-end}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.grid{display:grid}.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))}@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\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.h-screen{min-height:100vh}.h-full{height:100%}.w-full{width:100%}.max-w-sm{max-width:24rem}.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-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.btn{display:inline-block;padding:var(--space-sm) var(--space-lg);font-size:var(--font-base);font-weight:var(--font-semibold);text-align:center;border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;border:none;outline:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:var(--color-secondary);color:var(--color-text-inverse)}.btn-secondary:hover:not(:disabled){background:var(--color-secondary-hover)}.btn-danger{background:var(--color-danger);color:var(--color-text-inverse)}.btn-danger:hover:not(:disabled){background:var(--color-danger-hover)}.btn-success{background:var(--color-success);color:var(--color-text-inverse)}.btn-success:hover:not(:disabled){background:var(--color-success-hover)}.input{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--font-base);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-base)}.input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #3b82f61a}.input::placeholder{color:var(--color-text-light)}.input:disabled{background:var(--color-bg-secondary);cursor:not-allowed}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-lg)}.card-hover{transition:transform var(--transition-base),box-shadow var(--transition-base)}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.alert{padding:var(--space-md);border-radius:var(--radius-md);border-left:4px solid;margin-bottom:var(--space-md)}.alert-success{background:#10b9811a;border-color:var(--color-success);color:var(--color-success)}.alert-error{background:#ef44441a;border-color:var(--color-danger);color:var(--color-danger)}.alert-info{background:#3b82f61a;border-color:var(--color-info);color:var(--color-info)}.alert-warning{background:#f59e0b1a;border-color:var(--color-warning);color:var(--color-warning)}.table{width:100%;border-collapse:collapse}.table thead{background:var(--color-bg);border-bottom:1px solid var(--color-border)}.table th{padding:var(--space-sm) var(--space-md);text-align:left;font-weight:var(--font-semibold);font-size:var(--font-sm);color:var(--color-text-secondary)}.table td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);font-size:var(--font-sm)}.table tbody tr:hover{background:var(--color-surface-hover)}.spinner{display:inline-block;width:1rem;height:1rem;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.form-label{display:block;margin-bottom:var(--space-sm);font-size:var(--font-sm);font-weight:var(--font-medium);color:var(--color-text-secondary)}.form-error{margin-top:var(--space-xs);font-size:var(--font-sm);color:var(--color-danger)}.m-0{margin:0}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mx-auto{margin-left:auto;margin-right:auto}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.px-md{padding-left:var(--space-md);padding-right:var(--space-md)}.py-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}.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)}.text-5xl{font-size:var(--font-5xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.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)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-light{color:var(--color-text-light)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.bg-surface{background:var(--color-surface)}.bg-primary{background:var(--color-primary)}.bg-gradient-hero{background:var(--gradient-hero)}.bg-gradient-landing{background:var(--gradient-landing)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}@media(max-width:640px){.sm\\:hidden{display:none}}@media(min-width:640px){.sm\\:block{display:block}}@media(min-width:768px){.md\\:block{display:block}.md\\:hidden{display:none}}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.transition{transition:all var(--transition-base)}.pointer-events-none{pointer-events:none}.select-none{-webkit-user-select:none;user-select:none}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}body{color:var(--color-text);background:var(--color-bg);overflow:hidden;height:100vh}#root{height:100vh;overflow:hidden}.dark-page{min-height:100vh;background:linear-gradient(135deg,var(--dark-bg) 0%,var(--dark-bg-gradient) 50%,var(--dark-bg) 100%);position:relative;overflow-x:hidden;display:flex;flex-direction:column;align-items:center}.logo-container{width:100%;height:150px;max-width:600px;text-align:center;margin-bottom:1em;mask-image:url(/Engelsblut.svg);mask-size:contain;mask-position:center;mask-repeat:no-repeat;-webkit-mask-image:url(/Engelsblut.svg);-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;background-color:var(--dark-svg-logo)}.engelsblut-logo{display:none}.content-container{width:90%;max-width:500px;display:flex;flex-direction:column;gap:var(--space-xl);z-index:var(--z-base)}.camera-box{width:60%;aspect-ratio:1 / 1;margin:0 auto;border:3px solid var(--dark-border);border-radius:var(--radius-lg);background-color:var(--dark-bg-elevated);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:var(--dark-shadow-lg)}.camera-placeholder-text{color:var(--dark-text-secondary);font-size:var(--font-lg);text-align:center;padding:var(--space-md);position:absolute;z-index:10}#qr-reader{width:100%!important;border:none!important}#qr-reader video{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:var(--radius-lg)}#qr-reader__dashboard_section,#qr-reader__dashboard_section_csr{display:none!important}#qr-reader__scan_region{border:none!important}#qr-reader__scan_region video{border:none!important}.camera-box-container{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.wing-left,.wing-right{position:absolute;height:100%;aspect-ratio:1 / 2;z-index:-1;mask-image:url(/wing.svg);mask-size:contain;mask-position:center;mask-repeat:no-repeat;-webkit-mask-image:url(/wing.svg);-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;background-color:var(--dark-svg-wings);opacity:var(--dark-svg-wings-opacity)}.wing-left{right:0%;transform:scaleX(-1)}.wing-right{left:0%}.wing-left img,.wing-right img{display:none}.main-page-text-container{width:100%;display:flex;justify-content:center;margin-top:var(--space-lg);padding:0 var(--space-md)}.main-page-text{background-color:#0a0a0ab3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);border:1px solid rgba(64,64,64,.3);color:var(--dark-text-primary);font-size:var(--font-md);text-align:center;max-width:400px;box-shadow:0 4px 6px #0000004d}.user-form{display:flex;flex-direction:column}.user-form input{background-color:var(--dark-bg-input);border-color:var(--dark-border);color:var(--dark-text-primary)}.user-form input::placeholder{color:var(--dark-text-secondary)}.user-form input:focus{border-color:var(--dark-border-focus);box-shadow:0 0 0 3px #8b00001a}.user-form label{color:var(--dark-text-primary)}.submit-button{margin-top:var(--space-md);background:linear-gradient(135deg,var(--dark-accent-primary) 0%,var(--dark-accent-secondary) 100%);border:none;color:var(--dark-text-primary);font-weight:var(--font-semibold);padding:var(--space-md) var(--space-xl);font-size:var(--font-lg);transition:all var(--transition-base);box-shadow:var(--dark-shadow)}.submit-button:hover{background:linear-gradient(135deg,var(--dark-accent-secondary) 0%,var(--dark-accent-hover) 100%);transform:translateY(-2px);box-shadow:var(--dark-shadow-lg)}.mandala-background{position:fixed;bottom:0;left:50%;transform:translate(-50%,40%);width:100%;max-width:800px;height:100%;z-index:0;pointer-events:none;opacity:.3}.mandala-layer-1{position:absolute;top:0;left:0;width:100%;height:100%;mask-image:url(/mandalal3.svg);mask-size:800px 800px;mask-position:center bottom;mask-repeat:no-repeat;-webkit-mask-image:url(/mandalal3.svg);-webkit-mask-size:80%;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;background-color:var(--dark-svg-mandala1);opacity:var(--dark-svg-mandala1-opacity)}.mandala-layer-2{position:absolute;top:0;left:0;width:100%;height:100%;mask-image:url(/mandalal2.svg);mask-size:800px 800px;mask-position:center bottom;mask-repeat:no-repeat;-webkit-mask-image:url(/mandalal2.svg);-webkit-mask-size:42%;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;background-color:var(--dark-svg-mandala2);opacity:var(--dark-svg-mandala2-opacity)}.mandala-layer-3{position:absolute;top:0;left:0;width:100%;height:100%;mask-image:url(/mandalalogo.svg);mask-size:800px 800px;mask-position:center bottom;mask-repeat:no-repeat;-webkit-mask-image:url(/mandalalogo.svg);-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;background-color:var(--dark-svg-mandala3);opacity:var(--dark-svg-mandala3-opacity)}.login-page{min-height:100vh;background:linear-gradient(135deg,var(--dark-bg) 0%,var(--dark-bg-gradient) 50%,var(--dark-bg) 100%);position:relative;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl) var(--space-md)}.login-logo-container{width:100%;max-width:400px;margin-bottom:var(--space-2xl);text-align:center}.login-logo{width:100%;height:auto;max-height:120px;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(var(--dark-shadow))}.login-container{width:100%;max-width:450px;z-index:var(--z-base)}.login-header{text-align:center;margin-bottom:var(--space-xl)}.login-title{font-size:var(--font-3xl);font-weight:var(--font-bold);color:var(--dark-text-primary);margin-bottom:var(--space-sm)}.login-subtitle{font-size:var(--font-base);color:var(--dark-text-secondary)}.login-form{display:flex;flex-direction:column;gap:var(--space-lg)}.login-form input{background-color:var(--dark-bg-input);border-color:var(--dark-border);color:var(--dark-text-primary)}.login-form input::placeholder{color:var(--dark-text-secondary)}.login-form input:focus{border-color:var(--dark-border-focus);box-shadow:0 0 0 3px #8b00001a}.login-form label{color:var(--dark-text-primary)}.login-submit-button{margin-top:var(--space-md);background:linear-gradient(135deg,var(--dark-accent-primary) 0%,var(--dark-accent-secondary) 100%);border:none;color:var(--dark-text-primary);font-weight:var(--font-semibold);padding:var(--space-md) var(--space-xl);font-size:var(--font-lg);transition:all var(--transition-base);box-shadow:var(--dark-shadow);width:100%}.login-submit-button:hover{background:linear-gradient(135deg,var(--dark-accent-secondary) 0%,var(--dark-accent-hover) 100%);transform:translateY(-2px);box-shadow:var(--dark-shadow-lg)}.login-back-link{margin-top:var(--space-xl);text-align:center}.back-link{color:var(--dark-text-secondary);font-size:var(--font-sm);text-decoration:none;transition:color var(--transition-base)}.back-link:hover{color:var(--dark-text-primary);text-decoration:underline}.login-container .alert{margin-bottom:var(--space-lg)}.login-mandala-background{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;height:100%;z-index:0;pointer-events:none}.login-mandala-background .mandala-layer-1{position:absolute;top:0;left:0;width:100%;height:100%;mask-image:url(/mandalal3.svg);mask-size:800px 800px;mask-position:center bottom;mask-repeat:no-repeat;-webkit-mask-image:url(/mandalal3.svg);-webkit-mask-size:80%;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;background-color:var(--dark-svg-mandala1);opacity:var(--dark-svg-mandala1-opacity)}.login-mandala-background .mandala-layer-2{position:absolute;top:0;left:0;width:100%;height:100%;mask-image:url(/mandalal2.svg);mask-size:800px 800px;mask-position:center bottom;mask-repeat:no-repeat;-webkit-mask-image:url(/mandalal2.svg);-webkit-mask-size:42%;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;background-color:var(--dark-svg-mandala2);opacity:var(--dark-svg-mandala2-opacity)}.login-mandala-background .mandala-layer-3{position:absolute;top:0;left:0;width:100%;height:100%;mask-image:url(/mandalalogo.svg);mask-size:800px 800px;mask-position:center bottom;mask-repeat:no-repeat;-webkit-mask-image:url(/mandalalogo.svg);-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;background-color:var(--dark-svg-mandala3);opacity:var(--dark-svg-mandala3-opacity)}.dashboard-header{background-color:var(--dark-bg-elevated);border-bottom:1px solid var(--dark-border-subtle);box-shadow:var(--dark-shadow);position:sticky;top:0;z-index:100}.header-container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg);position:relative}.header-content{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) 0;min-height:60px}.header-logo{height:40px;width:auto;object-fit:contain;filter:brightness(0) invert(1)}.header-actions{display:flex;align-items:center;gap:var(--space-md)}.header-settings-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:var(--dark-bg-input);border:1px solid var(--dark-border);border-radius:var(--radius-md);color:var(--dark-text-primary);font-size:18px;text-decoration:none;transition:all var(--transition-base);cursor:pointer}.header-settings-btn:hover{background-color:var(--dark-border);border-color:var(--dark-text-secondary);transform:scale(1.05)}.header-settings-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.header-settings-btn:disabled:hover{background-color:var(--dark-bg-input);border-color:var(--dark-border);transform:none}.header-save-active{background-color:var(--dark-accent);border-color:var(--dark-accent);color:var(--dark-text-primary)}.header-save-active:hover{background-color:var(--dark-accent-hover);border-color:var(--dark-accent-hover)}.header-logout-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:var(--dark-bg-input);border:1px solid var(--dark-border);border-radius:var(--radius-md);color:var(--dark-text-primary);font-size:18px;transition:all var(--transition-base);cursor:pointer}.header-logout-btn:hover{background-color:var(--dark-border);border-color:var(--dark-text-secondary);transform:scale(1.05)}.table-header{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}@media(min-width:640px){.table-header{flex-direction:row;justify-content:space-between;align-items:center}}.table-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap;align-items:center}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:var(--font-sm)}.loading-state,.empty-state{text-align:center;padding:var(--space-3xl) var(--space-md)}.table-filters{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-md);margin-bottom:var(--space-lg)}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.filters-title{display:flex;align-items:center;gap:var(--space-xs);font-weight:600;color:var(--color-text-primary)}.btn-clear-filters{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:transparent;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);color:var(--color-text-secondary);font-size:var(--font-sm);cursor:pointer;transition:all .2s}.btn-clear-filters:hover{background:var(--color-surface-hover);border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.filter-item{display:flex;flex-direction:column;gap:var(--space-xs)}.filter-label{font-size:var(--font-sm);font-weight:500;color:var(--color-text-secondary)}.filter-input,.filter-select{width:100%;padding:var(--space-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);color:var(--color-text-primary);font-size:var(--font-sm);transition:border-color .2s}.filter-input{min-width:150px}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--color-accent-primary)}.input-with-icon{position:relative}.input-icon{position:absolute;left:var(--space-sm);top:50%;transform:translateY(-50%);color:var(--color-text-secondary);pointer-events:none}.input-with-icon .filter-input{padding-left:calc(var(--space-md) + 20px)}.column-settings{position:relative}.column-settings-menu{position:absolute;top:calc(100% + var(--space-xs));right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);z-index:100;min-width:300px;max-height:500px;overflow-y:auto}.menu-header{padding:var(--space-md);border-bottom:1px solid var(--color-border)}.menu-title{font-size:var(--font-md);font-weight:600;margin-bottom:var(--space-sm);color:var(--color-text-primary)}.menu-actions{display:flex;gap:var(--space-xs);flex-wrap:wrap}.menu-action-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:transparent;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);color:var(--color-text-secondary);font-size:var(--font-xs);cursor:pointer;transition:all .2s}.menu-action-btn:hover{background:var(--color-surface-hover);border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.menu-columns{padding:var(--space-sm)}.column-checkbox{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);cursor:pointer;border-radius:var(--border-radius-sm);transition:background .2s}.column-checkbox:hover{background:var(--color-surface-hover)}.column-checkbox input[type=checkbox]{cursor:pointer}.checkbox-label{font-size:var(--font-sm);color:var(--color-text-primary)}.table-container{overflow-x:auto;margin-bottom:var(--space-md);max-width:100%;width:100%}.resizable-header{position:relative;-webkit-user-select:none;user-select:none}.header-content{display:flex;align-items:center;gap:var(--space-xs);position:relative}.drag-handle{display:flex;align-items:center;cursor:grab;color:var(--color-text-secondary);opacity:.5;transition:opacity .2s}.drag-handle:active{cursor:grabbing}.resizable-header:hover .drag-handle{opacity:1}.header-label{flex:1;display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs)}.header-label.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.header-label.sortable:hover{color:var(--color-accent-primary)}.sort-indicator{display:flex;align-items:center;color:var(--color-accent-primary)}.resize-handle{position:absolute;right:0;top:0;height:100%;width:5px;cursor:col-resize;-webkit-user-select:none;user-select:none;touch-action:none;opacity:0;transition:opacity .2s}.resize-handle:hover,.resizable-header:hover .resize-handle{opacity:1;background:var(--color-accent-primary)}.table.density-compact th,.table.density-compact td{padding:var(--space-xs) var(--space-sm)}.table.density-standard th,.table.density-standard td{padding:var(--space-sm) var(--space-md)}.table.density-comfortable th,.table.density-comfortable td{padding:var(--space-md) var(--space-lg)}.table-footer{display:flex;flex-direction:column;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border)}@media(min-width:640px){.table-footer{flex-direction:row;justify-content:space-between;align-items:center}}.pagination-info{color:var(--color-text-secondary)}.pagination-controls{display:flex;align-items:center;gap:var(--space-md)}.page-indicator{font-size:var(--font-sm);color:var(--color-text-secondary);white-space:nowrap}@media(max-width:640px){.hide-mobile{display:none}}@media(max-width:768px){.hide-tablet{display:none}}.react-datepicker-wrapper,.react-datepicker__input-container input{width:100%}.hover\\:underline:hover{text-decoration:underline}.dashboard-page{height:100vh;overflow-y:auto;overflow-x:hidden;background:linear-gradient(135deg,var(--dark-bg) 0%,var(--dark-bg-gradient) 50%,var(--dark-bg) 100%);position:relative;max-width:100vw}.dashboard-main{min-height:calc(100vh - 60px);position:relative;z-index:var(--z-base)}.dashboard-container{width:100%;margin:0 auto;padding:var(--space-2xl) var(--space-lg)}.dashboard-grid{display:grid;gap:var(--space-2xl)}.dashboard-page .card{background-color:var(--dark-bg-elevated);border:1px solid var(--dark-border-subtle);box-shadow:var(--dark-shadow-lg);max-width:100%;overflow:hidden}.dashboard-page h2,.dashboard-page h3,.dashboard-page label{color:var(--dark-text-primary)}.dashboard-page p{color:var(--dark-text-secondary)}.dashboard-page input{background-color:var(--dark-bg-input);border-color:var(--dark-border);color:var(--dark-text-primary)}.dashboard-page input::placeholder{color:var(--dark-text-secondary)}.dashboard-page input:focus{border-color:var(--dark-border-focus);box-shadow:0 0 0 3px #8b00001a}.dashboard-page .btn-primary{background:linear-gradient(135deg,var(--dark-accent-primary) 0%,var(--dark-accent-secondary) 100%);color:var(--dark-text-primary);border:none}.dashboard-page .btn-primary:hover{background:linear-gradient(135deg,var(--dark-accent-secondary) 0%,var(--dark-accent-hover) 100%)}.dashboard-page .btn-secondary{background-color:var(--dark-bg-input);color:var(--dark-text-primary);border:1px solid var(--dark-border)}.dashboard-page .btn-secondary:hover{background-color:var(--dark-border);border-color:var(--dark-text-secondary)}.dashboard-page .btn-danger{background-color:var(--dark-accent-primary);color:var(--dark-text-primary);border:none}.dashboard-page .btn-danger:hover{background-color:var(--dark-accent-hover)}.dashboard-page .btn-success{background-color:#1a5a1a;color:var(--dark-text-primary);border:none}.dashboard-page .btn-success:hover{background-color:#206a20}.dashboard-page .table{background-color:transparent}.dashboard-page .table thead th{background-color:var(--dark-bg-input);color:var(--dark-text-primary);border-bottom:2px solid var(--dark-border)}.dashboard-page .table tbody tr{border-bottom:1px solid var(--dark-border-subtle)}.dashboard-page .table tbody tr:hover{background-color:var(--dark-bg-input)}.dashboard-page .table td{color:var(--dark-text-secondary)}.dashboard-page .table td.font-semibold,.dashboard-page .table td.font-mono{color:var(--dark-text-primary)}.dashboard-page .table a{color:var(--dark-accent-secondary)}.dashboard-page .table a:hover{color:var(--dark-accent-hover)}.dashboard-page .empty-state,.dashboard-page .loading-state{color:var(--dark-text-secondary)}.dashboard-mandala-background{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;height:100%;z-index:0;pointer-events:none}.dashboard-mandala-background .mandala-layer-1{position:absolute;top:0;left:0;width:100%;height:100%;mask-image:url(/mandalal3.svg);mask-size:800px 800px;mask-position:center bottom;mask-repeat:no-repeat;-webkit-mask-image:url(/mandalal3.svg);-webkit-mask-size:80%;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;background-color:var(--dark-svg-mandala1);opacity:var(--dark-svg-mandala1-opacity)}.dashboard-mandala-background .mandala-layer-2{position:absolute;top:0;left:0;width:100%;height:100%;mask-image:url(/mandalal2.svg);mask-size:800px 800px;mask-position:center bottom;mask-repeat:no-repeat;-webkit-mask-image:url(/mandalal2.svg);-webkit-mask-size:42%;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;background-color:var(--dark-svg-mandala2);opacity:var(--dark-svg-mandala2-opacity)}.dashboard-mandala-background .mandala-layer-3{position:absolute;top:0;left:0;width:100%;height:100%;mask-image:url(/mandalalogo.svg);mask-size:800px 800px;mask-position:center bottom;mask-repeat:no-repeat;-webkit-mask-image:url(/mandalalogo.svg);-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;background-color:var(--dark-svg-mandala3);opacity:var(--dark-svg-mandala3-opacity)}@media(max-width:768px){.dashboard-container{padding:var(--space-xl) var(--space-md)}.dashboard-grid{gap:var(--space-xl)}}@media(max-width:640px){.dashboard-container{padding:var(--space-lg) var(--space-sm)}.dashboard-grid{gap:var(--space-lg)}}.theme-preview-container{width:100%;display:flex;justify-content:center}.theme-preview{width:100%;max-width:600px;aspect-ratio:9 / 16;background:linear-gradient(135deg,var(--preview-bg) 0%,var(--preview-bg-gradient) 50%,var(--preview-bg) 100%);border:2px solid var(--preview-border);border-radius:var(--radius-lg);overflow:hidden;position:relative;display:flex;flex-direction:column;align-items:center;box-shadow:var(--dark-shadow-lg)}.preview-logo{width:100%;height:60px;max-width:300px;text-align:center;margin:0 auto 1em;mask-image:url(/Engelsblut.svg);mask-size:contain;mask-position:center;mask-repeat:no-repeat;-webkit-mask-image:url(/Engelsblut.svg);-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;background-color:var(--preview-svg-logo)}.preview-logo-img{display:none}.preview-content{width:90%;max-width:500px;display:flex;flex-direction:column;gap:1em;z-index:var(--z-base)}.preview-camera-container{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.preview-wing-left,.preview-wing-right{position:absolute;height:100%;aspect-ratio:1 / 2;z-index:-1;mask-image:url(/wing.svg);mask-size:contain;mask-position:center;mask-repeat:no-repeat;-webkit-mask-image:url(/wing.svg);-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;background-color:var(--preview-svg-wings);opacity:var(--preview-svg-wings-opacity)}.preview-wing-left{right:0%;transform:scaleX(-1)}.preview-wing-right{left:0%}.preview-wing-left img,.preview-wing-right img{display:none}.preview-camera-box{width:50%;aspect-ratio:1 / 1;margin:0 auto;border:3px solid var(--dark-border);border-radius:var(--radius-lg);background-color:var(--dark-bg-elevated);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:var(--dark-shadow-lg)}.preview-camera-text{color:var(--preview-text-secondary);font-size:14px}.preview-form{display:flex;flex-direction:column;gap:.5em}.preview-input{padding:var(--space-sm) var(--space-md);background-color:var(--preview-bg-input);border:1px solid var(--preview-border);border-radius:var(--radius-sm);color:var(--preview-text-secondary);font-size:14px}.preview-button{padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,var(--preview-accent-primary) 0%,var(--preview-accent-secondary) 100%);border:none;border-radius:var(--radius-sm);color:var(--preview-text-primary);font-size:14px;font-weight:var(--font-semibold);cursor:default;margin-top:var(--space-xs)}.preview-mandala{position:absolute;bottom:0;left:50%;transform:translate(-50%,40%);width:100%;max-width:800px;height:100%;z-index:0;pointer-events:none;opacity:.3}.preview-mandala-layer-1{position:absolute;top:0;left:0;width:100%;height:100%;mask-image:url(/mandalal3.svg);mask-size:400px 400px;mask-position:center bottom;mask-repeat:no-repeat;-webkit-mask-image:url(/mandalal3.svg);-webkit-mask-size:80%;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;background-color:var(--preview-svg-mandala1);opacity:var(--preview-svg-mandala1-opacity)}.preview-mandala-layer-2{position:absolute;top:0;left:0;width:100%;height:100%;mask-image:url(/mandalal2.svg);mask-size:400px 400px;mask-position:center bottom;mask-repeat:no-repeat;-webkit-mask-image:url(/mandalal2.svg);-webkit-mask-size:42%;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;background-color:var(--preview-svg-mandala2);opacity:var(--preview-svg-mandala2-opacity)}.preview-mandala-layer-3{position:absolute;top:0;left:0;width:100%;height:100%;mask-image:url(/mandalalogo.svg);mask-size:400px 400px;mask-position:center bottom;mask-repeat:no-repeat;-webkit-mask-image:url(/mandalalogo.svg);-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;background-color:var(--preview-svg-mandala3);opacity:var(--preview-svg-mandala3-opacity)}.color-picker{display:flex;flex-direction:column;position:relative}.color-picker-label{font-size:var(--font-sm);font-weight:var(--font-medium);color:var(--dark-text-primary);margin-bottom:var(--space-xs)}.color-picker-swatch{width:2em;height:1.5em;border:2px solid var(--dark-border);border-radius:var(--radius-md);cursor:pointer;padding:0;transition:all var(--transition-base)}.color-picker-swatch:hover{border-color:var(--dark-text-secondary);transform:scale(1.05)}.color-picker-popover{position:absolute;top:calc(100% + var(--space-xs));left:0;z-index:1000;background:var(--dark-bg-elevated);border:1px solid var(--dark-border);border-radius:var(--radius-lg);box-shadow:var(--dark-shadow-lg);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.react-colorful{width:220px;height:180px}.react-colorful__saturation{border-radius:var(--radius-sm);border-bottom:none}.react-colorful__hue{height:14px;border-radius:var(--radius-sm);margin-top:var(--space-sm)}.react-colorful__pointer{width:20px;height:20px;border:3px solid var(--dark-bg);box-shadow:var(--dark-shadow)}.color-picker-hex-input{width:100%;padding:var(--space-sm) var(--space-md);background-color:var(--dark-bg-input);border:1px solid var(--dark-border);border-radius:var(--radius-sm);color:var(--dark-text-primary);font-size:var(--font-sm);font-family:var(--font-mono);text-align:center;text-transform:uppercase;transition:border-color var(--transition-base)}.color-picker-hex-input:focus{outline:none;border-color:var(--dark-accent-primary);box-shadow:0 0 0 3px #8b00001a}.color-picker-hex-input::placeholder{color:var(--dark-text-secondary);text-transform:none}@media(max-width:768px){.color-picker-popover{max-width:calc(100vw - var(--space-2xl))}.react-colorful{width:100%;max-width:280px}}.opacity-slider{display:flex;flex-direction:column;gap:var(--space-xs)}.opacity-slider-label{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-sm);font-weight:var(--font-medium);color:var(--dark-text-primary)}.opacity-slider-value{font-size:var(--font-xs);color:var(--dark-text-secondary);background-color:var(--dark-bg-input);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);min-width:45px;text-align:center}.opacity-slider-input{width:100%;height:6px;border-radius:var(--radius-sm);background:linear-gradient(to right,transparent 0%,var(--dark-accent-primary) 100%);outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}.opacity-slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--dark-accent-primary);border:2px solid var(--dark-bg);cursor:pointer;box-shadow:var(--dark-shadow);transition:all var(--transition-base)}.opacity-slider-input::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:var(--dark-shadow-lg)}.opacity-slider-input::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--dark-accent-primary);border:2px solid var(--dark-bg);cursor:pointer;box-shadow:var(--dark-shadow);transition:all var(--transition-base)}.opacity-slider-input::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:var(--dark-shadow-lg)}.opacity-slider-input::-webkit-slider-runnable-track{width:100%;height:6px;border-radius:var(--radius-sm)}.opacity-slider-input::-moz-range-track{width:100%;height:6px;border-radius:var(--radius-sm)}.theme-generator-section{margin-top:var(--space-xl);margin-bottom:var(--space-2xl);padding:var(--space-xl);background-color:var(--dark-bg-elevated);border:1px solid var(--dark-border-subtle);box-shadow:var(--dark-shadow-lg)}.theme-generator-title{color:var(--dark-text-primary);font-size:var(--font-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-lg)}.theme-generator-content{display:flex;flex-direction:column}.generator-inputs{display:grid;grid-template-columns:repeat(2,1fr);align-items:start}.generator-input-group{display:flex;flex-direction:column}.generator-input-group:nth-child(3){grid-column:1 / -1}.generator-label{color:var(--dark-text-primary);font-size:var(--font-sm);font-weight:var(--font-medium);display:flex;justify-content:space-between;align-items:center}.generator-value{color:var(--dark-accent-secondary);font-weight:var(--font-semibold);font-size:var(--font-base)}.generator-slider{width:100%;height:6px;background:var(--dark-bg-input);border-radius:var(--radius-sm);outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}.generator-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:linear-gradient(135deg,var(--dark-accent-primary) 0%,var(--dark-accent-secondary) 100%);border-radius:50%;cursor:pointer;box-shadow:var(--dark-shadow);transition:transform var(--transition-base)}.generator-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.generator-slider::-moz-range-thumb{width:18px;height:18px;background:linear-gradient(135deg,var(--dark-accent-primary) 0%,var(--dark-accent-secondary) 100%);border-radius:50%;cursor:pointer;box-shadow:var(--dark-shadow);border:none;transition:transform var(--transition-base)}.generator-slider::-moz-range-thumb:hover{transform:scale(1.1)}.slider-labels{display:flex;justify-content:space-between;margin-top:var(--space-xs)}.slider-label-left,.slider-label-right{color:var(--dark-text-secondary);font-size:var(--font-xs)}.generator-dropdown{width:100%;padding:var(--space-sm) var(--space-md);background-color:var(--dark-bg-input);border:1px solid var(--dark-border);border-radius:var(--radius-sm);color:var(--dark-text-primary);font-size:var(--font-sm);cursor:pointer;transition:all var(--transition-base)}.generator-dropdown:hover{border-color:var(--dark-border-focus)}.generator-dropdown:focus{outline:none;border-color:var(--dark-border-focus);box-shadow:0 0 0 3px #8b00001a}.generator-dropdown option{background-color:var(--dark-bg-input);color:var(--dark-text-primary)}.generator-button-container{display:flex;justify-content:center;margin-top:var(--space-md)}.generator-button-container button{min-width:200px;padding:var(--space-md) var(--space-xl);font-size:var(--font-base)}.settings-page{height:100vh;overflow-y:auto;background:linear-gradient(135deg,var(--dark-bg) 0%,var(--dark-bg-gradient) 50%,var(--dark-bg) 100%);position:relative}.settings-main{min-height:calc(100vh - 60px);position:relative;z-index:var(--z-base);padding:1em;max-width:500px}.settings-container{max-width:1400px;margin:0 auto}.settings-content{display:grid;grid-template-columns:auto 1fr;gap:1em;align-items:start}.preview-wrapper{grid-column:2;grid-row:1;position:sticky;top:calc(60px + var(--space-xl));display:flex;justify-content:center}.color-pickers-wrapper{grid-column:1;grid-row:1 / 3;display:flex;flex-direction:column;background-color:var(--dark-bg-elevated);border:1px solid var(--dark-border-subtle);border-radius:var(--radius-lg);padding:1em;box-shadow:var(--dark-shadow-lg);min-width:min-content}.svg-colors-section{margin-top:1em;margin-bottom:1em;padding:.5em;background-color:var(--dark-bg-elevated);border:1px solid var(--dark-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--dark-shadow-lg)}.svg-section-title{font-size:var(--font-lg);font-weight:var(--font-semibold);color:var(--dark-text-primary);margin-bottom:var(--space-md);text-align:center}.svg-colors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(23px,1fr));align-items:flex-start}.svg-control-group{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background-color:var(--dark-bg);border:1px solid var(--dark-border);border-radius:var(--radius-md)}.settings-mandala-background{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;height:100%;z-index:0;pointer-events:none;opacity:var(--dark-svg-wings-opacity)}.settings-mandala-background .mandala-layer-1{position:absolute;top:0;left:0;width:100%;height:100%;mask-image:url(/mandalal3.svg);mask-size:800px 800px;mask-position:center bottom;mask-repeat:no-repeat;-webkit-mask-image:url(/mandalal3.svg);-webkit-mask-size:80%;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;background-color:var(--dark-svg-mandala1);opacity:var(--dark-svg-mandala1-opacity)}.settings-mandala-background .mandala-layer-2{position:absolute;top:0;left:0;width:100%;height:100%;mask-image:url(/mandalal2.svg);mask-size:800px 800px;mask-position:center bottom;mask-repeat:no-repeat;-webkit-mask-image:url(/mandalal2.svg);-webkit-mask-size:42%;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;background-color:var(--dark-svg-mandala2);opacity:var(--dark-svg-mandala2-opacity)}.settings-mandala-background .mandala-layer-3{position:absolute;top:0;left:0;width:100%;height:100%;mask-image:url(/mandalalogo.svg);mask-size:800px 800px;mask-position:center bottom;mask-repeat:no-repeat;-webkit-mask-image:url(/mandalalogo.svg);-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;background-color:var(--dark-svg-mandala3);opacity:var(--dark-svg-mandala3-opacity)}.qr-settings-main{min-height:calc(100vh - 60px);position:relative;z-index:var(--z-base);padding:var(--space-lg)}.qr-settings-container{max-width:800px;margin:0 auto}.qr-preview-section{display:flex;justify-content:center}.qr-settings-section{background-color:var(--dark-bg-elevated);border:1px solid var(--dark-border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--dark-shadow-lg)}.general-settings-section{margin-top:1em;margin-bottom:1em;padding:var(--space-lg);background-color:var(--dark-bg-elevated);border:1px solid var(--dark-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--dark-shadow-lg)}.general-settings-content{display:flex;flex-direction:column;gap:var(--space-md)}.general-settings-field{display:flex;flex-direction:column;gap:var(--space-sm)}.general-settings-label{font-size:var(--font-md);font-weight:var(--font-medium);color:var(--dark-text-primary)}.general-settings-description{font-size:var(--font-sm);color:var(--dark-text-secondary);margin:0}.general-settings-actions{display:flex;justify-content:flex-start;gap:var(--space-md);margin-top:var(--space-sm)}.image-upload{margin-bottom:var(--space-md)}.image-upload-error{color:var(--dark-accent-primary);font-size:var(--font-xs);margin-top:var(--space-sm);padding:var(--space-sm);background-color:#8b00001a;border:1px solid var(--dark-accent-primary);border-radius:var(--radius-sm)}.qr-customization-form{display:flex;flex-direction:column;gap:var(--space-xl)}.form-section{padding-bottom:var(--space-xl);border-bottom:1px solid var(--dark-border)}.form-section:last-child{border-bottom:none;padding-bottom:0}.qr-customization-form h3{margin-top:0;margin-bottom:var(--space-lg);font-size:var(--font-lg);font-weight:var(--font-semibold);color:var(--dark-text-primary);text-align:center;border-bottom:1px solid var(--dark-border);padding-bottom:var(--space-sm)}.checkbox-label{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);cursor:pointer;font-size:var(--font-base);font-weight:var(--font-medium);color:var(--dark-text-primary);padding:var(--space-sm);background-color:var(--dark-bg-input);border:1px solid var(--dark-border);border-radius:var(--radius-md);transition:all var(--transition-base)}.checkbox-label:hover{background-color:var(--dark-bg-elevated);border-color:var(--dark-accent-primary)}.checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--dark-accent-primary)}.checkbox-label span{-webkit-user-select:none;user-select:none;flex:1}.form-group{margin-bottom:var(--space-lg)}.form-group label{display:block;margin-bottom:var(--space-sm);font-size:var(--font-sm);font-weight:var(--font-medium);color:var(--dark-text-primary)}.slider{width:100%;height:8px;border-radius:var(--radius-sm);background:var(--dark-bg-input);border:1px solid var(--dark-border);outline:none;transition:all var(--transition-base);cursor:pointer}.slider:hover{border-color:var(--dark-accent-primary);background:var(--dark-bg-elevated)}.slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:var(--dark-accent-primary);border:2px solid var(--dark-bg);cursor:pointer;box-shadow:var(--dark-shadow);transition:all var(--transition-base)}.slider::-webkit-slider-thumb:hover{background:var(--dark-accent-secondary);transform:scale(1.1)}.slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--dark-accent-primary);border:2px solid var(--dark-bg);cursor:pointer;box-shadow:var(--dark-shadow);transition:all var(--transition-base)}.slider::-moz-range-thumb:hover{background:var(--dark-accent-secondary);transform:scale(1.1)}.help-text{font-size:var(--font-xs);color:var(--dark-text-secondary);margin-top:var(--space-sm);margin-bottom:0;font-style:italic;padding:var(--space-sm);background-color:var(--dark-bg-input);border-left:3px solid var(--dark-accent-primary);border-radius:var(--radius-sm)}.a4-layout-preview{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:2px solid var(--dark-border)}.a4-layout-preview h2{margin-bottom:var(--space-lg);font-size:var(--font-xl);color:var(--dark-text-primary)}.a4-layout-controls{margin-bottom:var(--space-lg)}.control-group{display:flex;gap:var(--space-md);margin-bottom:var(--space-md)}.grid-info{padding:var(--space-md);background-color:var(--dark-bg-input);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.grid-info p{margin:0;color:var(--dark-text-secondary)}.a4-preview-container{display:flex;justify-content:center;margin-bottom:var(--space-lg)}.a4-preview-image{display:block;border-radius:var(--radius-md)}.a4-preview-placeholder{width:100%;max-width:800px;aspect-ratio:210 / 297;display:flex;align-items:center;justify-content:center;background-color:var(--dark-bg-input);border:1px solid var(--dark-border);border-radius:var(--radius-md);color:var(--dark-text-secondary)}.preview-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#00000080;border-radius:var(--radius-md)}.preview-spinner{width:40px;height:40px;border:4px solid var(--dark-border);border-top:4px solid var(--dark-accent-primary);border-radius:50%;animation:spin 1s linear infinite}.a4-layout-actions{display:flex;justify-content:center}.budget-readonly{opacity:.6;cursor:not-allowed}.budget-progress{margin-top:20px;padding:10px 0}.budget-progress-bar{width:100%;height:30px;background-color:var(--dark-bg-input);border:1px solid var(--dark-border);border-radius:4px;display:flex;overflow:hidden}.budget-progress-allocated{background-color:#d4af37;transition:width .3s ease}.budget-progress-remaining{background-color:var(--dark-accent-primary);transition:width .3s ease}.budget-progress-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:.9em;color:var(--dark-text-secondary)}.budget-label-allocated{color:#d4af37}.budget-label-remaining{color:var(--dark-accent-primary)}.tier-card{background-color:var(--dark-bg-input);border:1px solid var(--dark-border);border-radius:8px;padding:20px;margin-bottom:15px;transition:all .2s ease}.tier-card:hover{border-color:var(--dark-accent-primary)}.tier-card.tier-disabled{opacity:.5;background-color:#2a2a2a80}.tier-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.tier-card-title{font-size:1.1em;font-weight:600;color:var(--dark-text-primary);display:flex;align-items:center;gap:8px}.tier-card-badge{background-color:var(--dark-accent-primary);color:var(--dark-text-primary);padding:2px 8px;border-radius:4px;font-size:.75em;font-weight:400}.tier-card-badge.default-badge{background-color:#d4af37;color:#000}.tier-card-actions{display:flex;gap:8px}.tier-card-btn{background:transparent;border:1px solid var(--dark-border);color:var(--dark-text-primary);padding:6px 12px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:4px;font-size:.9em;transition:all .2s ease}.tier-card-btn:hover{border-color:var(--dark-accent-primary);background-color:#8b00001a}.tier-card-btn.delete-btn:hover{border-color:#f44;background-color:#ff44441a}.tier-card-btn:disabled{opacity:.4;cursor:not-allowed}.tier-card-body{display:grid;grid-template-columns:1fr 1fr;gap:15px}.tier-card-field{display:flex;flex-direction:column;gap:6px}.tier-card-field.full-width{grid-column:1 / -1}.tier-card-label{font-size:.9em;color:var(--dark-text-secondary);font-weight:500}.tier-card-input{background-color:var(--dark-bg);border:1px solid var(--dark-border);color:var(--dark-text-primary);padding:8px 12px;border-radius:4px;font-size:1em;transition:all .2s ease}.tier-card-input:focus{outline:none;border-color:var(--dark-accent-primary)}.tier-card-input:disabled{opacity:.5;cursor:not-allowed}.tier-card-input.readonly{opacity:.6;cursor:default}.odds-container{display:flex;align-items:center;gap:10px}.odds-auto{flex:1;padding:8px 12px;background-color:var(--dark-bg);border:1px solid var(--dark-border);border-radius:4px;color:var(--dark-text-secondary);font-size:.9em}.odds-override{flex:1}.odds-override-label{font-size:.75em;color:var(--dark-text-secondary);margin-bottom:4px}.add-tier-btn{width:100%;padding:12px;background-color:var(--dark-bg-input);border:2px dashed var(--dark-border);color:var(--dark-text-primary);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:1em;transition:all .2s ease;margin-bottom:15px}.add-tier-btn:hover{border-color:var(--dark-accent-primary);background-color:#8b00001a}.tier-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.tier-count-badge{background-color:var(--dark-accent-primary);color:var(--dark-text-primary);padding:4px 12px;border-radius:12px;font-size:.9em}.tier-empty-state{text-align:center;padding:40px 20px;color:var(--dark-text-secondary);font-style:italic}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.add-tier-btn:disabled{opacity:.5;cursor:not-allowed}.prize-wheel-container{position:relative;width:80vw;max-width:500px;margin:2rem auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.prize-wheel-pointer{position:absolute;top:-10px;left:50%;transform:translate(-50%);font-size:2.5rem;color:var(--dark-accent-primary, #8b0000);z-index:10;text-shadow:0 2px 4px rgba(0,0,0,.3);filter:drop-shadow(0 0 8px rgba(139,0,0,.8))}.prize-wheel-wrapper{width:100%;display:flex;align-items:center;justify-content:center}.prize-wheel{width:100%;height:auto;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.prize-wheel-segment{transition:opacity .2s ease}.prize-wheel-segment:hover{opacity:.9}@media(max-width:768px){.prize-wheel-container{width:90vw;max-width:400px}.prize-wheel-pointer{font-size:2rem}}@media(max-width:480px){.prize-wheel-container{width:95vw;max-width:350px}.prize-wheel-pointer{font-size:1.75rem}}@media(prefers-reduced-motion:reduce){.prize-wheel-wrapper{transition:none!important;animation:none!important}}