:root{--color-primary:#014265;--color-primary-light:#0b4a6b;--color-primary-lighter:#2c5f7e;--color-primary-dark:#012f47;--color-secondary:#3a7ca5;--color-secondary-light:#5a9ec4;--color-secondary-dark:#2c5f7e;--color-accent:#5a9ec4;--color-accent-light:#7cb3d5;--color-accent-dark:#3a7ca5;--color-bg-primary:#fff;--color-bg-secondary:#f5f8fa;--color-bg-tertiary:#e8eef2;--color-bg-elevated:#fff;--color-text-primary:#000;--color-text-secondary:#333;--color-text-tertiary:#666;--color-text-quaternary:#999;--color-text-inverse:#fff;--color-border-primary:#e0e0e0;--color-border-secondary:#f0f0f0;--color-border-focus:#014265;--color-border-error:#f44336;--color-overlay:#00000080;--color-overlay-light:#0000004d;--color-success:#4caf50;--color-success-light:#81c784;--color-success-dark:#388e3c;--color-success-bg:#e8f5e9;--color-error:#f44336;--color-error-light:#e57373;--color-error-dark:#d32f2f;--color-error-bg:#ffebee;--color-warning:#ff9800;--color-warning-light:#ffb74d;--color-warning-dark:#f57c00;--color-warning-bg:#fff3e0;--color-info:#2196f3;--color-info-light:#64b5f6;--color-info-dark:#1976d2;--color-info-bg:#e3f2fd;--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-family-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--spacing-0:0;--spacing-px:1px;--spacing-0-5:0.125rem;--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;--spacing-24:6rem;--spacing-32:8rem;--spacing-xs:var(--spacing-1);--spacing-sm:var(--spacing-2);--spacing-md:var(--spacing-3);--spacing-lg:var(--spacing-4);--spacing-xl:var(--spacing-6);--spacing-2xl:var(--spacing-8);--spacing-3xl:var(--spacing-12);--container-padding-mobile:var(--spacing-4);--container-padding-tablet:var(--spacing-6);--container-padding-desktop:var(--spacing-8);--radius-none:0;--radius-sm:0.25rem;--radius-base:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-full:9999px;--radius-round:var(--radius-full);--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-base:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-md:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-lg:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-xl:0 25px 50px -12px #00000040;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-primary:0 4px 14px 0 #01426526;--shadow-secondary:0 4px 14px 0 #3a7ca526;--shadow-inner:inset 0 2px 4px 0 #0000000d;--ease-linear:linear;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--duration-fast:150ms;--duration-base:200ms;--duration-slow:300ms;--duration-slower:500ms;--transition-fast:all var(--duration-fast) var(--ease-out);--transition-base:all var(--duration-base) var(--ease-out);--transition-slow:all var(--duration-slow) var(--ease-out);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:1000;--z-modal:1001;--z-popover:1002;--z-tooltip:1003;--z-notification:1004;--breakpoint-xs:375px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--breakpoint-mobile:768px;--breakpoint-tablet:1024px;--breakpoint-desktop:1280px}[data-theme=dark]{--color-bg-primary:#0f1419;--color-bg-secondary:#1a2332;--color-bg-tertiary:#253447;--color-bg-elevated:#1a2332;--color-text-primary:#fff;--color-text-secondary:#e0e0e0;--color-text-tertiary:#b0b0b0;--color-text-quaternary:grey;--color-text-inverse:#000;--color-border-primary:#3a4a5e;--color-border-secondary:#2a3a4e;--color-border-focus:#5a9ec4;--color-primary:#2c5f7e;--color-primary-light:#3a7ca5;--color-secondary:#5a9ec4;--color-overlay:#000000b3;--color-overlay-light:#00000080}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff4d;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-md)}[data-theme=dark] .glass{background:#1a2332b3;border:1px solid #ffffff1a}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-1{gap:.25rem;gap:var(--spacing-1)}.gap-2{gap:.5rem;gap:var(--spacing-2)}.gap-3{gap:.75rem;gap:var(--spacing-3)}.gap-4{gap:1rem;gap:var(--spacing-4)}.gap-6{gap:1.5rem;gap:var(--spacing-6)}.gap-8{gap:2rem;gap:var(--spacing-8)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-normal{font-weight:400;font-weight:var(--font-weight-normal)}.font-medium{font-weight:500;font-weight:var(--font-weight-medium)}.font-semibold{font-weight:600;font-weight:var(--font-weight-semibold)}.font-bold{font-weight:700;font-weight:var(--font-weight-bold)}:focus-visible{outline:2px solid #014265;outline:2px solid var(--color-border-focus);outline-offset:2px}:focus:not(:focus-visible){outline:none}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}[data-design=frisia]{--frisia-primary:#014265;--frisia-primary-dark:#012f47;--frisia-primary-light:#0b4a6b;--frisia-primary-lighter:#2c5f7e;--frisia-secondary:#3a7ca5;--frisia-secondary-light:#5a9ec4;--frisia-secondary-lighter:#7cb8d8;--frisia-accent:#5a9ec4;--frisia-accent-light:#8ecae6;--frisia-bg-page:#f0f4f7;--frisia-bg-surface:#fff;--frisia-bg-elevated:#fff;--frisia-bg-muted:#f5f8fa;--frisia-bg-subtle:#e8eef3;--frisia-text-primary:#1a2b3c;--frisia-text-secondary:#4a5568;--frisia-text-tertiary:#718096;--frisia-text-muted:#a0aec0;--frisia-text-inverse:#fff;--frisia-border-default:#e2e8f0;--frisia-border-subtle:#edf2f7;--frisia-border-strong:#cbd5e0;--frisia-border-focus:#3a7ca5;--frisia-alert:#e53e3e;--frisia-alert-light:#fc8181;--frisia-alert-bg:#fff5f5;--frisia-success:#38a169;--frisia-success-light:#68d391;--frisia-success-bg:#f0fff4;--frisia-warning:#d69e2e;--frisia-warning-light:#f6e05e;--frisia-warning-bg:ivory;--frisia-info:#3182ce;--frisia-info-light:#63b3ed;--frisia-info-bg:#ebf8ff;--frisia-font-display:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--frisia-font-body:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--frisia-font-mono:"JetBrains Mono","SF Mono",Monaco,monospace;--frisia-text-xs:0.75rem;--frisia-text-sm:0.875rem;--frisia-text-base:1rem;--frisia-text-lg:1.125rem;--frisia-text-xl:1.25rem;--frisia-text-2xl:1.5rem;--frisia-text-3xl:1.875rem;--frisia-text-4xl:2.25rem;--frisia-text-5xl:3rem;--frisia-font-light:300;--frisia-font-normal:400;--frisia-font-medium:500;--frisia-font-semibold:600;--frisia-font-bold:700;--frisia-leading-tight:1.25;--frisia-leading-snug:1.375;--frisia-leading-normal:1.5;--frisia-leading-relaxed:1.625;--frisia-tracking-tight:-0.025em;--frisia-tracking-normal:0;--frisia-tracking-wide:0.025em;--frisia-space-0:0;--frisia-space-1:0.25rem;--frisia-space-2:0.5rem;--frisia-space-3:0.75rem;--frisia-space-4:1rem;--frisia-space-5:1.25rem;--frisia-space-6:1.5rem;--frisia-space-8:2rem;--frisia-space-10:2.5rem;--frisia-space-12:3rem;--frisia-space-16:4rem;--frisia-space-20:5rem;--frisia-space-24:6rem;--frisia-radius-none:0;--frisia-radius-sm:0.375rem;--frisia-radius-base:0.5rem;--frisia-radius-md:0.75rem;--frisia-radius-lg:1rem;--frisia-radius-xl:1.25rem;--frisia-radius-2xl:1.5rem;--frisia-radius-3xl:2rem;--frisia-radius-full:9999px;--frisia-shadow-xs:0 1px 2px #0142650a;--frisia-shadow-sm:0 2px 4px #0142650f;--frisia-shadow-base:0 4px 12px #01426514;--frisia-shadow-md:0 6px 16px #0142651a;--frisia-shadow-lg:0 8px 24px #0142651f;--frisia-shadow-xl:0 12px 32px #01426526;--frisia-shadow-2xl:0 20px 48px #0142652e;--frisia-shadow-primary:0 4px 14px #01426540;--frisia-shadow-alert:0 4px 14px #e53e3e59;--frisia-shadow-success:0 4px 14px #38a16959;--frisia-shadow-inner:inset 0 2px 4px #0000000f;--frisia-ease-default:cubic-bezier(0.4,0,0.2,1);--frisia-ease-in:cubic-bezier(0.4,0,1,1);--frisia-ease-out:cubic-bezier(0,0,0.2,1);--frisia-ease-bounce:cubic-bezier(0.34,1.56,0.64,1);--frisia-ease-elastic:cubic-bezier(0.68,-0.55,0.265,1.55);--frisia-duration-fast:150ms;--frisia-duration-base:200ms;--frisia-duration-slow:300ms;--frisia-duration-slower:500ms;--frisia-transition-fast:all 150ms var(--frisia-ease-default);--frisia-transition-base:all 200ms var(--frisia-ease-default);--frisia-transition-slow:all 300ms var(--frisia-ease-default);--frisia-transition-bounce:all 400ms var(--frisia-ease-bounce);--frisia-z-base:0;--frisia-z-dropdown:100;--frisia-z-sticky:200;--frisia-z-fixed:300;--frisia-z-overlay:400;--frisia-z-modal:500;--frisia-z-popover:600;--frisia-z-tooltip:700;--frisia-z-notification:800;--frisia-header-height:64px;--frisia-header-height-mobile:56px;--frisia-bottom-nav-height:96px;--frisia-sidebar-width:280px;--frisia-max-content-width:1200px;--frisia-safe-top:env(safe-area-inset-top);--frisia-safe-bottom:env(safe-area-inset-bottom);--frisia-safe-left:env(safe-area-inset-left);--frisia-safe-right:env(safe-area-inset-right)}[data-design=frisia][data-theme=dark]{--frisia-bg-page:#0f1419;--frisia-bg-surface:#1a2332;--frisia-bg-elevated:#253447;--frisia-bg-muted:#1e2d3d;--frisia-bg-subtle:#2a3a4e;--frisia-text-primary:#fff;--frisia-text-secondary:#e2e8f0;--frisia-text-tertiary:#a0aec0;--frisia-text-muted:#718096;--frisia-text-inverse:#1a2b3c;--frisia-border-default:#3a4a5e;--frisia-border-subtle:#2a3a4e;--frisia-border-strong:#4a5a6e;--frisia-border-focus:#5a9ec4;--frisia-primary:#2c5f7e;--frisia-primary-light:#3a7ca5;--frisia-secondary:#5a9ec4;--frisia-shadow-xs:0 1px 2px #0003;--frisia-shadow-sm:0 2px 4px #00000040;--frisia-shadow-base:0 4px 12px #0000004d;--frisia-shadow-md:0 6px 16px #00000059;--frisia-shadow-lg:0 8px 24px #0006;--frisia-shadow-xl:0 12px 32px #00000073;--frisia-alert-bg:#e53e3e26;--frisia-success-bg:#38a16926;--frisia-warning-bg:#d69e2e26;--frisia-info-bg:#3182ce26}[data-design=frisia]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--frisia-bg-page);color:var(--frisia-text-primary);color-scheme:light;font-family:var(--frisia-font-body)}[data-design=frisia] input,[data-design=frisia] select,[data-design=frisia] textarea{background-color:#fff;color:#333;color-scheme:light}[data-design=frisia] .frisia-card{background:var(--frisia-bg-surface);border-radius:var(--frisia-radius-xl);box-shadow:var(--frisia-shadow-base);padding:var(--frisia-space-5);transition:var(--frisia-transition-base)}[data-design=frisia] .frisia-card:hover{box-shadow:var(--frisia-shadow-md);transform:translateY(-2px)}[data-design=frisia] .frisia-card--interactive{cursor:pointer}[data-design=frisia] .frisia-card--interactive:hover{box-shadow:var(--frisia-shadow-lg);transform:translateY(-4px)}[data-design=frisia] .frisia-card--interactive:active{transform:translateY(-2px)}[data-design=frisia] .frisia-btn{align-items:center;border:none;border-radius:var(--frisia-radius-full);cursor:pointer;display:inline-flex;font-family:var(--frisia-font-body);font-size:var(--frisia-text-sm);font-weight:var(--frisia-font-medium);gap:var(--frisia-space-2);justify-content:center;line-height:1;padding:var(--frisia-space-3) var(--frisia-space-5);text-decoration:none;transition:var(--frisia-transition-base)}[data-design=frisia] .frisia-btn--primary{background:var(--frisia-primary);color:var(--frisia-text-inverse)}[data-design=frisia] .frisia-btn--primary:hover{background:var(--frisia-primary-dark);box-shadow:var(--frisia-shadow-primary);transform:translateY(-1px)}[data-design=frisia] .frisia-btn--secondary{background:var(--frisia-bg-subtle);color:var(--frisia-text-primary)}[data-design=frisia] .frisia-btn--secondary:hover{background:var(--frisia-border-default)}[data-design=frisia] .frisia-btn--ghost{background:#0000;border:1.5px solid var(--frisia-border-default);color:var(--frisia-text-primary)}[data-design=frisia] .frisia-btn--ghost:hover{background:var(--frisia-bg-subtle);border-color:var(--frisia-border-strong)}[data-design=frisia] .frisia-btn--ghost-inverse{background:#0000;border:1.5px solid #fff6;color:var(--frisia-text-inverse)}[data-design=frisia] .frisia-btn--ghost-inverse:hover{background:#ffffff1a;border-color:#ffffffb3}[data-design=frisia] .frisia-input{background:var(--frisia-bg-surface);border:1px solid var(--frisia-border-default);border-radius:var(--frisia-radius-lg);color:var(--frisia-text-primary);font-family:var(--frisia-font-body);font-size:var(--frisia-text-base);outline:none;padding:var(--frisia-space-3) var(--frisia-space-4);transition:var(--frisia-transition-fast);width:100%}[data-design=frisia] .frisia-input:focus{border-color:var(--frisia-border-focus);box-shadow:0 0 0 3px #3a7ca526}[data-design=frisia] .frisia-input::placeholder{color:var(--frisia-text-muted)}[data-design=frisia] .frisia-search{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23718096' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");background-position:var(--frisia-space-4) center;background-repeat:no-repeat;border-radius:var(--frisia-radius-full);padding-left:var(--frisia-space-12)}[data-design=frisia] .frisia-badge{align-items:center;box-shadow:var(--frisia-shadow-alert);color:var(--frisia-text-inverse);display:inline-flex;font-size:var(--frisia-text-xs);font-weight:var(--frisia-font-bold);height:20px;justify-content:center;min-width:20px;padding:0 var(--frisia-space-2)}[data-design=frisia] .frisia-badge,[data-design=frisia] .frisia-dot{background:var(--frisia-alert);border-radius:var(--frisia-radius-full)}[data-design=frisia] .frisia-dot{animation:frisia-pulse 2s ease-in-out infinite;box-shadow:0 0 0 2px var(--frisia-bg-surface);height:10px;width:10px}@keyframes frisia-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.15)}}[data-design=frisia] .frisia-avatar{align-items:center;background:linear-gradient(135deg,var(--frisia-secondary),var(--frisia-accent));border-radius:var(--frisia-radius-full);color:var(--frisia-text-inverse);display:flex;font-weight:var(--frisia-font-semibold);justify-content:center;overflow:hidden}[data-design=frisia] .frisia-avatar--sm{font-size:var(--frisia-text-xs);height:32px;width:32px}[data-design=frisia] .frisia-avatar--md{font-size:var(--frisia-text-sm);height:44px;width:44px}[data-design=frisia] .frisia-avatar--lg{font-size:var(--frisia-text-xl);height:64px;width:64px}[data-design=frisia] .frisia-avatar--xl{font-size:var(--frisia-text-2xl);height:80px;width:80px}[data-design=frisia] .frisia-avatar img{height:100%;object-fit:cover;width:100%}[data-design=frisia] .frisia-heading-1{font-size:var(--frisia-text-3xl);font-weight:var(--frisia-font-bold)}[data-design=frisia] .frisia-heading-1,[data-design=frisia] .frisia-heading-2{color:var(--frisia-text-primary);font-family:var(--frisia-font-display);line-height:var(--frisia-leading-tight)}[data-design=frisia] .frisia-heading-2{font-size:var(--frisia-text-2xl);font-weight:var(--frisia-font-semibold)}[data-design=frisia] .frisia-heading-3{color:var(--frisia-text-primary);font-family:var(--frisia-font-display);font-size:var(--frisia-text-xl);font-weight:var(--frisia-font-semibold);line-height:var(--frisia-leading-snug)}[data-design=frisia] .frisia-body{color:var(--frisia-text-secondary);font-size:var(--frisia-text-base);line-height:var(--frisia-leading-normal)}[data-design=frisia] .frisia-caption{color:var(--frisia-text-tertiary);font-size:var(--frisia-text-sm);line-height:var(--frisia-leading-normal)}[data-design=frisia] .frisia-meta{color:var(--frisia-text-muted);font-size:var(--frisia-text-xs)}@keyframes frisia-fade-in{0%{opacity:0}to{opacity:1}}@keyframes frisia-fade-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes frisia-fade-in-down{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes frisia-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes frisia-slide-in-right{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes frisia-slide-in-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}[data-design=frisia] .frisia-animate-fade-in{animation:frisia-fade-in var(--frisia-duration-base) var(--frisia-ease-out)}[data-design=frisia] .frisia-animate-fade-in-up{animation:frisia-fade-in-up var(--frisia-duration-slow) var(--frisia-ease-out)}[data-design=frisia] .frisia-animate-scale-in{animation:frisia-scale-in var(--frisia-duration-base) var(--frisia-ease-out)}[data-design=frisia] .frisia-stagger-1{animation-delay:50ms}[data-design=frisia] .frisia-stagger-2{animation-delay:.1s}[data-design=frisia] .frisia-stagger-3{animation-delay:.15s}[data-design=frisia] .frisia-stagger-4{animation-delay:.2s}[data-design=frisia] .frisia-stagger-5{animation-delay:.25s}@media (prefers-reduced-motion:reduce){[data-design=frisia] *,[data-design=frisia] :after,[data-design=frisia] :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}[data-design=frisia] :focus-visible{outline:2px solid var(--frisia-border-focus);outline-offset:2px}[data-design=frisia] :focus:not(:focus-visible){outline:none}[data-design=frisia] .frisia-sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (min-width:640px){[data-design=frisia]{--frisia-header-height:68px}}@media (min-width:768px){[data-design=frisia]{--frisia-header-height:72px}}@media (min-width:1024px){[data-design=frisia]{--frisia-bottom-nav-height:0}}.btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--font-base);font-weight:var(--font-medium);gap:var(--spacing-sm);justify-content:center;line-height:var(--line-tight);outline:none;padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.btn:focus-visible{outline:2px solid var(--color-turquoise);outline-offset:2px}.btn-primary{background:var(--color-turquoise)!important;color:var(--color-white)!important}.btn-primary:hover:not(:disabled){background:var(--color-turquoise-dark)!important;box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-secondary{background:var(--color-magenta);color:var(--color-white)}.btn-secondary:hover:not(:disabled){background:var(--color-magenta-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary:active:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-success{background:var(--color-success);color:var(--color-white)}.btn-success:hover:not(:disabled){background:var(--color-success-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-danger{background:var(--color-error);color:var(--color-white)}.btn-danger:hover:not(:disabled){background:var(--color-error-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-warning{background:var(--color-warning);color:var(--color-white)}.btn-warning:hover:not(:disabled){background:var(--color-warning-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-info{background:var(--color-info);color:var(--color-white)}.btn-info:hover:not(:disabled){background:var(--color-info-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-outline-primary{background:#0000;border:2px solid var(--color-turquoise);color:var(--color-turquoise)}.btn-outline-primary:hover:not(:disabled){background:var(--color-turquoise);color:var(--color-white)}.btn-outline-secondary{background:#0000;border:2px solid var(--color-magenta);color:var(--color-magenta)}.btn-outline-secondary:hover:not(:disabled){background:var(--color-magenta);color:var(--color-white)}.btn-outline-danger{background:#0000;border:2px solid var(--color-error);color:var(--color-error)}.btn-outline-danger:hover:not(:disabled){background:var(--color-error);color:var(--color-white)}.btn-ghost{background:#0000;color:var(--color-text);padding:var(--spacing-sm) var(--spacing-md)}.btn-ghost:hover:not(:disabled){background:var(--color-bg-dark)}.btn-cancel{background:var(--color-gray)!important;color:var(--color-white)!important}.btn-cancel:hover:not(:disabled){background:#546e7a!important}.btn-link{background:#0000;color:var(--color-turquoise);padding:var(--spacing-sm) var(--spacing-md)}.btn-link:hover:not(:disabled){background:#0000;color:var(--color-turquoise-dark)}.btn-sm{border-radius:var(--radius-md);font-size:var(--font-sm);padding:var(--spacing-sm) var(--spacing-md)}.btn-lg{font-size:var(--font-lg);padding:var(--spacing-lg) var(--spacing-2xl)}.btn-lg,.btn-xl{border-radius:var(--radius-xl)}.btn-xl{font-size:var(--font-xl);padding:var(--spacing-xl) var(--spacing-3xl)}.btn-block{width:100%}.btn-icon{border-radius:var(--radius-md);height:40px;padding:var(--spacing-md);width:40px}.btn-icon.btn-sm{height:32px;padding:var(--spacing-sm);width:32px}.btn-icon.btn-lg{height:48px;padding:var(--spacing-lg);width:48px}.btn-with-icon{align-items:center;display:inline-flex;gap:var(--spacing-sm)}.btn-with-icon i,.btn-with-icon svg{font-size:1.2em}.btn-loading{color:#0000!important;pointer-events:none;position:relative}.btn-loading:after{animation:spin .6s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:initial;content:"";height:16px;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%;width:16px}.btn-group{display:inline-flex;flex-wrap:wrap;gap:var(--spacing-sm)}.btn-group.btn-group-vertical{flex-direction:column}.btn-group-attached{display:inline-flex}.btn-group-attached .btn{border-radius:0;margin-left:-1px}.btn-group-attached .btn:first-child{border-radius:var(--radius-lg) 0 0 var(--radius-lg);margin-left:0}.btn-group-attached .btn:last-child{border-radius:0 var(--radius-lg) var(--radius-lg) 0}.btn-fab{border-radius:50%;bottom:var(--spacing-2xl);box-shadow:var(--shadow-xl);height:56px;padding:0;position:fixed;right:var(--spacing-2xl);width:56px;z-index:var(--z-sticky)}.btn-fab:hover:not(:disabled){box-shadow:var(--shadow-2xl);transform:scale(1.05)}@media (max-width:768px){.btn{font-size:var(--font-sm);padding:var(--spacing-sm) var(--spacing-lg)}.btn-lg{font-size:var(--font-base);padding:var(--spacing-md) var(--spacing-xl)}.btn-xl{font-size:var(--font-lg);padding:var(--spacing-lg) var(--spacing-2xl)}.modal-footer .btn{width:100%}.btn-fab{bottom:var(--spacing-lg);height:48px;right:var(--spacing-lg);width:48px}}@media (prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover:not(:disabled){transform:none}.btn-loading:after{animation:none}}@media print{.btn,.btn-fab,.btn-group{display:none!important}}.form-group{margin-bottom:var(--spacing-lg);width:100%}.form-group:last-child{margin-bottom:0}.form-label{color:var(--color-text);display:block;font-size:var(--font-base);font-weight:var(--font-medium);line-height:var(--line-tight);margin-bottom:var(--spacing-sm)}.form-label.required:after{color:var(--color-error);content:" *"}.form-label-optional{color:var(--color-text-lighter);font-size:var(--font-sm);font-weight:var(--font-normal);margin-left:var(--spacing-xs)}.form-input,.form-select,.form-textarea{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);font-family:inherit;font-size:var(--font-base);outline:none;padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-fast);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-turquoise);box-shadow:0 0 0 3px #00bcd41a}.form-input:hover:not(:disabled):not(:focus),.form-select:hover:not(:disabled):not(:focus),.form-textarea:hover:not(:disabled):not(:focus){border-color:var(--color-border-dark)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:var(--color-bg-light);color:var(--color-text-lighter);cursor:not-allowed;opacity:.6}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-lighter)}.form-input-sm,.form-select-sm{font-size:var(--font-sm);padding:var(--spacing-sm) var(--spacing-md)}.form-input-lg,.form-select-lg{font-size:var(--font-lg);padding:var(--spacing-lg) var(--spacing-xl)}.form-textarea{line-height:var(--line-normal);min-height:120px}.form-textarea-sm{min-height:80px}.form-textarea-lg{min-height:200px}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23666' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right var(--spacing-md) center;background-repeat:no-repeat;cursor:pointer;padding-right:var(--spacing-3xl)}.form-input-group{position:relative;width:100%}.form-input-icon{color:var(--color-text-lighter);left:var(--spacing-md);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.form-input-group .form-input{padding-left:var(--spacing-3xl)}.form-input-icon-right{left:auto;right:var(--spacing-md)}.form-input-group .form-input.has-icon-right{padding-right:var(--spacing-3xl)}.form-checkbox,.form-radio{align-items:flex-start;cursor:pointer;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.form-checkbox:last-child,.form-radio:last-child{margin-bottom:0}.form-checkbox input[type=checkbox],.form-radio input[type=radio]{accent-color:var(--color-turquoise);cursor:pointer;flex-shrink:0;height:20px;margin-top:2px;width:20px}.form-checkbox label,.form-radio label{color:var(--color-text);cursor:pointer;flex:1 1;font-size:var(--font-base);font-weight:var(--font-normal);line-height:var(--line-normal);margin:0}.form-checkbox-group,.form-radio-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-checkbox-group-inline,.form-radio-group-inline{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-lg)}.form-switch{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.form-switch input[type=checkbox]{-webkit-appearance:none;appearance:none;background:var(--color-border-dark);border-radius:12px;cursor:pointer;flex-shrink:0;height:24px;position:relative;transition:background var(--transition-base);width:44px}.form-switch input[type=checkbox]:checked{background:var(--color-turquoise)}.form-switch input[type=checkbox]:before{background:#fff;border-radius:50%;box-shadow:var(--shadow-sm);content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform var(--transition-base);width:20px}.form-switch input[type=checkbox]:checked:before{transform:translateX(20px)}.form-switch label{color:var(--color-text);cursor:pointer;font-size:var(--font-base);margin:0}.form-group.has-error .form-input,.form-group.has-error .form-select,.form-group.has-error .form-textarea{border-color:var(--color-error)}.form-group.has-error .form-input:focus,.form-group.has-error .form-select:focus,.form-group.has-error .form-textarea:focus{box-shadow:0 0 0 3px #f443361a}.form-error{align-items:center;color:var(--color-error);display:flex;font-size:var(--font-sm);gap:var(--spacing-xs);line-height:var(--line-tight);margin-top:var(--spacing-sm)}.form-error:before{content:"⚠";font-size:var(--font-base)}.form-group.has-success .form-input,.form-group.has-success .form-select,.form-group.has-success .form-textarea{border-color:var(--color-success)}.form-success{align-items:center;color:var(--color-success);display:flex;font-size:var(--font-sm);gap:var(--spacing-xs);line-height:var(--line-tight);margin-top:var(--spacing-sm)}.form-success:before{content:"✓";font-size:var(--font-base)}.form-help{color:var(--color-text-light);display:block;font-size:var(--font-sm);line-height:var(--line-normal);margin-top:var(--spacing-sm)}.form-file{cursor:pointer;display:inline-block;position:relative}.form-file input[type=file]{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.form-file-label{align-items:center;background:var(--color-bg-light);border:2px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);cursor:pointer;display:inline-flex;font-size:var(--font-base);gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-fast)}.form-file:hover .form-file-label{background:#00bcd40d;border-color:var(--color-turquoise)}.form-file input[type=file]:focus+.form-file-label{outline:2px solid var(--color-turquoise);outline-offset:2px}.form-dropzone{background:var(--color-bg-light);border:2px dashed var(--color-border);border-radius:var(--radius-lg);cursor:pointer;padding:var(--spacing-3xl);text-align:center;transition:all var(--transition-base)}.form-dropzone.drag-over,.form-dropzone:hover{background:#00bcd40d;border-color:var(--color-turquoise)}.form-dropzone-icon{color:var(--color-text-lighter);font-size:var(--font-3xl);margin-bottom:var(--spacing-md)}.form-dropzone-text{color:var(--color-text);font-size:var(--font-base);margin-bottom:var(--spacing-sm)}.form-dropzone-hint{color:var(--color-text-lighter);font-size:var(--font-sm)}.form-search{position:relative}.form-search input{padding-left:var(--spacing-3xl);padding-right:var(--spacing-3xl)}.form-search-icon{left:var(--spacing-md);pointer-events:none}.form-search-clear,.form-search-icon{color:var(--color-text-lighter);position:absolute;top:50%;transform:translateY(-50%)}.form-search-clear{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-xs);right:var(--spacing-md);transition:all var(--transition-fast)}.form-search-clear:hover{background:var(--color-bg-dark);color:var(--color-text)}.form-inline{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.form-inline .form-group{flex:1 1;margin-bottom:0;min-width:200px}.form-row{grid-gap:var(--spacing-lg);gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.form-row:last-child{margin-bottom:0}@media (max-width:768px){.form-input,.form-select,.form-textarea{font-size:var(--font-base);padding:var(--spacing-md)}.form-inline{flex-direction:column}.form-inline .form-group{min-width:0;width:100%}.form-row{grid-template-columns:1fr}.form-checkbox-group-inline,.form-radio-group-inline{flex-direction:column}}@media (prefers-reduced-motion:reduce){.form-input,.form-select,.form-switch input[type=checkbox]:before,.form-textarea{transition:none}}@media print{.form-input,.form-select,.form-textarea{background:#fff;border:1px solid #000}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate-fade-in{animation:fadeIn var(--transition-base)}.animate-fade-out{animation:fadeOut var(--transition-base)}@keyframes slideLeft{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideRight{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.animate-slide-up{animation:slideUp var(--transition-slow)}.animate-slide-down{animation:slideDown var(--transition-slow)}.animate-slide-left{animation:slideLeft var(--transition-slow)}.animate-slide-right{animation:slideRight var(--transition-slow)}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.animate-scale-in{animation:scaleIn var(--transition-base)}.animate-scale-out{animation:scaleOut var(--transition-base)}.animate-bounce{animation:bounce 1s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.animate-shake{animation:shake .4s ease-in-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.animate-spin-slow{animation:spin 2s linear infinite}.animate-spin-fast{animation:spin .5s linear infinite}@keyframes ping{0%{opacity:1;transform:scale(1)}75%,to{opacity:0;transform:scale(1.5)}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes wiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.animate-wiggle{animation:wiggle .3s ease-in-out}@keyframes heartbeat{0%,to{transform:scale(1)}10%,30%{transform:scale(1.1)}20%,40%{transform:scale(1)}}.animate-heartbeat{animation:heartbeat 1.5s ease-in-out infinite}@keyframes progress{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.animate-progress{animation:progress 1.5s ease-in-out infinite}@keyframes skeleton{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{animation:skeleton 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--color-bg-light) 25%,var(--color-border-light) 50%,var(--color-bg-light) 75%);background-size:200% 100%;border-radius:var(--radius-md)}.ripple{overflow:hidden;position:relative}.ripple:after{background:#ffffff80;border-radius:50%;content:"";height:100%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);width:100%}.ripple:active:after{animation:ripple .6s ease-out}@keyframes flipIn{0%{opacity:0;transform:perspective(400px) rotateY(90deg)}to{opacity:1;transform:perspective(400px) rotateY(0)}}.animate-flip-in{animation:flipIn .6s ease-out}@keyframes zoomIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes zoomOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}.animate-zoom-in{animation:zoomIn var(--transition-slow)}.animate-zoom-out{animation:zoomOut var(--transition-slow)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.animate-blink{animation:blink 1s step-end infinite}@keyframes rotate360{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-rotate{animation:rotate360 2s linear infinite}.transition-all{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.transition-colors{transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base)}.transition-opacity{transition:opacity var(--transition-base)}.transition-transform{transition:transform var(--transition-base)}.hover-lift{transition:transform var(--transition-fast)}.hover-lift:hover{transform:translateY(-2px)}.hover-grow{transition:transform var(--transition-fast)}.hover-grow:hover{transform:scale(1.05)}.hover-shrink{transition:transform var(--transition-fast)}.hover-shrink:hover{transform:scale(.95)}.spinner{border:4px solid var(--color-border-light);border-top-color:var(--color-turquoise)}.spinner-sm{border-width:2px;height:20px;width:20px}.spinner-lg{border-width:6px;height:60px;width:60px}@keyframes dot-pulse{0%,80%,to{opacity:.3;transform:scale(1)}40%{opacity:1;transform:scale(1.2)}}.loading-dots{display:inline-flex;gap:var(--spacing-xs)}.loading-dots span{animation:dot-pulse 1.4s ease-in-out infinite;background:var(--color-turquoise);border-radius:50%;height:8px;width:8px}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-500{animation-delay:.5s}.animate-delay-1000{animation-delay:1s}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.animate-bounce,.animate-heartbeat,.animate-ping,.animate-pulse,.animate-spin{animation:none!important}.skeleton{animation:none;background:var(--color-bg-light)}}*{box-sizing:border-box;margin:0;padding:0}:root{--color-frisia-primary:var(--color-primary);--color-frisia-secondary:var(--color-primary-light);--color-frisia-light:var(--color-primary-lighter);--color-frisia-lighter:var(--color-secondary);--color-frisia-accent:var(--color-accent);--color-frisia-bg:var(--color-bg-secondary);--color-magenta:var(--color-primary);--color-magenta-dark:var(--color-primary-light);--color-pink:var(--color-primary-lighter);--color-turquoise:var(--color-secondary);--color-turquoise-dark:var(--color-primary-lighter);--color-orange:var(--color-accent);--color-green:var(--color-primary-lighter);--color-dark-green:var(--color-primary);--color-blue:var(--color-secondary);--color-dark-blue:var(--color-primary);--color-gray:#607d8b;--color-light-gray:var(--color-bg-secondary);--color-white:var(--color-bg-primary);--color-text:var(--color-text-primary);--color-text-light:var(--color-text-secondary);--color-text-lighter:var(--color-text-tertiary);--color-bg-light:var(--color-bg-secondary);--color-bg-dark:var(--color-bg-tertiary);--color-bg-white:var(--color-bg-primary);--color-border:var(--color-border-primary);--color-border-light:var(--color-border-secondary);--color-border-dark:#ccc;--font-xs:var(--font-size-xs);--font-sm:var(--font-size-sm);--font-base:var(--font-size-base);--font-lg:var(--font-size-lg);--font-xl:var(--font-size-xl);--font-2xl:var(--font-size-2xl);--font-3xl:var(--font-size-3xl);--font-normal:var(--font-weight-normal);--font-medium:var(--font-weight-medium);--font-semibold:var(--font-weight-semibold);--font-bold:var(--font-weight-bold);--line-tight:var(--line-height-tight);--line-normal:var(--line-height-normal);--line-relaxed:var(--line-height-relaxed);--modal-sm:500px;--modal-md:700px;--modal-lg:800px;--modal-xl:1000px;--modal-max-height:90vh;--modal-overlay-bg:var(--color-overlay);--modal-backdrop-blur:4px}html{overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-secondary);background-color:var(--color-frisia-bg);color:var(--color-text-primary);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}#root,body{max-width:100vw;overflow-x:hidden;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{border:none;cursor:pointer;font-family:inherit;outline:none}input,select,textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;padding:8px 12px}input:focus,select:focus,textarea:focus{border-color:var(--color-turquoise);outline:none}a{color:var(--color-secondary);color:var(--color-turquoise);text-decoration:none}a:hover{text-decoration:underline}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh}.login-box{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:400px;padding:40px;width:100%}.login-header{margin-bottom:30px;text-align:center}.logo{display:flex;justify-content:center;margin-bottom:20px}.logo img{height:80px;width:auto}.login-header h1{color:var(--color-text);font-size:28px;margin-bottom:5px}.login-header p{color:var(--color-text-light);font-size:14px}.login-db-status{align-items:center;border-radius:6px;display:flex;font-size:13px;font-weight:500;gap:8px;justify-content:center;margin-top:15px;padding:8px 12px;transition:all .3s}.login-db-status-connected{background-color:#e8f5e9;color:#1b5e20}.login-db-status-disconnected{background-color:#ffebee;color:#b71c1c}.login-db-status-checking{background-color:#fff3e0;color:#e65100}.login-db-icon{font-size:16px;line-height:1}.login-db-text{font-size:12px}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{gap:8px}.form-group label{color:var(--color-text)}.form-group input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:12px}.form-group input:focus{border-color:var(--color-turquoise)}.btn-login{background:var(--color-turquoise);border-radius:6px;color:#fff;font-size:16px;font-weight:500;margin-top:10px;padding:12px;transition:background .3s}.btn-login:hover:not(:disabled){background:#0097a7}.btn-login:disabled{cursor:not-allowed;opacity:.6}.error-message{border-radius:6px;padding:12px;text-align:center}.login-divider{margin:25px 0;position:relative;text-align:center}.login-divider:before{background:#ddd;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.login-divider span{background:#fff;color:var(--color-text-light);font-size:13px;padding:0 15px;position:relative}.btn-microsoft{align-items:center;background:#fff;border:1px solid #8c8c8c;border-radius:6px;color:#5e5e5e;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;justify-content:center;padding:12px;transition:all .3s;width:100%}.btn-microsoft:hover:not(:disabled){background:#f3f3f3;border-color:#8c8c8c}.btn-microsoft:disabled{cursor:not-allowed;opacity:.6}.btn-microsoft svg{flex-shrink:0}.login-footer{margin-top:20px;text-align:center}.login-footer p{color:var(--color-text-light);font-size:12px}@media (max-width:480px){.login-box{margin:0 16px;max-width:100%;padding:24px 20px}.logo img{height:60px}.login-header h1{font-size:24px}.login-header p{font-size:13px}.login-db-status{font-size:12px;margin-top:12px;padding:6px 10px}.login-db-text{font-size:11px}.form-group label{font-size:13px}.form-group input{font-size:14px;padding:10px}.btn-login{font-size:15px;padding:10px}}@media (max-width:360px){.login-box{margin:0 12px;padding:20px 16px}.logo img{height:50px}.login-header h1{font-size:22px}.login-db-status{padding:5px 8px}.form-group input{font-size:13px;padding:8px}}.onboarding-progress{display:flex;gap:20px;justify-content:center;margin-bottom:25px;padding:0 10px}.progress-step{align-items:center;display:flex;flex-direction:column;gap:6px;opacity:.4;transition:all .3s}.progress-step.active{opacity:1}.progress-step.completed{opacity:.7}.progress-step .step-number{align-items:center;background:#e0e0e0;border-radius:50%;color:#666;display:flex;font-size:12px;font-weight:600;height:28px;justify-content:center;transition:all .3s;width:28px}.progress-step.active .step-number{background:var(--color-turquoise);color:#fff}.progress-step.completed .step-number{background:#4caf50;color:#fff}.progress-step .step-label{color:var(--color-text-light);font-size:11px;font-weight:500}.form-info{background:#e3f2fd;border-radius:8px;margin-bottom:5px;padding:15px}.form-info p{color:#1565c0;font-size:14px;margin:0 0 8px}.form-info p:last-child{margin-bottom:0}.form-hint{color:var(--color-text-light);margin-top:4px}.code-input{font-size:24px!important;font-weight:600;letter-spacing:8px;text-align:center}.form-links{display:flex;gap:20px;justify-content:center;margin-top:10px}.link-button{color:var(--color-turquoise);font-size:13px;text-decoration:underline}.link-button:hover{color:#0097a7}.link-button:disabled{cursor:not-allowed;opacity:.5}.password-requirements{background:#f5f5f5;border-radius:6px;font-size:12px;padding:12px}.password-requirements p{color:var(--color-text);font-weight:600;margin:0 0 8px}.password-requirements ul{margin:0;padding-left:20px}.password-requirements li{color:#999;margin-bottom:4px;transition:color .2s}.password-requirements li.met{color:#4caf50}.password-requirements li.met::marker{content:"\2714 "}.login-footer-links{font-size:13px;margin-top:20px;text-align:center}.login-footer-links a{color:var(--color-turquoise);text-decoration:none}.login-footer-links a:hover{text-decoration:underline}.link-separator{color:#ddd;margin:0 10px}@media (max-width:480px){.onboarding-progress{gap:15px}.progress-step .step-number{font-size:11px;height:24px;width:24px}.progress-step .step-label{font-size:10px}.form-info{padding:12px}.form-info p{font-size:13px}.code-input{font-size:20px!important;letter-spacing:6px}.form-links{flex-direction:column;gap:10px}.password-requirements{font-size:11px;padding:10px}}[data-theme=dark] .login-container{background:linear-gradient(135deg,#1a2332,#253447)}[data-theme=dark] .login-box{background:var(--color-bg-elevated);box-shadow:0 10px 40px #0006}[data-theme=dark] .form-group input{background:var(--color-bg-secondary);border-color:var(--color-border-primary);color:var(--color-text-primary)}[data-theme=dark] .form-group input:focus{border-color:var(--color-secondary)}[data-theme=dark] .login-divider:before{background:var(--color-border-primary)}[data-theme=dark] .login-divider span{background:var(--color-bg-elevated)}[data-theme=dark] .btn-microsoft{background:var(--color-bg-secondary);border-color:var(--color-border-primary);color:var(--color-text-secondary)}[data-theme=dark] .btn-microsoft:hover:not(:disabled){background:var(--color-bg-tertiary)}[data-theme=dark] .error-message{background:#d32f2f33}[data-theme=dark] .progress-step .step-number{background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}[data-theme=dark] .form-info{background:#2196f326}[data-theme=dark] .form-info p{color:#64b5f6}[data-theme=dark] .password-requirements{background:var(--color-bg-tertiary)}[data-theme=dark] .password-requirements li{color:var(--color-text-tertiary)}[data-theme=dark] .link-separator{color:var(--color-border-primary)}.frisia-login{--frisia-primary:#014265;--frisia-primary-dark:#012f47;--frisia-primary-light:#0b4a6b;--frisia-secondary:#3a7ca5;--frisia-accent:#5a9ec4;--surface-white:#fff;--bg-page:#f0f4f7;--text-dark:#1a2b3c;--text-medium:#4a5568;--text-light:#718096;--text-muted:#a0aec0;--text-inverse:#fff;--success-green:#38a169;--error-red:#e53e3e;--warning-orange:#dd6b20;--card-radius:24px;--input-radius:14px;--button-radius:50px;--shadow-card:0 8px 32px #0142651f,0 2px 8px #0142650f;--shadow-input:0 2px 4px #0142650a;--shadow-button:0 4px 14px #01426540;--transition-smooth:all 0.2s cubic-bezier(0.4,0,0.2,1);--transition-bounce:all 0.4s cubic-bezier(0.34,1.56,0.64,1);align-items:center;background:linear-gradient(160deg,var(--frisia-primary) 0,var(--frisia-primary-dark) 50%,#011d2e 100%);display:flex;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;justify-content:center;min-height:100vh;min-height:100dvh;overflow:hidden;padding:20px;position:relative}.frisia-login__waves{bottom:0;height:200px;opacity:.06}.frisia-login__decoration,.frisia-login__waves{left:0;pointer-events:none;position:absolute;width:100%}.frisia-login__decoration{height:100%;overflow:hidden;top:0}.frisia-login__dot{background:#ffffff0a;border-radius:50%;position:absolute}.frisia-login__dot--1{height:300px;right:-60px;top:-80px;width:300px}.frisia-login__dot--2{bottom:10%;height:200px;left:-40px;width:200px}.frisia-login__dot--3{height:150px;right:15%;top:40%;width:150px}.frisia-login__card{animation:frisiaLoginFadeInUp .5s cubic-bezier(0,0,.2,1) both;background:var(--surface-white);border-radius:var(--card-radius);box-shadow:var(--shadow-card);max-width:420px;padding:44px 40px 36px;position:relative;width:100%;z-index:1}@keyframes frisiaLoginFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.frisia-login__header{margin-bottom:32px;text-align:center}.frisia-login__logo{display:flex;justify-content:center;margin-bottom:16px}.frisia-login__logo img{height:72px;width:auto}.frisia-login__title{color:var(--frisia-primary);font-family:DM Sans,sans-serif;font-size:26px;font-weight:700;letter-spacing:-.02em;margin:0 0 6px}.frisia-login__tagline{color:var(--text-light);font-size:14px;font-weight:400;margin:0}.frisia-login__db-status{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;margin-top:14px;padding:5px 12px;transition:var(--transition-smooth)}.frisia-login__db-status--connected{background:#f0fff4;color:#276749}.frisia-login__db-status--disconnected{background:#fff5f5;color:#9b2c2c}.frisia-login__db-status--checking{background:#fffaf0;color:#9c4221}.frisia-login__db-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.frisia-login__db-status--connected .frisia-login__db-dot{background:var(--success-green);box-shadow:0 0 0 2px #38a16933}.frisia-login__db-status--disconnected .frisia-login__db-dot{background:var(--error-red);box-shadow:0 0 0 2px #e53e3e33}.frisia-login__db-status--checking .frisia-login__db-dot{animation:frisiaStatusPulse 1.5s ease-in-out infinite;background:var(--warning-orange);box-shadow:0 0 0 2px #dd6b2033}@keyframes frisiaStatusPulse{0%,to{opacity:1}50%{opacity:.4}}.frisia-login__form{display:flex;flex-direction:column;gap:18px}.frisia-login__error{animation:frisiaShake .4s ease-in-out;background:#fff5f5;border:1px solid #fed7d7;border-radius:12px;color:#c53030;font-size:13px;font-weight:500;padding:12px 16px;text-align:center}@keyframes frisiaShake{0%,to{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}.frisia-login__field{display:flex;flex-direction:column;gap:6px}.frisia-login__label{color:var(--text-dark);font-size:13px;font-weight:600;letter-spacing:.01em}.frisia-login__input{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:var(--input-radius);box-shadow:var(--shadow-input);box-sizing:border-box;color:var(--text-dark);font-family:DM Sans,sans-serif;font-size:15px;outline:none;padding:13px 16px;transition:var(--transition-smooth);width:100%}.frisia-login__input::placeholder{color:var(--text-muted)}.frisia-login__input:hover{border-color:#cbd5e0}.frisia-login__input:focus{background:var(--surface-white);border-color:var(--frisia-secondary);box-shadow:0 0 0 3px #3a7ca51f}.frisia-login__btn-primary{background:var(--frisia-primary);border:none;border-radius:var(--button-radius);color:var(--text-inverse);cursor:pointer;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;margin-top:4px;overflow:hidden;padding:14px 24px;position:relative;transition:var(--transition-smooth)}.frisia-login__btn-primary:hover:not(:disabled){background:var(--frisia-primary-dark);box-shadow:var(--shadow-button);transform:translateY(-1px)}.frisia-login__btn-primary:active:not(:disabled){box-shadow:none;transform:translateY(0)}.frisia-login__btn-primary:disabled{cursor:not-allowed;opacity:.6}.frisia-login__divider{align-items:center;display:flex;gap:16px;margin:8px 0}.frisia-login__divider-line{background:#e2e8f0;flex:1 1;height:1px}.frisia-login__divider-text{color:var(--text-muted);font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.frisia-login__btn-microsoft{align-items:center;background:var(--surface-white);border:1.5px solid #e2e8f0;border-radius:var(--button-radius);color:var(--text-medium);cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;gap:10px;justify-content:center;padding:13px 20px;transition:var(--transition-smooth);width:100%}.frisia-login__btn-microsoft:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0;box-shadow:0 2px 8px #0000000f;transform:translateY(-1px)}.frisia-login__btn-microsoft:disabled{cursor:not-allowed;opacity:.6}.frisia-login__btn-microsoft svg{flex-shrink:0}.frisia-login__footer{margin-top:20px;text-align:center}.frisia-login__footer a{color:var(--frisia-secondary);font-size:13px;font-weight:500;text-decoration:none;transition:var(--transition-smooth)}.frisia-login__footer a:hover{color:var(--frisia-primary);text-decoration:underline}.frisia-login__branding{bottom:24px;left:0;position:absolute;right:0;text-align:center;z-index:1}.frisia-login__branding-text{color:#ffffff4d;font-size:12px;font-weight:400;letter-spacing:.02em}[data-theme=dark] .frisia-login{background:linear-gradient(160deg,#0a1929,#0f1419 50%,#060d14)}[data-theme=dark] .frisia-login__card{background:#1a2332;box-shadow:0 8px 32px #0006,0 2px 8px #0003}[data-theme=dark] .frisia-login__title{color:#fff}[data-theme=dark] .frisia-login__tagline{color:#a0aec0}[data-theme=dark] .frisia-login__label{color:#e2e8f0}[data-theme=dark] .frisia-login__input{background:#253447;border-color:#3a4a5e;color:#fff}[data-theme=dark] .frisia-login__input::placeholder{color:#718096}[data-theme=dark] .frisia-login__input:hover{border-color:#4a5a6e}[data-theme=dark] .frisia-login__input:focus{background:#1e2d3d;border-color:var(--frisia-accent);box-shadow:0 0 0 3px #5a9ec426}[data-theme=dark] .frisia-login__btn-primary{background:var(--frisia-secondary)}[data-theme=dark] .frisia-login__btn-primary:hover:not(:disabled){background:var(--frisia-accent)}[data-theme=dark] .frisia-login__divider-line{background:#3a4a5e}[data-theme=dark] .frisia-login__divider-text{color:#718096}[data-theme=dark] .frisia-login__btn-microsoft{background:#253447;border-color:#3a4a5e;color:#e2e8f0}[data-theme=dark] .frisia-login__btn-microsoft:hover:not(:disabled){background:#2a3a4e;border-color:#4a5a6e}[data-theme=dark] .frisia-login__error{background:#e53e3e26;border-color:#e53e3e4d;color:#fc8181}[data-theme=dark] .frisia-login__db-status--connected{background:#38a16926;color:#68d391}[data-theme=dark] .frisia-login__db-status--disconnected{background:#e53e3e26;color:#fc8181}[data-theme=dark] .frisia-login__db-status--checking{background:#dd6b2026;color:#fbd38d}[data-theme=dark] .frisia-login__footer a{color:var(--frisia-accent)}[data-theme=dark] .frisia-login__footer a:hover{color:#8ecae6}[data-theme=dark] .frisia-login__dot{background:#ffffff05}@media (max-width:480px){.frisia-login{align-items:flex-start;padding:10vh 16px 16px}.frisia-login__card{border-radius:20px;padding:32px 24px 28px}.frisia-login__logo img{height:56px}.frisia-login__title{font-size:22px}.frisia-login__tagline{font-size:13px}.frisia-login__input{font-size:16px;padding:12px 14px}.frisia-login__btn-primary{padding:13px 20px}.frisia-login__btn-microsoft{font-size:13px;padding:12px 16px}.frisia-login__header{margin-bottom:24px}.frisia-login__branding{display:none}}@media (max-width:360px){.frisia-login__card{border-radius:18px;padding:24px 20px}.frisia-login__logo img{height:48px}.frisia-login__title{font-size:20px}}@supports (padding-bottom:env(safe-area-inset-bottom)){.frisia-login{padding-bottom:max(20px,env(safe-area-inset-bottom))}}.callback-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh}.callback-box{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:450px;padding:60px 40px;text-align:center;width:100%}.spinner{border:5px solid #f3f3f3;border-top:5px solid var(--color-turquoise);height:60px;margin:0 auto 30px;width:60px}.success-icon{background:#4caf50}.error-icon,.success-icon{animation:scaleIn .5s ease-out;border-radius:50%;color:#fff;font-size:50px;height:80px;line-height:80px;margin:0 auto 30px;width:80px}.error-icon{background:#f44336}@keyframes scaleIn{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.callback-box h2{color:var(--color-text);font-size:24px;margin-bottom:15px}.callback-box p{color:var(--color-text-light);font-size:15px;margin-bottom:10px}.error-text{color:#f44336;font-weight:500;margin-top:15px}.redirect-text{font-size:13px;margin-top:20px}@media (max-width:480px){.callback-box{margin:0 16px;padding:40px 24px}.spinner{height:50px;margin-bottom:20px;width:50px}.error-icon,.success-icon{font-size:45px;height:70px;line-height:70px;margin-bottom:20px;width:70px}.callback-box h2{font-size:20px}.callback-box p{font-size:14px}}.db-status{align-items:center;background:#ffffff1a;border-radius:12px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.db-status:hover{background:#fff3}.db-status-icon{font-size:10px;line-height:1}.db-status-text{font-size:11px;white-space:nowrap}.db-status-connected{color:#2e7d32}.db-status-connected .db-status-icon{color:#2e7d32;text-shadow:0 0 4px #2e7d3280}.db-status-disconnected{color:#c62828}.db-status-disconnected .db-status-icon{color:#c62828;text-shadow:0 0 4px #c6282880}.db-status-checking{color:#e65100}.db-status-checking .db-status-icon{animation:pulse 1.5s ease-in-out infinite;color:#e65100}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@media (max-width:768px){.db-status{font-size:10px;padding:4px 8px}.db-status-text{font-size:9px}.db-status-icon{font-size:8px}}@media (max-width:480px){.db-status-text{display:none}.db-status{padding:6px}}.global-search-overlay{align-items:flex-start;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding-top:10vh;position:fixed;right:0;top:0;z-index:1000}.global-search-modal{background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;margin:0 16px;max-width:600px;overflow:hidden;width:100%}.search-header{border-bottom:1px solid #e5e7eb}.search-input-container{align-items:center;display:flex;gap:12px;padding:16px 20px}.search-input-container .search-icon{color:#9ca3af;flex-shrink:0}.search-input{background:#0000;border:none;color:#1f2937;font-size:18px;min-width:0;outline:none}.search-input::placeholder{color:#9ca3af}.search-close-btn{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .15s;width:40px}.search-close-btn:hover{background:#e5e7eb;color:#1f2937}.search-close-btn:active{transform:scale(.95)}.search-loading{align-items:center;color:#6b7280;display:flex;gap:12px;justify-content:center;padding:24px;text-align:center}.search-spinner{animation:spin .8s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:20px;width:20px}.search-no-results{color:#6b7280;padding:24px;text-align:center}.search-results{max-height:400px;overflow-y:auto}.search-result-item{align-items:center;display:flex;gap:12px;padding:12px 20px;transition:background .15s}.search-result-item.selected,.search-result-item:hover{background:#f3f4f6}.result-icon{align-items:center;background:#e5e7eb;border-radius:8px;color:#6b7280;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.result-content{flex:1 1;min-width:0}.result-title{color:#1f2937;font-weight:500}.result-subtitle,.result-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-subtitle{color:#6b7280;font-size:13px;margin-top:2px}.result-type{background:#f3f4f6;border-radius:4px;color:#9ca3af;flex-shrink:0;font-size:12px;padding:4px 8px}.search-hint{padding:24px;text-align:center}.search-hint p{color:#9ca3af;font-size:14px;margin-bottom:20px}.quick-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.quick-links button{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 16px;transition:all .15s}.quick-links button:hover{background:#e5e7eb;color:#1f2937}@media (max-width:768px){.global-search-overlay{align-items:stretch;padding-top:0}.global-search-modal{border-radius:0;display:flex;flex-direction:column;height:100%;margin:0;max-width:none}.search-header{flex-shrink:0}.search-input-container{padding:12px 16px}.search-input{font-size:16px}.search-close-btn{height:44px;width:44px}.search-results{-webkit-overflow-scrolling:touch;flex:1 1;max-height:none;overflow-y:auto}.search-result-item{padding:14px 16px}.result-icon{height:36px;width:36px}.result-type{display:none}.search-hint{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:20px 16px}.quick-links{flex-direction:column;gap:10px}.quick-links button{justify-content:center;padding:14px 20px;width:100%}.search-loading,.search-no-results{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}}@media (max-width:480px){.search-input-container{gap:10px;padding:10px 12px}.search-input{font-size:16px}.result-title{font-size:14px}.result-subtitle{font-size:12px}}[data-theme=dark] .global-search-overlay{background:#000000b3}[data-theme=dark] .global-search-modal{background:var(--color-bg-elevated);box-shadow:0 25px 50px -12px #00000080}[data-theme=dark] .search-header{border-bottom-color:var(--color-border-primary)}[data-theme=dark] .search-close-btn{background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}[data-theme=dark] .search-close-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}[data-theme=dark] .search-shortcut{background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}[data-theme=dark] .search-loading{color:var(--color-text-tertiary)}[data-theme=dark] .search-spinner{border-color:var(--color-border-primary);border-top-color:var(--color-secondary)}[data-theme=dark] .search-no-results{color:var(--color-text-tertiary)}[data-theme=dark] .result-icon,[data-theme=dark] .search-result-item.selected,[data-theme=dark] .search-result-item:hover{background:var(--color-bg-tertiary)}[data-theme=dark] .result-icon{color:var(--color-text-tertiary)}[data-theme=dark] .result-title{color:var(--color-text-primary)}[data-theme=dark] .result-subtitle,[data-theme=dark] .result-type{color:var(--color-text-tertiary)}[data-theme=dark] .result-type{background:var(--color-bg-tertiary)}[data-theme=dark] .search-hint p{color:var(--color-text-tertiary)}[data-theme=dark] .quick-links button{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}[data-theme=dark] .quick-links button:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.layout{background:var(--color-light-gray);max-width:100vw;min-height:100vh;overflow-x:hidden;width:100%}.skip-link{background:var(--color-frisia-primary);border-radius:0 0 4px 0;color:#fff;font-weight:500;left:0;padding:12px 24px;position:absolute;text-decoration:none;top:-40px;z-index:1000}.skip-link:focus{top:0}.header{align-items:center;background:#fff;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:12px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-left{gap:12px}.header-logo{cursor:pointer;height:36px;transition:transform .2s;width:auto}.header-logo:hover{transform:scale(1.05)}.back-button{background:none;justify-content:center;min-height:40px;min-width:40px;padding:8px;transition:background .2s,color .2s}.back-button:hover{color:#014265;color:var(--color-frisia-primary,#014265)}.menu-button{align-items:center;background:none;border:none;border-radius:4px;color:var(--color-text);display:flex;justify-content:center;min-height:44px;min-width:44px;padding:10px;transition:background .2s}.menu-button:hover{background:var(--color-light-gray)}.page-title{color:var(--color-text);font-size:20px;font-weight:500}.header-right{gap:8px}.header-right,.icon-button{align-items:center;display:flex}.icon-button{background:none;border:none;border-radius:50%;color:var(--color-text-light);justify-content:center;min-height:44px;min-width:44px;padding:10px;transition:background .2s}.icon-button:hover{background:var(--color-light-gray);color:var(--color-text)}.notification-button{position:relative}.notification-badge{align-items:center;animation:badge-pulse 2s ease-in-out infinite;background:#ef4444;border-radius:9px;box-shadow:0 2px 4px #ef444466;color:#fff;display:flex;font-size:11px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:6px;top:6px}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.user-menu{position:relative}.user-avatar{background:var(--color-turquoise);border:none;cursor:pointer;height:44px;min-height:44px;min-width:44px;transition:transform .2s,box-shadow .2s;width:44px}.user-avatar:hover{box-shadow:0 2px 8px #00bcd44d;transform:scale(1.05)}.user-dropdown{animation:slideDown .2s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:8px;min-width:220px;padding:12px;position:absolute;right:0;top:100%;z-index:1000}.user-info{border-bottom:1px solid var(--color-light-gray);margin-bottom:8px;padding-bottom:12px}.user-name{font-weight:500;margin-bottom:4px}.user-email{color:var(--color-text-light);font-size:12px}.user-dropdown button{background:none;border:none;border-radius:4px;color:var(--color-text);padding:8px 12px;text-align:left;transition:background .2s;width:100%}.user-dropdown button:hover{background:var(--color-light-gray)}.logout-button{color:#d32f2f!important;font-weight:500}.logout-button:hover{background:#ffebee!important}.main-content{margin:0 auto;max-width:1400px;overflow-x:hidden;padding:24px}.main-content-full{height:calc(100vh - 60px);max-width:100vw;overflow-x:hidden;padding:0;width:100%}@media (max-width:768px){.header{padding:8px 12px}.page-title{font-size:16px}.header-right{gap:4px}.icon-button{min-height:44px;min-width:44px;padding:10px}.icon-button svg{height:20px;width:20px}.user-avatar{font-size:12px;height:44px;width:44px}.main-content{padding:16px}}@media (max-width:480px){.header{padding:8px}.page-title{font-size:13px}.header-right{gap:4px}.icon-button{min-height:44px;min-width:44px;padding:10px}.icon-button svg{height:18px;width:18px}.user-avatar{font-size:12px;height:44px;width:44px}.user-dropdown{min-width:180px}.user-name{font-size:13px}.user-email{font-size:11px}.user-dropdown button{font-size:13px;padding:6px 10px}.main-content{padding:12px}}@media (max-width:360px){.header{padding:6px 8px}.page-title{display:none}.menu-button{min-height:44px;min-width:44px}.menu-button svg{height:20px;width:20px}.icon-button svg{height:16px;width:16px}.user-avatar{font-size:11px;height:44px;width:44px}.main-content{padding:8px}}[data-theme=dark] .layout{background:var(--color-bg-secondary)}[data-theme=dark] .header{background:var(--color-bg-elevated);box-shadow:0 2px 4px #0000004d}[data-theme=dark] .icon-button:hover,[data-theme=dark] .menu-button:hover{background:var(--color-bg-tertiary)}[data-theme=dark] .user-dropdown{background:var(--color-bg-elevated);box-shadow:0 4px 12px #0006}[data-theme=dark] .user-info{border-bottom-color:var(--color-border-primary)}[data-theme=dark] .user-dropdown button:hover{background:var(--color-bg-tertiary)}[data-theme=dark] .logout-button:hover{background:#d32f2f33!important}.changelog-modal-overlay{align-items:center;animation:fadeIn .2s;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.changelog-modal{animation:slideUp .3s;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:800px;width:90%}.changelog-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1.5rem 2rem}.changelog-header h2{color:#333;font-size:1.5rem;margin:0}.close-button{background:none;border:none;border-radius:50%;color:#999;cursor:pointer;font-size:1.5rem;height:40px;padding:.5rem;transition:all .2s;width:40px}.close-button:hover{background:#f8f9fa;color:#333}.changelog-content{flex:1 1;overflow-y:auto;padding:2rem}.loading-text,.no-changelog{color:#6c757d;padding:2rem;text-align:center}.changelog-list{display:flex;flex-direction:column;gap:2rem}.changelog-entry{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:1.5rem}.changelog-version-header{align-items:center;border-bottom:2px solid #dee2e6;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.changelog-version-header h3{color:#007bff;font-size:1.3rem;margin:0}.changelog-date{color:#6c757d;font-size:.9rem}.changelog-changes{display:flex;flex-direction:column;gap:1.5rem}.change-category{background:#fff;border-radius:8px;padding:1rem}.category-title{align-items:center;color:#495057;display:flex;font-size:1.1rem;gap:.5rem;margin:0 0 .75rem}.category-icon{font-size:1.2rem}.change-items{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.change-items li{color:#495057;line-height:1.6;padding-left:1.5rem;position:relative}.change-items li:before{color:#007bff;content:"•";font-weight:700;left:.5rem;position:absolute}.changelog-content::-webkit-scrollbar{width:8px}.changelog-content::-webkit-scrollbar-track{background:#f8f9fa;border-radius:10px}.changelog-content::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:10px}.changelog-content::-webkit-scrollbar-thumb:hover{background:#adb5bd}.homescreen{margin:0 auto;max-width:800px;padding:40px 20px;position:relative}.homescreen-logo{margin-bottom:32px;text-align:center}.homescreen-logo img{height:120px;width:auto}.unread-news-badge{align-items:center;background:#f44336;border:none;border-radius:24px;box-shadow:0 4px 12px #f4433666;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;position:fixed;right:20px;top:80px;transition:all .2s;z-index:100}.unread-news-badge:hover{background:#d32f2f;box-shadow:0 6px 16px #f4433680;transform:translateY(-2px)}.unread-news-badge svg{flex-shrink:0}.unread-count{min-width:20px;text-align:center}.welcome-section{margin-bottom:60px;text-align:center}.user-profile{align-items:center;display:flex;flex-direction:column;gap:16px}.user-avatar-large{align-items:center;background:var(--color-frisia-primary);border-radius:50%;color:#fff;display:flex;font-size:32px;font-weight:500;height:80px;justify-content:center;overflow:hidden;width:80px}.user-avatar-image{height:100%;object-fit:cover;width:100%}.welcome-text{color:var(--color-text);font-size:32px;font-weight:400}.profile-link{color:var(--color-frisia-primary);font-size:14px;text-decoration:none}.profile-link:hover{text-decoration:underline}.apps-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:600px}.app-tile{align-items:center;aspect-ratio:1;background:#0000;border:none;border-radius:20px;box-shadow:none;cursor:pointer;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:100px;min-width:100px;padding:12px;transition:transform .2s,box-shadow .2s;width:100%}.app-tile:hover{box-shadow:0 2px 8px #0142651a;transform:translateY(-4px)}.app-icon{align-items:center;display:flex;justify-content:center;width:100%}.app-icon svg{height:auto;max-width:100%}.app-name{color:var(--color-text);font-size:16px;font-weight:500;text-align:center}.pagination-dots{display:flex;gap:8px;justify-content:center;margin-bottom:24px}.dot{background:#ccc;border-radius:50%;height:8px;width:8px}.dot.active{background:#666}.edit-button{background:#fff;border:2px solid var(--color-text);border-radius:24px;color:var(--color-text);display:block;font-size:14px;font-weight:500;margin:0 auto;padding:12px 32px;transition:background .2s}.edit-button:hover{background:var(--color-light-gray)}@media (max-width:768px){.homescreen{padding:24px 16px}.homescreen-logo img{height:100px}.welcome-section{margin-bottom:40px}.user-avatar-large{font-size:24px;height:64px;width:64px}.welcome-text{font-size:24px}.apps-grid{gap:16px;grid-template-columns:repeat(3,1fr)}.app-name{font-size:14px}}@media (max-width:480px){.homescreen{padding:16px 12px}.homescreen-logo{margin-bottom:20px}.homescreen-logo img{height:80px}.welcome-section{margin-bottom:24px}.user-avatar-large{font-size:20px;height:56px;width:56px}.welcome-text{font-size:18px;line-height:1.3}.apps-grid{gap:12px;grid-template-columns:repeat(2,1fr);max-width:100%}.app-tile{border-radius:16px;padding:8px}.app-name{font-size:12px;line-height:1.2}.version-info{bottom:.5rem;font-size:.7rem;padding:.4rem .8rem;right:.5rem}}@media (max-width:360px){.homescreen{padding:12px 8px}.welcome-text{font-size:16px}.user-avatar-large{font-size:18px;height:48px;width:48px}.apps-grid{gap:10px}.app-tile{border-radius:12px;padding:6px}.app-name{font-size:11px}.app-icon svg{width:90%}}.version-info{background:#ffffffe6;border:none;border-radius:20px;bottom:1rem;box-shadow:0 2px 8px #0000001a;color:#666;cursor:pointer;font-size:.85rem;min-height:44px;min-width:44px;padding:.5rem 1rem;position:fixed;right:1rem;transition:all .2s}.version-info:hover{background:#fff;box-shadow:0 4px 12px #00000026;color:#333;transform:translateY(-2px)}[data-theme=dark] .dot{background:var(--color-border-primary)}[data-theme=dark] .dot.active{background:var(--color-text-tertiary)}[data-theme=dark] .edit-button{background:var(--color-bg-elevated);border-color:var(--color-border-primary);color:var(--color-text-primary)}[data-theme=dark] .edit-button:hover{background:var(--color-bg-tertiary)}[data-theme=dark] .version-info{background:#1a2332e6;box-shadow:0 2px 8px #0000004d;color:var(--color-text-tertiary)}[data-theme=dark] .version-info:hover{background:var(--color-bg-elevated);box-shadow:0 4px 12px #0006;color:var(--color-text-primary)}[data-theme=dark] .app-tile:hover{box-shadow:0 2px 8px #3a7ca533}[data-theme=dark] .unread-news-badge{background:#e53935;box-shadow:0 4px 12px #e5393580}[data-theme=dark] .unread-news-badge:hover{background:#c62828;box-shadow:0 6px 16px #c6282899}.frisia-home{--frisia-primary:#014265;--frisia-primary-dark:#012f47;--frisia-secondary:#3a7ca5;--frisia-accent:#5a9ec4;--surface-white:#fff;--bg-page:#f0f4f7;--bg-subtle:#e8eef3;--text-dark:#1a2b3c;--text-medium:#4a5568;--text-light:#718096;--text-inverse:#fff;--alert-red:#e53e3e;--card-radius:20px;--button-radius:50px;--shadow-card:0 4px 16px #00000026,0 2px 6px #0000001a;--shadow-card-hover:0 8px 28px #0003,0 4px 10px #0000001f;--transition-smooth:all 0.2s ease;--nav-height:72px;background:var(--bg-page);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom, 0px))}.frisia-home__header{background:linear-gradient(135deg,var(--frisia-primary) 0,var(--frisia-primary-dark) 100%);margin-bottom:28px;padding-bottom:32px;position:relative}.frisia-home__topbar{align-items:center;display:flex;justify-content:space-between;padding:12px 16px}.frisia-home__topbar-left,.frisia-home__topbar-right{align-items:center;display:flex;gap:8px}.frisia-home__topbar-icon{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:var(--text-inverse);cursor:pointer;display:flex;height:36px;justify-content:center;position:relative;transition:var(--transition-smooth);width:36px}.frisia-home__topbar-icon:hover{background:#fff3}.frisia-home__topbar-badge{align-items:center;background:var(--alert-red);border-radius:9px;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:-2px;top:-2px}.frisia-home__topbar-user{position:relative}.frisia-home__topbar-avatar{align-items:center;background:#e91e63;border:2px solid #ffffff80;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;height:36px;justify-content:center;overflow:hidden;width:36px}.frisia-home__topbar-avatar img{height:100%;object-fit:cover;width:100%}.frisia-home__topbar-dropdown{background:var(--surface-white);border-radius:12px;box-shadow:0 8px 32px #0003;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:200}.frisia-home__topbar-userinfo{border-bottom:1px solid var(--bg-subtle);padding:14px 16px}.frisia-home__topbar-username{color:var(--text-dark);font-size:14px;font-weight:600;margin:0}.frisia-home__topbar-email{color:var(--text-light);font-size:12px;margin:4px 0 0}.frisia-home__topbar-dropdown button{background:#0000;border:none;color:var(--text-dark);cursor:pointer;display:block;font-size:14px;padding:12px 16px;text-align:left;width:100%}.frisia-home__topbar-dropdown button:hover{background:var(--bg-subtle)}.frisia-home__topbar-logout{border-top:1px solid var(--bg-subtle)!important;color:var(--alert-red)!important}.frisia-home__header-content{padding:0 20px 20px;text-align:center}.frisia-home__logo{align-items:center;display:flex;justify-content:center;margin-bottom:12px}.frisia-home__logo img{filter:brightness(0) invert(1);height:32px}.frisia-home__greeting{color:var(--text-inverse);font-size:20px;font-weight:400;margin:0 0 14px}.frisia-home__profile-btn{background:#0000;border:1.5px solid #ffffff80;border-radius:var(--button-radius);color:var(--text-inverse);cursor:pointer;font-size:13px;font-weight:500;padding:8px 24px;transition:var(--transition-smooth)}.frisia-home__profile-btn:hover{background:#ffffff26;border-color:#fffc}.frisia-home__search{bottom:0;left:16px;position:absolute;right:16px;transform:translateY(50%);z-index:10}.frisia-home__search-bar{align-items:center;background:var(--surface-white);border:none;border-radius:var(--button-radius);box-shadow:0 4px 16px #0000001a;cursor:pointer;display:flex;gap:10px;padding:14px 18px;text-align:left;width:100%}.frisia-home__search-bar svg{color:var(--text-light);flex-shrink:0}.frisia-home__search-bar span{color:var(--text-light);flex:1 1;font-size:14px}.frisia-home__main{margin:0 auto;max-width:500px;padding:32px 16px 24px}.frisia-home__dashboard{grid-gap:16px;display:grid;gap:16px;grid-auto-rows:auto;grid-template-columns:repeat(2,1fr)}.frisia-home__card{background:var(--surface-white);border-radius:var(--card-radius);box-shadow:var(--shadow-card);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:var(--transition-smooth)}.frisia-home__card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.frisia-home__card-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.frisia-home__card-icon--news{background:linear-gradient(135deg,var(--frisia-primary),var(--frisia-secondary));color:#fff}.frisia-home__card-icon--chat{background:linear-gradient(135deg,var(--frisia-secondary),var(--frisia-accent));color:#fff}.frisia-home__card-icon--wiki{background:linear-gradient(135deg,#2c5f7e,var(--frisia-secondary));background:linear-gradient(135deg,var(--frisia-primary-light,#2c5f7e),var(--frisia-secondary));color:#fff}.frisia-home__card-icon--contacts{background:linear-gradient(135deg,#5a9ec4,#7cb8d8);background:linear-gradient(135deg,var(--frisia-accent,#5a9ec4),#7cb8d8);color:#fff}.frisia-home__card-icon--service{background:linear-gradient(135deg,var(--frisia-accent),var(--frisia-secondary));color:#fff}.frisia-home__card-icon--feedback{background:linear-gradient(135deg,var(--frisia-primary),#2c5f7e);background:linear-gradient(135deg,var(--frisia-primary),var(--frisia-primary-light,#2c5f7e));color:#fff}.frisia-home__card-icon--calendar{background:linear-gradient(135deg,#e06c3d,#e8904f);color:#fff}.frisia-home__card-icon--links{background:linear-gradient(135deg,var(--frisia-primary),#2c5f7e);background:linear-gradient(135deg,var(--frisia-primary),var(--frisia-primary-light,#2c5f7e));color:#fff}.frisia-home__card-icon--admin{background:linear-gradient(135deg,#ff9800,#ffa726);color:#fff}.frisia-home__card-icon--system{background:linear-gradient(135deg,#607d8b,#78909c);color:#fff}.frisia-home__card--simple{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100px;padding:20px 14px}.frisia-home__card--simple .frisia-home__card-icon{border-radius:14px;height:52px;margin-bottom:12px;width:52px}.frisia-home__card--simple .frisia-home__card-icon svg{height:26px;width:26px}.frisia-home__card-label{color:var(--text-dark);font-size:14px;font-weight:600;text-align:center}.frisia-home__version{background:#0000;border:none;color:var(--text-light);cursor:pointer;display:block;font-size:12px;margin-top:24px;padding:12px;text-align:center;width:100%}.frisia-home__version:hover{color:var(--text-medium)}.frisia-home__nav{align-items:center;background:var(--surface-white);border-top:1px solid var(--bg-subtle);bottom:0;display:flex;height:var(--nav-height);justify-content:space-around;left:0;padding-bottom:env(safe-area-inset-bottom,0);position:fixed;right:0;z-index:100}.frisia-home__nav-item{align-items:center;background:#0000;border:none;border-radius:12px;color:var(--text-light);cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:4px;max-width:80px;min-width:52px;padding:8px 12px;position:relative;transition:var(--transition-smooth)}.frisia-home__nav-item:hover{background:var(--bg-subtle)}.frisia-home__nav-item svg{height:24px;width:24px}.frisia-home__nav-item span{font-size:10px;font-weight:500}.frisia-home__nav-item--active{color:var(--frisia-primary)}.frisia-home__nav-badge{align-items:center;background:var(--alert-red);border-radius:9px;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:4px;top:2px}.frisia-home__nav-more{background:#0142650d;flex:0 0 auto;max-width:60px;min-width:48px}.frisia-home__nav-more:hover{background:#0142651f}.frisia-home__nav-more svg{color:var(--frisia-primary)}.frisia-home__nav-more span{color:var(--frisia-primary);font-weight:500}@media (min-width:600px){.frisia-home__main{max-width:600px;padding:40px 20px 24px}.frisia-home__dashboard{gap:16px}}@media (min-width:900px){.frisia-home__main{max-width:800px}.frisia-home__dashboard{gap:20px;grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.frisia-home__nav{display:none}.frisia-home{padding-bottom:0}.frisia-home__search{left:50%;max-width:none;right:auto;transform:translate(-50%,50%);width:50%}}.sidebar{background:#fff;border-right:1px solid #e0e0e0;box-shadow:2px 0 8px #0000000d;display:flex;flex-direction:column;padding:0;position:relative;transition:width .3s cubic-bezier(.4,0,.2,1);width:70px}.sidebar-expanded{width:220px}.sidebar-toggle{align-items:center;background:#fff;border:none;border-bottom:1px solid #e0e0e0;color:#666;cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;transition:all .3s ease;width:100%}.sidebar-toggle:hover{background:#f5f5f5;color:#014265}.sidebar-toggle-icon{transition:transform .3s ease}.sidebar-toggle:hover .sidebar-toggle-icon{transform:scale(1.1)}.sidebar-items{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;padding:12px 8px}.sidebar-item{align-items:center;background:none;border:none;border-radius:12px;cursor:pointer;display:flex;gap:16px;justify-content:flex-start;min-height:48px;overflow:hidden;padding:12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-item:hover{background:linear-gradient(135deg,#f5f5f5,#ececec);transform:translateX(2px)}.sidebar-item.active{background:linear-gradient(135deg,#0142651f,#01426514)}.sidebar-item.active:hover{background:linear-gradient(135deg,#01426529,#0142651f)}.sidebar-item-indicator{background:linear-gradient(180deg,#014265,#0277bd);border-radius:0 4px 4px 0;height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:height .3s cubic-bezier(.4,0,.2,1);width:4px}.sidebar-item.active .sidebar-item-indicator{height:70%}.sidebar-icon{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .3s ease;width:24px}.sidebar-item:hover .sidebar-icon{transform:scale(1.1)}.sidebar-item.active .sidebar-icon{transform:scale(1.15)}.sidebar-label{animation:fadeInLabel .3s ease forwards;color:#333;font-size:14px;font-weight:500;opacity:0;overflow:hidden;text-align:left;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}@keyframes fadeInLabel{to{opacity:1}}.sidebar-item.active .sidebar-label{color:#014265;font-weight:600}.sidebar:not(.sidebar-expanded) .sidebar-item{justify-content:center}.sidebar:not(.sidebar-expanded) .sidebar-label{display:none}.sidebar:not(.sidebar-expanded) .sidebar-item:after{background:#333;border-radius:6px;box-shadow:0 4px 12px #00000026;color:#fff;content:attr(data-tooltip);font-size:13px;font-weight:500;left:calc(100% + 12px);padding:8px 12px;transform:translateY(-50%) translateX(-10px);white-space:nowrap}.sidebar:not(.sidebar-expanded) .sidebar-item:after,.sidebar:not(.sidebar-expanded) .sidebar-item:before{opacity:0;pointer-events:none;position:absolute;top:50%;transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;z-index:1000}.sidebar:not(.sidebar-expanded) .sidebar-item:before{border:6px solid #0000;border-right-color:#333;content:"";left:calc(100% + 6px);transform:translateY(-50%)}.sidebar:not(.sidebar-expanded) .sidebar-item:hover:after,.sidebar:not(.sidebar-expanded) .sidebar-item:hover:before{opacity:1;transform:translateY(-50%) translateX(0);visibility:visible}.sidebar-ripple{animation:ripple .6s ease-out;background:#0142654d;border-radius:50%;height:20px;margin-left:-10px;margin-top:-10px;pointer-events:none;position:absolute;width:20px}@keyframes ripple{to{opacity:0;transform:scale(4)}}.sidebar-items::-webkit-scrollbar{width:6px}.sidebar-items::-webkit-scrollbar-track{background:#0000}.sidebar-items::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.sidebar-items::-webkit-scrollbar-thumb:hover{background:#aaa}@media (max-width:768px){.sidebar{border-bottom:1px solid #e0e0e0;border-right:none;box-shadow:0 2px 8px #0000000f;flex-direction:row;flex-shrink:0;height:auto;padding:0;position:static;z-index:10}.sidebar,.sidebar-expanded{width:100%}.sidebar-toggle{display:none}.sidebar-items{-webkit-overflow-scrolling:touch;flex-direction:row;flex-wrap:nowrap;gap:2px;justify-content:flex-start;overflow-x:auto;overflow-y:visible;padding:6px 8px;scrollbar-width:none}.sidebar-item{border-radius:8px;flex-direction:column;flex-shrink:0;gap:3px;min-height:auto;min-width:auto;padding:8px 10px}.sidebar-item:hover{transform:none}.sidebar-item-indicator{border-radius:3px 3px 0 0;bottom:0;height:3px;left:50%;top:auto;transform:translateX(-50%);width:0}.sidebar-item.active .sidebar-item-indicator{height:3px;width:70%}.sidebar-icon{height:20px;width:20px}.sidebar-label,.sidebar:not(.sidebar-expanded) .sidebar-label{animation:none;display:block;font-size:10px;opacity:1;text-align:center;white-space:nowrap}.sidebar:not(.sidebar-expanded) .sidebar-item:after,.sidebar:not(.sidebar-expanded) .sidebar-item:before{display:none}.sidebar-items::-webkit-scrollbar{display:none;height:0;width:0}}@media (min-width:769px) and (max-width:1024px){.sidebar{width:60px}.sidebar-expanded{width:180px}.sidebar-icon{height:22px;width:22px}.sidebar-label{font-size:13px}}.sidebar-item:focus{outline:2px solid #014265;outline-offset:2px}.sidebar-item:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion:reduce){.sidebar,.sidebar-icon,.sidebar-item,.sidebar-item-indicator,.sidebar-label,.sidebar-toggle-icon{animation:none;transition:none}}[data-theme=dark] .sidebar{background:var(--color-bg-elevated);border-right-color:var(--color-border-primary);box-shadow:2px 0 8px #0000004d}[data-theme=dark] .sidebar-toggle{background:var(--color-bg-elevated);border-bottom-color:var(--color-border-primary);color:var(--color-text-tertiary)}[data-theme=dark] .sidebar-toggle:hover{background:var(--color-bg-tertiary);color:var(--color-secondary)}[data-theme=dark] .sidebar-item:hover{background:linear-gradient(135deg,var(--color-bg-tertiary) 0,var(--color-bg-secondary) 100%)}[data-theme=dark] .sidebar-item.active{background:linear-gradient(135deg,#3a7ca533,#3a7ca51f)}[data-theme=dark] .sidebar-item.active:hover{background:linear-gradient(135deg,#3a7ca540,#3a7ca52e)}[data-theme=dark] .sidebar-label{color:var(--color-text-secondary)}[data-theme=dark] .sidebar-item.active .sidebar-label{color:var(--color-secondary)}[data-theme=dark] .sidebar-item-indicator{background:linear-gradient(180deg,var(--color-secondary) 0,var(--color-secondary-light) 100%)}[data-theme=dark] .sidebar:not(.sidebar-expanded) .sidebar-item:after{background:var(--color-bg-tertiary);box-shadow:0 4px 12px #0006}[data-theme=dark] .sidebar:not(.sidebar-expanded) .sidebar-item:before{border-right-color:var(--color-bg-tertiary)}[data-theme=dark] .sidebar-items::-webkit-scrollbar-thumb{background:var(--color-border-primary)}[data-theme=dark] .sidebar-items::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}@media (max-width:768px){[data-theme=dark] .sidebar{border-bottom-color:var(--color-border-primary);box-shadow:0 2px 8px #0000004d}}.news-card{background:#fff;border-radius:20px;box-shadow:0 4px 16px #00000026,0 2px 6px #0000001a;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .2s ease}.news-card:hover{box-shadow:0 8px 28px #0003,0 4px 10px #0000001f;transform:translateY(-2px)}.news-card-draft{background:linear-gradient(135deg,#fff9e6,#fff);border:2px dashed #ff9800;opacity:.9}.news-card-draft:hover{opacity:1}.unread-indicator{animation:unread-pulse 2s ease-in-out infinite;background:#e53e3e;border-radius:50%;box-shadow:0 0 0 3px #e53e3e33;height:10px;left:12px;pointer-events:none;position:absolute;top:12px;width:10px;z-index:100}@keyframes unread-pulse{0%,to{box-shadow:0 0 0 3px #e53e3e33;transform:scale(1)}50%{box-shadow:0 0 0 5px #e53e3e26;transform:scale(1.1)}}.news-card-content{display:flex;flex:1 1;flex-direction:column;padding:20px 24px}.news-author-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:16px}.news-author-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:44px;justify-content:center;overflow:hidden;width:44px}.author-avatar-image{height:100%;object-fit:cover;width:100%}.news-author-details{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.news-author-name{color:#1a1a1a;font-size:15px;font-weight:600}.news-channel-name{color:#3a7ca5;font-size:13px}.news-header-right{align-items:center;display:flex;flex-shrink:0;gap:8px;margin-left:auto}.news-date-full{color:#666;font-size:13px;white-space:nowrap}.pin-icon{color:#014265}.news-menu-button{align-items:center;background:#0000;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;justify-content:center;padding:4px}.news-menu-button:hover{background:#f5f5f5;color:#666}.news-card-title{color:#1a1a1a;font-size:26px;font-weight:700;line-height:1.3;margin:0 0 12px}.news-card-excerpt{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:#444;display:-webkit-box;font-size:15px;line-height:1.6;margin:0 0 16px;overflow:hidden}.news-card-image{background:#f5f5f5;border-radius:8px;margin-bottom:16px;max-height:300px;overflow:hidden;position:relative;width:100%}.news-card-image img{height:auto;max-height:300px;object-fit:cover;object-position:center;width:100%}.event-info-card{background:#f0f4f7;border-left:3px solid #014265;border-radius:8px;flex-direction:column;margin-bottom:16px;padding:12px}.event-info-card,.event-info-header{display:flex;gap:12px}.event-info-card>svg{color:#014265;flex-shrink:0;margin-top:2px}.event-info-details{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.event-date{color:#1a1a1a;font-size:14px;font-weight:600}.event-location{align-items:center;color:#666;display:flex;font-size:13px;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-location svg{color:#014265;flex-shrink:0}.event-register-btn{align-items:center;background:linear-gradient(135deg,#014265,#012f47);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 18px;transition:all .2s ease}.event-register-btn:hover{background:linear-gradient(135deg,#012f47,#01253a);box-shadow:0 2px 8px #0142654d;transform:translateY(-1px)}.event-register-btn.registered{background:linear-gradient(135deg,#4caf50,#388e3c)}.event-register-btn.registered:hover{background:linear-gradient(135deg,#388e3c,#2e7d32)}.registration-count{margin-left:4px;opacity:.9}.news-card-footer{align-items:center;display:flex;gap:20px;margin-top:auto;padding-top:16px}.news-action-button{align-items:center;background:#0000;border:none;color:#666;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:0;transition:all .2s}.news-action-button.liked,.news-action-button.liked svg,.news-action-button:hover{color:#014265}.news-action-button.comments-disabled{color:#bbb;cursor:default}.news-action-button.comments-disabled:hover{color:#bbb}.news-action-button svg{flex-shrink:0}.news-mehr-link{align-items:center;color:#014265;display:flex;font-size:14px;font-weight:500;gap:4px;margin-left:auto}.news-mehr-link svg{color:#014265}@media (max-width:768px){.news-card-content{padding:16px}.news-card-title{font-size:22px}.news-card-excerpt{font-size:14px}.news-author-avatar{font-size:14px;height:40px;width:40px}.news-date-full{font-size:12px}}@media (max-width:480px){.news-card-content{padding:12px}.news-card-title{font-size:18px}.news-card-excerpt{-webkit-line-clamp:3;font-size:13px}.news-author-header{flex-wrap:wrap}.news-header-right{margin-left:0;margin-top:8px;width:100%}.news-card-footer{gap:16px}.news-action-button{font-size:13px}}.news-admin-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.news-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:4px 10px}.news-badge svg{flex-shrink:0}.news-badge-scheduled{background:#e3f2fd;border:1px solid #90caf9;color:#1976d2}.news-badge-draft{background:#fff3e0;border:1px solid #ffcc80;color:#e65100}.news-badge-pending{background:#fce4ec;border:1px solid #f48fb1;color:#c2185b}[data-theme=dark] .news-card{background:var(--color-bg-elevated);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .news-card:hover{box-shadow:0 4px 16px #0006}[data-theme=dark] .event-date,[data-theme=dark] .news-author-name,[data-theme=dark] .news-card-title{color:var(--color-text-primary)}[data-theme=dark] .news-card-excerpt{color:var(--color-text-secondary)}[data-theme=dark] .empty-state-news p,[data-theme=dark] .event-location,[data-theme=dark] .loading-state p,[data-theme=dark] .news-action-button,[data-theme=dark] .news-date-full,[data-theme=dark] .news-menu-button{color:var(--color-text-tertiary)}[data-theme=dark] .news-menu-button:hover{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}[data-theme=dark] .event-info-card,[data-theme=dark] .news-card-image{background:var(--color-bg-tertiary)}[data-theme=dark] .news-badge-scheduled{background:#1976d233;border-color:#90caf94d}[data-theme=dark] .news-badge-draft{background:#e6510033;border-color:#ffcc804d}[data-theme=dark] .news-badge-pending{background:#c2185b33;border-color:#f48fb14d}[data-theme=dark] .news-card-draft{background:linear-gradient(135deg,#ff98001a 0,var(--color-bg-elevated) 100%);border:2px dashed #ff9800}.rich-text-editor{background:#fff;border:1px solid #d1d5db;border-radius:8px;overflow:hidden}.rich-text-editor .toolbar{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:8px;padding:12px}.rich-text-editor .toolbar-group{align-items:center;border-right:1px solid #e5e7eb;display:flex;gap:4px;padding:0 8px}.rich-text-editor .toolbar-group:last-child{border-right:none}.rich-text-editor .toolbar button{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:6px 10px;transition:all .15s ease;white-space:nowrap}.rich-text-editor .toolbar button:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.rich-text-editor .toolbar button:disabled{cursor:not-allowed;opacity:.5}.rich-text-editor .toolbar button.is-active{background:#2563eb;border-color:#2563eb;color:#fff}.rich-text-editor .toolbar button.is-active:hover{background:#1d4ed8;border-color:#1d4ed8}.rich-text-editor .toolbar button.delete-table-btn{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.rich-text-editor .toolbar button.delete-table-btn:hover{background:#fecaca;border-color:#f87171}.rich-text-editor .color-picker-wrapper{display:inline-block;position:relative}.rich-text-editor .color-button{min-width:36px}.rich-text-editor .color-picker-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 10px 25px #00000026;left:0;margin-top:4px;min-width:180px;padding:12px;position:absolute;top:100%;z-index:1000}.rich-text-editor .color-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(6,1fr);margin-bottom:8px}.rich-text-editor .color-swatch{border:2px solid #0000!important;border-radius:4px!important;cursor:pointer;height:24px!important;min-width:24px!important;padding:0!important;transition:transform .1s ease,border-color .1s ease;width:24px!important}.rich-text-editor .color-swatch:hover{border-color:#374151!important;transform:scale(1.15)}.rich-text-editor .highlight-options{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.rich-text-editor .highlight-option{border:1px solid #0000!important;border-radius:4px!important;font-size:13px!important;padding:8px 12px!important;text-align:left}.rich-text-editor .highlight-option:hover{border-color:#374151!important}.rich-text-editor .reset-color{background:#f9fafb!important;border:1px dashed #d1d5db!important;color:#6b7280!important;font-size:12px!important;padding:8px!important;width:100%}.rich-text-editor .reset-color:hover{background:#f3f4f6!important;color:#374151!important}.rich-text-editor .editor-content{max-height:500px;min-height:200px;overflow-y:auto;padding:16px}.rich-text-editor .ProseMirror{min-height:180px;outline:none}.rich-text-editor .ProseMirror p.is-editor-empty:first-child:before{color:#9ca3af;content:attr(data-placeholder);float:left;height:0;pointer-events:none}.rich-text-editor .ProseMirror h1{font-size:2em;font-weight:700;line-height:1.2;margin:.67em 0}.rich-text-editor .ProseMirror h2{font-size:1.5em;font-weight:700;line-height:1.3;margin:.75em 0}.rich-text-editor .ProseMirror h3{font-size:1.17em;font-weight:700;line-height:1.4;margin:.83em 0}.rich-text-editor .ProseMirror h4{font-size:1em;font-weight:700;margin:1em 0}.rich-text-editor .ProseMirror h5{font-size:.83em;font-weight:700;margin:1.17em 0}.rich-text-editor .ProseMirror h6{font-size:.67em;font-weight:700;margin:1.33em 0}.rich-text-editor .ProseMirror p{margin:1em 0}.rich-text-editor .ProseMirror ol,.rich-text-editor .ProseMirror ul{margin:1em 0;padding-left:24px}.rich-text-editor .ProseMirror ul{list-style-type:disc}.rich-text-editor .ProseMirror ol{list-style-type:decimal}.rich-text-editor .ProseMirror li{margin:.5em 0}.rich-text-editor .ProseMirror blockquote{border-left:4px solid #e5e7eb;color:#6b7280;font-style:italic;margin:1em 0;padding-left:16px}.rich-text-editor .ProseMirror code{background:#f3f4f6;border-radius:4px;font-family:Courier New,monospace;font-size:.9em;padding:2px 6px}.rich-text-editor .ProseMirror pre{background:#1f2937;border-radius:6px;color:#f9fafb;margin:1em 0;overflow-x:auto;padding:16px}.rich-text-editor .ProseMirror pre code{background:none;color:inherit;font-size:inherit;padding:0}.rich-text-editor .ProseMirror img{border-radius:4px;height:auto;margin:1em 0;max-width:100%}.rich-text-editor .ProseMirror a{color:#2563eb;text-decoration:underline}.rich-text-editor .ProseMirror a:hover{color:#1d4ed8}.rich-text-editor .ProseMirror hr{border:none;border-top:2px solid #e5e7eb;margin:2em 0}.rich-text-editor .ProseMirror [style*="text-align: left"]{text-align:left}.rich-text-editor .ProseMirror [style*="text-align: center"]{text-align:center}.rich-text-editor .ProseMirror [style*="text-align: right"]{text-align:right}.rich-text-editor .ProseMirror:focus{outline:none}.rich-text-editor .ProseMirror ::selection{background:#bfdbfe}.rich-text-editor .ProseMirror table{border-collapse:collapse;margin:1em 0;overflow:hidden;table-layout:fixed;width:100%}.rich-text-editor .ProseMirror table td,.rich-text-editor .ProseMirror table th{border:1px solid #d1d5db;box-sizing:border-box;min-width:80px;padding:8px 12px;position:relative;vertical-align:top}.rich-text-editor .ProseMirror table th{background:#f3f4f6;font-weight:600;text-align:left}.rich-text-editor .ProseMirror table .selectedCell{background:#dbeafe}.rich-text-editor .ProseMirror table .selectedCell:after{background:#3b82f61a;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.rich-text-editor .ProseMirror .column-resize-handle{background-color:#3b82f6;bottom:-2px;pointer-events:none;position:absolute;right:-2px;top:0;width:4px}.rich-text-editor .ProseMirror.resize-cursor{cursor:col-resize}.rich-text-editor .ProseMirror ul[data-type=taskList]{list-style:none;padding-left:0}.rich-text-editor .ProseMirror ul[data-type=taskList] li{align-items:flex-start;display:flex;gap:8px;margin:.5em 0}.rich-text-editor .ProseMirror ul[data-type=taskList] li>label{align-items:center;display:flex;flex-shrink:0;justify-content:center;-webkit-user-select:none;user-select:none}.rich-text-editor .ProseMirror ul[data-type=taskList] li>label input[type=checkbox]{accent-color:#2563eb;border-radius:4px;cursor:pointer;height:18px;width:18px}.rich-text-editor .ProseMirror ul[data-type=taskList] li>div{flex:1 1}.rich-text-editor .ProseMirror ul[data-type=taskList] li[data-checked=true]>div{color:#9ca3af;text-decoration:line-through}.rich-text-editor .ProseMirror ul[data-type=taskList] ul[data-type=taskList]{margin-left:24px}.rich-text-editor .ProseMirror div[data-youtube-video]{margin:1em 0}.rich-text-editor .ProseMirror div[data-youtube-video] iframe{border:none;border-radius:8px;max-width:100%}.rich-text-editor .ProseMirror mark{border-radius:.25em;padding:.125em 0}.create-news-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:700px;width:100%}.create-news-form{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.form-content{padding:24px}.error-message{border-left:3px solid #c62828;margin-bottom:20px;padding:12px 16px}.form-group input[type=datetime-local],.form-group input[type=text],.form-group input[type=url],.form-group select,.form-group textarea{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#00bcd4}.form-group textarea{min-height:80px}.form-group small{color:#666;display:block;font-size:12px;margin-top:6px}.checkbox-group{margin-bottom:16px}.checkbox-group small{color:#666;display:block;font-size:12px;margin-left:28px;margin-top:6px}.checkbox-label{gap:10px;margin:0}.checkbox-label input[type=checkbox]{-webkit-appearance:none;appearance:none;border:2px solid #d0d0d0;border-radius:4px;flex-shrink:0;height:20px;position:relative;transition:all .2s ease;width:20px}.checkbox-label input[type=checkbox]:hover{border-color:#00bcd4}.checkbox-label input[type=checkbox]:checked{background:#00bcd4;border-color:#00bcd4}.checkbox-label input[type=checkbox]:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:5px}.checkbox-label span{color:#333;font-size:14px}.settings-option{background:#0000!important;border:none!important;border-bottom:1px solid #f0f0f0!important;margin:0;padding:12px 0}.settings-option:last-child{border-bottom:none!important}.settings-sub-option{padding-left:30px}.section-content .settings-option .checkbox-label input[type=checkbox],.settings-option .checkbox-label input[type=checkbox],.settings-option input[type=checkbox]{-webkit-appearance:none!important;appearance:none!important;background:#fff!important;border:2px solid #d0d0d0!important;border-radius:4px!important;cursor:pointer;flex-shrink:0;height:18px!important;margin:0!important;min-height:18px!important;min-width:18px!important;padding:0!important;position:relative;transition:all .2s ease;width:18px!important}.section-content .settings-option .checkbox-label input[type=checkbox]:hover,.settings-option .checkbox-label input[type=checkbox]:hover,.settings-option input[type=checkbox]:hover{border-color:#00bcd4!important}.section-content .settings-option .checkbox-label input[type=checkbox]:checked,.settings-option .checkbox-label input[type=checkbox]:checked,.settings-option input[type=checkbox]:checked{background:#00bcd4!important;border-color:#00bcd4!important}.section-content .settings-option .checkbox-label input[type=checkbox]:checked:after,.settings-option .checkbox-label input[type=checkbox]:checked:after,.settings-option input[type=checkbox]:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:9px;left:5px;position:absolute;top:1px;transform:rotate(45deg);width:4px}.settings-date-row{align-items:center;display:flex;gap:8px}.settings-date-row span{color:#666;font-size:14px}.settings-date-row input[type=datetime-local]{background:#fff;border:1px solid #e0e0e0!important;border-radius:6px!important;font-family:inherit;font-size:14px;padding:8px 12px!important}.event-fields{animation:fadeIn .3s ease}.form-actions{background:#f9f9f9;padding:20px 24px}.btn-primary,.btn-secondary{border-radius:8px;font-size:15px;font-weight:600;padding:12px 24px}.btn-primary{background:#00bcd4}.btn-primary:hover:not(:disabled){background:#00acc1}.btn-secondary{border:2px solid #e0e0e0;color:#666}.btn-secondary:hover:not(:disabled){background:#f5f5f5;border-color:#ccc}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.file-upload-btn{align-items:center;background:#00bcd4;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s}.file-upload-btn:hover{background:#00acc1;box-shadow:0 4px 12px #00bcd44d;transform:translateY(-1px)}.image-preview-container{border:2px solid #e0e0e0;border-radius:8px;display:inline-block;max-width:100%;overflow:hidden;position:relative}.image-preview{display:block;max-height:300px;max-width:100%;object-fit:contain}.remove-image-btn{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s;width:32px}.remove-image-btn:hover{background:#c62828e6;transform:scale(1.1)}.collapsible-section{background:#fff;border:1px solid #e0e0e0;border-radius:12px;margin-bottom:16px;overflow:hidden}.section-header{background:#f5f5f5;cursor:pointer;justify-content:space-between;padding:16px 20px;transition:background .2s;-webkit-user-select:none;user-select:none}.section-header:hover{background:#eee}.section-header h3{align-items:center;color:#1a1a1a;display:flex;font-size:16px;font-weight:600;gap:10px;margin:0}.section-icon{align-items:center;display:flex;height:24px;justify-content:center;transition:transform .3s ease;width:24px}.section-icon.expanded{transform:rotate(180deg)}.section-content{animation:slideDown .3s ease;border-top:1px solid #e0e0e0;padding:20px}.section-content.collapsed{display:none}.section-content .form-group:last-child{margin-bottom:0}.collapsible-section .section-header{background:#f5f5f5}.collapsible-section .section-header:hover{background:#eee}@media (max-width:768px){.create-news-modal{border-radius:0;max-height:100vh}.form-content{padding:16px}.form-row{gap:12px;grid-template-columns:1fr}.form-actions{padding:16px}}@media (max-width:480px){.form-group input,.form-group select,.form-group textarea{font-size:14px;padding:10px}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.poll-options-section{background:#f3e5f5;border-radius:8px;margin-top:16px;padding:16px}.poll-option-row{align-items:center;display:flex;gap:8px;margin-bottom:8px}.poll-option-row input{flex:1 1}.remove-option-btn{background:#0000;border:none;border-radius:4px;color:#999;cursor:pointer;padding:8px;transition:all .2s}.remove-option-btn:hover{background:#ffebee;color:#f44336}.add-option-btn{background:#fff;border:2px dashed #9c27b0;border-radius:8px;color:#9c27b0;cursor:pointer;font-size:14px;font-weight:600;margin-top:8px;padding:10px;transition:all .2s;width:100%}.add-option-btn:hover{background:#f3e5f5}.btn-preview{align-items:center;background:#f5f5f5;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn-preview:hover:not(:disabled){background:#e8e8e8;border-color:#ccc}.btn-preview:disabled{cursor:not-allowed;opacity:.5}.preview-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.preview-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:700px;width:100%}.preview-header{border-bottom:1px solid #eee;padding:16px 24px}.preview-header h2{color:#333;font-size:18px;font-weight:600;margin:0}.preview-close-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.preview-close-btn:hover{background:#f5f5f5;color:#333}.preview-content{padding:24px}.preview-image{background:#f5f5f5;border-radius:12px;height:250px;margin-bottom:20px;overflow:hidden;width:100%}.preview-image img{height:100%;object-fit:cover;width:100%}.preview-author-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.preview-author-avatar{align-items:center;background:linear-gradient(135deg,#00bcd4,#0097a7);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:44px;justify-content:center;width:44px}.preview-author-details{display:flex;flex-direction:column;gap:2px}.preview-author-name{color:#333;font-size:15px;font-weight:600}.preview-date{color:#888;font-size:13px}.preview-title{color:#1a1a1a;font-size:26px;font-weight:700;line-height:1.3;margin:0 0 12px}.preview-excerpt{color:#666;font-size:16px;font-style:italic;line-height:1.5;margin:0 0 16px}.preview-text{color:#333;font-size:15px;line-height:1.7}.preview-text p{margin:0 0 12px}.preview-text h1,.preview-text h2,.preview-text h3{margin:20px 0 10px}.preview-text ol,.preview-text ul{margin:12px 0;padding-left:24px}.preview-poll-section{background:#f8f9fa;border-radius:12px;margin-top:20px;padding:16px}.preview-poll-section h3{color:#333;font-size:16px;margin:0 0 12px}.preview-poll-options{display:flex;flex-direction:column;gap:8px}.preview-poll-option{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#333;font-size:14px;padding:12px 16px}.preview-poll-deadline{color:#666;font-size:13px;margin:12px 0 0}.preview-event-info{align-items:flex-start;background:#e3f2fd;border-radius:12px;color:#1976d2;display:flex;gap:12px;margin-top:20px;padding:16px}.preview-event-info svg{flex-shrink:0;margin-top:2px}.preview-schedule-info{align-items:center;background:#e3f2fd;border:1px solid #90caf9;border-radius:8px;color:#1976d2;display:flex;font-size:14px;gap:8px;margin-top:20px;padding:12px 16px}.preview-footer{border-top:1px solid #eee;display:flex;justify-content:flex-end;padding:16px 24px}.modal-overlay.news-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0!important;contain:layout style;justify-content:center;left:0!important;max-width:100vw!important;overflow:hidden!important;padding:16px;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:1000}.modal-overlay.news-modal-overlay,.news-detail-modal{box-sizing:border-box;display:flex;overscroll-behavior:contain}.news-detail-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;contain:content;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;touch-action:pan-y;width:calc(100vw - 32px)}.modal-drag-handle{display:none}.modal-header{border-bottom:1px solid #eee;padding:20px 24px}.modal-header h2{color:#1a1a1a;font-size:20px;font-weight:600}.modal-header-actions{align-items:center;display:flex;gap:8px}.modal-edit-btn{align-items:center;background:#e3f2fd;border:none;border-radius:8px;color:#1976d2;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s}.modal-edit-btn:hover{background:#bbdefb;color:#1565c0}.modal-close-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.modal-close-btn:hover{background:#f5f5f5;color:#1a1a1a}.news-detail-content{-webkit-overflow-scrolling:touch;box-sizing:border-box;flex:1 1;max-width:100%;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:16px;touch-action:pan-y;width:100%}.modal-image{background:#f5f5f5;border-radius:12px;height:300px;margin-bottom:24px;overflow:hidden;width:100%}.modal-image img{height:100%;object-fit:cover;width:100%}.modal-news-content{margin-bottom:32px}.pinned-badge{align-items:center;background:linear-gradient(135deg,#00bcd4,#0097a7);border-radius:20px;color:#fff;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px}.modal-news-header,.pinned-badge{margin-bottom:16px}.modal-author-info{align-items:center;display:flex;gap:12px}.modal-author-avatar{align-items:center;background:linear-gradient(135deg,#00bcd4,#0097a7);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:48px;justify-content:center;overflow:hidden;width:48px}.modal-author-avatar-image{height:100%;object-fit:cover;width:100%}.modal-author-name{color:#1a1a1a;font-size:15px;font-weight:600}.modal-date{color:#666;font-size:14px;margin-top:2px}.modal-title{color:#1a1a1a;font-size:28px;font-weight:700;line-height:1.3;margin:0 0 16px}.modal-text{color:#333;font-size:16px;line-height:1.7;margin-bottom:24px;white-space:pre-wrap}.modal-text.rich-text-content{white-space:normal}.modal-text.rich-text-content h1{color:var(--color-frisia-primary);font-size:2rem;font-weight:700;line-height:1.2;margin:1.5rem 0 1rem}.modal-text.rich-text-content h2{color:var(--color-frisia-primary);font-size:1.5rem;font-weight:600;line-height:1.3;margin:1.25rem 0 .75rem}.modal-text.rich-text-content h3{color:var(--color-frisia-secondary);font-size:1.25rem;font-weight:600;line-height:1.4;margin:1rem 0 .5rem}.modal-text.rich-text-content p{margin:.75rem 0}.modal-text.rich-text-content a{color:var(--color-frisia-primary);text-decoration:underline}.modal-text.rich-text-content a:hover{color:var(--color-frisia-secondary)}.modal-text.rich-text-content ol,.modal-text.rich-text-content ul{margin:.75rem 0;padding-left:2rem}.modal-text.rich-text-content ul{list-style-type:disc}.modal-text.rich-text-content ol{list-style-type:decimal}.modal-text.rich-text-content li{margin:.25rem 0}.modal-text.rich-text-content blockquote{background-color:var(--color-frisia-bg);border-left:4px solid var(--color-frisia-primary);border-radius:4px;color:#555;font-style:italic;margin:1rem 0;padding:1rem}.modal-text.rich-text-content hr{border:none;border-top:2px solid #e0e0e0;margin:1.5rem 0}.modal-text.rich-text-content code{background-color:#f5f5f5;border-radius:4px;font-family:Courier New,Courier,monospace;font-size:.9em;padding:.2rem .4rem}.modal-text.rich-text-content pre{background-color:#f5f5f5;border-radius:4px;margin:1rem 0;overflow-x:auto;padding:1rem}.modal-text.rich-text-content b,.modal-text.rich-text-content strong{font-weight:700}.modal-text.rich-text-content em,.modal-text.rich-text-content i{font-style:italic}.modal-text.rich-text-content u{text-decoration:underline}.modal-text.rich-text-content s,.modal-text.rich-text-content strike{text-decoration:line-through}.modal-event-info{align-items:flex-start;background:#f8f9fa;border-left:3px solid #00bcd4;border-radius:8px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.modal-event-info>svg{color:#00bcd4;flex-shrink:0;margin-top:2px}.modal-event-details{display:flex;flex:1 1;flex-direction:column;gap:12px}.modal-event-date,.modal-event-location{display:flex;flex-direction:column;gap:4px}.modal-event-date strong,.modal-event-location strong{color:#1a1a1a;display:block;font-size:14px}.modal-event-date div,.modal-event-location div{color:#333;font-size:15px;line-height:1.5}.modal-event-location{align-items:flex-start;display:flex;flex-direction:row;gap:10px}.modal-event-location svg{color:#00bcd4;flex-shrink:0;margin-top:2px}.modal-event-location>div{display:flex;flex:1 1;flex-direction:column;gap:4px}.modal-stats{border-bottom:1px solid #eee;border-top:1px solid #eee;gap:20px;padding:16px 0}.modal-like-btn,.modal-stats{align-items:center;display:flex}.modal-like-btn{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-size:15px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s}.modal-like-btn:hover{background:#f0f9fa;border-color:#00bcd4;color:#00bcd4}.modal-like-btn.liked{background:#00bcd4;border-color:#00bcd4;color:#fff}.modal-comments-count{align-items:center;color:#666;display:flex;font-size:15px;gap:8px}.comments-section{border-top:2px solid #f0f0f0;max-width:100%;overflow:hidden;padding-top:24px;width:100%}.comments-section h3{color:#1a1a1a;font-size:18px;font-weight:600;margin:0 0 20px}.comments-disabled-notice{align-items:center;background:#fff3e0;border:1px solid #ffb74d;border-radius:8px;color:#e65100;display:flex;font-size:15px;font-weight:500;gap:10px;justify-content:center;margin-bottom:24px;padding:20px}.comments-disabled-notice:before{content:"🔒";font-size:18px}.comment-form{max-width:100%;overflow-x:hidden}.replying-indicator{align-items:center;background:#e3f2fd;border-radius:8px;color:#0277bd;display:flex;font-size:13px;justify-content:space-between;margin-bottom:8px;padding:8px 12px}.replying-indicator button{background:#0000;border:none;color:#0277bd;cursor:pointer;font-size:13px;font-weight:600;padding:4px 8px;text-decoration:underline}.comment-form textarea{-webkit-appearance:none;border:2px solid #e0e0e0;box-sizing:border-box;font-size:16px;max-width:100%;resize:none;touch-action:manipulation;transition:border-color .2s}.comment-form button{background:#00bcd4;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:12px;padding:10px 20px;transition:background .2s}.comment-form button:hover:not(:disabled){background:#00acc1}.comment-form button:disabled{background:#ccc;cursor:not-allowed}.comments-list{max-width:100%;overflow-x:hidden;padding-bottom:20px}.modal-poll-section{background:#f8f9fa;border-radius:12px;margin:24px 0;padding:20px}.poll-title{color:#333;font-size:18px;font-weight:600;margin:0 0 16px}.poll-options{gap:10px}.poll-option{overflow:hidden;padding:14px 16px;position:relative;text-align:left}.poll-option:hover:not(:disabled){background:#f0f7ff;border-color:#007bff}.poll-option:disabled{cursor:default}.poll-option.selected{background:#d4edda;border-color:#28a745}.poll-option.voted{cursor:pointer}.poll-option.voted:hover:not(:disabled){background:#f0f7ff;border-color:#007bff}.poll-option-content{align-items:center;display:flex;justify-content:space-between;position:relative;width:100%;z-index:1}.poll-option-text{color:#333;font-size:15px}.poll-option-stats{color:#666;font-size:14px;font-weight:500}.poll-option-bar{background:#007bff26;border-radius:6px;height:100%;left:0;position:absolute;top:0;transition:width .3s ease}.poll-option.selected .poll-option-bar{background:#28a74533}.poll-check{color:#28a745;font-size:18px;font-weight:700;position:absolute;right:16px;z-index:1}.poll-total{color:#666;font-size:14px;margin-top:12px;text-align:center}.poll-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:16px}.poll-header .poll-title{margin:0}.poll-expired-badge{background:#dc3545;border-radius:4px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.poll-deadline{background:#e9ecef;border-radius:4px;color:#666;font-size:13px;padding:4px 10px}.poll-option.expired{cursor:not-allowed;opacity:.7}.poll-option.expired:hover{background:#fff;border-color:#e0e0e0}.comments-empty,.comments-loading{color:#999;font-size:15px;padding:40px;text-align:center}.comment{display:block;width:100%}.comment,.comment-main{max-width:100%;overflow:hidden}.comment-main{display:flex;gap:12px}.comment-reply{background:#f8f9fa;border-left:3px solid #00bcd4;border-radius:0 8px 8px 0;margin-left:24px;max-width:calc(100% - 24px);overflow-x:hidden;padding:12px}.comment-reply .comment-avatar{font-size:14px;height:32px;width:32px}.comment-avatar{align-items:center;background:linear-gradient(135deg,#00bcd4,#0097a7);color:#fff;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.comment-avatar-image{height:100%;object-fit:cover;width:100%}.comment-content{flex:1 1;max-width:100%;min-width:0;overflow-x:hidden}.comment-header{align-items:baseline;flex-wrap:wrap;gap:4px 8px;margin-bottom:6px}.comment-author{color:#1a1a1a}.comment-date{color:#999;font-size:13px;order:1}.reply-to-indicator{align-items:center;background:#00bcd41a;border-radius:12px;color:#00bcd4;display:inline-flex;font-size:12px;gap:4px;order:2;padding:2px 8px}.reply-to-indicator svg{flex-shrink:0}.comment-text{word-wrap:break-word;color:#333;font-size:14px;line-height:1.5;margin:0 0 8px}.comment-actions{gap:12px}.comment-action-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:4px;padding:4px 8px;transition:all .2s}.comment-action-btn:hover{background:#f5f5f5;color:#00bcd4}.comment-action-btn.liked{color:#00bcd4}.comment-delete-btn:hover{color:#f44336}.comment-replies{display:flex;flex-direction:column;gap:10px;overflow-x:hidden}.comment-replies,.inline-reply-form{margin-top:12px;max-width:100%;width:100%}.inline-reply-form{background:#f0f9fa;border:1px solid #00bcd4;border-radius:8px;box-sizing:border-box;contain:content;overflow:hidden;padding:12px}.inline-reply-header{color:#00bcd4;font-size:13px;font-weight:500;margin-bottom:8px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inline-reply-input-wrapper{align-items:flex-start;display:flex;gap:10px;max-width:100%;overflow:hidden;overflow-x:clip;width:100%}.inline-reply-avatar{align-items:center;background:linear-gradient(135deg,#00bcd4,#0097a7);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:32px;justify-content:center;overflow:hidden;width:32px}.inline-reply-avatar img{height:100%;object-fit:cover;width:100%}.inline-reply-form textarea{-webkit-appearance:none;border:1px solid #e0e0e0;border-radius:6px;box-sizing:border-box;flex:1 1;font-family:inherit;font-size:16px;max-width:100%;min-height:60px;min-width:0;overflow-wrap:break-word;padding:10px;resize:none;touch-action:manipulation;width:auto;word-break:break-word}.inline-reply-form textarea:focus{border-color:#00bcd4;outline:none}.inline-reply-actions{display:flex;flex-direction:column;gap:8px;margin-top:10px;width:100%}.inline-reply-actions button{border-radius:6px;box-sizing:border-box;cursor:pointer;font-size:14px;font-weight:600;padding:12px 16px;transition:all .2s;width:100%}.inline-reply-actions .cancel-btn{background:#fff;border:1px solid #e0e0e0;color:#666}.inline-reply-actions .cancel-btn:hover{background:#f5f5f5;border-color:#ccc}.inline-reply-actions button[type=submit]{background:#00bcd4;border:none;color:#fff}.inline-reply-actions button[type=submit]:hover:not(:disabled){background:#00acc1}.inline-reply-actions button[type=submit]:disabled{background:#ccc;cursor:not-allowed}@media (max-width:768px){.modal-overlay.news-modal-overlay{padding:0;z-index:10001}.news-detail-modal{border-radius:0;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;max-width:100vw;width:100vw}.modal-drag-handle{background:#fff;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:calc(8px + env(safe-area-inset-top, 0px)) 0 0}.modal-drag-bar{background:#ccc;border-radius:2px;height:4px;width:36px}.modal-header{background:#fff;box-sizing:border-box;min-height:56px;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-close-btn{min-height:44px;min-width:44px;padding:10px}.modal-edit-btn{min-height:44px;padding:10px 14px}.news-detail-content{padding:16px 16px calc(40px + env(safe-area-inset-bottom, 0px))}.modal-image{border-radius:8px;height:220px}.modal-title{font-size:24px}.modal-text{font-size:15px}.comment-reply{margin-left:16px;max-width:calc(100% - 16px);padding:10px}.comment-header{flex-wrap:wrap}.comment-date{order:1}.comments-list{padding-bottom:40px}.inline-reply-form{margin-top:10px;padding:10px}.inline-reply-input-wrapper{gap:8px}.inline-reply-form textarea{font-size:14px;min-height:50px}.inline-reply-actions{flex-direction:column}.inline-reply-actions button{width:100%}.inline-reply-avatar{font-size:12px;height:28px;width:28px}}@media (max-width:480px){.modal-header{padding:8px 12px}.news-detail-content{padding:12px 12px calc(60px + env(safe-area-inset-bottom, 0px))}.modal-image{height:180px}.modal-title{font-size:22px}.modal-text{font-size:14px}.modal-stats{align-items:stretch;flex-direction:column;gap:12px}.modal-like-btn{justify-content:center}.comment-avatar{font-size:14px;height:32px;width:32px}.comment-reply{margin-left:12px;max-width:calc(100% - 12px);padding:8px}.comment-reply .comment-avatar{font-size:12px;height:28px;width:28px}.reply-to-indicator{font-size:11px;padding:2px 6px}.comment-author{font-size:13px}.comment-date{font-size:12px}.comments-section{padding-bottom:20px}.comments-list{padding-bottom:60px}.inline-reply-form{margin-top:10px;padding:8px}.inline-reply-form textarea{font-size:14px;min-height:50px;padding:8px}.inline-reply-actions button{font-size:13px;padding:10px 12px}.inline-reply-avatar{font-size:11px;height:24px;width:24px}.inline-reply-input-wrapper{gap:8px}}[data-theme=dark] .news-detail-modal{background:var(--color-bg-elevated);box-shadow:0 20px 60px #00000080}[data-theme=dark] .modal-drag-handle,[data-theme=dark] .modal-header{background:var(--color-bg-elevated)}[data-theme=dark] .modal-drag-bar{background:var(--color-border-primary)}[data-theme=dark] .modal-header h2{color:var(--color-text-primary)}[data-theme=dark] .modal-edit-btn{background:#1976d233;color:#64b5f6}[data-theme=dark] .modal-edit-btn:hover{background:#1976d24d;color:#90caf9}[data-theme=dark] .modal-close-btn{color:var(--color-text-tertiary)}[data-theme=dark] .modal-close-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}[data-theme=dark] .modal-image{background:var(--color-bg-tertiary)}[data-theme=dark] .modal-author-name{color:var(--color-text-primary)}[data-theme=dark] .modal-date{color:var(--color-text-tertiary)}[data-theme=dark] .modal-title{color:var(--color-text-primary)}[data-theme=dark] .modal-text{color:var(--color-text-secondary)}[data-theme=dark] .modal-text.rich-text-content blockquote{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}[data-theme=dark] .modal-text.rich-text-content hr{border-top-color:var(--color-border-primary)}[data-theme=dark] .modal-text.rich-text-content code,[data-theme=dark] .modal-text.rich-text-content pre{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}[data-theme=dark] .modal-event-info{background:var(--color-bg-tertiary)}[data-theme=dark] .modal-event-date strong,[data-theme=dark] .modal-event-location strong{color:var(--color-text-primary)}[data-theme=dark] .modal-event-date div,[data-theme=dark] .modal-event-location div{color:var(--color-text-secondary)}[data-theme=dark] .modal-stats{border-bottom-color:var(--color-border-primary);border-top-color:var(--color-border-primary)}[data-theme=dark] .modal-like-btn{background:var(--color-bg-secondary);border-color:var(--color-border-primary);color:var(--color-text-secondary)}[data-theme=dark] .modal-like-btn:hover{background:var(--color-bg-tertiary)}[data-theme=dark] .modal-comments-count{color:var(--color-text-tertiary)}[data-theme=dark] .comments-section{border-top-color:var(--color-border-primary)}[data-theme=dark] .comments-section h3{color:var(--color-text-primary)}[data-theme=dark] .comments-disabled-notice{background:#ff980026;border-color:#ffb74d66;color:#ffb74d}[data-theme=dark] .replying-indicator{background:#2196f326;color:#64b5f6}[data-theme=dark] .replying-indicator button{color:#64b5f6}[data-theme=dark] .comment-form textarea{background:var(--color-bg-secondary);border-color:var(--color-border-primary);color:var(--color-text-primary)}[data-theme=dark] .comment-form button:disabled{background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}[data-theme=dark] .modal-poll-section{background:var(--color-bg-tertiary)}[data-theme=dark] .poll-title{color:var(--color-text-primary)}[data-theme=dark] .poll-option{background:var(--color-bg-secondary);border-color:var(--color-border-primary)}[data-theme=dark] .poll-option:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-secondary)}[data-theme=dark] .poll-option.selected{background:#28a74533;border-color:#28a745}[data-theme=dark] .poll-option-text{color:var(--color-text-primary)}[data-theme=dark] .poll-option-stats{color:var(--color-text-tertiary)}[data-theme=dark] .poll-deadline{background:var(--color-bg-secondary);color:var(--color-text-tertiary)}[data-theme=dark] .poll-total{color:var(--color-text-tertiary)}[data-theme=dark] .poll-option.expired{background:var(--color-bg-secondary)}[data-theme=dark] .comments-empty,[data-theme=dark] .comments-loading{color:var(--color-text-tertiary)}[data-theme=dark] .comment-reply{background:var(--color-bg-tertiary)}[data-theme=dark] .comment-author{color:var(--color-text-primary)}[data-theme=dark] .comment-date{color:var(--color-text-tertiary)}[data-theme=dark] .comment-text{color:var(--color-text-secondary)}[data-theme=dark] .comment-action-btn{color:var(--color-text-tertiary)}[data-theme=dark] .comment-action-btn:hover{background:var(--color-bg-tertiary)}[data-theme=dark] .inline-reply-form{background:var(--color-bg-tertiary);border-color:var(--color-secondary)}[data-theme=dark] .inline-reply-form textarea{background:var(--color-bg-secondary);border-color:var(--color-border-primary);color:var(--color-text-primary)}[data-theme=dark] .inline-reply-actions .cancel-btn{background:var(--color-bg-secondary);border-color:var(--color-border-primary);color:var(--color-text-secondary)}[data-theme=dark] .inline-reply-actions .cancel-btn:hover{background:var(--color-bg-tertiary)}[data-theme=dark] .inline-reply-actions button[type=submit]:disabled{background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.poll-card{background:#fff;border-radius:20px;box-shadow:0 4px 16px #00000026,0 2px 6px #0000001a;cursor:pointer;display:flex;flex-direction:column;min-height:320px;overflow:hidden;position:relative;transition:all .2s ease}.poll-card:hover{box-shadow:0 8px 28px #0003,0 4px 10px #0000001f;transform:translateY(-2px)}.poll-card-pinned{border:2px solid #014265;box-shadow:0 2px 8px #01426533}.pinned-indicator{align-items:center;background:linear-gradient(135deg,#014265,#012f47);color:#fff;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px}.pinned-indicator svg{color:#fff}.poll-card-header{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:16px 20px 0}.poll-type-indicator{background:#e3f2fd;border-radius:20px;color:#1976d2;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.poll-header-right{align-items:center;display:flex;gap:8px}.poll-status-badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase;white-space:nowrap}.poll-status-badge.active{background:#e8f5e9;color:#2e7d32}.poll-status-badge.urgent{background:#fff3e0;color:#e65100}.poll-status-badge.expired{background:#ffebee;color:#c62828}.poll-status-badge.closed{background:#f3e5f5;color:#6a1b9a}.poll-pin-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.poll-pin-button:hover{background:#f5f5f5;color:#014265}.poll-card-content{display:flex;flex:1 1;flex-direction:column;padding:16px 20px}.poll-card-title{color:#1a1a1a;font-size:18px;font-weight:700;line-height:1.4;margin:0 0 12px}.poll-card-description,.poll-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.poll-card-description{color:#555;font-size:14px;line-height:1.5;margin:0 0 16px}.poll-card-meta{color:#666;display:flex;flex-wrap:wrap;font-size:13px;gap:12px;margin-bottom:16px}.poll-meta-item{align-items:center;display:flex;gap:6px}.poll-meta-item svg{color:#014265;flex-shrink:0}.poll-author-info{align-items:center;border-bottom:1px solid #eee;display:flex;gap:10px;margin-bottom:16px;margin-top:auto;padding-bottom:12px}.poll-author-avatar{align-items:center;background:linear-gradient(135deg,#014265,#012f47);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.poll-author-details{display:flex;flex-direction:column;gap:2px;min-width:0}.poll-author-name{color:#1a1a1a;font-size:13px;font-weight:600}.poll-date{color:#999;font-size:12px}.poll-voted-indicator{align-items:center;background:#e8f5e9;border-radius:8px;color:#2e7d32;display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 12px}.poll-voted-indicator svg{color:#2e7d32}.poll-action-hint{color:#014265;font-size:13px;font-weight:600;padding:10px;text-align:center}@media (max-width:768px){.poll-card{min-height:300px}.poll-card-header{padding:12px 16px 0}.poll-card-content{padding:12px 16px}.poll-card-title{font-size:16px}.poll-card-description{font-size:13px}.poll-card-meta{font-size:12px}.poll-author-avatar{font-size:12px;height:28px;width:28px}.poll-author-name{font-size:12px}.poll-date{font-size:11px}}@media (max-width:480px){.poll-card{min-height:280px}.poll-status-badge,.poll-type-indicator{font-size:11px;padding:3px 10px}.poll-card-title{font-size:15px}.poll-card-meta{gap:8px}}.poll-results{display:flex;flex-direction:column;gap:16px}.result-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:12px;transition:all .2s ease}.result-item.user-voted{background:#e8f5e9;border:2px solid #4caf50}.result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.result-option-text{align-items:center;color:#000!important;display:flex;font-size:15px;font-weight:600;gap:8px}.user-vote-badge{background:#4caf50;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:2px 8px}.result-value{color:#000!important;font-size:16px;font-weight:700}.result-bar-container{background:#e0e0e0;border-radius:12px;height:24px;overflow:hidden;position:relative;width:100%}.result-bar{height:100%;position:relative;transition:width .6s ease-out}.result-bar-fill{background:linear-gradient(90deg,#00bcd4,#0097a7);border-radius:12px;height:100%;width:100%}.result-item.user-voted .result-bar-fill{background:linear-gradient(90deg,#66bb6a,#43a047)}.no-votes-message{color:#999;font-style:italic;padding:32px;text-align:center}@media (max-width:768px){.result-option-text{font-size:13px}.result-value{font-size:14px}.result-bar-container{height:20px}}.poll-detail-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto}.poll-description{color:#666;line-height:1.6;margin-bottom:20px}.poll-meta-info{background:#f5f5f5;border-radius:8px;display:flex;flex-wrap:wrap;font-size:14px;gap:16px;margin-bottom:24px;padding:12px}.status-closed{color:#d32f2f;font-weight:600}.poll-results-section,.poll-voting-section{margin-bottom:24px}.poll-results-section h3,.poll-voting-section h3{color:#333;font-size:18px;margin-bottom:16px}.poll-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.poll-option{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:14px;transition:all .2s ease}.poll-option:hover{background:#f0f9fa;border-color:#00bcd4}.poll-option input{cursor:pointer;height:20px;width:20px}.poll-option span{color:#000!important;flex:1 1;font-size:16px;font-weight:500}.btn-vote{font-size:16px;font-weight:600;padding:14px;width:100%}.poll-info-message{background:#fff3e0;border-left:4px solid #ff9800;border-radius:4px;color:#e65100;margin-bottom:24px;padding:16px}.poll-admin-actions{background:#f5f5f5;border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding:16px}.poll-admin-actions button{flex:1 1;min-width:120px}.btn-warning{background:#ff9800;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px}.btn-warning:hover{background:#f57c00}.poll-comments-section{border-top:1px solid #eee;padding-top:24px}.poll-comments-section h3{color:#333;font-size:18px;margin-bottom:16px}.comment-form{margin-bottom:24px}.comment-form textarea{border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:14px;margin-bottom:12px;padding:12px}.comment-form textarea:focus{border-color:#00bcd4}.comments-list{gap:16px}.comment-item{background:#f9f9f9;border-left:3px solid #00bcd4;border-radius:8px;padding:16px}.comment-author{color:#333;font-size:14px;margin-bottom:8px}.comment-content{color:#666;font-size:14px;line-height:1.5;margin-bottom:8px}.comment-meta{color:#999;font-size:12px}@media (max-width:768px){.poll-detail-modal{max-width:95%}.poll-meta-info{font-size:12px;gap:8px}.poll-admin-actions{flex-direction:column}.poll-admin-actions button{width:100%}}.news-feed-wrapper{margin:0 auto;max-width:1400px}.news-feed-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px 20px 0}.news-feed-title{color:#1a1a1a;font-size:24px;font-weight:700;margin:0}.category-subtitle{color:#666;font-size:13px;font-weight:500;margin:4px 0 0}.clear-filter-btn{background:none;border:none;color:#014265;cursor:pointer;font-size:13px;font-weight:600;padding:0;text-decoration:none;transition:color .2s}.clear-filter-btn:hover{color:#012f47;text-decoration:underline}.news-feed-actions{align-items:center;display:flex;gap:16px}.toggle-icon-btn{background:#f5f5f5;padding:8px 12px}.toggle-icon-btn:hover{background:#e8e8e8;border-color:#ccc}.toggle-icon-btn.active{background:linear-gradient(135deg,#e8f4fa,#d0e8f2);color:#014265}.toggle-icon-btn.active svg{color:#014265}.toggle-icon-btn .toggle-label{font-weight:600}.toggle-icon-btn .toggle-count{font-weight:400;opacity:.8}.create-news-btn{align-items:center;background:linear-gradient(135deg,#014265,#012f47);border:none;border-radius:8px;box-shadow:0 2px 8px #0142654d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s}.create-news-btn:hover{box-shadow:0 4px 16px #01426566;transform:translateY(-2px)}.create-news-btn svg{flex-shrink:0}.news-feed-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));padding:0 20px 20px}.spinner{border:3px solid #f0f0f0}.empty-state-news{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state-news h3{color:#333;font-size:20px;font-weight:600;margin:0 0 8px}.empty-state-news p{color:#666;font-size:15px;margin:0;max-width:400px}@media (max-width:1200px){.news-feed-content{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}@media (max-width:768px){.news-feed-header{margin-bottom:16px;padding:16px 16px 0}.news-feed-title{font-size:20px}.news-feed-actions{flex-wrap:wrap;gap:8px}.editor-toggles{flex-wrap:wrap;gap:6px}.toggle-icon-btn{font-size:12px;padding:6px 10px}.toggle-icon-btn .toggle-label{display:none}.create-news-btn{font-size:14px;padding:10px 16px}.news-feed-content{gap:16px;grid-template-columns:1fr;padding:0 16px 80px}}@media (max-width:480px){.news-feed-header{align-items:stretch;flex-direction:column;gap:12px;padding:12px 12px 0}.news-feed-title{font-size:18px}.create-news-btn{justify-content:center}.news-feed-content{gap:12px;padding:0 12px 80px}}[data-theme=dark] .news-feed-title{color:var(--color-text-primary)}[data-theme=dark] .category-subtitle{color:var(--color-text-tertiary)}[data-theme=dark] .spinner{border-color:var(--color-bg-tertiary)}[data-theme=dark] .loading-state p{color:var(--color-text-tertiary)}[data-theme=dark] .empty-state-news h3{color:var(--color-text-primary)}[data-theme=dark] .empty-state-news p{color:var(--color-text-tertiary)}[data-theme=dark] .toggle-icon-btn{background:var(--color-bg-tertiary);border-color:var(--color-border-primary);color:var(--color-text-secondary)}[data-theme=dark] .toggle-icon-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-border-secondary)}[data-theme=dark] .toggle-icon-btn.active{background:#01426540;border-color:#3a7ca5;color:#5a9ec4}[data-theme=dark] .toggle-icon-btn.active svg{color:#5a9ec4}.channels-page{margin:0 auto;max-width:1400px;padding:32px}.channels-header{margin-bottom:40px;text-align:center}.channels-header h2{color:#1a1a1a;font-size:32px;font-weight:700;letter-spacing:-.5px;margin-bottom:12px}.channels-subtitle{color:#666;font-size:16px;line-height:1.5;margin:0 auto;max-width:600px}.channels-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.channel-card{background:#fff;border:1px solid #0000000d;border-left:4px solid #3b82f6;border-radius:16px;box-shadow:0 2px 8px #0000000f;cursor:pointer;display:flex;flex-direction:column;min-height:120px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.channel-description{color:#666;font-size:14px;line-height:1.5;margin:0}.channel-badges{align-items:center;display:flex;flex-shrink:0;gap:8px}.channel-unread-badge{align-items:center;animation:pulse-badge 2s ease-in-out infinite;background:#ef4444;border-radius:11px;color:#fff;display:flex;font-size:12px;font-weight:700;height:22px;justify-content:center;min-width:22px;padding:0 6px}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.channel-org-badge{background:#e3f2fd;border-radius:4px;color:#1565c0;font-size:11px;font-weight:600;padding:4px 8px}.channel-card:hover{box-shadow:0 8px 24px #00bcd426;transform:translateY(-4px)}.channel-card.news:before{background:linear-gradient(135deg,#014265,#012f47)}.channel-card.news:hover{background:linear-gradient(180deg,#fff 0,#f0f9fb);border-color:#00bcd44d}.channel-card.polls:before{background:linear-gradient(135deg,#9c27b0,#7b1fa2)}.channel-card.polls:hover{background:linear-gradient(180deg,#fff 0,#f3e5f5);border-color:#9c27b04d;box-shadow:0 8px 24px #9c27b026}.channel-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.channel-card h3{color:#1a1a1a;flex:1 1;font-size:20px;font-weight:700;letter-spacing:-.3px;line-height:1.3;margin:0}.channel-type-badge{background:#00bcd41a;border-radius:20px;color:#014265;font-size:13px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.channel-card.polls .channel-type-badge{background:#9c27b01a;color:#9c27b0}.channel-card:hover .channel-type-badge{background:#00bcd426;transform:scale(1.05)}.channel-card.polls:hover .channel-type-badge{background:#9c27b026}.channel-card-count{align-items:center;display:flex;flex-direction:column;gap:6px;padding-top:8px}.channel-card-count span:first-child{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#014265,#012f47);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:800;line-height:1}.channel-card.polls .channel-card-count span:first-child{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#9c27b0,#7b1fa2);-webkit-background-clip:text;background-clip:text}.channel-count-label{color:#666;font-size:13px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.empty-state p{line-height:1.6}.loading-state{font-size:16px;padding:80px 40px}.loading-state:before{animation:spin .8s linear infinite;border:3px solid #00bcd433;border-radius:50%;border-top-color:#014265;content:"";height:40px;width:40px}@media (max-width:768px){.channels-page{padding:20px 16px}.channels-header{margin-bottom:32px}.channels-header h2{font-size:26px}.channels-subtitle{font-size:14px}.channels-grid{gap:16px;grid-template-columns:1fr}.channel-card{min-height:140px;padding:20px}.channel-card h3{font-size:18px}.channel-type-badge{font-size:12px;padding:5px 10px}.channel-card-count span:first-child{font-size:36px}.channel-count-label{font-size:12px}}[data-theme=dark] .channels-header h2{color:#fff}[data-theme=dark] .channels-subtitle{color:#9ca3af}[data-theme=dark] .channel-card{background:#1e293b;border-color:#ffffff1a;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .channel-card:hover{background:#263548;box-shadow:0 8px 24px #00bcd433}[data-theme=dark] .channel-card h3{color:#fff}[data-theme=dark] .channel-description{color:#9ca3af}[data-theme=dark] .channel-org-badge{background:#1565c033;color:#64b5f6}[data-theme=dark] .empty-state{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#ffffff1a}[data-theme=dark] .empty-state p,[data-theme=dark] .loading-state{color:#9ca3af}.news-with-sidebar{background:var(--color-light-gray);display:flex;height:100%;width:100%}.news-main-content{flex:1 1;overflow-y:auto;padding:2rem}@media (max-width:768px){.news-with-sidebar{flex-direction:column}.news-main-content{padding:1rem}}@media (max-width:480px){.news-main-content{padding:.75rem}}.frisia-page{--frisia-primary:#014265;--frisia-primary-dark:#012f47;--frisia-secondary:#3a7ca5;--frisia-accent:#5a9ec4;--surface-white:#fff;--bg-page:#f0f4f7;--bg-subtle:#e8eef3;--text-dark:#1a2b3c;--text-medium:#4a5568;--text-light:#718096;--text-inverse:#fff;--alert-red:#e53e3e;--header-height:60px;--nav-height:72px;--sidebar-width:70px;--sidebar-expanded-width:220px;--shadow-sm:0 2px 8px #01426514;--shadow-md:0 4px 16px #0142651a;--transition-fast:all 0.15s ease;--transition-base:all 0.2s ease;background:var(--bg-page);display:flex;flex-direction:row;max-width:100vw;min-height:100vh;overflow-x:hidden;width:100%}.frisia-page__sidebar{display:none}.frisia-page__content{display:flex;flex:1 1;flex-direction:column;min-height:100vh;min-width:0}.frisia-page__topbar{align-items:center;background:linear-gradient(135deg,var(--frisia-primary) 0,var(--frisia-primary-dark) 100%);display:flex;justify-content:flex-end;padding:12px 16px}.frisia-page__topbar-left,.frisia-page__topbar-right{align-items:center;display:flex;gap:8px}.frisia-page__topbar-left{flex:1 1}.frisia-page__topbar-logo{cursor:pointer;display:block;height:28px;width:auto}.frisia-page__topbar-icon{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:var(--text-inverse);cursor:pointer;display:flex;height:36px;justify-content:center;position:relative;transition:var(--transition-fast);width:36px}.frisia-page__topbar-icon:hover{background:#fff3}.frisia-page__topbar-badge{align-items:center;background:var(--alert-red);border-radius:9px;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:-2px;top:-2px}.frisia-page__topbar-user{position:relative}.frisia-page__topbar-avatar{align-items:center;background:var(--frisia-secondary);border:2px solid #ffffff80;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;height:36px;justify-content:center;overflow:hidden;width:36px}.frisia-page__topbar-avatar img{height:100%;object-fit:cover;width:100%}.frisia-page__topbar-dropdown{background:var(--surface-white);border-radius:12px;box-shadow:0 8px 32px #0003;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:200}.frisia-page__topbar-userinfo{border-bottom:1px solid var(--bg-subtle);padding:14px 16px}.frisia-page__topbar-username{color:var(--text-dark);font-size:14px;font-weight:600;margin:0}.frisia-page__topbar-email{color:var(--text-light);font-size:12px;margin:4px 0 0}.frisia-page__topbar-dropdown button{background:#0000;border:none;color:var(--text-dark);cursor:pointer;display:block;font-size:14px;padding:12px 16px;text-align:left;width:100%}.frisia-page__topbar-dropdown button:hover{background:var(--bg-subtle)}.frisia-page__topbar-logout{border-top:1px solid var(--bg-subtle)!important;color:var(--alert-red)!important}.frisia-page__header{align-items:center;background:var(--surface-white);box-shadow:var(--shadow-sm);display:flex;height:var(--header-height);justify-content:space-between;padding:0 16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.frisia-page__header--hidden-mobile{display:none}.frisia-page__header-left{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.frisia-page__back-btn{align-items:center;background:none;border:none;border-radius:12px;color:var(--text-medium);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;padding:0;transition:var(--transition-fast);width:40px}.frisia-page__back-btn:hover{background:var(--bg-subtle);color:var(--text-dark)}.frisia-page__title{color:var(--text-dark);font-size:18px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frisia-page__home-grid{display:none}.frisia-page__header-right{flex-shrink:0}.frisia-page__header-actions-mobile,.frisia-page__header-right{align-items:center;display:flex;gap:4px}.frisia-page__icon-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-light);cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:var(--transition-fast);width:40px}.frisia-page__icon-btn:hover{background:var(--bg-subtle);color:var(--text-dark)}.frisia-page__mobile-tabs{-webkit-overflow-scrolling:touch;align-items:center;background:var(--surface-white);border-bottom:1px solid var(--bg-subtle);display:flex;gap:4px;overflow-x:auto;padding:8px 16px;scrollbar-width:none}.frisia-page__mobile-tabs::-webkit-scrollbar{display:none}.frisia-page__mobile-tab{align-items:center;background:none;border:1.5px solid #0000;border-radius:10px;color:var(--text-light);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:var(--transition-fast);white-space:nowrap}.frisia-page__mobile-tab:hover{background:var(--bg-subtle)}.frisia-page__mobile-tab--active{background:#01426514;border-color:var(--frisia-primary);color:var(--frisia-primary);font-weight:600}.frisia-page__main{flex:1 1;min-width:0;overflow-x:clip;padding:16px;padding-bottom:calc(16px + var(--nav-height) + env(safe-area-inset-bottom, 0px))}.frisia-page__main--full{padding:0;padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom, 0px))}.frisia-page__nav{align-items:center;background:var(--surface-white);bottom:0;box-shadow:0 -4px 20px #00000014;display:flex;height:var(--nav-height);justify-content:space-around;left:0;padding:8px 8px calc(8px + env(safe-area-inset-bottom, 0px));position:fixed;right:0;z-index:100}.frisia-page__nav-item{align-items:center;background:none;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:4px;max-width:80px;min-width:52px;padding:8px 12px;position:relative;transition:var(--transition-fast)}.frisia-page__nav-item:hover{background:var(--bg-subtle)}.frisia-page__nav-icon{color:var(--text-light);height:24px;transition:var(--transition-fast);width:24px}.frisia-page__nav-icon svg{height:100%;width:100%}.frisia-page__nav-label{color:var(--text-light);font-size:10px;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;transition:var(--transition-fast);white-space:nowrap}.frisia-page__nav-item--active{background:#01426514}.frisia-page__nav-item--active .frisia-page__nav-icon,.frisia-page__nav-item--active .frisia-page__nav-label{color:var(--frisia-primary)}.frisia-page__nav-item--active .frisia-page__nav-label{font-weight:600}.frisia-page__nav-badge{background:var(--alert-red);border-radius:9px;box-shadow:0 0 0 2px var(--surface-white);color:#fff;font-size:10px;font-weight:700;height:18px;line-height:18px;min-width:18px;padding:0 5px;position:absolute;right:6px;text-align:center;top:2px}.frisia-page__nav-more{background:#0142650d;flex:0 0 auto;max-width:60px;min-width:48px}.frisia-page__nav-more:hover{background:#0142651f}.frisia-page__nav-more .frisia-page__nav-icon{color:var(--frisia-primary)}.frisia-page__nav-more .frisia-page__nav-label{color:var(--frisia-primary);font-weight:500}@keyframes frisia-nav-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@media (min-width:1024px){.frisia-page{--header-height:64px}.frisia-page__sidebar{display:block;flex-shrink:0}.frisia-page__header-actions-mobile,.frisia-page__mobile-tabs,.frisia-page__topbar{display:none}.frisia-page__header{padding:0 24px}.frisia-page__header--hidden-mobile{display:flex}.frisia-page__title{font-size:20px}.frisia-page__home-grid{align-items:center;background:none;border:none;border-radius:10px;color:var(--text-medium);cursor:pointer;display:flex;height:40px;justify-content:center;margin-right:8px;padding:0;transition:var(--transition-fast);width:40px}.frisia-page__home-grid:hover{background:var(--bg-subtle);color:var(--frisia-primary)}.frisia-page__main{margin:0 auto;max-width:1400px;padding:24px;width:100%}.frisia-page__main--full{max-width:none;padding:0}.frisia-page__nav{display:none}}@media (max-width:400px){.frisia-page__header{padding:0 12px}.frisia-page__title{font-size:16px}.frisia-page__main{padding:12px;padding-bottom:calc(12px + var(--nav-height) + env(safe-area-inset-bottom, 0px))}.frisia-page__nav-item{min-width:44px;padding:8px 6px}.frisia-page__nav-label{font-size:9px}}[data-theme=dark] .frisia-page{--surface-white:#1a2332;--bg-page:#0f1419;--bg-subtle:#253447;--text-dark:#fff;--text-medium:#e2e8f0;--text-light:#a0aec0}[data-theme=dark] .frisia-page__header{box-shadow:0 2px 8px #0000004d}[data-theme=dark] .frisia-page__nav{border-top:1px solid #ffffff0d}[data-theme=dark] .frisia-page__nav-item--active{background:#3a7ca526}[data-theme=dark] .frisia-page__nav-more{background:#3a7ca51a}[data-theme=dark] .frisia-page__nav-more:hover{background:#3a7ca533}.frisia-page__back-btn:focus-visible,.frisia-page__icon-btn:focus-visible,.frisia-page__nav-item:focus-visible{outline:3px solid var(--frisia-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.frisia-page__nav-badge{animation:none}.frisia-page__back-btn,.frisia-page__icon-btn,.frisia-page__nav-item{transition:none}}.frisia-news{display:flex;flex-direction:column;height:100%;min-height:0}.frisia-news__tabs{background:#e8eef3;background:var(--bg-subtle,#e8eef3);border-radius:12px;display:flex;gap:4px;padding:4px}.frisia-news__tab{align-items:center;background:#0000;border:none;border-radius:10px;color:#718096;color:var(--text-light,#718096);cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:all .15s ease;width:36px}.frisia-news__tab:hover{background:#ffffff80;color:#4a5568;color:var(--text-medium,#4a5568)}.frisia-news__tab--active{background:#fff;background:var(--surface-white,#fff);box-shadow:0 2px 4px #00000014;color:#014265;color:var(--frisia-primary,#014265)}.frisia-news__tab svg{height:18px;width:18px}.frisia-news__filter-bar{align-items:center;background:linear-gradient(135deg,#014265,#3a7ca5);background:linear-gradient(135deg,var(--frisia-primary,#014265) 0,var(--frisia-secondary,#3a7ca5) 100%);border-radius:12px;color:#fff;display:flex;gap:12px;justify-content:space-between;margin:0 0 8px;padding:12px 16px}.frisia-news__filter-label{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frisia-news__filter-clear{align-items:center;background:#ffffff26;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:0;transition:all .15s ease;width:28px}.frisia-news__filter-clear:hover{background:#ffffff40}.frisia-news__content{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-y:auto}@media (min-width:1024px){.frisia-news__filter-bar{border-radius:14px;margin:0 0 16px;padding:14px 20px}.frisia-news__filter-label{font-size:15px}}[data-theme=dark] .frisia-news__tabs{background:#e8eef3;background:var(--bg-subtle,#e8eef3)}[data-theme=dark] .frisia-news__tab:hover{background:#ffffff1a}[data-theme=dark] .frisia-news__tab--active{background:#fff;background:var(--surface-white,#fff);box-shadow:0 2px 4px #0003}.people-page{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:100%;overflow-x:hidden;padding:24px}.people-header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.people-header h2{color:var(--color-text);font-size:24px;font-weight:500;margin:0}.search-bar{align-items:center;display:flex;flex:1 1;max-width:400px;position:relative}.search-bar svg{color:var(--color-text-light);left:12px;position:absolute}.search-bar input{border:1px solid #e0e0e0;border-radius:4px;color:var(--color-text);font-size:14px;padding:10px 12px 10px 40px;width:100%}.search-bar input::placeholder{color:var(--color-text-light);opacity:.7}.search-bar input:focus{border-color:var(--color-turquoise);outline:none}.search-clear-btn{background:none;border:none;border-radius:50%;color:#999;cursor:pointer;font-size:16px;padding:4px 8px;position:absolute;right:8px;transition:all .2s}.search-clear-btn:hover{background:#f0f0f0;color:#333}.search-results-info{background:var(--color-turquoise);border-radius:4px;color:#fff;margin-bottom:16px}.filter-button,.search-results-info{font-size:14px;font-weight:500;padding:10px 16px}.filter-button{background:#fff;border:1px solid var(--color-turquoise);border-radius:4px;color:var(--color-turquoise);cursor:pointer;position:relative;transition:background .2s}.filter-button:hover{background:var(--color-light-gray)}.filter-button.active{background:var(--color-turquoise);color:#fff}.filter-badge{background:#fff;border-radius:50%;color:var(--color-turquoise);display:inline-block;height:20px;line-height:20px;margin-left:8px;text-align:center;width:20px}.filter-button.active .filter-badge{background:var(--color-turquoise);border:2px solid #fff;color:#fff}.filters-panel{align-items:flex-end;background:var(--color-light-gray);border-radius:4px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:16px}.filter-group{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:200px}.filter-group label{color:var(--color-text);font-size:14px;font-weight:500}.filter-group select{background:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-size:14px;padding:10px 12px}.filter-group select:focus{border-color:var(--color-turquoise);outline:none}.clear-filters{background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:var(--color-text);cursor:pointer;font-size:14px;padding:10px 16px;transition:background .2s}.clear-filters:hover{background:var(--color-light-gray)}.loading-state{color:var(--color-text-light);padding:60px}.people-table-container{overflow-x:auto}.people-table{border-collapse:collapse;width:100%}.people-table thead{background:var(--color-light-gray)}.people-table th{color:var(--color-text-light);font-size:14px;font-weight:500;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.people-table th.sortable-header{cursor:pointer;transition:background .2s,color .2s;-webkit-user-select:none;user-select:none}.people-table th.sortable-header:hover{background:#e5e7eb;color:var(--color-text)}.sort-icon{color:var(--color-text-light);font-size:10px;margin-left:4px}.people-table th.sortable-header:hover .sort-icon{color:var(--color-turquoise)}.people-table td{border-bottom:1px solid #e0e0e0;color:var(--color-text);font-size:14px;padding:16px}.people-table tbody tr{transition:background .2s}.people-table tbody tr.clickable-row{cursor:pointer}.people-table tbody tr:hover{background:#f9f9f9}.user-cell{align-items:center;display:flex;gap:12px}.user-name-info{display:flex;flex-direction:column}.user-firstname{font-weight:500}.user-lastname-mobile{color:#666;display:none;font-size:12px}.user-details-mobile{color:#888;display:none;font-size:11px;margin-top:2px}.header-mobile{display:none}.header-desktop{display:inline}.user-avatar{font-size:14px;font-weight:500;height:40px;width:40px}.user-avatar:nth-of-type(4n+1){background:#e91e63}.user-avatar:nth-of-type(4n+2){background:#00bcd4}.user-avatar:nth-of-type(4n+3){background:#009688}.user-avatar:nth-of-type(4n+4){background:#ff9800}.empty-state{padding:60px}.alphabet-filter-container{background:var(--color-light-gray);border-radius:4px;margin-bottom:16px;padding:12px 16px}.alphabet-filter-row{align-items:center;display:flex;gap:12px;margin-bottom:8px}.alphabet-filter-row:last-of-type{margin-bottom:0}.alphabet-label{color:var(--color-text);font-size:13px;font-weight:500;min-width:80px}.alphabet-buttons{display:flex;flex-wrap:wrap;gap:4px;max-width:100%}.alphabet-btn{background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:var(--color-text);cursor:pointer;font-size:12px;font-weight:500;height:28px;padding:0;transition:all .15s;width:28px}.alphabet-btn.active,.alphabet-btn:hover{background:var(--color-turquoise);border-color:var(--color-turquoise);color:#fff}.clear-alphabet-filter{background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:var(--color-text);cursor:pointer;font-size:13px;margin-top:12px;padding:8px 14px;transition:background .2s}.clear-alphabet-filter:hover{background:#f5f5f5}@media (max-width:1024px){.people-table td:nth-child(6),.people-table td:nth-child(7),.people-table th:nth-child(6),.people-table th:nth-child(7){display:none}}@media (max-width:768px){.people-page{padding:16px 16px 100px}.people-header{align-items:stretch;flex-direction:column;gap:12px}.people-header h2{font-size:20px;text-align:center}.search-bar{max-width:100%}.filter-button{text-align:center;width:100%}.alphabet-filter-container{max-width:100%;overflow-x:hidden;padding:10px}.alphabet-filter-row{align-items:flex-start;flex-direction:column;gap:8px;max-width:100%}.alphabet-label{font-size:12px;min-width:auto}.alphabet-btn{font-size:11px;height:24px;width:24px}.filters-panel{flex-direction:column;gap:12px}.filter-group{min-width:auto}.lastname-column,.people-table td:nth-child(3),.people-table td:nth-child(4),.people-table td:nth-child(5),.people-table td:nth-child(6),.people-table td:nth-child(7),.people-table th:nth-child(3),.people-table th:nth-child(4),.people-table th:nth-child(5),.people-table th:nth-child(6),.people-table th:nth-child(7){display:none}.user-details-mobile,.user-lastname-mobile{display:block}.header-desktop{display:none}.header-mobile{display:inline}.people-table td,.people-table th{font-size:13px;padding:12px 8px}.user-avatar{font-size:12px;height:32px;width:32px}}@media (max-width:480px){.people-page{padding:12px 12px 100px}.people-header h2{font-size:18px}.search-bar input{font-size:14px;padding:8px 12px 8px 36px}.alphabet-btn{font-size:10px;height:22px;width:22px}.alphabet-buttons{gap:3px}.people-table td,.people-table th{font-size:12px;padding:10px 6px}.user-cell{gap:8px}.user-avatar{font-size:11px;height:28px;width:28px}}[data-theme=dark] .people-page{background:var(--color-bg-elevated);box-shadow:0 2px 4px #0000004d}[data-theme=dark] .search-bar input{background:var(--color-bg-secondary);border-color:var(--color-border-primary);color:var(--color-text-primary)}[data-theme=dark] .search-clear-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}[data-theme=dark] .filter-button{background:var(--color-bg-elevated);border-color:var(--color-secondary)}[data-theme=dark] .filter-button:hover,[data-theme=dark] .filters-panel{background:var(--color-bg-tertiary)}[data-theme=dark] .filter-group select{background:var(--color-bg-secondary);border-color:var(--color-border-primary);color:var(--color-text-primary)}[data-theme=dark] .clear-filters{background:var(--color-bg-elevated);border-color:var(--color-border-primary)}[data-theme=dark] .clear-filters:hover,[data-theme=dark] .people-table thead{background:var(--color-bg-tertiary)}[data-theme=dark] .people-table th{color:var(--color-text-tertiary)}[data-theme=dark] .people-table th.sortable-header:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}[data-theme=dark] .people-table td{border-bottom-color:var(--color-border-primary);color:var(--color-text-primary)}[data-theme=dark] .people-table tbody tr:hover{background:var(--color-bg-tertiary)}[data-theme=dark] .user-lastname-mobile{color:var(--color-text-tertiary)}[data-theme=dark] .alphabet-filter-container{background:var(--color-bg-tertiary)}[data-theme=dark] .alphabet-btn{background:var(--color-bg-secondary);border-color:var(--color-border-primary);color:var(--color-text-primary)}[data-theme=dark] .alphabet-btn.active,[data-theme=dark] .alphabet-btn:hover{background:var(--color-secondary)}[data-theme=dark] .clear-alphabet-filter{background:var(--color-bg-elevated);border-color:var(--color-border-primary)}[data-theme=dark] .clear-alphabet-filter:hover{background:var(--color-bg-tertiary)}.frisia-people{--frisia-primary:#014265;--frisia-secondary:#3a7ca5;--frisia-accent:#5a9ec4;--surface-white:#fff;--bg-subtle:#f0f4f7;--text-dark:#1a2b3c;--text-medium:#4a5568;--text-light:#718096;--border-color:#e2e8f0;--shadow-sm:0 2px 8px #01426514;--shadow-md:0 4px 16px #0142651f;--transition-fast:all 0.15s ease;max-width:100%;overflow-x:hidden;width:100%}.frisia-people__header{display:flex;gap:12px;margin-bottom:16px}.frisia-people__search{align-items:center;display:flex;flex:1 1;position:relative}.frisia-people__search svg{color:var(--text-light);left:14px;pointer-events:none;position:absolute}.frisia-people__search input{background:var(--surface-white);border:1px solid var(--border-color);border-radius:12px;color:var(--text-dark);font-size:16px;padding:14px 44px;transition:var(--transition-fast);width:100%}.frisia-people__search input:focus{border-color:var(--frisia-primary);box-shadow:0 0 0 3px #0142651a;outline:none}.frisia-people__search input::placeholder{color:var(--text-light)}.frisia-people__search-clear{align-items:center;background:var(--bg-subtle);border:none;border-radius:50%;color:var(--text-medium);cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:12px;transition:var(--transition-fast);width:28px}.frisia-people__search-clear:hover{background:var(--border-color);color:var(--text-dark)}.frisia-people__filter-btn{align-items:center;background:var(--surface-white);border:1px solid var(--border-color);border-radius:12px;color:var(--text-medium);cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;position:relative;transition:var(--transition-fast);width:48px}.frisia-people__filter-btn.active,.frisia-people__filter-btn:hover{background:var(--frisia-primary);border-color:var(--frisia-primary);color:#fff}.frisia-people__filter-badge{background:#e53e3e;border-radius:9px;color:#fff;font-size:10px;font-weight:700;height:18px;line-height:18px;min-width:18px;padding:0 5px;position:absolute;right:-4px;text-align:center;top:-4px}.frisia-people__alphabet{background:var(--surface-white);border-radius:12px;box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px;max-width:100%;overflow:hidden;padding:12px}.frisia-people__letter{background:var(--bg-subtle);border:none;border-radius:8px;color:var(--text-medium);cursor:pointer;font-size:13px;font-weight:600;height:32px;padding:0;transition:var(--transition-fast);width:32px}.frisia-people__letter:hover{background:var(--frisia-secondary);color:#fff}.frisia-people__letter.active{background:var(--frisia-primary);color:#fff}.frisia-people__letter-clear{align-items:center;background:#fed7d7;border:none;border-radius:8px;color:#c53030;cursor:pointer;display:flex;height:32px;justify-content:center;transition:var(--transition-fast);width:32px}.frisia-people__letter-clear:hover{background:#feb2b2}.frisia-people__filters{background:var(--surface-white);border-radius:12px;box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;max-width:100%;padding:16px}.frisia-people__filter-group{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:150px}.frisia-people__filter-group label{color:var(--text-medium);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.frisia-people__filter-group select{background:var(--surface-white);border:1px solid var(--border-color);border-radius:8px;color:var(--text-dark);cursor:pointer;font-size:14px;padding:10px 12px;transition:var(--transition-fast)}.frisia-people__filter-group select:focus{border-color:var(--frisia-primary);outline:none}.frisia-people__filter-clear{align-self:flex-end;background:#0000;border:1px solid var(--border-color);border-radius:8px;color:var(--text-medium);cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px;transition:var(--transition-fast)}.frisia-people__filter-clear:hover{background:var(--bg-subtle);border-color:var(--text-medium)}.frisia-people__results-info{background:var(--frisia-primary);border-radius:8px;color:#fff;font-size:14px;font-weight:500;margin-bottom:16px;padding:10px 16px}.frisia-people__sort-bar{align-items:center;display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;padding:8px 0}.frisia-people__sort-label{color:var(--text-light);font-size:13px;white-space:nowrap}.frisia-people__sort-btn{align-items:center;background:var(--surface-white);border:1px solid var(--border-color);border-radius:20px;color:var(--text-medium);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:4px;padding:8px 14px;transition:var(--transition-fast);white-space:nowrap}.frisia-people__sort-btn:hover{border-color:var(--frisia-secondary);color:var(--frisia-primary)}.frisia-people__sort-btn.active{background:var(--frisia-primary);border-color:var(--frisia-primary);color:#fff}.frisia-people__sort-icon{font-size:11px}.frisia-people__empty,.frisia-people__loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.frisia-people__empty p,.frisia-people__loading p{color:var(--text-light);font-size:15px;margin-top:16px}.frisia-people__empty svg{color:var(--border-color)}.frisia-people__spinner{animation:frisia-people-spin .8s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--frisia-primary);height:40px;width:40px}@keyframes frisia-people-spin{to{transform:rotate(1turn)}}.frisia-people__list{display:flex;flex-direction:column;gap:12px}.frisia-people__card{align-items:center;background:var(--surface-white);border:1px solid var(--border-color);border-radius:12px;box-sizing:border-box;cursor:pointer;display:flex;gap:16px;max-width:100%;overflow:hidden;padding:16px;text-align:left;transition:var(--transition-fast);width:100%}.frisia-people__card:hover{border-color:var(--frisia-secondary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.frisia-people__card:active{transform:translateY(0)}.frisia-people__avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:56px;justify-content:center;overflow:hidden;position:relative;width:56px}.frisia-people__avatar img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:1}.frisia-people__avatar-initials{color:#fff;font-size:18px;font-weight:600;z-index:0}.frisia-people__info{flex:1 1;min-width:0}.frisia-people__name{color:var(--text-dark);font-size:16px;font-weight:400;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frisia-people__name strong{font-weight:600}.frisia-people__position{color:var(--text-medium);font-size:14px;margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frisia-people__department{font-size:13px}.frisia-people__company,.frisia-people__department{color:var(--text-light);margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frisia-people__company{font-size:11px;opacity:.75}.frisia-people__actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.frisia-people__action-btn{align-items:center;background:var(--bg-subtle);border:none;border-radius:50%;color:var(--frisia-primary);display:flex;height:40px;justify-content:center;text-decoration:none;transition:var(--transition-fast);width:40px}.frisia-people__action-btn:hover{background:var(--frisia-primary);color:#fff}.frisia-people__arrow{color:var(--text-light)}@media (min-width:768px){.frisia-people__list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.frisia-people__avatar{height:64px;width:64px}.frisia-people__avatar-initials{font-size:20px}}@media (min-width:1024px){.frisia-people__header{margin-bottom:20px}.frisia-people__search input{font-size:15px;padding:12px 44px}.frisia-people__alphabet{gap:8px;padding:14px 16px}.frisia-people__letter{font-size:14px;height:36px;width:36px}.frisia-people__list{grid-template-columns:repeat(3,1fr)}.frisia-people__card{padding:20px}}@media (min-width:1440px){.frisia-people__list{grid-template-columns:repeat(4,1fr)}}@media (max-width:480px){.frisia-people__alphabet{gap:4px;max-width:100%;padding:10px}.frisia-people__letter{border-radius:6px;font-size:11px;height:26px;width:26px}.frisia-people__card{gap:10px;overflow:hidden;padding:12px}.frisia-people__avatar{flex-shrink:0;height:44px;width:44px}.frisia-people__avatar-initials{font-size:15px}.frisia-people__info{flex:1 1;min-width:0;overflow:hidden}.frisia-people__name{font-size:14px}.frisia-people__position{font-size:12px}.frisia-people__department{font-size:11px}.frisia-people__actions{flex-shrink:0;gap:4px}.frisia-people__action-btn{height:32px;width:32px}.frisia-people__action-btn svg{height:14px;width:14px}.frisia-people__arrow{display:none}.frisia-people__sort-bar{margin-bottom:12px;padding:0}.frisia-people__sort-btn{font-size:12px;padding:6px 12px}.frisia-people__filter-group{min-width:0}}@media (max-width:375px){.frisia-people__card{gap:8px;padding:10px}.frisia-people__avatar{height:40px;width:40px}.frisia-people__avatar-initials{font-size:14px}.frisia-people__name{font-size:13px}.frisia-people__department,.frisia-people__position{font-size:11px}.frisia-people__action-btn{height:30px;width:30px}.frisia-people__action-btn svg{height:13px;width:13px}}[data-theme=dark] .frisia-people{--surface-white:#1a2332;--bg-subtle:#253447;--text-dark:#fff;--text-medium:#e2e8f0;--text-light:#a0aec0;--border-color:#3d4f63}[data-theme=dark] .frisia-people__filter-group select,[data-theme=dark] .frisia-people__search input{background:var(--surface-white)}[data-theme=dark] .frisia-people__action-btn,[data-theme=dark] .frisia-people__card:hover{background:var(--bg-subtle)}[data-theme=dark] .frisia-people__action-btn:hover{background:var(--frisia-primary)}.modal-overlay{animation:fadeIn var(--transition-base);-webkit-backdrop-filter:blur(var(--modal-backdrop-blur));backdrop-filter:blur(var(--modal-backdrop-blur));background:var(--modal-overlay-bg);overflow-y:auto;padding:var(--spacing-lg);z-index:var(--z-modal-backdrop)}.modal-content{animation:slideUp var(--transition-slow);background:var(--color-bg-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-height:var(--modal-max-height);position:relative;z-index:var(--z-modal)}.modal-content.modal-sm{max-width:var(--modal-sm)}.modal-content.modal-md{max-width:var(--modal-md)}.modal-content.modal-lg{max-width:var(--modal-lg)}.modal-content.modal-xl{max-width:var(--modal-xl)}.modal-content.modal-full{max-height:95vh;max-width:95vw}.modal-header{border-bottom:1px solid var(--color-border);flex-shrink:0;padding:var(--spacing-xl)}.modal-header h2{color:var(--color-text);font-size:var(--font-2xl);font-weight:var(--font-semibold);margin:0}.modal-header h3{color:var(--color-text);font-size:var(--font-xl);font-weight:var(--font-medium)}.modal-close{border-radius:var(--radius-md);color:var(--color-text-lighter);font-size:var(--font-2xl);height:32px;line-height:1;padding:var(--spacing-sm);transition:color var(--transition-fast);width:32px}.modal-close:hover{background:var(--color-bg-dark);color:var(--color-text)}.modal-body{min-height:0;padding:var(--spacing-xl)}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:var(--color-bg-light);border-radius:var(--radius-md)}.modal-body::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:var(--radius-md)}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--color-gray)}.modal-footer{background:var(--color-bg-light);border-radius:0 0 var(--radius-2xl) var(--radius-2xl);border-top:1px solid var(--color-border);flex-shrink:0;gap:var(--spacing-md);padding:var(--spacing-xl)}.modal-footer.align-start{justify-content:flex-start}.modal-footer.align-center{justify-content:center}.modal-footer.space-between{justify-content:space-between}@media (max-width:768px){.modal-overlay{align-items:flex-start;padding:var(--spacing-sm)}.modal-content{border-radius:var(--radius-lg);margin:var(--spacing-sm) 0;max-height:100vh;max-width:100%!important}.modal-header{padding:var(--spacing-lg)}.modal-header h2{font-size:var(--font-xl)}.modal-header h3{font-size:var(--font-lg)}.modal-body,.modal-footer{padding:var(--spacing-lg)}.modal-footer{flex-direction:column;gap:var(--spacing-sm)}.modal-footer button{width:100%}}@media (min-width:769px) and (max-width:1024px){.modal-content.modal-lg,.modal-content.modal-xl{max-width:90vw}}.modal-loading{align-items:center;color:var(--color-text-light);display:flex;justify-content:center;min-height:200px}.modal-section{margin-bottom:var(--spacing-xl)}.modal-section:last-child{margin-bottom:0}.modal-section-title{color:var(--color-text);font-size:var(--font-lg);font-weight:var(--font-semibold);margin-bottom:var(--spacing-md)}.modal-error{background:#fff5f5;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error-dark)}.modal-error,.modal-warning{margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.modal-warning{background:#fffbf0;border:1px solid var(--color-warning);border-radius:var(--radius-md);color:var(--color-warning-dark)}.modal-info{background:#f0f9ff;border:1px solid var(--color-info);border-radius:var(--radius-md);color:var(--color-info-dark);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}[data-theme=dark] .modal-close:hover{background:var(--color-bg-tertiary)}[data-theme=dark] .modal-body::-webkit-scrollbar-track{background:var(--color-bg-secondary)}[data-theme=dark] .modal-body::-webkit-scrollbar-thumb{background:var(--color-border-primary)}[data-theme=dark] .modal-body::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}[data-theme=dark] .modal-footer{background:var(--color-bg-secondary)}[data-theme=dark] .modal-error{background:#f4433626;border-color:var(--color-error);color:#ff6b6b}[data-theme=dark] .modal-warning{background:#ff980026;border-color:var(--color-warning);color:#ffb74d}[data-theme=dark] .modal-info{background:#2196f326;border-color:var(--color-info);color:#64b5f6}.new-chat-search{margin-bottom:16px}.search-input-wrapper{position:relative}.search-icon{color:#605e5c;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{-webkit-appearance:none;appearance:none;border:1px solid #e1dfdd;font-family:inherit;font-size:16px;padding:12px 14px;transition:border-color .2s}.search-input-with-icon{padding-left:44px}.search-input:focus{border-color:var(--color-frisia-primary)}.new-chat-empty,.new-chat-loading{color:var(--color-text-secondary);padding:var(--space-2xl);text-align:center}.users-list{max-height:400px;overflow-y:auto}.user-item{align-items:center;border-bottom:1px solid var(--color-border);cursor:pointer;display:flex;gap:var(--space-md);padding:var(--space-md);transition:var(--transition-base)}.user-item:hover{background:var(--color-frisia-bg)}.user-item:last-child{border-bottom:none}.user-avatar{align-items:center;background:var(--color-frisia-accent);border-radius:50%;color:#fff;display:flex;font-size:var(--font-size-lg);font-weight:600;height:48px;justify-content:center;overflow:hidden;width:48px}.user-avatar img{height:100%;width:100%}.user-info{flex:1 1;min-width:0}.user-name{color:var(--color-text);margin-bottom:var(--space-2xs)}.user-details{margin-bottom:var(--space-2xs)}.user-details,.user-email{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.user-action{color:var(--color-frisia-primary);flex-shrink:0}.chat-container{background:#f3f2f1;display:flex;height:calc(100vh - 60px)}.chat-sidebar{background:#fafafa;border-right:1px solid #e1dfdd;display:flex;flex-direction:column;width:360px}.chat-sidebar-header{display:flex;flex-direction:column;gap:12px;padding:16px 16px 0}.chat-sidebar-title{align-items:center;display:flex;justify-content:space-between;padding:0 4px}.chat-sidebar-header h2{color:#242424;font-size:20px;font-weight:600;margin:0}.new-chat-button{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-sm);color:#605e5c;cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:4px;padding:6px;transition:var(--transition-base)}.new-chat-button:hover{background:#edebe9;color:#242424}.chat-search-wrapper{border-bottom:1px solid #e1dfdd;padding:0 4px 12px}.chat-search{position:relative;width:100%}.chat-search-icon{color:#605e5c;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.chat-search-input{background:#fff;border:1px solid #e1dfdd;border-radius:4px;font-size:14px;padding:8px 12px 8px 36px;transition:var(--transition-base);width:100%}.chat-search-input:focus{border-color:var(--color-frisia-primary);outline:none}.chat-search-input::placeholder{color:#a19f9d}.chat-rooms-list{flex:1 1;overflow-y:auto}.chat-room-item{align-items:flex-start;border-left:3px solid #0000;border-radius:4px;cursor:pointer;display:flex;gap:12px;margin:0 8px;padding:12px 20px;transition:var(--transition-base)}.chat-room-item:hover{background:#f3f2f1}.chat-room-item.active{background:#fff;border-left-color:var(--color-frisia-primary);box-shadow:0 1px 2px #0000000d}.chat-room-avatar{background:var(--color-frisia-accent);flex-shrink:0;font-size:13px;height:32px;position:relative;width:32px}.chat-room-avatar,.chat-room-unread-badge{align-items:center;border-radius:50%;color:#fff;display:flex;font-weight:600;justify-content:center}.chat-room-unread-badge{background:#e53935;border:2px solid #fff;bottom:-4px;box-shadow:0 1px 3px #0003;font-size:11px;height:18px;min-width:18px;position:absolute;right:-4px}.chat-room-info{flex:1 1;min-width:0}.chat-room-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-xs)}.chat-room-name{color:#242424;font-size:14px;font-weight:600;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-room-preview,.chat-room-time{color:#605e5c;font-size:12px;white-space:nowrap}.chat-room-preview{line-height:16px;overflow:hidden;text-overflow:ellipsis}.chat-main{flex:1 1;flex-direction:column}.chat-header,.chat-main{background:#fff;display:flex}.chat-header{align-items:center;border-bottom:1px solid #e1dfdd;justify-content:space-between;padding:16px 24px}.chat-header-info h3{color:#242424;font-size:18px;font-weight:600;margin:0 0 2px}.chat-header-meta{color:#605e5c;font-size:12px}.chat-header-actions{display:flex;gap:var(--space-sm)}.chat-header-action{background:#0000;border:none;border-radius:var(--border-radius-sm);color:var(--color-frisia-primary);cursor:pointer;padding:var(--space-xs);transition:var(--transition-base)}.chat-header-action:hover{background:var(--color-frisia-bg)}.chat-messages{background:#fff;display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:24px}.message-group{align-items:flex-start;display:flex;gap:var(--space-sm)}.message-group.own-message{flex-direction:row-reverse}.message-avatar{align-items:center;background:var(--color-frisia-accent);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:var(--font-size-sm);font-weight:600;height:36px;justify-content:center;width:36px}.message-content{display:flex;flex-direction:column;gap:var(--space-xs);max-width:60%}.message-group.own-message .message-content{align-items:flex-end}.message-author{color:var(--color-frisia-primary);font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-2xs)}.message-group.own-message .message-author{display:none}.message-bubble{word-wrap:break-word;background:#f3f2f1;border-radius:8px;color:#242424;font-size:14px;line-height:1.5;max-width:100%;padding:10px 14px}.message-group.own-message .message-bubble{background:var(--color-frisia-primary);color:#fff}.message-footer{align-items:center;display:flex;gap:8px}.message-time{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.message-date-separator{align-items:center;display:flex;justify-content:center;margin:16px 0;position:relative}.message-date-separator:after,.message-date-separator:before{background:#e1dfdd;content:"";flex:1 1;height:1px}.message-date-separator span{background:#f3f2f1;border-radius:12px;color:#605e5c;font-size:12px;margin:0 12px;padding:4px 12px;white-space:nowrap}.message-delete-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#a19f9d;cursor:pointer;display:flex;justify-content:center;opacity:0;padding:2px;transition:var(--transition-base)}.message-group:hover .message-delete-btn{opacity:1}.message-delete-btn:hover{background:#e539351a;color:#e53935}.typing-indicator{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);font-style:italic;gap:var(--space-sm);padding:var(--space-sm)}.typing-dots{display:flex;gap:4px}.typing-dot{animation:typing 1.4s infinite;background:var(--color-text-secondary);border-radius:50%;height:6px;width:6px}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.chat-input{background:#fff;border-top:1px solid #e1dfdd;padding:16px 24px 24px}.chat-input-form{align-items:flex-end;display:flex;gap:8px}.chat-input-textarea{border:1px solid #e1dfdd;border-radius:4px;flex:1 1;font-family:inherit;font-size:14px;line-height:20px;max-height:120px;min-height:40px;padding:10px 12px;resize:none}.chat-input-textarea:focus{border-color:var(--color-frisia-primary);outline:none}.chat-input-send{align-items:center;background:var(--color-frisia-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;height:40px;padding:10px 16px;transition:var(--transition-base)}.chat-input-send:hover:not(:disabled){background:var(--color-frisia-secondary)}.chat-input-send:disabled{cursor:not-allowed;opacity:.4}.chat-empty{align-items:center;background:#fff;color:#605e5c;display:flex;flex:1 1;flex-direction:column;gap:16px;justify-content:center}.chat-empty-icon{color:#a19f9d;font-size:64px;opacity:.3}.chat-empty h2{color:#242424;font-size:20px;font-weight:600;margin:0}.chat-empty p{color:#605e5c;font-size:14px;margin:0}.online-badge{background:#10b981;border:2px solid #fff;border-radius:50%;bottom:2px;height:10px;position:absolute;right:2px;width:10px}@media (max-width:768px){.chat-container{position:relative}.chat-sidebar{height:100%;position:absolute;transition:transform .3s ease;width:100%;z-index:10}.chat-sidebar.mobile-hidden{transform:translateX(-100%)}.chat-main{width:100%}.chat-header-back{display:flex}.message-content{max-width:80%}.chat-input{padding:12px 16px 16px}.chat-input-send{font-size:0;min-width:40px;padding:10px}.chat-input-send svg{margin:0}}.chat-header-back{background:#0000;border:none;border-radius:var(--border-radius-sm);color:var(--color-frisia-primary);cursor:pointer;display:none;margin-right:8px;padding:8px;transition:var(--transition-base)}.chat-header-back:hover{background:var(--color-frisia-bg)}.chat-input-attach{align-items:center;background:#0000;border:1px solid #e1dfdd;border-radius:4px;color:#605e5c;cursor:pointer;display:flex;height:40px;justify-content:center;padding:8px;transition:var(--transition-base);width:40px}.chat-input-attach:hover:not(:disabled){background:#f3f2f1;border-color:var(--color-frisia-primary);color:var(--color-frisia-primary)}.chat-input-attach:disabled{cursor:not-allowed;opacity:.4}.message-image{background:#0000!important;padding:8px!important}.message-image img{border-radius:8px;display:block;height:auto;max-width:100%}.message-filename{color:#605e5c;font-size:12px;margin-top:4px;word-break:break-all}.message-group.own-message .message-filename{color:#fffc}.message-file{background:#0000!important;padding:0!important}.file-attachment{align-items:center;background:#f3f2f1;border-radius:8px;color:#242424;display:flex;gap:10px;padding:12px 16px;text-decoration:none;transition:var(--transition-base)}.file-attachment:hover{background:#e1dfdd}.message-group.own-message .file-attachment{background:#fff3;color:#fff}.message-group.own-message .file-attachment:hover{background:#ffffff4d}.file-name{flex:1 1;word-break:break-all}.spinner-small{border:2px solid #e1dfdd;border-top:2px solid var(--color-frisia-primary);height:20px;width:20px}[data-theme=dark] .chat-container{background:var(--color-bg-secondary)}[data-theme=dark] .chat-sidebar{background:var(--color-bg-elevated);border-right-color:var(--color-border-primary)}[data-theme=dark] .chat-sidebar-header h2{color:var(--color-text-primary)}[data-theme=dark] .new-chat-button{color:var(--color-text-tertiary)}[data-theme=dark] .new-chat-button:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}[data-theme=dark] .chat-search-wrapper{border-bottom-color:var(--color-border-primary)}[data-theme=dark] .chat-search-icon{color:var(--color-text-tertiary)}[data-theme=dark] .chat-search-input{background:var(--color-bg-secondary);border-color:var(--color-border-primary);color:var(--color-text-primary)}[data-theme=dark] .chat-search-input::placeholder{color:var(--color-text-tertiary)}[data-theme=dark] .chat-room-item:hover{background:var(--color-bg-tertiary)}[data-theme=dark] .chat-room-item.active{background:var(--color-bg-secondary);box-shadow:0 1px 2px #0003}[data-theme=dark] .chat-room-name{color:var(--color-text-primary)}[data-theme=dark] .chat-room-preview,[data-theme=dark] .chat-room-time{color:var(--color-text-tertiary)}[data-theme=dark] .chat-main{background:var(--color-bg-primary)}[data-theme=dark] .chat-header{background:var(--color-bg-elevated);border-bottom-color:var(--color-border-primary)}[data-theme=dark] .chat-header-info h3{color:var(--color-text-primary)}[data-theme=dark] .chat-header-meta{color:var(--color-text-tertiary)}[data-theme=dark] .chat-messages{background:var(--color-bg-primary)}[data-theme=dark] .message-bubble{background:var(--color-bg-tertiary);color:var(--color-text-primary)}[data-theme=dark] .chat-input{background:var(--color-bg-elevated);border-top-color:var(--color-border-primary)}[data-theme=dark] .chat-input-textarea{background:var(--color-bg-secondary);border-color:var(--color-border-primary);color:var(--color-text-primary)}[data-theme=dark] .chat-empty{background:var(--color-bg-primary)}[data-theme=dark] .chat-empty,[data-theme=dark] .chat-empty-icon{color:var(--color-text-tertiary)}[data-theme=dark] .chat-empty h2{color:var(--color-text-primary)}[data-theme=dark] .chat-empty p{color:var(--color-text-tertiary)}[data-theme=dark] .online-badge{border-color:var(--color-bg-elevated)}.frisia-chat .modal-overlay{z-index:9999}.frisia-chat .modal-content{z-index:10000}.frisia-chat{--frisia-primary:#014265;--frisia-primary-dark:#012f47;--frisia-secondary:#3a7ca5;--frisia-accent:#5a9ec4;--surface-white:#fff;--bg-page:#f0f4f7;--bg-subtle:#e8eef3;--text-dark:#1a2b3c;--text-medium:#4a5568;--text-light:#718096;--text-inverse:#fff;--alert-red:#e53e3e;--shadow-sm:0 2px 8px #01426514;--shadow-md:0 4px 16px #0142651a;--transition-fast:all 0.15s ease;--transition-base:all 0.2s ease;background:var(--bg-page);display:flex;flex-direction:column;height:calc(100vh - 132px - env(safe-area-inset-bottom, 0px))}.frisia-chat__new-btn{align-items:center;background:var(--frisia-primary);border:none;border-radius:50%;color:var(--text-inverse);cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:var(--transition-fast);width:40px}.frisia-chat__new-btn:hover{background:var(--frisia-primary-dark);transform:scale(1.05)}.frisia-chat__mobile{display:flex;flex-direction:column;height:100%}.frisia-chat__desktop{display:none}.frisia-chat__list{display:flex;flex-direction:column;height:100%}.frisia-chat__list-header,.frisia-chat__search{align-items:center;display:flex;gap:12px;padding:12px 16px}.frisia-chat__search{background:var(--surface-white);border:none;border-radius:50px;box-shadow:var(--shadow-sm);flex:1 1}.frisia-chat__new-btn--list{flex-shrink:0}.frisia-chat__search svg{color:var(--text-light);flex-shrink:0}.frisia-chat__search input{background:#0000;border:none;color:var(--text-dark);flex:1 1;font-size:15px;outline:none}.frisia-chat__search input::placeholder{color:var(--text-light)}.frisia-chat__rooms{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto}.frisia-chat__empty{align-items:center;color:var(--text-light);display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.frisia-chat__empty svg{margin-bottom:16px;opacity:.3}.frisia-chat__empty p{color:var(--text-medium);font-size:15px;font-weight:500;margin:0 0 4px}.frisia-chat__empty span{color:var(--text-light);font-size:13px}.frisia-chat__room{align-items:center;background:#0000;border:none;border-bottom:1px solid var(--bg-subtle);cursor:pointer;display:flex;gap:12px;padding:14px 16px;text-align:left;transition:var(--transition-fast);width:100%}.frisia-chat__room:hover{background:var(--surface-white)}.frisia-chat__room:last-child{border-bottom:none}.frisia-chat__room-avatar{align-items:center;background:linear-gradient(135deg,var(--frisia-primary),var(--frisia-secondary));border-radius:50%;color:var(--text-inverse);display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:52px;justify-content:center;overflow:visible;position:relative;width:52px}.frisia-chat__room-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.frisia-chat__room-avatar svg,.frisia-chat__room-badge{color:var(--text-inverse)}.frisia-chat__room-badge{background:var(--alert-red);border-radius:10px;box-shadow:0 0 0 2px var(--bg-page);font-size:11px;font-weight:700;height:20px;line-height:20px;min-width:20px;padding:0 6px;position:absolute;right:-2px;text-align:center;top:-2px}.frisia-chat__room-info{flex:1 1;min-width:0}.frisia-chat__room-header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:4px}.frisia-chat__room-name{color:var(--text-dark);font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frisia-chat__room-time{color:var(--text-light);flex-shrink:0;font-size:12px}.frisia-chat__room-preview{color:var(--text-medium);font-size:13px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frisia-chat__room-preview strong{color:var(--text-dark);font-weight:500}.frisia-chat__conversation{background:var(--surface-white);display:flex;flex-direction:column;height:100%}.frisia-chat__conv-header{align-items:center;background:var(--surface-white);border-bottom:1px solid var(--bg-subtle);display:flex;gap:12px;padding:12px 16px}.frisia-chat__back-btn{align-items:center;background:none;border:none;border-radius:12px;color:var(--text-medium);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;padding:0;transition:var(--transition-fast);width:40px}.frisia-chat__back-btn:hover{background:var(--bg-subtle);color:var(--text-dark)}.frisia-chat__conv-info{flex:1 1;min-width:0}.frisia-chat__conv-info h3{color:var(--text-dark);font-size:16px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frisia-chat__conv-info span{color:var(--text-light);font-size:12px}.frisia-chat__conv-actions{display:flex;gap:8px;margin-left:auto}.frisia-chat__action-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--bg-subtle);border:none;border-radius:20px;color:var(--frisia-primary);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:8px 14px;touch-action:manipulation;transition:var(--transition-fast);white-space:nowrap}.frisia-chat__action-btn svg{flex-shrink:0}.frisia-chat__action-btn span{display:inline}.frisia-chat__action-btn:active,.frisia-chat__action-btn:hover{background:var(--frisia-primary);color:var(--text-inverse)}@media (max-width:400px){.frisia-chat__action-btn{border-radius:12px;padding:10px}.frisia-chat__action-btn span{display:none}}.frisia-chat__messages{-webkit-overflow-scrolling:touch;background:var(--bg-page);display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:16px}.frisia-chat__date-sep{align-items:center;display:flex;justify-content:center;margin:16px 0}.frisia-chat__date-sep span{background:var(--surface-white);border-radius:50px;box-shadow:var(--shadow-sm);color:var(--text-medium);font-size:12px;font-weight:500;padding:6px 16px}.frisia-chat__msg{display:flex;gap:10px;max-width:85%}.frisia-chat__msg--own{flex-direction:row-reverse;margin-left:auto}.frisia-chat__msg-avatar{align-items:center;background:linear-gradient(135deg,var(--frisia-secondary),var(--frisia-accent));border-radius:50%;color:var(--text-inverse);display:flex;flex-shrink:0;font-size:13px;font-weight:600;height:36px;justify-content:center;overflow:hidden;width:36px}.frisia-chat__msg-avatar img{height:100%;object-fit:cover;width:100%}.frisia-chat__msg--own .frisia-chat__msg-avatar{background:linear-gradient(135deg,var(--frisia-primary),var(--frisia-secondary))}.frisia-chat__msg-content{display:flex;flex-direction:column;gap:4px}.frisia-chat__msg-author{color:var(--text-medium);font-size:12px;font-weight:600;margin-left:4px}.frisia-chat__msg-bubble{word-wrap:break-word;background:var(--surface-white);border-radius:18px;border-top-left-radius:4px;box-shadow:var(--shadow-sm);color:var(--text-dark);font-size:14px;padding:10px 14px}.frisia-chat__msg--own .frisia-chat__msg-bubble{background:linear-gradient(135deg,var(--frisia-primary),var(--frisia-secondary));border-top-left-radius:18px;border-top-right-radius:4px;color:var(--text-inverse)}.frisia-chat__msg-bubble--image{background:var(--surface-white);border-radius:16px;padding:4px}.frisia-chat__msg-bubble--image img{border-radius:12px;cursor:pointer;display:block;max-height:250px;max-width:250px}.frisia-chat__msg-filename{color:var(--text-medium);font-size:12px;padding:4px 8px}.frisia-chat__msg--own .frisia-chat__msg-filename{color:#fffc}.frisia-chat__msg-bubble--file{align-items:center;color:var(--text-dark);display:flex;gap:10px;padding:12px 16px;text-decoration:none}.frisia-chat__msg-bubble--file span{flex:1 1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frisia-chat__msg--own .frisia-chat__msg-bubble--file{color:var(--text-inverse)}.frisia-chat__msg-footer{align-items:center;display:flex;gap:8px;margin-left:4px}.frisia-chat__msg--own .frisia-chat__msg-footer{flex-direction:row-reverse;margin-left:0;margin-right:4px}.frisia-chat__msg-time{color:var(--text-light);font-size:11px}.frisia-chat__msg-read{align-items:center;color:var(--text-light);display:flex}.frisia-chat__msg-read--seen{color:var(--frisia-secondary)}.frisia-chat__msg-read svg{height:14px;width:14px}.frisia-chat__msg-delete{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-light);cursor:pointer;display:flex;justify-content:center;opacity:0;padding:4px;transition:var(--transition-fast)}.frisia-chat__msg:hover .frisia-chat__msg-delete{opacity:1}.frisia-chat__msg-delete:hover{background:#e53e3e1a;color:var(--alert-red)}.frisia-chat__typing{align-items:center;color:var(--text-light);display:flex;font-size:13px;gap:8px;padding:8px 0}.frisia-chat__typing-dots{display:flex;gap:3px}.frisia-chat__typing-dots span{animation:frisia-typing-bounce 1.4s ease-in-out infinite;background:var(--text-light);border-radius:50%;height:6px;width:6px}.frisia-chat__typing-dots span:first-child{animation-delay:0s}.frisia-chat__typing-dots span:nth-child(2){animation-delay:.2s}.frisia-chat__typing-dots span:nth-child(3){animation-delay:.4s}@keyframes frisia-typing-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.frisia-chat__input{align-items:flex-end;background:var(--surface-white);border-top:1px solid var(--bg-subtle);display:flex;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom, 0px))}.frisia-chat__attach-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-light);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;padding:0;transition:var(--transition-fast);width:40px}.frisia-chat__attach-btn:hover{background:var(--bg-subtle);color:var(--text-medium)}.frisia-chat__attach-btn:disabled{cursor:not-allowed;opacity:.5}.frisia-chat__spinner{animation:frisia-spin .8s linear infinite;border:2px solid var(--bg-subtle);border-radius:50%;border-top-color:var(--frisia-primary);height:20px;width:20px}.frisia-chat__input textarea{background:var(--bg-subtle);border:none;border-radius:20px;color:var(--text-dark);flex:1 1;font-family:inherit;font-size:15px;max-height:120px;min-height:40px;outline:none;padding:10px 16px;resize:none;transition:var(--transition-fast)}.frisia-chat__input textarea:focus{background:var(--bg-page);box-shadow:0 0 0 2px var(--frisia-accent)}.frisia-chat__input textarea::placeholder{color:var(--text-light)}.frisia-chat__send-btn{align-items:center;background:var(--frisia-primary);border:none;border-radius:50%;color:var(--text-inverse);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;padding:0;transition:var(--transition-fast);width:40px}.frisia-chat__send-btn:hover:not(:disabled){background:var(--frisia-primary-dark);transform:scale(1.05)}.frisia-chat__send-btn:disabled{background:var(--bg-subtle);color:var(--text-light);cursor:not-allowed}@media (min-width:1024px){.frisia-chat{height:calc(100vh - 64px)}.frisia-chat__mobile{display:none}.frisia-chat__desktop{display:flex;gap:0;height:100%}.frisia-chat__sidebar{background:var(--surface-white);border-right:1px solid var(--bg-subtle);flex-shrink:0;width:360px}.frisia-chat__sidebar .frisia-chat__list{height:100%}.frisia-chat__main{flex:1 1;min-width:0}.frisia-chat__empty-state{align-items:center;color:var(--text-light);display:flex;flex-direction:column;height:100%;justify-content:center;padding:48px;text-align:center}.frisia-chat__empty-state svg{margin-bottom:24px;opacity:.3}.frisia-chat__empty-state h2{color:var(--text-dark);font-size:20px;font-weight:600;margin:0 0 8px}.frisia-chat__empty-state p{color:var(--text-medium);font-size:14px;margin:0}.frisia-chat__back-btn{display:none}.frisia-chat__conv-header{border-bottom:1px solid var(--bg-subtle);display:flex;padding:16px 20px}.frisia-chat__room-avatar{height:48px;width:48px}.frisia-chat__room{padding:12px 20px}.frisia-chat__list-header{padding:16px 20px}.frisia-chat__input{padding-bottom:16px}}[data-theme=dark] .frisia-chat{--surface-white:#1a2332;--bg-page:#0f1419;--bg-subtle:#253447;--text-dark:#fff;--text-medium:#e2e8f0;--text-light:#a0aec0}[data-theme=dark] .frisia-chat__room:hover{background:var(--bg-subtle)}[data-theme=dark] .frisia-chat__date-sep span,[data-theme=dark] .frisia-chat__msg-bubble{background:var(--bg-subtle);box-shadow:none}[data-theme=dark] .frisia-chat__input textarea{background:var(--bg-subtle)}[data-theme=dark] .frisia-chat__input textarea:focus{background:#1a2332}.frisia-chat__attach-btn:focus-visible,.frisia-chat__back-btn:focus-visible,.frisia-chat__conv-actions button:focus-visible,.frisia-chat__new-btn:focus-visible,.frisia-chat__room:focus-visible,.frisia-chat__send-btn:focus-visible{outline:3px solid var(--frisia-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.frisia-chat__spinner,.frisia-chat__typing-dots span{animation:none}.frisia-chat__new-btn,.frisia-chat__room,.frisia-chat__send-btn{transition:none}}.wiki-comments{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);margin-top:2rem;padding-top:2rem}.wiki-comments.disabled{opacity:.6}.wiki-comments.disabled .comments-header{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-style:italic;gap:.5rem}.comments-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.comments-title{align-items:center;display:flex;gap:.5rem}.comments-title h3{color:#111827;color:var(--text-primary,#111827);font-size:1.125rem;font-weight:600;margin:0}.comment-count{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:9999px;font-size:.875rem;padding:.125rem .5rem}.btn-filter,.comment-count{color:#6b7280;color:var(--text-secondary,#6b7280)}.btn-filter{background:#0000;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:.375rem;cursor:pointer;font-size:.75rem;padding:.375rem .75rem;transition:all .15s}.btn-filter:hover{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6)}.btn-filter.active{background:#3b82f6;background:var(--primary-color,#3b82f6);border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);color:#fff}.comments-header-actions{align-items:center;display:flex;gap:.5rem}.btn-add-comment{align-items:center;background:#0000;border:1px solid #3b82f6;border:1px solid var(--primary-color,#3b82f6);border-radius:.375rem;color:#3b82f6;color:var(--primary-color,#3b82f6);cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;gap:.375rem;padding:.375rem .75rem;transition:all .15s}.btn-add-comment:hover{background:#3b82f6;background:var(--primary-color,#3b82f6);color:#fff}.new-comment{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);margin-bottom:1.5rem;padding-bottom:1.5rem}.comment-form{display:flex;flex-direction:column;gap:.75rem}.comment-form textarea{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:.5rem;color:#111827;color:var(--text-primary,#111827);font-size:.875rem;line-height:1.5;min-height:80px;padding:.75rem;resize:vertical;transition:border-color .15s;width:100%}.comment-form textarea:focus{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.comment-form textarea:disabled{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);cursor:not-allowed}.comment-form-actions{display:flex;gap:.5rem;justify-content:flex-end}.comment-form .btn-cancel{background:#0000;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:.375rem;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .15s}.comment-form .btn-cancel:hover{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6)}.comment-form .btn-submit{align-items:center;background:#3b82f6;background:var(--primary-color,#3b82f6);border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.375rem;padding:.5rem 1rem;transition:background .15s}.comment-form .btn-submit:hover:not(:disabled){background:#2563eb;background:var(--primary-color-dark,#2563eb)}.comment-form .btn-submit:disabled{cursor:not-allowed;opacity:.5}.comment-form-hint{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:.75rem;text-align:right}.comment-item{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:.5rem;margin-bottom:.75rem;padding:1rem}.comment-item.resolved{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-color:#d1fae5;border-color:var(--success-color-light,#d1fae5)}.comment-item.resolved .comment-content p{color:#6b7280;color:var(--text-secondary,#6b7280)}.comment-item.depth-1{border-left:2px solid #3b82f6;border-left:2px solid var(--primary-color,#3b82f6);margin-left:1.5rem}.comment-item.depth-2{margin-left:3rem}.comment-item.depth-2,.comment-item.depth-3{border-left:2px solid #e5e7eb;border-left:2px solid var(--border-color,#e5e7eb)}.comment-item.depth-3{margin-left:4rem}.comment-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.comment-avatar{border-radius:50%;flex-shrink:0;height:32px;overflow:hidden;width:32px}.comment-avatar img{height:100%;object-fit:cover;width:100%}.comment-avatar .avatar-placeholder{align-items:center;background:#3b82f6;background:var(--primary-color,#3b82f6);color:#fff;display:flex;font-size:.75rem;font-weight:600;height:100%;justify-content:center;width:100%}.comment-meta{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:.375rem}.comment-author{color:#111827;color:var(--text-primary,#111827);font-size:.875rem;font-weight:600}.comment-date{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:.75rem}.resolved-badge{align-items:center;background:#d1fae5;background:var(--success-color-light,#d1fae5);border-radius:9999px;color:#059669;color:var(--success-color,#059669);display:inline-flex;font-size:.625rem;font-weight:500;gap:.25rem;padding:.125rem .5rem}.comment-actions{align-items:center;display:flex;gap:.25rem;position:relative}.comment-actions .btn-menu,.comment-actions .btn-resolve{background:#0000;border:none;border-radius:.25rem;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;padding:.375rem;transition:all .15s}.comment-actions .btn-menu:hover,.comment-actions .btn-resolve:hover{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);color:#111827;color:var(--text-primary,#111827)}.comment-actions .btn-resolve.resolved{color:#059669;color:var(--success-color,#059669)}.comment-menu{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;min-width:140px;padding:.25rem;position:absolute;right:0;top:100%;z-index:10}.comment-menu button{align-items:center;background:#0000;border:none;border-radius:.375rem;color:#111827;color:var(--text-primary,#111827);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem .75rem;transition:background .15s;width:100%}.comment-menu button:hover{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6)}.comment-menu button.danger{color:#dc2626;color:var(--error-color,#dc2626)}.comment-menu button.danger:hover{background:#dc26261a}.comment-content{margin:0 0 .75rem 2.5rem}.comment-content p{word-wrap:break-word;color:#111827;color:var(--text-primary,#111827);font-size:.875rem;line-height:1.6;margin:0;white-space:pre-wrap}.comment-edit{display:flex;flex-direction:column;gap:.5rem}.comment-edit textarea{background:#fff;background:var(--bg-primary,#fff);border:1px solid #3b82f6;border:1px solid var(--primary-color,#3b82f6);border-radius:.375rem;color:#111827;color:var(--text-primary,#111827);font-size:.875rem;line-height:1.5;padding:.5rem;resize:vertical;width:100%}.comment-edit textarea:focus{box-shadow:0 0 0 3px #3b82f61a;outline:none}.edit-actions{display:flex;gap:.5rem;justify-content:flex-end}.edit-actions button{border-radius:.25rem;cursor:pointer;font-size:.75rem;padding:.25rem .75rem;transition:all .15s}.edit-actions .btn-cancel{background:#0000;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);color:#6b7280;color:var(--text-secondary,#6b7280)}.edit-actions .btn-save{background:#3b82f6;background:var(--primary-color,#3b82f6);border:none;color:#fff}.edit-actions .btn-save:hover{background:#2563eb;background:var(--primary-color-dark,#2563eb)}.comment-footer{margin-left:2.5rem}.btn-reply{align-items:center;background:#0000;border:none;border-radius:.25rem;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:inline-flex;font-size:.75rem;gap:.25rem;padding:.25rem .5rem;transition:all .15s}.btn-reply:hover{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);color:#3b82f6;color:var(--primary-color,#3b82f6)}.comment-replies{margin-left:2.5rem;margin-top:.75rem}.replies-toggle{align-items:center;background:#0000;border:none;border-radius:.25rem;color:#3b82f6;color:var(--primary-color,#3b82f6);cursor:pointer;display:inline-flex;font-size:.75rem;gap:.25rem;padding:.25rem .5rem;transition:background .15s}.replies-toggle:hover{background:#3b82f61a}.replies-list{margin-top:.5rem}.reply-form-wrapper{margin-bottom:.75rem;margin-left:1.5rem}.empty-state,.loading-state{padding:3rem 1rem}.comment-form .loading-spinner,.loading-state .loading-spinner{animation:spin .8s linear infinite;border:2px solid #e5e7eb;border-top-color:#3b82f6;border:2px solid var(--border-color,#e5e7eb);border-radius:50%;border-top-color:var(--primary-color,#3b82f6);height:20px;width:20px}.empty-state svg{margin-bottom:.75rem}.comments-list{display:flex;flex-direction:column}@media (max-width:640px){.comments-header{align-items:flex-start;flex-direction:column;gap:.75rem}.comment-item.depth-1,.comment-item.depth-2,.comment-item.depth-3{margin-left:.75rem}.comment-content,.comment-footer,.comment-replies{margin-left:0}}[data-theme=dark] .wiki-comments{border-top-color:#374151}[data-theme=dark] .comments-title h3{color:#f9fafb}[data-theme=dark] .comment-count{background:#374151;color:#d1d5db}[data-theme=dark] .comment-form textarea{background:#1f2937;border-color:#374151;color:#f9fafb}[data-theme=dark] .comment-item{background:#1f2937;border-color:#374151}[data-theme=dark] .comment-item.resolved{background:#1a2e1a;border-color:#166534}[data-theme=dark] .comment-author{color:#f9fafb}[data-theme=dark] .comment-content p{color:#e5e7eb}[data-theme=dark] .comment-menu{background:#1f2937;border-color:#374151}[data-theme=dark] .comment-menu button{color:#e5e7eb}[data-theme=dark] .comment-menu button:hover{background:#374151}.wiki-labels{display:flex;flex-direction:column;gap:.5rem}.wiki-labels.loading{flex-direction:row;font-size:.875rem}.labels-header,.wiki-labels.loading{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;gap:.5rem}.labels-title{font-size:.75rem;font-weight:500;letter-spacing:.025em;text-transform:uppercase}.labels-content{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.label-badge{align-items:center;background:#3b82f6;background:var(--primary-color,#3b82f6);border-radius:9999px;color:#fff;cursor:default;display:inline-flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.25rem .625rem;transition:opacity .15s}.label-badge[role=button]{cursor:pointer}.label-badge[role=button]:hover{opacity:.9}.label-badge .label-remove{align-items:center;background:#0003;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;margin-left:.125rem;margin-right:-.25rem;opacity:0;padding:.125rem;transition:opacity .15s,background .15s}.label-badge:hover .label-remove{opacity:1}.label-badge .label-remove:hover{background:#0000004d}.page-labels{display:flex;flex-wrap:wrap;gap:.375rem}.no-labels{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:.875rem;font-style:italic}.add-label-wrapper{position:relative}.btn-add-label{align-items:center;background:#0000;border:1px dashed #d1d5db;border:1px dashed var(--border-color,#d1d5db);border-radius:9999px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:inline-flex;font-size:.75rem;gap:.25rem;opacity:0;padding:.25rem .5rem;pointer-events:none;transition:all .15s}.btn-add-label.active,.wiki-labels.hovering .btn-add-label{opacity:1;pointer-events:auto}.btn-add-label.active,.btn-add-label:hover{background:#3b82f60d;border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);color:#3b82f6;color:var(--primary-color,#3b82f6)}.label-dropdown{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;left:0;min-width:240px;position:absolute;top:calc(100% + .5rem);z-index:50}.dropdown-search{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);color:#9ca3af;color:var(--text-tertiary,#9ca3af);display:flex;gap:.5rem;padding:.5rem .75rem}.dropdown-search input{background:#0000;border:none;color:#111827;color:var(--text-primary,#111827);flex:1 1;font-size:.875rem;outline:none}.dropdown-search input::placeholder{color:#9ca3af;color:var(--text-tertiary,#9ca3af)}.dropdown-list{max-height:200px;overflow-y:auto;padding:.25rem}.dropdown-empty{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;padding:1rem;text-align:center}.dropdown-item{align-items:center;background:#0000;border:none;border-radius:.375rem;cursor:pointer;display:flex;gap:.5rem;padding:.5rem .75rem;text-align:left;transition:background .15s;width:100%}.dropdown-item:hover{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6)}.dropdown-item .label-color{border-radius:50%;flex-shrink:0;height:12px;width:12px}.dropdown-item .label-name{color:#111827;color:var(--text-primary,#111827);flex:1 1;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-item .label-count{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:9999px;color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:.75rem;padding:.125rem .375rem}.dropdown-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);padding:.5rem}.btn-create-label{align-items:center;background:#0000;border:none;border-radius:.375rem;color:#3b82f6;color:var(--primary-color,#3b82f6);cursor:pointer;display:flex;font-size:.875rem;gap:.375rem;justify-content:center;padding:.5rem;transition:background .15s;width:100%}.btn-create-label:hover{background:#3b82f61a}.modal-overlay{z-index:100}.modal-content.label-modal{animation:modalFadeIn .2s ease-out;background:#fff;background:var(--bg-primary,#fff);border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;width:100%}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);padding:1rem 1.25rem}.modal-header h3{color:#111827;color:var(--text-primary,#111827);font-size:1rem;font-weight:600}.modal-close{background:#0000;border-radius:.25rem;color:#6b7280;color:var(--text-secondary,#6b7280);padding:.375rem;transition:all .15s}.modal-close:hover{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);color:#111827;color:var(--text-primary,#111827)}.label-modal form{padding:1.25rem}.form-group{margin-bottom:1rem}.form-group:last-of-type{margin-bottom:0}.form-group label{margin-bottom:.375rem}.form-group input,.form-group label,.form-group textarea{color:#111827;color:var(--text-primary,#111827);font-size:.875rem}.form-group input,.form-group textarea{background:#fff;background:var(--bg-primary,#fff);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:.375rem;padding:.5rem .75rem;transition:border-color .15s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group textarea{min-height:60px}.color-picker{display:flex;flex-wrap:wrap;gap:.375rem}.color-option{align-items:center;border:2px solid #0000;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .15s;width:28px}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#111827;border-color:var(--text-primary,#111827);box-shadow:0 0 0 2px #fff}.modal-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);gap:.75rem;margin-top:1rem;padding:1rem 1.25rem}.modal-footer .btn-cancel{background:#0000;border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:.375rem;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .15s}.modal-footer .btn-cancel:hover{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6)}.modal-footer .btn-submit{background:#3b82f6;background:var(--primary-color,#3b82f6);border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background .15s}.modal-footer .btn-submit:hover:not(:disabled){background:#2563eb;background:var(--primary-color-dark,#2563eb)}.modal-footer .btn-submit:disabled{cursor:not-allowed;opacity:.5}@media (max-width:640px){.label-dropdown{bottom:1rem;left:1rem;max-height:60vh;min-width:auto;position:fixed;right:1rem;top:auto}.dropdown-list{max-height:calc(60vh - 150px)}}[data-theme=dark] .label-dropdown{background:#1f2937;border-color:#374151}[data-theme=dark] .dropdown-search{border-bottom-color:#374151}[data-theme=dark] .dropdown-search input{color:#f9fafb}[data-theme=dark] .dropdown-item:hover{background:#374151}[data-theme=dark] .dropdown-item .label-name{color:#f9fafb}[data-theme=dark] .dropdown-item .label-count{background:#374151;color:#9ca3af}[data-theme=dark] .dropdown-footer{border-top-color:#374151}[data-theme=dark] .modal-content.label-modal{background:#1f2937}[data-theme=dark] .modal-header{border-bottom-color:#374151}[data-theme=dark] .form-group label,[data-theme=dark] .modal-header h3{color:#f9fafb}[data-theme=dark] .form-group input,[data-theme=dark] .form-group textarea{background:#111827;border-color:#374151;color:#f9fafb}[data-theme=dark] .modal-footer{border-top-color:#374151}[data-theme=dark] .color-option.selected{border-color:#f9fafb;box-shadow:0 0 0 2px #1f2937}.wiki-attachments{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:.5rem;margin-top:1.5rem;padding:1rem}.attachments-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.attachments-title{align-items:center;color:#111827;color:var(--text-primary,#111827);display:flex;gap:.5rem}.attachments-title h4{font-size:.875rem;font-weight:600;margin:0}.attachment-count{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:9999px;color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.75rem;padding:.125rem .5rem}.btn-add-attachment{align-items:center;background:#0000;border:1px solid #3b82f6;border:1px solid var(--primary-color,#3b82f6);border-radius:.375rem;color:#3b82f6;color:var(--primary-color,#3b82f6);cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;gap:.375rem;opacity:0;padding:.375rem .75rem;pointer-events:none;transition:all .15s}.btn-add-attachment.visible,.wiki-attachments:hover .btn-add-attachment{opacity:1;pointer-events:auto}.btn-add-attachment:hover{background:#3b82f6;background:var(--primary-color,#3b82f6);color:#fff}.btn-close-upload{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:.25rem;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:.5rem;top:.5rem;transition:all .15s}.btn-close-upload:hover{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);color:#111827;color:var(--text-primary,#111827)}.upload-area{align-items:center;background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:2px dashed #d1d5db;border:2px dashed var(--border-color,#d1d5db);border-radius:.5rem;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;justify-content:center;margin-bottom:1rem;padding:1.5rem;position:relative;transition:all .15s}.upload-area:hover{background:#3b82f60d}.upload-area.drag-over,.upload-area:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6)}.upload-area.drag-over{background:#3b82f61a;color:#3b82f6;color:var(--primary-color,#3b82f6)}.upload-area.uploading{cursor:not-allowed;pointer-events:none}.upload-area span{font-size:.875rem}.upload-hint{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:.75rem!important}.upload-progress{align-items:center;display:flex;flex-direction:column;gap:.5rem;width:100%}.progress-bar{background:#e5e7eb;background:var(--border-color,#e5e7eb);border-radius:9999px;height:6px;max-width:300px;width:100%}.progress-fill{background:#3b82f6;background:var(--primary-color,#3b82f6);border-radius:9999px;transition:width .15s}.attachments-list{display:flex;flex-direction:column;gap:.5rem}.attachment-item{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:.375rem;display:flex;gap:.75rem;padding:.75rem;transition:border-color .15s}.attachment-item:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6)}.attachment-icon{align-items:center;background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:.375rem;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.attachment-icon .icon-image{color:#10b981}.attachment-icon .icon-video{color:#8b5cf6}.attachment-icon .icon-audio{color:#f59e0b}.attachment-icon .icon-document{color:#3b82f6}.attachment-icon .icon-spreadsheet{color:#22c55e}.attachment-icon .icon-presentation{color:#f97316}.attachment-icon .icon-archive{color:#6b7280}.attachment-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.attachment-name{color:#111827;color:var(--text-primary,#111827);font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-meta{align-items:center;color:#9ca3af;color:var(--text-tertiary,#9ca3af);display:flex;flex-wrap:wrap;font-size:.75rem;gap:.25rem}.attachment-dot{color:#d1d5db;color:var(--border-color,#d1d5db)}.attachment-actions{align-items:center;display:flex;gap:.25rem;position:relative}.attachment-actions .btn-download,.attachment-actions .btn-menu{align-items:center;background:#0000;border:none;border-radius:.25rem;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;justify-content:center;padding:.375rem;transition:all .15s}.attachment-actions .btn-download:hover{background:#3b82f61a;color:#3b82f6;color:var(--primary-color,#3b82f6)}.attachment-actions .btn-menu:hover{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);color:#111827;color:var(--text-primary,#111827)}.attachment-menu{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;min-width:120px;padding:.25rem;position:absolute;right:0;top:100%;z-index:10}.attachment-menu button{align-items:center;background:#0000;border:none;border-radius:.375rem;color:#111827;color:var(--text-primary,#111827);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem .75rem;transition:background .15s;width:100%}.attachment-menu button:hover{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6)}.attachment-menu button.danger{color:#dc2626;color:var(--error-color,#dc2626)}.attachment-menu button.danger:hover{background:#dc26261a}.empty-state,.loading-state{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;flex-direction:column;justify-content:center;padding:2rem 1rem;text-align:center}.loading-state .loading-spinner{animation:spin .8s linear infinite;border:2px solid #e5e7eb;border-top-color:#3b82f6;border:2px solid var(--border-color,#e5e7eb);border-radius:50%;border-top-color:var(--primary-color,#3b82f6);height:20px;margin-bottom:.5rem;width:20px}.empty-state svg{color:#9ca3af;color:var(--text-tertiary,#9ca3af);margin-bottom:.5rem}.empty-state p{font-size:.875rem}@media (max-width:640px){.attachment-item{flex-wrap:wrap}.attachment-info{flex-basis:calc(100% - 60px);flex-grow:1;flex-shrink:1}.attachment-actions{margin-left:auto}}[data-theme=dark] .wiki-attachments{background:#1f2937;border-color:#374151}[data-theme=dark] .attachments-title{color:#f9fafb}[data-theme=dark] .attachment-count{background:#374151;color:#d1d5db}[data-theme=dark] .upload-area{background:#111827;border-color:#374151;color:#9ca3af}[data-theme=dark] .upload-area.drag-over,[data-theme=dark] .upload-area:hover{background:#3b82f61a}[data-theme=dark] .progress-bar{background:#374151}[data-theme=dark] .attachment-item{background:#1f2937;border-color:#374151}[data-theme=dark] .attachment-icon{background:#374151}[data-theme=dark] .attachment-name{color:#f9fafb}[data-theme=dark] .attachment-menu{background:#1f2937;border-color:#374151}[data-theme=dark] .attachment-menu button{color:#e5e7eb}[data-theme=dark] .attachment-menu button:hover{background:#374151}.wiki-page-navigation{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border-primary,#e5e7eb);margin:3rem 0 2rem;padding:2rem 0}.wiki-nav-button-container{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.wiki-nav-button{align-items:center;background:#f9fafb;background:var(--color-bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--color-border-primary,#e5e7eb);border-radius:12px;cursor:pointer;display:flex;font-family:inherit;gap:.75rem;max-width:45%;min-width:200px;padding:1rem 1.5rem;transition:all .2s ease}.wiki-nav-button:hover{background:#fff;background:var(--color-bg-elevated,#fff);border-color:#014265;border-color:var(--color-primary,#014265);box-shadow:0 2px 8px #00000014;transform:translateY(-2px)}.wiki-nav-button:active{transform:translateY(0)}.wiki-nav-prev{justify-content:flex-start}.wiki-nav-next{justify-content:flex-end;margin-left:auto}.wiki-nav-text{align-items:flex-start;display:flex;flex-direction:column;gap:.25rem;text-align:left}.wiki-nav-next .wiki-nav-text{align-items:flex-end;text-align:right}.wiki-nav-label{color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.wiki-nav-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#111827;color:var(--color-text-primary,#111827);display:-webkit-box;font-size:.95rem;font-weight:600;line-height:1.3;overflow:hidden}.wiki-nav-button svg{flex-shrink:0;transition:transform .2s ease}.wiki-nav-button svg,.wiki-nav-button:hover svg{color:#014265;color:var(--color-primary,#014265)}.wiki-nav-prev:hover svg{transform:translateX(-3px)}.wiki-nav-next:hover svg{transform:translateX(3px)}.wiki-nav-spacer{flex:0 0 auto;min-width:200px;width:45%}.wiki-nav-hint{color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);font-size:.75rem;font-style:italic;margin-top:1rem;text-align:center}.wiki-nav-hint kbd{background:#f3f4f6;background:var(--color-bg-secondary,#f3f4f6);border:1px solid #d1d5db;border:1px solid var(--color-border-primary,#d1d5db);border-radius:4px;box-shadow:0 1px 2px #0000000d;display:inline-block;font-family:Courier New,monospace;font-size:.7rem;font-weight:600;margin:0 .2rem;padding:.15rem .4rem}@media (max-width:768px){.wiki-nav-button-container{align-items:stretch;flex-direction:column;gap:.75rem}.wiki-nav-button{max-width:100%;min-width:0;width:100%}.wiki-nav-next{margin-left:0}.wiki-nav-spacer{display:none}.wiki-nav-hint{font-size:.7rem}}@media (max-width:480px){.wiki-page-navigation{margin:2rem 0 1rem;padding:1.5rem 0}.wiki-nav-button{gap:.5rem;padding:.875rem 1rem}.wiki-nav-title{font-size:.875rem}.wiki-nav-label{font-size:.7rem}.wiki-nav-hint{display:none}}[data-theme=dark] .wiki-page-navigation{border-top-color:#374151;border-top-color:var(--color-border-primary,#374151)}[data-theme=dark] .wiki-nav-button{background:#1f2937;background:var(--color-bg-tertiary,#1f2937);border-color:#374151;border-color:var(--color-border-primary,#374151)}[data-theme=dark] .wiki-nav-button:hover{background:#111827;background:var(--color-bg-secondary,#111827);border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .wiki-nav-label{color:#6b7280;color:var(--color-text-tertiary,#6b7280)}[data-theme=dark] .wiki-nav-title{color:#f9fafb;color:var(--color-text-primary,#f9fafb)}[data-theme=dark] .wiki-nav-button svg{color:#60a5fa;color:var(--color-primary,#60a5fa)}[data-theme=dark] .wiki-nav-button:hover svg{color:#3b82f6;color:var(--color-primary,#3b82f6)}[data-theme=dark] .wiki-nav-hint{color:#6b7280;color:var(--color-text-tertiary,#6b7280)}[data-theme=dark] .wiki-nav-hint kbd{background:#111827;background:var(--color-bg-secondary,#111827);border-color:#4b5563;border-color:var(--color-border-primary,#4b5563);color:#d1d5db;color:var(--color-text-secondary,#d1d5db)}.wiki-search-results{background:#fff;background:var(--color-bg-primary,#fff);flex:1 1;overflow-y:auto;padding:2rem}.search-results-header{align-items:center;border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--color-border-primary,#e5e7eb);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.search-results-info{align-items:center;color:#111827;color:var(--color-text-primary,#111827);display:flex;font-size:1.1rem;font-weight:600;gap:.75rem}.search-results-info svg{color:#014265;color:var(--color-primary,#014265)}.btn-clear-search{background:#f3f4f6;background:var(--color-bg-secondary,#f3f4f6);border:1px solid #d1d5db;border:1px solid var(--color-border-primary,#d1d5db);border-radius:8px;color:#4b5563;color:var(--color-text-secondary,#4b5563);font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s;white-space:nowrap}.btn-clear-search:hover{background:#fff;background:var(--color-bg-elevated,#fff);border-color:#014265;border-color:var(--color-primary,#014265);color:#014265;color:var(--color-primary,#014265)}.btn-clear-search .btn-icon{flex-shrink:0}.search-results-loading{align-items:center;color:#6b7280;color:var(--color-text-secondary,#6b7280);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-top-color:#014265;border:3px solid var(--color-border-primary,#e5e7eb);border-radius:50%;border-top-color:var(--color-primary,#014265);height:40px;width:40px}.search-results-error{color:#6b7280;color:var(--color-text-secondary,#6b7280);padding:4rem 2rem;text-align:center}.btn-retry{background:var(--color-primary,#014265);font-size:.95rem;margin-top:1rem;padding:.5rem 1.5rem;transition:opacity .2s}.btn-retry:hover{opacity:.9}.search-results-empty{align-items:center;color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);display:flex;flex-direction:column;justify-content:center;padding:6rem 2rem;text-align:center}.search-results-empty svg{margin-bottom:1.5rem;opacity:.5}.search-results-empty h3{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:1.25rem;margin-bottom:.5rem}.search-results-empty p{font-size:.95rem}.search-results-list{display:flex;flex-direction:column;gap:1rem}.search-result-item{background:#fff;background:var(--color-bg-elevated,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border-primary,#e5e7eb);border-radius:12px;cursor:pointer;padding:1.5rem;transition:all .2s ease}.search-result-item:hover{border-color:#014265;border-color:var(--color-primary,#014265);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.search-result-header{margin-bottom:.75rem}.search-result-title{color:#111827;color:var(--color-text-primary,#111827);font-size:1.2rem;font-weight:600;line-height:1.4;margin-bottom:.5rem}.search-highlight{background:#fef08a;border-radius:3px;color:#854d0e;font-weight:600;padding:.1em .2em}.search-result-breadcrumb{align-items:center;display:flex;flex-wrap:wrap;font-size:.85rem;gap:.5rem;margin-top:.5rem}.breadcrumb-item,.search-result-breadcrumb{color:#9ca3af;color:var(--color-text-tertiary,#9ca3af)}.breadcrumb-separator{color:#d1d5db;color:var(--color-text-tertiary,#d1d5db);flex-shrink:0}.search-result-excerpt{color:#4b5563;color:var(--color-text-secondary,#4b5563);font-size:.95rem;line-height:1.6;margin-bottom:1rem}.search-result-meta{align-items:center;color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);display:flex;flex-wrap:wrap;font-size:.85rem;gap:1.5rem}.result-meta-item{align-items:center;display:flex;gap:.4rem}.result-meta-item svg{flex-shrink:0}.result-meta-category{background:#f9fafb;background:var(--color-bg-tertiary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--color-border-primary,#e5e7eb);border-radius:6px;color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.8rem;font-weight:500;padding:.25rem .75rem}@media (max-width:768px){.wiki-search-results{padding:1rem}.search-results-header{align-items:flex-start;flex-direction:column;gap:1rem}.btn-clear-search,.search-results-info{font-size:1rem;width:100%}.btn-clear-search{border-radius:10px;font-weight:600;min-height:44px;padding:.875rem 1.25rem}.btn-clear-search .btn-text{flex:1 1;text-align:center}.btn-clear-search .btn-icon{height:20px;width:20px}.search-result-item{padding:1rem}.search-result-title{font-size:1.1rem}.search-result-meta{gap:1rem}}[data-theme=dark] .wiki-search-results{background:#111827;background:var(--color-bg-primary,#111827)}[data-theme=dark] .search-results-header{border-bottom-color:#374151;border-bottom-color:var(--color-border-primary,#374151)}[data-theme=dark] .search-results-info{color:#f9fafb;color:var(--color-text-primary,#f9fafb)}[data-theme=dark] .btn-clear-search{background:#1f2937;background:var(--color-bg-tertiary,#1f2937);border-color:#374151;border-color:var(--color-border-primary,#374151);color:#d1d5db;color:var(--color-text-secondary,#d1d5db)}[data-theme=dark] .btn-clear-search:hover{background:#111827;background:var(--color-bg-secondary,#111827);border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);color:#60a5fa;color:var(--color-primary,#60a5fa)}[data-theme=dark] .loading-spinner{border-color:#374151;border-color:var(--color-border-primary,#374151);border-top-color:#3b82f6;border-top-color:var(--color-primary,#3b82f6)}[data-theme=dark] .search-result-item{background:#1f2937;background:var(--color-bg-elevated,#1f2937);border-color:#374151;border-color:var(--color-border-primary,#374151)}[data-theme=dark] .search-result-item:hover{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);box-shadow:0 4px 12px #0006}[data-theme=dark] .search-result-title{color:#f9fafb;color:var(--color-text-primary,#f9fafb)}[data-theme=dark] .search-highlight{background:#eab3084d;color:#fbbf24}[data-theme=dark] .breadcrumb-item,[data-theme=dark] .search-result-breadcrumb{color:#6b7280;color:var(--color-text-tertiary,#6b7280)}[data-theme=dark] .search-result-excerpt{color:#d1d5db;color:var(--color-text-secondary,#d1d5db)}[data-theme=dark] .search-result-meta{color:#6b7280;color:var(--color-text-tertiary,#6b7280)}[data-theme=dark] .result-meta-category{background:#111827;background:var(--color-bg-secondary,#111827);border-color:#374151;border-color:var(--color-border-primary,#374151);color:#9ca3af;color:var(--color-text-secondary,#9ca3af)}[data-theme=dark] .search-results-empty{color:#6b7280;color:var(--color-text-tertiary,#6b7280)}[data-theme=dark] .search-results-empty h3{color:#9ca3af;color:var(--color-text-secondary,#9ca3af)}.pdf-wizard-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.pdf-wizard-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:95vh;max-width:1100px;overflow:hidden;width:100%}.pdf-wizard-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 24px}.pdf-wizard-header h2{color:#1f2937;font-size:1.125rem;margin:0}.pdf-wizard-header .close-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:24px;line-height:1;padding:0}.pdf-wizard-steps{background:#f3f4f6;border-bottom:1px solid #e5e7eb;display:flex;gap:8px;padding:12px 24px}.pdf-wizard-steps .step{background:#e5e7eb;border-radius:20px;color:#9ca3af;font-size:.875rem;padding:6px 16px}.pdf-wizard-steps .step.active{background:#3b82f6;color:#fff}.pdf-wizard-steps .step.done{background:#10b981;color:#fff}.pdf-wizard-content{flex:1 1;overflow-y:auto;padding:24px}.pdf-wizard-content h3{color:#1f2937;font-size:1.125rem;margin:0 0 8px}.wizard-description{color:#6b7280;font-size:.875rem;margin-bottom:20px}.pdf-drop-zone{background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;padding:48px;text-align:center;transition:all .2s}.pdf-drop-zone:hover{background:#eff6ff;border-color:#3b82f6}.pdf-drop-zone.dragging{background:#dbeafe;border-color:#3b82f6}.pdf-drop-zone.has-file{background:#ecfdf5;border-color:#10b981}.pdf-drop-zone .upload-icon{display:block;font-size:48px;margin-bottom:12px}.pdf-drop-zone p{color:#6b7280;margin:0}.selected-file{align-items:center;display:flex;gap:16px;justify-content:center}.selected-file .file-icon{font-size:40px}.selected-file .file-info{text-align:left}.selected-file .file-name{color:#1f2937;display:block;font-weight:600}.selected-file .file-size{color:#6b7280;font-size:.875rem}.wizard-error{background:#fef2f2;border-radius:8px;color:#dc2626;font-size:.875rem;margin-top:16px;padding:12px 16px}.wizard-actions{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.wizard-actions .selected-count{color:#6b7280;font-size:.875rem;margin-right:auto}.btn-primary,.btn-secondary{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 20px;transition:all .2s}.btn-primary{background:#3b82f6}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-primary:disabled{background:#93c5fd}.btn-secondary{border:1px solid #d1d5db;color:#374151}.btn-secondary:hover{background:#f3f4f6}.btn-small{background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:.75rem;padding:4px 12px}.btn-small:hover{background:#f3f4f6}.pdf-wizard-select{display:flex;flex-direction:column;height:calc(90vh - 180px);max-height:800px}.select-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.select-header h3{margin-bottom:4px}.select-actions{display:flex;gap:8px}.select-layout{display:flex;flex:1 1;gap:16px;min-height:400px;overflow:hidden}.headings-list{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;flex:2 1;max-height:500px;min-height:350px;overflow-y:auto}.heading-item{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;padding:10px 12px;transition:background .15s}.heading-item:last-child{border-bottom:none}.heading-item:hover{background:#f3f4f6}.heading-item.selected{background:#eff6ff}.heading-item.previewing{background:#fef3c7}.heading-checkbox{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:10px}.heading-checkbox input{cursor:pointer;height:18px;width:18px}.heading-number{background:#e5e7eb;border-radius:4px;color:#6b7280;font-size:.75rem;min-width:24px;padding:2px 6px;text-align:center}.heading-item.selected .heading-number{background:#3b82f6;color:#fff}.heading-text{color:#1f2937;flex:1 1;font-size:.875rem}.preview-btn{background:none;border:none;cursor:pointer;font-size:16px;opacity:.5;padding:4px 8px;transition:opacity .15s}.preview-btn:hover{opacity:1}.content-preview{background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;flex-shrink:0;width:300px}.preview-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:10px 12px}.preview-header strong{color:#1f2937;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-header button{background:none;border:none;color:#6b7280;cursor:pointer;font-size:16px}.preview-content{color:#4b5563;flex:1 1;font-family:inherit;font-size:.8rem;line-height:1.5;overflow-y:auto;padding:12px;white-space:pre-wrap}.import-options{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;margin-top:16px;padding:12px 16px}.import-options h4{color:#374151;font-size:.875rem;margin:0 0 12px}.option-checkbox{align-items:center;cursor:pointer;display:flex;font-size:.875rem;gap:10px;margin-bottom:12px}.option-checkbox input{height:18px;width:18px}.option-field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.option-field:last-child{margin-bottom:0}.option-field label{color:#6b7280;font-size:.75rem;font-weight:500}.option-field input,.option-field select{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:8px 12px}.option-field input:focus,.option-field select:focus{border-color:#3b82f6;outline:none}.import-success{padding:40px 20px;text-align:center}.import-success .success-icon{display:block;font-size:64px;margin-bottom:16px}.import-success h3{color:#10b981;margin-bottom:12px}.import-success p{color:#4b5563;margin-bottom:8px}.import-success .success-note{color:#9ca3af;font-size:.875rem}.import-progress{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-top:16px;padding:16px}.progress-text{font-weight:500}.progress-percent,.progress-text{color:#0369a1;font-size:.875rem}.progress-bar-container{background:#e0f2fe;border-radius:4px;height:8px}.progress-bar-fill{background:linear-gradient(90deg,#0ea5e9,#3b82f6);border-radius:4px;height:100%;transition:width .3s ease}.progress-current-item{color:#6b7280;font-size:.8rem;margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.pdf-wizard-modal{border-radius:0;max-height:100vh;max-width:100%}.select-layout{flex-direction:column}.content-preview{max-height:200px;width:100%}.pdf-wizard-steps{overflow-x:auto}}.wiki-tree-sidebar{background:#fafafa;border-right:1px solid #e1dfdd;height:100%;overflow-y:auto}.wiki-tree-category{margin-bottom:16px}.wiki-tree-category-title{color:#605e5c;font-size:11px;font-weight:700;letter-spacing:.5px;padding:12px 16px 8px;text-transform:uppercase}.wiki-tree-node{border-bottom:1px solid #0000000a;-webkit-user-select:none;user-select:none}.wiki-tree-node:last-child{border-bottom:none}.wiki-tree-item{align-items:flex-start;border-left:3px solid #0000;color:#201f1e;cursor:pointer;display:flex;font-size:13px;gap:8px;line-height:1.4;min-height:32px;padding:8px 12px;transition:background-color .15s ease}.wiki-tree-item:hover{background-color:#f3f2f1}.wiki-tree-item.selected{background-color:#edebe9;border-left-color:var(--color-frisia-primary);font-weight:600}.wiki-tree-item.dragging{background-color:#e1dfdd;opacity:.5}.wiki-tree-toggle{align-items:flex-start;background:none;border:none;color:#605e5c;cursor:pointer;padding:2px 0 0;transition:transform .2s ease}.wiki-tree-toggle:hover{color:#323130}.wiki-tree-spacer{flex-shrink:0;padding-top:2px;width:16px}.wiki-tree-icon{align-items:flex-start;color:#605e5c;padding-top:2px}.wiki-tree-badge{flex-shrink:0;font-size:12px}.wiki-tree-empty{color:#8a8886;font-size:14px;padding:24px 16px}.wiki-tree-empty p{margin:0}.wiki-tree-drag-handle{align-items:flex-start;border-radius:4px;color:#605e5c;cursor:grab;display:flex;flex-shrink:0;justify-content:center;margin-right:4px;min-width:20px;padding:2px 4px 0;transition:color .15s ease,background-color .15s ease}.wiki-tree-drag-handle:hover{background-color:#e1dfdd;color:#323130}.wiki-tree-drag-handle:active{background-color:#d2d0ce;cursor:grabbing}.wiki-tree-drag-overlay{align-items:center;background:#fff;border:1px solid #e1dfdd;border-radius:4px;box-shadow:0 4px 12px #00000026;display:flex;gap:8px;padding:8px 12px}.wiki-tree-sidebar::-webkit-scrollbar{width:8px}.wiki-tree-sidebar::-webkit-scrollbar-track{background:#fafafa}.wiki-tree-sidebar::-webkit-scrollbar-thumb{background:#c8c6c4;border-radius:4px}.wiki-tree-sidebar::-webkit-scrollbar-thumb:hover{background:#a19f9d}.wiki-modern{background:#fff;display:flex;min-height:calc(100vh - 60px);position:relative}.wiki-loading-spinner{border-top-color:#0052cc}.wiki-sidebar-overlay.visible{opacity:1;visibility:visible}.wiki-sidebar-title svg{color:#0052cc}.wiki-search:focus-within{border-color:#4c9aff}.wiki-org-filter-btn.filtered,.wiki-org-filter-dropdown button.active{background:#deebff;color:#0052cc}.wiki-create-btn{background:#0052cc}.wiki-create-btn:hover{background:#0747a6}.wiki-bookmark-item.active{background:#deebff;color:#0052cc}.wiki-tree-row.active{background:#deebff}.wiki-tree-row.active .wiki-tree-title{color:#0052cc}.wiki-tree-row.drag-over{background:#deebff;outline:2px solid #0052cc}.wiki-modified-dot{background:#0052cc}.wiki-tree-row.modified .wiki-tree-title{color:#0052cc}[data-theme=dark] .wiki-modified-dot{background:#4c9aff}[data-theme=dark] .wiki-tree-row.modified .wiki-tree-title{color:#4c9aff}.wiki-breadcrumb-item{color:#0052cc}.wiki-breadcrumb-item:hover{color:#0747a6}.wiki-action-btn.primary{background:#0052cc}.wiki-action-btn.primary:hover{background:#0747a6}.wiki-page-meta a{color:#0052cc}.wiki-page-status.pending_approval{background:#deebff;color:#0052cc}.wiki-content a{color:#0052cc}.wiki-info-panel.info{background:#deebff;border-color:#0052cc}.wiki-toc-item:hover{color:#0052cc}.wiki-toc-item.active{background:#deebff;border-left-color:#0052cc;color:#0052cc}.wiki-editor-field select:focus{border-color:#4c9aff}.wiki-filter-dropdown.active,.wiki-recent-item-icon{background:#deebff;color:#0052cc}.wiki-filter-dropdown.active{border-color:#4c9aff}.wiki-view-toggle button.active{background:#0052cc}.wiki-tile-cover{background:linear-gradient(135deg,#0052cc,#4c9aff)}.wiki-tile-settings:hover{color:#0052cc}.wiki-tile-avatar{background:#0052cc}.wiki-list-item-icon{background:#deebff;color:#0052cc}.wiki-settings-tab.active{color:#0052cc}.wiki-settings-tab.active:after{background:#0052cc}.wiki-settings-field input:focus,.wiki-settings-field select:focus,.wiki-settings-field textarea:focus{border-color:#4c9aff}.wiki-cover-preview{background:linear-gradient(135deg,#0052cc,#4c9aff)}.wiki-permission-item-icon{background:#0052cc}.wiki-permission-badge{background:#deebff;color:#0052cc}.wiki-group-checkbox input[type=checkbox]{accent-color:#0052cc}.wiki-btn.primary{background:#0052cc}.wiki-btn.primary:hover:not(:disabled){background:#0747a6}.wiki-btn.link{color:#0052cc}.wiki-template-card:hover{background:#deebff;border-color:#0052cc}.wiki-template-card-icon{background:#deebff;color:#0052cc}@media (max-width:768px){.wiki-container{display:flex;flex-direction:column;height:100dvh;padding-bottom:60px}.wiki-mobile-header{display:none}.wiki-sidebar,.wiki-sidebar-overlay{display:none!important}.wiki-sidebar-toggle{display:none}.wiki-main{flex:1 1;margin-left:0!important;overflow-x:hidden;overflow-y:auto;padding-bottom:1rem;width:100%}.wiki-bottom-nav{align-items:center;background:#fff;background:var(--color-bg-elevated,#fff);border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border-primary,#e5e7eb);bottom:0;box-shadow:0 -2px 10px #0000001a;display:flex!important;height:60px;justify-content:space-around;left:0;position:fixed;right:0;z-index:1000}.wiki-bottom-nav-item{align-items:center;background:none;border:none;color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.7rem;font-weight:500;gap:4px;height:100%;justify-content:center;padding:8px 4px;transition:all .2s}.wiki-bottom-nav-item:active{background:#f3f4f6;background:var(--color-bg-secondary,#f3f4f6)}.wiki-bottom-nav-item.active{color:#014265;color:var(--color-primary,#014265)}.wiki-bottom-nav-item svg{height:24px;width:24px}.wiki-mobile-search-overlay{background:#fff;background:var(--color-bg-primary,#fff);display:flex!important;flex-direction:column;inset:0;padding-bottom:60px;position:fixed;z-index:1001}.wiki-mobile-search-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-primary,#e5e7eb);display:flex;gap:.75rem;padding:1rem}.wiki-mobile-search-input{align-items:center;background:#f3f4f6;background:var(--color-bg-secondary,#f3f4f6);border-radius:8px;display:flex;flex:1 1;gap:.5rem;padding:.75rem}.wiki-mobile-search-input input{background:none;border:none;color:#111827;color:var(--color-text-primary,#111827);flex:1 1;font-size:1rem;outline:none}.wiki-mobile-search-close{align-items:center;background:none;border:none;color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;justify-content:center;min-height:44px;min-width:44px;padding:.5rem}.wiki-mobile-search-content{flex:1 1;overflow-y:auto}.wiki-mobile-menu-overlay{background:#fff;background:var(--color-bg-primary,#fff);display:flex!important;flex-direction:column;inset:0;padding-bottom:60px;position:fixed;z-index:1001}.wiki-mobile-menu-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-primary,#e5e7eb);display:flex;justify-content:space-between;padding:1rem}.wiki-mobile-menu-header h2{color:#111827;color:var(--color-text-primary,#111827);font-size:1.25rem;font-weight:600}.wiki-mobile-menu-content{flex:1 1;overflow-y:auto;padding:1rem}.wiki-mobile-menu-section{margin-bottom:2rem}.wiki-mobile-menu-section h3{color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);font-size:.85rem;font-weight:600;letter-spacing:.05em;margin-bottom:.75rem;text-transform:uppercase}.wiki-mobile-menu-item{align-items:center;background:#fff;background:var(--color-bg-elevated,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border-primary,#e5e7eb);border-radius:8px;cursor:pointer;display:flex;gap:1rem;margin-bottom:.5rem;padding:1rem;transition:all .2s}.wiki-mobile-menu-item:active{background:#f3f4f6;background:var(--color-bg-secondary,#f3f4f6);transform:scale(.98)}.wiki-mobile-menu-item svg{color:#014265;color:var(--color-primary,#014265);flex-shrink:0}.wiki-mobile-menu-item-content{flex:1 1}.wiki-mobile-menu-item-title{color:#111827;color:var(--color-text-primary,#111827);font-size:1rem;font-weight:500;margin-bottom:.25rem}.wiki-mobile-menu-item-desc{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.85rem}.wiki-fix-result{border-radius:8px;font-size:.85rem;font-weight:500;margin-top:.75rem;padding:.75rem}.wiki-fix-result.success{background:#d1fae5;border:1px solid #10b981;color:#065f46}.wiki-fix-result.error{background:#fee2e2;border:1px solid #ef4444;color:#991b1b}.wiki-breadcrumbs{background:#f9fafb;background:var(--color-bg-secondary,#f9fafb);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-primary,#e5e7eb);font-size:.85rem;padding:1rem}.wiki-breadcrumb-item{align-items:center;display:inline-flex;gap:.5rem}.wiki-mobile-page-actions{display:flex;gap:.5rem;position:fixed;right:1rem;top:1rem;z-index:100}.wiki-mobile-fab{align-items:center;background:#fff;background:var(--color-bg-elevated,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border-primary,#e5e7eb);border-radius:50%;box-shadow:0 2px 8px #00000026;color:#111827;color:var(--color-text-primary,#111827);cursor:pointer;display:flex;height:44px;justify-content:center;width:44px}.wiki-mobile-fab:active{transform:scale(.95)}.wiki-mobile-fab.primary{background:#014265;background:var(--color-primary,#014265);color:#fff}.wiki-content-body{font-size:1rem;line-height:1.7;padding:1rem}.wiki-content-body p{margin-bottom:1.25rem}.wiki-content-body img{height:auto;max-width:100%}.wiki-content-body table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.wiki-page-header{padding:1rem}.wiki-mobile-back-btn{align-items:center;background:#f3f4f6;background:var(--color-bg-secondary,#f3f4f6);border:none;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-primary,#e5e7eb);color:#014265;color:var(--color-primary,#014265);cursor:pointer;display:flex!important;font-size:1rem;font-weight:500;gap:.5rem;margin:-1rem -1rem 1rem;min-height:48px;padding:.75rem 1rem;width:calc(100% + 2rem)}.wiki-mobile-back-btn:active{background:#e5e7eb;background:var(--color-bg-tertiary,#e5e7eb)}.wiki-mobile-back-btn svg{flex-shrink:0}.wiki-page-header h1{font-size:1.5rem;line-height:1.3;word-break:break-word}.wiki-page-title-row{align-items:flex-start;flex-direction:column;gap:.75rem}.wiki-page-actions{flex-wrap:wrap;gap:.5rem;justify-content:flex-start;width:100%}.wiki-page-actions button{font-size:.9rem;min-height:40px;min-width:40px;padding:.625rem 1rem}.wiki-breadcrumbs{-webkit-overflow-scrolling:touch;font-size:.8rem;overflow-x:auto;padding:.5rem 1rem;white-space:nowrap}.wiki-editor-header{padding:1rem}.wiki-editor-title{font-size:1.25rem;padding:.75rem}.wiki-editor-meta{align-items:flex-start;flex-direction:column;gap:1rem}.wiki-editor-field{width:100%}.wiki-editor-field input,.wiki-editor-field select{font-size:1rem;min-height:44px;width:100%}.wiki-editor-content{padding:1rem}.wiki-editor-actions{flex-wrap:wrap;gap:.75rem;padding:1rem}.wiki-editor-actions button{flex:1 1 auto;min-height:44px;min-width:120px}.wiki-templates{gap:1rem;grid-template-columns:1fr}.wiki-template-card{padding:1.25rem}.wiki-content{font-size:1rem}.wiki-content h1{font-size:1.75rem;margin-bottom:1rem;margin-top:1.5rem}.wiki-content h2{font-size:1.5rem;margin-bottom:.875rem;margin-top:1.25rem}.wiki-content h3{font-size:1.25rem;margin-bottom:.75rem;margin-top:1rem}.wiki-content h4{font-size:1.1rem}.wiki-content ol,.wiki-content ul{padding-left:1.5rem}.wiki-content pre{-webkit-overflow-scrolling:touch;font-size:.85rem;overflow-x:auto}.wiki-content code{font-size:.9em}.wiki-dashboard{padding:1rem}.wiki-dashboard-header{align-items:stretch;flex-direction:column;gap:1rem}.wiki-dashboard-title h1{font-size:1.5rem}.wiki-dashboard-controls{flex-direction:column;gap:.75rem}.wiki-view-toggle{justify-content:center;width:100%}.wiki-view-toggle button{min-height:44px;min-width:44px}.wiki-dashboard-filters,.wiki-search,.wiki-search-container{width:100%}.wiki-search input{font-size:1rem;min-height:44px}.wiki-tiles-grid{gap:1rem;grid-template-columns:1fr}.wiki-tile{border-radius:12px}.wiki-tile-cover{height:120px}.wiki-tile-content{padding:1rem}.wiki-tile-title{font-size:1.1rem;margin-bottom:.5rem}.wiki-tile-description{font-size:.9rem;line-height:1.5}.wiki-list-item{min-height:60px;padding:1rem}.wiki-list-item-title{font-size:1rem}.wiki-list-item-meta{flex-wrap:wrap;font-size:.85rem;gap:.5rem}.wiki-btn{font-size:.95rem;min-height:44px;min-width:44px;padding:.75rem 1.25rem}.wiki-btn.primary{padding:.875rem 1.5rem}.wiki-btn.large{min-height:52px;padding:1rem 2rem}.wiki-toc{margin:2rem 1rem;max-width:100%;position:relative}.comment-item,.wiki-attachments,.wiki-comments{padding:1rem}.attachment-item{padding:.875rem}.wiki-editor-overlay{padding:.5rem}.wiki-editor-modal{border-radius:12px;margin:auto;max-height:95vh;max-width:100%}.search-result-item,.wiki-search-results{padding:1rem}.search-result-title{font-size:1.1rem}.wiki-page-navigation{margin:2rem 0 1rem;padding:1.5rem 0}.wiki-nav-button-container{flex-direction:column;gap:.75rem}.wiki-nav-button{max-width:100%;min-height:60px;padding:1rem;width:100%}.wiki-nav-hint,.wiki-nav-spacer{display:none}}@media (max-width:480px){.wiki-page-header h1{font-size:1.35rem}.wiki-content h1{font-size:1.5rem}.wiki-content h2{font-size:1.3rem}.wiki-dashboard-title h1{font-size:1.35rem}.wiki-content-body,.wiki-dashboard,.wiki-page-header{padding:.75rem}.wiki-tiles-grid{gap:.75rem}.wiki-tile-cover{height:100px}.wiki-tile-content{padding:.875rem}.wiki-tile-title{font-size:1rem}.wiki-btn,.wiki-tile-description{font-size:.875rem}.wiki-btn{min-height:40px;padding:.625rem 1rem}.wiki-btn.primary{padding:.75rem 1.25rem}.wiki-sidebar{max-width:280px;width:90vw}.search-result-item{padding:.875rem}.search-result-title{font-size:1rem}.search-result-excerpt{font-size:.875rem}.comment-item{padding:.75rem}.wiki-editor-modal{border-radius:8px}.wiki-editor-title{font-size:1.15rem}}[data-theme=dark] .wiki-modern{background:var(--color-bg-primary)}.wiki-frisia{--frisia-primary:#014265;--frisia-primary-dark:#012f47;--frisia-primary-light:#3a7ca5;--frisia-accent:#5a9ec4;--surface-white:#fff;--bg-page:#f0f4f7;--bg-subtle:#e8eef3;--text-dark:#1a2b3c;--text-medium:#4a5568;--text-light:#718096;--border-color:#e2e8f0;--shadow-sm:0 2px 8px #01426514;--shadow-md:0 4px 16px #0142651f;background:var(--bg-page);display:flex;max-width:100%;min-height:calc(100vh - 60px);overflow-x:hidden;position:relative;width:100%}.wiki-loading{align-items:center;color:#6b778c;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center;min-height:400px;width:100%}.wiki-loading-spinner{animation:wiki-spin .8s linear infinite;border:3px solid #dfe1e6;border-radius:50%;border-top-color:#014265;height:40px;width:40px}@keyframes wiki-spin{to{transform:rotate(1turn)}}.wiki-bottom-nav,.wiki-mobile-menu-overlay,.wiki-mobile-search-overlay{display:none}.wiki-mobile-header{align-items:center;background:#fff;border-bottom:1px solid #dfe1e6;display:none;gap:12px;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.wiki-mobile-header h2{color:#172b4d;flex:1 1;font-size:16px;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wiki-mobile-add-btn,.wiki-mobile-menu-btn{align-items:center;background:none;border:none;border-radius:3px;color:#42526e;cursor:pointer;display:flex;height:36px;justify-content:center;width:36px}.wiki-mobile-add-btn:hover,.wiki-mobile-menu-btn:hover{background:#ebecf0}.wiki-sidebar{background:#fafbfc;border-right:1px solid #dfe1e6;display:flex;flex-direction:column;height:calc(100vh - 60px);min-width:260px;overflow:hidden;position:relative;transition:all .2s ease;width:260px}.wiki-sidebar.collapsed{border-right:none;min-width:0;overflow:visible;width:0}.wiki-sidebar.collapsed .wiki-create-btn,.wiki-sidebar.collapsed .wiki-import-btn,.wiki-sidebar.collapsed .wiki-org-filter,.wiki-sidebar.collapsed .wiki-quick-actions,.wiki-sidebar.collapsed .wiki-search-container,.wiki-sidebar.collapsed .wiki-sidebar-content,.wiki-sidebar.collapsed .wiki-sidebar-header{opacity:0;pointer-events:none}.wiki-sidebar-overlay{background:#091e428a;display:none;inset:0;opacity:0;position:fixed;transition:all .2s ease;visibility:hidden;z-index:998}.wiki-sidebar-overlay.active,.wiki-sidebar-overlay.visible{opacity:1;visibility:visible}.wiki-sidebar-header{align-items:center;background:#fff;border-bottom:1px solid #dfe1e6;display:flex;justify-content:space-between;padding:16px 12px}.wiki-sidebar-title{align-items:center;background:none;border:none;border-radius:4px;color:#172b4d;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin:-4px -8px;padding:4px 8px;transition:background-color .15s}.wiki-sidebar-title:hover{background:#0052cc14}.wiki-sidebar-title svg{color:#014265}.wiki-sidebar-close{align-items:center;background:none;border:none;border-radius:3px;color:#6b778c;cursor:pointer;display:none;height:28px;justify-content:center;width:28px}.wiki-sidebar-close:hover{background:#ebecf0}.wiki-search-container{background:#fff;border-bottom:1px solid #dfe1e6;padding:12px}.wiki-search{align-items:center;background:#f4f5f7;border:2px solid #0000;border-radius:3px;display:flex;gap:8px;padding:6px 10px;transition:all .15s ease}.wiki-search:focus-within{background:#fff;border-color:#5a9ec4}.wiki-search svg{color:#6b778c;flex-shrink:0}.wiki-search input{background:none;border:none;color:#172b4d;flex:1 1;font-size:14px;min-width:0;outline:none}.wiki-search input::placeholder{color:#7a869a}.wiki-search-clear{align-items:center;background:#dfe1e6;border:none;border-radius:50%;color:#6b778c;cursor:pointer;display:flex;height:18px;justify-content:center;width:18px}.wiki-search-clear:hover{background:#c1c7d0}.wiki-org-filter{background:#fff;border-bottom:1px solid #dfe1e6;padding:8px 12px;position:relative}.wiki-org-filter-btn{align-items:center;background:#f4f5f7;border:1px solid #0000;border-radius:3px;color:#42526e;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:6px 10px;transition:all .15s ease;width:100%}.wiki-org-filter-btn:hover{background:#ebecf0}.wiki-org-filter-btn.filtered{background:#0142651f;color:#014265}.wiki-org-filter-btn span{flex:1 1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.wiki-org-filter-dropdown{background:#fff;border-radius:3px;box-shadow:0 4px 8px -2px #091e4240,0 0 1px #091e424f;left:12px;margin-top:4px;max-height:240px;overflow-y:auto;position:absolute;right:12px;top:100%;z-index:100}.wiki-org-filter-dropdown button{align-items:center;background:none;border:none;color:#172b4d;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 12px;text-align:left;width:100%}.wiki-org-filter-dropdown button:hover{background:#f4f5f7}.wiki-org-filter-dropdown button.active{background:#0142651f;color:#014265}.wiki-org-filter-dropdown button svg.invisible{visibility:hidden}.wiki-quick-actions{background:#fff;border-bottom:1px solid #dfe1e6;padding:12px}.wiki-create-btn{align-items:center;background:#014265;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:8px 12px;transition:background .15s ease}.wiki-create-btn:hover{background:#012f47}.wiki-import-btn{align-items:center;background:#36b37e;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:8px 12px;transition:background .15s ease}.wiki-import-btn:hover{background:#2d9d6a}.wiki-publish-all-btn{align-items:center;background:#6554c0;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:8px 12px;transition:background .15s ease}.wiki-publish-all-btn:hover{background:#5243aa}.wiki-quick-actions{display:flex;flex-wrap:wrap;gap:8px}.wiki-sidebar-content{flex:1 1;overflow-x:hidden;overflow-y:auto;padding-bottom:60px}.wiki-section{margin-bottom:4px}.wiki-section-header{align-items:center;color:#6b778c;display:flex;font-size:11px;font-weight:700;justify-content:space-between;letter-spacing:.5px;padding:8px 12px 4px;text-transform:uppercase}.wiki-section-header button{align-items:center;background:none;border:none;border-radius:3px;color:#6b778c;cursor:pointer;display:flex;height:20px;justify-content:center;width:20px}.wiki-section-header button:hover{background:#dfe1e6}.wiki-bookmarks-list{padding:0 8px}.wiki-bookmark-item{align-items:center;border-radius:3px;color:#42526e;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:6px 8px;transition:all .1s ease}.wiki-bookmark-item:hover{background:#ebecf0;color:#172b4d}.wiki-bookmark-item.active{background:#0142651f;color:#014265}.wiki-bookmark-item svg{color:#ffab00;flex-shrink:0}.wiki-bookmark-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wiki-tree{padding:0 4px}.wiki-tree-empty{color:#6b778c;font-size:13px;padding:16px 12px;text-align:center}.wiki-tree-item{display:block!important;position:relative}.wiki-tree-children{margin-left:0}.wiki-tree-row{align-items:flex-start;border-radius:3px;cursor:pointer;display:flex;gap:4px;margin:1px 0;min-height:28px;padding:6px 8px;transition:background .1s ease;-webkit-user-select:none;user-select:none}.wiki-tree-row:hover{background:#ebecf0}.wiki-tree-row.active{background:#0142651f}.wiki-tree-row.active .wiki-tree-title{color:#014265;font-weight:500}.wiki-tree-row.draft{opacity:.7}.wiki-tree-row.drag-over{background:#0142651f;outline:2px solid #014265}.wiki-tree-drag{color:#6b778c;cursor:grab;flex-shrink:0;opacity:0;transition:opacity .1s ease}.wiki-tree-row:hover .wiki-tree-drag{opacity:.6}.wiki-tree-toggle{align-items:center;border-radius:3px;color:#6b778c;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.wiki-tree-toggle.has-children{cursor:pointer}.wiki-tree-toggle.has-children:hover{background:#dfe1e6;color:#172b4d}.wiki-tree-icon{align-items:center;color:#6b778c;display:flex;flex-shrink:0}.wiki-tree-icon svg{height:16px;width:16px}.wiki-tree-title{color:#172b4d;flex:1 1;font-size:13px;-webkit-hyphens:auto;hyphens:auto;line-height:1.35;padding:0 4px;white-space:normal;word-break:break-word}.wiki-status-dot{background:#ff991f;border-radius:50%;flex-shrink:0;height:6px;width:6px}.wiki-modified-dot{animation:wiki-modified-pulse 2s ease-in-out infinite;background:#014265;border-radius:50%;flex-shrink:0;height:8px;width:8px}@keyframes wiki-modified-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.9)}}.wiki-tree-row.modified .wiki-tree-title{color:#014265;font-weight:600}.wiki-tree-row.modified:not(.active){background:#0052cc0a}[data-theme=dark] .wiki-modified-dot{background:#5a9ec4}[data-theme=dark] .wiki-tree-row.modified .wiki-tree-title{color:#5a9ec4}[data-theme=dark] .wiki-tree-row.modified:not(.active){background:#4c9aff14}.wiki-tree-menu-btn{align-items:center;background:none;border:none;border-radius:3px;color:#6b778c;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;opacity:0;width:24px}.wiki-tree-row:hover .wiki-tree-menu-btn{opacity:1}.wiki-tree-menu-btn:hover{background:#dfe1e6;color:#172b4d}.wiki-page-menu{background:#fff;border-radius:3px;box-shadow:0 4px 8px -2px #091e4240,0 0 1px #091e424f;min-width:200px;overflow:hidden;padding:4px 0;position:absolute;right:8px;top:100%;z-index:200}.wiki-page-menu button{align-items:center;background:none;border:none;color:#172b4d;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:8px 12px;text-align:left;width:100%}.wiki-page-menu button:hover{background:#f4f5f7}.wiki-page-menu button.danger{color:#de350b}.wiki-page-menu button.danger:hover{background:#ffebe6}.wiki-page-menu-divider{background:#dfe1e6;height:1px;margin:4px 0}.wiki-sidebar-toggle{align-items:center;background:#fff;border:1px solid #dfe1e6;border-radius:0 4px 4px 0;box-shadow:2px 0 4px #091e4214;color:#6b778c;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:-12px;top:50%;transform:translateY(-50%);width:24px;z-index:10}.wiki-sidebar-toggle:hover{background:#f4f5f7;color:#172b4d}.wiki-sidebar.collapsed .wiki-sidebar-toggle{right:-24px}.wiki-main{background:#fff;display:flex;flex:1 1;flex-direction:column;min-width:0;transition:all .2s ease}.wiki-main.expanded{margin-left:24px}.wiki-breadcrumbs{align-items:center;background:#fafbfc;border-bottom:1px solid #dfe1e6;color:#6b778c;display:flex;flex-wrap:wrap;font-size:14px;gap:4px;min-height:36px;padding:8px 24px}.wiki-breadcrumb-item{align-items:center;color:#014265;cursor:pointer;display:flex;gap:4px;transition:color .1s ease}.wiki-breadcrumb-item:hover{color:#012f47;text-decoration:underline}.wiki-breadcrumb-sep{color:#6b778c;flex-shrink:0}.wiki-breadcrumb-current{color:#172b4d}.wiki-page-container{display:flex;flex:1 1;overflow:hidden}.wiki-article{flex:1 1;max-width:100%;overflow-y:auto;padding:0}.wiki-page-header{background:#fff;border-bottom:1px solid #dfe1e6;padding:24px 40px 16px}.wiki-mobile-back-btn{display:none}.wiki-page-title-row{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:12px}.wiki-page-header h1{color:#172b4d;flex:1 1;font-size:24px;font-weight:500;line-height:1.4;margin:0}.wiki-page-actions{align-items:center;display:flex;flex-shrink:0;gap:4px}.wiki-action-btn{align-items:center;background:none;border:none;border-radius:3px;color:#42526e;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:6px 12px;transition:all .15s ease;white-space:nowrap}.wiki-action-btn:hover{background:#ebecf0}.wiki-action-btn.primary{background:#014265;color:#fff}.wiki-action-btn.primary:hover{background:#012f47}.wiki-action-btn.icon-only{padding:6px 8px}.wiki-action-btn.bookmarked{color:#ff991f}.wiki-action-btn.bookmarked:hover{background:#fff7e6}.wiki-page-meta-row{align-items:center;color:#6b778c;display:flex;flex-wrap:wrap;font-size:14px;gap:16px}.wiki-page-meta{align-items:center;display:inline-flex;gap:4px}.wiki-page-meta a{color:#014265;text-decoration:none}.wiki-page-meta a:hover{text-decoration:underline}.wiki-page-status{align-items:center;border-radius:3px;display:inline-flex;font-size:12px;font-weight:700;padding:2px 8px;text-transform:uppercase}.wiki-page-status.draft{background:#fff0b3;color:#172b4d}.wiki-page-status.pending_approval{background:#0142651f;color:#014265}.wiki-page-status.rejected{background:#ffebe6;color:#de350b}.wiki-page-org{align-items:center;background:#e3fcef;border-radius:3px;color:#064;display:inline-flex;font-size:12px;gap:4px;padding:2px 8px}.wiki-page-labels{border-top:1px solid #ebecf0;display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;padding-top:12px}.wiki-label{align-items:center;background:#f4f5f7;border-radius:3px;color:#42526e;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;padding:2px 8px;transition:background .1s ease}.wiki-label:hover{background:#ebecf0}.wiki-add-label-btn{align-items:center;background:none;border:1px dashed #c1c7d0;border-radius:3px;color:#6b778c;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;padding:2px 8px}.wiki-add-label-btn:hover{background:#f4f5f7;border-color:#6b778c}.wiki-content-body{padding:24px 40px 48px}.wiki-content{color:#172b4d;font-size:14px;line-height:1.714;max-width:800px}.wiki-content h1{color:#172b4d;font-size:24px;font-weight:500;margin:28px 0 12px;padding-top:20px}.wiki-content h1:first-child{margin-top:0;padding-top:0}.wiki-content h2{color:#172b4d;font-size:20px;font-weight:500;margin:24px 0 8px}.wiki-content h3{color:#172b4d;font-size:16px;font-weight:600;margin:20px 0 8px}.wiki-content p{margin:0 0 12px}.wiki-content ol,.wiki-content ul{margin:0 0 12px;padding-left:24px}.wiki-content li{margin-bottom:4px}.wiki-content blockquote{background:#eae6ff;border-left:2px solid #6554c0;border-radius:0 3px 3px 0;color:#403294;margin:16px 0;padding:12px 16px}.wiki-content code{background:#f4f5f7;border-radius:3px;color:#de350b;font-family:SFMono-Medium,SF Mono,Segoe UI Mono,monospace;font-size:12px;padding:2px 4px}.wiki-content pre{background:#172b4d;border-radius:3px;color:#fff;font-size:12px;margin:16px 0;overflow-x:auto;padding:16px}.wiki-content pre code{background:none;color:inherit;padding:0}.wiki-content a{color:#014265;text-decoration:none}.wiki-content a:hover{text-decoration:underline}.wiki-content img{border:1px solid #dfe1e6;border-radius:3px;height:auto;margin:16px 0;max-width:100%}.wiki-content table{border-collapse:collapse;margin:16px 0;width:100%}.wiki-content td,.wiki-content th{border:1px solid #dfe1e6;padding:8px 12px;text-align:left}.wiki-content th{background:#f4f5f7;font-weight:600}.wiki-content tr:hover td{background:#fafbfc}.wiki-content hr{border:none;border-top:1px solid #dfe1e6;margin:24px 0}.wiki-info-panel{border-left:4px solid;border-radius:3px;margin:16px 0;padding:16px}.wiki-info-panel.info{background:#0142651f;border-color:#014265}.wiki-info-panel.note{background:#eae6ff;border-color:#6554c0}.wiki-info-panel.warning{background:#fffae6;border-color:#ff991f}.wiki-info-panel.error{background:#ffebe6;border-color:#de350b}.wiki-info-panel.success{background:#e3fcef;border-color:#00875a}.wiki-toc{background:#fafbfc;border-left:1px solid #dfe1e6;max-height:calc(100vh - 120px);min-width:240px;overflow-y:auto;padding:24px 16px;position:-webkit-sticky;position:sticky;top:0;width:240px}.wiki-toc-header{border-bottom:1px solid #dfe1e6;color:#6b778c;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:12px;padding-bottom:8px;text-transform:uppercase}.wiki-toc-nav{display:flex;flex-direction:column}.wiki-toc-item{background:none;border:none;border-left:2px solid #0000;border-radius:3px;color:#6b778c;cursor:pointer;display:block;font-size:13px;margin-left:-2px;overflow:hidden;padding:4px 8px;text-align:left;text-overflow:ellipsis;transition:all .1s ease;white-space:nowrap}.wiki-toc-item:hover{background:#f4f5f7;color:#014265}.wiki-toc-item.active{background:#0142651f;border-left-color:#014265;color:#014265}.wiki-toc-item.level-2{padding-left:16px}.wiki-toc-item.level-3{font-size:12px;padding-left:24px}.wiki-editor{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.wiki-editor-toolbar{align-items:center;background:#fafbfc;border-bottom:1px solid #dfe1e6;display:flex;gap:16px;justify-content:space-between;padding:8px 16px}.wiki-editor-toolbar-left,.wiki-editor-toolbar-right{align-items:center;display:flex;gap:8px}.wiki-editor-header{background:#fff;border-bottom:1px solid #dfe1e6;padding:20px 40px}.wiki-editor-title{background:none;border:none;color:#172b4d;font-size:24px;font-weight:500;margin-bottom:16px;outline:none;padding:0;width:100%}.wiki-editor-title::placeholder{color:#c1c7d0}.wiki-editor-meta{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.wiki-editor-field{align-items:center;display:flex;gap:8px}.wiki-editor-field label{color:#6b778c;font-size:14px;white-space:nowrap}.wiki-editor-field select{background:#fff;border:1px solid #dfe1e6;border-radius:3px;color:#172b4d;cursor:pointer;font-size:14px;min-width:160px;padding:6px 10px}.wiki-editor-field select:focus{border-color:#5a9ec4;outline:none}.wiki-editor-checkbox{align-items:center;color:#6b778c;cursor:pointer;display:flex;font-size:14px;gap:6px}.wiki-editor-checkbox input{cursor:pointer;height:16px;width:16px}.wiki-editor-content{background:#fff;flex:1 1;overflow-y:auto;padding:24px 40px}.wiki-editor-actions{background:#fafbfc;border-top:1px solid #dfe1e6;display:flex;gap:8px;justify-content:flex-end;padding:12px 24px}.wiki-empty{flex:1 1;flex-direction:column;padding:48px 24px;text-align:center}.wiki-empty,.wiki-empty-icon{align-items:center;display:flex;justify-content:center}.wiki-empty-icon{background:#f4f5f7;border-radius:50%;color:#6b778c;height:96px;margin-bottom:24px;width:96px}.wiki-empty-icon svg{height:48px;width:48px}.wiki-empty h2{color:#172b4d;font-size:24px;font-weight:500;margin:0 0 8px}.wiki-empty p{color:#6b778c;font-size:14px;margin:0 0 24px;max-width:400px}.wiki-recent-activity{margin-top:32px;max-width:600px;text-align:left;width:100%}.wiki-recent-header{border-bottom:1px solid #dfe1e6;color:#6b778c;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:12px;padding-bottom:8px;text-transform:uppercase}.wiki-recent-list{display:flex;flex-direction:column;gap:4px}.wiki-recent-item{align-items:center;border-radius:3px;cursor:pointer;display:flex;gap:12px;padding:10px 12px;transition:background .1s ease}.wiki-recent-item:hover{background:#f4f5f7}.wiki-recent-item-icon{align-items:center;background:#0142651f;border-radius:3px;color:#014265;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.wiki-recent-item-content{flex:1 1;min-width:0}.wiki-recent-item-title{color:#172b4d;font-size:14px;font-weight:500;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wiki-recent-item-meta{color:#6b778c;font-size:12px}.wiki-dashboard{background:#fff;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:24px 32px}.wiki-dashboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.wiki-dashboard-header h1{color:#172b4d;font-size:24px;font-weight:500;margin:0}.wiki-dashboard-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.wiki-filter-dropdown{align-items:center;background:#f4f5f7;border:1px solid #dfe1e6;border-radius:3px;color:#42526e;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:6px 12px;transition:all .15s ease}.wiki-filter-dropdown:hover{background:#ebecf0}.wiki-filter-dropdown.active{background:#0142651f;border-color:#5a9ec4;color:#014265}.wiki-view-toggle{border:1px solid #dfe1e6;border-radius:3px;display:flex;overflow:hidden}.wiki-view-toggle button{align-items:center;background:#fff;border:none;color:#6b778c;cursor:pointer;display:flex;justify-content:center;padding:6px 10px;transition:all .15s ease}.wiki-view-toggle button:hover{background:#f4f5f7}.wiki-view-toggle button.active{background:#014265;color:#fff}.wiki-view-toggle button:not(:last-child){border-right:1px solid #dfe1e6}.wiki-tiles-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.wiki-tile{background:#fff;border:1px solid #dfe1e6;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease}.wiki-tile:hover{box-shadow:0 4px 12px #091e4226;transform:translateY(-2px)}.wiki-tile-cover{align-items:center;background:linear-gradient(135deg,#014265,#5a9ec4);display:flex;height:120px;justify-content:center;overflow:hidden;position:relative}.wiki-tile-cover img,.wiki-tile-cover-image{height:100%;object-fit:cover;width:100%}.wiki-tile-cover-fallback{color:#ffffffe6;font-size:48px;font-weight:600;text-transform:uppercase}.wiki-tile-status{display:flex;gap:4px;position:absolute;right:8px;top:8px}.wiki-tile-badge{border-radius:3px;font-size:11px;font-weight:600;padding:2px 8px;text-transform:uppercase}.wiki-tile-badge.draft{background:#ffab00e6;color:#172b4d}.wiki-tile-badge.published{background:#00875ae6;color:#fff}.wiki-tile-badge.pending{background:#0052cce6;color:#fff}.wiki-tile-settings{align-items:center;background:#ffffffe6;border:none;border-radius:3px;color:#6b778c;cursor:pointer;display:flex;height:28px;justify-content:center;opacity:0;transition:all .15s ease;width:28px}.wiki-tile:hover .wiki-tile-settings{opacity:1}.wiki-tile-settings:hover{background:#fff;color:#014265}.wiki-tile-content{padding:16px}.wiki-tile-title{-webkit-line-clamp:2;color:#172b4d;font-size:16px;font-weight:500;line-height:1.4;margin:0 0 8px}.wiki-tile-description,.wiki-tile-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.wiki-tile-description{-webkit-line-clamp:3;color:#6b778c;font-size:13px;line-height:1.5;margin:0 0 12px}.wiki-tile-footer{align-items:center;border-top:1px solid #ebecf0;color:#6b778c;display:flex;font-size:12px;justify-content:space-between;padding-top:12px}.wiki-tile-author{align-items:center;display:flex;gap:6px}.wiki-tile-avatar{align-items:center;background:#014265;color:#fff;display:flex;font-size:10px;font-weight:600;justify-content:center}.wiki-tile-avatar,.wiki-tile-avatar-img{border-radius:50%;height:24px;width:24px}.wiki-tile-avatar-img{border:1px solid #e5e7eb;object-fit:cover}.wiki-tile-org{align-items:center;background:#e3fcef;border-radius:3px;color:#064;display:flex;font-size:11px;gap:4px;padding:2px 6px}.wiki-list-view{background:#f4f5f7;border-radius:3px;display:flex;flex-direction:column;gap:2px;overflow:hidden}.wiki-list-item{align-items:center;background:#fff;cursor:pointer;display:flex;gap:16px;padding:12px 16px;transition:background .1s ease}.wiki-list-item:hover{background:#fafbfc}.wiki-list-item-icon{align-items:center;background:#0142651f;border-radius:3px;color:#014265;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.wiki-list-item-content{flex:1 1;min-width:0}.wiki-list-item-title{color:#172b4d;font-size:14px;font-weight:500;margin-bottom:2px}.wiki-list-item-meta{align-items:center;color:#6b778c;display:flex;font-size:12px;gap:12px}.wiki-list-item-status{border-radius:3px;font-size:11px;font-weight:600;padding:2px 6px}.wiki-list-item-status.draft{background:#fff0b3;color:#172b4d}.wiki-list-item-status.published{background:#e3fcef;color:#064}.wiki-empty-state{flex-direction:column;padding:64px 24px;text-align:center}.wiki-empty-state,.wiki-empty-state-icon{align-items:center;display:flex;justify-content:center}.wiki-empty-state-icon{background:#f4f5f7;border-radius:50%;height:120px;margin-bottom:24px;width:120px}.wiki-empty-state-icon svg{color:#6b778c;height:48px;width:48px}.wiki-empty-state h2{color:#172b4d;font-size:20px;font-weight:500;margin:0 0 8px}.wiki-empty-state p{color:#6b778c;font-size:14px;margin:0 0 24px;max-width:400px}.wiki-skeleton{animation:wiki-skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#f4f5f7,#ebecf0 50%,#f4f5f7);background-size:200% 100%;border-radius:3px}@keyframes wiki-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.wiki-tile-skeleton{border:1px solid #dfe1e6;border-radius:8px;overflow:hidden}.wiki-tile-skeleton-cover{animation:wiki-skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#ebecf0,#dfe1e6 50%,#ebecf0);background-size:200% 100%;height:120px}.wiki-tile-skeleton-content{padding:16px}.wiki-tile-skeleton-title{height:20px;margin-bottom:12px;width:80%}.wiki-tile-skeleton-desc{height:14px;margin-bottom:8px;width:100%}.wiki-tile-skeleton-desc:last-child{width:60%}.wiki-tile-skeleton-footer{align-items:center;border-top:1px solid #ebecf0;display:flex;justify-content:space-between;margin-top:12px;padding-top:12px}.wiki-tile-skeleton-avatar{border-radius:50%;height:24px;width:24px}.wiki-tile-skeleton-date{height:12px;width:80px}.wiki-settings-modal{max-width:700px;width:100%}.wiki-settings-tabs{background:#fafbfc;border-bottom:2px solid #dfe1e6;display:flex;padding:0 24px}.wiki-settings-tab{align-items:center;background:none;border:none;color:#6b778c;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:12px 16px;position:relative;transition:color .15s ease}.wiki-settings-tab:hover{color:#172b4d}.wiki-settings-tab.active{color:#014265}.wiki-settings-tab.active:after{background:#014265;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.wiki-settings-tab.danger{color:#de350b}.wiki-settings-content{min-height:300px;padding:24px}.wiki-settings-form{display:flex;flex-direction:column;gap:20px}.wiki-settings-field{display:flex;flex-direction:column;gap:6px}.wiki-settings-field label{color:#172b4d;font-size:13px;font-weight:600}.wiki-settings-field input,.wiki-settings-field select,.wiki-settings-field textarea{background:#fff;border:2px solid #dfe1e6;border-radius:3px;color:#172b4d;font-size:14px;padding:8px 12px;transition:border-color .15s ease}.wiki-settings-field input:focus,.wiki-settings-field select:focus,.wiki-settings-field textarea:focus{border-color:#5a9ec4;outline:none}.wiki-settings-field textarea{min-height:100px;resize:vertical}.wiki-settings-field-hint{color:#6b778c;font-size:12px}.wiki-cover-upload{display:flex;flex-direction:column;gap:12px}.wiki-cover-preview{align-items:center;background:linear-gradient(135deg,#014265,#5a9ec4);border-radius:3px;display:flex;height:120px;justify-content:center;overflow:hidden;width:100%}.wiki-cover-preview img{height:100%;object-fit:cover;width:100%}.wiki-cover-actions{display:flex;gap:8px}.wiki-publish-section{border-top:1px solid #ebecf0;display:flex;flex-direction:column;gap:12px;margin-top:8px;padding-top:16px}.wiki-publish-section label{color:#172b4d;font-size:14px;font-weight:600}.wiki-publish-info{align-items:center;display:flex;gap:8px}.wiki-publish-status{align-items:center;border-radius:3px;display:inline-flex;font-size:12px;font-weight:500;padding:4px 12px}.wiki-publish-status.published{background:#e3fcef;color:#064}.wiki-publish-status.draft{background:#fffae6;color:#ff8b00}.wiki-publish-section .wiki-publish-all-btn{align-self:flex-start}.wiki-permissions-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.wiki-permission-item{align-items:center;background:#f4f5f7;border-radius:3px;display:flex;justify-content:space-between;padding:10px 12px}.wiki-permission-item-info{align-items:center;display:flex;gap:10px}.wiki-permission-item-icon{align-items:center;background:#014265;border-radius:50%;color:#fff;display:flex;height:32px;justify-content:center;width:32px}.wiki-permission-item-name{color:#172b4d;font-size:14px;font-weight:500}.wiki-permission-remove{align-items:center;background:none;border:none;border-radius:3px;color:#6b778c;cursor:pointer;display:flex;height:28px;justify-content:center;width:28px}.wiki-permission-remove:hover{background:#ebecf0;color:#de350b}.wiki-permission-add{align-items:center;display:flex;gap:8px}.wiki-permission-add select{background:#fff;border:2px solid #dfe1e6;border-radius:3px;flex:1 1;font-size:14px;padding:8px 12px}.wiki-permission-empty{background:#f4f5f7;border-radius:3px;color:#6b778c;padding:24px;text-align:center}.wiki-permission-empty p{font-size:13px;margin:0}.wiki-permissions-tab{display:flex;flex-direction:column;gap:24px}.wiki-permissions-section h4{color:#172b4d;font-size:14px;font-weight:600;margin:0 0 8px}.wiki-permissions-hint{color:#6b778c;font-size:13px;margin:0 0 12px}.wiki-permission-badge{background:#0142651f;border-radius:3px;color:#014265;font-size:11px;font-weight:500;padding:2px 8px}.wiki-permissions-loading{color:#6b778c;font-size:13px;padding:16px;text-align:center}.wiki-groups-list{display:flex;flex-direction:column;gap:8px;max-height:240px;overflow-y:auto;padding:4px}.wiki-group-checkbox{align-items:center;background:#fff;border:1px solid #dfe1e6;border-radius:4px;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:all .15s}.wiki-group-checkbox:hover{background:#f4f5f7;border-color:#b3bac5}.wiki-group-checkbox input[type=checkbox]{accent-color:#014265;cursor:pointer;height:16px;margin:0;width:16px}.wiki-group-checkbox svg{color:#6b778c;flex-shrink:0}.wiki-group-name{color:#172b4d;flex:1 1;font-size:14px;font-weight:500}.wiki-group-description{color:#6b778c;font-size:12px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wiki-danger-zone{display:flex;flex-direction:column;gap:16px}.wiki-danger-item{align-items:center;background:#ffebe6;border:1px solid #de350b;border-radius:3px;display:flex;justify-content:space-between;padding:16px}.wiki-danger-item-info h4{color:#de350b;font-size:14px;font-weight:600;margin:0 0 4px}.wiki-danger-item-info p{color:#6b778c;font-size:13px;margin:0}.wiki-danger-btn{background:#de350b;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background .15s ease}.wiki-danger-btn:hover{background:#bf2600}.wiki-danger-btn.secondary{background:none;border:1px solid #de350b;color:#de350b}.wiki-danger-btn.secondary:hover{background:#ffebe6}.wiki-btn{align-items:center;border:none;border-radius:3px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:6px 12px;transition:all .15s ease;white-space:nowrap}.wiki-btn.primary{background:#014265;color:#fff}.wiki-btn.primary:hover:not(:disabled){background:#012f47}.wiki-btn.secondary{background:#f4f5f7;color:#42526e}.wiki-btn.secondary:hover:not(:disabled){background:#ebecf0}.wiki-btn.small{font-size:12px;gap:4px;padding:4px 8px}.wiki-btn.subtle{background:none;color:#42526e}.wiki-btn.subtle:hover:not(:disabled){background:#ebecf0}.wiki-btn.link{background:none;color:#014265;padding:6px 8px}.wiki-btn.link:hover:not(:disabled){text-decoration:underline}.wiki-btn.icon-only{padding:6px 8px}.wiki-btn.large{font-size:14px;padding:10px 20px}.wiki-btn:disabled{cursor:not-allowed;opacity:.6}.wiki-btn.danger{color:#de350b}.wiki-btn.danger:hover:not(:disabled){background:#ffebe6}.wiki-modal-overlay{align-items:flex-start;background:#091e428a;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:80px 24px 24px;position:fixed;z-index:1000}.wiki-modal{background:#fff;border-radius:3px;box-shadow:0 0 0 1px #091e4214,0 2px 1px #091e4214,0 0 20px -6px #091e424f;max-width:600px;width:100%}.wiki-modal-header{align-items:center;border-bottom:1px solid #dfe1e6;display:flex;justify-content:space-between;padding:20px 24px}.wiki-modal-header h3{color:#172b4d;font-size:20px;font-weight:500;margin:0}.wiki-modal-close{align-items:center;background:none;border:none;border-radius:3px;color:#6b778c;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.wiki-modal-close:hover{background:#ebecf0;color:#172b4d}.wiki-modal-content{padding:24px}.wiki-modal-content>p{color:#6b778c;font-size:14px;margin:0 0 20px}.wiki-modal-footer{background:#fafbfc;border-top:1px solid #dfe1e6;display:flex;gap:8px;justify-content:flex-end;padding:16px 24px}.wiki-templates{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.wiki-template-card{align-items:center;background:#fff;border:2px solid #dfe1e6;border-radius:3px;cursor:pointer;display:flex;gap:12px;padding:16px;text-align:left;transition:all .15s ease}.wiki-template-card:hover{background:#0142651f;border-color:#014265}.wiki-template-card-icon{align-items:center;background:#0142651f;border-radius:3px;color:#014265;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.wiki-template-card-content{flex:1 1;min-width:0}.wiki-template-card-title{color:#172b4d;font-size:14px;font-weight:500;margin-bottom:2px}.wiki-template-card-desc{color:#6b778c;font-size:12px}@media (max-width:1024px){.wiki-toc{display:none}.wiki-content-body{padding:20px 24px 40px}.wiki-page-header{padding:20px 24px 16px}}@media (max-width:768px){.wiki-frisia{flex-direction:column;min-height:auto}.wiki-container{display:flex;flex-direction:column;height:auto;padding-bottom:0}.wiki-mobile-header{display:none}.wiki-sidebar{border-right:1px solid #dfe1e6;box-shadow:4px 0 24px #091e4233;display:none;height:100vh;left:0;position:fixed;top:0;width:300px;z-index:1001}.wiki-sidebar.mobile-open{display:flex!important}.wiki-sidebar.mobile-open .wiki-sidebar-close{display:flex}.wiki-sidebar-overlay{display:block;pointer-events:none}.wiki-sidebar-overlay.active{pointer-events:auto}.wiki-sidebar-toggle{display:none}.wiki-main{flex:1 1;margin-left:0!important;max-width:100%;overflow-x:hidden;overflow-y:auto;padding-bottom:1rem;width:100%}.wiki-bottom-nav{display:none!important}.wiki-bottom-nav-item{align-items:center;background:none;border:none;color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.7rem;font-weight:500;gap:4px;height:100%;justify-content:center;padding:8px 4px;transition:all .2s}.wiki-bottom-nav-item:active{background:#f3f4f6;background:var(--color-bg-secondary,#f3f4f6)}.wiki-bottom-nav-item.active{color:#014265;color:var(--color-primary,#014265)}.wiki-bottom-nav-item svg{height:24px;width:24px}.wiki-mobile-search-overlay{background:#fff;background:var(--color-bg-primary,#fff);display:flex!important;flex-direction:column;inset:0;padding-bottom:60px;position:fixed;z-index:1001}.wiki-mobile-search-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-primary,#e5e7eb);display:flex;gap:.75rem;padding:1rem}.wiki-mobile-search-input{align-items:center;background:#f3f4f6;background:var(--color-bg-secondary,#f3f4f6);border-radius:8px;display:flex;flex:1 1;gap:.5rem;padding:.75rem}.wiki-mobile-search-input input{background:none;border:none;color:#111827;color:var(--color-text-primary,#111827);flex:1 1;font-size:1rem;outline:none}.wiki-mobile-search-close{align-items:center;background:none;border:none;color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;justify-content:center;min-height:44px;min-width:44px;padding:.5rem}.wiki-mobile-search-content{flex:1 1;overflow-y:auto}.wiki-mobile-menu-overlay{background:#fff;background:var(--color-bg-primary,#fff);display:flex!important;flex-direction:column;inset:0;padding-bottom:60px;position:fixed;z-index:1001}.wiki-mobile-menu-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-primary,#e5e7eb);display:flex;justify-content:space-between;padding:1rem}.wiki-mobile-menu-header h2{color:#111827;color:var(--color-text-primary,#111827);font-size:1.25rem;font-weight:600}.wiki-mobile-menu-content{flex:1 1;overflow-y:auto;padding:1rem}.wiki-mobile-menu-section{margin-bottom:2rem}.wiki-mobile-menu-section h3{color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);font-size:.85rem;font-weight:600;letter-spacing:.05em;margin-bottom:.75rem;text-transform:uppercase}.wiki-mobile-menu-item{align-items:center;background:#fff;background:var(--color-bg-elevated,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border-primary,#e5e7eb);border-radius:8px;cursor:pointer;display:flex;gap:1rem;margin-bottom:.5rem;padding:1rem;transition:all .2s}.wiki-mobile-menu-item:active{background:#f3f4f6;background:var(--color-bg-secondary,#f3f4f6);transform:scale(.98)}.wiki-mobile-menu-item svg{color:#014265;color:var(--color-primary,#014265);flex-shrink:0}.wiki-mobile-menu-item-content{flex:1 1}.wiki-mobile-menu-item-title{color:#111827;color:var(--color-text-primary,#111827);font-size:1rem;font-weight:500;margin-bottom:.25rem}.wiki-mobile-menu-item-desc{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.85rem}.wiki-fix-result{border-radius:8px;font-size:.85rem;font-weight:500;margin-top:.75rem;padding:.75rem}.wiki-fix-result.success{background:#d1fae5;border:1px solid #10b981;color:#065f46}.wiki-fix-result.error{background:#fee2e2;border:1px solid #ef4444;color:#991b1b}.wiki-breadcrumbs{background:#f9fafb;background:var(--color-bg-secondary,#f9fafb);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-primary,#e5e7eb);font-size:.85rem;padding:1rem}.wiki-breadcrumb-item{align-items:center;display:inline-flex;gap:.5rem}.wiki-mobile-page-actions{display:flex;gap:.5rem;position:fixed;right:1rem;top:1rem;z-index:100}.wiki-mobile-fab{align-items:center;background:#fff;background:var(--color-bg-elevated,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border-primary,#e5e7eb);border-radius:50%;box-shadow:0 2px 8px #00000026;color:#111827;color:var(--color-text-primary,#111827);cursor:pointer;display:flex;height:44px;justify-content:center;width:44px}.wiki-mobile-fab:active{transform:scale(.95)}.wiki-mobile-fab.primary{background:#014265;background:var(--color-primary,#014265);color:#fff}.wiki-content-body{font-size:1rem;line-height:1.7;padding:1rem}.wiki-content-body p{margin-bottom:1.25rem}.wiki-content-body img{height:auto;max-width:100%}.wiki-content-body table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.wiki-page-header{padding:1rem}.wiki-mobile-back-btn{align-items:center;background:#f3f4f6;background:var(--color-bg-secondary,#f3f4f6);border:none;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-primary,#e5e7eb);color:#014265;color:var(--color-primary,#014265);cursor:pointer;display:flex!important;font-size:1rem;font-weight:500;gap:.5rem;margin:-1rem -1rem 1rem;min-height:48px;padding:.75rem 1rem;width:calc(100% + 2rem)}.wiki-mobile-back-btn:active{background:#e5e7eb;background:var(--color-bg-tertiary,#e5e7eb)}.wiki-mobile-back-btn svg{flex-shrink:0}.wiki-page-header h1{font-size:1.5rem;line-height:1.3;word-break:break-word}.wiki-page-title-row{align-items:flex-start;flex-direction:column;gap:.75rem}.wiki-page-actions{flex-wrap:wrap;gap:.5rem;justify-content:flex-start;width:100%}.wiki-page-actions button{font-size:.9rem;min-height:40px;min-width:40px;padding:.625rem 1rem}.wiki-breadcrumbs{-webkit-overflow-scrolling:touch;font-size:.8rem;overflow-x:auto;padding:.5rem 1rem;white-space:nowrap}.wiki-editor-header{padding:1rem}.wiki-editor-title{font-size:1.25rem;padding:.75rem}.wiki-editor-meta{align-items:flex-start;flex-direction:column;gap:1rem}.wiki-editor-field{width:100%}.wiki-editor-field input,.wiki-editor-field select{font-size:1rem;min-height:44px;width:100%}.wiki-editor-content{padding:1rem}.wiki-editor-actions{flex-wrap:wrap;gap:.75rem;padding:1rem}.wiki-editor-actions button{flex:1 1 auto;min-height:44px;min-width:120px}.wiki-templates{gap:1rem;grid-template-columns:1fr}.wiki-template-card{padding:1.25rem}.wiki-content{font-size:1rem}.wiki-content h1{font-size:1.75rem;margin-bottom:1rem;margin-top:1.5rem}.wiki-content h2{font-size:1.5rem;margin-bottom:.875rem;margin-top:1.25rem}.wiki-content h3{font-size:1.25rem;margin-bottom:.75rem;margin-top:1rem}.wiki-content h4{font-size:1.1rem}.wiki-content ol,.wiki-content ul{padding-left:1.5rem}.wiki-content pre{-webkit-overflow-scrolling:touch;font-size:.85rem;overflow-x:auto}.wiki-content code{font-size:.9em}.wiki-dashboard{padding:1rem}.wiki-dashboard-header{align-items:stretch;flex-direction:column;gap:1rem}.wiki-dashboard-title h1{font-size:1.5rem}.wiki-dashboard-controls{flex-direction:column;gap:.75rem}.wiki-view-toggle{justify-content:center;width:100%}.wiki-view-toggle button{min-height:44px;min-width:44px}.wiki-dashboard-filters,.wiki-search,.wiki-search-container{width:100%}.wiki-search input{font-size:1rem;min-height:44px}.wiki-tiles-grid{gap:1rem;grid-template-columns:1fr}.wiki-tile{border-radius:12px}.wiki-tile-cover{height:120px}.wiki-tile-content{padding:1rem}.wiki-tile-title{font-size:1.1rem;margin-bottom:.5rem}.wiki-tile-description{font-size:.9rem;line-height:1.5}.wiki-list-item{min-height:60px;padding:1rem}.wiki-list-item-title{font-size:1rem}.wiki-list-item-meta{flex-wrap:wrap;font-size:.85rem;gap:.5rem}.wiki-btn{font-size:.95rem;min-height:44px;min-width:44px;padding:.75rem 1.25rem}.wiki-btn.primary{padding:.875rem 1.5rem}.wiki-btn.large{min-height:52px;padding:1rem 2rem}.wiki-toc{margin:2rem 1rem;max-width:100%;position:relative}.comment-item,.wiki-attachments,.wiki-comments{padding:1rem}.attachment-item{padding:.875rem}.wiki-editor-overlay{padding:.5rem}.wiki-editor-modal{border-radius:12px;margin:auto;max-height:95vh;max-width:100%}.search-result-item,.wiki-search-results{padding:1rem}.search-result-title{font-size:1.1rem}.wiki-page-navigation{margin:2rem 0 1rem;padding:1.5rem 0}.wiki-nav-button-container{flex-direction:column;gap:.75rem}.wiki-nav-button{max-width:100%;min-height:60px;padding:1rem;width:100%}.wiki-nav-hint,.wiki-nav-spacer{display:none}}@media (max-width:480px){.wiki-frisia{max-width:100vw;overflow-x:hidden}.wiki-article,.wiki-main{max-width:100%;overflow-x:hidden}.wiki-content-body{word-wrap:break-word;max-width:100%;overflow-wrap:break-word;overflow-x:auto}.wiki-page-header h1{font-size:1.35rem}.wiki-content h1{font-size:1.5rem}.wiki-content h2{font-size:1.3rem}.wiki-dashboard-title h1{font-size:1.35rem}.wiki-content-body,.wiki-dashboard,.wiki-page-header{padding:.75rem}.wiki-tiles-grid{gap:.75rem}.wiki-tile-cover{height:100px}.wiki-tile-content{padding:.875rem}.wiki-tile-title{font-size:1rem}.wiki-btn,.wiki-tile-description{font-size:.875rem}.wiki-btn{min-height:40px;padding:.625rem 1rem}.wiki-btn.primary{padding:.75rem 1.25rem}.wiki-sidebar{max-width:280px;width:90vw}.search-result-item{padding:.875rem}.search-result-title{font-size:1rem}.search-result-excerpt{font-size:.875rem}.comment-item{padding:.75rem}.wiki-editor-modal{border-radius:8px}.wiki-editor-title{font-size:1.15rem}}@media (max-width:375px){.wiki-page-header h1{font-size:1.2rem}.wiki-page-actions{gap:2px}.wiki-action-btn{font-size:12px;padding:4px 8px}.wiki-action-btn.icon-only{padding:4px 6px}.wiki-dashboard{padding:.5rem}.wiki-dashboard-title h1{font-size:1.2rem}.wiki-tiles-grid{gap:.5rem}.wiki-tile-content{padding:.75rem}.wiki-tile-title{font-size:.9rem}.wiki-breadcrumbs{font-size:12px;padding:6px 12px}}@media (min-width:768px) and (max-width:1200px){.wiki-sidebar{min-width:60px;width:60px}.wiki-sidebar.collapsed{overflow:visible;width:0}.wiki-sidebar:not(.collapsed) .wiki-bookmarks-list,.wiki-sidebar:not(.collapsed) .wiki-create-btn span,.wiki-sidebar:not(.collapsed) .wiki-org-filter,.wiki-sidebar:not(.collapsed) .wiki-search-container,.wiki-sidebar:not(.collapsed) .wiki-section-header span,.wiki-sidebar:not(.collapsed) .wiki-sidebar-header .wiki-sidebar-title span,.wiki-sidebar:not(.collapsed) .wiki-tree{display:none}.wiki-tiles-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.wiki-tiles-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.wiki-sidebar{min-width:280px;width:280px}}[data-theme=dark] .wiki-frisia{background:var(--color-bg-primary)}[data-theme=dark] .wiki-loading{color:var(--color-text-tertiary)}[data-theme=dark] .wiki-loading-spinner{border-color:var(--color-bg-tertiary);border-top-color:var(--color-secondary)}[data-theme=dark] .wiki-mobile-header{background:var(--color-bg-elevated);border-bottom-color:var(--color-border-primary)}[data-theme=dark] .wiki-mobile-header h2{color:var(--color-text-primary)}[data-theme=dark] .wiki-mobile-add-btn,[data-theme=dark] .wiki-mobile-menu-btn{color:var(--color-text-secondary)}[data-theme=dark] .wiki-mobile-add-btn:hover,[data-theme=dark] .wiki-mobile-menu-btn:hover{background:var(--color-bg-tertiary)}[data-theme=dark] .wiki-bottom-nav{background:var(--color-bg-elevated);border-top-color:var(--color-border-primary)}[data-theme=dark] .wiki-bottom-nav-item{color:var(--color-text-tertiary)}[data-theme=dark] .wiki-bottom-nav-item:active{background:var(--color-bg-tertiary)}[data-theme=dark] .wiki-bottom-nav-item.active{color:var(--color-primary)}[data-theme=dark] .wiki-mobile-menu-overlay,[data-theme=dark] .wiki-mobile-search-overlay{background:var(--color-bg-primary)}[data-theme=dark] .wiki-mobile-menu-header,[data-theme=dark] .wiki-mobile-search-header{border-bottom-color:var(--color-border-primary)}[data-theme=dark] .wiki-mobile-menu-header h2{color:var(--color-text-primary)}[data-theme=dark] .wiki-mobile-search-input{background:var(--color-bg-secondary)}[data-theme=dark] .wiki-mobile-search-input input{color:var(--color-text-primary)}[data-theme=dark] .wiki-mobile-menu-item{background:var(--color-bg-elevated);border-color:var(--color-border-primary)}[data-theme=dark] .wiki-mobile-menu-item:active{background:var(--color-bg-secondary)}[data-theme=dark] .wiki-mobile-menu-item-title{color:var(--color-text-primary)}[data-theme=dark] .wiki-mobile-menu-item-desc{color:var(--color-text-secondary)}[data-theme=dark] .wiki-fix-result.success{background:#064e3b;border-color:#10b981;color:#d1fae5}[data-theme=dark] .wiki-fix-result.error{background:#7f1d1d;border-color:#ef4444;color:#fee2e2}[data-theme=dark] .wiki-sidebar{background:var(--color-bg-secondary);border-right-color:var(--color-border-primary)}[data-theme=dark] .wiki-sidebar-header{background:var(--color-bg-elevated);border-bottom-color:var(--color-border-primary)}[data-theme=dark] .wiki-sidebar-title{color:var(--color-text-primary)}[data-theme=dark] .wiki-sidebar-title:hover{background:var(--color-bg-tertiary)}[data-theme=dark] .wiki-search-container input{background:var(--color-bg-tertiary);border-color:var(--color-border-primary);color:var(--color-text-primary)}[data-theme=dark] .wiki-search-container input::placeholder{color:var(--color-text-tertiary)}[data-theme=dark] .wiki-org-filter select{background:var(--color-bg-tertiary);border-color:var(--color-border-primary);color:var(--color-text-primary)}[data-theme=dark] .wiki-section-header{border-bottom-color:var(--color-border-primary);color:var(--color-text-tertiary)}[data-theme=dark] .wiki-tree-item{color:var(--color-text-secondary)}[data-theme=dark] .wiki-tree-item:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}[data-theme=dark] .wiki-tree-item.active{background:#3a7ca533;color:var(--color-secondary)}[data-theme=dark] .wiki-bookmark-item{color:var(--color-text-secondary)}[data-theme=dark] .wiki-bookmark-item:hover{background:var(--color-bg-tertiary)}[data-theme=dark] .wiki-content{background:var(--color-bg-primary)}[data-theme=dark] .wiki-content-header{border-bottom-color:var(--color-border-primary)}[data-theme=dark] .wiki-breadcrumb a,[data-theme=dark] .wiki-breadcrumb span{color:var(--color-text-tertiary)}[data-theme=dark] .wiki-breadcrumb a:hover,[data-theme=dark] .wiki-page-title{color:var(--color-text-primary)}[data-theme=dark] .wiki-page-meta{color:var(--color-text-tertiary)}[data-theme=dark] .wiki-page-content{color:var(--color-text-secondary)}[data-theme=dark] .wiki-page-content h1,[data-theme=dark] .wiki-page-content h2,[data-theme=dark] .wiki-page-content h3,[data-theme=dark] .wiki-page-content h4{color:var(--color-text-primary)}[data-theme=dark] .wiki-page-content a{color:var(--color-secondary)}[data-theme=dark] .wiki-page-content code{background:var(--color-bg-tertiary);color:var(--color-text-primary)}[data-theme=dark] .wiki-page-content pre{background:var(--color-bg-tertiary)}[data-theme=dark] .wiki-page-content blockquote{background:var(--color-bg-tertiary);border-left-color:var(--color-secondary);color:var(--color-text-secondary)}[data-theme=dark] .wiki-page-content table,[data-theme=dark] .wiki-page-content th{border-color:var(--color-border-primary)}[data-theme=dark] .wiki-page-content th{background:var(--color-bg-tertiary);color:var(--color-text-primary)}[data-theme=dark] .wiki-page-content hr,[data-theme=dark] .wiki-page-content td{border-color:var(--color-border-primary)}[data-theme=dark] .wiki-empty-state{color:var(--color-text-tertiary)}[data-theme=dark] .wiki-empty-state h3{color:var(--color-text-primary)}[data-theme=dark] .wiki-action-btn{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}[data-theme=dark] .wiki-action-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}[data-theme=dark] .wiki-toggle-btn{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}[data-theme=dark] .wiki-toggle-btn:hover{background:var(--color-bg-secondary)}[data-theme=dark] .wiki-dashboard{background:var(--color-bg-primary)}[data-theme=dark] .wiki-dashboard-header h2{color:var(--color-text-primary)}[data-theme=dark] .wiki-tile{background:var(--color-bg-elevated);box-shadow:0 1px 3px #0000004d}[data-theme=dark] .wiki-tile:hover{box-shadow:0 4px 12px #0006}[data-theme=dark] .wiki-tile-title{color:var(--color-text-primary)}[data-theme=dark] .wiki-tile-excerpt{color:var(--color-text-tertiary)}[data-theme=dark] .wiki-tile-meta{border-top-color:var(--color-border-primary);color:var(--color-text-tertiary)}[data-theme=dark] .wiki-tile-avatar-img{border-color:#374151;border-color:var(--color-border-primary,#374151)}[data-theme=dark] .wiki-editor-overlay{background:#0009}[data-theme=dark] .wiki-editor-modal{background:var(--color-bg-elevated)}[data-theme=dark] .wiki-editor-header{background:var(--color-bg-secondary);border-bottom-color:var(--color-border-primary)}[data-theme=dark] .wiki-editor-header h3{color:var(--color-text-primary)}[data-theme=dark] .wiki-editor-close{color:var(--color-text-tertiary)}[data-theme=dark] .wiki-editor-close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}[data-theme=dark] .wiki-editor-body input,[data-theme=dark] .wiki-editor-body select,[data-theme=dark] .wiki-editor-body textarea{background:var(--color-bg-secondary);border-color:var(--color-border-primary);color:var(--color-text-primary)}[data-theme=dark] .wiki-editor-body label{color:var(--color-text-secondary)}[data-theme=dark] .wiki-editor-footer{background:var(--color-bg-secondary);border-top-color:var(--color-border-primary)}[data-theme=dark] .wiki-btn-secondary{background:var(--color-bg-tertiary);border-color:var(--color-border-primary);color:var(--color-text-secondary)}[data-theme=dark] .wiki-btn-secondary:hover{background:var(--color-bg-secondary)}[data-theme=dark] .wiki-children-section{background:var(--color-bg-tertiary)}[data-theme=dark] .wiki-children-section h3{color:var(--color-text-primary)}[data-theme=dark] .wiki-child-card{background:var(--color-bg-elevated);border-color:var(--color-border-primary)}[data-theme=dark] .wiki-child-card:hover{background:var(--color-bg-secondary)}[data-theme=dark] .wiki-child-title{color:var(--color-text-primary)}[data-theme=dark] .wiki-child-excerpt{color:var(--color-text-tertiary)}.wiki-labels-section{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);margin-bottom:1.5rem;padding-bottom:1rem}.wiki-action-btn.watching{background:#3b82f61a;color:#3b82f6;color:var(--primary-color,#3b82f6)}.wiki-action-btn.watching:hover{background:#3b82f626}[data-theme=dark] .wiki-labels-section{border-bottom-color:var(--color-border-primary)}.wiki-mobile-pages-overlay{background:#fff;background:var(--color-bg-primary,#fff);display:flex;flex-direction:column;inset:0;overflow:hidden;position:fixed;z-index:1001}.wiki-mobile-pages-header{align-items:center;background:#fff;background:var(--color-bg-elevated,#fff);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-primary,#e5e7eb);display:flex;flex-shrink:0;justify-content:space-between;padding:1rem}.wiki-mobile-pages-header h2{color:#172b4d;color:var(--color-text-primary,#172b4d);font-size:1.25rem;font-weight:600;margin:0}.wiki-mobile-pages-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-x:hidden;overflow-y:auto;padding:1rem}.wiki-mobile-pages-breadcrumb{-webkit-overflow-scrolling:touch;align-items:center;background:#f9fafb;background:var(--color-bg-secondary,#f9fafb);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-primary,#e5e7eb);color:#6b778c;color:var(--color-text-secondary,#6b778c);display:flex;font-size:.875rem;margin:-1rem -1rem 1rem;overflow-x:auto;padding:.75rem 1rem;white-space:nowrap}.wiki-mobile-pages-breadcrumb span{align-items:center;display:inline-flex}@media (max-width:768px){.wiki-mobile-pages-overlay .wiki-tree-item{font-size:1rem;min-height:44px;padding:.75rem .5rem}.wiki-mobile-pages-overlay .wiki-tree-spacer,.wiki-mobile-pages-overlay .wiki-tree-toggle{align-items:center;display:inline-flex;height:32px;justify-content:center;width:32px}.wiki-mobile-pages-overlay .wiki-tree-icon{margin-right:.75rem}.wiki-mobile-pages-overlay .wiki-tree-title{font-size:1rem}.wiki-mobile-pages-overlay .wiki-tree-drag-handle{display:none}}[data-theme=dark] .wiki-mobile-pages-overlay{background:var(--color-bg-primary)}[data-theme=dark] .wiki-mobile-pages-header{background:var(--color-bg-elevated);border-bottom-color:var(--color-border-primary)}[data-theme=dark] .wiki-mobile-pages-breadcrumb{background:var(--color-bg-secondary);border-bottom-color:var(--color-border-primary)}@media (min-width:769px){.wiki-mobile-sidebar-trigger{display:none!important}}.krankmeldung-page{animation:fadeIn .3s ease-in-out;margin:0 auto;max-width:800px;padding:32px}.krankmeldung-header{margin-bottom:32px}.krankmeldung-header h1{color:#1a1a1a;font-size:32px;font-weight:700;margin:0 0 8px}.krankmeldung-subtitle{color:#666;font-size:16px;margin:0}.krankmeldung-form{display:flex;flex-direction:column;gap:24px}.form-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 2px 8px #00000014;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-card:before{background:#014265;content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%}.form-card:hover{border-color:#e8f4f8;box-shadow:0 4px 16px #0142651f}.form-card:hover:before{transform:scaleX(1)}.form-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.form-card-header h2{color:#1a1a1a;font-size:18px;font-weight:600;margin:0}.badge-optional,.badge-required{border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.badge-optional{background:#f5f7fa;color:#666}.badge-required{background:#e8f4f8;color:#014265}.form-hint{font-size:14px;line-height:1.5;margin:0 0 20px}.photo-upload-area{align-items:center;background:#f5f7fa;border:2px dashed #d0d5dd;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:32px;transition:all .2s ease}.photo-upload-area:hover{background:#e8f4f8;border-color:#014265}.btn-file-upload{align-items:center;background:#014265;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;padding:14px 24px;transition:all .2s ease}.btn-file-upload:hover{background:#012d47;box-shadow:0 4px 12px #0142654d;transform:translateY(-2px)}.upload-hint{color:#666;font-size:13px}.photo-preview{background:#f5f7fa;border-radius:12px;padding:20px;text-align:center}.photo-preview img{border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:16px;max-height:400px;max-width:100%}.btn-remove-photo{align-items:center;background:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-remove-photo:hover{background:#c82333;box-shadow:0 2px 8px #dc35454d;transform:translateY(-1px)}.form-group{margin-bottom:0}.form-group label{color:#1a1a1a}.date-range-group{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-input,.form-textarea{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:15px;padding:12px 16px;transition:all .2s ease;width:100%}.form-input:focus,.form-textarea:focus{border-color:#014265;box-shadow:0 0 0 3px #0142651a;outline:none}.form-textarea{min-height:100px;resize:vertical}.checkbox-group{margin-bottom:12px}.checkbox-group:last-child{margin-bottom:0}.checkbox-label{background:#f5f7fa;border:2px solid #0000;border-radius:12px;padding:16px;transition:all .2s ease}.checkbox-label:hover{background:#e8f4f8;border-color:#d0e8f0}.checkbox-input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkbox-box{align-items:center;background:#fff;border:2px solid #d0d5dd;border-radius:6px;display:flex;flex-shrink:0;height:22px;justify-content:center;margin-right:12px;transition:all .2s ease;width:22px}.checkbox-box svg{color:#fff;opacity:0;transition:opacity .2s ease}.checkbox-input:checked+.checkbox-box{background:#014265;border-color:#014265}.checkbox-input:checked+.checkbox-box svg{opacity:1}.checkbox-text{color:#1a1a1a;font-size:15px;line-height:1.5}.info-box p{color:#374151}.btn-submit{align-items:center;background:#014265;border:none;border-radius:12px;box-shadow:0 4px 12px #01426533;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;justify-content:center;padding:18px 32px;transition:all .2s ease;width:100%}.btn-submit:hover:not(:disabled){background:#012d47;box-shadow:0 6px 16px #0142654d;transform:translateY(-2px)}.btn-submit:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.spinner-small{animation:spin .6s linear infinite;height:18px;width:18px}@media (max-width:768px){.krankmeldung-page{padding:20px}.krankmeldung-header h1{font-size:28px}.krankmeldung-subtitle{font-size:14px}.form-card{padding:20px}.form-card-header h2{font-size:16px}.date-range-group{gap:16px;grid-template-columns:1fr}.photo-upload-area{padding:24px 16px}.btn-file-upload{font-size:14px;padding:12px 20px}.checkbox-label{padding:14px}.checkbox-text{font-size:14px}.btn-submit{font-size:15px;padding:16px 24px}}@media (max-width:480px){.krankmeldung-page{padding:16px}.krankmeldung-header h1{font-size:24px}.krankmeldung-subtitle{font-size:13px}.form-card{padding:16px}.form-card-header{align-items:flex-start;flex-direction:column;gap:8px}.form-card-header h2{font-size:15px}.form-hint{font-size:13px}.photo-upload-area{padding:20px 12px}.btn-file-upload{justify-content:center;width:100%}.checkbox-label{padding:12px}.checkbox-text{font-size:13px}.info-box{padding:16px}.info-box strong{font-size:14px}.info-box p{font-size:13px}.btn-submit{font-size:14px;padding:14px 20px}}.sick-leave-history{margin-top:32px}.history-toggle{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;color:#1a1a1a;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;padding:18px 24px;transition:all .2s ease;width:100%}.history-toggle:hover{background:#f5f7fa;border-color:#014265}.history-toggle svg:first-child{color:#014265}.toggle-icon{color:#666;margin-left:auto;transition:transform .3s ease}.toggle-icon.open{transform:rotate(180deg)}.history-content{animation:slideDown .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-top:16px;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.history-loading{color:#666;font-size:15px;gap:12px;padding:40px}.history-empty,.history-loading{align-items:center;display:flex;justify-content:center}.history-empty{color:#999;flex-direction:column;padding:48px 24px;text-align:center}.history-empty svg{margin-bottom:16px;opacity:.5}.history-empty p{font-size:15px;margin:0}.history-list{padding:8px}.history-item{background:#f5f7fa;border-radius:10px;margin-bottom:8px;padding:20px;transition:all .2s ease}.history-item:last-child{margin-bottom:0}.history-item:hover{background:#e8f4f8}.history-item-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:8px}.history-date{color:#1a1a1a;font-size:15px;font-weight:600}.history-absence-period{align-items:center;background:#fff;border-radius:6px;color:#014265;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px}.history-absence-period svg{color:#014265;flex-shrink:0}.history-notes{background:#fff;border-left:3px solid #014265;border-radius:8px;color:#333;font-size:14px;line-height:1.5;margin:12px 0 0;padding:12px 16px}.history-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.history-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:5px 10px}.badge-supervisor{background:#e8f5e9;color:#2e7d32}.badge-copy{background:#e3f2fd;color:#1565c0}@media (max-width:768px){.history-toggle{font-size:15px;padding:16px 20px}.history-item{padding:16px}.history-item-header{align-items:flex-start;flex-direction:column}.history-absence-period{font-size:12px}}@media (max-width:480px){.history-toggle{font-size:14px;padding:14px 16px}.history-item{padding:14px}.history-date{font-size:14px}.history-notes{font-size:13px;padding:10px 12px}.history-badge{font-size:11px;padding:4px 8px}}[data-theme=dark] .krankmeldung-header h1{color:var(--color-text-primary)}[data-theme=dark] .krankmeldung-subtitle{color:var(--color-text-tertiary)}[data-theme=dark] .form-card{background:var(--color-bg-elevated);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .form-card:hover{border-color:var(--color-border-primary);box-shadow:0 4px 16px #0006}[data-theme=dark] .form-card:before{background:var(--color-secondary)}[data-theme=dark] .form-card-header h2{color:var(--color-text-primary)}[data-theme=dark] .badge-optional{background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}[data-theme=dark] .badge-required{background:#00bcd426;color:var(--color-secondary)}[data-theme=dark] .photo-upload-area{background:var(--color-bg-tertiary);border-color:var(--color-border-primary)}[data-theme=dark] .photo-upload-area:hover{background:var(--color-bg-secondary);border-color:var(--color-secondary)}[data-theme=dark] .upload-hint{color:var(--color-text-tertiary)}[data-theme=dark] .photo-preview{background:var(--color-bg-tertiary)}[data-theme=dark] .form-input,[data-theme=dark] .form-textarea{background:var(--color-bg-secondary);border-color:var(--color-border-primary);color:var(--color-text-primary)}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-textarea:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #00bcd426}[data-theme=dark] .form-input::placeholder,[data-theme=dark] .form-textarea::placeholder{color:var(--color-text-tertiary)}[data-theme=dark] .checkbox-label{background:var(--color-bg-tertiary);border-color:#0000}[data-theme=dark] .checkbox-box,[data-theme=dark] .checkbox-label:hover{background:var(--color-bg-secondary);border-color:var(--color-border-primary)}[data-theme=dark] .checkbox-input:checked+.checkbox-box{background:var(--color-secondary);border-color:var(--color-secondary)}[data-theme=dark] .checkbox-text{color:var(--color-text-primary)}[data-theme=dark] .info-box{background:#00bcd426;border-left-color:#00bcd4}[data-theme=dark] .info-box strong{color:#fff}[data-theme=dark] .info-box p{color:#b0b0b0}[data-theme=dark] .btn-submit{background:var(--color-secondary);box-shadow:0 4px 12px #00bcd44d}[data-theme=dark] .btn-submit:hover:not(:disabled){background:#00a5b8;box-shadow:0 6px 16px #00bcd466}[data-theme=dark] .btn-file-upload{background:var(--color-secondary)}[data-theme=dark] .btn-file-upload:hover{background:#00a5b8}[data-theme=dark] .history-toggle{background:var(--color-bg-elevated);border-color:var(--color-border-primary);color:var(--color-text-primary)}[data-theme=dark] .history-toggle:hover{background:var(--color-bg-tertiary);border-color:var(--color-secondary)}[data-theme=dark] .history-toggle svg:first-child{color:var(--color-secondary)}[data-theme=dark] .toggle-icon{color:var(--color-text-tertiary)}[data-theme=dark] .history-content{background:var(--color-bg-elevated);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .history-empty,[data-theme=dark] .history-loading{color:var(--color-text-tertiary)}[data-theme=dark] .history-item{background:var(--color-bg-tertiary)}[data-theme=dark] .history-item:hover{background:var(--color-bg-secondary)}[data-theme=dark] .history-date{color:var(--color-text-primary)}[data-theme=dark] .history-absence-period{background:var(--color-bg-secondary);color:var(--color-secondary)}[data-theme=dark] .history-absence-period svg{color:var(--color-secondary)}[data-theme=dark] .history-notes{background:var(--color-bg-secondary);border-left-color:var(--color-secondary);color:var(--color-text-secondary)}[data-theme=dark] .badge-supervisor{background:#2e7d3233;color:#81c784}[data-theme=dark] .badge-copy{background:#1565c033;color:#64b5f6}[data-theme=dark] .form-input[type=date]{color-scheme:dark}[data-theme=dark] .form-input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{color-scheme:dark}.support-with-sidebar{display:flex;height:calc(100vh - 60px);overflow:hidden}.support-main-content{background-color:#f5f5f5;background-color:var(--color-background,#f5f5f5);flex:1 1;overflow-y:auto}@media (max-width:768px){.support-with-sidebar{flex-direction:column}}.frisia-support{--frisia-primary:var(--frisia-primary);--frisia-secondary:#3a7ca5;margin:0 auto;max-width:680px;padding:0 16px 100px}.frisia-support__hero{align-items:center;background:linear-gradient(135deg,var(--frisia-primary) 0,var(--frisia-secondary) 100%);border-radius:20px;color:#fff;display:flex;gap:16px;margin-bottom:24px;padding:24px}.frisia-support__hero-icon{align-items:center;background:#ffffff26;border-radius:16px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.frisia-support__hero-icon svg{color:#fff}.frisia-support__hero-content h2{font-size:1.25rem;font-weight:600;margin:0 0 4px}.frisia-support__hero-content p{font-size:.875rem;margin:0;opacity:.9}.frisia-support__form{display:flex;flex-direction:column;gap:16px}.frisia-support__card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;padding:20px}.frisia-support__card-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.frisia-support__card-header>div{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.frisia-support__card-icon{align-items:center;background:#f0f7fb;border-radius:10px;color:var(--frisia-primary);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.frisia-support__card-header h3{color:#1a2b3c;font-size:1rem;font-weight:600;margin:0}.frisia-support__badge{border-radius:10px;font-size:.7rem;font-weight:500;letter-spacing:.3px;padding:3px 8px;text-transform:uppercase}.frisia-support__badge--required{background:#fef3e2;color:#b45309}.frisia-support__badge--optional{background:#f0f4f8;color:#64748b}.frisia-support__hint{color:#64748b;font-size:.875rem;line-height:1.5;margin:0 0 16px}.frisia-support__date-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}@media (max-width:480px){.frisia-support__date-grid{grid-template-columns:1fr}}.frisia-support__field{display:flex;flex-direction:column;gap:6px}.frisia-support__field label{color:#475569;font-size:.8125rem;font-weight:500}.frisia-support__card textarea,.frisia-support__field input{background:#fafbfc;border:1.5px solid #e2e8f0;border-radius:10px;box-sizing:border-box;color:#1a2b3c;font-size:.9375rem;padding:12px 14px;transition:all .2s ease;width:100%}.frisia-support__card textarea:focus,.frisia-support__field input:focus{background:#fff;border-color:var(--frisia-primary);box-shadow:0 0 0 3px #0142651a;outline:none}.frisia-support__card textarea{font-family:inherit;min-height:80px;resize:vertical}.frisia-support__upload{cursor:pointer;display:block}.frisia-support__upload input{display:none}.frisia-support__upload-content{align-items:center;background:#fafbfc;border:2px dashed #d1d5db;border-radius:12px;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:32px 20px;text-align:center;transition:all .2s ease}.frisia-support__upload-content svg{color:#9ca3af}.frisia-support__upload-content span{color:#374151;font-size:.9375rem;font-weight:500}.frisia-support__upload-content small{color:#9ca3af;font-size:.8125rem}.frisia-support__upload:hover .frisia-support__upload-content{background:#f0f7fb;border-color:var(--frisia-primary)}.frisia-support__upload:hover .frisia-support__upload-content svg{color:var(--frisia-primary)}.frisia-support__preview{border-radius:12px;overflow:hidden;position:relative}.frisia-support__preview img{background:#f5f5f5;border-radius:12px;max-height:300px;object-fit:contain;width:100%}.frisia-support__preview-remove{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:8px;top:8px;transition:background .2s;width:36px}.frisia-support__preview-remove:hover{background:#dc2626e6}.frisia-support__options{display:flex;flex-direction:column;gap:12px}.frisia-support__checkbox{align-items:flex-start;cursor:pointer;display:flex;gap:12px;padding:8px 0}.frisia-support__checkbox input{height:0;opacity:0;position:absolute;width:0}.frisia-support__checkbox-box{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:6px;display:flex;height:22px;justify-content:center;min-width:22px;transition:all .2s ease;width:22px}.frisia-support__checkbox-box svg{color:#fff;opacity:0;transform:scale(.8);transition:all .2s ease}.frisia-support__checkbox input:checked+.frisia-support__checkbox-box{background:var(--frisia-primary);border-color:var(--frisia-primary)}.frisia-support__checkbox input:checked+.frisia-support__checkbox-box svg{opacity:1;transform:scale(1)}.frisia-support__checkbox span:last-child{color:#374151;font-size:.9375rem;line-height:1.4}.frisia-support__notice{background:#f0f7fb;border-left:4px solid var(--frisia-primary);border-radius:12px;display:flex;gap:12px;padding:16px}.frisia-support__notice svg{color:var(--frisia-primary);flex-shrink:0;margin-top:2px}.frisia-support__notice strong{color:var(--frisia-primary);display:block;font-size:.875rem;font-weight:600;margin-bottom:4px}.frisia-support__notice p{color:#475569;font-size:.8125rem;line-height:1.5;margin:0}.frisia-support__submit{align-items:center;background:linear-gradient(135deg,var(--frisia-primary) 0,var(--frisia-secondary) 100%);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;margin-top:8px;padding:16px 24px;transition:all .2s ease;width:100%}.frisia-support__submit:hover:not(:disabled){box-shadow:0 8px 20px #0142654d;transform:translateY(-1px)}.frisia-support__submit:active:not(:disabled){transform:translateY(0)}.frisia-support__submit:disabled{cursor:not-allowed;opacity:.6}.frisia-support__spinner{animation:frisia-spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@keyframes frisia-spin{to{transform:rotate(1turn)}}.frisia-support__history{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;margin-top:24px;overflow:hidden}.frisia-support__history-toggle{align-items:center;background:none;border:none;color:#1a2b3c;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:10px;padding:16px 20px;text-align:left;width:100%}.frisia-support__history-toggle:hover{background:#f8fafc}.frisia-support__history-toggle svg:first-child{color:var(--frisia-primary)}.frisia-support__history-toggle span{flex:1 1}.frisia-support__history-chevron{color:#9ca3af;transition:transform .2s ease}.frisia-support__history-chevron.open{transform:rotate(180deg)}.frisia-support__history-content{border-top:1px solid #f1f5f9}.frisia-support__history-empty,.frisia-support__history-loading{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px 20px}.frisia-support__history-empty svg{opacity:.5}.frisia-support__history-empty p{font-size:.875rem;margin:0}.frisia-support__history-list{padding:8px}.frisia-support__history-item{background:#f8fafc;border-radius:12px;margin-bottom:8px;padding:16px}.frisia-support__history-item:last-child{margin-bottom:0}.frisia-support__history-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:8px}.frisia-support__history-date{color:#1a2b3c;font-size:.8125rem;font-weight:500}.frisia-support__history-period{align-items:center;color:#64748b;display:flex;font-size:.8125rem;gap:6px}.frisia-support__history-period svg{color:var(--frisia-primary)}.frisia-support__history-notes{color:#475569;font-size:.875rem;line-height:1.5;margin:0 0 12px}.frisia-support__history-badges{display:flex;flex-wrap:wrap;gap:8px}.frisia-support__history-badge{align-items:center;background:#e0f2fe;border-radius:20px;color:#0369a1;display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;padding:4px 10px}@media (max-width:768px){.frisia-support{padding:0 12px 100px}.frisia-support__hero{border-radius:16px;padding:20px}.frisia-support__hero-icon{height:48px;width:48px}.frisia-support__hero-content h2{font-size:1.125rem}.frisia-support__card{border-radius:14px;padding:16px}.frisia-support__card-icon{height:36px;width:36px}}.frisia-feedback{margin:0 auto;max-width:800px}.frisia-feedback__hero{align-items:center;border-radius:20px;color:#fff;display:flex;gap:16px;margin-bottom:24px;padding:24px}.frisia-feedback__hero,.frisia-feedback__hero--idea{background:linear-gradient(135deg,#014265,#026a9c)}.frisia-feedback__hero--praise{background:linear-gradient(135deg,#15803d,#22c55e)}.frisia-feedback__hero--criticism{background:linear-gradient(135deg,#991b1b,#dc2626)}.frisia-feedback__hero--improvement{background:linear-gradient(135deg,#1a5f7a,#3a7ca5)}.frisia-feedback__hero--other{background:linear-gradient(135deg,#374151,#6b7280)}.frisia-feedback__hero-icon{align-items:center;background:#ffffff26;border-radius:16px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.frisia-feedback__hero-content h2{font-size:20px;font-weight:700;margin:0}.frisia-feedback__hero-content p{font-size:14px;margin:4px 0 0;opacity:.9}.frisia-feedback__categories{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}@media (min-width:640px){.frisia-feedback__categories{grid-template-columns:repeat(3,1fr)}}.frisia-feedback__category-card{align-items:center;background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 2px 8px #0000000f;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:24px 16px;text-align:center;transition:all .2s ease}.frisia-feedback__category-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.frisia-feedback__category-card:active{transform:translateY(0)}.frisia-feedback__category-icon{align-items:center;border-radius:14px;display:flex;height:52px;justify-content:center;width:52px}.frisia-feedback__category-icon--idea{background:#0142651a;color:#014265}.frisia-feedback__category-icon--praise{background:#22c55e1a;color:#22c55e}.frisia-feedback__category-icon--criticism{background:#ef44441a;color:#ef4444}.frisia-feedback__category-icon--improvement{background:#3a7ca51a;color:#3a7ca5}.frisia-feedback__category-icon--other{background:#6b72801a;color:#6b7280}.frisia-feedback__category-title{color:#1a2b3c;font-size:14px;font-weight:600;margin:0}.frisia-feedback__category-desc{color:#718096;font-size:12px;line-height:1.4;margin:0}.frisia-feedback__form{display:flex;flex-direction:column;gap:16px}.frisia-feedback__back-btn{align-items:center;align-self:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:inline-flex;font-size:14px;gap:6px;margin-bottom:8px;padding:8px 16px;transition:all .2s ease}.frisia-feedback__back-btn:hover{background:#f7fafc;border-color:#cbd5e0}.frisia-feedback__card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;padding:20px}.frisia-feedback__card-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.frisia-feedback__card-icon{align-items:center;background:#f0f7fb;border-radius:10px;color:#014265;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.frisia-feedback__card-header h3{color:#1a2b3c;font-size:15px;font-weight:600;margin:0}.frisia-feedback__badge{border-radius:4px;display:inline-block;font-size:11px;font-weight:600;margin-left:8px;padding:2px 8px}.frisia-feedback__badge--required{background:#fef3e2;color:#b45309}.frisia-feedback__badge--optional{background:#f0f4f8;color:#64748b}.frisia-feedback__card input[type=text],.frisia-feedback__card select,.frisia-feedback__card textarea{background:#fafbfc;border:1.5px solid #e2e8f0;border-radius:10px;box-sizing:border-box;color:#1a2b3c;font-family:inherit;font-size:14px;padding:12px;transition:all .2s ease;width:100%}.frisia-feedback__card input[type=text]:focus,.frisia-feedback__card select:focus,.frisia-feedback__card textarea:focus{background:#fff;border-color:#014265;box-shadow:0 0 0 3px #0142651a;outline:none}.frisia-feedback__card textarea{min-height:120px;resize:vertical}.frisia-feedback__upload{cursor:pointer;display:block}.frisia-feedback__upload input[type=file]{display:none}.frisia-feedback__upload-content{align-items:center;background:#fafbfc;border:2px dashed #d1d5db;border-radius:12px;color:#718096;display:flex;flex-direction:column;gap:8px;padding:24px;transition:all .2s ease}.frisia-feedback__upload-content:hover{background:#f0f7fb;border-color:#014265;color:#014265}.frisia-feedback__upload-content span{font-size:14px;font-weight:500}.frisia-feedback__upload-content small{font-size:12px;opacity:.7}.frisia-feedback__file-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.frisia-feedback__file-item{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:10px;padding:10px 12px}.frisia-feedback__file-info{flex:1 1;min-width:0}.frisia-feedback__file-name{color:#1a2b3c;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frisia-feedback__file-size{color:#718096;font-size:11px}.frisia-feedback__file-remove{align-items:center;background:none;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background .2s}.frisia-feedback__file-remove:hover{background:#ef44441a}.frisia-feedback__checkbox{align-items:flex-start;color:#4a5568;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:8px 0}.frisia-feedback__checkbox input{display:none}.frisia-feedback__checkbox-box{align-items:center;border:2px solid #cbd5e0;border-radius:6px;display:flex;flex-shrink:0;height:22px;justify-content:center;margin-top:1px;transition:all .2s ease;width:22px}.frisia-feedback__checkbox-box svg{opacity:0;transition:opacity .2s ease}.frisia-feedback__checkbox input:checked+.frisia-feedback__checkbox-box{background:#014265;border-color:#014265;color:#fff}.frisia-feedback__checkbox input:checked+.frisia-feedback__checkbox-box svg{opacity:1}.frisia-feedback__checkbox-text{display:flex;flex-direction:column;gap:2px}.frisia-feedback__checkbox-text small{color:#718096;font-size:12px}.frisia-feedback__notice{background:#f0f7fb;border-left:4px solid #014265;border-radius:12px;display:flex;gap:12px;padding:16px}.frisia-feedback__notice svg{color:#014265;flex-shrink:0;margin-top:2px}.frisia-feedback__notice strong{color:#014265;display:block;font-size:13px;margin-bottom:4px}.frisia-feedback__notice p{color:#4a5568;font-size:12px;line-height:1.5;margin:0}.frisia-feedback__submit{align-items:center;background:linear-gradient(135deg,#014265,#026a9c);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .2s ease;width:100%}.frisia-feedback__submit:hover:not(:disabled){box-shadow:0 8px 20px #0142654d;transform:translateY(-1px)}.frisia-feedback__submit:disabled{cursor:not-allowed;opacity:.5}.frisia-feedback__spinner{animation:frisia-feedback-spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@keyframes frisia-feedback-spin{to{transform:rotate(1turn)}}.frisia-feedback__success{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;gap:16px;padding:48px 24px;text-align:center}.frisia-feedback__success-icon{align-items:center;background:#22c55e1a;border-radius:50%;color:#22c55e;display:flex;height:72px;justify-content:center;width:72px}.frisia-feedback__success h3{color:#1a2b3c;font-size:18px;font-weight:700;margin:0}.frisia-feedback__success p{color:#718096;font-size:14px;margin:0;max-width:400px}.frisia-feedback__success-btn{align-items:center;background:linear-gradient(135deg,#014265,#026a9c);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-top:8px;padding:12px 24px;transition:all .2s ease}.frisia-feedback__success-btn:hover{box-shadow:0 4px 12px #0142654d}.frisia-feedback__history-empty,.frisia-feedback__history-list{display:flex;flex-direction:column;gap:12px}.frisia-feedback__history-empty{align-items:center;color:#718096;padding:48px 24px;text-align:center}.frisia-feedback__history-empty p{font-size:14px;margin:0}.frisia-feedback__history-item{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:16px}.frisia-feedback__history-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.frisia-feedback__category-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:3px 10px}.frisia-feedback__category-badge--idea{background:#0142651a;color:#014265}.frisia-feedback__category-badge--praise{background:#22c55e1a;color:#16a34a}.frisia-feedback__category-badge--criticism{background:#ef44441a;color:#ef4444}.frisia-feedback__category-badge--improvement{background:#3a7ca51a;color:#3a7ca5}.frisia-feedback__category-badge--other{background:#6b72801a;color:#6b7280}.frisia-feedback__status-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:11px;font-weight:600;padding:3px 10px}.frisia-feedback__status-badge--neu{background:#0142651a;color:#014265}.frisia-feedback__status-badge--in_bearbeitung{background:#f59e0b1a;color:#d97706}.frisia-feedback__status-badge--weitergeleitet{background:#8b5cf61a;color:#7c3aed}.frisia-feedback__status-badge--erledigt{background:#22c55e1a;color:#16a34a}.frisia-feedback__history-title{color:#1a2b3c;font-size:14px;font-weight:600;margin:0 0 4px}.frisia-feedback__history-date{color:#718096;font-size:12px}.frisia-feedback__history-anon{color:#014265;font-size:12px;font-style:italic}.frisia-feedback__loading{align-items:center;color:#718096;display:flex;font-size:14px;gap:8px;justify-content:center;padding:48px}.frisia-feedback__loading .frisia-feedback__spinner{border-color:#014265 #01426533 #01426533}[data-theme=dark] .frisia-feedback__card,[data-theme=dark] .frisia-feedback__category-card,[data-theme=dark] .frisia-feedback__history-item,[data-theme=dark] .frisia-feedback__success{background:#1e293b;box-shadow:0 2px 8px #0003}[data-theme=dark] .frisia-feedback__card-header h3,[data-theme=dark] .frisia-feedback__category-title,[data-theme=dark] .frisia-feedback__history-title,[data-theme=dark] .frisia-feedback__success h3{color:#e2e8f0}[data-theme=dark] .frisia-feedback__category-desc,[data-theme=dark] .frisia-feedback__checkbox-text small,[data-theme=dark] .frisia-feedback__notice p{color:#94a3b8}[data-theme=dark] .frisia-feedback__card input[type=text],[data-theme=dark] .frisia-feedback__card select,[data-theme=dark] .frisia-feedback__card textarea{background:#0f172a;border-color:#334155;color:#e2e8f0}[data-theme=dark] .frisia-feedback__card input[type=text]:focus,[data-theme=dark] .frisia-feedback__card select:focus,[data-theme=dark] .frisia-feedback__card textarea:focus{background:#1e293b;border-color:#014265}[data-theme=dark] .frisia-feedback__back-btn{background:#1e293b;border-color:#334155;color:#94a3b8}[data-theme=dark] .frisia-feedback__notice{background:#0142651a}[data-theme=dark] .frisia-feedback__upload-content{border-color:#334155;color:#94a3b8}[data-theme=dark] .frisia-feedback__file-item{background:#0f172a;border-color:#334155}[data-theme=dark] .frisia-feedback__checkbox,[data-theme=dark] .frisia-feedback__file-name{color:#e2e8f0}[data-theme=dark] .frisia-feedback__checkbox-box{border-color:#475569}.websites-page{margin:0 auto;max-width:1200px;padding:10px}.loading-state{color:#999;font-size:1.2em;padding:60px 20px;text-align:center}.empty-state{background:#f5f5f5;font-size:1.1em}.websites-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin-bottom:40px}.website-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#333;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:all .3s ease}.website-card:hover{border-color:#014265;box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.card-header{background:linear-gradient(135deg,#e8f4f8,#d4e9f2);border-bottom:1px solid #cde4ed;height:120px;justify-content:center;padding:20px}.website-logo{max-height:100%;max-width:100%;object-fit:contain}.card-content{display:flex;flex:1 1;flex-direction:column;padding:20px}.card-content h3{color:#333;font-size:1.3em;font-weight:600;margin:0 0 10px}.card-content .description{color:#666;flex:1 1;font-size:.95em;line-height:1.5;margin:0 0 15px}.visit-link{color:#014265;font-size:1.2em;font-weight:600;transition:all .2s ease}.website-card:hover .visit-link{color:#0277bd;display:inline-block;transform:translateX(4px)}@media (max-width:768px){.websites-page{padding:8px}.websites-grid{gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:15px}.card-header{height:80px}.card-content{padding:12px}.card-content h3{font-size:1em;margin:0 0 5px}.card-content .description{font-size:.85em;margin:0 0 10px}.visit-link{font-size:.9em}}@media (max-width:480px){.websites-page{padding:5px}.websites-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.card-header{height:60px;padding:10px}.card-content{padding:8px}.card-content h3{font-size:.85em;margin:0 0 4px}.card-content .description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.75em;margin:0 0 6px;overflow:hidden}.visit-link{font-size:1em}}.frisia-links{margin:0 auto;max-width:680px;padding:0 16px 100px}.frisia-links__hero{align-items:center;background:linear-gradient(135deg,#014265,#026a9c);border-radius:20px;color:#fff;display:flex;gap:16px;margin-bottom:24px;padding:24px}.frisia-links__hero-icon{align-items:center;background:#ffffff26;border-radius:16px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.frisia-links__hero-icon svg{color:#fff}.frisia-links__hero-content h2{font-size:1.25rem;font-weight:600;margin:0 0 4px}.frisia-links__hero-content p{font-size:.875rem;margin:0;opacity:.9}.frisia-links__loading{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.frisia-links__spinner{animation:frisia-links-spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#014265;height:32px;width:32px}@keyframes frisia-links-spin{to{transform:rotate(1turn)}}.frisia-links__empty{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;color:#9ca3af;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px;text-align:center}.frisia-links__empty svg{opacity:.5}.frisia-links__empty p{font-size:.9375rem;margin:0}.frisia-links__grid{display:flex;flex-direction:column;gap:12px}.frisia-links__card{align-items:center;background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 2px 8px #0000000f;color:inherit;display:flex;gap:16px;padding:16px 20px;text-decoration:none;transition:all .2s ease}.frisia-links__card:hover{border-color:#014265;box-shadow:0 8px 20px #0142651f;transform:translateY(-2px)}.frisia-links__card:active{transform:translateY(0)}.frisia-links__card-icon{align-items:center;background:#f0f7fb;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;width:48px}.frisia-links__card-icon img{height:100%;object-fit:contain;padding:8px;width:100%}.frisia-links__card-icon svg{color:#014265}.frisia-links__card-content{flex:1 1;min-width:0}.frisia-links__card-content h3{color:#1a2b3c;font-size:1rem;font-weight:600;margin:0 0 4px}.frisia-links__card-content p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:.8125rem;line-height:1.4;margin:0;overflow:hidden}.frisia-links__card-arrow{align-items:center;background:#f0f7fb;border-radius:50%;color:#014265;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.frisia-links__card:hover .frisia-links__card-arrow{background:#014265;color:#fff}@media (max-width:768px){.frisia-links{padding:0 12px 100px}.frisia-links__hero{border-radius:16px;padding:20px}.frisia-links__hero-icon{height:48px;width:48px}.frisia-links__hero-content h2{font-size:1.125rem}.frisia-links__card{border-radius:14px;padding:14px 16px}.frisia-links__card-icon{height:44px;width:44px}.frisia-links__card-arrow{height:32px;width:32px}}[data-theme=dark] .frisia-links__card{background:var(--color-bg-elevated);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .frisia-links__card-content h3{color:var(--color-text-primary)}[data-theme=dark] .frisia-links__card-content p{color:var(--color-text-secondary)}[data-theme=dark] .frisia-links__card-arrow,[data-theme=dark] .frisia-links__card-icon{background:var(--color-bg-tertiary)}[data-theme=dark] .frisia-links__empty{background:var(--color-bg-elevated)}.cal-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 320px}@media (max-width:900px){.cal-layout{grid-template-columns:1fr}}.cal-main{background:#fff;border-radius:12px;box-shadow:0 1px 4px #00000014;padding:20px}.cal-header{gap:12px;justify-content:space-between;margin-bottom:20px}.cal-header,.cal-header-center{align-items:center;display:flex}.cal-header-center{flex-direction:column;gap:6px}.cal-month-title{color:#014265;color:var(--frisia-primary,#014265);font-size:1.25rem;font-weight:700;margin:0}.cal-today-btn{background:none;border:1px solid;border-radius:20px;color:#3a7ca5;color:var(--frisia-secondary,#3a7ca5);cursor:pointer;font-size:.75rem;padding:2px 10px}.cal-today-btn:hover{background:#3a7ca5;background:var(--frisia-secondary,#3a7ca5);color:#fff}.cal-nav-btn{align-items:center;background:none;border:1px solid #dde1e7;border-radius:8px;color:#014265;color:var(--frisia-primary,#014265);cursor:pointer;display:flex;padding:6px 10px}.cal-nav-btn:hover{background:#f0f4f8}.cal-grid-header{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.cal-weekday{color:#8e9baa;font-size:.75rem;font-weight:600;padding:4px 0;text-align:center}.cal-grid{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(7,1fr)}.cal-cell{align-items:stretch;aspect-ratio:1;border-radius:8px;cursor:default;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;padding:4px;position:relative;transition:background .15s}.cal-cell--active{cursor:pointer}.cal-cell--active:hover{background:#f0f5fa}.cal-cell--empty{opacity:0;pointer-events:none}.cal-cell--today .cal-day-num{align-items:center;align-self:flex-start;background:#014265;background:var(--frisia-primary,#014265);border-radius:50%;color:#fff;display:flex;height:24px;justify-content:center;width:24px}.cal-cell--selected{background:#e8f0f8}.cal-day-num{align-items:center;color:#2d3a4a;display:flex;flex-shrink:0;font-size:.82rem;font-weight:500;height:24px;justify-content:center;width:24px}.cal-birthday-names{display:flex;flex:1 1;flex-direction:column;gap:2px;margin-top:3px;overflow-y:auto;scrollbar-width:none}.cal-birthday-names::-webkit-scrollbar{display:none}.cal-birthday-chip{background:#3a7ca5;background:var(--frisia-secondary,#3a7ca5);border-radius:4px;color:#fff;display:block;font-size:.68rem;font-weight:500;line-height:1.5;max-width:100%;overflow:hidden;padding:1px 5px;text-overflow:ellipsis;white-space:nowrap}.cal-birthday-chip--more{background:#8eafc4;text-align:center}.cal-cell--has-birthday{background:#f5faff}.cal-cell--has-birthday:hover{background:#e8f3fb}.cal-popover{background:#f7fafd;border:1px solid #d0e2f0;border-radius:10px;margin-top:16px;padding:14px 16px}.cal-popover-title{color:#014265;color:var(--frisia-primary,#014265);font-size:.9rem;font-weight:700;margin-bottom:10px}.cal-popover-person{align-items:center;border-top:1px solid #e4edf5;cursor:pointer;display:flex;gap:10px;padding:8px 0}.cal-popover-person:hover{background:#edf4fb;border-radius:6px;margin:0 -4px;padding-left:4px}.cal-popover-name{color:#2d3a4a;font-size:.88rem;font-weight:600}.cal-popover-sub{color:#6b7d8e;font-size:.78rem}.cal-sidebar{background:#fff;border-radius:12px;box-shadow:0 1px 4px #00000014;padding:20px}.cal-sidebar-title{color:#014265;color:var(--frisia-primary,#014265);font-size:1rem;font-weight:700;margin:0 0 16px}.cal-upcoming-list{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:0}.cal-upcoming-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:10px 8px;transition:background .15s}.cal-upcoming-item:hover{background:#f0f5fa}.cal-upcoming-item--today{background:linear-gradient(135deg,#e8f4fd,#f0f8ff);border:1px solid #b8daf0}.cal-upcoming-name{color:#2d3a4a;font-size:.88rem;font-weight:600}.cal-upcoming-date{color:#4a6070;font-size:.78rem}.cal-upcoming-countdown{color:#3a7ca5;color:var(--frisia-secondary,#3a7ca5);font-weight:500}.cal-upcoming-dept{color:#8e9baa;font-size:.72rem;margin-top:1px}.cal-upcoming-info{flex:1 1;min-width:0}.cal-avatar{align-items:center;background:linear-gradient(135deg,#014265,#3a7ca5);background:linear-gradient(135deg,var(--frisia-primary,#014265),var(--frisia-secondary,#3a7ca5));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:36px;justify-content:center;overflow:hidden;width:36px}.cal-avatar img{height:100%;object-fit:cover;width:100%}.cal-avatar--sm{font-size:.72rem;height:32px;width:32px}.cal-empty,.cal-loading{color:#8e9baa;font-size:.88rem;padding:20px 0;text-align:center}.notification-settings{background:#fff;border-radius:12px;margin:0 auto;max-width:600px;padding:24px}.notification-header{margin-bottom:24px;text-align:center}.notification-header h3{color:var(--color-text);font-size:24px;margin-bottom:8px}.notification-description{color:var(--color-text-light);font-size:14px}.notification-status{align-items:center;background:var(--color-light-gray);border-radius:8px;display:flex;gap:16px;margin-bottom:20px;padding:16px}.status-indicator{font-size:32px;line-height:1}.status-indicator.active{animation:pulse-glow 2s ease-in-out infinite;color:#4caf50}.status-indicator.inactive{color:#9e9e9e}@keyframes pulse-glow{0%,to{opacity:1;text-shadow:0 0 10px #4caf5080}50%{opacity:.8;text-shadow:0 0 20px #4caf50cc}}.status-text{flex:1 1}.status-text strong{color:var(--color-text);font-size:16px}.status-description{color:var(--color-text-light);font-size:13px;margin-top:4px}.notification-message{border-radius:8px;font-size:14px;line-height:1.5;margin-bottom:16px;padding:12px 16px;white-space:pre-line}.notification-message.success{background:#e8f5e9;border-left:4px solid #4caf50;color:#2e7d32}.notification-message.error{background:#ffebee;border-left:4px solid #f44336;color:#c62828}.notification-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.notification-actions button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:15px;font-weight:500;min-width:200px;padding:12px 20px;transition:all .2s}.btn-primary:hover:not(:disabled){background:#0097a7;box-shadow:0 4px 12px #00bcd44d;transform:translateY(-2px)}.btn-secondary:hover:not(:disabled){background:#1976d2;box-shadow:0 4px 12px #2196f34d;transform:translateY(-2px)}.btn-danger{background:#f44336}.btn-danger:hover:not(:disabled){background:#d32f2f;box-shadow:0 4px 12px #f443364d;transform:translateY(-2px)}.notification-actions button:disabled{cursor:not-allowed;opacity:.6}.notification-info{background:#f5f5f5;border-radius:8px;padding:16px}.notification-info h4{color:var(--color-text);font-size:14px;margin-bottom:12px}.notification-info ul{list-style:none;margin:0;padding:0}.notification-info li{color:var(--color-text-light);font-size:13px;margin-bottom:8px;padding-left:20px;position:relative}.notification-info li:before{color:var(--color-turquoise);content:"•";left:8px;position:absolute}.notification-unsupported{padding:40px 20px;text-align:center}.notification-unsupported h3{color:var(--color-text);font-size:20px;margin-bottom:12px}.notification-unsupported p{color:var(--color-text-light);margin-bottom:8px}@media (max-width:480px){.notification-settings{padding:16px}.notification-header h3{font-size:20px}.notification-actions{flex-direction:column}.notification-actions button{min-width:100%}.status-indicator{font-size:24px}}[data-theme=dark] .notification-settings{background:#1e293b}[data-theme=dark] .notification-header h3{color:#fff}[data-theme=dark] .notification-description{color:#9ca3af}[data-theme=dark] .notification-status{background:#0f172a}[data-theme=dark] .status-text strong{color:#fff}[data-theme=dark] .status-description{color:#9ca3af}[data-theme=dark] .notification-message.success{background:#4caf5026;border-left-color:#4caf50;color:#81c784}[data-theme=dark] .notification-message.error{background:#f4433626;border-left-color:#f44336;color:#ef9a9a}[data-theme=dark] .notification-info{background:#0f172a}[data-theme=dark] .notification-info h4{color:#fff}[data-theme=dark] .notification-info li{color:#9ca3af}[data-theme=dark] .notification-unsupported h3{color:#fff}[data-theme=dark] .help-text,[data-theme=dark] .notification-unsupported p{color:#9ca3af}.design-toggle{align-items:center;display:flex;gap:12px}.design-toggle__label{color:#1a2b3c;color:var(--color-text,#1a2b3c);font-size:14px;font-weight:500}.design-toggle__switch{align-items:center;background:#e8eef2;background:var(--color-bg-tertiary,#e8eef2);border:none;border-radius:12px;cursor:pointer;display:flex;padding:4px;position:relative;transition:all .3s ease}.design-toggle__switch:hover{background:#d0d7de;background:var(--color-border-primary,#d0d7de)}.design-toggle__switch:focus-visible{outline:2px solid #014265;outline:2px solid var(--color-primary,#014265);outline-offset:2px}.design-toggle__option{align-items:center;color:#666;color:var(--color-text-tertiary,#666);display:flex;font-size:12px;font-weight:500;gap:6px;padding:8px 12px;position:relative;transition:all .3s ease;white-space:nowrap;z-index:1}.design-toggle__option svg{flex-shrink:0}.design-toggle__indicator{background:#fff;background:var(--color-bg-primary,#fff);border-radius:8px;box-shadow:0 2px 8px #0000001a;height:calc(100% - 8px);left:4px;position:absolute;top:4px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);width:calc(50% - 4px)}.design-toggle__switch:not(.design-toggle__switch--frisia) .design-toggle__option--classic{color:#1a2b3c;color:var(--color-text-primary,#1a2b3c)}.design-toggle__switch--frisia .design-toggle__indicator{transform:translateX(100%)}.design-toggle__switch--frisia .design-toggle__option--frisia{color:#014265;color:var(--color-primary,#014265)}.design-toggle__switch--frisia .design-toggle__option--classic{color:#666;color:var(--color-text-tertiary,#666)}.design-toggle--sm .design-toggle__option{font-size:11px;padding:6px 10px}.design-toggle--sm .design-toggle__option svg{height:14px;width:14px}.design-toggle--lg .design-toggle__option{font-size:14px;padding:10px 16px}.design-toggle--lg .design-toggle__option svg{height:18px;width:18px}[data-theme=dark] .design-toggle__label{color:#fff;color:var(--color-text-primary,#fff)}[data-theme=dark] .design-toggle__switch{background:#253447;background:var(--color-bg-tertiary,#253447)}[data-theme=dark] .design-toggle__switch:hover{background:#3a4a5e;background:var(--color-border-primary,#3a4a5e)}[data-theme=dark] .design-toggle__indicator{background:#1a2332;background:var(--color-bg-elevated,#1a2332);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .design-toggle__option{color:#a0aec0;color:var(--color-text-tertiary,#a0aec0)}[data-theme=dark] .design-toggle__switch--frisia .design-toggle__option--frisia,[data-theme=dark] .design-toggle__switch:not(.design-toggle__switch--frisia) .design-toggle__option--classic{color:#fff;color:var(--color-text-primary,#fff)}.profile-page{margin:0 auto;max-width:900px;position:relative}.back-button{background:#fff;border-radius:4px;color:var(--color-text);display:inline-flex;margin-bottom:16px;padding:10px 16px}.back-button:hover{background:var(--color-light-gray)}.error-state,.loading-state{background:#fff;border-radius:12px;color:var(--color-text-light);padding:60px;text-align:center}.error-state{color:var(--color-text)}.error-state p{margin-bottom:16px}.btn-primary{background:var(--color-turquoise);border-radius:4px;font-weight:500;transition:opacity .2s}.btn-primary:hover{opacity:.9}.profile-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;overflow:hidden}.profile-image-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);display:flex;justify-content:center;max-height:400px;overflow:hidden;width:100%}.profile-image{height:auto;max-height:400px;object-fit:contain;object-position:center top;width:100%}.profile-image-placeholder{align-items:center;background:var(--color-turquoise);border-radius:50%;color:#fff;display:flex;font-size:60px;font-weight:500;height:150px;justify-content:center;margin:40px 0;width:150px}.profile-info-card{border-top:1px solid #e5e7eb;padding:24px;text-align:center}.profile-info-card h1{color:var(--color-text);font-size:24px;margin-bottom:8px}.profile-position{color:var(--color-turquoise);font-size:16px;font-weight:500;margin-bottom:8px}.profile-email{color:var(--color-text-light);font-size:14px}.profile-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:24px;margin-bottom:24px;padding:32px}.profile-avatar-large{align-items:center;background:var(--color-turquoise);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:40px;font-weight:500;height:100px;justify-content:center;width:100px}.profile-info{flex:1 1}.profile-info h1{color:var(--color-text);font-size:28px;margin-bottom:8px}.admin-badge{background:var(--color-pink);border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px;text-transform:uppercase}.profile-sections{display:flex;flex-direction:column;gap:24px}.profile-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.profile-section h2{border-bottom:2px solid var(--color-light-gray);color:var(--color-text);font-size:20px;margin-bottom:20px;padding-bottom:12px}.info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.info-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:16px;transition:all .2s ease}.info-item:hover{background:#f1f5f9;border-color:var(--color-turquoise);box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.info-item label{align-items:center;color:var(--color-text-light);display:flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.info-item label svg{color:var(--color-turquoise);flex-shrink:0}.info-item p{color:var(--color-text);font-size:16px;font-weight:500;margin:0;word-break:break-word}.security-actions{display:flex;flex-direction:column;gap:12px}.security-actions button{align-self:flex-start;border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:500;padding:12px 20px;transition:all .2s}.btn-secondary{background:#2196f3}.btn-secondary:hover{background:#1976d2;box-shadow:0 4px 12px #2196f34d;transform:translateY(-2px)}.help-text{color:var(--color-text-light);font-size:13px;font-style:italic}.password-change-form{display:flex;flex-direction:column;gap:20px;max-width:500px}.password-change-form .form-group{display:flex;flex-direction:column;gap:8px}.password-change-form label{color:var(--color-text);font-size:14px;font-weight:600}.password-change-form input[type=password]{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:15px;padding:12px;transition:border-color .2s}.password-change-form input[type=password]:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a;outline:none}.password-change-form small.help-text{color:#666;font-size:12px;margin-top:-4px}.password-change-form .form-actions{display:flex;gap:12px;margin-top:8px}.password-change-form button{border:none;border-radius:6px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s}.password-change-form .btn-primary{background:#2196f3;color:#fff}.password-change-form .btn-primary:hover:not(:disabled){background:#1976d2;box-shadow:0 4px 12px #2196f34d;transform:translateY(-2px)}.password-change-form .btn-secondary{background:#f5f5f5;color:#333}.password-change-form .btn-secondary:hover:not(:disabled){background:#e0e0e0}.password-change-form button:disabled{cursor:not-allowed;opacity:.6}.privacy-settings{display:flex;flex-direction:column;gap:20px}.privacy-item{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;display:flex;justify-content:space-between;padding:20px;transition:all .2s ease}.privacy-item:hover{background:#f1f5f9;border-color:var(--color-turquoise);box-shadow:0 4px 12px #0000000d}.privacy-info{flex:1 1;margin-right:20px}.privacy-label{color:var(--color-text);display:block;font-size:16px;font-weight:600;margin-bottom:8px}.privacy-item .toggle-switch{display:inline-block;flex-shrink:0;height:30px;position:relative;width:56px}.privacy-item .toggle-switch input{height:0;opacity:0;position:absolute;width:0}.privacy-item .toggle-switch .toggle-slider{background-color:#94a3b8;border:2px solid #64748b;border-radius:30px;bottom:0;cursor:pointer;height:30px;left:0;position:absolute;right:0;top:0;transition:all .3s ease;width:56px}.privacy-item .toggle-switch .toggle-slider:before{background-color:#fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;content:"";height:22px;left:2px;position:absolute;top:2px;transition:all .3s ease;width:22px}.privacy-item .toggle-switch input:checked+.toggle-slider{background-color:#00bcd4;border-color:#00acc1}.privacy-item .toggle-switch input:checked+.toggle-slider:before{transform:translateX(26px)}.privacy-item .toggle-switch input:disabled+.toggle-slider{cursor:not-allowed;opacity:.5}.privacy-item .toggle-switch:hover .toggle-slider{border-color:#475569}@media (max-width:768px){.profile-card{border-radius:8px}.profile-image,.profile-image-container{max-height:300px}.profile-image-placeholder{font-size:48px;height:120px;margin:30px 0;width:120px}.profile-info-card{padding:20px}.profile-info-card h1{font-size:20px}.profile-header{flex-direction:column;padding:24px;text-align:center}.profile-avatar-large{font-size:32px;height:80px;width:80px}.profile-info h1{font-size:24px}.info-grid{gap:12px;grid-template-columns:1fr}.info-item{padding:14px}.profile-section{padding:20px}.profile-section h2{font-size:18px}}@media (max-width:480px){.profile-image,.profile-image-container{max-height:250px}.profile-image-placeholder{font-size:40px;height:100px;margin:24px 0;width:100px}.profile-info-card{padding:16px}.profile-info-card h1{font-size:18px}.profile-position{font-size:14px}.profile-header{padding:20px}.profile-avatar-large{font-size:28px;height:70px;width:70px}.profile-info h1{font-size:20px}.profile-email{font-size:13px}.profile-section{padding:16px}.security-actions button{width:100%}}[data-theme=dark] .back-button{background:var(--color-bg-elevated);border-color:var(--color-border-primary)}[data-theme=dark] .back-button:hover{background:var(--color-bg-tertiary)}[data-theme=dark] .error-state,[data-theme=dark] .loading-state,[data-theme=dark] .profile-card{background:var(--color-bg-elevated)}[data-theme=dark] .profile-card{box-shadow:0 2px 8px #0000004d}[data-theme=dark] .profile-image-container{background:linear-gradient(135deg,var(--color-bg-tertiary) 0,var(--color-bg-secondary) 100%)}[data-theme=dark] .profile-info-card{border-top-color:var(--color-border-primary)}[data-theme=dark] .profile-header,[data-theme=dark] .profile-section{background:var(--color-bg-elevated);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .profile-section h2{border-bottom-color:var(--color-border-primary)}[data-theme=dark] .info-item{background:var(--color-bg-tertiary);border-color:var(--color-border-primary)}[data-theme=dark] .info-item:hover{background:var(--color-bg-secondary)}[data-theme=dark] .privacy-item{background:var(--color-bg-tertiary);border-color:var(--color-border-primary)}[data-theme=dark] .privacy-item:hover{background:var(--color-bg-secondary)}[data-theme=dark] .password-change-form input[type=password]{background:var(--color-bg-secondary);border-color:var(--color-border-primary);color:var(--color-text-primary)}[data-theme=dark] .password-change-form .btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}[data-theme=dark] .password-change-form .btn-secondary:hover:not(:disabled){background:var(--color-bg-secondary)}[data-theme=dark] .toggle-slider{background-color:var(--color-bg-tertiary)}.appearance-settings{display:flex;flex-direction:column;gap:20px}.appearance-item{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:20px;transition:all .2s ease}.appearance-item:hover{background:#f1f5f9;border-color:var(--color-turquoise);box-shadow:0 4px 12px #0000000d}.appearance-info{flex:1 1;min-width:200px}.appearance-label{color:var(--color-text);display:block;font-size:16px;font-weight:600;margin-bottom:8px}[data-theme=dark] .appearance-item{background:var(--color-bg-tertiary);border-color:var(--color-border-primary)}[data-theme=dark] .appearance-item:hover{background:var(--color-bg-secondary)}@media (max-width:768px){.appearance-item{align-items:flex-start;flex-direction:column}.appearance-info{margin-right:0;width:100%}}.homescreen-settings{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.homescreen-setting-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;display:flex;flex-direction:column;gap:8px;padding:16px;transition:all .2s ease}.homescreen-setting-item:hover{background:#f1f5f9;border-color:var(--color-turquoise)}.homescreen-setting-item label{color:var(--color-text);font-size:14px;font-weight:600}.homescreen-setting-item input[type=number]{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:15px;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.homescreen-setting-item input[type=number]:focus{border-color:var(--color-turquoise);box-shadow:0 0 0 3px #00bcd426;outline:none}.homescreen-setting-actions{display:flex;grid-column:1/-1;justify-content:flex-end;padding-top:8px}.loading-text{color:var(--color-text-light)}[data-theme=dark] .homescreen-setting-item{background:var(--color-bg-tertiary);border-color:var(--color-border-primary)}[data-theme=dark] .homescreen-setting-item:hover{background:var(--color-bg-secondary)}[data-theme=dark] .homescreen-setting-item input[type=number]{background:var(--color-bg-secondary);border-color:var(--color-border-primary);color:var(--color-text-primary)}@media (max-width:600px){.homescreen-settings{grid-template-columns:1fr}}.frisia-profile{display:flex;flex-direction:column;gap:16px;max-width:680px;padding:0 16px 100px}.frisia-profile__header-card{align-items:center;background:linear-gradient(135deg,#014265,#026a9c);border-radius:20px;color:#fff;display:flex;gap:20px;padding:24px}.frisia-profile__avatar{background:#fff3;flex-shrink:0;font-size:1.75rem;font-weight:600;height:72px;width:72px}.frisia-profile__info h1{font-size:1.375rem;font-weight:600;margin:0 0 4px}.frisia-profile__email{font-size:.875rem;margin:0 0 8px;opacity:.9}.frisia-profile__badge{background:#fff3;border-radius:20px;display:inline-block;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.frisia-profile__card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;padding:20px}.frisia-profile__card-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.frisia-profile__card-icon{align-items:center;background:#f0f7fb;border-radius:10px;color:#014265;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.frisia-profile__card-header h3{color:#1a2b3c;font-size:1rem;font-weight:600;margin:0}.frisia-profile__info-grid{grid-gap:12px;gap:12px;grid-template-columns:1fr 1fr}.frisia-profile__info-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:14px}.frisia-profile__info-item label{color:#64748b;display:block;font-size:.75rem;font-weight:600;letter-spacing:.3px;margin-bottom:6px;text-transform:uppercase}.frisia-profile__info-item p{color:#1a2b3c;font-size:.9375rem;font-weight:500;margin:0;word-break:break-word}.frisia-profile__toggle-row{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:12px 0}.frisia-profile__toggle-info{flex:1 1}.frisia-profile__toggle-label{color:#1a2b3c;display:block;font-size:.9375rem;font-weight:500;margin-bottom:4px}.frisia-profile__toggle-hint{color:#64748b;display:block;font-size:.8125rem;line-height:1.4}.frisia-profile__switch{display:inline-block;flex-shrink:0;height:28px;position:relative;width:52px}.frisia-profile__switch input{height:0;opacity:0;width:0}.frisia-profile__switch-slider{background-color:#94a3b8;border-radius:28px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.frisia-profile__switch-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0003;content:"";height:22px;left:3px;position:absolute;transition:all .3s ease;width:22px}.frisia-profile__switch input:checked+.frisia-profile__switch-slider{background-color:#014265}.frisia-profile__switch input:checked+.frisia-profile__switch-slider:before{transform:translateX(24px)}.frisia-profile__switch input:disabled+.frisia-profile__switch-slider{cursor:not-allowed;opacity:.5}.frisia-profile__field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.frisia-profile__field:last-child{margin-bottom:0}.frisia-profile__field label{color:#475569;font-size:.8125rem;font-weight:500}.frisia-profile__field input,.frisia-profile__select{background:#fafbfc;border:1.5px solid #e2e8f0;border-radius:10px;box-sizing:border-box;color:#1a2b3c;font-family:inherit;font-size:.9375rem;padding:12px 14px;transition:all .2s ease;width:100%}.frisia-profile__field input:focus,.frisia-profile__select:focus{background:#fff;border-color:#014265;box-shadow:0 0 0 3px #0142651a;outline:none}.frisia-profile__hint{color:#64748b;font-size:.8125rem;line-height:1.4}.frisia-profile__settings-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}.frisia-profile__setting-item{display:flex;flex-direction:column;gap:6px}.frisia-profile__setting-item label{color:#475569;font-size:.8125rem;font-weight:500}.frisia-profile__setting-item input{background:#fafbfc;border:1.5px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#1a2b3c;font-size:.9375rem;padding:10px 12px;transition:all .2s ease}.frisia-profile__setting-item input:focus{background:#fff;border-color:#014265;box-shadow:0 0 0 3px #0142651a;outline:none}.frisia-profile__save-btn{align-items:center;background:linear-gradient(135deg,#014265,#026a9c);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;justify-content:center;padding:12px 24px;transition:all .2s ease}.frisia-profile__save-btn:hover:not(:disabled){box-shadow:0 4px 12px #0142654d;transform:translateY(-1px)}.frisia-profile__save-btn:disabled{cursor:not-allowed;opacity:.6}.frisia-profile__security-section{display:flex;flex-direction:column;gap:12px}.frisia-profile__security-btn{align-items:center;align-self:flex-start;background:#f0f7fb;border:2px solid #014265;border-radius:10px;color:#014265;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:10px;padding:14px 20px;transition:all .2s ease}.frisia-profile__security-btn:hover{background:#014265;color:#fff}.frisia-profile__password-form{display:flex;flex-direction:column;gap:16px}.frisia-profile__form-actions{display:flex;gap:12px;margin-top:8px}.frisia-profile__cancel-btn{background:#f1f5f9;border:none;border-radius:10px;color:#475569;cursor:pointer;font-size:.9375rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.frisia-profile__cancel-btn:hover:not(:disabled){background:#e2e8f0}.frisia-profile__submit-btn{background:linear-gradient(135deg,#014265,#026a9c);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.frisia-profile__submit-btn:hover:not(:disabled){box-shadow:0 4px 12px #0142654d;transform:translateY(-1px)}.frisia-profile__cancel-btn:disabled,.frisia-profile__submit-btn:disabled{cursor:not-allowed;opacity:.6}.frisia-profile__loading{color:#64748b;font-style:italic;padding:20px;text-align:center}@media (max-width:768px){.frisia-profile{padding:0 12px 100px}.frisia-profile__header-card{border-radius:16px;padding:20px}.frisia-profile__avatar{font-size:1.5rem;height:60px;width:60px}.frisia-profile__info h1{font-size:1.25rem}.frisia-profile__card{border-radius:14px;padding:16px}.frisia-profile__info-grid,.frisia-profile__settings-grid{grid-template-columns:1fr}.frisia-profile__form-actions{flex-direction:column}.frisia-profile__cancel-btn,.frisia-profile__submit-btn{width:100%}}[data-theme=dark] .frisia-profile__card{background:var(--color-bg-elevated);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .frisia-profile__card-header h3{color:var(--color-text-primary)}[data-theme=dark] .frisia-profile__card-icon{background:var(--color-bg-tertiary)}[data-theme=dark] .frisia-profile__info-item{background:var(--color-bg-tertiary);border-color:var(--color-border-primary)}[data-theme=dark] .frisia-profile__info-item p,[data-theme=dark] .frisia-profile__toggle-label{color:var(--color-text-primary)}[data-theme=dark] .frisia-profile__hint,[data-theme=dark] .frisia-profile__toggle-hint{color:var(--color-text-secondary)}[data-theme=dark] .frisia-profile__field input,[data-theme=dark] .frisia-profile__select,[data-theme=dark] .frisia-profile__setting-item input{background:var(--color-bg-secondary);border-color:var(--color-border-primary);color:var(--color-text-primary)}[data-theme=dark] .frisia-profile__cancel-btn{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}[data-theme=dark] .frisia-profile__security-btn{background:var(--color-bg-tertiary)}.frisia-profile{--frisia-primary:#014265;--frisia-secondary:#3a7ca5;--frisia-accent:#5a9ec4;--surface-white:#fff;--bg-subtle:#f0f4f7;--text-dark:#1a2b3c;--text-medium:#4a5568;--text-light:#718096;--border-color:#e2e8f0;--shadow-sm:0 2px 8px #01426514;--shadow-md:0 4px 16px #0142651f;--shadow-lg:0 8px 32px #01426526;--transition-fast:all 0.15s ease;margin:0 auto;max-width:800px}.frisia-profile__error,.frisia-profile__loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.frisia-profile__error p,.frisia-profile__loading p{color:var(--text-light);font-size:15px;margin-top:16px}.frisia-profile__error svg{color:var(--border-color)}.frisia-profile__error h2{color:var(--text-dark);font-size:20px;font-weight:600;margin:20px 0 8px}.frisia-profile__spinner{animation:frisia-profile-spin .8s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--frisia-primary);height:40px;width:40px}@keyframes frisia-profile-spin{to{transform:rotate(1turn)}}.frisia-profile__btn-primary{background:var(--frisia-primary);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:24px;padding:12px 24px;transition:var(--transition-fast)}.frisia-profile__btn-primary:hover{background:var(--frisia-secondary)}.frisia-profile__hero{background:var(--surface-white);border-radius:20px;flex-direction:column;margin-bottom:20px;padding:32px 24px;text-align:center}.frisia-profile__avatar,.frisia-profile__hero{align-items:center;box-shadow:var(--shadow-md);display:flex}.frisia-profile__avatar{border-radius:50%;height:120px;justify-content:center;overflow:hidden;position:relative;width:120px}.frisia-profile__avatar img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:1}.frisia-profile__avatar-initials{color:#fff;font-size:40px;font-weight:600;z-index:0}.frisia-profile__hero-info{margin-top:20px}.frisia-profile__name{color:var(--text-dark);font-size:26px;font-weight:700;margin:0}.frisia-profile__position{color:var(--frisia-primary);font-size:16px;font-weight:500;margin:8px 0 0}.frisia-profile__department{color:var(--text-medium);font-size:14px;margin:4px 0 0}.frisia-profile__quick-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}.frisia-profile__action{align-items:center;background:var(--bg-subtle);border:none;border-radius:12px;color:var(--text-dark);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;text-decoration:none;transition:var(--transition-fast)}.frisia-profile__action:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.frisia-profile__action--phone{background:#dcfce7;color:#166534}.frisia-profile__action--phone:hover{background:#bbf7d0}.frisia-profile__action--email{background:#dbeafe;color:#1e40af}.frisia-profile__action--email:hover{background:#bfdbfe}.frisia-profile__action--chat{background:var(--frisia-primary);color:#fff}.frisia-profile__action--chat:hover{background:var(--frisia-secondary)}.frisia-profile__action svg{flex-shrink:0}.frisia-profile__sections{display:flex;flex-direction:column;gap:16px}.frisia-profile__section{background:var(--surface-white);border-radius:16px;box-shadow:var(--shadow-sm);padding:20px}.frisia-profile__section-title{align-items:center;color:var(--frisia-primary);display:flex;font-size:16px;font-weight:600;gap:10px;margin:0 0 16px}.frisia-profile__section-title svg{color:var(--frisia-accent)}.frisia-profile__info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.frisia-profile__info-item{display:flex;flex-direction:column;gap:4px}.frisia-profile__info-item--full{grid-column:1/-1}.frisia-profile__info-label{color:var(--text-light);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.frisia-profile__info-value{color:var(--text-dark);font-size:15px;word-break:break-word}.frisia-profile__info-link{color:var(--frisia-primary);text-decoration:none;transition:var(--transition-fast)}.frisia-profile__info-link:hover{color:var(--frisia-secondary);text-decoration:underline}.frisia-profile__info-hidden{color:var(--text-light);font-style:italic}@media (min-width:768px){.frisia-profile__hero{flex-direction:row;gap:24px;padding:32px;text-align:left}.frisia-profile__avatar{flex-shrink:0;height:140px;width:140px}.frisia-profile__avatar-initials{font-size:48px}.frisia-profile__hero-info{flex:1 1;margin-top:0}.frisia-profile__name{font-size:32px}.frisia-profile__position{font-size:18px}.frisia-profile__quick-actions{justify-content:flex-start;margin-top:20px}.frisia-profile__section{padding:24px}.frisia-profile__info-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.frisia-profile__hero{border-radius:16px;padding:24px 16px}.frisia-profile__avatar{height:100px;width:100px}.frisia-profile__avatar-initials{font-size:36px}.frisia-profile__name{font-size:22px}.frisia-profile__position{font-size:14px}.frisia-profile__quick-actions{width:100%}.frisia-profile__action{flex:1 1;font-size:13px;justify-content:center;padding:12px 16px}.frisia-profile__action span{display:none}.frisia-profile__action svg{height:24px;width:24px}.frisia-profile__section{border-radius:12px;padding:16px}.frisia-profile__section-title{font-size:14px}.frisia-profile__info-grid{gap:12px;grid-template-columns:1fr}.frisia-profile__info-value{font-size:14px}}[data-theme=dark] .frisia-profile{--surface-white:#1a2332;--bg-subtle:#253447;--text-dark:#fff;--text-medium:#e2e8f0;--text-light:#a0aec0;--border-color:#3d4f63}[data-theme=dark] .frisia-profile__action--phone{background:#14532d;color:#86efac}[data-theme=dark] .frisia-profile__action--phone:hover{background:#166534}[data-theme=dark] .frisia-profile__action--email{background:#1e3a5f;color:#93c5fd}[data-theme=dark] .frisia-profile__action--email:hover{background:#1e40af}[data-theme=dark] .frisia-profile__info-link{color:var(--frisia-accent)}[data-theme=dark] .frisia-profile__info-link:hover{color:#7dd3fc}.user-form-container{max-width:800px}.user-form-container h3{color:#333;font-size:1.5rem;margin-bottom:1.5rem}.error-message{background:#fee;color:#c33;margin-bottom:1rem;padding:1rem}.user-form{background:#fff;border-radius:12px;padding:2rem}.form-row{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.95rem;font-weight:500}.form-group input[type=date],.form-group input[type=email],.form-group input[type=password],.form-group input[type=tel],.form-group input[type=text]{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#333;color-scheme:light;font-size:1rem;padding:.75rem;transition:border-color .2s}.form-group input:focus{border-color:#014265;outline:none}.checkbox-group label{gap:.5rem}.checkbox-group input[type=checkbox]{cursor:pointer}.form-actions{border-top:1px solid #e9ecef;gap:1rem;margin-top:2rem;padding-top:1.5rem}.avatar-section{align-items:center;background:#f0f7fb;border-radius:12px;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1.5rem}.avatar-preview-container{align-items:center;background:#e9ecef;border-radius:50%;display:flex;height:100px;justify-content:center;overflow:hidden;width:100px}.avatar-preview-image{height:100%;object-fit:cover;width:100%}.avatar-initials{color:#6c757d;font-size:2.5rem;font-weight:600}.avatar-actions{display:flex;gap:.5rem}.btn-small{font-size:.85rem!important;padding:.4rem .8rem!important}.btn-secondary{background:#6c757d;border-radius:6px;font-size:.9rem;padding:.5rem 1rem;transition:background .2s}.btn-secondary:hover{background:#5a6268}.btn-danger{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background .2s}.btn-danger:hover{background:#c82333}.user-manage-container h3{color:#333;font-size:1.5rem;margin-bottom:1.5rem}.user-filters{display:flex;gap:1rem;margin-bottom:1.5rem}.filter-select,.search-input{border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:.75rem 1rem}.users-table-container{background:#fff;border-radius:12px;overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:#f0f7fb}.users-table th{border-bottom:2px solid #e9ecef;color:#495057;font-weight:600;padding:1rem;text-align:left}.users-table td{border-bottom:1px solid #e2e8f0;padding:1rem}.users-table tbody tr:hover{background:#f0f7fb}.status-badge{border-radius:12px;font-size:.85rem;padding:.25rem .75rem}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.status-badge.pending{background:#fff3cd;color:#856404}.role-badge{border-radius:12px;display:inline-block;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.role-badge.role-admin{background:#fff3cd;color:#856404}.role-badge.role-editor{background:#d1ecf1;color:#0c5460}.role-badge.role-user{background:#e2e3e5;color:#383d41}.role-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:1rem;padding:.75rem;width:100%}.role-select:focus{border-color:#014265;outline:none}.form-hint{color:#6c757d;font-size:.85rem;font-style:italic;margin-top:.25rem}.mfa-toggle,.test-user-toggle{border:none;border-radius:12px;cursor:pointer;font-size:.85rem;font-weight:500;padding:.25rem .75rem;transition:all .2s}.mfa-toggle.enabled{background:#d4edda;color:#155724}.mfa-toggle.disabled{background:#f0f7fb;color:#6c757d}.test-user-toggle.enabled{background:#fff3cd;color:#856404}.test-user-toggle.disabled{background:#f0f7fb;color:#6c757d}.action-buttons{gap:.5rem}.icon-btn{color:#666;transition:color .2s,transform .2s}.icon-btn:hover{color:#333}.icon-btn.icon-delete{color:#d32f2f}.icon-btn.icon-delete:hover{color:#b71c1c}.icon-btn.icon-invite{color:#1976d2}.icon-btn.icon-invite:hover{color:#0d47a1}.password-reset-popup{background:#f0f7fb;border-radius:8px;display:flex;gap:.5rem;margin-top:.5rem;padding:.75rem}.password-reset-popup input{border:1px solid #e2e8f0;border-radius:6px;flex:1 1;padding:.5rem}.password-reset-popup button{border:none;border-radius:6px;cursor:pointer;padding:.5rem 1rem}.no-results{color:#6c757d;padding:2rem;text-align:center}.back-button{background:#6c757d;border:none;color:#fff;padding:.5rem 1rem;transition:background .2s}.back-button:hover{background:#5a6268}.mfa-methods{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1.5rem}.mfa-method-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.mfa-method-card h4{color:#333;font-size:1.1rem;margin-bottom:.5rem}.mfa-method-card p{color:#6c757d;font-size:.9rem;line-height:1.5;margin-bottom:1rem}.info-box{background:#e7f3ff;color:#004085;margin-top:1rem;padding:1rem}.switch{display:inline-block;height:24px;position:relative;width:50px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background-color:#28a745}input:checked+.slider:before{transform:translateX(26px)}@media (max-width:768px){.user-filters{flex-direction:column;gap:.75rem}.users-table-container{overflow-x:auto}.users-table{min-width:800px}.users-table td,.users-table th{font-size:.9rem;padding:.75rem .5rem}.form-row{gap:1rem;grid-template-columns:1fr}.user-form{padding:1.25rem}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}.mfa-methods{grid-template-columns:1fr}}@media (max-width:480px){.user-form-container h3,.user-manage-container h3{font-size:1.25rem}.user-form{padding:1rem}.users-table td,.users-table th{font-size:.85rem;padding:.5rem .4rem}.action-buttons{flex-direction:column;gap:.25rem}.btn-delete,.btn-edit,.btn-reset{font-size:1rem}}[data-theme=dark] .user-form-container h3,[data-theme=dark] .user-manage-container h3{color:var(--color-text-primary)}[data-theme=dark] .error-message{background:#dc354533;color:#ff6b6b}[data-theme=dark] .user-form{background:var(--color-bg-elevated)}[data-theme=dark] .form-group input[type=email],[data-theme=dark] .form-group input[type=password],[data-theme=dark] .form-group input[type=tel],[data-theme=dark] .form-group input[type=text]{background:var(--color-bg-secondary);border-color:var(--color-border-primary);color:var(--color-text-primary)}[data-theme=dark] .avatar-section{background:var(--color-bg-tertiary)}[data-theme=dark] .avatar-preview-container{background:var(--color-bg-secondary)}[data-theme=dark] .avatar-initials{color:var(--color-text-tertiary)}[data-theme=dark] .users-table-container{background:var(--color-bg-elevated)}[data-theme=dark] .users-table thead{background:var(--color-bg-tertiary)}[data-theme=dark] .users-table th{border-bottom-color:var(--color-border-primary);color:var(--color-text-secondary)}[data-theme=dark] .users-table td{border-bottom-color:var(--color-border-primary);color:var(--color-text-primary)}[data-theme=dark] .users-table tbody tr:hover{background:var(--color-bg-tertiary)}[data-theme=dark] .status-badge.active{background:#28a74533;color:#81c784}[data-theme=dark] .status-badge.inactive{background:#dc354533;color:#ff6b6b}[data-theme=dark] .role-badge.role-admin,[data-theme=dark] .status-badge.pending{background:#ffc10733;color:#ffc107}[data-theme=dark] .role-badge.role-editor{background:#17a2b833;color:#64b5f6}[data-theme=dark] .role-badge.role-user{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}[data-theme=dark] .role-select{background:var(--color-bg-secondary);border-color:var(--color-border-primary);color:var(--color-text-primary)}[data-theme=dark] .mfa-toggle.enabled{background:#28a74533;color:#81c784}[data-theme=dark] .mfa-toggle.disabled{background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}[data-theme=dark] .test-user-toggle.enabled{background:#ffc10733;color:#ffc107}[data-theme=dark] .test-user-toggle.disabled{background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}[data-theme=dark] .password-reset-popup{background:var(--color-bg-tertiary)}[data-theme=dark] .password-reset-popup input{background:var(--color-bg-secondary);border-color:var(--color-border-primary);color:var(--color-text-primary)}[data-theme=dark] .no-results{color:var(--color-text-tertiary)}[data-theme=dark] .mfa-method-card{background:var(--color-bg-elevated);border-color:var(--color-border-primary)}[data-theme=dark] .mfa-method-card h4{color:var(--color-text-primary)}[data-theme=dark] .mfa-method-card p{color:var(--color-text-tertiary)}[data-theme=dark] .info-box{background:#2196f326;color:#64b5f6}[data-theme=dark] .slider{background-color:var(--color-bg-tertiary)}.permission-badges{display:flex;flex-wrap:wrap;gap:.5rem}.permission-badge{background:#e7f3ff;border-radius:6px;color:#06c;font-size:.75rem;padding:.25rem .5rem}.badge,.permission-badge{display:inline-block;font-weight:500}.badge{border-radius:12px;font-size:.85rem;padding:.25rem .75rem}.badge-custom{background:#e7f3ff;color:#06c}.badge-department{background:#fff3cd;color:#856404}.badge-location{background:#d4edda;color:#155724}.badge-auto{background:#e2e3e5;color:#383d41}.permission-checkboxes{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:.5rem}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.modal-overlay{padding:1rem}.modal-content{border-radius:12px;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.modal-large{max-width:800px}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{color:#333;font-size:1.25rem;margin:0}.modal-close{align-items:center;display:flex;justify-content:center;padding:.5rem;transition:color .2s}.modal-close:hover{color:#333}.modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.modal-footer{border-top:1px solid #e9ecef;display:flex;gap:1rem;justify-content:flex-end;padding:1rem 1.5rem}.form-input{border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.form-input:focus{border-color:#014265;outline:none}textarea.form-input{min-height:80px;resize:vertical}.add-members-section,.current-members-section{margin-bottom:2rem}.add-members-section h4,.current-members-section h4{align-items:center;color:#333;display:flex;gap:.5rem;margin-bottom:1rem}.user-select-list{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1rem;max-height:200px;overflow-y:auto;padding:.5rem}.user-select-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:.5rem;padding:.75rem;transition:background .2s}.user-select-item:hover{background:#f0f7fb}.user-select-item input[type=checkbox]{cursor:pointer;height:18px;width:18px}.members-list{display:flex;flex-direction:column;gap:.75rem;max-height:300px;overflow-y:auto}.member-item{align-items:center;background:#f0f7fb;border-radius:8px;display:flex;justify-content:space-between;padding:1rem;transition:background .2s}.member-item:hover{background:#e9ecef}.member-info{flex:1 1}.member-name{color:#333;font-weight:600;margin-bottom:.25rem}.member-email{color:#666;font-size:.9rem;margin-bottom:.25rem}.member-meta{color:#999;font-size:.85rem}.empty-state{color:#6c757d;font-style:italic;padding:2rem}.btn-link{background:none;border:none;color:#014265;cursor:pointer;font-size:inherit;padding:0;text-decoration:underline;transition:color .2s}.btn-link:hover{color:#026a9c}.btn-icon{align-items:center;background:none;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:color .2s,transform .2s}.btn-icon:hover{background:#f0f7fb;color:#333;transform:scale(1.1)}.btn-icon.btn-danger{color:#d32f2f}.btn-icon.btn-danger:hover{background:#ffebee;color:#b71c1c}.btn-icon:disabled{cursor:not-allowed;opacity:.5}.btn-icon:disabled:hover{background:none;transform:none}.loading-spinner{color:#666;font-size:1.1rem;padding:3rem}[data-theme=dark] .badge-custom,[data-theme=dark] .permission-badge{background:#2196f333;color:#64b5f6}[data-theme=dark] .badge-department{background:#ffc10733;color:#ffc107}[data-theme=dark] .badge-location{background:#28a74533;color:#81c784}[data-theme=dark] .badge-auto{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}[data-theme=dark] .modal-content{background:var(--color-bg-elevated)}[data-theme=dark] .modal-header{border-bottom-color:var(--color-border-primary)}[data-theme=dark] .modal-header h3{color:var(--color-text-primary)}[data-theme=dark] .modal-footer{border-top-color:var(--color-border-primary)}[data-theme=dark] .form-input{background:var(--color-bg-secondary);border-color:var(--color-border-primary)}[data-theme=dark] .add-members-section h4,[data-theme=dark] .current-members-section h4,[data-theme=dark] .form-input{color:var(--color-text-primary)}[data-theme=dark] .user-select-list{background:var(--color-bg-secondary);border-color:var(--color-border-primary)}[data-theme=dark] .member-item,[data-theme=dark] .user-select-item:hover{background:var(--color-bg-tertiary)}[data-theme=dark] .member-item:hover{background:var(--color-bg-secondary)}[data-theme=dark] .member-name{color:var(--color-text-primary)}[data-theme=dark] .member-email{color:var(--color-text-secondary)}[data-theme=dark] .member-meta{color:var(--color-text-tertiary)}[data-theme=dark] .btn-icon:hover{background:var(--color-bg-tertiary)}[data-theme=dark] .btn-icon.btn-danger:hover{background:#dc35451a}[data-theme=dark] .loading-spinner{color:var(--color-text-secondary)}.admin-profile-container,.admin-profile-overview{animation:adminFadeIn .3s ease-in-out}.news-management{margin:0 auto;max-width:1400px;padding:24px}.news-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.header-title h2{color:#014265;font-size:1.25rem;font-weight:600;margin:0 0 4px}.management-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.management-header h2{color:#014265;font-size:1.25rem;font-weight:600;margin:0 0 4px}.header-subtitle{color:#666;font-size:14px;margin:0}.btn-create{align-items:center;background:linear-gradient(135deg,#014265,#026a9c);border:none;border-radius:10px;box-shadow:0 2px 8px #0142654d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s}.btn-create:hover{box-shadow:0 4px 16px #01426566;transform:translateY(-2px)}.management-filters{align-items:center;border-bottom:2px solid #eee;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding-bottom:12px}.filter-label{color:#333;font-size:15px;font-weight:600}.filter-count{color:#666;font-size:14px;margin-right:20px}.editor-toggles{display:flex;gap:8px;margin-left:auto}.toggle-icon-btn{align-items:center;background:#f0f7fb;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s}.toggle-icon-btn:hover{background:#e0f7fa;border-color:#014265;color:#014265}.toggle-icon-btn.active{background:#014265;border-color:#014265;color:#fff}.toggle-icon-btn svg{flex-shrink:0}.toggle-label{white-space:nowrap}.toggle-count{font-size:12px;opacity:.8}.filter-btn{background:#0000;border-bottom:3px solid #0000;font-size:15px;margin-bottom:-2px;padding:12px 20px;transition:all .2s}.filter-btn.active{border-bottom-color:#014265;color:#014265}.news-filters{margin-bottom:20px}.filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.search-input{flex:1 1;min-width:200px}.filter-select,.search-input{font-size:14px;padding:10px 16px}.filter-select{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#1a2b3c;cursor:pointer;min-width:150px;transition:all .2s ease}.filter-select:focus{border-color:#014265;box-shadow:0 0 0 3px #0142651a;outline:none}.filter-info{align-items:center;background:#f0f7fb;border-radius:6px;color:#666;display:flex;font-size:13px;justify-content:space-between;margin-top:12px;padding:8px 12px}.btn-clear-filters{background:#0000;border:1px solid #ccc;border-radius:4px;color:#666;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.btn-clear-filters:hover{background:#e0e0e0;border-color:#999}.news-table{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;overflow-x:auto}table{border-collapse:collapse;width:100%}thead{background:#f0f7fb}thead th{border-bottom:2px solid #e2e8f0;color:#014265;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}tbody tr{border-bottom:1px solid #e2e8f0;transition:background .2s}tbody tr:hover{background:#f0f7fb}tbody td{color:#333;font-size:14px;padding:16px}.status-badges{display:flex;flex-direction:column;gap:4px}.badge{align-items:center;border-radius:4px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.3px;padding:4px 8px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.badge-draft{background:#fce4ec;color:#c2185b}.badge-pending{background:#fff9c4;color:#f57f17}.badge-approved{background:#c8e6c9;color:#2e7d32}.badge-rejected{background:#ffcdd2;color:#c62828}.badge-published{background:#c8e6c9;color:#1b5e20}.badge-scheduled{align-items:center;background:#e3f2fd;border:1px solid #90caf9;color:#1565c0;display:inline-flex;gap:4px}.badge-scheduled svg{flex-shrink:0}.badge-pinned{background:#e3f2fd;color:#0277bd}.badge-event{background:#fff3e0;color:#f57c00}.news-title-cell strong{color:#1a1a1a;display:block;font-weight:600;margin-bottom:4px}.news-excerpt{color:#666;font-size:13px;line-height:1.4;margin:0}.category-tag{background:#f0f0f0;color:#666}.category-tag,.channel-tag{border-radius:4px;font-size:12px;font-weight:500;padding:4px 10px}.channel-tag{background:#e3f2fd;color:#1565c0}.no-channel{color:#ccc}.date-cell{color:#666;font-size:13px;white-space:nowrap}.stats-cell{color:#014265;font-weight:600;text-align:center}.action-buttons{justify-content:flex-end}.btn-action{background:#f0f7fb;border-radius:6px;color:#666;height:36px;min-width:36px;padding:8px 12px;transition:all .2s}.btn-action:hover{background:#e0e0e0;color:#333}.btn-action.btn-edit{background:#e3f2fd;color:#1976d2}.btn-action.btn-edit:hover{background:#bbdefb;color:#1565c0}.btn-action.btn-delete{background:#ffebee;color:#c62828}.btn-action.btn-delete:hover{background:#ffcdd2;color:#b71c1c}.btn-action.btn-delete:disabled{background:#f0f7fb;color:#bdbdbd;cursor:not-allowed}.btn-action.btn-publish{background:#e8f5e9;color:#2e7d32}.btn-action.btn-publish:hover{background:#c8e6c9;color:#1b5e20}.btn-action.btn-unpublish{background:#fff3e0;color:#ef6c00}.btn-action.btn-unpublish:hover{background:#ffe0b2;color:#e65100}.btn-icon,.icon-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.btn-icon:hover,.icon-btn:hover{background:#f0f0f0;color:#014265}.icon-btn.icon-approve{color:#666}.icon-btn.icon-approve:hover{background:#e8f5e9;color:#4caf50}.icon-btn.icon-reject{color:#666}.icon-btn.icon-reject:hover{background:#ffebee;color:#f44336}.btn-delete:hover{color:#f44336}.empty-state{color:#999;font-size:15px}.spinner{border:3px solid #e2e8f0}@media (max-width:1024px){.news-table{overflow-x:auto}table{min-width:900px}}@media (max-width:768px){.news-management{padding:16px}.management-header{flex-direction:column;gap:16px}.btn-create{justify-content:center;width:100%}.management-header h2{font-size:24px}}@media (max-width:480px){.management-filters{-webkit-overflow-scrolling:touch;overflow-x:auto}.filter-btn{white-space:nowrap}}.channel-color-dot{border:2px solid #0000001a;border-radius:50%;height:24px;width:24px}.org-unit-badge{background:#e3f2fd;border-radius:4px;color:#1565c0;font-size:12px;font-weight:600;padding:4px 10px}.global-badge{background:#f0f7fb;color:#666}.global-badge,.visibility-global{border-radius:4px;font-size:12px;font-weight:500;padding:4px 10px}.visibility-global{background:#e8f5e9;color:#2e7d32}.channel-type-badge{border-radius:4px;font-size:12px;font-weight:600;padding:4px 10px}.channel-type-badge.general{background:#e3f2fd;color:#1565c0}.channel-type-badge.poll{background:#f3e5f5;color:#7b1fa2}.channel-type-badge.event{background:#fff3e0;color:#f57c00}.subscription-badge{border-radius:4px;font-size:12px;font-weight:500;padding:4px 10px}.subscription-badge.auto{background:#e8f5e9;color:#2e7d32}.subscription-badge.optional{background:#fff3e0;color:#f57c00}.subscription-badge.group{background:#f3e5f5;color:#7b1fa2}.badge-yes{color:#2e7d32;font-weight:600}.badge-no{color:#999}.no-value{color:#ccc}.description-text{color:#666;font-size:13px}.admin-section{margin-bottom:24px}.admin-section h3{color:#014265;font-size:18px;font-weight:600;margin:0 0 20px}.form-section{border:2px solid #01426533}.form-group{margin-bottom:16px}.form-group label{color:#333}.form-group input[type=color],.form-group input[type=text],.form-group select,.form-group textarea{border:2px solid #e2e8f0;border-radius:10px;color:#1a2b3c;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.form-group input[type=color]{cursor:pointer;height:40px;padding:4px;width:60px}.form-row{grid-gap:16px;gap:16px}.form-hint{color:#666;display:block;font-size:12px;margin-top:6px}.checkbox-group label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:8px}.checkbox-group input[type=checkbox]{accent-color:#014265;height:18px;width:18px}.form-actions{border-top:1px solid #eee;gap:12px;margin-top:20px;padding-top:20px}.btn-primary{padding:10px 20px;transition:all .2s}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #0142654d;transform:translateY(-1px)}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.btn-secondary{background:#fff;border:2px solid #e2e8f0;color:#64748b;padding:10px 20px;transition:all .2s}.btn-secondary:hover{background:#f0f7fb;border-color:#3a7ca5}@media (max-width:768px){.management-filters{align-items:flex-start;flex-direction:column;gap:12px}.editor-toggles{margin-left:0;width:100%}.toggle-icon-btn{flex:1 1;justify-content:center;padding:10px 12px}.toggle-label{display:none}}@media (max-width:480px){.toggle-icon-btn{padding:8px 10px}.toggle-count{font-size:11px}}[data-theme=dark] .filter-label{color:#e0e0e0}[data-theme=dark] .filter-count{color:#9ca3af}[data-theme=dark] .toggle-icon-btn{background:#1e293b;border-color:#334155;color:#9ca3af}[data-theme=dark] .toggle-icon-btn:hover{background:#0f172a;border-color:#014265;color:#014265}[data-theme=dark] .toggle-icon-btn.active{background:#014265;border-color:#014265;color:#fff}[data-theme=dark] .news-table{background:var(--color-bg-elevated);box-shadow:0 2px 8px #0003}[data-theme=dark] thead{background:var(--color-bg-tertiary)}[data-theme=dark] thead th{color:var(--color-text-primary)}[data-theme=dark] tbody tr,[data-theme=dark] thead th{border-bottom-color:var(--color-border-primary)}[data-theme=dark] tbody tr:hover{background:var(--color-bg-tertiary)}[data-theme=dark] .header-title h2,[data-theme=dark] .management-header h2,[data-theme=dark] tbody td{color:var(--color-text-primary)}[data-theme=dark] .header-subtitle{color:var(--color-text-tertiary)}[data-theme=dark] .filter-select,[data-theme=dark] .search-input{background:var(--color-bg-secondary);border-color:var(--color-border-primary);color:var(--color-text-primary)}[data-theme=dark] .filter-select:focus,[data-theme=dark] .search-input:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #3a7ca533}[data-theme=dark] .filter-info,[data-theme=dark] .search-input::placeholder{color:var(--color-text-tertiary)}[data-theme=dark] .filter-info{background:var(--color-bg-tertiary)}[data-theme=dark] .btn-clear-filters{border-color:var(--color-border-primary);color:var(--color-text-tertiary)}[data-theme=dark] .btn-clear-filters:hover{background:var(--color-bg-secondary);border-color:var(--color-text-tertiary)}[data-theme=dark] .management-filters{border-bottom-color:var(--color-border-primary)}[data-theme=dark] .filter-btn{color:var(--color-text-tertiary)}[data-theme=dark] .filter-btn:hover{color:var(--color-text-primary)}[data-theme=dark] .filter-btn.active{border-bottom-color:var(--color-secondary);color:var(--color-secondary)}[data-theme=dark] .news-title-cell strong{color:var(--color-text-primary)}[data-theme=dark] .date-cell,[data-theme=dark] .news-excerpt{color:var(--color-text-tertiary)}[data-theme=dark] .stats-cell{color:var(--color-secondary)}[data-theme=dark] .description-text{color:var(--color-text-tertiary)}[data-theme=dark] .category-tag{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}[data-theme=dark] .channel-tag,[data-theme=dark] .org-unit-badge{background:#1565c026}[data-theme=dark] .global-badge{background:var(--color-bg-tertiary)}[data-theme=dark] .btn-action,[data-theme=dark] .global-badge,[data-theme=dark] .no-channel,[data-theme=dark] .no-value{color:var(--color-text-tertiary)}[data-theme=dark] .btn-action{background:var(--color-bg-tertiary)}[data-theme=dark] .btn-action:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}[data-theme=dark] .btn-action.btn-edit{background:#1976d21f;color:#64b5f6}[data-theme=dark] .btn-action.btn-edit:hover{background:#1976d233}[data-theme=dark] .btn-action.btn-delete{background:#c628281f;color:#ef5350}[data-theme=dark] .btn-action.btn-delete:hover{background:#c6282833}[data-theme=dark] .btn-action.btn-publish{background:#2e7d321f;color:#66bb6a}[data-theme=dark] .btn-action.btn-publish:hover{background:#2e7d3233}[data-theme=dark] .btn-action.btn-unpublish{background:#ef6c001f;color:#ffa726}[data-theme=dark] .btn-action.btn-unpublish:hover{background:#ef6c0033}[data-theme=dark] .btn-icon:hover,[data-theme=dark] .icon-btn:hover{background:var(--color-bg-tertiary);color:var(--color-secondary)}[data-theme=dark] .admin-section h3{color:var(--color-text-primary)}[data-theme=dark] .form-section{border-color:#3a7ca54d}[data-theme=dark] .form-group input[type=color],[data-theme=dark] .form-group input[type=text],[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{background:var(--color-bg-secondary);border-color:var(--color-border-primary);color:var(--color-text-primary)}[data-theme=dark] .form-hint{color:var(--color-text-tertiary)}[data-theme=dark] .form-actions{border-top-color:var(--color-border-primary)}[data-theme=dark] .btn-secondary{background:var(--color-bg-elevated);border-color:var(--color-border-primary);color:var(--color-text-primary)}[data-theme=dark] .btn-secondary:hover{background:var(--color-bg-tertiary);border-color:var(--color-secondary)}[data-theme=dark] .checkbox-group label{color:var(--color-text-primary)}[data-theme=dark] .empty-state{color:var(--color-text-tertiary)}[data-theme=dark] .spinner{border-color:var(--color-border-primary);border-top-color:var(--color-secondary)}.create-template-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:90%}.create-template-form{display:flex;flex-direction:column;height:100%;overflow:hidden}.form-content{flex:1 1;overflow-y:auto;padding:0 2rem 2rem}.placeholders-section{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.placeholders-section h3{color:#2c3e50;font-size:1.1rem;margin:0 0 .5rem}.placeholders-section .help-text{color:#666;font-size:.875rem;line-height:1.5;margin-bottom:1rem}.placeholder-form{margin-bottom:1rem}.placeholder-form-row{grid-gap:.5rem;align-items:center;display:grid;gap:.5rem;grid-template-columns:1fr 1.5fr 100px 80px auto}.placeholder-input{border:1px solid #ddd;border-radius:6px;font-size:.9rem;padding:.5rem}.placeholder-input:focus{border-color:#667eea;outline:none}.placeholder-select{border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:.9rem;padding:.5rem}.btn-add-placeholder{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.btn-add-placeholder:hover{background:#5568d3}.placeholders-list{display:flex;flex-direction:column;gap:.75rem}.placeholder-item{align-items:center;background:#fff;border:1px solid #ddd;border-radius:8px;display:flex;gap:1rem;justify-content:space-between;padding:.75rem}.placeholder-info{align-items:center;display:flex;flex:1 1;gap:.75rem}.placeholder-info code{background:#667eea;border-radius:4px;color:#fff;font-family:Courier New,monospace;font-size:.85rem;padding:.25rem .5rem}.placeholder-label{color:#2c3e50;font-weight:600}.placeholder-type{background:#f0f0f0;color:#999;text-transform:uppercase}.placeholder-type,.required-badge{border-radius:4px;font-size:.75rem;padding:.25rem .5rem}.required-badge{background:#ffebee;color:#e74c3c;font-weight:600}.placeholder-actions{display:flex;gap:.25rem}.btn-insert{background:#f0f4ff;border:1px solid #667eea;border-radius:4px;color:#667eea;cursor:pointer;font-size:.75rem;padding:.25rem .5rem;transition:all .2s ease}.btn-insert:hover{background:#667eea;color:#fff}.btn-remove-placeholder{align-items:center;background:#ffebee;border:1px solid #e74c3c;border-radius:4px;color:#e74c3c;cursor:pointer;display:flex;font-size:1.25rem;font-weight:700;height:28px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:28px}.btn-remove-placeholder:hover{background:#e74c3c;color:#fff}@media (max-width:768px){.create-template-modal{max-height:95vh;width:95%}.form-content{padding:0 1rem 1rem}.placeholder-form-row{gap:.5rem;grid-template-columns:1fr}.placeholder-item{align-items:stretch;flex-direction:column}.placeholder-actions{justify-content:flex-end}}.event-registrations{margin:0 auto;max-width:1400px;padding:24px}.event-registrations-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.event-registrations-header h2{color:#1a1a1a;font-size:28px;font-weight:700;margin:0}.subtitle{color:#666;font-size:14px;margin:4px 0 0}.event-title-section{flex:1 1}.event-meta{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px}.event-date,.event-location{color:#666;gap:4px}.back-button,.event-date,.event-location{align-items:center;display:flex;font-size:14px}.back-button{background:#f0f7fb;border:1px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.back-button:hover{background:#e8e8e8;border-color:#d0d0d0}.export-button{background:linear-gradient(135deg,#00bcd4,#0097a7);border:none;border-radius:8px;box-shadow:0 2px 8px #00bcd433;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.export-button:hover:not(:disabled){box-shadow:0 4px 12px #00bcd44d;transform:translateY(-2px)}.export-button:disabled{cursor:not-allowed;opacity:.5}.events-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.event-card{background:#fff;border:1px solid #0000000f;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;padding:20px;transition:all .3s ease}.event-card:hover{border-color:#00bcd44d;box-shadow:0 8px 24px #00bcd426;transform:translateY(-4px)}.event-card-header h3{color:#1a1a1a;font-size:18px;font-weight:600;line-height:1.4;margin:0 0 12px}.event-card-body{gap:12px}.event-card-body,.event-info{display:flex;flex-direction:column}.event-info{gap:6px}.event-registrations-count{border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;padding-top:8px}.count-badge{background:linear-gradient(135deg,#00bcd4,#0097a7);border-radius:20px;color:#fff;font-size:13px;font-weight:600;padding:6px 12px}.registrations-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.stat-card{background:linear-gradient(135deg,#00bcd4,#0097a7);box-shadow:0 4px 12px #00bcd433;color:#fff;padding:24px}.stat-card.cancelled{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 4px 12px #ff980033}.stat-card.total{background:linear-gradient(135deg,#9c27b0,#7b1fa2);box-shadow:0 4px 12px #9c27b033}.stat-value{font-size:48px;font-weight:800;line-height:1}.stat-label{font-size:14px;opacity:.9}.registrations-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.registrations-table{border-collapse:collapse;width:100%}.registrations-table thead{background:linear-gradient(135deg,#00bcd4,#0097a7);color:#fff}.registrations-table th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.registrations-table td{border-bottom:1px solid #f0f0f0;color:#333;font-size:14px;padding:16px}.registrations-table tbody tr{transition:background-color .2s ease}.registrations-table tbody tr:hover{background-color:#f0f7fb}.registrations-table tbody tr.cancelled{opacity:.6}.status-badge{border-radius:20px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-badge.status-registered{background:#4caf501a;color:#4caf50}.status-badge.status-cancelled{background:#ff98001a;color:#ff9800}.status-badge.status-waitlist{background:#9c27b01a;color:#9c27b0}.loading{color:#666;font-size:16px;padding:80px 40px;text-align:center}.empty-state{background:linear-gradient(135deg,#f8f9fa,#f3f4f6);border:2px dashed #0000001a;border-radius:12px;padding:80px 40px}.empty-state p{color:#666;font-size:16px;margin:0}@media (max-width:768px){.event-registrations{padding:16px}.event-registrations-header{align-items:flex-start;flex-direction:column}.event-registrations-header h2{font-size:24px}.events-grid,.registrations-stats{grid-template-columns:1fr}.registrations-table-container{overflow-x:auto}.registrations-table{min-width:600px}.stat-value{font-size:36px}.back-button,.export-button{justify-content:center;width:100%}}.admin-news-container,.admin-news-overview,.admin-wiki-container{animation:adminFadeIn .3s ease-in-out}.wiki-header-actions{align-items:center;display:flex;justify-content:flex-end;margin-bottom:20px}.wiki-table-container{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.wiki-table{border-collapse:collapse;width:100%}.wiki-table thead{background-color:#f0f7fb;border-bottom:2px solid #e2e8f0}.wiki-table th{color:#014265;font-size:14px;font-weight:600;padding:15px;text-align:left}.wiki-table td{border-bottom:1px solid #e2e8f0;color:#1a2b3c;font-size:14px;padding:15px}.wiki-table tbody tr:hover{background-color:#f0f7fb}.status-badge{font-weight:500;padding:4px 12px}.status-badge.published{background-color:#d1fae5;color:#065f46}.status-badge.draft{background-color:#fef3c7;color:#856404}.action-buttons{display:flex;gap:8px}.icon-btn{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:color .2s,transform .2s,background .2s}.icon-btn:hover{background:#f0f7fb;color:#014265;transform:scale(1.1)}.icon-btn.icon-approve{color:#64748b}.icon-btn.icon-approve:hover{background:#d1fae5;color:#059669}.icon-btn.icon-reject{color:#64748b}.icon-btn.icon-reject:hover{background:#fee2e2;color:#dc2626}.icon-btn.icon-delete{color:#dc2626}.icon-btn.icon-delete:hover{background:#fee2e2;color:#991b1b}.no-wiki-pages{color:#64748b;padding:40px;text-align:center}.wiki-form-container{animation:adminFadeIn .3s ease-in-out;margin:0 auto;max-width:1200px;padding:20px}.form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.form-header h2{color:#014265;font-size:1.25rem;font-weight:600;margin:0}.wiki-form{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;padding:30px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group,.form-row{margin-bottom:20px}.form-group label{color:#1a2b3c;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e2e8f0;border-radius:10px;color:#1a2b3c;font-family:inherit;font-size:14px;padding:10px 14px;transition:all .2s ease;width:100%}.form-group textarea{font-family:Monaco,Courier New,monospace;min-height:400px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#014265;box-shadow:0 0 0 3px #0142651a;outline:none}.checkbox-group{align-items:center;display:flex;gap:8px}.checkbox-group input[type=checkbox]{margin:0;width:auto}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:30px}.btn-primary{background:linear-gradient(135deg,#014265,#026a9c);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s ease}.btn-primary:hover{box-shadow:0 4px 12px #0142654d;transform:translateY(-1px)}.btn-secondary{background-color:#64748b;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s ease}.btn-secondary:hover{background-color:#475569}.slug-hint{color:#64748b;font-size:12px;margin-top:4px}@media (max-width:768px){.wiki-form,.wiki-table-container{border-radius:14px}.wiki-form{padding:20px}.form-row{grid-template-columns:1fr}}[data-theme=dark] .wiki-table-container{background:var(--color-bg-elevated);box-shadow:0 2px 8px #0003}[data-theme=dark] .wiki-table thead{background-color:var(--color-bg-tertiary);border-bottom-color:var(--color-border-primary)}[data-theme=dark] .wiki-table th{color:var(--color-text-primary)}[data-theme=dark] .wiki-table td{border-bottom-color:var(--color-border-primary);color:var(--color-text-primary)}[data-theme=dark] .wiki-table tbody tr:hover{background-color:var(--color-bg-tertiary)}[data-theme=dark] .wiki-form{background:var(--color-bg-elevated);box-shadow:0 2px 8px #0003}[data-theme=dark] .form-group label,[data-theme=dark] .form-header h2{color:var(--color-text-primary)}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{background:var(--color-bg-secondary);border-color:var(--color-border-primary);color:var(--color-text-primary)}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group select:focus,[data-theme=dark] .form-group textarea:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #3a7ca533}[data-theme=dark] .icon-btn{color:var(--color-text-tertiary)}[data-theme=dark] .icon-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.sick-leave-logs-page{animation:adminFadeIn .3s ease-in-out}.sick-leave-controls{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;margin-bottom:24px;padding:24px}.search-wrapper{margin-bottom:20px;position:relative}.search-input{border:2px solid #e2e8f0;border-radius:10px;color:#1a2b3c;font-size:15px;padding:12px 45px 12px 16px;transition:all .2s ease;width:100%}.search-input:focus{border-color:#014265;box-shadow:0 0 0 3px #0142651a;outline:none}.btn-clear-search{align-items:center;background:#f0f7fb;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:28px}.btn-clear-search:hover{background:#014265;color:#fff}.stats-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);max-width:400px}.stat-card{background:#f0f7fb;padding:16px}.stat-card:hover{background:#01426514}.stat-value{color:#014265;margin-bottom:4px}.stat-label{color:#64748b;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.empty-state{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;margin-bottom:24px;padding:60px 20px}.empty-title{color:#1a2b3c;font-size:18px;font-weight:600;margin:0 0 8px}.empty-description{color:#64748b;font-size:14px;margin:0}.logs-container{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.log-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 2px 8px #0000000f;padding:24px;transition:all .2s ease}.log-card:hover{border-color:#01426526;box-shadow:0 4px 16px #0142651f;transform:translateY(-2px)}.log-card-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.employee-info{flex:1 1}.employee-name{color:#1a2b3c;font-size:18px;font-weight:600;margin:0 0 4px;transition:color .2s ease}.log-card:hover .employee-name{color:#014265}.employee-email{color:#64748b;font-size:14px;margin:0}.submission-info{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.submission-label{color:#94a3b8;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.submission-date{color:#014265;font-size:14px;font-weight:600}.log-card-body{display:flex;flex-direction:column;gap:12px}.log-detail-row{align-items:center;background:#f0f7fb;border-radius:10px;display:flex;gap:12px;padding:10px 16px}.detail-label{color:#64748b;font-size:13px;font-weight:600;min-width:90px}.detail-value{color:#1a2b3c;font-size:14px;font-weight:500}.log-notes-section{background:#f0f7fb;border-left:4px solid #014265;border-radius:10px;padding:16px}.notes-label{color:#014265;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.notes-content{color:#1a2b3c;font-size:14px;line-height:1.6;white-space:pre-wrap}.info-box{margin-bottom:24px}.info-box strong{color:#014265;margin-bottom:8px}.info-box p{color:#4a5568;font-size:14px;line-height:1.6;margin:0}.loading-state p{color:#64748b}.spinner{border:4px solid #e2e8f0}@media (max-width:768px){.sick-leave-controls{border-radius:14px;padding:20px}.stats-row{grid-template-columns:1fr;max-width:100%}.log-card{border-radius:14px;padding:20px}.log-card-header{flex-direction:column;gap:12px}.log-detail-row,.submission-info{align-items:flex-start}.log-detail-row{flex-direction:column;gap:4px}.detail-label{font-size:12px;min-width:auto}}@media (max-width:480px){.sick-leave-controls{border-radius:12px;padding:16px}.search-input{font-size:14px;padding:10px 40px 10px 14px}.log-card{border-radius:12px;padding:16px}.employee-name{font-size:15px}.log-notes-section{padding:12px}.info-box{padding:16px}}[data-theme=dark] .empty-state,[data-theme=dark] .log-card,[data-theme=dark] .sick-leave-controls{background:var(--color-bg-elevated);box-shadow:0 2px 8px #0003}[data-theme=dark] .search-input{background:var(--color-bg-secondary);border-color:var(--color-border-primary);color:var(--color-text-primary)}[data-theme=dark] .search-input:focus{border-color:var(--color-secondary)}[data-theme=dark] .btn-clear-search{background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}[data-theme=dark] .stat-card{background:var(--color-bg-tertiary)}[data-theme=dark] .stat-value{color:var(--color-secondary)}[data-theme=dark] .detail-value,[data-theme=dark] .employee-name,[data-theme=dark] .empty-title,[data-theme=dark] .notes-content{color:var(--color-text-primary)}[data-theme=dark] .detail-label,[data-theme=dark] .employee-email,[data-theme=dark] .empty-description,[data-theme=dark] .stat-label,[data-theme=dark] .submission-label{color:var(--color-text-tertiary)}[data-theme=dark] .submission-date{color:var(--color-secondary)}[data-theme=dark] .log-card-header{border-bottom-color:var(--color-border-primary)}[data-theme=dark] .log-detail-row{background:var(--color-bg-tertiary)}[data-theme=dark] .log-notes-section{background:var(--color-bg-tertiary);border-left-color:var(--color-secondary)}[data-theme=dark] .info-box strong,[data-theme=dark] .notes-label{color:var(--color-secondary)}[data-theme=dark] .info-box p{color:var(--color-text-primary)}.admin-personio-container,.admin-personio-overview{animation:adminFadeIn .3s ease-in-out}.personio-content-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;padding:32px}.personio-content-card h2{color:#014265;font-size:1.25rem;font-weight:600;margin:0 0 8px}.personio-content-card>p{color:#64748b;margin:0 0 24px}.loading-text{color:#64748b;font-style:italic;padding:20px 0}.empty-text{color:#94a3b8;padding:40px 20px;text-align:center}.config-info-grid{display:flex;flex-direction:column;gap:12px}.config-row{align-items:center;background:#f0f7fb;border-radius:10px;display:flex;padding:12px 16px}.config-label{color:#1a2b3c;font-weight:600;min-width:120px}.config-value{color:#1a2b3c}.config-value.success{color:#059669;font-weight:600}.config-value.error{color:#dc2626;font-weight:600}.button-group{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.personio-button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.personio-button.primary{background:linear-gradient(135deg,#014265,#026a9c);color:#fff}.personio-button.primary:hover{box-shadow:0 4px 12px #0142654d;transform:translateY(-2px)}.personio-button.success{background:#059669;color:#fff}.personio-button.success:hover{background:#047857;box-shadow:0 4px 12px #05966940;transform:translateY(-2px)}.personio-button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.info-box,.warning-box{border-radius:10px;margin:20px 0;padding:16px 20px}.info-box{background:#f0f7fb}.warning-box{background:#fef3c7;border-left:4px solid #f59e0b}.info-box strong,.warning-box strong{color:#1a2b3c;display:block;margin-bottom:8px}.info-box ul,.warning-box ul{margin:0;padding-left:20px}.info-box li,.warning-box li{color:#4a5568;margin:4px 0}.table-container{border-radius:12px;box-shadow:0 2px 8px #0000000f;margin:20px 0;overflow-x:auto}.personio-table{border-collapse:collapse;font-size:14px;width:100%}.personio-table th{background:#f0f7fb;border-bottom:2px solid #e2e8f0;color:#014265;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.personio-table td{border-bottom:1px solid #e2e8f0;color:#1a2b3c;padding:12px 16px}.personio-table tbody tr:hover{background:#f0f7fb}.personio-table .mono{font-family:monospace}.personio-table .small-text{color:#64748b;font-size:12px}.personio-table .empty{color:#94a3b8}.personio-table .field-name{color:#014265;font-family:monospace;font-weight:600}.status-badge{border-radius:8px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.status-badge.success{background:#d1fae5;color:#065f46}.status-badge.error{background:#fee2e2;color:#991b1b}.status-badge.has-value{background:#d1fae5;color:#065f46}.status-badge.empty{background:#f0f7fb;color:#64748b}.type-badge{border-radius:6px;display:inline-block;font-size:11px;font-weight:600;padding:4px 8px}.type-badge.string{background:#dbeafe;color:#1e40af}.type-badge.number{background:#fef3c7;color:#92400e}.type-badge.date{background:#fce7f3;color:#9f1239}.type-badge.object{background:#e9d5ff;color:#6b21a8}.fields-section h3{color:#014265;font-size:16px;font-weight:600;margin:24px 0 12px}.fields-list{background:#f0f7fb;border-radius:10px;display:flex;flex-direction:column;gap:8px;padding:16px}.field-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;padding:12px 16px}.field-item.required{background:#f0f7fb;border-color:#3a7ca5}.field-item input[type=checkbox]{cursor:pointer;height:18px;width:18px}.field-info{flex:1 1}.field-info strong{color:#1a2b3c;display:block;margin-bottom:2px}.field-description{color:#64748b;font-size:13px}.field-badge{border-radius:6px;font-size:11px;font-weight:600;padding:4px 10px}.field-badge.required{background:#dbeafe;color:#1e40af}.field-badge.active{background:#d1fae5;color:#065f46}.field-badge.inactive{background:#f0f7fb;color:#64748b}.filters-list{display:flex;flex-direction:column;gap:16px}.filter-item{background:#f0f7fb;border:1px solid #e2e8f0;border-radius:10px;padding:16px;transition:border-color .2s}.filter-item.enabled{border:2px solid #014265}.filter-header{justify-content:space-between}.filter-header,.filter-toggle{align-items:center;display:flex}.filter-toggle{cursor:pointer;gap:10px}.filter-toggle input[type=checkbox]{height:18px;width:18px}.filter-name{color:#1a2b3c;font-size:15px;font-weight:600}.filter-badge{border-radius:6px;font-size:12px;font-weight:500;padding:4px 10px}.filter-badge.active{background:#dbeafe;color:#1e40af}.filter-badge.inactive{background:#f0f7fb;color:#64748b}.filter-values{border-top:1px solid #e2e8f0;margin-top:16px;padding-top:16px}.filter-values>label{color:#64748b;display:block;font-size:13px;margin-bottom:10px}.values-list{background:#fff;border:1px solid #e2e8f0;border-radius:8px;max-height:200px;overflow-y:auto;padding:8px}.value-checkbox{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px;transition:background .2s}.value-checkbox:hover{background:#f0f7fb}.value-checkbox input[type=checkbox]{height:16px;width:16px}.selected-count{color:#64748b;font-size:12px;margin-top:8px}.auto-sync-toggle{align-items:center;background:#f0f7fb;border:1px solid #e2e8f0;border-radius:10px;display:flex;justify-content:space-between;padding:20px;transition:border-color .2s}.auto-sync-toggle.enabled{border:2px solid #10b981}.toggle-label{align-items:center;color:#1a2b3c;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px}.toggle-label input[type=checkbox]{height:20px;width:20px}.toggle-badge{border-radius:8px;font-size:13px;font-weight:600;padding:6px 12px}.toggle-badge.active{background:#d1fae5;color:#065f46}.toggle-badge.inactive{background:#f0f7fb;color:#64748b}.time-setting{background:#f0f7fb;border-radius:10px;margin-top:20px;padding:16px}.time-setting label{color:#1a2b3c;display:block;font-weight:500;margin-bottom:8px}.time-setting input[type=time]{border:2px solid #e2e8f0;border-radius:10px;font-size:16px;padding:10px 14px;width:150px}.time-setting input[type=time]:focus{border-color:#014265;box-shadow:0 0 0 3px #0142651a;outline:none}.time-hint{color:#64748b;font-size:13px;margin-top:8px}@keyframes adminFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.admin-personio-container{padding:16px}.personio-content-card{border-radius:14px;padding:20px}.personio-content-card h2{font-size:1.1rem}.config-row{align-items:flex-start;gap:4px}.button-group,.config-row{flex-direction:column}.personio-button{justify-content:center;width:100%}.filter-header{gap:8px}.auto-sync-toggle,.filter-header{align-items:flex-start;flex-direction:column}.auto-sync-toggle{gap:12px}}[data-theme=dark] .personio-content-card{background:var(--color-bg-elevated);box-shadow:0 2px 8px #0003}[data-theme=dark] .personio-content-card h2{color:var(--color-text-primary)}[data-theme=dark] .personio-content-card>p{color:var(--color-text-tertiary)}[data-theme=dark] .config-row{background:var(--color-bg-tertiary)}[data-theme=dark] .config-label,[data-theme=dark] .config-value{color:var(--color-text-primary)}[data-theme=dark] .personio-table th{background:var(--color-bg-tertiary)}[data-theme=dark] .personio-table td,[data-theme=dark] .personio-table th{border-bottom-color:var(--color-border-primary);color:var(--color-text-primary)}[data-theme=dark] .info-box,[data-theme=dark] .personio-table tbody tr:hover{background:var(--color-bg-tertiary)}[data-theme=dark] .info-box{border-left-color:var(--color-secondary)}[data-theme=dark] .warning-box{background:#f59e0b1a}[data-theme=dark] .info-box li,[data-theme=dark] .info-box strong,[data-theme=dark] .warning-box li,[data-theme=dark] .warning-box strong{color:var(--color-text-primary)}.admin-feedback-page{animation:adminFbFadeIn .3s ease-in-out;margin:0 auto;max-width:1200px}@keyframes adminFbFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.admin-feedback-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));margin-bottom:20px}.admin-feedback-stat{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;padding:16px 12px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.admin-feedback-stat:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.admin-feedback-stat-value{color:#014265;font-size:26px;font-weight:700}.admin-feedback-stat-label{color:#64748b;font-size:11px;font-weight:500;letter-spacing:.3px;margin-top:4px;text-transform:uppercase}.admin-feedback-stat--neu .admin-feedback-stat-value{color:#014265}.admin-feedback-stat--in_bearbeitung .admin-feedback-stat-value{color:#b45309}.admin-feedback-stat--weitergeleitet .admin-feedback-stat-value{color:#3a7ca5}.admin-feedback-stat--erledigt .admin-feedback-stat-value{color:#15803d}.admin-feedback-controls{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:16px 20px}.admin-feedback-controls input,.admin-feedback-controls select{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#1a2b3c;font-size:14px;padding:10px 14px;transition:all .2s ease}.admin-feedback-controls input:focus,.admin-feedback-controls select:focus{border-color:#014265;box-shadow:0 0 0 3px #0142651a;outline:none}.admin-feedback-controls input{flex:1 1;min-width:200px}.admin-feedback-controls input::placeholder{color:#94a3b8}.admin-feedback-list{display:flex;flex-direction:column;gap:10px}.admin-feedback-card{background:#fff;border-left:4px solid #0000;border-radius:16px;box-shadow:0 2px 8px #0000000f;cursor:pointer;padding:18px 20px;transition:all .2s ease}.admin-feedback-card:hover{box-shadow:0 4px 16px #0142651f;transform:translateY(-2px)}.admin-feedback-card--idea{border-left-color:#014265}.admin-feedback-card--praise{border-left-color:#15803d}.admin-feedback-card--criticism{border-left-color:#dc2626}.admin-feedback-card--improvement{border-left-color:#3a7ca5}.admin-feedback-card--other{border-left-color:#64748b}.admin-feedback-card-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.admin-feedback-card-title{color:#1a2b3c;font-size:15px;font-weight:600;margin:0 0 6px}.admin-feedback-card-meta{align-items:center;color:#64748b;display:flex;font-size:13px;gap:12px}.admin-feedback-card-sender{color:#1a2b3c;font-weight:500}.admin-feedback-card-anon{color:#3a7ca5;font-style:italic}.admin-feedback-card-attachments{align-items:center;color:#3a7ca5;display:inline-flex;font-size:12px;gap:4px}.admin-fb-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:11px;font-weight:600;letter-spacing:.3px;padding:3px 10px;text-transform:uppercase}.admin-fb-badge--idea{background:#0142651a;color:#014265}.admin-fb-badge--praise{background:#15803d1a;color:#15803d}.admin-fb-badge--criticism{background:#dc26261a;color:#dc2626}.admin-fb-badge--improvement{background:#3a7ca51a;color:#3a7ca5}.admin-fb-badge--other{background:#64748b1a;color:#64748b}.admin-fb-status--neu{background:#0142651a;color:#014265}.admin-fb-status--in_bearbeitung{background:#b453091a;color:#b45309}.admin-fb-status--weitergeleitet{background:#3a7ca51a;color:#3a7ca5}.admin-fb-status--erledigt{background:#15803d1a;color:#15803d}.admin-feedback-detail{background:#fff;border-radius:20px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.admin-feedback-detail-back{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#014265;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;margin-bottom:16px;padding:10px 16px;transition:all .2s ease}.admin-feedback-detail-back:hover{background:#f0f7fb;border-color:#014265}.admin-feedback-detail-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px}.admin-feedback-detail-body{padding:24px}.admin-feedback-detail-info{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:24px}.admin-feedback-detail-info-item{display:flex;flex-direction:column;gap:4px}.admin-feedback-detail-info-label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.admin-feedback-detail-info-value{color:#1a2b3c;font-size:14px;font-weight:500}.admin-feedback-detail-section-title{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.admin-feedback-detail-description{background:#f0f7fb;border-radius:12px;color:#1a2b3c;font-size:14px;line-height:1.7;margin:16px 0;padding:16px;white-space:pre-wrap}.admin-feedback-attachments{margin-top:20px}.admin-feedback-attachments h4{color:#014265;font-size:13px;font-weight:600;margin:0 0 12px}.admin-feedback-attachment-item{align-items:center;background:#f0f7fb;border:1px solid #0000;border-radius:12px;color:#1a2b3c;cursor:pointer;display:flex;gap:10px;margin-bottom:8px;padding:12px 16px;text-decoration:none;transition:all .2s ease}.admin-feedback-attachment-item:hover{background:#01426514;border-color:#01426526}.admin-feedback-attachment-name{flex:1 1;font-size:13px;font-weight:500}.admin-feedback-attachment-size{color:#64748b;font-size:12px}.admin-feedback-actions{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:20px;padding:24px}.admin-feedback-action-group{display:flex;flex-direction:column;gap:8px}.admin-feedback-action-group label{color:#014265;font-size:12px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.admin-feedback-action-group select,.admin-feedback-action-group textarea{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#1a2b3c;font-family:inherit;font-size:14px;padding:10px 14px;transition:all .2s ease}.admin-feedback-action-group select:focus,.admin-feedback-action-group textarea:focus{border-color:#014265;box-shadow:0 0 0 3px #0142651a;outline:none}.admin-feedback-action-group textarea{min-height:80px;resize:vertical}.admin-feedback-save-btn{align-items:center;align-self:flex-start;background:linear-gradient(135deg,#014265,#026a9c);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s ease}.admin-feedback-save-btn:hover{box-shadow:0 4px 12px #0142654d;transform:translateY(-1px)}.admin-feedback-save-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.admin-feedback-empty{color:#64748b;padding:60px 24px;text-align:center}.admin-feedback-empty svg{color:#3a7ca5;opacity:.4}.admin-feedback-empty p{font-size:15px;margin:12px 0 0}.admin-feedback-loading{align-items:center;color:#64748b;display:flex;gap:10px;justify-content:center;padding:60px}.admin-feedback-loading .spinner{animation:adminFbSpin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#014265;height:24px;width:24px}@keyframes adminFbSpin{to{transform:rotate(1turn)}}.admin-feedback-pagination{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:20px}.admin-feedback-pagination button{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#014265;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.admin-feedback-pagination button:hover:not(:disabled){background:#f0f7fb;border-color:#014265}.admin-feedback-pagination button:disabled{cursor:not-allowed;opacity:.4}.admin-feedback-pagination span{color:#64748b;font-size:13px;font-weight:500}@media (max-width:768px){.admin-feedback-page{padding:0}.admin-feedback-stats{gap:8px;grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.admin-feedback-stat{border-radius:12px;padding:12px 8px}.admin-feedback-stat-value{font-size:22px}.admin-feedback-controls{border-radius:14px;gap:8px;padding:12px}.admin-feedback-controls input{min-width:100%}.admin-feedback-controls select{flex:1 1;min-width:0}.admin-feedback-card{border-radius:14px;padding:14px 16px}.admin-feedback-detail{border-radius:16px}.admin-feedback-detail-info{gap:12px;grid-template-columns:1fr}.admin-feedback-actions,.admin-feedback-detail-body,.admin-feedback-detail-header{padding:16px}}[data-theme=dark] .admin-feedback-card,[data-theme=dark] .admin-feedback-controls,[data-theme=dark] .admin-feedback-detail,[data-theme=dark] .admin-feedback-stat{background:var(--color-bg-elevated);box-shadow:0 2px 8px #0003}[data-theme=dark] .admin-feedback-card-title,[data-theme=dark] .admin-feedback-stat-value{color:var(--color-text-primary)}[data-theme=dark] .admin-feedback-card-meta,[data-theme=dark] .admin-feedback-stat-label{color:var(--color-text-tertiary)}[data-theme=dark] .admin-feedback-action-group select,[data-theme=dark] .admin-feedback-action-group textarea,[data-theme=dark] .admin-feedback-controls input,[data-theme=dark] .admin-feedback-controls select{background:var(--color-bg-secondary);border-color:var(--color-border-primary);color:var(--color-text-primary)}[data-theme=dark] .admin-feedback-action-group select:focus,[data-theme=dark] .admin-feedback-action-group textarea:focus,[data-theme=dark] .admin-feedback-controls input:focus,[data-theme=dark] .admin-feedback-controls select:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #3a7ca533}[data-theme=dark] .admin-feedback-detail-description{background:var(--color-bg-secondary);color:var(--color-text-primary)}[data-theme=dark] .admin-feedback-card-sender,[data-theme=dark] .admin-feedback-detail-info-value{color:var(--color-text-primary)}[data-theme=dark] .admin-feedback-action-group label,[data-theme=dark] .admin-feedback-detail-info-label{color:var(--color-text-tertiary)}[data-theme=dark] .admin-feedback-detail-back{background:var(--color-bg-elevated);border-color:var(--color-border-primary);color:var(--color-secondary)}[data-theme=dark] .admin-feedback-detail-back:hover{background:var(--color-bg-tertiary)}[data-theme=dark] .admin-feedback-attachment-item{background:var(--color-bg-secondary);color:var(--color-text-primary)}[data-theme=dark] .admin-feedback-actions{background:var(--color-bg-secondary);border-top-color:var(--color-border-primary)}[data-theme=dark] .admin-feedback-pagination button{background:var(--color-bg-elevated);border-color:var(--color-border-primary);color:var(--color-text-primary)}[data-theme=dark] .admin-feedback-pagination button:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-secondary)}[data-theme=dark] .admin-feedback-detail-header{border-bottom-color:var(--color-border-primary)}.feedback-settings-page{margin:0 auto;max-width:800px}.feedback-settings-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;padding:24px}.feedback-settings-card h3{color:#014265;font-size:15px;font-weight:600;margin:0 0 16px}.feedback-settings-email-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.feedback-settings-email-item{align-items:center;background:#f0f7fb;border:1px solid #0000;border-radius:12px;display:flex;gap:10px;padding:12px 16px;transition:all .2s ease}.feedback-settings-email-item:hover{border-color:#01426526}.feedback-settings-email-item span{color:#1a2b3c;flex:1 1;font-size:14px;font-weight:500}.feedback-settings-email-remove{align-items:center;background:none;border:none;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;padding:6px;transition:all .2s ease}.feedback-settings-email-remove:hover{background:#dc26261a}.feedback-settings-add-row{display:flex;gap:10px}.feedback-settings-add-row input{border:2px solid #e2e8f0;border-radius:10px;color:#1a2b3c;flex:1 1;font-size:14px;padding:10px 14px;transition:all .2s ease}.feedback-settings-add-row input::placeholder{color:#94a3b8}.feedback-settings-add-row input:focus{border-color:#014265;box-shadow:0 0 0 3px #0142651a;outline:none}.feedback-settings-add-btn{background:linear-gradient(135deg,#014265,#026a9c);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.feedback-settings-add-btn:hover{box-shadow:0 4px 12px #0142654d;transform:translateY(-1px)}.feedback-settings-empty{background:#f0f7fb;border-radius:12px;color:#64748b;font-size:14px;margin-bottom:16px;padding:32px 24px;text-align:center}.feedback-settings-loading{align-items:center;color:#64748b;display:flex;gap:8px;justify-content:center;padding:60px}.feedback-settings-loading .spinner{animation:fbSettingsSpin .8s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#014265;height:20px;width:20px}@keyframes fbSettingsSpin{to{transform:rotate(1turn)}}@media (max-width:768px){.feedback-settings-card{border-radius:14px;padding:16px}.feedback-settings-add-row{flex-direction:column}.feedback-settings-add-btn{justify-content:center;text-align:center;width:100%}}[data-theme=dark] .feedback-settings-card{background:var(--color-bg-elevated);box-shadow:0 2px 8px #0003}[data-theme=dark] .feedback-settings-card h3{color:var(--color-secondary)}[data-theme=dark] .feedback-settings-email-item{background:var(--color-bg-secondary);border-color:var(--color-border-primary)}[data-theme=dark] .feedback-settings-email-item span{color:var(--color-text-primary)}[data-theme=dark] .feedback-settings-add-row input{background:var(--color-bg-secondary);border-color:var(--color-border-primary);color:var(--color-text-primary)}[data-theme=dark] .feedback-settings-add-row input:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #3a7ca533}[data-theme=dark] .feedback-settings-empty{background:var(--color-bg-secondary);color:var(--color-text-tertiary)}.admin-section{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;margin-bottom:20px;padding:24px}.admin-section h2{color:#014265;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.admin-section p{color:#4a5568;line-height:1.6;margin-bottom:1.5rem}.admin-menu-list{display:flex;flex-direction:column;gap:8px}.admin-menu-item{align-items:center;background:#f0f7fb;border:1px solid #01426514;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:14px 18px;transition:all .2s ease}.admin-menu-item:hover{background:#01426514;border-color:#01426526;box-shadow:0 2px 8px #01426514;transform:translateY(-1px)}.admin-menu-item span{color:#1a2b3c;font-size:.95rem;font-weight:500}.admin-menu-item svg{color:#3a7ca5}.settings-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:1.5rem}.setting-item{display:flex;flex-direction:column;gap:.5rem}.setting-item label{color:#1a2b3c;font-size:.95rem;font-weight:500}.setting-item select{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#1a2b3c;cursor:pointer;font-size:1rem;padding:.75rem;transition:all .2s ease}.setting-item select:hover{border-color:#3a7ca5}.setting-item select:focus{border-color:#014265;box-shadow:0 0 0 3px #0142651a;outline:none}.link-button{background:none;border:none;color:#014265;cursor:pointer;font-size:1rem;font-weight:500;padding:0;text-decoration:none;transition:color .2s}.link-button:hover{color:#026a9c;text-decoration:underline}.admin-hero{background:linear-gradient(135deg,#014265,#026a9c);border-radius:20px;color:#fff;gap:16px;margin-bottom:24px;min-width:0;padding:24px}.admin-hero,.admin-hero-icon{align-items:center;display:flex}.admin-hero-icon{background:#ffffff26;border-radius:16px;flex-shrink:0;height:56px;justify-content:center;width:56px}.admin-hero-icon svg{color:#fff}.admin-hero h1{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 4px}.admin-hero p{color:#fff;font-size:.875rem;margin:0;opacity:.9}.admin-card-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.admin-card{align-items:center;background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 2px 8px #0000000f;cursor:pointer;display:flex;gap:16px;min-width:0;padding:20px;transition:all .2s ease}.admin-card:hover{border-color:#01426526;box-shadow:0 4px 16px #0142651f;transform:translateY(-2px)}.admin-card-icon{align-items:center;background:#f0f7fb;border-radius:14px;color:#014265;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.admin-card-content{flex:1 1;min-width:0;overflow:hidden}.admin-card-content h3{color:#1a2b3c;font-size:15px;font-weight:600;margin:0 0 4px}.admin-card-content p{color:#64748b;font-size:13px;line-height:1.4;margin:0}.admin-card-arrow{color:#94a3b8;flex-shrink:0;transition:all .2s ease}.admin-card:hover .admin-card-arrow{color:#014265;transform:translateX(4px)}.admin-breadcrumb{align-items:center;background:#fff;border-radius:14px;box-shadow:0 2px 8px #0000000f;display:flex;gap:12px;margin-bottom:20px;padding:12px 20px}.breadcrumb-back{align-items:center;background:linear-gradient(135deg,#014265,#026a9c);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.breadcrumb-back:hover{box-shadow:0 4px 12px #0142654d;transform:translateX(-2px)}.breadcrumb-separator{color:#cbd5e1;font-size:18px;font-weight:300}.breadcrumb-current{color:#014265;font-size:15px;font-weight:600}@media (min-width:600px){.admin-card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.admin-card-grid{grid-template-columns:repeat(2,1fr);max-width:960px}}@media (min-width:1280px){.admin-card-grid{grid-template-columns:repeat(3,1fr);max-width:1200px}}@media (max-width:768px){.admin-section{border-radius:14px;margin-bottom:12px;padding:16px}.admin-section h2{font-size:1.125rem}.admin-menu-item{padding:12px 14px}.settings-grid{gap:1rem;grid-template-columns:1fr}.admin-hero{border-radius:16px;margin-bottom:16px;padding:20px}.admin-hero-icon{border-radius:12px;height:44px;width:44px}.admin-hero h1{font-size:1.1rem}.admin-card-grid{gap:12px;grid-template-columns:1fr}.admin-card{border-radius:14px;padding:16px}.admin-breadcrumb{border-radius:12px;margin-bottom:14px;padding:10px 14px}}@media (max-width:480px){.admin-section{border-radius:12px;padding:14px}.admin-section h2{font-size:1rem}.admin-menu-item{border-radius:10px;padding:10px 12px}.admin-menu-item span{font-size:.875rem}}[data-theme=dark] .admin-section{background:var(--color-bg-elevated);box-shadow:0 2px 8px #0003}[data-theme=dark] .admin-section h2{color:var(--color-text-primary)}[data-theme=dark] .admin-section p{color:var(--color-text-tertiary)}[data-theme=dark] .admin-menu-item{background:var(--color-bg-tertiary);border-color:var(--color-border-primary)}[data-theme=dark] .admin-menu-item:hover{background:var(--color-bg-secondary);border-color:var(--color-border-primary)}[data-theme=dark] .admin-menu-item span{color:var(--color-text-primary)}[data-theme=dark] .admin-menu-item svg{color:var(--color-text-tertiary)}[data-theme=dark] .setting-item label{color:var(--color-text-primary)}[data-theme=dark] .setting-item select{background:var(--color-bg-secondary);border-color:var(--color-border-primary);color:var(--color-text-primary)}[data-theme=dark] .setting-item select:hover{border-color:var(--color-text-tertiary)}[data-theme=dark] .setting-item select:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #3a7ca533}[data-theme=dark] .link-button{color:var(--color-secondary)}.upload-manager{margin:0 auto;max-width:1400px;padding:24px}.upload-header{justify-content:space-between;margin-bottom:32px}.header-left,.upload-header{align-items:center;display:flex}.header-left{gap:16px}.header-left svg{color:var(--color-turquoise)}.upload-header h1{color:var(--color-text);font-size:28px;margin:0 0 4px}.upload-header p{color:var(--color-text-light);font-size:14px;margin:0}.btn-refresh{background:var(--color-turquoise);font-weight:500;padding:10px 20px;transition:all .2s}.btn-refresh:hover{background:#0097a7}.upload-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:32px}.stat-value{color:var(--color-turquoise);font-size:32px;font-weight:700;margin-bottom:8px}.stat-label{color:var(--color-text-light);font-size:13px;font-weight:500}.upload-categories{border-bottom:2px solid #e0e0e0;display:flex;gap:8px;margin-bottom:24px;padding-bottom:0}.category-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:var(--color-text-light);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;margin-bottom:-2px;padding:12px 20px;transition:all .2s}.category-tab:hover{background:#00bcd40d;color:var(--color-turquoise)}.category-tab.active{border-bottom-color:var(--color-turquoise);color:var(--color-turquoise)}.category-count{background:#00bcd41a;border-radius:12px;color:var(--color-turquoise);font-size:12px;font-weight:600;padding:2px 8px}.category-tab.active .category-count{background:var(--color-turquoise);color:#fff}.files-container{min-height:400px}.empty-state{align-items:center;color:var(--color-text-light);display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.empty-state svg{margin-bottom:16px;opacity:.3}.files-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.file-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:all .2s}.file-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.file-preview{align-items:center;background:#f0f7fb;display:flex;height:180px;justify-content:center;overflow:hidden;width:100%}.file-preview img{height:100%;object-fit:cover;width:100%}.file-icon{color:var(--color-text-light)}.file-info{padding:16px}.file-name{color:var(--color-text);font-weight:500;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta{color:var(--color-text-light);display:flex;font-size:12px;justify-content:space-between;margin-bottom:12px}.file-usage-badge{background:#fff3e0;border:1px solid #ffb74d;border-radius:6px;color:#f57c00;font-size:11px;font-weight:500;margin-bottom:12px;overflow:hidden;padding:6px 10px;text-overflow:ellipsis;white-space:nowrap}.file-actions{display:flex;gap:8px}.btn-view{background:var(--color-turquoise);border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:8px 12px;text-align:center;text-decoration:none;transition:all .2s}.btn-view:hover{background:#0097a7}.btn-delete{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#f44336;cursor:pointer;padding:8px 12px;transition:all .2s}.btn-delete:hover{background:#ffebee;border-color:#f44336}.loading-spinner{color:var(--color-text-light);font-size:16px;padding:60px;text-align:center}.error-message{background:#ffebee;border-radius:8px;color:#c62828;font-size:14px;margin-bottom:24px;padding:16px}.modal-content{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;max-width:400px;padding:32px;width:90%}.modal-content h3{color:var(--color-text);font-size:20px;margin:0 0 12px}.modal-content p{color:var(--color-text-light);font-size:14px;margin:0 0 8px}.file-name-confirm{background:#f0f7fb;border-radius:6px;color:var(--color-text);font-weight:600;margin-bottom:24px!important;padding:8px 12px;word-break:break-all}.modal-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.btn-cancel,.btn-confirm-delete,.btn-confirm-delete-partial{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;min-width:120px;padding:12px;transition:all .2s}.btn-cancel{background:#f0f7fb;color:var(--color-text)}.btn-cancel:hover{background:#e0e0e0}.btn-confirm-delete{background:#f44336;color:#fff}.btn-confirm-delete:hover{background:#d32f2f}.btn-confirm-delete-partial{background:#ff9800;color:#fff}.btn-confirm-delete-partial:hover{background:#f57c00}.warning-box{background:#fff3e0;border:2px solid #ffb74d;border-radius:8px;margin:16px 0;padding:12px}.warning-box strong{color:#f57c00;display:block;margin-bottom:8px}.warning-box p{color:#e65100;font-size:13px;margin:4px 0!important}@media (max-width:768px){.upload-manager{padding:16px}.upload-header{align-items:flex-start;flex-direction:column;gap:16px}.upload-stats{grid-template-columns:repeat(2,1fr)}.upload-categories{flex-wrap:nowrap;overflow-x:auto}.files-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.file-preview{height:140px}}.language-management{animation:fadeIn .3s ease-in-out;margin:0 auto;max-width:1400px;padding:32px}.language-management .page-header{align-items:center;display:flex;gap:16px;margin-bottom:32px}.page-header-icon{align-items:center;background:linear-gradient(135deg,#014265,#026b9c);border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.page-header-content h1{color:#1a1a1a;font-size:28px;font-weight:700;margin:0 0 4px}.page-subtitle{color:#666;font-size:15px;margin:0}.language-actions-card{align-items:center;background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;justify-content:space-between;margin-bottom:32px;padding:20px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.language-actions-card:hover{border-color:#e8f4f8;box-shadow:0 4px 16px #0142651f}.btn-translate{align-items:center;background:#014265;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;padding:14px 24px;transition:all .2s ease}.btn-translate:hover:not(:disabled){background:#012d47;box-shadow:0 4px 12px #0142654d;transform:translateY(-2px)}.btn-translate:disabled{cursor:not-allowed;opacity:.5;transform:none}.language-stats{display:flex;gap:12px}.stat-badge{align-items:center;background:#f5f7fa;border:1px solid #e0e0e0;border-radius:10px;color:#666;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px}.stat-badge.stat-active{background:#e8f5e9;border-color:#c8e6c9;color:#2e7d32}.stat-badge.stat-inactive{background:#fff3e0;border-color:#ffe0b2;color:#e65100}.stat-badge svg{flex-shrink:0}.section-card{border:2px solid #0000;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.section-card:before{background:#014265;content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%}.section-card:hover{border-color:#e8f4f8;box-shadow:0 4px 16px #0142651f}.section-card:hover:before{transform:scaleX(1)}.section-header{align-items:center;color:#014265;display:flex;gap:12px;margin-bottom:8px}.section-header h2{color:#1a1a1a;font-size:18px;font-weight:600;margin:0}.section-description{color:#666;font-size:14px;line-height:1.5;margin:0 0 20px}.languages-section{margin-bottom:32px}.languages-section .section-header{margin-bottom:8px}.languages-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:20px}.language-card{background:#fff;border:2px solid #e0e0e0;border-radius:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.language-card:before{background:#014265;content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%}.language-card:hover{border-color:#014265;box-shadow:0 8px 24px #01426526;transform:translateY(-4px)}.language-card:hover:before{transform:scaleX(1)}.language-card.enabled{background:linear-gradient(135deg,#fff,#4caf5008);border-color:#4caf50}.language-card.enabled:before{background:#4caf50}.language-card.disabled{opacity:.85}.language-card.disabled:hover{opacity:1}.language-card-header{align-items:center;display:flex;gap:14px;margin-bottom:16px}.language-flag{font-size:40px;line-height:1}.language-names{flex:1 1}.language-names h3{color:#1a1a1a;font-size:17px;font-weight:600;margin:0 0 2px}.language-english-name{color:#666;font-size:13px}.default-badge{background:#014265;border-radius:20px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.language-card-body{border-bottom:1px solid #f0f0f0;margin-bottom:16px;padding-bottom:16px}.language-info{align-items:center;display:flex;font-size:14px;gap:8px}.info-label{color:#666;font-weight:500}.language-info code{background:#f5f7fa;border:1px solid #e0e0e0;border-radius:6px;color:#014265;font-family:SF Mono,Consolas,monospace;font-size:13px;font-weight:600;padding:4px 10px}.language-card-actions{display:flex;gap:10px}.btn-action{display:flex;flex:1 1;font-size:14px;gap:8px;padding:12px 16px}.btn-enable{background:#e8f5e9;border:1px solid #c8e6c9;color:#2e7d32}.btn-enable:hover{background:#4caf50;box-shadow:0 4px 12px #4caf504d;color:#fff;transform:translateY(-2px)}.btn-disable{background:#ffebee;border:1px solid #ffcdd2;color:#c62828}.btn-disable:hover:not(:disabled){background:#ef5350;box-shadow:0 4px 12px #f443364d;color:#fff;transform:translateY(-2px)}.btn-disable:disabled{cursor:not-allowed;opacity:.4;transform:none}.translation-progress-section{background:linear-gradient(135deg,#e8f4f8,#f5f9fc);border:1px solid #cce5f0}.translation-progress-section:before{background:#0284c7}.progress-list{display:flex;flex-direction:column;gap:12px}.progress-item{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:16px;transition:all .2s ease}.progress-item:hover{border-color:#014265;box-shadow:0 4px 12px #00000014}.progress-header{margin-bottom:10px}.progress-lang-name{color:#1a1a1a;font-size:15px;font-weight:600}.progress-stats{background:#f5f7fa;border-radius:6px;color:#666;font-family:SF Mono,Consolas,monospace;font-size:13px;font-weight:600;padding:4px 10px}.progress-bar-container{background:#e8e8e8;border-radius:5px;height:10px;overflow:hidden}.progress-bar{height:100%;transition:width .5s ease}.progress-bar.in-progress{animation:progressPulse 2s ease-in-out infinite;background:linear-gradient(90deg,#014265,#026b9c)}.progress-bar.complete{background:linear-gradient(90deg,#4caf50,#66bb6a)}.progress-complete-badge{align-items:center;background:#e8f5e9;border-radius:20px;color:#2e7d32;display:inline-flex;font-size:12px;font-weight:600;gap:6px;margin-top:10px;padding:6px 12px}.progress-info{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:10px;color:#666;display:flex;font-size:14px;gap:12px;margin-top:16px;padding:14px 18px}.info-box{border-left:4px solid #014265;border-radius:12px;margin-top:32px}.info-box-header{align-items:center;color:#014265;display:flex;gap:10px;margin-bottom:14px}.info-box-header h3{color:#014265;font-size:16px;font-weight:600;margin:0}.info-box ul{list-style:none;padding:0}.info-box li{line-height:1.6;padding:8px 0 8px 24px;position:relative}.info-box li:before{background:#014265;border-radius:50%;content:"";height:8px;left:0;position:absolute;top:14px;width:8px}.loading-state{color:#666}.loading-state p{font-size:15px;margin-top:16px}.spinner{animation:spin 1s linear infinite;border:3px solid #e0e0e0;height:40px;width:40px}.spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;display:inline-block;height:16px;width:16px}.progress-info .spinner-small{border:2px solid #e0e0e0;border-top-color:#014265}@media (max-width:768px){.language-management{padding:20px}.language-management .page-header{align-items:flex-start;flex-direction:column;gap:12px}.page-header-content h1{font-size:24px}.language-actions-card{align-items:stretch;flex-direction:column;gap:16px}.btn-translate,.language-stats{justify-content:center;width:100%}.languages-grid{grid-template-columns:1fr}.language-card{padding:16px}.language-flag{font-size:32px}}@media (max-width:480px){.language-management{padding:16px}.page-header-icon{height:40px;width:40px}.page-header-content h1{font-size:20px}.stat-badge{font-size:13px;padding:8px 12px}.btn-action{font-size:13px;padding:10px 14px}}[data-theme=dark] .language-management{background:#1a1a1a}[data-theme=dark] .page-header-content h1{color:#fff}[data-theme=dark] .page-subtitle{color:#aaa}[data-theme=dark] .language-actions-card{background:#2a2a2a;border-color:#3a3a3a}[data-theme=dark] .language-actions-card:hover{border-color:#4a4a4a}[data-theme=dark] .btn-translate{background:#4a9eff}[data-theme=dark] .btn-translate:hover:not(:disabled){background:#3a8eef}[data-theme=dark] .stat-badge{background:#333;border-color:#444;color:#ccc}[data-theme=dark] .stat-badge.stat-active{background:#1b3d2f;border-color:#2e5540;color:#81c784}[data-theme=dark] .stat-badge.stat-inactive{background:#3d2b1b;border-color:#5c4025;color:#ffb74d}[data-theme=dark] .section-card{background:#2a2a2a;border-color:#3a3a3a}[data-theme=dark] .section-card:hover{border-color:#4a4a4a}[data-theme=dark] .section-header h2{color:#fff}[data-theme=dark] .section-description{color:#aaa}[data-theme=dark] .language-card{background:#2a2a2a;border-color:#3a3a3a}[data-theme=dark] .language-card:hover{border-color:#4a9eff;box-shadow:0 8px 24px #4a9eff26}[data-theme=dark] .language-card.enabled{background:linear-gradient(135deg,#2a2a2a,#4caf5014);border-color:#4caf50}[data-theme=dark] .language-names h3{color:#fff}[data-theme=dark] .language-english-name{color:#aaa}[data-theme=dark] .default-badge{background:#4a9eff}[data-theme=dark] .language-card-body{border-bottom-color:#3a3a3a}[data-theme=dark] .info-label{color:#aaa}[data-theme=dark] .language-info code{background:#333;border-color:#444;color:#4a9eff}[data-theme=dark] .btn-enable{background:#1b3d2f;border-color:#2e5540;color:#81c784}[data-theme=dark] .btn-enable:hover{background:#4caf50;color:#fff}[data-theme=dark] .btn-disable{background:#3d1b1b;border-color:#5c2525;color:#ef9a9a}[data-theme=dark] .btn-disable:hover:not(:disabled){background:#ef5350;color:#fff}[data-theme=dark] .translation-progress-section{background:linear-gradient(135deg,#1a2a3a,#252535);border-color:#2a4a6a}[data-theme=dark] .progress-item{background:#2a2a2a;border-color:#3a3a3a}[data-theme=dark] .progress-item:hover{border-color:#4a9eff}[data-theme=dark] .progress-lang-name{color:#fff}[data-theme=dark] .progress-stats{background:#333;color:#ccc}[data-theme=dark] .progress-bar-container{background:#333}[data-theme=dark] .progress-bar.in-progress{background:linear-gradient(90deg,#4a9eff,#6ab0ff)}[data-theme=dark] .progress-complete-badge{background:#1b3d2f;color:#81c784}[data-theme=dark] .progress-info{background:#2a2a2a;border-color:#3a3a3a;color:#aaa}[data-theme=dark] .info-box-header,[data-theme=dark] .info-box-header h3{color:#4a9eff}[data-theme=dark] .info-box li{color:#ccc}[data-theme=dark] .info-box li:before{background:#4a9eff}[data-theme=dark] .loading-state{color:#aaa}[data-theme=dark] .progress-info .spinner-small,[data-theme=dark] .spinner{border-color:#4a9eff #333 #333}.data-migration{animation:fadeIn .3s ease-in-out;margin:0 auto;max-width:900px;padding:32px}.data-migration .page-header{align-items:center;display:flex;gap:16px;margin-bottom:32px}.data-migration .page-header-icon{align-items:center;background:linear-gradient(135deg,#014265,#026b9c);border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.data-migration .page-header-content h1{color:#1a1a1a;font-size:28px;font-weight:700;margin:0 0 4px}.data-migration .page-subtitle{color:#666;font-size:15px;margin:0}.message{animation:slideIn .3s ease;border-radius:12px;font-size:14px;font-weight:500;gap:12px;margin-bottom:24px;padding:16px 20px}.message,.message-icon{align-items:center;display:flex}.message-icon{flex-shrink:0}.message-text{flex:1 1}.message-success{background:#e8f5e9;border:1px solid #c8e6c9;color:#2e7d32}.message-success .message-icon{color:#4caf50}.message-error{background:#ffebee;border:1px solid #ffcdd2;color:#c62828}.message-error .message-icon{color:#ef5350}.message-info{background:#e8f4f8;border:1px solid #cce5f0;color:#014265}.message-info .message-icon{color:#014265}.migration-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;overflow:hidden;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.migration-card:before{background:#014265;content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%}.migration-card:hover{border-color:#e8f4f8;box-shadow:0 4px 16px #0142651f}.migration-card:hover:before{transform:scaleX(1)}.card-header{border-bottom:1px solid #f0f0f0;gap:16px;padding:20px 24px}.card-header,.card-icon{align-items:center;display:flex}.card-icon{border-radius:10px;color:#fff;height:44px;justify-content:center;width:44px}.card-icon.export-icon{background:linear-gradient(135deg,#014265,#026b9c)}.card-icon.import-icon{background:linear-gradient(135deg,#0284c7,#38bdf8)}.card-title h3{color:#1a1a1a;font-size:17px;font-weight:600;margin:0 0 4px}.card-title p{color:#666;font-size:14px;margin:0}.card-body{padding:24px}.info-box{align-items:flex-start;background:#e8f4f8;border-radius:10px;color:#014265;display:flex;font-size:14px;gap:12px;line-height:1.5;margin-bottom:20px;padding:14px 18px}.info-box svg{flex-shrink:0;margin-top:2px}.warning-box{align-items:flex-start;background:#fff8e6;border:1px solid #ffd666;border-radius:10px;color:#8a6d3b;display:flex;gap:12px;margin-bottom:20px;padding:16px 18px}.warning-box svg{color:#faad14;flex-shrink:0;margin-top:2px}.warning-content{display:flex;flex-direction:column;gap:4px}.warning-content strong{color:#8a6d3b;font-weight:600}.warning-content span{font-size:14px;line-height:1.5}.file-upload-area{margin-bottom:20px}.file-input{display:none}.file-label{align-items:center;background:#f5f7fa;border:2px dashed #d0d5dd;border-radius:12px;cursor:pointer;display:flex;justify-content:center;padding:24px;transition:all .2s ease}.file-label:hover{background:#e8f4f8;border-color:#014265}.file-label.has-file{background:#e8f5e9;border-color:#4caf50;border-style:solid}.file-placeholder{align-items:center;color:#666;display:flex;flex-direction:column;font-size:14px;gap:10px}.file-placeholder svg{color:#014265}.file-info{align-items:center;color:#2e7d32;display:flex;gap:12px}.file-info svg{flex-shrink:0}.file-details{display:flex;flex-direction:column;gap:2px}.file-name{font-size:14px;font-weight:600}.file-size{font-size:13px;opacity:.8}.progress-container{margin-bottom:20px}.progress-header{align-items:center;color:#666;display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.progress-percent{color:#014265;font-weight:600}.progress-bar{background:#e8e8e8;border-radius:5px;height:10px;overflow:hidden}.progress-fill{animation:progressPulse 2s ease-in-out infinite;background:linear-gradient(90deg,#014265,#026b9c);border-radius:5px;height:100%;transition:width .3s ease}@keyframes progressPulse{0%,to{opacity:1}50%{opacity:.7}}.btn-action{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:14px 28px;transition:all .2s ease}.btn-export{background:#014265;color:#fff}.btn-export:hover:not(:disabled){background:#012d47;box-shadow:0 4px 12px #0142654d;transform:translateY(-2px)}.btn-import{background:#0284c7;color:#fff}.btn-import:hover:not(:disabled){background:#0369a1;box-shadow:0 4px 12px #0284c74d;transform:translateY(-2px)}.btn-action:disabled{cursor:not-allowed;opacity:.5;transform:none}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;display:inline-block;height:16px;width:16px}.info-section{background:#e8f4f8;border-left:4px solid #014265;border-radius:12px;margin-top:8px;padding:20px 24px}.info-section-header{align-items:center;color:#014265;display:flex;gap:10px;margin-bottom:14px}.info-section-header h4{color:#014265;font-size:16px;font-weight:600;margin:0}.info-section ul{list-style:none;margin:0;padding:0}.info-section ul li{color:#374151;font-size:14px;line-height:1.6;padding:8px 0 8px 24px;position:relative}.info-section ul li:before{background:#014265;border-radius:50%;content:"";height:8px;left:0;position:absolute;top:14px;width:8px}@media (max-width:768px){.data-migration{padding:20px}.data-migration .page-header{align-items:flex-start;flex-direction:column;gap:12px}.data-migration .page-header-content h1{font-size:24px}.card-header{align-items:flex-start;flex-direction:column;gap:12px;padding:16px 20px}.card-body{padding:20px}.btn-action{width:100%}.file-label{padding:20px 16px}}@media (max-width:480px){.data-migration{padding:16px}.data-migration .page-header-icon{height:40px;width:40px}.data-migration .page-header-content h1{font-size:20px}.card-icon{height:36px;width:36px}.card-title h3{font-size:15px}.btn-action{font-size:14px;padding:12px 20px}}[data-theme=dark] .data-migration{background:#1a1a1a}[data-theme=dark] .data-migration .page-header-content h1{color:#fff}[data-theme=dark] .data-migration .page-subtitle{color:#aaa}[data-theme=dark] .migration-card{background:#2a2a2a;border-color:#3a3a3a}[data-theme=dark] .migration-card:hover{border-color:#4a4a4a}[data-theme=dark] .migration-card:before{background:#4a9eff}[data-theme=dark] .card-header{border-bottom-color:#3a3a3a}[data-theme=dark] .card-icon.export-icon{background:linear-gradient(135deg,#4a9eff,#6ab0ff)}[data-theme=dark] .card-icon.import-icon{background:linear-gradient(135deg,#0ea5e9,#38bdf8)}[data-theme=dark] .card-title h3{color:#fff}[data-theme=dark] .card-title p{color:#aaa}[data-theme=dark] .info-box{background:#1a2a3a;color:#4a9eff}[data-theme=dark] .warning-box{background:#3d2b1b;border-color:#5c4025;color:#ffb74d}[data-theme=dark] .warning-box svg{color:#ffa726}[data-theme=dark] .warning-content span,[data-theme=dark] .warning-content strong{color:#ffb74d}[data-theme=dark] .file-label{background:#333;border-color:#444}[data-theme=dark] .file-label:hover{background:#3a3a3a;border-color:#4a9eff}[data-theme=dark] .file-label.has-file{background:#1b3d2f;border-color:#4caf50}[data-theme=dark] .file-placeholder{color:#aaa}[data-theme=dark] .file-placeholder svg{color:#4a9eff}[data-theme=dark] .file-info{color:#81c784}[data-theme=dark] .message-success{background:#1b3d2f;border-color:#2e5540;color:#81c784}[data-theme=dark] .message-error{background:#3d1b1b;border-color:#5c2525;color:#ef9a9a}[data-theme=dark] .message-info{background:#1a2a3a;border-color:#2a4a6a;color:#4a9eff}[data-theme=dark] .progress-header{color:#aaa}[data-theme=dark] .progress-percent{color:#4a9eff}[data-theme=dark] .progress-bar{background:#333}[data-theme=dark] .progress-fill{background:linear-gradient(90deg,#4a9eff,#6ab0ff)}[data-theme=dark] .btn-export{background:#4a9eff}[data-theme=dark] .btn-export:hover:not(:disabled){background:#3a8eef}[data-theme=dark] .btn-import{background:#0ea5e9}[data-theme=dark] .btn-import:hover:not(:disabled){background:#0284c7}[data-theme=dark] .info-section{background:#1a2a3a;border-left-color:#4a9eff}[data-theme=dark] .info-section-header,[data-theme=dark] .info-section-header h4{color:#4a9eff}[data-theme=dark] .info-section ul li{color:#ccc}[data-theme=dark] .info-section ul li:before{background:#4a9eff}.performance-page{animation:fadeIn .3s ease-in-out;margin:0 auto;max-width:1400px;padding:32px}.performance-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.performance-header h1{color:#1a1a1a;font-size:32px;font-weight:700;margin:0 0 8px}.performance-subtitle{color:#666;font-size:16px;margin:0}.header-actions{align-items:center;display:flex;gap:16px}.auto-refresh-toggle{align-items:center;cursor:pointer;display:flex;gap:10px;-webkit-user-select:none;user-select:none}.auto-refresh-toggle input{display:none}.toggle-slider{background:#d0d5dd;border-radius:12px;height:24px;position:relative;transition:all .2s ease;width:44px}.toggle-slider:after{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;content:"";height:20px;left:2px;position:absolute;top:2px;transition:all .2s ease;width:20px}.auto-refresh-toggle input:checked+.toggle-slider{background:#014265}.auto-refresh-toggle input:checked+.toggle-slider:after{left:22px}.toggle-label{color:#666;font-size:14px;font-weight:500}.btn-refresh{align-items:center;background:#014265;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s ease}.btn-refresh:hover{background:#012d47;transform:translateY(-1px)}.btn-retry{background:#014265;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-retry:hover{background:#012d47}.tab-navigation{border-bottom:2px solid #e0e0e0;display:flex;gap:8px;margin-bottom:24px;padding-bottom:0}.tab-btn{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;margin-bottom:-2px;padding:14px 20px;transition:all .2s ease}.tab-btn:hover{color:#014265}.tab-btn.active{border-bottom-color:#014265;color:#014265}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:24px}.metric-card{align-items:center;background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;gap:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.metric-card:before{background:#014265;content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%}.metric-card:hover{border-color:#014265;box-shadow:0 8px 24px #01426526;transform:translateY(-4px)}.metric-card:hover:before{transform:scaleX(1)}.metric-icon{align-items:center;background:#f5f7fa;border-radius:12px;color:#014265;display:flex;height:56px;justify-content:center;transition:all .2s ease;width:56px}.metric-card:hover .metric-icon{background:#e8f4f8;transform:scale(1.05)}.metric-content{flex:1 1}.metric-label{color:#666;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.metric-value{color:#014265;font-size:28px;font-weight:700;margin-bottom:2px}.metric-subtitle{color:#999;font-size:12px}.section-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;padding:24px}.section-card h2{color:#1a1a1a;font-size:18px;font-weight:600;margin:0 0 20px}.endpoints-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.endpoint-card{background:#f5f7fa;border-left:4px solid #014265;border-radius:12px;padding:20px}.endpoint-card.slow{border-left-color:#c62828}.endpoint-card.fast{border-left-color:#2e7d32}.endpoint-header{align-items:center;color:#666;display:flex;font-size:14px;font-weight:600;gap:10px;margin-bottom:12px}.endpoint-path{background:#fff;border-radius:8px;color:#1a1a1a;font-family:Monaco,Consolas,monospace;font-size:13px;margin-bottom:10px;padding:10px 12px;word-break:break-all}.endpoint-time{font-size:24px;font-weight:700}.endpoint-card.slow .endpoint-time{color:#c62828}.endpoint-card.fast .endpoint-time{color:#2e7d32}.endpoint-empty{color:#999;font-style:italic;padding:20px 0;text-align:center}.info-box{background:#e0f2fe;border-left:4px solid #0284c7;border-radius:8px;padding:20px 24px}.info-box strong{color:#1a1a1a;display:block;font-size:15px;font-weight:600;margin-bottom:12px}.info-box ul{margin:0;padding-left:20px}.info-box li{color:#374151;font-size:14px;line-height:1.5;margin-bottom:6px}.info-box li:last-child{margin-bottom:0}.login-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.stat-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px;text-align:center;transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.stat-card .stat-value{color:#014265;font-size:32px;font-weight:700;margin-bottom:4px}.stat-card .stat-label{color:#666;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-card.success .stat-value{color:#2e7d32}.stat-card.failed .stat-value{color:#c62828}.logs-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.logs-header h2{margin:0}.filter-buttons{display:flex;gap:8px}.filter-btn{background:#f5f7fa;border:none;border-radius:6px;color:#666;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.filter-btn:hover{background:#e8f4f8;color:#014265}.filter-btn.active{background:#014265;color:#fff}.logs-list{display:flex;flex-direction:column;gap:8px}.log-entry{align-items:center;background:#f5f7fa;border-left:4px solid #2e7d32;border-radius:10px;display:flex;gap:16px;padding:16px;transition:all .2s ease}.log-entry:hover{background:#e8f4f8}.log-entry.failed{border-left-color:#c62828}.log-status{flex-shrink:0}.log-content{flex:1 1;min-width:0}.log-user{align-items:baseline;display:flex;gap:10px;margin-bottom:4px}.user-name{color:#1a1a1a;font-size:15px;font-weight:600}.user-email{color:#666;font-size:13px}.log-details{color:#666;display:flex;flex-wrap:wrap;font-size:12px;gap:12px}.log-device{background:#e0e0e0;border-radius:4px;padding:2px 8px}.log-ip{font-family:Monaco,Consolas,monospace}.log-reason{color:#c62828;font-weight:500}.log-time{color:#666;flex-shrink:0;font-size:13px;text-align:right}.pagination{align-items:center;border-top:1px solid #e0e0e0;display:flex;gap:16px;justify-content:center;margin-top:24px;padding-top:20px}.pagination-btn{background:#f5f7fa;border:none;border-radius:8px;color:#014265;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#014265;color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:#666;font-size:14px}.loading-state{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 20px}.loading-state p{color:#666;font-size:16px;margin:0}.spinner{animation:spin .8s linear infinite;border:4px solid #f0f0f0;border-radius:50%;border-top-color:#014265;height:48px;width:48px}.loading-inline{align-items:center;color:#666;display:flex;gap:12px;justify-content:center;padding:40px}.spinner-small{animation:spin .8s linear infinite;border:3px solid #f0f0f0;border-radius:50%;border-top-color:#014265;height:24px;width:24px}.error-state{background:#ffebee;border-radius:16px;padding:60px 20px;text-align:center}.error-state p{color:#c62828;font-size:16px;margin:0 0 20px}.empty-state{color:#666;padding:40px 20px;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1024px){.login-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.performance-page{padding:20px}.performance-header{flex-direction:column;gap:16px}.performance-header h1{font-size:28px}.header-actions{justify-content:space-between;width:100%}.tab-navigation{overflow-x:auto}.tab-btn{white-space:nowrap}.endpoints-grid,.metrics-grid{grid-template-columns:1fr}.login-stats-grid{grid-template-columns:1fr 1fr}.log-entry,.logs-header{align-items:flex-start;flex-direction:column;gap:12px}.log-time{font-size:12px;text-align:left}.log-user{flex-direction:column;gap:2px}}@media (max-width:480px){.performance-page{padding:16px}.performance-header h1{font-size:24px}.login-stats-grid{grid-template-columns:1fr}.stat-card .stat-value{font-size:28px}.metric-card{padding:16px}.metric-value{font-size:24px}.filter-buttons{flex-wrap:wrap}}[data-theme=dark] .performance-page{background:#1a1a1a}[data-theme=dark] .performance-header h1{color:#fff}[data-theme=dark] .performance-subtitle,[data-theme=dark] .toggle-label{color:#aaa}[data-theme=dark] .tab-navigation{border-bottom-color:#3a3a3a}[data-theme=dark] .tab-btn{color:#aaa}[data-theme=dark] .tab-btn.active,[data-theme=dark] .tab-btn:hover{color:#4a9eff}[data-theme=dark] .tab-btn.active{border-bottom-color:#4a9eff}[data-theme=dark] .metric-card,[data-theme=dark] .section-card,[data-theme=dark] .stat-card{background:#2a2a2a}[data-theme=dark] .metric-icon{background:#333}[data-theme=dark] .metric-card:hover .metric-icon{background:#3a3a3a}[data-theme=dark] .metric-label,[data-theme=dark] .stat-label{color:#aaa}[data-theme=dark] .metric-value,[data-theme=dark] .stat-card .stat-value{color:#4a9eff}[data-theme=dark] .stat-card.success .stat-value{color:#4caf50}[data-theme=dark] .stat-card.failed .stat-value{color:#f44336}[data-theme=dark] .logs-header h2,[data-theme=dark] .section-card h2{color:#fff}[data-theme=dark] .endpoint-card{background:#333}[data-theme=dark] .endpoint-path{background:#2a2a2a;color:#fff}[data-theme=dark] .info-box{background:#2a3a4a;border-left-color:#4a9eff}[data-theme=dark] .info-box li,[data-theme=dark] .info-box strong{color:#fff}[data-theme=dark] .filter-btn{background:#333;color:#aaa}[data-theme=dark] .filter-btn:hover{background:#3a3a3a;color:#4a9eff}[data-theme=dark] .filter-btn.active{background:#4a9eff;color:#fff}[data-theme=dark] .log-entry{background:#333}[data-theme=dark] .log-entry:hover{background:#3a3a3a}[data-theme=dark] .user-name{color:#fff}[data-theme=dark] .log-details,[data-theme=dark] .log-time,[data-theme=dark] .user-email{color:#aaa}[data-theme=dark] .log-device{background:#444}[data-theme=dark] .pagination-btn{background:#333;color:#4a9eff}[data-theme=dark] .pagination-btn:hover:not(:disabled){background:#4a9eff;color:#fff}[data-theme=dark] .pagination-info{color:#aaa}[data-theme=dark] .error-state{background:#3a2a2a}.metric-card.clickable{cursor:pointer}.metric-card.clickable:hover{background:#f8fafc}.metric-click-hint{color:#014265;opacity:0;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all .2s ease}.metric-card.clickable:hover .metric-click-hint{opacity:1;right:12px}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.active-users-modal{animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:700px;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.active-users-modal .modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 24px}.active-users-modal .modal-header h2{align-items:center;color:#1a1a1a;display:flex;font-size:20px;font-weight:600;gap:12px;margin:0}.active-users-modal .modal-header h2 svg{color:#014265}.modal-close{background:none;border:none;border-radius:8px;color:#666;cursor:pointer;padding:8px;transition:all .2s ease}.modal-close:hover{background:#f0f0f0;color:#1a1a1a}.active-users-modal .modal-body{overflow-y:auto;padding:24px}.active-users-count{align-items:center;color:#666;display:flex;font-size:16px;font-weight:500;gap:8px;margin-bottom:20px}.active-users-count .count-badge{background:#014265;border-radius:16px;color:#fff;font-size:16px;font-weight:700;padding:4px 12px}.active-users-list{display:flex;flex-direction:column;gap:12px}.active-user-item{align-items:center;background:#f5f7fa;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .2s ease}.active-user-item:hover{background:#e8f4f8;transform:translateX(4px)}.user-avatar{flex-shrink:0}.user-avatar img{object-fit:cover}.avatar-placeholder,.user-avatar img{border-radius:50%;height:48px;width:48px}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#014265,#026b9c);color:#fff;display:flex;font-size:16px;font-weight:600;justify-content:center}.active-user-item .user-info{flex:1 1;min-width:0}.active-user-item .user-name{color:#1a1a1a;font-size:16px;font-weight:600;margin-bottom:4px}.active-user-item .user-details{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.user-department,.user-position{background:#e0e0e0;border-radius:4px;color:#666;font-size:13px;padding:2px 8px}.active-user-item .user-email{color:#666;font-size:13px}.user-last-login{flex-shrink:0;text-align:right}.last-login-label{color:#999;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.last-login-time{color:#014265;font-size:13px;font-weight:500}[data-theme=dark] .modal-overlay{background:#000000b3}[data-theme=dark] .active-users-modal{background:#2a2a2a}[data-theme=dark] .active-users-modal .modal-header{border-bottom-color:#3a3a3a}[data-theme=dark] .active-users-modal .modal-header h2{color:#fff}[data-theme=dark] .active-users-modal .modal-header h2 svg{color:#4a9eff}[data-theme=dark] .modal-close{color:#aaa}[data-theme=dark] .modal-close:hover{background:#3a3a3a;color:#fff}[data-theme=dark] .active-users-count{color:#aaa}[data-theme=dark] .active-users-count .count-badge{background:#4a9eff}[data-theme=dark] .active-user-item{background:#333}[data-theme=dark] .active-user-item:hover{background:#3a3a3a}[data-theme=dark] .active-user-item .user-name{color:#fff}[data-theme=dark] .user-department,[data-theme=dark] .user-position{background:#444;color:#ccc}[data-theme=dark] .active-user-item .user-email{color:#aaa}[data-theme=dark] .last-login-label{color:#888}[data-theme=dark] .last-login-time{color:#4a9eff}[data-theme=dark] .metric-card.clickable:hover{background:#333}[data-theme=dark] .metric-click-hint{color:#4a9eff}@media (max-width:600px){.active-users-modal{align-self:flex-end;border-radius:16px 16px 0 0;max-height:90vh}.active-user-item{align-items:flex-start;flex-direction:column;gap:12px}.user-last-login{border-top:1px solid #e0e0e0;padding-top:8px;text-align:left;width:100%}}.system-with-sidebar{display:flex;gap:20px;padding:20px;width:100%}.system-main-content{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;flex:1 1;padding:20px}@media (max-width:768px){.system-with-sidebar{flex-direction:column;gap:10px;padding:10px}.system-main-content{padding:15px}}.system-view-wrapper{border-radius:12px;border-radius:var(--border-radius-lg,12px);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-md,0 2px 8px #0000001a);max-width:900px;overflow:hidden;width:100%}.system-view-header,.system-view-wrapper{background:#fff;background:var(--color-white,#fff)}.system-view-header{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-gray-light,#e0e0e0);padding:30px;padding:var(--spacing-xl,30px)}.system-view-header h1{color:#00bcd4;color:var(--color-turquoise,#00bcd4);font-size:28px;font-size:var(--font-size-xxl,28px);font-weight:600;margin:0 0 10px;margin:0 0 var(--spacing-sm,10px) 0}.system-view-header p{color:#666;color:var(--color-gray-dark,#666);font-size:16px;font-size:var(--font-size-md,16px);line-height:1.5;margin:0}.system-view-content{padding:30px;padding:var(--spacing-xl,30px)}.system-form-group{margin-bottom:20px;margin-bottom:var(--spacing-lg,20px)}.system-form-group label{color:#333;color:var(--color-text,#333);display:block;font-size:14px;font-size:var(--font-size-md,14px);font-weight:500;margin-bottom:8px;margin-bottom:var(--spacing-sm,8px)}.system-form-label-required{color:#f44336;color:var(--color-error,#f44336)}.system-form-input,.system-form-select,.system-form-textarea{border:1px solid #ddd;border:1px solid var(--color-gray-light,#ddd);border-radius:6px;border-radius:var(--border-radius-md,6px);box-sizing:border-box;font-family:inherit;font-size:14px;font-size:var(--font-size-md,14px);padding:12px;padding:var(--spacing-md,12px);transition:all .3s;transition:all var(--transition-normal,.3s);width:100%}.system-form-input:focus,.system-form-select:focus,.system-form-textarea:focus{border-color:#00bcd4;border-color:var(--color-turquoise,#00bcd4);box-shadow:0 0 0 3px #00bcd41a;box-shadow:0 0 0 3px var(--color-turquoise-light,#00bcd41a);outline:none}.system-form-textarea{min-height:100px;resize:vertical}.system-form-hint{color:#666;color:var(--color-gray-dark,#666);font-size:13px;font-size:var(--font-size-sm,13px);margin:8px 0 0;margin:var(--spacing-sm,8px) 0 0 0}.system-form-hint a{color:#00bcd4;color:var(--color-turquoise,#00bcd4);text-decoration:none}.system-form-hint a:hover{text-decoration:underline}.system-form-row{grid-gap:20px;grid-gap:var(--spacing-lg,20px);display:grid;gap:20px;gap:var(--spacing-lg,20px);grid-template-columns:1fr 1fr}.system-checkbox-label{align-items:center;background:#f5f5f5;background:var(--color-gray-lightest,#f5f5f5);border-radius:6px;border-radius:var(--border-radius-md,6px);cursor:pointer;display:flex;gap:10px;gap:var(--spacing-md,10px);padding:12px;padding:var(--spacing-md,12px);transition:background .3s;transition:background var(--transition-normal,.3s)}.system-checkbox-label:hover{background:#e0e0e0;background:var(--color-gray-light,#e0e0e0)}.system-checkbox-label input[type=checkbox]{accent-color:#00bcd4;accent-color:var(--color-turquoise,#00bcd4);cursor:pointer;height:20px;width:20px}.system-btn{align-items:center;border:none;border-radius:6px;border-radius:var(--border-radius-md,6px);cursor:pointer;display:inline-flex;font-size:14px;font-size:var(--font-size-md,14px);font-weight:500;gap:8px;gap:var(--spacing-sm,8px);justify-content:center;padding:12px 24px;padding:var(--spacing-md,12px) var(--spacing-lg,24px);transition:all .3s;transition:all var(--transition-normal,.3s)}.system-btn:disabled{cursor:not-allowed;opacity:.6}.system-btn-primary{background:#00bcd4;background:var(--color-turquoise,#00bcd4);color:#fff;color:var(--color-white,#fff)}.system-btn-primary:hover:not(:disabled){background:#00acc1;box-shadow:0 4px 12px #00bcd44d;transform:translateY(-1px)}.system-btn-primary:disabled{background:#ccc;cursor:not-allowed}.system-btn-secondary{background:#fff;border:2px solid #e0e0e0;color:#666}.system-btn-secondary:hover:not(:disabled){background:#f5f5f5;border-color:#ccc;transform:translateY(-1px)}.system-btn-secondary:disabled{cursor:not-allowed;opacity:.5}.system-btn-danger{background:#f44336;background:var(--color-error,#f44336);color:#fff;color:var(--color-white,#fff)}.system-btn-danger:hover:not(:disabled){background:#da190b;background:var(--color-error-dark,#da190b);box-shadow:0 4px 12px #f443364d;box-shadow:var(--shadow-md,0 4px 12px #f443364d);transform:translateY(-2px)}.system-btn-danger:disabled{background:#f44336;background:var(--color-error,#f44336)}.system-actions{border-top:1px solid #e0e0e0;border-top:1px solid var(--color-gray-light,#e0e0e0);display:flex;gap:12px;justify-content:flex-end;margin-top:30px;margin-top:var(--spacing-xl,30px);padding:20px 0 0}.system-actions-centered{justify-content:center}.system-actions-end{justify-content:flex-end}.system-info-box{background:#e3f2fd;background:var(--color-info-light,#e3f2fd);border-left:4px solid #2196f3;border-left:4px solid var(--color-info,#2196f3);border-radius:6px;border-radius:var(--border-radius-md,6px);margin-top:30px;margin-top:var(--spacing-xl,30px);padding:20px;padding:var(--spacing-lg,20px)}.system-info-box h3{color:#1976d2;color:var(--color-info-dark,#1976d2);font-size:18px;font-size:var(--font-size-md,18px);margin:0 0 15px;margin:0 0 var(--spacing-md,15px) 0}.system-info-box ul{margin:0;padding-left:20px;padding-left:var(--spacing-lg,20px)}.system-info-box li{color:#555;color:var(--color-text,#555);font-size:14px;font-size:var(--font-size-sm,14px);line-height:1.6;margin-bottom:10px;margin-bottom:var(--spacing-sm,10px)}.system-info-box strong{color:#1976d2;color:var(--color-info-dark,#1976d2)}.system-warning-box{background:#fff3e0;background:var(--color-warning-light,#fff3e0);border-left:4px solid #ff9800;border-left:4px solid var(--color-warning,#ff9800);border-radius:6px;border-radius:var(--border-radius-md,6px);margin-bottom:20px;margin-bottom:var(--spacing-lg,20px);padding:20px;padding:var(--spacing-lg,20px)}.system-warning-box p{color:#333;color:var(--color-text,#333);font-size:14px;font-size:var(--font-size-md,14px);margin:10px 0;margin:var(--spacing-sm,10px) 0}.system-empty-state{background:#f5f5f5;background:var(--color-gray-lightest,#f5f5f5);border:2px dashed #ddd;border:2px dashed var(--color-gray-light,#ddd);border-radius:6px;border-radius:var(--border-radius-md,6px);padding:30px;padding:var(--spacing-xl,30px);text-align:center}.system-empty-state p{color:#333;color:var(--color-text,#333);font-size:14px;font-size:var(--font-size-md,14px);margin:10px 0;margin:var(--spacing-sm,10px) 0}.system-empty-state .hint{color:#666;color:var(--color-gray-dark,#666);font-size:13px;font-size:var(--font-size-sm,13px)}.system-list{display:flex;flex-direction:column;gap:10px;gap:var(--spacing-sm,10px)}.system-list-item{align-items:center;background:#f5f5f5;background:var(--color-gray-lightest,#f5f5f5);border:1px solid #ddd;border:1px solid var(--color-gray-light,#ddd);border-radius:6px;border-radius:var(--border-radius-md,6px);display:flex;gap:15px;gap:var(--spacing-md,15px);padding:12px;padding:var(--spacing-md,12px);transition:all .3s;transition:all var(--transition-normal,.3s)}.system-list-item:hover{background:#00bcd40d;background:var(--color-turquoise-light,#00bcd40d);border-color:#00bcd4;border-color:var(--color-turquoise,#00bcd4)}.system-list-item-content{flex:1 1}.system-list-item-icon{flex-shrink:0;font-size:18px;font-size:var(--font-size-lg,18px)}.system-loading-container{align-items:center;display:flex;flex-direction:column;gap:15px;gap:var(--spacing-md,15px);justify-content:center;padding:60px 20px;padding:var(--spacing-xxl,60px) var(--spacing-lg,20px)}.system-spinner{animation:system-spin .8s linear infinite;border:4px solid #f3f3f3;border-top-color:#00bcd4;border:4px solid var(--color-gray-light,#f3f3f3);border-radius:50%;border-top-color:var(--color-turquoise,#00bcd4);height:48px;width:48px}.system-spinner-small{animation:system-spin .6s linear infinite;border:2px solid #fff;border:2px solid var(--color-white,#fff);border-radius:50%;border-top:2px solid #0000;height:24px;width:24px}@keyframes system-spin{to{transform:rotate(1turn)}}@media (max-width:768px){.system-view-wrapper{border-radius:8px;border-radius:var(--border-radius-md,8px)}.system-view-header{padding:20px;padding:var(--spacing-lg,20px)}.system-view-header h1{font-size:24px;font-size:var(--font-size-xl,24px)}.system-view-content{padding:20px;padding:var(--spacing-lg,20px)}.system-form-row{grid-template-columns:1fr}.system-actions{flex-direction:column}.system-actions .system-btn{width:100%}.system-info-box{padding:15px;padding:var(--spacing-md,15px)}.system-info-box ul{padding-left:15px;padding-left:var(--spacing-md,15px)}}.update-notification{animation:slideIn .3s ease-out;bottom:20px;max-width:400px;position:fixed;right:20px;z-index:10000}@keyframes slideIn{0%{opacity:0;transform:translateX(500px)}to{opacity:1;transform:translateX(0)}}.update-content{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 8px 32px #0000004d;color:#fff;display:flex;flex-direction:column;gap:15px;padding:20px}.update-icon{animation:bounce 1s infinite;font-size:32px;text-align:center}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.update-text h3{font-size:18px;font-weight:600;margin:0 0 8px}.update-text p{font-size:14px;line-height:1.5;margin:0 0 8px;opacity:.95}.update-hint{font-size:13px!important;opacity:.8!important}.version-badge{background:#fff3;border-radius:12px;display:inline-block;font-size:11px;font-weight:600;margin-left:8px;padding:2px 8px}.update-actions{display:flex;gap:10px;margin-top:5px}.btn-update{background:#fff;border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#667eea;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s}.btn-update:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.btn-update:active{transform:translateY(0)}.btn-dismiss{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .3s}.btn-dismiss:hover{background:#ffffff4d}@media (max-width:768px){.update-notification{bottom:10px;left:10px;max-width:none;right:10px}.update-content{padding:16px}.update-text h3{font-size:16px}.update-text p{font-size:13px}.update-actions{flex-direction:column}.btn-dismiss,.btn-update{width:100%}}.pwa-install-prompt{align-items:center;animation:slideUp .3s ease-out;background:#fff;border-radius:16px;bottom:80px;box-shadow:0 8px 32px #00000026;display:flex;gap:16px;left:16px;margin:0 auto;max-width:500px;padding:16px 20px;position:fixed;right:16px;z-index:9998}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.pwa-dismiss-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:8px;top:8px;transition:background-color .2s}.pwa-dismiss-btn:hover{background-color:#f0f0f0}.pwa-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;width:48px}.pwa-icon svg{height:100%;width:100%}.pwa-content{flex:1 1;min-width:0}.pwa-content h3{color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 4px}.pwa-content p{color:#666;font-size:13px;line-height:1.4;margin:0}.pwa-install-btn{background:#00bcd4;border:none;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;padding:10px 20px;transition:background-color .2s,transform .1s}.pwa-install-btn:hover{background:#00a5bb}.pwa-install-btn:active{transform:scale(.98)}.pwa-install-prompt-ios{flex-direction:column;padding:20px;text-align:center}.pwa-install-prompt-ios .pwa-content{margin-top:8px}.pwa-install-prompt-ios .pwa-content p{align-items:center;display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.pwa-share-icon{align-items:center;background:#007aff;border-radius:4px;color:#fff;display:inline-flex;justify-content:center;margin:0 2px;padding:2px}[data-theme=dark] .pwa-install-prompt{background:#1e1e1e;box-shadow:0 8px 32px #0006}[data-theme=dark] .pwa-content h3{color:#fff}[data-theme=dark] .pwa-content p,[data-theme=dark] .pwa-dismiss-btn{color:#aaa}[data-theme=dark] .pwa-dismiss-btn:hover{background-color:#333}@media (max-width:480px){.pwa-install-prompt{bottom:70px;gap:12px;left:12px;padding:14px 16px;right:12px}.pwa-icon{height:40px;width:40px}.pwa-content h3{font-size:15px}.pwa-content p{font-size:12px}.pwa-install-btn{font-size:13px;padding:8px 16px}}@media (min-width:768px){.pwa-install-prompt{bottom:24px;left:auto;max-width:400px;right:24px}}.loading{align-items:center;color:var(--color-text-light);display:flex;font-size:20px;justify-content:center;min-height:100vh}
/*# sourceMappingURL=main.1560cfb1.css.map*/