@charset "UTF-8";*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.bottom-0{bottom:0}.left-1\/2{left:50%}.right-0{right:0}.top-10{top:2.5rem}.z-50{z-index:50}.m-0{margin:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mb-0{margin-bottom:0}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-64{margin-top:16rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.hidden{display:none}.h-10{height:2.5rem}.h-28{height:7rem}.h-6{height:1.5rem}.h-8{height:2rem}.w-10{width:2.5rem}.w-28{width:7rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.min-w-0{min-width:0}.min-w-28{min-width:7rem}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-\[0\.15rem\]{gap:.15rem}.-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(-.5rem * var(--tw-space-x-reverse));margin-left:calc(-.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.whitespace-pre-wrap{white-space:pre-wrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-8{padding-top:2rem;padding-bottom:2rem}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.lowercase{text-transform:lowercase}.text-inherit{color:inherit}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}body{color:var(--ds-color-text-primary);background:var(--ds-color-background);font-family:var(--ds-font-family-sans)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border:none;border-radius:var(--ds-radius-sm);text-decoration:none;cursor:pointer;transition:background-color var(--ds-transition-normal),color var(--ds-transition-normal);text-align:center;min-height:38px}.btn-primary{background-color:var(--ds-color-button-primary-bg);color:var(--ds-color-button-primary-text)}.btn-primary:hover{background-color:var(--ds-color-button-primary-hover)}.btn-danger{background-color:var(--ds-color-button-danger-bg);color:var(--ds-color-button-danger-text)}.btn-danger:hover{background-color:var(--ds-color-button-danger-hover)}.btn-secondary{background-color:var(--ds-color-button-secondary-bg);color:var(--ds-color-button-secondary-text)}.btn-secondary:hover{background-color:var(--ds-color-button-secondary-hover)}.btn:disabled{opacity:.6;cursor:not-allowed}h1,h2,h3,h4,h5,h6{font-family:var(--ds-font-family-serif)}h1{font-size:var(--ds-font-size-4xl)!important;font-weight:var(--ds-font-weight-bold);margin-bottom:1.2rem;margin-top:0;letter-spacing:.5px}h1,h2{color:var(--ds-color-text-primary)}h2{font-size:var(--ds-font-size-3xl)!important;font-weight:var(--ds-font-weight-semibold);margin-bottom:1rem;margin-top:2rem}h3{font-size:var(--ds-font-size-2xl)!important;font-weight:var(--ds-font-weight-medium);margin-bottom:.8rem;margin-top:1.5rem;color:var(--ds-color-text-primary)}h4{font-size:var(--ds-font-size-xl)!important;margin-top:1.2rem}h4,h5{font-weight:var(--ds-font-weight-medium);color:var(--ds-color-text-primary);margin-bottom:.5rem}h5{font-size:1.1rem!important}h5,h6{margin-top:1rem}h6{font-size:var(--ds-font-size-md)!important;font-weight:var(--ds-font-weight-medium);margin-bottom:.5rem}.ds-text-primary,h6{color:var(--ds-color-text-primary)}.ds-text-secondary{color:var(--ds-color-text-secondary)}.ds-text-tertiary{color:var(--ds-color-text-tertiary)}.ds-text-accent{color:var(--ds-color-accent)}.ds-text-danger{color:var(--ds-color-danger)}.ds-text-success{color:var(--ds-color-success)}.ds-text-warning{color:var(--ds-color-warning)}.ds-bg-surface{background-color:var(--ds-color-surface)}.ds-bg-surface-hover{background-color:var(--ds-color-surface-hover)}.ds-bg-warning-light{background-color:var(--ds-color-warning-light)}.ds-border{border-color:var(--ds-color-border)}.ds-border-warning{border-color:var(--ds-color-warning)}.app-layout-wrapper{max-width:1400px;margin:0 auto;position:relative;min-height:100vh}.container{max-width:900px;margin-left:200px;margin-right:auto;padding-left:24px;padding-right:24px;margin-bottom:128px;padding-top:3rem}@media (max-width:768px){.container{margin-left:auto;padding-top:1.5rem;padding-bottom:100px}}.materialy-content .ds-link{text-decoration:underline}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ds-space-xl)}.page-header h1,.page-header h2{margin:0;line-height:1}.page-header--compact{margin-bottom:var(--ds-space-md)}.kridla-header-outer{margin-bottom:40px}.tiles-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--ds-space-xl);margin-top:var(--ds-space-2xl);margin-bottom:var(--ds-space-xl)}@media (min-width:920px){.tiles-nav{grid-template-columns:repeat(3,1fr)}}.tile{display:flex;flex-direction:column;align-items:flex-start;border:1.5px solid var(--ds-color-border);border-radius:var(--ds-radius-xl);padding:var(--ds-space-xl);min-height:160px;text-decoration:none;color:var(--ds-color-text-primary);box-shadow:var(--ds-shadow-sm);transition:background-color var(--ds-transition-normal),box-shadow var(--ds-transition-normal),border var(--ds-transition-normal);font-size:var(--ds-font-size-xl);font-weight:var(--ds-font-weight-bold);font-family:var(--ds-font-family-serif);cursor:pointer}.tile:hover{background:var(--ds-color-surface);box-shadow:var(--ds-shadow-md);border-color:var(--ds-color-border-hover)}button.tile{background:transparent}.tile-title{font-size:var(--ds-font-size-xl);font-weight:var(--ds-font-weight-bold);font-family:var(--ds-font-family-serif);margin-bottom:var(--ds-space-sm)}.tile-stat{font-size:var(--ds-font-size-sm);color:var(--ds-color-text-secondary);margin-top:auto;font-family:var(--ds-font-family-sans)}a{color:var(--ds-color-accent);text-decoration:underline}header .sojka-icon,header .sojka-link,header .sojka-link:active,header .sojka-link:focus,header .sojka-link:hover,header .sojka-link:visited{text-decoration:none!important}header .header-right{display:flex;align-items:center;gap:1rem}header .sojka-link{position:relative;display:flex;align-items:center;justify-content:center;transition:transform .2s ease;overflow:visible!important;padding:4px 10px}header .sojka-link:hover{transform:scale(1.1)}header .sojka-icon{font-size:1.75rem;line-height:1}header .notification-badge{position:absolute;top:-4px;right:-8px;background-color:var(--ds-color-danger);color:var(--ds-color-text-inverse);border-radius:10px;padding:2px 6px;font-size:var(--ds-font-size-xs);font-weight:var(--ds-font-weight-bold);min-width:20px;text-align:center;line-height:1.2}.role-select{padding:var(--ds-space-sm) var(--ds-space-md);border:1px solid var(--ds-color-primary);border-radius:var(--ds-radius-sm);color:var(--ds-color-primary);background-color:var(--ds-color-surface);cursor:pointer;font-size:var(--ds-font-size-sm);outline:none;transition:all var(--ds-transition-normal)}.role-select:hover{background-color:var(--ds-color-primary-light)}.role-select:focus{box-shadow:0 0 0 2px var(--ds-color-primary-light)}.profile-edit-btn{margin-top:40px}.header-with-margin{margin-top:32px}.form-input{font-size:var(--ds-font-size-md);padding:var(--ds-space-sm) 10px;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);background:var(--ds-color-surface);color:var(--ds-color-text-primary);width:100%;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--ds-color-border-focus)}.form-hint{font-size:var(--ds-font-size-sm);color:var(--ds-color-text-secondary);margin-top:var(--ds-space-sm);line-height:var(--ds-line-height-normal)}.schedule-image-preview{margin-bottom:12px}.schedule-image-preview img{max-width:100%;max-height:400px;border-radius:8px}.schedule-upload-buttons{display:flex;gap:8px;align-items:center}.schedule-image{max-height:400px}.schedule-thumbnail{cursor:pointer;transition:opacity .2s}.schedule-thumbnail:hover{opacity:.9}.profile-card{max-width:420px;margin:var(--ds-space-2xl) auto 0 auto;padding:var(--ds-space-xl) 28px 28px 28px;text-align:left}.profile-card h1{font-family:var(--ds-font-family-serif)}.profile-card-view,.profile-card-view h1,.profile-card-view h3,.profile-card-view h4{color:var(--ds-color-text-primary)}.profile-card-view .text-gray-500,.profile-card-view .text-gray-600{color:var(--ds-color-text-secondary)!important}.profile-card-view .text-gray-700{color:var(--ds-color-text-primary)!important}.profile-card-view .text-gray-400{color:var(--ds-color-text-tertiary)!important}.profile-card-view .text-blue-600,.profile-card-view a.text-blue-600{color:var(--ds-color-accent)!important}.profile-card-view .hover\:text-blue-600:hover,.profile-card-view .hover\:text-blue-800:hover,.profile-card-view .text-blue-600:hover,.profile-card-view a.text-blue-600:hover,.profile-card-view a[class*=text-blue]:hover,.profile-card-view a[href]:hover{color:var(--ds-color-accent-hover)!important}.profile-settings-row{position:relative;display:flex;flex-wrap:nowrap;align-items:center;gap:var(--ds-space-md);margin-top:var(--ds-space-md);margin-bottom:var(--ds-space-md)}.theme-setting-dropdown{display:flex;align-items:center;gap:var(--ds-space-sm)}.theme-setting-dropdown .ds-dropdown,.theme-setting-dropdown__select{min-width:110px;width:auto}.theme-setting-dropdown .ds-dropdown__menu{min-width:100%;width:-moz-max-content;width:max-content}.theme-setting-dropdown .ds-dropdown__option{white-space:nowrap}.theme-setting-dropdown .ds-dropdown__button{min-width:110px;padding:var(--ds-space-xs) var(--ds-space-sm);font-size:var(--ds-font-size-sm)}.theme-setting-dropdown__saving{font-size:var(--ds-font-size-sm);color:var(--ds-color-text-secondary);margin-left:var(--ds-space-sm)}.form-input-readonly{background:var(--ds-color-surface-hover);color:var(--ds-color-text-secondary);cursor:not-allowed;padding:var(--ds-space-sm) var(--ds-space-md);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm)}.form-checkbox-row{margin-bottom:18px}.form-checkbox{width:auto}.kontakt-whatsapp-link{color:#25D366}.kontakt-whatsapp-link,.kontakt-whatsapp-link:hover{text-decoration:underline}.kontakt-textarea{resize:vertical;min-height:120px}.pilot-badge{pointer-events:none}.tile--centered-minimal{justify-content:center;align-items:center;border:none;box-shadow:none}.date-range-min-width{min-width:120px}.pilot-menu-dropdown{min-width:-moz-max-content;min-width:max-content;display:flex;flex-direction:column;gap:2px}.pilot-menu-item{display:block;width:100%;white-space:nowrap;padding:var(--ds-space-sm) var(--ds-space-md);font-size:var(--ds-font-size-sm);border-radius:var(--ds-radius-sm);text-align:left;cursor:pointer;transition:background-color var(--ds-transition-fast);background:none;border:none;color:var(--ds-color-text-primary)}.pilot-menu-item:hover{background-color:var(--ds-color-surface-hover)}.pilot-menu-item--danger{color:var(--ds-color-danger)}.pilot-menu-item--danger:hover{background-color:var(--ds-color-danger-light)}.ds-date-input-wrapper{width:100%}.whatsapp-icon{flex-shrink:0;opacity:.9;transition:opacity .2s}a:hover .whatsapp-icon{opacity:1}.mapycz-address-input{position:relative}.address-suggestions{min-width:100%;max-width:100%;left:0;right:0;top:100%;margin:0;padding:0;list-style:none;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);background:var(--ds-color-surface);max-height:180px;overflow-y:auto;box-shadow:var(--ds-shadow-md);position:absolute;z-index:10}.required-asterisk{color:var(--ds-color-danger)}.event-title{margin-bottom:32px}.tile .event-title{text-align:left;width:100%}.rsvp-toggle.ds-button{display:inline-flex;align-items:center;gap:var(--ds-space-sm)}.rsvp-toggle .animate-flap{animation:flap .5s}.page-wrapper{background:var(--ds-color-background);min-height:100vh;padding:0 0 var(--ds-space-2xl) 0}.rozletka-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--ds-space-xl);max-width:none}.rozletka-header h1{margin:0;line-height:1}.rozletka-header .user-actions{position:static}.load-more-container{text-align:center;margin:20px 0}.load-more-button{background:var(--ds-color-surface-hover);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);padding:var(--ds-space-sm) var(--ds-space-lg);font-size:var(--ds-font-size-sm);color:var(--ds-color-text-secondary);cursor:pointer;transition:all var(--ds-transition-normal)}.load-more-button:hover:not(:disabled){background:var(--ds-color-border);border-color:var(--ds-color-border-hover)}.load-more-button:disabled{opacity:.6;cursor:not-allowed}.loading-more{display:flex;align-items:center;justify-content:center;gap:var(--ds-space-sm);margin:var(--ds-space-lg) 0;color:var(--ds-color-text-secondary);font-size:var(--ds-font-size-sm)}.infinite-scroll-trigger{height:1px;margin:20px 0}.sub-nav{display:flex;gap:var(--ds-space-sm);margin-bottom:var(--ds-space-xl);border-bottom:2px solid var(--ds-color-border)}.sub-nav-item{background:none;padding:var(--ds-space-sm) var(--ds-space-lg);font-size:var(--ds-font-size-md);font-weight:var(--ds-font-weight-medium);color:var(--ds-color-text-secondary);cursor:pointer;border:none;border-bottom:2px solid transparent;transition:all var(--ds-transition-normal)}.sub-nav-item:hover{color:var(--ds-color-text-primary)}.sub-nav-item.active{color:var(--ds-color-primary);border-bottom-color:var(--ds-color-primary)}.entry-form{display:flex;flex-direction:column;gap:20px}.entry-textarea{padding:var(--ds-space-md);border:2px solid var(--ds-color-border);border-radius:var(--ds-radius-md);font-size:var(--ds-font-size-md);resize:vertical;transition:border-color var(--ds-transition-normal);width:70%;word-wrap:break-word;overflow-y:auto}.entry-textarea:focus{outline:none;border-color:var(--ds-color-primary)}@media (max-width:768px){.entry-form .entry-textarea{width:100%}}.private-checkbox{display:flex;align-items:center;gap:var(--ds-space-sm);font-size:var(--ds-font-size-sm);color:var(--ds-color-text-secondary);cursor:pointer}.profile-form-row .private-checkbox{margin-top:8px}.form-actions{display:flex;align-items:center;gap:10px;justify-content:flex-end;margin-top:12px;width:70%}.form-actions .private-checkbox{display:flex;align-items:center;gap:var(--ds-space-sm);font-size:var(--ds-font-size-sm);color:var(--ds-color-text-secondary);cursor:pointer;margin:0}.form-actions .btn,.form-actions .rozletka-image-upload{margin:0}.private-checkbox input[type=checkbox]{width:16px;height:16px}.submit-button{background:var(--ds-color-primary);color:var(--ds-color-text-inverse);border:none;padding:var(--ds-space-sm) var(--ds-space-xl);border-radius:var(--ds-radius-md);font-size:var(--ds-font-size-md);font-weight:var(--ds-font-weight-medium);cursor:pointer;transition:background-color var(--ds-transition-normal)}.submit-button:hover:not(:disabled){background:var(--ds-color-primary-hover)}.submit-button:disabled{background:var(--ds-color-text-tertiary);cursor:not-allowed}.popup-close-btn{position:absolute;top:24px;right:24px;width:32px;height:32px;background:var(--ds-color-surface-hover);border:1px solid var(--ds-color-border);border-radius:50%;font-size:22px;color:var(--ds-color-text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:background .2s,border .2s}header{max-width:900px;margin-left:auto;margin-right:auto;width:100%;padding:24px}header>div{display:flex;align-items:center;justify-content:space-between;min-height:80px}header img{height:28px;width:auto;display:block}header a,header a:visited{display:flex;align-items:center;overflow:hidden;transition:box-shadow .2s}header a.avatar-link:hover{box-shadow:0 0 0 2px var(--ds-color-primary);border-radius:50%}header img.avatar-img{border-radius:50%;width:40px;height:40px;-o-object-fit:cover;object-fit:cover;display:block}header a.avatar-link{cursor:pointer}.entry-card{background:var(--ds-color-surface);border-radius:var(--ds-radius-md);padding:var(--ds-space-lg);box-shadow:var(--ds-shadow-sm);margin-bottom:var(--ds-space-lg);transition:opacity var(--ds-transition-slow);position:relative}.entry-header{justify-content:space-between;margin-bottom:12px}.entry-header,.entry-info{display:flex;align-items:center;gap:12px}.entry-info{flex-wrap:wrap;flex:1}.entry-author{font-weight:var(--ds-font-weight-semibold);color:var(--ds-color-text-primary);text-decoration:none;cursor:pointer;transition:color var(--ds-transition-normal)}.entry-author:hover{color:var(--ds-color-accent);text-decoration:underline}.entry-date{color:var(--ds-color-text-secondary);font-size:var(--ds-font-size-sm)}.entry-role{background:var(--ds-color-primary-light);color:var(--ds-color-primary-dark)}.entry-role,.private-badge{padding:var(--ds-space-xs) 10px;border-radius:var(--ds-radius-lg);font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-medium)}.private-badge{background:var(--ds-color-warning-light);color:var(--ds-color-warning)}.entry-content{color:var(--ds-color-text-primary);line-height:var(--ds-line-height-relaxed);word-wrap:break-word}.entry-content p{margin:0 0 .5em}.entry-content p:last-child{margin-bottom:0}.entry-content-editing{width:100%;padding:var(--ds-space-sm);border:2px solid var(--ds-color-border);border-radius:var(--ds-radius-md);font-size:var(--ds-font-size-md);resize:vertical;white-space:pre-wrap;word-wrap:break-word;font-family:inherit;line-height:var(--ds-line-height-relaxed);overflow-y:auto}.entry-content-editing:focus{outline:none;border-color:var(--ds-color-primary)}.entry-actions{display:flex;align-items:center;gap:8px}.delete-button,.edit-button{background:none;border:none;padding:6px;cursor:pointer;color:var(--ds-color-text-secondary);border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.edit-button:hover{color:var(--ds-color-text-primary)}.delete-button:hover,.edit-button:hover{background:var(--ds-color-surface-hover)}.delete-button:hover{color:var(--ds-color-danger)}.delete-button:disabled{opacity:.5;cursor:not-allowed}.spin{animation:spin 1s linear infinite}.filter-container{position:relative;display:inline-block;margin-bottom:24px}.filter-button,.filter-container .filter-dropdown-ds{min-width:220px}.filter-button{background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);padding:10px var(--ds-space-lg);font-size:var(--ds-font-size-md);color:var(--ds-color-text-primary);cursor:pointer;display:flex;align-items:center;gap:var(--ds-space-sm);box-shadow:var(--ds-shadow-sm);transition:border var(--ds-transition-normal),box-shadow var(--ds-transition-normal)}.filter-arrow{margin-left:8px;font-size:1.1em}.filter-dropdown{position:absolute;top:110%;left:0;z-index:20;background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-lg);padding:var(--ds-space-md) 0 var(--ds-space-sm) 0;min-width:260px;max-height:320px;overflow-y:auto;margin-top:var(--ds-space-xs)}.filter-search{width:90%;margin:0 5% var(--ds-space-sm) 5%;padding:var(--ds-space-sm) var(--ds-space-sm);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);font-size:var(--ds-font-size-md);outline:none;transition:border var(--ds-transition-normal)}.filter-list{list-style:none;margin:0;padding:0 0 var(--ds-space-sm) 0}.filter-list li{padding:10px var(--ds-space-lg);cursor:pointer;font-size:var(--ds-font-size-md);color:var(--ds-color-text-primary);border-radius:var(--ds-radius-sm);transition:background var(--ds-transition-fast)}.filter-list li:hover{background:var(--ds-color-surface-hover)}.filter-list li.no-results{color:var(--ds-color-text-tertiary);cursor:default;background:none}.filter-list li:hover.no-results{background:none}.author-count{color:var(--ds-color-text-tertiary);font-size:.95em;margin-left:var(--ds-space-xs)}.image-upload-section{display:flex;align-items:center;gap:12px;margin-top:16px}.image-upload{margin-top:16px}.upload-controls{display:flex;align-items:center;gap:12px}.upload-hint{color:var(--ds-color-text-secondary);font-size:.9rem}.upload-error{color:var(--ds-color-danger);font-size:.9rem;padding:8px 12px;background:var(--ds-color-danger-light);border-radius:6px;margin-top:8px}.image-thumbnails{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:16px}.image-thumbnail{position:relative;width:120px;height:120px;border-radius:8px;overflow:hidden;border:2px solid var(--ds-color-border)}.image-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.remove-image-btn{position:absolute;top:4px;right:4px;background:rgba(0,0,0,.6);color:white;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:background .2s}.remove-image-btn:hover{background:rgba(0,0,0,.8)}.chat-image-upload,.chat-image-upload .upload-controls{margin:0}.chat-image-previews,.rozletka-image-previews{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;justify-content:flex-end}.rozletka-image-previews{width:70%}.chat-image-previews .image-preview,.rozletka-image-previews .image-preview{position:relative;width:80px;height:80px;border-radius:6px;overflow:hidden;border:2px solid var(--ds-color-border)}.chat-image-previews .preview-image,.rozletka-image-previews .preview-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.chat-image-previews .remove-image-button,.rozletka-image-previews .remove-image-button{position:absolute;top:4px;right:4px;background:rgba(0,0,0,.7);color:white;border:none;border-radius:50%;width:20px;height:20px;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.chat-image-previews .remove-image-button:hover,.rozletka-image-previews .remove-image-button:hover{background:rgba(0,0,0,.9)}.kridla-chat-compose .kridla-chat-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:8px;position:static;opacity:1;pointer-events:auto}.chat-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:8px}.chat-image-thumbnail{position:relative;width:100%;padding-bottom:100%;border-radius:6px;overflow:hidden;cursor:pointer;border:2px solid var(--ds-color-border);transition:transform .2s,box-shadow .2s}.chat-image-thumbnail:hover{transform:scale(1.02);box-shadow:var(--ds-shadow-sm)}.chat-image-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.chat-images-loading{color:var(--ds-color-text-secondary);font-size:.9rem;margin-top:8px;padding:8px;text-align:center}.lightbox-overlay{z-index:1000;cursor:pointer}.lightbox-content{cursor:default}.lightbox-image-container{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%}.lightbox-image{max-height:100%;border-radius:8px}.lightbox-close{top:-40px;background:rgba(255,255,255,.2);color:white}.lightbox-close:hover{background:rgba(255,255,255,.3)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.2);color:white;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:24px;transition:background .2s}.lightbox-nav:hover{background:rgba(255,255,255,.3)}.lightbox-prev{left:-60px}.lightbox-next{right:-60px}.lightbox-counter{padding:4px 12px;border-radius:16px}.entry-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:16px}.entry-image-thumbnail{position:relative;width:100%;padding-bottom:100%;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid var(--ds-color-border);transition:transform .2s,box-shadow .2s}.entry-image-thumbnail:hover{transform:scale(1.02);box-shadow:var(--ds-shadow-lg)}.entry-image-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.lightbox-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--ds-color-overlay-heavy);z-index:9999;animation:fadeIn .2s ease-in}.lightbox-content,.lightbox-overlay{display:flex;align-items:center;justify-content:center}.lightbox-content{position:relative;max-width:90vw;max-height:90vh}.lightbox-image{max-width:100%;max-height:90vh;-o-object-fit:contain;object-fit:contain;display:block}.lightbox-close{position:absolute;top:-50px;right:0;background:rgba(255,255,255,.9);color:var(--ds-color-text-primary);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:24px;transition:background .2s}.lightbox-close:hover{background:var(--ds-color-surface)}.lightbox-next,.lightbox-prev{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.9);color:var(--ds-color-text-primary);border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:32px;transition:background .2s}.lightbox-next:hover,.lightbox-prev:hover{background:var(--ds-color-surface)}.lightbox-prev{left:-70px}.lightbox-next{right:-70px}.lightbox-counter{position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);color:var(--ds-color-text-inverse);font-size:14px;background:var(--ds-color-overlay);padding:6px 12px;border-radius:12px}.lightbox-loading{color:var(--ds-color-text-inverse);font-size:18px}@media (max-width:768px){.lightbox-prev{left:10px}.lightbox-next{right:10px}.lightbox-close{top:10px;right:10px}.lightbox-counter{bottom:10px}}.map-component-wrapper{width:100%;height:70vh;min-height:400px;background:var(--ds-color-surface);border-radius:18px;box-shadow:var(--ds-shadow-sm);border:none;overflow:hidden}.map-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.clenove-page-wrapper{min-height:100vh;display:flex;flex-direction:column}.clenove-container{flex:1;padding:0 0 24px}.clenove-header{justify-content:space-between;margin-bottom:24px;gap:16px}.clenove-filters,.clenove-header{display:flex;align-items:center;flex-wrap:wrap}.clenove-filters{gap:var(--ds-space-md)}.clenove-filters .clenove-filter-dropdown{min-width:160px;width:auto;flex:0 0 auto}.clenove-title{font-family:Playfair Display,serif;font-size:2.5rem;font-weight:700;color:var(--ds-color-text-primary);margin:0}.list-view-container{padding:24px 0}.user-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;padding:0}@media (min-width:768px){.user-gallery{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.user-gallery{grid-template-columns:repeat(4,1fr)}}.user-card{background:var(--ds-color-surface);border-radius:12px;padding:16px;box-shadow:var(--ds-shadow-sm);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.user-card:hover{box-shadow:var(--ds-shadow-lg);transform:translateY(-2px)}.user-card-avatar{margin-bottom:12px;display:flex;align-items:center;justify-content:center}.user-card-image{width:120px;height:120px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--ds-color-border)}.user-card-info{width:100%}.user-card-name{font-family:Playfair Display,serif;font-size:1.2rem;font-weight:700;color:var(--ds-color-text-primary);margin-bottom:4px;word-wrap:break-word}.user-card-role{font-size:.95rem;color:var(--ds-color-text-secondary);margin-bottom:8px}.user-card-school{font-size:.85rem;color:var(--ds-color-text-tertiary);word-wrap:break-word}.list-empty{text-align:center;padding:48px 24px;color:var(--ds-color-text-secondary);font-size:1.1rem}.popup-content{position:relative;min-width:260px;max-width:340px;box-sizing:border-box;padding:24px;font-size:18px;color:var(--ds-color-text-primary);font-weight:500;line-height:1.7;display:flex;flex-direction:column;align-items:center;border-radius:18px;background:var(--ds-color-surface);box-shadow:var(--ds-shadow-lg)}.popup-avatar{width:64px;height:64px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-bottom:18px;border:2px solid var(--ds-color-border);display:block}.popup-avatar-container{display:flex;flex-direction:column;align-items:center;margin-bottom:12px}.popup-user-info{font-family:Playfair Display,serif;font-size:1.6rem;font-weight:700;text-align:center;margin-bottom:2px;color:var(--ds-color-text-primary)}.popup-user-role-text{font-size:1.1rem;color:var(--ds-color-text-secondary);text-align:center}.popup-profile-link-container{display:block;text-align:center;color:var(--ds-color-accent);text-decoration:underline;font-size:1rem;font-weight:500;transition:color .2s}.popup-profile-link-container:hover{color:var(--ds-color-accent)}.mapboxgl-popup-content{background:transparent!important;box-shadow:none!important;border:none!important;padding:0!important}.mapboxgl-popup-close-button,.mapboxgl-popup-tip{display:none!important}.map-marker-container{width:32px;height:40px;position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;background:none;pointer-events:auto;z-index:10}.calendar-embed-container{position:relative;width:100%;padding-bottom:75%;height:0;overflow:hidden;border:1px solid var(--ds-color-border);border-radius:18px}.calendar-embed{position:absolute;top:0;left:0;width:100%;height:100%;border:0;display:block}.loading-container{height:100vh;width:100vw;position:fixed;top:0;left:0;z-index:1000;background:var(--ds-color-background)}.loading-container,.wings-loader{display:flex;justify-content:center;align-items:center}.wings-loader{width:100%;min-height:200px;padding:40px 0;margin:40px 0}.wings-loader.small{min-height:60px;padding:20px 0;margin:20px 0}.wings-loader.medium{min-height:200px;padding:40px 0;margin:40px 0}.wings-loader.large{min-height:300px;padding:60px 0;margin:60px 0}.wings-loader.full-page{min-height:60vh;padding:0;margin:0;height:100%;display:flex;justify-content:center;align-items:center}.wings-loader svg ellipse,.wings-loader svg path{fill:var(--ds-color-primary)}.wing-left{animation:flap-left 1s ease-in-out infinite}.wing-left,.wing-right{transform-origin:40px 24px}.wing-right{animation:flap-right 1s ease-in-out infinite}@keyframes flap-left{0%,to{transform:rotate(-10deg)}50%{transform:rotate(-35deg)}}@keyframes flap-right{0%,to{transform:rotate(10deg)}50%{transform:rotate(35deg)}}.hidden-file-input{display:none}input,select,textarea{font-family:Inter,Arial,sans-serif;font-size:16px;padding:8px 10px;border:1px solid var(--ds-color-border);border-radius:6px;background:var(--ds-color-surface);color:var(--ds-color-text-primary);width:100%;box-sizing:border-box;margin-bottom:0;transition:border-color .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--ds-color-border-focus)}.profile-form-row{display:flex;flex-direction:column;margin-bottom:18px;position:relative}.profile-form-row label{font-weight:var(--ds-font-weight-medium);margin-bottom:var(--ds-space-sm);color:var(--ds-color-text-primary)}.profile-form-actions{display:flex;gap:10px;margin-top:24px}.event-info-blocks{display:flex;flex-wrap:wrap;margin-top:64px;align-items:center;color:var(--ds-color-text-secondary);font-weight:700}.event-info-block{display:flex;align-items:center;gap:6px;padding:10px}.admin-user-form-row{display:flex;align-items:center;gap:var(--ds-space-md);margin-top:var(--ds-space-md);flex-wrap:wrap}.admin-form-dropdown-flex,.admin-form-input-flex,.admin-user-form-row .ds-dropdown,.admin-user-form-row .ds-input-wrapper{flex:1;min-width:120px}.admin-table{width:100%;border-collapse:collapse;margin-top:24px}.admin-table td,.admin-table th{border:1px solid var(--ds-color-border);padding:12px 16px;text-align:left}.admin-table th{background:var(--ds-color-surface-hover);font-weight:600}.admin-table-row-link{transition:background-color .2s ease}.admin-table-row-link:hover{background-color:var(--ds-color-surface-hover)}.admin-table-link{color:var(--ds-color-accent);text-decoration:none;font-weight:500}.admin-table-link:hover{color:var(--ds-color-accent-hover);text-decoration:underline}.mt-64{margin-top:64px}.admin-mt-32{margin-top:32px}.admin-mt-48{margin-top:48px}.admin-mt-24{margin-top:24px}.admin-user-list-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.admin-user-list-title{margin:0}.admin-sync-section{margin:0;text-align:right}.admin-message-error,.admin-message-success{margin-top:16px}.admin-message-error{color:var(--ds-color-danger)}@media (max-width:768px){.admin-user-list-header{flex-direction:column;align-items:flex-start}.admin-sync-section{text-align:left;margin-top:8px}}.admin-add-user-section{margin:40px 0 48px}.admin-action-row{display:flex;gap:8px}.home-welcome-text{margin-bottom:32px}.home-login-container{display:flex;justify-content:flex-start}.home-login-tile{max-width:50%;width:100%;margin:0;cursor:pointer;text-align:left}.edit-actions{display:flex;align-items:center;gap:16px;margin-top:8px}.private-checkbox-edit{margin-left:12px;gap:8px}.multiselect-dropdown__button{width:100%;text-align:left;background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);padding:var(--ds-space-sm) var(--ds-space-md);color:var(--ds-color-text-primary);font-size:var(--ds-font-size-md);cursor:pointer;outline:none;transition:border-color var(--ds-transition-fast),box-shadow var(--ds-transition-fast)}.multiselect-dropdown__button:focus{border-color:var(--ds-color-border-focus);box-shadow:0 0 0 2px var(--ds-color-primary-light)}.multiselect-dropdown__arrow{float:right}.multiselect-dropdown__menu{margin-top:var(--ds-space-sm);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);background:var(--ds-color-surface);box-shadow:var(--ds-shadow-lg);z-index:10;position:absolute;left:0;width:100%;max-height:240px;overflow-y:auto;text-align:left}.multiselect-dropdown__option{display:flex;align-items:center;gap:var(--ds-space-sm);padding:var(--ds-space-sm) var(--ds-space-md);cursor:pointer;color:var(--ds-color-text-primary);transition:background-color var(--ds-transition-fast)}.multiselect-dropdown__option:hover{background-color:var(--ds-color-surface-hover)}.multiselect-dropdown__menu input[type=checkbox]{display:inline-block;width:auto;flex-shrink:0}.multiselect-dropdown__menu label{margin-bottom:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex:1}.address-suggestions li{padding:10px;cursor:pointer}.address-suggestions li:hover{background-color:var(--ds-color-surface-hover)}.admin-toggle-group{display:flex;border:1px solid var(--ds-color-border);border-radius:6px;overflow:hidden}.admin-toggle-btn{padding:8px 16px;border:none;color:var(--ds-color-text-secondary);cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500}.admin-toggle-btn,.admin-toggle-btn:hover{background-color:var(--ds-color-surface-hover)}.admin-toggle-btn:hover{color:var(--ds-color-text-primary)}.admin-toggle-btn-active{background-color:var(--ds-color-primary);color:var(--ds-color-text-inverse)}.admin-toggle-btn-active:hover{background-color:var(--ds-color-primary-hover);color:var(--ds-color-text-inverse)}.form-label{font-weight:500;color:var(--ds-color-text-primary);margin-right:12px;min-width:80px}.preset-dropdown-container{position:relative;display:inline-block}.preset-dropdown-btn{padding:8px 12px;border:1px solid var(--ds-color-border);border-radius:6px;background-color:var(--ds-color-surface-hover);color:var(--ds-color-text-secondary);cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px}.preset-dropdown-btn:hover{background-color:var(--ds-color-surface-hover);color:var(--ds-color-text-primary);border-color:var(--ds-color-border-hover)}.preset-dropdown-btn:disabled{opacity:.6;cursor:not-allowed}.preset-dropdown-arrow{font-size:10px;transition:transform .2s ease}.preset-dropdown-container:hover .preset-dropdown-arrow{transform:rotate(180deg)}.preset-dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;background-color:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:6px;box-shadow:var(--ds-shadow-lg);min-width:200px;margin-top:4px}.preset-dropdown-item{display:block;width:100%;padding:8px 12px;border:none;background:none;text-align:left;cursor:pointer;font-size:14px;color:var(--ds-color-text-primary);transition:background-color .2s ease}.preset-dropdown-item:hover{background-color:var(--ds-color-surface-hover)}.preset-dropdown-item:first-child{border-radius:6px 6px 0 0}.preset-dropdown-item:last-child{border-radius:0 0 6px 6px}.preset-dropdown-item:disabled{opacity:.6;cursor:not-allowed}.date-picker-container{display:flex;align-items:center;gap:12px}.date-picker-input{padding:8px 12px;border:1px solid var(--ds-color-border);border-radius:6px;background-color:var(--ds-color-surface);color:var(--ds-color-text-primary);cursor:pointer;transition:border-color .2s ease;font-size:14px;min-width:200px;text-align:left}.date-picker-input:hover{border-color:var(--ds-color-border-hover)}.date-picker-input:disabled{opacity:.6;cursor:not-allowed}.apply-btn{white-space:nowrap}.react-datepicker__input-container{display:block}.react-datepicker-popper{z-index:50}.react-datepicker{font-family:Inter,Arial,sans-serif;font-size:.875rem;border:1px solid var(--ds-color-border)!important;border-radius:8px;box-shadow:var(--ds-shadow-lg);background-color:var(--ds-color-surface)!important;color:var(--ds-color-text-primary)!important}.react-datepicker__triangle{display:none}.react-datepicker__header{border-radius:8px 8px 0 0}.react-datepicker__header,.react-datepicker__header--time{background-color:var(--ds-color-surface-hover)!important;border-bottom:1px solid var(--ds-color-border)!important}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month,h2.react-datepicker__current-month{color:var(--ds-color-text-primary)!important;font-weight:500;font-size:1rem!important;line-height:1.25rem!important;margin:0!important;padding:8px 0!important}.react-datepicker__navigation{top:8px!important}.react-datepicker__navigation-icon:before{border-color:var(--ds-color-text-secondary)!important}.react-datepicker__navigation:hover :before{border-color:var(--ds-color-text-primary)!important}.react-datepicker__day-name,.react-datepicker__time-name{color:var(--ds-color-text-secondary)!important;font-weight:500}.react-datepicker__day{color:var(--ds-color-text-primary)!important;border-radius:4px}.react-datepicker__day:not([aria-disabled=true]):hover{background-color:var(--ds-color-surface-hover)!important}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected{background-color:var(--ds-color-primary)!important;color:var(--ds-color-text-inverse)!important}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover{background-color:var(--ds-color-primary-hover)!important}.react-datepicker__day--keyboard-selected{background-color:var(--ds-color-primary);color:var(--ds-color-text-inverse)}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover{background-color:var(--ds-color-primary-hover)}.react-datepicker__day--today:not(.react-datepicker__day--selected){font-weight:var(--ds-font-weight-semibold);color:var(--ds-color-primary)!important}.react-datepicker__day--disabled,.react-datepicker__day--outside-month{color:var(--ds-color-text-tertiary)!important}.react-datepicker__day--disabled{opacity:.5}.react-datepicker__month-select,.react-datepicker__year-select{background-color:var(--ds-color-surface)!important;color:var(--ds-color-text-primary)!important;border:1px solid var(--ds-color-border)!important;border-radius:4px;padding:2px 4px;font-size:.875rem;cursor:pointer}.react-datepicker__month-select:focus,.react-datepicker__year-select:focus{outline:2px solid var(--ds-color-primary);outline-offset:1px}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:var(--ds-color-surface)!important;border:1px solid var(--ds-color-border)!important;color:var(--ds-color-text-primary)!important}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:var(--ds-color-surface-hover)!important}.react-datepicker__time-container{border-left:1px solid var(--ds-color-border)!important}.react-datepicker__time-container .react-datepicker__time{background:var(--ds-color-surface)!important;color:var(--ds-color-text-primary)!important}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{color:var(--ds-color-text-primary)!important}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:var(--ds-color-surface-hover)!important}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:var(--ds-color-primary)!important;color:var(--ds-color-text-inverse)!important;font-weight:600}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:var(--ds-color-primary-hover)!important}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:var(--ds-color-text-tertiary)}.react-datepicker__close-icon:after{background-color:var(--ds-color-primary)!important;color:var(--ds-color-text-inverse)!important}.react-datepicker__close-icon--disabled:after{background-color:var(--ds-color-text-tertiary)!important}.react-datepicker__today-button{background:var(--ds-color-surface-hover)!important;border-top:1px solid var(--ds-color-border)!important;color:var(--ds-color-text-primary)!important}.react-datepicker__week-number{color:var(--ds-color-text-tertiary)!important}.chart-loading{color:var(--ds-color-text-secondary);padding:var(--ds-space-lg)}.chart-container{height:400px;position:relative;width:900px;max-width:100%;overflow:hidden}.chart-container canvas{max-width:none!important}.chart-container canvas,.chart-container>div{width:100%!important;height:100%!important}.left-align-row{align-self:flex-start!important;justify-content:flex-start!important;text-align:left!important;width:auto!important;margin-left:0!important}.mention-autocomplete{position:fixed;background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:8px;box-shadow:var(--ds-shadow-md);max-width:300px;max-height:200px;overflow-y:auto;z-index:1000}.mention-autocomplete-loading,.mention-autocomplete-no-results{padding:12px 16px;color:var(--ds-color-text-secondary);font-size:14px;text-align:center}.mention-autocomplete-list{padding:4px 0}.mention-autocomplete-item{display:flex;align-items:center;padding:8px 12px;cursor:pointer;transition:background-color .15s;border-bottom:1px solid var(--ds-color-border)}.mention-autocomplete-item:last-child{border-bottom:none}.mention-autocomplete-item.selected,.mention-autocomplete-item:hover{background-color:var(--ds-color-surface-hover)}.mention-autocomplete-avatar{margin-right:8px;flex-shrink:0}.mention-autocomplete-avatar img{border-radius:50%;width:24px;height:24px;-o-object-fit:cover;object-fit:cover}.mention-autocomplete-avatar-placeholder{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:var(--ds-color-surface-hover);border-radius:50%;font-size:12px}.mention-autocomplete-info{flex:1;min-width:0}.mention-autocomplete-name{font-weight:500;color:var(--ds-color-text-primary);font-size:14px;margin-bottom:2px}.mention-autocomplete-role{font-size:12px;color:var(--ds-color-text-secondary)}.mention-autocomplete-status{margin-left:8px;font-size:12px}.mention{background-color:var(--ds-color-primary-light);color:var(--ds-color-primary-dark);padding:1px 4px;border-radius:3px;text-decoration:none;font-weight:500;transition:background-color .15s;display:inline}.entry-content .markdown-li .mention,.markdown-content .markdown-li .mention,.markdown-li .mention{display:inline;vertical-align:baseline}.mention:hover{background-color:var(--ds-color-primary-light);text-decoration:none}.mention-warning{background-color:var(--ds-color-warning-light);color:var(--ds-color-warning);border:1px solid var(--ds-color-warning)}.kridla-chat{background:var(--ds-color-surface);border-radius:8px;box-shadow:none;padding:24px 18px 0;margin:24px 0 0;max-width:600px;width:100%}.kridla-chat-feed{overflow-y:auto;margin-bottom:0;padding-right:4px}.kridla-chat-list{list-style:none;margin:0;padding:0}.kridla-chat-message{display:flex;align-items:flex-start;gap:12px;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--ds-color-border);position:relative}.kridla-chat-message:last-child{border-bottom:none}.kridla-chat-actions{display:flex;gap:8px;position:absolute;right:0;bottom:8px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:1}.kridla-chat-message:focus-within>.kridla-chat-meta>.kridla-chat-actions,.kridla-chat-message:hover>.kridla-chat-meta>.kridla-chat-actions{opacity:1;pointer-events:auto}.comment-section .kridla-chat .kridla-chat-message:focus-within>.kridla-chat-meta>.kridla-chat-actions,.comment-section .kridla-chat .kridla-chat-message:hover>.kridla-chat-meta>.kridla-chat-actions,.comment-section .kridla-chat-message:focus-within>.kridla-chat-meta>.kridla-chat-actions,.comment-section .kridla-chat-message:hover>.kridla-chat-meta>.kridla-chat-actions,.kridla-chat-comments-expanded .comment-section .kridla-chat .kridla-chat-message:focus-within>.kridla-chat-meta>.kridla-chat-actions,.kridla-chat-comments-expanded .comment-section .kridla-chat .kridla-chat-message:hover>.kridla-chat-meta>.kridla-chat-actions,.kridla-chat-comments-expanded .comment-section .kridla-chat-message:focus-within>.kridla-chat-meta>.kridla-chat-actions,.kridla-chat-comments-expanded .comment-section .kridla-chat-message:hover>.kridla-chat-meta>.kridla-chat-actions{opacity:1!important;pointer-events:auto!important;display:flex!important}@media (hover:none) and (pointer:coarse){.kridla-chat-actions{opacity:1;pointer-events:auto}.comment-section .kridla-chat-message .kridla-chat-meta>.kridla-chat-actions{opacity:1!important;pointer-events:auto!important;display:flex!important}}.kridla-chat-action-btn{font-size:.9rem;color:var(--ds-color-text-secondary);background:none;border:none;cursor:pointer;padding:6px;border-radius:4px;transition:background .15s,color .15s;display:flex;align-items:center;justify-content:center}.kridla-chat-action-btn.reply:focus,.kridla-chat-action-btn.reply:hover{background:var(--ds-color-surface-hover);color:var(--ds-color-accent)}.kridla-chat-action-btn.delete:focus,.kridla-chat-action-btn.delete:hover{background:var(--ds-color-surface-hover);color:var(--ds-color-danger)}.kridla-chat-avatar{width:24px;height:24px;border-radius:50%;overflow:hidden;background:var(--ds-color-surface-hover);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.kridla-chat-avatar img{width:24px;height:24px;border-radius:50%;-o-object-fit:cover;object-fit:cover;display:block}.kridla-chat-avatar-placeholder{font-size:1.5rem;color:var(--ds-color-primary)}.kridla-chat-meta{display:flex;flex-direction:column;align-items:flex-start;flex:1;margin-right:8px}.kridla-chat-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.kridla-chat-name{font-weight:600;font-size:1rem}.kridla-chat-name,.kridla-chat-time{color:var(--ds-color-text-secondary)}.kridla-chat-time{font-size:.85rem;margin-top:2px}.kridla-chat-content{color:var(--ds-color-text-primary);font-size:1.05rem;word-break:break-word}.kridla-chat-content p{margin:0 0 4px;line-height:1.5}.kridla-chat-show-more{display:inline-block;margin-top:4px;padding:0;border:none;background:none;color:var(--ds-color-accent);font-size:.95rem;cursor:pointer;text-decoration:underline}.kridla-chat-show-more:hover{color:var(--ds-color-accent-hover)}.kridla-chat-compose{display:flex;flex-direction:column;gap:10px;margin:64px 0 0;max-width:600px;width:100%;position:relative}.kridla-chat-reply-preview{position:absolute;bottom:100%;left:0;right:0;background:var(--ds-color-surface-hover);border:1px solid var(--ds-color-border);border-radius:8px 8px 0 0;padding:8px 12px;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;gap:8px}.kridla-chat-reply-preview-content{flex:1;min-width:0}.kridla-chat-reply-preview-label{font-size:.75rem;color:var(--ds-color-text-tertiary);font-weight:500;margin-bottom:2px}.kridla-chat-reply-preview-message{font-size:.875rem;color:var(--ds-color-text-secondary);line-height:1.3}.kridla-chat-reply-preview-author{font-weight:600;color:var(--ds-color-accent)}.kridla-chat-reply-preview-text{margin-left:4px}.kridla-chat-reply-preview-cancel{background:none;border:none;color:var(--ds-color-text-tertiary);cursor:pointer;padding:4px;border-radius:4px;font-size:1rem;line-height:1}.kridla-chat-reply-preview-cancel:hover{background:var(--ds-color-surface-hover);color:var(--ds-color-text-secondary)}.kridla-chat-reply-indicator{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--ds-color-text-tertiary);margin-bottom:4px;padding:4px 8px;background:var(--ds-color-surface-hover);border-radius:4px;border-left:3px solid var(--ds-color-accent)}.kridla-chat-reply-arrow{font-size:.7rem}.kridla-chat-reply-author{font-weight:600;color:var(--ds-color-accent)}.kridla-chat-reply-text{color:var(--ds-color-text-secondary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kridla-chat-input{width:100%;min-height:38px;border:1.5px solid var(--ds-color-border);border-radius:8px;padding:8px 12px;font-size:1rem;resize:none;background:var(--ds-color-surface-hover);color:var(--ds-color-text-primary);transition:border-color .2s;overflow-y:hidden;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.kridla-chat-input:focus{border-color:var(--ds-color-primary);outline:none}.kridla-chat-empty,.kridla-chat-error,.kridla-chat-loading,.kridla-chat-senderror{color:var(--ds-color-text-secondary);font-size:1rem;margin:12px 0;text-align:center}.kridla-chat-success{color:var(--ds-color-success);font-size:14px;margin-top:8px;padding:8px 12px;background-color:var(--ds-color-success-light);border:1px solid var(--ds-color-success);border-radius:6px;text-align:center;max-width:600px;width:100%}.kridla-chat-loadmore{background:var(--ds-color-button-secondary-bg);color:var(--ds-color-accent);border:none;border-radius:8px;padding:6px 16px;font-size:.98rem;font-weight:500;cursor:pointer;margin:0 auto 12px;display:block;transition:background .2s}.kridla-chat-loadmore:disabled{opacity:.6;cursor:not-allowed}.kridla-chat-empty{margin:12px 0 32px}.contact-form{max-width:600px;margin-top:32px}.success-message{background-color:var(--ds-color-success-light);border:1px solid var(--ds-color-success);color:var(--ds-color-success);border-radius:8px}.error-message,.success-message{padding:12px 16px;margin-top:16px;font-weight:500}.error-message{background-color:var(--ds-color-danger-light);border:1px solid var(--ds-color-danger);color:var(--ds-color-danger);border-radius:8px}.kridla-footer{text-align:center;padding:32px 0;margin-top:64px}.footer-contact-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:24px;transition:all .2s ease;color:inherit}.footer-contact-link:hover{animation:shake .5s ease-in-out;text-decoration:none;color:inherit}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-2px)}20%,40%,60%,80%{transform:translateX(2px)}}.reaction-bar{display:flex;align-items:center;flex-wrap:wrap;align-self:center;height:32px}.kridla-chat-message .reaction-bar,.reaction-bar-container .reaction-bar{margin-top:8px}.kridla-chat-message .reaction-bar{align-self:flex-start;justify-content:flex-start}.entry-actions-bar .reaction-bar{margin-top:0}.kridla-chat-actions-bar{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}.kridla-chat-actions-bar .reaction-bar,.kridla-chat-actions-bar>*{display:flex;align-items:center;height:32px}.kridla-chat-actions-bar .reaction-bar{margin-top:0}.kridla-chat-actions-bar .reaction-bar-container{display:flex;align-items:center;height:32px}.kridla-chat-actions-bar .comment-toggle-button{display:inline-flex;align-items:center;justify-content:center;height:32px}.kridla-chat-comments-expanded{margin-top:16px;padding-top:16px;border-top:1px solid var(--ds-color-border);width:100%;align-self:stretch;position:relative;z-index:5;margin-bottom:8px}.kridla-chat-meta .comment-section{width:100%}.kridla-chat-meta .comment-section .kridla-chat{width:100%;max-width:100%}.reaction-buttons{display:flex;align-items:center;gap:6px;flex-wrap:wrap;align-self:center;height:32px}.kridla-chat-message .reaction-buttons{align-self:flex-start;justify-content:flex-start}.reaction-button-wrapper{position:relative;display:inline-flex}.reaction-button{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1.5px solid var(--ds-color-border);border-radius:18px;background:var(--ds-color-surface);color:var(--ds-color-text-primary);cursor:pointer;transition:all .2s ease;font-size:.9rem;min-height:32px}.reaction-button:hover{border-color:var(--ds-color-border-hover);background:var(--ds-color-surface-hover)}.reaction-button.active{border-color:var(--ds-color-primary);background:var(--ds-color-primary-light)}.reaction-button:disabled{opacity:.6;cursor:not-allowed}.reaction-emoji{font-size:1rem;line-height:1}.reaction-count{font-size:.85rem;font-weight:600;color:var(--ds-color-text-secondary);line-height:1}.reaction-button.active .reaction-count{color:var(--ds-color-primary)}.add-reaction-container{position:relative}.add-reaction-container,.add-reaction-trigger{display:inline-flex;align-items:center;height:32px}.add-reaction-trigger{justify-content:center;padding:4px 6px;border:1.5px solid var(--ds-color-border);border-radius:18px;background:var(--ds-color-surface);color:var(--ds-color-text-primary);cursor:pointer;transition:all .2s ease;font-size:.9rem;opacity:1;width:-moz-fit-content;width:fit-content;min-width:40px}.add-reaction-trigger:hover{border-color:var(--ds-color-border-hover);opacity:1;background:var(--ds-color-surface-hover)}.add-reaction-trigger:disabled{opacity:.4;cursor:not-allowed}.add-reaction-icon{font-size:18px;line-height:1;display:block;text-align:center;width:100%;letter-spacing:0;margin:0 auto}.emoji-picker{position:absolute;bottom:100%;left:0;margin-bottom:4px;display:flex;gap:4px;padding:8px;background:var(--ds-color-surface);border:1.5px solid var(--ds-color-border);border-radius:12px;box-shadow:var(--ds-shadow-lg);z-index:100;animation:slideUp .15s ease-out}.add-reaction-container:before{content:"";position:absolute;bottom:100%;left:0;right:0;height:8px;z-index:99}.reaction-popover{position:absolute;bottom:calc(100% + 8px);left:0;background:var(--ds-color-surface);border:1.5px solid var(--ds-color-border);border-radius:12px;box-shadow:var(--ds-shadow-xl);padding:10px 12px;min-width:180px;z-index:120;animation:reactionFadeIn .15s ease-out}.reaction-popover-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.reaction-popover-user{font-size:.9rem;color:var(--ds-color-text-primary);line-height:1.3}.reaction-popover-user.you{color:var(--ds-color-primary);font-weight:600}.reaction-popover-empty{font-size:.85rem;color:var(--ds-color-text-tertiary)}@keyframes reactionFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.emoji-picker-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;cursor:pointer;font-size:1.3rem;border-radius:8px;transition:background .2s ease}.emoji-picker-button:hover{background:var(--ds-color-surface-hover)}.emoji-picker-button:disabled{opacity:.5;cursor:not-allowed}.entry-actions-bar{display:flex;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap}.entry-actions-bar>*{display:flex;align-items:center;height:32px}.comment-toggle-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--ds-color-surface);border:1.5px solid var(--ds-color-border);border-radius:18px;cursor:pointer;padding:4px 10px;transition:all .2s ease;font-size:.9rem;color:var(--ds-color-text-secondary);position:relative;height:32px;flex-shrink:0}.comment-toggle-button:hover{border-color:var(--ds-color-border-hover);background:var(--ds-color-surface-hover);color:var(--ds-color-text-primary)}.comment-icon{font-size:18px;vertical-align:baseline}.comment-count-badge,.comment-icon{line-height:1;display:inline-flex;align-items:center;justify-content:center}.comment-count-badge{min-width:20px;height:20px;padding:0 6px;background-color:var(--ds-color-text-secondary);color:var(--ds-color-button-primary-text);border-radius:10px;font-size:12px;font-weight:600}.entry-comments-expanded{margin-top:16px;padding-top:16px}.comment-section{margin-top:0;width:100%}.comment-section .kridla-chat{max-width:100%;width:100%;margin:0}.comment-section .kridla-chat-feed{border-radius:8px;padding:12px;margin-bottom:12px;width:100%}.comment-section .kridla-chat-list{margin:0;padding:0;width:100%}.comment-section .kridla-chat-message{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--ds-color-border)}.comment-section .kridla-chat-message:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.comment-section .kridla-chat-compose{margin-top:0;padding:0;margin-bottom:0;background:transparent;border:none;width:100%;max-width:100%;position:relative;z-index:10}.comment-section .kridla-chat-compose .kridla-chat-actions{position:relative;bottom:auto;right:auto;opacity:1!important;pointer-events:auto!important;visibility:visible!important;margin-top:8px;margin-bottom:0;justify-content:flex-end;z-index:11}.comment-section .kridla-chat-message .kridla-chat-meta>.kridla-chat-actions{display:flex!important;opacity:0;pointer-events:none;position:absolute;right:0;bottom:8px;transition:opacity .2s}.kridla-chat-meta:has(.kridla-chat-comments-expanded)>.kridla-chat-actions{display:none!important;opacity:0!important;pointer-events:none!important}.kridla-chat-comments-expanded~.kridla-chat-actions{display:none!important;opacity:0!important;pointer-events:none!important}.kridla-chat-meta .kridla-chat-actions:has(~.kridla-chat-comments-expanded){display:none!important;opacity:0!important;pointer-events:none!important}.comment-section .kridla-chat-input{background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:8px;padding:10px 12px;font-size:14px;width:100%}.comment-section .kridla-chat-empty{margin:12px 0;padding:16px;text-align:center;color:var(--ds-color-text-tertiary);font-size:14px}.profile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--ds-color-overlay);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-in;padding:20px;overflow-y:auto}.profile-overlay-content{position:relative;background:var(--ds-color-surface);border-radius:18px;box-shadow:var(--ds-shadow-xl);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;margin:auto;animation:slideUp .3s ease-out}.profile-overlay-close{position:absolute;top:16px;right:16px;background:var(--ds-color-surface-hover);color:var(--ds-color-text-primary);border:1px solid var(--ds-color-border);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:28px;line-height:1;transition:all .2s ease;z-index:10;box-shadow:var(--ds-shadow-sm)}.profile-overlay-close:hover{background:var(--ds-color-surface);transform:scale(1.1);box-shadow:var(--ds-shadow-md)}.profile-overlay-loading{display:flex;align-items:center;justify-content:center;min-height:400px;padding:40px}.profile-overlay-error{padding:40px;text-align:center;color:var(--ds-color-danger);font-size:16px}.profile-overlay-content .profile-card-view .text-gray-500,.profile-overlay-content .profile-card-view .text-gray-600,.profile-overlay-content .profile-card-view .text-gray-700{color:var(--ds-color-text-primary)!important}.profile-overlay-content .profile-card-view .text-gray-400{color:var(--ds-color-text-secondary)!important}@media (max-width:768px){.profile-overlay{padding:0;align-items:flex-start}.profile-overlay-content{max-width:100%;width:100%;max-height:100vh;border-radius:0;margin:0}.profile-overlay-close{top:12px;right:12px;width:36px;height:36px;font-size:24px}}.markdown-p{margin:0 0 .5em;line-height:1.5}.markdown-p:last-child{margin-bottom:0}.markdown-strong{font-weight:700;color:var(--ds-color-text-primary)}.markdown-em{font-style:italic}.entry-content .markdown-ul,.entry-content ul.markdown-ul,.markdown-content .markdown-ul,.markdown-content ul.markdown-ul{margin:.5em 0;padding-left:2em;list-style:disc outside!important}.entry-content .markdown-ol,.entry-content ol.markdown-ol,.markdown-content .markdown-ol,.markdown-content ol.markdown-ol{margin:.5em 0;padding-left:2em;list-style:decimal outside!important}.entry-content .markdown-li,.entry-content li.markdown-li,.markdown-content .markdown-li,.markdown-content li.markdown-li{margin:.25em 0;line-height:1.5;display:list-item!important}.markdown-code-inline{padding:2px 6px;border-radius:4px}.markdown-code-block,.markdown-code-inline{background-color:var(--ds-color-surface-hover);font-family:Courier New,monospace;font-size:.9em;color:var(--ds-color-text-primary)}.markdown-code-block{display:block;padding:12px;border-radius:6px;overflow-x:auto;margin:.5em 0}.markdown-blockquote{border-left:4px solid var(--ds-color-border);padding-left:1em;margin:.5em 0;color:var(--ds-color-text-secondary);font-style:italic}.description-block{background:var(--ds-color-surface);border-radius:var(--ds-radius-lg);padding:var(--ds-space-2xl);margin-bottom:var(--ds-space-2xl)}.description-block,.description-block .description-markdown{color:var(--ds-color-text-primary)}.description-markdown{color:var(--ds-color-text-secondary)}.markdown-link{color:var(--ds-color-accent);text-decoration:underline}.markdown-link:hover{color:var(--ds-color-accent-hover)}.markdown-h1{font-size:1.5em;font-weight:700;margin:.5em 0;color:var(--ds-color-text-primary)}.markdown-h2{font-size:1.3em}.markdown-h2,.markdown-h3{font-weight:600;margin:.5em 0;color:var(--ds-color-text-primary)}.markdown-h3{font-size:1.1em}.markdown-hr{margin:1.25em 0;border:none;border-top:1px solid var(--ds-color-text-secondary)}.markdown-img{max-width:100%;height:auto;margin:.75em 0;border-radius:var(--ds-radius-md,6px)}.zrcatko-page{gap:32px}.zrcatko-card,.zrcatko-page{display:flex;flex-direction:column}.zrcatko-card{--zrcatko-space:8px;background:var(--ds-color-surface);border-radius:24px;padding:var(--zrcatko-space);box-shadow:var(--ds-shadow-xl);border:1px solid rgba(15,23,42,.05);max-width:520px;margin-left:auto;margin-right:auto;align-items:stretch}.zrcatko-inner{gap:var(--zrcatko-space);width:100%;max-width:420px;margin:0 auto}.zrcatko-headline,.zrcatko-inner{display:flex;flex-direction:column}.zrcatko-headline{gap:8px;margin:0}.zrcatko-headline h1{margin:0}.zrcatko-intro{display:none}.zrcatko-form{display:flex;flex-direction:column;gap:var(--zrcatko-space)}.zrcatko-scale-card{background:var(--ds-color-surface-hover);box-shadow:inset 0 0 0 1px rgba(15,23,42,.02)}.zrcatko-scale-card,.zrcatko-section-card{border-radius:24px;padding:calc(var(--zrcatko-space) * 3);display:flex;flex-direction:column;gap:20px}.zrcatko-section-card{background:var(--ds-color-surface);box-shadow:var(--ds-shadow-lg);border:1px solid rgba(15,23,42,.04)}.zrcatko-slider-section{display:flex;flex-direction:column;gap:16px}.zrcatko-slider-labels{display:flex;justify-content:space-between;font-weight:600;color:var(--ds-color-text-secondary);font-size:.95rem}.zrcatko-slider-wrapper{padding:0}.zrcatko-slider{-webkit-appearance:none;width:100%;height:12px;border-radius:999px;background:linear-gradient(90deg,#e11d48,#f97316,#facc15,#22c55e,#0ea5e9);outline:none;cursor:pointer;transition:box-shadow .2s ease}.zrcatko-slider:focus-visible{box-shadow:0 0 0 4px rgba(var(--ds-color-primary-rgb),.2)}.zrcatko-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:40px;height:40px;border-radius:50%;background:var(--ds-color-surface);border:4px solid var(--ds-color-primary-hover);box-shadow:var(--ds-shadow-lg);-webkit-transition:transform .2s ease;transition:transform .2s ease}.zrcatko-slider::-moz-range-thumb{width:40px;height:40px;border-radius:50%;background:var(--ds-color-surface);border:4px solid var(--ds-color-primary-hover);box-shadow:var(--ds-shadow-lg);-moz-transition:transform .2s ease;transition:transform .2s ease}.zrcatko-slider::-moz-range-thumb:hover,.zrcatko-slider::-webkit-slider-thumb:hover{transform:scale(1.05)}.zrcatko-toggle{display:flex;align-items:center;gap:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.zrcatko-toggle-input{position:absolute;opacity:0;pointer-events:none}.zrcatko-toggle-track{position:relative;width:56px;height:30px;border-radius:999px;background:var(--ds-color-border);transition:background .2s ease;flex-shrink:0}.zrcatko-toggle-thumb{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--ds-color-surface);box-shadow:var(--ds-shadow-lg);transition:transform .2s ease}.zrcatko-toggle-input:checked+.zrcatko-toggle-track{background:linear-gradient(135deg,#22c55e,#0ea5e9)}.zrcatko-toggle-input:checked+.zrcatko-toggle-track .zrcatko-toggle-thumb{transform:translateX(26px)}.zrcatko-toggle-label{font-weight:600;color:var(--ds-color-text-primary)}.zrcatko-notes{display:flex;flex-direction:column;gap:8px}.zrcatko-field-label{font-weight:600;color:var(--ds-color-text-primary)}.zrcatko-textarea{min-height:140px;border:2px solid var(--ds-color-border);border-radius:16px;padding:16px 20px;font-size:1rem;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}.zrcatko-textarea:focus{border-color:var(--ds-color-primary-hover);box-shadow:0 0 0 4px rgba(var(--ds-color-primary-rgb),.12)}.zrcatko-actions{display:flex;align-items:center;gap:16px}.zrcatko-submit{font-size:1.1rem;padding:14px 28px;border-radius:999px;font-weight:600;box-shadow:0 10px 25px rgba(var(--ds-color-primary-rgb),.25)}.zrcatko-success{font-weight:600;color:var(--ds-color-success)}@media (max-width:640px){.zrcatko-card{padding:24px}.zrcatko-slider::-moz-range-thumb,.zrcatko-slider::-webkit-slider-thumb{width:32px;height:32px}.zrcatko-actions{flex-direction:column;align-items:flex-start}}.comment-section .kridla-chat .kridla-chat-message:focus-within>.kridla-chat-meta>.kridla-chat-actions,.comment-section .kridla-chat .kridla-chat-message:hover>.kridla-chat-meta>.kridla-chat-actions,.comment-section .kridla-chat-message:focus-within>.kridla-chat-meta>.kridla-chat-actions,.comment-section .kridla-chat-message:hover>.kridla-chat-meta>.kridla-chat-actions,.kridla-chat-comments-expanded .comment-section .kridla-chat .kridla-chat-message:focus-within>.kridla-chat-meta>.kridla-chat-actions,.kridla-chat-comments-expanded .comment-section .kridla-chat .kridla-chat-message:hover>.kridla-chat-meta>.kridla-chat-actions,.kridla-chat-comments-expanded .comment-section .kridla-chat-feed .kridla-chat-list .kridla-chat-message:focus-within>.kridla-chat-meta>.kridla-chat-actions,.kridla-chat-comments-expanded .comment-section .kridla-chat-feed .kridla-chat-list .kridla-chat-message:hover>.kridla-chat-meta>.kridla-chat-actions,.kridla-chat-comments-expanded .comment-section .kridla-chat-message:focus-within>.kridla-chat-meta>.kridla-chat-actions,.kridla-chat-comments-expanded .comment-section .kridla-chat-message:hover>.kridla-chat-meta>.kridla-chat-actions{opacity:1!important;pointer-events:auto!important;display:flex!important;visibility:visible!important}.zrcadlo-loading{display:flex;justify-content:center;align-items:center;min-height:200px;color:var(--text-secondary)}.zrcadlo-header{margin-bottom:24px}.zrcadlo-header h1{margin-bottom:8px}.zrcadlo-subtitle{color:var(--text-secondary);font-size:1rem}.zrcadlo-progress{margin-bottom:32px}.zrcadlo-progress__bar{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden;margin-bottom:8px}.zrcadlo-progress__fill{height:100%;background:var(--primary);border-radius:4px;transition:width .3s ease;width:calc(var(--zrcadlo-overall-pct, 0) * 100%)}.zrcadlo-progress__bar--0{--zrcadlo-overall-pct:0}.zrcadlo-progress__bar--1{--zrcadlo-overall-pct:0.01}.zrcadlo-progress__bar--2{--zrcadlo-overall-pct:0.02}.zrcadlo-progress__bar--3{--zrcadlo-overall-pct:0.03}.zrcadlo-progress__bar--4{--zrcadlo-overall-pct:0.04}.zrcadlo-progress__bar--5{--zrcadlo-overall-pct:0.05}.zrcadlo-progress__bar--6{--zrcadlo-overall-pct:0.06}.zrcadlo-progress__bar--7{--zrcadlo-overall-pct:0.07}.zrcadlo-progress__bar--8{--zrcadlo-overall-pct:0.08}.zrcadlo-progress__bar--9{--zrcadlo-overall-pct:0.09}.zrcadlo-progress__bar--10{--zrcadlo-overall-pct:0.1}.zrcadlo-progress__bar--11{--zrcadlo-overall-pct:0.11}.zrcadlo-progress__bar--12{--zrcadlo-overall-pct:0.12}.zrcadlo-progress__bar--13{--zrcadlo-overall-pct:0.13}.zrcadlo-progress__bar--14{--zrcadlo-overall-pct:0.14}.zrcadlo-progress__bar--15{--zrcadlo-overall-pct:0.15}.zrcadlo-progress__bar--16{--zrcadlo-overall-pct:0.16}.zrcadlo-progress__bar--17{--zrcadlo-overall-pct:0.17}.zrcadlo-progress__bar--18{--zrcadlo-overall-pct:0.18}.zrcadlo-progress__bar--19{--zrcadlo-overall-pct:0.19}.zrcadlo-progress__bar--20{--zrcadlo-overall-pct:0.2}.zrcadlo-progress__bar--21{--zrcadlo-overall-pct:0.21}.zrcadlo-progress__bar--22{--zrcadlo-overall-pct:0.22}.zrcadlo-progress__bar--23{--zrcadlo-overall-pct:0.23}.zrcadlo-progress__bar--24{--zrcadlo-overall-pct:0.24}.zrcadlo-progress__bar--25{--zrcadlo-overall-pct:0.25}.zrcadlo-progress__bar--26{--zrcadlo-overall-pct:0.26}.zrcadlo-progress__bar--27{--zrcadlo-overall-pct:0.27}.zrcadlo-progress__bar--28{--zrcadlo-overall-pct:0.28}.zrcadlo-progress__bar--29{--zrcadlo-overall-pct:0.29}.zrcadlo-progress__bar--30{--zrcadlo-overall-pct:0.3}.zrcadlo-progress__bar--31{--zrcadlo-overall-pct:0.31}.zrcadlo-progress__bar--32{--zrcadlo-overall-pct:0.32}.zrcadlo-progress__bar--33{--zrcadlo-overall-pct:0.33}.zrcadlo-progress__bar--34{--zrcadlo-overall-pct:0.34}.zrcadlo-progress__bar--35{--zrcadlo-overall-pct:0.35}.zrcadlo-progress__bar--36{--zrcadlo-overall-pct:0.36}.zrcadlo-progress__bar--37{--zrcadlo-overall-pct:0.37}.zrcadlo-progress__bar--38{--zrcadlo-overall-pct:0.38}.zrcadlo-progress__bar--39{--zrcadlo-overall-pct:0.39}.zrcadlo-progress__bar--40{--zrcadlo-overall-pct:0.4}.zrcadlo-progress__bar--41{--zrcadlo-overall-pct:0.41}.zrcadlo-progress__bar--42{--zrcadlo-overall-pct:0.42}.zrcadlo-progress__bar--43{--zrcadlo-overall-pct:0.43}.zrcadlo-progress__bar--44{--zrcadlo-overall-pct:0.44}.zrcadlo-progress__bar--45{--zrcadlo-overall-pct:0.45}.zrcadlo-progress__bar--46{--zrcadlo-overall-pct:0.46}.zrcadlo-progress__bar--47{--zrcadlo-overall-pct:0.47}.zrcadlo-progress__bar--48{--zrcadlo-overall-pct:0.48}.zrcadlo-progress__bar--49{--zrcadlo-overall-pct:0.49}.zrcadlo-progress__bar--50{--zrcadlo-overall-pct:0.5}.zrcadlo-progress__bar--51{--zrcadlo-overall-pct:0.51}.zrcadlo-progress__bar--52{--zrcadlo-overall-pct:0.52}.zrcadlo-progress__bar--53{--zrcadlo-overall-pct:0.53}.zrcadlo-progress__bar--54{--zrcadlo-overall-pct:0.54}.zrcadlo-progress__bar--55{--zrcadlo-overall-pct:0.55}.zrcadlo-progress__bar--56{--zrcadlo-overall-pct:0.56}.zrcadlo-progress__bar--57{--zrcadlo-overall-pct:0.57}.zrcadlo-progress__bar--58{--zrcadlo-overall-pct:0.58}.zrcadlo-progress__bar--59{--zrcadlo-overall-pct:0.59}.zrcadlo-progress__bar--60{--zrcadlo-overall-pct:0.6}.zrcadlo-progress__bar--61{--zrcadlo-overall-pct:0.61}.zrcadlo-progress__bar--62{--zrcadlo-overall-pct:0.62}.zrcadlo-progress__bar--63{--zrcadlo-overall-pct:0.63}.zrcadlo-progress__bar--64{--zrcadlo-overall-pct:0.64}.zrcadlo-progress__bar--65{--zrcadlo-overall-pct:0.65}.zrcadlo-progress__bar--66{--zrcadlo-overall-pct:0.66}.zrcadlo-progress__bar--67{--zrcadlo-overall-pct:0.67}.zrcadlo-progress__bar--68{--zrcadlo-overall-pct:0.68}.zrcadlo-progress__bar--69{--zrcadlo-overall-pct:0.69}.zrcadlo-progress__bar--70{--zrcadlo-overall-pct:0.7}.zrcadlo-progress__bar--71{--zrcadlo-overall-pct:0.71}.zrcadlo-progress__bar--72{--zrcadlo-overall-pct:0.72}.zrcadlo-progress__bar--73{--zrcadlo-overall-pct:0.73}.zrcadlo-progress__bar--74{--zrcadlo-overall-pct:0.74}.zrcadlo-progress__bar--75{--zrcadlo-overall-pct:0.75}.zrcadlo-progress__bar--76{--zrcadlo-overall-pct:0.76}.zrcadlo-progress__bar--77{--zrcadlo-overall-pct:0.77}.zrcadlo-progress__bar--78{--zrcadlo-overall-pct:0.78}.zrcadlo-progress__bar--79{--zrcadlo-overall-pct:0.79}.zrcadlo-progress__bar--80{--zrcadlo-overall-pct:0.8}.zrcadlo-progress__bar--81{--zrcadlo-overall-pct:0.81}.zrcadlo-progress__bar--82{--zrcadlo-overall-pct:0.82}.zrcadlo-progress__bar--83{--zrcadlo-overall-pct:0.83}.zrcadlo-progress__bar--84{--zrcadlo-overall-pct:0.84}.zrcadlo-progress__bar--85{--zrcadlo-overall-pct:0.85}.zrcadlo-progress__bar--86{--zrcadlo-overall-pct:0.86}.zrcadlo-progress__bar--87{--zrcadlo-overall-pct:0.87}.zrcadlo-progress__bar--88{--zrcadlo-overall-pct:0.88}.zrcadlo-progress__bar--89{--zrcadlo-overall-pct:0.89}.zrcadlo-progress__bar--90{--zrcadlo-overall-pct:0.9}.zrcadlo-progress__bar--91{--zrcadlo-overall-pct:0.91}.zrcadlo-progress__bar--92{--zrcadlo-overall-pct:0.92}.zrcadlo-progress__bar--93{--zrcadlo-overall-pct:0.93}.zrcadlo-progress__bar--94{--zrcadlo-overall-pct:0.94}.zrcadlo-progress__bar--95{--zrcadlo-overall-pct:0.95}.zrcadlo-progress__bar--96{--zrcadlo-overall-pct:0.96}.zrcadlo-progress__bar--97{--zrcadlo-overall-pct:0.97}.zrcadlo-progress__bar--98{--zrcadlo-overall-pct:0.98}.zrcadlo-progress__bar--99{--zrcadlo-overall-pct:0.99}.zrcadlo-progress__bar--100{--zrcadlo-overall-pct:1}.zrcadlo-progress__text{font-size:.875rem;color:var(--text-secondary)}.zrcadlo-tile-progress{width:100%;height:6px;background:var(--ds-color-border);border-radius:3px;overflow:visible;margin-bottom:16px}.zrcadlo-tile-progress__fill{height:6px;width:calc(var(--zrcadlo-progress, 0) * 100%);min-width:0;background:var(--ds-color-primary);border-radius:3px;transition:width .25s ease}.zrcadlo-tile-progress--0{--zrcadlo-progress:0}.zrcadlo-tile-progress--1{--zrcadlo-progress:0.1}.zrcadlo-tile-progress--2{--zrcadlo-progress:0.2}.zrcadlo-tile-progress--3{--zrcadlo-progress:0.3}.zrcadlo-tile-progress--4{--zrcadlo-progress:0.4}.zrcadlo-tile-progress--5{--zrcadlo-progress:0.5}.zrcadlo-tile-progress--6{--zrcadlo-progress:0.6}.zrcadlo-tile-progress--7{--zrcadlo-progress:0.7}.zrcadlo-tile-progress--8{--zrcadlo-progress:0.8}.zrcadlo-tile-progress--9{--zrcadlo-progress:0.9}.zrcadlo-tile-progress--10{--zrcadlo-progress:1}.zrcadlo-skill-tile__title{font-size:1.25rem;font-weight:600;font-family:Playfair Display,serif;text-align:left;width:100%;margin-bottom:8px}.zrcadlo-skill-tile{position:relative}.zrcadlo-skill-tile--dragging{opacity:.9;cursor:grabbing;z-index:1;box-shadow:var(--ds-shadow-lg)}.zrcadlo-sortable-tile{min-width:0;cursor:grab;position:relative}.zrcadlo-drag-handle{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--ds-color-text-tertiary);opacity:0;transition:opacity .2s;pointer-events:none;display:flex;align-items:center;justify-content:center}.zrcadlo-sortable-tile:hover .zrcadlo-drag-handle{opacity:.8}.zrcadlo-sortable-tile .tile{height:100%}.zrcadlo-category-tile--dragging{z-index:1;box-shadow:var(--ds-shadow-lg)}.zrcadlo-category-tile--dragging .tile{cursor:grabbing}.zrcadlo-skill-tile__training-icon{position:absolute;bottom:36px;right:36px;pointer-events:none}.zrcadlo-skill-tile--add,.zrcadlo-skill-tile__training-icon{color:var(--ds-color-text-tertiary);display:flex;align-items:center;justify-content:center}.zrcadlo-skill-tile--add{min-height:140px;border-style:dashed;transition:color .2s,border-color .2s,background .2s}.zrcadlo-skill-tile--add:hover:not(:disabled){color:var(--ds-color-primary);border-color:var(--ds-color-primary);background:rgba(var(--ds-color-primary-rgb),.04)}.zrcadlo-skill-tile--add:disabled{opacity:.7;cursor:not-allowed}.zrcadlo-skill-tile__add-icon{display:flex;align-items:center;justify-content:center}.zrcadlo-skill-cell{position:relative;min-width:0;overflow:visible}.zrcadlo-skill-cell__tile{width:100%}.zrcadlo-skill-cell__add-zone{position:absolute;left:-24px;top:0;bottom:0;width:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s;z-index:1}.zrcadlo-skill-cell__add-zone,.zrcadlo-skill-cell__add-zone:hover{color:var(--ds-color-text-tertiary)}.zrcadlo-skill-cell__add-icon{display:flex;align-items:center;justify-content:center}.zrcadlo-subheading{grid-column:1/-1;font-size:1.5rem;font-weight:600;color:var(--ds-color-text-primary);margin:32px 0 16px;font-family:Playfair Display,serif}.zrcadlo-subheading:first-child{margin-top:0}.zrcadlo-subheading--editable{cursor:pointer;padding:8px 10px;margin:24px 0 8px -10px;border-radius:8px;transition:background .15s ease}.zrcadlo-subheading--editable:hover{background:var(--ds-color-surface-hover)}.zrcadlo-subheading--editing{grid-column:1/-1;margin:24px 0 8px}.zrcadlo-subheading__input{width:100%;padding:12px 14px;font-size:1rem;line-height:1.5;color:var(--ds-color-text-primary);background:var(--ds-color-surface-hover);border:1px solid var(--ds-color-border);border-radius:8px;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,monospace;resize:vertical;min-height:72px}.zrcadlo-subheading__input:focus{outline:none;border-color:var(--ds-color-text-tertiary);background:var(--ds-color-surface)}.zrcadlo-subheading__content{color:var(--ds-color-text-primary)}.zrcadlo-subheading__content .markdown-h1,.zrcadlo-subheading__content .markdown-h2,.zrcadlo-subheading__content .markdown-h3{font-family:var(--ds-font-family-serif);font-weight:var(--ds-font-weight-semibold)}.zrcadlo-subheading__content .markdown-h1{font-size:var(--ds-font-size-2xl)}.zrcadlo-subheading__content .markdown-h2{font-size:var(--ds-font-size-xl)}.zrcadlo-subheading__content .markdown-h3{font-size:var(--ds-font-size-lg)}.zrcadlo-subheading__content .markdown-blockquote,.zrcadlo-subheading__content .markdown-ol,.zrcadlo-subheading__content .markdown-p,.zrcadlo-subheading__content .markdown-ul{font-family:var(--ds-font-family-sans);font-size:var(--ds-font-size-md);font-weight:var(--ds-font-weight-normal);line-height:var(--ds-line-height-normal)}.zrcadlo-subheading__content :first-child{margin-top:0}.zrcadlo-subheading__content :last-child{margin-bottom:0}.zrcadlo-training-section{margin-top:48px}.zrcadlo-training-section__title{font-size:1.25rem;font-weight:700;color:var(--ds-color-text-primary);margin:0 0 16px}.zrcadlo-mini-bar{width:60px;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.zrcadlo-mini-bar__fill{height:100%;background:var(--primary);border-radius:3px;transition:width .2s ease}.zrcadlo-breadcrumb{margin-bottom:16px}.zrcadlo-breadcrumb__link{display:inline-flex;align-items:center;gap:4px;color:var(--text-secondary);text-decoration:none;font-size:.875rem;transition:color .15s ease}.zrcadlo-breadcrumb__link:hover{color:var(--primary)}.zrcadlo-category-header{margin-bottom:24px}.zrcadlo-category-header h1,.zrcadlo-category-header__title{margin-bottom:8px}.zrcadlo-category-header__title--editable{cursor:pointer;padding:8px 10px;margin:-8px -10px 8px;border-radius:8px;transition:background .15s ease}.zrcadlo-category-header__title--editable:hover{background:var(--ds-color-surface-hover)}.zrcadlo-category-header__edit{margin-bottom:8px}.zrcadlo-category-header__input{width:100%;padding:12px 14px;font-size:2.5rem;font-weight:700;line-height:1.3;color:var(--ds-color-text-primary);background:var(--ds-color-surface-hover);border:1px solid var(--ds-color-border);border-radius:8px;font-family:Playfair Display,serif}.zrcadlo-category-header__input:focus{outline:none;border-color:var(--ds-color-text-tertiary);background:var(--ds-color-surface)}.zrcadlo-category-header__stats{display:flex;gap:16px;color:var(--text-secondary);font-size:.875rem}.zrcadlo-category-header__rating{color:var(--primary);font-weight:600}.zrcadlo-category-nav{display:flex;justify-content:space-between;gap:16px;padding-top:16px;border-top:1px solid var(--border-color)}.zrcadlo-category-nav__link{display:flex;align-items:center;gap:4px;color:var(--text-secondary);text-decoration:none;font-size:.875rem;transition:color .15s ease}.zrcadlo-category-nav__link:hover{color:var(--primary)}.zrcadlo-category-nav__link--next{margin-left:auto}.zrcadlo-overlay{position:fixed;inset:0;background:var(--ds-color-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:zrcadlo-overlay-fade-in .2s ease}@keyframes zrcadlo-overlay-fade-in{0%{opacity:0}to{opacity:1}}.zrcadlo-overlay__container{width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;min-width:0;overflow-x:hidden}.zrcadlo-overlay__header{display:flex;justify-content:space-between;align-items:center;padding:8px 0;margin-bottom:8px}.zrcadlo-overlay__header-info{display:flex;align-items:center;gap:12px}.zrcadlo-overlay__category{font-size:.875rem;color:rgba(255,255,255,.95);font-weight:600}.zrcadlo-overlay__position{font-size:.75rem;color:var(--ds-color-text-secondary);padding:4px 10px;border-radius:10px;font-weight:500}.zrcadlo-overlay__close,.zrcadlo-overlay__position{background:var(--ds-color-surface);box-shadow:var(--ds-shadow-sm);border:1px solid var(--ds-color-border)}.zrcadlo-overlay__close{border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ds-color-text-primary);transition:background .15s ease,box-shadow .15s ease}.zrcadlo-overlay__close:hover{background:var(--ds-color-surface-hover);box-shadow:var(--ds-shadow-md)}.zrcadlo-overlay__nav{display:flex;justify-content:space-between;margin-top:12px}.zrcadlo-overlay__nav-btn{background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ds-color-text-primary);transition:background .15s ease,transform .1s ease,box-shadow .15s ease;box-shadow:var(--ds-shadow-sm)}.zrcadlo-overlay__nav-btn:hover:not(:disabled){background:var(--ds-color-surface-hover);box-shadow:var(--ds-shadow-md)}.zrcadlo-overlay__nav-btn:active:not(:disabled){transform:scale(.95)}.zrcadlo-overlay__nav-btn:disabled{opacity:.3;cursor:not-allowed}.zrcadlo-card{perspective:1000px;flex:1;min-height:0;min-width:0;overflow:hidden}.zrcadlo-card__face{background:var(--ds-color-surface);color:var(--ds-color-text-primary);border-radius:16px;padding:24px;backface-visibility:hidden;transition:transform .5s ease;display:flex;flex-direction:column;min-height:400px;max-height:calc(90vh - 160px);overflow-x:hidden;overflow-y:auto;box-shadow:var(--ds-shadow-xl);min-width:0;scrollbar-width:none;-ms-overflow-style:none}.zrcadlo-card__face::-webkit-scrollbar{display:none}.zrcadlo-card__front{transform:rotateY(0deg)}.zrcadlo-card--flipped .zrcadlo-card__front{transform:rotateY(180deg);position:absolute;inset:0;pointer-events:none}.zrcadlo-card__back{transform:rotateY(-180deg);position:absolute;inset:0;overflow:hidden}.zrcadlo-card__back .zrcadlo-card__content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.zrcadlo-card__back .zrcadlo-card__content::-webkit-scrollbar{display:none}.zrcadlo-card__back .zrcadlo-card__flip-btn{flex-shrink:0}.zrcadlo-card--flipped .zrcadlo-card__back{transform:rotateY(0deg);position:relative;pointer-events:auto}.zrcadlo-card__content-inner{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;overflow-x:hidden}.zrcadlo-card__content-inner--enter-next{animation:zrcadlo-enter-next .3s ease-out forwards}.zrcadlo-card__content-inner--enter-prev{animation:zrcadlo-enter-prev .3s ease-out forwards}@keyframes zrcadlo-enter-next{0%{transform:translateX(24px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes zrcadlo-enter-prev{0%{transform:translateX(-24px);opacity:0}to{transform:translateX(0);opacity:1}}.zrcadlo-card__content{flex:1;min-height:0;min-width:0;overflow:visible}.zrcadlo-card__flip-btn{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;padding:12px 20px;background:var(--ds-color-surface-hover);border:none;border-radius:8px;color:var(--ds-color-text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s ease}.zrcadlo-card__flip-btn:hover{background:var(--ds-color-border)}.zrcadlo-skill__name{font-size:1.25rem;font-weight:700;margin:0 0 16px;color:var(--ds-color-text-primary)}.zrcadlo-skill__name--editable{cursor:pointer;padding:8px 10px;margin:-8px -10px 16px;border-radius:8px;transition:background .15s ease}.zrcadlo-skill__edit-inline,.zrcadlo-skill__name--editable:hover{background:var(--ds-color-surface-hover)}.zrcadlo-skill__edit-inline{display:flex;align-items:center;gap:12px;padding:8px 12px;border:1px solid var(--ds-color-border);border-radius:8px;margin-bottom:0}.zrcadlo-skill__edit-inline:focus-within{border-color:var(--ds-color-text-tertiary);background:var(--ds-color-surface)}.zrcadlo-skill__name-input{flex:1;min-width:0;padding:4px 0;font-size:1.25rem;font-weight:700;line-height:1.4;color:var(--ds-color-text-primary);background:transparent;border:none;font-family:inherit}.zrcadlo-skill__name-input:focus{outline:none}.zrcadlo-skill__edit-inline--textarea{flex-direction:column;align-items:stretch;padding:12px 14px}.zrcadlo-skill__edit-inline--textarea .zrcadlo-skill__description-textarea{margin:0;border:none;padding:0;background:transparent;min-height:200px;resize:vertical}.zrcadlo-skill__edit-inline--textarea .zrcadlo-skill__description-textarea:focus{border:none;box-shadow:none}.zrcadlo-skill__description{font-size:.95rem;line-height:1.6;color:var(--ds-color-text-primary);margin:0;overflow-wrap:break-word;word-break:break-word}.zrcadlo-skill__description--editable{cursor:pointer;padding:8px 10px;margin:-8px -10px;border-radius:8px;transition:background .15s ease}.zrcadlo-skill__description--editable:hover{background:var(--ds-color-surface-hover)}.zrcadlo-skill__description-textarea{width:100%;font-size:.95rem;line-height:1.6;color:var(--ds-color-text-primary);resize:vertical;font-family:inherit}.zrcadlo-skill__edit-btn{padding:6px 14px;font-size:.8rem;font-weight:500;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:opacity .15s ease,background .15s ease}.zrcadlo-skill__edit-btn--save{background:var(--ds-color-primary);color:var(--ds-color-text-inverse)}.zrcadlo-skill__edit-btn--save:hover:not(:disabled){background:var(--ds-color-primary-hover)}.zrcadlo-skill__edit-btn--cancel{background:transparent;color:var(--ds-color-text-secondary);border-color:var(--ds-color-border)}.zrcadlo-skill__edit-btn--cancel:hover:not(:disabled){color:var(--ds-color-text-secondary);background:var(--ds-color-surface-hover)}.zrcadlo-skill__edit-btn:disabled{opacity:.6;cursor:not-allowed}.zrcadlo-skill__rating{margin-top:24px;padding-top:24px}.zrcadlo-skill__saving{display:block;text-align:center;font-size:.75rem;color:var(--ds-color-text-secondary);margin-top:8px}.zrcadlo-training-switch-wrap{display:flex;justify-content:center;margin-top:20px}.zrcadlo-training-switch{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.zrcadlo-training-switch__input{position:absolute;opacity:0;pointer-events:none}.zrcadlo-training-switch__input:disabled+.zrcadlo-training-switch__track{opacity:.6;cursor:not-allowed}.zrcadlo-training-switch__track{position:relative;width:48px;height:26px;border-radius:999px;background:var(--ds-color-border);transition:background .2s ease;flex-shrink:0}.zrcadlo-training-switch__thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--ds-color-surface);box-shadow:var(--ds-shadow-sm);transition:transform .2s ease}.zrcadlo-training-switch__input:checked+.zrcadlo-training-switch__track{background:var(--ds-color-primary)}.zrcadlo-training-switch__input:checked+.zrcadlo-training-switch__track .zrcadlo-training-switch__thumb{transform:translateX(22px)}.zrcadlo-training-switch__label{font-size:.875rem;font-weight:500;color:var(--ds-color-text-primary)}.zrcadlo-resources__title{font-size:1.1rem;font-weight:600;margin:0 0 16px;color:var(--ds-color-text-primary)}.zrcadlo-resources__content{font-size:.95rem;line-height:1.6;color:var(--ds-color-text-primary)}.zrcadlo-resources__content--editable{cursor:pointer;padding:8px 10px;margin:-8px -10px;border-radius:8px;transition:background .15s ease}.zrcadlo-resources__content--editable:hover,.zrcadlo-resources__edit-wrap{background:var(--ds-color-surface-hover)}.zrcadlo-resources__edit-wrap{position:relative;padding:12px 14px;border:1px solid var(--ds-color-border);border-radius:8px}.zrcadlo-resources__edit-wrap:focus-within{border-color:var(--ds-color-text-tertiary);background:var(--ds-color-surface)}.zrcadlo-resources__edit-wrap .zrcadlo-resources__textarea{margin:0;border:none;padding:0 48px 0 0;min-height:200px;background:transparent;resize:vertical}.zrcadlo-resources__edit-wrap .zrcadlo-resources__textarea:focus{border:none;box-shadow:none;outline:none}.zrcadlo-resources__upload-float{position:absolute;bottom:12px;right:44px;display:flex;align-items:center;gap:8px}.zrcadlo-resources__upload-float-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--ds-color-surface);color:var(--ds-color-text-primary);border:1px solid var(--ds-color-border);border-radius:50%;cursor:pointer;box-shadow:var(--ds-shadow-sm)}.zrcadlo-resources__upload-float-btn:hover:not(:disabled){background:var(--ds-color-surface-hover);border-color:var(--ds-color-text-tertiary)}.zrcadlo-resources__upload-float-btn:disabled{opacity:.6;cursor:not-allowed}.zrcadlo-resources__upload-error--float{max-width:140px;font-size:.75rem;line-height:1.2}.zrcadlo-resources__upload-error{font-size:.85rem;color:var(--ds-color-error,#c00)}.zrcadlo-slider{padding:8px 24px;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.zrcadlo-slider--disabled{opacity:.6;pointer-events:none}.zrcadlo-slider__track{position:relative;height:48px;cursor:pointer;display:flex;align-items:center}.zrcadlo-slider__track-bg{right:0;background:var(--ds-color-border)}.zrcadlo-slider__fill,.zrcadlo-slider__track-bg{position:absolute;left:0;height:8px;border-radius:4px}.zrcadlo-slider__fill{background:var(--ds-color-primary);transition:width .05s ease;width:calc(var(--zrcadlo-slider-pct, 0) * 100%)}.zrcadlo-slider__fill--empty{background:var(--ds-color-border)}.zrcadlo-slider__thumb{position:absolute;left:calc(var(--zrcadlo-slider-pct, 0) * 100%);width:40px;height:40px;background:var(--ds-color-primary);border-radius:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;box-shadow:var(--ds-shadow-md);transition:transform .1s ease,box-shadow .1s ease,left .05s ease}.zrcadlo-slider__track--0{--zrcadlo-slider-pct:0}.zrcadlo-slider__track--1{--zrcadlo-slider-pct:0.1}.zrcadlo-slider__track--2{--zrcadlo-slider-pct:0.2}.zrcadlo-slider__track--3{--zrcadlo-slider-pct:0.3}.zrcadlo-slider__track--4{--zrcadlo-slider-pct:0.4}.zrcadlo-slider__track--5{--zrcadlo-slider-pct:0.5}.zrcadlo-slider__track--6{--zrcadlo-slider-pct:0.6}.zrcadlo-slider__track--7{--zrcadlo-slider-pct:0.7}.zrcadlo-slider__track--8{--zrcadlo-slider-pct:0.8}.zrcadlo-slider__track--9{--zrcadlo-slider-pct:0.9}.zrcadlo-slider__track--10{--zrcadlo-slider-pct:1}.zrcadlo-slider--dragging .zrcadlo-slider__thumb{transform:translateX(-50%) scale(1.1);box-shadow:var(--ds-shadow-lg)}.zrcadlo-slider__thumb--empty{background:var(--ds-color-surface-hover);border:2px solid var(--ds-color-border-hover)}.zrcadlo-slider__thumb-value{font-size:.875rem;font-weight:700;color:var(--ds-color-text-inverse)}.zrcadlo-slider__thumb--empty .zrcadlo-slider__thumb-value{color:var(--ds-color-text-secondary)}@media (max-width:640px){.zrcadlo-overlay{padding:8px}.zrcadlo-overlay__container{max-height:95vh}.zrcadlo-card__face{padding:20px;min-height:320px;max-height:calc(95vh - 140px)}.zrcadlo-skill__name{font-size:1.1rem}.zrcadlo-overlay__nav-btn{width:44px;height:44px}}.hover\:underline:hover{text-decoration-line:underline}@media (min-width:768px){.md\:mb-0{margin-bottom:0}.md\:ml-16{margin-left:4rem}.md\:w-96{width:24rem}.md\:min-w-0{min-width:0}.md\:max-w-md{max-width:28rem}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:p-8{padding:2rem}}:root{--ds-color-primary:#2563eb;--ds-color-primary-hover:#1d4ed8;--ds-color-primary-light:#dbeafe;--ds-color-primary-dark:#1e40af;--ds-color-primary-rgb:37,99,235;--ds-color-background:#f7f7f7;--ds-color-surface:#ffffff;--ds-color-surface-hover:#f8fafc;--ds-color-text-primary:#1e293b;--ds-color-text-secondary:#64748b;--ds-color-text-tertiary:#94a3b8;--ds-color-text-inverse:#ffffff;--ds-color-border:#e2e8f0;--ds-color-border-hover:#cbd5e1;--ds-color-border-focus:#2563eb;--ds-color-success:#10b981;--ds-color-success-light:#d1fae5;--ds-color-danger:#dc2626;--ds-color-danger-light:#fee2e2;--ds-color-warning:#f59e0b;--ds-color-warning-light:#fef3c7;--ds-color-info:#3b82f6;--ds-color-info-light:#dbeafe;--ds-color-accent:#be8c00;--ds-color-accent-hover:#9a7300;--ds-color-accent-light:#fef9e7;--ds-color-button-primary-bg:var(--ds-color-primary);--ds-color-button-primary-text:var(--ds-color-text-inverse);--ds-color-button-primary-hover:var(--ds-color-primary-hover);--ds-color-button-secondary-bg:#e5e7eb;--ds-color-button-secondary-text:#1f2937;--ds-color-button-secondary-hover:#d1d5db;--ds-color-button-danger-bg:var(--ds-color-danger);--ds-color-button-danger-text:var(--ds-color-text-inverse);--ds-color-button-danger-hover:#b91c1c;--ds-color-button-ghost-bg:transparent;--ds-color-button-ghost-text:var(--ds-color-text-primary);--ds-color-button-ghost-hover:var(--ds-color-surface-hover);--ds-shadow-sm:0 2px 4px rgba(0,0,0,0.05);--ds-shadow-md:0 4px 6px rgba(0,0,0,0.07);--ds-shadow-lg:0 4px 12px rgba(0,0,0,0.1);--ds-shadow-xl:0 8px 24px rgba(0,0,0,0.12);--ds-color-overlay:rgba(0,0,0,0.5);--ds-color-overlay-heavy:rgba(0,0,0,0.9);--ds-space-xs:4px;--ds-space-sm:8px;--ds-space-md:16px;--ds-space-lg:24px;--ds-space-xl:32px;--ds-space-2xl:48px;--ds-space-3xl:64px;--ds-radius-sm:6px;--ds-radius-md:8px;--ds-radius-lg:12px;--ds-radius-xl:18px;--ds-radius-full:50%;--ds-font-family-sans:"Inter",Arial,sans-serif;--ds-font-family-serif:"Playfair Display",serif;--ds-font-size-xs:0.75rem;--ds-font-size-sm:0.875rem;--ds-font-size-md:1rem;--ds-font-size-lg:1.125rem;--ds-font-size-xl:1.25rem;--ds-font-size-2xl:1.5rem;--ds-font-size-3xl:2rem;--ds-font-size-4xl:2.5rem;--ds-font-weight-normal:400;--ds-font-weight-medium:500;--ds-font-weight-semibold:600;--ds-font-weight-bold:700;--ds-line-height-tight:1.25;--ds-line-height-normal:1.5;--ds-line-height-relaxed:1.75;--ds-transition-fast:0.15s ease;--ds-transition-normal:0.2s ease;--ds-transition-slow:0.3s ease}.nav-demo-content{margin-left:200px;padding:2rem}.ds-page{position:relative;margin-left:200px;margin-top:3rem!important;padding-bottom:2rem}.ds-component-index{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--ds-space-sm)}.ds-component-index__link{display:flex;flex-direction:column;padding:var(--ds-space-sm) var(--ds-space-md);background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);color:var(--ds-color-text-primary);text-decoration:none;transition:border-color var(--ds-transition-normal),box-shadow var(--ds-transition-normal)}.ds-component-index__link:hover{border-color:var(--ds-color-primary);box-shadow:var(--ds-shadow-sm)}.ds-component-index__count{font-size:var(--ds-font-size-xs);color:var(--ds-color-text-secondary);margin-top:2px}.ds-list{margin-bottom:0}.ds-list,.ds-list--spaced{margin-top:var(--ds-space-sm)}@media (max-width:768px){.nav-demo-content{margin-left:0;margin-bottom:80px;padding:1.5rem}.ds-page{margin-left:0;padding-bottom:100px}}[data-theme=dark],[data-theme=dark] .ds-page{--ds-color-primary:#3b82f6;--ds-color-primary-hover:#60a5fa;--ds-color-primary-light:#1e3a5f;--ds-color-primary-dark:#93c5fd;--ds-color-primary-rgb:59,130,246;--ds-color-background:#0f172a;--ds-color-surface:#1e293b;--ds-color-surface-hover:#334155;--ds-color-text-primary:#f1f5f9;--ds-color-text-secondary:#94a3b8;--ds-color-text-tertiary:#64748b;--ds-color-text-inverse:#0f172a;--ds-color-border:#334155;--ds-color-border-hover:#475569;--ds-color-border-focus:#3b82f6;--ds-color-success:#22c55e;--ds-color-success-light:#14532d;--ds-color-danger:#ef4444;--ds-color-danger-light:#7f1d1d;--ds-color-warning:#f59e0b;--ds-color-warning-light:#78350f;--ds-color-info:#60a5fa;--ds-color-info-light:#1e3a8a;--ds-color-accent:#d4a017;--ds-color-accent-hover:#e6b428;--ds-color-accent-light:#3d2f00;--ds-color-button-primary-bg:var(--ds-color-primary);--ds-color-button-primary-text:#ffffff;--ds-color-button-primary-hover:var(--ds-color-primary-hover);--ds-color-button-secondary-bg:#334155;--ds-color-button-secondary-text:#f1f5f9;--ds-color-button-secondary-hover:#475569;--ds-color-button-danger-bg:var(--ds-color-danger);--ds-color-button-danger-text:#ffffff;--ds-color-button-danger-hover:#dc2626;--ds-color-button-ghost-bg:transparent;--ds-color-button-ghost-text:var(--ds-color-text-primary);--ds-color-button-ghost-hover:var(--ds-color-surface-hover);--ds-shadow-sm:0 2px 4px rgba(0,0,0,0.3);--ds-shadow-md:0 4px 6px rgba(0,0,0,0.4);--ds-shadow-lg:0 4px 12px rgba(0,0,0,0.5);--ds-shadow-xl:0 8px 24px rgba(0,0,0,0.6);--ds-color-overlay:rgba(0,0,0,0.7);--ds-color-overlay-heavy:rgba(0,0,0,0.95)}.ds-page{background-color:var(--ds-color-background);color:var(--ds-color-text-primary);font-family:var(--ds-font-family-sans);font-size:var(--ds-font-size-md);line-height:var(--ds-line-height-normal);transition:background-color var(--ds-transition-normal),color var(--ds-transition-normal);min-height:100vh}.ds-container{max-width:1200px;margin:0 auto;padding:var(--ds-space-xl)}.ds-section{margin-bottom:var(--ds-space-3xl)}.ds-section-title{font-family:var(--ds-font-family-serif);font-size:var(--ds-font-size-3xl);font-weight:var(--ds-font-weight-bold);color:var(--ds-color-text-primary);margin-bottom:var(--ds-space-lg)}.ds-section-subtitle{font-size:var(--ds-font-size-lg);font-weight:var(--ds-font-weight-medium);color:var(--ds-color-text-secondary)}.ds-grid,.ds-section-subtitle{margin-bottom:var(--ds-space-xl)}.ds-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--ds-space-lg)}.ds-grid-2{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.ds-grid-2,.ds-grid-3{display:grid;gap:var(--ds-space-md);margin-bottom:var(--ds-space-lg)}.ds-grid-3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.ds-tabs{width:100%}.ds-tabs__container{border-bottom:2px solid var(--ds-color-border);margin-bottom:var(--ds-space-lg);width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.ds-tabs__list{display:flex;gap:var(--ds-space-sm);flex-wrap:nowrap;margin:0;padding:0;list-style:none}.ds-tabs__list>li{margin:0;flex:0 0 auto}.ds-tabs__trigger{display:inline-flex;align-items:center;justify-content:center;background:none;padding:var(--ds-space-sm) var(--ds-space-lg);font-size:var(--ds-font-size-md);font-weight:var(--ds-font-weight-medium);color:var(--ds-color-text-secondary);cursor:pointer;border:none;border-bottom:2px solid transparent;transition:all var(--ds-transition-normal);border-radius:var(--ds-radius-sm) var(--ds-radius-sm) 0 0;position:relative;min-height:calc(var(--ds-font-size-md) * 1.5)}.ds-tabs__trigger:hover:not(.ds-tabs__trigger--disabled){color:var(--ds-color-text-primary);background-color:var(--ds-color-surface-hover)}.ds-tabs__trigger--active{font-weight:var(--ds-font-weight-semibold);color:var(--ds-color-primary);border-bottom-color:var(--ds-color-primary);background-color:transparent;position:relative}.ds-tabs__trigger--disabled{opacity:.6;cursor:not-allowed}.ds-tabs__trigger:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:transparent;transition:background var(--ds-transition-normal)}.ds-tabs__trigger--active:after{background:var(--ds-color-primary)}.ds-tabs__panel{padding:var(--ds-space-lg) 0}.ds-theme-toggle-icon{font-size:var(--ds-font-size-lg);display:block;transition:transform var(--ds-transition-normal)}[data-theme=dark] .ds-theme-toggle-icon{transform:rotate(180deg)}.ds-component-showcase{background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);padding:var(--ds-space-xl);margin-bottom:var(--ds-space-lg);box-shadow:var(--ds-shadow-sm);transition:all var(--ds-transition-normal)}.ds-component-showcase:hover{box-shadow:var(--ds-shadow-md)}.ds-component-title{font-family:var(--ds-font-family-serif);font-size:var(--ds-font-size-xl);font-weight:var(--ds-font-weight-semibold);color:var(--ds-color-text-primary);margin-bottom:var(--ds-space-md)}.ds-component-desc,.ds-component-description{color:var(--ds-color-text-secondary);font-size:var(--ds-font-size-sm);margin-bottom:var(--ds-space-md)}.ds-component-description{line-height:var(--ds-line-height-relaxed)}.ds-component-description,.ds-variant-group{margin-bottom:var(--ds-space-lg)}.ds-variant-label{font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-medium);color:var(--ds-color-text-tertiary);margin-bottom:var(--ds-space-sm);text-transform:uppercase;letter-spacing:.05em}.ds-example-row{display:flex;flex-wrap:wrap;gap:var(--ds-space-md);align-items:center;margin-bottom:var(--ds-space-md)}.ds-code-block{background:var(--ds-color-surface-hover);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);padding:var(--ds-space-md);font-family:Monaco,Menlo,Consolas,monospace;font-size:var(--ds-font-size-sm);color:var(--ds-color-text-secondary);overflow-x:auto;margin-top:var(--ds-space-md);line-height:var(--ds-line-height-relaxed)}.ds-code-block pre{margin:0;white-space:pre-wrap;word-wrap:break-word}.ds-code-block code,.ds-code-block pre{padding:0;background:none;border:none;font-family:inherit;font-size:inherit;color:inherit}.ds-code-block code{border-radius:0}.ds-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-sm);border:none;border-radius:var(--ds-radius-md);font-family:var(--ds-font-family-sans);font-weight:var(--ds-font-weight-medium);cursor:pointer;transition:all var(--ds-transition-normal);text-decoration:none;outline:none;position:relative;overflow:hidden}.ds-button--disabled,.ds-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.ds-button--loading{opacity:.8;cursor:not-allowed}.ds-button--sm{padding:var(--ds-space-xs) var(--ds-space-md);font-size:var(--ds-font-size-sm);min-height:32px}.ds-button--md{padding:var(--ds-space-sm) var(--ds-space-lg);font-size:var(--ds-font-size-md);min-height:40px}.ds-button--lg{padding:var(--ds-space-md) var(--ds-space-xl);font-size:var(--ds-font-size-lg);min-height:48px}.ds-button--primary{background-color:var(--ds-color-button-primary-bg);color:var(--ds-color-button-primary-text);box-shadow:var(--ds-shadow-sm)}.ds-button--primary:hover:not(:disabled):not(.ds-button--disabled):not(.ds-button--loading){background-color:var(--ds-color-button-primary-hover);transform:translateY(-1px);box-shadow:var(--ds-shadow-md)}.ds-button--secondary{background-color:var(--ds-color-button-secondary-bg);color:var(--ds-color-button-secondary-text);border:1px solid var(--ds-color-border)}.ds-button--secondary:hover:not(:disabled):not(.ds-button--disabled):not(.ds-button--loading){background-color:var(--ds-color-button-secondary-hover);transform:translateY(-1px)}.ds-button--danger{background-color:var(--ds-color-button-danger-bg);color:var(--ds-color-button-danger-text);box-shadow:var(--ds-shadow-sm)}.ds-button--danger:hover:not(:disabled):not(.ds-button--disabled):not(.ds-button--loading){background-color:var(--ds-color-button-danger-hover);transform:translateY(-1px);box-shadow:var(--ds-shadow-md)}.ds-button--ghost{background-color:var(--ds-color-button-ghost-bg);color:var(--ds-color-button-ghost-text);border:1px solid transparent}.ds-button--ghost:hover:not(:disabled):not(.ds-button--disabled):not(.ds-button--loading){background-color:var(--ds-color-button-ghost-hover);border-color:var(--ds-color-border)}.ds-button__loading{display:inline-block;width:16px;height:16px;border:2px solid transparent;border-top-color:currentcolor;border-radius:50%;animation:spin 1s linear infinite}.ds-icon-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--ds-space-sm);background:none;border:none;border-radius:var(--ds-radius-sm);cursor:pointer;color:var(--ds-color-text-secondary);transition:all var(--ds-transition-normal)}.ds-icon-button:hover:not(:disabled){background:var(--ds-color-surface-hover)}.ds-icon-button--default:hover:not(:disabled),.ds-icon-button--edit:hover:not(:disabled){color:var(--ds-color-text-primary)}.ds-icon-button--delete:hover:not(:disabled){color:var(--ds-color-danger)}.ds-icon-button--reply:hover:not(:disabled){color:var(--ds-color-primary)}.ds-icon-button--disabled{opacity:.5;cursor:not-allowed}.ds-icon-button .ds-icon-button__icon{margin-left:var(--ds-space-sm)}.ds-icon-button .ds-icon-button__icon:first-child{margin-left:0}.btn .ds-button-icon,.ds-button-icon{margin-left:var(--ds-space-sm)}.ds-input-wrapper{width:100%}.ds-input-label{display:block;font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-medium);color:var(--ds-color-text-primary);margin-bottom:var(--ds-space-xs)}.ds-input-label__required{color:var(--ds-color-danger);margin-left:var(--ds-space-xs)}.ds-input,.ds-textarea{width:100%;font-family:var(--ds-font-family-sans);font-size:var(--ds-font-size-md);line-height:var(--ds-line-height-normal);color:var(--ds-color-text-primary);background-color:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);padding:var(--ds-space-sm) var(--ds-space-md);transition:all var(--ds-transition-normal);outline:none;box-sizing:border-box}.ds-input{height:40px}.ds-textarea{resize:vertical;font-family:inherit}.ds-input:focus,.ds-textarea:focus{border-color:var(--ds-color-border-focus);box-shadow:0 0 0 3px var(--ds-color-primary-light)}.ds-input--error,.ds-textarea--error{border-color:var(--ds-color-danger)}.ds-input--error:focus,.ds-textarea--error:focus{border-color:var(--ds-color-danger);box-shadow:0 0 0 3px var(--ds-color-danger-light)}.ds-input:disabled,.ds-textarea:disabled{opacity:.6;cursor:not-allowed;background-color:var(--ds-color-surface-hover)}.ds-input-error{font-size:var(--ds-font-size-sm);color:var(--ds-color-danger);margin-top:var(--ds-space-xs);display:flex;align-items:center;gap:var(--ds-space-xs)}.ds-card{background-color:var(--ds-color-surface);border-radius:var(--ds-radius-lg);transition:all var(--ds-transition-normal);position:relative}.ds-card--default{border:1px solid var(--ds-color-border);box-shadow:var(--ds-shadow-sm)}.ds-card--elevated{border:none;box-shadow:var(--ds-shadow-lg)}.ds-card--outlined{border:2px solid var(--ds-color-border);box-shadow:none}.ds-card--clickable{cursor:pointer}.ds-card--clickable.ds-card--default:hover,.ds-card--clickable.ds-card--elevated:hover,.ds-card--clickable.ds-card--outlined:hover{box-shadow:var(--ds-shadow-md);transform:translateY(-2px)}.ds-card--clickable.ds-card--elevated:hover{box-shadow:var(--ds-shadow-xl);transform:translateY(-4px)}.ds-card--clickable.ds-card--outlined:hover{border-color:var(--ds-color-border-hover);transform:translateY(-1px)}.ds-card--padding-sm{padding:var(--ds-space-md)}.ds-card--padding-md{padding:var(--ds-space-lg)}.ds-card--padding-lg{padding:var(--ds-space-xl)}.ds-avatar{border-radius:var(--ds-radius-full);overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:var(--ds-color-surface-hover);border:2px solid var(--ds-color-border);transition:all var(--ds-transition-normal);position:relative}.ds-avatar--sm{width:32px;height:32px;font-size:var(--ds-font-size-sm)}.ds-avatar--md{width:40px;height:40px;font-size:var(--ds-font-size-md)}.ds-avatar--lg{width:64px;height:64px;font-size:var(--ds-font-size-lg)}.ds-avatar--xl{width:96px;height:96px;font-size:var(--ds-font-size-xl)}.ds-avatar--clickable{cursor:pointer}.ds-avatar--clickable:hover{border-color:var(--ds-color-border-hover);transform:scale(1.05);box-shadow:var(--ds-shadow-md)}.ds-avatar__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.ds-message{padding:var(--ds-space-md);border-radius:var(--ds-radius-md);border:1px solid;display:flex;align-items:center;gap:var(--ds-space-sm);position:relative;font-size:var(--ds-font-size-sm);line-height:var(--ds-line-height-normal);margin-bottom:var(--ds-space-md)}.ds-message ul{margin-left:1.5rem}.ds-message--success{background-color:var(--ds-color-success-light);border-color:var(--ds-color-success);color:var(--ds-color-text-primary)}.ds-message--error{background-color:var(--ds-color-danger-light);border-color:var(--ds-color-danger);color:var(--ds-color-text-primary)}.ds-message--warning{background-color:var(--ds-color-warning-light);border-color:var(--ds-color-warning);color:var(--ds-color-text-primary)}.ds-message--info{background-color:var(--ds-color-info-light);border-color:var(--ds-color-info);color:var(--ds-color-text-primary)}.ds-message__icon{font-size:var(--ds-font-size-md);flex-shrink:0;margin-top:2px}.ds-message__content{flex:1;min-width:0}.ds-message__title{font-weight:var(--ds-font-weight-semibold);margin-bottom:var(--ds-space-xs);font-size:var(--ds-font-size-sm)}.ds-message__close{background:none;border:none;color:inherit;cursor:pointer;font-size:var(--ds-font-size-lg);padding:var(--ds-space-xs);border-radius:var(--ds-radius-sm);transition:background-color var(--ds-transition-fast);flex-shrink:0;margin-top:-2px}.ds-message__close:hover{background-color:rgba(0,0,0,.1)}[data-theme=dark] .ds-message__close:hover{background-color:rgba(255,255,255,.1)}.ds-dropdown{position:relative;width:100%}.ds-dropdown__button{width:100%;padding:var(--ds-space-sm) var(--ds-space-md);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);background-color:var(--ds-color-surface);color:var(--ds-color-text-primary);font-size:var(--ds-font-size-md);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-sm);transition:border-color var(--ds-transition-normal)}.ds-dropdown__icon{flex-shrink:0;color:var(--ds-color-text-secondary);display:flex;align-items:center}.ds-dropdown__label{flex:1;min-width:0;text-align:left}.ds-dropdown__button:disabled{opacity:.6;cursor:not-allowed}.ds-dropdown__arrow{font-size:var(--ds-font-size-sm);transition:transform var(--ds-transition-normal)}.ds-dropdown__arrow--open{transform:rotate(180deg)}.ds-dropdown__menu{position:absolute;top:100%;left:0;right:0;background-color:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-lg);z-index:1000;margin-top:var(--ds-space-xs);max-height:200px;overflow-y:auto}.ds-dropdown__search{width:100%;border:none;border-radius:var(--ds-radius-md) var(--ds-radius-md) 0 0;background-color:transparent;outline:none}.ds-dropdown__option,.ds-dropdown__search{padding:var(--ds-space-sm) var(--ds-space-md);border-bottom:1px solid var(--ds-color-border);color:var(--ds-color-text-primary);font-size:var(--ds-font-size-sm)}.ds-dropdown__option{cursor:pointer;transition:background-color var(--ds-transition-fast)}.ds-dropdown__option:hover{background-color:var(--ds-color-surface-hover)}.ds-dropdown__option--selected{background-color:var(--ds-color-primary-light);color:var(--ds-color-primary);font-weight:var(--ds-font-weight-medium)}.ds-dropdown__option--disabled{opacity:.6;cursor:not-allowed;background-color:transparent}.ds-dropdown__option--disabled:hover{background-color:transparent}.ds-dropdown__empty{padding:var(--ds-space-sm) var(--ds-space-md);text-align:center;color:var(--ds-color-text-tertiary)}.ds-table-wrapper{overflow-x:auto}.ds-table{width:100%;border-collapse:collapse;background-color:var(--ds-color-surface);border-radius:var(--ds-radius-md);overflow:hidden;box-shadow:var(--ds-shadow-sm)}.ds-table__header{background-color:var(--ds-color-surface-hover);font-weight:var(--ds-font-weight-semibold);font-size:var(--ds-font-size-sm);color:var(--ds-color-text-primary);padding:var(--ds-space-md);border-bottom:2px solid var(--ds-color-border);text-align:left;position:relative;transition:background-color var(--ds-transition-fast)}.ds-table__header--sortable{cursor:pointer}.ds-table__header--sortable:hover{background-color:var(--ds-color-border)}.ds-table__sort-icon{margin-left:var(--ds-space-xs);font-size:var(--ds-font-size-xs);opacity:.7}.ds-table__cell{padding:var(--ds-space-md);border-bottom:1px solid var(--ds-color-border);font-size:var(--ds-font-size-sm);color:var(--ds-color-text-primary)}.ds-table__row{transition:background-color var(--ds-transition-fast)}.ds-table__row--striped{background-color:var(--ds-color-surface-hover)}.ds-table__row--hover:hover{background-color:var(--ds-color-border)}.ds-table__row--clickable{cursor:pointer}.ds-table__name-cell{display:flex;align-items:center;gap:var(--ds-space-md)}.ds-table__avatar{flex-shrink:0;width:40px;height:40px}.ds-table__avatar img,.ds-table__avatar>div{width:40px!important;height:40px!important;border-radius:var(--ds-radius-full);-o-object-fit:cover;object-fit:cover}.ds-table__empty{text-align:center;padding:var(--ds-space-xl);color:var(--ds-color-text-secondary);background-color:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-top:none;border-radius:0 0 var(--ds-radius-md) var(--ds-radius-md)}.ds-link{text-decoration:none;cursor:pointer;transition:all var(--ds-transition-normal);display:inline-flex;align-items:center;gap:var(--ds-space-xs)}.ds-link--sm{font-size:var(--ds-font-size-sm);padding:var(--ds-space-xs) 0}.ds-link--md{font-size:var(--ds-font-size-md);padding:var(--ds-space-sm) 0}.ds-link--lg{font-size:var(--ds-font-size-lg);padding:var(--ds-space-md) 0}.ds-link--default{color:var(--ds-color-text-primary)}.ds-link--default:hover{text-decoration:underline}.ds-link--default:hover,.ds-link--primary{color:var(--ds-color-accent)}.ds-link--primary:hover{color:var(--ds-color-accent-hover);text-decoration:underline}.ds-link--secondary{color:var(--ds-color-text-secondary)}.ds-link--secondary:hover{color:var(--ds-color-text-primary);text-decoration:underline}.ds-link--danger,.ds-link--danger:hover{color:var(--ds-color-danger)}.ds-link--danger:hover{text-decoration:underline}.ds-link--disabled,.ds-link:disabled{opacity:.6;cursor:not-allowed;text-decoration:none}.ds-link__external{font-size:var(--ds-font-size-xs);opacity:.7}.ds-icon-link{display:inline-flex;align-items:center;gap:var(--ds-space-xs);padding:var(--ds-space-xs) var(--ds-space-sm);border-radius:var(--ds-radius-sm);border:none;background:none;cursor:pointer;text-decoration:none;transition:all var(--ds-transition-normal);font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-medium)}.ds-icon-link--sm{padding:var(--ds-space-xs);font-size:var(--ds-font-size-xs)}.ds-icon-link--md{padding:var(--ds-space-xs) var(--ds-space-sm);font-size:var(--ds-font-size-sm)}.ds-icon-link--lg{padding:var(--ds-space-sm) var(--ds-space-md);font-size:var(--ds-font-size-md)}.ds-icon-link--default{color:var(--ds-color-text-secondary);background-color:transparent}.ds-icon-link--default:hover:not(:disabled):not(.ds-icon-link--disabled){color:var(--ds-color-text-primary);background-color:var(--ds-color-surface-hover)}.ds-icon-link--primary{color:var(--ds-color-accent);background-color:transparent}.ds-icon-link--primary:hover:not(:disabled):not(.ds-icon-link--disabled){color:var(--ds-color-accent-hover);background-color:var(--ds-color-accent-light)}.ds-icon-link--secondary{color:var(--ds-color-text-primary);background-color:var(--ds-color-surface-hover)}.ds-icon-link--secondary:hover:not(:disabled):not(.ds-icon-link--disabled){color:var(--ds-color-text-primary);background-color:var(--ds-color-border)}.ds-icon-link--danger{color:var(--ds-color-danger);background-color:transparent}.ds-icon-link--danger:hover:not(:disabled):not(.ds-icon-link--disabled){color:var(--ds-color-danger);background-color:var(--ds-color-danger-light)}.ds-icon-link--disabled,.ds-icon-link:disabled{opacity:.6;cursor:not-allowed;background-color:transparent}.ds-icon-link__icon{line-height:1}.ds-icon-link__icon--sm{font-size:var(--ds-font-size-sm)}.ds-icon-link__icon--md{font-size:var(--ds-font-size-md)}.ds-icon-link__icon--lg{font-size:var(--ds-font-size-lg)}.ds-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--ds-space-lg);transition:opacity var(--ds-transition-normal),visibility var(--ds-transition-normal)}[data-theme=dark] .ds-modal-overlay{background-color:rgba(0,0,0,.8)}.ds-modal-overlay--hidden{opacity:0;visibility:hidden}.ds-modal{background-color:var(--ds-color-surface);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-xl);width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;transition:transform var(--ds-transition-normal)}.ds-modal--sm{max-width:400px}.ds-modal--md{max-width:600px}.ds-modal--lg{max-width:800px}.ds-modal--xl{max-width:1000px}.ds-modal__header{padding:var(--ds-space-lg);border-bottom:1px solid var(--ds-color-border);display:flex;align-items:center;justify-content:space-between}.ds-modal__title{font-size:var(--ds-font-size-xl);font-weight:var(--ds-font-weight-semibold);color:var(--ds-color-text-primary);margin:0}.ds-modal__close{background:none;border:none;font-size:var(--ds-font-size-xl);color:var(--ds-color-text-secondary);cursor:pointer;padding:var(--ds-space-xs);border-radius:var(--ds-radius-sm);transition:background-color var(--ds-transition-fast);display:flex;align-items:center;justify-content:center;width:32px;height:32px}.ds-modal__close:hover{background-color:var(--ds-color-surface-hover)}.ds-modal__content{padding:var(--ds-space-lg);overflow-y:auto;flex:1}.ds-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ds-radius-lg);font-weight:var(--ds-font-weight-medium);text-align:center;white-space:nowrap}.ds-badge--sm{padding:var(--ds-space-xs) var(--ds-space-sm);font-size:var(--ds-font-size-xs);min-width:16px;height:16px}.ds-badge--md{padding:var(--ds-space-xs) var(--ds-space-md);font-size:var(--ds-font-size-sm);min-width:20px;height:20px}.ds-badge--lg{padding:var(--ds-space-sm) var(--ds-space-lg);font-size:var(--ds-font-size-md);min-width:24px;height:24px}.ds-badge--default{background-color:var(--ds-color-surface-hover);color:var(--ds-color-text-primary);border:1px solid var(--ds-color-border)}.ds-badge--primary{background-color:var(--ds-color-primary-light);color:var(--ds-color-primary);border:1px solid var(--ds-color-primary)}.ds-badge--secondary{background-color:var(--ds-color-surface-hover);color:var(--ds-color-text-secondary);border:1px solid var(--ds-color-border)}.ds-badge--success{background-color:var(--ds-color-success-light);color:var(--ds-color-success);border:1px solid var(--ds-color-success)}.ds-badge--warning{background-color:var(--ds-color-warning-light);color:var(--ds-color-warning);border:1px solid var(--ds-color-warning)}.ds-badge--danger{background-color:var(--ds-color-danger-light);color:var(--ds-color-danger);border:1px solid var(--ds-color-danger)}.ds-badge--info{background-color:var(--ds-color-info-light);color:var(--ds-color-info);border:1px solid var(--ds-color-info)}.ds-progress{width:100%;position:relative}.ds-progress__label{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ds-space-xs);font-size:var(--ds-font-size-sm);color:var(--ds-color-text-secondary)}.ds-progress__percentage{font-weight:var(--ds-font-weight-medium);color:var(--ds-color-text-primary)}.ds-progress__track{width:100%;background-color:var(--ds-color-surface-hover);border-radius:var(--ds-radius-md);overflow:hidden;position:relative}.ds-progress__track--sm{height:4px;font-size:var(--ds-font-size-xs)}.ds-progress__track--md{height:8px;font-size:var(--ds-font-size-sm)}.ds-progress__track--lg{height:12px;font-size:var(--ds-font-size-md)}.ds-progress__fill{height:100%;width:var(--ds-progress-width,0);border-radius:var(--ds-radius-md);transition:width var(--ds-transition-normal);position:relative}.ds-progress__fill--default,.ds-progress__fill--primary{background-color:var(--ds-color-primary)}.ds-progress__fill--success{background-color:var(--ds-color-success)}.ds-progress__fill--warning{background-color:var(--ds-color-warning)}.ds-progress__fill--danger{background-color:var(--ds-color-danger)}.ds-tooltip{position:relative;display:inline-block}.ds-tooltip__content{position:absolute;z-index:1000;padding:var(--ds-space-sm) var(--ds-space-md);background-color:var(--ds-color-text-primary);color:var(--ds-color-surface);border-radius:var(--ds-radius-md);font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-normal);line-height:var(--ds-line-height-normal);white-space:nowrap;box-shadow:var(--ds-shadow-lg);transition:opacity var(--ds-transition-normal),visibility var(--ds-transition-normal);pointer-events:none}.ds-tooltip__content--hidden{opacity:0;visibility:hidden}.ds-tooltip__content--top{bottom:calc(100% + var(--ds-space-sm));left:50%;transform:translateX(-50%)}.ds-tooltip__content--bottom{top:calc(100% + var(--ds-space-sm));left:50%;transform:translateX(-50%)}.ds-tooltip__content--left{right:calc(100% + var(--ds-space-sm));top:50%;transform:translateY(-50%)}.ds-tooltip__content--right{left:calc(100% + var(--ds-space-sm));top:50%;transform:translateY(-50%)}.ds-tooltip__arrow{position:absolute;width:0;height:0;border-style:solid}.ds-tooltip__arrow--top{top:100%;left:50%;transform:translateX(-50%);border-width:4px 4px 0;border-color:var(--ds-color-text-primary) transparent transparent transparent}.ds-tooltip__arrow--bottom{bottom:100%;left:50%;transform:translateX(-50%);border-width:0 4px 4px;border-color:transparent transparent var(--ds-color-text-primary) transparent}.ds-tooltip__arrow--left{left:100%;top:50%;transform:translateY(-50%);border-width:4px 0 4px 4px;border-color:transparent transparent transparent var(--ds-color-text-primary)}.ds-tooltip__arrow--right{right:100%;top:50%;transform:translateY(-50%);border-width:4px 4px 4px 0;border-color:transparent var(--ds-color-text-primary) transparent transparent}.ds-theme-toggle{position:fixed;top:var(--ds-space-lg);right:var(--ds-space-lg);z-index:1000;background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-full);padding:var(--ds-space-sm);box-shadow:var(--ds-shadow-md);cursor:pointer;transition:all var(--ds-transition-normal);display:flex;align-items:center;justify-content:center;width:48px;height:48px;outline:none}.ds-theme-toggle:hover{box-shadow:var(--ds-shadow-lg);transform:scale(1.05);border-color:var(--ds-color-border-hover)}.ds-theme-toggle__icon{font-size:var(--ds-font-size-lg);transition:transform var(--ds-transition-normal);display:block}[data-theme=dark] .ds-theme-toggle__icon{transform:rotate(180deg)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes flap{0%,to{transform:rotate(-10deg)}50%{transform:rotate(-35deg)}}.ds-color-swatch{display:flex;align-items:center;justify-content:center;border-radius:var(--ds-radius-md);width:48px;height:48px;flex-shrink:0}.ds-color-swatch--primary{background-color:var(--ds-color-primary);color:var(--ds-color-text-inverse)}.ds-color-swatch--primary-hover{background-color:var(--ds-color-primary-hover);color:var(--ds-color-text-inverse)}.ds-color-swatch--primary-light{background-color:var(--ds-color-primary-light);border:1px solid var(--ds-color-border)}.ds-color-swatch--primary-dark{background-color:var(--ds-color-primary-dark);color:var(--ds-color-text-inverse)}.ds-color-swatch--background{background-color:var(--ds-color-background);border:1px solid var(--ds-color-border)}.ds-color-swatch--surface{background-color:var(--ds-color-surface);border:1px solid var(--ds-color-border)}.ds-color-swatch--surface-hover{background-color:var(--ds-color-surface-hover);border:1px solid var(--ds-color-border)}.ds-color-swatch--text-primary{background-color:var(--ds-color-text-primary)}.ds-color-swatch--text-secondary{background-color:var(--ds-color-text-secondary)}.ds-color-swatch--text-tertiary{background-color:var(--ds-color-text-tertiary)}.ds-color-swatch--text-inverse{background-color:var(--ds-color-text-inverse);border:1px solid var(--ds-color-border)}.ds-color-swatch--border{background-color:var(--ds-color-border);border:1px solid var(--ds-color-border-hover)}.ds-color-swatch--border-hover{background-color:var(--ds-color-border-hover)}.ds-color-swatch--border-focus{background-color:var(--ds-color-border-focus);color:var(--ds-color-text-inverse)}.ds-color-swatch--success{background-color:var(--ds-color-success)}.ds-color-swatch--success-light{background-color:var(--ds-color-success-light);border:1px solid var(--ds-color-border)}.ds-color-swatch--danger{background-color:var(--ds-color-danger);color:var(--ds-color-text-inverse)}.ds-color-swatch--danger-light{background-color:var(--ds-color-danger-light);border:1px solid var(--ds-color-border)}.ds-color-swatch--warning{background-color:var(--ds-color-warning)}.ds-color-swatch--warning-light{background-color:var(--ds-color-warning-light);border:1px solid var(--ds-color-border)}.ds-color-swatch--info{background-color:var(--ds-color-info);color:var(--ds-color-text-inverse)}.ds-color-swatch--info-light{background-color:var(--ds-color-info-light);border:1px solid var(--ds-color-border)}.ds-color-swatch--accent{background-color:var(--ds-color-accent);color:var(--ds-color-text-inverse)}.ds-color-swatch--accent-hover{background-color:var(--ds-color-accent-hover);color:var(--ds-color-text-inverse)}.ds-color-swatch--accent-light{background-color:var(--ds-color-accent-light);border:1px solid var(--ds-color-border)}.ds-color-swatch--button-primary-bg{background-color:var(--ds-color-button-primary-bg);color:var(--ds-color-button-primary-text)}.ds-color-swatch--button-primary-text{background-color:var(--ds-color-button-primary-text);border:1px solid var(--ds-color-border)}.ds-color-swatch--button-primary-hover{background-color:var(--ds-color-button-primary-hover);color:var(--ds-color-button-primary-text)}.ds-color-swatch--button-secondary-bg{background-color:var(--ds-color-button-secondary-bg);border:1px solid var(--ds-color-border)}.ds-color-swatch--button-secondary-text{background-color:var(--ds-color-button-secondary-text)}.ds-color-swatch--button-secondary-hover{background-color:var(--ds-color-button-secondary-hover);border:1px solid var(--ds-color-border)}.ds-color-swatch--button-danger-bg{background-color:var(--ds-color-button-danger-bg);color:var(--ds-color-button-danger-text)}.ds-color-swatch--button-danger-text{background-color:var(--ds-color-button-danger-text);border:1px solid var(--ds-color-border)}.ds-color-swatch--button-danger-hover{background-color:var(--ds-color-button-danger-hover);color:var(--ds-color-button-danger-text)}.ds-color-swatch--button-ghost-bg{background-color:var(--ds-color-button-ghost-bg);border:1px dashed var(--ds-color-border)}.ds-color-swatch--button-ghost-text{background-color:var(--ds-color-button-ghost-text);border:1px solid var(--ds-color-border)}.ds-color-swatch--button-ghost-hover{background-color:var(--ds-color-button-ghost-hover);border:1px solid var(--ds-color-border)}.ds-color-token{display:flex;align-items:center;gap:var(--ds-space-md);padding:var(--ds-space-sm) 0;border-bottom:1px solid var(--ds-color-border)}.ds-color-token:last-child{border-bottom:none}.ds-color-token>div{display:flex;flex-direction:column;gap:2px}.ds-color-token__label{font-weight:var(--ds-font-weight-medium);color:var(--ds-color-text-primary)}.ds-color-token__name{font-family:Monaco,Menlo,Consolas,monospace;font-size:var(--ds-font-size-xs);color:var(--ds-color-text-secondary)}.ds-color-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--ds-space-xl)}.ds-component-showcase--full{grid-column:1/-1}.ds-color-group{margin-bottom:var(--ds-space-xl)}.ds-color-group__title{font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-semibold);color:var(--ds-color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--ds-space-md);padding-bottom:var(--ds-space-xs);border-bottom:1px solid var(--ds-color-border)}.ds-color-label{font-weight:var(--ds-font-weight-bold)}.ds-color-value{font-size:var(--ds-font-size-sm);color:var(--ds-color-text-secondary)}.ds-typography-heading{font-family:var(--ds-font-family-serif)}.ds-typography-body,.ds-typography-body--small,.ds-typography-heading{margin-bottom:var(--ds-space-sm)}.ds-typography-body--small{font-size:var(--ds-font-size-sm);color:var(--ds-color-text-secondary)}.ds-typography-body--large{font-size:var(--ds-font-size-lg);font-weight:var(--ds-font-weight-medium);margin-bottom:var(--ds-space-sm)}.ds-showcase-container{display:flex;justify-content:center;align-items:center;background:var(--ds-color-surface-hover);border-radius:var(--ds-radius-md);margin-bottom:var(--ds-space-md)}.ds-showcase-container--small{height:80px}.ds-showcase-container--medium{height:100px}.ds-showcase-container--large{height:120px}.ds-rsvp-button{background:var(--ds-color-button-primary-bg);color:var(--ds-color-button-primary-text);border:none;border-radius:var(--ds-radius-lg);padding:var(--ds-space-sm) var(--ds-space-lg);font-size:var(--ds-font-size-md);font-weight:var(--ds-font-weight-semibold);cursor:pointer;display:flex;align-items:center;gap:var(--ds-space-sm);transition:all var(--ds-transition-normal)}.ds-rsvp-button--active{transform:scale(1.05)}.ds-rsvp-icon{font-size:var(--ds-font-size-lg)}.ds-modal-actions{margin-top:var(--ds-space-lg);justify-content:flex-end}.ds-date-range,.ds-modal-actions{display:flex;gap:var(--ds-space-md)}.ds-date-range{align-items:center}.ds-component-status{display:inline-flex;align-items:center;gap:var(--ds-space-xs);margin-left:var(--ds-space-sm);font-size:var(--ds-font-size-xs);font-weight:var(--ds-font-weight-medium);padding:var(--ds-space-xs) var(--ds-space-sm);border-radius:var(--ds-radius-sm)}.ds-component-status--live{background-color:var(--ds-color-success-light);color:var(--ds-color-success);border:1px solid var(--ds-color-success)}.ds-component-status--available{background-color:var(--ds-color-surface-hover);color:var(--ds-color-text-secondary);border:1px solid var(--ds-color-border)}.ds-status-legend{margin-top:var(--ds-space-md)}.ds-token-demo{color:var(--ds-color-text-primary);margin:var(--ds-space-xs) 0}.ds-token-demo--lineheight{max-width:400px;padding:var(--ds-space-sm);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);margin-bottom:var(--ds-space-sm);font-size:var(--ds-font-size-sm)}.ds-token-list{display:flex;flex-direction:column;gap:var(--ds-space-xs)}.ds-shadow-demos{display:flex;flex-wrap:wrap;gap:var(--ds-space-xl);padding:var(--ds-space-lg)}.ds-shadow-demo{width:120px;height:80px;background-color:var(--ds-color-surface);border-radius:var(--ds-radius-md);display:flex;align-items:center;justify-content:center}.ds-shadow-demo__label{font-size:var(--ds-font-size-sm);color:var(--ds-color-text-secondary);font-weight:var(--ds-font-weight-medium)}.ds-spacing-demos{display:flex;flex-direction:column;gap:var(--ds-space-sm)}.ds-spacing-demo{display:flex;align-items:center;gap:var(--ds-space-md)}.ds-spacing-demo__bar{height:16px;background-color:var(--ds-color-primary);border-radius:var(--ds-radius-sm);min-width:4px}.ds-spacing-demo__label{font-size:var(--ds-font-size-sm);color:var(--ds-color-text-secondary);white-space:nowrap}.ds-checkbox{display:inline-flex;align-items:center;gap:var(--ds-space-sm);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:var(--ds-font-size-md);color:var(--ds-color-text-primary);line-height:var(--ds-line-height-normal)}.ds-checkbox--disabled{cursor:not-allowed;opacity:.5}.ds-checkbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.ds-checkbox__box{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid var(--ds-color-border-hover);border-radius:var(--ds-radius-sm);background-color:var(--ds-color-surface);transition:all var(--ds-transition-fast);flex-shrink:0}.ds-checkbox__icon{width:12px;height:10px;color:var(--ds-color-text-inverse);opacity:0;transition:opacity var(--ds-transition-fast)}.ds-checkbox__input:checked+.ds-checkbox__box{background-color:var(--ds-color-primary);border-color:var(--ds-color-primary)}.ds-checkbox__input:checked+.ds-checkbox__box .ds-checkbox__icon{opacity:1}.ds-checkbox__input:focus-visible+.ds-checkbox__box{box-shadow:0 0 0 3px rgba(var(--ds-color-primary-rgb),.3);border-color:var(--ds-color-border-focus)}.ds-checkbox:hover:not(.ds-checkbox--disabled) .ds-checkbox__box{border-color:var(--ds-color-primary)}.ds-checkbox__label{font-size:var(--ds-font-size-md)}.ds-radio-group{display:flex;gap:var(--ds-space-sm)}.ds-radio-group--vertical{flex-direction:column}.ds-radio-group--horizontal{flex-direction:row;flex-wrap:wrap;gap:var(--ds-space-lg)}.ds-radio{display:inline-flex;align-items:center;gap:var(--ds-space-sm);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:var(--ds-font-size-md);color:var(--ds-color-text-primary);line-height:var(--ds-line-height-normal)}.ds-radio--disabled{cursor:not-allowed;opacity:.5}.ds-radio__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.ds-radio__circle{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid var(--ds-color-border-hover);background-color:var(--ds-color-surface);transition:all var(--ds-transition-fast);flex-shrink:0}.ds-radio__circle,.ds-radio__dot{border-radius:var(--ds-radius-full)}.ds-radio__dot{width:8px;height:8px;background-color:var(--ds-color-text-inverse);transform:scale(0);transition:transform var(--ds-transition-fast)}.ds-radio__input:checked+.ds-radio__circle{background-color:var(--ds-color-primary);border-color:var(--ds-color-primary)}.ds-radio__input:checked+.ds-radio__circle .ds-radio__dot{transform:scale(1)}.ds-radio__input:focus-visible+.ds-radio__circle{box-shadow:0 0 0 3px rgba(var(--ds-color-primary-rgb),.3);border-color:var(--ds-color-border-focus)}.ds-radio:hover:not(.ds-radio--disabled) .ds-radio__circle{border-color:var(--ds-color-primary)}.ds-radio__label{font-size:var(--ds-font-size-md)}@media (max-width:768px){.ds-container{padding:var(--ds-space-lg)}.ds-grid,.ds-grid-2,.ds-grid-3{grid-template-columns:1fr}.ds-theme-toggle{top:var(--ds-space-md);right:var(--ds-space-md)}.ds-example-row{flex-direction:column;align-items:flex-start}}.navigation,.navigation--desktop{display:flex;flex-direction:column}.navigation--desktop{position:fixed;left:0;top:0;width:200px;height:100vh;background:transparent;border-right:1px solid var(--ds-color-border);z-index:100;overflow-y:auto}.navigation--desktop .navigation__items{display:flex;flex-direction:column;gap:.25rem;padding:3.5rem .75rem 0;min-height:-moz-min-content;min-height:min-content;flex:1}.nav-contact-link{display:flex;align-items:center;justify-content:center;padding:1rem;margin:.5rem .75rem 1rem;color:var(--ds-color-success);transition:all var(--ds-transition-normal);text-decoration:none;border-radius:var(--ds-radius-md);flex-shrink:0}.nav-contact-link--active,.nav-contact-link:hover{background:var(--ds-color-surface-hover);color:var(--ds-color-success)}.navigation--mobile{display:none}.navigation__separator{height:1px;background:var(--ds-color-border);margin:.5rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--ds-radius-md);text-decoration:none;color:var(--ds-color-text-secondary);background:transparent;border:none;cursor:pointer;transition:all var(--ds-transition-normal);font-family:var(--ds-font-family-sans);font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-medium);width:100%;text-align:left}.nav-item:hover{background:var(--ds-color-surface-hover);color:var(--ds-color-text-primary)}.nav-item--active{background:transparent;color:var(--ds-color-primary);font-weight:var(--ds-font-weight-semibold)}.nav-item--active:hover{background:var(--ds-color-surface-hover);color:var(--ds-color-primary)}.nav-item__icon{flex-shrink:0}.nav-item__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-more-backdrop{position:fixed;inset:0;background:var(--ds-color-overlay);z-index:999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.nav-more-menu{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--ds-color-surface);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-xl);z-index:1000;min-width:320px;max-width:90vw;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp var(--ds-transition-slow)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.nav-more-menu__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--ds-color-border)}.nav-more-menu__title{font-family:var(--ds-font-family-serif);font-size:var(--ds-font-size-xl);font-weight:var(--ds-font-weight-semibold);color:var(--ds-color-text-primary);margin:0}.nav-more-menu__close{background:none;border:none;color:var(--ds-color-text-secondary);cursor:pointer;padding:.5rem;margin:-.5rem;border-radius:var(--ds-radius-sm);transition:all var(--ds-transition-normal);display:flex;align-items:center;justify-content:center}.nav-more-menu__close:hover{background:var(--ds-color-surface-hover);color:var(--ds-color-text-primary)}.nav-more-menu__items{padding:.75rem;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem}.nav-more-menu__item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:var(--ds-radius-md);text-decoration:none;color:var(--ds-color-text-secondary);background:transparent;transition:all var(--ds-transition-normal);font-family:var(--ds-font-family-sans);font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-medium)}.nav-more-menu__item:hover{background:var(--ds-color-surface-hover);color:var(--ds-color-text-primary)}.nav-more-menu__item--active{background:transparent;color:var(--ds-color-primary);font-weight:var(--ds-font-weight-semibold)}.nav-more-menu__item--active:hover{background:var(--ds-color-surface-hover);color:var(--ds-color-primary)}.nav-more-menu__item-icon{flex-shrink:0}.nav-more-menu__item-label{white-space:nowrap}@media (max-width:768px){.navigation--desktop{display:none}.navigation--mobile{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--ds-color-surface);border-top:1px solid var(--ds-color-border);z-index:100;padding:.5rem .5rem calc(env(safe-area-inset-bottom) + .5rem)}.navigation--mobile .navigation__items{display:flex;flex-direction:row;justify-content:space-around;align-items:center;width:100%;gap:.25rem}.nav-item--mobile{flex:1;flex-direction:column;gap:.25rem;padding:.5rem .25rem;min-width:0}.nav-item--mobile .nav-item__icon{font-size:20px}.nav-item--mobile .nav-item__label{font-size:.75rem;text-align:center}.nav-more-menu{top:auto;bottom:0;left:0;right:0;transform:none;border-radius:16px 16px 0 0;max-width:100%;max-height:70vh}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}}@media (min-width:769px) and (max-width:1024px){.navigation--desktop{width:180px}}[data-theme=dark] .nav-more-menu{box-shadow:var(--ds-shadow-xl)}.user-actions{position:absolute;top:3rem;right:2rem;display:flex;align-items:center;gap:1rem;z-index:200}.user-actions__sojka{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:transparent;border:none;text-decoration:none;transition:all var(--ds-transition-normal);cursor:pointer}.user-actions__sojka:hover{transform:scale(1.1)}.user-actions__sojka-icon{color:var(--ds-color-text-secondary);transition:color var(--ds-transition-normal)}.user-actions__sojka:hover .user-actions__sojka-icon{color:var(--ds-color-primary)}.user-actions__badge{position:absolute;top:-4px;right:-4px;background:var(--ds-color-danger);color:var(--ds-color-text-inverse);font-size:.75rem;font-weight:var(--ds-font-weight-semibold);padding:2px 6px;border-radius:10px;min-width:20px;height:20px;box-shadow:var(--ds-shadow-sm)}.user-actions__avatar,.user-actions__badge{display:flex;align-items:center;justify-content:center}.user-actions__avatar{border-radius:var(--ds-radius-full);cursor:pointer;transition:all var(--ds-transition-normal);border:2px solid transparent}.user-actions__avatar:hover{border-color:var(--ds-color-primary);transform:scale(1.05)}.user-actions__avatar-img{border-radius:var(--ds-radius-full);-o-object-fit:cover;object-fit:cover}@media (max-width:768px){.user-actions{top:1.5rem;right:1.5rem;gap:.75rem}.user-actions__sojka{width:40px;height:40px}.user-actions__badge{font-size:.625rem;padding:1px 5px;min-width:18px;height:18px}}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--ds-color-background);padding:2rem}.login-screen__content{max-width:480px;width:100%;text-align:center;background:var(--ds-color-surface);padding:3rem 2rem;border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-md)}.login-screen__title{font-family:var(--ds-font-family-serif);font-size:2.5rem;font-weight:700;color:var(--ds-color-text-primary);margin-bottom:1rem;margin-top:0}.login-screen__description{font-size:1.125rem;color:var(--ds-color-text-secondary);margin-bottom:2rem;line-height:1.6}.login-screen__button{min-width:240px;padding:.875rem 1.5rem;font-size:1rem;font-weight:600}@media (max-width:768px){.login-screen{padding:1.5rem}.login-screen__content{padding:2rem 1.5rem}.login-screen__title{font-size:2rem}.login-screen__description{font-size:1rem}.login-screen__button{width:100%;min-width:auto}}.sojka-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.sojka-header h1{margin:0}.sojka-page .subtitle{margin:0;color:var(--ds-color-text-secondary);font-size:1rem}.sojka-page .actions{margin-bottom:1.5rem;display:flex;justify-content:flex-end}.sojka-page .delete-all-btn{background:none;border:none;color:var(--ds-color-danger);cursor:pointer;font-size:1rem;padding:.5rem 1rem;border-radius:.5rem;transition:background-color .2s ease}.sojka-page .delete-all-btn:hover{background-color:var(--ds-color-danger-light)}.sojka-page .delete-all-btn:disabled{opacity:.5;cursor:not-allowed}.sojka-page .loading-state{text-align:center;padding:3rem 1rem;color:var(--ds-color-text-secondary);font-size:1.125rem}.sojka-page .empty-state{text-align:center;padding:4rem 1rem}.sojka-page .empty-icon{font-size:4rem;margin-bottom:1rem}.sojka-page .empty-state p{color:var(--ds-color-text-secondary);font-size:1.125rem;margin:0}.sojka-page .notifications-list{display:flex;flex-direction:column;gap:0}.sojka-page .notification-item{display:flex;gap:1rem;padding:1.5rem;background:var(--ds-color-surface);border-bottom:1px solid var(--ds-color-border);cursor:pointer;transition:background-color .2s ease}.sojka-page .notification-item:first-child{border-top:1px solid var(--ds-color-border);border-radius:.75rem .75rem 0 0}.sojka-page .notification-item:last-child{border-radius:0 0 .75rem .75rem}.sojka-page .notification-item:hover{background-color:var(--ds-color-surface-hover)}.sojka-page .notification-item.unread{background-color:var(--ds-color-primary-light)}.sojka-page .notification-item.unread:hover{background-color:var(--ds-color-surface-hover)}.sojka-page .notification-item.sweep-out{animation:sojkaSweepOut .8s ease-in-out forwards;transform-origin:right center}@keyframes sojkaSweepOut{0%{transform:translateX(0) scaleX(1);opacity:1}50%{transform:translateX(20px) scaleX(.95);opacity:.8}to{transform:translateX(100%) scaleX(0);opacity:0}}.sojka-page .delete-all-btn.sweeping{animation:sojkaSweepButton .8s ease-in-out}@keyframes sojkaSweepButton{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.sojka-page .notification-avatar{flex-shrink:0}.sojka-page .avatar-img{width:48px;height:48px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.sojka-page .notification-content{flex:1;min-width:0}.sojka-page .notification-header{display:flex;flex-wrap:nowrap;gap:.5rem;margin-bottom:.25rem;align-items:baseline}.sojka-page .sender-name{font-weight:600;color:var(--ds-color-text-primary)}.sojka-page .notification-type{color:var(--ds-color-text-secondary);font-size:.875rem}.sojka-page .notification-message{color:var(--ds-color-text-primary);font-size:.9375rem;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sojka-page .reaction-notification{display:flex;flex-direction:column;gap:.5rem}.sojka-page .reaction-emojis{display:flex;gap:.25rem;flex-wrap:wrap}.sojka-page .reaction-emoji{font-size:1.25rem;line-height:1}.sojka-page .reaction-text{color:var(--ds-color-text-primary);font-size:.9375rem}.sojka-page .notification-time{color:var(--ds-color-text-tertiary);font-size:.875rem}@media (max-width:640px){.sojka-page .notification-item{padding:1rem}.sojka-page .avatar-img,.sojka-page .notification-avatar{width:40px;height:40px}}.notification-settings-container{display:flex;align-items:center;flex-shrink:0}.notification-settings-container .ds-bg-surface{position:absolute;left:0;right:0;top:100%;margin-top:var(--ds-space-md);z-index:10}.notification-settings-trigger{display:inline-flex;align-items:center;gap:var(--ds-space-sm);padding:var(--ds-space-xs) var(--ds-space-sm);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);background-color:var(--ds-color-surface);color:var(--ds-color-text-primary);cursor:pointer;font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-medium);transition:border-color var(--ds-transition-normal),background-color var(--ds-transition-fast)}.notification-settings-trigger:hover:not(:disabled){background-color:var(--ds-color-surface-hover)}.notification-settings-trigger:disabled{opacity:.6;cursor:not-allowed}.notification-settings-trigger__arrow,.notification-settings-trigger__icon{flex-shrink:0;color:var(--ds-color-text-secondary)}.notification-settings-trigger__arrow{margin-left:auto;transition:transform var(--ds-transition-normal)}.notification-settings-trigger__arrow--open{transform:rotate(180deg)}.notification-event{margin-top:1.5rem}.notification-event:first-child{margin-top:0}.notification-event-header h4{margin:0 0 .75rem;font-size:1rem;font-weight:500;color:var(--ds-color-text-primary)}.notification-toggles{display:flex;flex-direction:column;gap:1rem}@media (min-width:768px){.notification-toggles{flex-direction:row;gap:2rem}}.notification-toggle{display:flex;flex-direction:row;align-items:center;gap:.5rem}.toggle-switch{position:relative;display:inline-block;width:3rem;height:1.5rem}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--ds-color-border);transition:.4s;border-radius:1.5rem}.toggle-slider:before{position:absolute;content:"";height:1.125rem;width:1.125rem;left:.1875rem;bottom:.1875rem;background-color:var(--ds-color-text-primary);transition:.4s;border-radius:50%;box-shadow:var(--ds-shadow-sm)}.toggle-switch input:checked+.toggle-slider{background-color:var(--ds-color-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(1.5rem);background-color:#ffffff}.toggle-label{font-size:.875rem;color:var(--ds-color-text-secondary);font-weight:500}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:normal}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:rgb(165.75,165.75,165.75)}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:white;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + 1.7rem / 2);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:white;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:rgb(28.75,93.2196969697,143.75)}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:rgb(49.8551020408,189.6448979592,62.5632653061)}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:magenta}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:rgb(207,82.9642857143,0)}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover{background-color:rgb(28.75,93.2196969697,143.75)}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:rgb(186.25,217.0833333333,241.25);color:rgb(0,0,0)}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:rgb(28.75,93.2196969697,143.75)}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:rgba(33,107,165,.5)}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translateX(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:rgb(178.5,178.5,178.5)}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:rgb(178.5,178.5,178.5)}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:rgb(178.5,178.5,178.5)}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:rgba(0,0,0,.8);left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}