*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{text-decoration:none}li{list-style:none}:root{--font-family-main: consolas, sans-serif;--font-size-s: 1.2rem;--font-line-s: 2.0rem;--font-s: var(--font-size-s) / var(--font-line-s) var(--font-family-main);--font-size-m: 1.6rem;--font-line-m: 2.4rem;--font-m: var(--font-size-m) / var(--font-line-m) var(--font-family-main);--font-size-l: 2.4rem;--font-line-l: 3.2rem;--font-l: var(--font-size-l) / var(--font-line-l) var(--font-family-main);--font-size-xl: 3.2rem;--font-line-xl: 4rem;--font-xl: var(--font-size-xl) / var(--font-line-xl) var(--font-family-main);--navbar-height: 56px;--sidebar-width: 300px;--sidebar-width-collapsed: 80px;--modal-z-index: 1000;--overlay-z-index: 100;--overlay-color: rgba(0 0 0 / 60%);--red-light: #f03;--red-dark: #c00}:root{--primary-color: #2979FF;--background-color: #F5F5F5;--secondary-color: #8C9EFF;--text-primary: #212121;--text-secondary: #757575;--input-background: #FFF;--input-border: #BDBDBD;--button-background: #2979FF;--button-text: #FFF;--navbar-text: #FFF;--task-background: #FFF;--task-border: #E0E0E0;--task-text: #424242;--done-task: #B2FF59;--edit-color: #FFCA28;--delete-color: #F44336;--filter-color: #4CAF50;--sort-color: #3F51B5;--priority-low: #8BC34A;--priority-medium: #FFEB3B;--priority-high: #F44336;--skeleton-base: #E0E0E0;--skeleton-animation: #F5F5F5}.app_dark_theme{--primary-color: #BBDEFB;--background-color: #212121;--secondary-color: #8C9EFF;--text-primary: #FFF;--text-secondary: #BDBDBD;--input-background: #424242;--input-border: #757575;--button-background: #BBDEFB;--button-text: #212121;--navbar-text: #212121;--task-background: #424242;--task-border: #616161;--task-text: #BDBDBD;--done-task: #76FF03;--edit-color: #FFD54F;--delete-color: #EF5350;--filter-color: #66BB6A;--sort-color: #5C6BC0;--priority-low: #9CCC65;--priority-medium: #FFEE58;--priority-high: #EF5350;--skeleton-base: #424242;--skeleton-animation: #616161}html{font-size:62.5%}body{font:var(--font-m)}.app{background:var(--background-color);color:var(--text-primary);min-height:100vh}.content-page{display:flex}
.lds-facebook{display:inline-block;position:relative;width:80px;height:80px}.lds-facebook div{display:inline-block;position:absolute;left:8px;width:16px;background:var(--secondary-color);animation:lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite}.lds-facebook div:nth-child(1){left:8px;animation-delay:-0.24s}.lds-facebook div:nth-child(2){left:32px;animation-delay:-0.12s}.lds-facebook div:nth-child(3){left:56px;animation-delay:0s}@keyframes lds-facebook{0%{top:8px;height:64px}50%,100%{top:24px;height:32px}}
.E86UVqo4{min-height:calc(100vh - var(--navbar-height));display:flex;justify-content:center;align-items:center;flex-grow:1}
.a4nOaSMD{cursor:pointer;padding:1.5rem 2.5rem;color:var(--button-text);transition:opacity .3s ease-in-out;border-radius:1rem}.a4nOaSMD:hover{opacity:.8;fill-opacity:.8;stroke-opacity:.8}.FAEtIpnJ{padding:0;border:none;background:none;outline:none}.nXdyjtYb{background:var(--button-background);color:var(--button-text);border:none}.b3QonCS7{background:var(--delete-color);color:var(--button-text);border:none}.mhx3ItHj{background:var(--edit-color);color:var(--button-text);border:none}.pKS1Awqk{padding:0}.pKS1Awqk.xvXQXBtA{padding:1.5rem}.pKS1Awqk.rsm7T6wj{padding:3rem}.pKS1Awqk.WJ8HetTm{padding:4rem}.xvXQXBtA{font:var(--font-m)}.rsm7T6wj{font:var(--font-l)}.WJ8HetTm{font:var(--font-xl)}.AeTCGE3z{opacity:.5;pointer-events:none}.sirQMfh5{width:100%}
.CbdWfXYK{fill:var(--navbar-text)}
.mVYHWKRA{color:var(--navbar-text);transition:opacity .3s ease-in-out}.mVYHWKRA:hover{opacity:.65;fill-opacity:.65;stroke-opacity:.65}.lPwbqaEz{color:var(--navbar-text)}.E8eho8D9{color:var(--secondary-color)}
.mO43LCqw{display:flex}.VQWSv9en{justify-content:flex-start}.vO6lNh_o{justify-content:flex-end}.OrDyDJlD{justify-content:center}.s13sAOk4{justify-content:space-between}.xBshVnpQ{align-items:flex-start}.q87PEMbF{align-items:flex-end}.BKr_P3mS{align-items:center}.DXDAMxRg{flex-direction:row}.OCAXCLkJ{flex-direction:column}.O3gsOY5E{gap:.4rem}.RhAIKGQR{gap:.8rem}.PHCEBqt9{gap:1.6rem}.Sf2jroc4{gap:3.2rem}.kkxp_XMH{width:100%}
.ikI7VPeL{font:var(--font-l);color:var(--headline-color)}.uNJeeCm1{font:var(--font-m);color:var(--paragraph-color)}.F9oLXAK4 .ikI7VPeL{color:var(--red-light)}.F9oLXAK4 .uNJeeCm1{color:var(--red-dark)}.dBqPIG8f{text-align:left}.j4UBrvei{text-align:right}.iJw6m2iu{text-align:center}.JVXO27zG .ikI7VPeL{font:var(--font-m)}.JVXO27zG .uNJeeCm1{font:var(--font-s)}.AOVZBfas .ikI7VPeL{font:var(--font-l)}.AOVZBfas .uNJeeCm1{font:var(--font-m)}.U6JpO11Q .ikI7VPeL{font:var(--font-xl)}.U6JpO11Q .uNJeeCm1{font:var(--font-l)}
.YC5yKeo4{width:100%;min-height:var(--navbar-height);background:var(--primary-color);display:flex;align-items:center;padding:0 20px;justify-content:space-between;color:var(--navbar-text)}._tl_p1sn,.qlehGELV,.F_TjMWZP{margin-left:auto}
.yPbgmA4_{flex-grow:1;padding:3rem;height:calc(100vh - var(--navbar-height));overflow-y:auto}.E70ymS9o{max-width:1100px;margin:0 auto}.Dbonrx_N{height:20px;margin:10px}
.jgByOsMV{display:flex;justify-content:center;align-items:center;font:var(--font-l);height:100%}
.HSFBbkPF{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}