@layer design-tokens, legacy-overrides, components, utilities;@layer design-tokens{:root{--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#e5e5e5;--gray-300:#d4d4d4;--gray-400:#a3a3a3;--gray-500:#737373;--gray-600:#525252;--gray-700:#404040;--gray-800:#262626;--gray-900:#171717;--gray-50:oklch(98% 0 0);--gray-100:oklch(96% 0 0);--gray-200:oklch(90% 0 0);--gray-300:oklch(83% 0 0);--gray-400:oklch(64% 0 0);--gray-500:oklch(45% 0 0);--gray-600:oklch(32% 0 0);--gray-700:oklch(25% 0 0);--gray-800:oklch(15% 0 0);--gray-900:oklch(9% 0 0);--primary-50:#f8faff;--primary-100:#ede9fe;--primary-200:#ddd6fe;--primary-300:#c4b5fd;--primary-400:#a78bfa;--primary-500:#8b5cf6;--primary-600:#7c3aed;--primary-700:#6d28d9;--primary-800:#5b21b6;--primary-900:#4c1d95;--primary-50:oklch(97% 0.02 275);--primary-100:oklch(93% 0.05 275);--primary-200:oklch(85% 0.08 275);--primary-300:oklch(77% 0.12 275);--primary-400:oklch(69% 0.15 275);--primary-500:oklch(67% 0.18 275);--primary-600:oklch(58% 0.2 275);--primary-700:oklch(48% 0.22 275);--primary-800:oklch(38% 0.25 275);--primary-900:oklch(28% 0.28 275);--success-50:#f0fdf4;--success-100:#dcfce7;--success-500:#22c55e;--success-600:#16a34a;--success-700:#15803d;--success-50:oklch(96% 0.02 142);--success-100:oklch(92% 0.04 142);--success-500:oklch(65% 0.12 142);--success-600:oklch(56% 0.14 142);--success-700:oklch(46% 0.16 142);--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-500:#f59e0b;--warning-600:#d97706;--warning-700:#b45309;--warning-50:oklch(96% 0.01 48);--warning-100:oklch(89% 0.05 48);--warning-500:oklch(70% 0.15 48);--warning-600:oklch(60% 0.17 48);--warning-700:oklch(50% 0.19 48);--error-50:#fef2f2;--error-100:#fecaca;--error-500:#ef4444;--error-600:#dc2626;--error-700:#b91c1c;--error-50:oklch(97% 0.01 0);--error-100:oklch(90% 0.05 0);--error-500:oklch(63% 0.18 0);--error-600:oklch(55% 0.2 0);--error-700:oklch(45% 0.22 0);--info-50:#eff6ff;--info-100:#dbeafe;--info-500:#3b82f6;--info-600:#2563eb;--info-700:#1d4ed8;--info-50:oklch(97% 0.01 214);--info-100:oklch(90% 0.04 214);--info-500:oklch(65% 0.15 214);--info-600:oklch(58% 0.17 214);--info-700:oklch(52% 0.19 214);--admin-purple:#8e44ad;--admin-purple-light:#9b59b6;--admin-purple-dark:#7d3c98;--admin-secondary:#34495e;--admin-secondary-light:#5d6d7e;--accent-blue:#3498db;--accent-green:#27ae60;--accent-orange:#e67e22;--accent-red:#e74c3c;--accent-yellow:#f39c12;--email-primary:#3b82f6;--email-secondary:#64748b;--email-success:#10b981;--email-warning:#f59e0b;--email-danger:#ef4444;--email-info:#06b6d4;--bg-hover:#f0e6fa;--bg-light:#f8fafc;--bg-sidebar:#f1f5f9;--overlay-light:hsla(0,0%,100%,.1);--overlay-medium:hsla(0,0%,100%,.2);--overlay-strong:hsla(0,0%,100%,.3);--overlay-dark:rgba(0,0,0,.1);--overlay-backdrop:rgba(0,0,0,.6);--hover-success:#229954;--hover-warning:#d68910;--hover-danger:#c0392b;--hover-info:rgba(59,130,246,.9);--text-primary:var(--gray-900);--text-secondary:var(--gray-600);--text-muted:var(--gray-500);--text-inverse:var(--gray-50);--surface-primary:#fff;--surface-secondary:var(--gray-50);--surface-tertiary:var(--gray-100);--surface-elevated:#fff;--surface-raised:var(--gray-50);--border-light:var(--gray-200);--border-strong:var(--gray-300);--focus-ring:var(--primary-500);--link-default:var(--primary-600);--link-hover:var(--primary-700);--link-visited:var(--primary-800);--success-bg:var(--success-100);--warning-bg:var(--warning-100);--error-bg:var(--error-100);--info-bg:var(--info-100);--brand-primary:#6366f1;--brand-secondary:#22c55e;--z-base:0;--z-dropdown:1000;--z-sticky:1010;--z-overlay:1020;--z-modal:1030;--z-popover:1040;--z-toast:1050;--z-debug:2147483647;--backdrop-light:rgba(0,0,0,.6);--backdrop-dark:rgba(0,0,0,.8);--icon-size-xs:0.75rem;--icon-size-sm:1rem;--icon-size-md:1.5rem;--icon-size-lg:2rem;--icon-size-xl:2.5rem;--icon-size-2xl:3rem;--icon-stroke-thin:1px;--icon-stroke-normal:2px;--icon-stroke-thick:2.5px;--icon-color-primary:currentColor;--icon-color-secondary:var(--text-secondary);--icon-color-muted:var(--text-muted);--icon-color-inverse:var(--text-inverse);--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-none:1;--leading-snug:1.375;--leading-relaxed:1.625;--leading-loose:2;--leading-heading-tight:1.1;--leading-heading-normal:1.2;--leading-heading-relaxed:1.3;--brand-kvittens:#6366f1;--shadow-xs:0 1px 2px 0 rgba(0,0,0,.05);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1);--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-heading:"Inter",sans-serif;--font-mono:"JetBrains Mono","Fira Code",Consolas,monospace;--font-xs:0.75rem;--font-sm:0.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:1.875rem;--font-4xl:2.25rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--radius-sm:0.25rem;--radius-default:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--scrollbar-thumb:var(--gray-400);--scrollbar-track:var(--gray-100);--transition-fast:0.15s ease;--transition-normal:0.2s ease;--transition-slow:0.3s ease;--anim-duration-fast:0.15s;--anim-duration-normal:0.3s;--anim-duration-slow:0.5s;--anim-duration-extra-slow:0.8s;--anim-ease-out:cubic-bezier(0.215,0.61,0.355,1);--anim-ease-in-out:cubic-bezier(0.4,0,0.2,1);--anim-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--anim-fade-in:opacity var(--anim-duration-normal) var(--anim-ease-out);--anim-fade-out:opacity var(--anim-duration-normal) var(--anim-ease-out);--anim-slide-in:transform var(--anim-duration-normal) var(--anim-ease-out);--anim-slide-out:transform var(--anim-duration-normal) var(--anim-ease-out);--anim-modal:all var(--anim-duration-normal) var(--anim-ease-in-out);--anim-hover-lift:transform var(--transition-fast) var(--anim-ease-out);--animation-pulse:pulse 2s infinite;--animation-spin:spin 1s linear infinite;--animation-bounce:bounceIn var(--anim-duration-normal) var(--anim-ease-out);--animation-fade-in:fadeInFast var(--anim-duration-normal) var(--anim-ease-out);--animation-fade-out:fadeOut var(--anim-duration-normal) var(--anim-ease-out);--animation-slide-down:slideDownFast var(--anim-duration-normal) var(--anim-ease-out);--animation-slide-in:slideIn var(--anim-duration-normal) var(--anim-ease-out);--animation-scale-in:scaleIn var(--anim-duration-normal) var(--anim-ease-out);--animation-modal-fade:modalFadeIn var(--anim-duration-normal) var(--anim-ease-out);--animation-modal-slide:modalSlideIn var(--anim-duration-normal) var(--anim-ease-out);--animation-shake:shake var(--anim-duration-normal) var(--anim-ease-out);--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}[data-theme=dark]{--success-500:#34d399;--success-600:#10b981;--success-bg:#064e3b;--warning-500:#fbbf24;--warning-600:#f59e0b;--warning-bg:#451a03;--error-500:#f87171;--error-600:#ef4444;--error-bg:#7f1d1d;--info-500:#60a5fa;--info-600:#3b82f6;--info-bg:#1e3a8a;--text-primary:var(--gray-50);--text-secondary:var(--gray-400);--text-muted:var(--gray-500);--text-inverse:var(--gray-900);--link-default:var(--primary-400);--link-hover:var(--primary-300);--link-visited:var(--primary-500);--surface-primary:var(--gray-900);--surface-secondary:var(--gray-800);--surface-tertiary:var(--gray-700);--surface-elevated:#1f2937;--surface-raised:var(--gray-800);--border-light:var(--gray-700);--border-strong:var(--gray-600);--focus-ring:var(--primary-400);--shadow-xs:0 1px 2px 0 rgba(0,0,0,.3);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.3);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.3);--scrollbar-thumb:var(--gray-600);--scrollbar-track:var(--gray-800);--backdrop-light:var(--backdrop-dark)}@media (prefers-color-scheme:dark){:root:not([data-theme]){--success-500:#34d399;--success-600:#10b981;--success-bg:#064e3b;--warning-500:#fbbf24;--warning-600:#f59e0b;--warning-bg:#451a03;--error-500:#f87171;--error-600:#ef4444;--error-bg:#7f1d1d;--info-500:#60a5fa;--info-600:#3b82f6;--info-bg:#1e3a8a;--text-primary:var(--gray-50);--text-secondary:var(--gray-400);--text-muted:var(--gray-500);--text-inverse:var(--gray-900);--surface-primary:var(--gray-900);--surface-secondary:var(--gray-800);--surface-tertiary:var(--gray-700);--surface-elevated:#1f2937;--surface-raised:var(--gray-800);--border-light:var(--gray-700);--border-strong:var(--gray-600);--focus-ring:var(--primary-400);--link-default:var(--primary-400);--link-hover:var(--primary-300);--link-visited:var(--primary-500);--shadow-xs:0 1px 2px 0 rgba(0,0,0,.3);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.3);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.3);--scrollbar-thumb:var(--gray-600);--scrollbar-track:var(--gray-800);--backdrop-light:var(--backdrop-dark)}}:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--focus-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){:root{--border-light:var(--border-strong);--text-muted:var(--text-secondary)}}@media print{:root{--text-primary:#000;--text-secondary:#333;--surface-primary:#fff;--border-light:#ccc;--shadow-sm:none;--shadow-md:none;--shadow-lg:none}}}@layer design-tokens{*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}body{background-color:var(--surface-primary);color:var(--text-primary);font-family:var(--font-body);font-size:var(--font-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{transition:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.theme-switching *{transition:none!important}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}}@layer utilities{.hidden{display:none!important}.block{display:block!important}.inline{display:inline!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.grid{display:grid!important}.table{display:table!important}.flex-row{flex-direction:row!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.items-end{align-items:flex-end!important}.items-stretch{align-items:stretch!important}.justify-start{justify-content:flex-start!important}.justify-center{justify-content:center!important}.justify-end{justify-content:flex-end!important}.justify-between{justify-content:space-between!important}.justify-around{justify-content:space-around!important}.flex-1{flex:1 1 0%!important}.flex-auto{flex:1 1 auto!important}.flex-none{flex:none!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.grid-cols-auto{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important}.gap-1{gap:var(--spacing-1)!important}.gap-2{gap:var(--spacing-2)!important}.gap-3{gap:var(--spacing-3)!important}.gap-4{gap:var(--spacing-4)!important}.gap-6{gap:var(--spacing-6)!important}.gap-8{gap:var(--spacing-8)!important}.m-0{margin:0!important}.m-1{margin:var(--spacing-1)!important}.m-2{margin:var(--spacing-2)!important}.m-3{margin:var(--spacing-3)!important}.m-4{margin:var(--spacing-4)!important}.m-6{margin:var(--spacing-6)!important}.m-8{margin:var(--spacing-8)!important}.m-auto{margin:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:var(--spacing-1)!important}.mt-3{margin-top:var(--spacing-3)!important}.mt-4{margin-top:var(--spacing-4)!important}.mt-6{margin-top:var(--spacing-6)!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:var(--spacing-1)!important}.mb-2{margin-bottom:var(--spacing-2)!important}.mb-3{margin-bottom:var(--spacing-3)!important}.mb-6{margin-bottom:var(--spacing-6)!important}.mb-8{margin-bottom:var(--spacing-8)!important}.ml-0{margin-left:0!important}.ml-auto{margin-left:auto!important}.mr-0{margin-right:0!important}.mr-auto,.mx-auto{margin-right:auto!important}.mx-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:var(--spacing-1)!important}.p-2{padding:var(--spacing-2)!important}.p-3{padding:var(--spacing-3)!important}.p-6{padding:var(--spacing-6)!important}.p-8{padding:var(--spacing-8)!important}.pt-0{padding-top:0!important}.pt-1{padding-top:var(--spacing-1)!important}.pt-2{padding-top:var(--spacing-2)!important}.pt-3{padding-top:var(--spacing-3)!important}.pt-4{padding-top:var(--spacing-4)!important}.pt-6{padding-top:var(--spacing-6)!important}.pt-8{padding-top:var(--spacing-8)!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:var(--spacing-1)!important}.pb-2{padding-bottom:var(--spacing-2)!important}.pb-3{padding-bottom:var(--spacing-3)!important}.pb-4{padding-bottom:var(--spacing-4)!important}.pb-6{padding-bottom:var(--spacing-6)!important}.pb-8{padding-bottom:var(--spacing-8)!important}.stack>*+*{margin-block-start:var(--spacing-5)!important}[data-density=compact] .stack>*+*{margin-block-start:var(--spacing-3)!important}[data-density=spacious] .stack>*+*{margin-block-start:var(--spacing-6)!important}.text-xs{font-size:var(--font-xs)!important}.text-base{font-size:var(--font-base)!important}.text-lg{font-size:var(--font-lg)!important}.text-xl{font-size:var(--font-xl)!important}.text-2xl{font-size:var(--font-2xl)!important}.text-3xl{font-size:var(--font-3xl)!important}.text-4xl{font-size:var(--font-4xl)!important}.font-light{font-weight:var(--font-light)!important}.font-normal{font-weight:var(--font-normal)!important}.font-semibold{font-weight:var(--font-semibold)!important}.font-bold{font-weight:var(--font-bold)!important}.font-extrabold{font-weight:var(--font-extrabold)!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-justify{text-align:justify!important}.leading-none{line-height:var(--leading-none)!important}.leading-tight{line-height:var(--leading-tight)!important}.leading-normal{line-height:var(--leading-normal)!important}.leading-relaxed{line-height:var(--leading-relaxed)!important}.text-success{color:var(--success-600)!important}.text-warning{color:var(--warning-600)!important}.text-error{color:var(--error-600)!important}.text-info{color:var(--info-600)!important}.bg-primary{background-color:var(--surface-primary)!important}.bg-secondary{background-color:var(--surface-secondary)!important}.bg-tertiary{background-color:var(--surface-tertiary)!important}.bg-elevated{background-color:var(--surface-elevated)!important}.bg-success{background-color:var(--success-bg)!important}.bg-warning{background-color:var(--warning-bg)!important}.bg-error{background-color:var(--error-bg)!important}.bg-info{background-color:var(--info-bg)!important}.border-strong{border:1px solid var(--border-strong)!important}.border-t{border-top:1px solid var(--border-light)!important}.border-b{border-bottom:1px solid var(--border-light)!important}.border-l{border-left:1px solid var(--border-light)!important}.border-r{border-right:1px solid var(--border-light)!important}.border-none{border:none!important}.rounded-none{border-radius:0!important}.rounded-sm{border-radius:var(--radius-sm)!important}.rounded{border-radius:var(--radius-default)!important}.rounded-lg{border-radius:var(--radius-lg)!important}.rounded-xl{border-radius:var(--radius-xl)!important}.rounded-2xl{border-radius:var(--radius-2xl)!important}.rounded-full{border-radius:var(--radius-full)!important}.shadow-none{box-shadow:none!important}.shadow-xs{box-shadow:var(--shadow-xs)!important}.shadow-sm{box-shadow:var(--shadow-sm)!important}.shadow-md{box-shadow:var(--shadow-md)!important}.shadow-lg{box-shadow:var(--shadow-lg)!important}.shadow-xl{box-shadow:var(--shadow-xl)!important}.relative{position:relative!important}.absolute{position:absolute!important}.fixed{position:fixed!important}.sticky{position:sticky!important}.top-0{top:0!important}.right-0{right:0!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.z-0{z-index:var(--z-base)!important}.z-dropdown{z-index:var(--z-dropdown)!important}.z-sticky{z-index:var(--z-sticky)!important}.z-overlay{z-index:var(--z-overlay)!important}.z-modal{z-index:var(--z-modal)!important}.z-popover{z-index:var(--z-popover)!important}.z-toast{z-index:var(--z-toast)!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.w-auto{width:auto!important}.w-full{width:100%!important}.w-screen{width:100vw!important}.w-fit{width:fit-content!important}.h-auto{height:auto!important}.h-full{height:100%!important}.h-screen{height:100vh!important}.h-fit{height:fit-content!important}.max-w-xs{max-width:20rem!important}.max-w-sm{max-width:24rem!important}.max-w-md{max-width:28rem!important}.max-w-lg{max-width:32rem!important}.max-w-xl{max-width:36rem!important}.max-w-2xl{max-width:42rem!important}.max-w-4xl{max-width:56rem!important}.max-w-full{max-width:100%!important}.max-w-none{max-width:none!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.overflow-x-auto{overflow-x:auto!important}.overflow-y-auto{overflow-y:auto!important}.cursor-auto{cursor:auto!important}.cursor-default{cursor:default!important}.cursor-pointer{cursor:pointer!important}.cursor-wait{cursor:wait!important}.cursor-text{cursor:text!important}.cursor-move{cursor:move!important}.cursor-not-allowed{cursor:not-allowed!important}.select-none{user-select:none!important}.select-text{user-select:text!important}.select-all{user-select:all!important}.select-auto{user-select:auto!important}.loading{color:transparent!important;position:relative!important}.loading:after{animation:var(--animation-spin)!important;border:2px solid!important;border-radius:50%!important;border-top:2px solid transparent!important;content:""!important;height:16px!important;left:50%!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;width:16px!important}.active{opacity:1!important}.completed{opacity:.7!important}.disabled,[disabled]{cursor:not-allowed!important;opacity:.5!important;pointer-events:none!important}.anim-fade-in{animation:fadeInFast var(--anim-duration-normal) var(--anim-ease-out)!important}.anim-fade-out{animation:fadeOutFast var(--anim-duration-normal) var(--anim-ease-out)!important}.anim-slide-in{animation:slideInFast var(--anim-duration-normal) var(--anim-ease-out)!important}.anim-slide-down{animation:slideDownFast var(--anim-duration-normal) var(--anim-ease-out)!important}.anim-pulse{animation:var(--animation-pulse)!important}.anim-spin{animation:var(--animation-spin)!important}.anim-bounce{animation:var(--animation-bounce)!important}.anim-scale-in{animation:var(--animation-scale-in)!important}.anim-shake{animation:var(--animation-shake)!important}.anim-modal-fade{animation:var(--animation-modal-fade)!important}.anim-modal-slide{animation:var(--animation-modal-slide)!important}.hover-lift{transition:var(--anim-hover-lift)!important}.hover-lift:hover{transform:translateY(-1px)!important}.hover-lift-md:hover{transform:translateY(-2px)!important}.hover-grow:hover{transform:scale(1.05)!important}@media (max-width:767px){.hidden-mobile{display:none!important}.block-mobile{display:block!important}.flex-mobile{display:flex!important}.text-center-mobile{text-align:center!important}.w-full-mobile{width:100%!important}}@media (min-width:768px){.hidden-desktop{display:none!important}.block-desktop{display:block!important}.flex-desktop{display:flex!important}}.sr-only{height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;clip:rect(0,0,0,0)!important;border:0!important;white-space:nowrap!important}.focus-visible:focus-visible{outline:2px solid var(--focus-ring)!important;outline-offset:2px!important}@media print{.print-hidden{display:none!important}.print-block{display:block!important}}.btn{border:none!important;border-radius:var(--radius-md)!important;cursor:pointer!important;display:inline-block!important;font-size:var(--font-sm)!important;font-weight:var(--font-medium)!important;padding:var(--spacing-3) var(--spacing-4)!important;text-align:center!important;text-decoration:none!important;transition:all var(--transition-normal)!important}.btn-primary{background:var(--primary-500)!important;color:var(--text-inverse)!important}.btn-primary:hover{background:var(--primary-600)!important;transform:translateY(-1px)!important}.btn-secondary{background:var(--surface-secondary)!important;border:1px solid var(--border-light)!important;color:var(--text-primary)!important}.btn-secondary:hover{background:var(--surface-tertiary)!important}.btn-success{background:var(--success-500)!important;color:var(--text-inverse)!important}.btn-success:hover{background:var(--success-600)!important;transform:translateY(-1px)!important}.btn-warning{background:var(--warning-500)!important;color:var(--text-inverse)!important}.btn-warning:hover{background:var(--warning-600)!important;transform:translateY(-1px)!important}.btn-danger{background:var(--error-500)!important;color:var(--text-inverse)!important}.btn-danger:hover{background:var(--error-600)!important;transform:translateY(-1px)!important}.btn-link{align-items:center!important;background:var(--surface-primary)!important;border:1px solid var(--border-light)!important;color:var(--text-primary)!important;display:flex!important;gap:var(--spacing-2)!important}.btn-link:hover{background:var(--surface-secondary)!important}.btn-sm{font-size:var(--font-xs)!important;padding:var(--spacing-2) var(--spacing-3)!important}.btn-group{display:flex!important;flex-wrap:wrap!important;gap:var(--spacing-3)!important}.btn-group-inline{align-items:center!important;display:flex!important;gap:var(--spacing-2)!important}.required:after{color:var(--error-600)!important;content:"*"!important;margin-left:2px!important}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-muted{color:var(--text-muted)!important}.text-inverse{color:var(--text-inverse)!important}.mb-4{margin-bottom:var(--spacing-4)!important}.mt-8{margin-top:var(--spacing-8)!important}.mt-2{margin-top:var(--spacing-2)!important}.bg-secondary{background:var(--surface-secondary)!important}.bg-primary{background:var(--surface-primary)!important}.border{border:1px solid var(--border-light)!important}.border-light{border-color:var(--border-light)!important}.rounded-md{border-radius:var(--radius-md)!important}.p-4{padding:var(--spacing-4)!important}.max-h-300{max-height:300px!important}.font-medium{font-weight:var(--font-medium)!important}.text-sm{font-size:var(--font-sm)!important}.italic{font-style:italic!important}}:root{--anim-duration-instant:0.05s;--anim-duration-fast:0.15s;--anim-duration-normal:0.3s;--anim-duration-slow:0.5s;--anim-duration-slower:0.8s;--anim-ease-linear:linear;--anim-ease-out:cubic-bezier(0,0,0.2,1);--anim-ease-in:cubic-bezier(0.4,0,1,1);--anim-ease-in-out:cubic-bezier(0.4,0,0.2,1);--anim-ease-back:cubic-bezier(0.68,-0.55,0.265,1.55);--anim-ease-elastic:cubic-bezier(0.68,-0.55,0.265,1.55);--anim-distance-xs:4px;--anim-distance-sm:8px;--anim-distance-md:12px;--anim-distance-lg:16px;--anim-distance-xl:24px;--anim-scale-sm:0.95;--anim-scale-md:1.05;--anim-scale-lg:1.1;--anim-rotate-slight:2deg;--anim-rotate-sm:5deg;--anim-rotate-md:15deg;--anim-rotate-full:360deg}@keyframes fadeInFast{0%{opacity:0;transform:translateY(var(--anim-distance-xs))}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(calc(var(--anim-distance-sm)*-1))}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideDownFast{0%{opacity:0;transform:translateY(calc(var(--anim-distance-sm)*-1))}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(var(--anim-distance-md))}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(var(--anim-scale-sm))}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(var(--anim-scale-sm))}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(var(--anim-rotate-full))}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(calc(var(--anim-distance-xs)*-1))}20%,40%,60%,80%{transform:translateX(var(--anim-distance-xs))}}@keyframes progressFill{0%{width:0}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(var(--anim-scale-md))}to{opacity:1;transform:scale(1)}}.anim-fade-in{animation:fadeIn var(--anim-duration-normal) var(--anim-ease-out)}.anim-fade-in-fast{animation:fadeInFast var(--anim-duration-fast) var(--anim-ease-out)}.anim-fade-out{animation:fadeOut var(--anim-duration-normal) var(--anim-ease-in)}.anim-slide-in{animation:slideIn var(--anim-duration-normal) var(--anim-ease-out)}.anim-slide-in-right{animation:slideInRight var(--anim-duration-normal) var(--anim-ease-out)}.anim-slide-down{animation:slideDown var(--anim-duration-normal) var(--anim-ease-out)}.anim-slide-down-fast{animation:slideDownFast var(--anim-duration-fast) var(--anim-ease-out)}.anim-slide-up{animation:slideUp var(--anim-duration-normal) var(--anim-ease-out)}.anim-scale-in{animation:scaleIn var(--anim-duration-normal) var(--anim-ease-back)}.anim-bounce-in{animation:bounceIn var(--anim-duration-slow) var(--anim-ease-out)}.anim-pulse{animation:pulse 2s var(--anim-ease-in-out) infinite}.anim-spin{animation:spin 1s var(--anim-ease-linear) infinite}.anim-shake{animation:shake var(--anim-duration-slow) var(--anim-ease-out)}.anim-modal-fade-in{animation:modalFadeIn var(--anim-duration-normal) var(--anim-ease-out)}.anim-modal-slide-in{animation:modalSlideIn var(--anim-duration-normal) var(--anim-ease-back)}.anim-progress-fill{animation:progressFill var(--anim-duration-slower) var(--anim-ease-out)}.hover-lift{transition:transform var(--anim-duration-fast) var(--anim-ease-out)}.hover-lift:hover{transform:translateY(calc(var(--anim-distance-xs)*-1))}.hover-lift-md{transition:transform var(--anim-duration-fast) var(--anim-ease-out),box-shadow var(--anim-duration-fast) var(--anim-ease-out)}.hover-lift-md:hover{box-shadow:var(--shadow-md,0 4px 6px -1px rgba(0,0,0,.1));transform:translateY(calc(var(--anim-distance-sm)*-1))}.hover-scale{transition:transform var(--anim-duration-fast) var(--anim-ease-out)}.hover-scale:hover{transform:scale(var(--anim-scale-md))}.hover-rotate{transition:transform var(--anim-duration-fast) var(--anim-ease-out)}.hover-rotate:hover{transform:rotate(var(--anim-rotate-slight))}.transition-all{transition:all var(--anim-duration-normal) var(--anim-ease-out)}.transition-colors{transition:color var(--anim-duration-fast) var(--anim-ease-out),background-color var(--anim-duration-fast) var(--anim-ease-out),border-color var(--anim-duration-fast) var(--anim-ease-out)}.transition-transform{transition:transform var(--anim-duration-normal) var(--anim-ease-out)}.transition-opacity{transition:opacity var(--anim-duration-normal) var(--anim-ease-out)}.transition-shadow{transition:box-shadow var(--anim-duration-normal) var(--anim-ease-out)}.transition-fast{transition:all var(--anim-duration-fast) var(--anim-ease-out)}.transition-slow{transition:all var(--anim-duration-slow) var(--anim-ease-out)}.admin-fade-in{animation:fadeIn var(--anim-duration-normal) var(--anim-ease-out)}.admin-slide-in{animation:slideIn var(--anim-duration-normal) var(--anim-ease-out)}.admin-pulse{animation:pulse 2s var(--anim-ease-in-out) infinite}.email-form.active{animation:fadeInFast var(--anim-duration-fast) var(--anim-ease-out)}.validation-message{animation:slideDownFast var(--anim-duration-fast) var(--anim-ease-out)}.preview-modal.active{animation:fadeIn var(--anim-duration-normal) var(--anim-ease-out)}.loading-spinner{animation:spin 1s var(--anim-ease-linear) infinite;border-top:2px solid var(--gray-200,#e5e7eb);border:2px solid var(--gray-200,#e5e7eb);border-radius:50%;border-top-color:var(--primary-500,#3b82f6);height:1rem;width:1rem}.loading-dots,.loading-spinner{display:inline-block}.loading-dots:after{animation:pulse var(--anim-duration-slower) var(--anim-ease-in-out) infinite;content:""}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.anim-pulse,.anim-spin,.loading-spinner{animation:none!important}.loading-spinner:after{border:none;content:"⏳"}}@media print{*,:after,:before{animation:none!important;transition:none!important}}@media (prefers-contrast:high){.hover-lift-md:hover,.hover-lift:hover{outline:2px solid}}.anim-fade-in,.anim-scale-in,.anim-slide-in,.anim-slide-in-right,.hover-lift,.hover-lift-md,.hover-scale{will-change:transform}.anim-fade-in,.anim-fade-out,.anim-pulse,.transition-opacity{will-change:opacity}.anim-fade-in,.anim-scale-in,.anim-slide-in,.anim-slide-in-right{animation-fill-mode:forwards}.anim-fade-in:not(:hover),.anim-scale-in:not(:hover),.anim-slide-in-right:not(:hover),.anim-slide-in:not(:hover){will-change:auto}.admin-card{background:var(--surface-elevated);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-6);transition:all var(--transition-normal)}.admin-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.admin-card--highlight{background:var(--primary-bg);border-color:var(--primary-500)}.admin-card--danger{background:var(--error-bg);border-color:var(--error-500)}.admin-card--success{background:var(--success-bg);border-color:var(--success-500)}.admin-card--warning{background:var(--warning-bg);border-color:var(--warning-500)}.admin-btn{background:var(--primary-500);border-radius:var(--radius-default);color:var(--text-inverse);font-size:var(--font-sm);gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);text-decoration:none;transition:all var(--transition-normal)}.admin-btn:hover{background:var(--primary-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.admin-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.admin-btn--secondary{background:var(--surface-primary);border:1px solid var(--border-light);color:var(--text-secondary)}.admin-btn--secondary:hover{background:var(--surface-tertiary);border-color:var(--border-strong);color:var(--text-primary)}.admin-btn--danger{background:var(--error-500);color:var(--text-inverse)}.admin-btn--danger:hover{background:var(--error-600)}.admin-btn--success{background:var(--success-500);color:var(--text-inverse)}.admin-btn--success:hover{background:var(--success-600)}.admin-btn--small{font-size:var(--font-xs);padding:var(--spacing-1) var(--spacing-3)}.admin-btn--large{font-size:var(--font-base);padding:var(--spacing-4) var(--spacing-6)}.admin-form-group{margin-bottom:var(--spacing-4)}.admin-form-label{color:var(--text-primary);display:block;font-size:var(--font-sm);font-weight:var(--font-medium);margin-bottom:var(--spacing-2)}.admin-form-input,.admin-form-select,.admin-form-textarea{background:var(--surface-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-sm);padding:var(--spacing-3);transition:border-color var(--transition-fast);width:100%}.admin-form-input:focus,.admin-form-select:focus,.admin-form-textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);outline:none}.admin-form-input--error{border-color:var(--error-500)}.admin-form-input--error:focus{box-shadow:0 0 0 3px var(--error-100)}.admin-form-textarea{min-height:100px;resize:vertical}.admin-status{align-items:center;border-radius:var(--radius-lg);display:inline-flex;font-size:var(--font-xs);font-weight:600;gap:var(--spacing-1);letter-spacing:.5px;padding:var(--spacing-1) var(--spacing-2);text-transform:uppercase}.admin-status--active{background:var(--success-bg);color:var(--success-600)}.admin-status--pending{background:var(--warning-bg);color:var(--warning-600)}.admin-status--inactive{background:var(--error-bg);color:var(--error-600)}.admin-status--draft{background:var(--gray-100);color:var(--gray-600)}.admin-table{font-size:var(--font-sm)}.admin-table th{background:var(--surface-tertiary);color:var(--text-secondary)}.admin-table td,.admin-table th{border-bottom:1px solid var(--border-light);padding:var(--spacing-4)}.admin-table td{color:var(--text-primary)}.admin-table tbody tr:hover{background:var(--surface-secondary)}.admin-modal{opacity:0;transition:opacity var(--transition-slow);z-index:var(--z-modal)}.admin-modal.active{display:flex;opacity:1}.admin-modal__backdrop{backdrop-filter:blur(2px);background:var(--backdrop-light);height:100%;left:0;position:absolute;top:0;width:100%}.admin-modal__content{background:var(--surface-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);margin:auto;max-height:90vh;max-width:90vw;overflow:hidden;position:relative;transform:scale(.9);transition:transform var(--transition-slow)}.admin-modal.active .admin-modal__content{transform:scale(1)}.admin-modal__header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:var(--spacing-6)}.admin-modal__title{color:var(--text-primary);font-size:var(--font-xl);font-weight:600;margin:0}.admin-modal__close{background:none;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;font-size:var(--font-xl);padding:var(--spacing-2);transition:all var(--transition-fast)}.admin-modal__close:hover{background:var(--surface-tertiary);color:var(--text-primary)}.admin-modal__body{max-height:60vh;overflow-y:auto;padding:var(--spacing-6)}.admin-modal__footer{border-top:1px solid var(--border-light);display:flex;gap:var(--spacing-3);justify-content:flex-end;padding:var(--spacing-6)}.email-card{@apply admin-card}.email-btn{@apply admin-btn}.email-btn--secondary{@apply admin-btn--secondary}.email-form{background:var(--surface-elevated);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-6)}.email-form-group{@apply admin-form-group}.email-form-label{@apply admin-form-label}.email-form-input{@apply admin-form-input}.email-modal{@apply admin-modal}.email-modal__backdrop{@apply admin-modal__backdrop}.email-modal__content{@apply admin-modal__content}.email-template-list{max-height:400px;overflow-y:auto;padding:var(--spacing-4)}.email-template-list::-webkit-scrollbar{width:6px}.email-template-list::-webkit-scrollbar-track{background:var(--surface-secondary)}.email-template-list::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:var(--radius-lg)}.email-template-list::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.email-editor-toolbar{background:var(--surface-tertiary);border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:var(--spacing-2);padding:var(--spacing-4)}.email-preview{background:var(--surface-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);font-family:var(--font-sans);line-height:var(--leading-relaxed);padding:var(--spacing-4)}.header{background:var(--gray-800);color:var(--text-inverse);padding:var(--spacing-4) var(--spacing-6)}.content{margin:0 auto;max-width:1200px;padding:var(--spacing-8)}.footer{background:var(--surface-tertiary);border-top:1px solid var(--border-light);color:var(--text-secondary);padding:var(--spacing-6);text-align:center}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.px-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.py-2{padding-bottom:var(--spacing-2);padding-top:var(--spacing-2)}.py-3{padding-bottom:var(--spacing-3);padding-top:var(--spacing-3)}.py-4{padding-bottom:var(--spacing-4);padding-top:var(--spacing-4)}.py-6{padding-bottom:var(--spacing-6);padding-top:var(--spacing-6)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-inverse{color:var(--text-inverse)}.text-success{color:var(--success-600)}.text-warning{color:var(--warning-600)}.text-error{color:var(--error-600)}.text-info{color:var(--info-600)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.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)}.flex{display:flex}.grid{display:grid}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.hidden{display:none}.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-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.bg-primary{background:var(--surface-primary)}.bg-secondary{background:var(--surface-secondary)}.bg-elevated{background:var(--surface-elevated)}.bg-success{background:var(--success-bg)}.bg-warning{background:var(--warning-bg)}.bg-error{background:var(--error-bg)}.bg-info{background:var(--info-bg)}.border{border:1px solid var(--border-light)}.border-strong{border:1px solid var(--border-strong)}.border-t{border-top:1px solid var(--border-light)}.border-b{border-bottom:1px solid var(--border-light)}.rounded{border-radius:var(--radius-default)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.kv-header-nav{align-items:center;display:flex;gap:var(--spacing-6);margin:0 auto;max-width:1200px}.kv-header-logo{color:var(--text-inverse);font-size:var(--font-xl);font-weight:700;text-decoration:none}.kv-header-menu{align-items:center;display:flex;gap:var(--spacing-4);margin-left:auto}.kv-header-link{border-radius:var(--radius-md);color:var(--text-inverse);padding:var(--spacing-2) var(--spacing-3);text-decoration:none;transition:background-color var(--transition-fast)}.kv-header-link:hover{background:hsla(0,0%,100%,.1)}.kv-header-link.active{background:var(--primary-500)}.kv-header-avatar{border:2px solid var(--border-light);border-radius:var(--radius-full);height:32px;width:32px}.kv-header-dropdown{position:relative}.kv-header-dropdown-content{background:var(--surface-elevated);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:200px;padding:var(--spacing-2);position:absolute;right:0;top:100%;z-index:var(--z-dropdown)}@media (max-width:768px){.mobile-hidden{display:none}.mobile-full{width:100%}.kv-header-nav,.mobile-text-center{text-align:center}.kv-header-nav{flex-direction:column;gap:var(--spacing-4)}.kv-header-menu{justify-content:center;margin-left:0}.admin-modal__content{margin:var(--spacing-4);max-width:calc(100vw - 2rem)}}@media (min-width:769px){.desktop-hidden{display:none}}.loading{opacity:.7;pointer-events:none;position:relative}.loading:after{animation:spin 1s linear infinite;border-top:2px solid var(--gray-200);border:2px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary-500);content:"";height:1rem;left:50%;margin:-.5rem 0 0 -.5rem;position:absolute;top:50%;width:1rem}.completed{background:var(--success-bg);color:var(--success-600)}.notification{background:var(--surface-elevated);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:400px;padding:var(--spacing-4);position:fixed;right:var(--spacing-4);top:var(--spacing-4);z-index:var(--z-toast)}.notification.success{background:var(--success-bg);border-left:4px solid var(--success-500)}.notification.error{background:var(--error-bg);border-left:4px solid var(--error-500)}.notification.warning{background:var(--warning-bg);border-left:4px solid var(--warning-500)}@layer legacy-overrides{.active{opacity:1!important;visibility:visible!important}.active,.email-form.active{display:block!important}.template-item.active{background:var(--primary-500)!important;border-color:var(--primary-600)!important;color:var(--text-inverse)!important}.kv-header-nav a.active,.language-tab.active{background:var(--primary-600)!important;color:var(--text-inverse)!important}.loading{color:transparent!important;cursor:not-allowed!important;pointer-events:none!important;position:relative!important}.loading:after{animation:var(--animation-spin)!important;border:2px solid!important;border-radius:50%!important;border-top:2px solid transparent!important;content:""!important;height:16px!important;left:50%!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;width:16px!important}.admin-btn.loading,.btn.loading,button.loading{background:var(--gray-400)!important;border-color:var(--gray-400)!important}.admin-btn.loading:after,.btn.loading:after,button.loading:after{border-color:var(--text-inverse)!important;border-top-color:transparent!important}.completed{background:var(--success-bg)!important;border-color:var(--success-600)!important;opacity:.7!important}.completed:before{color:var(--success-600)!important;content:"✓"!important;font-weight:var(--font-bold)!important;margin-right:var(--spacing-2)!important}.step.completed{background:var(--success-600)!important;color:var(--text-inverse)!important}.preview-modal{background:var(--backdrop-light)!important;display:none!important;height:100%!important;left:0!important;position:fixed!important;top:0!important;width:100%!important;z-index:var(--z-modal)!important}.preview-modal.active{align-items:center!important;animation:var(--animation-fade-in)!important;display:flex!important;justify-content:center!important}.notification{animation:var(--animation-slide-in)!important;background:var(--surface-elevated)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg)!important;color:var(--text-primary)!important;min-width:280px!important;padding:var(--spacing-4) var(--spacing-6)!important;position:fixed!important;right:var(--spacing-4)!important;top:var(--spacing-4)!important;z-index:var(--z-toast)!important}.notification.success{background:var(--success-bg)!important;border-left:4px solid var(--success-600)!important}.notification.error{background:var(--error-bg)!important;border-left:4px solid var(--error-600)!important}.notification.warning{background:var(--warning-bg)!important;border-left:4px solid var(--warning-600)!important}.notification.info{background:var(--info-bg)!important;border-left:4px solid var(--info-600)!important}.fade-in{animation:var(--animation-fade-in)!important}.fade-out{animation:var(--animation-fade-out)!important}.slide-in{animation:var(--animation-slide-in)!important}.slide-down{animation:var(--animation-slide-down)!important}.progress-bar{transition:width var(--transition-normal)!important}.progress-bar[data-progress]{width:attr(data-progress)!important}.error,.invalid{background:var(--error-bg)!important;border-color:var(--error-600)!important}.error:focus,.invalid:focus{outline:2px solid var(--error-600)!important;outline-offset:2px!important}.success,.valid{background:var(--success-bg)!important;border-color:var(--success-600)!important}.dropdown{position:relative!important}.dropdown-menu{background:var(--surface-elevated)!important;border:1px solid var(--border-light)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important;display:none!important;left:0!important;min-width:200px!important;position:absolute!important;top:100%!important;z-index:var(--z-dropdown)!important}.dropdown-menu.active,.dropdown.active .dropdown-menu{animation:var(--animation-fade-in)!important;display:block!important}.hover-effect{transition:var(--anim-hover-lift)!important}.hover-effect.js-hover,.hover-effect:hover{box-shadow:var(--shadow-md)!important;transform:translateY(-1px)!important}.email-editor-container .template-item:not(.active){opacity:.7!important}.email-editor-container .language-tab:not(.active){opacity:.8!important}.tag-item{cursor:pointer!important;transition:all var(--transition-fast)!important}.tag-item:hover{background:var(--primary-700)!important;transform:scale(1.05)!important}.tag-item.selected{background:var(--success-600)!important;color:var(--text-inverse)!important}@media (max-width:768px){.notification{left:var(--spacing-2)!important;min-width:auto!important;right:var(--spacing-2)!important;top:var(--spacing-2)!important}.dropdown-menu{bottom:var(--spacing-4)!important;left:var(--spacing-4)!important;min-width:auto!important;position:fixed!important;right:var(--spacing-4)!important;top:auto!important}}.active:focus-visible,.completed:focus-visible,.loading:focus-visible{outline:2px solid var(--focus-ring)!important;outline-offset:2px!important}@media (prefers-reduced-motion:reduce){.fade-in,.fade-out,.hover-effect,.slide-down,.slide-in{animation:none!important;transition:none!important}.loading:after{animation:none!important}}.js-debug .active:before{background:var(--warning-600)!important;content:"[ACTIVE]"!important}.js-debug .active:before,.js-debug .loading:before{border-radius:2px!important;color:var(--text-inverse)!important;font-size:var(--font-xs)!important;left:0!important;padding:2px 4px!important;position:absolute!important;top:-8px!important;z-index:9999!important}.js-debug .loading:before{background:var(--error-600)!important;content:"[LOADING]"!important}}@layer components{.modal{animation:modalFadeIn var(--transition-normal) ease-out;backdrop-filter:blur(2px);background:var(--backdrop-light);height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:var(--z-modal)}.modal__content{animation:modalSlideIn var(--transition-normal) ease-out;background:var(--surface-elevated);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);margin:5% auto;max-width:500px;padding:var(--spacing-8);position:relative;width:90%}.modal__content--large{max-width:800px}.modal__content--small{max-width:400px}.modal__header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4)}.modal__title{color:var(--text-primary);font-size:var(--font-xl);font-weight:var(--font-semibold);margin:0}.modal__close{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-2xl);font-weight:var(--font-bold);height:32px;justify-content:center;position:absolute;right:var(--spacing-4);top:var(--spacing-4);transition:all var(--transition-fast);width:32px}.modal__close:hover{background:var(--surface-secondary);color:var(--text-primary)}.modal__close:focus{outline:2px solid var(--focus-ring);outline-offset:2px}.modal__body{color:var(--text-primary);line-height:var(--leading-normal)}.modal__footer{border-top:1px solid var(--border-light);display:flex;gap:var(--spacing-3);justify-content:flex-end;margin-top:var(--spacing-6);padding-top:var(--spacing-4)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal--closing{animation:modalFadeOut var(--transition-normal) ease-in}.modal--closing .modal__content{animation:modalSlideOut var(--transition-normal) ease-in}@keyframes modalFadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.95)}}.modal__messages{margin-bottom:var(--spacing-4)}.modal__messages .error{background:var(--error-bg);border-left:4px solid var(--error-600);color:var(--error-600)}.modal__messages .error,.modal__messages .success{border-radius:var(--radius-md);margin-bottom:var(--spacing-4);padding:var(--spacing-4)}.modal__messages .success{background:var(--success-bg);border-left:4px solid var(--success-600);color:var(--success-600)}.detail-grid,.modal__detail-grid{display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-6)}.modal__detail-item{background:var(--surface-secondary);border-radius:var(--radius-md);color:var(--text-primary);padding:var(--spacing-3)}.modal__detail-item strong{color:var(--text-primary);font-weight:var(--font-semibold)}.modal__status-badge{border-radius:var(--radius-full);display:inline-block;font-size:var(--font-xs);font-weight:var(--font-bold);letter-spacing:.025em;padding:var(--spacing-1) var(--spacing-2);text-transform:uppercase}.modal__status-badge--active{background:var(--success-bg);border:1px solid var(--success-200);color:var(--success-700)}.modal__status-badge--archived{background:var(--error-bg);border:1px solid var(--error-200);color:var(--error-700)}.modal__tabs{border-bottom:1px solid var(--border-light);display:flex;margin:var(--spacing-6) 0 var(--spacing-4) 0}.modal__tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);cursor:pointer;font-size:var(--font-sm);font-weight:var(--font-medium);padding:var(--spacing-3) var(--spacing-6);transition:all var(--transition-fast)}.modal__tab:hover{background:var(--surface-secondary);color:var(--primary-600)}.modal__tab--active{border-bottom-color:var(--primary-600);color:var(--primary-600)}.modal__tab-content{display:none}.modal__tab-content--active{display:block}.modal__comments{margin-top:var(--spacing-6)}.modal__comments h4{color:var(--text-primary);font-size:var(--font-lg);font-weight:var(--font-medium);margin-bottom:var(--spacing-4)}.modal__comment{background:var(--surface-secondary);border-left:4px solid var(--primary-500);border-radius:var(--radius-md);margin-bottom:var(--spacing-4);padding:var(--spacing-4)}.modal__comment--older{border-left-color:var(--text-secondary);opacity:.8}.modal__comment--old{border-left-color:var(--text-muted);opacity:.6}.modal__comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-2)}.modal__comment-header strong{color:var(--text-primary);font-weight:var(--font-medium)}.modal__comment-date{color:var(--text-secondary);font-size:var(--font-sm)}.modal__comment-text{color:var(--text-primary);line-height:var(--leading-normal)}.modal__comment-actions{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-2)}.modal__read-less,.modal__read-more{color:var(--primary-500);cursor:pointer;font-size:var(--font-sm);margin-left:var(--spacing-2);text-decoration:underline;transition:color var(--transition-fast)}.modal__read-less:hover,.modal__read-more:hover{color:var(--primary-600)}.modal__add-comment{background:var(--surface-secondary);border-radius:var(--radius-md);margin-top:var(--spacing-6);padding:var(--spacing-4)}.modal__add-comment textarea{background:var(--surface-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:var(--font-base);line-height:var(--leading-normal);min-height:80px;padding:var(--spacing-3);resize:vertical;width:100%}.modal__add-comment textarea:focus{border-color:var(--focus-ring);box-shadow:0 0 0 2px rgba(99,102,241,.1);outline:none}.modal__add-comment textarea::placeholder{color:var(--text-muted)}.modal__load-more{margin:var(--spacing-4) 0;text-align:center}.modal__loans{margin-top:var(--spacing-4)}.modal__loan-item{background:var(--surface-secondary);border-left:4px solid var(--primary-500);border-radius:var(--radius-md);margin-bottom:var(--spacing-4);padding:var(--spacing-4)}.modal__loan-item--overdue{border-left-color:var(--error-600)}.modal__loan-item--returned{border-left-color:var(--success-600)}.modal__loan-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-2)}.modal__loan-actions{align-items:center;display:flex;gap:var(--spacing-2)}.modal__loan-key{color:var(--text-primary);font-size:var(--font-base);font-weight:var(--font-semibold)}.modal__loan-status{border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-bold);letter-spacing:.025em;padding:var(--spacing-1) var(--spacing-2);text-transform:uppercase}.modal__loan-status--active{background:var(--primary-500);color:var(--text-inverse)}.modal__loan-status--overdue{background:var(--error-500);color:var(--text-inverse)}.modal__loan-status--returned{background:var(--success-500);color:var(--text-inverse)}.modal__loan-dates{color:var(--text-secondary);font-size:var(--font-sm);line-height:var(--leading-tight)}.modal__loan-duration{color:var(--text-muted);font-size:var(--font-xs);margin-top:var(--spacing-1)}.modal__receipt-link{background:var(--primary-500);border:none;border-radius:var(--radius-lg);color:var(--text-inverse);cursor:pointer;display:inline-block;font-size:var(--font-xs);font-weight:var(--font-bold);padding:var(--spacing-1) var(--spacing-2);text-decoration:none;transition:all var(--transition-fast)}.modal__receipt-link:hover{background:var(--primary-600);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.modal__receipt-details{background:var(--surface-secondary);border-radius:var(--radius-md);margin:var(--spacing-4) 0;padding:var(--spacing-6)}.modal__receipt-details h3{color:var(--text-primary);font-size:var(--font-xl);font-weight:var(--font-bold);margin:0 0 var(--spacing-4) 0;text-align:center}.modal__receipt-info p{background:var(--surface-primary);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-base);margin:var(--spacing-2) 0;padding:var(--spacing-2)}.modal__receipt-info strong{color:var(--text-primary);font-weight:var(--font-bold)}.modal__signature{border-top:1px solid var(--border-light);margin-top:var(--spacing-6);padding:var(--spacing-4)}.modal__signature h4{color:var(--text-primary);font-size:var(--font-lg);font-weight:var(--font-medium);margin:0 0 var(--spacing-2) 0}.modal__signature-image{background:var(--surface-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);display:block;margin:0 auto;max-height:200px;max-width:100%}.modal__pagination{display:flex;gap:var(--spacing-2);justify-content:center;margin-top:var(--spacing-6)}.modal__pagination .current,.modal__pagination a{background:var(--surface-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);padding:var(--spacing-2) var(--spacing-4);text-decoration:none;transition:all var(--transition-fast)}.modal__pagination a:hover{background:var(--surface-secondary);border-color:var(--border-strong)}.modal__pagination .current{background:var(--primary-500);border-color:var(--primary-500);color:var(--text-inverse)}@media (max-width:480px){.modal__content{margin:1% auto;max-height:95vh;overflow-y:auto;padding:var(--spacing-4);width:98%}.modal__header{margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-2)}.modal__title{font-size:var(--font-lg)}.modal__close{height:28px;right:var(--spacing-2);top:var(--spacing-2);width:28px}.detail-grid,.modal__detail-grid{gap:var(--spacing-2);grid-template-columns:1fr}.modal__tabs{flex-wrap:wrap;gap:var(--spacing-1)}.modal__tab{flex:1;font-size:var(--font-xs);min-width:100px;padding:var(--spacing-2) var(--spacing-3)}.modal__footer{flex-direction:column;gap:var(--spacing-2)}.modal__footer .btn{justify-content:center;width:100%}.btn-group{flex-direction:column;gap:var(--spacing-2)}.btn-group .btn{width:100%}.admin-grid--4{gap:var(--spacing-2)!important;grid-template-columns:1fr!important}}@media (max-width:768px) and (min-width:481px){.modal__content{margin:2% auto;padding:var(--spacing-6);width:95%}.detail-grid,.modal__detail-grid{grid-template-columns:repeat(2,1fr)}.modal__tabs{flex-wrap:wrap}.modal__tab{flex:1;min-width:120px}.modal__footer{gap:var(--spacing-4);justify-content:center}.admin-grid--4{grid-template-columns:repeat(2,1fr)!important}}@media (min-width:1200px){.modal__content--large{max-width:900px}.detail-grid,.modal__detail-grid{grid-template-columns:repeat(3,1fr)}}@media (prefers-color-scheme:dark){.modal{backdrop-filter:blur(4px)}}[data-theme=dark] .modal{backdrop-filter:blur(4px)}@media (prefers-reduced-motion:reduce){.modal,.modal--closing,.modal--closing .modal__content,.modal__content{animation:none}.modal__close,.modal__receipt-link,.modal__tab{transition:none}}.modal__loading{color:var(--text-secondary);padding:var(--spacing-8)}.modal__error,.modal__loading{font-style:italic;text-align:center}.modal__error{background:var(--error-bg);border-left:4px solid var(--error-600);border-radius:var(--radius-md);color:var(--error-600);margin:var(--spacing-4) 0;padding:var(--spacing-4)}.status-indicator{align-items:center;display:flex;gap:var(--spacing-2)}.status-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.status-dot--tillganglig{background-color:var(--success-600)}.status-dot--utlanad{background-color:var(--info-600)}.status-dot--forsenad{background-color:var(--warning-600)}.status-dot--forloren,.status-dot--skadad{background-color:var(--error-600)}.status-dot--reserverad{background-color:var(--primary-600)}.status-dot--arkiverad{background-color:var(--text-muted)}.modal--hidden{display:none}.modal--visible{display:block}.modal .sorted{background-color:var(--surface-tertiary);position:relative}.modal .sorted:after{color:var(--text-secondary);content:"▲";font-size:.8em;position:absolute;right:8px;top:50%;transform:translateY(-50%)}}.kvittens-modal-alert{align-items:center;animation:fadeIn .2s ease-in-out;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.kvittens-modal-overlay{backdrop-filter:blur(2px);background:rgba(0,0,0,.5);height:100%;left:0;position:absolute;top:0;width:100%}.kvittens-modal-content{animation:slideIn .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 10px 40px rgba(0,0,0,.2);max-width:500px;overflow:hidden;position:relative;width:90%}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.kvittens-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 24px}.kvittens-modal-header h3{font-size:18px;font-weight:600;margin:0}.kvittens-modal-body{color:#333;line-height:1.6;padding:24px}.kvittens-modal-body p{font-size:15px;margin:0}.kvittens-modal-footer{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;padding:16px 24px}.kvittens-modal-btn{border:none;border-radius:6px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s ease}.kvittens-modal-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.kvittens-modal-btn-primary:hover{box-shadow:0 4px 12px rgba(102,126,234,.4);transform:translateY(-1px)}.kvittens-modal-btn-primary:active{transform:translateY(0)}.kvittens-modal-btn-primary:focus{box-shadow:0 0 0 3px rgba(102,126,234,.3);outline:none}@media (max-width:600px){.kvittens-modal-content{max-width:95%}.kvittens-modal-header{padding:16px 20px}.kvittens-modal-body{padding:20px}}@layer components{.toolbar{background:var(--surface-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:0;padding:var(--spacing-6)}.toolbar__content{align-items:flex-start;display:flex;gap:var(--spacing-4);justify-content:space-between}.toolbar__title{flex:1;min-width:0}.toolbar__heading{color:var(--text-primary);font-size:var(--font-2xl);font-weight:var(--font-semibold);line-height:var(--leading-tight);margin:0 0 var(--spacing-2) 0}.toolbar__subtitle{color:var(--text-secondary);font-size:var(--font-base);line-height:var(--leading-normal);margin:0}.toolbar__actions{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-3)}@media (max-width:768px){.toolbar__content{align-items:stretch;flex-direction:column;gap:var(--spacing-4)}.toolbar__heading{font-size:var(--font-xl)}.toolbar__actions{flex-direction:column;gap:var(--spacing-2)}.toolbar__actions .btn{justify-content:center;width:100%}}@media (max-width:480px){.toolbar{padding:var(--spacing-4)}.toolbar__heading{font-size:var(--font-lg)}.toolbar__subtitle{font-size:var(--font-sm)}}}@layer components{.kv-header{align-items:center;background:var(--surface-primary);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm);box-sizing:border-box;display:flex;flex-wrap:nowrap;height:64px;justify-content:space-between;left:0;min-height:64px;overflow:visible;padding:var(--spacing-4);position:fixed;right:0;top:0;transition:background-color var(--transition-fast),border-color var(--transition-fast);width:100%;z-index:var(--z-sticky)}:root[data-theme=light] .kv-header,body[data-theme=light] .kv-header,html[data-theme=light] .kv-header{background:var(--gray-50)!important;border-bottom-color:var(--gray-200)!important;color:var(--gray-900)!important}:root[data-theme=dark] .kv-header,body[data-theme=dark] .kv-header,html[data-theme=dark] .kv-header{background:var(--gray-900)!important;border-bottom-color:var(--gray-700)!important;color:var(--gray-50)!important}body{box-sizing:border-box;min-height:100vh;padding-top:64px}.admin-container,.admin-page{min-height:calc(100vh - 64px)}.kv-header-logo{color:var(--text-primary);flex-shrink:0;font-size:var(--font-xl);font-weight:var(--font-semibold);min-width:fit-content}.kv-header-logo,.kv-header-nav{align-items:center;display:flex}.kv-header-nav{flex-grow:1;flex-shrink:1;gap:var(--spacing-2);margin:0 var(--spacing-4);min-width:0;overflow:hidden;white-space:nowrap}.kv-header-nav a{border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-sm);font-weight:var(--font-medium);padding:var(--spacing-2) var(--spacing-4);position:relative;text-decoration:none;transition:all var(--transition-fast)}.kv-header-nav a.active{background:var(--primary-600);color:var(--text-inverse)}.kv-header-nav a:hover:not(.active){background:var(--surface-tertiary);color:var(--primary-600)}.kv-header-user{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-4);min-width:fit-content}.kv-header-welcome{align-items:flex-end;display:flex;flex-direction:column;margin-right:var(--spacing-2)}.kv-header-welcome-text{color:var(--text-secondary);font-size:var(--font-xs)}.kv-header-user-name{color:var(--text-primary);font-size:var(--font-sm);font-weight:var(--font-semibold)}.kv-header-avatar-wrapper{border-radius:var(--radius-default);cursor:pointer;min-height:44px;min-width:44px;padding:var(--spacing-1);position:relative;transition:background-color var(--transition-fast)}.kv-header-avatar,.kv-header-avatar-wrapper{align-items:center;display:flex;justify-content:center}.kv-header-avatar{background:var(--primary-600);border:2px solid transparent;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:var(--text-inverse);font-size:var(--font-base);font-weight:var(--font-semibold);height:42px;transition:all var(--transition-fast);user-select:none;width:42px}.kv-header-avatar:hover{border-color:var(--overlay-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.kv-header-avatar-tooltip{background:var(--backdrop-dark);border-radius:var(--radius-sm);bottom:-30px;color:var(--text-inverse);font-size:var(--font-xs);left:50%;opacity:0;padding:var(--spacing-1) var(--spacing-2);pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity var(--transition-fast);white-space:nowrap;z-index:var(--z-popover)}.kv-header-avatar-wrapper:hover .kv-header-avatar-tooltip{opacity:1}.kv-header-clock{align-items:center;background:var(--surface-tertiary);border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;font-family:var(--font-mono);font-size:var(--font-sm);font-weight:var(--font-medium);gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2)}.kv-header-notifications{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;justify-content:center;min-height:44px;min-width:44px;padding:var(--spacing-2);position:relative;transition:background var(--transition-fast)}.kv-header-notifications:hover{background:var(--surface-tertiary)}.kv-header-notifications-icon{color:var(--text-secondary);height:24px;stroke-width:2px;width:24px}.kv-header-notifications-badge{background:var(--error-600);border-radius:10px;color:var(--text-inverse);font-size:var(--font-xs);font-weight:var(--font-semibold);min-width:18px;padding:2px 5px;position:absolute;right:4px;text-align:center;top:4px}.kv-header-profilemenu{animation:slideDown var(--transition-fast);background:var(--surface-elevated);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:none;min-width:280px;overflow:hidden;position:fixed;right:var(--spacing-6);top:70px;z-index:var(--z-modal)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.kv-header-profilemenu.open{display:block}.kv-header-profilemenu-header{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));color:var(--text-inverse);padding:var(--spacing-6)}.kv-header-profilemenu-avatar{align-items:center;background:var(--overlay-medium);border-radius:var(--radius-full);display:flex;font-size:var(--font-2xl);font-weight:var(--font-semibold);height:60px;justify-content:center;margin-bottom:var(--spacing-2);width:60px}.kv-header-profilemenu-name{font-size:var(--font-lg);font-weight:var(--font-semibold);margin-bottom:var(--spacing-1)}.kv-header-profilemenu-info{display:flex;flex-direction:column;font-size:var(--font-sm);gap:var(--spacing-1);opacity:.9}.kv-header-profilemenu-role{background:var(--overlay-medium);border-radius:var(--radius-sm);display:inline-block;font-size:var(--font-xs);font-weight:var(--font-medium);letter-spacing:.025em;margin-top:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);text-transform:uppercase;width:fit-content}.kv-header-profilemenu-section{border-bottom:1px solid var(--border-light);padding:var(--spacing-2) 0}.kv-header-profilemenu-section:last-child{border-bottom:none}.kv-header-profilemenu-userid{font-size:var(--font-xs);opacity:.8}.role-superadmin{background:color-mix(in srgb,var(--error-600) 20%,transparent);color:var(--error-600)}.role-admin{background:color-mix(in srgb,var(--primary-600) 20%,transparent);color:var(--primary-600)}.kv-header-profilemenu-login-info{border-bottom:1px solid var(--border-light);color:var(--text-secondary);font-size:var(--font-xs);padding:var(--spacing-4) var(--spacing-6)}.kv-header-profilemenu-logout{margin:0}.kv-header-theme-switch{align-items:center;background:var(--surface-secondary);border:1px solid var(--border-light);border-radius:var(--radius-default);cursor:pointer;display:flex;margin:var(--spacing-2);min-height:44px;padding:var(--spacing-3) var(--spacing-6);transition:all var(--transition-fast)}.kv-header-theme-switch:hover{background:var(--primary-50);border-color:var(--primary-200);color:var(--primary-700)}.kv-header-theme-switch:focus{background:var(--primary-50);outline:2px solid var(--focus-ring);outline-offset:2px}.kv-theme-label{color:var(--text-primary);font-size:var(--font-sm);font-weight:var(--font-semibold);margin-left:var(--spacing-1)}[data-theme=dark] .kv-header-theme-switch{background:var(--gray-800);border-color:var(--gray-600)}[data-theme=dark] .kv-header-theme-switch:hover{background:var(--gray-700);border-color:var(--primary-400);color:var(--primary-300)}[data-theme=dark] .kv-theme-label{color:var(--gray-200)}.kv-header-profilemenu a,.kv-header-profilemenu button{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-sm);gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-6);text-align:left;text-decoration:none;transition:background var(--transition-fast);width:100%}.kv-header-profilemenu a:hover,.kv-header-profilemenu button:hover{background:var(--surface-tertiary);color:var(--primary-600)}.kv-header-profilemenu-icon{color:currentColor;flex-shrink:0;height:16px;margin-right:var(--spacing-3);opacity:.7;stroke-width:2px;width:16px}.kv-header-profilemenu button[type=submit]{color:var(--error-600)}.kv-header-profilemenu button[type=submit]:hover{background:var(--error-bg);color:var(--error-600)}.kv-header-hamburger{color:var(--text-primary);cursor:pointer;display:none;font-size:1.5rem;padding:var(--spacing-1);transition:transform var(--transition-fast)}.kv-header-hamburger:hover{transform:scale(1.1)}@media (max-width:1024px){.kv-header-welcome{display:none}}@media (max-width:1300px){.kv-header-welcome{display:none}.kv-header-nav{gap:var(--spacing-1);margin:0 var(--spacing-2)}.kv-header-nav a{font-size:var(--font-xs);padding:var(--spacing-2)}}@media (max-width:1100px){.kv-header-nav a{font-size:var(--font-xs);padding:var(--spacing-1) var(--spacing-2)}.kv-header-clock{display:none}}@media (max-width:950px){.kv-header-nav a{font-size:var(--font-xs);padding:var(--spacing-1)}.kv-header-notifications{display:none}}@media (max-width:850px){.kv-header-hamburger{align-items:center;display:block;display:flex;justify-content:center;min-height:44px;min-width:44px}.kv-header-nav{background:var(--surface-primary);border-top:1px solid var(--border-light);box-shadow:var(--shadow-lg);display:none;flex-direction:column;gap:0;left:0;margin:0;max-height:calc(100vh - 64px);overflow:visible;overflow-y:auto;padding:var(--spacing-3) 0;position:fixed;top:64px;width:100vw;z-index:var(--z-dropdown)}.kv-header-nav.open{display:flex}.kv-header-nav a{align-items:center;border-radius:0;display:flex;font-size:var(--font-sm);min-height:48px;padding:var(--spacing-4) var(--spacing-6);width:100%}.kv-header{flex-wrap:wrap}.kv-header-clock,.kv-header-notifications,.kv-header-welcome{display:none}[data-theme=dark] .kv-header-nav{background:var(--gray-900);border-top-color:var(--gray-700)}[data-theme=dark] .kv-header-nav a{color:var(--gray-200)}[data-theme=dark] .kv-header-nav a.active,[data-theme=dark] .kv-header-nav a:hover{background:var(--gray-800);color:var(--primary-300)}}}@layer components{.data-panel{background:var(--surface-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:0;padding:var(--spacing-6)}.data-panel__content{display:flex;flex-direction:column;gap:var(--spacing-4)}.data-panel__header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3)}.data-panel__title{color:var(--text-primary);font-size:var(--font-lg);font-weight:var(--font-semibold);margin:0}.data-panel__count{background:var(--surface-secondary);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--font-sm);font-weight:var(--font-medium);padding:var(--spacing-1) var(--spacing-3)}.data-panel__table{background:var(--surface-primary);border:1px solid var(--border-light);border-collapse:collapse;border-radius:var(--radius-md);overflow:hidden;width:100%}.data-panel__table thead{background:var(--surface-secondary)}.data-panel__table th{border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:var(--font-sm);font-weight:var(--font-semibold);padding:var(--spacing-4);position:relative;text-align:left}.data-panel__table th.sortable{cursor:pointer;transition:background-color var(--transition-fast);user-select:none}.data-panel__table th.sortable:hover,.data-panel__table th.sorted{background:var(--surface-tertiary)}.data-panel__table th.sorted:after{color:var(--text-secondary);content:"▲";font-size:.8em;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.data-panel__table th.sorted.desc:after{content:"▼"}.data-panel__table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:var(--font-sm);padding:var(--spacing-4);vertical-align:middle}.data-panel__table tbody tr:hover{background:var(--surface-secondary)}.data-panel__table tbody tr:last-child td{border-bottom:none}.data-panel__status{border-radius:var(--radius-full);display:inline-block;font-size:var(--font-xs);font-weight:var(--font-bold);letter-spacing:.025em;padding:var(--spacing-1) var(--spacing-2);text-transform:uppercase}.data-panel__status--active{background:var(--success-bg);border:1px solid var(--success-200);color:var(--success-700)}.data-panel__status--archived{background:var(--error-bg);border:1px solid var(--error-200);color:var(--error-700)}.data-panel__status--pending{background:var(--warning-bg);border:1px solid var(--warning-200);color:var(--warning-700)}.data-panel__actions{align-items:center;display:flex;gap:var(--spacing-2);justify-content:flex-end}.data-panel__action{align-items:center;background:var(--surface-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:var(--font-xs);gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-3);text-decoration:none;transition:all var(--transition-fast)}.data-panel__action:hover{background:var(--surface-secondary);border-color:var(--border-strong)}.data-panel__action--primary{background:var(--primary-500);border-color:var(--primary-500);color:var(--text-inverse)}.data-panel__action--primary:hover{background:var(--primary-600);border-color:var(--primary-600)}.data-panel__action--success{background:var(--success-500);border-color:var(--success-500);color:var(--text-inverse)}.data-panel__action--success:hover{background:var(--success-600);border-color:var(--success-600)}.data-panel__action--danger{background:var(--error-500);border-color:var(--error-500);color:var(--text-inverse)}.data-panel__action--danger:hover{background:var(--error-600);border-color:var(--error-600)}.data-panel__pagination{align-items:center;border-top:1px solid var(--border-light);display:flex;gap:var(--spacing-2);justify-content:center;margin-top:var(--spacing-4);padding-top:var(--spacing-4)}.data-panel__pagination .current,.data-panel__pagination a{background:var(--surface-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-sm);font-weight:var(--font-medium);min-width:44px;padding:var(--spacing-2) var(--spacing-4);text-align:center;text-decoration:none;transition:all var(--transition-fast)}.data-panel__pagination a:hover{background:var(--surface-secondary);border-color:var(--border-strong);transform:translateY(-1px)}.data-panel__pagination .current{background:var(--primary-500);border-color:var(--primary-500);color:var(--text-inverse);font-weight:var(--font-semibold)}.data-panel__pagination .disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.data-panel__empty{color:var(--text-secondary);padding:var(--spacing-8);text-align:center}.data-panel__empty-icon{font-size:var(--font-4xl);margin-bottom:var(--spacing-4);opacity:.5}.data-panel__empty-title{color:var(--text-primary);font-size:var(--font-lg);font-weight:var(--font-medium);margin:0 0 var(--spacing-2) 0}.data-panel__empty-text{color:var(--text-secondary);font-size:var(--font-sm);line-height:var(--leading-normal);margin:0}.data-panel--loading{opacity:.6;pointer-events:none;position:relative}.data-panel--loading:after{animation:var(--animation-spin);border:3px solid var(--border-light);border-radius:50%;border-top-color:var(--primary-500);content:"";height:32px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:32px}@media (max-width:768px){.data-panel__table{font-size:var(--font-xs)}.data-panel__table td,.data-panel__table th{padding:var(--spacing-2) var(--spacing-3)}.data-panel__actions{flex-direction:column;gap:var(--spacing-1)}.data-panel__action{justify-content:center;width:100%}.data-panel__pagination{flex-wrap:wrap;gap:var(--spacing-1)}.data-panel__pagination .current,.data-panel__pagination a{font-size:var(--font-xs);min-width:36px;padding:var(--spacing-2) var(--spacing-3)}}@media (max-width:480px){.data-panel{padding:var(--spacing-4)}.data-panel__header{align-items:flex-start;flex-direction:column;gap:var(--spacing-2)}.data-panel__title{font-size:var(--font-base)}.data-panel__table,.data-panel__table tbody,.data-panel__table td,.data-panel__table th,.data-panel__table thead,.data-panel__table tr{display:block}.data-panel__table thead tr{left:-9999px;position:absolute;top:-9999px}.data-panel__table tr{background:var(--surface-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:var(--spacing-3);padding:var(--spacing-3)}.data-panel__table td{border:none;padding:var(--spacing-2) 0;padding-left:30%;position:relative}.data-panel__table td:before{color:var(--text-secondary);content:attr(data-label) ": ";font-size:var(--font-xs);font-weight:var(--font-semibold);left:0;letter-spacing:.025em;position:absolute;text-transform:uppercase;width:25%}.data-panel__actions{flex-direction:row;justify-content:center;margin-top:var(--spacing-2)}}[data-theme=dark] .data-panel__table,[data-theme=dark] .data-panel__table td,[data-theme=dark] .data-panel__table th{border-color:var(--border-strong)}[data-theme=dark] .data-panel__table tbody tr:hover{background:var(--surface-tertiary)}.filter-panel{background:var(--surface-elevated);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:0;padding:var(--spacing-6)}.filter-panel__content{display:flex;flex-direction:column;gap:var(--spacing-4)}.filter-panel__title{border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:var(--font-lg);font-weight:var(--font-medium);margin:0 0 var(--spacing-2) 0;padding-bottom:var(--spacing-2)}.filter-panel__form{align-items:end;display:grid;gap:var(--spacing-4);grid-template-columns:2fr 1fr auto}.filter-panel__field{display:flex;flex-direction:column;gap:var(--spacing-2)}.filter-panel__label{color:var(--text-primary);font-size:var(--font-sm);font-weight:var(--font-medium);margin:0}.filter-panel__input,.filter-panel__select{background:var(--surface-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:var(--font-base);padding:var(--spacing-3);transition:all var(--transition-fast);width:100%}.filter-panel__input:focus,.filter-panel__select:focus{border-color:var(--focus-ring);box-shadow:0 0 0 2px rgba(99,102,241,.1);outline:none}}@layer components{.filter-panel__input::placeholder{color:var(--text-muted)}.filter-panel__select{cursor:pointer}.filter-panel__select option{background:var(--surface-primary);color:var(--text-primary)}.filter-panel__actions{align-items:center;display:flex;gap:var(--spacing-2)}@media (max-width:768px){.filter-panel__form{gap:var(--spacing-4);grid-template-columns:1fr}.filter-panel__actions{justify-content:stretch}.filter-panel__actions .btn{flex:1}}@media (max-width:480px){.filter-panel{padding:var(--spacing-4)}.filter-panel__actions{flex-direction:column;gap:var(--spacing-2)}.filter-panel__actions .btn{justify-content:center;width:100%}}.filter-panel--loading{opacity:.6;pointer-events:none}.filter-panel--error{background:var(--error-bg);border-color:var(--error-500)}[data-theme=dark] .filter-panel__input,[data-theme=dark] .filter-panel__select{background:var(--surface-secondary);border-color:var(--border-strong)}[data-theme=dark] .filter-panel__input:focus,[data-theme=dark] .filter-panel__select:focus{background:var(--surface-primary);border-color:var(--focus-ring)}}.main-nav{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px rgba(0,0,0,.1);position:sticky;top:0;z-index:1000}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1rem}.nav-brand{flex-shrink:0}.nav-title{color:#fff;font-size:1.5rem;font-weight:600;margin:0;padding:1rem 0}.nav-menu{align-items:center;display:flex;flex-grow:1;justify-content:center;list-style:none;margin:0;padding:0}.nav-item{margin:0 .5rem}.nav-item--right{margin-left:auto}.nav-link{border-radius:6px;color:hsla(0,0%,100%,.9);display:block;font-weight:500;padding:1rem 1.2rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-link:hover{background:hsla(0,0%,100%,.1);color:#fff;transform:translateY(-1px)}.nav-item--active .nav-link{background:hsla(0,0%,100%,.2);color:#fff;font-weight:600}.nav-link--logout{background:rgba(220,38,38,.8);color:#fff}.nav-link--logout:hover{background:#dc2626;transform:translateY(-1px)}@media (width <= 768px){.nav-container{flex-direction:column;padding:1rem}.nav-menu{flex-wrap:wrap;justify-content:center;margin-top:1rem}.nav-item{margin:.2rem}.nav-link{font-size:.9rem;padding:.7rem 1rem}.nav-item--right{margin-left:0;margin-top:.5rem}}.page-content{min-height:calc(100vh - 80px);padding-top:2rem}.container{margin:0 auto;max-width:1200px;padding:0 1rem}.page-header{background:#fff;border-radius:8px;box-shadow:0 2px 10px rgb(0 0 0/5%);margin-bottom:2rem;padding:2rem}.page-title{color:#2d3748;font-size:2rem;font-weight:600;margin:0 0 .5rem}.page-subtitle{color:#718096;font-size:1.1rem;margin:0}@layer components{.reception-form-container{background:var(--surface-primary);font-family:var(--font-family);margin:0 auto;max-width:100vw;min-height:100vh;position:relative}.reception-form-header{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));border-bottom:1px solid hsla(0,0%,100%,.1);color:var(--text-inverse);padding:var(--spacing-4);position:sticky;text-align:center;top:0;z-index:var(--z-sticky)}.reception-form-header h1{font-size:var(--font-lg);font-weight:600;line-height:1.2;margin:0}.reception-form-header .ref{font-size:var(--font-xs);margin-top:var(--spacing-1);opacity:.9}.reception-lang-selector{display:flex;gap:var(--spacing-1);position:absolute;right:var(--spacing-2);top:var(--spacing-2)}.reception-lang-btn{align-items:center;background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.2);border-radius:var(--radius-sm);color:var(--text-inverse);cursor:pointer;display:flex;font-size:var(--font-xs);justify-content:center;min-height:32px;min-width:32px;padding:var(--spacing-1) var(--spacing-2);transition:all var(--transition-fast)}.reception-lang-btn.active{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.4)}.reception-lang-btn:hover{background:hsla(0,0%,100%,.25)}.reception-progress{background:var(--surface-secondary);border-bottom:1px solid var(--border-light);display:flex;justify-content:center;padding:var(--spacing-3)}.reception-progress-step{align-items:center;background:var(--surface-tertiary);border-radius:var(--radius-full);color:var(--text-secondary);display:flex;font-size:var(--font-sm);font-weight:600;height:32px;justify-content:center;margin:0 var(--spacing-2);position:relative;width:32px}.reception-progress-step.active{background:var(--primary-600);color:var(--text-inverse)}.reception-progress-step.completed{background:var(--success-600);color:var(--text-inverse)}.reception-progress-step:not(:last-child):after{background:var(--border-light);content:"";height:2px;position:absolute;right:-20px;top:50%;transform:translateY(-50%);width:16px}.reception-form-content{padding:var(--spacing-4)}.reception-form-step{display:none}.reception-form-step.active{animation:var(--animation-fade-in);display:block}.reception-step-title{color:var(--text-primary);font-size:var(--font-lg);font-weight:600;margin:0 0 var(--spacing-2) 0}.reception-step-desc{color:var(--text-secondary);font-size:var(--font-sm);line-height:1.5;margin-bottom:var(--spacing-4)}.reception-info-card{background:var(--surface-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-4);padding:var(--spacing-4)}.reception-info-card h2{color:var(--text-primary);font-size:var(--font-base);font-weight:600;margin:0 0 var(--spacing-3) 0}.reception-info-row{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:var(--spacing-2);padding-bottom:var(--spacing-2)}.reception-info-row:last-child{border-bottom:none;margin-bottom:0}.reception-info-label{color:var(--text-secondary);font-size:var(--font-sm);font-weight:600}.reception-info-value{color:var(--text-primary);font-size:var(--font-sm);font-weight:500;text-align:right}.reception-info-value--highlight{color:var(--primary-600);font-weight:600}.reception-form-group{margin-bottom:var(--spacing-4)}.reception-form-label{color:var(--text-primary);display:block;font-size:var(--font-sm);font-weight:600;margin-bottom:var(--spacing-1)}.reception-form-input,.reception-form-textarea{background:var(--surface-primary);border:2px solid var(--border-light);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-size:var(--font-sm);padding:var(--spacing-3);transition:border-color var(--transition-fast);width:100%}.reception-form-input:focus,.reception-form-textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);outline:none}.reception-form-textarea{min-height:80px;resize:vertical}.reception-signature-container{background:var(--surface-primary);border:2px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);padding:var(--spacing-4)}.reception-signature-canvas{background:var(--surface-secondary);border:2px dashed var(--border-light);border-radius:var(--radius-md);cursor:crosshair;height:200px;touch-action:none;width:100%}.reception-signature-controls{display:flex;gap:var(--spacing-2);justify-content:space-between;margin-top:var(--spacing-3)}.reception-gdpr-section{background:var(--info-50);border:1px solid var(--info-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);padding:var(--spacing-4)}.reception-gdpr-title{color:var(--info-700);font-size:var(--font-base);font-weight:600;margin:0 0 var(--spacing-2) 0}.reception-gdpr-text{color:var(--info-600);font-size:var(--font-sm);line-height:1.6;white-space:pre-line}.reception-form-actions{background:var(--surface-secondary);border-top:1px solid var(--border-light);bottom:0;display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4);position:sticky}.reception-form-btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-size:var(--font-sm);font-weight:600;justify-content:center;min-height:48px;overflow:hidden;padding:var(--spacing-4);position:relative;transition:all var(--transition-fast);width:100%}.reception-form-btn--primary{background:var(--primary-600);box-shadow:var(--shadow-sm);color:var(--text-inverse)}.reception-form-btn--primary:hover{background:var(--primary-700);box-shadow:var(--shadow-md);transform:translateY(-1px)}.reception-form-btn--secondary{background:var(--surface-primary);border:2px solid var(--border-light);color:var(--text-primary)}.reception-form-btn--secondary:hover{background:var(--surface-tertiary);border-color:var(--border-default)}.reception-form-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.reception-success-container{flex-direction:column;min-height:60vh;padding:var(--spacing-6);text-align:center}.reception-success-container,.reception-success-icon{align-items:center;display:flex;justify-content:center}.reception-success-icon{background:var(--success-600);border-radius:var(--radius-full);color:var(--text-inverse);font-size:var(--font-2xl);height:64px;margin-bottom:var(--spacing-4);width:64px}.reception-success-title{color:var(--success-700);font-size:var(--font-xl);font-weight:600;margin:0 0 var(--spacing-2) 0}.reception-success-message{color:var(--text-secondary);font-size:var(--font-sm);line-height:1.5;margin-bottom:var(--spacing-4)}.reception-success-details{background:var(--success-50);border:1px solid var(--success-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);max-width:400px;padding:var(--spacing-4);width:100%}@media (min-width:768px){.reception-form-container{max-width:600px}.reception-form-header{padding:var(--spacing-6)}.reception-form-header h1{font-size:var(--font-xl)}.reception-form-content{padding:var(--spacing-6)}.reception-lang-selector{right:var(--spacing-4);top:var(--spacing-4)}.reception-lang-btn{font-size:var(--font-sm);min-height:40px;min-width:40px}.reception-form-actions{flex-direction:row;padding:var(--spacing-6)}.reception-form-btn{flex:1;width:auto}.reception-signature-canvas{height:250px}}@media (min-width:1024px){.reception-form-container{max-width:800px}.reception-form-content{padding:var(--spacing-8)}.reception-info-card{padding:var(--spacing-6)}.reception-signature-canvas{height:300px}}.reception-form-btn:focus,.reception-form-input:focus,.reception-form-textarea:focus,.reception-lang-btn:focus{outline:2px solid var(--focus-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){.reception-form-step.active{animation:none}.reception-form-btn:hover{transform:none}}}@layer legacy-overrides{.reception-body{background:#fafafa!important;margin:0;padding:0}.reception-header{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));border-bottom:1px solid hsla(0,0%,100%,.1);box-shadow:0 2px 4px rgba(0,0,0,.1);color:var(--text-inverse);padding:var(--spacing-4);position:sticky;text-align:center;top:0;z-index:var(--z-sticky)}.reception-header__title{font-size:var(--font-lg);font-weight:600;margin:0}.reception-header__welcome{font-size:var(--font-xs);margin-top:var(--spacing-1);opacity:.9}.reception-header__logout{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.15);border:2px solid hsla(0,0%,100%,.2);border-radius:var(--radius-md);box-shadow:0 1px 2px rgba(0,0,0,.1);color:var(--text-inverse);display:flex;font-size:var(--font-xs);font-weight:600;justify-content:center;min-height:44px;min-width:44px;padding:var(--spacing-2) var(--spacing-3);position:absolute;right:var(--spacing-2);text-decoration:none;top:var(--spacing-2);transition:all var(--transition-fast)}.reception-header__logout:hover{background:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.3);box-shadow:0 4px 8px rgba(0,0,0,.15);color:var(--text-inverse);transform:translateY(-1px)}.reception-header__logout:focus{outline:3px solid hsla(0,0%,100%,.9);outline-offset:2px}.reception-tabs{background:#fff!important;border-bottom:2px solid var(--border-light);box-shadow:0 2px 4px -1px rgba(0,0,0,.06);display:flex;margin:0;padding:0}.reception-tab{align-items:center;background:#f5f5f5!important;border:none;color:#171717!important;cursor:pointer;display:flex;flex:1;font-size:var(--font-sm);font-weight:500;justify-content:center;min-height:48px;padding:var(--spacing-3);position:relative;text-align:center;transition:all var(--transition-fast)}.reception-tab.active{background:var(--surface-primary)!important;border-bottom:3px solid var(--primary-700)!important;color:var(--primary-700)!important;display:flex!important;opacity:1!important;visibility:visible!important}.reception-tab:hover:not(.active){background:#fafafa!important;color:#171717!important}.reception-tab__badge{background:var(--error-600);border-radius:var(--radius-full);color:var(--text-inverse);display:inline-block;font-size:var(--font-xs);margin-left:var(--spacing-1);min-width:20px;padding:var(--spacing-1)}.reception-actions{background:var(--surface-primary);border-bottom:1px solid var(--border-light);display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-3)}.reception-actions--single{padding-top:0}.reception-btn{align-items:center;border:none;border-radius:var(--radius-md);box-shadow:0 1px 3px rgba(0,0,0,.1);cursor:pointer;display:flex;flex:1;font-size:var(--font-xs);font-weight:600;gap:var(--spacing-2);justify-content:center;min-height:48px;overflow:hidden;padding:var(--spacing-4);position:relative;transition:all var(--transition-fast)}.reception-btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.reception-btn:hover:before{left:100%}.reception-btn--primary{background:var(--primary-500);color:var(--text-inverse)}.reception-btn--primary:hover{background:var(--primary-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.reception-btn--danger{background:var(--error-500);color:var(--text-inverse);width:100%}.reception-btn--danger:hover{background:var(--error-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.reception-btn:active{transform:translateY(0)}.reception-btn__icon{display:inline-block;height:16px;vertical-align:middle;width:16px}.icon-qr-scanner,.icon-warning{color:currentColor}.reception-modal__title .icon-warning{height:20px;margin-right:var(--spacing-2);vertical-align:middle;width:20px}.reception-form__select--spaced{margin-top:var(--spacing-2)}.reception-hidden{display:none!important}.reception-visible{display:block!important}.reception-loading-msg{background:var(--backdrop-light);border-radius:var(--radius-md);color:var(--text-inverse);left:50%;padding:var(--spacing-5);position:fixed;top:50%;transform:translate(-50%,-50%);z-index:var(--z-toast)}.reception-content{background:linear-gradient(145deg,#fafafa,#f0f0f0)!important;min-height:50vh;padding:var(--spacing-3)}.reception-list{background:#fff!important;border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);overflow:hidden}.reception-list .reception-item{align-items:center;background:#fff!important;border-bottom:1px solid var(--border-light);color:var(--text-primary);cursor:pointer;display:flex;min-height:64px;padding:var(--spacing-4);position:relative;transition:all var(--transition-fast)}.reception-list .reception-item:before{background:var(--primary-500);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform var(--transition-fast);width:4px}.reception-item:last-child{border-bottom:none}.reception-list .reception-item:hover{background:var(--primary-50)!important;transform:translateX(4px)}.reception-list .reception-item:hover:before{transform:scaleY(1)}.reception-list .reception-item--overdue{background:#fef2f2!important;border-left:4px solid #dc2626!important}.reception-list .reception-item--today{background:#fffbeb!important;border-left:4px solid #f59e0b!important}.reception-item__info{flex:1}.reception-item__name{color:#6d28d9!important;font-size:var(--font-base);font-weight:600;line-height:1.3;margin-bottom:var(--spacing-1)}.reception-item__company{margin-bottom:var(--spacing-1)}.reception-item__company,.reception-item__date{color:#525252!important;font-size:var(--font-sm)}.reception-item__date{font-weight:500}.reception-item__date--overdue{color:var(--error-700);font-weight:600}.reception-item__date--today{color:var(--warning-700);font-weight:600}.reception-empty{background:#fff!important;color:#525252!important;padding:var(--spacing-8);text-align:center}.reception-empty__title{color:#171717!important;font-weight:600;margin-bottom:var(--spacing-3)}.reception-modal{align-items:center;background:rgba(0,0,0,.6)!important;display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1030}.reception-modal.active{display:flex!important;opacity:1!important;visibility:visible!important}.reception-modal__content{background:#fff!important;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px rgba(0,0,0,.1);max-height:90%;max-width:90%;padding:var(--spacing-6);position:relative;width:500px}.reception-modal__content--large{padding:var(--spacing-8)}.reception-modal__title{color:#171717!important;font-size:var(--font-lg);font-weight:600;margin-bottom:var(--spacing-4);text-align:center}.reception-modal__title--danger{color:var(--error-600);font-size:var(--font-lg);margin-bottom:var(--spacing-6)}.reception-qr-video{background:var(--surface-secondary);border-radius:var(--radius-lg);height:300px;margin-bottom:var(--spacing-4);width:100%}.reception-qr-controls{display:flex;gap:var(--spacing-4);justify-content:center}.reception-qr-manual{border-top:1px solid var(--border-light);margin-top:var(--spacing-4);padding-top:var(--spacing-4)}.reception-qr-manual input{border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--font-sm);margin-bottom:var(--spacing-3);padding:var(--spacing-3);width:100%}.reception-modal-btn{border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-sm);padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-fast)}.reception-modal-btn--primary{background:var(--primary-700);color:var(--text-inverse)}.reception-modal-btn--secondary{background:var(--surface-secondary);border:1px solid var(--border-light);color:var(--text-primary)}.reception-modal-btn:hover{transform:translateY(-1px)}.reception-form{display:flex;flex-direction:column;gap:var(--spacing-4)}.reception-form__label{color:var(--text-primary);font-weight:600;margin-bottom:var(--spacing-1)}.reception-form__input,.reception-form__select,.reception-form__textarea{border:1px solid var(--border-light);border-radius:var(--radius-md);box-sizing:border-box;font-size:var(--font-sm);padding:var(--spacing-3);width:100%}.reception-form__textarea{min-height:80px;resize:vertical}.reception-form__actions{display:flex;gap:var(--spacing-4);margin-top:var(--spacing-6)}.reception-form__actions button{border:none;border-radius:var(--radius-md);cursor:pointer;flex:1;font-size:var(--font-sm);font-weight:600;padding:var(--spacing-4);transition:all var(--transition-fast)}.reception-form__submit{background:var(--error-600);color:var(--text-inverse)}.reception-form__submit:hover{background:var(--error-700)}.reception-form__cancel{background:var(--surface-secondary);border:1px solid var(--border-light);color:var(--text-primary)}.reception-form__cancel:hover{background:var(--surface-raised)}\n @media(min-width: 768px){.reception-tab{font-size:var(--font-sm);padding:var(--spacing-3)}.reception-item{padding:var(--spacing-4)}.reception-item__name{font-size:var(--font-base)}.reception-actions{flex-direction:column}.reception-modal__content{padding:var(--spacing-4);width:95%}.reception-qr-video{height:250px}}.reception-form__input:focus,.reception-form__select:focus,.reception-form__textarea:focus{border-color:var(--primary-500);outline:2px solid var(--primary-500);outline-offset:2px}.reception-btn:focus,.reception-modal-btn:focus,.reception-tab:focus{outline:2px solid var(--primary-500);outline-offset:2px}.reception-body .stack .reception-tabs,body.reception-body .stack .reception-tabs{background:#fff!important}.reception-body .stack .reception-tab,body.reception-body .stack .reception-tab{background:#f5f5f5!important;color:#171717!important}.reception-body .stack .reception-tab.active,body.reception-body .stack .reception-tab.active{background:#fff!important;color:#6d28d9!important}.reception-body .stack .reception-content,body.reception-body .stack .reception-content{background:#fafafa!important}.reception-body .stack .reception-list,body.reception-body .stack .reception-list{background:#fff!important}.reception-body .stack .reception-list .reception-item,body.reception-body .stack .reception-list .reception-item{background:#fff!important;color:#171717!important}.reception-body .stack .reception-empty,body.reception-body .stack .reception-empty{background:#fff!important;color:#525252!important}.reception-body,[data-theme=light] .reception-body{--surface-primary:#fff!important;--surface-secondary:#fafafa!important;--surface-tertiary:#f5f5f5!important;--text-primary:#171717!important;--text-secondary:#525252!important;background:#fafafa!important;color:#171717!important}.reception-body .reception-tabs,[data-theme=light] .reception-tabs{background:#fff!important}.reception-body .reception-tab,[data-theme=light] .reception-tab{background:#f5f5f5!important;color:#171717!important}.reception-body .reception-tab.active,[data-theme=light] .reception-tab.active{background:#fff!important;color:#6d28d9!important}}:root{--admin-primary:var(--primary-600);--admin-secondary:var(--primary-700);--admin-accent:var(--primary-500);--admin-success:var(--success-600);--admin-warning:var(--warning-600);--admin-danger:var(--error-600);--admin-info:var(--info-600)}[data-theme=dark]{--admin-bg-primary:var(--gray-900);--admin-bg-secondary:var(--gray-800);--admin-bg-tertiary:var(--gray-700);--admin-bg-dark:var(--gray-800);--admin-text-primary:var(--gray-100);--admin-text-secondary:var(--gray-300);--admin-text-muted:var(--gray-400);--admin-text-white:var(--gray-50);--admin-border:var(--gray-700);--admin-shadow:var(--shadow-sm);--admin-shadow-lg:var(--shadow-lg)}[data-theme=light]{--admin-bg-primary:#fff;--admin-bg-secondary:#f8fafc;--admin-bg-tertiary:#f1f5f9;--admin-bg-dark:var(--primary-600);--admin-text-primary:#1f2937;--admin-text-secondary:#374151;--admin-text-muted:#6b7280;--admin-text-white:#fff;--admin-text-inverse:#1f2937;--admin-border:#e5e7eb;--admin-border-strong:#d1d5db;--admin-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--admin-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--text-primary:var(--admin-text-primary);--text-secondary:var(--admin-text-secondary);--text-muted:var(--admin-text-muted);--surface-primary:var(--admin-bg-primary);--surface-secondary:var(--admin-bg-secondary);--surface-tertiary:var(--admin-bg-tertiary);--border-light:var(--admin-border);--info-bg:#dbeafe;--info-600:#1e3a8a}body[data-theme]{background:var(--admin-bg-primary);color:var(--admin-text-primary)}.admin-container{margin:0 auto;max-width:1400px;padding:calc(64px + 2rem) 2rem 2rem}.admin-header-wrapper{background:var(--admin-bg-dark);border-bottom:1px solid var(--admin-border);box-shadow:var(--admin-shadow-lg);left:0;position:fixed;top:0;width:100%;z-index:100}.admin-header-container{align-items:center;display:flex;height:64px;justify-content:space-between;margin:0 auto;max-width:1600px;padding:0 1.5rem}.admin-brand{align-items:center;color:var(--admin-text-white);display:flex;font-size:1.25rem;font-weight:600;gap:1rem;text-decoration:none}.admin-brand:hover{color:var(--admin-text-secondary)}.admin-brand-icon{background:var(--admin-primary);border-radius:6px;color:#fff;height:32px;justify-content:center;width:32px}.admin-brand-icon,.admin-nav{align-items:center;display:flex}.admin-nav{gap:.5rem}.admin-nav-item{align-items:center;border:1px solid transparent;border-radius:6px;color:var(--admin-text-white);display:flex;font-size:.9rem;font-weight:500;padding:.75rem 1rem;position:relative;text-decoration:none;transition:all .2s ease}.admin-nav-item:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2);transform:translateY(-1px)}.admin-nav-item.active{background:var(--admin-primary);border-color:var(--admin-primary)}.admin-user-menu{align-items:center;display:flex;gap:1rem;position:relative}.admin-system-status{align-items:center;background:rgba(39,174,96,.2);border-radius:6px;color:var(--admin-text-white);display:flex;font-size:.8rem;gap:.5rem;padding:.5rem}.admin-status-dot{animation:pulse 2s infinite;background:#27ae60;border-radius:50%;height:8px;width:8px}.admin-user-info{align-items:center;background:hsla(0,0%,100%,.1);border-radius:6px;color:var(--admin-text-white);cursor:pointer;display:flex;gap:.75rem;padding:.5rem 1rem;position:relative;transition:all .2s ease}.admin-user-info:hover{background:hsla(0,0%,100%,.2)}.admin-user-avatar{align-items:center;background:var(--admin-primary);border:2px solid hsla(0,0%,100%,.2);border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:700;height:32px;justify-content:center;width:32px}.admin-user-details{align-items:flex-start;display:flex;flex-direction:column}.admin-user-name{font-size:.9rem;font-weight:600}.admin-user-role{font-size:.75rem;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.admin-dropdown{background:var(--admin-bg-secondary);border:1px solid var(--admin-border);border-radius:8px;box-shadow:var(--admin-shadow-lg);margin-top:.5rem;min-width:200px;opacity:0;padding:.5rem;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .2s ease;visibility:hidden;z-index:1002}.admin-user-info:hover .admin-dropdown{opacity:1;transform:translateY(0);visibility:visible}.admin-dropdown-item{align-items:center;border-radius:6px;color:var(--admin-text-primary);display:flex;font-size:.9rem;gap:.75rem;padding:.75rem;text-decoration:none;transition:all .2s ease}.admin-dropdown-item:hover{background:var(--admin-bg-tertiary)}.admin-dropdown-item.danger{color:var(--admin-danger)}.admin-dropdown-item.danger:hover{background:rgba(220,38,38,.1)}.admin-breadcrumb{background:var(--admin-bg-tertiary);border-bottom:1px solid var(--admin-border);margin-top:64px;padding:.75rem 1.5rem}.admin-breadcrumb-container{align-items:center;color:var(--admin-text-secondary);display:flex;font-size:.9rem;gap:.5rem;margin:0 auto;max-width:1600px}.admin-breadcrumb-link{color:var(--admin-primary);font-weight:500;text-decoration:none}.admin-breadcrumb-link:hover{text-decoration:underline}.admin-breadcrumb-separator{color:var(--admin-text-secondary);margin:0 .5rem}.admin-mobile-toggle{background:none;border:none;color:var(--admin-text-white);cursor:pointer;display:none;font-size:1.5rem;padding:.5rem}@media (max-width:768px){.admin-header-container{padding:0 1rem}.admin-nav{background:var(--admin-bg-dark);border-bottom:1px solid var(--admin-border);box-shadow:var(--admin-shadow-lg);display:none;flex-direction:column;left:0;padding:1rem;position:absolute;top:100%;width:100%}.admin-nav.show{display:flex}.admin-nav-item{justify-content:flex-start;width:100%}.admin-mobile-toggle{display:block}.admin-system-status,.admin-user-details{display:none}}.admin-header{background:var(--admin-bg-dark);border-radius:8px;box-shadow:var(--admin-shadow-lg);color:var(--admin-text-white);margin-bottom:2rem;padding:1.5rem}[data-theme=light] .admin-header{background:var(--admin-primary);color:#fff}[data-theme=light] .admin-header h1{color:#fff}.admin-header h1{font-size:1.875rem;font-weight:600;margin:0}.admin-card{background:var(--admin-bg-secondary);border:1px solid var(--admin-border);border-radius:8px;box-shadow:var(--admin-shadow);margin-bottom:1.5rem;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.admin-card:hover{box-shadow:var(--admin-shadow-lg);transform:translateY(-2px)}.admin-card h2{margin-top:0}.admin-card h1,.admin-card h2,.admin-card h3,.admin-card h4,.admin-card h5,.admin-card h6{color:var(--admin-text-primary)}.admin-stat{background:var(--admin-bg-tertiary);border:1px solid var(--admin-border);border-radius:6px;padding:1rem;text-align:center}.admin-stat-value{color:var(--admin-primary);font-size:2rem;font-weight:700;margin-bottom:.5rem}.admin-stat-label{letter-spacing:.5px;text-transform:uppercase}.admin-table{background:var(--admin-bg-secondary);border-radius:8px;color:var(--admin-text-primary)}.admin-table thead{background:var(--admin-bg-tertiary);border-bottom:2px solid var(--admin-border)}.admin-table th{padding:.75rem;text-align:left}.admin-table tbody tr{border-bottom:1px solid var(--admin-border)}.admin-table tbody tr:hover{background:var(--admin-bg-tertiary)}.admin-table td{color:var(--admin-text-primary);padding:.75rem}.admin-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}[data-theme=light] .admin-badge--active{background:#dcfce7;border:1px solid #86efac;color:#14532d}[data-theme=light] .admin-badge--inactive{background:#fee2e2;border:1px solid #fca5a5;color:#7f1d1d}[data-theme=light] .admin-badge--admin{background:#dbeafe;border:1px solid #93c5fd;color:#1e3a8a}[data-theme=light] .admin-badge--pending{background:#fef3c7;border:1px solid #fde68a;color:#78350f}[data-theme=light] .admin-card{background:var(--admin-bg-secondary);border:1px solid var(--admin-border)}[data-theme=light] .admin-card,[data-theme=light] .admin-card h2,[data-theme=light] .admin-card h3,[data-theme=light] .admin-card h4{color:var(--admin-text-primary)}[data-theme=light] .admin-table{background:var(--admin-bg-secondary);color:var(--admin-text-primary)}[data-theme=light] .admin-table th{background:var(--admin-bg-tertiary);color:var(--admin-text-primary)}[data-theme=light] .admin-table td{border-color:var(--admin-border);color:var(--admin-text-primary)}[data-theme=light] .admin-table tbody tr:hover{background:var(--admin-bg-tertiary)}[data-theme=dark] .admin-badge--active{background:rgba(34,197,94,.2);border:1px solid rgba(34,197,94,.3);color:#86efac}[data-theme=dark] .admin-badge--inactive{background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.3);color:#fca5a5}[data-theme=dark] .admin-badge--admin{background:rgba(59,130,246,.2);border:1px solid rgba(59,130,246,.3);color:#93c5fd}[data-theme=dark] .admin-badge--pending{background:rgba(245,158,11,.2);border:1px solid rgba(245,158,11,.3);color:#fde68a}.admin-input,.admin-search,.admin-select{background:var(--admin-bg-tertiary);border:1px solid var(--admin-border);border-radius:6px;color:var(--admin-text-primary);font-size:.875rem;padding:.5rem .75rem}.admin-input:focus,.admin-search:focus,.admin-select:focus{border-color:var(--admin-primary);box-shadow:0 0 0 3px rgba(79,70,229,.1);outline:none}.admin-form{display:flex;flex-direction:column;gap:1.5rem}.admin-form-row{display:grid;gap:1rem;grid-template-columns:1fr 1fr}.admin-form-row-4col{grid-template-columns:repeat(4,1fr)}@media (max-width:1200px){.admin-form-row-4col{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.admin-form-row,.admin-form-row-4col{gap:1rem;grid-template-columns:1fr}}.admin-stats-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.admin-stat-card{background:var(--admin-bg-secondary);border:1px solid var(--admin-border);border-radius:8px;cursor:pointer;padding:1.5rem;text-align:center;transition:all .2s ease}.admin-stat-card:hover{background:var(--admin-bg-tertiary);border-color:var(--admin-primary);box-shadow:var(--admin-shadow-lg);transform:translateY(-2px)}.admin-stat-number{color:var(--admin-primary);font-size:2rem;font-weight:700;margin-bottom:.5rem}.admin-stat-label{color:var(--admin-text-secondary);font-size:.875rem;font-weight:500}.admin-card-tools{align-items:center;display:flex;gap:.75rem}.admin-form-group{display:flex;flex-direction:column;gap:.5rem}.admin-label{color:var(--admin-text-primary);font-size:.875rem;font-weight:500;margin-bottom:.25rem}.admin-required{color:var(--admin-danger);font-weight:600}.admin-input,.admin-select{background:var(--admin-bg-tertiary);border:1px solid var(--admin-border);border-radius:6px;color:var(--admin-text-primary);font-size:.875rem;min-height:2.5rem;padding:.75rem;transition:all .2s ease}.admin-input:focus,.admin-select:focus{background:var(--admin-bg-primary);border-color:var(--admin-primary);box-shadow:0 0 0 3px rgba(79,70,229,.1);outline:none}.admin-input::placeholder{color:var(--admin-text-muted)}.admin-textarea{font-family:inherit;line-height:1.5;min-height:100px;resize:vertical}.admin-checkbox-label{align-items:flex-start;background:var(--admin-bg-tertiary);border:1px solid var(--admin-border);border-radius:6px;cursor:pointer;display:flex;gap:.75rem;padding:1rem;transition:all .2s ease}.admin-checkbox-label:hover{background:var(--admin-bg-secondary);border-color:var(--admin-primary)}.admin-checkbox{appearance:none;background:var(--admin-bg-primary);border:2px solid var(--admin-border);border-radius:4px;cursor:pointer;flex-shrink:0;height:1.25rem;margin-top:.125rem;position:relative;transition:all .2s ease;width:1.25rem}.admin-checkbox:checked{background:var(--admin-primary);border-color:var(--admin-primary)}.admin-checkbox:checked:after{color:#fff;content:"✓";font-size:.75rem;font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.admin-checkbox:focus{box-shadow:0 0 0 3px rgba(79,70,229,.1);outline:none}.admin-checkbox-text{display:flex;flex:1;flex-direction:column;gap:.25rem}.admin-checkbox-title{color:var(--admin-text-primary);font-size:.875rem;font-weight:500}.admin-checkbox-desc{color:var(--admin-text-muted);font-size:.8125rem;line-height:1.4}.admin-form-actions{align-items:center;border-top:1px solid var(--admin-border);display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem}@media (max-width:768px){.admin-form-actions{flex-direction:column-reverse;gap:.75rem}.admin-form-actions .admin-btn{justify-content:center;width:100%}}.admin-quick-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}@media (max-width:768px){.admin-quick-actions{flex-direction:column}.admin-quick-actions .admin-btn{justify-content:center}}.admin-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.admin-btn-primary{background:var(--admin-primary);color:#fff}.admin-btn-primary:hover{background:var(--admin-secondary);transform:translateY(-1px)}.admin-btn-secondary{background:var(--admin-bg-tertiary);border:1px solid var(--admin-border);color:var(--admin-text-primary)}.admin-btn-secondary:hover{background:var(--admin-bg-secondary);transform:translateY(-1px)}.admin-btn-danger{background:var(--admin-danger);color:#fff}.admin-btn-danger:hover{background:var(--error-700);transform:translateY(-1px)}.admin-btn-success{background:var(--admin-success);color:#fff}.admin-btn-success:hover{background:var(--success-700);transform:translateY(-1px)}.admin-modal{align-items:center;background:rgba(0,0,0,.8);display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.admin-modal-content{animation:modalSlideIn .3s ease-out;background:var(--admin-bg-primary);max-width:500px;width:90%}.admin-modal-large .admin-modal-content{max-width:800px}.admin-modal-header h2{color:var(--admin-text-primary);font-size:1.25rem;font-weight:600;margin:0}.admin-modal-close{color:var(--admin-text-muted);transition:all .2s ease}.admin-modal-footer{gap:.75rem}@media (max-width:768px){.admin-modal-content{margin:1rem;width:95%}.admin-modal-footer{flex-direction:column-reverse}.admin-modal-footer .admin-btn{justify-content:center;width:100%}}.admin-table-container{margin-top:1rem;overflow-x:auto}.admin-table{background:var(--admin-bg-primary);border-collapse:collapse;border-radius:6px;box-shadow:var(--admin-shadow);overflow:hidden;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid var(--admin-border);padding:.75rem;text-align:left}.admin-table th{background:var(--admin-bg-tertiary);color:var(--admin-text-primary);font-size:.875rem;font-weight:600}.admin-table th.sortable{cursor:pointer;transition:background-color .2s ease;user-select:none}.admin-table th.sortable:hover{background:var(--admin-bg-secondary)}.admin-table tbody tr{transition:background-color .2s ease}.admin-table tbody tr:hover{background:var(--admin-bg-secondary)}.admin-table-empty{color:var(--admin-text-muted);font-style:italic;padding:2rem;text-align:center}.admin-header-actions{display:flex;gap:.75rem;margin-top:1rem}@media (max-width:768px){.admin-header-actions{flex-direction:column}}.admin-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.admin-card-header h3,.admin-card-title{color:var(--admin-text-primary);font-size:1.125rem;font-weight:600;margin:0}.admin-card-body{padding:1.5rem}.admin-table-header{background:var(--admin-bg-tertiary)}.admin-table-row{transition:background-color .2s ease}.admin-table-row:hover{background:var(--admin-bg-secondary)}.admin-table-cell{border-bottom:1px solid var(--admin-border);padding:.75rem}.admin-table-cell--center{text-align:center}.admin-text-muted{color:var(--admin-text-muted)}.admin-badge-admin{background:var(--admin-primary);color:#fff}.admin-status-success{color:var(--admin-success)}.admin-status-warning{color:var(--admin-warning)}.admin-status-error{color:var(--admin-danger)}.admin-status-info{color:var(--admin-info)}.admin-grid{display:grid;gap:1rem}.admin-grid-2{grid-template-columns:repeat(2,1fr)}.admin-grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1200px){.admin-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.admin-grid-2,.admin-grid-4{grid-template-columns:1fr}}.admin-flex-wrap{display:flex;flex-wrap:wrap;gap:.75rem}.admin-badge-active{background:var(--admin-success);color:#fff}.admin-badge-pending{background:var(--admin-warning);color:#fff}.admin-badge-secondary{background:var(--admin-text-muted);color:#fff}.admin-text-primary{color:var(--admin-text-primary)}.admin-text-secondary{color:var(--admin-text-secondary)}.admin-text-lg{font-size:1.125rem}.admin-text-xs{font-size:.75rem}.admin-font-semibold{font-weight:600}.admin-font-bold{font-weight:700}.admin-status-active{color:var(--admin-success)}.admin-status-archived{color:var(--admin-text-muted)}.admin-btn-sm{font-size:.875rem;padding:.375rem .75rem}.admin-btn-outline{background:transparent;border:1px solid var(--admin-border);color:var(--admin-text-primary)}.admin-btn-outline:hover{background:var(--admin-bg-secondary)}.admin-btn-error{background:var(--admin-danger);color:#fff}.admin-btn-error:hover{background:var(--admin-danger-dark)}.admin-flex-between{display:flex;justify-content:space-between}.admin-flex-center{align-items:center;display:flex}.admin-grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width:1200px){.admin-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.admin-grid-3{grid-template-columns:1fr}}.admin-table-empty-icon{font-size:2rem;margin-bottom:.5rem}.admin-table-empty-title{font-weight:600;margin-bottom:.5rem}.admin-table-empty-text{color:var(--admin-text-muted)}.admin-table-actions{align-items:center;display:flex;gap:.75rem}.admin-table-action{padding:.5rem}.admin-card-warning{background:var(--admin-warning-bg,rgba(255,193,7,.1));border-left:4px solid var(--admin-warning)}.admin-alert-error{background:var(--admin-danger-bg,rgba(220,53,69,.1));border:1px solid var(--admin-danger);border-radius:6px;color:var(--admin-danger);margin-bottom:1rem;padding:1rem}.admin-alert-success{background:var(--admin-success-bg,rgba(40,167,69,.1));border:1px solid var(--admin-success);border-radius:6px;color:var(--admin-success);margin-bottom:1rem;padding:1rem}.admin-pagination{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.admin-stats-card-clickable{cursor:pointer}.admin-stats-card-clickable:hover{box-shadow:var(--admin-shadow-lg);transform:translateY(-2px)}.admin-loading{color:var(--admin-text-muted);font-style:italic;padding:2rem;text-align:center}.admin-modal:not([hidden]){opacity:1;visibility:visible}.admin-modal-content{background:var(--admin-bg-secondary);border:1px solid var(--admin-border);border-radius:8px;box-shadow:var(--admin-shadow-lg);max-height:90vh;max-width:90vw;overflow-y:auto;transform:scale(.9);transition:transform .3s ease}.admin-modal:not([hidden]) .admin-modal-content{transform:scale(1)}.admin-modal-header{align-items:center;border-bottom:1px solid var(--admin-border);display:flex;justify-content:space-between;padding:1.5rem}.admin-modal-title{color:var(--admin-text-primary);font-size:1.25rem;font-weight:600;margin:0}.admin-modal-close{background:none;border:none;border-radius:4px;color:var(--admin-text-secondary);cursor:pointer;font-size:1.5rem;padding:.25rem;transition:all .2s}.admin-modal-close:hover{background:var(--admin-bg-tertiary);color:var(--admin-text-primary)}.admin-modal-body{padding:1.5rem}.admin-modal-footer{border-top:1px solid var(--admin-border);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}[data-theme=light] .admin-badge--success,[data-theme=light] .admin-status--success{background:#dcfce7;border:1px solid #16a34a;color:#14532d}[data-theme=light] .admin-badge--warning,[data-theme=light] .admin-status--warning{background:#fef3c7;border:1px solid #f59e0b;color:#78350f}[data-theme=light] .admin-badge--error,[data-theme=light] .admin-status--error{background:#fee2e2;border:1px solid #dc2626;color:#7f1d1d}[data-theme=light] .admin-badge--info,[data-theme=light] .admin-status--info{background:#dbeafe;border:1px solid #0ea5e9;color:#1e3a8a}[data-theme=light] .admin-input,[data-theme=light] .admin-search,[data-theme=light] .admin-select{background:#fff;border:1px solid var(--admin-border-strong);color:var(--admin-text-primary)}[data-theme=light] .admin-input:focus,[data-theme=light] .admin-search:focus,[data-theme=light] .admin-select:focus{background:#fff;border-color:var(--admin-primary);color:var(--admin-text-primary)}[data-theme=light] .admin-breadcrumb{background:var(--admin-bg-tertiary);border-color:var(--admin-border);color:var(--admin-text-secondary)}[data-theme=light] .admin-breadcrumb-link{color:var(--admin-primary)}[data-theme=light] .admin-text--muted,[data-theme=light] [style*="color: var(--admin-text-muted)"],[data-theme=light] [style*="color: var(--text-muted)"]{color:var(--admin-text-muted)!important}[data-theme=light] .admin-text--secondary,[data-theme=light] [style*="color: var(--admin-text-secondary)"],[data-theme=light] [style*="color: var(--text-secondary)"]{color:var(--admin-text-secondary)!important}[data-theme=light] .admin-text--primary,[data-theme=light] [style*="color: var(--admin-text-primary)"],[data-theme=light] [style*="color: var(--text-primary)"]{color:var(--admin-text-primary)!important}@media (max-width:768px){.admin-container{padding:calc(64px + 1.5rem) 1rem 1rem}.admin-card,.admin-header{margin-bottom:1rem;padding:1rem}.admin-header h1{font-size:1.5rem}.admin-table{font-size:.875rem}.admin-table td,.admin-table th{padding:.5rem}.admin-modal-content{margin:1rem;max-width:calc(100vw - 2rem)}.admin-modal-body,.admin-modal-footer,.admin-modal-header{padding:1rem}.admin-btn{font-size:.9rem;padding:.75rem 1rem}.theme-toggle{bottom:1rem;right:1rem}}@media (max-width:480px){.admin-container{padding:calc(64px + 1rem) .5rem .5rem}.admin-breadcrumb{padding:.5rem 1rem}.admin-stat-value{font-size:1.5rem}.admin-modal-footer{flex-direction:column}.admin-btn{justify-content:center;width:100%}}.admin-badge-success{background:var(--admin-success);color:#fff}.admin-badge-warning{background:var(--admin-warning);color:#fff}.admin-badge-danger{background:var(--admin-danger);color:#fff}:root{--sa-primary:var(--primary-600);--sa-secondary:var(--primary-700);--sa-accent:var(--primary-500);--sa-success:var(--success-600);--sa-warning:var(--warning-600);--sa-danger:var(--error-600);--sa-info:var(--info-600)}[data-theme=dark]{--sa-bg-primary:var(--gray-900);--sa-bg-secondary:var(--gray-800);--sa-bg-tertiary:var(--gray-700);--sa-bg-dark:var(--gray-800);--sa-text-primary:var(--gray-100);--sa-text-secondary:var(--gray-300);--sa-text-muted:var(--gray-400);--sa-text-white:var(--gray-50);--sa-border:var(--gray-700);--sa-shadow:var(--shadow-sm);--sa-shadow-lg:var(--shadow-lg)}[data-theme=light]{--sa-bg-primary:var(--gray-50);--sa-bg-secondary:#fff;--sa-bg-tertiary:var(--gray-100);--sa-bg-dark:var(--primary-600);--sa-text-primary:var(--gray-800);--sa-text-secondary:var(--gray-600);--sa-text-muted:var(--gray-500);--sa-text-white:#fff;--sa-border:var(--gray-200);--sa-shadow:var(--shadow-sm);--sa-shadow-lg:var(--shadow-lg)}body[data-theme]{background:var(--sa-bg-primary);color:var(--sa-text-primary);transition:background .3s,color .3s}.sa-container{margin:0 auto;max-width:1400px;padding:2rem}.sa-header-wrapper{background:var(--sa-bg-dark);border-bottom:1px solid var(--sa-border);box-shadow:var(--sa-shadow-lg);left:0;position:fixed;top:0;width:100%;z-index:100}.sa-header-container{height:64px;justify-content:space-between;margin:0 auto;max-width:1600px;padding:0 1.5rem}.sa-brand,.sa-header-container{align-items:center;display:flex}.sa-brand{color:var(--sa-text-white);font-size:1.25rem;font-weight:600;gap:1rem;text-decoration:none}.sa-brand:hover{color:var(--sa-text-secondary)}.sa-brand-icon{background:var(--sa-primary);border-radius:6px;color:#fff;height:32px;justify-content:center;width:32px}.sa-brand-icon,.sa-nav{align-items:center;display:flex}.sa-nav{gap:.5rem}.sa-nav-item{align-items:center;border:1px solid transparent;border-radius:6px;color:var(--sa-text-white);display:flex;font-size:.9rem;font-weight:500;padding:.75rem 1rem;position:relative;text-decoration:none;transition:all .2s ease}.sa-nav-item:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2);transform:translateY(-1px)}.sa-nav-item.active{background:var(--sa-primary);border-color:var(--sa-primary)}.sa-user-menu{align-items:center;display:flex;gap:1rem;position:relative}.sa-system-status{align-items:center;background:rgba(39,174,96,.2);border-radius:6px;color:var(--sa-text-white);display:flex;font-size:.8rem;gap:.5rem;padding:.5rem}.sa-status-dot{animation:pulse 2s infinite;background:#27ae60;border-radius:50%;height:8px;width:8px}.sa-user-info{align-items:center;background:hsla(0,0%,100%,.1);border-radius:6px;color:var(--sa-text-white);cursor:pointer;display:flex;gap:.75rem;padding:.5rem 1rem;position:relative;transition:all .2s ease}.sa-user-info:hover{background:hsla(0,0%,100%,.2)}.sa-user-avatar{align-items:center;background:var(--sa-primary);border:2px solid hsla(0,0%,100%,.2);border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:700;height:32px;justify-content:center;width:32px}.sa-user-details{align-items:flex-start;display:flex;flex-direction:column}.sa-user-name{font-size:.9rem;font-weight:600}.sa-user-role{font-size:.75rem;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.sa-dropdown{background:var(--sa-bg-secondary);border:1px solid var(--sa-border);border-radius:8px;box-shadow:var(--sa-shadow-lg);margin-top:.5rem;min-width:200px;opacity:0;padding:.5rem;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .2s ease;visibility:hidden;z-index:1002}.sa-user-info:hover .sa-dropdown{opacity:1;transform:translateY(0);visibility:visible}.sa-dropdown-item{align-items:center;border-radius:6px;color:var(--sa-text-primary);display:flex;font-size:.9rem;gap:.75rem;padding:.75rem;text-decoration:none;transition:all .2s ease}.sa-dropdown-item:hover{background:var(--sa-bg-tertiary)}.sa-dropdown-item.danger{color:var(--sa-danger)}.sa-dropdown-item.danger:hover{background:rgba(220,38,38,.1)}.sa-breadcrumb{background:var(--sa-bg-tertiary);border-bottom:1px solid var(--sa-border);margin-top:64px;padding:.75rem 1.5rem}.sa-breadcrumb-container{align-items:center;color:var(--sa-text-secondary);display:flex;font-size:.9rem;gap:.5rem;margin:0 auto;max-width:1600px}.sa-breadcrumb-link{color:var(--sa-primary);font-weight:500;text-decoration:none}.sa-breadcrumb-link:hover{text-decoration:underline}.sa-breadcrumb-separator{color:var(--sa-text-secondary);margin:0 .5rem}.sa-mobile-toggle{background:none;border:none;color:var(--sa-text-white);cursor:pointer;display:none;font-size:1.5rem;padding:.5rem}@media (max-width:768px){.sa-header-container{padding:0 1rem}.sa-nav{background:var(--sa-bg-dark);border-bottom:1px solid var(--sa-border);box-shadow:var(--sa-shadow-lg);display:none;flex-direction:column;left:0;padding:1rem;position:absolute;top:100%;width:100%}.sa-nav.show{display:flex}.sa-nav-item{justify-content:flex-start;width:100%}.sa-mobile-toggle{display:block}.sa-system-status,.sa-user-details{display:none}}.sa-header{background:var(--sa-bg-dark);border-radius:8px;box-shadow:var(--sa-shadow-lg);color:var(--sa-text-white);margin-bottom:2rem;padding:1.5rem}.sa-header h1{font-size:1.875rem;font-weight:600;margin:0}.sa-card{background:var(--sa-bg-secondary);border:1px solid var(--sa-border);border-radius:8px;box-shadow:var(--sa-shadow);margin-bottom:1.5rem;padding:1.5rem}.sa-card h2{color:var(--sa-text-primary);margin-top:0}.sa-stat{background:var(--sa-bg-tertiary);border:1px solid var(--sa-border);border-radius:6px;padding:1rem;text-align:center}.sa-stat-value{color:var(--sa-primary);font-size:2rem;font-weight:700;margin-bottom:.5rem}.sa-stat-label{color:var(--sa-text-secondary);font-size:.875rem;letter-spacing:.5px;text-transform:uppercase}.sa-table{background:var(--sa-bg-secondary);border-collapse:collapse;color:var(--sa-text-primary);width:100%}.sa-table thead{background:var(--sa-bg-tertiary);border-bottom:2px solid var(--sa-border)}.sa-table th{color:var(--sa-text-primary);font-weight:600;padding:.75rem;text-align:left}.sa-table tbody tr{border-bottom:1px solid var(--sa-border)}.sa-table tbody tr:hover{background:var(--sa-bg-tertiary)}.sa-table td{color:var(--sa-text-primary);padding:.75rem}.sa-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}[data-theme=light] .sa-badge--active{background:#dcfce7;border:1px solid #86efac;color:#14532d}[data-theme=light] .sa-badge--inactive{background:#fee2e2;border:1px solid #fca5a5;color:#7f1d1d}[data-theme=light] .sa-badge--admin{background:#dbeafe;border:1px solid #93c5fd;color:#1e3a8a}[data-theme=light] .sa-badge--superadmin{background:#fef3c7;border:1px solid #fde68a;color:#78350f}[data-theme=light] .sa-badge--receptionist{background:#f3f4f6;border:1px solid #d1d5db;color:#1f2937}[data-theme=dark] .sa-badge--active{background:rgba(34,197,94,.2);border:1px solid rgba(34,197,94,.3);color:#86efac}[data-theme=dark] .sa-badge--inactive{background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.3);color:#fca5a5}[data-theme=dark] .sa-badge--admin{background:rgba(59,130,246,.2);border:1px solid rgba(59,130,246,.3);color:#93c5fd}[data-theme=dark] .sa-badge--superadmin{background:rgba(245,158,11,.2);border:1px solid rgba(245,158,11,.3);color:#fde68a}[data-theme=dark] .sa-badge--receptionist{background:rgba(156,163,175,.2);border:1px solid rgba(156,163,175,.3);color:#d1d5db}.sa-input,.sa-search,.sa-select{background:var(--sa-bg-tertiary);border:1px solid var(--sa-border);border-radius:6px;color:var(--sa-text-primary);font-size:.875rem;padding:.5rem .75rem}.sa-input:focus,.sa-search:focus,.sa-select:focus{border-color:var(--sa-primary);box-shadow:0 0 0 3px rgba(79,70,229,.1);outline:none}.sa-btn{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.sa-btn-primary{background:var(--sa-primary);color:#fff}.sa-btn-primary:hover{background:var(--sa-secondary)}.sa-btn-secondary{background:var(--sa-bg-tertiary);border:1px solid var(--sa-border);color:var(--sa-text-primary)}.sa-btn-secondary:hover{background:var(--sa-bg-secondary)}.sa-btn-danger{background:var(--sa-danger);color:#fff}.sa-btn-danger:hover{background:var(--error-700)}.security-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:var(--spacing-lg) 0}.security-card{background:var(--sa-bg-secondary);border-left:4px solid var(--sa-primary);border:1px solid var(--sa-border);border-radius:8px;box-shadow:var(--sa-shadow);padding:var(--spacing-lg);transition:transform .2s ease,box-shadow .2s ease}.security-card:hover{box-shadow:var(--sa-shadow-lg);transform:translateY(-2px)}.security-card h3{align-items:center;color:var(--sa-text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:var(--spacing-sm);margin:0 0 var(--spacing-md) 0}.stat-number{color:var(--sa-primary);font-size:2.5rem;font-weight:700;line-height:1;margin:var(--spacing-sm) 0}.text-secondary{color:var(--sa-text-secondary);font-size:.9rem}.threat-list{list-style:none;margin:var(--spacing-md) 0;padding:0}.threat-list li{align-items:center;border-bottom:1px solid var(--sa-border);color:var(--sa-text-primary);display:flex;justify-content:space-between;padding:var(--spacing-sm) 0}.threat-list li:last-child{border-bottom:none}.threat-type{font-size:.85rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.threat-count{background:var(--sa-danger);border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;min-width:24px;padding:.25rem .5rem;text-align:center}.incident-log{background:var(--sa-bg-tertiary);border:1px solid var(--sa-border);border-radius:8px;grid-column:1/-1;max-height:500px;overflow-y:auto;padding:var(--spacing-md)}.incident-item{background:var(--sa-bg-secondary);border-left:4px solid var(--sa-warning);border-radius:6px;box-shadow:var(--sa-shadow);color:var(--sa-text-primary);margin:var(--spacing-sm) 0;padding:var(--spacing-md);transition:all .2s ease}.incident-item:hover{box-shadow:var(--sa-shadow-lg);transform:translateX(2px)}.incident-item.critical{border-left-color:var(--sa-danger)}.incident-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:space-between;margin-bottom:var(--spacing-sm)}.incident-type{background:var(--sa-warning);border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.incident-type.critical{background:var(--sa-danger)}.incident-time{color:var(--sa-text-secondary);font-family:monospace;font-size:.85rem}.incident-details{color:var(--sa-text-primary);font-size:.9rem;line-height:1.4;margin-top:var(--spacing-sm)}.controls{flex-wrap:wrap;gap:var(--spacing-md);margin:var(--spacing-xl) 0}.auto-refresh,.controls{align-items:center;display:flex}.auto-refresh{color:var(--sa-text-secondary);font-size:.9rem;gap:var(--spacing-xs)}.refresh-indicator{animation:pulse 2s infinite;background:var(--sa-success);border-radius:50%;display:inline-block;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.ip-list{font-family:var(--font-mono,"Monaco","Menlo","Ubuntu Mono",monospace);font-size:.9rem;line-height:1.6}.ip-list div{background:var(--sa-bg-tertiary);border:1px solid var(--sa-border);border-radius:4px;margin:var(--spacing-sm) 0;padding:var(--spacing-xs)}.status-indicator{animation:pulse 2s infinite;border-radius:50%;display:inline-block;height:10px;margin-right:var(--spacing-sm);width:10px}.status-safe{animation:none;background:var(--sa-success)}.status-warning{background:var(--sa-warning)}.status-danger{background:var(--sa-danger)}@media (max-width:768px){.sa-container{padding:1rem}.sa-table{font-size:.875rem}.sa-table td,.sa-table th{padding:.5rem}.security-grid{gap:var(--spacing-md);grid-template-columns:1fr}.security-card{padding:var(--spacing-md)}.stat-number{font-size:2rem}.incident-header{gap:var(--spacing-xs)}.controls,.incident-header{align-items:flex-start;flex-direction:column}.controls{gap:var(--spacing-sm)}.incident-log{max-height:400px}}