html.ios{--ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif}html.md{--ion-default-font: "Roboto", "Helvetica Neue", sans-serif}html{--ion-default-dynamic-font: -apple-system-body;--ion-font-family: var(--ion-default-font)}body{background:var(--ion-background-color)}body.backdrop-no-scroll{overflow:hidden}html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,html.ios ion-modal ion-footer ion-toolbar:first-of-type{padding-top:6px}html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type{padding-bottom:6px}html.ios ion-modal ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}@media screen and (min-width: 768px){html.ios ion-modal.modal-card:first-of-type{--backdrop-opacity: .18}}ion-modal.modal-default.show-modal~ion-modal.modal-default{--backdrop-opacity: 0;--box-shadow: none}html.ios ion-modal.modal-card .ion-page{border-top-left-radius:var(--border-radius)}.ion-color-primary{--ion-color-base: var(--ion-color-primary, #3880ff) !important;--ion-color-base-rgb: var(--ion-color-primary-rgb, 56, 128, 255) !important;--ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-primary-shade, #3171e0) !important;--ion-color-tint: var(--ion-color-primary-tint, #4c8dff) !important}.ion-color-secondary{--ion-color-base: var(--ion-color-secondary, #3dc2ff) !important;--ion-color-base-rgb: var(--ion-color-secondary-rgb, 61, 194, 255) !important;--ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-secondary-shade, #36abe0) !important;--ion-color-tint: var(--ion-color-secondary-tint, #50c8ff) !important}.ion-color-tertiary{--ion-color-base: var(--ion-color-tertiary, #5260ff) !important;--ion-color-base-rgb: var(--ion-color-tertiary-rgb, 82, 96, 255) !important;--ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-tertiary-shade, #4854e0) !important;--ion-color-tint: var(--ion-color-tertiary-tint, #6370ff) !important}.ion-color-success{--ion-color-base: var(--ion-color-success, #2dd36f) !important;--ion-color-base-rgb: var(--ion-color-success-rgb, 45, 211, 111) !important;--ion-color-contrast: var(--ion-color-success-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-success-shade, #28ba62) !important;--ion-color-tint: var(--ion-color-success-tint, #42d77d) !important}.ion-color-warning{--ion-color-base: var(--ion-color-warning, #ffc409) !important;--ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;--ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;--ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important}.ion-color-danger{--ion-color-base: var(--ion-color-danger, #eb445a) !important;--ion-color-base-rgb: var(--ion-color-danger-rgb, 235, 68, 90) !important;--ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-danger-shade, #cf3c4f) !important;--ion-color-tint: var(--ion-color-danger-tint, #ed576b) !important}.ion-color-light{--ion-color-base: var(--ion-color-light, #f4f5f8) !important;--ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;--ion-color-contrast: var(--ion-color-light-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;--ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important}.ion-color-medium{--ion-color-base: var(--ion-color-medium, #92949c) !important;--ion-color-base-rgb: var(--ion-color-medium-rgb, 146, 148, 156) !important;--ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-medium-shade, #808289) !important;--ion-color-tint: var(--ion-color-medium-tint, #9d9fa6) !important}.ion-color-dark{--ion-color-base: var(--ion-color-dark, #222428) !important;--ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;--ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;--ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important}.ion-page{left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:column;justify-content:space-between;contain:layout size style;z-index:0}ion-modal>.ion-page{position:relative;contain:layout style;height:100%}.split-pane-visible>.ion-page.split-pane-main{position:relative}ion-route,ion-route-redirect,ion-router,ion-select-option,ion-nav-controller,ion-menu-controller,ion-action-sheet-controller,ion-alert-controller,ion-loading-controller,ion-modal-controller,ion-picker-controller,ion-popover-controller,ion-toast-controller,.ion-page-hidden{display:none!important}.ion-page-invisible{opacity:0}.can-go-back>ion-header ion-back-button{display:block}html.plt-ios.plt-hybrid,html.plt-ios.plt-pwa{--ion-statusbar-padding: 20px}@supports (padding-top: 20px){html{--ion-safe-area-top: var(--ion-statusbar-padding)}}@supports (padding-top: env(safe-area-inset-top)){html{--ion-safe-area-top: env(safe-area-inset-top);--ion-safe-area-bottom: env(safe-area-inset-bottom);--ion-safe-area-left: env(safe-area-inset-left);--ion-safe-area-right: env(safe-area-inset-right)}}ion-card.ion-color .ion-inherit-color,ion-card-header.ion-color .ion-inherit-color{color:inherit}.menu-content{transform:translateZ(0)}.menu-content-open{cursor:pointer;touch-action:manipulation;pointer-events:none;overflow-y:hidden}.menu-content-open ion-content{--overflow: hidden}.menu-content-open .ion-content-scroll-host{overflow:hidden}.ios .menu-content-reveal{box-shadow:-8px 0 42px #00000014}[dir=rtl].ios .menu-content-reveal{box-shadow:8px 0 42px #00000014}.md .menu-content-reveal,.md .menu-content-push{box-shadow:4px 0 16px #0000002e}ion-accordion-group.accordion-group-expand-inset>ion-accordion:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}ion-accordion-group.accordion-group-expand-inset>ion-accordion:last-of-type{border-bottom-left-radius:8px;border-bottom-right-radius:8px}ion-accordion-group>ion-accordion:last-of-type ion-item[slot=header]{--border-width: 0px}ion-accordion.accordion-animated>[slot=header] .ion-accordion-toggle-icon{transition:.3s transform cubic-bezier(.25,.8,.5,1)}@media (prefers-reduced-motion: reduce){ion-accordion .ion-accordion-toggle-icon{transition:none!important}}ion-accordion.accordion-expanding>[slot=header] .ion-accordion-toggle-icon,ion-accordion.accordion-expanded>[slot=header] .ion-accordion-toggle-icon{transform:rotate(180deg)}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-previous ion-item[slot=header]{--border-width: 0px;--inner-border-width: 0px}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding:first-of-type,ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanded:first-of-type{margin-top:0}ion-input input::-webkit-date-and-time-value{text-align:start}.ion-datetime-button-overlay{--width: fit-content;--height: fit-content}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px}.popover-viewport:has(>ion-content){overflow:hidden}@supports not selector(:has(> ion-content)){.popover-viewport{overflow:hidden}}audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){display:none;height:0}b,strong{font-weight:700}img{max-width:100%}hr{height:1px;border-width:0;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}label,input,select,textarea{font-family:inherit;line-height:normal}textarea{overflow:auto;height:auto;font:inherit;color:inherit}textarea::placeholder{padding-left:2px}form,input,optgroup,select{margin:0;font:inherit;color:inherit}html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}a,a div,a span,a ion-icon,a ion-label,button,button div,button span,button ion-icon,button ion-label,.ion-tappable,[tappable],[tappable] div,[tappable] span,[tappable] ion-icon,[tappable] ion-label,input,textarea{touch-action:manipulation}a ion-label,button ion-label{pointer-events:none}button{padding:0;border:0;border-radius:0;font-family:inherit;font-style:inherit;font-variant:inherit;line-height:1;text-transform:none;cursor:pointer;-webkit-appearance:button}[tappable]{cursor:pointer}a[disabled],button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{width:100%;height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}html:not(.hydrated) body{display:none}html.ion-ce body{display:block}html.plt-pwa{height:100vh}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:0;padding:0;position:fixed;width:100%;max-width:100%;height:100%;max-height:100%;transform:translateZ(0);text-rendering:optimizeLegibility;overflow:hidden;touch-action:manipulation;-webkit-user-drag:none;-ms-content-zooming:none;word-wrap:break-word;overscroll-behavior-y:none;-webkit-text-size-adjust:none;text-size-adjust:none}html{font-family:var(--ion-font-family)}@supports (-webkit-touch-callout: none){html{font:var(--ion-dynamic-font, 16px var(--ion-font-family))}}a{background-color:transparent;color:var(--ion-color-primary, #3880ff)}h1,h2,h3,h4,h5,h6{margin-top:16px;margin-bottom:10px;font-weight:500;line-height:1.2}h1{margin-top:20px;font-size:1.625rem}h2{margin-top:18px;font-size:1.5rem}h3{font-size:1.375rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}small{font-size:75%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}.ion-hide,.ion-hide-up,.ion-hide-down{display:none!important}@media (min-width: 576px){.ion-hide-sm-up{display:none!important}}@media (max-width: 575.98px){.ion-hide-sm-down{display:none!important}}@media (min-width: 768px){.ion-hide-md-up{display:none!important}}@media (max-width: 767.98px){.ion-hide-md-down{display:none!important}}@media (min-width: 992px){.ion-hide-lg-up{display:none!important}}@media (max-width: 991.98px){.ion-hide-lg-down{display:none!important}}@media (min-width: 1200px){.ion-hide-xl-up{display:none!important}}@media (max-width: 1199.98px){.ion-hide-xl-down{display:none!important}}.ion-align-self-start{align-self:flex-start!important}.ion-align-self-end{align-self:flex-end!important}.ion-align-self-center{align-self:center!important}.ion-align-self-stretch{align-self:stretch!important}.ion-align-self-baseline{align-self:baseline!important}.ion-align-self-auto{align-self:auto!important}.ion-wrap{flex-wrap:wrap!important}.ion-nowrap{flex-wrap:nowrap!important}.ion-wrap-reverse{flex-wrap:wrap-reverse!important}.ion-justify-content-start{justify-content:flex-start!important}.ion-justify-content-center{justify-content:center!important}.ion-justify-content-end{justify-content:flex-end!important}.ion-justify-content-around{justify-content:space-around!important}.ion-justify-content-between{justify-content:space-between!important}.ion-justify-content-evenly{justify-content:space-evenly!important}.ion-align-items-start{align-items:flex-start!important}.ion-align-items-center{align-items:center!important}.ion-align-items-end{align-items:flex-end!important}.ion-align-items-stretch{align-items:stretch!important}.ion-align-items-baseline{align-items:baseline!important}.ion-float-left{float:left!important}.ion-float-right{float:right!important}.ion-float-start{float:left!important}:host-context([dir=rtl]) .ion-float-start{float:right!important}[dir=rtl] .ion-float-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-start:dir(rtl){float:right!important}}.ion-float-end{float:right!important}:host-context([dir=rtl]) .ion-float-end{float:left!important}[dir=rtl] .ion-float-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-end:dir(rtl){float:left!important}}@media (min-width: 576px){.ion-float-sm-left{float:left!important}.ion-float-sm-right{float:right!important}.ion-float-sm-start{float:left!important}:host-context([dir=rtl]) .ion-float-sm-start{float:right!important}[dir=rtl] .ion-float-sm-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-sm-start:dir(rtl){float:right!important}}.ion-float-sm-end{float:right!important}:host-context([dir=rtl]) .ion-float-sm-end{float:left!important}[dir=rtl] .ion-float-sm-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-sm-end:dir(rtl){float:left!important}}}@media (min-width: 768px){.ion-float-md-left{float:left!important}.ion-float-md-right{float:right!important}.ion-float-md-start{float:left!important}:host-context([dir=rtl]) .ion-float-md-start{float:right!important}[dir=rtl] .ion-float-md-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-md-start:dir(rtl){float:right!important}}.ion-float-md-end{float:right!important}:host-context([dir=rtl]) .ion-float-md-end{float:left!important}[dir=rtl] .ion-float-md-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-md-end:dir(rtl){float:left!important}}}@media (min-width: 992px){.ion-float-lg-left{float:left!important}.ion-float-lg-right{float:right!important}.ion-float-lg-start{float:left!important}:host-context([dir=rtl]) .ion-float-lg-start{float:right!important}[dir=rtl] .ion-float-lg-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-lg-start:dir(rtl){float:right!important}}.ion-float-lg-end{float:right!important}:host-context([dir=rtl]) .ion-float-lg-end{float:left!important}[dir=rtl] .ion-float-lg-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-lg-end:dir(rtl){float:left!important}}}@media (min-width: 1200px){.ion-float-xl-left{float:left!important}.ion-float-xl-right{float:right!important}.ion-float-xl-start{float:left!important}:host-context([dir=rtl]) .ion-float-xl-start{float:right!important}[dir=rtl] .ion-float-xl-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-xl-start:dir(rtl){float:right!important}}.ion-float-xl-end{float:right!important}:host-context([dir=rtl]) .ion-float-xl-end{float:left!important}[dir=rtl] .ion-float-xl-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-xl-end:dir(rtl){float:left!important}}}.ion-no-padding{--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0;padding:0}.ion-padding{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-top{--padding-top: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px)}.ion-padding-start{--padding-start: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px)}.ion-padding-end{--padding-end: var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-padding-bottom{--padding-bottom: var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-vertical{--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-horizontal{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-no-margin{--margin-start: 0;--margin-end: 0;--margin-top: 0;--margin-bottom: 0;margin:0}.ion-margin{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-top{--margin-top: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px)}.ion-margin-start{--margin-start: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px)}.ion-margin-end{--margin-end: var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}.ion-margin-bottom{--margin-bottom: var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-vertical{--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-horizontal{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}.ion-text-center{text-align:center!important}.ion-text-justify{text-align:justify!important}.ion-text-start{text-align:start!important}.ion-text-end{text-align:end!important}.ion-text-left{text-align:left!important}.ion-text-right{text-align:right!important}.ion-text-nowrap{white-space:nowrap!important}.ion-text-wrap{white-space:normal!important}@media (min-width: 576px){.ion-text-sm-center{text-align:center!important}.ion-text-sm-justify{text-align:justify!important}.ion-text-sm-start{text-align:start!important}.ion-text-sm-end{text-align:end!important}.ion-text-sm-left{text-align:left!important}.ion-text-sm-right{text-align:right!important}.ion-text-sm-nowrap{white-space:nowrap!important}.ion-text-sm-wrap{white-space:normal!important}}@media (min-width: 768px){.ion-text-md-center{text-align:center!important}.ion-text-md-justify{text-align:justify!important}.ion-text-md-start{text-align:start!important}.ion-text-md-end{text-align:end!important}.ion-text-md-left{text-align:left!important}.ion-text-md-right{text-align:right!important}.ion-text-md-nowrap{white-space:nowrap!important}.ion-text-md-wrap{white-space:normal!important}}@media (min-width: 992px){.ion-text-lg-center{text-align:center!important}.ion-text-lg-justify{text-align:justify!important}.ion-text-lg-start{text-align:start!important}.ion-text-lg-end{text-align:end!important}.ion-text-lg-left{text-align:left!important}.ion-text-lg-right{text-align:right!important}.ion-text-lg-nowrap{white-space:nowrap!important}.ion-text-lg-wrap{white-space:normal!important}}@media (min-width: 1200px){.ion-text-xl-center{text-align:center!important}.ion-text-xl-justify{text-align:justify!important}.ion-text-xl-start{text-align:start!important}.ion-text-xl-end{text-align:end!important}.ion-text-xl-left{text-align:left!important}.ion-text-xl-right{text-align:right!important}.ion-text-xl-nowrap{white-space:nowrap!important}.ion-text-xl-wrap{white-space:normal!important}}.ion-text-uppercase{text-transform:uppercase!important}.ion-text-lowercase{text-transform:lowercase!important}.ion-text-capitalize{text-transform:capitalize!important}@media (min-width: 576px){.ion-text-sm-uppercase{text-transform:uppercase!important}.ion-text-sm-lowercase{text-transform:lowercase!important}.ion-text-sm-capitalize{text-transform:capitalize!important}}@media (min-width: 768px){.ion-text-md-uppercase{text-transform:uppercase!important}.ion-text-md-lowercase{text-transform:lowercase!important}.ion-text-md-capitalize{text-transform:capitalize!important}}@media (min-width: 992px){.ion-text-lg-uppercase{text-transform:uppercase!important}.ion-text-lg-lowercase{text-transform:lowercase!important}.ion-text-lg-capitalize{text-transform:capitalize!important}}@media (min-width: 1200px){.ion-text-xl-uppercase{text-transform:uppercase!important}.ion-text-xl-lowercase{text-transform:lowercase!important}.ion-text-xl-capitalize{text-transform:capitalize!important}}*{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,ion-app{min-height:100%;background:#f8f9fa}body{margin:0;color:#1a1a1a;line-height:1.5;overflow-x:hidden}img,video,canvas,svg{max-width:100%;height:auto}ion-content{--background: transparent}h1,h2,h3,h4,h5,h6,p,ion-label,ion-text{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#764ba2}ion-card{transition:transform .3s ease,box-shadow .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.slide-in{animation:slideIn .3s ease}ion-button:not([disabled]):hover{opacity:.9;transform:translateY(-2px);transition:all .3s ease}ion-input:focus-within{--highlight-color: #667eea}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}ion-spinner{--color: #667eea}ion-modal{--border-radius: 16px}ion-modal ion-toolbar{--background: white;--color: #1a1a1a}.elevation-1{box-shadow:0 2px 4px #0000001a}.elevation-2{box-shadow:0 4px 8px #0000001f}.elevation-3{box-shadow:0 8px 16px #00000026}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}ion-header ion-toolbar{--padding-top: 0;--padding-bottom: 0}@media (max-width: 768px){ion-toolbar.custom-toolbar{--padding-start: 8px;--padding-end: 8px}ion-toolbar.custom-toolbar ion-title{font-size:18px;line-height:1.2;white-space:normal}.section-header,.list-header{flex-direction:column;align-items:flex-start;gap:12px}.list-header-actions,.filter-controls{width:100%;flex-wrap:wrap;justify-content:flex-start}ion-card{margin-left:0;margin-right:0}}:root{--ion-color-primary: #667eea;--ion-color-primary-rgb: 102, 126, 234;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #5a6fce;--ion-color-primary-tint: #758eec;--ion-color-secondary: #764ba2;--ion-color-secondary-rgb: 118, 75, 162;--ion-color-secondary-contrast: #ffffff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #68428f;--ion-color-secondary-tint: #845dab;--ion-color-tertiary: #f093fb;--ion-color-tertiary-rgb: 240, 147, 251;--ion-color-tertiary-contrast: #000000;--ion-color-tertiary-contrast-rgb: 0, 0, 0;--ion-color-tertiary-shade: #d381dd;--ion-color-tertiary-tint: #f29efb;--ion-color-success: #10b981;--ion-color-success-rgb: 16, 185, 129;--ion-color-success-contrast: #ffffff;--ion-color-success-contrast-rgb: 255, 255, 255;--ion-color-success-shade: #0ea372;--ion-color-success-tint: #28c08e;--ion-color-warning: #fbbf24;--ion-color-warning-rgb: 251, 191, 36;--ion-color-warning-contrast: #000000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #dda820;--ion-color-warning-tint: #fbc53a;--ion-color-danger: #f5576c;--ion-color-danger-rgb: 245, 87, 108;--ion-color-danger-contrast: #ffffff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #d84d5f;--ion-color-danger-tint: #f6687b;--ion-color-dark: #1a1a1a;--ion-color-dark-rgb: 26, 26, 26;--ion-color-dark-contrast: #ffffff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #171717;--ion-color-dark-tint: #313131;--ion-color-medium: #92949c;--ion-color-medium-rgb: 146, 148, 156;--ion-color-medium-contrast: #ffffff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #808289;--ion-color-medium-tint: #9d9fa6;--ion-color-light: #f8f9fa;--ion-color-light-rgb: 248, 249, 250;--ion-color-light-contrast: #000000;--ion-color-light-contrast-rgb: 0, 0, 0;--ion-color-light-shade: #dadbdc;--ion-color-light-tint: #f9fafb}.member-avatar--has-photo{padding:0!important;overflow:hidden;background:transparent!important;display:flex;align-items:center;justify-content:center}.member-avatar--has-photo .member-avatar-photo-inner{width:100%;height:100%;margin:0}.member-avatar--has-photo .member-avatar-photo-inner img{object-fit:cover;width:100%;height:100%}.member-avatar-photo-placeholder{width:100%;height:100%;min-height:0;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.member-avatar-photo-placeholder .member-avatar-fallback-letter{font-size:inherit;line-height:1}.subtask-avatar:not(.member-avatar--has-photo){font-size:11px;font-weight:600;color:#fff}.subtask-avatar.member-avatar--has-photo .member-avatar-photo-placeholder{font-size:11px;font-weight:600;color:#fff}.analytics-content{--background: #f8f9fa}@media (min-width: 992px){.analytics-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 12px 12px}.analytics-cards-grid>ion-card{margin:0}.analytics-header{padding:28px 16px}}.analytics-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:40px 20px;text-align:center;color:#fff}.header-icon{font-size:64px;margin-bottom:16px}.analytics-header h1{font-size:28px;font-weight:800;margin:0 0 8px}.analytics-header p{font-size:14px;margin:0;opacity:.9}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;padding:20px;margin-top:-40px}.stat-card{text-align:center;margin:0;border-radius:16px;box-shadow:0 4px 12px #0000001a}.stat-card ion-card-content{padding:24px 16px}.stat-icon{font-size:40px;margin-bottom:12px}.stat-card.total .stat-icon{color:#667eea}.stat-card.completed .stat-icon{color:#10b981}.stat-card.active .stat-icon{color:#fbbf24}.stat-card.overdue .stat-icon{color:#ef4444}.stat-card h2{font-size:32px;font-weight:800;margin:0 0 4px;color:#1a1a1a}.stat-card p{font-size:14px;color:#666;margin:0}.completion-card{margin:0 20px 16px}.completion-visual{display:flex;align-items:center;gap:24px}.completion-circle{flex-shrink:0;width:120px;height:120px}.circular-chart{display:block;margin:10px auto;max-width:100%;max-height:250px}.circle-bg{fill:none;stroke:#e0e7ff;stroke-width:3.8}.circle{fill:none;stroke-width:2.8;stroke-linecap:round;animation:progress 1s ease-out forwards;stroke:url(#gradient);stroke:#667eea}.percentage{fill:#667eea;font-family:sans-serif;font-size:.5em;font-weight:700;text-anchor:middle}@keyframes progress{0%{stroke-dasharray:0 100}}.completion-text{flex:1}.completion-text p{font-size:16px;color:#666;margin:0}.completion-text strong{color:#667eea;font-size:24px}.priority-bars{display:flex;flex-direction:column;gap:16px}.priority-bar-item{display:flex;flex-direction:column;gap:8px}.priority-bar-label{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:500}.priority-bar-bg{height:24px;background:#f0f0f0;border-radius:12px;overflow:hidden}.priority-bar-fill{height:100%;transition:width .5s ease}.priority-bar-fill.urgent{background:linear-gradient(90deg,#1a1a1a,#4a4a4a)}.priority-bar-fill.high{background:linear-gradient(90deg,#ef4444,#f87171)}.priority-bar-fill.medium{background:linear-gradient(90deg,#fbbf24,#fcd34d)}.priority-bar-fill.low{background:linear-gradient(90deg,#10b981,#34d399)}.member-stats-list{display:flex;flex-direction:column;gap:16px}.member-stat-item{display:flex;flex-direction:column;gap:8px}.member-info{display:flex;align-items:center;gap:12px}.member-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px;flex-shrink:0}.member-details{flex:1}.member-details strong{display:block;font-size:16px;color:#1a1a1a;margin-bottom:4px}.member-numbers{display:flex;align-items:center;gap:8px;font-size:13px;color:#666}.member-progress-bar{height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden}.member-progress-fill{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .5s ease}.donut-layout{display:grid;grid-template-columns:180px 1fr;gap:16px;align-items:center}.donut-empty{text-align:center;color:#666;padding:8px 0}.donut-chart-wrap{display:grid;place-items:center}.donut-chart{width:160px;height:160px;display:block}.donut-ring{fill:none;stroke:#eef2ff;stroke-width:3.8}.donut-rotation{transform:rotate(-90deg);transform-origin:18px 18px}.donut-segment{fill:none;stroke-width:3.8;stroke-linecap:round;transition:stroke-dasharray .3s ease}.donut-center{fill:#111827;font-family:sans-serif;font-size:.55em;font-weight:800;text-anchor:middle}.donut-center-label{margin-top:-18px;font-size:12px;color:#6b7280;font-weight:600}.donut-legend{display:flex;flex-direction:column;gap:10px}.donut-legend-row{display:grid;grid-template-columns:10px 32px 1fr;gap:10px;align-items:center}.donut-dot{width:10px;height:10px;border-radius:999px}.donut-avatar{width:32px;height:32px;border-radius:999px;flex-shrink:0}.donut-avatar--unassigned{background:#f1f5f9;color:#475569;display:grid;place-items:center;font-weight:800}.donut-legend-text strong{display:block;font-size:14px;color:#111827}.donut-legend-meta{display:block;font-size:12px;color:#6b7280;margin-top:1px}.tags-cloud{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:16px 0}.tag-cloud-item{--background: #e0e7ff;--color: #4f46e5;transition:transform .2s}.tag-cloud-item:hover{transform:scale(1.1)}.tag-cloud-item ion-badge{margin-left:4px}.trend-chart{display:flex;align-items:flex-end;gap:2px;height:120px;padding:16px 0}.trend-bar{flex:1;height:100%;display:flex;align-items:flex-end}.trend-bar-fill{width:100%;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:2px 2px 0 0;transition:height .3s ease;min-height:2px}.trend-bar:hover .trend-bar-fill{opacity:.8}.trend-labels{display:flex;justify-content:space-between;font-size:12px;color:#999;margin-top:8px}.time-stat{text-align:center;padding:16px}.time-stat h3{font-size:36px;font-weight:700;color:#667eea;margin:0 0 8px}.time-stat p{font-size:14px;color:#666;margin:0}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.completion-visual{flex-direction:column;text-align:center}.completion-circle{width:100px;height:100px}.analytics-header h1{font-size:24px}.trend-chart{height:80px}.donut-layout{grid-template-columns:1fr;justify-items:center}.donut-legend{width:100%}}.groups-content{--background: #f8f9fa}.reorder-toggle{--border-radius: 50%;--padding-start: 10px;--padding-end: 10px;margin-left:8px;--box-shadow: none;transition:all .2s ease}.reorder-toggle ion-icon{font-size:18px;transition:transform .2s ease}.reorder-toggle.inactive{--color: rgba(255, 255, 255, .8);color:#fffc;--background: transparent;background:transparent}.reorder-toggle.active{--color: #ffe28a;color:#ffe28a;--background: transparent;background:transparent}.reorder-toggle.active ion-icon{transform:rotate(90deg)}.page-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:40px clamp(16px,4vw,32px);color:#fff;margin:0 0 12px}.page-header h1{font-size:28px;font-weight:800;margin:0 0 8px}.page-header p{font-size:14px;margin:0;opacity:.9}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.loading-container p{color:#666;margin:0}.groups-list{padding:20px clamp(16px,4vw,32px) 40px;display:flex;flex-direction:column;gap:16px;margin:0}.group-list-card{border-radius:16px;box-shadow:0 4px 12px #00000014;cursor:pointer;transition:transform .2s,box-shadow .2s;margin:0}.group-list-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.group-list-card.dragging{opacity:.5;cursor:grabbing}.group-list-card.drag-over{border:2px dashed #667eea;transform:translateY(-4px)}.group-list-card[draggable=true]{cursor:grab;border-left:3px solid #ffe28a;position:relative}.group-list-card[draggable=true]:active{cursor:grabbing}.group-list-header{display:flex;align-items:center;gap:16px;margin-bottom:16px;position:relative}.delete-group-button{margin-left:auto;--color: #ff4444;--padding-start: 8px;--padding-end: 8px;opacity:.7;transition:opacity .2s}.delete-group-button:hover{opacity:1}.group-icon-wrapper{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff}.group-title-row{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-bottom:4px}.group-title-row h3{font-size:20px;font-weight:700;margin:0;color:#1a1a1a;flex:1;min-width:0;order:0}.project-pin-inline{margin:0;flex-shrink:0;--padding-start: 4px;--padding-end: 4px;height:36px;vertical-align:middle;order:1}.group-info p{font-size:14px;margin:0;color:#666}.group-members{display:flex;gap:5px;margin-bottom:16px}.member-avatar{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:10px}.member-avatar.more{background:#e0e0e0;color:#666;font-size:9px}.group-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #f0f0f0}.group-date{font-size:12px;color:#999}.admin-badge{background:#667eea;color:#fff;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600}.modal-content{--background: #f8f9fa}.modal-body{padding:24px}.modal-body .input-group{margin-bottom:12px}.modal-body label{display:block;font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.modal-body .custom-input{--background: white;--border-radius: 12px;--padding-start: 16px;--padding-end: 16px;border:1px solid #e0e0e0;border-radius:12px}.create-button{--background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--border-radius: 12px;--box-shadow: 0 8px 16px rgba(102, 126, 234, .4);font-weight:600;height:48px;text-transform:none}@media (max-width: 768px){.page-header{padding:28px 16px 24px}.page-header h1{font-size:22px}.page-header p{font-size:13px}.groups-list{padding:16px}.group-list-header{flex-direction:row;align-items:center;gap:12px}.group-icon-wrapper{width:48px;height:48px;font-size:24px;flex-shrink:0}.group-info{flex:1;min-width:0}.group-title-row h3{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-info p{font-size:13px}.delete-group-button{align-self:flex-start;flex-shrink:0;margin-left:0}.group-members{flex-wrap:wrap}.group-footer{flex-direction:column;align-items:flex-start;gap:8px}}.home-content{--background: #f8f9fa}.home-view-mode-hero{margin:0}button.stat-card-toggle{border:none;font:inherit;cursor:pointer;text-align:left;width:100%;transition:box-shadow .2s ease,transform .15s ease,outline-color .2s ease}button.stat-card-toggle:active{transform:scale(.98)}.stat-card-toggle--active{box-shadow:0 4px 12px #00000014,0 0 0 2px #667eea}.stat-card-toggle:not(.stat-card-toggle--active){opacity:.92}.stat-card-toggle:not(.stat-card-toggle--active):hover{opacity:1;box-shadow:0 6px 16px #667eea26}.hero-section{background:linear-gradient(135deg,#667eea,#764ba2);padding:40px clamp(16px,4vw,32px) 60px;text-align:center;color:#fff;margin:0}.hero-title{font-size:32px;font-weight:800;margin:0 0 8px;letter-spacing:-.5px}.hero-subtitle{font-size:16px;margin:0;opacity:.9}.stats-container{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px clamp(16px,4vw,32px);margin-top:-40px;margin-left:0;margin-right:0}.stat-card{background:#fff;border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 12px #00000014}.stat-icon{font-size:40px;color:#667eea}.stat-info h3{font-size:28px;font-weight:700;margin:0;color:#1a1a1a}.stat-info p{font-size:14px;margin:4px 0 0;color:#666}.groups-section{padding:24px clamp(16px,4vw,32px) 40px;margin:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h2{font-size:26px;font-weight:800;margin:0;color:#1a1a1a;letter-spacing:-.5px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.view-all-button{--background: rgba(102, 126, 234, .08);--background-hover: rgba(102, 126, 234, .12);--background-activated: rgba(102, 126, 234, .18);--color: #667eea;--border-radius: 14px;--padding-start: 18px;--padding-end: 18px;--padding-top: 12px;--padding-bottom: 12px;text-transform:none;font-weight:600;font-size:14px;border:1.5px solid rgba(102,126,234,.15);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #667eea14}.view-all-button:hover{--background: rgba(102, 126, 234, .12);transform:translateY(-2px);box-shadow:0 4px 12px #667eea33;border-color:#667eea40}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}@media (min-width: 769px){.groups-grid{grid-template-columns:1fr;gap:16px}.group-card{width:100%}.group-card ion-card-content{padding:24px 28px}.group-card .group-header{margin-bottom:20px}.group-icon{font-size:40px}.group-name{font-size:22px;margin-bottom:12px}.group-meta{font-size:15px}.member-count{font-size:14px;padding:6px 16px}}.group-card{border-radius:20px;box-shadow:0 2px 8px #0000000f,0 4px 16px #0000000a;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin:0;overflow:hidden;position:relative;background:#fff;border:1px solid rgba(102,126,234,.08)}.group-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);opacity:0;transition:opacity .3s ease}.group-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 8px 24px #667eea26,0 16px 48px #00000014;border-color:#667eea33}.group-card:hover:before{opacity:1}.group-card:active{transform:translateY(-2px) scale(.99)}.group-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;position:relative}.group-icon-wrapper{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 8px #667eea33}.group-card:hover .group-icon-wrapper{background:linear-gradient(135deg,#764ba2,#667eea);transform:scale(1.05);box-shadow:0 4px 12px #667eea4d}.group-icon{font-size:28px;color:#fff;transition:all .3s ease}.group-card:hover .group-icon{color:#fff;transform:scale(1.1)}.member-count{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600;box-shadow:0 2px 8px #667eea4d;display:flex;align-items:center;gap:6px;transition:all .3s ease}.group-card:hover .member-count{box-shadow:0 4px 12px #667eea66;transform:scale(1.05)}.member-count-icon{font-size:14px;color:#fff}.group-name{font-size:20px;font-weight:700;margin:0 0 10px;color:#1a1a1a;line-height:1.3;letter-spacing:-.3px;transition:color .3s ease}.group-card:hover .group-name{color:#667eea}.group-meta{font-size:13px;color:#666;margin:0;display:flex;align-items:center;gap:6px;opacity:.8}.group-meta:before{content:"📅";font-size:12px;opacity:.6}.empty-state{text-align:center;padding:40px 20px;margin:20px 0}.empty-icon{font-size:64px;color:#ddd;margin-bottom:16px}.empty-state h3{font-size:20px;font-weight:600;margin:0 0 8px;color:#1a1a1a}.empty-state p{color:#666;margin:0 0 24px}.fab-button{--background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--box-shadow: 0 8px 24px rgba(102, 126, 234, .4)}.loading-text{display:block;text-align:center;padding:40px;color:#666}@media (max-width: 768px){.hero-section{padding:32px 16px 40px;text-align:left}.hero-title{font-size:26px}.hero-subtitle{font-size:14px}.stats-container{grid-template-columns:1fr;margin-top:-24px;padding:16px}.stat-card{padding:20px}.groups-section{padding:16px}.section-header{flex-direction:column;gap:16px;align-items:flex-start}.section-header h2{font-size:22px}.groups-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.group-card ion-card-content{padding:20px}.group-icon-wrapper{width:48px;height:48px}.group-icon{font-size:24px}.group-name{font-size:18px}.group-meta{font-size:12px}.member-count{font-size:11px;padding:5px 12px}.empty-state{padding:24px 16px}}.dashboard-content{--background: #f8f9fa;padding-top:8px}.dashboard-loading{display:flex;justify-content:center;padding:48px 16px}.dashboard-error{display:block;text-align:center;padding:16px}.dashboard-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;padding:0 clamp(12px,3vw,24px);margin-top:0;margin-bottom:8px}.dashboard-stat-card{margin:0;border-radius:16px;box-shadow:0 4px 12px #0000001a;text-align:center}.dashboard-stat-card ion-card-content{padding:20px 12px}.dashboard-stat-icon{font-size:36px;margin-bottom:8px}.dashboard-stat-total .dashboard-stat-icon{color:#667eea}.dashboard-stat-assigned .dashboard-stat-icon{color:#6366f1}.dashboard-stat-done .dashboard-stat-icon{color:#10b981}.dashboard-stat-active .dashboard-stat-icon{color:#f59e0b}.dashboard-stat-overdue .dashboard-stat-icon{color:#ef4444}.dashboard-stat-rate .dashboard-stat-icon{color:#8b5cf6}.dashboard-stat-card h2{font-size:26px;font-weight:800;margin:0 0 4px;color:#1a1a1a}.dashboard-stat-card p{font-size:13px;color:#666;margin:0}.dashboard-empty{text-align:center;padding:32px 20px 48px;color:#555}.dashboard-empty-hint{font-size:14px;margin:8px 0 16px;color:#777}.dashboard-projects{padding:8px clamp(12px,3vw,24px) 32px}.dashboard-section-title{font-size:18px;font-weight:700;margin:20px 4px 16px;color:#1a1a1a;letter-spacing:-.02em}.dashboard-project-card{position:relative;margin:0 0 16px;overflow:hidden;border-radius:20px;border:1px solid rgba(102,126,234,.12);box-shadow:0 1px 2px #0000000a,0 8px 24px #667eea14;background:#fff;transition:box-shadow .2s ease,transform .2s ease}@media (hover: hover) and (pointer: fine){.dashboard-project-card:hover{box-shadow:0 4px 8px #0000000f,0 16px 40px #667eea1f;transform:translateY(-2px)}}.dashboard-project-card-accent{height:4px;width:100%;background:linear-gradient(90deg,#667eea,#764ba2 55%,#a78bfa)}.dashboard-project-card-header{padding-bottom:8px}.dashboard-project-card-header::part(native){padding-inline-start:16px;padding-inline-end:16px}.dashboard-project-card-head-row{display:flex;align-items:flex-start;gap:14px}.dashboard-project-card-icon-wrap{flex-shrink:0;width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#667eea24,#764ba21a);border:1px solid rgba(102,126,234,.2)}.dashboard-project-card-icon{font-size:26px;color:#5a67d8}.dashboard-project-card-head-text{min-width:0;flex:1}.dashboard-project-title{font-size:1.125rem;font-weight:700;letter-spacing:-.02em;margin:0 0 8px;line-height:1.3}.dashboard-project-meta-pill{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:6px 12px;font-size:12px;font-weight:600;color:#4b5563;background:#f3f4f6;border-radius:999px;line-height:1.3}.dashboard-project-meta-dot{width:4px;height:4px;border-radius:50%;background:#9ca3af}.dashboard-project-card-body{padding-top:4px}.dashboard-project-card-body::part(native){padding-inline-start:16px;padding-inline-end:16px}.dashboard-project-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}@media (min-width: 576px){.dashboard-project-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.dashboard-metric-tile{padding:12px 12px 14px;border-radius:14px;background:linear-gradient(180deg,#fafbfc,#f3f4f6);border:1px solid rgba(0,0,0,.05)}.dashboard-metric-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;margin-bottom:6px}.dashboard-metric-value{display:block;font-size:1.25rem;font-weight:800;letter-spacing:-.03em;color:#111827;line-height:1.2}.dashboard-metric-value-success{color:#059669}.dashboard-metric-value-active{color:#d97706}.dashboard-metric-warn{color:#dc2626}.dashboard-metric-muted{color:#9ca3af;font-weight:700}.dashboard-project-open-btn{--border-radius: 12px;font-weight:600;letter-spacing:.01em;margin:0;min-height:44px}@media (min-width: 992px){.dashboard-projects{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;align-items:start}.dashboard-section-title{grid-column:1 / -1}.dashboard-project-card{margin-bottom:16px}}.bug-reports-modal-root{--background: #f0f2f8}.bug-reports-modal-toolbar.custom-toolbar{--background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--color: white;--border-width: 0}.bug-reports-modal-toolbar ion-title{font-weight:700;letter-spacing:-.02em}.bug-reports-modal-content{--background: transparent;--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: max(24px, env(safe-area-inset-bottom))}.bug-reports-modal-inner{padding:16px clamp(14px,4vw,24px) 32px;max-width:560px;margin:0 auto}.bug-reports-hero{text-align:center;padding:8px 0 20px}.bug-reports-hero h2{margin:0 0 6px;font-size:1.35rem;font-weight:800;color:#1a1a2e;letter-spacing:-.03em}.bug-reports-hero p{margin:0;font-size:.95rem;color:#64748b;line-height:1.45}.bug-reports-primary-btn{--background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--box-shadow: 0 8px 24px rgba(102, 126, 234, .35);font-weight:600;margin:0 0 20px;height:48px}.bug-reports-center{display:flex;justify-content:center;padding:32px}.bug-reports-message{text-align:center;padding:12px 8px;font-size:.95rem}.bug-report-card{margin:0 0 14px;border-radius:16px;box-shadow:0 4px 20px #0f172a14;overflow:hidden}.bug-report-card-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.bug-report-card-title{font-size:1.05rem;font-weight:700;color:#0f172a;margin:0;flex:1;line-height:1.35}.bug-report-meta{font-size:12px;margin:8px 0 0;color:#64748b}.bug-report-description{margin:0;font-size:.92rem;line-height:1.5;color:#334155;white-space:pre-wrap;word-break:break-word}.bug-report-delete-btn{flex-shrink:0;--padding-start: 8px;--padding-end: 8px;margin:0}.bug-report-form-view{padding-bottom:8px}.bug-report-form-back{margin-bottom:8px;--color: #64748b;font-weight:600}.bug-report-form-panel{background:#fff;border-radius:20px;padding:clamp(20px,4vw,28px);box-shadow:0 4px 6px -1px #0f172a0f,0 12px 24px -4px #667eea1f;border:1px solid rgba(255,255,255,.9)}.bug-report-form-panel-title{margin:0 0 6px;font-size:1.2rem;font-weight:800;color:#1e293b;letter-spacing:-.02em}.bug-report-form-panel-lead{margin:0 0 22px;font-size:.9rem;color:#64748b;line-height:1.5}.bug-report-field{margin-bottom:18px}.bug-report-field:last-of-type{margin-bottom:8px}.bug-report-field-label{display:block;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#64748b;margin-bottom:8px}.bug-report-input-outline{--background: #f8fafc;--border-radius: 12px;--padding-start: 14px;--padding-end: 14px;min-height:48px;font-size:1rem}.bug-report-textarea-outline{--background: #f8fafc;--border-radius: 12px;--padding-start: 14px;--padding-end: 14px;--padding-top: 12px;--padding-bottom: 12px;min-height:140px;font-size:.95rem;line-height:1.5}.bug-report-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;flex-wrap:wrap}.bug-report-submit-btn{--background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--box-shadow: 0 6px 18px rgba(102, 126, 234, .35);font-weight:600;min-width:120px}.bug-report-cancel-btn{--border-color: #cbd5e1;font-weight:600}ion-popover.home-overflow-popover{--width: auto;--min-width: 220px;--max-width: min(92vw, 300px);--background: #ffffff;--box-shadow: 0 10px 40px rgba(15, 23, 42, .12), 0 2px 8px rgba(15, 23, 42, .06);--backdrop-opacity: .08}ion-popover.home-overflow-popover::part(arrow){display:block}.home-overflow-menu-list{padding:8px 0}.home-overflow-menu-list ion-item{--min-height: 48px;--padding-start: 14px;--padding-end: 14px;--inner-padding-end: 0;font-size:.95rem;font-weight:500;letter-spacing:.01em}.home-overflow-menu-list ion-item::part(native){border-radius:10px;margin:2px 8px}.home-overflow-menu-icon{color:#64748b;margin-inline-end:8px}.home-overflow-menu-reorder-active ion-label,.home-overflow-menu-reorder-active .home-overflow-menu-icon{color:#667eea;font-weight:600}.home-overflow-menu-logout ion-label,.home-overflow-menu-logout .home-overflow-menu-icon{color:var(--ion-color-danger, #c5000f)}.home-overflow-menu-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;margin-left:8px;padding:0 6px;font-size:11px;font-weight:700;color:#fff;background:var(--ion-color-danger, #eb445a);border-radius:10px;vertical-align:middle}@media (prefers-color-scheme: dark){ion-popover.home-overflow-popover{--background: #1e293b;--box-shadow: 0 10px 40px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .25)}.home-overflow-menu-list ion-label{color:#f1f5f9}.home-overflow-menu-icon{color:#94a3b8}}.invitations-content{--background: #f8f9fa;padding:20px}.error-message{padding:12px 20px;background:#fee;border-left:4px solid #ef4444;border-radius:8px;margin-bottom:16px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;gap:16px}.loading-container p{color:#666;font-size:16px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{font-size:80px;color:#999;margin-bottom:16px}.empty-state h3{font-size:1.5rem;color:#1a1a1a;margin:0 0 8px}.empty-state p{font-size:1rem;color:#666;margin:0}.invitations-list{display:flex;flex-direction:column;gap:16px}.invitation-card{border-radius:12px;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.invitation-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.invitation-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.invitation-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.invitation-icon ion-icon{font-size:24px;color:#fff}.invitation-info{flex:1;min-width:0}.invitation-info h3{font-size:1.2rem;font-weight:600;color:#1a1a1a;margin:0 0 8px}.invitation-meta,.invitation-date{display:flex;align-items:center;gap:6px;font-size:14px;color:#666;margin:4px 0}.invitation-meta ion-icon,.invitation-date ion-icon{font-size:16px}.invitation-actions{display:flex;gap:12px;padding-top:16px;border-top:1px solid #f0f0f0}.invitation-actions ion-button{flex:1;--border-radius: 8px}@media (max-width: 768px){.invitations-content{padding:16px}.invitation-header{flex-wrap:wrap}.invitation-actions{flex-direction:column}.invitation-actions ion-button{width:100%}}.login-content{--background: linear-gradient(135deg, #667eea 0%, #764ba2 100%)}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.login-card{background:#fffffffa;border-radius:24px;padding:40px 30px;max-width:420px;width:100%;box-shadow:0 20px 60px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo-container{text-align:center;margin-bottom:40px}.app-title{font-size:32px;font-weight:800;color:#1a1a1a;margin:0 0 8px;letter-spacing:-.5px}.app-subtitle{font-size:14px;color:#666;margin:0;font-weight:500}.form-container{display:flex;flex-direction:column;gap:20px}.input-group{position:relative;display:flex;align-items:center;background:#f5f5f5;border-radius:12px;padding:4px 16px;transition:all .3s ease}.input-group:focus-within{background:#ebebeb;box-shadow:0 0 0 2px #667eea}.input-icon{font-size:20px;color:#667eea;margin-right:12px}.custom-input{--padding-start: 0;--padding-end: 0;--background: transparent;font-size:16px}.error-text{text-align:center;font-size:14px;margin:-8px 0 0}.error-text p{margin:0}.login-button{--background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--border-radius: 12px;--box-shadow: 0 8px 16px rgba(102, 126, 234, .4);margin-top:8px;font-weight:600;font-size:16px;height:52px;text-transform:none}.login-button:hover{--box-shadow: 0 12px 24px rgba(102, 126, 234, .5)}.register-link{text-align:center;margin-top:8px}.link-text{color:#667eea;font-weight:600;cursor:pointer;transition:color .3s ease}.link-text:hover{color:#764ba2;text-decoration:underline}.register-content{--background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%)}.register-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.register-card{background:#fffffffa;border-radius:24px;padding:40px 30px;max-width:420px;width:100%;box-shadow:0 20px 60px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.back-button{position:absolute;top:20px;left:20px;--color: #667eea;font-size:24px}.logo-container{text-align:center;margin-bottom:32px;margin-top:28px}.logo-image{width:88px;height:88px;object-fit:contain;display:block;margin:0 auto 16px}.register-title{font-size:32px;font-weight:800;color:#1a1a1a;margin:0 0 8px;letter-spacing:-.5px}.register-subtitle{font-size:14px;color:#666;margin:0;font-weight:500}.register-button{--background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--border-radius: 12px;--box-shadow: 0 8px 16px rgba(245, 87, 108, .4);margin-top:8px;font-weight:600;font-size:16px;height:52px;text-transform:none}.register-button:hover{--box-shadow: 0 12px 24px rgba(245, 87, 108, .5)}.group-detail-content{--background: #f8f9fa}@media (min-width: 768px){.project-detail-body-inset{padding-left:15px;padding-right:15px;box-sizing:border-box}}.custom-toolbar{--background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--color: white}.custom-toolbar ion-button{--color: white}.custom-toolbar ion-icon{color:#fff}.reorder-toggle{--border-radius: 50%;--padding-start: 10px;--padding-end: 10px;margin-left:8px;--box-shadow: none;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.reorder-toggle ion-icon{font-size:18px}.reorder-toggle.inactive{--color: rgba(255, 255, 255, .8);color:#fffc}.reorder-toggle.active{--color: #ffe28a;color:#ffe28a}.reorder-active{--color: #667eea;font-weight:500}.project-header-modern{background:linear-gradient(135deg,#667eea,#764ba2);padding:12px 20px 14px;color:#fff;position:relative;overflow:hidden;margin:0 0 12px}.project-controls{margin:16px 0;padding:0 clamp(12px,4vw,32px)}.project-main-tabs{--background: #ffffff;background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid rgba(15,23,42,.1);border-radius:14px;padding:6px;box-shadow:0 4px 18px #0f172a14}.project-main-tabs ion-segment-button{--color: #475569;--color-checked: #ffffff;--indicator-color: transparent;--indicator-height: 100%;--indicator-box-shadow: none;--border-radius: 12px;font-weight:700}@media (max-width: 420px){.project-main-tabs{padding:4px}.project-main-tabs ion-segment-button{min-width:0;padding-inline:8px}.project-main-tabs ion-label{white-space:normal;overflow:visible;text-overflow:unset;line-height:1.05;font-size:12px}}.project-main-tabs ion-segment-button.segment-button-checked{--background: #667eea;--background-hover: #5a6fd6;--background-activated: #5a6fd6;background:#667eea}.project-main-tabs ion-segment-button:not(.segment-button-checked) ion-label{color:#475569}.project-main-tabs ion-segment-button.segment-button-checked ion-label{color:#fff}.project-view-mode-toggle{display:flex;gap:6px;align-items:center;flex-shrink:0}.project-view-mode-toggle ion-button{--border-radius: 10px;--box-shadow: none;margin:0}.project-view-mode-toggle ion-button[fill=solid]{--background: #667eea;--background-activated: #5a6fce;--color: #ffffff}.project-view-mode-toggle ion-button[fill=outline]{--border-color: rgba(102, 126, 234, .25);--color: #4f46e5;--background: transparent}.project-view-mode-toggle ion-button[fill=outline]:hover{--background: rgba(102, 126, 234, .08)}.project-header-modern:before{content:"";position:absolute;top:-50%;right:-20%;width:100%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);pointer-events:none}.project-hero{position:relative;z-index:1;margin-bottom:10px}.project-title-section{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap}.project-title{font-size:20px;font-weight:800;margin:0;letter-spacing:-.3px;text-shadow:0 2px 12px rgba(0,0,0,.15);line-height:1.2;flex:1;min-width:200px}.project-description{font-size:12px;line-height:1.4;margin:0;opacity:.9;font-weight:400;max-width:800px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.project-status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:16px;font-size:11px;font-weight:700;text-transform:capitalize;letter-spacing:.3px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1.5px solid rgba(255,255,255,.4);box-shadow:0 2px 8px #00000026;white-space:nowrap}.project-status-badge.status-planning{background:#ffc10740;color:gold;border-color:#ffd70080}.project-status-badge.status-active{background:#28a74540;color:#4ade80;border-color:#4ade8080}.project-status-badge.status-on-hold{background:#6c757d40;color:#cbd5e1;border-color:#cbd5e180}.project-status-badge.status-completed{background:#17a2b840;color:#7dd3fc;border-color:#7dd3fc80}.project-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px;margin-bottom:10px;position:relative;z-index:1}.info-card{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:8px 12px;display:flex;flex-direction:row;align-items:center;gap:10px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 4px #0000001a}.info-card.clickable{cursor:pointer}.info-card.clickable:hover{background:#ffffff40;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.info-card-icon{width:26px;height:26px;border-radius:8px;background:#fff3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.info-card-icon ion-icon{font-size:13px;color:#fff}.info-card-content{flex:1;min-width:0}.info-card-value{font-size:15px;font-weight:700;line-height:1.2;margin-bottom:2px;color:#fff}.info-card-label{font-size:10px;font-weight:500;opacity:.85;color:#fff;line-height:1.2}.section-title{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:700;margin-bottom:6px;text-transform:uppercase;letter-spacing:.4px;opacity:.9}.section-title ion-icon{font-size:12px}.section-title .toggle-button{margin-left:auto;--color: white;font-weight:600;font-size:10px}.project-invitations-section{position:relative;z-index:1;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.2)}.invitations-grid{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.invitations-grid::-webkit-scrollbar{height:4px}.invitations-grid::-webkit-scrollbar-track{background:transparent}.invitations-grid::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.invitation-card{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:5px 8px;display:flex;align-items:center;gap:6px;transition:all .2s ease;box-shadow:0 1px 4px #0000001a;flex-shrink:0;min-width:fit-content}.invitation-card:hover{background:#ffffff38;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.invitation-email{flex:1;font-size:10px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invitation-badge{font-size:8px;font-weight:700;padding:2px 5px;flex-shrink:0}.invitation-action{--color: rgba(255, 255, 255, .9);flex-shrink:0;--padding-start: 4px;--padding-end: 4px;font-size:12px}.invitation-action:hover{--color: #ff6b6b}.members-modal-list{display:flex;flex-direction:column;gap:12px}.member-modal-card{border-radius:12px;box-shadow:0 2px 8px #00000014;margin:0}.member-modal-item{display:flex;align-items:center;gap:12px}.member-modal-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;box-shadow:0 2px 8px #667eea4d;flex-shrink:0}.member-modal-info{flex:1;min-width:0}.member-modal-name{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.member-modal-role{font-size:12px}.available-members-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;padding:4px}.member-card-selectable{transition:all .2s ease;border:1px solid #e0e0e0}.member-card-selectable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea26;border-color:#667eea}.member-card-selectable:active{transform:translateY(0);font-weight:600;color:#667eea;text-transform:uppercase;letter-spacing:.5px}.member-modal-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.lists-section{padding:20px clamp(12px,4vw,32px) 40px;margin:0}.project-sprints-section.lists-section{padding-bottom:96px}.sprint-list-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px}.sprint-list-title-row h2{margin:0}.sprint-status-hint{font-size:13px;margin:8px 0 0;line-height:1.35}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h3{font-size:22px;font-weight:700;margin:0;color:#1a1a1a}.section-header IonButton{--background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--border-radius: 8px;text-transform:none}.list-card{border-radius:16px;box-shadow:0 4px 12px #00000014;margin-bottom:16px}.list-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.list-header-main,.list-header-title{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.list-drag-handle{display:flex;align-items:center;justify-content:center;cursor:grab;color:var(--ion-color-medium);padding:4px;flex-shrink:0;touch-action:none;border-radius:6px}.list-drag-handle:active{cursor:grabbing}.list-drag-handle:hover{background:var(--ion-color-light);color:var(--ion-color-primary)}.list-card-wrapper--list-dragging{opacity:.65}.list-card-wrapper--list-drag-over{outline:2px dashed var(--ion-color-primary);outline-offset:4px;border-radius:18px}.list-header-actions{display:flex;gap:4px;align-items:center}.list-header h4{font-size:18px;font-weight:700;margin:0;color:#1a1a1a}.no-tasks{text-align:center;color:#999;font-size:14px;padding:20px 0;margin:0}.tasks-list{display:flex;flex-direction:column;gap:12px}.task-drop-end-zone{min-height:16px;flex-shrink:0}.kanban-columns{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;align-items:flex-start;width:100%;box-sizing:border-box;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.kanban-columns::-webkit-scrollbar{height:6px}.kanban-columns::-webkit-scrollbar-thumb{background:var(--ion-color-medium-tint);border-radius:3px}.kanban-column{flex:1 1 0;min-width:180px;background:var(--ion-color-light, #f4f5f8);border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:8px;transition:outline .15s ease,background .15s ease}.kanban-column--drag-over{outline:2px dashed var(--ion-color-primary);outline-offset:2px;background:var(--ion-color-primary-tint, #eef0ff)}.kanban-column-header{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;border-radius:8px;font-weight:600;font-size:13px;letter-spacing:.3px;text-transform:uppercase;background:var(--ion-color-light-shade, #e8e9ec);color:var(--ion-color-dark, #222)}.kanban-column-header--todo{border-left:3px solid #adb5bd}.kanban-column-header--in-progress{border-left:3px solid #4dabf7}.kanban-column-header--in-review{border-left:3px solid #f59f00}.kanban-column-header--done{border-left:3px solid #40c057}.kanban-column-header--deleted{border-left:3px solid #fa5252}.kanban-column-header--backlog{border-left:3px solid #868e96}.kanban-column-label{flex:1}.kanban-column-count{background:#00000014;border-radius:10px;padding:1px 7px;font-size:11px}.kanban-column-tasks{display:flex;flex-direction:column;gap:8px;min-height:48px}.kanban-empty{text-align:center;color:var(--ion-color-medium, #92949c);font-size:13px;padding:16px 8px;margin:0;border:2px dashed var(--ion-color-light-shade, #e0e0e0);border-radius:8px}.task-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#f8f9fa;border-radius:12px;transition:background .3s}.task-item.completed{opacity:.6}.task-item.completed .task-content h5{text-decoration:line-through}.task-content{flex:1}.task-content h5{font-size:16px;font-weight:600;margin:0 0 4px;color:#1a1a1a}.task-content p{font-size:14px;color:#666;margin:0 0 8px}.task-due-date{display:flex;align-items:center;gap:6px;font-size:12px;color:#667eea;font-weight:500}.task-due-date ion-icon{font-size:14px}.error-text,.success-text{padding:12px;border-radius:8px;margin-bottom:16px;font-size:14px}.error-text{background:#fee;border-left:4px solid #ef4444}.error-text p{margin:0;color:#dc2626}.success-text{background:#f0fdf4;border-left:4px solid #10b981}.success-text p{margin:0;color:#059669}.modal-body .custom-textarea{--background: white;--border-radius: 12px;--padding-start: 16px;--padding-end: 16px;--padding-top: 12px;--padding-bottom: 12px;border:1px solid #e0e0e0;border-radius:12px}.action-button{--background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--border-radius: 12px;--box-shadow: 0 8px 16px rgba(102, 126, 234, .4);font-weight:600;height:48px;text-transform:none;margin-top:8px}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;padding:20px}.error-container p{font-size:18px;color:#666;margin-bottom:20px}.invitations-section{animation:fadeIn .3s ease;position:relative;z-index:1}.invitations-section h3{font-size:14px;font-weight:600;margin:0;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.1);letter-spacing:.2px}.sent-invitations-list{display:flex;flex-direction:column;gap:6px;margin-top:10px}.sent-invitation-item{display:flex;justify-content:space-between;align-items:center;background:#fff3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:10px 12px;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.sent-invitation-item:hover{background:#ffffff47;transform:translate(2px);box-shadow:0 4px 12px #00000026}.invitation-info{display:flex;align-items:center;flex:1;min-width:0;gap:8px}.invitation-info ion-icon{flex-shrink:0;font-size:16px}.invitation-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;font-size:13px}.member-suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;margin-top:8px;z-index:1000;max-height:300px;overflow-y:auto;border:1px solid #e0e0e0;animation:slideDown .2s ease-out}.suggestions-header{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #f0f0f0;background:#f8f9fa;border-radius:12px 12px 0 0}.suggestion-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f5f5f5;gap:12px}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:#f8f9fa}.suggestion-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0;box-shadow:0 2px 8px #667eea4d}.suggestion-info{flex:1;min-width:0}.suggestion-name{font-size:15px;font-weight:600;color:#1a1a1a;margin-bottom:2px}.suggestion-email{font-size:13px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;text-transform:capitalize;letter-spacing:.3px;border:1px solid rgba(255,255,255,.3);box-shadow:0 1px 3px #0000001a}.status-planning{background:#ffc1074d;color:#ffc107;border-color:#ffc10780}.status-active{background:#28a7454d;color:#28a745;border-color:#28a74580}.status-on-hold{background:#6c757d4d;color:#6c757d;border-color:#6c757d80}.status-completed{background:#17a2b84d;color:#17a2b8;border-color:#17a2b880}@media (max-width: 768px){.member-suggestions-dropdown{max-height:250px}.suggestion-item{padding:10px 14px}.suggestion-avatar{width:36px;height:36px;font-size:14px}.suggestion-name{font-size:14px}.suggestion-email{font-size:12px}}@media (max-width: 768px){.project-header-modern{padding:10px 16px 12px}.project-title{font-size:18px}.project-description{font-size:11px;-webkit-line-clamp:1}.project-info-grid{grid-template-columns:repeat(2,1fr);gap:5px}.info-card{padding:6px 8px}.info-card-icon{width:20px;height:20px}.info-card-icon ion-icon{font-size:10px}.info-card-value{font-size:12px}.info-card-label{font-size:8px}.member-modal-avatar{width:40px;height:40px;font-size:16px}.member-modal-name{font-size:14px}.member-modal-role{font-size:11px}.invitation-card{padding:4px 6px}.invitation-email{font-size:9px}}@media (max-width: 768px){.project-title-section{flex-direction:column;align-items:flex-start}.project-title{font-size:18px;min-width:0}.project-description{-webkit-line-clamp:2;font-size:12px}.project-info-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.member-chip{width:100%;justify-content:space-between}.lists-section{padding:16px 12px 32px}.section-header h3{font-size:18px}.list-card{padding:0 4px 8px}.list-header{flex-direction:row;align-items:center;gap:8px;width:100%}.list-header h4{flex:1;min-width:0}.list-header-actions{width:auto;flex-wrap:nowrap;justify-content:flex-end;margin-left:auto;gap:6px}.tasks-list{gap:10px}.kanban-column{min-width:260px;max-width:290px;flex-shrink:0}.task-item{flex-direction:column}.task-content h5{font-size:15px}.task-content p{font-size:13px}.task-due-date{font-size:11px}.invitation-info{flex-wrap:wrap}.invitation-info span{white-space:normal}.sent-invitation-item{flex-direction:column;align-items:flex-start;gap:6px}.project-controls{margin:12px auto;padding:0 12px}}.sprint-cards-list{display:flex;flex-direction:column;gap:10px;margin-top:4px}.sprint-card{border:1px solid #e9ecef;border-radius:12px;overflow:hidden;background:#fff;transition:box-shadow .2s ease,border-color .2s ease}.sprint-card--expanded{border-color:#667eea;box-shadow:0 2px 12px #667eea1f}.sprint-card-header{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease}.sprint-card-header:hover{background:#f8f9fa}.sprint-card-header:focus-visible{outline:2px solid #667eea;outline-offset:-2px}.sprint-card-expand-icon{font-size:18px;color:#6c757d;flex-shrink:0;transition:transform .22s cubic-bezier(.4,0,.2,1),color .15s ease}.sprint-card-expand-icon--open{transform:rotate(180deg);color:#667eea}.sprint-card-info{flex:1;min-width:0}.sprint-card-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:2px}.sprint-card-title{font-size:16px;font-weight:700;margin:0;color:#1a1a1a}.sprint-card-description{font-size:13px;color:#495057;margin:2px 0 4px;line-height:1.4}.sprint-card-meta{font-size:12px;margin:0;line-height:1.3}.sprint-card-actions{display:flex;gap:4px;align-items:center;flex-shrink:0}.sprint-card-dropdown{border-top:1px solid #f0f0f0;background:#fafbfc;padding:4px 0 8px;animation:sprintDropdownIn .18s ease-out}@keyframes sprintDropdownIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sprint-task-row{display:flex;align-items:center;gap:8px;padding:8px 16px;transition:background .1s ease}.sprint-task-row:hover{background:#f0f2ff}.sprint-task-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#333}.sprint-empty-tasks{padding:16px;text-align:center;font-size:13px;margin:0}.viewport-fixed-fab-root{position:fixed;bottom:0;right:0;padding-bottom:calc(16px + var(--ion-safe-area-bottom, 0px));padding-right:calc(16px + var(--ion-safe-area-right, 0px));z-index:10001;pointer-events:none}.viewport-fixed-fab-root>ion-fab{pointer-events:auto}.task-card{--priority-low-border: #059669;--priority-medium-border: #2563eb;--priority-high-border: #d97706;--priority-urgent-border: #dc2626;margin-bottom:12px;cursor:pointer;transition:all .3s ease;border-radius:12px;border:1px solid rgba(15,23,42,.06)}.task-card ion-card-content{--padding-start: 16px;--padding-end: 16px;--padding-top: 16px;--padding-bottom: 16px;padding:16px}.task-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.task-card.priority-low{border-left:4px solid var(--priority-low-border)}.task-card.priority-medium{border-left:4px solid var(--priority-medium-border)}.task-card.priority-high{border-left:4px solid var(--priority-high-border)}.task-card.priority-urgent{border-left:4px solid var(--priority-urgent-border)}.task-card.completed{opacity:.6}.task-card.overdue{background:linear-gradient(90deg,rgba(239,68,68,.08) 0%,transparent 100%)}.task-card.selected{background:var(--ion-color-primary-tint);border:2px solid var(--ion-color-primary)}.selection-checkbox{flex-shrink:0;margin-top:2px}.task-card[draggable=true]{cursor:move}.task-card.dragging{opacity:.5;transform:scale(.95)}.task-card.drag-over{border-top:3px solid var(--ion-color-primary);margin-top:8px}.drag-handle{display:flex;align-items:center;color:var(--ion-color-medium);cursor:move;flex-shrink:0;padding:4px;border-radius:4px;transition:all .2s}.drag-handle:hover{background:var(--ion-color-light);color:var(--ion-color-primary)}.drag-handle ion-icon{font-size:20px}.task-card-header{display:flex;align-items:flex-start;gap:12px;position:relative;width:100%;box-sizing:border-box}.task-card-header-top{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:0;width:100%;box-sizing:border-box}.task-checkbox{flex-shrink:0;margin-top:2px}.task-card-content{flex:1;min-width:0;width:100%;max-width:100%;cursor:pointer;box-sizing:border-box}.task-heading-block{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:6px;width:100%;max-width:100%}.task-title-row{display:flex;align-items:center;gap:8px;margin-bottom:0;padding-right:100px}.task-id-badge{flex-shrink:0;font-size:10px;font-weight:600;height:20px;min-width:60px;padding:0 6px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-family:Courier New,monospace;letter-spacing:.5px}.task-title-actions{position:absolute;top:0;right:0;display:flex;align-items:center;gap:4px;flex-shrink:0}.priority-pill{font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;padding:4px 10px;border-radius:999px;white-space:nowrap;line-height:1.2;border:1px solid transparent}.priority-pill--low{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.priority-pill--medium{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.priority-pill--high{background:#fffbeb;color:#b45309;border-color:#fde68a}.priority-pill--urgent{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.task-overflow-button{--padding-start: 4px;--padding-end: 4px;margin:0;flex-shrink:0}.task-title{font-size:16px;font-weight:600;margin:0;color:#1a1a1a;flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}.task-id-inline{font-size:14px;font-weight:500;color:#666;font-family:Courier New,monospace;letter-spacing:.3px;opacity:.8}.task-card.completed .task-title{text-decoration:line-through;color:#999}.subtasks-section{position:relative;width:calc(100% + 36px);margin:8px 0 8px -36px;padding-left:36px;padding-right:0;box-sizing:border-box}.subtasks-section:after{content:"";position:absolute;right:-80px;top:0;bottom:0;width:80px;pointer-events:none}.subtasks-header{display:flex;align-items:center;gap:6px;font-size:12px;color:#667eea;margin-bottom:4px}.subtasks-header ion-icon{font-size:14px}.subtasks-section ion-progress-bar{width:100%;margin-right:-80px;--background: #e0e7ff;--buffer-background: #e0e7ff;--progress-background: #667eea;height:6px;border-radius:3px;display:block}.task-meta{margin-top:8px}.task-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.task-tag{--background: #e0e7ff;--color: #4f46e5;font-size:11px;height:22px;margin:0;font-weight:500}.task-info-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#666;width:100%;max-width:100%;box-sizing:border-box}.task-info-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap;flex:1;min-width:0}.task-info-right{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-left:auto}.task-assigned,.task-due-date,.task-stat{display:flex;align-items:center;gap:4px}.task-assigned ion-icon,.task-due-date ion-icon,.task-stat ion-icon{font-size:14px}.task-assigned{color:#667eea}.task-due-date{padding-right:2px}.task-due-date.overdue{color:#ef4444;font-weight:600}.task-due-date.due-soon{color:#f59e0b;font-weight:600}@media (max-width: 768px){.task-card{border-radius:18px;border:none;background:linear-gradient(135deg,#fff,#f8f9ff 60%,#eef2ff);box-shadow:0 18px 35px #0f172a14;padding:2px}.task-card-header{flex-direction:column;gap:12px}.task-card-header-top{display:flex;align-items:flex-start;gap:8px}.task-card-header-top .task-checkbox,.task-card-header-top .selection-checkbox{margin-top:4px}.task-card-content{width:100%}.task-title-row{align-items:flex-start;flex:1;padding-right:88px}.task-title{font-size:17px;line-height:1.35;-webkit-line-clamp:3}.task-description{font-size:13px;color:#475467;background:#fffc;border-radius:12px;padding:12px;margin-top:12px;border:1px solid rgba(15,23,42,.03)}.task-image-preview{position:relative;margin-top:8px;margin-bottom:8px;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border:1px solid rgba(15,23,42,.08)}.task-image-preview:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}.task-image-thumbnail{width:100%;max-height:150px;object-fit:cover;display:block}.task-image-count{position:absolute;bottom:8px;right:8px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;display:flex;align-items:center;gap:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.task-image-count ion-icon{font-size:14px}.task-meta{margin-top:16px}.task-tags{gap:6px}.task-tag{--background: rgba(102, 126, 234, .12);--color: #4c1d95;font-size:10px;letter-spacing:.04em}.task-info-row{font-size:12px;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;padding-top:12px;padding-right:60px;border-top:1px dashed rgba(15,23,42,.08);box-sizing:border-box}.task-info-left{flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap}.task-info-right{flex-shrink:0;margin-left:auto}.task-assigned,.task-due-date,.task-stat{display:flex;align-items:center;font-weight:500}.task-due-date{font-size:13px}.task-title-actions{justify-content:flex-end;gap:12px;margin-left:auto}.subtasks-section ion-progress-bar{width:100%}}.task-card-menu-content{--padding-top: 6px;--padding-bottom: 10px}.task-card-menu{padding:4px 0 8px;min-width:232px}.task-card-menu-caption{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ion-color-medium);margin:0 16px 6px}.task-card-menu-rule{height:1px;background:#0f172a14;margin:6px 14px 10px}.task-card-menu-list{padding:0;background:transparent}.task-card-menu-item{--min-height: 44px;--padding-start: 14px;--inner-padding-end: 12px;--background-hover: rgba(15, 23, 42, .06);border-radius:10px;margin:0 8px 4px;font-size:15px}.task-card-menu-item ion-label{font-weight:500}.task-card-menu-item--primary{--background: rgba(var(--ion-color-primary-rgb), .14);--color: var(--ion-color-primary-shade)}.task-card-menu-item--primary .task-card-menu-icon{color:var(--ion-color-primary)}.task-card-menu-item--current{--background: rgba(15, 23, 42, .04)}.task-card-menu-item--danger{--color: var(--ion-color-danger-shade, #c00)}.task-card-menu-item--danger .task-card-menu-icon{color:var(--ion-color-danger)}.task-card-menu-icon{font-size:20px;padding-right:5px;margin-inline-end:2px;color:var(--ion-color-medium)}ion-popover.task-card-menu-popover{--width: auto;--max-width: min(92vw, 280px)}.task-card-menu-sprint-select{width:100%;min-width:200px}.task-lifecycle-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;border-radius:999px;border:1px solid transparent;width:fit-content;max-width:100%}.task-lifecycle-badge--done{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.task-lifecycle-badge--in-progress{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.task-lifecycle-badge--in-review{background:#fffbeb;color:#b45309;border-color:#fde68a}.task-lifecycle-badge--todo{background:#f4f4f5;color:#52525b;border-color:#d4d4d8}.calendar-view{width:100%;margin:20px 0}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px}.calendar-navigation{display:flex;align-items:center;gap:12px}.calendar-navigation h3{margin:0;font-size:1.5rem;font-weight:600;min-width:200px;text-align:center}.calendar-actions{display:flex;gap:8px;flex-wrap:wrap}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--ion-color-light);border:1px solid var(--ion-color-light);border-radius:8px;overflow:hidden}.calendar-weekday{background:var(--ion-color-light-shade);padding:12px;text-align:center;font-weight:600;font-size:.9rem;color:var(--ion-color-medium);text-transform:uppercase}.calendar-day{background:#fff;min-height:100px;padding:8px;display:flex;flex-direction:column;cursor:pointer;transition:background-color .2s}.calendar-day:hover{background:var(--ion-color-light-tint)}.calendar-day.today{background:var(--ion-color-primary-tint);border:2px solid var(--ion-color-primary)}.calendar-day.other-month{opacity:.4}.calendar-day-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.calendar-day-number{font-weight:600;font-size:1rem;color:var(--ion-color-dark)}.calendar-day.today .calendar-day-number{color:var(--ion-color-primary);font-weight:700}.calendar-day-tasks{display:flex;flex-direction:column;gap:4px;overflow:hidden}.calendar-task{padding:4px 8px;border-radius:4px;font-size:.75rem;cursor:pointer;transition:transform .2s,box-shadow .2s;border-left:3px solid}.calendar-task:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.calendar-task.completed{opacity:.6;text-decoration:line-through}.calendar-task.priority-low{background:#ecfdf5;border-color:#059669;color:#047857}.calendar-task.priority-medium{background:#eff6ff;border-color:#2563eb;color:#1d4ed8}.calendar-task.priority-high{background:#fffbeb;border-color:#d97706;color:#b45309}.calendar-task.priority-urgent{background:#fef2f2;border-color:#dc2626;color:#b91c1c}.calendar-task-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.calendar-task-title .task-id-inline{font-size:.85em;font-weight:500;opacity:.8;font-family:Courier New,monospace;letter-spacing:.3px}.calendar-task-more{padding:4px 8px;font-size:.7rem;color:var(--ion-color-medium);font-weight:500;text-align:center}.calendar-no-date-tasks{margin-top:24px;padding-top:24px;border-top:2px solid var(--ion-color-light)}.calendar-no-date-tasks h4{margin:0 0 16px;font-size:1.1rem;color:var(--ion-color-medium)}.calendar-no-date-tasks .tasks-list{display:flex;flex-direction:column;gap:12px}@media (max-width: 768px){.calendar-header{flex-direction:column}.calendar-navigation h3{font-size:1.2rem;min-width:160px}.calendar-day{min-height:80px;padding:4px}.calendar-day-number{font-size:.85rem}.calendar-task{font-size:.65rem;padding:2px 4px}.calendar-weekday{padding:8px 4px;font-size:.75rem}}@media (max-width: 480px){.calendar-grid{gap:0}.calendar-day{min-height:60px;padding:2px}.calendar-day-number{font-size:.75rem}.calendar-task{font-size:.6rem;padding:1px 2px}.calendar-weekday{padding:6px 2px;font-size:.65rem}.calendar-day-tasks{gap:2px}}.bulk-actions-bar{position:sticky;top:0;z-index:100;background:var(--ion-color-primary);color:#fff;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #00000026;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.bulk-actions-info{display:flex;align-items:center;gap:12px;font-weight:500;font-size:14px}.bulk-actions-info ion-badge{font-size:14px;font-weight:700;padding:6px 10px}.bulk-actions-info ion-button{--color: white;margin-left:8px}.bulk-actions-buttons{display:flex;gap:4px}.bulk-actions-buttons ion-button{--color: white}.bulk-actions-buttons ion-button[color=danger]{--color: var(--ion-color-danger-tint)}@media (max-width: 768px){.bulk-actions-bar{flex-direction:column;gap:12px;padding:12px 16px}.bulk-actions-info{width:100%;justify-content:center}.bulk-actions-buttons{width:100%;justify-content:center;flex-wrap:wrap}}.task-filters{background:#fff;padding:16px;border-radius:12px;margin-bottom:16px;box-shadow:0 2px 8px #00000014;border:1px solid rgba(102,126,234,.12)}.task-filters__primary-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.task-filters__primary-row .filter-controls{margin-bottom:0;flex-shrink:0}.task-filters__primary-row .task-searchbar{flex:1 1 160px;min-width:0;margin-bottom:0}.task-filters__trailing{flex-shrink:0;display:flex;align-items:center}.task-searchbar{--background: #f5f5f5;--border-radius: 8px;padding:0;margin-bottom:12px}.view-selector{margin-bottom:12px;display:flex;overflow-x:auto;gap:8px;scrollbar-width:none;width:100%;border-radius:999px;background:#eff2ff;padding:4px;box-sizing:border-box}.view-selector::-webkit-scrollbar{display:none}.view-selector ion-segment-button{flex:1 0 120px;--indicator-color: transparent;--background: transparent;--color: #6b7280;--border-radius: 999px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;min-height:42px}.view-selector ion-segment-button.ion-activated{--background: white;--color: #4f46e5;box-shadow:0 6px 18px #4f46e533}.filter-controls{display:flex;gap:8px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.task-filters__primary-row .filter-controls{flex-wrap:nowrap}.filter-button{--border-radius: 8px;position:relative}.filter-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600}.active-filters{display:flex;flex-wrap:wrap;gap:8px;row-gap:8px}.active-filters ion-chip{cursor:pointer;margin:0}.filter-list{padding:16px;max-height:400px;overflow-y:auto}.filter-section{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.filter-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.filter-section h5{font-size:14px;font-weight:600;color:#667eea;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.filter-section ion-item{--padding-start: 0;--inner-padding-end: 0;font-size:14px}@media (max-width: 768px){.view-selector{font-size:12px;gap:0}.view-selector ion-segment-button{min-width:90px;font-size:10px;letter-spacing:.05em}.filter-list{max-height:300px}.filter-button__label{display:none}.filter-button ion-icon[slot=start]{margin-inline-end:0}}.sprint-task-row{display:flex;align-items:center;padding:12px 16px;margin-bottom:8px;background:var(--ion-color-light);border-radius:8px;transition:all .2s ease;cursor:pointer;border-left:3px solid transparent}.sprint-task-row:hover{background:var(--ion-color-light-shade);transform:translate(4px);box-shadow:0 2px 8px #0000001a}.sprint-task-row.priority-urgent{border-left-color:#dc2626}.sprint-task-row.priority-high{border-left-color:#d97706}.sprint-task-row.priority-medium{border-left-color:#2563eb}.sprint-task-row.priority-low{border-left-color:#059669}.sprint-task-content{flex:1;display:flex;flex-direction:column;gap:4px}.sprint-task-title{font-weight:500;font-size:14px;color:var(--ion-color-dark);margin:0}.sprint-task-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sprint-task-badge{font-size:11px;padding:2px 8px;border-radius:12px;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.sprint-task-badge.priority{background:#0000000d;color:var(--ion-color-dark)}.sprint-task-badge.status{display:flex;align-items:center;gap:4px}.sprint-task-badge.status ion-icon{font-size:12px}.sprint-task-badge.status.done{background:#0596691a;color:#059669}.sprint-task-badge.status.in-progress,.sprint-task-badge.status.in_progress{background:#2563eb1a;color:#2563eb}.sprint-task-badge.status.in-review,.sprint-task-badge.status.in_review{background:#d977061a;color:#d97706}.sprint-task-badge.status.todo{background:#64748b1a;color:#64748b}.project-header-menu-delete{--background: transparent;--background-hover: rgba(239, 68, 68, .08);--background-activated: rgba(239, 68, 68, .12)}.project-header-menu-delete ion-label{color:var(--ion-color-danger)}.project-header-menu-delete ion-icon{color:var(--ion-color-danger)}.keyboard-shortcuts-modal{--border-radius: 16px 16px 0 0;--box-shadow: 0 -8px 40px rgba(15, 23, 42, .12)}@media (min-width: 768px){.keyboard-shortcuts-modal{--width: min(520px, 92vw);--height: min(640px, 88vh);--border-radius: 20px;--box-shadow: 0 24px 48px rgba(15, 23, 42, .15)}}.keyboard-shortcuts-modal__header{box-shadow:none}.keyboard-shortcuts-modal__toolbar{--background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--border-width: 0;--min-height: 64px;padding-inline-end:4px}.keyboard-shortcuts-modal__toolbar ion-title{--color: #ffffff;font-weight:700;font-size:1.125rem}.keyboard-shortcuts-modal__subtitle{margin:0 0 16px;font-size:.875rem;font-weight:600;color:#64748b}.keyboard-shortcuts-modal__close{--color: #ffffff}.keyboard-shortcuts-modal__content{--background: #f1f5f9}.keyboard-shortcuts-modal__body{padding:20px 20px 28px;max-width:520px;margin:0 auto}.keyboard-shortcuts-modal__section{margin-bottom:24px}.keyboard-shortcuts-modal__section:last-of-type{margin-bottom:20px}.keyboard-shortcuts-modal__category{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#64748b;margin:0 0 10px 4px}.keyboard-shortcuts-modal__list{list-style:none;margin:0;padding:0;background:#fff;border-radius:14px;border:1px solid rgba(102,126,234,.12);box-shadow:0 4px 20px #0f172a0f;overflow:hidden}.keyboard-shortcuts-modal__row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(148,163,184,.2)}.keyboard-shortcuts-modal__row:last-child{border-bottom:none}.keyboard-shortcuts-modal__desc{font-size:.9375rem;font-weight:500;color:#0f172a;line-height:1.35;flex:1;min-width:0}.keyboard-shortcuts-modal__keys{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:4px;flex-shrink:0}.keyboard-shortcuts-modal__kbd{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:2px 10px;font-family:ui-monospace,Cascadia Code,Segoe UI Mono,monospace;font-size:.75rem;font-weight:600;color:#334155;background:linear-gradient(180deg,#f8fafc,#e2e8f0);border:1px solid #cbd5e1;border-radius:8px;box-shadow:0 1px #94a3b8}.keyboard-shortcuts-modal__kbd--inline{min-height:26px;padding:2px 8px}.keyboard-shortcuts-modal__plus{font-size:.6875rem;font-weight:700;color:#94a3b8;margin:0 1px;-webkit-user-select:none;user-select:none}.keyboard-shortcuts-modal__footer{padding:4px 4px 8px}.keyboard-shortcuts-modal__tip{margin:0;padding:14px 16px;font-size:.8125rem;line-height:1.5;color:#475569;background:#667eea14;border-radius:12px;border:1px solid rgba(102,126,234,.15);display:flex;flex-wrap:wrap;align-items:center;gap:8px}.keyboard-shortcuts-modal__tip-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);flex-shrink:0}@media (max-width: 480px){.keyboard-shortcuts-modal__row{flex-direction:column;align-items:flex-start}.keyboard-shortcuts-modal__keys{justify-content:flex-start}}.task-mention{display:inline-block;background:linear-gradient(135deg,#667eea26,#764ba226);color:#667eea;font-weight:600;font-family:Courier New,monospace;font-size:.95em;padding:2px 6px;border-radius:6px;cursor:pointer;transition:all .2s ease;border:1px solid rgba(102,126,234,.2);text-decoration:none;letter-spacing:.3px}.task-mention:hover{background:linear-gradient(135deg,#667eea40,#764ba240);color:#5568d3;border-color:#667eea66;transform:translateY(-1px);box-shadow:0 2px 6px #667eea33}.task-mention:active{transform:translateY(0);box-shadow:0 1px 3px #667eea26}.user-mention{display:inline-block;background:linear-gradient(135deg,#667eea26,#764ba226);color:#667eea;font-weight:600;font-size:.95em;padding:2px 6px;border-radius:6px;transition:all .2s ease;border:1px solid rgba(102,126,234,.2);text-decoration:none;letter-spacing:.2px}.user-mention:hover{background:linear-gradient(135deg,#667eea40,#764ba240);color:#5568d3;border-color:#667eea66;transform:translateY(-1px);box-shadow:0 2px 6px #667eea33}.task-mention-deleted{background:linear-gradient(135deg,#9ca3af26,#6b728026)!important;color:#9ca3af!important;cursor:not-allowed!important;opacity:.7;border-color:#9ca3af4d!important;text-decoration:line-through}.task-mention-deleted:hover{background:linear-gradient(135deg,#9ca3af26,#6b728026)!important;color:#9ca3af!important;transform:none!important;box-shadow:none!important;border-color:#9ca3af4d!important}.comment-text .task-mention,.comment-text .user-mention{margin:0 1px}.mention-autocomplete{background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;border:1px solid rgba(102,126,234,.2);min-width:250px;max-width:350px;max-height:240px;overflow:hidden;animation:slideDown .2s ease-out;margin-top:4px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mention-list{margin:0;padding:6px 0;background:transparent}.mention-list ion-item{--padding-start: 16px;--padding-end: 16px;--min-height: 48px;--background: transparent;--background-hover: rgba(102, 126, 234, .08);--background-activated: rgba(102, 126, 234, .12);cursor:pointer;transition:background-color .15s ease}.mention-item-selected{--background: linear-gradient( 90deg, rgba(102, 126, 234, .12) 0%, rgba(118, 75, 162, .08) 100% ) !important;--background-hover: linear-gradient( 90deg, rgba(102, 126, 234, .18) 0%, rgba(118, 75, 162, .12) 100% ) !important;border-left:3px solid #667eea}.mention-item-content{display:flex;align-items:center;gap:10px;width:100%}.mention-icon{color:#667eea;font-weight:700;font-size:16px;width:20px;text-align:center;flex-shrink:0}.mention-name{color:#1a1a1a;font-size:15px;font-weight:500;letter-spacing:.2px;flex:1}.mention-name{position:relative}.mention-list ion-item:not(:last-child){border-bottom:1px solid rgba(102,126,234,.08)}.task-detail-modal{--width: 90%;--max-width: 900px;--height: 90%;--max-height: 800px;--border-radius: 20px;--box-shadow: 0 20px 60px rgba(0, 0, 0, .15)}.task-detail-modal::part(backdrop){background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.task-detail-content{--background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%);--padding-top: 16px;--padding-bottom: 16px}.task-detail-modal ion-header ion-toolbar:first-child{--background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--color: white;--min-height: 52px;--padding-top: 4px;--padding-bottom: 4px;box-shadow:0 4px 12px #667eea4d}.task-detail-modal ion-header ion-toolbar:first-child ion-title{font-weight:700;font-size:17px;letter-spacing:-.3px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.task-detail-modal ion-header ion-toolbar:first-child ion-button{--color: white !important;--background: rgba(255, 255, 255, .15);--background-activated: rgba(255, 255, 255, .25);--border-radius: 10px;--padding-start: 12px;--padding-end: 12px;font-weight:600;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff!important}.task-detail-modal ion-header ion-toolbar:first-child ion-button::part(native){color:#fff!important}.task-detail-modal ion-header ion-toolbar:first-child ion-button,.task-detail-modal ion-header ion-toolbar:first-child ion-button *{color:#fff!important}.task-detail-modal ion-header ion-toolbar:first-child ion-button ion-icon{color:#fff!important}.task-detail-modal ion-header ion-toolbar:first-child ion-button ion-label{color:#fff!important}.task-detail-modal ion-header ion-toolbar:first-child ion-button span{color:#fff!important}.task-detail-modal ion-header ion-toolbar:first-child ion-button .button-native{color:#fff!important}.task-detail-modal ion-header ion-toolbar:first-child ion-button:hover{--background: rgba(255, 255, 255, .25);--color: white !important;transform:translateY(-2px);box-shadow:0 4px 12px #0003;color:#fff!important}.task-detail-modal ion-header ion-toolbar:first-child ion-button:hover::part(native){color:#fff!important}.task-detail-modal ion-header ion-toolbar:first-child ion-button:hover,.task-detail-modal ion-header ion-toolbar:first-child ion-button:hover *{color:#fff!important}.task-detail-modal ion-header ion-toolbar:first-child ion-button:hover ion-icon{color:#fff!important}.task-detail-modal ion-header ion-toolbar:first-child ion-button:hover ion-label{color:#fff!important}.task-detail-modal ion-header ion-toolbar:first-child ion-button:hover span{color:#fff!important}.task-detail-modal ion-header ion-toolbar:first-child ion-button:hover .button-native{color:#fff!important}.task-detail-modal ion-header ion-toolbar:last-child{--background: rgba(255, 255, 255, .95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);--min-height: 44px;border-bottom:2px solid rgba(102,126,234,.1)}.task-detail-modal ion-segment{--background: transparent;padding:4px;border-radius:12px}.task-detail-modal ion-segment-button{--indicator-color: transparent;--color: #6b7280;--color-checked: #667eea;--background-checked: rgba(102, 126, 234, .1);--border-radius: 8px;--padding-top: 6px;--padding-bottom: 6px;--padding-start: 12px;--padding-end: 12px;font-weight:600;font-size:13px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.task-detail-modal ion-segment-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea1a,#764ba21a);opacity:0;transition:opacity .3s ease}.task-detail-modal ion-segment-button:hover:before{opacity:1}.task-detail-modal ion-segment-button.ion-selected,.task-detail-modal ion-segment-button.segment-button-checked{--background-checked: linear-gradient( 135deg, rgba(102, 126, 234, .15) 0%, rgba(118, 75, 162, .15) 100% );transform:translateY(-1px);box-shadow:0 2px 8px #667eea33}.task-detail-modal ion-segment-button ion-label{display:flex;align-items:center;gap:8px}.task-detail-modal ion-segment-button ion-badge{--background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--color: white;font-weight:700;font-size:11px;padding:2px 6px;border-radius:10px;box-shadow:0 2px 4px #667eea4d}.details-tab{padding:14px 16px;animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-section{margin-bottom:12px;position:relative}.form-section label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#667eea;margin-bottom:6px;text-transform:uppercase;letter-spacing:.8px;transition:color .2s ease}.form-section label ion-icon{font-size:14px;transition:transform .2s ease}.form-section:focus-within label{color:#764ba2}.form-section:focus-within label ion-icon{transform:scale(1.1)}.detail-input,.detail-textarea{--background: white;--border-radius: 12px;--padding-start: 16px;--padding-end: 16px;border:2px solid #e5e7eb;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d}.detail-input:focus-within,.detail-textarea:focus-within{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a,0 4px 12px #0000001a;transform:translateY(-1px)}.detail-textarea{--padding-top: 10px;--padding-bottom: 10px;min-height:72px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-section.half{margin-bottom:0}.form-section ion-select{--background: white;--border-radius: 12px;--padding-start: 16px;--padding-end: 16px;border:2px solid #e5e7eb;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d;min-height:48px}.form-section ion-select:focus-within{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a,0 4px 12px #0000001a}.assignee-controls-compact{display:flex;flex-direction:row;align-items:center;gap:8px}.assign-to-me-button-compact{--border-radius: 10px;height:40px;min-width:auto;width:auto;margin:0;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1);--padding-start: 12px;--padding-end: 12px;font-weight:600;font-size:13px}.assign-to-me-button-compact[fill=solid]{--background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--color: white;--border-color: transparent;--box-shadow: 0 2px 8px rgba(102, 126, 234, .3)}.assign-to-me-button-compact[fill=outline]{--background: transparent;--color: #667eea;--border-color: #667eea;--border-width: 2px;--border-style: solid}.assign-to-me-button-compact:hover{transform:translateY(-1px) scale(1.05);--box-shadow: 0 4px 12px rgba(102, 126, 234, .4)}.assign-to-me-button-compact[fill=solid]:hover{--background: linear-gradient(135deg, #5a6fce 0%, #6a3f8f 100%)}.assign-to-me-button-compact[fill=outline]:hover{--background: rgba(102, 126, 234, .1);--border-color: #764ba2}.assign-to-me-button-compact ion-icon{font-size:16px;margin-right:4px}.assignee-select-compact{flex:1;min-width:0;--padding-start: 14px;--padding-end: 14px;min-height:40px}.assignee-chips-compact{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;padding:4px 0}.assignee-chip-compact{--background: linear-gradient(135deg, rgba(102, 126, 234, .1) 0%, rgba(118, 75, 162, .1) 100%);--color: #667eea;border:1.5px solid rgba(102,126,234,.2);border-radius:16px;padding:4px 10px;font-weight:600;font-size:12px;height:26px;transition:all .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin:0}.assignee-chip-compact:hover{--background: linear-gradient(135deg, rgba(102, 126, 234, .2) 0%, rgba(118, 75, 162, .2) 100%);border-color:#667eea;transform:translateY(-1px) scale(1.05);box-shadow:0 2px 8px #667eea40}.assignee-chip-compact ion-label{font-size:12px;padding:0 4px 0 0}.assignee-chip-compact ion-icon{margin-left:4px;font-size:14px;transition:transform .2s ease}.assignee-chip-compact:hover ion-icon{transform:rotate(90deg)}.tags-input-section{background:#fffffffa;border:1.5px solid rgba(102,126,234,.15);border-radius:10px;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease;box-shadow:0 1px 4px #667eea0f}.tags-input-section:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.tags-display{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;min-height:24px;padding:2px 0;align-items:flex-start}.tags-display:empty{min-height:0;margin-bottom:0}.tags-display:empty:after{content:"No tags yet. Add your first tag below.";display:block;width:100%;text-align:center;color:#9ca3af;font-size:13px;font-style:italic;padding:12px 0;opacity:.7}.tags-display ion-chip{margin:0;cursor:pointer;--background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--color: white;font-weight:600;font-size:12px;height:26px;border-radius:13px;transition:all .2s ease;box-shadow:0 2px 6px #667eea40;padding:0 10px;display:inline-flex;align-items:center;gap:6px}.tags-display ion-chip:hover{transform:translateY(-1px);box-shadow:0 4px 10px #667eea59}.tags-display ion-chip ion-icon{font-size:14px;margin-left:2px;opacity:.9}.tag-input-row{display:flex;gap:12px;align-items:stretch;position:relative}.tag-input{--padding-start: 12px;--padding-end: 12px;--padding-top: 8px;--padding-bottom: 8px;--background: white;border:1.5px solid #e5e7eb;border-radius:8px;transition:all .2s ease;flex:1;font-size:13px;font-weight:500;min-height:36px}.tag-input::placeholder{color:#9ca3af;font-weight:400}.tag-input:focus-within{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a,0 4px 16px #667eea26;transform:translateY(-1px)}.tag-input-row ion-button{--background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--background-activated: linear-gradient(135deg, #5a6fce 0%, #6a3f8f 100%);--color: white;--border-radius: 8px;--box-shadow: 0 2px 6px rgba(102, 126, 234, .3);--padding-start: 10px;--padding-end: 10px;min-width:36px;height:36px;transition:all .2s ease;font-weight:600}.tag-input-row ion-button:hover{transform:translateY(-2px) scale(1.05);--box-shadow: 0 6px 20px rgba(102, 126, 234, .5)}.tag-input-row ion-button:active{transform:translateY(0) scale(.98)}.tag-input-row ion-button ion-icon{font-size:20px;font-weight:700}.attachments-section{background:#f8faffb3;border:1.5px solid rgba(102,126,234,.2);border-radius:10px;padding:10px 12px 12px}.attachments-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.attachments-badge{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;padding:0 5px;margin-left:4px;vertical-align:middle}.attachments-upload-btn{--background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--color: white;--border-radius: 8px;--box-shadow: 0 2px 6px rgba(102, 126, 234, .35);font-weight:600;font-size:13px;flex-shrink:0}.attachments-list{border:1px solid rgba(102,126,234,.12);border-radius:8px;padding:8px;background:#fff}.attachment-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border-radius:12px;margin-bottom:10px;transition:all .2s ease;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;position:relative}.attachment-item:hover{transform:translate(4px);box-shadow:0 4px 12px #0000001a;border-color:#667eea}.attachment-item:last-child{margin-bottom:0}.attachment-item ion-icon{font-size:24px;color:#667eea;transition:transform .2s ease}.attachment-item:hover ion-icon{transform:scale(1.1)}.attachment-item span{flex:1;font-size:14px;font-weight:500;color:#1f2937}.attachment-item.image-attachment{padding:8px;flex-direction:column;align-items:flex-start;gap:8px;position:relative}.attachment-image-thumbnail{width:100%;max-width:300px;max-height:200px;object-fit:cover;border-radius:8px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border:1px solid #e5e7eb}.attachment-image-thumbnail:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}.attachment-info{display:flex;flex-direction:column;gap:4px;width:100%}.attachment-info span{font-size:13px;font-weight:500;color:#1f2937}.attachment-info ion-note{font-size:12px;color:#6b7280}.attachment-delete-btn{position:absolute;top:8px;right:8px;--padding-start: 4px;--padding-end: 4px;--padding-top: 4px;--padding-bottom: 4px;margin:0;z-index:10;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;box-shadow:0 2px 4px #0000001a;transition:all .2s ease}.attachment-delete-btn:hover{background:#ef44441a;transform:scale(1.1)}.attachment-item.image-attachment .attachment-delete-btn{position:absolute;top:12px;right:12px;background:#fffffff2}.attachment-item.image-attachment .attachment-image-thumbnail{position:relative}.timer-section.time-tracker{margin-bottom:12px;padding:0;border:1px solid rgba(102,126,234,.14);border-radius:12px;background:linear-gradient(145deg,#fffffffa,#f8fafff5,#fffffffa);box-shadow:0 2px 10px #667eea14;overflow:hidden}.time-tracker__field{margin-bottom:0;padding:12px 14px 10px;border-bottom:1px solid rgba(102,126,234,.08)}.time-tracker__field-error{display:block;margin-top:8px}.time-tracker__hero{position:relative;padding:12px 14px;background:radial-gradient(120% 80% at 100% 0%,rgba(102,126,234,.08) 0%,transparent 55%),radial-gradient(90% 60% at 0% 100%,rgba(118,75,162,.05) 0%,transparent 50%)}.time-tracker__hero:before{content:"";position:absolute;top:0;left:20px;right:20px;height:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,#667eea,#764ba2,#667eea);background-size:200% 100%;opacity:.85}.time-tracker__head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:6px}.time-tracker__title{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#64748b}.time-tracker__status{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.02em}.time-tracker__status--idle{background:#64748b1f;color:#475569}.time-tracker__status--running{background:linear-gradient(135deg,#10b9812e,#10b98114);color:#047857;box-shadow:0 0 0 1px #10b98140}.time-tracker__status-dot{width:8px;height:8px;border-radius:50%;background:#94a3b8;flex-shrink:0}.time-tracker__status--running .time-tracker__status-dot{background:#10b981;box-shadow:0 0 #10b98180;animation:timeTrackerPulse 1.4s ease-out infinite}@keyframes timeTrackerPulse{0%{box-shadow:0 0 #10b98173}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.time-tracker__clock{font-variant-numeric:tabular-nums;font-size:clamp(1.5rem,3.5vw,2rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;background:linear-gradient(135deg,#1e293b,#334155 45%,#475569);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0;padding:2px 0}.time-tracker__clock--live{background:linear-gradient(135deg,#667eea,#764ba2 55%,#5b6fd6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.time-tracker__estimate-block{margin-top:10px}.time-tracker__bar{height:6px;border-radius:999px;overflow:hidden;--background: rgba(102, 126, 234, .15);margin-bottom:8px}.time-tracker__bar::part(progress){border-radius:999px}.time-tracker__bar--over{--background: rgba(239, 68, 68, .15)}.time-tracker__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media (max-width: 520px){.time-tracker__stats{grid-template-columns:1fr}}.time-tracker__stat{padding:8px 10px;border-radius:8px;background:#ffffffbf;border:1px solid rgba(102,126,234,.1);box-shadow:0 1px 4px #0f172a0a;display:flex;flex-direction:column;gap:2px;min-width:0}.time-tracker__stat--alert{border-color:#ef444440;background:linear-gradient(180deg,#fef2f2e6,#ffffffd9)}.time-tracker__stat--progress .time-tracker__stat-value{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.time-tracker__stat-label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#94a3b8}.time-tracker__stat-value{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;color:#1e293b;line-height:1.2;word-break:break-word}.time-tracker__stat--alert .time-tracker__stat-value{color:#b91c1c}.time-tracker__actions{display:flex;gap:8px;flex-wrap:wrap;padding:8px 14px 10px;background:#f8fafc99;border-top:1px solid rgba(102,126,234,.08)}.time-tracker__btn-start{--background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--background-activated: linear-gradient(135deg, #5a6fce 0%, #6a3f8f 100%);--color: #fff;--border-radius: 12px;--box-shadow: 0 4px 14px rgba(102, 126, 234, .35);font-weight:700}.time-tracker__btn-stop{--border-radius: 12px;--border-width: 2px;font-weight:700}.metadata-section{margin-top:16px;padding:12px;border-top:1px solid rgba(102,126,234,.1);background:#f8f9fa80;border-radius:8px}.metadata-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;padding:4px 8px;background:#fff9;border-radius:6px;transition:background .2s ease}.metadata-item:hover{background:#ffffffe6}.metadata-item:last-child{margin-bottom:0}.metadata-item ion-note{font-size:12px;color:#6b7280;font-weight:500}.subtasks-tab{padding:14px 16px;animation:fadeInUp .3s ease-out}.progress-section{background:linear-gradient(135deg,#fffffff2,#f8f9faf2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;padding:20px;margin-bottom:24px;box-shadow:0 4px 16px #667eea1a;border:2px solid rgba(102,126,234,.1)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:15px;font-weight:700;color:#667eea}.progress-header span:last-child{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:18px;font-weight:800}.progress-bar{height:12px;background:#e0e7ff;border-radius:10px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a;position:relative}.progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-fill{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .5s cubic-bezier(.4,0,.2,1);border-radius:10px;position:relative;box-shadow:0 2px 8px #667eea66}.add-subtask-section{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.add-subtask-section>.subtask-input{flex:1}.add-subtask-section>ion-button{align-self:flex-end}.subtask-input{--background: white;--border-radius: 8px;--padding-start: 12px;--padding-end: 12px;border:1px solid #e0e0e0;border-radius:8px;flex:1}.subtasks-list{background:transparent;border-radius:12px;padding:0;display:flex;flex-direction:column;gap:10px}.subtask-item{--padding-start: 20px;--inner-padding-end: 20px;--padding-top: 18px;--padding-bottom: 18px;background:linear-gradient(135deg,#fffffff2,#f8f9faf2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(229,231,235,.8);border-radius:14px;margin-bottom:0;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000f;position:relative;min-height:64px;display:flex;align-items:center;overflow:hidden}.subtask-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#667eea,#764ba2);opacity:0;transition:opacity .3s ease}.subtask-item:hover{background:#fff;border-color:#667eea;box-shadow:0 8px 24px #667eea26;transform:translateY(-2px) translate(4px)}.subtask-item:hover:before{opacity:1}.subtask-item:hover .subtask-end-actions{opacity:1}.subtask-item:not(:hover) .subtask-end-actions{opacity:.7}.subtask-item:last-child{border-bottom:1px solid #e5e7eb}.subtask-item.completed{background:linear-gradient(135deg,#10b98114,#fffffff2);border-color:#10b981;opacity:.95}.subtask-item.completed:before{background:linear-gradient(180deg,#10b981,#059669);opacity:1}.subtask-item.completed:hover{background:linear-gradient(135deg,#10b9811f,#fff);opacity:1;border-color:#10b981;box-shadow:0 8px 24px #10b98133}.subtask-title{font-weight:600;font-size:14px;line-height:1.5;margin-bottom:0;color:#1f2937;position:relative;transition:all .2s ease;padding-right:8px}.subtask-item.completed .subtask-title{color:#9ca3af;text-decoration:line-through;text-decoration-color:#10b981;text-decoration-thickness:2px;padding-left:24px}.subtask-item.completed .subtask-title:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700;font-size:16px;line-height:1.5;top:0}.subtask-assignees{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:#374151;margin-top:8px;padding:6px 10px;background:#667eea14;border-radius:6px;width:fit-content;transition:opacity .2s ease}.subtask-item.completed .subtask-assignees{opacity:.7}.subtask-avatar{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 1px 3px #0000001f;border:2px solid rgba(255,255,255,.8)}.subtask-avatar-initials{font-size:11px;font-weight:600;color:#fff;line-height:1;text-transform:uppercase;letter-spacing:.5px}.subtask-assignee-names{font-size:12px;color:#667eea;line-height:1.4}.subtask-label-content{flex:1;min-width:0;padding-right:8px}.subtask-item ion-checkbox{margin-right:12px;flex-shrink:0;--size: 20px}.subtask-end-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:auto;justify-content:center;padding-top:0;padding-left:12px;transition:opacity .2s ease;flex-shrink:0;position:relative;z-index:0}.subtask-actions-group{display:flex;align-items:center;gap:10px;padding:2px 0;position:relative;z-index:0}.subtask-delete-wrapper{position:relative;z-index:20;pointer-events:auto;isolation:isolate}.subtask-delete-btn{--padding-start: 8px !important;--padding-end: 8px !important;margin:0!important;height:32px!important;width:32px!important;min-width:32px!important;--border-radius: 6px !important;transition:all .2s ease!important;flex-shrink:0;position:relative;z-index:21!important;pointer-events:auto!important}.subtask-delete-btn:hover{--background: rgba(239, 68, 68, .1) !important;transform:scale(1.05)}.subtask-delete-btn ion-icon{font-size:18px!important;pointer-events:none}.subtask-assign-select{min-width:110px!important;max-width:180px!important;--padding-start: 10px !important;--padding-end: 24px !important;font-size:12px!important;width:auto!important;height:32px!important;--border-radius: 6px !important;--background: #f3f4f6 !important;--border-color: #d1d5db !important;transition:all .2s ease!important;position:relative;z-index:1;pointer-events:auto}.subtask-assign-select:hover{--background: #e5e7eb !important;--border-color: #9ca3af !important}.subtask-assign-select::part(text){white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;max-width:none!important;display:block!important}.subtask-assign-select::part(placeholder){white-space:nowrap!important}.subtask-actions-row{display:flex;align-items:center;gap:4px;justify-content:flex-end;margin-top:0}.subtask-actions-row ion-button{--padding-start: 6px;--padding-end: 6px;margin:0;height:28px;width:28px;--border-radius: 6px;transition:all .2s ease}.subtask-actions-row ion-button:hover{--background: rgba(239, 68, 68, .1);transform:scale(1.05)}.subtask-checkbox-completed{--checkmark-color: #10b981;--border-color-checked: #10b981;--background-checked: #10b981}.subtask-completed-date{display:flex;align-items:center;font-size:11px;font-weight:600;color:#10b981;padding:4px 10px;background:#10b98126;border-radius:6px;border:1px solid rgba(16,185,129,.2);white-space:nowrap}.subtask-item.completed .subtask-end-actions{opacity:.8}.subtask-item.completed:hover .subtask-end-actions{opacity:1}.subtask-assignment-section{margin-top:8px;width:100%}.subtask-assignment-section ion-select{width:100%;--padding-start: 12px;--padding-end: 12px;font-size:14px}.subtask-item:last-child{border-bottom:none}.subtask-item ion-label.completed{text-decoration:line-through;opacity:.6}.comments-tab{padding:14px 16px;animation:fadeInUp .3s ease-out}.add-comment-section{position:relative;background:linear-gradient(135deg,#fffffff2,#f8f9faf2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;padding:20px;margin-bottom:24px;box-shadow:0 4px 16px #667eea1a;border:2px solid rgba(102,126,234,.1)}.comment-textarea{--background: white;--border-radius: 12px;--padding-start: 16px;--padding-end: 16px;--padding-top: 14px;--padding-bottom: 14px;border:2px solid #e5e7eb;border-radius:12px;margin-bottom:16px;transition:all .3s ease}.comment-textarea:focus-within{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.comments-list{display:flex;flex-direction:column;gap:16px}.comment-item{background:linear-gradient(135deg,#fffffff2,#f8f9faf2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;padding:18px 20px;box-shadow:0 2px 12px #00000014;border:2px solid rgba(229,231,235,.8);transition:all .3s ease;position:relative}.comment-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:16px 0 0 16px;opacity:0;transition:opacity .3s ease}.comment-item:hover{transform:translate(4px);box-shadow:0 8px 24px #667eea26;border-color:#667eea}.comment-item:hover:before{opacity:1}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:8px}.comment-header-left{display:flex;flex-direction:column;gap:4px;flex:1}.comment-delete-button{--padding-start: 4px;--padding-end: 4px;margin:0;flex-shrink:0;height:28px;width:28px}.comment-header strong{color:#667eea;font-size:14px}.comment-header ion-note{font-size:12px}.comment-text{font-size:14px;color:#333;margin:0;white-space:pre-wrap}.activity-tab{padding:14px 16px;animation:fadeInUp .3s ease-out}.activity-timeline{position:relative;padding-left:48px}.activity-timeline:before{content:"";position:absolute;left:19px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:2px;opacity:.3}.activity-item{position:relative;margin-bottom:24px;background:linear-gradient(135deg,#fffffff2,#f8f9faf2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;padding:16px 20px;box-shadow:0 2px 12px #00000014;border:2px solid rgba(229,231,235,.8);transition:all .3s ease;animation:slideInRight .4s ease-out;animation-fill-mode:both}.activity-item:nth-child(1){animation-delay:.1s}.activity-item:nth-child(2){animation-delay:.2s}.activity-item:nth-child(3){animation-delay:.3s}.activity-item:nth-child(4){animation-delay:.4s}.activity-item:nth-child(5){animation-delay:.5s}@keyframes slideInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.activity-item:hover{transform:translate(4px);box-shadow:0 8px 24px #667eea26;border-color:#667eea}.activity-icon{position:absolute;left:-36px;top:16px;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;box-shadow:0 4px 12px #667eea66;border:3px solid white;z-index:1;transition:transform .3s ease}.activity-item:hover .activity-icon{transform:scale(1.1) rotate(5deg)}.activity-content{font-size:14px}.activity-content strong{color:#667eea}.activity-action{color:#666}.activity-details{margin:4px 0;padding:8px;background:#f8f9fa;border-radius:6px;font-size:13px;color:#666}.activity-content ion-note{display:block;margin-top:4px;font-size:12px}.empty-state{text-align:center;padding:60px 20px;color:#9ca3af;background:linear-gradient(135deg,#f8f9fa80,#ffffff80);border-radius:20px;border:2px dashed rgba(102,126,234,.2);animation:fadeIn .5s ease-out}.empty-icon{font-size:72px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px;opacity:.5;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state p{margin:0 0 8px;font-size:18px;font-weight:600;color:#6b7280}.empty-hint{font-size:14px!important;color:#9ca3af!important;font-weight:400!important}.form-section ion-select[value=low]{--color: #10b981}.form-section ion-select[value=medium]{--color: #f59e0b}.form-section ion-select[value=high]{--color: #f97316}.form-section ion-select[value=urgent]{--color: #ef4444}.form-section ion-chip{--background: linear-gradient(135deg, rgba(102, 126, 234, .1) 0%, rgba(118, 75, 162, .1) 100%);--color: #667eea;border:2px solid rgba(102,126,234,.2);border-radius:20px;padding:6px 12px;font-weight:600;font-size:13px;transition:all .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.form-section ion-chip:hover{--background: linear-gradient(135deg, rgba(102, 126, 234, .2) 0%, rgba(118, 75, 162, .2) 100%);border-color:#667eea;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #667eea4d}.form-section ion-chip ion-icon{margin-left:6px;font-size:16px;transition:transform .2s ease}.form-section ion-chip:hover ion-icon{transform:rotate(90deg)}.add-subtask-section ion-button{--background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--background-activated: linear-gradient(135deg, #5a6fce 0%, #6a3f8f 100%);--border-radius: 12px;--box-shadow: 0 4px 12px rgba(102, 126, 234, .4);--padding-start: 16px;--padding-end: 16px;font-weight:600;transition:all .3s ease}.add-subtask-section ion-button:hover{transform:translateY(-2px);--box-shadow: 0 6px 20px rgba(102, 126, 234, .5)}.add-comment-section ion-button{--background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--background-activated: linear-gradient(135deg, #5a6fce 0%, #6a3f8f 100%);--border-radius: 12px;--box-shadow: 0 4px 12px rgba(102, 126, 234, .4);font-weight:600;height:48px;transition:all .3s ease}.add-comment-section ion-button:hover{transform:translateY(-2px);--box-shadow: 0 6px 20px rgba(102, 126, 234, .5)}.task-detail-modal ion-header ion-toolbar:first-child ion-button[color=primary]{--background: rgba(255, 255, 255, .2);--background-activated: rgba(255, 255, 255, .3);--color: white !important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:#fff!important}.task-detail-modal ion-header ion-toolbar:first-child ion-button[color=primary]::part(native){color:#fff!important}.task-detail-modal ion-header ion-toolbar:first-child ion-button[color=primary],.task-detail-modal ion-header ion-toolbar:first-child ion-button[color=primary] *,.task-detail-modal ion-header ion-toolbar:first-child ion-button[color=primary] ::slotted(*){color:#fff!important}.task-detail-modal ion-header ion-toolbar:first-child ion-button[color=primary] ion-icon{color:#fff!important}.task-detail-modal ion-header ion-toolbar:first-child ion-button[color=primary] ion-label{color:#fff!important}.task-detail-modal ion-header ion-toolbar:first-child ion-button[color=primary] span{color:#fff!important}.task-detail-modal ion-header ion-toolbar:first-child ion-button[color=primary] .button-native{color:#fff!important}.task-detail-modal ion-header ion-toolbar:first-child ion-button[color=primary] .button-inner{color:#fff!important}.task-detail-modal ion-header ion-toolbar:first-child ion-button[color=primary]:hover{--color: white !important;color:#fff!important}.task-detail-modal ion-header ion-toolbar:first-child ion-button[color=primary]:hover::part(native){color:#fff!important}.task-detail-modal ion-header ion-toolbar:first-child ion-button[color=primary]:hover,.task-detail-modal ion-header ion-toolbar:first-child ion-button[color=primary]:hover *,.task-detail-modal ion-header ion-toolbar:first-child ion-button[color=primary]:hover ::slotted(*){color:#fff!important}.task-detail-modal ion-header ion-toolbar:first-child ion-button[color=primary]:hover ion-icon{color:#fff!important}.task-detail-modal ion-header ion-toolbar:first-child ion-button[color=primary]:hover ion-label{color:#fff!important}.task-detail-modal ion-header ion-toolbar:first-child ion-button[color=primary]:hover span{color:#fff!important}.task-detail-modal ion-header ion-toolbar:first-child ion-button[color=primary]:hover .button-native{color:#fff!important}.task-detail-modal ion-header ion-toolbar:first-child ion-button[color=primary]:hover .button-inner{color:#fff!important}@media (max-width: 768px){.task-detail-modal{--width: 100%;--height: 100%;--max-width: 100%;--max-height: 100%;--border-radius: 0}.task-detail-modal ion-header ion-toolbar:first-child{--min-height: 56px}.task-detail-modal ion-header ion-toolbar:first-child ion-title{font-size:18px}.task-detail-modal ion-segment-button{--padding-start: 12px;--padding-end: 12px;font-size:12px}.form-row{grid-template-columns:1fr}.form-section.half{margin-bottom:20px}.assignee-controls-compact{gap:6px}.assign-to-me-button-compact{height:38px;min-width:auto;width:auto;--padding-start: 10px;--padding-end: 10px;font-size:12px}.assign-to-me-button-compact ion-icon{font-size:14px;margin-right:3px}.assignee-select-compact{min-height:38px;--padding-start: 12px;--padding-end: 12px}.assignee-chips-compact{gap:5px;margin-top:6px}.assignee-chip-compact{font-size:11px;height:24px;padding:3px 8px}.assignee-chip-compact ion-label{font-size:11px}.assignee-chip-compact ion-icon{font-size:12px}.subtask-item{--padding-start: 12px;--inner-padding-end: 12px;--padding-top: 12px;--padding-bottom: 12px;min-height:60px}.subtask-title{font-size:13px;line-height:1.5}.subtask-assignees{margin-top:6px;padding:5px 8px;gap:6px}.subtask-avatar{width:24px;height:24px}.subtask-avatar-initials{font-size:10px}.subtask-end-actions{gap:6px;padding-left:8px}.subtask-assign-select{min-width:90px!important;max-width:150px!important;height:30px!important;font-size:11px!important}.subtask-delete-btn{height:30px!important;width:30px!important;min-width:30px!important}.subtask-delete-btn ion-icon{font-size:16px!important}.subtask-completed-date{font-size:10px;padding:3px 8px}}.templates-modal-content{--background: var(--ion-color-light-tint)}.templates-browse,.templates-create{padding:20px;max-width:800px;margin:0 auto}.error-message{padding:12px 20px;background:var(--ion-color-danger-tint);border-left:4px solid var(--ion-color-danger);margin:12px 20px;border-radius:4px}.error-message p{margin:0;font-size:14px}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-state ion-spinner{margin-bottom:16px}.empty-icon{font-size:80px;color:var(--ion-color-medium);margin-bottom:16px}.empty-state h3{font-size:1.5rem;color:var(--ion-color-dark);margin:0 0 8px}.empty-state p{font-size:1rem;color:var(--ion-color-medium);margin:0 0 24px}.templates-list{padding:0}.template-card{margin-bottom:16px;border-radius:12px;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.template-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.template-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.template-header h3{margin:0;font-size:1.2rem;font-weight:600;color:var(--ion-color-primary)}.template-actions{display:flex;gap:8px}.template-preview{border-top:1px solid var(--ion-color-light);padding-top:16px}.preview-row{margin-bottom:8px;font-size:14px;color:var(--ion-color-dark)}.preview-row strong{color:var(--ion-color-medium);display:inline-block;min-width:100px}.preview-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}.preview-tags{display:flex;gap:4px;flex-wrap:wrap}.preview-tags ion-chip{margin:0;font-size:11px;height:24px}.preview-time{font-size:13px;color:var(--ion-color-medium);font-weight:500}.templates-create .modal-body{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014}.input-group{margin-bottom:20px}.input-group label{display:block;margin-bottom:8px;font-weight:600;font-size:14px;color:var(--ion-color-dark)}.custom-input,.custom-textarea{--background: var(--ion-color-light-tint);--border-radius: 8px;--padding-start: 16px;--padding-end: 16px;margin-bottom:0}.custom-textarea{--padding-top: 12px;--padding-bottom: 12px}.action-button{margin-top:24px;--border-radius: 8px;font-weight:600}@media (max-width: 768px){.templates-browse,.templates-create{padding:16px}.template-header{flex-direction:column;align-items:flex-start;gap:12px}.template-actions{width:100%;justify-content:flex-end}.preview-row strong{display:block;margin-bottom:4px}.templates-create .modal-body{padding:20px}.input-group{margin-bottom:16px}}.settings-content{--background: #f8f9fa}.settings-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:40px 20px;color:#fff}.settings-header h1{font-size:28px;font-weight:800;margin:0 0 8px}.settings-header p{font-size:14px;margin:0;opacity:.9}.settings-body{padding:20px}.settings-card{border-radius:16px;box-shadow:0 4px 12px #00000014;margin-bottom:16px}.card-title{font-size:18px;font-weight:700;margin:0 0 20px;color:#1a1a1a}.profile-picture-section{display:flex;align-items:center;gap:24px}.avatar-container{flex-shrink:0}.profile-avatar{width:100px;height:100px}.avatar-placeholder{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:60px}.upload-section{flex:1}.profile-photo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.upload-section IonButton{--border-color: #667eea;--color: #667eea;--border-radius: 8px;text-transform:none;font-weight:600}.helper-text{font-size:12px;color:#999;margin:8px 0 0}.form-group{margin-bottom:24px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.settings-input{--background: #f8f9fa;--border-radius: 12px;--padding-start: 16px;--padding-end: 16px;border:1px solid #e0e0e0;border-radius:12px}.settings-input.disabled{opacity:.6;--background: #eeeeee}.toggle-item{--background: transparent;--padding-start: 0;--inner-padding-end: 0}.toggle-icon{font-size:24px;color:#667eea;margin-right:12px}.toggle-item h4{font-size:16px;font-weight:600;margin:0 0 4px;color:#1a1a1a}.toggle-item p{font-size:13px;color:#666;margin:0}.custom-toggle{--handle-background: white;--handle-background-checked: white;--background: #d0d0d0;--background-checked: #667eea}.message-text{display:block;text-align:center;padding:12px;border-radius:12px;margin-bottom:16px;font-size:14px;font-weight:500}.message-text p{margin:0}ion-text.ion-color-danger .message-text{background:#f5576c1a}ion-text.ion-color-success .message-text{background:#10b9811a}.save-button{--background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--border-radius: 12px;--box-shadow: 0 8px 16px rgba(102, 126, 234, .4);font-weight:600;height:52px;text-transform:none;margin-top:8px}.save-button:hover{--box-shadow: 0 12px 24px rgba(102, 126, 234, .5)}.notifications-content{--background: #f8fafc}.notifications-hero{background:linear-gradient(135deg,#0ea5e9,#6366f1 55%,#8b5cf6);padding:22px clamp(16px,4vw,24px) 28px;color:#fff}.notifications-hero-title{margin:0;font-size:22px;font-weight:800;letter-spacing:-.02em}.notifications-hero-sub{margin:6px 0 0;font-size:13px;opacity:.92}.notifications-list{padding:12px clamp(12px,3vw,20px) 28px;margin-top:-14px}.notifications-fab{--background: linear-gradient(135deg, #0ea5e9 0%, #6366f1 55%, #8b5cf6 100%);--box-shadow: 0 12px 28px rgba(2, 132, 199, .25)}.notification-card{margin:0 0 12px;border-radius:18px;overflow:hidden;border:1px solid rgba(2,132,199,.12);box-shadow:0 1px 2px #0000000a,0 10px 26px #0284c714}.notification-card ion-card-content{padding:16px 16px 14px}.notification-title-row{display:flex;align-items:baseline;gap:10px}.notification-title{margin:0;font-size:15px;font-weight:800;color:#0f172a;letter-spacing:-.01em;flex:1;min-width:0}.notification-time{font-size:12px;font-weight:700;color:#64748b;white-space:nowrap}.notification-body{margin:10px 0 0;font-size:13px;color:#334155;line-height:1.45;white-space:pre-wrap}.notifications-empty{text-align:center;padding:28px 16px 40px;color:#475569}