.app-notification{opacity:0;color:#fafafa;z-index:10000;border-radius:6px;margin-left:10px;padding:12px 20px;transition:all .3s;position:fixed;top:10px;left:50px;transform:translateY(-10px);box-shadow:0 0 2px #fafafa}.app-notification.visible{opacity:1;transform:translateY(0)}.app-notification.success{background-color:#285f2a}.app-notification.error{background-color:#b63128}.app-notification.info{background-color:#264c92}.app-notification.warning{background-color:#a3581a}div.plan-list{margin-top:10px;padding-left:10px}div.plan-list div.plan-item{justify-content:baseline;border-left:3px solid #232323;align-items:center;gap:3px;width:90%;margin:4px 0;padding:8px 0;display:flex}div.plan-list div.plan-item:hover>button{visibility:initial}div.plan-list div.plan-item.active{background-color:#828282}div.plan-list div.plan-item p{color:#232323;cursor:pointer;width:200px;margin:2px 0;padding-left:10px}div.plan-list div.plan-item p:hover{color:#18500a}div.plan-list div.plan-item button{visibility:hidden;padding:2px 2px 0}div.plan-list div.plan-item button svg{width:16px;height:16px}div.task-section div.plan-info div.title-section{justify-content:baseline;border-bottom:2px solid #000;align-items:center;gap:10px;display:flex}div.task-section div.plan-info div.title-section h1{margin-bottom:0;padding-bottom:5px;font-size:24px}div.task-section div.plan-info div.title-section button{padding:2px}div.task-section div.plan-info p.plan-description{background-color:#232323;margin:0 0 2px;padding:8px 2px 2px;font-size:14px;font-style:italic}div.task-section div.task-list{margin-top:10px;padding-left:10px}div.task-section div.task-list div.task-item{border-left:2px solid #323232;margin-bottom:10px;padding:4px}div.task-section div.task-list div.task-item.important{border-left-color:#d3746d}div.task-section div.task-list div.task-item div.task-header{cursor:pointer;flex-wrap:wrap;align-items:center;gap:2px 10px;display:flex}div.task-section div.task-list div.task-item div.task-header svg{fill:none;stroke:#fafafa;width:24px;height:24px}div.task-section div.task-list div.task-item div.task-header p{margin:2px 0}div.task-section div.task-list div.task-item div.task-header p.task-title{font-size:18px}div.task-section div.task-list div.task-item div.task-header p.task-status.completed svg{stroke:#65b468}div.task-section div.task-list div.task-item div.task-header p.task-due-time{color:#ff6b6b;font-size:12px}div.task-section div.task-list div.task-item div.task-header p.task-completed-time{color:#65b468;font-size:12px}div.task-section div.task-list div.task-item div.task-header div.task-controls{text-align:right;flex-grow:2;padding-right:20px;display:none}div.task-section div.task-list div.task-item div.task-header div.task-controls button{padding:2px}div.task-section div.task-list div.task-item div.task-header div.task-controls button svg{width:18px;height:18px}div.task-section div.task-list div.task-item:hover>div.task-header>div.task-controls{display:block}div.task-section div.task-list div.task-item div.task-detail{background-color:#232323;padding:4px}div.task-section div.task-list div.task-item div.task-detail div.subtask-header p.subtask-counter{cursor:pointer;margin:0 0 2px;font-size:14px}div.task-section div.task-list div.task-item div.task-detail div.subtask-list button{padding:2px}div.task-section div.task-list div.task-item div.task-detail div.subtask-list button svg{width:16px;height:16px}div.task-section div.task-list div.task-item div.task-detail div.subtask-list div.subtask-task-controls{margin-bottom:6px}div.task-section div.task-list div.task-item div.subtask-item{cursor:pointer;flex-wrap:wrap;align-items:center;gap:2px 10px;display:flex}div.task-section div.task-list div.task-item div.subtask-item svg{fill:none;stroke:#fafafa;width:16px;height:16px}div.task-section div.task-list div.task-item div.subtask-item p.subtask-status.completed svg{stroke:#65b468}div.task-section div.task-list div.task-item div.subtask-item p{margin:2px 0;font-size:14px}div.task-section div.task-list div.task-item div.subtask-item p.subtask-completed-time{color:#65b468;font-size:12px}div.task-section div.task-list div.task-item div.subtask-item div.subtask-controls{display:none}div.task-section div.task-list div.task-item div.subtask-item:hover>div.subtask-controls{display:block}body{color:#fafafa;background-color:#323232;height:100%;margin:0;font-family:Inter,sans-serif}body div#root,body div#root section#main-section{height:100%}body div#root section#main-section section#top-section{background-color:#232323;justify-content:flex-end;height:50px;padding:10px;display:flex}body div#root section#main-section section#top-section div.user-logout{align-items:baseline;gap:15px;display:flex}body div#root section#main-section section#bottom-section section#left-section{height:100%;position:fixed;top:0}body div#root section#main-section section#bottom-section section#left-section div.left-menu{background-color:#989898;border-right:thin solid #232323;justify-content:stretch;align-items:stretch;height:100%;display:flex}body div#root section#main-section section#bottom-section section#left-section div.left-menu div.menu-toggle{cursor:pointer;z-index:1100;background-color:#989898;width:40px;height:100%;padding:6px}body div#root section#main-section section#bottom-section section#left-section div.left-menu div.menu-toggle span{background-color:#323232;height:10px;margin:3px 0;display:block}body div#root section#main-section section#bottom-section section#left-section div.left-menu div.menu-content{z-index:1000;background-color:#989898;width:90vw;max-width:300px;height:100%;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;left:50px;transform:translate(-150%)}body div#root section#main-section section#bottom-section section#left-section div.left-menu div.menu-content.open{transform:translate(0)}body div#root section#main-section section#bottom-section section#left-section div.left-menu div.menu-content div.top-menu-content{text-align:right;padding:5px}body div#root section#main-section section#bottom-section section#content-section{padding:10px 10px 10px 70px}.modal-overlay{z-index:1200;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{background:#323232;border-radius:6px;min-width:300px;padding:20px;box-shadow:0 0 45px #232323}.modal-content h2{margin:2px 0 10px}button{color:#fafafa;cursor:pointer;background-color:#454545;border:none;margin:0 4px;padding:10px;display:inline-block}button:disabled{color:#454545;cursor:not-allowed;background-color:#989898}button.icon-button svg{stroke:#fafafa;fill:none;width:20px;height:20px}button svg{width:16px;height:16px}input,textarea{outline:none}form p.form-error{color:#232323;background-color:#d3746d;width:calc(95% - 8px);padding:4px}form div.form-item{margin-bottom:8px}form div.form-item input[type=color]{width:95%;display:block}form div.form-item input[type=text],form div.form-item input[type=password],form div.form-item input[type=email],form div.form-item input[type=date],form div.form-item input[type=datetime-local],form div.form-item textarea,form div.form-item select{color:#232323;resize:none;background-color:#989898;border:thin solid #232323;width:90%;padding:6px;display:block}form div.form-item input[type=text]:focus,form div.form-item input[type=password]:focus,form div.form-item input[type=email]:focus,form div.form-item input[type=date]:focus,form div.form-item input[type=datetime-local]:focus,form div.form-item textarea:focus,form div.form-item select:focus{border-color:#db7929}form div.form-item select{width:95%}form div.form-item textarea{height:150px}form div.form-item input[type=checkbox]{appearance:none;vertical-align:middle;background:#d3d3d3;border-radius:2rem;width:1.75rem;height:1.1rem;transition:background .25s linear;display:inline-block;position:relative;box-shadow:inset 0 1px 3px #0003}form div.form-item input[type=checkbox]:before{content:"";background:#fff;border-radius:1.2rem;width:.75rem;height:.75rem;transition:transform .25s linear;display:block;position:absolute;top:.2rem;left:.2rem;transform:translate(0);box-shadow:0 1px 3px #0003}form div.form-item input[type=checkbox]:checked{background:#285f2a}form div.form-item input[type=checkbox]:checked:before{transform:translate(.7rem)}