:root{--color-primary:#3525cd;--color-primary-hover:#1d4ed8;--color-secondary:#505f76;--color-tertiary:#006c63;--color-background:#fcf8ff;--color-surface:#fff;--color-text:#1e293b;--color-text-light:#64748b;--color-border:#dbe3ec;--color-success:#22c55e;--color-danger:#ef4444;--color-warning:#f59e0b;--shadow-sm:0 2px 6px #00000014;--shadow-md:0 4px 12px #0000001f;--shadow-bg:#1e00a556;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--transition-default:0.3s ease}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container-app{display:flex;height:100vh;width:100%}main{background-color:#fcf8ff;background-color:var(--color-background);flex:1 1;padding:30px 50px;width:100%}.sidebar{background-color:var(--color-);box-shadow:0 2px 6px #00000014;box-shadow:var(--shadow-sm);height:100vh;overflow-y:auto;padding:20px;width:280px}.sidebar .name-app{align-items:center;display:flex;gap:10px;margin-bottom:40px;& .icon-app{align-items:center;background-color:#3525cd;background-color:var(--color-primary);border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 2px 2px #1e00a556;box-shadow:0 2px 2px var(--shadow-bg);color:#fff;display:flex;font-size:32px;height:40px;justify-content:center;width:40px}}.sidebar h2{color:#3525cd;color:var(--color-primary)}.sidebar ul{list-style:none;padding:0}.sidebar li{margin:10px 0}.sidebar a{color:#1e293b;color:var(--color-text);text-decoration:none}.sidebar .active,.sidebar a:hover{color:#3525cd;color:var(--color-primary)}.sidebar .nav-item{align-items:center;border-radius:8px;color:#1e293b;color:var(--color-text);display:flex;gap:8px;padding:10px 12px}.sidebar .nav-item svg{font-size:22px}.sidebar .nav-item:has(.active){background:#fcf8ff;background:var(--color-background);border-left:3px solid #3525cd;border-left:3px solid var(--color-primary);color:#3525cd;color:var(--color-primary);font-weight:700}.container-add-task{align-items:center;background-color:#fff;background-color:var(--color-surface);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 6px #00000014;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:500px;padding:30px;& .icon{align-items:center;background-color:#3525cd;background-color:var(--color-primary);border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 2px 2px #1e00a556;box-shadow:0 2px 2px var(--shadow-bg);color:#fff;display:flex;height:50px;justify-content:center;margin-bottom:20px;width:50px;& svg{font-size:54px}}& form{display:flex;flex-direction:column;gap:10px;width:100%;& div{display:flex;flex-direction:column;gap:5px;width:100%;& label{color:#64748b;color:var(--color-text-light);font-weight:500}& input{background-color:#fcf8ff;background-color:var(--color-background);border:none;border-radius:8px;border-radius:var(--radius-sm);font-size:16px;padding:15px 10px;transition:.3s ease;transition:var(--transition-default);&:focus{border-color:#3525cd;border-color:var(--color-primary);box-shadow:0 0 5px #1e00a556;box-shadow:0 0 5px var(--shadow-bg);outline:none}}& input::placeholder{color:#64748b;color:var(--color-text-light);font-size:14px}}& button{background-color:#3525cd;background-color:var(--color-primary);border:none;border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 0 8px #1e00a556;box-shadow:0 0 8px var(--shadow-bg);color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:32px;padding:15px 10px;transition:.3s ease;transition:var(--transition-default);&:hover{background-color:#1d4ed8;background-color:var(--color-primary-hover)}}}}.container-home header{align-items:end;display:flex;justify-content:space-between;margin-bottom:28px;& .btn-newTask{align-items:center;background-color:#3525cd;background-color:var(--color-primary);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 0 10px #1e00a556;box-shadow:0 0 10px var(--shadow-bg);color:#fff;display:flex;font-weight:700;gap:8px;padding:10px 20px;text-decoration:none;transition:.3s ease;transition:var(--transition-default);&:hover{background-color:#1d4ed8;background-color:var(--color-primary-hover)}}}.dashboard{display:flex;gap:20px;margin-bottom:30px;width:100%}.dashboard .card{align-items:center;background-color:#fff;background-color:var(--color-surface);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 6px #00000014;box-shadow:var(--shadow-sm);color:#1e293b;color:var(--color-text);display:flex;flex:1 1;flex-direction:column;gap:10px;padding:30px;&.pending{color:#3525cd;color:var(--color-primary)}&.completed{color:#22c55e;color:var(--color-success)}}.dashboard .card-header{align-items:center;display:flex;gap:10px;justify-content:space-between;width:100%;& .icon-header{background-color:#fcf8ff;background-color:var(--color-background);border-radius:8px;border-radius:var(--radius-sm);font-size:25px;padding:4px 6px}}.dashboard .card-header h2{font-size:18px;margin:0}.dashboard .card-body{color:#1e293b;color:var(--color-text);font-size:36px;font-weight:700;text-align:left;width:100%}.task-list{display:flex;flex-direction:column;gap:10px;height:400px;overflow:scroll;width:100%}.task-list::-webkit-scrollbar{display:none}.task-list .list-item{align-items:center;background-color:#fff;background-color:var(--color-surface);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 6px #00000014;box-shadow:var(--shadow-sm);color:#1e293b;color:var(--color-text);display:flex;justify-content:space-between;margin-bottom:10px;padding:20px;text-align:left;& .icon-completed{color:#3525cd;color:var(--color-primary);cursor:pointer;font-size:20px}& .icons-actions{color:#64748b;color:var(--color-text-light);cursor:pointer;display:flex;font-size:20px;gap:15px}& .task-title{flex:1 1;margin:0 20px}}
/*# sourceMappingURL=main.cbddbe9b.css.map*/