html{height:100%;position:relative}body{height:100%;position:relative}#app{height:100%;display:flex}main{flex:1;display:flex;flex-direction:column;overflow:hidden}#mainContentArea{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}#sidebar{height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}.utils-dialog .relative .absolute.inset-y-0.left-0{height:38px;display:flex;align-items:center;top:0;bottom:0;margin:auto 0}.utils-dialog input[type=email],.utils-dialog input[type=password],.utils-dialog input[type=text]{height:38px;line-height:normal;padding-top:0;padding-bottom:0;display:flex;align-items:center;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.utils-dialog .relative .absolute.inset-y-0.left-0 i{font-size:16px;display:inline-flex;vertical-align:middle}.utils-dialog input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(59,130,246,.25)}.utils-dialog .relative input:focus~.absolute.inset-y-0.left-0 i{color:var(--primary-color)}html.dark,html.dark #app,html.dark #mainContentArea,html.dark #todoContainer,html.dark body,html.dark main{background-color:#111827!important}html.dark .bg-white.task-card,html.dark .task-card,html.dark .task-card.bg-white,html.dark div.bg-white.task-card,html.dark div.task-card,html.dark div.task-card.bg-white{background-color:#1f2937!important;border-color:#374151!important}html.dark .bg-white,html.dark div.bg-white:not(.utils-dialog),html.dark section.bg-white{background-color:#1f2937!important}html.dark #sidebar,html.dark nav{background-color:#1f2937!important}html.dark .text-gray-900{color:#f3f4f6!important}html.dark .text-gray-800{color:#e5e7eb!important}html.dark .text-gray-700{color:#d1d5db!important}html.dark .task-card .bg-red-50,html.dark .task-card .text-red-500.bg-red-50,html.dark .task-card span.bg-red-50,html.dark .utils-dialog .bg-red-50,html.dark .utils-dialog .text-red-500.bg-red-50,html.dark .utils-dialog span.bg-red-50{background-color:rgba(239,68,68,.2)!important;color:#f87171!important}html.dark #parentCategory,html.dark #taskCategory,html.dark select[name=category],html.dark select[name=parentCategory]{background-color:transparent!important;color:#e5e7eb!important}html.dark #parentCategory option,html.dark #taskCategory option,html.dark select[name=category] option,html.dark select[name=parentCategory] option{background-color:#1f2937!important;color:#e5e7eb!important}html.dark #category-path-display{color:#f3f4f6!important}